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

#link01,#link02,#link03 {display: block; padding-top: 120px; margin-top: -120px;}

#contentsmain {margin: 0 auto 110px;position: relative;padding-top: 661px;}
#contentsmain figure.photo01 {position: absolute;top: 0;left: 50%;transform: translateX(-50%);}
#contentsmain figure.photo01 img{  }
#contentsmain .inner-Box {margin: 0 auto;position: relative;width: 1200px;height: 609px;background: #F2F2F3;padding: 80px 100px 0 615px;}
#contentsmain .inner-Box h2 {font-size: 52px;line-height: 1.29;font-weight: 700;letter-spacing: 4.16px;margin-bottom: 20px;position: relative;}
#contentsmain .inner-Box figure.photo02 {position: absolute;top: -50px;left: 60px;}
#contentsmain .inner-Box figure.photo02 img{  }
#contentsmain .inner-Box p.text {font-size: 18px;line-height: 1.78;font-weight: 500;letter-spacing: 1.44px;margin-bottom: 34px;position: relative;}

#contents00 {margin: 0 auto 110px;position: relative;width: 1000px;}
#contents00 .inner-Box { margin: 0 auto; position: relative; }
#contents00 .inner-Box h2 {font-size: 52px;line-height: 1.4;font-weight: 700;letter-spacing: 4.16px;margin-bottom: 84px;position: relative;text-align: center;}
#contents00 .inner-Box h2::before{content: "";width: 120px;height: 4px;background: #000;display: block;position: absolute;bottom: -18px;left: 50%;transform: translateX(-50%);}
#contents00 .inner-Box ul.list {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;}
#contents00 .inner-Box ul li {margin-right: 50px;}
#contents00 .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contents00 .inner-Box ul li figure {  }
#contents00 .inner-Box ul li a {  }
#contents00 .inner-Box ul li a:hover {  }

#contents01 {margin: 0 auto 130px;position: relative;width: 1100px;}
#contents01 h2 {padding-left: 4px;margin-bottom: -96px;}
#contents01 h2 span{  }
#contents01 h2 img {  }
#contents01 .inner-Box {margin: 0 auto;position: relative;border-left: 4px solid #000;padding: 145px 26px 26px 26px;min-height: 534px;}
#contents01 .inner-Box h3 {font-size: 45px;line-height: 1.4;font-weight: 700;letter-spacing: 2.25px;margin-bottom: 10px;position: relative;}
#contents01 .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 1.28px;margin-bottom: 25px;position: relative;}
#contents01 .inner-Box p.text2 {font-size: 14px;line-height: 1.57;font-weight: 500;letter-spacing: 1.12px;margin-bottom: 30px;position: relative;width: 500px;}
#contents01 .inner-Box figure.img {position: absolute;top: 134px;right: 0;}
#contents01 .inner-Box figure.img img{  }
#contents01 .inner-Box p.text3 {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;display: none;}

#contents02 {margin: 0px auto 104px;position: relative;width: 1100px;}
#contents02 h2 {padding-left: 4px;margin-bottom: -96px;}
#contents02 h2 span{  }
#contents02 h2 img {  }
#contents02 .inner-Box {margin: 0 auto;position: relative;border-right: 4px solid #000;padding: 145px 26px 26px 570px;min-height: 534px;}
#contents02 .inner-Box h3 {font-size: 45px;line-height: 1.4;font-weight: 700;letter-spacing: 2.25px;margin-bottom: 10px;position: relative;}
#contents02 .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 1.28px;margin-bottom: 25px;position: relative;}
#contents02 .inner-Box p.text2 {font-size: 14px;line-height: 1.57;font-weight: 500;letter-spacing: 1.12px;margin-bottom: 30px;position: relative;width: 500px;}
#contents02 .inner-Box figure.img {position: absolute;top: 134px;left: 0;}
#contents02 .inner-Box figure.img img{  }
#contents02 .inner-Box p.text3 {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;display: none;}

