@charset "UTF-8";
@media screen and (min-width: 768px),print {
    #link01,#link02,#link03{display: block; padding-top: 80px; margin-top: -80px;}

#contentsmain {margin: -13px auto 157px auto;position: relative;background: url('../images/after/contentsmain-back01.png')no-repeat top 130px center;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;text-align: center;}
#contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: -71px;}
#contentsmain .inner-Box figure.photo img{  }
#contentsmain .inner-Box h2 {position: relative;z-index: 3;margin-bottom: 70px;}
#contentsmain .inner-Box h2 span{  }
#contentsmain .inner-Box h2 img {  }
#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;width: 1060px;margin: 0 auto;}
#contentsmain .inner-Box ul li {margin-right: 60px;}
#contentsmain .inner-Box ul li:nth-child(2n) { margin-right: 0px; }
#contentsmain .inner-Box ul li figure {  }
#contentsmain .inner-Box ul li a {  }
#contentsmain .inner-Box ul li a:hover {  }

#contents01 {margin: 0 auto 156px;position: relative;width: 1200px;background: #DEDEDE;padding: 60px 50px 50px 50px;}
#contents01 h2 {text-align: center;position: relative;top: -127px;margin-bottom: -114px;}
#contents01 h2 span{  }
#contents01 h2 img {  }
#contents01 .back-Box {margin: 0 auto;position: relative;background: #fff;padding: 45px 80px 50px;}
#contents01 .inner-Box1 {margin: 0 auto 40px;position: relative;background: #EEEEEE;}
#contents01 .ttlBox {margin: 0 auto;position: relative;background: #000;color: #fff;padding: 15px 15px 15px 355px;}
#contents01 .ttlBox h3 {position: absolute;left: 23px;top: 17px;}
#contents01 .ttlBox h3 span{  }
#contents01 .ttlBox h3 img {  }
#contents01 .ttlBox p.subttl {font-size: 18px;line-height: 1.67;font-weight: 700;letter-spacing: 0.9px;position: relative;}
#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: 32px 16px 16px;}
#contents01 .inner-Box1 ul li {position: relative;width: 410px;margin-right: 75px;padding-top: 3px;}
#contents01 .inner-Box1 ul li:nth-child(2) { margin-right: 0px; }
#contents01 .inner-Box1 h4.f-en {font-size: 20px;line-height: 1.68;font-weight: 600;letter-spacing: 0.5px;margin-bottom: 10px;position: relative;width: 234px;border-bottom: 1px solid #000;line-height: 1.5;}
#contents01 .inner-Box1 figure.photo {position: absolute;top: 0;right: 0;}
#contents01 .inner-Box1 figure.photo img{  }
#contents01 .inner-Box1 p.ltext {font-size: 16px;line-height: 1.78;font-weight: 700;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 234px;}
#contents01 .inner-Box1 p.ltext span {border-bottom: #F0B93C 2px solid;}
#contents01 .inner-Box2 {margin: 0 auto;position: relative;padding-bottom: 41px;background: #EEEEEE;}
#contents01 .ttlBox p.btn {  }
#contents01 .ttlBox p.btn img {  }

#contents01 .inner-Box2 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: 32px 16px 16px;margin: 0 0 -20px;}
#contents01 .inner-Box2 ul li {position: relative;width: 410px;margin-right: 75px;padding-top: 3px;}
#contents01 .inner-Box2 ul li:nth-child(2) { margin-right: 0px; }
#contents01 .inner-Box2 h4.f-en {font-size: 20px;line-height: 1.68;font-weight: 600;letter-spacing: 0.5px;margin-bottom: 10px;position: relative;width: 234px;border-bottom: 1px solid #000;line-height: 1.5;}
#contents01 .inner-Box2 figure.photo {position: absolute;top: 0;right: 0;}
#contents01 .inner-Box2 figure.photo img{  }
#contents01 .inner-Box2 p.ltext {font-size: 16px;line-height: 1.78;font-weight: 700;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 234px;height: 84px;}
#contents01 .inner-Box2 p.ltext span {border-bottom: #F0B93C 2px solid;}
#contents01 .inner-Box2 p.ltext2 { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contents01 .inner-Box2 p.btn{ text-align: center;}


#contents02 {margin: 0 auto 120px;position: relative;width: 1200px;background: #DEDEDE;padding: 60px 50px 50px 50px;}
#contents02 h2 {text-align: center;position: relative;top: -127px;margin-bottom: -114px;}
#contents02 h2 span{  }
#contents02 h2 img {  }
#contents02 .back-Box {margin: 0 auto;position: relative;background: #fff;padding: 60px 50px 50px;}
#contents02 .inner-Box1 {margin: 0 auto 80px;position: relative;}
#contents02 .inner-Box1 h3 {font-size: 36px;line-height: 1.48;font-weight: 900;letter-spacing: 0px;margin-bottom: 18px;position: relative;}
#contents02 .inner-Box1 figure.photo {position: absolute;top: 0;right: 0;}
#contents02 .inner-Box1 figure.photo img{  }
#contents02 .inner-Box1 h4 {font-size: 26px;line-height: 1.54;font-weight: 700;letter-spacing: 1.3px;margin-bottom: 17px;position: relative;}
#contents02 .inner-Box1 p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 550px;}
#contents02 .inner-Box2 {margin: 0 auto 43px;position: relative;padding: 20px 0 0 450px;}
#contents02 .inner-Box2 h3 {font-size: 36px;line-height: 1.48;font-weight: 900;letter-spacing: 0px;margin-bottom: 18px;position: relative;}
#contents02 .inner-Box2 figure.photo {position: absolute;top: 0;left: 0;}
#contents02 .inner-Box2 figure.photo img{  }
#contents02 .inner-Box2 h4 {font-size: 26px;line-height: 1.54;font-weight: 700;letter-spacing: 1.3px;margin-bottom: 17px;position: relative;}
#contents02 .inner-Box2 p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;width: 550px;}
#contents02 .inner-Box3 {margin: 0 auto;position: relative;background: #685139;height: 686px;padding: 55px 29px 29px 29px;}
#contents02 .inner-Box3 h3 {z-index: 3;position: relative;}
#contents02 .inner-Box3 h3 span{  }
#contents02 .inner-Box3 h3 img {  }
#contents02 .inner-Box3 figure.photo {position: absolute;top: 40px;right: 30px;}
#contents02 .inner-Box3 figure.photo img{  }
#contents02 .inner-Box3 p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;color: #fff;width: 342px;position: relative;left: 9px;top: 19px;}
#contents02 .inner-Box3 figure.photo2 {position: absolute;left: 32px;bottom: 36px;}
#contents02 .inner-Box3 figure.photo2 img{  }


#contentsbottom {margin: 0 auto;position: relative;width: 1100px;}
#contentsbottom .inner-Box {margin: 0 auto 140px;position: relative;}
#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 {margin-right: 40px;}
#contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentsbottom .inner-Box ul li figure {  }
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }



}

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


    #contentsmain {margin: 4vw auto 15.92vw auto;position: relative;background: url('../images/after/sp-contentsmain-back01.png')no-repeat top 91vw center;background-size: 120% auto;padding-bottom: 1px;}
    #contentsmain .inner-Box {position: relative;text-align: center;}
    #contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 0vw;}
    #contentsmain .inner-Box figure.photo img{  }
    #contentsmain .inner-Box h2 {position: relative;z-index: 3;margin-bottom: 7.21vw;}
    #contentsmain .inner-Box h2 span{  }
    #contentsmain .inner-Box h2 img {  }
    #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 9vw 5vw;}
    #contentsmain .inner-Box ul li {margin-bottom: 7.19vw;}
    #contentsmain .inner-Box ul li:nth-child(2n) { margin-right: 0.0vw; }
    #contentsmain .inner-Box ul li figure {  }
    #contentsmain .inner-Box ul li a {  }
    #contentsmain .inner-Box ul li a:hover {  }
    
    #contents01 {margin: 0 auto 16.68vw;position: relative;background: #DEDEDE;padding: 0vw 0 9.18vw;}
    #contents01 h2 {text-align: center;position: relative;top: -4.4vw;margin: 0 1.4vw -0.3vw;}
    #contents01 h2 span{  }
    #contents01 h2 img {  }
    #contents01 .back-Box {position: relative;background: #fff;padding: 4.8vw 4.8vw 7.3vw;margin: 0 3.2vw;}
    #contents01 .inner-Box1 {margin: 0 auto 6.76vw;position: relative;background: #EEEEEE;}
    #contents01 .ttlBox {position: relative;background: #000;color: #fff;padding: 3.6vw 4.6vw 4.2vw 4.6vw;}
    #contents01 .ttlBox h3 {position: relative;margin-bottom: 2.6vw;}
    #contents01 .ttlBox h3 span{  }
    #contents01 .ttlBox h3 img {  }
    #contents01 .ttlBox p.subttl {font-size: 4.35vw;line-height: 1.67;font-weight: 700;letter-spacing: 0.22vw;position: relative;}
    #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: 3.23vw 4.86vw 0.06vw;}
    #contents01 .inner-Box1 ul li {position: relative;margin-bottom: 1vw;}
    #contents01 .inner-Box1 ul li:nth-child(2) { margin-right: 0.0vw; }
    #contents01 .inner-Box1 h4.f-en {font-size: 5.31vw;line-height: 1.68;font-weight: 600;letter-spacing: 0.12vw;margin-bottom: 0.42vw;position: relative;line-height: 1.5;}
    #contents01 .inner-Box1 figure.photo {position: relative;top: 0;right: 0;margin-bottom: 2.1vw;}
    #contents01 .inner-Box1 figure.photo img{  }
    #contents01 .inner-Box1 p.ltext {font-size: 3.86vw;line-height: 1.78;font-weight: 700;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
    #contents01 .inner-Box1 p.ltext span {border-bottom: #F0B93C 0.48vw solid;}
    #contents01 .inner-Box2 {position: relative;padding-bottom: 5.9vw;background: #EEEEEE;}
    
    #contents01 .inner-Box2 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: 3.23vw 4.86vw 0.06vw;}
    #contents01 .inner-Box2 ul li {position: relative;margin-bottom: 1vw;}
    #contents01 .inner-Box2 ul li:nth-child(2) { margin-right: 0.0vw; }
    #contents01 .inner-Box2 h4.f-en {font-size: 5.31vw;line-height: 1.68;font-weight: 600;letter-spacing: 0.12vw;margin-bottom: 0.42vw;position: relative;line-height: 1.5;}
    #contents01 .inner-Box2 figure.photo {position: relative;top: 0;right: 0;margin-bottom: 2.1vw;}
    #contents01 .inner-Box2 figure.photo img{  }
    #contents01 .inner-Box2 p.ltext {font-size: 3.86vw;line-height: 1.78;font-weight: 700;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
    #contents01 .inner-Box2 p.ltext span {border-bottom: #F0B93C 0.48vw solid;}
    #contents01 .inner-Box2 {}
    #contents01 .inner-Box2 p.ltext2 { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
    #contents01 .inner-Box2 p.btn{text-align: center;margin: 0 4.9vw;}
    
    
    #contents02 {margin: 0 auto 12.18vw;position: relative;background: #DEDEDE;padding: 0vw 0 4.58vw;}
    #contents02 h2 {text-align: center;position: relative;top: -4.4vw;margin: 0 1.4vw -0.3vw;}
    #contents02 h2 span{  }
    #contents02 h2 img {  }
    #contents02 .back-Box {position: relative;background: #fff;padding: 4.8vw 4.8vw 0vw;margin: 0 3.2vw;}
    #contents02 .inner-Box1 {margin: 0 auto -4.14vw;position: relative;}
    #contents02 .inner-Box1 h3 {font-size: 6.04vw;line-height: 1.58;font-weight: 900;letter-spacing: 0.0vw;margin-bottom: 3.05vw;position: relative;text-align: center;}
    #contents02 .inner-Box1 figure.photo {position: relative;top: 0;right: 0;margin-bottom: 4vw;}
    #contents02 .inner-Box1 figure.photo img{  }
    #contents02 .inner-Box1 h4 {font-size: 5.31vw;line-height: 1.54;font-weight: 700;letter-spacing: 0.31vw;margin-bottom: 4.11vw;position: relative;}
    #contents02 .inner-Box1 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
    #contents02 .inner-Box2 {margin: 0 auto 8.89vw;position: relative;padding: 4.83vw 0 0 0vw;}
    #contents02 .inner-Box2 h3 {font-size: 8.7vw;line-height: 1.48;font-weight: 900;letter-spacing: 0.0vw;margin-bottom: 4.35vw;position: relative;}
    #contents02 .inner-Box2 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 6vw;}
    #contents02 .inner-Box2 figure.photo img{  }
    #contents02 .inner-Box2 h4 {font-size: 5.31vw;line-height: 1.54;font-weight: 700;letter-spacing: 0.31vw;margin-bottom: 4.11vw;position: relative;}
    #contents02 .inner-Box2 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 7.25vw;position: relative;}
    #contents02 .inner-Box3 {margin: 0 -4.9vw;position: relative;background: #685139;padding: 5.59vw 5vw 5vw;}
    #contents02 .inner-Box3 h3 {z-index: 3;position: relative;margin-bottom: 3.3vw;}
    #contents02 .inner-Box3 h3 span{  }
    #contents02 .inner-Box3 h3 img {  }
    #contents02 .inner-Box3 figure.photo {position: relative;margin-bottom: 2.8vw;}
    #contents02 .inner-Box3 figure.photo img{  }
    #contents02 .inner-Box3 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 2.25vw;color: #fff;position: relative;}
    #contents02 .inner-Box3 figure.photo2 {position: relative;}
    #contents02 .inner-Box3 figure.photo2 img{  }
    
    
    #contentsbottom {margin: 0 9vw;position: relative;}
    #contentsbottom .inner-Box {margin: 0 auto 13.82vw;position: relative;}
    #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 {margin-bottom: 9.66vw;}
    #contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contentsbottom .inner-Box ul li figure {  }
    #contentsbottom .inner-Box ul li a {  }
    #contentsbottom .inner-Box ul li a:hover {  }

    
}