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

#contentsmain {margin: 0 auto 77px;position: relative;background: url('../images/performance/contentsmain-back01.png')no-repeat top 235px center;padding: 79px 0 0;}
#contentsmain h2 {text-align: center;margin-bottom: 86px;}
#contentsmain h2 span{  }
#contentsmain h2 img {  }
#contentsmain .inner-Box {margin: 0 auto;position: relative;width: 540px;height: 514px;left: 50%;box-shadow: 0px 30px 60px #22222214;background: #fff;margin-left: 100px;padding: 47px 60px;}
#contentsmain .inner-Box p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
    
#contents01 {margin: 0 auto 56px;position: relative;}
#contents01 p.notext {font-size: 60px;line-height: 1;font-weight: 600;letter-spacing: 0.8px;margin-bottom: 0px;position: relative;text-align: center;color: #E9E1CB;}
#contents01 p.notext span.f-min {  }
#contents01 h2.f-min {font-size: 35px;line-height: 1.71;font-weight: 400;letter-spacing: 3.5px;margin-bottom: 30px;position: relative;text-align: center;}
#contents01 h2.f-min span {display: inline-block;border-bottom: 1px solid #EAE7D9;}
#contents01 .inner-Box {margin: 0 auto;position: relative;background: #F5F4EF;padding: 90px 0 81px 0;}
#contents01 .inBox1 {margin: 0 auto;position: relative;width: 1100px;padding: 0 0 0 590px;min-height: 400px;}
#contents01 .inBox1 h3.f-min {font-size: 24px;line-height: 1.71;font-weight: 400;letter-spacing: 2.4px;margin-bottom: 29px;position: relative;}
#contents01 .inBox1 h3.f-min span {background: #fff;display: block;padding: 9px 20px;}
#contents01 .inBox1 figure.photo { position: absolute; top: 0; left: 0; }
#contents01 .inBox1 figure.photo img{  }
#contents01 .inBox1 p.text { font-size: 16px; line-height: 1.88; font-weight: 400; letter-spacing: 0.8px; margin-bottom: 30px; position: relative; }
#contents01 .inBox2 {margin: 0 auto 62px;position: relative;width: 1100px;padding: 31px 590px 0 0;min-height: 400px;}
#contents01 .inBox2 h3.f-min {font-size: 24px;line-height: 1.71;font-weight: 400;letter-spacing: 2.4px;margin-bottom: 35px;position: relative;}
#contents01 .inBox2 h4.f-min {font-size: 22px;line-height: 1.71;font-weight: 400;letter-spacing: 2.2px;margin-bottom: 7px;position: relative;}
#contents01 .inBox2 h3.f-min span {background: #fff;display: block;padding: 9px 20px;}
#contents01 .inBox2 figure.photo {position: absolute;top: 0;right: 0;}
#contents01 .inBox2 figure.photo img{  }
#contents01 .inBox2 p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 34px;position: relative;padding-bottom: 36px;}
#contents01 .movie-box{ width:900px; margin:0 auto 80px; }
#contents01 .movie-box .movie1,
#contents01 .movie-box .movie2,
#contents01 .movie-box .movie3{ width:100%; margin-bottom:60px; }
#contents01 .movie-box iframe{ width:100%; height:506px; }
#contents01 .movie-box p{ font-size:18px; line-height:2.2; letter-spacing:1.8px; text-align:center; }
#contents01 .inBox3 {margin: 0 auto;position: relative;width: 860px;height: 300px;background: #fff;box-shadow: 0px 30px 60px #22222214;text-align: center;padding: 53px 0 0;}
#contents01 .inBox3 h3.f-min {font-size: 26px;line-height: 1.71;font-weight: 400;letter-spacing: 2.6px;margin-bottom: 21px;position: relative;text-align: center;}
#contents01 .inBox3 h3::before {content: "";display: block;width: 40px;height: 1px;background: #EAE7D9;position: absolute;left: 50%;transform: translateX(-50%);bottom: -9px;}
#contents01 .inBox3 p.text2 {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}
#contents01 p.line{ border-bottom: 1px solid #EAE7D9;}
#contents02 p.line{ border-bottom: 1px solid #E6E6E6;}
#contents03 p.line{ border-bottom: 1px solid #D9D3B9;}

