@charset "UTF-8";


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

#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;width: 9.1vw;height: 16.4vw;border-radius: 0 1.5vw 1.5vw 0vw;overflow: hidden;}
#contentsmain .topBox1 figure.photo {position: absolute;top: 0;right: 0;}
#contentsmain .topBox1 figure.photo img{width: auto;height: 16.4vw;}

#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(--mbl);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(--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 .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-img02.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-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 .topBox8 p.text a:hover{background:#fff;color:var(--mbl);}
#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: 1.6vw 2.4vw 2.5vw 1.5vw;}
#contentsmain .topBox9 .dd01{position: absolute;top: -0.6vw;left: 18vw;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/corporate-uniform/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;width: 9.1vw;height: 16.4vw;border-radius: 1.5vw 0vw 0vw 1.5vw;overflow: hidden;}
#contentsmain .topBox17 figure.photo { position: absolute; top: 0; left: 0; }
#contentsmain .topBox17 figure.photo img{width: auto;height: 16.4vw;}


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

#contentstopics{padding: 0rem 5vw;margin-bottom: 11.5rem;}
#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;}

#contentservice{margin-bottom: 20.3rem;}
#contentservice .back-Box{padding-bottom: 0.9rem;}
#contentservice .dicon{ width: 27rem; margin-left: 2.8rem; position: relative; top: -3.5rem; margin-bottom: -6.8rem; }

#contentservice.bg-common-left::before{/* background: var(--mred); */}

#contentservice .ttl-Box{width: 30rem;margin: 0 auto 4.2rem;position: relative;}
#contentservice .ttl-Box .dicon{width: 5.2rem;margin: 0 auto -4.1rem;left: -12rem;}
#contentservice .ttl-Box .f-en{font-size: 1.4rem;line-height: 1.714;letter-spacing: 0.2em;font-weight: 600;text-align: -webkit-auto;color: var(--mred);margin-bottom: -0.2rem;margin-left: 2.8rem;}
#contentservice .ttl-Box .f-en span{ color: var(--mbl); }
#contentservice .ttl-Box h2{font-size: 2.3rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: bold;text-align: left;color: #111111;position: relative;left: 2.6rem;margin-bottom: 3.2rem;}
#contentservice .ttl-Box h2 .big{font-size: 7.5rem;line-height: 1;letter-spacing: 0;font-weight: 600;text-align: left;margin: 0 0.4rem;position: relative;top: 1.6rem;}
#contentservice .ttl-Box h2 .col{color: var(--mred);display: block;font-size: 2.0rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: bold;text-align: center;margin-top: -1.6rem;}
#contentservice .ttl-Box .subllt{font-size: 1.4rem;line-height: 2.5;letter-spacing: 0.1em;font-weight: 500;text-align: center;color: #111111;margin: 0 -22rem 0;}

#contentservice .inner-Box{display:flex;align-items:flex-start;max-width: 112rem;gap: 3.4%;margin: 0 auto 4rem;}
#contentservice .inner-Box .box-l{width: 49.1%;}
#contentservice .inner-Box .box-l .photo{position: relative;width: 100%;}
#contentservice .inner-Box .box-l .photo::before{content:"";position:absolute;top:0;right: 0;width:10.3rem;height:10.3rem;background: url(../images/corporate-uniform/contentsservice-iconpic.svg) no-repeat center center;background-size: cover;}
#contentservice .inner-Box .box-l img{ width: 100%; height: auto; }
#contentservice .inner-Box .box-r{width: 47%;display:flex;flex-direction:column;}
#contentservice .inner-Box .box-r .title{order:1;color: var(--mbl);margin-bottom: 2.8rem;font-size: 2.3rem;line-height: 1.5;letter-spacing: 0.2em;font-weight: bold;text-align: left;}
#contentservice .inner-Box .box-r .title span{display: inline-block;position: relative;top: -0.4rem;left: -0.3rem;}
#contentservice .inner-Box .box-r .txt-box{order:2;}
#contentservice .inner-Box .box-r .txt-box p{font-size: 1.6rem;line-height: 1.8;letter-spacing: 0.1em;font-weight: normal;text-align: left;color: #111111;margin-bottom: 4.6rem;}
#contentservice .inner-Box .box-r .txt-box p.gl-btn{margin: 0 11.5rem 0 10.7rem;}
#contentservice .inner-Box .box-r .txt-box p.gl-btn a{background: var(--mbl); border:  var(--mbl) 1px solid; }
#contentservice .inner-Box .box-r .txt-box p.gl-btn a:hover{ background: #fff; color: var(--mbl); }

