@charset "UTF-8";

@media screen and (min-width:768px) {
#contentsmain {height: 1110px;background: url('../images/performance/contentsmain-back01.png') no-repeat top center;background-size: 1920px auto;position: relative;margin-top: -5vw;margin-bottom: 20px;}
#contentsmain .inner-Box {width: 1100px;height: 100%;margin: 0 auto;position: relative;}
#contentsmain .main-text {width: 555px;position: absolute;left: 545px;top: 380px;color: #fff;}
#contentsmain .main-text p.en {font-size: 16px;line-height: 1;font-weight: 400;letter-spacing: 0.1em;margin-bottom: 20px;}
#contentsmain .main-text h2 {font-size: 48px;line-height: 1.45;font-weight: 500;letter-spacing: 0.05em;margin-bottom: 26px;}
#contentsmain .main-text p.text {font-size: 18px;line-height: 2;font-weight: 500;letter-spacing: 0.05em;}
#contentsmain .performance-list {width: 1000px;display: grid;grid-template-columns: repeat(3,300px);gap: 50px;position: absolute;left: 50px;bottom: 30px;}
#contentsmain .performance-list li {position: relative;text-align: center;}
#contentsmain .performance-list li a {display: block;color: #1a1a1a;}
#contentsmain .performance-list li > a > img {display: block;height: 61px;width: auto;margin: 0 auto 20px;}
#contentsmain .performance-list li:nth-child(2) > a > img,#contentsmain .performance-list li:nth-child(3) > a > img {height: 51px;position: relative;top: 10px;margin-bottom: 31px;}
#contentsmain .performance-list .num-Box {height: 80px;background: #004080;color: #fff;display: flex;align-items: center;justify-content: center;gap: 20px;position: relative;}
#contentsmain .performance-list .num-Box:after {content: "";width: 21px;height: 12px;background: url('../images/performance/contentsmain-arr.svg') no-repeat center center/contain;position: absolute;left: 50%;bottom: -107px;transform: translateX(-50%);}
#contentsmain .performance-list .num-Box span {font-size: 25px;line-height: 1;font-weight: 500;letter-spacing: 0.05em;}
#contentsmain .performance-list .num-Box strong {font-size: 43px;line-height: 1;font-weight: 400;letter-spacing: 0.1em;}
#contentsmain .performance-list .num-Box strong.range {font-size: 30px;letter-spacing: 0.05em;white-space: nowrap;}
#contentsmain .performance-list li > a > p {font-size: 16px;line-height: 1.625;font-weight: 400;letter-spacing: 0.02em;margin-top: 11px;}

#contents01 {padding: 130px 0 193px;background: #fff;}
#contents01 .inner-Box {width: 1080px;margin: 0 auto;position: relative;}
#contents01 a[name] {display: block;position: relative;top: -100px;visibility: hidden;}
#contents01 .performance-Box {width: 100%;min-height: 340px;position: relative;margin-bottom: 128px;}
#contents01 .performance-Box:last-child {margin-bottom: 0;}
#contents01 .performance-Box .ttl-Box {position: absolute;width: 540px;}
#contents01 .performance-Box .ttl-Box .num {font-size: 30px;line-height: 1;font-weight: 400;color: #004080;position: absolute;left: 0;top: -20px;width: 30px;}
#contents01 .performance-Box .ttl-Box .num:after {content: "";width: 74px;height: 1px;background: #004080;position: absolute;right: -54px;top: 51px;transform: rotate(-43deg);transform-origin: left center;}
#contents01 .performance-Box .ttl-Box h2 {font-size: 43px;line-height: 1.5;font-weight: 500;letter-spacing: 0.05em;color: #1a1a1a;margin-left: 62px;}
#contents01 .performance-Box .img-Box {width: 480px;height: 340px;position: absolute;}
#contents01 .performance-Box .img-Box picture {display: block;width: 100%;height: 100%;}
#contents01 .performance-Box .img-Box img {display: block;width: 100%;height: 100%;object-fit: cover;}
#contents01 .performance-Box .text-Box {width: 540px;position: absolute;}
#contents01 .performance-Box .text-Box h3 {font-size: 26px;line-height: 1.5;font-weight: 500;letter-spacing: 0.05em;color: #1a1a1a;margin-bottom: 25px;}
#contents01 .performance-Box .text-Box p {font-size: 16px;line-height: 1.875;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;}
#contents01 .performance-Box .text-Box p strong {font-weight: 500;color: #004080;}
#contents01 .box01 .ttl-Box,#contents01 .box03 .ttl-Box {left: 0;top: 19px;}
#contents01 .box01 .img-Box,#contents01 .box03 .img-Box {right: 0;top: -26px;}
#contents01 .box01 .text-Box,#contents01 .box03 .text-Box {left: 0;top: 126px;}
#contents01 .box02 .ttl-Box {right: 0;top: 19px;}
#contents01 .box02 .img-Box {left: 0px;top: -20px;}
#contents01 .box02 .text-Box {right: 0;top: 135px;}

#contents02 {background: #f1f1f1;padding: 137px 0 170px;}
#contents02 .inner-Box {width: 1100px;margin: 0 auto;position: relative;}
#contents02 .zeh-Box {position: relative;margin-bottom: 37px;}
#contents02 .zeh-Box .ttl-Box {text-align: center;margin-bottom: 44px;}
#contents02 .zeh-Box .ttl-Box p.en {font-size: 48px;line-height: 1;font-weight: 400;color: #004080;margin-bottom: 20px;}
#contents02 .zeh-Box .ttl-Box h2 {font-size: 26px;line-height: 1.5;font-weight: 500;letter-spacing: 0.05em;color: #1a1a1a;}
#contents02 .zeh-Box .top-Box {width: 1020px;margin: 0 auto 40px;display: flex;justify-content: space-between;align-items: flex-start;}
#contents02 .zeh-Box .text-Box {width: 452px;}
#contents02 .zeh-Box .text-Box p {font-size: 16px;line-height: 1.875;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;margin-bottom: 28px;}
#contents02 .zeh-Box .text-Box p:last-child {margin-bottom: 0;}
#contents02 .zeh-Box .text-Box strong {font-weight: 500;color: #004080;}
#contents02 .zeh-Box figure.photo01 {width: 498px;height: 300px;}
#contents02 .zeh-Box figure.photo01 picture,#contents02 .zeh-Box figure.photo01 img {display: block;width: 100%;height: 100%;}
#contents02 .zeh-Box figure.photo01 img {object-fit: cover;}
#contents02 .zeh-Box figure.img01 {width: 621px;margin: 0 auto;}
#contents02 .zeh-Box figure.img01 img {display: block;width: 100%;height: auto;}

#contents02 .zzeh-Box{width: 1027px;height: 396px;background: #FFF;margin: 0 auto;text-align: center;position: relative;padding: 52px 0 0;margin-bottom: 133px;}
#contents02 .zzeh-Box::before{content:"";display: block;background: linear-gradient(90deg, #F1F1F1 0%, rgba(241, 241, 241, 0.00) 100%);position: absolute;top: 0;left: 0;width: 151px;height: 396px;}
#contents02 .zzeh-Box::after{content:"";display: block;background: linear-gradient(90deg, #F1F1F1 0%, rgba(241, 241, 241, 0.00) 100%);position: absolute;top: 0;right: 0;width: 151px;height: 396px;transform: rotate(180deg);}
#contents02 .zzeh-Box h2{color: #004080;font-size: 26px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 1.3px;margin-bottom: 8px;}
#contents02 .zzeh-Box p.text{color: #1A1A1A;font-size: 16px;font-style: normal;font-weight: 500;line-height: normal;letter-spacing: 0.8px;margin-bottom: 29px;}
#contents02 .zzeh-Box figure{ padding-right: 47px; }

#contents02 .wb-Box > .ttl-Box {text-align: center;margin-bottom: 80px;}
#contents02 .wb-Box > .ttl-Box p.en {font-size: 48px;line-height: 1;font-weight: 500;color: #004080;margin-bottom: 35px;}
#contents02 .wb-Box > .ttl-Box h2 {font-size: 26px;line-height: 1.5385;font-weight: 500;letter-spacing: 0.05em;color: #1a1a1a;margin-bottom: 35px;}
#contents02 .wb-Box > .ttl-Box > p:last-child {font-size: 16px;line-height: 1.875;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;}
#contents02 .wb-Box > figure.img02 {width: 1100px;margin: 0 auto 105px;}
#contents02 .wb-Box > figure.img02 img {display: block;width: 100%;height: auto;}
#contents02 .wb-Box > h3 {font-size: 35px;line-height: 1.5429;font-weight: 500;letter-spacing: 0.05em;color: #1a1a1a;text-align: center;margin-bottom: 55px;}
#contents02 .wb-Box > h3 span{font-size: 24px;line-height: 1.5429;font-weight: 500;letter-spacing: 0.05em;color: #1a1a1a;text-align: center;margin-bottom: 55px;}
#contents02 .wb-Box > ul {display: grid;grid-template-columns: repeat(2,527px);gap: 46px;margin-bottom: 80px;}
#contents02 .wb-Box > ul li {background: #fff;padding: 45px 56px 70px;}
#contents02 .wb-Box > ul li h4 {font-size: 30px;line-height: 1.3333;font-weight: 500;letter-spacing: 0.05em;color: #1a1a1a;text-align: center;margin-bottom: 35px;}
#contents02 .wb-Box > ul li figure {height: 214px;margin-bottom: 25px;display: flex;align-items: center;justify-content: center;}
#contents02 .wb-Box > ul li figure img {display: block;max-width: 100%;max-height: 100%;width: auto;height: auto;}
#contents02 .wb-Box > ul li p {font-size: 16px;line-height: 1.875;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;margin: 0 40px;}
#contents02 .air-Box {width: 1100px;min-height: 566px;background: #fff;padding: 74px 50px 74px 87px;position: relative;}
#contents02 .air-Box .text-Box {width: 435px;}
#contents02 .air-Box .text-Box h3 {font-size: 30px;line-height: 1.5;font-weight: 500;letter-spacing: 0.05em;color: #1a1a1a;margin-bottom: 19px;}
#contents02 .air-Box .text-Box p {font-size: 16px;line-height: 1.875;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;margin-bottom: 30px;}
#contents02 .air-Box .text-Box p span{margin-bottom: 30px;display: block;}
#contents02 .air-Box .text-Box p:last-child {margin-bottom: 0;}
#contents02 .air-Box .text-Box strong {font-weight: 500;color: #004080;}
#contents02 .air-Box figure {width: 430px;height: 411px;position: absolute;right: 87px;top: 81px;}
#contents02 .air-Box figure picture,#contents02 .air-Box figure img {display: block;width: 100%;height: 100%;}
#contents02 .air-Box figure img {object-fit: cover;}

#contentsbottom .banner-Box {margin: 0 auto 100px;position: relative;width: 1200px;}
#contentsbottom 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-top: 109px;}
#contentsbottom ul li{ margin:0 30px 30px 0; }
#contentsbottom ul li:nth-child(3n){ margin-right:0; }

}
@media screen and (min-width:768px) and ( max-width:1450px) {
	

	
}

