@charset "utf-8";

/* --------------------------------------------------------- */
/* /about/philosophy.css */
/* --------------------------------------------------------- */


/* philosophy --------------------------- */
#philosophy{}

#title{width:41%;}

.mvbox{position:relative;}
.mvbox:after{content:'';display:block;width:26.223%;padding-top:42%;background:url(/img/about/philosophy/img-sub.png) no-repeat top left;background-size:100% auto;position:absolute;top:0;right:0;margin:31.112% 4.445% 0 0}
.mvbox h2{margin:3.334% 0 2.778%;font-size:24px;line-height:175%;}
.mvbox .txt{font-size:15px;line-height:186%;}

.philosophy{}
.philosophy h3{margin:3.889% 0 0.556%;font-size:18px;line-height:200%;}
.philosophy h3 span{display:inline;color:#ad1e23;}
.philosophy .txt{font-size:15px;line-height:186%;}

.philosophy .linebox{margin:5% 0 11.112%;padding:3.556% 5.556% 4.112%;border:1px solid #ad1e23;box-sizing:border-box;}
.philosophy .linebox .head{margin-bottom:1.88%;font-size:24px;font-weight:bold;line-height:150%;}
.philosophy .linebox .txt{}

.philosophy .txtlist{counter-reset:number 0;}
.philosophy .txtlist li{display:flex;align-items:center;font-size:15px;line-height:160%;counter-increment:number 1;}
.philosophy .txtlist li + li{margin-top:2.223%;}
.philosophy .txtlist li:before{content:counter(number);display:block;width:1.667em;margin-right:0.556em;color:#fff;font-size:18px;font-weight:bold;line-height:166.7%;text-align:center;background:#ad1e23;}
.philosophy #linebox2{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;padding-top:3.133%;}
.philosophy #linebox2 .txtbox{width:77.695%;}
.philosophy #linebox2 .image{width:15.79%;}



@media screen and (max-width: 1240px){
	
/* philosophy --------------------------- */
.mvbox h2{font-size:1.936vw;}
.mvbox .txt{font-size:1.21vw;}

.philosophy h3{font-size:1.452vw;}
.philosophy .txt{font-size:1.21vw;}

.philosophy .linebox{border-width:0.081vw;}
.philosophy .linebox .head{font-size:1.936vw;}

.philosophy .txtlist li{font-size:1.21vw;}
.philosophy .txtlist li:before{font-size:1.452vw;}


}



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


/* philosophy --------------------------- */
#title{width:73.383%;}

#mv{width:110.295%;margin-left:-5.1475%;}
.mvbox:after{width:34.706%;padding-top:55.589%;background-image:url(/img/about/philosophy/img-sub-sp.png);margin:41.03% 1.324% 0 0}
.mvbox h2{margin:5.883% 0;font-size:4vw;line-height:180%;}
.mvbox .txt{font-size:3.2vw;line-height:175%;}

.philosophy{}
.philosophy h3{margin:9.559% 0 0.736%;font-size:3.734vw;line-height:128%;}
.philosophy .txt{font-size:3.2vw;line-height:175%;}

.philosophy .linebox{margin:7.363% 0 14.706%;padding:6.618% 7.353% 5.883%;border-width:0.134vw;}
.philosophy .linebox .head{margin-bottom:5.173%;font-size:4vw;line-height:120%;}

.philosophy .txtlist{margin-top:3.677%;}
.philosophy .txtlist li{display:block;font-size:3.2vw;line-height:158%;position:relative;padding-left:7.353%;}
.philosophy .txtlist li + li{margin-top:4.412%;}
.philosophy .txtlist li:before{width:1.429em;margin-right:0;font-size:3.734vw;line-height:142.9%;position:absolute;top:0;left:0;}
.philosophy #linebox2{display:block;padding-top:5.191%;position:relative;}
.philosophy #linebox2 .head{line-height:173%;margin-bottom:47.198%;}
.philosophy #linebox2 .txtbox{width:100%;}
.philosophy #linebox2 .image{width:31.142%;position:absolute;top:0;left:50%;transform:translateX(-50%);margin-top:27.682%;}

@-moz-document url-prefix() {
.philosophy #linebox2 .image{margin-top:31.142%;}
}

}