@charset "UTF-8";


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

#contentsmain {margin: -1.7rem auto -23.1rem auto;position: relative;height: 55vw;}
#contentsmain img{ width: 100%; height: auto; }
#contentsmain .inner-Box {}
#contentsmain .topBox1 {position: absolute;top: 1.2vw;left: 0vw;background: var(--mred);width: 9.1vw;height: 16.4vw;border-radius: 0 1.5vw 1.5vw 0vw;}
#contentsmain .topBox2{position:absolute;top:-0.3vw;left:11.4vw;width: 16.4vw;height: 18vw;perspective:1000px;}
#contentsmain .flip-card{ position:relative; width:100%; height:100%; perspective:1200px; -webkit-perspective:1200px; }
#contentsmain .flip-inner{ position:relative; width:100%; height:100%; transition:transform .8s ease; transform-style:preserve-3d; -webkit-transform-style:preserve-3d; will-change:transform; }
#contentsmain .is-back .flip-inner{ transform:rotateY(180deg); }
#contentsmain .front, #contentsmain .back{ position:absolute; inset:0; margin:0; backface-visibility:hidden; -webkit-backface-visibility:hidden; transform-style:preserve-3d; -webkit-transform-style:preserve-3d; }
#contentsmain .front{ transform:rotateY(0deg); z-index:2; }
#contentsmain .back{ transform:rotateY(180deg); }
#contentsmain .front img, #contentsmain .back img{ width:100%; height:100%; display:block; object-fit:cover; backface-visibility:hidden; -webkit-backface-visibility:hidden; }



#contentsmain .topBox3 {position: absolute;top: 1.2vw;left: 30.1vw;border-radius: 1.5vw;overflow: hidden;width: 16.4vw;height: 16.4vw;}
#contentsmain .topBox3 figure.photo { position: absolute; top: 0; left: 0; }
#contentsmain .topBox3 figure.photo img{  }
#contentsmain .topBox4 {position: absolute;top: -0.3vw;left: 48.8vw;width: 16.4vw;height: 18vw;perspective:1000px;}

#contentsmain .topBox5 {position: absolute;top: 1.2vw;left: 67.5vw;border-radius: 1.5vw;overflow: hidden;width: 16.4vw;height: 16.4vw;}
#contentsmain .topBox5 figure.photo { position: absolute; top: 0; left: 0; }
#contentsmain .topBox5 figure.photo img{  }
#contentsmain .topBox6 {position: absolute;top: 1.2vw;left: 86.2vw;background: var(--mred);width: 9.1vw;height: 16.4vw;border-radius: 1.5vw 0vw 0vw 1.5vw;}
#contentsmain .topBox7 {position: absolute;top: 20vw;left: 0vw;width: 9.1vw;height: 16.4vw;border-radius: 0 1.5vw 1.5vw 0vw;overflow: hidden;}
#contentsmain .topBox7 figure.photo {position: absolute;top: 0;right: 0;}
#contentsmain .topBox7 figure.photo img{width: auto;height: 16.4vw;}
#contentsmain .topBox8 {position: absolute;top: 20vw;left: 11.4vw;border-radius: 1.5vw;overflow: hidden;width: 16.4vw;height: 16.4vw;}
#contentsmain .topBox8 p.text a{position:relative;background:var(--mred);display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;width:100%;color:#fff;text-align:center;font-size:1.1vw;letter-spacing:.1em;border-radius:1.5vw;border:1px solid var(--mred);transition:all .3s ease-in-out;overflow:hidden;}
#contentsmain .topBox8 p.text a span{position:relative;z-index: 2;}
#contentsmain .topBox8 p.text a::after{content:"";position:absolute;inset:0;background:url(../images/index/contentsmain-img01.svg) no-repeat center center;background-size:51.3% auto;opacity: 1;transition:all .3s ease;pointer-events:none;z-index: 0;}
#contentsmain .topBox8 p.text a::before{content:"";display:block;position:absolute;bottom:10%;right:9.7%;width:1.6vw;height:1.6vw;background:url(../images/common/arr-red.svg) no-repeat center center;background-size:100% auto;transition:all .3s ease;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);z-index: 2;}
#contentsmain .topBox8 p.text a:hover{background:#fff;color:var(--mred);}
#contentsmain .topBox8 p.text a:hover::after{opacity:0.3;}
#contentsmain .topBox8 p.text a:hover::before{-webkit-filter:none;filter:none;}