@media screen and (max-width:767px) {
#contentsmain {background: url('../images/performance/sp-contentsmain-back01.png') no-repeat top center;background-size: 100% auto;position: relative;margin-top: -10vw;padding-top: 144vw;}
#contentsmain .inner-Box {width: 100%;height: 100%;margin: 0;position: relative;}
#contentsmain .main-text {width: 82.4vw;position: absolute;left: 15vw;top: -72vw;color: #fff;}
#contentsmain .main-text p.en {font-size: 2.9vw;line-height: 1;font-weight: 400;letter-spacing: 0.1em;margin-bottom: 2.4vw;}
#contentsmain .main-text h2 {font-size: 8.5vw;line-height: 1.4;font-weight: 500;letter-spacing: 0;margin-bottom: 4vw;}
#contentsmain .main-text p.text {font-size: 3.9vw;line-height: 2;font-weight: 500;letter-spacing: 0;}
#contentsmain .performance-list {width: 91.8vw;display: block;position: relative;left: 4.1vw;}
#contentsmain .performance-list li {width: 100%;height: 39.1vw;background: #004080;margin-bottom: 3.6vw;position: relative;text-align: center;}
#contentsmain .performance-list li:last-child {margin-bottom: 0;}
#contentsmain .performance-list li a {display: block;width: 100%;height: 100%;color: #fff;position: relative;}
#contentsmain .performance-list li > a > img {width: auto;height: 13.8vw;position: absolute;left: 14.4vw;top: 3.4vw;margin: 0;}
#contentsmain .performance-list li:nth-child(2) > a > img,#contentsmain .performance-list li:nth-child(3) > a > img {height: 11.6vw;top: 5.1vw;}
#contentsmain .performance-list .num-Box {height: auto;background: none;color: #fff;display: flex;align-items: center;justify-content: flex-start;gap: 1.6vw;position: absolute;left: 39.6vw;top: 7.2vw;}
#contentsmain .performance-list .num-Box:after {content: "";width: 5.8vw;height: 3.9vw;background: url('../images/performance/contentsmain-arr.svg') no-repeat center center/100% auto;position: absolute;left: 7vw;bottom: -15.3vw;transform: translateX(-50%);}
#contentsmain .performance-list .num-Box span {font-size: 6.0vw;line-height: 1;font-weight: 500;letter-spacing: 0.05em;}
#contentsmain .performance-list .num-Box strong {font-size: 10.4vw;line-height: 1;font-weight: 400;letter-spacing: 0.1em;}
#contentsmain .performance-list .num-Box strong.range {font-size: 6.0vw;letter-spacing: 0.05em;white-space: nowrap;}
#contentsmain .performance-list li > a > p {width: 100%;font-size: 3.6vw;line-height: 1.6;font-weight: 400;letter-spacing: 0.02em;position: absolute;left: 0;bottom: 12.2vw;margin: 0;text-align: center;}
#contentsmain .performance-list li:last-child .num-Box{ left: 34.3vw; }
#contentsmain .performance-list li:last-child .num-Box:after{left: 12.3vw;}

#contents01 {padding: 21.3vw 0 18.1vw;background: #fff;}
#contents01 .inner-Box {width: 100%;margin: 0;position: relative;}
#contents01 a[name] {display: block;position: relative;top: -19.3vw;visibility: hidden;}
#contents01 .performance-Box {width: 91.8vw;min-height: 0;position: relative;margin: 0 auto 21.7vw;}
#contents01 .performance-Box:last-child {margin-bottom: 0;}
#contents01 .performance-Box .ttl-Box {width: 100%;position: relative;margin-bottom: 6.2vw;}
#contents01 .performance-Box .ttl-Box .num {font-size: 5.8vw;line-height: 1;font-weight: 400;color: #004080;position: absolute;left: 0;top: -1.4vw;}
#contents01 .performance-Box .ttl-Box .num:after {content: "";width: 15.9vw;height: 0.2vw;background: #004080;position: absolute;left: 0.5vw;top: 11.1vw;transform: rotate(-43deg);transform-origin: left center;}
#contents01 .performance-Box .ttl-Box h2 {font-size: 7.7vw;line-height: 1.5;font-weight: 500;letter-spacing: 0;color: #1a1a1a;margin-left: 15.6vw;}
#contents01 .performance-Box .img-Box {width: 91.8vw;height: auto;position: relative;margin-bottom: 6.3vw;}
#contents01 .performance-Box .img-Box picture {display: block;width: 100%;}
#contents01 .performance-Box .img-Box img {display: block;width: 100%;height: auto;}
#contents01 .performance-Box .text-Box {width: 91.8vw;position: relative;}
#contents01 .performance-Box .text-Box h3 {font-size: 5.8vw;line-height: 1.5;font-weight: 500;letter-spacing: 0;color: #1a1a1a;margin-bottom: 4.8vw;}
#contents01 .performance-Box .text-Box p {font-size: 3.6vw;line-height: 1.7333;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;}
#contents01 .performance-Box .text-Box p strong {font-weight: 500;color: #004080;}
#contents01 .box01 .ttl-Box,#contents01 .box02 .ttl-Box,#contents01 .box03 .ttl-Box {left: auto;right: auto;top: auto;}
#contents01 .box01 .img-Box,#contents01 .box02 .img-Box,#contents01 .box03 .img-Box {left: auto;right: auto;top: auto;}
#contents01 .box01 .text-Box,#contents01 .box02 .text-Box,#contents01 .box03 .text-Box {left: auto;right: auto;top: auto;}
#contents01 .performance-Box.box02{
    margin-bottom: 15.8vw;
}

