@charset "utf-8";


/**************************************************50
 * company
 **************************************************/
#company{
	background-color: #F1F1F1;
}
@media screen and (max-width:767px){
	#company{
		margin-bottom: 6.25%;
		padding-top: 6.25%;
		padding-bottom: 6.25%;
	}
}
@media screen and (min-width:768px){
	#company{
		margin-bottom: 100px;
		padding-top: 100px;
		padding-bottom: 100px;
	}
}


/**************************************************50
 * greeting
 **************************************************/
#greeting{
}
#greeting h3{
	color: #0C77AF;
	line-height: 1.2;
	text-align: center;
}
#greeting p{
	font-size: 87.5%;
}
#greeting p.serif{
}
#greeting p.serif span{
	margin-right: 1em;
}
#greeting p.serif b{
	font-size: 150%;
}
@media screen and (max-width:767px){
	#greeting{
		margin-bottom: 6.25%;
	}
	#greeting h3{
		font-size: 137.5%;
		margin-bottom: 3.125%;
		padding: 0 3.125%;
	}
	#greeting p{
		padding: 0 3.125%;
	}
	#greeting p + p{
		margin-top: 3.125%;
	}
	#greeting p.serif{
		margin-top: 3.125%;
	}
}
@media screen and (min-width:768px){
	#greeting{
		margin-bottom: 100px;
	}
	#greeting h3{
		font-size: 175%;
		margin-bottom: 20px;
	}
	#greeting p{
		margin-left: auto;
		margin-right: auto;
		width: 100%;
		max-width: 71em;
	}
	#greeting p + p{
		margin-top: 20px;
	}
	#greeting p.serif{
		margin-top: 20px;
	}
}


/**************************************************50
 * overview
 **************************************************/
#overview{
}
#overview .tbl_com{
}
#overview .tbl_com tr th{
}
#overview .tbl_com tr td{
}
#overview .tbl_com tr td img[src$="vehicle_010.jpg"],
#overview .tbl_com tr td img[src$="vehicle_010.webp"]{
	max-width: 414px;
}
@media screen and (max-width:767px){
	#overview{
		margin-bottom: 6.25%;
	}
	#overview .tbl_com{
	}
	#overview .tbl_com tr th{
	}
	#overview .tbl_com tr td{
	}
	#overview .tbl_com tr td img[src$="vehicle_010.jpg"],
	#overview .tbl_com tr td img[src$="vehicle_010.webp"]{
		margin-top: 1.785714285714286%;
		margin-bottom: 1.785714285714286%;
		width: 100%;
	}
}
@media screen and (min-width:768px){
	#overview{
		margin-bottom: 100px;
	}
	#overview .tbl_com{
	}
	#overview .tbl_com tr th{
	}
	#overview .tbl_com tr td{
	}
	#overview .tbl_com tr td img[src$="vehicle_010.jpg"],
	#overview .tbl_com tr td img[src$="vehicle_010.webp"]{
		margin-top: 20px;
		margin-bottom: 0.5em;
	}
}


/**************************************************50
 * location
 **************************************************/
#location{
}
#location ul{
}
#location ul > li{
}
#location ul > li > div{
	position: relative;
}
#location ul > li > div:before{
	content: "";
	display: block;
}
#location ul > li > div iframe{
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
#location ul > li > address{
	position: relative;
	font-size: 87.5%;
}
#location ul > li > address:before{
	background-color: #1C3A54;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#location ul > li > address h3{
	color: #1C3A54;
}
#location ul > li > address p{
	color: #4D4D4D;
}
@media screen and (max-width:767px){
	#location{
	}
	#location ul{
	}
	#location ul > li{
	}
	#location ul > li + li{
		margin-top: 6.25%;
	}
	#location ul > li > div{
		margin-bottom: 3.125%;
		margin-left: auto;
		margin-right: auto;
		width: 93.75%;
	}
	#location ul > li > div:before{
		padding-top: 56.25%;
	}
	#location ul > li > div iframe{
	}
	#location ul > li > address{
	}
	#location ul > li > address:before{
		margin-left: 3.125%;
		width: 2px;
	}
	#location ul > li > address h3{
		padding: 0 3.125% 0 6.25%;
	}
	#location ul > li > address p{
		padding: 0 3.125% 0 6.25%;
	}
}
@media screen and (min-width:768px){
	#location{
	}
	#location ul{
		margin-bottom: -50px;
	}
	#location ul > li{
		margin-bottom: 50px;
	}
	#location ul > li > div{
		margin-bottom: 20px;
	}
	#location ul > li > div:before{
		padding-top: 62.5%;
	}
	#location ul > li > div iframe{
	}
	#location ul > li > address{
		padding-left: 20px;
	}
	#location ul > li > address:before{
		width: 4px;
	}
	#location ul > li > address h3{
	}
	#location ul > li > address p{
	}
}
@media screen and (min-width:940px){
	#location ul:after{
		clear: both;
		content: "";
		display: block;
	}
	#location ul > li:nth-child(odd){
		float: left;
	}
	#location ul > li:nth-child(even){
		float: right;
	}
}
@media screen and (min-width:940px) and (max-width:1023px){
	#location ul > li{
		width: -webkit-calc((100% - 35px) / 2);
		width: calc((100% - 35px) / 2);
	}
}
@media screen and (min-width:1024px) and (max-width:1199px){
	#location ul > li{
		width: -webkit-calc((100% - 40px) / 2);
		width: calc((100% - 40px) / 2);
	}
}
@media screen and (min-width:1200px) and (max-width:1279px){
	#location ul > li{
		width: -webkit-calc((100% - 45px) / 2);
		width: calc((100% - 45px) / 2);
	}
}
@media screen and (min-width:1280px){
	#location ul > li{
		width: -webkit-calc((100% - 50px) / 2);
		width: calc((100% - 50px) / 2);
	}
}


