@charset "UTF-8";@media (min-width:769px){.home main{background-color:transparent}
}
.mv,.mv-wrapper{position:relative;height:100vh;width:100%}
@media (min-width:1537px){.mv,.mv-wrapper{min-height:1080px}
}
@media (min-width:1367px){.mv,.mv-wrapper{min-height:864px}
}
@media (min-width:1281px){.mv,.mv-wrapper{min-height:768px}
}
.mv-wrapper{overflow:hidden}
.mv-inner{height:100vh}
.mv.sticky{position:sticky;top:0}
.img-RtoL,.img-LtoR,.img-RtoLbg,.img-LtoRbg,.img-RtoL2,.img-LtoR2,.img-RtoL2bg,.img-LtoR2bg{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;left:0;top:0;z-index:2;position:relative}
.img-RtoL,.img-LtoR{z-index:3}
.img-RtoL2,.img-LtoR2{z-index:4}
.img-RtoLbg,.img-LtoRbg,.img-RtoL2bg,.img-LtoR2bg{opacity:0;transition:1.5s}
.is_show .img-RtoLbg,.is_show .img-LtoRbg,.is_show .img-RtoL2bg,.is_show .img-LtoR2bg{opacity:1}
.overray{position:absolute}
.img-RtoL img,.img-LtoR img,.img-RtoLbg img,.img-LtoRbg img,.img-RtoL2 img,.img-LtoR2 img,.img-RtoL2bg img,.img-LtoR2bg img{height:100%;width:auto!important;max-width:none}
.mask-rtol01{clip-path:inset(22.43% 23.43% 66.66% 23.43%);opacity:0}
.mask-ltor02{clip-path:inset(41.02% 23.43% 48.07% 23.43%);opacity:0}
.mask-rtol03{clip-path:inset(59.61% 23.43% 29.48% 23.43%);opacity:0}
.mask-ltor04{clip-path:inset(78.2% 23.43% 10.89% 23.43%);opacity:0}
.swiper-slide-active .mask-rtol01{animation:maskscale01 0.75s 1.25s cubic-bezier(.645,.045,.355,1) forwards,fadeIn 0.75s 1.25s ease forwards}
.swiper-slide-active .mask-ltor04{animation:maskscale04 0.75s 1.25s cubic-bezier(.645,.045,.355,1) forwards,fadeIn 0.75s 1.25s ease forwards}
.swiper-slide-active .mask-ltor02{animation:maskscale02 1s 1s cubic-bezier(.645,.045,.355,1) forwards,fadeIn 1s 1s ease forwards}
.swiper-slide-active .mask-rtol03{animation:maskscale03 1s 1s cubic-bezier(.645,.045,.355,1) forwards,fadeIn 1s 1s ease forwards}
.swiper-slide-active.out .mask-rtol01{animation:maskscaleout01 1s cubic-bezier(.645,.045,.355,1) forwards;opacity:1}
.swiper-slide-active.out .mask-ltor04{animation:maskscaleout04 1s cubic-bezier(.645,.045,.355,1) forwards;opacity:1}
.swiper-slide-active.out .mask-ltor02{animation:maskscaleout02 0.75s 0.25s cubic-bezier(.645,.045,.355,1) forwards;opacity:1}
.swiper-slide-active.out .mask-rtol03{animation:maskscaleout03 0.75s 0.25s cubic-bezier(.645,.045,.355,1) forwards;opacity:1}
@keyframes maskscale01{0%{clip-path:inset(22.43% 50% 66.66% 50%)}
100%{clip-path:inset(22.43% 23.43% 66.66% 23.43%)}
}
@keyframes maskscale04{0%{clip-path:inset(78.2% 50% 10.89% 50%)}
100%{clip-path:inset(78.2% 23.43% 10.89% 23.43%)}
}
@keyframes maskscale02{0%{clip-path:inset(41.02% 50% 48.07% 50%)}
100%{clip-path:inset(41.02% 23.43% 48.07% 23.43%)}
}
@keyframes maskscale03{0%{clip-path:inset(59.61% 50% 29.48% 50%)}
100%{clip-path:inset(59.61% 23.43% 29.48% 23.43%)}
}
@keyframes maskscaleout01{0%{clip-path:inset(22.43% 23.43% 66.66% 23.43%);opacity:1}
100%{clip-path:inset(22.43% 50% 66.66% 50%);opacity:0}
}
@keyframes maskscaleout04{0%{clip-path:inset(78.2% 23.43% 10.89% 23.43%);opacity:1}
100%{clip-path:inset(78.2% 50% 10.89% 50%);opacity:0}
}
@keyframes maskscaleout02{0%{clip-path:inset(41.02% 23.43% 48.07% 23.43%);opacity:1}
100%{clip-path:inset(41.02% 50% 48.07% 50%);opacity:0}
}
@keyframes maskscaleout03{0%{clip-path:inset(59.61% 23.43% 29.48% 23.43%);opacity:1}
100%{clip-path:inset(59.61% 50% 29.48% 50%);opacity:0}
}
@keyframes fadeIn{0%{opacity:0}
100%{opacity:1}
}
.item__img div{width:100%;height:100vh}
.item__img>div>div{position:relative}
.webp .item__img .img-RtoL div{background:url(../img/top/key_maskimg_r02.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.no-webp .item__img .img-RtoL div{background:url(../img/top/key_maskimg_r02.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.webp .item__img .img-RtoL2 div{background:url(../img/top/key02_maskimg_l.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.no-webp .item__img .img-RtoL2 div{background:url(../img/top/key02_maskimg_l.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.webp .item__img .img-LtoR div{background:url(../img/top/key_maskimg_r02.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.no-webp .item__img .img-LtoR div{background:url(../img/top/key_maskimg_r02.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.webp .item__img .img-LtoR2 div{background:url(../img/top/key02_maskimg_l.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.no-webp .item__img .img-LtoR2 div{background:url(../img/top/key02_maskimg_l.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.webp .item__img .img-LtoRbg div{background:url(../img/top/key_maskimg_l.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.no-webp .item__img .img-LtoRbg div{background:url(../img/top/key02_maskimg_l.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.webp .item__img .img-RtoL2 div{background:url(../img/top/key02_maskimg_l.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.no-webp .item__img .img-RtoL2 div{background:url(../img/top/key02_maskimg_l.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.webp .item__img .img-LtoR div{background:url(../img/top/key_maskimg_r02.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.no-webp .item__img .img-LtoR div{background:url(../img/top/key_maskimg_r02.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.webp .item__img .img-LtoR2 div{background:url(../img/top/key02_maskimg_l.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.no-webp .item__img .img-LtoR2 div{background:url(../img/top/key02_maskimg_l.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.webp .mv-inner .item1:before{background:url(../img/top/key_maskimg_r.jpg) center no-repeat;background-size:cover;opacity:1;transition:.5s ease;content:"";width:100%;height:100vh;position:absolute;left:0;top:0}
.webp .mv-inner .item2:before{background:url(../img/top/key_maskimg_l.jpg) center no-repeat;background-size:cover;opacity:1;content:"";width:100%;height:100vh;position:absolute;left:0;top:0}
.no-webp .mv-inner .item1:before{background:url(../img/top/key_maskimg_r.jpg) center no-repeat;background-size:cover;opacity:1;transition:.5s ease;content:"";width:100%;height:100vh;position:absolute;left:0;top:0}
.no-webp .mv-inner .item2:before{background:url(../img/top/key_maskimg_l.jpg) center no-repeat;background-size:cover;opacity:1;content:"";width:100%;height:100vh;position:absolute;left:0;top:0}
.item__img.swiper-slide-active .img-RtoL div{animation:RtoL 1s 2s cubic-bezier(1,0,0,1) forwards 1;z-index:3}
.item__img.swiper-slide-active .img-LtoR div{animation:LtoR 1s 2s cubic-bezier(1,0,0,1) forwards 1;z-index:3}
.item__img.swiper-slide-active .img-RtoL2 div{animation:RtoL 1s 2s cubic-bezier(1,0,0,1) forwards 1;z-index:3}
.item__img.swiper-slide-active .img-LtoR2 div{animation:LtoR 1s 2s cubic-bezier(1,0,0,1) forwards 1;z-index:3}
@keyframes RtoL{0%{transform:translateX(0)}
100%{transform:translateX(-18%)}
}
@keyframes LtoR{0%{transform:translateX(0)}
100%{transform:translateX(18%)}
}
.mv-inner .mv-img .item__img{width:100%;height:100%;position:relative;display:flex}
.mv-inner .item__img.is_active:before{opacity:1}
.mv-inner .item__img.is_active:after{animation:bgChange 4.5s linear forwards infinite}
@keyframes bgChange{0%{opacity:0}
88.88%{opacity:0}
99.99%{opacity:1}
}
.mv__pagination.pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal{position:absolute;left:4.6%;bottom:4.6%;display:flex;margin-bottom:0!important;z-index:11;width:auto}
.is_show .mv__pagination{opacity:1}
.mv__pagination .num{position:relative;width:32px;height:32px;margin-right:18px;opacity:1;border-radius:50%}
.mv__pagination .num:hover{cursor:pointer}
.mv__pagination .num.is_active{border:1px solid rgba(255,255,255,0);border-radius:50%;position:relative;animation:timerline 9s linear forwards 1}
@keyframes timerline{0%{border:1px solid rgba(255,255,255,0)}
5%{border:1px solid rgba(255,255,255,.5)}
99%{border:1px solid rgba(255,255,255,.5)}
100%{border:1px solid rgba(255,255,255,0)}
}
.mv__pagination .num .timer{left:-1px;top:-1px;position:absolute;width:32px;height:32px;z-index:4;fill:transparent;stroke:#fff;stroke-width:1;opacity:0;transform:rotate(-90deg);stroke-dasharray:152px;stroke-dashoffset:152px}
.mv__pagination .num.is_active .timer{animation:circle 10s linear forwards 1;fill:transparent;stroke:#fff;stroke-width:1;opacity:1}
.init.mv__pagination .num.is_active .timer{animation:circle 8.5s linear forwards 1}
@keyframes circle{0%{opacity:0}
1%{opacity:1}
100%{stroke-dashoffset:0}
}
.mv__pagination .num:before{width:4px;height:4px;content:"";margin:auto;display:block;background:#fff;border-radius:50%;opacity:1;z-index:2;position:absolute;left:0;top:0;right:0;bottom:0}
.scroll-bar{position:absolute;right:4.6%;bottom:4.6%;z-index:100;display:flex;justify-content:flex-end;align-items:center;flex-flow:column}
.scroll-bar .scroll-bar-text{color:#fff;letter-spacing:.2em;font-size:1rem;padding-bottom:1px;-webkit-transform:rotate(90deg);transform:rotate(90deg);margin-bottom:4em}
.scroll-bar .scroll-bar-icon{align-items:center;display:flex;border:1px solid rgba(255,255,255,1);width:40px;height:40px;-webkit-transform:rotate(90deg);transform:rotate(90deg);overflow:hidden;text-align:center;line-height:40px;border-radius:50%}
.scroll-bar .scroll-bar-icon .link_text__icon{width:100%;height:3px;fill:#fff;animation:yura 1.5s ease infinite;position:relative}
.mv-text{position:absolute;width:100%;height:100%;display:flex;flex-flow:column;justify-content:flex-start;align-items:center;left:0;top:0;z-index:10}
.mv-text h1{line-height:1;font-weight:400;font-style:normal;color:#fff;font-size:9.91em;letter-spacing:-.065em;margin-left:-.0325em;position:absolute;display:flex;justify-content:center;align-items:center;width:100%;margin-bottom:0;left:0;top:41%;height:10.9%}
.mv-text h1 span.t_b{opacity:0;display:block;letter-spacing:-.065em;animation:fade-out-up 0.5s ease-out forwards}
.mv-text h1 span.b_t{opacity:0;letter-spacing:-.065em;animation:fade-out-bottom 0.5s ease-out forwards}
.mv-text.is_view h1 span.t_b{animation:fade-in-bottom 0.5s ease-out forwards;opacity:0}
.mv-text.is_view h1 span.b_t{animation:fade-in-up 0.5s ease-out forwards;opacity:0}
.mv-text.is_view.fast h1 span.t_b{animation:fade-in-bottom 0.5s 1.5s ease-out forwards;opacity:0}
.mv-text.is_view.fast h1 span.b_t{animation:fade-in-up 0.5s 1.5s ease-out forwards;opacity:0}
.mv-text .comment{height:11%;display:flex;justify-content:center;align-items:center;color:#FFF;opacity:0;font-size:1.8rem;line-height:1;text-align:center;position:absolute;bottom:29.48%;left:0;right:0;animation:fade-out-bottom 0.5s ease-out forwards;font-family:"Noto Sans JP","sans-serif";letter-spacing: 4px;font-weight: 800;}
.mv-text .comment a{border-bottom:1px solid #FFF;padding-bortom:.2em;color:#FFF}
.mv-text.is_view .comment{animation:fade-in-up 0.5s 0.5s ease-out forwards}
.mv-text.is_view.fast .comment{animation:fade-in-up 0.5s 2.0s ease-out forwards}
@media (min-width:1400px){.img-Rto,.img-LtoR{display:flex;justify-content:center;align-items:center}
.img-RtoL img,.img-LtoR img{width:auto;height:100vh}
}
@media (max-width:1279px){.mask-rtol01{clip-path:inset(22.43% 18% 66.66% 18%)}
.mask-ltor02{clip-path:inset(41.02% 18% 48.07% 18%)}
.mask-rtol03{clip-path:inset(59.61% 18% 29.48% 18%)}
.mask-ltor04{clip-path:inset(78.2% 18% 10.89% 18%)}
.swiper-slide-active .mask-rtol01{animation:maskscale01m 0.75s 1.25s cubic-bezier(.645,.045,.355,1) forwards,fadeIn 0.75s 1.25s ease forwards}
.swiper-slide-active .mask-ltor04{animation:maskscale04m 0.75s 1.25s cubic-bezier(.645,.045,.355,1) forwards,fadeIn 0.75s 1.25s ease forwards}
.swiper-slide-active .mask-ltor02{animation:maskscale02m 1s 1s cubic-bezier(.645,.045,.355,1) forwards,fadeIn 1s 1s ease forwards}
.swiper-slide-active .mask-rtol03{animation:maskscale03m 1s 1s cubic-bezier(.645,.045,.355,1) forwards,fadeIn 1s 1s ease forwards}
.swiper-slide-active.out .mask-rtol01{animation:maskscaleout01m 1s cubic-bezier(.645,.045,.355,1) forwards;opacity:1}
.swiper-slide-active.out .mask-ltor04{animation:maskscaleout04m 1s cubic-bezier(.645,.045,.355,1) forwards;opacity:1}
.swiper-slide-active.out .mask-ltor02{animation:maskscaleout02m 0.75s 0.25s cubic-bezier(.645,.045,.355,1) forwards;opacity:1}
.swiper-slide-active.out .mask-rtol03{animation:maskscaleout03m 0.75s 0.25s cubic-bezier(.645,.045,.355,1) forwards;opacity:1}
}
@keyframes maskscale01m{0%{clip-path:inset(22.43% 50% 66.66% 50%)}
100%{clip-path:inset(22.43% 18% 66.66% 18%)}
}
@keyframes maskscale04m{0%{clip-path:inset(78.2% 50% 10.89% 50%)}
100%{clip-path:inset(78.2% 18% 10.89% 18%)}
}
@keyframes maskscale02m{0%{clip-path:inset(41.02% 50% 48.07% 50%)}
100%{clip-path:inset(41.02% 18% 48.07% 18%)}
}
@keyframes maskscale03m{0%{clip-path:inset(59.61% 50% 29.48% 50%)}
100%{clip-path:inset(59.61% 18% 29.48% 18%)}
}
@keyframes maskscaleout01m{0%{clip-path:inset(22.43% 18% 66.66% 18%);opacity:1}
100%{clip-path:inset(22.43% 50% 66.66% 50%);opacity:0}
}
@keyframes maskscaleout04m{0%{clip-path:inset(78.2% 18% 10.89% 18%);opacity:1}
100%{clip-path:inset(78.2% 50% 10.89% 50%);opacity:0}
}
@keyframes maskscaleout02m{0%{clip-path:inset(41.02% 18% 48.07% 18%);opacity:1}
100%{clip-path:inset(41.02% 50% 48.07% 50%);opacity:0}
}
@keyframes maskscaleout03m{0%{clip-path:inset(59.61% 18% 29.48% 18%);opacity:1}
100%{clip-path:inset(59.61% 50% 29.48% 50%);opacity:0}
}
@media (max-width:1024px){.mask-rtol01{clip-path:inset(22.43% 16% 66.66% 16%)}
.mask-ltor02{clip-path:inset(41.02% 16% 48.07% 16%)}
.mask-rtol03{clip-path:inset(59.61% 16% 29.48% 16%)}
.mask-ltor04{clip-path:inset(78.2% 16% 10.89% 16%)}
.swiper-slide-active .mask-rtol01{animation:maskscale01s 0.75s 1.25s cubic-bezier(.645,.045,.355,1) forwards,fadeIn 0.75s 1.25s ease forwards}
.swiper-slide-active .mask-ltor04{animation:maskscale04s 0.75s 1.25s cubic-bezier(.645,.045,.355,1) forwards,fadeIn 0.75s 1.25s ease forwards}
.swiper-slide-active .mask-ltor02{animation:maskscale02s 1s 1s cubic-bezier(.645,.045,.355,1) forwards,fadeIn 1s 1s ease forwards}
.swiper-slide-active .mask-rtol03{animation:maskscale03s 1s 1s cubic-bezier(.645,.045,.355,1) forwards,fadeIn 1s 1s ease forwards}
.swiper-slide-active.out .mask-rtol01{animation:maskscaleout01s 1s cubic-bezier(.645,.045,.355,1) forwards;opacity:1}
.swiper-slide-active.out .mask-ltor04{animation:maskscaleout04s 1s cubic-bezier(.645,.045,.355,1) forwards;opacity:1}
.swiper-slide-active.out .mask-ltor02{animation:maskscaleout02s 0.75s 0.25s cubic-bezier(.645,.045,.355,1) forwards;opacity:1}
.swiper-slide-active.out .mask-rtol03{animation:maskscaleout03s 0.75s 0.25s cubic-bezier(.645,.045,.355,1) forwards;opacity:1}
.item__img.swiper-slide-active .img-RtoL div{animation:RtoLs 1s 2s cubic-bezier(1,0,0,1) forwards}
.item__img.swiper-slide-active .img-LtoR div{animation:LtoRs 1s 2s cubic-bezier(1,0,0,1) forwards}
.item__img.swiper-slide-active .img-RtoL2 div{animation:RtoLs 1s 2s cubic-bezier(1,0,0,1) forwards}
.item__img.swiper-slide-active .img-LtoR2 div{animation:LtoRs 1s 2s cubic-bezier(1,0,0,1) forwards}
}
@keyframes RtoLs{0%{transform:translateX(0)}
100%{transform:translateX(-15%)}
}
@keyframes LtoRs{0%{transform:translateX(0)}
100%{transform:translateX(15%)}
}
@keyframes maskscale01s{0%{clip-path:inset(22.43% 50% 66.66% 50%)}
100%{clip-path:inset(22.43% 16% 66.66% 16%)}
}
@keyframes maskscale04s{0%{clip-path:inset(78.2% 50% 10.89% 50%)}
100%{clip-path:inset(78.2% 16% 10.89% 16%)}
}
@keyframes maskscale02s{0%{clip-path:inset(41.02% 50% 48.07% 50%)}
100%{clip-path:inset(41.02% 16% 48.07% 16%)}
}
@keyframes maskscale03s{0%{clip-path:inset(59.61% 50% 29.48% 50%)}
100%{clip-path:inset(59.61% 16% 29.48% 16%)}
}
@keyframes maskscaleout01s{0%{clip-path:inset(22.43% 16% 66.66% 16%);opacity:1}
100%{clip-path:inset(22.43% 50% 66.66% 50%);opacity:0}
}
@keyframes maskscaleout04s{0%{clip-path:inset(78.2% 16% 10.89% 16%);opacity:1}
100%{clip-path:inset(78.2% 50% 10.89% 50%);opacity:0}
}
@keyframes maskscaleout02s{0%{clip-path:inset(41.02% 16% 48.07% 16%);opacity:1}
100%{clip-path:inset(41.02% 50% 48.07% 50%);opacity:0}
}
@keyframes maskscaleout03s{0%{clip-path:inset(59.61% 16% 29.48% 16%);opacity:1}
100%{clip-path:inset(59.61% 50% 29.48% 50%);opacity:0}
}
@media (max-width:768px){html,body,.mv,.mv-wrapper,.mv-loading,.mv-loading .show-img,.mv-inner,.mv-inner .item1:before,.mv-inner .item2:before,.mv-inner .item1:after,.mv-inner .item2:after,.item__img div,#luxy,#data-scroll{height:100%}
.mv-img{display:flex;position:relative;width:100%;height:100%}
.mask-rtol01{clip-path:inset(32.44% 10% 59.84% 10%)}
.mask-ltor02{clip-path:inset(45.03% 10% 47.24% 10%)}
.mask-rtol03{clip-path:inset(57.48% 10% 34.64% 10%)}
.mask-ltor04{clip-path:inset(70.86% 10% 21.8% 10%)}
.swiper-slide-active .mask-rtol01{animation:maskscale01xs 0.75s 1.25s cubic-bezier(.645,.045,.355,1) forwards,fadeIn 0.75s 1.25s ease forwards}
.swiper-slide-active .mask-ltor04{animation:maskscale04xs 0.75s 1.25s cubic-bezier(.645,.045,.355,1) forwards,fadeIn 0.75s 1.25s ease forwards}
.swiper-slide-active .mask-ltor02{animation:maskscale02xs 1s 1s cubic-bezier(.645,.045,.355,1) forwards,fadeIn 1s 1s ease forwards}
.swiper-slide-active .mask-rtol03{animation:maskscale03xs 1s 1s cubic-bezier(.645,.045,.355,1) forwards,fadeIn 1s 1s ease forwards}
.swiper-slide-active.out .mask-rtol01{animation:maskscaleout01xs 1s cubic-bezier(.645,.045,.355,1) forwards;opacity:1}
.swiper-slide-active.out .mask-ltor04{animation:maskscaleout04xs 1s cubic-bezier(.645,.045,.355,1) forwards;opacity:1}
.swiper-slide-active.out .mask-ltor02{animation:maskscaleout02xs 0.75s 0.25s cubic-bezier(.645,.045,.355,1) forwards;opacity:1}
.swiper-slide-active.out .mask-rtol03{animation:maskscaleout03xs 0.75s 0.25s cubic-bezier(.645,.045,.355,1) forwards;opacity:1}
.item__img.swiper-slide-active .img-RtoL div{animation:RtoLSP 1s 2s cubic-bezier(1,0,0,1) forwards;background-position:center center}
.item__img.swiper-slide-active .img-LtoR div{animation:LtoRSP 1s 2s cubic-bezier(1,0,0,1) forwards;background-position:center center}
.item__img.swiper-slide-active .img-RtoL2 div{animation:RtoLSP 1s 2s cubic-bezier(1,0,0,1) forwards;background-position:center center}
.item__img.swiper-slide-active .img-LtoR2 div{animation:LtoRSP 1s 2s cubic-bezier(1,0,0,1) forwards;background-position:center center}
.mv-text h1{font-size:11vw;top:44%;width:100%;position:absolute;height:11.5%;margin-top:0;margin:0;left:-.0325em}
.mv-text .comment{height:7.8%;font-size:2vw;line-height:1.3;bottom:34.64%}
.scroll-bar{position:absolute;right:5.3%;bottom:4.6%;justify-content:flex-end;align-items:center;width:50%;flex-flow:row}
.scroll-bar .scroll-bar-text{padding-bottom:0;-webkit-transform:rotate(0);transform:rotate(0);margin-bottom:0;margin-right:1rem}
}
@keyframes maskscale01xs{0%{clip-path:inset(32.44% 50% 59.84% 50%)}
100%{clip-path:inset(32.44% 10% 59.84% 10%)}
}
@keyframes maskscale04xs{0%{clip-path:inset(70.86% 50% 21.8% 50%)}
100%{clip-path:inset(70.86% 10% 21.8% 10%)}
}
@keyframes maskscale02xs{0%{clip-path:inset(45.03% 50% 47.24% 50%)}
100%{clip-path:inset(45.03% 10% 47.24% 10%)}
}
@keyframes maskscale03xs{0%{clip-path:inset(57.48% 50% 34.64% 50%)}
100%{clip-path:inset(57.48% 10% 34.64% 10%)}
}
@keyframes maskscaleout01xs{0%{clip-path:inset(32.44% 10% 59.84% 10%);opacity:1}
100%{clip-path:inset(32.44% 50% 59.84% 50%);opacity:0}
}
@keyframes maskscaleout04xs{0%{clip-path:inset(70.86% 10% 21.8% 10%);opacity:1}
100%{clip-path:inset(70.86% 50% 21.8% 50%);opacity:0}
}
@keyframes maskscaleout02xs{0%{clip-path:inset(45.03% 10% 47.24% 10%);opacity:1}
100%{clip-path:inset(45.03% 50% 47.24% 50%);opacity:0}
}
@keyframes maskscaleout03xs{0%{clip-path:inset(57.48% 10% 34.64% 10%);opacity:1}
100%{clip-path:inset(57.48% 50% 34.64% 50%);opacity:0}
}
@keyframes RtoLSP{0%{background-position:center center}
100%{background-position:61% center}
}
@keyframes LtoRSP{0%{background-position:center center}
100%{background-position:39% center}
}
@media (max-width:575px){.webp .item__img .img-RtoL div{background:url(../img/top/key_maskimg_r_sp.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.no-webp .item__img .img-RtoL div{background:url(../img/top/key_maskimg_r_sp.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.webp .item__img .img-RtoL2 div{background:url(../img/top/key02_maskimg_r_sp.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.no-webp .item__img .img-RtoL2 div{background:url(../img/top/key02_maskimg_r_sp.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.webp .item__img .img-LtoR div{background:url(../img/top/key_maskimg_r_sp.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.no-webp .item__img .img-LtoR div{background:url(../img/top/key_maskimg_l_sp.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.webp .item__img .img-LtoR2 div{background:url(../img/top/key02_maskimg_r_sp.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.no-webp .item__img .img-LtoR2 div{background:url(../img/top/key02_maskimg_r_sp.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.webp .item__img .img-RtoL2 div{background:url(../img/top/key02_maskimg_r_sp.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.no-webp .item__img .img-RtoL2 div{background:url(../img/top/key02_maskimg_r_sp.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.webp .item__img .img-LtoR div{background:url(../img/top/key_maskimg_r_sp.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.no-webp .item__img .img-LtoR div{background:url(../img/top/key_maskimg_l_sp.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.webp .item__img .img-LtoR2 div{background:url(../img/top/key02_maskimg_r_sp.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.no-webp .item__img .img-LtoR2 div{background:url(../img/top/key02_maskimg_r_sp.jpg) center no-repeat;background-size:cover;transform:translateX(0)}
.webp .mv-inner .item1:before{background:url(../img/top/key_maskimg_l_sp.jpg) center no-repeat;background-size:cover;opacity:1;transition:.5s ease;content:"";width:100%;height:100%;position:absolute;left:0;top:0}
.webp .mv-inner .item2:before{background:url(../img/top/kv02_sp.jpg) center no-repeat;background-size:cover;opacity:1;content:"";width:100%;height:100%;position:absolute;left:0;top:0}
.no-webp .mv-inner .item1:before{background:url(../img/top/key_maskimg_l_sp.jpg) center no-repeat;background-size:cover;opacity:1;transition:.5s ease;content:"";width:100%;height:100vh;position:absolute;left:0;top:0}
.no-webp .mv-inner .item2:before{background:url(../img/top/kv02_sp.jpg) center no-repeat;background-size:cover;opacity:1;content:"";width:100%;height:100vh;position:absolute;left:0;top:0}
.mask-rtol01{clip-path:inset(32.44% 5.33% 59.84% 5.33%)}
.mask-ltor02{clip-path:inset(45.03% 5.33% 47.24% 5.33%)}
.mask-rtol03{clip-path:inset(57.48% 5.33% 34.64% 5.33%)}
.mask-ltor04{clip-path:inset(70.86% 5.33% 21.8% 5.33%)}
.swiper-slide-active .mask-rtol01{animation:maskscale01xxs 0.75s 1.25s cubic-bezier(.645,.045,.355,1) forwards,fadeIn 0.75s 1.25s ease forwards}
.swiper-slide-active .mask-ltor04{animation:maskscale04xxs 0.75s 1.25s cubic-bezier(.645,.045,.355,1) forwards,fadeIn 0.75s 1.25s ease forwards}
.swiper-slide-active .mask-ltor02{animation:maskscale02xxs 1s 1s cubic-bezier(.645,.045,.355,1) forwards,fadeIn 1s 1s ease forwards}
.swiper-slide-active .mask-rtol03{animation:maskscale03xxs 1s 1s cubic-bezier(.645,.045,.355,1) forwards,fadeIn 1s 1s ease forwards}
.swiper-slide-active.out .mask-rtol01{animation:maskscaleout01xxs 1s cubic-bezier(.645,.045,.355,1) forwards;opacity:1}
.swiper-slide-active.out .mask-ltor04{animation:maskscaleout04xxs 1s cubic-bezier(.645,.045,.355,1) forwards;opacity:1}
.swiper-slide-active.out .mask-ltor02{animation:maskscaleout02xxs 0.75s 0.25s cubic-bezier(.645,.045,.355,1) forwards;opacity:1}
.swiper-slide-active.out .mask-rtol03{animation:maskscaleout03xxs 0.75s 0.25s cubic-bezier(.645,.045,.355,1) forwards;opacity:1}
.mv-text h1{font-size:14vw;top:43%}
.mv-text .comment{font-size:3.2vw}
}
@keyframes maskscale01xxs{0%{clip-path:inset(32.44% 50% 59.84% 50%)}
100%{clip-path:inset(32.44% 5.33% 59.84% 5.33%)}
}
@keyframes maskscale04xxs{0%{clip-path:inset(70.86% 50% 21.8% 50%)}
100%{clip-path:inset(70.86% 5.33% 21.8% 5.33%)}
}
@keyframes maskscale02xxs{0%{clip-path:inset(45.03% 50% 47.24% 50%)}
100%{clip-path:inset(45.03% 5.33% 47.24% 5.33%)}
}
@keyframes maskscale03xxs{0%{clip-path:inset(57.48% 50% 34.64% 50%);opacity:0}
100%{clip-path:inset(57.48% 5.33% 34.64% 5.33%);opacity:1}
}
@keyframes maskscaleout01xxs{0%{clip-path:inset(32.44% 5.33% 59.84% 5.33%);opacity:1}
100%{clip-path:inset(32.44% 50% 59.84% 50%);opacity:0}
}
@keyframes maskscaleout04xxs{0%{clip-path:inset(70.86% 5.33% 21.8% 5.33%);opacity:1}
100%{clip-path:inset(70.86% 50% 21.8% 50%);opacity:0}
}
@keyframes maskscaleout02xxs{0%{clip-path:inset(45.03% 5.33% 47.24% 5.33%);opacity:1}
100%{clip-path:inset(45.03% 50% 47.24% 50%);opacity:0}
}
@keyframes maskscaleout03xxs{0%{clip-path:inset(57.48% 5.33% 34.64% 5.33%);opacity:1}
100%{clip-path:inset(57.48% 50% 34.64% 50%);opacity:0}
}
#top__service_bn .txt-area{padding:13.8rem 5% 10rem;background:#fff}
.top__service_bn_title-block{width:39.15%;display:flex;flex-flow:column;justify-content:flex-start;align-items:flex-start}
.top__service_bn_content-block,.top__carrers_bn_content-block{width:60.85%;margin-top:calc(var(--basevw, 0.078vw) * 10)}
.top__service_bn_content-block .index-txt_box,.top__carrers_bn_content-block .index-txt_box{width:100%;margin:0 auto}
.top__service_bn_content-block .index-txt_box p{letter-spacing:.08em}
.ph-index-area{height:40.625vw;position:relative}
.webp .ph-index-area{background:url(../img/top/serice_bg.jpg) center no-repeat;background-size:cover}
.no-webp .ph-index-area{background:url(../img/top/serice_bg.jpg) center no-repeat;background-size:cover}
.ph-index-area:before{content:"";width:100%;height:100%;background-color:#09233c;opacity:.3;position:absolute;left:0;top:0}
.ph-index-area .columns{height:100%;margin:0!important}
.ph-index-area .columns .column{display:flex;width:100%;height:100%;padding:0}
.ph-index-area .columns .column a.ph-index{display:flex;justify-content:center;align-items:center;color:#fff;position:relative;width:100%;overflow:hidden}
.ph-index-area .columns .column a.ph-index .service-index-txt_box{text-align:center;display:flex;justify-content:center;align-items:center;flex-flow:column;position:relative;z-index:2;width:100%;margin-bottom:calc(var(--basevw, 0.078vw) * 15)}
.service-index-txt_box h6{font-size:calc(var(--baseft, 1.2rem) * 0.833)}
.service-index-txt_box h4{font-size:calc(var(--baseft, 1rem) * 2.5);line-height:1.4}
.service-index-txt_box p{margin-bottom:4rem;letter-spacing:.08em;font-size:calc(var(--baseft, 1.2rem) * 1)}
.ph-index-area .columns .column a.ph-index .txt_viewmore span{color:#fff;line-height:1}
.ph-index-area .columns .column a.ph-index .txt_viewmore .link_text__icon{fill:#fff}
.ph-index-area .columns .column a.ph-index:hover .link_text__icon{transform:translateX(6px)}
.ph-index-area .columns .column a.ph-index01:before,.ph-index-area .columns .column a.ph-index02:before,.ph-index-area .columns .column a.ph-index03:before{content:"";display:block;position:absolute;left:0;top:0;opacity:0;width:100%;height:100%;transition:1s ease}
.webp .ph-index-area .columns .column a.ph-index01:before{background:url(../img/top/service01_bg.jpg) center no-repeat;background-size:cover}
.webp .ph-index-area .columns .column a.ph-index02:before{background:url(../img/top/service02_bg.jpg) center no-repeat;background-size:cover}
.webp .ph-index-area .columns .column a.ph-index03:before{background:url(../img/top/service03_bg.jpg) center no-repeat;background-size:cover}
.no-webp .ph-index-area .columns .column a.ph-index01:before{background:url(../img/top/service01_bg.jpg) center no-repeat;background-size:cover}
.no-webp .ph-index-area .columns .column a.ph-index02:before{background:url(../img/top/service02_bg.jpg) center no-repeat;background-size:cover}
.no-webp .ph-index-area .columns .column a.ph-index03:before{background:url(../img/top/service03_bg.jpg) center no-repeat;background-size:cover}
.ph-index-area .columns .column a.ph-index:hover:before{opacity:1;transform:scale(1.025);transition:1s ease}
#top__service_bn .txt-area{padding:calc(var(--basevw,.078vw) * 140) 6.25% calc(var(--basevw, 0.078vw) * 100)}
#top__service_bn .txt-area .section-inner{width:88.92%;margin-left:auto;margin-right:auto}
@media (min-width:1800px){.section_full.ph-index-area{max-width:none;width:100%}
}
@media (max-width:768px){#top__service_bn .txt-area{padding:calc(var(--basevw, 40px) * 40) 5.33% calc(var(--basevw, 60px) * 60)}
.top__service_bn_title-block{width:100%;display:flex;flex-flow:column;justify-content:flex-start;align-items:flex-start;margin-bottom:calc(var(--basevw, 32px) * 32)}
.top__service_bn_content-block,.top__carrers_bn_content-block{width:100%}
.top__service_bn_content-block .index-txt_box,.top__carrers_bn_content-block .index-txt_box{padding-left:0}
.ph-index-area .columns .column a.ph-index,.ph-index-area .columns .column a.ph-index .service-index-txt_box{height:calc(var(--basevw, 225px) * 225)}
.ph-index-area .columns .column a.ph-index:after{content:none}
.ph-index-area{height:auto;background-image:none}
.service-index-txt_box h4{font-size:2rem;letter-spacing:0;line-height:1.2}
.service-index-txt_box p{margin:calc(var(--basevw, 16px) * 16) 0;line-height:1}
.ph-index-area .columns .column a.ph-index01:before,.ph-index-area .columns .column a.ph-index02:before,.ph-index-area .columns .column a.ph-index03:before{opacity:1}
}
.expSwiper{overflow:hidden}
#top__exparts_bn{padding:calc(var(--basevw, 0.078vw) * 200) 0;overflow-x:hidden;background:#FFF}
#top__exparts_bn .is-flex-desktop{justify-content:space-between}
.top__exparts_bn_title-block{width:32.25%;padding-left:6.25%;padding-top:calc(var(--basevw, 100px) * 100)}
.index-txt_box{margin-top:calc(var(--basevw, 40px) * 40)}
.top__exparts_bn_content-block{width:63.75%;padding-left:calc(var(--basevw, 64px) * 64);position:relative;z-index: 1;}
.top__exparts_bn_content-block:before{content:"";width:100%;height:calc(100% - 105px);position:absolute;left:0;bottom:0;background:#f7f9fb}
.top__exparts_bn_content-block img{width:100%;position:relative;z-index: 1000;}

.expart-list:after{content:"";display:block;clear:both;height:0}
.exp-img-box img{width:100%;z-index: 100000;}
.expSwiper .swiper-slide-next a{pointer-events:none}
.ex__pagination{text-align:right;z-index:3;line-height:1;font-size:calc(var(--baseft, 1.2rem) * 0.8333);display:flex;opacity:.5;width:calc(var(--basevw, 0.078vw) * 80);height:1em;font-family:Helvetica Neue,"Open Sans","sans-serif";font-display:swap;margin-bottom:0!important;margin-top:calc(var(--basevw, 0.078vw) * 30);align-items:center;flex-flow:nowrap}
.ex__pagination .pagination__current{width:1.5em;height:1.2rem;position:relative}
.ex__pagination .pagination__current .num{position:absolute;top:0;white-space:nowrap;opacity:0;transition:opacity 0.4s cubic-bezier(.165,.84,.44,1) 0s;backface-visibility:hidden;font-size:calc(var(--baseft, 1.2rem) * 1)}
.ex__pagination .pagination__current .num.is-show{opacity:1}
.ex__pagination .pagination__total{width:1.5em}
.ex__pagination .pagination__total p{font-size:calc(var(--baseft, 1.2rem) * 1)}
.expSwiper .ex-button-next{position:absolute;z-index:4;right:-60%;top:0;width:100%;height:calc(100% - 130px);display:flex;justify-content:flex-end;align-items:center;padding-left:calc(var(--basevw, 0.078vw) * 40);padding-right:65%;cursor:pointer;opacity:0;outline:none}
.expSwiper .ex-button-next:hover,.expSwiper .ex-button-next:focus{outline:none}
.expSwiper .ex-button-next.disabled{pointer-events:none}
.expSwiper .ex-button-next.is-show{opacity:1}
.expSwiper .ex-button-next img{opacity:.6;transform:scale(1);transition:all 0.5s ease}
.expSwiper .ex-button-next:hover img{transform:scale(1.5);opacity:1}
.ex-swiper-utility{padding-right:6.25%;bottom:calc(var(--basevw)*105 - 1em);position:absolute;right:0}
.swiper-pagination-progressbar.swiper-pagination-horizontal{position:relative;width:80%;height:1px;margin:0 auto;background:rgba(0,9,15,.2)}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#00090f;position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}
@media (max-width:1279px){#top__exparts_bn>.section_full,#top__exparts_bn>.section_full>div{width:100%}
#top__exparts_bn>.section_full>div{justify-content:space-between}
.top__exparts_bn_title-block{width:calc(var(--basevw, 0.078vw) * 360);padding-left:5%}
.top__exparts_bn_content-block{width:100%;padding-left:5%;position:relative;margin-left:5%;z-index: 1}
}
@media (max-width:1023px){#top__exparts_bn{padding:8% 0}
.top__exparts_bn_title-block{width:100%;padding-right:5%;margin-bottom:5%}
.top__exparts_bn_content-block{width:100%;margin-left:0}
.ex-swiper-utility{bottom:11%}
}
@media (max-width:768px){#top__exparts_bn{padding:calc(var(--basevw, 80px) * 80) 0;overflow:hidden}
.top__exparts_bn_title-block{margin-bottom:calc(var(--basevw, 40px) * 40);padding-top:0}
.top__exparts_bn_title-block:last-child{margin-bottom:0}
.expSwiper .ex-button-next{right:-64%;padding-left:calc(var(--basevw, 40px) * 40);padding-right:72%;cursor:pointer;display:none}
.expSwiper .ex-button-next img{width:40px}
.expSwiper .ex-button-next:hover img{transform:scale(1.4)}
.top__exparts_bn_content-block .swiper-slide .prof-box .cap{margin-top:1.5em;display:block;width:100%}
.top__exparts_bn_content-block .prof-box .cap span{display:block;margin-bottom:1rem;margin-left:0;line-height:1}
.top__exparts_bn_content-block .prof-box .cap span.en{font-size:1.1rem}
.top__exparts_bn_content-block:before{height:calc(100% - 40px)}
.top__exparts_bn_content-block .prof-box{height:calc(var(--basevw, 100px) * 100);width:100%}
.index-txt_box{margin-top:calc(var(--basevw, 40px) * 40)}
.ex__pagination .pagination__total p,.ex__pagination .pagination__current .num{font-size:1.2rem}
.swiper-pagination-progressbar.swiper-pagination-horizontal{width:calc(100% - 4em)}
.top__exparts_bn_content-block .prof-box .name{margin-right:1rem}
}
@media (max-width:575px){.swiper-slide .exp-img-box{width:calc(var(--basevw) * 250)}
.ex-swiper-utility{bottom:17%}
.ex__pagination{margin-top:0}
}
#top__careers_bn{padding-bottom:calc(var(--basevw, 0.078vw) * 160);background:#FFF}
.top__carrers_kv-img{width:100%;height:48vw;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:flex-end}
.top__carrers_kv-img img,.top__carrers_kv-img video{width:100%;max-width:none}
.top__carrers_kv-txt-area{position:relative;top:calc(var(--basevw, 0.078vw) * -100);margin-bottom:calc(var(--basevw, 0.078vw) * -100)}
.top__carrers_kv-txt-area .section{margin:0 auto 0 0;background:#fff;padding:calc(var(--basevw, 0.078vw) * 90) 18.3% 0 12.6%;width:88.75%}
.top__carrers_kv-txt-area .section .top__carrers_bn_title-block{width:41.1%;display:flex;justify-content:flex-start;align-items:flex-start}
.top__carrers_kv-txt-area .section .top__service_bn_content-block{width:58.9%;display:flex;justify-content:flex-start;align-items:flex-start}
.top__carrers_kv-txt-area .section .top__carrers_bn_title-block .index-tit_box{width:72%}
.top__carrers_kv-txt-area .section .top__carrers_bn_content-block .index-txt_box{width:79.1%}
.video-wrap:before{content:"";position:absolute;background:rgba(0,0,0,.2);width:100%;height:100%}
.video-wrap.onplay:before{content:none}
.video-btn{width:calc(var(--basevw) * 160);height:calc(var(--basevw) * 160);position:absolute;left:50%;top:calc((100% - var(--basevw)*100) / 2);transform:translate(-50%,-50%);z-index:3;display:flex;justify-content:center;align-items:center}
.video-btn:before{width:100%;height:100%;position:absolute;left:0;top:0;z-index:3;background:url(../img/top/circle_playmovie.png) no-repeat center;background-size:100% auto;animation:10s linear infinite rotation;content:""}
.top__carrers_kv-img .video-btn img{width:16.875%;height:auto}
@keyframes rotation{0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.btn_audio_box{width:100%;position:absolute;right:0;bottom:0;z-index:10}
.btn_audio_box span{width:42px;height:42px;display:block;margin:0 40px 10px auto;background:url() no-repeat;background-size:100% auto}
.btn_audio_box.muted span{width:42px;height:42px;display:block;margin:0 40px 10px auto;background:url() no-repeat;background-size:100% auto}
@media (min-width:1280px){.video-btn{width:160px;height:160px}
}
@media (max-width:1279px){.top__carrers_kv-txt-area .section .top__carrers_bn_title-block{justify-content:flex-start;align-items:flex-start;width:40%}
.top__carrers_kv-txt-area .section .top__carrers_bn_title-block .index-tit_box{width:90%}
.top__carrers_bn_content-block{width:60%}
.top__carrers_bn_content-block .index-txt_box{width:90%;min-width:0}
}
@media (max-width:1024px){.top__carrers_kv-txt-area:after{height:100px}
}
@media (max-width:768px){.top__carrers_kv-img{width:100%;height:auto;background:none;aspect-ratio:375/355}
.top__carrers_kv-img img{display:block;width:100%}
.top__carrers_kv-txt-area{top:calc(var(--basevw, -40px) * -40)}
.top__carrers_kv-txt-area .section .top__carrers_bn_title-block{padding-left:0;width:100%;margin-bottom:calc(var(--basevw, 30px) * 30)}
.top__carrers_kv-txt-area .section .top__service_bn_content-block{width:100%}
.top__carrers_kv-txt-area .section{padding:calc(var(--basevw, 40px) * 40) 5% calc(var(--basevw, 60px) * 60) 5%;width:94.67%;position:relative;z-index:100}
.top__carrers_kv-txt-area:after{height:0}
.top__carrers_kv-txt-area{padding-bottom:0;margin-bottom:calc(var(--basevw) * -40)}
.video-btn{width:calc(var(--basevw) * 122);height:calc(var(--basevw) * 122);position:absolute;left:50%;top:calc((100% - var(--basevw)*40) / 2);transform:translate(-50%,-50%);z-index:3;background-size:100% auto}
.btn_audio_box{bottom:calc(var(--basevw,40px) * 40)}
.btn_audio_box span{width:32px}
}
#top__news_bn{position:relative}
.top__news-bg-wrap{padding-top:calc(var(--basevw) * 80);padding-bottom:calc(var(--basevw) * 235);position:relative}
@media (min-width:769px){.webp .top__news-bg{background:url(../img/top/news_bg.jpg) left -235px no-repeat;background-size:cover}
.no-webp .top__news-bg{background:url(../img/top/news_bg.jpg) left -235px no-repeat;background-size:cover}
.top__news-bg{position:fixed;top:0;left:0;width:100%;height:100%}
#top__news_bn+.spacer{width:100%;height:16vw;background:#FFF;position:relative;z-index:9}
#top_news_tit{position:fixed;opacity:0;z-index:5;top:100px;left:6.25%;transition:.5s}
#top_news_tit.show{transition:.5s}
#positionmaker{opacity:0}
}
@media (min-width:1024px){.webp .top__news-bg{background:url(../img/top/news_bg.jpg) left -235px no-repeat;background-size:78.75% auto;width:100%;height:100%;display:flex}
.no-webp .top__news-bg{background:url(../img/top/news_bg.jpg) left -235px no-repeat;background-size:78.75% auto}
#top__news_bn+.spacer{height:calc(var(--basevw) * 300)}
#top_news_tit{top:calc(var(--basevw) * 150)}
}
.top__news-bg-wrap .section{justify-content:space-between;height:100%}
.top__news_bn_title-block{width:27.25%;margin-left:0}
.top__news_bn_title-block .index-tit_box{width:auto;padding-top:calc(var(--basevw) * 242);padding-bottom:calc(var(--basevw, 0.078vw) * 80)}
.top__news_bn_content-block{width:65.29%;background:#fff;padding:calc(var(--basevw) * 87) calc(var(--basevw, 0.078vw) * 64);border-bottom:1px solid #fff;position:relative;margin-top:calc(var(--basevw) * 235)}
.top__news_bn_title-block .index-tit_box .index-tit_h2,.top__news_bn_title-block .index-tit_box .news-cat-nav li button{color:#fff}
.top__news_bn_title-block .index-tit_p{color:#fff;letter-spacing:.08em;font-size: 14px;opacity: 1;font-family:"Noto Sans JP","sans-serif"}
.top__news_bn_title-block .index-tit_box .news-cat-nav li button{padding-bottom:.5em;transition:all 1s ease;position:relative;height:2.5em;letter-spacing:.1em}
.top__news_bn_title-block .index-tit_box .news-cat-nav li button:before{content:"";width:100%;background:#fff;height:1px;transform:scaleX(0);position:absolute;left:0;bottom:0;transition:all 1s ease}
.top__news_bn_title-block .index-tit_box .news-cat-nav li button:hover:before{transform:scaleX(1)}
.top__news_bn_title-block .index-tit_box .news-cat-nav li.current button{border-bottom:1px solid #fff}
.top__news_bn_title-block .index-tit_box .news-cat-nav{margin-top:calc(var(--basevw, 0.078vw) * 40)}
.top__news_bn_title-block .index-tit_box .news-cat-nav li{font-family:Helvetica Neue,"Open Sans","sans-serif";font-display:swap;font-size:calc(var(--baseft, 1.2rem) * 1);margin-bottom:1em}
.news-list_wrap .news-list-item{margin-top:calc(var(--basevw, 0.078vw) * 30)}
.news-list_wrap>.news-list-item:first-child{margin-top:0}
.news-list_wrap .news-list-item a{display:flex;width:100%;padding-bottom:calc(var(--basevw, 0.078vw) * 30);border-bottom:1px solid rgba(0,9,15,.1);position:relative}
.news-list_wrap .news-list-item a:before{content:"";background:#00417f;height:1px;width:.01px;position:absolute;left:0;bottom:0;transition:all 1s ease}
.news-list_wrap .news-list-item a:hover:before{width:100%}
.news-list_wrap .news-list-item dt{width:calc(var(--basevw, 0.078vw) * 180)}
.news-list_wrap .news-list-item dd{width:calc(100% - var(--basevw, 0.078vw) * 180);padding-left:calc(var(--basevw, 0.078vw) * 30);display:flex;flex-flow:column;align-items:flex-start;justify-content:center}
.news-list_wrap .news-list-item dd .laber{font-family:Helvetica Neue,"Open Sans","sans-serif";font-display:swap;}
.news-list_wrap .news-list-item dd .laber .category{font-size:calc(var(--baseft, 1.2rem) * 1);margin-right:1em}
.news-list_wrap .news-list-item dd .laber time{opacity:.5}
.news-list_wrap .news-list-item dd p{font-size:calc(var(--baseft, 1.2rem) * 1.16);letter-spacing:.08em}
.hide{display:none}
@media (max-width:1023px){.top__news-bg-wrap{padding-top:100px}
}
@media (max-width:768px){.top__news-bg-wrap{top:calc(var(--basevw) * -302);position:relative;padding-bottom:calc(var(--basevw, 80px) * 80);margin-bottom:calc(var(--basevw) * -302);padding-top:calc(var(--basevw) * 200)}
.webp .top__news-bg-wrap{background:url(../img/top/news_bg.jpg) left top no-repeat;background-size:cover;background-attachment:scroll}
.no-webp .top__news-bg-wrap{background:url(../img/top/news_bg.jpg) left top no-repeat;background-size:cover;background-attachment:scroll}
.top__news_bn_title-block{width:89.34%;padding-top:0;display:flex;justify-content:flex-start;align-items:flex-start;z-index:3}
.top__news_bn_title-block .index-tit_box .news-cat-nav{margin-top:calc(var(--basevw, 0.13vw) * 20);display:flex}
.top__news_bn_title-block .index-tit_box .news-cat-nav li{margin-right:2em;margin-bottom:0}
.top__news_bn_title-block .index-tit_box{width:100%;padding-top:0;padding-bottom:calc(var(--basevw, 0.13vw) * 40)}
.top__news-bg-wrap .section{display:block;padding-right:0}
.top__news_bn_content-block{width:100%;background:#fff;padding:calc(var(--basevw,.13vw) * 30) 5% calc(var(--basevw, 0.13vw) * 40);border-bottom:1px solid #fff;margin-left:0;margin-top:0}
.news-list_wrap .news-list-item dt{width:90px}
.news-list_wrap .news-list-item dd .laber .category{font-size:calc(var(--baseft, 1.2rem) * 0.916);margin-right:1em}
.news-list_wrap .news-list-item dd .laber time{font-size:calc(var(--baseft, 1.2rem) * 0.916)}
.news-list_wrap .news-list-item dd{width:calc(100% - 100px);padding-left:1em;line-height:1.6}
.news-list_wrap .news-list-item dd p{font-size:1.2rem}
.top__news-bg-wrap>.btn_viewmore_white{margin:calc(var(--basevw, 0.13vw) * 40) auto 0 5.33%}
}
@media (max-width:575px){.webp .top__news-bg-wrap{background:url(../img/top/news_bg-sp%402x.jpg) left top no-repeat;background-size:cover}
.no-webp .top__news-bg-wrap{background:url(../img/top/news_bg-sp%402x.jpg) left top no-repeat;background-size:cover}
}