#contents02 {background: #f1f1f1;padding: 14.5vw 0 20.8vw;}
#contents02 .inner-Box {width: 100%;margin: 0;position: relative;}
#contents02 .zeh-Box {position: relative;margin-bottom: 14.6vw;}
#contents02 .zeh-Box .ttl-Box {width: 91.8vw;text-align: center;margin: 0 auto 8.7vw;}
#contents02 .zeh-Box .ttl-Box p.en {font-size: 7.2vw;line-height: 1;font-weight: 400;color: #004080;margin-bottom: 5.1vw;}
#contents02 .zeh-Box .ttl-Box h2 {font-size: 5.8vw;line-height: 1.4545;font-weight: 500;letter-spacing: 0;color: #1a1a1a;}
#contents02 .zeh-Box .top-Box {width: 100%;margin: 0 0 9.7vw;display: flex;flex-direction: column;}
#contents02 .zeh-Box .text-Box {width: 91.8vw;margin: 0 auto;order: 2;}
#contents02 .zeh-Box .text-Box p {font-size: 3.6vw;line-height: 1.7333;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;margin-bottom: 0;}
#contents02 .zeh-Box .text-Box p:last-child {margin-bottom: 0;}
#contents02 .zeh-Box .text-Box strong {font-weight: 500;color: #004080;}
#contents02 .zeh-Box figure.photo01 {width: 100vw;height: auto;order: 1;margin-bottom: 4.8vw;position: relative;z-index: 3;}
#contents02 .zeh-Box figure.photo01 picture,#contents02 .zeh-Box figure.photo01 img {display: block;width: 100%;height: auto;}
#contents02 .zeh-Box figure.img01 {width: 83.3vw;margin: 0 auto;}
#contents02 .zeh-Box figure.img01 img {display: block;width: 100%;height: auto;}

