@charset "utf-8";
/*==========================================
会社案内
===========================================*/
.company_container{
	max-width: 700px;
	width: 100%;
	margin: 0 auto;
	margin-bottom: 40px;
}
/*==========ごあいさつ==========*/
.com_greeting_text_box{
	background-color:#fff;
	padding-top:5px;
}
.com_greeting_container{
  width:100%;
  position:relative;
	margin-bottom:16px;
}

.com_greeting_container .company_img{
	position:absolute;
	width:26%;
	top:15px;
	right:3%;
	transform:rotate(5deg);
	padding:5px;
	background-color:#fff;
	box-shadow:-1px 2px 3px #a1a1a1;
}
.com_greeting_container .company_img img{
	width:100%;
	height:auto;
}
.greeting_text{
	border-bottom:solid 1px #bbb;
	line-height:2;
	padding:2px 5px 2px 10px;
}
.greeting_text.border_none{
	border-bottom:none;
}
.greeting_text .text_right{
	display:block;
	text-align:right;
	padding-right:50px;
}
@media screen and (max-width:640px) {
.com_greeting_container{
	position:relative;
	margin-bottom:16px;
	background-color:#fff;
	padding-top:20px;
}
.com_greeting_container .company_img{
	position:static;
	width:68%;
	transform:rotate(0);
	padding:5px;
	background-color:#fff;
	box-shadow:-1px 2px 3px #a1a1a1;
	margin:0 auto;
}
.greeting_text{
	border-bottom:solid 1px #bbb;
	line-height:2;
	padding:2px 0 2px 0;
	margin:0 20px 0;
}
.text_border{
	display: block;
	border-bottom:solid 1px #bbb;
	line-height:2;
}	
}

/*==========会社情報==========*/
.com_infomation_table{
	width:100%;
}
.com_infomation_table .com_infomation_tr th{
	background-color:#f9cc66;
	width:19%;
	border:#333333 solid 1px;
	padding:8px;
	font-weight: bold;
	vertical-align: middle;
}
.com_infomation_table .com_infomation_tr td{
	width: 81%;
	border:#333333 solid 1px;
	padding:5px 8px;
	line-height:1.6;
}
.com_map_td{
	padding-left:50px;
}
.com_map{
	min-width:400px;
	min-height:550px;
	margin:0 14%;
}


@media screen and (max-width:768px) {
.com_infomation_table .com_infomation_tr th{
	width:100%;
	display:block;
}
.com_infomation_table .com_infomation_tr td{
	width:100%;
	display: block;
}
.com_map_td{
	padding-left:5%;
}
.com_map{
	width:100%;
	min-width: auto;
	min-height: 200px;
	margin:0 auto;
}
}





