@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;
}

/*------------------------------------------------------------ 
    GREETING
------------------------------------------------------------*/  

.greetingHd{
	font-size:209%;
	margin-bottom:20px;
}

.greetingImg{
	width:39%;
	float:left;
	padding:0 40px 40px 0;
}

.greetingTxt{
	font-size:150%;
	line-height:1.5;
}

.greetingList{
	width:100%;
	margin-top:130px;
}

.greetingItem{
	width:23.33333333333333%;
	padding-top:30px;
}

.greetingItem p{
	color:#000;
	line-height:1.4;
	font-size:167%;
	margin-top:10px;
}

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

@media screen and (max-width: 788px){

.greetingHd{ font-size:167%;}

.greetingImg{ padding:0 20px 20px 0;}

.greetingTxt{
	font-size:125%;
	line-height:1.4;
}

.greetingList{ margin-top:80px;}

.greetingItem{ padding-top:20px;}
.greetingItem p{ font-size:117%;}

}


/* SP */
@media screen and (min-width: 561px){

.greetingItem:nth-child(4n+2):last-child{ margin-right:calc((23.33333333333333% + 2.222222222222222%) * 2);}
.greetingItem:nth-child(4n+3):last-child{ margin-right:calc((23.33333333333333% + 2.222222222222222%) * 1);}

}

@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;}

/* greeting */

.greetingHd{
	font-size:142%;
	text-align:center;
}

.greetingImg{
	width:100%;
	max-width:234px;
	float:none;
	margin:0 auto;
	padding:0 0 20px;
}

.greetingTxt{ font-size:109%;}

.greetingList{ margin-top:60px;}

.greetingItem{ width:calc(50% - 7px);}

}