@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+JP:wght@300;400;500;600;700&display=swap");
html{
  overflow-y:scroll;
  overflow-x:hidden;
  font-size:10px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
blockquote,body,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0}
*{box-sizing:border-box}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
img{vertical-align:middle;max-width:100%}
address,caption,cite,code,dfn,var{font-style:normal;font-weight:400}
li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
/*q:after,q:before{content:""}*/

  abbr,acronym{border:0;font-variant:normal}

  sup{vertical-align:text-top}

  sub{vertical-align:text-bottom}

  button,input,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}
input,select,textarea{font-size:100%}
legend{color:#000}
del,ins{text-decoration:none}
main{display:block; width: 100%;}
section{position:relative}
body{color:#444;font-family:IBM Plex Sans JP,sans-serif;font-size:100%;-webkit-font-smoothing:antialiased;line-height:1.4}
a{color:inherit;text-decoration:none;-webkit-backface-visibility:hidden;transition:all .3s ease}
@media (-ms-high-contrast:active),(-ms-high-contrast:none){a{display:inline-block}}
@media screen and (min-width:835px){a[href^=tel]{pointer-events:none}}
@media screen and (max-width:834px){.pc{display:none!important}}
@media screen and (max-width:1245px){.pc-xl{display:none!important}}
@media screen and (max-width:1024px){.pc-tb{display:none!important}}
@media screen and (max-width:990px){.pc-lg{display:none!important}}
@media screen and (max-width:640px){.pc-sm{display:none!important}}
@media screen and (max-width:374px){.pc-xs{display:none!important}}
@media screen and (min-width:835px){.sp{display:none!important}}
@media screen and (min-width:1246px){.sp-xl{display:none!important}}
@media screen and (min-width:1025px){.sp-tb{display:none!important}}
@media screen and (min-width:991px){.sp-lg{display:none!important}}
@media screen and (min-width:641px){.sp-sm{display:none!important}}
.u-fn-hover{display:inline-block}
@media screen and (min-width:835px){.u-fn-hover{transition:all .2s}
.u-fn-hover:hover{opacity:.7}}
.u-pull--left{margin-left:calc((100vw - 100%) / 2 * -1)}
.u-pull--right{margin-right:calc((100vw - 100%) / 2 * -1)}
.c-fc--white{color:#fff!important}
.c-fc--black{color:#000!important}
.c-fc--black02{color:#010101!important}
.c-fc--blue{color:#0167ff!important}
.c-fc--green{color:#00cc05!important}
.c-fc--gray{color:#ccc!important}
.c-fc--gray02{color:#888!important}
.c-ft--en{font-family:Helvetica Neue,Arial,sans-serif}
.c-fw--lt{font-weight:300!important}
.c-fw--rg{font-weight:400!important}
.c-fw--md{font-weight:500!important}
.c-fw--sbd{font-weight:600!important}
.c-fw--bd{font-weight:700!important}
.c-fw--bk{font-weight:900!important}
.c-tx--v{-ms-writing-mode:tb-rl;writing-mode:vertical-rl}
@media screen and (min-width:835px){.c-tx--v-pc{-ms-writing-mode:tb-rl;writing-mode:vertical-rl}}
.c-al--c{text-align:center!important}
.c-al--r{text-align:right!important}
.c-al--l{text-align:left!important}
.c-pull--left{margin-left:calc((100vw - 100%) / 2 * -1)}
.c-pull--right{margin-right:calc((100vw - 100%) / 2 * -1)}
.c-txt__01{font-size:1.5rem;line-height:1.8666666667}
@media screen and (max-width:834px){.c-txt__01{font-size:1.3rem}}
.c-txt__02{font-size:1.3rem;line-height:2.1538461538}
@media screen and (max-width:834px){.c-txt__02{font-size:1.2rem}}
.c-txt__03{font-size:1.8rem;line-height:1.8888888889}
@media screen and (max-width:1245px){.c-txt__03{font-size:1.6rem}}
@media screen and (max-width:834px){.c-txt__03{font-size:1.5rem}}
.c-ttl__01{font-family:Helvetica Neue,Arial,sans-serif;display:-ms-flexbox;display:flex;letter-spacing:-.15rem;position:relative;padding-bottom:1.965vw;line-height:1.1428571429;font-size:clamp(3.5rem,4.167vw,7rem)}
.c-ttl__01:not(.--noLine):before{position:absolute;content:"";height:1px;width:100vw;left:50%;transform:translateX(-50%);bottom:0;background:#dedede}
.c-ttl__01>*{padding-left:clamp(14px,1.667vw,28px);position:relative}
.c-ttl__01>:before{position:absolute;content:"";width:5.0rem;height:5.0rem;border-radius:50%;left:-2px;background:#444;z-index:-100}
.c-ttl__01>*>*{margin-left:21px}
.c-ttl__01>*>.ml-0{margin-left:0}
.c-ttl__02{font-family:Helvetica Neue,Arial,sans-serif;font-weight:700;letter-spacing:-.008em;line-height:1;font-size:clamp(5rem,5.953vw,10rem)}
.c-ttl__02--lg{line-height:.9166666667;font-size:clamp(6rem,7.143vw,12rem)}
@media screen and (max-width:834px){.c-ttl__02--lg{font-size:12vw}}
.c-ttl__02--sm{font-weight:500;line-height:.92;font-size:clamp(2.4rem,2.977vw,5rem)}
@media screen and (max-width:834px){.c-ttl__02--sm{line-height:1.4583333333}}

/*circleクラス+rotateY*/
.rotateY {width: 20px;height: 20px;border-radius: 20px;padding: 10px;line-height: 17px;text-align: center;color: #FFF;text-decoration: none;}
a:hover .rotateY{transition: transform 1s;transform: rotateY(360deg);}
.c-btn__01{font-size:1.5rem;font-weight:500;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;min-width:340px;height:80px;border-radius:40px;padding:10px 70px 10px 41px;position:relative;box-shadow:2px 0 6px rgba(0,0,0,.08);background:#f9f9f9;color:#444;-webkit-backface-visibility:hidden;transition:all .3s ease}
@media screen and (max-width:834px){.c-btn__01{min-width:280px;height:60px;border-radius:30px;padding:10px 54px 10px 15px}}
.c-btn__01 .circle{position:absolute;width:40px;height:40px;border-radius:50%;color:#fff;right:20px;top:calc(50% - 20px);z-index:1}
@media screen and (max-width:834px){.c-btn__01 .circle{width:32px;height:32px;top:calc(50% - 16px);right:10px}}
.c-btn__01 .circle:before,.c-btn__01 .circle>*{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%}
.c-btn__01 .circle:before{content:"";-webkit-backface-visibility:hidden;transition:all .3s ease}
.c-btn__01 .circle>*{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.c-btn__01 .circle>* .material-symbols-outlined{transition-duration:0ms;transition-timing-function:cubic-bezier(.55,.05,.22,.99)}
.c-btn__01 .circle .material-symbols-outlined{font-size:1.5rem}
@media (any-hover:hover){.c-btn__01:hover .circle .main .material-symbols-outlined{opacity:0;transform:translate(100%);transition-duration:.3s}
.c-btn__01:hover .circle .hover .material-symbols-outlined{opacity:1;transform:translate(0);transition-delay:.3s;transition-duration:.3s}}
.circle .bg-blue{background: #0167ff;}
.circle .bg-green{background: #00cc05;}

.js-fadeIn{opacity:0}
.js-fadeIn.is-active{opacity:1;transition:.7s cubic-bezier(.25,.46,.45,.94)}
.js-fadeZoom>*{transform:scale(.6);opacity:0;transition:all .4s}
.js-fadeZoom>:before{transition:background .4s;transition-delay:1s}
.js-fadeZoom>*>*{color:#444;transition:color .4s;transition-delay:1s}
.js-fadeZoom.is-active>*{opacity:1;transform:scale(1)}
.js-fadeZoom.is-active>[data-blue=white]:before{background:#fff}
.js-fadeZoom.is-active>[data-blue=white]>*{color:#fff}
.js-fadeZoom.is-active>[data-blue=blue]:before{background:#0167ff}
.js-fadeZoom.is-active>[data-blue=blue]>*{color:#0167ff}
.js-fadeZoom.is-active>[data-blue=green]:before{background:#00cc05}
.js-fadeZoom.is-active>[data-blue=green]>*{color:#00cc05}
.inner{display:block;width:90%;max-width:1200px;margin:0 auto}
@media screen and (max-width:834px){.inner{width:100%;padding:0 3.33%}}
.inner--1500{max-width:1500px}
.flex{display:-ms-flexbox;display:flex;justify-content: space-evenly}
.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}
.justify-content-start{-ms-flex-pack:start;justify-content:flex-start}
.justify-content-center{-ms-flex-pack:center;justify-content:center}
.justify-content-end{-ms-flex-pack:end;justify-content:flex-end}
.justify-content-between{-ms-flex-pack:justify;justify-content:space-between}
.align-items-start{-ms-flex-align:start;align-items:flex-start}
.align-items-center{-ms-flex-align:center;align-items:center}
.align-items-end{-ms-flex-align:end;align-items:flex-end}
.grid{display:grid}
.icn-outline{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}
.icn-filled{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}
.icn-outline-fw300{font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 24}
.js-tab-head{cursor:pointer}
.js-tab-body{display:none}
.js-tab-body.is-active{display:block}
.site-header{position:fixed;z-index:999;top:0;left:0;right:0;margin: 0;}
@media screen and (max-width:1500px){.site-header{padding:0}}
.site-header__inner{position:relative;z-index:0}
@media screen and (max-width:1245px){.site-header__inner{-ms-flex-pack:justify;justify-content:space-between}}
@media screen and (min-width:835px){.site-header__inner{padding:22px 39px 22px 29px;border-radius: 0 0 10px 10px;background:hsla(0,0%,100%,.5)}}
@media screen and (min-width:835px) and (max-width:1500px){.site-header__inner{padding:15px}}
@media screen and (min-width:835px){.site-header__inner:before{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);content:"";position:absolute;z-index:-1;left:0;right:0;top:0;bottom:0;border-radius:10px}}
@media screen and (max-width:834px){.site-header__inner{padding:6px 0 6px 10px}}
.site-header__logo{width:100px;}
@media screen and (max-width:834px){.site-header__logo{width:169px}}
@media (any-hover:hover){.site-header__logo:hover{transition:all .3s}
.site-header__logo:hover:hover{opacity:.7}}
.site-header__logo img{display:block;width:100%}
.site-header__menu{font-size:1.4rem;display:-ms-flexbox;display:flex;gap:32px;margin:4px 0 0 68px}
@media screen and (max-width:1500px){.site-header__menu{gap:20px}}
.site-header__menu a{display:block;position:relative}
@media (any-hover:hover){.site-header__menu a{transition:all .3s}
.site-header__menu a:hover{opacity:.7}}
.site-header__email{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0 42px 0 auto}
@media (any-hover:hover){.site-header__email{transition:all .3s}
.site-header__email:hover{opacity:.7}}
@media screen and (max-width:1500px){.site-header__email{margin:0 30px 0 auto}}
.site-header__email .material-symbols-outlined{font-size:2.6rem}
.site-header__nav{position:fixed;top:0;right:0;left:0;bottom:0;height:100vh;width:100vw;background:#fff;display:none}
@media (any-hover:hover){.site-header__nav a{transition:all .3s}
.site-header__nav a:hover{opacity:.8}}
.site-header__nav-menu{font-size:1.8rem;gap:58px;width:calc(50% - 15px);max-width:243px}
@media screen and (max-width:1500px){.site-header__nav-menu{gap:30px}}
@media screen and (max-width:1245px){.site-header__nav-menu{width:auto;min-width:200px}}
@media screen and (max-width:1024px){.site-header__nav-menu{min-width:140px}}
@media screen and (max-width:834px){.site-header__nav-menu{font-size:1.6rem}}
@media screen and (max-width:640px){.site-header__nav-menu{width:100%;max-width:100%;gap:15px}}
@media screen and (max-width:640px){.site-header__nav-menu>*>a{display:block;padding:10px;position:relative;background:#f9f9f9}}
.site-header__nav-sub{font-size:1.3rem;line-height:1.9230769231;margin-top:8px}
@media screen and (max-width:834px){.site-header__nav-sub{font-size:1.2rem}}
@media screen and (max-width:640px){.site-header__nav-sub{display:none;margin:0;padding:10px 10px 0}
.site-header__nav-sub>*{margin-bottom:10px}
.site-header__nav-sub>:last-child{margin-bottom:0}}
.site-header__grid{height:100vh}
@media screen and (min-width:835px){.site-header__grid{grid-template-columns:repeat(2,1fr)}}
.site-header__grid>*{height:100vh}
.site-header__img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;font-family:object-fit\: cover}
.site-header__wrap{padding:17.7vh 0 0}
@media screen and (max-width:834px){.site-header__wrap{padding:10vh 0 0}}
.site-header__scroll{height:calc(100vh - 50px);overflow-x:hidden;overflow-y:auto;padding:0 15px}
.site-header__inn{max-width:600px;margin:0 auto;padding-bottom:50px}
.site-header__top{-ms-flex-pack:justify;justify-content:space-between;margin-bottom:115px}
@media screen and (max-width:1245px){.site-header__top{margin-bottom:80px}}
@media screen and (max-width:834px){.site-header__top{margin-bottom:30px}}
@media screen and (max-width:640px){.site-header__top{-ms-flex-direction:column;flex-direction:column;gap:15px}}
.site-header__info{margin-bottom:100px}
@media screen and (max-width:1245px){.site-header__info{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;gap:15px}}
.site-header__copyright{font-size:1.2rem;line-height:2.0833333333;position:relative;top:6px;letter-spacing:.03em}
.site-header__mobile{position:relative;cursor:pointer;z-index:12;-ms-flex-direction:column;flex-direction:column;text-align:center;font-family:Helvetica Neue,Arial,sans-serif;font-size:1.6rem;width:25px;height:25px;border-radius:50%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
@media (any-hover:hover){.site-header__mobile{transition:all .3s}
.site-header__mobile:hover{opacity:.7}}
.site-header__mobile span{position:relative;width:100%;height:2px;background:#0f0f0f;-webkit-backface-visibility:hidden;transition:all .3s ease}
@media screen and (max-width:834px){.site-header__mobile span{width:18px;background:#fff}}
.site-header__mobile span:after,.site-header__mobile span:before{position:absolute;left:0;width:100%;height:100%;background:#0f0f0f;content:"";-webkit-backface-visibility:hidden;transition:all .3s ease;border-radius:1px}
@media screen and (max-width:834px){.site-header__mobile span:after,.site-header__mobile span:before{background:#fff}}
.site-header__mobile span:before{top:-9px}
@media screen and (max-width:834px){.site-header__mobile span:before{top:-6px}}
.site-header__mobile span:after{bottom:-9px}
@media screen and (max-width:834px){.site-header__mobile span:after{bottom:-6px}}
.site-header__mobile.is-close{background:transparent;box-shadow:none}
.site-header__mobile.is-close span{background:transparent}
.site-header__mobile.is-close span:after,.site-header__mobile.is-close span:before{width:100%}
@media screen and (max-width:834px){.site-header__mobile.is-close span:after,.site-header__mobile.is-close span:before{background:#0f0f0f}}
.site-header__mobile.is-close span:before{transform:rotate(45deg);top:0}
.site-header__mobile.is-close span:after{transform:rotate(-45deg);bottom:0}
@media screen and (max-width:834px){.site-header.is-active{background:rgba(0,0,0,.5)}}
.js-locked{overflow:hidden;-ms-touch-action:none;touch-action:none}
.js-locked body{-webkit-overflow-scrolling:auto}
.site-footer{position:relative}
@media (any-hover:hover){.site-footer a{transition:all .3s}
.site-footer a:hover{opacity:.7}}
.site-footer__img{position:sticky;z-index:-1;top:0;width: 100%;}
.site-footer__img img{display:block;width:100%}
.site-footer__bottom{position:relative;z-index:1;background:#fff;padding:0 0 76px;width: 100%;}
.site-footer__bottom:before{content:"";position:absolute;right:0;bottom:calc(100% - 2px);left:0;height:20.119047619vw;background:url(../img/common/footer-bg.png) no-repeat;background-size:100% auto;background-position:center bottom -2px}
@media screen and (max-width:834px){.site-footer__bottom:before{background-size:150% auto}}
.site-footer__inner{position:relative;z-index:1;max-width:1008px;gap:108px}
@media screen and (max-width:1245px){.site-footer__inner{gap:70px}}
@media screen and (max-width:834px){.site-footer__inner{gap:30px}}
.site-footer__logo{width:281px;margin:-49px auto 0}
@media screen and (max-width:834px){.site-footer__logo{width:190px;margin-top:-15px}}
.site-footer__box{-ms-flex-align:start;align-items:flex-start;gap:39px 113px;margin:0 -105px -20px 0}
@media screen and (max-width:1245px){.site-footer__box{-ms-flex-pack:justify;justify-content:space-between;gap:25px 0;margin:0}}
@media screen and (max-width:640px){.site-footer__box{max-width:350px;margin:0 auto}}
.site-footer__menu{font-size:1.5rem;gap:39px;min-width:193px;white-space:nowrap}
@media screen and (max-width:1245px){.site-footer__menu{min-width:0}}
@media screen and (max-width:834px){.site-footer__menu{gap:25px;width:50%;font-size:1.3rem}}
@media screen and (max-width:640px){.site-footer__menu{width:auto;text-align:center}
.site-footer__menu:nth-child(odd){min-width:169px}
.site-footer__menu:nth-child(2n){min-width:143px}}
@media screen and (max-width:374px){.site-footer__menu{width:100%}}
@media screen and (max-width:640px){.site-footer__menu>*>a{display:block;position:relative}
.site-footer__menu>*>a.is-active .site-footer__ico:after{opacity:0}}
.site-footer__sub{font-size:1.3rem;line-height:1.4;margin-top:.6em}
@media screen and (max-width:834px){.site-footer__sub{font-size:1.2rem}}
.site-footer__sub>*{margin-bottom:.5em}
.site-footer__sub>:last-child{margin-bottom:0}
.site-footer__copyright{font-size:1.2rem;line-height:2.0833333333;text-align:center;letter-spacing:.03em}
.top-hero{position:relative;z-index:1;padding:clamp(240px,32.024vw,538px) 0 clamp(109px,14.584vw,245px)}
@media screen and (max-width:834px){.top-hero{padding:clamp(187px,49.87vw,374px) 0 clamp(182px,48.54vw,364px)}}
.top-hero__img{position:absolute;z-index:-1;width:37.5595238095%}
.top-hero__img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;font-family:object-fit\: cover;opacity:0;transition:all 1.2s;transform:translateY(65px)}
.top-hero__img.--first{top:0;bottom:0;left:0;width:62.4404761905%}
@media screen and (max-width:834px){.top-hero__img.--first{bottom:auto;height:52%;width:100%}}
.top-hero__img.--second{top:0;right:0;height:47.7%}
@media screen and (max-width:834px){.top-hero__img.--second{top:auto;bottom:0;height:50%;width:100%}}
.top-hero__img.--second img{transition-delay:.3s}
.top-hero__img.--three{bottom:0;right:0;height:52.3%}
.top-hero__img.--three img{transition-delay:.3s}

  .top-hero__ttl{width:90%;max-width:1440px;margin:0 auto;opacity:0;transition:all 1s;transition-delay:1.5s;color:#0167ff}

  @media screen and (max-width:834px){
    .top-hero__ttl{color:#fff;text-align:center}}

    .top-hero__ttl small{display:block;margin-bottom:.5em;padding:0 10px;line-height:1.4375;font-size:clamp(1.6rem,1.905vw,3.2rem)}
@media screen and (max-width:834px){.top-hero__ttl small{font-size:max(1.6rem,3.83vw)}

  }

  .top-hero__ttl .c-ft--en{letter-spacing:-.01em;line-height:1;font-size:clamp(5rem,7.143vw,12rem)}

  @media screen and (max-width:834px){
    .top-hero__ttl .c-ft--en{font-size:max(5rem,11.99vw)}

  }

  .top-hero.is-active .top-hero__img img{opacity:1;transform:translateY(0)}

  .top-hero.is-active .top-hero__ttl{opacity:1}

  .top-msg{position:relative;z-index:2;background:url(../img/webp/index/gradation-bg.webp) 50% no-repeat;background-size:100% 100%;margin:3px 0 0;padding:19.3vw 0 11.2vw;text-align:center;margin-top:-2.0vw;overflow-x:hidden}
@media screen and (max-width:1679px){.top-msg{padding:16vw 0 11.2vw}}
@media screen and (max-width:1024px){.top-msg{padding:14vw 0 11.2vw}}
@media screen and (max-width:834px){.top-msg{background:url(../img/webp/index/gradation-bg.webp) 50% no-repeat;background-size:100% 100%;margin-top:-12.1vw;padding:25.6vw 0 11.2vw}}
@media screen and (max-width:374px){.top-msg{padding:17.6vw 0 5.2vw}}
.top-msg__ttl{margin-bottom:clamp(10px,1.488vw,25px)}
.top-msg__txt{line-height:2.1904761905;font-size:clamp(1.4rem,1.25vw,2.1rem);margin-bottom:4.524vw}
@media screen and (max-width:834px){.top-msg__txt{line-height:1.6428571429;margin-bottom:5.624vw}}
@media screen and (min-width:835px){.top-msg__list{display:grid;grid-template-columns:repeat(3,1fr)}}
@media screen and (max-width:834px){.top-msg__list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;font-size:1.2rem;line-height:1.3}}
.top-msg__list>*{border-right:1px solid #80c1f8;position:relative;z-index:1;gap:2.322vw;padding:2.738vw 10px 3.572vw}
@media screen and (max-width:834px){.top-msg__list>*{width:50%;padding:6.838vw 5px 6.572vw;border-bottom:1px solid #80c1f8}}
@media screen and (max-width:834px){.top-msg__list>:nth-child(3n+2){border-right:none}}
.top-msg__list>:nth-child(3n+3){border-right:none}
@media screen and (max-width:834px){.top-msg__list>:nth-child(3n+3){width:100%;border-bottom:none;padding:10.538vw 5px 4.072vw;gap:7vw}
.top-msg__list>:nth-child(3n+3) .top-msg__list-img{top:17%}}
.top-msg__list-ttl{letter-spacing:.05em}
.top-msg__list-number{letter-spacing:-.05em;line-height:1;font-size:clamp(4rem,7.143vw,12rem)}
.top-msg__list-img{position:absolute;z-index:-1;top:4.2%;left:0;right:0;min-height:197px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
@media screen and (max-width:834px){.top-msg__list-img{min-height:99px}}
.top-msg__slider{position:absolute;z-index:-1;color:hsla(0,0%,100%,.1);left:0;right:0;font-weight:100;top:12%;line-height:1;font-size:clamp(9rem,10.715vw,18rem);height:clamp(11rem,12vw,20rem);overflow:hidden;white-space:nowrap}
@media screen and (max-width:834px){.top-msg__slider{top:14.4%}}
.top-msg__slider-item{padding:0 10px}
.top-msg__slider .slick-list{height:100%}
.top-transformation{padding:107px 0 148px;overflow-x:hidden}
@media screen and (max-width:834px){.top-transformation{padding:50px 0}}
.top-transformation__inner{position:relative;z-index:1}
@media screen and (min-width:991px){.top-transformation__inner{grid-template-columns:repeat(2,1fr)}}
.top-transformation__inner:before{content:"";position:absolute;z-index:-1;width:417px;height:225px;background:url(../img/webp/index/DX-bg.webp) 50%/contain no-repeat;top:12px;left:12.6%}
@media screen and (max-width:834px){.top-transformation__inner:before{left:auto;right:0;width:40vw;height:23vw}}
@media screen and (max-width:990px){.top-transformation__left{margin-bottom:30px}}
.top-transformation__str{line-height:1.5625;font-size:clamp(2rem,1.905vw,3.2rem)}
.top-transformation__ct{padding:clamp(24px,2.858vw,48px) 0 0 clamp(50px,8.512vw,143px)}
@media screen and (min-width:1501px){.top-transformation__ct{margin:0 -30px 0 0}}
@media screen and (max-width:1500px){.top-transformation__ct{padding-left:4vw}}
@media screen and (max-width:1245px){.top-transformation__ct{padding-left:2vw}}
@media screen and (max-width:834px){.top-transformation__ct{padding:0}}
@media screen and (max-width:834px){.top-transformation__btn{text-align:center}}
.top-business{position:relative;z-index:1;padding:106px 0 138px}
@media screen and (max-width:834px){.top-business{padding:40px 0}}
.top-business:after,.top-business:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;}
.top-business:before{background:url(../img/index/10630001595.jpg) 50%/cover;background-attachment: fixed;}
.top-business:after{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}
.top-business__inner{position:relative;z-index:1}
.top-business__inner .c-ttl__01{padding-bottom:28px}
.top-business__str{font-size:clamp(2rem,1.905vw,3.2rem);letter-spacing:.03em}
@media screen and (min-width:835px){.top-business__str{position:absolute;top:19px;right:-21px}}
.top-business__str sup{font-size:50%}
.top-business__txt{font-size:clamp(2rem,1.905vw,3.2rem);line-height:1.25}
.top-business__txt small{display:block;line-height:1.8666666667;font-size:clamp(1.2rem,.893vw,1.5rem)}
.top-business__list{grid-template-columns:repeat(3,1fr);gap:30px}
@media screen and (max-width:1245px){.top-business__list{gap:15px}}
@media screen and (max-width:834px){.top-business__list{grid-template-columns:repeat(2,1fr)}}
@media screen and (max-width:640px){.top-business__list{grid-template-columns:repeat(1,1fr)}}
.top-business__list-link{position:relative;box-shadow:2px 0 6px rgba(0,0,0,.2);border-radius:10px;overflow:hidden}
@media (any-hover:hover){.top-business__list-link:hover{text-shadow:0 0 10px rgba(0,0,0,.8)}
.top-business__list-link:hover .top-business__list-img{transform:scale(1.2)}}
.top-business__list-img{position:relative;-webkit-backface-visibility:hidden;transition:all .3s ease}
.top-business__list-img:before{content:"";display:block;padding-bottom:147.3684210526%}
@media screen and (max-width:834px){.top-business__list-img:before{padding-bottom:60%}}
.top-business__list-img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;font-family:object-fit\: cover}
.top-business__list-ct{position:absolute;top:0;left:0;right:0;padding:clamp(15px,1.607vw,27px) clamp(15px,2.084vw,35px)}
.top-business__list-ttl{margin-bottom:-4px;letter-spacing:.05em;line-height:2.0833333333;font-size:clamp(1.8rem,1.429vw,2.4rem)}
@media screen and (min-width:835px){.top-business__btn{position:absolute;top:clamp(112px,9.643vw,162px);right:0}}
@media screen and (max-width:834px){.top-business__btn{text-align:center}}
.for-business__btn {margin-bottom: 4.0rem}
@media screen and (min-width:835px){.for-business__btn{top:clamp(112px,9.643vw,162px);text-align:center}}
@media screen and (max-width:834px){.for-business__btn{text-align:center}}
.top-potential{position:relative;z-index:1;padding:190px 0 131px;overflow-x:hidden}
@media screen and (max-width:834px){.top-potential{padding:50px 0}}
.top-potential__inner{position:relative;z-index:1}
.top-potential__str{line-height:1.53125;font-size:clamp(2rem,1.905vw,3.2rem);padding:0 7px;letter-spacing:.02em}
.top-potential__des{padding:0 7px}
.top-potential__btn{padding:0 5px}
@media screen and (max-width:834px){.top-potential__btn{text-align:center}}
.top-potential__img{position:absolute;z-index:-1;width:53.34%;top:-12%;right:-7.75%}
@media screen and (max-width:834px){.top-potential__img{width:40%;top:0;right:0}}
@media screen and (max-width:640px){.top-potential__img{position:relative;top:auto;right:auto;width:70%;max-width:340px;margin:0 auto 30px}}
.top-potential__img:before{display:block;content:"";padding-bottom:100%}
.top-potential__img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;font-family:object-fit\: cover;border-radius:50%}
.box-gray{background:#f9f9f9;padding:104px 0 120px;margin-bottom:-22.024vw;position:relative;z-index:2}
@media screen and (max-width:834px){.box-gray{padding:30px 0}}
.top-news{margin-bottom:84px}
@media screen and (max-width:834px){.top-news{margin-bottom:50px}}
.top-news__inner{position:relative}
.top-news__tab-head{position:relative;font-size:1.5rem;line-height:2.6;gap:36px;color:#999}
@media screen and (max-width:834px){.top-news__tab-head{font-size:1.3rem;gap:15px}}
.top-news__tab-head:before{position:absolute;content:"";width:100vw;left:50%;transform:translateX(-50%);bottom:0;background:#dedede;height:1px}
.top-news__tab-head>*{position:relative;padding:0 7px 1px}
.top-news__tab-head>:before{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;-webkit-backface-visibility:hidden;transition:all .3s ease;background:#00cc05;transform:scaleX(0);opacity:0}
.top-news__tab-head>.is-active{color:#444}
.top-news__tab-head>.is-active:before{transform:scaleX(1);opacity:1}
@media (any-hover:hover){.top-news__tab-head>:hover{color:#444}
.top-news__tab-head>:hover:before{transform:scaleX(1);opacity:1}}
.top-news__list{grid-template-columns:repeat(2,1fr);gap:11px 20px}
@media screen and (max-width:834px){.top-news__list{gap:10px}}
@media screen and (max-width:640px){.top-news__list{grid-template-columns:repeat(1,1fr)}}
.top-news__list-link{background:#f9f9f9;-ms-flex-align:start;align-items:flex-start;padding:17px 19px}
@media screen and (max-width:834px){.top-news__list-link{padding:10px}}
@media (any-hover:hover){.top-news__list-link:hover{box-shadow:0 8px 40px rgba(21,38,50,.13)}
.top-news__list-link:hover .top-news__list-img img{transform:scale(1.2)}}
.top-news__list-img{position:relative;overflow:hidden;border-radius:8px;width:21.55%}
.top-news__list-img:before{display:block;content:"";padding-bottom:100.2%}
.top-news__list-img img{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;font-family:object-fit\: cover;transition:transform .5s}
.top-news__list-ct{width:65.45%;padding:5px 0 0 28px;gap:15px}
@media screen and (max-width:834px){.top-news__list-ct{padding:5px 0 0 10px}}
.top-news__list-ttl{font-size:1.5rem;line-height:1.6}
@media screen and (max-width:834px){.top-news__list-ttl{font-size:1.3rem}}
.top-news__list-tag{font-size:1.3rem}
@media screen and (max-width:834px){.top-news__list-tag{font-size:1.2rem}}
.top-news__list-tag>*{background:#fff;border-radius:3px;padding:5px 10px}
@media screen and (min-width:835px){.top-news__btn{position:absolute;top:clamp(10px,.953vw,16px);right:1px}}
@media screen and (max-width:834px){.top-news__btn{text-align:center}}
.top-company__list{grid-template-columns:repeat(2,1fr);gap:44px 40px}
@media screen and (max-width:834px){.top-company__list{gap:15px}}
@media screen and (max-width:640px){.top-company__list{grid-template-columns:repeat(1,1fr)}}
.top-company__list-link{background:#f0f1f2;border-radius:8px;gap:3px;position:relative;padding:39px 89px 40px 39px;height:100%}
@media screen and (max-width:834px){.top-company__list-link{padding:15px 60px 15px 15px}}
.top-company__list-ttl{gap:50px}
@media screen and (max-width:834px){.top-company__list-ttl{gap:10px}}
.top-company__list-ttl .c-ft--en{font-size:1.5rem;line-height:1.4}
@media screen and (max-width:834px){.top-company__list-ttl .c-ft--en{font-size:1.3rem;line-height:2}}
.top-company__list-ttl .jp{font-size:2.4rem;line-height:1.6666666667}
@media screen and (max-width:834px){.top-company__list-ttl .jp{font-size:1.8rem}}
@media screen and (max-width:834px){.top-company__list-ico{right:10px;bottom:calc(50% - 20px)}}

/*top-company__list-circleクラス+rotateY*/
@media (any-hover:hover){.top-company__list-link:hover .top-company__list-circle .main .material-symbols-outlined{opacity:0;transform:translate(100%);transition-duration:.3s}
.top-company__list-link:hover .top-company__list-circle .hover .material-symbols-outlined{opacity:1;transform:translate(0);transition-delay:.3s;transition-duration:.3s}}
.top-company__list-circle{position:absolute;width:40px;height:40px;right:40px;bottom:46px;border-radius:50%;color:#fff;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;}
@media screen and (max-width:834px){.top-company__list-circle{right:10px;bottom:calc(50% - 20px)}}
.top-company__list-circle:before,.top-company__list-circle>*{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%}
.top-company__list-circle:before{content:"";-webkit-backface-visibility:hidden;transition:all .3s ease;}
.top-company__list-circle>*{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}
.top-company__list-circle>* .material-symbols-outlined{transition-duration:0ms;transition-timing-function:cubic-bezier(.55,.05,.22,.99)}
.top-company__list-circle .hover .material-symbols-outlined{opacity:0;transform:translate(-100%)}
.top-company__list-circle .material-symbols-outlined{font-size:1.5rem}
.top-company__list-circle .bg-blue{background: #0167ff;}
.top-company__list-circle .bg-green{background: #00cc05;}