#contents02 {margin: 0 auto 62px;position: relative;}
#contents02 p.notext {font-size: 60px;line-height: 1;font-weight: 600;letter-spacing: 0.8px;margin-bottom: 0px;position: relative;text-align: center;color: #E6E6E6;}
#contents02 p.notext span.f-min {  }
#contents02 h2.f-min {font-size: 35px;line-height: 1.71;font-weight: 400;letter-spacing: 3.5px;margin-bottom: 28px;position: relative;text-align: center;}
#contents02 h2.f-min span {display: inline-block;border-bottom: 1px solid #EAE7D9;}
#contents02 p.subtext {font-size: 16px;line-height: 1.9;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;text-align: center;}

#contents02 .inner-Box {margin: 0 auto;position: relative;background: #F5F4EF;padding: 47px 0 81px 0;}
#contents02 .inBox1 {margin: 0 auto 12px;position: relative;width: 1100px;padding: 40px 590px 0 0;min-height: 400px;}
#contents02 .inBox1 h3.f-min {font-size: 22px;line-height: 1.71;font-weight: 400;letter-spacing: 2.2px;margin-bottom: 9px;position: relative;}
#contents02 .inBox1 h4.f-min {font-size: 22px;line-height: 1.71;font-weight: 400;letter-spacing: 2.2px;margin-bottom: 7px;position: relative;}
#contents02 .inBox1 h3.f-min span {display: block;}
#contents02 .inBox1 figure.photo {position: absolute;top: 50px;right: 0;}
#contents02 .inBox1 figure.photo img{  }
#contents02 .inBox1 p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 34px;position: relative;padding-bottom: 36px;}
#contents02 .inBox3 {margin: 0 auto;position: relative;width: 860px;height: 300px;background: #fff;box-shadow: 0px 30px 60px #22222214;text-align: center;padding: 53px 0 0;}
#contents02 .inBox3 h3.f-min {font-size: 26px;line-height: 1.71;font-weight: 400;letter-spacing: 2.6px;margin-bottom: 21px;position: relative;text-align: center;}
#contents02 .inBox3 h3::before {content: "";display: block;width: 40px;height: 1px;background: #EAE7D9;position: absolute;left: 50%;transform: translateX(-50%);bottom: -9px;}
#contents02 .inBox3 p.text2 {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}

#contents03 { margin: 0 auto; position: relative; }
#contents03 p.notext {font-size: 60px;line-height: 1;font-weight: 600;letter-spacing: 0.8px;margin-bottom: 0px;position: relative;text-align: center;color: #E2DCCF;}
#contents03 p.notext span.f-min {  }
#contents03 h2.f-min {font-size: 35px;line-height: 1.71;font-weight: 400;letter-spacing: 3.5px;margin-bottom: 28px;position: relative;text-align: center;}
#contents03 h2.f-min span {display: inline-block;border-bottom: 1px solid #EAE7D9;}
#contents03 p.subtext {font-size: 16px;line-height: 1.9;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;text-align: center;}