#contents03 {margin: 0 auto 103px;position: relative;width: 1100px;}
#contents03 h2 {padding-left: 4px;margin-bottom: -96px;}
#contents03 h2 span{  }
#contents03 h2 img {  }
#contents03 .inner-Box {margin: 0 auto;position: relative;border-left: 4px solid #000;padding: 145px 566px 26px 26px;min-height: 474px;}
#contents03 .inner-Box h3 {font-size: 45px;line-height: 1.4;font-weight: 700;letter-spacing: 2.25px;margin-bottom: 10px;position: relative;}
#contents03 .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 1.28px;margin-bottom: 25px;position: relative;}
#contents03 .inner-Box p.text2 {font-size: 14px;line-height: 1.57;font-weight: 500;letter-spacing: 1.12px;margin-bottom: 30px;position: relative;width: 500px;}
#contents03 .inner-Box figure.img {position: absolute;top: 134px;right: 0;}
#contents03 .inner-Box figure.img img{  }
#contents03 .inner-Box p.text3 {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;display: none;}


#contents04 {margin: 0 auto 107px;position: relative;width: 900px;height: 953px;background: #F2F2F3;padding: 21px 50px;}
#contents04 h2 {font-size: 46px;line-height: 1.4;font-weight: 700;letter-spacing: 0.8px;margin-bottom: 20px;position: relative;text-align: center;}
#contents04 .inner-Box1 {margin: 0 auto 50px;position: relative;padding: 0 0 0 420px;}
#contents04 .inner-Box1 figure.img01 { position: absolute; top: 0; left: 0; }
#contents04 .inner-Box1 figure.img01 img{  }
#contents04 .inner-Box1 p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 1.28px;margin-bottom: 7px;position: relative;}
#contents04 .inner-Box1 p.text2 {font-size: 14px;line-height: 1.57;font-weight: 500;letter-spacing: 0.7px;margin-bottom: 30px;position: relative;}
#contents04 h3 {font-size: 20px;line-height: 1.4;font-weight: 700;letter-spacing: 1.6px;margin-bottom: 17px;position: relative;text-align: center;color: #fff;}
#contents04 h3 span {display: inline-block;background: #010000;padding: 10px 41px;}
#contents04 .inner-Box2 {margin: 0 auto;position: relative;padding: 14px 410px 0 0;}
#contents04 .inner-Box2 figure.img02 {position: absolute;top: 0;right: -10px;}
#contents04 .inner-Box2 figure.img02 img{  }
#contents04 .inner-Box2 p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 1.28px;margin-bottom: 30px;position: relative;}

#contents05 {margin: 0 auto;position: relative;width: 1100px;}
#contents05 h2 {font-size: 36px;line-height: 1.67;font-weight: 700;letter-spacing: 2.88px;margin-bottom: 70px;position: relative;text-align: center;}
#contents05 .inner-Box {margin: 0 auto 69px;position: relative;width: 1100px;height: 180px;background: #F2F2F3;padding: 43px 40px 40px 350px;}
#contents05 .inner-Box figure.photo {position: absolute;top: -30px;left: 30px;}
#contents05 .inner-Box figure.photo img{  }
#contents05 .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 1.28px;margin-bottom: 30px;position: relative;}
#contents05 .inner-Box p.text2 {font-size: 14px;line-height: 1.88;font-weight: 500;letter-spacing: 1.12px;position: relative;color: #797979;position: absolute;bottom: 17px;right: 30px;}

#contentsbottom {margin: 0 auto 100px;position: relative;text-align: center;}
#contentsbottom .inner-Box { margin: 0 auto; position: relative; }
#contentsbottom .inner-Box h2 {font-size: 52px;line-height: 1.4;font-weight: 700;letter-spacing: 4.16px;margin-bottom: 28px;position: relative;}
#contentsbottom .inner-Box p.text {font-size: 16px;line-height: 1.88;font-weight: 500;letter-spacing: 1.28px;margin-bottom: 55px;position: relative;}
#contentsbottom .inner-Box p.btn {  }
#contentsbottom .inner-Box p.btn img {  }