#contentsmain .topBox9 {position: absolute;top: 20vw;left: 30.1vw;width: 35vw;height: 16.4vw;padding: 2.5vw 2.4vw 2.5vw 1.5vw;}
#contentsmain .topBox9 .dd01{position: absolute;top: 0.4vw;left: 14.2vw;transform-origin: center;}
#contentsmain .topBox9 .dd01 span,#contentsmain .topBox9 .dd02 span{width: 3.2vw;}
#contentsmain .topBox9 .dd02{position: absolute;top: 0.4vw;left: 22vw;transform-origin: center;}
#contentsmain .topBox9 h2 {  }
#contentsmain .topBox9 h2 span{  }
#contentsmain .topBox9 h2 img {  }
#contentsmain .topBox10 {position: absolute;top: 20vw;left: 67.5vw;border-radius: 1.5vw;overflow: hidden;width: 16.4vw;height: 16.4vw;}
#contentsmain .topBox10 p.text a{position:relative;background:var(--mbl);display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;width:100%;color:#fff;text-align:center;font-size:1.1vw;letter-spacing:.1em;border-radius:1.5vw;border:1px solid var(--mbl);transition:all .3s ease-in-out;overflow:hidden;}
#contentsmain .topBox10 p.text a span{position:relative;z-index: 2;}
#contentsmain .topBox10 p.text a::after{content:"";position:absolute;inset:0;background:url(../images/index/contentsmain-img02.svg) no-repeat center center;background-size:51.3% auto;opacity: 1;transition:all .3s ease;pointer-events:none;z-index: 0;}
#contentsmain .topBox10 p.text a::before{content:"";display:block;position:absolute;bottom:10%;right:9.7%;width:1.6vw;height:1.6vw;background:url(../images/common/arr-blu.svg) no-repeat center center;background-size:100% auto;transition:all .3s ease;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);z-index: 2;}
#contentsmain .topBox10 p.text a:hover{background:#fff;color:var(--mbl);}
#contentsmain .topBox10 p.text a:hover::after{opacity:0.3;}
#contentsmain .topBox10 p.text a:hover::before{-webkit-filter:none;filter:none;}

#contentsmain .topBox11 {position: absolute;top: 20vw;left: 86.2vw;width: 9.1vw;height: 16.4vw;border-radius: 1.5vw 0 0vw 1.5vw;overflow: hidden;}
#contentsmain .topBox11 figure.photo { position: absolute; top: 0; left: 0; }
#contentsmain .topBox11 figure.photo img{width: auto;height: 16.4vw;}
#contentsmain .topBox12 {position: absolute;bottom: 0vw;left: 0vw;background: var(--mbl);width: 9.1vw;height: 16.4vw;border-radius: 0 1.5vw 1.5vw 0vw;}
#contentsmain .topBox13 {position: absolute;top: 38.6vw;left: 11.4vw;border-radius: 1.5vw;overflow: hidden;width: 16.4vw;height: 16.4vw;}
#contentsmain .topBox13 figure.photo {}
#contentsmain .topBox13 figure.photo img{  }
#contentsmain .topBox14 {position: absolute;top: 37.1vw;left: 30.1vw;width: 16.4vw;height: 18vw;perspective:1000px;}
#contentsmain .topBox15 {position: absolute;top: 38.6vw;left: 48.8vw;border-radius: 1.5vw;overflow: hidden;width: 16.4vw;height: 16.4vw;}
#contentsmain .topBox15 figure.photo { position: absolute; top: 0; left: 0; }
#contentsmain .topBox15 figure.photo img{  }
#contentsmain .topBox16 {position: absolute;top: 37.1vw;left: 67.6vw;width: 16.4vw;height: 18vw;perspective:1000px;}
#contentsmain .topBox17 {margin: 0 auto;position: absolute;bottom: 0;left: 86.2vw;background: var(--mbl);width: 9.1vw;height: 16.4vw;border-radius: 1.5vw 0vw 0vw 1.5vw;}


#contentsmain-bottom {background: url(../images/index/contentsmain-back01.svg) no-repeat top center;padding-bottom: 14rem;background-size: auto 100%;margin-bottom: -5rem;}
#contentsmain-bottom .inner-Box { padding: 31.2rem 0 0 0; }
#contentsmain-bottom .inner-Box p{font-size: 1.8rem; line-height: 2.5; letter-spacing: 0.2em; font-weight: 500; text-align: center;}

#contentstopics{padding: 0rem 5vw;margin-bottom: 7.9rem;}
#contentstopics .inner-Box{margin:0 auto;max-width:110rem;display:flex;align-items:flex-start;gap:3.45rem;position: relative;}
#contentstopics .ttl-Box{width:20rem;flex-shrink:0;}
#contentstopics .system-Box{width:calc(100% - 23.45rem);padding-top: 3.5rem;}
#contentstopics .ttl-Box .dicon{width: 5.3rem;margin-bottom: -0.3rem;}
#contentstopics .ttl-Box .f-en{color: var(--mred);font-size: 1.4rem;line-height: 1.714;letter-spacing: 0.2em;font-weight: 600;text-align: left;padding-left: 2.1rem;margin-bottom: -0.3rem;}
#contentstopics .ttl-Box .f-en span{ color: var(--mbl); }
#contentstopics .ttl-Box h2{font-size: 2.3rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: left;padding-left: 2.1rem;}
#contentstopics .system-Box ul{}
#contentstopics .system-Box ul li{ border-bottom: 1px solid #111; margin-bottom: 2.1rem; }
#contentstopics .system-Box ul li a{ display: block; position: relative; padding: 0 5rem 2.1rem 0; }
#contentstopics .system-Box ul li .sys-date{ font-size: 1.4rem; line-height: 1.5; letter-spacing: 0.1em; font-weight: 400; text-align: left; margin-bottom: 1rem; }
#contentstopics .system-Box ul li .sys-date .cate{ font-size: 1.2rem; line-height: 1; letter-spacing: 0.07em; font-weight: 500; text-align: left; display: inline-block; border: #111 solid 1px; background: #fff; margin-left: 1.2rem; position: relative; top: -0.1rem; padding: 0.6rem 0.8rem; }
#contentstopics .system-Box ul li .sys-ttl{ font-size: 1.6rem; line-height: 1.5; letter-spacing: 0.1em; font-weight: 500; text-align: left; }
#contentstopics .system-Box ul li .arr{ position: absolute; top: 54%; right: 0; transform: translateY(-50%); transition: all 0.3s ease-in-out;}
#contentstopics .system-Box ul li a:hover .arr{ right: -0.7rem;}

