@charset "utf-8";
/* CSS Document */

#philosophy{background:url(/img/corp/en/message/philosophy_pc.png) no-repeat; background-position: center; background-size: cover; text-align:center; padding:120px 10px;}
#philosophy h2{font-size:32px; line-height:1.2em; display:block; color:#ffffff}
#philosophy p{color:#fff; margin-top:24px; line-height:1.8;}
#philosophy p span{display:inline-block;}
#philosophy .title{display:inline-block; font-family:'Montserrat'; font-size:24px; margin:32px 0 0 6px; padding:5px 15px; color:#c90c15; border-bottom:1px solid #c90c15; font-weight:800;}

#vision .box-1column > *{text-align:center;}
#vision img{width:100%; max-width:710px; height:auto; margin-top:30px;}

.vision{display:table; width:100%; border-collapse: collapse;}
.vision li{display:table-cell; width:33.3%; padding:40px 0; background:#fff; border:1px solid #dbdbdb; text-align:center;}

#partner_box{padding:32px; border:1px solid #dbdbdb; background:#f8f8f8; background-image: url(/img/corp/en/message/partner.png); background-repeat:no-repeat; background-position:98% 50%;}
#partner_box h3{font-weight:bold; font-size:19px;}
#partner_box h3 span{color: #c90c15; margin-right:10px;}
#partner_box p{padding-right:30%;}

@media only screen and ( max-width: 480px ) {
	#partner_box{background-position:50% 92%;}
	#partner_box p{padding-bottom:200px;}
	#partner_box h3{text-align:center;}
	#partner_box h3 span{ display:block;}
	#partner_box p{padding-right:0;}
}