html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}html>*{box-sizing:border-box}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}input[type="submit"],input[type="button"],input[type="checkbox"],button{cursor:pointer;border-radius:0;-webkit-box-sizing:border-box;-webkit-appearance:button;appearance:button;margin:0;border:none;box-sizing:border-box;transition:all .3s}input[type="submit"]::-webkit-search-decoration,input[type="button"]::-webkit-search-decoration,input[type="checkbox"]::-webkit-search-decoration,button::-webkit-search-decoration{display:none}input[type="submit"]::focus,input[type="button"]::focus,input[type="checkbox"]::focus,button::focus{outline-offset:-2px}:root{--size-unit:16;--size-container-ideal:1440;--size-container-min:992px;--size-container-max:1920px;--font-size-body:1rem;--size-container:clamp(var(--size-container-min),100vw,var(--size-container-max));--size-font: calc(var(--size-container) / (var(--size-container-ideal) / var(--size-unit)));--black:#1b272f;--txt-black:#1f3542;--white:#fff;--txt-white:#f0f1f2;--offwhite:#f3f5f6;--orange:#e74d09;--light:300;--normal:400;--medium:500;--semibold:600;--bold:700;--boldest:900;--font-en:"Ubuntu Sans" , sans-serif;--font-en-mono:"Ubuntu Sans Mono" , monospace;--font-ja:YakuHanJP , "Noto Sans JP" , sans-serif;--font-size-h1:3rem}@media screen and (max-width:991px){:root{--size-container-ideal:834;--size-container-min:768px;--size-container-max:991px}}@media screen and (max-width:767px){:root{--size-container-ideal:550;--size-container-min:480px;--size-container-max:767px}}@media screen and (max-width:479px){:root{--size-container-ideal:390;--size-container-min:320px;--size-container-max:479px}}@media screen and (max-width:991px){.tb{.
  display: block}}html{font-size:clamp(16px,var(--size-font),18px)}@media screen and (max-width:991px){html{font-size:clamp(14px,var(--size-font),16px)}}body{font-size:var(--font-size-body)}main{overflow:hidden;&.page {
    overflow: visible;
  }
}.container{max-width:var(--size-container)}.container.medium{max-width: calc(var(--size-container) * 0.85)}.container.small{max-width: calc(var(--size-container) * 0.7)}.sp{display:none}@media screen and (max-width:479px){.pc{display:none}.sp{display:block}}::selection{background:var(--orange);color:#fff}::-moz-selection{background:var(--orange);color:#fff}html{font-family:YakuHanJP,"Noto Sans JP",sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0;color:var(--text-black);background:var(--offwhite);color:var(--txt-black)}a,button{text-decoration:none;transition:all .3s}a{color:var(--txt-black)}video{width:100%}img{max-width:100%;height:auto;vertical-align:middle}.ja{font-family: var(--font-ja)}.en{font-family: var(--font-en)}.en-mono{font-family: var(--font-en-mono)}.semibold{font-weight:var(--semibold)}[data-underline-link]{text-decoration:none;position:relative}[data-underline-link]::before,[data-underline-link="alt"]::before,[data-underline-link="alt"]::after{content:"";position:absolute;bottom:-.125rem;left:0;width:100%;height:.125rem;background-color:var(--orange);transition:transform .3s cubic-bezier(.625,.05,0,1);transform-origin:right;transform:scaleX(0) rotate(.001deg)}[data-underline-link="alt"]::before{transform-origin:left;transform:scaleX(1) rotate(.001deg);transition-delay:.3s}[data-underline-link="alt"]::after{transform-origin:right;transform:scaleX(0) rotate(.001deg);transition-delay:0s}@media (hover:hover) and (pointer:fine){[data-hover]:hover [data-underline-link]::before,[data-underline-link]:hover::before{transform-origin:left;transform:scaleX(1) rotate(.001deg)}[data-hover]:hover [data-underline-link="alt"]::before,[data-underline-link="alt"]:hover::before{transform-origin:right;transform:scaleX(0) rotate(.001deg);transition-delay:0s}[data-hover]:hover [data-underline-link="alt"]::after,[data-underline-link="alt"]:hover::after{transform-origin:left;transform:scaleX(1) rotate(.001deg);transition-delay:.3s}}[data-underline-inherit-link]{text-decoration:none;position:relative}[data-underline-inherit-link]::before,[data-underline-inherit-link="alt"]::before,[data-underline-inherit-link="alt"]::after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:1px;background-color:currentColor;transition:transform .3s cubic-bezier(.625,.05,0,1);transform-origin:right;transform:scaleX(0) rotate(.001deg)}[data-underline-inherit-link="alt"]::before{transform-origin:left;transform:scaleX(1) rotate(.001deg);transition-delay:.3s}[data-underline-inherit-link="alt"]::after{transform-origin:right;transform:scaleX(0) rotate(.001deg);transition-delay:0s}@media (hover:hover) and (pointer:fine){[data-hover]:hover [data-underline-inherit-link]::before,[data-underline-inherit-link]:hover::before{transform-origin:left;transform:scaleX(1) rotate(.001deg)}[data-hover]:hover [data-underline-inherit-link="alt"]::before,[data-underline-inherit-link="alt"]:hover::before{transform-origin:right;transform:scaleX(0) rotate(.001deg);transition-delay:0s}[data-hover]:hover [data-underline-inherit-link="alt"]::after,[data-underline-inherit-link="alt"]:hover::after{transform-origin:left;transform:scaleX(1) rotate(.001deg);transition-delay:.3s}}#loader{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background-color:#ec5223;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:99999}.loader-logo{width:80px}@media screen and (max-width:480px){.loader-logo{width:40px;height:40px}}@keyframes toggle-one {
    10% { opacity: 0;transform: scale(1);}
    20% { opacity: 0.7;transform: scale(1);}
    30% { opacity: 1;transform: scale(1); }
    50% { opacity: 1;transform: scale(1); }
    60% { opacity: 0.7;transform: scale(1); }
    80% { opacity: 0;transform: scale(1); }
  }@keyframes toggle-two {
    20% { opacity: 0;transform: scale(1);}
    30% { opacity: 0.7;transform: scale(1);}
    40% { opacity: 1;transform: scale(1);}
    60% { opacity: 1;transform: scale(1);}
    70% { opacity: 0.7;transform: scale(1); }
    90% { opacity: 0; transform: scale(1);}
  }@keyframes toggle-three {
    30% { opacity: 0;transform: scale(1);}
    40% { opacity: 0.7;transform: scale(1);}
    50% { opacity: 1; transform: scale(1);}
    70% { opacity: 1; transform: scale(1);}
    80% { opacity: 0.7; transform: scale(1);}
    100% { opacity: 0; transform: scale(1);}
  }#one,#two,#three{opacity:0;animation-duration:1.2s;animation-iteration-count:infinite;transform-origin:center}#one{animation-name:toggle-one}#two{animation-name:toggle-two}#three{animation-name:toggle-three}.btn-1 button{background:none}.btn-1.is--white a,.btn-1.is--white button{color:var(--txt-white);svg path {
    fill: #fff;
  }
}.btn-1 a,.btn-1 button{display:inline-flex;align-items:center;gap:.8rem;letter-spacing:.02625rem;font-weight:var(--bold)}.btn-magnetic__field{border-radius:50%;font-size:max(1.5vw,1em);width:86px;height:86px;position:relative;box-sizing:border-box}.circle-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;transform:rotate(-90deg)}.circle-bg circle{fill:none;stroke:#e7e7e7;stroke-width:2;stroke-linecap:round;stroke-dasharray:364;stroke-dashoffset:0}.circle-border{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transform:rotate(-90deg)}.circle-border circle{fill:none;stroke:#e7e7e7;stroke-width:2;stroke-linecap:round;stroke-dasharray:364;stroke-dashoffset:0;transition:stroke .3s ease}.btn-1 a:hover .circle-border circle,.btn-1 button:hover .circle-border circle{stroke:#e74d09;animation:drawCircle .3s linear forwards}.btn-1 a:not(:hover) .circle-border circle,
.btn-1 button:not(:hover) .circle-border circle {stroke:#e74d09;animation:eraseCircle .3s linear forwards}@keyframes drawCircle {
  0% {
    stroke-dashoffset: 364;
  }
  100% {
    stroke-dashoffset: 0;
  }
}@keyframes eraseCircle {
  0% {
    stroke-dashoffset: 0;
  }
  100% {
    stroke-dashoffset: 364;
  }
}.btn-magnetic{font-size:1em;display:flex;position:relative;width:100%;height:100%;z-index:2}.btn-magnetic__click{cursor:pointer;border-radius:4em;justify-content:center;align-items:center;width:100%;height:100%;text-decoration:none;display:flex;position:relative;overflow:hidden}.btn-magnetic__fill{width:80%;height:80%;position:absolute;border-radius:50%;box-sizing:border-box}.btn-magnetic__content{pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;padding:.75em 2em;display:flex;position:relative}.btn-magnetic__text{position:relative;overflow:hidden}.btn-magnetic__text-p{text-align:center;font-weight:var(--normal);position:relative;line-height:0}.btn-1 a,.btn-1 button{.btn-magnetic__fill {
   transition: all 0.6s ;
 }
}.btn-1 a:hover{.btn-magnetic__fill {

  }
}.transition{z-index:9999;flex-flow:wrap;grid-template-columns:repeat(8,1fr);place-content:center;place-items:center;width:100%;min-height:100vh;min-height:100dvh;display:none;position:fixed;top:0%;left:0%;right:0%}.transition-block{aspect-ratio:1;background-color:var(--orange);width:100%;height:100%}@media screen and (max-width:991px){.btn-magnetic__field{width:64px;height:64px}.transition{grid-template-columns:repeat(6,1fr)}}@media screen and (max-width:479px){.btn-1 a,.btn-1 button{gap:.5rem}.btn-txt{font-size:.875rem}.transition{grid-template-columns:repeat(4,1fr)}}.header{padding:1.5rem 0;font-size:1rem;position:fixed;width:100%;top:0;left:0;z-index:99;backdrop-filter:blur(4px);div.container {
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  a {
    color: var(--txt-black);
  }
  .logo img {
    transition: filter 0.3s ease;
  }
}@media screen and (max-width:991px){.header{padding:1rem 0}}@media screen and (max-width:767px){.header{padding:.5rem 0}}@media screen and (max-width:479px){.logo img{height:28px}}.header.is--white{background:none;a {
    color: var(--txt-white);
  }
  .logo img {
    filter: brightness(0) invert(1);
  }
  .global-navi .droplist > a svg path {
    stroke: #FFF;
  }
  .contact.btn a {
    background: var(--orange);
    color: var(--white);
    border-radius: 20px;
    padding: 8px 40px;
    display: block;
  }
  .contact.btn a:hover {
    background: var(--white);
    color: var(--orange);
  }
  .menu path {
    stroke: var(--white);
  }
}.header.is--white-2{background:none;a {
    color: var(--txt-white);
  }
  .logo img {
    filter: brightness(0) invert(1);
  }
  .global-navi .droplist > a svg path {
    stroke: #FFF;
  }
  .contact.btn a {
    background: var(--white);
    color: var(--orange);
    border-radius: 20px;
    padding: 8px 40px;
    display: block;
  }
  .contact.btn a:hover {
    background: var(--black);
    color: var(--white);
  }
  .menu path {
    stroke: var(--white);
  }
  .lang a {
    border: 1px solid var(--white);
  }
  .lang a:hover {
    border: 1px solid var(--orange);
    background: var(--white);
    color: var(--orange);
  }
}.global-navi{display:flex;gap:0 1.5rem;align-items:center}@media screen and (max-width:479px){.global-navi{gap:0 1rem}}.global-navi .menu{display:none;align-items:center;button {
    padding: 0;
    width: auto;
    background: transparent;
    border: none;
    cursor: pointer;
    path {
      transition: stroke 0.3s ease;
    }
    &:hover path {
      stroke: var(--orange);
    }
  }

}.global-navi ul.list{display:flex;gap:0 2.5rem;align-items:center}@media screen and (max-width:991px){.global-navi .menu{display:block}.global-navi ul.list{display:none}}.lang a{border:1px solid #646464;border-radius:100%;display:flex;align-items:center;justify-content:center;height:2.625rem;width:2.625rem;font-weight:var(--semibold)}.lang a:hover{border:1px solid var(--orange);color:var(--orange)}@media screen and (max-width:479px){.lang a{height:2rem;width:2rem;font-size:.75rem}}.contact.btn a{background:var(--orange);color:var(--white);border-radius:20px;padding:8px 40px;display:block}.contact.btn a:hover{background:var(--black);color:var(--white)}.sp-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--black);color:#fff;z-index:999;pointer-events:none;opacity:0;.container {
    position: relative;
    margin: 2rem auto;
    .close {
      position: absolute;
      background: none;
      top: 0;
      right: 0;
      padding: 0;
    }
  }
}@media screen and (max-width:479px){.sp-menu{.container {
      margin: 0.5rem auto;
      .close {
        svg {
          width: 24px;
          height: 24px;
        }
      }
    }
  }}.sp-menu.is-open{pointer-events:auto;opacity:1}.sp-nav>ul{display:flex;flex-direction:column;gap:3rem;font-size:1.75rem;width:max-content;margin:auto;text-align:center;height:100dvh;justify-content:center;a {
    color: var(--white);
  }
  .child {
    margin-top: 1.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    font-size: 1rem;
  }
}#top-hero{height:100vh;height:100dvh;display:flex;flex-direction:column;background:linear-gradient(180deg,#f3f5f6 80%,#fff 100%);.container {
    margin: auto;
    width: 100%;
  }
  .mission-copy {
    display: flex;
    position: relative;
    z-index: 2;
    flex-direction: column;
    width: max-content;
    h1 {
      font-size: 3rem;
      font-weight: var(--semibold);
      line-height: 1.6; 
      letter-spacing: 0rem;
      margin-bottom: 2.5rem;
    }
    p {
      color: var(--orange);
      font-size: 1.125rem;
      font-weight: var(--semibold);
      letter-spacing: 0.04rem;
    }
  }
}.img-carousel__wrap{position:fixed;top:0;left:25%;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex;filter:blur(10px);z-index:0;opacity:0;visibility:hidden}.img-carousel__list{z-index:1;perspective:90vw;perspective-origin:50%;transform-style:preserve-3d;justify-content:center;align-items:center;width:80vw;height:50vw;margin-left:auto;margin-right:auto;font-size:1vw;display:flex;position:relative;cursor:initial!important}.img-carousel__panel{z-index:0;flex-direction:column;flex:none;justify-content:space-between;align-items:stretch;width:13em;height:39em;display:flex;position:absolute}.img-carousel__panel:nth-of-type(even){justify-content:center}.img-carousel__item{aspect-ratio:1;width:100%;position:relative;overflow:hidden;background-color:rgba(221,221,221,.8)}.img-carousel__img{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;inset:0%;opacity:0}@media screen and (max-width:991px){.img-carousel__wrap{filter:blur(5px);left:50%;transform:scale(2.5)}}@media screen and (max-width:767px){#top-hero{height:100vh;height:100dvh;.container {
    }
    .mission-copy {
      width: 100%;
      h1 {
        font-size: 2rem;
        margin-bottom: 2.5rem;
      }
      p {
        font-size: 1rem;
        line-height: 1.4;
      }
    }
  }.img-carousel__wrap{filter:blur(3px);left:50%;transform:scale(2.5)}}@media screen and (max-width:479px){#top-hero{.mission-copy {
      h1 {
        font-size: 2rem;
        margin-bottom: 2.5rem;
      }
      p {
        font-size: 1rem;
        line-height: 1.6;
      }
    }
  }.img-carousel__wrap{filter:blur(3px);left:50%;transform:scale(3)}}#pickup-news{font-size:1rem;display:flex;padding:1.4rem 0;position:relative;z-index:2;.container{
    margin: auto;
    width: 100%;
  }
}.pickup{display:flex;justify-content:space-between;align-items:center;dl {
    display: flex;
    font-weight: var(--medium);
    gap: 0 1.25rem;
    align-items: center;
    dt {
      color: #646464;
      font-size: 0.8rem;
      letter-spacing: 0.1rem;
      display: flex;
      gap: 0.875rem;
      align-items: center;
      &::before {
        content: '';
        width: 6px;
        height: 6px;
        background: var(--orange);
        display: block;
        transform: rotate(45deg);
      }
    }
    dd {
      line-height: 1.4;
    }
  }
  .txt-link {
    font-size: 0.875rem;
    font-weight: var(--semibold);
  }
}.txt-link a{display:flex;gap:.875rem;align-items:center;svg path {
    transition: fill 0.3s ease;
  }
  &:hover svg path{
    fill: var(--orange);
  }
}@media screen and (max-width:767px){.pickup{flex-direction:column;align-items:start;gap:2rem;dl {
      display: flex;
      font-weight: var(--medium);
      gap: 0.5rem;
      align-items: start;
      flex-direction: column;
      dt {
        font-size: 0.8rem;
        gap: 0.875rem;
        align-items: center;
      }
    }
    .txt-link {
      font-size: 0.875rem;
    }
  }.txt-link a{display:flex;gap:.875rem;align-items:center}}#top-about{overflow:hidden;padding-bottom:9rem;background:#fff;.container{
    position: relative;
    z-index: 2;
    margin: auto;
    width: 100%;
  }
}@media screen and (max-width:991px){#top-about{padding-bottom:7rem;.container{
    }
  }}@media screen and (max-width:767px){#top-about{padding-bottom:6rem;.container{
    }
  }#top-about{padding-bottom:5rem;.container{
    }
  }}.headline{margin-bottom:2.5rem;h1, h2 {
    font-size: 3rem;
    color: var(--orange);
    font-weight: var(--medium);
    .small-caption {
      font-size: 1rem;
      color: var(--txt-black);
      margin-left: 1rem;
    }
  }
}.sub-headline{h3 {
    font-size: 2rem;
    font-weight: var(--bold);
    line-height: 3rem;
    margin-bottom: 2.5rem;
    &.is--orange {
      color: var(--orange);
    }
  }
  .sub-headline-txt {
    margin-top: -1.5rem;
    margin-bottom: 4rem;
    line-height: 1.6;
  }
}.lead{font-size:1rem;margin-bottom:2rem;font-weight:var(--medium);p {
    line-height: 3rem;
    margin-bottom: 1rem;
  }
}@media screen and (max-width:767px){.headline{margin-bottom:2.5rem;h1, h2 {
      font-size: 2.4rem;
      .small-caption {
        font-size: 1rem;
        margin-left: 1rem;
      }
    }
  }.sub-headline{h3 {
      font-size: 1.75rem;
      line-height: 3rem;
      margin-bottom: 2.5rem;
    }
    .sub-headline-txt {
      margin-bottom: 2.5rem;
    }
  }.lead{font-size:1rem;margin-bottom:2rem;p {
      line-height: 3rem;
    }
  }}@media screen and (max-width:479px){.headline{margin-bottom:2.5rem;h1, h2 {
      font-size: 2rem;
      .small-caption {
        font-size: 1rem;
      }
    }
  }.sub-headline{h3 {
      font-size: 1.25rem;
      line-height: 2rem;
      margin-bottom: 2.5rem;
    }
    .sub-headline-txt {
      margin-bottom: 2.5rem;
    }
  }.lead{font-size:1rem;margin-bottom:2rem;p {
      line-height: 2rem;
    }
  }}.marquee-advanced{width:100vw;padding:2rem 0;position:relative;overflow:hidden;color:var(--txt-white);font-weight:var(--medium)}.marquee-advanced__scroll{will-change:transform;width:100%;display:flex;position:relative}.marquee-advanced__collection{will-change:transform;display:flex;position:relative}.marquee-advanced__item{justify-content:flex-start;align-items:center;font-size:max(9em,8vw);display:flex}.marquee__advanced__p{white-space:nowrap;margin-bottom:0;margin-right:.25em;font-size:1em}.marquee__advanced__arrow-svg{color:#ff4c24;width:1em;margin-right:.25em;position:relative}.marquee-advanced__item-width{background-color:#131313;border-radius:1vw;justify-content:center;align-items:center;width:18vw;height:18vw;margin:1vw;display:flex}.marquee__advanced__arrow-svg,[data-marquee-direction="right"][data-marquee-status="inverted"] .marquee__advanced__arrow-svg{transition:.5s cubic-bezier(.625,.05,0,1);transform:rotate(-180deg)}[data-marquee-status="inverted"] .marquee__advanced__arrow-svg,[data-marquee-direction="right"][data-marquee-status="normal"] .marquee__advanced__arrow-svg{transform:rotate(-359.999deg)}@media screen and (max-width:767px){.marquee-advanced__item{font-size:max(5em,8vw)}}#top-service{padding:9rem 0;.services {
    li {
      background: #242E35;
    }
  }
}#page-service-content{.services {
    li {
      background: var(--white);
    }
  }
}#top-service,#page-service-content{overflow:hidden;background:var(--black);color:var(--txt-white);z-index:1;position:relative;.container {
    margin: auto;
    width: 100%;
    &:nth-of-type(1) {
      display: flex;
      justify-content: space-between;
      gap: 5%;
    }
    .left-content {
      width: 45%;
      .headline {
        h2 {
          .small-caption {
            color: var(--txt-white);
          }
        }
      }
    }
    .right-content {
      position: relative;
      width: 50%;
      flex: 1;
      max-width: 600px;
      svg {
        width: 100%;
      }
    }
  }

  .feature {
    display: flex;
    justify-content: space-between;
    gap: 3rem;
    margin-top: 4.5rem;
    li {
      width: 23.4375rem;
      letter-spacing: 0.125rem;
      border: 1px solid rgba(255, 255, 255, 0.3);
      border-radius: 20px;
      padding: 2.4rem 2.4rem;
      .en-mono {
        font-size: 0.75rem;
        color: rgba(255, 255, 255, 0.6);
        margin-bottom: 1rem;
        font-weight: var(--medium);
      }
      h3 {
        margin-bottom: 1.5rem;
        font-size:  1.5rem;
        line-height: 1.4;
        font-weight: var(--medium);
      }
      .txt {
        color: rgba(255, 255, 255, 0.8);
        line-height: 1.875;
        font-size: 1rem;
        margin-bottom: 0;
      }
    }
  }
  .services {
    display: grid;
    grid-template-columns: repeat(2, 1fr); 
    gap: 3rem 3rem; 
    margin-top: 4.5rem;
    li {
      display: flex;
      flex-direction: column;
      padding: 4rem 3rem;
      border-radius: 6px;
      .en-mono {
        font-size: 0.75rem;
        color: rgba(255, 255, 255, 0.6);
        margin-bottom: 0.5rem;
        font-weight: var(--medium);
        letter-spacing: 0.125rem;
      }
      h4 {
        margin-bottom: 1.5rem;
        font-size:  1.75rem;
        line-height: 1.4;
        font-weight: var(--medium);
        span {
          font-size: 1.125rem;
        }
      }
      .txt {
        color: rgba(255, 255, 255, 0.8);
        line-height: 1.875;
        font-size: 1rem;
        margin-bottom: 2rem;
        letter-spacing: 0.125rem;
      }
      .btn-1 {
        margin-top: auto;
        margin-bottom: 0;
        line-height: 0;
      }
    }
  }
}.circle_one,.circle_two,.circle_three{stroke-dasharray:1200;stroke-dashoffset:1200}.is--animated .circle_one,.is--animated .circle_two,.is--animated .circle_three{animation:draw 1s ease forwards}.is--animated .circle_two{animation-delay:1s}.is--animated .circle_three{animation-delay:2s}@keyframes draw {
  to {
    stroke-dashoffset: 0;
  }
}.service_one,.service_two,.service_three{opacity:0}.is--animated .service_one,.is--animated .service_two,.is--animated .service_three{animation:fadeIn 1s ease forwards}.is--animated .service_two{animation-delay:1s}.is--animated .service_three{animation-delay:2s}@keyframes fadeIn {
  to {
    opacity: 1;
  }
}@media screen and (max-width:991px){#top-service,#page-service-content{padding:7rem 0;.container {
      &:nth-of-type(1) {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 4rem;
      }
      .left-content {
        width: 100%;
      }
      .right-content {
        width: 100%;
        max-width: 100%;
        svg {
          height: 100%;
        }
      }
    }

    .services {
      grid-template-columns: repeat(2, 1fr); 
      gap: 1.5rem 1.5rem; 
      margin-top: 4.5rem;
      li {
        padding: 3rem 2rem;
        h4 {
          font-size:  1.5rem;
          span {
            font-size: 1.125rem;
            display: block;
          }
        }
        .txt {
          font-size: 1rem;
          margin-bottom: 2rem;
        }
      }
    }
  }}@media screen and (max-width:767px){#top-service,#page-service-content{padding:6rem 0;.container {
      &:nth-of-type(1) {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        gap: 4rem;
      }
      .left-content {
        width: 100%;
      }
      .right-content {
        width: 100%;
        max-width: 100%;
        svg {
          height: 100%;
        }
      }
    }

    .services {
      grid-template-columns: repeat(1, 1fr); 
      gap: 2rem 2rem; 
      margin-top: 4.5rem;
      li {
        padding: 2.5rem 1.75rem;
        h4 {
          font-size:  1.5rem;
          span {
            font-size: 1rem;
          }
        }
        .txt {
          font-size: 1rem;
          margin-bottom: 2rem;
        }
      }
    }
  }}@media screen and (max-width:479px){#top-service,#page-service-content{padding:5rem 0;.container {
    }

    .services {
      li {
        padding: 2.5rem 1.5rem;
        h4 {
          font-size:  1.25rem;
          span {
            font-size: 0.875rem;
          }
        }
        .txt {
          font-size: 1rem;
          margin-bottom: 1rem;
        }
      }
    }
  }}#top-journey{overflow:hidden;padding:9rem 0;background:var(--offwhite);position:relative;z-index:1;.container{
    margin: auto;
    width: 100%;
  }
  .headline {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}@media screen and (max-width:991px){#top-journey{padding:7rem 0}}@media screen and (max-width:769px){#top-journey{padding:6rem 0}}@media screen and (max-width:479px){#top-journey{padding:5rem 0;.headline {
      h2 {
        .small-caption {
          display: block;
          margin-left: 0;
          margin-top: 0.5rem;
        }
      }
    }
  }}.list-slider{grid-column-gap:3rem;grid-row-gap:3rem;flex-flow:column;width:100%;display:flex;position:relative;overflow:hidden}.list-slider__collection{width:100%}.list-slider__list{-webkit-user-select:none;user-select:none;will-change:transform;touch-action:pan-y;backface-visibility:hidden;display:flex}.list-slider__item{width: calc(((100% - 1px)  - (var(--slider-spv)  - 1) * var(--slider-gap)) / var(--slider-spv));margin-right:var(--slider-gap);flex:none}.card{padding:2rem;background-color:#fff;border-radius:1.25rem;justify-content:center;width:100%;flex-direction:column;display:flex;position:relative;overflow:hidden;gap:1rem;box-sizing:border-box;a:hover img {
    opacity: 0.8;
  }
  img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
    transition: opacity 0.3s ease;
  }
  .list-post-title {
    font-size: 1.125rem;
    font-weight: var(--medium);
    margin-bottom: -0.375rem;
    a:hover {
      color: var(--orange);
    }
  }
  .excerpt {
    font-size:  0.875rem;
    line-height: 2;
    color: #646464;
  }
}.post-meta{display:flex;align-items:center;gap:.7rem .5rem;flex-wrap:wrap;.tag {
    display: flex;
    gap: 0.5rem;
    a, span {
      display: block;
      text-align: center;
      padding: 0.5rem 1rem;
      font-size: 0.625rem;
      background: #E1E5E7;
      border-radius: 1.5rem;
      font-weight: var(--medium);
    }
    a:hover {
      background: var(--orange);
      color: var(--white);
    }
  }
  .date {
    font-size: 0.75rem;
    color: #b4b4b4;
    font-weight: var(--medium);
  }
  time {
    font-size: 0.75rem;
    color: #b4b4b4;
    font-weight: var(--medium);
  }
}.pixelated-render-image{justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden;aspect-ratio: 1/1;border-radius:6px}.pixelated-render-image__before{padding-top:75%}.pixelated-render-image__before.is--portrait{padding-top:133.333%}.pixelated-render-image__img{object-fit:cover;width:100%;height:100%;display:block;position:absolute}@media screen and (max-width:767px){.post-meta{gap:.8rem .5rem;flex-wrap:wrap;margin-bottom:-.5rem}}[data-gsap-slider-init]{--slider-status:on;--slider-spv:3.25;--slider-gap:1.5rem}@media screen and (max-width:991px){[data-gsap-slider-init]{--slider-status:on;--slider-spv:2.25;--slider-gap:1.5rem}}@media screen and (max-width:767px){[data-gsap-slider-init]{--slider-status:on;--slider-spv:2.25;--slider-gap:1rem}}@media screen and (max-width:479px){[data-gsap-slider-init]{--slider-status:on;--slider-spv:1.25;--slider-gap:1rem}}[data-gsap-slider-item]:last-child{margin-right:0}.list-slider__controls{grid-column-gap:.5rem;grid-row-gap:.5rem;justify-content:center;align-items:center;display:flex}[data-gsap-slider-status="not-active"] [data-gsap-slider-controls]{display:none}[data-gsap-slider-control-status="not-active"]{opacity:.2;pointer-events:none}.list-slider__control{transition:opacity .3s ease}.demo-card{transition:all .3s ease}[data-gsap-slider-item-status="not-active"] .demo-card{}.demo-card__tag{transition:all .3s ease}[data-gsap-slider-item-status="not-active"] .demo-card__tag{opacity:0}#top-news{overflow:hidden;padding-top:9rem;background:#fff;position:relative;z-index:2;.container{
    margin: auto;
    width: 100%;
    display: flex;
    gap: 5rem;
    .right-content {
      flex: 1;
    }
  }
  .marquee-advanced {
    padding-bottom: 0;
    color: var(--offwhite);
    margin-bottom: -1.6rem;
  }

  /* moble */
  @media screen and (max-width: 767px) {
    .marquee-advanced {
      margin-bottom: -1.05rem;
    }
  }
}.filter-list__item a{display:flex;align-items:center;gap:4rem;border-bottom:1px solid rgba(29,29,29,.1);padding:1.75rem 0;&:hover {
    img {
      opacity: 0.8;
    }
    .news-post-title {
      color: var(--orange);
    }
    &::after {
      content: "";
      margin-left: auto;
      display: inline-block;
      width: 12px;
      height: 10px;
      background-size: contain;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'><path d='M0.667097 4.24539C0.29867 4.24539 0 4.54406 0 4.91248C0 5.28091 0.29867 5.57958 0.667097 5.57958V4.24539ZM11.8124 5.3842C12.0729 5.12366 12.0729 4.70128 11.8124 4.44077L7.56699 0.195388C7.30648 -0.0651292 6.88407 -0.0651292 6.62356 0.195388C6.36304 0.455905 6.36304 0.87829 6.62356 1.13881L10.3972 4.91248L6.62356 8.68615C6.36304 8.94666 6.36304 9.36904 6.62356 9.62958C6.88407 9.8901 7.30648 9.8901 7.56699 9.62958L11.8124 5.3842ZM0.667097 5.57958H11.3407V4.24539H0.667097V5.57958Z' fill='%23E74D09'/></svg>");
    }
  }

  img {
    transition: opacity 0.3s ease;
  }
  .news-post-title {
    transition: color 0.3s ease;
  }
  &::after {
    content: "";
    margin-left: auto;
    display: inline-block;
    width: 12px;
    height: 10px;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'><path d='M0.667097 4.24539C0.29867 4.24539 0 4.54406 0 4.91248C0 5.28091 0.29867 5.57958 0.667097 5.57958V4.24539ZM11.8124 5.3842C12.0729 5.12366 12.0729 4.70128 11.8124 4.44077L7.56699 0.195388C7.30648 -0.0651292 6.88407 -0.0651292 6.62356 0.195388C6.36304 0.455905 6.36304 0.87829 6.62356 1.13881L10.3972 4.91248L6.62356 8.68615C6.36304 8.94666 6.36304 9.36904 6.62356 9.62958C6.88407 9.8901 7.30648 9.8901 7.56699 9.62958L11.8124 5.3842ZM0.667097 5.57958H11.3407V4.24539H0.667097V5.57958Z' fill='%231F3542'/></svg>");
    transition: all 0.3s ease;
  }
}.filter-list__item:last-of-type a{border-bottom:none}.news-left-content{width:20%;max-width:11.74rem}.news-right-content{.post-meta {
    margin-bottom: 1rem;
  }
}.filter-buttons{display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.filter-btn{background:none;font-size:1.5rem;letter-spacing:.1rem;display:flex;gap:.875rem;align-items:center;font-weight:var(--medium);padding:0;&::before {
    content: '';
    width: 6px;
    height: 6px;
    display: block;
  }
}.filter-btn[data-filter-status="active"]{color:var(--orange);&::before {
    background: var(--orange);
    transform: rotate(45deg);
  }
}.filter-btn[data-filter-status="non-active"]{color:var(--txt-black)}.filter-btn.active{color:var(--orange);&::before {
    background: var(--orange);
    transform: rotate(45deg);
  }
}.filter-list__item[data-filter-status="active"]{transition:opacity .6s cubic-bezier(.625,.05,0,1) , transform .6s cubic-bezier(.625,.05,0,1);transform:scale(1) rotate(.001deg);opacity:1;visibility:visible;position:relative}.filter-list__item[data-filter-status="transition-out"]{transition:opacity .45s cubic-bezier(.625,.05,0,1) , transform .45s cubic-bezier(.625,.05,0,1);transform:scale(1) rotate(.001deg);opacity:0;visibility:visible}.filter-list__item[data-filter-status="not-active"]{transform:scale(1) rotate(.001deg);opacity:0;visibility:hidden;position:absolute}@media screen and (max-width:991px){#top-news,#page-news{padding-top:7rem;.container{
      gap: 3rem;
      .right-content {
        flex: 1;
      }
    }
  }.filter-list__item a{gap:2rem}.news-left-content{width:25%;max-width:320px}.filter-buttons{display:flex;gap:1rem;margin-bottom:2rem}}@media screen and (max-width:767px){#top-news,#page-news{padding-top:6rem;.container{
      flex-direction: column;
      gap: 1rem;
      .left-content {

      }
      .right-content {
        flex: 1;
      }
    }
  }.filter-list__item a{display:flex;align-items:center;gap:2rem;padding:1.75rem 0}.news-left-content{width:20%;max-width:128px}.filter-buttons{display:flex;flex-direction:row;gap:1rem;margin-bottom:2rem}.filter-btn{background:none;font-size:1.25rem;letter-spacing:.1rem;display:flex;gap:.875rem;align-items:center;font-weight:var(--medium)}}@media screen and (max-width:479px){#top-news,#page-news{padding-top:5rem}.filter-list__item a{display:flex;align-items:center;gap:1rem;padding:1.5rem 0;.news-post-title {
    font-size: 0.875rem;
  }
}.news-left-content{width:20%;max-width:128px}.news-right-content{.post-meta {
    margin-bottom: 0.5rem;
  }
}.filter-buttons{flex-direction:column;gap:.5rem;margin-bottom:1rem}.filter-btn{gap:.5rem;align-items:center}}.home{#block-contact {
    overflow: hidden;
    padding: 6rem 0;
  }
}#block-contact{overflow:hidden;padding:6rem 0 0;background:var(--offwhite);position:relative;z-index:2;.container{
    margin: auto;
    width: 100%;
  }
}.contact-lead{text-align:center;font-weight:var(--medium);line-height:3;margin-bottom:6rem;font-size:1.125rem}.contact-bnr{position:relative;background:var(--white);overflow:hidden;border-radius:2rem;display:flex;justify-content:space-between;align-items:center;.headline {
    margin-bottom: 2.5rem;
    position: relative;
    z-index: 1;
    h3 {
      font-size: 3rem;
      color: var(--orange);
      font-weight: var(--medium);
      margin-bottom: 2rem;
      .small-caption {
        font-size: 1rem;
        color: var(--txt-black);
        margin-left: 1rem;
      }
    }
    p {
      font-weight: var(--bold);
      color: var(--txt-black);
      font-size: 2rem;
      line-height: 1.4;

    }
  }
  a {
    padding: 7.5rem 4.75rem;
    display: flex;
    width: 100%;
    justify-content: space-between;
    cursor: pointer;
    > * {
      transition: all 0.3s;
    }
  }
  .img-carousel__wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%);
    justify-content: center;
    align-items: center;
    width: 80%;
    min-height: 100vh;
    display: flex;
    /*filter: blur(10px);*/
    z-index: 0;
    opacity: 0;
    visibility: hidden;
  }
  .img-carousel__panel {
    opacity: 0.8;
  }
  .img-carousel__list {
    cursor: pointer !important;
  }
  .img-carousel__item {
    aspect-ratio: 1;
    width: 100%;
    position: relative;
    overflow: hidden;
  }
  a:hover {
    .img-carousel__panel {
      
    }
    .img-carousel__item {
      aspect-ratio: 1;
      width: 100%;
      position: relative;
      overflow: hidden;
    }
  } 
}@media screen and (max-width:991px){.home{#block-contact {
      overflow: hidden;
      padding: 4rem 0;
    }
  }#block-contact{padding:4rem 0 0;.container{
    }
  }.contact-lead{text-align:center;line-height:3;margin-bottom:4rem;font-size:1.125rem}.contact-bnr{.headline {
      margin-bottom: 0rem;
      position: relative;
      z-index: 1;
      h3 {
        font-size: 2.5rem;
        margin-bottom: 2rem;
        .small-caption {
          font-size: 1rem;
        }
      }
      p {
        font-size: 1.5rem;

      }
    }
  }}@media screen and (max-width:767px){#block-contact{padding:3rem 0 0;.container{
    }
  }.contact-lead{text-align:left;margin-bottom:3rem;font-size:1rem}.contact-bnr{.headline {
      margin-bottom: 0rem;
      position: relative;
      z-index: 1;
      h3 {
        font-size: 2rem;
        margin-bottom: 2rem;
        .small-caption {
          display: block;
          font-size: 0.875rem;
          margin-left: 0;
          margin-top: 0.325rem;
        }
      }
      p {
        font-size: 1.25rem;

      }
    }
    a {
      padding: 3.75rem 2.375rem;
    }
  }}@media screen and (max-width:479px){.contact-lead{text-align:left;line-height:2}.contact-bnr{border-radius:1rem;.headline {
      margin-bottom: 0rem;
      position: relative;
      z-index: 1;
      h3 {
        font-size: 1.5rem;
        margin-bottom: 1rem;
        .small-caption {
          font-size: 0.75rem;
          margin-left: 0;
          display: block;
          margin-top: 0.325rem;
        }
      }
      p {
        font-size: 1rem;
        line-height: 1.4;
      }
    }
    a {
      padding: 1.75rem 1.75rem;
    }
  }}#footer{padding:6rem 0 3rem;background:var(--black);.container {
    margin: auto;
    width: 100%;
  }
}@media screen and (max-width:479px){#footer{padding:8rem 0 3rem}}.footer-wrap{position:relative;overflow:hidden}.footer-wrap__dark{opacity:0;pointer-events:none;background-color:var(--orange);width:100%;height:100%;position:absolute;top:0;left:0;z-index:2}.footer-top{display:flex;gap:5rem;border-bottom:1px solid #646464;padding-bottom:4.25rem;.underline-inherit-link {
    display: flex;
    flex-direction: column;
    gap: 1.125rem;
    font-size: 0.75rem;
    .parent {
      display: flex;
      flex-direction: column;
      gap: 1.125rem;
      width: max-content;
      li {
        width: max-content;
      }
      > a {
        color: var(--white);
        width: max-content;
      }
    }
    .child {
      display: flex;
      flex-direction: column;
      width: max-content;
      gap: 1.125rem;
      a {
        color: #9a9a9a;
      }
    }
  }
  .footer-company-info {
    margin-left: auto;
    color: var(--white);
    p {
      font-size: 0.875rem;
      margin-bottom: 0.75rem;
    }
    .footer-sns {
      display: flex;
      gap: 0.75rem;
      a {
        color: var(--white);
      }
    }
    .footer-address {
      margin-top: 1.75rem;
      font-size: 0.875rem;
      dt {
        margin-bottom: 0.75rem;
      }
      dd {
        color: #9a9a9a;
        line-height: 1.6;
        &:nth-of-type(1) {
          margin-bottom: 2.625rem;
        }
      }
    }
  }
}.footer-bottom{padding-top:2.875rem;display:flex;align-items:center;justify-content:space-between;.footer-logo {
    display: flex;
    gap: 2rem;
    align-items: center;
    .logo img {
      filter: brightness(0) invert(1);
    }
    .lang a {
      color: var(--white);
    }
    .lang a:hover {
      color: var(--orange);
    }
  }
  .footer-other {
    letter-spacing: 0.06em;
    display: flex;
    gap: 1.5rem;
    font-size: 0.75rem;
    color: #f9f9f9;
    ul {
      display: flex;
      gap: 1.5rem;
    }
    a {
      color: #f9f9f9;
    }
  }
}.external a{position:relative;display:flex;gap:4px;align-items:center;&::after{
    content: "";
    background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cmask%20id%3D%22mask0_2085_7479%22%20style%3D%22mask-type%3Aluminance%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%226%22%20height%3D%226%22%3E%0A%3Cpath%20d%3D%22M6%200H0V6H6V0Z%22%20fill%3D%22white%22/%3E%0A%3C/mask%3E%0A%3Cg%20mask%3D%22url(%23mask0_2085_7479)%22%3E%0A%3Cpath%20d%3D%22M5.78553%203.42914V5.35771C5.78553%205.47136%205.74038%205.58036%205.66%205.66074C5.57965%205.74111%205.47063%205.78626%205.35698%205.78626H0.642684C0.529019%205.78626%200.420009%205.74111%200.339636%205.66074C0.259264%205.58036%200.214111%205.47136%200.214111%205.35771V0.643415C0.214111%200.52975%200.259264%200.420742%200.339636%200.34037C0.420009%200.259998%200.529019%200.214844%200.642684%200.214844H2.57125%22%20stroke%3D%22white%22%20stroke-width%3D%220.891431%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%3Cpath%20d%3D%22M4.28564%200.214844H5.78564V1.71485%22%20stroke%3D%22white%22%20stroke-width%3D%220.891431%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%3Cpath%20d%3D%22M5.78582%200.214844L3.00012%203.00056%22%20stroke%3D%22white%22%20stroke-width%3D%220.891431%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%3C/g%3E%0A%3C/svg%3E") no-repeat center center;
    background-size: cover;
    width: 8px;
    height: 8px;

  }
}@media screen and (max-width:767px){.footer-top{flex-direction:column;gap:2rem;.underline-inherit-link {
      gap: 2rem;
    }
    .footer-company-info {
      margin-left: 0;
      padding-top: 2rem;
      .footer-address {
        dt {
          margin-bottom: 0.75rem;
        }
        dd {
          &:nth-of-type(1) {
            margin-bottom: 1.75rem;
          }
        }
      }
    }
  }.footer-bottom{padding-top:2.875rem;flex-direction:column;align-items:flex-start;gap:1rem;.footer-logo {
      gap: 1rem;
      align-items: center;
    }
    .footer-other {
      display: flex;
      gap: 3rem;
      flex-direction: column;
      ul {
        gap: 1.5rem;
      }
    }
  }}.resource-wrapper{position:relative;overflow:hidden}.scaling-element-header{flex-flow:column;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.scaling-element__big-box{width:100%;position:relative}.scaling-element__small-box{width:30px;height:30px;position:relative}.scaling-video__wrapper{width:100%;height:100%;position:absolute;top:0;left:0}.scaling-video{will-change:transform;background-color:var(--black);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden;isolation:isolate;transform:translateX(0) rotate(.001deg)}.scaling-video__before{padding-top:56.25%}.scaling-video__video{object-fit:cover;width:100%;height:100%;padding-bottom:0;padding-right:0;position:absolute;border-radius:inherit}.scaling-video__svg{color:#fff;mix-blend-mode:overlay;width:6.25em;position:absolute}@media screen and (max-width:767px){.scaling-element-header__h1{font-size:13.5vw}.scaling-element__small-box{width:15em}.scaling-video__svg{width:5em}}.bk{background: }.page-header{display:flex;position:relative;overflow:hidden;align-items:center;background:var(--black);padding:8rem 0;&.orange {
    background: var(--orange);
  }
  h2 {
    color: var(--white);
    font-size: 2.5rem;
    line-height: 1.6;
    font-weight: var(--medium);
  }
  .img-carousel__wrap {
    position: absolute;
    top: 50%;
    left: 60%;
    transform: translateY(-50%);
    justify-content: center;
    align-items: center;
    width: 80%;
    min-height: 100vh;
    display: flex;
    filter: blur(0px);
    z-index: 0;
    opacity: 0;
    visibility: hidden;
  }
  .img-carousel__panel {
    opacity: 0.8;
  }
  .img-carousel__list {
    cursor: pointer !important;
  }
  .img-carousel__item {
    aspect-ratio: 1;
    width: 100%;
    position: relative;
    overflow: hidden;
    background: var(--white);
  }
  a:hover {
    .img-carousel__panel {
      
    }
    .img-carousel__item {
      aspect-ratio: 1;
      width: 100%;
      position: relative;
      overflow: hidden;
    }
  } 
}@media screen and (max-width:991px){.page-header{padding:6rem 0;h2 {
      font-size: 2rem;
    }
  }}@media screen and (max-width:767px){.page-header{padding:4rem 0;h2 {
      font-size: 1.75rem;
    }
  }.img-carousel__wrap{width:100%;left:60%}}@media screen and (max-width:479px){.page-header{padding:3rem 0;h2 {
      font-size: 1.25rem;
    }
  }}#page-service{overflow:hidden;padding:9rem 0 0;&.page-service-child {
    overflow: visible;
  }
  .container {
    position: relative;
    z-index: 2;
    margin: auto;
    width: 100%;
  }
}#page-service-content{background:none;padding:0;color:var(--txt-black);.container {   
    padding: 6rem 0 0;
  }
  .services {
    margin-top: 0;
    li {
      .en-mono {
        color: rgba(65, 65, 65, 0.6);
      }
      .txt {
        color: var(--txt-black);
        font-weight: var(--medium);
      }
    }
  }
}@media screen and (max-width:991px){#page-service{padding:7rem 0 0}#page-service-content{.container {   
      padding: 5rem 0 0;
    }
  }}@media screen and (max-width:767px){#page-service{padding:6rem 0 0}#page-service-content{.container {   
      padding: 4rem 0 0;
    }
  }}@media screen and (max-width:479px){#page-service{padding:5rem 0 0}#page-service-content{.container {   
      padding: 3rem 0 0;
    }
  }}.solution{display:flex;align-items:center;background:var(--white);width:100%;padding:3rem 0;justify-content:center;box-sizing:border-box;h3 {
    font-size: 1.5rem;
    font-weight: var(--bold);
    text-align: center;
    line-height: 1.6;
    padding: 0 6rem;
    flex: none;

  }
  .worries {
    font-size: 1rem;
    font-weight: var(--medium);
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    border-left: 1px solid #dedede;
    padding: 2rem 5rem;
    line-height: 1.6;
  }
}@media screen and (max-width:991px){.solution{padding:3rem 0;h3 {
      font-size: 1.25rem;
      padding: 0 3rem;
    }
    .worries {
      font-size: 1rem;
      gap: 1.5rem;
      padding: 1.5rem 3rem;
    }
  }}@media screen and (max-width:767px){.solution{padding:2.5rem 1.75rem;flex-direction:column;h3 {
      font-size: 1.25rem;
      padding: 0 1.5rem;
    }
    .worries {
      border-left: none;
      font-size: 1rem;
      gap: 1.5rem;
      padding: 2rem 0 1rem;
    }
  }}@media screen and (max-width:479px){.solution{padding:2.5rem 1.5rem}#page-service-content{.container {   
      padding: 3rem 0 0;
    }
  }}.list-style-dot{li, > span {
    display: flex;
    gap: 1rem;
    align-items: center;
    &::before {
      content: '';
      width: 6px;
      height: 6px;
      background: var(--orange);
      display: block;
      transform: rotate(45deg);
      flex: none;
    }
    &.is--black {
      &::before {
        background: var(--txt-black);
      }
    }
  }
}@media screen and (max-width:479px){.list-style-dot{li, > span {
      gap: 0.5rem;
    }
  }}.page-service-child{.headline {
    h1 {
     .small-caption {
      margin-left: 1rem;
      margin-top: 0.875rem;
    }
  }
}
}@media screen and (max-width:767px){.page-service-child{.headline {
      h1 {
       font-size: 2.0rem;
     }
   }
 }}@media screen and (max-width:479px){.page-service-child{.headline {
      h1 {
       font-size: 1.75rem;
       .small-caption {
        margin-left: 0;
        display: block;
        line-height: 1.4;
      }
    }
  }
}}#page-service-child-content{padding:6rem 0 0;z-index:1;position:relative;counter-reset:flowlist-num;.container {
    margin: auto;
    width: 100%;
    padding-bottom: 6rem;
    &:nth-of-type(1) {
      text-align: center;
      .lead {
        margin-bottom: 0;
      }
    }
    &:last-of-type {

      border-bottom: 1px solid #dedede;
    }
  }
  .provided-skill {
    margin-bottom: 4rem;
    &:last-of-type {
      margin-bottom: 0;
    }
    h4 {
      font-weight: var(--bold);
      margin-bottom: 1rem;
      font-size: 1.25rem;
    }
    .lead {
      font-weight: var(--normal);
      line-height: 1.4;
    }
    .lead span {
      display: block;
      font-size: 0.875rem;
      margin-top: 0.875rem;
    }
    ul {
      display: grid;
      grid-template-columns: repeat(4, 1fr); 
      gap:  1.5rem;
      &::after {
        content: "etc...";
        text-align: center;
        font-weight: var(--bold);
        display: flex;
        align-items: center;
        justify-content: center;
      }
      &.etc-none {
        &::after {
          content: none;
        }
      }
      li {
        display: flex;
        align-items: center;
        justify-content: center;
      }
      li:not(.no-skill) {
        font-weight: var(--bold);
        background: #E1E5E7;
        border-radius: 6px;
        padding: 2rem 1rem;
        line-height: 1.4;
        font-size: 0.875rem;
      }
      li.no-skill {
        text-align: center;
      }
    }
  }
  .service-qa {
    dt {
      font-weight: var(--medium);
      margin-bottom: 1.5rem;
      font-size: 1.25rem;
      line-height: 1.4;
    }
    dd {
      margin-bottom: 4rem;
      line-height: 2;
      &:last-of-type {
        margin-bottom: 0;
      }
    }
  }
}@media screen and (max-width:991px){#page-service-child-content{padding:6rem 0 0;.container {
      padding-bottom: 5rem;
    }
    .provided-skill {
      margin-bottom: 4rem;
      h4 {
        margin-bottom: 1rem;
        font-size: 1.25rem;
      }
      .lead {
      }
      .lead span {
      }
      ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr); 
        gap:  1.5rem;
        li {
          display: flex;
          align-items: center;
          justify-content: center;
        }
        li:not(.no-skill) {
          font-weight: var(--bold);
          background: #E1E5E7;
          border-radius: 6px;
          padding: 2rem 1rem;
          line-height: 1.4;
          font-size: 0.875rem;
        }
      }
    }
    .service-qa {
      dt {
        margin-bottom: 1.5rem;
        font-size: 1.25rem;
      }
      dd {
        margin-bottom: 4rem;
        line-height: 2;
      }
    }
  }}@media screen and (max-width:767px){#page-service-child-content{padding:4rem 0 0;.container {
      padding-bottom: 4rem;
    }
    .provided-skill {
      margin-bottom: 4rem;
      h4 {
        margin-bottom: 1rem;
        font-size: 1.25rem;
      }
      .lead {
      }
      .lead span {
      }
      ul {
        display: grid;
        grid-template-columns: repeat(2, 1fr); 
        gap:  1.5rem;
        li {
          display: flex;
          align-items: center;
          justify-content: center;
        }
        li:not(.no-skill) {
          font-weight: var(--bold);
          background: #E1E5E7;
          border-radius: 6px;
          padding: 2rem 1rem;
          line-height: 1.4;
          font-size: 0.875rem;
        }
      }
    }
    .service-qa {
      dt {
        margin-bottom: 1.5rem;
        font-size: 1.25rem;
      }
      dd {
        margin-bottom: 4rem;
        line-height: 2;
      }
    }
  }}@media screen and (max-width:479px){#page-service-child-content{padding:3rem 0 0;.container {
      padding-bottom: 3rem;
      &:nth-of-type(1) {
        text-align: left;
        .lead {
          p {
            margin-bottom: 1rem;
          }
        }
      }
    }
    .provided-skill {
      margin-bottom: 3rem;
      h4 {
        margin-bottom: 1rem;
        font-size: 1.125rem;
      }
      .lead {
      }
      .lead span {
      }
      ul {
        display: grid;
        grid-template-columns: repeat(1, 1fr); 
        gap:  1.5rem;
        &::after {
          justify-content: flex-end;
        }
        li {
          display: flex;
          align-items: center;
          justify-content: center;
        }
        li:not(.no-skill) {
          font-weight: var(--bold);
          background: #E1E5E7;
          border-radius: 6px;
          padding: 2rem 1rem;
          line-height: 1.4;
          font-size: 0.875rem;
        }
      }
    }
    .service-qa {
      dt {
        margin-bottom: 0.875rem;
        font-size: 1.125rem;
      }
      dd {
        margin-bottom: 3rem;
        line-height: 2;
      }
    }
  }}.service-flow{display:flex;gap:3rem;align-self:flex-start;.flow-headline {
    width: 30%;
    .en-mono {
      font-size: 0.75rem;
      font-weight: var(--medium);
    }
    h4 {
      font-size: 1.5rem;
      font-weight: var(--bold);
      line-height: 1.4;
      margin-bottom: 0.5rem;
    }
    .note {
      line-height: 1.6;
      color: #5F6F78;
    }
  }
  .flow {
    flex: 1;
    position: relative;
    padding-left: 3rem;
    &::before {
      content: "";
      display: block;
      position: absolute;
      left: 0;
      top: 0;
      z-index: -1;
      height: 100%; 
      width: 1px;
      border-left: 1px dotted #9A9A9A;
    }
    li {
      position: relative;
      padding-bottom: 5rem;
      &:last-of-type {

      }
    }
    h5 {
      font-size: 1.125rem;
      font-weight: var(--bold);
      line-height: 1.4;
      margin-bottom: 0.5rem;
      &::before {
        background: var(--white);
        position: absolute;
        top: -0.5rem;
        left: -4.5rem;
        text-align: center;
        width: 3rem;
        height: 3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid var(--black);
        box-sizing: border-box;
        border-radius: 100%;
        counter-increment: flowlist-num;
        content: counter(flowlist-num);
        font-family: var(--font-en-mono);
      }
    }
    p {
      line-height: 2;
      span {
        font-size: 0.75rem;
        display: block;
      }
    }
  }
}.service-flow:last-of-type{.flow {
    &::before {
      border-left: none;
    }
    li:last-of-type {
      padding-bottom: 0;
    }
  }
}.flow-headline-inner{position:sticky;top:100px;padding-bottom:5rem}.service-flow:last-of-type{.flow-headline-inner {
    &:last-of-type  {
      padding-bottom: 0;
    }
  }
}@media screen and (max-width:479px){.service-flow{display:flex;flex-direction:column;gap:3rem;align-self:flex-start;.flow-headline {
      width: 100%;
      h4 {
        font-size: 1.25rem;
        line-height: 1.4;
        margin-bottom: 0.5rem;
      }
    }
    .flow {
      padding-left: 2rem;
      margin-bottom: 3rem;
      &::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
        height: 100%; 
        width: 1px;
        border-left: 1px dotted #9A9A9A;
      }
      li {
        padding-bottom: 3rem;
        &:last-of-type {
          padding-bottom: 0;
        }
      }
      h5 {
        font-size: 1.125rem;
        &::before {
          left: -3.5rem;
        }
      }
      p {
        line-height: 2;
        span {
          font-size: 0.75rem;
          display: block;
        }
      }
    }
  }.service-flow:last-of-type{.flow {
      margin-bottom: 0  ;
      &::before {
        border-left: none;
      }
      li:last-of-type {
        padding-bottom: 0;
      }
    }
  }.flow-headline-inner{padding-bottom:0}.service-flow:last-of-type{.flow-headline-inner {
      &:last-of-type  {
        padding-bottom: 0;
      }
    }
  }}#page-about{overflow:hidden;color:var(--white);background:var(--orange);.container {
    margin: auto;
    width: 100%;
    position: relative;
    z-index: 1;
  }
  > .container {
    padding: 6rem 0 0;
  }
  .headline {
    h1 {
      color: var(--white);
      .small-caption {
        color: var(--white);
      }
    }
  }
}.about{.container {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    height: 100dvh;
    padding: 6rem 0;
    &:nth-of-type(1) {
      padding: 0 0 6rem;
    }
  }
  .headline {
    h2 {
      color: var(--white);
      margin-bottom: 2rem;
      font-size: 2rem;
      span {
        color: var(--white);
      }
    }
  }
  h3 {
    font-size: 3rem;
    font-weight: var(--bold);
    text-align: center;
    line-height: 2;
  }
  p {
    font-size: 1.5rem;
    font-weight: var(--semibold);
    margin-bottom: 4rem;
    line-height: 3;
    text-align: left;
  }
}.icon{position:fixed;left:60%;top:50%;transform:translate(0%,-50%);opacity:.1;img {
    width: 100%;
    transform: scale(5);
  }
}@media screen and (max-width:991px){#page-about{.container {
    }
    > .container {
      padding: 5rem 0 0;
    }
    .headline {
      h1 {
        .small-caption {
        }
      }
    }
  }.about{.container {
      padding: 6rem 0;
      &:nth-of-type(1) {
        padding: 0 0 6rem;
      }
    }
    .headline {
      h2 {
        margin-bottom: 2rem;
        font-size: 2rem;
        span {
        }
      }
    }
    h3 {
      font-size: 2.5rem;
    }
    p {
      font-size: 1.5rem;
      font-weight: var(--semibold);
      margin-bottom: 4rem;
      line-height: 3;
      text-align: left;
    }
  }.icon{position:fixed;left:60%;top:50%;transform:translate(0%,-50%);opacity:.1;img {
      width: 100%;
      transform: scale(4);
    }
  }}@media screen and (max-width:767px){#page-about{.container {
    }
    > .container {
      padding: 4rem 0 0;
    }
    .headline {
      h1 {
        .small-caption {
        }
      }
    }
  }.about{.container {
      padding: 6rem 0;
      &:nth-of-type(1) {
        padding: 0 0 6rem;
      }
    }
    .headline {
      h2 {
        margin-bottom: 2rem;
        font-size: 1.875rem;
        span {
        }
      }
    }
    h3 {
      font-size: 2rem;
    }
    p {
      font-size: 1.25rem;
      font-weight: var(--semibold);
      margin-bottom: 4rem;
      line-height: 3;
      text-align: left;
    }
  }.icon{position:fixed;left:60%;top:50%;transform:translate(0%,-50%);opacity:.1;img {
      width: 100%;
      transform: scale(4);
    }
  }}@media screen and (max-width:479px){#page-about{.container {
    }
    > .container {
      padding: 3rem 0 0;
    }
    .headline {
      h1 {
        .small-caption {

          display: block;
          margin-top: 0.5rem;
          margin-left: 0;
        }
      }
    }
  }.about{.container {
      padding: 6rem 0;
      &:nth-of-type(1) {
        padding: 0 0 4rem;
      }
    }
    .headline {
      h2 {
        margin-bottom: 2rem;
        font-size: 1.5rem;
        .small-caption {
          display: block;
          font-size: 0.875rem;
          margin-top: 0.5rem;
          margin-left: 0;
        }
      }
    }
    h3 {
      font-size: 1.75rem;
    }
    p {
      font-size: 1rem;
      font-weight: var(--semibold);
      margin-bottom: 4rem;
      line-height: 3;
      text-align: left;
    }
  }.icon{position:fixed;left:60%;top:50%;transform:translate(0%,-50%);opacity:.1;img {
      width: 100%;
      transform: scale(4);
    }
  }}.breadcrumb-list{margin:4rem auto}.breadcrumb.list-style-dot{font-size:.875rem;display:flex;gap:.5rem;font-weight:var(--medium);li, span {
    gap: 0.5rem;
  }
  a {
    text-decoration: underline;
  }
}#page-company{padding:9rem 0 0;.container {
    position: relative;
    padding-bottom: 6rem;
    z-index: 2;
    margin: auto;
    width: 100%;
  }
}.company-outline{width:80%;margin:auto;> div {
    display: flex;
    border-bottom: 1px solid #eaeaea;
    padding: 2rem 0;
    line-height: 1.4;
  }
  dt {
    font-weight: var(--bold);
    width: 30%;
    display: flex;
    align-items: center;
    gap: 0.5rem;
    flex:  none;
    &::before{
      content: "";
      background: var(--orange);
      width: 8px;
      height: 2px;
    }
  }
  dd {
    ul {
      display: flex;
      flex-direction: column;
      gap: 0.5rem;
    }
    .external a {
      text-decoration: underline;
      &::after{
        background: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%0A%3Cmask%20id%3D%22mask0_2085_7479%22%20style%3D%22mask-type%3Aluminance%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%220%22%20width%3D%226%22%20height%3D%226%22%3E%0A%3Cpath%20d%3D%22M6%200H0V6H6V0Z%22%20fill%3D%22white%22/%3E%0A%3C/mask%3E%0A%3Cg%20mask%3D%22url(%23mask0_2085_7479)%22%3E%0A%3Cpath%20d%3D%22M5.78553%203.42914V5.35771C5.78553%205.47136%205.74038%205.58036%205.66%205.66074C5.57965%205.74111%205.47063%205.78626%205.35698%205.78626H0.642684C0.529019%205.78626%200.420009%205.74111%200.339636%205.66074C0.259264%205.58036%200.214111%205.47136%200.214111%205.35771V0.643415C0.214111%200.52975%200.259264%200.420742%200.339636%200.34037C0.420009%200.259998%200.529019%200.214844%200.642684%200.214844H2.57125%22%20stroke%3D%22%231F3542%22%20stroke-width%3D%220.891431%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%3Cpath%20d%3D%22M4.28564%200.214844H5.78564V1.71485%22%20stroke%3D%22%231F3542%22%20stroke-width%3D%220.891431%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%3Cpath%20d%3D%22M5.78582%200.214844L3.00012%203.00056%22%20stroke%3D%22%231F3542%22%20stroke-width%3D%220.891431%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%0A%3C/g%3E%0A%3C/svg%3E") no-repeat center center;
        content: "";
        background-size: cover;
        width: 10px;
        height: 10px;
      }
    }
  }
}.company-location{display:flex;width:80%;margin:auto;justify-content:space-between;gap:2rem;.office {
    max-width: 32.5rem;
    display: flex;
    flex-direction: column;
    gap: 1.75rem;
    h3 {
      font-size: 2rem;
      font-weight: var(--bold);
    }
    p {
      font-weight: medium;
      line-height: 1.4;
    }
  }
}@media screen and (max-width:991px){#page-company{padding:7rem 0 0;.container{
      padding-bottom: 5rem;
    }
  }.company-outline{width:100%;dt {
      width: 35%;
    }
  }.company-location{display:flex;width:100%;justify-content:space-between;gap:2rem;.office {
      max-width: 32.5rem;
      display: flex;
      flex-direction: column;
      gap: 1.75rem;
      h3 {
        font-size: 1.75rem;
      }
    }
  }}@media screen and (max-width:767px){#page-company{padding:6rem 0 0;.container{
      padding-bottom: 4rem;
    }
  }.company-outline{width:100%;dt {
      width: 40%;
    }
  }.company-location{display:flex;justify-content:space-between;gap:2rem;.office {
      max-width: 32.5rem;
      display: flex;
      flex-direction: column;
      gap: 1.75rem;
      h3 {
        font-size: 1.5rem;
      }
    }
  }}@media screen and (max-width:479px){#page-company{padding:5rem 0 0;.container {
      padding-bottom: 3rem;
    }
  }.company-outline{width:100%;> div {
      display: flex;
      flex-direction: column;
      border-bottom: 1px solid #eaeaea;
      padding: 1.25rem 0;
      line-height: 1.6;
      gap: 0.25rem;
    }
    dt {
      width: 100%;
      font-size: 0.875rem;
    }
    dd {
      ul {
        gap: 0.25rem;
      }
    }
  }.company-location{display:flex;justify-content:space-between;gap:2.5rem;flex-direction:column;.office {
      max-width: 32.5rem;
      display: flex;
      flex-direction: column;
      gap: 1rem;
      h3 {
        font-size: 1.25rem;
      }
    }
  }}#page-journal{padding:9rem 0 0;.container {
    position: relative;
    padding-bottom: 6rem;
    z-index: 2;
    margin: auto;
    width: 100%;
  }
  .list-slider__list {
    flex-wrap: wrap;
    gap: var(--slider-gap);
  }
  .list-slider__item {
    margin-right: 0;
  }
  [data-gsap-slider-init] {
    --slider-status: off;
    --slider-spv: 3; 
  }
}.pager{li.btn-1 {
    .btn-magnetic__text-p {
      line-height: 1;
      color: var(--txt-black);
      font-size: 1rem;
    }
  }
  li:not(.btn-1) {
    a, .current {
      display: flex;
      width: 86px;
      height: 86px;
      border-radius: 100%;
      align-items: center;
      text-align: center;
      border: 1px solid #e7e7e7;
      font-weight: var(--normal);
      position: relative;
      line-height: 0;
      justify-content: center;
    }
    a:hover {
      background: var(--orange);
      color: var(--white);
      border-color: var(--orange);
    }
    .current {
      background: var(--black);
      color: var(--white);
    }
  }
}@media screen and (max-width:991px){#page-journal{padding:7rem 0 0;.container{
      padding-bottom: 5rem;
    }
    [data-gsap-slider-init] {
      --slider-status: off;
      --slider-spv: 2; 
    }
  }.pager{li:not(.btn-1) {
    a, .current {
      width: 64px;
      height: 64px;
    }
  }
}}@media screen and (max-width:767px){#page-journal{padding:6rem 0 0;.container{
      padding-bottom: 4rem;
    }
    [data-gsap-slider-init] {
      --slider-status: off;
      --slider-spv: 2; 
    }
  }.pager{li:not(.btn-1) {
    a, .current {
      width: 64px;
      height: 64px;
    }
  }
}}@media screen and (max-width:479px){#page-journal{padding:5rem 0 0;.container{
      padding-bottom: 3rem;
    }
    [data-gsap-slider-init] {
      --slider-status: off;
      --slider-spv: 1; 
    }
  }.pager{.btn-magnetic__field {
      width: 48px;
      height: 48px;
    }
    li:not(.btn-1) {
      a, .current {
        width: 48px;
        height: 48px;
      }
    }
  }}#page-news{padding:9rem 0 0;.container {
    margin: auto;
    position: relative;
    padding-bottom: 6rem;
    z-index: 2;
    margin: auto;
    width: 100%;
    display: flex;
    gap: 5rem;
    .right-content {
      flex: 1;
    }
  }
  .list-slider__list {
    flex-wrap: wrap;
    gap: var(--slider-gap);
  }
  .list-slider__item {
    margin-right: 0;
  }
  [data-gsap-slider-init] {
    --slider-status: off;
    --slider-spv: 3; 
  }
}.news-headline{position:sticky;top:100px}.news-list{margin-bottom:3rem}@media screen and (max-width:991px){#page-news{padding:7rem 0 0}.filter-list__item a{gap:2rem}.news-left-content{width:25%;max-width:320px}.filter-buttons{display:flex;gap:1rem;margin-bottom:2rem}}@media screen and (max-width:767px){#page-news{padding:6rem 0 0;.container {
      gap: 2rem;
    }
    .filter-list__item a {
    }
    .news-left-content {
    }
    .filter-buttons {
      margin-bottom: 0;
    }
    .filter-btn {
      margin-bottom: 0;
    }
  }}@media screen and (max-width:479px){#page-news{padding:5rem 0 0;.container {
      gap: 2rem;
    }
    .filter-list__item a {
    }
    .filter-buttons {
      margin-bottom: 0;
    }
    .filter-btn {
      margin-bottom: 0;
    }
  }}#page-other{padding:9rem 0 0;.container {
    position: relative;
    z-index: 2;
    margin: auto;
    width: 100%;
  }
  .contents {
    padding: 6rem 0 ;
    max-width: 860px;
    margin: auto;
    > div {
      margin-bottom: 4rem;
    }
    h2 {
      font-weight: var(--bold);
      font-size: 1.25rem;
      margin-bottom: 2rem;
    }
    p {
      margin-bottom: 2rem;
      line-height: 2;
    }
    ul, ol {
      margin-bottom: 3rem;
      display: flex;
      flex-direction: column;
      gap: 1.5rem;
      font-size: 0.875rem;
    }
    li {
      line-height: 1.6;
    }
  }
}@media screen and (max-width:991px){#page-other{padding:7rem 0 0;.container {
    }
    .contents {
      padding: 5rem 0 0;
      > div {
        margin-bottom: 4rem;
      }
      h2 {
        font-weight: var(--bold);
        font-size: 1.25rem;
        margin-bottom: 2rem;
      }
      p {
        margin-bottom: 2rem;
        line-height: 2;
      }
      ul, ol {
        margin-bottom: 3rem;
        gap: 1.5rem;
      }
    }
  }}@media screen and (max-width:767px){#page-other{padding:6rem 0 0;.container {
    }
    .contents {
      padding: 4rem 0 0;
      > div {
        margin-bottom: 4rem;
      }
      h2 {
        font-weight: var(--bold);
        font-size: 1.25rem;
        margin-bottom: 2rem;
      }
      p {
        margin-bottom: 2rem;
        line-height: 2;
      }
      ul, ol {
        margin-bottom: 3rem;
        gap: 1.5rem;
      }
    }
  }}@media screen and (max-width:479px){#page-other{padding:5rem 0 0;.headline {
      h1 {
        .small-caption {
          display: block;
          margin-top: 0.5rem;
          margin-left: 0;
        }
      }
    }
    .container {
    }
    .contents {
      padding: 3rem 0 0;
      > div {
        margin-bottom: 3rem;
      }
      h2 {
        font-weight: var(--bold);
        font-size: 1.125rem;
        margin-bottom: 2rem;
      }
      p {
        margin-bottom: 2rem;
        line-height: 2;
      }
      ul, ol {
        margin-bottom: 3rem;
        gap: 1.5rem;
      }
    }
  }}.article{article.post {
    padding: 9rem 0 0;
    .container {
      background: var(--white);
      padding: 3rem 3.4375rem 3rem;
      /*max-width: 46.875rem;*/
      max-width: 750px;
      margin:  auto;
    }
    .post-meta {
      gap: 1rem 1rem;
      margin-bottom: 1.5rem;
    }
    h1.post-title {
      font-size: 2rem;
      font-weight: bold;
      margin-bottom: 2.5rem;
      line-height: 1.6;
    }
    .eyecatch {
      margin-bottom: 2.5rem;
    }
    .post-content {
      h2 {
        font-size: 2rem;
        font-weight: var(--bold);
        color: var(--orange);
        margin-bottom: 2.5rem;
        line-height: 1.6;
      }
      h3 {
        font-size: 1.5rem;
        font-weight: var(--bold);
        color: var(--txt-black);
        margin-bottom: 2.5rem;
        line-height: 1.6;
      }
      h4 {
        font-size: 1.25rem;
        font-weight: var(--bold);
        color: var(--txt-black);
        margin-bottom: 2.5rem;
        line-height: 1.6;
      }
      p {
        line-height: 2;
        margin-bottom: 2.5rem;
        letter-spacing: 0.08rem;
        a {
          color: #0360E6;
          text-decoration: underline;
        }
      }
      figure {
        padding-bottom: 2.5rem;
      }
      figcaption {
        text-align: center;
        font-size: 0.75rem;
        color: #b4b4b4;
        padding: 0.5rem;
      }
      ul, ol {
        margin-bottom: 2.5rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
        li {
          display: flex;
          gap: 1rem;
          align-items: center;
          line-height: 1.4;
          letter-spacing: 0.08rem;
          &::before {
            content: '';
            width: 6px;
            height: 6px;
            background: var(--orange);
            display: block;
            transform: rotate(45deg);
            flex: none;
          }
        }
      }
    }
    .post-footer {
      background: var(--offwhite);  
      padding: 4rem 3rem 3rem;
      h3 {
        font-size: 1.25rem;
        font-weight: var(--bold);
        margin-bottom: 1.75rem;
      }
      ul {
        margin-bottom: 1.75rem;
        display: flex;
        flex-direction: column;
        gap: 1rem;
      }
      li {
        line-height: 1.4;
      }
      p {
        margin-bottom: 1rem;
        line-height: 2;
      }
      .btn-1 {
        p {
          margin-bottom: 0;
          line-height: 0;
        }
      }
    }
  }
}@media screen and (max-width:991px){.article{article.post {
      padding: 7rem 0 0;
      .container {
        box-sizing: border-box;
        width: 100%;
        max-width: calc(var(--size-container) * 0.85);
      }
    }
  }}@media screen and (max-width:769px){.article{article.post {
      padding: 6rem 0 0;
      .container {
        box-sizing: border-box;
        width: 100%;
        max-width: none;
        padding: 3rem 2.5rem 3rem;
      }
      h1.post-title {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
        line-height: 1.4;
      }
      .eyecatch {
        margin-bottom: 1.5rem;
      }
      .post-content {
        h2 {
          font-size: 1.5rem;
          margin-bottom: 1.5rem;
          line-height: 1.4;
        }
        h3 {
          font-size: 1.25rem;
          margin-bottom: 1.5rem;
          line-height: 1.4;
        }
        h4 {
          font-size: 1.125rem;
          margin-bottom: 1.5rem;
          line-height: 1.4;
        }
        p {
          line-height: 2;
          margin-bottom: 1.5rem;
        }
        figure {
          padding-bottom: 1.5rem;
        }
        figcaption {
          font-size: 0.75rem;
          padding: 0.5rem;
        }
        ul, ol {
          margin-bottom: 1.5rem;
          li {
            gap: 0.5rem;
          }
        }
      }
      .post-footer {
        background: var(--offwhite);  
        padding: 2rem 1.75rem 2rem;
        h3 {
          font-size: 1.25rem;
          font-weight: var(--bold);
          margin-bottom: 1.5rem;
          line-height: 1.4;
        }
        ul {
          margin-bottom: 1.75rem;
        }
        li {
        }
        p {
          margin-bottom: 1rem;
          line-height: 2;
          font-size: 0.875rem;
        }
      }
    }
  }}@media screen and (max-width:479px){.article{article.post {
      padding: 4rem 0 0;
      .container {
        padding: 2rem 1.75rem 2rem;
      }
      .post-meta {
        gap: 1rem 1rem;
        margin-bottom: 1.5rem;
        .tag {
          width: 100%;
        }
      }
      .post-title {
        font-size: 1.5rem;
        margin-bottom: 1.5rem;
        line-height: 1.4;
      }
      .eyecatch {
        margin-bottom: 1.5rem;
      }
      .post-content {
        h2 {
          font-size: 1.5rem;
          margin-bottom: 1.5rem;
          line-height: 1.4;
        }
        h3 {
          font-size: 1.25rem;
          margin-bottom: 1.5rem;
          line-height: 1.4;
        }
        h4 {
          font-size: 1.125rem;
          margin-bottom: 1.5rem;
          line-height: 1.4;
        }
        p {
          line-height: 2;
          margin-bottom: 1.5rem;
          font-size: 0.875rem;
        }
        figure {
          padding-bottom: 1.5rem;
        }
        figcaption {
          font-size: 0.75rem;
          padding: 0.5rem;
        }
        ul, ol {
          margin-bottom: 1.5rem;
          li {
            font-size: 0.875rem;
            gap: 0.5rem;
          }
        }
      }
      .post-footer {
        background: var(--offwhite);  
        padding: 2rem 1.75rem 2rem;
        h3 {
          font-size: 1.25rem;
          font-weight: var(--bold);
          margin-bottom: 1.5rem;
          line-height: 1.4;
        }
        ul {
          margin-bottom: 1.75rem;
          font-size: 0.875rem;
        }
        li {        }
        p {
          margin-bottom: 1rem;
          line-height: 2;
          font-size: 0.875rem;
        }
      }

    }
  }}#page-contact{padding:9rem 0 0;.contact-content {
    background: var(--white);
    padding: 6rem 0;
  }
  .container {
    margin: auto;
    position: relative;
    z-index: 2;
    margin: auto;
    width: 100%;
    display: flex;
    gap: 8rem;
    .left-content {
      width: 30%;
      max-width: 350px;
    }
    .right-content {
      width: 50%;
      h2 {
        font-weight: var(--bold);
        margin-bottom: 1rem;
      }
    }
  }
}.contact-headline{position:sticky;top:100px;p {
    margin-bottom: 1rem;
    line-height: 1.6;
  }
}@media screen and (max-width:991px){#page-contact{padding:7rem 0 0;.contact-content {
      padding: 6rem 0;
    }
    .container {
      margin: auto;
      position: relative;
      z-index: 2;
      margin: auto;
      width: 100%;
      display: flex;
      gap: 3rem;
      justify-content: space-between;
      flex-direction: column;
      .left-content {
        width: 100%;
        max-width: none;
      }
      .right-content {
        width: 100%;
        h2 {
          margin-bottom: 1rem;
        }
      }
    }
  }.contact-headline{position:static;top:0;p {
      margin-bottom: 1rem;
      line-height: 1.6;
    }
  }}@media screen and (max-width:767px){#page-contact{padding:6rem 0 0;.contact-content {
      padding: 4rem 0;
    }
    .container {
      .left-content {
        width: 100%;
        max-width: none;
      }
      .right-content {
        width: 100%;
        h2 {
          margin-bottom: 1rem;
        }
      }
    }
  }.contact-headline{position:static;top:0;p {
      margin-bottom: 1rem;
      line-height: 1.6;
    }
  }}@media screen and (max-width:479px){#page-contact{padding:5rem 0 0;.contact-content {
      padding: 4rem 0;
    }
  }.contact-headline{position:static;top:0;p {
      margin-bottom: 1rem;
      line-height: 1.6;
    }
  }}.contact_form form{display:flex;flex-direction:column;gap:2.5rem;line-height:1.6}.form_group{}.form_group .label{font-weight:var(--bold);display:flex;align-items:center;position:relative;gap:.5rem;margin-bottom:1rem}.form_group .label.necessary::after{text-align:center;content:'※';color:#c63e3e;font-size:12px}.form_group textarea{min-height:160px}.form_group textarea,.form_group select,.form_group input[type="text"],.form_group input[type="email"],.form_group input[type="tel"]{flex:1;width:100%}.checkbox_group .wpcf7-form-control,.radio_group .wpcf7-form-control{display:flex;flex-direction:column;gap:.5rem;.wpcf7-list-item {
    margin: 0;
  }
  label {
    display: flex;
    gap: 0.5rem;
  }
}textarea,select,input[type="text"],input[type="email"],input[type="tel"]{background:#fff;border:1px solid #ccc;border-radius:6px;padding:1.5rem;font-size:1rem;box-sizing:border-box}.form_group.radio,.form_group.checkbox,.form_group.address,.form_group.details{align-items:baseline}.consent{background:var(--offwhite);padding:1.5rem;font-size:.875rem}.consent p{margin-bottom:.5rem}.consent a{color:#0360e6}.consent label{font-size:16px;font-weight:var(--bold)}.submit{.submit-button {
    background: var(--black);
    color: var(--white);
    font-size: 1rem;
    border-radius: 60px;
    padding: 1rem;
    display: flex;
    font-weight: var(--bold);
    align-items: center;
    justify-content: center;
    width: 270px;
    gap: 0.5rem;
    &:hover {
      background: var(--orange);
      &::after {
        left: 1rem;
      }
    }
    &::after {
      display: inline-block;
      position: relative;
      width: 12px;
      height: 12px;
      content: "";
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='10' viewBox='0 0 12 10' fill='none'%3E%3Cpath d='M0.667097 4.24539C0.29867 4.24539 0 4.54406 0 4.91248C0 5.28091 0.29867 5.57958 0.667097 5.57958V4.24539ZM11.8124 5.3842C12.0729 5.12366 12.0729 4.70128 11.8124 4.44077L7.56699 0.195388C7.30648 -0.0651292 6.88407 -0.0651292 6.62356 0.195388C6.36304 0.455905 6.36304 0.87829 6.62356 1.13881L10.3972 4.91248L6.62356 8.68615C6.36304 8.94666 6.36304 9.36904 6.62356 9.62958C6.88407 9.8901 7.30648 9.8901 7.56699 9.62958L11.8124 5.3842ZM0.667097 5.57958H11.3407V4.24539H0.667097V5.57958Z' fill='%23ffffff'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      background-position: center;
      left: 0;
      transition: all 0.3s;
    }
  }
}.annotation{font-size:.75rem}@media screen and (max-width:479px){textarea,select,input[type="text"],input[type="email"],input[type="tel"]{font-size:.875rem}.checkbox_group,.radio_group{font-size:.875rem}}#page-404{padding:9rem 0 0;.container {
    margin: auto;
  }
}