#contentstopics .mbtn{ font-size: 1.6rem; line-height: 1; letter-spacing: 0.1em; font-weight: 500; text-align: left; position: absolute; top: 13.5rem; left: 2.8rem; }
#contentstopics .mbtn a{}
#contentstopics .mbtn .arr{ position: relative; right: -0.2rem; top: 0.4rem;transition: all 0.3s ease-in-out; }
#contentstopics .mbtn a:hover .arr{right: -0.7rem;}


#contentscase{ padding: 0rem 5vw; }
#contentscase .inner-Box{margin: 0 auto 12.3rem;max-width:110rem;display:flex;align-items:flex-start;gap:3.45rem;position: relative;}
#contentscase .ttl-Box{width:20rem;flex-shrink:0;}
#contentscase .system-Box{width:calc(100% - 23.45rem);padding-top: 3.2rem;}
#contentscase .ttl-Box .dicon{width: 5.3rem;margin-bottom: -0.3rem;}
#contentscase .ttl-Box .f-en{color: var(--mred);font-size: 1.4rem;line-height: 1.714;letter-spacing: 0.2em;font-weight: 600;text-align: left;padding-left: 2.1rem;margin-bottom: -0.3rem;}
#contentscase .ttl-Box .f-en span{ color: var(--mbl); }
#contentscase .ttl-Box h2{font-size: 2.3rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: left;padding-left: 2.1rem;}
#contentscase .system-Box ul{display:grid;grid-template-columns:repeat(3,1fr);gap:0 2.3121%;}
#contentscase .system-Box ul li{ position: relative; }
#contentscase .system-Box ul li a{display: block;padding-bottom: 4rem;}
#contentscase .system-Box ul li .sys-date{font-size: 1.4rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;margin-bottom: 1rem;padding-top: 1.1rem;}
#contentscase .system-Box ul li .sys-date .cate{font-size: 1.2rem;line-height: 1;letter-spacing: 0.07em;font-weight: 500;text-align: left;display: inline-block;border: #111 solid 1px;background: #fff;margin-right: 0.3rem;position: relative;padding: 0.6rem 0.8rem;margin-bottom: 0.5rem;}
#contentscase .system-Box ul li .sys-ttl{font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;margin-bottom: 0.6rem;}
#contentscase .system-Box ul li .sys-text{font-size: 1.4rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 400;text-align: left;margin-bottom: 1.1rem;}
#contentscase .system-Box ul li .arr{position: relative;transition: all 0.3s ease-in-out;right: 0rem;}
#contentscase .system-Box ul li a:hover .arr{ right: -0.7rem;}
#contentscase .system-Box ul li a .arr img{width: 1.6rem;}
#contentscase .system-Box ul li .dlbt{text-align: right;font-size: 1.2rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: end;position: absolute;bottom: 0;right: 0;}

#contentscase .mbtn{ font-size: 1.6rem; line-height: 1; letter-spacing: 0.1em; font-weight: 500; text-align: left; position: absolute; top: 13.5rem; left: 2.8rem; }
#contentscase .mbtn a{}
#contentscase .mbtn .arr{ position: relative; right: -0.2rem; top: 0.4rem;transition: all 0.3s ease-in-out; }
#contentscase .mbtn a:hover .arr{right: -0.7rem;}


#contentsstory{margin-bottom: 25.6rem;}
#contentsstory.bg-common-left::before{ background: var(--mred);}
#contentsstory .back-Box{background: url(../images/common/foot-back.svg) #F4F4C8;padding: 0 5vw 8.7rem 0vw;}
#contentsstory .inner-Box{margin: 0 auto;max-width: 120rem;padding: 11.8rem 4.4rem 0;display:flex;align-items:flex-start;gap:6.3636%;}
#contentsstory .inner-Box .left-Box{width:36.7273%;border-radius: 2.3rem;background: #fff;position: relative;padding: 11rem 5rem 7.6rem;}
#contentsstory .inner-Box .right-Box{width:56.9091%;}
#contentsstory .gl-btn{}

