@charset "UTF-8";

.f-sole { font-family: "soleil", sans-serif; font-weight: normal; }

@media screen and (min-width: 768px),print {
main {width: 100%!important; max-width: 1920px!important; margin: 0 auto 142px!important; letter-spacing: 1px; line-height: 1.8;}
.seo_bread_list { margin-bottom: 88px;}
a[id] { display: block; scroll-margin-top: -50px;padding-bottom: 50px;}

#con1 {}
#con1 .bx{width: 100%; max-width: 1920px; margin: 0 auto 110px; }
#con1 .bx .ttl1{font-size: 34px; font-weight: 500; letter-spacing: 5px; line-height: 1.7; text-align: center; margin-bottom: 38px;}
#con1 .bx .img1{text-align: center; margin-bottom: 31px;}
#con1 .bx .txt1{font-size: 16px; font-weight: 400; letter-spacing: 1.6px; line-height: 2; text-align: center; }


#con2 {}
#con2 .bx1{width: 100%; max-width: 1920px; margin: 0 auto; background: #F7F7F2; padding: 121px 0 1px;}
#con2 .bx1 .inner{width: 1100px; margin: 0 auto 110px; position: relative;}
#con2 .bx1 .inner .list{margin-bottom: 55px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con2 .bx1 .inner .list li{width: 249px; margin-right: 34px;}
#con2 .bx1 .inner .list li:last-child{margin-right: 0;}

#con2 .bx1 .inner .ttl1{font-size: 37px; font-weight: 500; letter-spacing: 9px; line-height: 1.7; text-align: center; margin-bottom: 57px; position: relative;}
#con2 .bx1 .inner .ttl1::before{content: ""; width: 30px; height: 10px; margin: 0 auto; background: url(../images/performance/con-ttl-icon.png) no-repeat top center; position: absolute; left: 61px; top: 28px;}
#con2 .bx1 .inner .ttl1::after{content: ""; width: 30px; height: 10px; margin: 0 auto; background: url(../images/performance/con-ttl-icon.png) no-repeat top center; position: absolute; right: 63px; top: 28px;}
#con2 .bx1 .inner .ttl2{font-size: 25px; font-weight: 500; letter-spacing: 3.7px; line-height: 1.7; text-align: center; margin-bottom: 22px;}
#con2 .bx1 .inner .txt1{font-size: 16px; font-weight: 400; letter-spacing: 1.6px; line-height: 2; text-align: center; margin-bottom: 32px;}
#con2 .bx1 .inner .txt1:nth-of-type(2){margin-bottom: 64px;}
#con2 .bx1 .inner .swa-txt{}
#con2 .sc-bx{}
#con2 .sc-bx .big-img{margin-bottom: 95px;}

#con2 .bx1 .inner .in-bx{width: 1100px; margin: 0 auto; position: relative; background: #fff; padding: 50px 0;}
#con2 .bx1 .inner .in-bx .ttl3{font-size: 28px; font-weight: 500; letter-spacing: 4px; line-height: 1.7; text-align: center; margin-bottom: 28px; margin-top: -75px;}
#con2 .bx1 .inner .in-bx .ttl3 span{color: #FF7500;}
#con2 .bx1 .inner .in-bx .txt2{font-size: 16px; font-weight: 400; letter-spacing: 1.6px; line-height: 2; text-align: center; }


#con2 .bx2{width: 100%; max-width: 1920px; margin: 0 auto; background: #fff; padding: 41px 0 151px;}
#con2 .bx2 .inner{width: 1100px; margin: 0 auto 15px; position: relative;}
#con2 .bx2 .inner .ttl1{font-size: 37px; font-weight: 500; letter-spacing: 9px; line-height: 1.6; text-align: center; margin-bottom: 53px; position: relative;}
#con2 .bx2 .inner .ttl1::before{content: ""; width: 30px; height: 10px; margin: 0 auto; background: url(../images/performance/con-ttl-icon.png) no-repeat top center; position: absolute; left: 95px; top: 55px;}
#con2 .bx2 .inner .ttl1::after{content: ""; width: 30px; height: 10px; margin: 0 auto; background: url(../images/performance/con-ttl-icon.png) no-repeat top center; position: absolute; right: 105px; top: 55px;}

#con2 .bx2 .inner .sub-bx1{width: 1100px; margin: 0 auto 132px; position: relative;}
#con2 .bx2 .inner .sub-bx1 .sub-inner{width: 550px; margin-left: auto;}
#con2 .bx2 .inner .sub-bx1 .sub-inner .img1{position: absolute; left: 0; top: 8px;}
#con2 .bx2 .inner .sub-bx1 .sub-inner .ttl2{font-size: 25px; font-weight: 500; letter-spacing: 3.7px; line-height: 1.7; margin-bottom: 22px; color: #FF7500;}
#con2 .bx2 .inner .sub-bx1 .sub-inner .txt1{font-size: 16px; font-weight: 400; letter-spacing: 1.6px; line-height: 2; margin-bottom: 32px;}

#con2 .bx2 .inner .sub-bx2{width: 1100px; margin: 0 auto 26px; position: relative;}
#con2 .bx2 .inner .sub-bx2 .sub-inner{width: 550px; margin-right: auto;}
#con2 .bx2 .inner .sub-bx2 .sub-inner .img1{position: absolute; right: 10px; top: 5px;}
#con2 .bx2 .inner .sub-bx2 .sub-inner .ttl2{font-size: 25px; font-weight: 500; letter-spacing: 3.7px; line-height: 1.7; margin-bottom: 22px; color: #FF7500;}
#con2 .bx2 .inner .sub-bx2 .sub-inner .txt1{font-size: 16px; font-weight: 400; letter-spacing: 1.6px; line-height: 2; }

#con2 .bx2 .inner .sub-bx3{width: 1100px; margin: 0 auto 85px; position: relative;}
#con2 .bx2 .inner .sub-bx3 .sub-inner{width: 550px; margin-right: auto;}
#con2 .bx2 .inner .sub-bx3 .sub-inner .img1{position: absolute; right: 0; top: -24px;}
#con2 .bx2 .inner .sub-bx3 .sub-inner .ttl2{font-size: 25px; font-weight: 500; letter-spacing: 3.7px; line-height: 1.7; margin-bottom: 22px; color: #FF7500;}
#con2 .bx2 .inner .sub-bx3 .sub-inner .txt1{font-size: 16px; font-weight: 400; letter-spacing: 1.6px; line-height: 2; margin-bottom: 32px;}

#con2 .bx2 .inner .in-bx{width: 1100px; margin: 0 auto 70px; position: relative; background: #F7F7F2; padding: 50px 0 20px;}
#con2 .bx2 .inner .in-bx .ttl3{font-size: 28px; font-weight: 500; letter-spacing: 4px; line-height: 1.7; text-align: center; margin-bottom: 28px; margin-top: -75px;}
#con2 .bx2 .inner .in-bx .ttl3 span{color: #FF7500;}
#con2 .bx2 .inner .in-bx .txt2{font-size: 16px; font-weight: 400; letter-spacing: 1.6px; line-height: 2; text-align: center; margin-bottom: 30px;}
#con2 .bx2 .bnr{text-align: center;}



#con2 .bx3{width: 100%; max-width: 1920px; margin: 0 auto; background: #F7F7F2; padding: 60px 0 58px;}
#con2 .bx3 .inner{width: 1100px; margin: 0 auto 15px; position: relative;}
#con2 .bx3 .inner .ttl1{font-size: 37px; font-weight: 500; letter-spacing: 9px; line-height: 1.6; text-align: center; margin-bottom: 20px; position: relative;}
#con2 .bx3 .inner .ttl1::before{content: ""; width: 30px; height: 10px; margin: 0 auto; background: url(../images/performance/con-ttl-icon.png) no-repeat top center; position: absolute; left: 79px; top: 24px;}
#con2 .bx3 .inner .ttl1::after{content: ""; width: 30px; height: 10px; margin: 0 auto; background: url(../images/performance/con-ttl-icon.png) no-repeat top center; position: absolute; right: 79px; top: 24px;}
#con2 .bx3 .inner .txt1-1{font-size: 16px; font-weight: 400; letter-spacing: 1.6px; line-height: 2; text-align: center; margin-bottom: 84px; margin-right: 5px;}

#con2 .bx3 .inner .sub-bx1{width: 1100px; margin: 0 auto 70px; position: relative;}
#con2 .bx3 .inner .sub-bx1 .sub-inner{width: 550px; margin-left: auto;}
#con2 .bx3 .inner .sub-bx1 .sub-inner .img1{position: absolute; left: 0; top: 30px;}
#con2 .bx3 .inner .sub-bx1 .sub-inner .ttl2{font-size: 25px; font-weight: 500; letter-spacing: 3.7px; line-height: 1.7; margin-bottom: 22px; color: #FF7500;}
#con2 .bx3 .inner .sub-bx1 .sub-inner .txt1{font-size: 16px; font-weight: 400; letter-spacing: 1.6px; line-height: 2; margin-bottom: 32px;}

#con2 .bx3 .inner .sub-bx2{width: 1100px; margin: 0 auto 82px; position: relative;}
#con2 .bx3 .inner .sub-bx2 .sub-inner{width: 550px; margin-right: auto;}
#con2 .bx3 .inner .sub-bx2 .sub-inner .img1{position: absolute; right: 0; top: 10px;}
#con2 .bx3 .inner .sub-bx2 .sub-inner .ttl2{font-size: 25px; font-weight: 500; letter-spacing: 3.7px; line-height: 1.7; margin-bottom: 22px; color: #FF7500;}
#con2 .bx3 .inner .sub-bx2 .sub-inner .txt1{font-size: 16px; font-weight: 400; letter-spacing: 1.6px; line-height: 2; margin-bottom: 32px;}

#con2 .bx3 .inner .sub-bx3{width: 1100px; margin: 0 auto 85px; position: relative;}
#con2 .bx3 .inner .sub-bx3 .sub-inner{width: 550px; margin-left: auto;}
#con2 .bx3 .inner .sub-bx3 .sub-inner .img1{position: absolute; left: 0; top: 10px;}
#con2 .bx3 .inner .sub-bx3 .sub-inner .ttl2{font-size: 25px; font-weight: 500; letter-spacing: 3.7px; line-height: 1.7; margin-bottom: 22px; color: #FF7500;}
#con2 .bx3 .inner .sub-bx3 .sub-inner .txt1{font-size: 16px; font-weight: 400; letter-spacing: 1.6px; line-height: 2; margin-bottom: 32px;}
#con2 .bx3 .inner .sub-bx3 .sub-inner .txt1 span{font-weight: bold;}



#con3 {}
#con3 .bx{width: 100%; max-width: 1920px; margin: 0 auto 192px; background: url(../images/performance/con3-bg.png) no-repeat top center; padding: 370px 0 0;;}
#con3 .bx .bx1{width: 1280px; margin: 0 auto; position: relative;}
#con3 .bx .bx1 .inner{width: 916px; margin: 0 auto 115px; background: #fff; padding: 52px 0 48px 20px; position: relative; left: -10px; box-shadow: 20px 15px 20px 5px rgba(10,10,10,0.1), -12px -18px 0px -50px rgba(10,10,10,0.02), 10px 10px 20px -10px rgba(213,213,202,0.8);}
#con3 .bx .bx1 .inner .ttl1{font-size: 22px; font-weight: 500; letter-spacing: 3.3px; line-height: 1.9; text-align: center;}
#con3 .bx .bx1 .inner .ttl1::after{content: ""; width: 1px; height: 60px; margin: 0 auto; background: #262626; position: absolute; left: 20px; right: 0; bottom: -30px;}

.inc-bnr-list li .inc-txt {
text-align: left!important;
}


}