#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: 3rem;}
#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.7rem;position: relative;padding: 0.6rem 0.8rem;margin-bottom: 0.4rem;}
#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;filter: invert(36%) sepia(100%) saturate(392%) hue-rotate(180deg) brightness(72%) contrast(86%);}
#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: 0rem;right: 0rem;}

#contentscase .mbtn{font-size: 1.6rem;line-height: 1;letter-spacing: 0.1em;font-weight: 500;text-align: left;position: absolute;top: 16.8rem;left: 2.3rem;}
#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: 25rem;}
#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 .gl-btn a{ background: var(--mbl); border: var(--mbl) solid 1px; }
#contentsstory .gl-btn a:hover{ background: #fff; color: var(--mbl); }

#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;}



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


}

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


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

#contentsplan .inner-Box ul li h3{ padding: 0;}
#contentsflow .ttl-Box{width: 19.1rem;flex-shrink:0;}

    #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>*{aspect-ratio:1/1;border-radius:5vw;min-width:0;}
#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-img02.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.wm2 .wm{background-image:url(../images/corporate-uniform/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:51vw;width:9.5vw;}
#sp-top .sp-copy img{width:90vw;max-width:90vw;height:auto;margin:0 auto;}
header .uninavi{ display: none; }
#contentsmain{display:none;}
#contentsmain img{width:100%;height:auto;}
#contentsmain .inner-Box{}
#contentsmain .topBox7{ 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: auto;perspective:1000px;height: 46vw;}
#contentsmain .topBox1{display: none;}
#contentsmain .topBox1 figure.photo{position:absolute;top:0;left:0;}
#contentsmain .topBox1 figure.photo img{}
#contentsmain .topBox6{display: none;}
#contentsmain .topBox5{position:absolute;top: 51vw;left: 5.3vw;width: 41.7vw;height: 41.7vw;border-radius: 5.3vw;overflow:hidden;}
#contentsmain .topBox5 figure.photo{position:absolute;top:0;left:0;}
#contentsmain .topBox5 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(--mbl);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(--mbl);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-img02.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-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 .topBox9{position:absolute;top: 100vw;left: 4vw;width: 93.2vw;padding: 7.4vw 0.6vw 2.5vw 0vw;}
#contentsmain .topBox9 .dd01{position:absolute;top: 0.8vw;left: 47.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: 156vw;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/corporate-uniform/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 .topBox13{position:absolute;top: 156vw;left: 5.2vw;width: 41.7vw;height: 41.7vw;border-radius: 5.3vw;overflow:hidden;}
#contentsmain .topBox13 figure.photo{position:absolute;top:0;left:0;}
#contentsmain .topBox13 figure.photo img{}
#contentsmain .topBox12{display: none;}
#contentsmain .topBox15{position:absolute;top: 203vw;left: 53vw;border-radius: 5.3vw;overflow:hidden;width: 41.7vw;height: 41.7vw;}
#contentsmain .topBox15 figure.photo{}
#contentsmain .topBox15 figure.photo img{}
#contentsmain .topBox16{position:absolute;top: 199.2vw;left: 5.3vw;width: 41.7vw;perspective:1000px;height: 46vw;}
#contentsmain .topBox11{display: none;}
#contentsmain .topBox11 figure.photo{position:absolute;top:0;left:0;}
#contentsmain .topBox11 figure.photo img{}
#contentsmain .topBox14{display: none;}
#contentsmain .topBox17{ display: none; }