#contentsstory .left-Box{}
#contentsstory .left-Box .tag{ position: absolute; top: -14.3rem; left: 46%; }
#contentsstory .left-Box h2{ margin-bottom: 4.2rem; }
#contentsstory .left-Box h2 img{ width: 100%; height: auto; }
#contentsstory .left-Box p.text{ font-size: 1.4rem; line-height: 2.5; letter-spacing: 0.1em; font-weight: 500; text-align: center; margin-bottom: 5.1rem; }
#contentsstory .left-Box .gl-btn{ margin-right: 0.5rem; }

#contentsstory .right-Box ul {}
#contentsstory .right-Box ul li{margin: 0 0 2.8rem;}
#contentsstory .right-Box ul li a{display:flex;align-items:flex-start;gap:3.1949%;}
#contentsstory .right-Box ul li .photo{width:43.9297%;}
#contentsstory .right-Box ul li .text-Box{width:52.8754%;}

#contentsstory .right-Box ul li .sys-date{ font-size: 1.4rem; line-height: 1.5; letter-spacing: 0.1em; font-weight: 400; text-align: left; margin-bottom: 1rem; }
#contentsstory .right-Box ul li .sys-date .cate{ font-size: 1.2rem; line-height: 1; letter-spacing: 0.07em; font-weight: 500; text-align: left; display: inline-block; border: #111 solid 1px; background: #fff; margin-left: 1.2rem; position: relative; top: -0.1rem; padding: 0.6rem 0.8rem; }
#contentsstory .right-Box ul li .sys-ttl{font-size: 1.6rem;line-height: 1.5;letter-spacing: 0.1em;font-weight: 500;text-align: left;margin-bottom: 0.6rem;}

#contentsreason{ margin-bottom: 9.3rem; }
#contentsreason .back-Box{ padding-bottom: 9.9rem; }
#contentsreason .dicon{ width: 27rem; margin-left: 2.8rem; position: relative; top: -3.5rem; margin-bottom: -6.8rem; }

#contentsreason .ttl-Box{width: 23rem;margin: 0 auto 6rem;position: relative;}
#contentsreason .ttl-Box .dicon{width: 5.2rem;margin: 0 auto -5rem;left: -11.2rem;}
#contentsreason .ttl-Box .f-en{font-size: 1.4rem;line-height: 1.714;letter-spacing: 0.2em;font-weight: 600;text-align: center;margin-right: 10rem;color: var(--mred);margin-bottom: 0.3rem;}
#contentsreason .ttl-Box .f-en span{ color: var(--mbl); }
#contentsreason .ttl-Box h2{ font-size: 1.8rem; line-height: 1.5; letter-spacing: 0.2em; font-weight: 700; text-align: left; padding-left: 5.7rem; }
#contentsreason .ttl-Box h2 .big{color: var(--mbl);font-size: 10.9rem;line-height: 1;letter-spacing: 0.2em;font-weight: 600;text-align: left;margin: 0;position: absolute;top: -0.3rem;left: -2.3rem;}
#contentsreason .ttl-Box h2 .col{color: var(--mbl);}

#contentsreason .inner-Box{margin: 0 auto;max-width: 121rem;padding-right: 10.9rem;}
#contentsreason .inner-Box ul{display:flex;flex-wrap:wrap;justify-content:center;gap:2%;margin-bottom:6.8rem;}
#contentsreason .inner-Box ul li{width:15%;}
#contentsreason .inner-Box ul li a{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1/1;background:var(--mbl);border-radius:50%;text-align:center;transition: all 0.3s ease-in-out;border: 1px solid var(--mbl);padding: 0rem 1rem;}
#contentsreason .inner-Box ul li a:hover{opacity: 0.6;}
#contentsreason .inner-Box ul li:nth-child(2n) a{background: var(--mred); border: 1px solid var(--mred);}
#contentsreason .inner-Box ul li p{ color: #F4F4C8; font-size: 1.6rem; line-height: 1.5; letter-spacing: 0.2em; font-weight: 700; text-align: center; }
#contentsreason .inner-Box ul li p .f-en{font-size: 1.0rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: 600;text-align: center;display: block;}
#contentsreason .inner-Box ul li figure{ padding: 0 2rem; }
#contentsreason .inner-Box ul li figure picture{}
#contentsreason .inner-Box ul li figure img{ max-width: 100%; }

#contentsreason .gl-btn{ margin: 0 auto; width: 30.5rem; }
#contentsreason .gl-btn a{}
#contentsreason .gl-btn .arr{}
#contentsreason .gl-btn .arr img{}

#uniform-ill{text-align: center;z-index: 3;position: relative;padding: 0 5vw;margin-bottom: 5.6rem;}
#uniform-ill img{ width: 100%; height: auto; max-width: 88.1rem;}

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


}

@media screen and (min-width:768px) and ( max-width:1300px) {
    #contentsreason .inner-Box{padding-right: 0rem;}
}
@media screen and (min-width:768px) and ( max-width:1024px) {
#contentsreason .inner-Box ul li{width:25%; margin-bottom: 2.5rem;}
#contentsstory .back-Box{ padding: 0 0vw 8.7rem 0vw;}
}



