@charset "UTF-8";


@media screen and (min-width: 768px),print {

.backk{background: #F3F3F3;}
.backk2{background: #fff;width: 1440px;margin: 0 auto;padding: 80px 120px 100px;}

.seo_bread_list{color: #fff;position: relative;margin-bottom: -72px;}
.seo_bread_list a{ color: #fff; }

#contentsmain {margin: 0 auto;position: relative;background: url('../images/performance/contentsmain-back01.png')no-repeat top center;text-align: center;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;width: 1100px;padding-bottom: 73px;}
#contentsmain .inner-Box h2 {margin-bottom: 293px;position: relative;font-size: 32px;line-height: 1.66;letter-spacing: 5.12px;font-weight: 400;text-align: center;color: #fff;padding: 197px 0 0;}
#contentsmain .inner-Box p.text {margin-bottom: 30px;position: relative;font-size: 18px;line-height: 1.89;letter-spacing: 1.8px;font-weight: 400;text-align: center;}
#contentsmain .inner-Box h3 {margin-bottom: 0px;position: relative;font-size: 24px;line-height: 2;letter-spacing: 2.4px;font-weight: 500;text-align: center;}
#contentsmain .inner-Box figure.photo {position: absolute;bottom: 0;right: 52px;}
#contentsmain .inner-Box figure.photo img{  }

#contents01 {margin: 0 auto 100px;position: relative;}
#contents01 h2.f-en {margin-bottom: 14px;position: relative;font-size: 16px;line-height: 2.06;letter-spacing: 0.8px;font-weight: 600;text-align: center;}
#contents01 h2.f-en span {font-size: 26px;line-height: 1.27;letter-spacing: 1.3px;font-weight: 600;text-align: center;}
#contents01 .inner-Box {margin: 0 auto;position: relative;border: 1px solid #464237;}
#contents01 .inner-Box h3 {margin-bottom: 50px;position: relative;background: #464237;color: #fff;font-size: 24px;line-height: 1.42;letter-spacing: 2.4px;font-weight: 500;text-align: center;padding: 15px;}
#contents01 .inBox1 {margin: 0 auto 90px;position: relative;width: 1100px;padding: 33px 29px 0 590px;}
#contents01 .inBox1 h4 {margin-bottom: 34px;position: relative;font-size: 24px;line-height: 1.58;letter-spacing: 2.4px;font-weight: 500;}
#contents01 .inBox1 figure.photo { position: absolute; top: 0; left: 0; }
#contents01 .inBox1 figure.photo img{  }
#contents01 .inBox1 p.text {margin-bottom: 30px;position: relative;font-size: 16px;line-height: 2;letter-spacing: 1.28px;font-weight: 400;}
#contents01 .inBox2 {margin: 0 auto 79px;position: relative;width: 1000px;}
#contents01 .inBox2 ul{}
#contents01 .inBox2 ul li {position: relative;background: #F3F3F3;height: 220px;margin-bottom: 10px;padding: 40px 80px 40px 250px;}
#contents01 .inBox2 ul li:nth-child(3n) { margin-right: 0px; }
#contents01 .inBox2 h5 {margin-bottom: 10px;position: relative;font-size: 22px;line-height: 1.55;letter-spacing: 2.2px;font-weight: 500;}
#contents01 .inBox2 figure.img {position: absolute;top: 40px;left: 80px;}
#contents01 .inBox2 figure.img img{  }
#contents01 .inBox2 p.ltext {margin-bottom: 30px;position: relative;font-size: 14px;line-height: 2;letter-spacing: 1.12px;font-weight: 400;}

#contents02 {margin: 0 auto 100px;position: relative;}
#contents02 h2.f-en {margin-bottom: 14px;position: relative;font-size: 16px;line-height: 2.06;letter-spacing: 0.8px;font-weight: 600;text-align: center;}
#contents02 h2.f-en span {font-size: 26px;line-height: 1.27;letter-spacing: 1.3px;font-weight: 600;text-align: center;}
#contents02 .inner-Box {margin: 0 auto;position: relative;border: 1px solid #464237;padding-bottom: 54px;}
#contents02 .inner-Box h3 {margin-bottom: 50px;position: relative;background: #464237;color: #fff;font-size: 24px;line-height: 1.42;letter-spacing: 2.4px;font-weight: 500;text-align: center;padding: 15px;}
#contents02 .inBox1 {margin: 0px auto 54px;position: relative;width: 1100px;padding: 22px 29px 0 590px;}
#contents02 .inBox1 h4 {margin-bottom: 11px;position: relative;font-size: 24px;line-height: 1.58;letter-spacing: 2.4px;font-weight: 500;}
#contents02 .inBox1 h4 span { font-size: 52px;}
#contents02 .inBox1 figure.photo { position: absolute; top: 0; left: 0; }
#contents02 .inBox1 figure.photo img{  }
#contents02 .inBox1 p.text {margin-bottom: 32px;position: relative;font-size: 16px;line-height: 2;letter-spacing: 1.28px;font-weight: 400;}
#contents02 .inBox2 {margin: 0 auto 44px;position: relative;width: 900px;padding: 0;}
#contents02 .inBox2 h4 {margin-bottom: 1px;position: relative;font-size: 24px;line-height: 1.58;letter-spacing: 2.4px;font-weight: 500;text-align: center;}
#contents02 .inBox2 h4 span { font-size: 52px;}
#contents02 .inBox2 p.text {margin-bottom: 32px;position: relative;font-size: 16px;line-height: 2;letter-spacing: 1.28px;font-weight: 400;}
#contents02 .inBox2 .minBox{background: #D1D6D4;padding: 29px;}
#contents02 .inBox2 .minBox h5{font-size: 18px;line-height: 1.78;letter-spacing: 1.44px;font-weight: 500;text-align: center;margin-bottom: 8px;}
#contents02 .inBox2 .minBox .text{font-size: 14px;line-height: 2;letter-spacing: 1.12px;font-weight: 400;text-align: center;margin-bottom: -2px;}

#contents02 .inBox3 {margin: 0px auto 54px;position: relative;width: 1100px;padding: 22px 590px 0 40px;}
#contents02 .inBox3 h4 {margin-bottom: 11px;position: relative;font-size: 24px;line-height: 1.58;letter-spacing: 2.4px;font-weight: 500;}
#contents02 .inBox3 h4 span { font-size: 52px;}
#contents02 .inBox3 figure.photo {position: absolute;top: -5px;right: 40px;}
#contents02 .inBox3 figure.photo img{  }
#contents02 .inBox3 p.text {margin-bottom: 32px;position: relative;font-size: 16px;line-height: 2;letter-spacing: 1.28px;font-weight: 400;}

#contents03 { margin: 0 auto; position: relative; }
#contents03 h2.f-en {margin-bottom: 14px;position: relative;font-size: 16px;line-height: 2.06;letter-spacing: 0.8px;font-weight: 600;text-align: center;}
#contents03 h2.f-en span {font-size: 26px;line-height: 1.27;letter-spacing: 1.3px;font-weight: 600;text-align: center;}
#contents03 .inner-Box {margin: 0 auto;position: relative;border: 1px solid #464237;padding-bottom: 52px;}
#contents03 .inner-Box h3 {margin-bottom: 50px;position: relative;background: #464237;color: #fff;font-size: 24px;line-height: 1.42;letter-spacing: 2.4px;font-weight: 500;text-align: center;padding: 15px;}
#contents03 .inBox1 {margin: 0px auto 94px;position: relative;width: 1100px;padding: 34px 29px 0 590px;}
#contents03 .inBox1 h4 {margin-bottom: 36px;position: relative;font-size: 24px;line-height: 1.58;letter-spacing: 2.4px;font-weight: 500;}
#contents03 .inBox1 h4 span { font-size: 52px;}
#contents03 .inBox1 figure.photo { position: absolute; top: 0; left: 0; }
#contents03 .inBox1 figure.photo img{  }
#contents03 .inBox1 p.text {margin-bottom: 32px;position: relative;font-size: 16px;line-height: 2;letter-spacing: 1.28px;font-weight: 400;}

#contents03 .inBox2 {margin: 0px auto 54px;position: relative;width: 1100px;padding: 22px 590px 0 40px;}
#contents03 .inBox2 h4 {margin-bottom: 11px;position: relative;font-size: 24px;line-height: 1.58;letter-spacing: 2.4px;font-weight: 500;}
#contents03 .inBox2 h4 span { font-size: 52px;}
#contents03 .inBox2 figure.photo {position: absolute;top: 0;right: 40px;}
#contents03 .inBox2 figure.photo img{  }
#contents03 .inBox2 p.text {margin-bottom: 32px;position: relative;font-size: 16px;line-height: 2;letter-spacing: 1.28px;font-weight: 400;}



#contentsbottom {margin: 0 auto -70px;position: relative;padding: 113px 0 106px;background: #F3F3F3;}
#contentsbottom .inner-Box {margin: 0 auto;position: relative;width: 1140px;}
#contentsbottom .inner-Box h2 {margin-bottom: 28px;position: relative;font-size: 32px;line-height: 1.88;letter-spacing: 3.2px;font-weight: 500;text-align: center;}
#contentsbottom .inner-Box .text{font-size: 23px;line-height: 1.78;letter-spacing: 2.3px;font-weight: 400;text-align: center;margin-bottom: 77px;}
#contentsbottom .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;}
#contentsbottom .inner-Box ul li {width: 360px;margin-right: 30px;}
#contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0px; }
#contentsbottom .inner-Box ul li figure {margin-bottom: 7px;}
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }
#contentsbottom .inner-Box p.ltext {margin-bottom: 30px;position: relative;font-size: 14px;line-height: 1.86;letter-spacing: 1.12px;font-weight: 400;}


}

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

.seo_bread_list{color: #fff;position: relative;margin-bottom: -12vw;z-index: 3;}
.seo_bread_list a{ color: #fff; }


.backk{background: #F3F3F3;}
.backk2{background: #fff;padding: 9.12vw 3.99vw 12.25vw;}

#contentsmain {position: relative;background: url('../images/performance/sp-contentsmain-back01.png')no-repeat top center;text-align: center;background-size: 100% auto;}
#contentsmain .inner-Box {position: relative;padding-bottom: 13.63vw;}
#contentsmain .inner-Box h2 {margin-bottom: 24.77vw;position: relative;color: #fff;padding: 20.28vw 0 0;font-size: 4.83vw;line-height: 1.9;letter-spacing: 0.77vw;font-weight: 400;text-align: center;}
#contentsmain .inner-Box p.text {margin-bottom: 6.05vw;position: relative;font-size: 3.86vw;line-height: 1.88;letter-spacing: 0.31vw;font-weight: 400;text-align: center;}
#contentsmain .inner-Box h3 {margin: 0 6.5vw 0.0vw;position: relative;text-align: left;font-size: 4.35vw;line-height: 1.78;letter-spacing: 0.35vw;font-weight: 500;}
#contentsmain .inner-Box figure.photo {position: absolute;bottom: 0;right: 4vw;width: 16.9vw;}
#contentsmain .inner-Box figure.photo img{  }

#contents01 {margin: 0 auto 19.55vw;position: relative;}
#contents01 h2.f-en {margin-bottom: 4.48vw;position: relative;font-size: 3.86vw;line-height: 2.06;letter-spacing: 0.19vw;font-weight: 600;text-align: center;}
#contents01 h2.f-en span {font-size: 6.28vw;line-height: 1.27;letter-spacing: 0.31vw;font-weight: 600;text-align: center;}
#contents01 .inner-Box {position: relative;border: 0.24vw solid #464237;}
#contents01 .inner-Box h3 {margin-bottom: 8.08vw;position: relative;background: #464237;color: #fff;padding: 3.82vw;font-size: 4.83vw;line-height: 1.7;letter-spacing: 0.48vw;font-weight: 500;text-align: center;}
#contents01 .inBox1 {margin: 0 4.8vw 9.04vw;position: relative;}
#contents01 .inBox1 h4 {margin-bottom: 3.21vw;position: relative;font-size: 4.83vw;line-height: 2.1;letter-spacing: 0.48vw;font-weight: 500;text-align: center;}
#contents01 .inBox1 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 6.3vw;}
#contents01 .inBox1 figure.photo img{  }
#contents01 .inBox1 p.text {margin-bottom: 6.75vw;position: relative;font-size: 3.38vw;line-height: 2;letter-spacing: 0.27vw;font-weight: 400;}
#contents01 .inBox2 {margin: 0 2.2vw 12.08vw;position: relative;}
#contents01 .inBox2 ul{}
#contents01 .inBox2 ul li {position: relative;background: #F3F3F3;margin-bottom: 5.12vw;padding: 7vw 5vw;}
#contents01 .inBox2 ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents01 .inBox2 h5 {margin-bottom: 2.42vw;position: relative;font-size: 5.31vw;line-height: 1.55;letter-spacing: 0.53vw;font-weight: 500;text-align: center;}
#contents01 .inBox2 figure.img {position: relative;margin: 0 25.2vw 2vw;}
#contents01 .inBox2 figure.img img{  }
#contents01 .inBox2 p.ltext {margin-bottom: -0.75vw;position: relative;font-size: 3.38vw;line-height: 2;letter-spacing: 0.27vw;font-weight: 400;}

#contents02 {margin: 0 auto 19.35vw;position: relative;}
#contents02 h2.f-en {margin-bottom: 4.48vw;position: relative;font-size: 3.86vw;line-height: 2.06;letter-spacing: 0.19vw;font-weight: 600;text-align: center;}
#contents02 h2.f-en span {font-size: 6.28vw;line-height: 1.27;letter-spacing: 0.31vw;font-weight: 600;text-align: center;}
#contents02 .inner-Box {position: relative;border: 0.24vw solid #464237;padding-bottom: 0.24vw;}
#contents02 .inner-Box h3 {margin-bottom: 8.08vw;position: relative;background: #464237;color: #fff;padding: 3.82vw;font-size: 4.83vw;line-height: 1.7;letter-spacing: 0.48vw;font-weight: 500;text-align: center;}
#contents02 .inBox1 {margin: 0.0vw 5vw 11.64vw;position: relative;}
#contents02 .inBox1 h4 {margin-bottom: 2.66vw;position: relative;font-size: 4.83vw;line-height: 2.1;letter-spacing: 0.48vw;font-weight: 500;text-align: center;}
#contents02 .inBox1 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 6.1vw;}
#contents02 .inBox1 figure.photo img{width: 134vw;}
#contents02 .inBox1 p.text {margin-bottom: 6.75vw;position: relative;font-size: 3.38vw;line-height: 2;letter-spacing: 0.27vw;font-weight: 400;}
#contents02 .inBox2 {margin: 0 auto 9.63vw;position: relative;padding: 0;}
#contents02 .inBox2 h4 {margin-bottom: 4.14vw;position: relative;font-size: 4.83vw;line-height: 1.6;letter-spacing: 0.48vw;font-weight: 500;text-align: center;}
#contents02 .inBox2 h4 span {font-size: 10.14vw;line-height: 0.79;letter-spacing: 1.01vw;font-weight: 500;text-align: center;}
#contents02 .inBox2 p.text {margin-bottom: 6.75vw;position: relative;font-size: 3.38vw;line-height: 2;letter-spacing: 0.27vw;font-weight: 400;}
#contents02 .inBox2 .minBox{background: #D1D6D4;padding: 7.0vw 4.8vw 6vw 4.8vw;margin: 0 2.5vw;}
#contents02 .inBox2 .minBox h5{font-size: 4.35vw;line-height: 1.78;letter-spacing: 0.35vw;font-weight: 500;text-align: center;margin-bottom: 1.93vw;}
#contents02 .inBox2 .minBox .text{font-size: 3.38vw;line-height: 2;letter-spacing: 0.27vw;font-weight: 400;text-align: left;margin-bottom: 0vw;}

#contents02 .inBox3 {margin: 0.0vw 5vw 3.04vw;position: relative;}
#contents02 .inBox3 h4 {margin-bottom: 2.66vw;position: relative;font-size: 5.8vw;line-height: 1.58;letter-spacing: 0.58vw;font-weight: 500;}
#contents02 .inBox3 h4 span { font-size: 12.56vw;}
#contents02 .inBox3 figure.photo {position: relative;top: 0vw;margin-bottom: 6.3vw;}
#contents02 .inBox3 figure.photo img{width: 122.8vw;}
#contents02 .inBox3 p.text {margin-bottom: 7.73vw;position: relative;font-size: 3.38vw;line-height: 2;letter-spacing: 0.27vw;font-weight: 400;}

#contents03 {margin: 0 auto 1.55vw;position: relative;}
#contents03 h2.f-en {margin-bottom: 4.48vw;position: relative;font-size: 3.86vw;line-height: 2.06;letter-spacing: 0.19vw;font-weight: 600;text-align: center;}
#contents03 h2.f-en span {font-size: 6.28vw;line-height: 1.27;letter-spacing: 0.31vw;font-weight: 600;text-align: center;}
#contents03 .inner-Box {position: relative;border: 0.24vw solid #464237;}
#contents03 .inner-Box h3 {margin-bottom: 8.08vw;position: relative;background: #464237;color: #fff;padding: 3.82vw;font-size: 4.83vw;line-height: 1.7;letter-spacing: 0.48vw;font-weight: 500;text-align: center;}
#contents03 .inBox1 {margin: 0 4.8vw 11.64vw;position: relative;}
#contents03 .inBox1 h4 {margin-bottom: 3.21vw;position: relative;font-size: 4.83vw;line-height: 2.1;letter-spacing: 0.48vw;font-weight: 500;text-align: center;}
#contents03 .inBox1 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 6.3vw;}
#contents03 .inBox1 figure.photo img{  }
#contents03 .inBox1 p.text {margin-bottom: 6.75vw;position: relative;font-size: 3.38vw;line-height: 2;letter-spacing: 0.27vw;font-weight: 400;}

#contents03 .inBox2 {margin: 0 4.8vw 9.04vw;position: relative;}
#contents03 .inBox2 h4 {margin-bottom: 3.21vw;position: relative;font-size: 4.83vw;line-height: 2.1;letter-spacing: 0.48vw;font-weight: 500;text-align: center;}
#contents03 .inBox2 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 6.3vw;}
#contents03 .inBox2 figure.photo img{  }
#contents03 .inBox2 p.text {margin-bottom: 6.75vw;position: relative;font-size: 3.38vw;line-height: 2;letter-spacing: 0.27vw;font-weight: 400;}




#contentsbottom .inner-Box .text{text-align: left;margin: 0 6.6vw 11.2vw;font-size: 4.35vw;line-height: 1.67;letter-spacing: 0.35vw;font-weight: 500;}

#contentsbottom {position: relative;padding: 18.75vw 0 8.51vw;background: #F3F3F3;}
#contentsbottom .inner-Box {position: relative;}
#contentsbottom .inner-Box h2 {margin-bottom: 3.39vw;position: relative;font-size: 5.31vw;line-height: 1.82;letter-spacing: 0.53vw;font-weight: 500;text-align: center;}
#contentsbottom .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 6.6vw;}
#contentsbottom .inner-Box ul li {margin-bottom: 6.85vw;}
#contentsbottom .inner-Box ul li:nth-child(3n) { margin-right: 0.0vw; }
#contentsbottom .inner-Box ul li figure {margin-bottom: 2.82vw;}
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }
#contentsbottom .inner-Box p.ltext {position: relative;font-size: 3.38vw;line-height: 1.86;letter-spacing: 0.27vw;font-weight: 400;}


}