#contentsmain-bottom{background: url(../images/index/contentsmain-back01.svg) no-repeat top center;padding-bottom: 32.333vw;background-size: 120vw auto;margin-bottom: -23.1vw;}
#contentsmain-bottom .inner-Box{padding: 10vw 0 1vw;}
#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: 18.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;}

#contentservice{margin-bottom: 27.133vw;}
#contentservice .back-Box{padding-bottom:2.4vw;}
#contentservice .dicon{width: 38vw;margin-left: 0.167vw;position:relative;top: -6.833vw;margin-bottom: -6.633vw;}
#contentservice.bg-common-left::before{}
#contentservice .ttl-Box{width:80vw;margin: 0 auto 5.5vw;position:relative;}
#contentservice .ttl-Box .dicon{width: 11.867vw;margin: 0 auto -8.433vw;left: -27.6vw;}
#contentservice .ttl-Box .f-en{font-size: 3.233vw;line-height:1.714;letter-spacing:.2em;font-weight:600;text-align:-webkit-auto;color:var(--mred);margin-bottom:-0.533vw;margin-left: 10.667vw;}
#contentservice .ttl-Box .f-en span{color:var(--mbl);}
#contentservice .ttl-Box h2{position:relative;left: 10.733vw;margin-bottom: 5.433vw;font-size: 5.3vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: bold;text-align: left;color: #111111;}
#contentservice .ttl-Box h2 .big{font-size:20vw;line-height:1;letter-spacing:0;font-weight:600;text-align:left;margin:0 1.067vw;position:relative;top:4.267vw;}
#contentservice .ttl-Box h2 .col{color:var(--mred);display:block;font-size:5.333vw;line-height:1.5;letter-spacing:.2em;font-weight:700;text-align:center;margin-top:-4.267vw;}
#contentservice .ttl-Box .subllt{margin:0 -58.667vw;font-size: 3.7vw;line-height: 2.0;letter-spacing: 0.2em;font-weight: 500;text-align: center;color: #111111;}

#contentservice .inner-Box{display:flex;flex-wrap:wrap;align-items:flex-start;max-width:112rem;gap:3.4%;margin:0 auto 10.667vw;}
#contentservice .inner-Box .box-l{width:100%;display:contents;}
#contentservice .inner-Box .box-l .photo{order:2;position:relative;width:100%;margin-bottom: 3vw;}
#contentservice .inner-Box .box-l .photo::before{content:"";position:absolute;top:0;right:0;width: 16.767vw;height:27.467vw;background: url(../images/corporate-uniform/contentsservice-iconpic.svg) no-repeat top right;background-size: 100% auto;}
#contentservice .inner-Box .box-l img{width:100%;height:auto;}
#contentservice .inner-Box .box-r{width:100%;display:contents;}
#contentservice .inner-Box .box-r .title{order:1;width:100%;color:var(--mbl);margin-bottom: 3.367vw;font-size: 4.3vw;line-height: 1.5;letter-spacing: 0.2em;font-weight: 600;text-align: left;}
#contentservice .inner-Box .box-r .title span{display:inline-block;position:relative;top: -0.367vw;left: -1.2vw;width: 5.8vw;margin-right: -2.3vw;}
#contentservice .inner-Box .box-r .txt-box{order:3;width:100%;}
#contentservice .inner-Box .box-r .txt-box p{margin-bottom: 6.367vw;font-size: 3.7vw;line-height: 1.5;letter-spacing: 0.1em;font-weight: normal;text-align: left;color: #111111;}
#contentservice .inner-Box .box-r .txt-box p.gl-btn{margin: 0 10.667vw 0 10.533vw;}
#contentservice .inner-Box .box-r .txt-box p.gl-btn a{background:var(--mbl);border:var(--mbl) 1px solid;}

#contentservice .inner-Box .box-r .txt-box p.gl-btn a:hover{background:#fff;color:var(--mbl);}

#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: 0.9vw;}
#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;filter: invert(36%) sepia(100%) saturate(392%) hue-rotate(180deg) brightness(72%) contrast(86%);}
#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;}

#contentsstory .gl-btn{}
#contentsstory .gl-btn a{ background: var(--mbl); border: var(--mbl) solid 1px; }


}