#contents02 .wb-Box > .ttl-Box {width: 91.8vw;text-align: center;margin: 0 auto 12.7vw;}
#contents02 .wb-Box > .ttl-Box p.en {font-size: 8.2vw;line-height: 1;font-weight: 500;color: #004080;margin-bottom: 8.2vw;}
#contents02 .wb-Box > .ttl-Box h2 {font-size: 5.8vw;line-height: 1.3545;font-weight: 500;letter-spacing: 0;color: #1a1a1a;margin-bottom: 6.3vw;}
#contents02 .wb-Box > .ttl-Box > p:last-child {font-size: 3.6vw;line-height: 1.7333;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;text-align: left;}
#contents02 .wb-Box > figure.img02 {width: 91.8vw;margin: 0 auto 14.5vw;}
#contents02 .wb-Box > figure.img02 img {display: block;width: 100%;height: auto;}
#contents02 .wb-Box > h3 {width: 91.8vw;font-size: 5.8vw;line-height: 1.4167;font-weight: 500;letter-spacing: 0;color: #1a1a1a;text-align: center;margin: 0 auto 7vw;}
#contents02 .wb-Box > h3 span{width: 91.8vw;font-size: 4.6vw;line-height: 1.4167;font-weight: 500;letter-spacing: 0;color: #1a1a1a;text-align: center;margin: 0 auto 7vw;}
#contents02 .wb-Box > ul {width: 91.8vw;display: block;margin: 0 auto 14.5vw;}
#contents02 .wb-Box > ul li {width: 100%;background: #fff;padding: 9.7vw 2.4vw 13vw;margin-bottom: 4.8vw;}
#contents02 .wb-Box > ul li:last-child {margin-bottom: 0;}
#contents02 .wb-Box > ul li h4 {font-size: 6.3vw;line-height: 1.2308;font-weight: 500;letter-spacing: 0;color: #1a1a1a;text-align: center;margin-bottom: 5.8vw;}
#contents02 .wb-Box > ul li figure {width: 87.0vw;height: auto;margin: 0 auto 5.3vw;display: block;}
#contents02 .wb-Box > ul li figure img {display: block;width: 100%;height: auto;max-width: none;max-height: none;}
#contents02 .wb-Box > ul li p {width: 77.1vw;font-size: 3.6vw;line-height: 1.7333;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;margin: 0 auto;}
#contents02 .air-Box {width: 91.8vw;min-height: 0;background: #fff;padding: 9.7vw 2.4vw 12.1vw;margin: 0 auto;position: relative;display: flex;flex-direction: column;}
#contents02 .air-Box .text-Box {width: 77.1vw;margin: 0 auto;display: contents;}
#contents02 .air-Box .text-Box h3 {width: 100%;font-size: 6.3vw;line-height: 1.2308;font-weight: 500;letter-spacing: 0;color: #1a1a1a;text-align: center;margin-bottom: 7.2vw;order: 1;}
#contents02 .air-Box .text-Box p {width: 77.1vw;font-size: 3.6vw;line-height: 1.7333;font-weight: 400;letter-spacing: 0.02em;color: #1a1a1a;margin: 0 auto 5.8vw;order: 3;}
#contents02 .air-Box .text-Box p:last-child {margin-bottom: 0;}
#contents02 .air-Box .text-Box strong {font-weight: 500;color: #004080;}
#contents02 .air-Box figure {width: 77.3vw;height: auto;position: relative;right: auto;top: auto;margin: 0 auto 7.2vw;order: 2;}
#contents02 .air-Box figure picture,#contents02 .air-Box figure img {display: block;width: 100%;height: auto;}

