﻿@charset "utf-8";  
/*------------------------------------------------------------ 
    COMPANY css
------------------------------------------------------------*/  

section:not(.section) .headline{ margin-bottom:40px;}

.headline-en,
.headline-jp{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	line-height:1;
}

.section{ margin-top:100px;}

#conceptInner{
	width:auto;
	text-align:center;
	padding:80px 15px 160px;
	background:url(../img/bg-concept.png) no-repeat 50% bottom;
	background-size:cover;
}

#companyTbl{
	width:100%;
	font-size:125%;
}

#companyTbl tr{ border-bottom:1px dotted #000;}

#companyTbl th{
	vertical-align:middle;
	width:200px;
	text-align:center;
	padding:20px 0;
	color:#595757;
}

#companyTbl td{
	vertical-align:middle;
	padding:20px 20px 20px 30px;
}

#gmap{
	width:100%;
	height:500px;
}

/*
 map
---------------------------------------------------------------------- */
.gmap {
	position: relative;
	padding-bottom: 30%!important; /* これが縦横比 */
	height: 0;
	overflow: hidden;
	overflow-y : hidden !important;
	margin-left: 0;
	margin-right: 0;
	margin-top:10px;
	margin-bottom: 50px;
}
.gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
 border:0 !important;
 overflow-y : hidden !important;
}

/*------------------------------------------------------------ 
    MediaQuery 
------------------------------------------------------------*/  

/* SP */
@media screen and (max-width: 560px){

section:not(.section) .headline{ margin-bottom:20px;}

.section{ margin-top:50px;}

#conceptInner{ padding:60px 15px 120px;}

#companyTbl{ font-size:117%;}

#companyTbl th{
	width:120px;
	padding:10px 0;
}

#companyTbl td{ padding:10px 0;}

#gmap{ height:380px;}

	/*
 map
---------------------------------------------------------------------- */
.gmap {
	position: relative;
	padding-bottom: 90%!important; /* これが縦横比 */
	height: 0;
	overflow: hidden;
	overflow-y : hidden !important;
	margin-left: 0;
	margin-right: 0;
	margin-top:10px;
}
.gmap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
 border:0 !important;
 overflow-y : hidden !important;
}
	
}