@media screen and (max-width: 767px) {
main {letter-spacing: 0.2vw; line-height: 1.8;}
a[id] { display: block; scroll-margin-top: -10vw;padding-bottom: 10vw;}


#con1 {}
#con1 .bx{width: 100%; margin: 24vw auto 15vw; }
#con1 .bx .ttl1{font-size: 5.6vw; font-weight: 500; letter-spacing: 0.8vw; line-height: 1.75; text-align: center; margin-bottom: 10vw; padding-left: 1vw;}
#con1 .bx .img1{ margin: 0 auto 10vw;}
#con1 .bx .txt1{font-size: 3.6vw; font-weight: 400; letter-spacing: 0.1vw; line-height: 2.15; text-align: center;}

#con2 {}
#con2 .bx1{width: 100%; margin: 0 auto; background: #F7F7F2; padding: 16.5vw 0 3vw;}
#con2 .bx1 .inner{width: 92%; margin: 0 auto 13vw; position: relative;}
#con2 .bx1 .inner .list{margin-bottom: 13vw; }
#con2 .bx1 .inner .list li{width: 60vw; margin: 0 auto 8vw;}
#con2 .bx1 .inner .list li:last-child{margin-bottom: 0;}

#con2 .bx1 .inner .ttl1{font-size: 6.6vw; font-weight: 500; letter-spacing: 0.8vw; line-height: 1.45; text-align: center; margin-bottom: 16vw; position: relative; padding-left: 1vw;}
#con2 .bx1 .inner .ttl1::after{content: ""; width: 20vw; height: 10vw; margin: 0 auto; background: url(../images/performance/con-ttl-icon.png) no-repeat top center; position: absolute; left: 0; right: 0; top: 34vw; background-size: 8vw;}
#con2 .bx1 .inner .ttl2{font-size: 5vw; font-weight: 500; letter-spacing: 0.3vw; line-height: 1.5; text-align: center; margin-bottom: 6vw;}
#con2 .bx1 .inner .txt1{font-size: 3.8vw; font-weight: 400; letter-spacing: 0.45vw; line-height: 2.05; margin-bottom: 7vw; padding: 0 4vw;}
#con2 .bx1 .inner .txt1:nth-of-type(2){margin-bottom: 13vw;}
#con2 .bx1 .inner .swa-txt{font-size: 3.8vw; font-weight: 400; letter-spacing: 0.45vw; line-height: 2.05; margin-bottom: 3vw; padding: 0 4vw;}
#con2 .sc-bx{overflow-y: hidden;margin-bottom: 20vw;}
#con2 .sc-bx .big-img{width: 235vw; height: 100%; overflow-x: scroll; margin-bottom: 3vw; }

#con2 .bx1 .inner .in-bx{width: 100%; margin: 0 auto; position: relative; background: #fff; padding: 5vw 7vw;}
#con2 .bx1 .inner .in-bx .ttl3{font-size: 4.8vw; font-weight: 500; letter-spacing: 0.5vw; line-height: 1.5; text-align: center; margin-bottom: 4vw; margin-top: -15vw;}
#con2 .bx1 .inner .in-bx .ttl3 span{color: #FF7500;}
#con2 .bx1 .inner .in-bx .txt2{font-size: 3.8vw; font-weight: 400; letter-spacing: 0.43vw; line-height: 2.03; }


#con2 .bx2{width: 100%; margin: 0 auto 18vw; background: #fff; padding: 4.5vw 0 3vw;}
#con2 .bx2 .inner{width: 92%; margin: 0 auto 14vw; position: relative;}
#con2 .bx2 .inner .ttl1{font-size: 6.6vw; font-weight: 500; letter-spacing: 0.8vw; line-height: 1.45; text-align: center; margin-bottom: 18vw; position: relative; padding-left: 1vw;}
#con2 .bx2 .inner .ttl1::after{content: ""; width: 20vw; height: 10vw; margin: 0 auto; background: url(../images/performance/con-ttl-icon.png) no-repeat top center; position: absolute; left: 0; right: 0; top: 44vw; background-size: 8vw;}

#con2 .bx2 .inner .sub-bx1{width: 90%; margin: 0 auto 15vw; position: relative;}
#con2 .bx2 .inner .sub-bx1 .sub-inner{width: 100%; margin: 0 auto;}
#con2 .bx2 .inner .sub-bx1 .sub-inner .img1{margin: 0 auto 9vw;}
#con2 .bx2 .inner .sub-bx1 .sub-inner .ttl2{font-size: 4.2vw; font-weight: 500; letter-spacing: 0.8vw; line-height: 1.7; margin-bottom: 6vw; color: #FF7500;}
#con2 .bx2 .inner .sub-bx1 .sub-inner .txt1{font-size: 3.8vw; font-weight: 400; letter-spacing: 0.45vw; line-height: 2.05; margin-bottom: 7.5vw; }

#con2 .bx2 .inner .sub-bx2{width: 90%; margin: 0 auto 12vw; position: relative;}
#con2 .bx2 .inner .sub-bx2 .sub-inner{width: 100%; margin: 0 auto;}
#con2 .bx2 .inner .sub-bx2 .sub-inner .img1{margin: 0 auto 8.5vw;}
#con2 .bx2 .inner .sub-bx2 .sub-inner .ttl2{font-size: 4.2vw; font-weight: 500; letter-spacing: 0.8vw; line-height: 1.7; margin-bottom: 6vw; color: #FF7500;}
#con2 .bx2 .inner .sub-bx2 .sub-inner .txt1{font-size: 3.8vw; font-weight: 400; letter-spacing: 0.45vw; line-height: 2.05; margin-bottom: 7.5vw; }

#con2 .bx2 .inner .sub-bx3{width: 90%; margin: 0 auto 21vw; position: relative;}
#con2 .bx2 .inner .sub-bx3 .sub-inner{width: 100%; margin: 0 auto;}
#con2 .bx2 .inner .sub-bx3 .sub-inner .img1{margin: 0 auto 8vw;}
#con2 .bx2 .inner .sub-bx3 .sub-inner .ttl2{font-size: 4.2vw; font-weight: 500; letter-spacing: 0.8vw; line-height: 1.7; margin-bottom: 6vw; color: #FF7500;}
#con2 .bx2 .inner .sub-bx3 .sub-inner .txt1{font-size: 3.8vw; font-weight: 400; letter-spacing: 0.45vw; line-height: 2.05; margin-bottom: 7.5vw; }

#con2 .bx2 .inner .in-bx{width: 100%; margin: 0 auto; position: relative; background: #F7F7F2; padding: 5vw 7vw;}
#con2 .bx2 .inner .in-bx .ttl3{font-size: 4.8vw; font-weight: 500; letter-spacing: 0.5vw; line-height: 1.5; text-align: center; margin-bottom: 4vw; margin-top: -15vw; padding-left: 1vw;}
#con2 .bx2 .inner .in-bx .ttl3 span{color: #FF7500;}
#con2 .bx2 .inner .in-bx .txt2{font-size: 3.8vw; font-weight: 400; letter-spacing: 0.43vw; line-height: 2.03; margin-bottom: 8vw;}
#con2 .bx2 .inner .in-bx .txt2:last-child{margin-bottom: 0;}
#con2 .bx2 .bnr{text-align: center; width: 67vw; margin: 0 auto;}


#con2 .bx3{width: 100%; margin: 0 auto; background: #F7F7F2; padding: 6vw 0 3vw;}
#con2 .bx3 .inner{width: 92%; margin: 0 auto 12.5vw; position: relative;}
#con2 .bx3 .inner .ttl1{font-size: 6.6vw; font-weight: 500; letter-spacing: 0.8vw; line-height: 1.45; text-align: center; margin-bottom: 13vw; position: relative; padding-left: 1vw;}
#con2 .bx3 .inner .ttl1::after{content: ""; width: 20vw; height: 10vw; margin: 0 auto; background: url(../images/performance/con-ttl-icon.png) no-repeat top center; position: absolute; left: 0; right: 0; top: 24vw; background-size: 8vw;}
#con2 .bx3 .inner .txt1-1{font-size: 3.8vw; font-weight: 400; letter-spacing: 0.43vw; line-height: 2.03; margin-bottom: 8vw; text-align: center; padding: 0 7vw;}

#con2 .bx3 .inner .sub-bx1{width: 90%; margin: 0 auto 20vw; position: relative;}
#con2 .bx3 .inner .sub-bx1 .sub-inner{width: 100%; margin: 0 auto;}
#con2 .bx3 .inner .sub-bx1 .sub-inner .img1{margin: 0 auto 9vw;}
#con2 .bx3 .inner .sub-bx1 .sub-inner .ttl2{font-size: 4.2vw; font-weight: 500; letter-spacing: 0.8vw; line-height: 1.7; margin-bottom: 3vw; color: #FF7500;}
#con2 .bx3 .inner .sub-bx1 .sub-inner .txt1{font-size: 3.8vw; font-weight: 400; letter-spacing: 0.45vw; line-height: 2.05; margin-bottom: 7.5vw; }

#con2 .bx3 .inner .sub-bx2{width: 90%; margin: 0 auto 20vw; position: relative;}
#con2 .bx3 .inner .sub-bx2 .sub-inner{width: 100%; margin: 0 auto;}
#con2 .bx3 .inner .sub-bx2 .sub-inner .img1{margin: 0 auto 9vw;}
#con2 .bx3 .inner .sub-bx2 .sub-inner .ttl2{font-size: 4.2vw; font-weight: 500; letter-spacing: 0.8vw; line-height: 1.7; margin-bottom: 3vw; color: #FF7500;}
#con2 .bx3 .inner .sub-bx2 .sub-inner .txt1{font-size: 3.8vw; font-weight: 400; letter-spacing: 0.45vw; line-height: 2.05; margin-bottom: 7.5vw; }

#con2 .bx3 .inner .sub-bx3{width: 90%; margin: 0 auto; position: relative;}
#con2 .bx3 .inner .sub-bx3 .sub-inner{width: 100%; margin: 0 auto;}
#con2 .bx3 .inner .sub-bx3 .sub-inner .img1{margin: 0 auto 9vw;}
#con2 .bx3 .inner .sub-bx3 .sub-inner .ttl2{font-size: 4.2vw; font-weight: 500; letter-spacing: 0.8vw; line-height: 1.7; margin-bottom: 6vw; color: #FF7500;}
#con2 .bx3 .inner .sub-bx3 .sub-inner .txt1{font-size: 3.8vw; font-weight: 400; letter-spacing: 0.45vw; line-height: 2.05; margin-bottom: 7.5vw; }
#con2 .bx3 .inner .sub-bx3 .sub-inner .txt1 span{font-weight: bold;}


#con3 {}
#con3 .bx{width: 100%; margin: 0 auto 15vw; background: url(../images/performance/sp-con3-bg.png) no-repeat top center; padding: 38vw 0 0; background-size: 100%;}
#con3 .bx .bx1{width: 100%; margin: 0 auto; position: relative;}
#con3 .bx .bx1 .inner{width: 92%; margin: 0 auto 25vw; background: #fff; padding: 8vw 0 7vw 0; position: relative; box-shadow: 20px 15px 20px 5px rgba(10,10,10,0.1), -12px -18px 0px -50px rgba(10,10,10,0.02), 10px 10px 20px -10px rgba(213,213,202,0.8);}
#con3 .bx .bx1 .inner .ttl1{font-size: 4.5vw; font-weight: 500; letter-spacing: 0.2vw; line-height: 1.75; text-align: center;}
#con3 .bx .bx1 .inner .ttl1::after{content: ""; width: 1px; height: 25%; margin: 0 auto; background: #262626; position: absolute; left: 0; right: 0; bottom: -9vw;}


.inc-bnr-list li .inc-txt {
font-size: 3.65vw;
letter-spacing: 0.55vw;
text-align: left!important;
line-height: 2.03;
padding: 0 1vw;
}


}