.link_releated { width: 1040px; margin: 0 auto; background: #000; transform:skewX(-10deg); padding: 30px 80px;}
.link_releated .tl { color: #fff; transform:skewX(10deg);font-family: 'Oswald', sans-serif; font-size: 14px; position: relative; line-height: 1; margin-bottom: 20px;}
.link_releated .tl::after {  content: ''; height: 1px; width: 760px; background: #fff; display: block; position: absolute; top: 6px; right: 0;}
.link_releated ul {transform:skewX(10deg);}

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


    #contentsmain {margin: 0 auto 8.57vw;position: relative;padding-top: 0vw;background: url(../images/performance/sp-contentsmain-bacl01.png)no-repeat bottom left;background-size: 100% auto;}
    #contentsmain figure.photo01 {position: relative;top: 0;margin-bottom: 8.4vw;}
    #contentsmain figure.photo01 img{  }
    #contentsmain .inner-Box {position: relative;padding-bottom: 5vw;}
    #contentsmain .inner-Box h2 {font-size: 8.45vw;line-height: 1.29;font-weight: 700;letter-spacing: 1.0vw;margin-bottom: 4.83vw;position: relative;text-align: center;}
    #contentsmain .inner-Box figure.photo02 {position: relative;top: 0vw;margin: 0 14vw 6vw;}
    #contentsmain .inner-Box figure.photo02 img{  }
    #contentsmain .inner-Box p.text {font-size: 3.86vw;line-height: 1.63;font-weight: 500;letter-spacing: 0.31vw;margin: 0 4vw 6.31vw;position: relative;}
    
    #contents00 {margin: 0 auto 9.27vw;position: relative;}
    #contents00 .inner-Box { margin: 0 4vw; position: relative; }
    #contents00 .inner-Box h2 {font-size: 9.18vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.73vw;margin-bottom: 8.29vw;position: relative;text-align: center;}
    #contents00 .inner-Box h2::before{content: "";width: 18.99vw;height: 0.97vw;background: #000;display: block;position: absolute;bottom: -4.3vw;left: 50%;transform: translateX(-50%);}
    #contents00 .inner-Box ul.list {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 4.6vw 0 7vw;}
    #contents00 .inner-Box ul li { margin-bottom: 7.6vw; }
    #contents00 .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
    #contents00 .inner-Box ul li figure {  }
    #contents00 .inner-Box ul li a {  }
    #contents00 .inner-Box ul li a:hover {  }
    
    #contents01 {margin: 0 auto 19vw;position: relative;}
    #contents01 h2 {padding-left: 4.37vw;margin-bottom: -20vw;margin-right: 4vw;}
    #contents01 h2 span{  }
    #contents01 h2 img {  }
    #contents01 .inner-Box {margin: 0 4vw;position: relative;border-left: 0.97vw solid #000;padding: 23.02vw 5.28vw 6.28vw 3.68vw;}
    #contents01 .inner-Box h3 {font-size: 8.70vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.43vw;margin-bottom: 2.42vw;position: relative;}
    #contents01 .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.31vw;margin-bottom: 6.04vw;position: relative;}
    #contents01 .inner-Box p.text2 {font-size: 3.38vw;line-height: 1.57;font-weight: 500;letter-spacing: 0.27vw;margin-bottom: 7.25vw;position: relative;}
    #contents01 .inner-Box figure.img{ margin-bottom: 4vw;overflow-x:scroll; display: flex; }
    #contents01 .inner-Box figure.img img{max-width: 126vw;}
    #contents01 .inner-Box p.text3 {font-size: 3.38vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.27vw;margin-bottom: -7.75vw;position: relative;margin-top: 8vw;}
    
    #contents02 {margin: 0 auto 18.2vw;position: relative;}
    #contents02 h2 {padding-left: 3.57vw;margin-bottom: -20vw;margin-right: 5vw;}
    #contents02 h2 span{  }
    #contents02 h2 img {  }
    #contents02 .inner-Box {margin: 0 4vw;position: relative;border-right: 0.97vw solid #000;padding: 23.02vw 5.28vw 6.28vw 4.58vw;}
    #contents02 .inner-Box h3 {font-size: 8.70vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.43vw;margin-bottom: 2.42vw;position: relative;}
    #contents02 .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.31vw;margin-bottom: 6.04vw;position: relative;}
    #contents02 .inner-Box p.text2 {font-size: 3.38vw;line-height: 1.57;font-weight: 500;letter-spacing: 0.27vw;margin-bottom: 7.25vw;position: relative;}
    #contents02 .inner-Box figure.img{ margin-bottom: 4vw;overflow-x:scroll; display: flex; }
    #contents02 .inner-Box figure.img img{max-width: 126vw;}
    #contents02 .inner-Box p.text3 {font-size: 3.38vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.27vw;margin-bottom: -7.75vw;position: relative;margin-top: 8vw;}
    
    #contents03 {margin: 0 auto 11.9vw;position: relative;}
    #contents03 h2 {padding-left: 4.37vw;margin-bottom: -20vw;margin-right: 5vw;}
    #contents03 h2 span{  }
    #contents03 h2 img {  }
    #contents03 .inner-Box {margin: 0 4vw;position: relative;border-left: 0.97vw solid #000;padding: 23.02vw 5.28vw 0vw 3.68vw;}
    #contents03 .inner-Box h3 {font-size: 8.70vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.43vw;margin-bottom: 2.42vw;position: relative;}
    #contents03 .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.31vw;margin-bottom: 6.04vw;position: relative;}
    #contents03 .inner-Box p.text2 {font-size: 3.38vw;line-height: 1.57;font-weight: 500;letter-spacing: 0.27vw;margin-bottom: 7.25vw;position: relative;}
    #contents03 .inner-Box figure.img{margin-bottom: 0;}
    #contents03 .inner-Box figure.img img{}
    #contents03 .inner-Box p.text3 {font-size: 3.38vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.27vw;margin-bottom: -7.75vw;position: relative;margin-top: 8vw;}


    #contents04 {margin: 0 8.8vw 10.85vw;position: relative;background: #F2F2F3;padding: 5.07vw 4.78vw;}
    #contents04 h2 {font-size: 7.25vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.19vw;margin-bottom: 3.83vw;position: relative;text-align: center;}
    #contents04 .inner-Box1 {margin: 0 auto 12.08vw;position: relative;padding: 0 0 0 0vw;}
    #contents04 .inner-Box1 figure.img01 {position: relative;top: 0;left: 0;margin-bottom: 5vw;}
    #contents04 .inner-Box1 figure.img01 img{  }
    #contents04 .inner-Box1 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.31vw;margin-bottom: 1.69vw;position: relative;}
    #contents04 .inner-Box1 p.text2 {font-size: 3.38vw;line-height: 1.57;font-weight: 500;letter-spacing: 0.17vw;margin-bottom: 7.25vw;position: relative;}
    #contents04 h3 {font-size: 4.83vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.39vw;margin-bottom: 3.11vw;position: relative;text-align: center;color: #fff;}
    #contents04 h3 span {display: inline-block;background: #010000;padding: 2.42vw 4.9vw;}
    #contents04 .inner-Box2 {position: relative;}
    #contents04 .inner-Box2 figure.img02 {position: relative;top: 0;right: 0vw;margin-bottom: 4vw;}
    #contents04 .inner-Box2 figure.img02 img{  }
    #contents04 .inner-Box2 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.31vw;margin-bottom: 7.25vw;position: relative;}
    
    #contents05 {margin: 0 4vw;position: relative;}
    #contents05 h2 {font-size: 5.80vw;line-height: 1.67;font-weight: 700;letter-spacing: 0.46vw;margin: 0 4.8vw 16.91vw;position: relative;text-align: left;}
    #contents05 .inner-Box {margin: 0 5vw 18.27vw;position: relative;background: #F2F2F3;padding: 0 7vw 7.6vw;}
    #contents05 .inner-Box figure.photo {position: relative;top: -11vw;margin-bottom: -8vw;}
    #contents05 .inner-Box figure.photo img{  }
    #contents05 .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.31vw;margin-bottom: 7.25vw;position: relative;}
    #contents05 .inner-Box p.text2 {font-size: 3.88vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.27vw;position: relative;color: #797979;position: absolute;bottom: 6.11vw;right: 6.95vw;}
    
    #contentsbottom {margin: 0 auto 6.45vw;position: relative;text-align: left;}
    #contentsbottom .inner-Box { margin: 0 4vw; position: relative; }
    #contentsbottom .inner-Box h2 {font-size: 8.21vw;line-height: 1.4;font-weight: 700;letter-spacing: 0.7vw;margin-bottom: 2.96vw;position: relative;text-align: left;margin-left: 4.6vw;}
    #contentsbottom .inner-Box p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 500;letter-spacing: 0.31vw;margin: 0 5vw 8.59vw;position: relative;}
    #contentsbottom .inner-Box p.btn {margin: 0 1vw 0 1.2vw;}
    #contentsbottom .inner-Box p.btn img {  }
    
    


.link_releated { width: 100%; margin: 0 auto; background: #000; padding: 5% 3%;}
.link_releated .tl { color: #fff; font-family: 'Oswald', sans-serif; font-size: 1.6rem; line-height: 1; margin-bottom: 5%; text-align: center;}
.link_releated li { width: 49%; margin-right: 1%;}
.link_releated li:nth-child(2n) { margin-right: 0;}

}