@charset "utf-8";

#fv { background: url(../images/static/company/fv.png) center center no-repeat; background-size: cover; padding: 140px 0;}
#fv h2 { font-size: 64px; font-family: 'AlternateGothicEF_NoTwo'; line-height: 120%; letter-spacing: 7px;}
#fv h2 span { display: block; font-size: 15px; letter-spacing: 0;}


#company { padding: 75px 0 5px; text-align: center;}
#company .inner { width: 980px; margin: 0 auto;}
#company h3 { padding: 60px 0 40px; font-size: 22px; font-family: 'Noto-Sans-JP-Medium'; letter-spacing: 3px;}
#company h3 img { padding: 0 0 40px;}
#company p { font-size: 16px; line-height: 44px;}
#company h4 { font-size: 26px; font-family: 'Noto-Sans-JP-Medium'; border-bottom: 1px solid #767678; padding: 80px 0 25px; margin: 0 0 20px;}

#company dl { font-size: 16px; text-align: left;}
#company dl dt { float: left; width: 185px; padding: 25px 0; font-family: 'Noto-Sans-JP-Medium'; margin: 0 0 0 30px;}
#company dl dd { padding: 25px 0 25px 215px; border-bottom: 1px solid #e5e5e5;}
#company dl dd.bottom { border-bottom: none;}


/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

#fv { padding: 30% 0;}
#fv h2 { font-size: 40px; line-height: 100%; letter-spacing: 5px;}
#fv h2 span { line-height: 130%;}


#company { padding: 30px 0; text-align: center;}
#company img { width: 100%; height: auto;}
#company .inner { width: 94%; margin: 0 auto;}
#company h3 { padding: 30px 0 20px; font-size: 16px; letter-spacing: 1px;}
#company h3 img { padding: 0 0 20px; width: 160px; height: auto;}
#company p { font-size: 14px; line-height: 30px; text-align: left;}
#company h4 { font-size: 20px; font-family: 'Noto-Sans-JP-Medium'; border-bottom: 1px solid #767678; padding: 40px 0 10px; margin: 0 0 10px;}

#company dl { font-size: 14px; text-align: left;}
#company dl dt { float: none; width: 100%; padding: 15px 0 5px; font-family: 'Noto-Sans-JP-Medium'; margin: 0; border-bottom: 1px solid #e5e5e5;}
#company dl dd { padding: 10px 0 15px; border-bottom: none; display: block;}
#company dl dd.bottom { border-bottom: none;}

}