@charset "utf-8";
/* ------------------------------------------------------------ common */

.box h3.h3 { text-align: left;}
.box p.english { color: #a7a7a7; font-size: 12px; padding: 40px 0 0; letter-spacing: 2px;}

/* ------------------------------------------------------------  */

#fv { background: url(../images2/company/philosophy/fv.jpg) center center no-repeat; color: #fff;}

#symbol { padding: 110px 0 95px;}
#symbol .box { float: right; width: 625px; text-align: left; background: url(../images2/company/philosophy/logo.gif) left center no-repeat; padding: 0 0 0 380px;}


#slogan { background: url(../images2/company/philosophy/bg_01.jpg) center center no-repeat; padding: 110px 0 95px; text-align: left; background-size: cover;}
#slogan .box { width: 615px; background: url(../images2/company/philosophy/logo_01.gif) right center no-repeat; padding: 0 450px 0 0;}

#philosophy { padding: 125px 0 100px; text-align: center;}
#philosophy ul { border-top: 1px solid #dcdcdc; width: 760px; margin: 15px auto 0;}
#philosophy ul li { border-bottom: 1px solid #dcdcdc; padding: 40px 0 50px;}
#philosophy ul li p { font-size: 26px; font-family: 'Noto Sans Japanese medium';}
#philosophy ul li p span { display: block; font-size: 46px; font-family: 'JosefinSans-BoldItalic' ; }
#philosophy ul li p small { font-size: 12px; color: #a7a7a7; display: block; line-height: 160%; padding: 10px 0 0; letter-spacing: 2px; font-family: 'Noto Sans Japanese';}

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

/* ------------------------------------------------------------ common */

.box h3.h3 { text-align: center;}
.box p.english { color: #a7a7a7; font-size: 11px; padding: 20px 0 0;}

/* ------------------------------------------------------------  */

#fv { background: url(../images2/company/philosophy/fv.jpg) center center no-repeat; background-size: cover; color: #fff; padding: 20% 0;}

#symbol { padding: 30px 0 40px;}
#symbol .box { float: none; width: 100%; text-align: left; background: url(../images2/company/philosophy/logo.gif) center top no-repeat; padding: 50% 0 0; background-size: 70px auto;}


#slogan { background: url(../images2/company/philosophy/bg_01.jpg) center center no-repeat; padding: 40px 0 50px; text-align: center; background-size: cover;}
#slogan .box { width: 100%; background: url(../images2/company/philosophy/logo_01.gif) center top no-repeat; padding: 40% 0 0; background-size: 180px auto;}
#slogan p { text-align: left;}

#philosophy { padding: 30px 0 40px; text-align: center;}
#philosophy ul { border-top: 1px solid #dcdcdc; width: 94%; margin: 15px auto 0;}
#philosophy ul li { border-bottom: 1px solid #dcdcdc; padding: 25px 0 30px;}
#philosophy ul li p { font-size: 18px;}
#philosophy ul li p span { display: block; font-size: 30px;}
#philosophy ul li p small { font-size: 12px; color: #a7a7a7; display: block; line-height: 160%; padding: 10px 0 0; letter-spacing: 2px;}

}