@charset "UTF-8";
@media screen and (min-width: 768px),print {
    body{ background: url(../images/about/h1-back.png)no-repeat top center #0F0F0F; }

#contentsmain {margin: 0 auto 93px;position: relative;background: url('../images/about/contentsmain-back01.png')no-repeat top 180px center;width: 1100px;padding-top: 42px;}
#contentsmain .inner-Box { margin: 0 auto; position: relative; }
#contentsmain .inner-Box h2 {font-size: 35px;line-height: 2;font-weight: 400;letter-spacing: 10.5px;margin-bottom: 132px;text-align: center;position: relative;left: 5px;}
#contentsmain .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;}
#contentsmain .inner-Box ul li {margin-right: 40px;}
#contentsmain .inner-Box ul li:nth-child(3n) { margin-right: 0px; }

#contents01 {margin: 0 auto;position: relative;width: 1100px;}
#contents01 h2 {font-size: 30px;line-height: 1.6;font-weight: 400;letter-spacing: 9px;margin-bottom: -29px;text-align: center;position: relative;left: -5px;}
#contents01 span.en {display: block;line-height: 1;text-align: center;margin-bottom: 82px;}
#contents01 h3.subttl  {font-size: 38px;line-height: 60px;font-weight: 400;letter-spacing: 10.64px;margin-bottom: 84px;text-align: center;position: relative;left: 6px;}
#contents01 h3.subttl::before{content: "";background: #fff;width: 80px;height: 1px;position: absolute;left: 50%;bottom: -24.1px;margin-left: -46px;}
#contents01 .inner-Box1 {margin: 0 auto 100px;position: relative;height: 375px;padding-left: 645px;text-align: left;padding-top: 46px;}
#contents01 .inner-Box1 h3{font-size: 24px;line-height: 38px;font-weight: 400;letter-spacing: 4.8px;margin-bottom: 21px;color: #fff;width: 550px;}
#contents01 .inner-Box1 figure{ position: absolute; top: 0; left: 0; }
#contents01 .inner-Box1 p.text {font-size: 18px;line-height: 36px;font-weight: 500;letter-spacing: 0.9px;margin-bottom: 30px;}

#contents01 .inner-Box2 {margin: 0 auto 110px;position: relative;height: 375px;padding-right: 645px;text-align: left;padding-top: 84px;}
#contents01 .inner-Box2 h3{font-size: 24px;line-height: 38px;font-weight: 400;letter-spacing: 4.8px;margin-bottom: 21px;color: #fff;width: 550px;}
#contents01 .inner-Box2 figure{position: absolute;top: 0;right: 0;}
#contents01 .inner-Box2 p.text {font-size: 18px;line-height: 36px;font-weight: 500;letter-spacing: 0.9px;margin-bottom: 30px;}

#contents01 .inner-Box3 {margin: 0 auto 136px;position: relative;height: 375px;padding-left: 630px;text-align: left;padding-top: 46px;}
#contents01 .inner-Box3 h3{font-size: 24px;line-height: 38px;font-weight: 400;letter-spacing: 4.8px;margin-bottom: 21px;color: #fff;width: 550px;}
#contents01 .inner-Box3 figure{ position: absolute; top: 0; left: 0; }
#contents01 .inner-Box3 p.text {font-size: 18px;line-height: 36px;font-weight: 500;letter-spacing: 0.9px;margin-bottom: 30px;}

#contents02 {margin: 0 auto;position: relative;width: 1100px;}
#contents02 h2  {font-size: 38px;line-height: 58px;font-weight: 400;letter-spacing: 10.64px;margin-bottom: 69px;text-align: center;position: relative;left: 6px;}
#contents02 h2::before{content: "";background: #fff;width: 80px;height: 1px;position: absolute;left: 50%;bottom: -24.1px;margin-left: -46px;}
#contents02 .inner-Box {margin: 0 auto 131px;position: relative;text-align: center;}
#contents02 .inner-Box figure{ position: relative; left: -50px; padding-top: 57px; }
#contents02 .inner-Box p.text {font-size: 18px;line-height: 36px;font-weight: 500;letter-spacing: 0.9px;margin-bottom: 15px;}

#contents03 {margin: 0 auto;position: relative;background: #181818;padding-top: 106px;padding-bottom: 71px;}
#contents03 h2 {font-size: 34.9px;line-height: 1.6;font-weight: 400;letter-spacing: 9px;margin-bottom: -29px;text-align: center;position: relative;left: -5px;}
#contents03 span.en {display: block;line-height: 1;text-align: center;margin-bottom: 73px;}
#contents03 .inner-Box1 {margin: 0 auto 60px;position: relative;height: 311px;padding-left: 608px;text-align: left;padding-top: 54px;width: 1100px;}
#contents03 .inner-Box1 h3{font-size: 24px;line-height: 38px;font-weight: 400;letter-spacing: 4.8px;margin-bottom: 21px;color: #FCE381;width: 550px;}
#contents03 .inner-Box1 figure{ position: absolute; top: 0; left: 0; }
#contents03 .inner-Box1 p.text {font-size: 18px;line-height: 36px;font-weight: 500;letter-spacing: 0.9px;margin-bottom: 30px;}
#contents03 .inner-Box2 {margin: 0 auto 60px;position: relative;height: 311px;padding-left: 608px;text-align: left;padding-top: 34px;width: 1100px;}
#contents03 .inner-Box2 h3{font-size: 24px;line-height: 38px;font-weight: 400;letter-spacing: 4.8px;margin-bottom: 21px;color: #FCE381;width: 550px;}
#contents03 .inner-Box2 figure{ position: absolute; top: 0; left: 0; }
#contents03 .inner-Box2 p.text {font-size: 18px;line-height: 36px;font-weight: 500;letter-spacing: 0.9px;margin-bottom: 30px;}
#contents03 .inner-Box3 {margin: 0 auto 60px;position: relative;height: 311px;padding-left: 608px;text-align: left;padding-top: 34px;width: 1100px;}
#contents03 .inner-Box3 h3{font-size: 24px;line-height: 38px;font-weight: 400;letter-spacing: 4.8px;margin-bottom: 21px;color: #FCE381;width: 550px;}
#contents03 .inner-Box3 figure{ position: absolute; top: 0; left: 0; }
#contents03 .inner-Box3 p.text {font-size: 18px;line-height: 36px;font-weight: 500;letter-spacing: 0.9px;margin-bottom: 30px;}

#contents04 {margin: 0 auto;position: relative;padding-top: 118px;padding-bottom: 97px;text-align: center;}
#contents04 h2 {font-size: 30.4px;line-height: 1.6;font-weight: 400;letter-spacing: 9px;margin-bottom: -29px;text-align: center;position: relative;left: -5px;}
#contents04 span.en {display: block;line-height: 1;text-align: center;margin-bottom: 46px;}

}

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

    body{background: url(../images/about/sp-h1-back.png)no-repeat top 17vw center #0F0F0F;background-size: 100% auto;}

    #contentsmain {margin: 0 auto 12.1vw;position: relative;background: url('../images/about/sp-contentsmain-back01.png') no-repeat top 22vw center;background-size: 100% auto;padding-top: 2.8vw;}
    #contentsmain .inner-Box {margin: 0 4vw;position: relative;padding-top: 0.9vw;}
    #contentsmain .inner-Box h2 {font-size: 5.7vw;line-height: 1.74;font-weight: 400;letter-spacing: 2.1vw;margin-bottom: 15.6vw;text-align: center;position: relative;left: 0.9vw;}
    #contentsmain .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;margin: 0 -1.1vw;}
    #contentsmain .inner-Box ul li {margin-right: 1vw;width: 30.7vw;}
    #contentsmain .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
    
    #contents01 {position: relative;padding-top: 1.8vw;margin-bottom: 22.9vw;}
    #contents01 h2 {font-size: 4.9vw;line-height: 1.6;font-weight: 400;letter-spacing: 1.3vw;margin-bottom: -6.5vw;text-align: center;position: relative;left: 0.6vw;}
    #contents01 span.en {display: block;line-height: 1;text-align: center;margin: 0 0vw 4.1vw;}
    #contents01 h3.subttl  {font-size: 5.4vw;line-height:1.6;font-weight: 400;letter-spacing: 1.7vw;margin-bottom: 13.2vw;text-align: center;position: relative;left: 0.8vw;}
    #contents01 h3.subttl::before{content: "";background: #fff;height: 1px;position: absolute;left: 50%;bottom: -4.5vw;margin-left: -7.9vw;width: 14.7vw;}
    #contents01 .inner-Box1 {margin: 0 auto 17.7vw;position: relative;text-align: left;}
    #contents01 .inner-Box1 h3{font-size: 4.7vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.55vw;margin-bottom: 5.7vw;color: #fff;text-align: center;left: 0.3vw;position: relative;}
    #contents01 .inner-Box1 figure{margin: 0 5.3vw 5.5vw;}
    #contents01 .inner-Box1 p.text {font-size: 4.3vw;line-height: 2;font-weight: 500;letter-spacing: 0.25vw;margin: 0 9vw 3.9vw;}
    
    #contents01 .inner-Box2 {margin: 0 auto 17.5vw;position: relative;text-align: left;}
    #contents01 .inner-Box2 h3{font-size: 4.7vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.55vw;margin-bottom: 5.7vw;color: #fff;text-align: center;left: 0.3vw;position: relative;}
    #contents01 .inner-Box2 figure{margin: 0 5.3vw 6.5vw;}
    #contents01 .inner-Box2 p.text {font-size: 4.3vw;line-height: 2;font-weight: 500;letter-spacing: 0.25vw;margin: 0 9vw 3.9vw;}
    
    #contents01 .inner-Box3 {margin: 0 auto 13.0vw;position: relative;text-align: left;}
    #contents01 .inner-Box3 h3{font-size: 4.7vw;line-height: 1.7;font-weight: 400;letter-spacing: 0.55vw;margin-bottom: 5.7vw;color: #fff;text-align: center;left: 0.3vw;position: relative;}
    #contents01 .inner-Box3 figure{margin: 0 5.3vw 5.5vw;}
    #contents01 .inner-Box3 p.text {font-size: 4.3vw;line-height: 2;font-weight: 500;letter-spacing: 0.25vw;margin: 0 9vw 3.9vw;}
    
    #contents02 {margin: 0 4vw;position: relative;}
    #contents02 h2  {font-size: 5.5vw;line-height: 1.6;font-weight: 400;letter-spacing: 1.6vw;margin: 0 -4vw 14.9vw;text-align: center;position: relative;left: 0.8vw;}
    #contents02 h2::before{content: "";background: #fff;height: 1px;position: absolute;left: 50%;bottom: -4.5vw;margin-left: -7.9vw;width: 14.7vw;}
    #contents02 .inner-Box {margin: 0 auto 17.1vw;position: relative;text-align: center;}
    #contents02 .inner-Box figure{margin: 0 1.1vw 23.7vw;padding-top: 1.5vw;}
    #contents02 .inner-Box p.text {font-size: 4.2vw;line-height: 2;font-weight: 500;letter-spacing: 0.3vw;margin: 0 5vw 4.5vw;text-align: left;}
    
    #contents03 {position: relative;background: #181818;padding-top: 16.2vw;padding-bottom: 14.3vw;}
    #contents03 h2 {font-size: 5.1vw;line-height: 1.6;font-weight: 400;letter-spacing: 1vw;margin-bottom: -5vw;text-align: center;position: relative;left: 0.7vw;}
    #contents03 span.en {display: block;line-height: 1;text-align: center;margin-bottom: 9.5vw;}
    #contents03 .inner-Box1 {margin: 0 5.3vw 14.7vw;position: relative;text-align: left;padding-top: 1.9vw;}
    #contents03 .inner-Box1 h3{font-size: 5vw;line-height:1.6;font-weight: 400;letter-spacing: 0.3vw;margin-bottom: 5.9vw;color: #FCE381;text-align: center;}
    #contents03 .inner-Box1 figure{margin-bottom: 5.5vw;}
    #contents03 .inner-Box1 p.text {font-size: 4.2vw;line-height: 2.1;font-weight: 500;letter-spacing: 0.35vw;margin: 0 3.9vw 3.9vw;}

    #contents03 .inner-Box2 {margin: 0 5.3vw 14.8vw;position: relative;text-align: left;padding-top: 1.9vw;}
    #contents03 .inner-Box2 h3{font-size: 5vw;line-height:1.6;font-weight: 400;letter-spacing: 0.3vw;margin-bottom: 5.9vw;color: #FCE381;text-align: center;}
    #contents03 .inner-Box2 figure{margin-bottom: 5.5vw;}
    #contents03 .inner-Box2 p.text {font-size: 4.2vw;line-height: 2.1;font-weight: 500;letter-spacing: 0.35vw;margin: 0 3.9vw 3.9vw;}

    #contents03 .inner-Box3 {margin: 0 5.3vw 7.8vw;position: relative;text-align: left;padding-top: 1.9vw;}
    #contents03 .inner-Box3 h3{font-size: 5vw;line-height:1.6;font-weight: 400;letter-spacing: 0.3vw;margin-bottom: 5.9vw;color: #FCE381;text-align: center;}
    #contents03 .inner-Box3 figure{margin-bottom: 5.5vw;}
    #contents03 .inner-Box3 p.text {font-size: 4.2vw;line-height: 2.1;font-weight: 500;letter-spacing: 0.35vw;margin: 0 3.9vw 3.9vw;}

    

    #contents04 {position: relative;padding-top: 15.8vw;padding-bottom: 12.6vw;text-align: center;}
    #contents04 h2 {font-size: 5vw;line-height: 1.6;font-weight: 400;letter-spacing: 1.2vw;margin-bottom: -8.7vw;text-align: center;position: relative;left: 0.6vw;}
    #contents04 span.en {display: block;line-height: 1;text-align: center;margin-bottom: 2.3vw;}
    

}