@charset "UTF-8";
@media screen and (min-width: 768px),print {

    #philosophy .main-title{ background: url(../images/philosophy/h1.png)no-repeat top center;}

    #contentsmain {margin: 0 auto 193px;position: relative;width: 1120px;}
    #contentsmain .inner-Box {margin: 0 auto;position: relative;padding: 127px 0 0;}
    #contentsmain .inner-Box h2{font-size: 20px;line-height: 1.6;font-weight: 700;letter-spacing: 2px;margin-bottom: 58px;position: relative;}
    #contentsmain .inner-Box h2 span{font-size: 14px;letter-spacing: 0.7px;display: block;margin-bottom: 6px;}
    #contentsmain h2::before{content: "";display: block;width: 30px;height: 1px;background: #000;position: absolute;bottom: -28px;}
    
    #contentsmain .inner-Box h3{font-size: 45px;line-height: 1.6;font-weight: 700;letter-spacing: 4.5px;margin-bottom: 17px;}
    #contentsmain .inner-Box h3 span{ font-size:34px; font-weight:700; line-height:1.6; letter-spacing:3.4px; }
    #contentsmain .inner-Box p.text {font-size: 16px;line-height: 30px;font-weight: 500;letter-spacing: 0px;margin-bottom: 30px;width: 500px;}
    #contentsmain .inner-Box figure.photo {position: absolute;top: 130px;right: -400px;}

    #contents01 {margin: 0 auto 75px;position: relative;background: #E6E6E6;padding: 103px 0 120px;}
    #contents01 .mb1{ margin-bottom:137px; }    
    #contents01 .mb2{ margin-bottom:127px; }    
    #contents01 h2{font-size: 20px;line-height: 1.6;font-weight: 700;letter-spacing: 2px;margin-bottom: 51px;position: relative;text-align: center;}
    #contents01 h2 span{font-size: 14px;letter-spacing: 0.7px;display: block;margin-bottom: 6px;}
    #contents01 h2::before{content: "";display: block;width: 30px;height: 1px;background: #000;position: absolute;bottom: -17px;left: 50%;transform: translateX(-50%);}
    #contents01 h3{font-size: 45px;line-height: 1.6;font-weight: 700;letter-spacing: 4.5px;margin-bottom: 5px;text-align: center;}
    #contents01 h4{font-size: 60px;line-height: 1.6;font-weight: 700;letter-spacing: 0.8px;margin-bottom: 40px;text-align: center;}
    #contents01 h4 span{font-size: 48px;letter-spacing: 4.8px;display: inline-block;padding: 0 0 0 31px;position: relative;left: 12px;top: -4px;}
    #contents01 .inner-Box1 {margin: 0 auto 91px;position: relative;background: #fff;width: 1200px;height: 310px;}
    #contents01 .inner-Box1 .h4-ttl{ font-size:22px; line-height:1.6; font-weight: 400; letter-spacing:2.2px; color:#fff; display:inline-block; padding:8px 120px; background-color:#000; position:absolute; top:-25px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); }
    #contents01 .inner-Box1 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 69px 0 0 168px;}
    #contents01 .inner-Box1 ul li{position: relative;width: 510px;}
    #contents01 .inner-Box1 ul li::before{content: "一";position: absolute;top: -2px;left: -22px;}
    #contents01 .inner-Box1 ul li:nth-child(3n){ margin-right: 0px; }
    #contents01 .inner-Box1 p.litext {font-size: 16px;line-height: 1.6;font-weight: 500;letter-spacing: 0px;margin-bottom: 14px;}
    #contents01 .inner-Box2 {margin: 0 auto;position: relative;width: 1127px;padding: 0 0 122px 670px;text-align: left;}
    #contents01 .inner-Box2 figure.img {position: absolute;top: 16px;left: 0;}
    #contents01 .inBox {margin: 0 auto 55px;position: relative;}
    #contents01 .inBox h3{font-size: 16px;line-height: 1.6;font-weight: 700;letter-spacing: 1.6px;margin-bottom: 9px;text-align: left;}
    #contents01 .inBox h3 span{width: 100px;height: 30px;display: inline-block;border: 1px solid #707070;background: #fff;text-align: center;padding: 3px 0 0;}
    #contents01 .inBox h4{font-size: 20px;line-height: 30px;font-weight: 700;letter-spacing: 0px;margin-bottom: 7px;text-align: left;}
    #contents01 .inBox p.text {font-size: 16px;line-height: 1.6;font-weight: 500;letter-spacing: 0px;margin-bottom: -22px;}

    #contentsbottom .inner-Box {margin: 0 auto;position: relative;width: 725px;padding: 0 0 70px;}
    #contentsbottom .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    #contentsbottom .inner-Box ul li {  }
    #contentsbottom .inner-Box ul li:nth-child(2n) {margin-right: 0px;position: relative;right: -65px;}
    #contentsbottom .inner-Box ul li figure{  }
    
}
@media screen and (max-width: 767px) {
    #philosophy .main-title{ background: url(../images/philosophy/sp-h1.png)no-repeat top center;background-size: 100% auto;}

    #contentsmain {margin: 0 auto 16.6vw;position: relative;}
    #contentsmain .inner-Box {margin: 0 6.5vw;position: relative;padding: 13.5vw 0 0;}
    #contentsmain .inner-Box h2{font-size: 6.28vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.62vw;margin-bottom: 13.4vw;position: relative;text-align: center;}
    #contentsmain .inner-Box h2 span{font-size: 3.38vw;letter-spacing: 0.16vw;display: block;margin-bottom: 3.4vw;}
    #contentsmain h2::before{content: "";display: block;height: 0.2vw;background: #000;position: absolute;bottom: -4.6vw;width: 7.2vw;left: 50%;transform: translateX(-50%);}
    
    #contentsmain .inner-Box h3{font-size: 5.4vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 4.7vw;text-align: center;}
    #contentsmain .inner-Box h3 span{ font-size:4.8vw; }
    #contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0vw;margin-bottom: 9.2vw;}
    #contentsmain .inner-Box figure.photo {position: relative;}
    
    #contents01 {margin: 0 auto 14.3vw;position: relative;background: #E6E6E6;padding: 13.6vw 0 12vw;}
    #contents01 .mb1{ margin:0 14vw 9vw; }    
    #contents01 .mb2{ margin-bottom:9vw; }   
    #contents01 h2{font-size: 6.28vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.62vw;margin-bottom: 13.4vw;position: relative;text-align: center;}
    #contents01 h2 span{font-size: 3.38vw;letter-spacing: 0.16vw;display: block;margin-bottom: 3.4vw;}
    #contents01 h2::before{content: "";display: block;height: 0.2vw;background: #000;position: absolute;bottom: -4.6vw;width: 7.2vw;left: 50%;transform: translateX(-50%);}
    #contents01 h3{font-size: 5.6vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.48vw;margin-bottom: 1.2vw;text-align: center;}
    #contents01 h4{font-size: 7.48vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.74vw;margin-bottom: 9.4vw;text-align: center;}
    #contents01 h4 span{font-size: 6.03vw;letter-spacing: 0.6vw;display: inline-block;padding: 0 0 0 2.7vw;position: relative;left: 0.9vw;top: 0.2vw;}
    #contents01 .inner-Box1 {margin: 0 6.7vw 9.7vw;position: relative;background: #fff;}
    #contents01 .inner-Box1 .h4-ttl{ font-size:4vw; line-height:1.6; font-weight: 400; letter-spacing:0.242vw; display: block; color:#fff; margin-bottom: 4vw; padding: 3.5vw 0; text-align: center; background-color:#000; }
    #contents01 .inner-Box1 ul{display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 5.7vw 5vw 8vw 10vw;}
    #contents01 .inner-Box1 ul li{position: relative;}
    #contents01 .inner-Box1 ul li::before{content: "一";position: absolute;top: 0.7vw;left: -6.0vw;font-size: 4.1vw;}
    #contents01 .inner-Box1 ul li:nth-child(3n){ margin-right: 0.0vw; }
    #contents01 .inner-Box1 p.litext {font-size: 3.6vw;line-height: 7.24vw;font-weight: 500;letter-spacing: 0vw;margin-bottom: 4.9vw;}
    #contents01 .inner-Box2 {margin: 0 5.5vw;position: relative;text-align: left;padding-bottom: 7.9vw;}
    #contents01 .inner-Box2 figure.img {position: relative;left: 0;margin-bottom: 9.9vw;}
    #contents01 .inBox {margin: 0 0.8vw 9.1vw;position: relative;}
    #contents01 .inBox h3{font-size: 3.9vw;line-height: 1.6;font-weight: 700;letter-spacing: 0.3vw;margin-bottom: 1.2vw;text-align: left;}
    #contents01 .inBox h3 span{height: 7.2vw;display: inline-block;border: 0.2vw solid #707070;background: #fff;text-align: center;padding: 0.7vw 0vw 0;width: 24.1vw;}
    #contents01 .inBox h4{font-size: 4.83vw;line-height:1.6;font-weight: 700;letter-spacing: 0vw;margin-bottom: 1.7vw;text-align: left;}
    #contents01 .inBox p.text {font-size: 3.9vw;line-height: 1.6;font-weight: 500;letter-spacing: 0vw;margin-bottom: 1.7vw;}
    


    #contentsbottom .inner-Box {margin: 0 9.9vw;position: relative;padding: 0 0 9.3vw;}
    #contentsbottom .inner-Box ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
    #contentsbottom .inner-Box ul li {  }
    #contentsbottom .inner-Box ul li:nth-child(2n) {margin-right: 0.0vw;position: relative;}
    #contentsbottom .inner-Box ul li figure{margin-bottom: 4.6vw;}
    
}