#contents02 .zzeh-Box{height: 73.7vw;background:#FFF;margin:0 auto;position:relative;padding:12.6vw 0 0;margin-bottom: 21.1vw;}
#contents02 .zzeh-Box::before{content:"";display:block;background:linear-gradient(90deg,#F1F1F1 0%,rgba(241,241,241,0.00) 100%);position:absolute;top:0;left:0;width:36.5vw;height:95.7vw;}
#contents02 .zzeh-Box::after{content:"";display:block;background:linear-gradient(90deg,#F1F1F1 0%,rgba(241,241,241,0.00) 100%);position:absolute;top:0;right:0;width:36.5vw;height:95.7vw;transform:rotate(180deg);}
#contents02 .zzeh-Box h2{color:#004080;font-weight:500;margin-bottom:1.9vw;text-align: center;font-size:5.3vw;line-height:1.455;position: relative;z-index: 3;}
#contents02 .zzeh-Box p.text{color:#1A1A1A;font-weight:500;margin-bottom:7.0vw;position: relative;z-index: 4;text-align: center;font-size:3.6vw;line-height:2.133;}
#contents02 .zzeh-Box figure{
    position: relative;
    z-index: 3;
    margin: 0 10.6vw 0 6vw;
}

#contentsbottom .banner-Box {margin: 0;position: relative;margin: 0 6.4vw;}
#contentsbottom 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: 11.9vw -2.3vw 4.2vw;}
#contentsbottom ul li{margin: 0 0 7.5vw;}
#contentsbottom ul li:nth-child(3n){margin-right:0;}

}