#contents03 .inner-Box {margin: 0 auto;position: relative;background: #EDEAE2;padding: 47px 0 81px 0;}
#contents03 .inBox1 {margin: 0 auto 52px;position: relative;width: 1100px;padding: 40px 0 0 590px;min-height: 400px;}
#contents03 .inBox1 h3.f-min {font-size: 22px;line-height: 1.71;font-weight: 400;letter-spacing: 2.2px;margin-bottom: 9px;position: relative;}
#contents03 .inBox1 h4.f-min {font-size: 22px;line-height: 1.71;font-weight: 400;letter-spacing: 2.2px;margin-bottom: 7px;position: relative;}
#contents03 .inBox1 h3.f-min span {display: block;}
#contents03 .inBox1 figure.photo {position: absolute;top: 50px;left: 0;}
#contents03 .inBox1 figure.photo img{  }
#contents03 .inBox1 p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 34px;position: relative;padding-bottom: 36px;}
#contents03 .inBox3 {margin: 0 auto;position: relative;width: 860px;height: 300px;background: #fff;box-shadow: 0px 30px 60px #22222214;text-align: center;padding: 53px 0 0;}
#contents03 .inBox3 h3.f-min {font-size: 26px;line-height: 1.71;font-weight: 400;letter-spacing: 2.6px;margin-bottom: 21px;position: relative;text-align: center;}
#contents03 .inBox3 h3::before {content: "";display: block;width: 40px;height: 1px;background: #EAE7D9;position: absolute;left: 50%;transform: translateX(-50%);bottom: -9px;}
#contents03 .inBox3 p.text2 {font-size: 16px;line-height: 2;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 30px;position: relative;}


#contentsbottom {margin: 0 auto 198px;position: relative;text-align: center;padding: 90px 0 0;}
#contentsbottom h2.f-min {font-size: 35px;line-height: 1.71;font-weight: 400;letter-spacing: 3.5px;margin-bottom: 28px;position: relative;}
#contentsbottom p.text {font-size: 16px;line-height: 1.88;font-weight: 400;letter-spacing: 0.8px;margin-bottom: 57px;position: relative;}
#contentsbottom figure.photo {position: relative;top: 0;left: 0;margin-bottom: 95px;}
#contentsbottom figure.photo img{ width: 100%; height: auto; }
#contentsbottom .inner-Box {margin: 0 auto;position: relative;width: 1100px;}
#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: 0 auto 11.6vw;position: relative;background: url('../images/performance/sp-contentsmain-back01.png')no-repeat top 42.96vw center;padding: 10.48vw 0 0;background-size: 100% auto;}
    #contentsmain h2 {text-align: center;margin: 0 7.2vw 80.57vw 7.9vw;}
    #contentsmain h2 span{  }
    #contentsmain h2 img {  }
    #contentsmain .inner-Box {position: relative;box-shadow: 0.0vw 7.25vw 14.49vw #22222214;background: #fff;padding: 6.3vw 7.7vw 1.7vw 8.7vw;margin: 0 2.9vw;}
    #contentsmain .inner-Box p.text { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }
        
    #contents01 {margin: 0 auto 12.53vw;position: relative;}
    #contents01 p.notext {font-size: 7.73vw;line-height: 1;font-weight: 600;letter-spacing: 0.19vw;margin-bottom: 1.2vw;position: relative;text-align: center;color: #E9E1CB;}
    #contents01 p.notext span.f-min {  }
    #contents01 h2.f-min {font-size: 5.56vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 5.25vw;position: relative;text-align: center;}
    #contents01 h2.f-min span {display: inline-block;border-bottom: 0.24vw solid #EAE7D9;}
    #contents01 .inner-Box {position: relative;background: #F5F4EF;padding: 7.64vw 0 11.57vw 0;}
    #contents01 .inBox1 {margin: 0 7.7vw 11vw;position: relative;padding: 0 0 0 0vw;}
    #contents01 .inBox1 h3.f-min {font-size: 4.83vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.58vw;margin-bottom: 3vw;position: relative;}
    #contents01 .inBox1 h3.f-min span {background: #fff;display: block;padding: 2.17vw 4.83vw;}
    #contents01 .inBox1 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 6.6vw;}
    #contents01 .inBox1 figure.photo img{  }
    #contents01 .inBox1 p.text { font-size: 3.86vw; line-height: 1.88; font-weight: 400; letter-spacing: 0.19vw; margin-bottom: 7.25vw; position: relative; }

    #contents01 .inBox2 {margin: 0 7.7vw -2vw;position: relative;padding: 0 0 0 0vw;}
    #contents01 .inBox2 h3.f-min {font-size: 4.83vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.58vw;margin-bottom: 3vw;position: relative;}
    #contents01 .inBox2 h3.f-min span {background: #fff;display: block;padding: 2.17vw 4.83vw;}
    #contents01 .inBox2 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 6.6vw;}
    #contents01 .inBox2 figure.photo img{  }
    #contents01 .inBox2 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 6.25vw;position: relative;padding-bottom: 4.9vw;}
    #contents01 .inBox2 h4.f-min {font-size: 4.59vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.53vw;margin-bottom: 1.69vw;position: relative;}