#sp-top{display:none;}
@media screen and (max-width: 767px) {
/* ===== SP専用 2×2グリッド ===== */
#sp-top{display:block;padding:6vw 0 0;}
#sp-top,#sp-top *{box-sizing:border-box;}
#sp-top .sp-grid{display:grid;grid-template-columns:1fr 1fr;gap:4vw;padding:2vw 5.3vw;align-items:end;width:100%;}
#sp-top .sp-grid>*{min-width:0;}
#sp-top .sp-grid>*{aspect-ratio:1/1;border-radius:5vw;}
#sp-top .sp-person{position:relative;}
#sp-top .sp-person img{position:absolute;left:0;bottom:0;width:100%;height:auto;}
#sp-top .sp-person .flip-card{position:absolute;left:0;bottom:0;width:100%;aspect-ratio:628/686;perspective:1200px;-webkit-perspective:1200px;}
#sp-top .sp-person .flip-inner{position:relative;width:100%;height:100%;transition:transform .8s ease;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;will-change:transform;}
#sp-top .sp-person.is-back .flip-inner{transform:rotateY(180deg);}
#sp-top .sp-person .front,#sp-top .sp-person .back{position:absolute;inset:0;margin:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-style:preserve-3d;-webkit-transform-style:preserve-3d;}
#sp-top .sp-person .front{transform:rotateY(0deg);z-index:2;}
#sp-top .sp-person .back{transform:rotateY(180deg);}
#sp-top .sp-person .front img,#sp-top .sp-person .back img{position:static;width:100%;height:100%;display:block;object-fit:cover;backface-visibility:hidden;-webkit-backface-visibility:hidden;}
#sp-top .sp-cta{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;font-size:4.2vw;font-weight:700;line-height:1.5;letter-spacing:.06em;text-decoration:none;overflow:hidden;}
#sp-top .sp-cta.red{background:var(--mred);}
#sp-top .sp-cta.blu{background:var(--mbl);}
#sp-top .sp-cta .txt{position:relative;z-index:2;}
#sp-top .sp-cta .wm{position:absolute;inset:0;z-index:1;background:url(../images/index/contentsmain-img01.svg) no-repeat center center;background-size:62% auto;-webkit-filter:brightness(0);filter:brightness(0);opacity:.1;pointer-events:none;}
#sp-top .sp-cta.blu .wm{background-image:url(../images/index/contentsmain-img02.svg);}
#sp-top .sp-cta .arw{position:absolute;z-index:2;right:3.4vw;bottom:3.4vw;width:20px;height:20px;display:block;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);}
#sp-top .sp-copy{position:relative;padding:8vw 5vw 7vw;text-align:center;}
#sp-top .sp-copy .dd01{position:absolute;top:2vw;left:41vw;width:9vw;}
#sp-top .sp-copy .dd02{position:absolute;top:2vw;left:65.3vw;width:9vw;}
#sp-top .sp-copy img{width:90vw;max-width:90vw;height:auto;margin:0 auto;}

#contentsmain{display:none;}
#contentsmain img{width:100%;height:auto;}
#contentsmain .inner-Box{}
#contentsmain .topBox1{ display: none; }
#contentsmain .topBox2{display: none;}

#contentsmain .flip-card{ position:relative; width:100%; height:100%; perspective:1200px; -webkit-perspective:1200px; }
#contentsmain .flip-inner{ position:relative; width:100%; height:100%; transition:transform .8s ease; transform-style:preserve-3d; -webkit-transform-style:preserve-3d; will-change:transform; }
#contentsmain .is-back .flip-inner{ transform:rotateY(180deg); }
#contentsmain .front, #contentsmain .back{ position:absolute; inset:0; margin:0; backface-visibility:hidden; -webkit-backface-visibility:hidden; transform-style:preserve-3d; -webkit-transform-style:preserve-3d; }
#contentsmain .front{ transform:rotateY(0deg); z-index:2; }
#contentsmain .back{ transform:rotateY(180deg); }
#contentsmain .front img, #contentsmain .back img{ width:100%; height:100%; display:block; object-fit:cover; backface-visibility:hidden; -webkit-backface-visibility:hidden; }


#contentsmain .topBox3{position:absolute;top: 4.2vw;left: 5.3vw;border-radius: 5.3vw;overflow:hidden;width: 41.7vw;height: 41.7vw;}
#contentsmain .topBox3 figure.photo{position:absolute;top:0;left:0;}
#contentsmain .topBox3 figure.photo img{}
#contentsmain .topBox4{position:absolute;top: 0.3vw;left: 53vw;width: 41.7vw;height: 46vw;perspective:1000px;}
#contentsmain .topBox5{display: none;}
#contentsmain .topBox5 figure.photo{position:absolute;top:0;left:0;}
#contentsmain .topBox5 figure.photo img{}
#contentsmain .topBox6{display: none;}
#contentsmain .topBox7{position:absolute;top: 51vw;left: 5.3vw;width: 41.7vw;height: 41.7vw;border-radius: 5.3vw;overflow:hidden;}
#contentsmain .topBox7 figure.photo{position:absolute;top:0;left:0;}
#contentsmain .topBox7 figure.photo img{}
#contentsmain .topBox8{position:absolute;top: 51vw;left: 52.8vw;border-radius: 5.3vw;overflow:hidden;width: 41.7vw;height: 41.7vw;}
#contentsmain .topBox8 p.text a{position:relative;background:var(--mred);display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;width:100%;color:#fff;text-align:center;font-size: 3.7vw;letter-spacing: 0.2em;border-radius:1.5vw;border:1px solid var(--mred);transition:all .3s ease-in-out;overflow:hidden;}
#contentsmain .topBox8 p.text a span{position:relative;z-index:2;top: -0.7vw;left: 0.7vw;}
#contentsmain .topBox8 p.text a::after{content:"";position:absolute;inset:0;background:url(../images/index/contentsmain-img01.svg) no-repeat center center;background-size:51.3% auto;opacity:1;transition:all .3s ease;pointer-events:none;z-index:0;}
#contentsmain .topBox8 p.text a::before{content:"";display:block;position:absolute;bottom: 2.9vw;right: 3vw;width: 5.3vw;height: 5.3vw;background:url(../images/common/arr-red.svg) no-repeat center center;background-size:100% auto;transition:all .3s ease;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);z-index:2;}
#contentsmain .topBox9{position:absolute;top: 100vw;left: 4vw;width: 90.6vw;padding: 7.4vw 2.6vw 2.5vw 1.5vw;}
#contentsmain .topBox9 .dd01{position:absolute;top: 0.8vw;left: 36.4vw;transform-origin:center;}
#contentsmain .topBox9 .dd01 span,#contentsmain .topBox9 .dd02 span{width: 9.5vw;}
#contentsmain .topBox9 .dd02{position:absolute;top: 0.9vw;left: 60vw;transform-origin:center;}
#contentsmain .topBox9 h2{}
#contentsmain .topBox9 h2 span{}
#contentsmain .topBox9 h2 img{}
#contentsmain .topBox10{position:absolute;top: 145vw;left: 53.2vw;border-radius: 5.3vw;overflow:hidden;width: 41.7vw;height: 41.7vw;}
#contentsmain .topBox10 p.text a{position:relative;background:var(--mbl);display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;width:100%;color:#fff;text-align:center;border-radius:1.5vw;border:1px solid var(--mbl);transition:all .3s ease-in-out;overflow:hidden;font-size: 3.7vw;letter-spacing: 0.2em;}
#contentsmain .topBox10 p.text a span{position:relative;z-index:2;top: -1vw;}
#contentsmain .topBox10 p.text a::after{content:"";position:absolute;inset:0;background:url(../images/index/contentsmain-img02.svg) no-repeat center center;background-size: 54.3% auto;opacity:1;transition:all .3s ease;pointer-events:none;z-index:0;}
#contentsmain .topBox10 p.text a::before{content:"";display:block;position:absolute;bottom: 3.3vw;right: 3.3vw;width: 5.3vw;height: 5.3vw;background:url(../images/common/arr-blu.svg) no-repeat center center;background-size:100% auto;transition:all .3s ease;-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1);z-index:2;}
#contentsmain .topBox11{position:absolute;top: 145vw;left: 5.2vw;width: 41.7vw;height: 41.7vw;border-radius: 5.3vw;overflow:hidden;}
#contentsmain .topBox11 figure.photo{position:absolute;top:0;left:0;}
#contentsmain .topBox11 figure.photo img{}
#contentsmain .topBox12{display: none;}
#contentsmain .topBox13{position:absolute;top: 191.9vw;left: 53vw;border-radius: 5.3vw;overflow:hidden;width: 41.7vw;height: 41.7vw;}
#contentsmain .topBox13 figure.photo{}
#contentsmain .topBox13 figure.photo img{}
#contentsmain .topBox14{position:absolute;top: 188.2vw;left: 5.3vw;height: 46vw;width: 41.7vw;perspective:1000px;}
#contentsmain .topBox15{display: none;}
#contentsmain .topBox15 figure.photo{position:absolute;top:0;left:0;}
#contentsmain .topBox15 figure.photo img{}
#contentsmain .topBox16{display: none;}
#contentsmain .topBox17{ display: none; }

#contentsmain-bottom{background: url(../images/index/contentsmain-back01.svg) no-repeat top center;padding-bottom: 16.333vw;background-size: 120vw auto;margin-bottom: -6.8vw;}
#contentsmain-bottom .inner-Box{padding: 10vw 0 0;}
#contentsmain-bottom .inner-Box p{font-size: 3.7vw;line-height: 2.5;letter-spacing: 0.2em;font-weight: 500;text-align: center;}

#contentstopics{padding:0 5vw;margin-bottom: 11.667vw;}
#contentstopics .inner-Box{}
#contentstopics .ttl-Box{ margin-bottom: 6.6vw; }
#contentstopics .system-Box{ margin: 0 0.3vw 8.3vw; }
#contentstopics .ttl-Box .dicon{width: 12.033vw;margin-bottom: -1.1vw;}
#contentstopics .ttl-Box .f-en{color:var(--mred);padding-left: 4.6vw;margin-bottom: -0.1vw;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 600;text-align: left;}
#contentstopics .ttl-Box .f-en span{color:var(--mbl);}
#contentstopics .ttl-Box h2{padding-left: 4.6vw;font-size: 5.3vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: left;}
#contentstopics .system-Box ul{}
#contentstopics .system-Box ul li{border-bottom:1px solid #111;margin-bottom: 4.4vw;}
#contentstopics .system-Box ul li a{display:block;position:relative;padding: 0 7.333vw 3.6vw 0;}
#contentstopics .system-Box ul li .sys-date{font-size:3.733vw;line-height:1.5;letter-spacing:.1em;font-weight:400;text-align:left;margin-bottom: 1.467vw;}
#contentstopics .system-Box ul li .sys-date .cate{font-size:3.2vw;line-height:1;letter-spacing:.07em;font-weight:500;text-align:left;display:inline-block;border:#111 solid 1px;background:#fff;margin-left:3.2vw;position:relative;top:-0.267vw;padding: 1.7vw 2.333vw;}
#contentstopics .system-Box ul li .sys-ttl{font-size: 3.7vw;line-height: 1.714;letter-spacing: 0.1em;font-weight: 500;text-align: left;}
#contentstopics .system-Box ul li .arr{position:absolute;top: 11.3vw;width: 5.5vw;right:0;transform:translateY(-50%);transition:all .3s ease-in-out;}
#contentstopics .system-Box ul li a:hover .arr{right:-1.867vw;}
#contentstopics .mbtn{text-align: right;font-size:4.267vw;line-height:1;letter-spacing:.1em;font-weight:500;position: relative;}
#contentstopics .mbtn a{}
#contentstopics .mbtn .arr{position:relative;transition:all .3s ease-in-out;width: 5.7vw;display: inline-block;margin-left: 0.8vw;top: 1.1vw;}
#contentstopics .mbtn a:hover .arr{right:-1.867vw;}

#contentscase {padding:0 5vw;margin-bottom: 28.867vw;}
#contentscase  .inner-Box{}
#contentscase  .ttl-Box{ margin-bottom: 6.6vw; }
#contentscase  .system-Box{ margin: 0 0.3vw 8.3vw; }
#contentscase  .ttl-Box .dicon{width: 12.033vw;margin-bottom: -1.1vw;}
#contentscase  .ttl-Box .f-en{color:var(--mred);padding-left: 4.6vw;margin-bottom: -0.1vw;font-size: 3.2vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 600;text-align: left;}
#contentscase  .ttl-Box .f-en span{color:var(--mbl);}
#contentscase  .ttl-Box h2{padding-left: 4.6vw;font-size: 5.3vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;text-align: left;}
#contentscase .system-Box ul{}
#contentscase .system-Box ul li{ margin-bottom: 7.7vw; }
#contentscase .system-Box ul li a{display:block;position:relative;}
#contentscase .system-Box ul li .sys-date{font-size:3.733vw;line-height:1.5;letter-spacing:.1em;font-weight:400;text-align:left;margin-bottom:2.667vw;padding-top:2.933vw;}
#contentscase .system-Box ul li .sys-date .cate{font-size:3.2vw;line-height:1;letter-spacing:.07em;font-weight:500;text-align:left;display:inline-block;border:#111 solid 1px;background:#fff;margin-right: 0.2vw;position:relative;padding:1.6vw 2.133vw;margin-bottom: 1.1vw;}
#contentscase .system-Box ul li .sys-ttl{font-size:4.267vw;line-height:1.5;letter-spacing:.1em;font-weight:500;text-align:left;margin-bottom:1.6vw;}
#contentscase .system-Box ul li .sys-text{font-size:3.733vw;line-height:1.5;letter-spacing:.1em;font-weight:400;text-align:left;margin-bottom:2.933vw;}
#contentscase .system-Box ul li .arr{position:relative;transition:all .3s ease-in-out;right:0;width: 4.2vw;display: inline-block;}
#contentscase .system-Box ul li a:hover .arr{right:-1.867vw;}
#contentscase .system-Box ul li a .arr img{width:4.267vw;}
#contentscase .system-Box ul li .dlbt{text-align:right;font-size:3.2vw;line-height:1.5;letter-spacing:.1em;font-weight:500;text-align:end;}
#contentscase .mbtn{text-align: right;font-size:4.267vw;line-height:1;letter-spacing:.1em;font-weight:500;position: relative;}
#contentscase .mbtn a{}
#contentscase .mbtn .arr{position:relative;transition:all .3s ease-in-out;width: 5.7vw;display: inline-block;margin-left: 0.8vw;top: 1.1vw;}
#contentscase .mbtn a:hover .arr{right:-1.867vw;}


#contentsstory{margin-bottom: 33.367vw;}
#contentsstory.bg-common-left::before{background:var(--mred);}
#contentsstory .back-Box{background:url(../images/common/foot-back.svg) #F4F4C8;padding: 0 5vw 16.2vw 0;}
#contentsstory .inner-Box{margin:0 auto;padding: 15.867vw 0.033vw 0 5.633vw;}
#contentsstory .inner-Box .left-Box{width: 100%;border-radius:6.133vw;background:#fff;position:relative;padding: 22.733vw 10.133vw 20.267vw;margin-bottom: 6.4vw;}
#contentsstory .inner-Box .right-Box{width: 100%;}
#contentsstory .gl-btn{ margin: 0 10.1vw; }
#contentsstory .left-Box{}
#contentsstory .left-Box .tag{position:absolute;top: -32.933vw;left:46%;width: 22vw;}
#contentsstory .left-Box h2{margin-bottom: 5.9vw;}
#contentsstory .left-Box h2 img{width:100%;height:auto;}
#contentsstory .left-Box p.text{font-size:3.733vw;line-height:2.5;letter-spacing:.1em;font-weight:500;text-align:center;margin: 0 -5vw -6.4vw;}
#contentsstory .left-Box .gl-btn{margin-right:1.333vw;}
#contentsstory .right-Box ul{}
#contentsstory .right-Box ul li{margin: 0 0 7.967vw;}
#contentsstory .right-Box ul li a{}
#contentsstory .right-Box ul li .photo{ margin-bottom: 3.2vw; }
#contentsstory .right-Box ul li .text-Box{}
#contentsstory .right-Box ul li .sys-date{font-size:3.733vw;line-height:1.5;letter-spacing:.1em;font-weight:400;text-align:left;margin-bottom:2.667vw;}
#contentsstory .right-Box ul li .sys-date .cate{font-size:3.2vw;line-height:1;letter-spacing:.07em;font-weight:500;text-align:left;display:inline-block;border:#111 solid 1px;background:#fff;margin-left:3.2vw;position:relative;top:-0.267vw;padding:1.6vw 2.133vw;}
#contentsstory .right-Box ul li .sys-ttl{font-size:4.267vw;line-height:1.5;letter-spacing:.1em;font-weight:500;text-align:left;margin-bottom:1.6vw;}

#contentsreason{margin-bottom: 14.8vw;}
#contentsreason .back-Box{padding-bottom: 15.8vw;}
#contentsreason .dicon{width: 38.5vw;margin-left: -0.433vw;position:relative;top: -6.933vw;margin-bottom: -4.533vw;}
#contentsreason .ttl-Box{width: 32.433vw;margin: 0 auto 10.7vw;position:relative;}
#contentsreason .ttl-Box .dicon{width:13.867vw;margin:0 auto -13.333vw;left: -15.167vw;top: -9.2vw;}
#contentsreason .ttl-Box .f-en{left: 1.3vw;font-size:3.733vw;line-height:1.714;letter-spacing:.2em;font-weight:600;text-align:center;color:var(--mred);margin-bottom:.8vw;position: relative;}
#contentsreason .ttl-Box .f-en span{color:var(--mbl);}
#contentsreason .ttl-Box h2{font-size:4.8vw;line-height:1.5;letter-spacing:.2em;font-weight:700;text-align:left;padding-left:15.2vw;margin-right: -10vw;}
#contentsreason .ttl-Box h2 .big{color:var(--mbl);font-size:29.067vw;line-height:1;letter-spacing:.2em;font-weight:600;text-align:left;margin:0;position:absolute;top:-0.8vw;left:-6.133vw;}
#contentsreason .ttl-Box h2 .col{color:var(--mbl);position: relative;left: -0.9vw;font-size: 5.3vw;}
#contentsreason .inner-Box{margin:0 auto;}
#contentsreason .inner-Box ul{display:flex;flex-wrap:wrap;justify-content:center;gap: 4%;margin-bottom: 4.133vw;}
#contentsreason .inner-Box ul li{width: 48%;margin-bottom: 4.1vw;}
#contentsreason .inner-Box ul li a{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1/1;background:var(--mbl);border-radius:50%;text-align:center;transition:all .3s ease-in-out;border:1px solid var(--mbl);padding:0 2.667vw;}
#contentsreason .inner-Box ul li:nth-child(2n) a{background:var(--mred);border:1px solid var(--mred);}
#contentsreason .inner-Box ul li p{color:#F4F4C8;font-size:4.267vw;line-height:1.5;letter-spacing:.2em;font-weight:700;text-align:center;margin-bottom: -2vw;}
#contentsreason .inner-Box ul li p .f-en{font-size:2.667vw;line-height:1.5;letter-spacing:.2em;font-weight:600;text-align:center;display:block;margin-bottom: -1vw;}
#contentsreason .inner-Box ul li figure{padding: 0;position: relative;top: 2.7vw;}
#contentsreason .inner-Box ul li figure picture{}
#contentsreason .inner-Box ul li figure img{ width: 22vw; }
#contentsreason .gl-btn{margin:0 auto;width: 68.333vw;}
#contentsreason .gl-btn a{}
#contentsreason .gl-btn .arr{}
#contentsreason .gl-btn .arr img{}

#uniform-ill{text-align:center;z-index:3;position:relative;padding: 0 10.7vw;margin-bottom: 9.633vw;}
#uniform-ill img{width:100%;height:auto;max-width:88.1rem;}
}