#contents01 .movie-box{ width:90vw; margin:0 auto 10vw; }
#contents01 .movie-box .movie1,
#contents01 .movie-box .movie2,
#contents01 .movie-box .movie3{ width:100%; margin-bottom:7vw; }
#contents01 .movie-box iframe{ width:100%; height:50.62vw; }
#contents01 .movie-box p{ font-size:3.9vw; line-height:1.8; letter-spacing:0.48vw; text-align:center; }

    #contents01 .inBox3 {margin: 0 5vw;position: relative;height: 92.46vw;background: #fff;box-shadow: 0.0vw 7.25vw 14.49vw #22222214;text-align: center;padding: 8.4vw 0 0;}
    #contents01 .inBox3 h3.f-min {font-size: 4.83vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.48vw;margin-bottom: 5.07vw;position: relative;text-align: center;}
    #contents01 .inBox3 h3::before {content: "";display: block;width: 9.66vw;height: 0.24vw;background: #EAE7D9;position: absolute;left: 50%;transform: translateX(-50%);bottom: -2.7vw;}
    #contents01 .inBox3 p.text2 {font-size: 3.86vw;line-height: 2;font-weight: 400;letter-spacing: 0.19vw;margin: 0 5.6vw 7.25vw 6.6vw;position: relative;text-align: left;}
    #contents01 p.line{ border-bottom: 0.24vw solid #EAE7D9;}
    #contents02 p.line{ border-bottom: 0.24vw solid #E6E6E6;}
    #contents03 p.line{ border-bottom: 0.24vw solid #D9D3B9;}
    
    #contents02 {margin: 0 auto 13.53vw;position: relative;}
    #contents02 p.notext {font-size: 7.73vw;line-height: 1;font-weight: 600;letter-spacing: 0.19vw;margin-bottom: 1.2vw;position: relative;text-align: center;color: #E6E6E6;}
    #contents02 p.notext span.f-min {  }
    #contents02 h2.f-min {font-size: 5.56vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 4.25vw;position: relative;text-align: center;}
    #contents02 h2.f-min span {display: inline;border-bottom: 0.24vw solid #EAE7D9;}
    #contents02 .inner-Box {position: relative;background: #F7F7F7;padding: 7.64vw 0 11.57vw 0;}
    #contents02 p.subtext {font-size: 3.86vw;line-height: 1.9;font-weight: 400;letter-spacing: 0.19vw;margin: 0 7.8vw 7.25vw;position: relative;text-align: left;}

    #contents02 .inBox1 {margin: 0 7.7vw -2vw;position: relative;padding: 0 0 0 0vw;}
    #contents02 .inBox1 h3.f-min {font-size: 4.83vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.18vw;margin-bottom: 2vw;position: relative;}
    #contents02 .inBox1 h3.f-min span {}
    #contents02 .inBox1 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 10.6vw;}
    #contents02 .inBox1 figure.photo img{  }
    #contents02 .inBox1 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 6.25vw;position: relative;padding-bottom: 4.9vw;}
    #contents02 .inBox1 h4.f-min {font-size: 4.59vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.53vw;margin-bottom: 1.69vw;position: relative;}

    #contents02 .inBox3 {margin: 0 5vw;position: relative;/* height: 92.46vw; */background: #fff;box-shadow: 0.0vw 7.25vw 14.49vw #22222214;text-align: center;padding: 8.4vw 0 2vw;}
    #contents02 .inBox3 h3.f-min {font-size: 4.83vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.48vw;margin-bottom: 5.07vw;position: relative;text-align: center;}
    #contents02 .inBox3 h3::before {content: "";display: block;width: 9.66vw;height: 0.24vw;background: #EAE7D9;position: absolute;left: 50%;transform: translateX(-50%);bottom: -2.7vw;}
    #contents02 .inBox3 p.text2 {font-size: 3.86vw;line-height: 2;font-weight: 400;letter-spacing: 0.19vw;margin: 0 5.6vw 7.25vw 6.6vw;position: relative;text-align: left;}
    
    #contents03 {margin: 0 auto 13.53vw;position: relative;}
    #contents03 p.notext {font-size: 7.73vw;line-height: 1;font-weight: 600;letter-spacing: 0.19vw;margin-bottom: 1.2vw;position: relative;text-align: center;color: #E2DCCF;}
    #contents03 p.notext span.f-min {  }
    #contents03 h2.f-min {font-size: 5.56vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 4.25vw;position: relative;text-align: center;}
    #contents03 h2.f-min span {display: inline;border-bottom: 0.24vw solid #EAE7D9;}
    #contents03 .inner-Box {position: relative;background: #EDEAE2;padding: 7.64vw 0 11.57vw 0;}
    #contents03 p.subtext {font-size: 3.86vw;line-height: 1.9;font-weight: 400;letter-spacing: 0.19vw;margin: 0 7.8vw 7.25vw;position: relative;text-align: left;}

    #contents03 .inBox1 {margin: 0 7.7vw -2vw;position: relative;padding: 0 0 0 0vw;}
    #contents03 .inBox1 h3.f-min {font-size: 4.83vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.18vw;margin-bottom: 2vw;position: relative;}
    #contents03 .inBox1 h3.f-min span {}
    #contents03 .inBox1 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 10.6vw;}
    #contents03 .inBox1 figure.photo img{  }
    #contents03 .inBox1 p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin-bottom: 6.25vw;position: relative;padding-bottom: 4.9vw;}
    #contents03 .inBox1 h4.f-min {font-size: 4.59vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.53vw;margin-bottom: 1.69vw;position: relative;}

    #contents03 .inBox3 {margin: 0 5vw;position: relative;/* height: 92.46vw; */background: #fff;box-shadow: 0.0vw 7.25vw 14.49vw #22222214;text-align: center;padding: 8.4vw 0 2vw;}
    #contents03 .inBox3 h3.f-min {font-size: 4.83vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.48vw;margin-bottom: 5.07vw;position: relative;text-align: center;}
    #contents03 .inBox3 h3::before {content: "";display: block;width: 9.66vw;height: 0.24vw;background: #EAE7D9;position: absolute;left: 50%;transform: translateX(-50%);bottom: -2.7vw;}
    #contents03 .inBox3 p.text2 {font-size: 3.86vw;line-height: 2;font-weight: 400;letter-spacing: 0.19vw;margin: 0 5.6vw 7.25vw 6.6vw;position: relative;text-align: left;}

#contentsbottom {margin: 0 auto 13.91vw;position: relative;text-align: center;padding: 12.84vw 0 0;}
#contentsbottom h2.f-min {font-size: 5.56vw;line-height: 1.71;font-weight: 400;letter-spacing: 0.56vw;margin-bottom: 5.16vw;position: relative;}
#contentsbottom p.text {font-size: 3.86vw;line-height: 1.88;font-weight: 400;letter-spacing: 0.19vw;margin: 0 8vw 8.77vw;position: relative;text-align: left;}
#contentsbottom figure.photo {position: relative;top: 0;left: 0;margin-bottom: 15.94vw;}
#contentsbottom figure.photo img{ width: 100%; height: auto; }
#contentsbottom .inner-Box {margin: 0 9vw;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 {  }

}