@charset "UTF-8";
/*-----------------------
reset
-----------------------*/
*:focus {
  outline: none;
}

*, *:before, *:after {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html, body, div, span, applet, object, iframe, 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;
}

:where(body) {
  line-height: 1.5;
}

address {
  font-style: inherit;
}

q::before, q::after, blockquote::before, blockquote::after {
  content: "";
  content: none;
}

:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block;
}

:where(img) {
  max-width: 100%;
  border: none;
  vertical-align: bottom;
}

:where(ul, ol) {
  list-style: none;
}

article, aside, details, figcaption, figure, footer, header, main, hgroup, menu, nav, section {
  display: block;
}

:where(summary) {
  display: list-item;
}

a {
  border: none;
  color: inherit;
  text-decoration: none;
  text-underline-offset: 0.2ex;
}

:where(a:link, a:active, a:visited, a:hover) {
  color: inherit;
}

:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word;
}

:where(h1, h2, h3) {
  line-height: calc(1em + 0.5rem); /* 見出しの行の高さを減らす */
}

:where(p) {
  margin: 0;
}

:where(button, label, select, summary, [role=button], [role=option]) {
  cursor: pointer;
}

:where(input, button, textarea, select) {
  font: inherit;
  color: inherit;
}

:where(textarea) {
  resize: vertical;
}

:where(hr) {
  border: none;
  border-block-start: 1px solid;
  color: inherit;
  block-size: 0;
  overflow: visible;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

:where(caption, th, td) {
  text-align: left;
  vertical-align: middle;
  font-weight: normal;
}

/*color*/
/*
$color-main: $orange;
$color-sub1: #96D3EF;
$color-sub2: $blue2;
$color-sub3: #D5F2FF;
$color-sub4: $red;
$color-sub5: $orange;
$color-link: $blue2;
$color-line2: $light-gray;
*/
/*mediaquery*/
/* function */
/*mixin*/
@font-face {
  font-family: "M PLUS 1p";
  font-weight: 400;
  font-display: swap;
  src: url(../font/M_PLUS_1p/MPLUS1p-Regular.ttf) format("truetype");
}
@font-face {
  font-family: "M PLUS 1p";
  font-weight: 500;
  font-display: swap;
  src: url(../font/M_PLUS_1p/MPLUS1p-Medium.ttf) format("truetype");
}
@font-face {
  font-family: "M PLUS 1p";
  font-weight: 700;
  font-display: swap;
  src: url(../font/M_PLUS_1p/MPLUS1p-Bold.ttf) format("truetype");
}
/*-----------------------
base
-----------------------*/
html {
  font-size: 62.5%;
  line-height: 1;
  margin-top: 0 !important;
  scrollbar-width: thin;
}

body {
  color: #222222;
  font-size: clamp(1.4rem, 1.46484375vw, 1.5rem);
  letter-spacing: 0;
  line-height: 1.5;
  width: 100%;
  font-family: "M PLUS 1p", sans-serif;
  font-style: normal;
  font-weight: normal;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  position: relative;
}
@media (min-width: 751px) and (max-width: 1024px) {
  body {
    /* tab */
  }
}
@media (max-width: 750px) {
  body {
    /* sp */
    font-size: 4vw;
  }
}

/*-----------------------
tag
-----------------------*/
section {
  margin-top: min(9.3704245974vw, 12.8rem);
  margin-bottom: min(9.3704245974vw, 12.8rem);
}
@media (max-width: 750px) {
  section {
    margin-top: 25.6vw;
    margin-bottom: 25.6vw;
  }
}

.section-margin {
  margin-top: min(9.3704245974vw, 12.8rem);
  margin-bottom: min(9.3704245974vw, 12.8rem);
}
@media (max-width: 750px) {
  .section-margin {
    margin-top: 25.6vw;
    margin-bottom: 25.6vw;
  }
}

.section-padding {
  padding-top: min(9.3704245974vw, 12.8rem);
  padding-bottom: min(9.3704245974vw, 12.8rem);
}
@media (max-width: 750px) {
  .section-padding {
    padding-top: 25.6vw;
    padding-bottom: 25.6vw;
  }
}

picture {
  display: contents;
}

img {
  height: auto;
  max-width: 100%;
}

a {
  color: inherit;
  transition: 0.3s;
}
a:hover {
  opacity: 0.7;
}

blockquote {
  font-size: 100%;
}

embed,
iframe,
object {
  max-width: 100%;
}

details summary {
  list-style-type: none;
  cursor: pointer;
  position: relative;
}
details summary::-webkit-details-marker {
  display: none;
}
details summary .toggle {
  width: 1.3333333333em;
  aspect-ratio: 1/1;
  position: absolute;
}
details summary .toggle::before, details summary .toggle::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #FFA600;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
details summary .toggle::after {
  rotate: 90deg;
}
details[open] .toggle::after {
  rotate: 0deg;
}

/*-----------------------
common
-----------------------*/
.inner {
  width: 96%;
  max-width: 1024px;
  margin: 0 auto;
}
@media (max-width: 750px) {
  .inner {
    width: 91.4666666667%;
  }
}
@media (max-width: 750px) {
  .inner--spShort {
    width: 82.9333333333%;
  }
}

/* margin */
/* Top */
.mT0 {
  margin-top: 0;
}

.mT10 {
  margin-top: 1rem;
}
@media (max-width: 750px) {
  .mT10 {
    margin-top: 1.3333333333vw;
  }
}

.mT20 {
  margin-top: 2rem;
}
@media (max-width: 750px) {
  .mT20 {
    margin-top: 2.6666666667vw;
  }
}

.mT30 {
  margin-top: 3rem;
}
@media (max-width: 750px) {
  .mT30 {
    margin-top: 4vw;
  }
}

.mT40 {
  margin-top: 4rem;
}
@media (max-width: 750px) {
  .mT40 {
    margin-top: 5.3333333333vw;
  }
}

.mT50 {
  margin-top: 5rem;
}
@media (max-width: 750px) {
  .mT50 {
    margin-top: 6.6666666667vw;
  }
}

.mT60 {
  margin-top: 6rem;
}
@media (max-width: 750px) {
  .mT60 {
    margin-top: 8vw;
  }
}

.mT70 {
  margin-top: 7rem;
}
@media (max-width: 750px) {
  .mT70 {
    margin-top: 9.3333333333vw;
  }
}

.mT80 {
  margin-top: 8rem;
}
@media (max-width: 750px) {
  .mT80 {
    margin-top: 10.6666666667vw;
  }
}

.mT90 {
  margin-top: 9rem;
}
@media (max-width: 750px) {
  .mT90 {
    margin-top: 12vw;
  }
}

.mT100 {
  margin-top: 10rem;
}
@media (max-width: 750px) {
  .mT100 {
    margin-top: 13.3333333333vw;
  }
}

.mT110 {
  margin-top: 11rem;
}
@media (max-width: 750px) {
  .mT110 {
    margin-top: 14.6666666667vw;
  }
}

.mT120 {
  margin-top: 12rem;
}
@media (max-width: 750px) {
  .mT120 {
    margin-top: 16vw;
  }
}

.mT130 {
  margin-top: 13rem;
}
@media (max-width: 750px) {
  .mT130 {
    margin-top: 17.3333333333vw;
  }
}

.mT140 {
  margin-top: 14rem;
}
@media (max-width: 750px) {
  .mT140 {
    margin-top: 18.6666666667vw;
  }
}

.mT150 {
  margin-top: 15rem;
}
@media (max-width: 750px) {
  .mT150 {
    margin-top: 20vw;
  }
}

.mT160 {
  margin-top: 16rem;
}
@media (max-width: 750px) {
  .mT160 {
    margin-top: 21.3333333333vw;
  }
}

.mT170 {
  margin-top: 17rem;
}
@media (max-width: 750px) {
  .mT170 {
    margin-top: 22.6666666667vw;
  }
}

.mT180 {
  margin-top: 18rem;
}
@media (max-width: 750px) {
  .mT180 {
    margin-top: 24vw;
  }
}

.mT190 {
  margin-top: 19rem;
}
@media (max-width: 750px) {
  .mT190 {
    margin-top: 25.3333333333vw;
  }
}

.mT200 {
  margin-top: 20rem;
}
@media (max-width: 750px) {
  .mT200 {
    margin-top: 26.6666666667vw;
  }
}

/* Bottom */
.mB0 {
  margin-bottom: 0;
}

.mB10 {
  margin-bottom: 1rem;
}
@media (max-width: 750px) {
  .mB10 {
    margin-bottom: 1.3333333333vw;
  }
}

.mB20 {
  margin-bottom: 2rem;
}
@media (max-width: 750px) {
  .mB20 {
    margin-bottom: 2.6666666667vw;
  }
}

.mB30 {
  margin-bottom: 3rem;
}
@media (max-width: 750px) {
  .mB30 {
    margin-bottom: 4vw;
  }
}

.mB40 {
  margin-bottom: 4rem;
}
@media (max-width: 750px) {
  .mB40 {
    margin-bottom: 5.3333333333vw;
  }
}

.mB50 {
  margin-bottom: 5rem;
}
@media (max-width: 750px) {
  .mB50 {
    margin-bottom: 6.6666666667vw;
  }
}

.mB60 {
  margin-bottom: 6rem;
}
@media (max-width: 750px) {
  .mB60 {
    margin-bottom: 8vw;
  }
}

.mB70 {
  margin-bottom: 7rem;
}
@media (max-width: 750px) {
  .mB70 {
    margin-bottom: 9.3333333333vw;
  }
}

.mB80 {
  margin-bottom: 8rem;
}
@media (max-width: 750px) {
  .mB80 {
    margin-bottom: 10.6666666667vw;
  }
}

.mB90 {
  margin-bottom: 9rem;
}
@media (max-width: 750px) {
  .mB90 {
    margin-bottom: 12vw;
  }
}

.mB100 {
  margin-bottom: 10rem;
}
@media (max-width: 750px) {
  .mB100 {
    margin-bottom: 13.3333333333vw;
  }
}

.mB110 {
  margin-bottom: 11rem;
}
@media (max-width: 750px) {
  .mB110 {
    margin-bottom: 14.6666666667vw;
  }
}

.mB120 {
  margin-bottom: 12rem;
}
@media (max-width: 750px) {
  .mB120 {
    margin-bottom: 16vw;
  }
}

.mB130 {
  margin-bottom: 13rem;
}
@media (max-width: 750px) {
  .mB130 {
    margin-bottom: 17.3333333333vw;
  }
}

.mB140 {
  margin-bottom: 14rem;
}
@media (max-width: 750px) {
  .mB140 {
    margin-bottom: 18.6666666667vw;
  }
}

.mB150 {
  margin-bottom: 15rem;
}
@media (max-width: 750px) {
  .mB150 {
    margin-bottom: 20vw;
  }
}

.mB160 {
  margin-bottom: 16rem;
}
@media (max-width: 750px) {
  .mB160 {
    margin-bottom: 21.3333333333vw;
  }
}

.mB170 {
  margin-bottom: 17rem;
}
@media (max-width: 750px) {
  .mB170 {
    margin-bottom: 22.6666666667vw;
  }
}

.mB180 {
  margin-bottom: 18rem;
}
@media (max-width: 750px) {
  .mB180 {
    margin-bottom: 24vw;
  }
}

.mB190 {
  margin-bottom: 19rem;
}
@media (max-width: 750px) {
  .mB190 {
    margin-bottom: 25.3333333333vw;
  }
}

.mB200 {
  margin-bottom: 20rem;
}
@media (max-width: 750px) {
  .mB200 {
    margin-bottom: 26.6666666667vw;
  }
}

/* padding */
/* Top */
.pT0 {
  padding-top: 0;
}

.pT10 {
  padding-top: 1rem;
}
@media (max-width: 750px) {
  .pT10 {
    padding-top: 1.3333333333vw;
  }
}

.pT20 {
  padding-top: 2rem;
}
@media (max-width: 750px) {
  .pT20 {
    padding-top: 2.6666666667vw;
  }
}

.pT30 {
  padding-top: 3rem;
}
@media (max-width: 750px) {
  .pT30 {
    padding-top: 4vw;
  }
}

.pT40 {
  padding-top: 4rem;
}
@media (max-width: 750px) {
  .pT40 {
    padding-top: 5.3333333333vw;
  }
}

.pT50 {
  padding-top: 5rem;
}
@media (max-width: 750px) {
  .pT50 {
    padding-top: 6.6666666667vw;
  }
}

.pT60 {
  padding-top: 6rem;
}
@media (max-width: 750px) {
  .pT60 {
    padding-top: 8vw;
  }
}

.pT70 {
  padding-top: 7rem;
}
@media (max-width: 750px) {
  .pT70 {
    padding-top: 9.3333333333vw;
  }
}

.pT80 {
  padding-top: 8rem;
}
@media (max-width: 750px) {
  .pT80 {
    padding-top: 10.6666666667vw;
  }
}

.pT90 {
  padding-top: 9rem;
}
@media (max-width: 750px) {
  .pT90 {
    padding-top: 12vw;
  }
}

.pT100 {
  padding-top: 10rem;
}
@media (max-width: 750px) {
  .pT100 {
    padding-top: 13.3333333333vw;
  }
}

.pT110 {
  padding-top: 11rem;
}
@media (max-width: 750px) {
  .pT110 {
    padding-top: 14.6666666667vw;
  }
}

.pT120 {
  padding-top: 12rem;
}
@media (max-width: 750px) {
  .pT120 {
    padding-top: 16vw;
  }
}

.pT130 {
  padding-top: 13rem;
}
@media (max-width: 750px) {
  .pT130 {
    padding-top: 17.3333333333vw;
  }
}

.pT140 {
  padding-top: 14rem;
}
@media (max-width: 750px) {
  .pT140 {
    padding-top: 18.6666666667vw;
  }
}

.pT150 {
  padding-top: 15rem;
}
@media (max-width: 750px) {
  .pT150 {
    padding-top: 20vw;
  }
}

.pT160 {
  padding-top: 16rem;
}
@media (max-width: 750px) {
  .pT160 {
    padding-top: 21.3333333333vw;
  }
}

.pT170 {
  padding-top: 17rem;
}
@media (max-width: 750px) {
  .pT170 {
    padding-top: 22.6666666667vw;
  }
}

.pT180 {
  padding-top: 18rem;
}
@media (max-width: 750px) {
  .pT180 {
    padding-top: 24vw;
  }
}

.pT190 {
  padding-top: 19rem;
}
@media (max-width: 750px) {
  .pT190 {
    padding-top: 25.3333333333vw;
  }
}

.pT200 {
  padding-top: 20rem;
}
@media (max-width: 750px) {
  .pT200 {
    padding-top: 26.6666666667vw;
  }
}

/* Bottom */
.pB0 {
  padding-bottom: 0;
}

.pB10 {
  padding-bottom: 1rem;
}
@media (max-width: 750px) {
  .pB10 {
    padding-bottom: 1.3333333333vw;
  }
}

.pB20 {
  padding-bottom: 2rem;
}
@media (max-width: 750px) {
  .pB20 {
    padding-bottom: 2.6666666667vw;
  }
}

.pB30 {
  padding-bottom: 3rem;
}
@media (max-width: 750px) {
  .pB30 {
    padding-bottom: 4vw;
  }
}

.pB40 {
  padding-bottom: 4rem;
}
@media (max-width: 750px) {
  .pB40 {
    padding-bottom: 5.3333333333vw;
  }
}

.pB50 {
  padding-bottom: 5rem;
}
@media (max-width: 750px) {
  .pB50 {
    padding-bottom: 6.6666666667vw;
  }
}

.pB60 {
  padding-bottom: 6rem;
}
@media (max-width: 750px) {
  .pB60 {
    padding-bottom: 8vw;
  }
}

.pB70 {
  padding-bottom: 7rem;
}
@media (max-width: 750px) {
  .pB70 {
    padding-bottom: 9.3333333333vw;
  }
}

.pB80 {
  padding-bottom: 8rem;
}
@media (max-width: 750px) {
  .pB80 {
    padding-bottom: 10.6666666667vw;
  }
}

.pB90 {
  padding-bottom: 9rem;
}
@media (max-width: 750px) {
  .pB90 {
    padding-bottom: 12vw;
  }
}

.pB100 {
  padding-bottom: 10rem;
}
@media (max-width: 750px) {
  .pB100 {
    padding-bottom: 13.3333333333vw;
  }
}

.pB110 {
  padding-bottom: 11rem;
}
@media (max-width: 750px) {
  .pB110 {
    padding-bottom: 14.6666666667vw;
  }
}

.pB120 {
  padding-bottom: 12rem;
}
@media (max-width: 750px) {
  .pB120 {
    padding-bottom: 16vw;
  }
}

.pB130 {
  padding-bottom: 13rem;
}
@media (max-width: 750px) {
  .pB130 {
    padding-bottom: 17.3333333333vw;
  }
}

.pB140 {
  padding-bottom: 14rem;
}
@media (max-width: 750px) {
  .pB140 {
    padding-bottom: 18.6666666667vw;
  }
}

.pB150 {
  padding-bottom: 15rem;
}
@media (max-width: 750px) {
  .pB150 {
    padding-bottom: 20vw;
  }
}

.pB160 {
  padding-bottom: 16rem;
}
@media (max-width: 750px) {
  .pB160 {
    padding-bottom: 21.3333333333vw;
  }
}

.pB170 {
  padding-bottom: 17rem;
}
@media (max-width: 750px) {
  .pB170 {
    padding-bottom: 22.6666666667vw;
  }
}

.pB180 {
  padding-bottom: 18rem;
}
@media (max-width: 750px) {
  .pB180 {
    padding-bottom: 24vw;
  }
}

.pB190 {
  padding-bottom: 19rem;
}
@media (max-width: 750px) {
  .pB190 {
    padding-bottom: 25.3333333333vw;
  }
}

.pB200 {
  padding-bottom: 20rem;
}
@media (max-width: 750px) {
  .pB200 {
    padding-bottom: 26.6666666667vw;
  }
}

.sp {
  display: none;
}
@media (max-width: 750px) {
  .sp {
    display: block;
  }
}

.tab {
  display: none;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .tab {
    display: block;
  }
}
@media (max-width: 750px) {
  .tab {
    display: none;
  }
}

@media (min-width: 751px) and (max-width: 1024px) {
  .pc {
    display: block;
  }
}
@media (max-width: 750px) {
  .pc {
    display: none;
  }
}

@media (min-width: 751px) and (max-width: 1024px) {
  .pc-only {
    display: none;
  }
}
@media (max-width: 750px) {
  .pc-only {
    display: none;
  }
}

.tab-sp {
  display: none;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .tab-sp {
    display: block;
  }
}
@media (max-width: 750px) {
  .tab-sp {
    display: block;
  }
}

.flex {
  display: flex;
}

.float--L {
  float: left;
}

.float--R {
  float: right;
}

/* font */
.center {
  text-align: center;
}

.right {
  text-align: right;
}

.left {
  text-align: left;
}

.font-base2 {
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
}

.mplus-fix {
  transform: skewX(0.03deg);
}

.font--small {
  font-size: 80%;
}
@media (max-width: 750px) {
  .font--small {
    font-size: 1.2rem;
  }
}

.en {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.bold {
  font-weight: bold;
}

.medium {
  font-weight: 500;
}

.uppercase {
  text-transform: uppercase;
}

.txt-grad {
  background-image: linear-gradient(90deg, #ffa600 0%, #ffa600 28.88%, #ff6800 67.68%, #ff3301 100%);
  background-size: 100%;
  background-position: center;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}

.txt--white {
  color: #fff;
}

.txt--red {
  color: #E54424;
}

.txt--orange {
  color: #FFA600;
}

.txt--orange2 {
  color: #FF5800;
}

.x-hidden {
  overflow-x: hidden;
}

.x-clip {
  overflow-x: clip;
}

.icon-window {
  display: inline-block;
  width: min(0.75em, 1.2rem);
  height: min(0.75em, 1.2rem);
  margin-left: 1rem;
  background-color: var(--icon-color, currentColor);
  -webkit-mask-image: url(../img/common/icon-window.svg);
          mask-image: url(../img/common/icon-window.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}

.icon-clock {
  display: inline-block;
  width: min(0.75em, 1.2rem);
  height: min(0.75em, 1.2rem);
  margin-left: 1rem;
  background-color: var(--icon-color, currentColor);
  -webkit-mask-image: url(../img/common/icon-clock.svg);
          mask-image: url(../img/common/icon-clock.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}

.icon-list {
  display: inline-block;
  width: min(0.75em, 1.2rem);
  height: min(0.75em, 1.2rem);
  margin-left: 1rem;
  background-color: var(--icon-color, currentColor);
  -webkit-mask-image: url(../img/common/icon-list.svg);
          mask-image: url(../img/common/icon-list.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}

.splide .splide__pagination__page {
  --base-w: .7rem;
  width: var(--base-w);
  height: 0.7rem;
  margin: 0;
  background: #D5E8F5;
  border-radius: 10rem;
  opacity: 1;
  transform: none;
  transition: 0.3s;
}
.splide .splide__pagination__page:where(.splide .splide__pagination__page.is-prev, .splide .splide__pagination__page.is-next) {
  width: calc(var(--base-w) * 6.8);
}
.splide .splide__pagination__page:where(.splide .splide__pagination__page.is-active) {
  width: calc(var(--base-w) * 16);
  background-image: linear-gradient(90deg, #ffa600 0%, #ffa600 28.88%, #ff6800 67.68%, #ff3301 100%);
}
.splide .splide__pagination__page.is-hover {
  width: calc(var(--base-w) * 16) !important;
  background-image: linear-gradient(90deg, #ffa600 0%, #ffa600 28.88%, #ff6800 67.68%, #ff3301 100%);
}
.splide .splide__pagination {
  margin-top: 5.5636896047vw;
  padding: 0;
  position: initial;
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 1rem 1.3rem;
}
@media (max-width: 750px) {
  .splide .splide__pagination {
    margin-top: 10.6666666667vw;
  }
}
.splide .splide__pagination li:first-child .is-next {
  width: var(--base-w);
}
.splide .splide__pagination li:last-child .is-prev {
  width: var(--base-w);
}
.splide .splide__pagination li:has(.is-next):not(:first-child) + li .splide__pagination__page {
  width: calc(var(--base-w) * 6.8);
}
.splide .splide__pagination:has(.is-hover) li:nth-child(2) .is-prev {
  width: var(--base-w);
}
.splide .splide__pagination:has(.is-hover) li:not(:last-child, :nth-last-child(2)) .is-prev {
  width: var(--base-w);
}
.splide .splide__pagination:has(.is-hover) .is-active:not(.is-hover) {
  width: calc(var(--base-w) * 6.8) !important;
}
.splide .splide__arrow {
  width: auto;
  height: auto;
  background: none;
  opacity: 1 !important;
}
.splide .splide__arrow--prev {
  scale: -1 1;
  left: 2.196193265vw;
}
@media (max-width: 750px) {
  .splide .splide__arrow--prev {
    left: 2.6666666667vw;
  }
}
.splide .splide__arrow--next {
  right: 2.196193265vw;
}
@media (max-width: 750px) {
  .splide .splide__arrow--next {
    right: 2.6666666667vw;
  }
}

.img-radius1 {
  border-radius: 1.6rem;
}

.img-radius2 {
  border-radius: 0.8rem;
}

@media (min-width: 751px) {
  .sp-img-simpleModal[data-menuname=imgScale] {
    pointer-events: none;
  }
}
@media (max-width: 750px) {
  .sp-img-simpleModal[data-menuname=imgScale].menu-active {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 6rem 1rem 1rem;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: auto;
    overscroll-behavior: contain;
  }
  .sp-img-simpleModal[data-menuname=imgScale].menu-active::before, .sp-img-simpleModal[data-menuname=imgScale].menu-active::after {
    content: "";
    width: 3rem;
    height: 2px;
    background: #5A5A5A;
    border-radius: 10em;
    position: fixed;
    top: 3rem;
    right: 1rem;
    rotate: -45deg;
  }
  .sp-img-simpleModal[data-menuname=imgScale].menu-active::after {
    rotate: 45deg;
  }
}
@media (max-width: 750px) {
  .sp-img-simpleModal--w-auto[data-menuname=imgScale].menu-active img {
    display: block;
    width: auto;
    height: 100%;
    max-width: none;
  }
}
@media (max-width: 750px) {
  .sp-img-simpleModal--y-auto[data-menuname=imgScale].menu-active img {
    display: block;
    width: 100%;
    height: auto;
  }
}

.slide-in {
  transition: 0.7s;
  opacity: 0;
  transform: translate(-10rem, 0);
}
.slide-in.animation--on {
  opacity: 1;
}
.slide-in.animation--on {
  transform: translate(0, 0);
}

.slide-in__wrap .slide-unit {
  transform: translate(-10rem, 0);
}
.slide-in__wrap.animation--on .slide-unit {
  transform: translate(0, 0);
}
.slide-in__wrap .slide-unit {
  transition: 0.7s;
}
.slide-in__wrap .slide-unit:nth-child(1) {
  transition-delay: 0s;
}
.slide-in__wrap .slide-unit:nth-child(2) {
  transition-delay: 0.2s;
}
.slide-in__wrap .slide-unit:nth-child(3) {
  transition-delay: 0.4s;
}
.slide-in__wrap .slide-unit:nth-child(4) {
  transition-delay: 0.6s;
}
.slide-in__wrap .slide-unit:nth-child(5) {
  transition-delay: 0.8s;
}
.slide-in__wrap .slide-unit:nth-child(6) {
  transition-delay: 1s;
}

.slide-in-clip {
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  transition: clip-path 0.3s linear 0.7s;
}
.slide-in-clip.animation--on {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.slide-in-clip__wrap .slide-unit {
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  transition: clip-path 0.3s linear 0.7s;
}
.slide-in-clip__wrap.animation--on .slide-unit {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.slide-in-clip__wrap .slide-unit:nth-child(1) {
  transition-delay: 0s;
}
.slide-in-clip__wrap .slide-unit:nth-child(2) {
  transition-delay: 0.5s;
}
.slide-in-clip__wrap .slide-unit:nth-child(3) {
  transition-delay: 1s;
}
.slide-in-clip__wrap .slide-unit:nth-child(4) {
  transition-delay: 1.5s;
}
.slide-in-clip__wrap .slide-unit:nth-child(5) {
  transition-delay: 2s;
}
.slide-in-clip__wrap .slide-unit:nth-child(6) {
  transition-delay: 2.5s;
}

.fade-up {
  display: block;
  transition: 1s;
  opacity: 0;
  transform: translate(0, 50px);
}
.fade-up.animation--on {
  opacity: 1;
}
.fade-up.animation--on {
  transform: translate(0, 0);
}

.fade-up__wrap .fade-unit {
  opacity: 0;
}
.fade-up__wrap.animation--on .fade-unit {
  opacity: 1;
}
.fade-up__wrap .fade-unit {
  transform: translate(0, 50px);
}
.fade-up__wrap.animation--on .fade-unit {
  transform: translate(0, 0);
}
.fade-up__wrap .fade-unit {
  display: inline-block;
  transition: 1s;
}
.fade-up__wrap .fade-unit:nth-child(1) {
  transition-delay: 0s;
}
.fade-up__wrap .fade-unit:nth-child(2) {
  transition-delay: 0.5s;
}
.fade-up__wrap .fade-unit:nth-child(3) {
  transition-delay: 1s;
}
.fade-up__wrap .fade-unit:nth-child(4) {
  transition-delay: 1.5s;
}
.fade-up__wrap .fade-unit:nth-child(5) {
  transition-delay: 2s;
}
.fade-up__wrap .fade-unit:nth-child(6) {
  transition-delay: 2.5s;
}
.fade-up__wrap .fade-unit:nth-child(7) {
  transition-delay: 3s;
}
.fade-up__wrap .fade-unit:nth-child(8) {
  transition-delay: 3.5s;
}
.fade-up__wrap .fade-unit:nth-child(9) {
  transition-delay: 4s;
}
.fade-up__wrap .fade-unit:nth-child(10) {
  transition-delay: 4.5s;
}
.fade-up__wrap .fade-unit:nth-child(11) {
  transition-delay: 5s;
}

@keyframes textGradientPosition {
  from {
    background-position: 100% 0;
  }
  to {
    background-position: 0 0;
  }
}
.title-gradient {
  background-size: 500%;
  background-position: 100% 0;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
.title-gradient.animation--on {
  animation: 2s textGradientPosition cubic-bezier(0.25, 0.1, 0.25, 1) forwards;
}

.deco-line {
  position: relative;
}
.deco-line--top::before {
  content: "";
  width: 20rem;
  height: 0.8rem;
  background: var(--line-color, currentColor);
  transform: matrix(1, -0.09, 0, 1, 0, 0);
  position: absolute;
  bottom: calc(100% + 1rem);
  left: 0;
  translate: -26.5% 0;
}
@media (max-width: 750px) {
  .deco-line--top::before {
    width: 34.6666666667vw;
  }
}
.deco-line--bottom::after {
  content: "";
  width: 20rem;
  height: 0.8rem;
  background: var(--line-color, currentColor);
  transform: matrix(1, -0.09, 0, 1, 0, 0);
  position: absolute;
  top: calc(100% + 1rem);
  right: 0;
  translate: 26.5% 0;
}
@media (max-width: 750px) {
  .deco-line--bottom::after {
    width: 34.6666666667vw;
  }
}
.deco-line.animation::before, .deco-line.animation::after {
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
  transition: clip-path 0.3s 0.3s;
}
.deco-line.animation--on::before, .deco-line.animation--on::after {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}

.txt-slideUp {
  color: transparent;
  text-shadow: 0 1lh transparent;
  clip-path: border-box;
}
.txt-slideUp.animation--on {
  animation: 0.8s 0.2s textSlideUp linear forwards;
}

@keyframes textSlideUp {
  0% {
    color: transparent;
    text-shadow: 0 1lh var(--before-color, #222222);
  }
  50% {
    color: transparent;
    text-shadow: 0 0 var(--before-color, #222222);
  }
  99% {
    color: transparent;
    text-shadow: 0 0 var(--before-color, #222222);
  }
  100% {
    color: var(--after-color, #FFA600);
    text-shadow: 0 0 var(--after-color, #FFA600);
  }
}
.loopGallery {
  width: 100%;
  display: flex;
  overflow-x: clip;
  overflow-y: initial;
  position: relative;
  z-index: 5;
}
.loopGallery img {
  height: 30.4rem;
  aspect-ratio: 560/304;
  max-width: none;
  border-radius: 1.2rem;
  overflow: hidden;
}
@media (max-width: 750px) {
  .loopGallery img {
    height: 53.3333333333vw;
  }
}
.loopGallery__unit {
  padding-right: 0.8rem;
  display: flex;
  -moz-column-gap: 0.8rem;
       column-gap: 0.8rem;
  flex: 0 0 auto;
  pointer-events: none;
  animation: loop-x 20s linear infinite;
}

@keyframes loop-x {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.svg-symbol {
  display: none;
}

.heading1 {
  margin-bottom: 0.8em;
  padding-left: 2rem;
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: clamp(1.4rem, 5.859375vw, 6rem);
  line-height: 1.2;
  position: relative;
}
@media (max-width: 750px) {
  .heading1 {
    margin-bottom: 0.8em;
    padding-left: 0;
    font-size: 10.6666666667vw;
  }
}
.heading1::before {
  content: "";
  width: 2rem;
  aspect-ratio: 20/24;
  background: url(../img/common/deco-title-flag.svg) no-repeat center/100% auto;
  position: absolute;
  top: 0.2833333333em;
  left: 0;
}
@media (max-width: 750px) {
  .heading1::before {
    width: 0.4em;
    top: 0.275em;
    left: auto;
    right: 100%;
  }
}
.heading1__after {
  display: block;
  font-family: "M PLUS 1p", sans-serif;
  font-style: normal;
  font-size: clamp(1.4rem, 1.953125vw, 2rem);
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 750px) {
  .heading1__after {
    font-size: 3.4666666667vw;
  }
}

.heading2 {
  margin-bottom: 1.3333333333em;
  font-size: clamp(1.4rem, 2.9296875vw, 3rem);
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 750px) {
  .heading2 {
    font-size: 6.4vw;
  }
}

.heading3 {
  margin-bottom: 1.4545454545em;
  font-size: clamp(1.4rem, 2.1484375vw, 2.2rem);
  font-weight: bold;
  line-height: 1.4090909091;
}
@media (max-width: 750px) {
  .heading3 {
    font-size: 5.3333333333vw;
  }
}

.heading4 {
  margin-bottom: 1.4736842105em;
  font-size: clamp(1.4rem, 3.7109375vw, 3.8rem);
  font-weight: bold;
  line-height: 1.3947368421;
}
@media (max-width: 750px) {
  .heading4 {
    font-size: 6.4vw;
  }
}

.heading5 {
  margin-bottom: 1.84em;
  font-size: clamp(1.4rem, 2.44140625vw, 2.5rem);
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 750px) {
  .heading5 {
    font-size: 5.3333333333vw;
  }
}

.heading-border {
  padding-bottom: 0.7272727273em;
  position: relative;
}
.heading-border::after {
  content: "";
  width: 100%;
  height: 1px;
  background-image: linear-gradient(-90deg, #57b136 0%, #f44397 29.56%, #ff6800 65.97%, #ffa600 100%);
  position: absolute;
  bottom: 0;
  left: 0;
}

/*
// サイズ関連の指定のみ
.heading-size1 {
	font-size: pcFont(4rem);
	line-height: 1.2;
	font-weight: bold;
	@include sp {
		font-size: mobile-size-vw(3.2rem);
	}
}
*/
:root {
  --btn-color: #5A5A5A;
  --btn-color-txt: #fff;
  --btn-color-hover: #fff;
  --btn-color-txt-hover: #5A5A5A;
}

.btn--right {
  text-align: right;
}
.btn--left {
  text-align: left;
}
.btn--center {
  text-align: center;
}

.btn {
  min-width: 17.0666666667em;
  max-width: 100%;
  min-height: 3.7333333333em;
  padding: 1.0666666667em 1.7333333333em;
  background: var(--btn-color);
  color: var(--btn-color-txt);
  border: 1px solid var(--btn-color);
  border-radius: 20em;
  font-family: "M PLUS 1p", sans-serif;
  font-style: normal;
  font-size: clamp(1.4rem, 1.46484375vw, 1.5rem);
  font-weight: 500;
  line-height: 1.4;
  display: inline-flex;
  align-items: center;
  position: relative;
  z-index: 2;
  transition: 0.3s;
}
@media (max-width: 750px) {
  .btn {
    width: 65.8666666667vw;
    min-width: auto;
    min-height: 3.2em;
    padding: 0.6666666667em 1.6em;
    font-size: 4vw;
  }
}
.btn .link-arrow {
  position: absolute;
  top: 50%;
  right: 1.3333333333em;
  translate: 0 -50%;
}
@media (max-width: 750px) {
  .btn .link-arrow {
    width: 1.6em;
    right: 1.0666666667em;
  }
}
.btn:not(.btn--def-arrow) {
  --tri-color: #4CB54E;
}
.btn:not(.btn--def-arrow) .link-arrow::before {
  content: none;
}
.btn:not(.btn--def-arrow) .link-arrow::after {
  width: 1.2rem;
}
@media (max-width: 750px) {
  .btn:not(.btn--def-arrow) .link-arrow::after {
    width: 2.1333333333vw;
  }
}
.btn:not(.btn--def-arrow) .link-arrow--window {
  --tri-color: #F574A8;
}
.btn:not(.btn--def-arrow) .link-arrow--window::after {
  width: 1.5rem;
}
@media (max-width: 750px) {
  .btn:not(.btn--def-arrow) .link-arrow--window::after {
    width: 4vw;
  }
}
.btn:hover {
  background: var(--btn-color-hover);
  color: var(--btn-color-txt-hover);
  opacity: 1;
}

:where(.btn--wrap) {
  container-type: inline-size;
}
@container (max-width: 260px) {
  :where(.btn--wrap) .btn {
    width: 100%;
    min-width: auto;
  }
}

.btn--w100 {
  width: 100%;
}

.btn--non-min {
  min-width: auto;
}

.btn--disabled {
  min-height: 6rem;
  pointer-events: none;
  font-weight: bold;
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  opacity: 0.7;
}
@media (max-width: 750px) {
  .btn--disabled {
    font-size: 4.8vw;
  }
}
.btn--disabled::before, .btn--disabled::after {
  content: none;
}

.link-more__arrow,
.link-arrow {
  display: inline-block;
  width: 3.2rem;
  aspect-ratio: 1/1;
  margin-left: 0.4rem;
  position: relative;
}
@media (max-width: 750px) {
  .link-more__arrow,
  .link-arrow {
    width: 8.5333333333vw;
    margin-left: 1.0666666667vw;
  }
}
.link-more__arrow::before,
.link-arrow::before {
  content: "";
  width: 75%;
  aspect-ratio: 1/1;
  background: var(--tri-color-bg, #4CB54E);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 1;
  transition: 0.2s;
}
.link-more__arrow::after,
.link-arrow::after {
  content: "";
  width: 0.8rem;
  aspect-ratio: 1/1;
  background: var(--tri-color, #fff);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  top: 50%;
  left: 50%;
  translate: calc(-50% + 1px) -50%;
  z-index: 2;
}
@media (max-width: 750px) {
  .link-more__arrow::after,
  .link-arrow::after {
    width: 2.1333333333vw;
  }
}
.link-more__arrow--fixed::before,
.link-arrow--fixed::before {
  content: none;
}
.link-more__arrow--window,
.link-arrow--window {
  --tri-color-bg: #F574A8;
}
.link-more__arrow--window::after,
.link-arrow--window::after {
  width: 1.5rem;
  aspect-ratio: 15/13;
  -webkit-mask-image: url(../img/common/icon-window.svg);
          mask-image: url(../img/common/icon-window.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100% auto;
          mask-size: 100% auto;
  clip-path: none;
  translate: -50% -50%;
}
@media (max-width: 750px) {
  .link-more__arrow--window::after,
  .link-arrow--window::after {
    width: 4vw;
  }
}
.link-more__arrow--dl::after,
.link-arrow--dl::after {
  width: 1.6rem;
  aspect-ratio: 16/17;
  -webkit-mask-image: url(../img/common/icon-dl.svg);
          mask-image: url(../img/common/icon-dl.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100% auto;
          mask-size: 100% auto;
  clip-path: none;
  translate: -50% -50%;
}
@media (max-width: 750px) {
  .link-more__arrow--dl::after,
  .link-arrow--dl::after {
    width: 4.2666666667vw;
  }
}

@media (hover: hover) and (pointer: fine) {
  :where(a, button):hover .link-more__arrow::before,
  :where(a, button):hover .link-arrow::before {
    width: 125%;
  }
}

.link-more {
  display: inline-flex;
  align-items: center;
  font-family: "M PLUS 1p", sans-serif;
  font-style: normal;
  font-size: 1.3rem;
  color: #4CB54E;
  font-weight: bold;
  line-height: 1.5384615385;
  text-transform: uppercase;
  transition: 0.2s;
}
@media (max-width: 750px) {
  .link-more {
    font-size: 3.4666666667vw;
  }
}
.link-more__txt {
  text-shadow: 0 1lh #4CB54E;
  clip-path: border-box;
}
.link-more__txt-inner {
  display: inline-block;
  translate: 0 0;
  transition: 0.2s translate;
}
@media (hover: hover) and (pointer: fine) {
  .link-more:not(.link-more--dmy):hover {
    opacity: 1;
  }
  .link-more:not(.link-more--dmy):hover .link-more__txt-inner {
    translate: 0 -1lh;
  }
}

@media (hover: hover) and (pointer: fine) {
  :where(a, button):hover .link-more--dmy {
    opacity: 1;
  }
  :where(a, button):hover .link-more--dmy .link-more__txt-inner {
    translate: 0 -1lh;
  }
}

.btn--large {
  font-size: clamp(1.6rem, 2.34375vw, 2.4rem);
}
@media (max-width: 750px) {
  .btn--large {
    font-size: 6.4vw;
  }
}

.btn--small {
  padding: 0.8em 1.8em;
}

.btn--square {
  border-radius: 0;
}

.link-line {
  padding-bottom: 0.3rem;
  will-change: background-size;
  background: linear-gradient(transparent 0%, blue 0%) no-repeat right bottom;
  background-size: 0 1px;
  transition: background-size 0.3s cubic-bezier(0.4, 0, 0, 1) 0s;
}
@media (hover: hover) and (pointer: fine) {
  :where(a):hover:hover .link-line {
    background-position: left bottom;
    background-size: 100% 1px;
  }
}

.link-blue {
  transition: 0.3s;
}

@media (hover: hover) and (pointer: fine) {
  :where(a):hover:hover .link-blue {
    color: blue;
  }
}

.list > li {
  display: list-item;
}
.list--dot > li {
  list-style: none;
  padding-left: 1em;
  position: relative;
}
.list--dot > li:before {
  content: "";
  width: 0.6rem;
  aspect-ratio: 1/1;
  background: var(--dot-color, #FFA600);
  border-radius: 50%;
  position: absolute;
  top: 0.5lh;
  left: 0;
  translate: 0 -50%;
}
.list--txtDot {
  padding-left: 1em;
  list-style-type: "・";
  line-height: 2;
}
.list--line > li {
  list-style: none;
  padding-left: min(1.3333333333em, 2rem);
  position: relative;
}
.list--line > li:before {
  content: "";
  width: 0.8rem;
  height: 0.2rem;
  background: #FFA600;
  border-radius: 10em;
  position: absolute;
  top: 0.5lh;
  left: 0;
  translate: 0 -50%;
}
.list--order {
  list-style: none;
  counter-reset: item;
}
.list--order > li {
  padding-left: 2em;
  position: relative;
}
.list--order > li:before {
  counter-increment: item;
  content: counter(item);
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
  font-weight: 600;
  font-style: normal;
  color: #4CB54E;
  position: absolute;
  top: 0.45lh;
  left: 0;
  translate: 0 -50%;
  scale: 130%;
  transform-origin: left center;
}
.list--order > li:nth-child(-n+9):before {
  content: "0" counter(item);
}
.accordion__wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem 0;
}
.accordion__title {
  padding: 1rem;
  border: 1px solid #000;
  position: relative;
}
.accordion__title--dot {
  list-style-type: "・";
}
.accordion__title::-webkit-details-marker {
  display: none;
}
.accordion__contents {
  padding: 1rem;
  background: rgba(0, 0, 0, 0.1);
}

.tab__menu {
  display: inline-flex;
  position: relative;
}

.tab__btn {
  padding: 1rem;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: none;
  cursor: pointer;
}
.tab__btn.active {
  background: rgba(0, 0, 0, 0.1);
}

.tab__line {
  width: 100%;
  height: 2px;
  background: rgba(0, 0, 0, 0.1);
  position: absolute;
  bottom: 0;
  left: 0;
}

.tab__indicator {
  background: #3b82f6;
  position: absolute;
  top: 0;
  bottom: 0;
  transition-duration: 200ms;
  transition-property: transform, width;
}

.tab__contents-wrap {
  border: 1px solid rgba(0, 0, 0, 0.1);
}

.tab__contents {
  padding: 1rem;
}
.tab__contents:not(.active) {
  display: none;
}

.breadcrumb {
  margin-top: 1.5rem;
  padding: 0;
}

/*
	Breadcrumb NavXT プラグイン向け
*/
.breadcrumb__list {
  display: flex;
  flex-wrap: wrap;
  color: rgba(34, 34, 34, 0.5);
  font-size: clamp(1.4rem, 1.46484375vw, 1.5rem);
  line-height: 1;
  font-weight: 500;
  gap: 0.4rem;
}
@media (max-width: 750px) {
  .breadcrumb__list {
    font-size: 2.6666666667vw;
  }
}
.breadcrumb__list a {
  color: #222222;
  font-weight: bold;
  text-decoration: underline;
}
.breadcrumb__list-item {
  display: flex;
  align-items: center;
  gap: 0 0.4rem;
}
.breadcrumb__list-item::after {
  content: " > ";
  font-weight: bold;
}
.breadcrumb__list-item:last-child::after {
  content: none;
}

.wp_pagenavi .page-numbers {
  font-size: clamp(1.4rem, 1.953125vw, 2rem);
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.4em;
}
@media (max-width: 750px) {
  .wp_pagenavi .page-numbers {
    font-size: 4vw;
    flex-wrap: wrap;
  }
}
.wp_pagenavi .page-numbers a, .wp_pagenavi .page-numbers span {
  min-width: clamp(1.4rem, 5.46875vw, 5.6rem);
  aspect-ratio: 56/48;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.8rem;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 750px) {
  .wp_pagenavi .page-numbers a, .wp_pagenavi .page-numbers span {
    width: 2em;
    min-width: auto;
  }
}
@media (hover: hover) and (pointer: fine) {
  .wp_pagenavi .page-numbers a:hover {
    background: #FFA600;
    font-weight: bold;
    opacity: 1;
  }
}
.wp_pagenavi .page-numbers .current {
  background: #5A5A5A;
  font-weight: bold;
  color: #fff;
}
.wp_pagenavi .page-numbers .extend {
  border: none;
}
.wp_pagenavi--rokitimes .page-numbers {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: clamp(1.4rem, 2.9296875vw, 3rem);
  line-height: 1.2;
  justify-content: flex-end;
  gap: 0.8em;
}
@media (max-width: 750px) {
  .wp_pagenavi--rokitimes .page-numbers {
    font-size: 5.3333333333vw;
  }
}
.wp_pagenavi--rokitimes .page-numbers a, .wp_pagenavi--rokitimes .page-numbers span {
  min-width: clamp(1.4rem, 1.953125vw, 2rem);
  aspect-ratio: initial;
  border: none;
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
  color: #D973A5;
  display: block;
}
@media (max-width: 750px) {
  .wp_pagenavi--rokitimes .page-numbers a, .wp_pagenavi--rokitimes .page-numbers span {
    width: auto;
  }
}
@media (hover: hover) and (pointer: fine) {
  .wp_pagenavi--rokitimes .page-numbers a:hover {
    background: none;
    font-weight: inherit;
    opacity: 0.7;
  }
}
.wp_pagenavi--rokitimes .page-numbers .current {
  background: none;
  font-weight: inherit;
  color: #D973A5;
}
.wp_pagenavi--rokitimes .page-numbers .previouspostslink,
.wp_pagenavi--rokitimes .page-numbers .nextpostslink,
.wp_pagenavi--rokitimes .page-numbers .last {
  font-size: clamp(1.4rem, 1.953125vw, 2rem);
}
@media (max-width: 750px) {
  .wp_pagenavi--rokitimes .page-numbers .previouspostslink,
  .wp_pagenavi--rokitimes .page-numbers .nextpostslink,
  .wp_pagenavi--rokitimes .page-numbers .last {
    font-size: 4vw;
  }
}
.wp_pagenavi--rokitimes .page-numbers .previouspostslink {
  order: -1;
}
.wp_pagenavi--rokitimes .page-numbers::after {
  content: "";
  order: 98;
  display: block;
  width: 2px;
  height: 0.8em;
  background: #D973A5;
}
.wp_pagenavi--rokitimes .page-numbers .last {
  order: 99;
}
.wp_pagenavi--rokitimes .page-numbers.single__linkPages {
  justify-content: center;
}
.wp_pagenavi--rokitimes .page-numbers.single__linkPages::after {
  content: none;
}

.contents--flex {
  display: flex;
}
.contents--grid {
  display: grid;
}

.header {
  width: 100%;
  height: 12.8rem;
  background: #fff;
  color: #5A5A5A;
  position: sticky;
  top: 0;
  left: 0;
  z-index: 999;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .header {
    height: auto;
    overflow-x: clip;
    overflow-y: visible;
  }
}
@media (max-width: 750px) {
  .header {
    height: auto;
    overflow-x: clip;
    overflow-y: visible;
  }
}
.header .inner {
  width: 100%;
  max-width: none;
  padding: 0 0 0 3.2rem;
  background: #fff;
}
@media (max-width: 750px) {
  .header .inner {
    padding-left: 4.8vw;
  }
}
.header .contents--grid {
  height: 100%;
  grid-template-columns: 1fr auto auto;
  align-items: center;
}
.header__logo {
  width: min(14.6412884334vw, 20rem);
  max-width: 20rem;
}
@media (max-width: 750px) {
  .header__logo {
    width: 37.6vw;
    max-width: 14.1rem;
    padding: 1.3rem 0;
  }
}
.header__logo a, .header__logo img {
  display: block;
  width: 100%;
}
.header__right {
  align-self: stretch;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .header__right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
@media (max-width: 750px) {
  .header__right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
}
.header__product {
  width: min(12.8843338214vw, 17.6rem);
  height: 100%;
  text-align: center;
  font-size: clamp(1.4rem, 2.44140625vw, 2.5rem);
  font-weight: bold;
  line-height: 1.4;
  letter-spacing: -0.05em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .header__product {
    width: auto;
    height: auto;
    margin-left: 1.4rem;
  }
}
@media (max-width: 750px) {
  .header__product {
    width: auto;
    height: auto;
    margin-left: 1.4rem;
  }
}
@media (min-width: 751px) and (max-width: 1024px) {
  .header__product {
    font-size: clamp(1.4rem, 1.953125vw, 2rem);
  }
}
@media (max-width: 750px) {
  .header__product {
    font-size: 4.8vw;
  }
}
.header__product span {
  font-size: clamp(1rem, 1.5625vw, 1.6rem);
  line-height: 1.375;
  letter-spacing: 0;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .header__product span {
    font-size: clamp(1rem, 1.26953125vw, 1.3rem);
  }
}
@media (max-width: 750px) {
  .header__product span {
    font-size: 3.2vw;
  }
}
.header__mobile {
  display: none;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .header__mobile {
    display: block;
  }
}
@media (max-width: 750px) {
  .header__mobile {
    display: block;
  }
}
.header .nav-btn {
  padding: 0.3rem 0.7rem;
  border: 1px solid currentColor;
  border-radius: 10em;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1;
  text-transform: uppercase;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .header .nav-btn {
    border-radius: 0.8rem;
    padding: 0.3rem 1.1rem;
    font-size: 1.3rem;
  }
}
@media (max-width: 750px) {
  .header .nav-btn {
    border-radius: 0.8rem;
    padding: 0.3rem 1.1rem;
    font-size: 1.3rem;
  }
}
@media (max-width: 750px) {
  .header .nav-btn {
    font-size: 3.2vw;
  }
}
@media (min-width: 751px) and (max-width: 1024px) {
  .header.menu-active::before {
    content: "";
    width: 100%;
    height: 100vh;
    height: 100dvh;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: -5;
  }
  .header.menu-active .inner {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }
}
@media (max-width: 750px) {
  .header.menu-active::before {
    content: "";
    width: 100%;
    height: 100vh;
    height: 100dvh;
    background: rgba(0, 0, 0, 0.3);
    position: fixed;
    top: 0;
    left: 0;
    z-index: -5;
  }
  .header.menu-active .inner {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }
}

.header--rokitimes {
  height: auto;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .header--rokitimes {
    overflow: initial;
  }
}
@media (max-width: 750px) {
  .header--rokitimes {
    overflow: initial;
  }
}
.header--rokitimes .contents--grid {
  padding-left: 0;
  grid-template-columns: auto 1fr auto;
  -moz-column-gap: min(2.4890190337vw, 3.4rem);
       column-gap: min(2.4890190337vw, 3.4rem);
}
@media (min-width: 751px) and (max-width: 1024px) {
  .header--rokitimes .contents--grid {
    overflow-x: clip;
    overflow-y: visible;
  }
}
@media (max-width: 750px) {
  .header--rokitimes .contents--grid {
    overflow-x: clip;
    overflow-y: visible;
  }
}
@media (max-width: 750px) {
  .header--rokitimes .contents--grid {
    padding-left: 0;
    grid-template-columns: auto 1fr;
  }
}
.header--rokitimes .header__logo {
  margin-left: 3.2rem;
}
@media (max-width: 750px) {
  .header--rokitimes .header__logo {
    margin-left: 4.2666666667vw;
  }
}
@media (min-width: 751px) and (max-width: 1024px) {
  .header--rokitimes .header__home {
    display: none;
  }
}
@media (max-width: 750px) {
  .header--rokitimes .header__home {
    display: none;
  }
}
.header--rokitimes .header__home .nav-btn {
  font-size: 1.3rem;
  font-weight: bold;
}
.header--rokitimes .header__right {
  display: flex;
}
.header--rokitimes .header__switch {
  width: min(14.055636896vw, 19.2rem);
  height: 9.6rem;
  background: none;
  border-top: none;
  border-bottom: none;
  border-right: none;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
  text-align: center;
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  font-weight: bold;
  line-height: 1.3888888889;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media (max-width: 750px) {
  .header--rokitimes .header__switch {
    width: 21.3333333333vw;
    height: 17.0666666667vw;
    font-size: 3.4666666667vw;
    line-height: 1.3846153846;
    flex-direction: column;
    row-gap: 0.3076923077em;
  }
}
.header--rokitimes .header__switch[data-menuname=nav-categories]::before, .header--rokitimes .header__switch[data-menuname=nav-date]::before {
  content: "";
  width: 1em;
  margin-right: 0.6666666667em;
  aspect-ratio: 1/1;
  background: currentColor;
}
@media (max-width: 750px) {
  .header--rokitimes .header__switch[data-menuname=nav-categories]::before, .header--rokitimes .header__switch[data-menuname=nav-date]::before {
    width: 1.3846153846em;
    margin-right: 0;
  }
}
.header--rokitimes .header__switch[data-menuname=nav-categories]::before {
  content: none;
  -webkit-mask-image: url(../img/common/icon-list.svg);
          mask-image: url(../img/common/icon-list.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .header--rokitimes .header__switch[data-menuname=nav-categories]::before {
    content: "";
  }
}
@media (max-width: 750px) {
  .header--rokitimes .header__switch[data-menuname=nav-categories]::before {
    content: "";
  }
}
.header--rokitimes .header__switch[data-menuname=nav-date]::before {
  -webkit-mask-image: url(../img/common/icon-clock.svg);
          mask-image: url(../img/common/icon-clock.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
}
.header--rokitimes .header__switch.menu-active {
  color: #D973A5;
}
.header--rokitimes .header__switch.menu-active::after {
  content: "";
  width: 100%;
  height: 0;
  border-bottom: 3px solid #D973A5;
  position: absolute;
  left: 0;
  bottom: 0;
}
.header--rokitimes .header__submenu {
  width: 100%;
  background: #fff;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 50;
}
.header--rokitimes .header__submenu-group {
  display: none;
}
.header--rokitimes .header__submenu-group.menu-active {
  display: block;
}
.header--rokitimes .header__categories, .header--rokitimes .header__date {
  display: flex;
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  font-weight: bold;
}
@media (max-width: 750px) {
  .header--rokitimes .header__categories, .header--rokitimes .header__date {
    font-size: 4vw;
    font-weight: 500;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: visible;
  }
}
.header--rokitimes .header__categories > .cat-item-none, .header--rokitimes .header__date > .cat-item-none {
  display: none;
}
.header--rokitimes .header__categories > li, .header--rokitimes .header__date > li {
  flex-grow: 1;
  max-width: 20%;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
@media (max-width: 750px) {
  .header--rokitimes .header__categories > li, .header--rokitimes .header__date > li {
    flex-shrink: 0;
    flex-grow: initial;
    max-width: none;
    min-width: 29.8666666667vw;
  }
}
.header--rokitimes .header__categories > li:last-child:nth-child(n+5), .header--rokitimes .header__date > li:last-child:nth-child(n+5) {
  border-right: none;
}
.header--rokitimes .header__categories > li > a, .header--rokitimes .header__date > li > a {
  width: 100%;
  height: 100%;
  padding: 1em 0;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 750px) {
  .header--rokitimes .header__categories > li > a, .header--rokitimes .header__date > li > a {
    padding: 1.1333333333em 0.7333333333em;
  }
}
@media (hover: hover) and (pointer: fine) {
  .header--rokitimes .header__categories > li:hover > a, .header--rokitimes .header__date > li:hover > a {
    color: #D973A5;
  }
  .header--rokitimes .header__categories > li:hover .children, .header--rokitimes .header__date > li:hover .children {
    display: flex;
  }
}
@media (min-width: 751px) and (max-width: 1024px) {
  .header--rokitimes .header__categories > li.menu-active > a, .header--rokitimes .header__date > li.menu-active > a {
    color: #D973A5;
    opacity: 1;
  }
  .header--rokitimes .header__categories > li.menu-active .children, .header--rokitimes .header__date > li.menu-active .children {
    display: flex;
  }
}
@media (max-width: 750px) {
  .header--rokitimes .header__categories > li.menu-active > a, .header--rokitimes .header__date > li.menu-active > a {
    color: #D973A5;
    opacity: 1;
  }
  .header--rokitimes .header__categories > li.menu-active .children, .header--rokitimes .header__date > li.menu-active .children {
    display: flex;
  }
}
.header--rokitimes .header__categories .children, .header--rokitimes .header__date .children {
  width: 100%;
  padding: 1em 3.2rem;
  background: #D973A5;
  color: #fff;
  display: none;
  flex-wrap: wrap;
  gap: 0.5em 1em;
  align-items: center;
  position: absolute;
  top: 100%;
  left: 0;
}
@media (max-width: 750px) {
  .header--rokitimes .header__categories .children, .header--rokitimes .header__date .children {
    padding: 1em;
    font-size: 3.7333333333vw;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: visible;
  }
}
.header--rokitimes .header__categories .children li:first-child, .header--rokitimes .header__date .children li:first-child {
  display: none;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .header--rokitimes .header__categories .children li:first-child, .header--rokitimes .header__date .children li:first-child {
    display: block;
  }
}
@media (max-width: 750px) {
  .header--rokitimes .header__categories .children li:first-child, .header--rokitimes .header__date .children li:first-child {
    display: block;
  }
}

.g-menu__btn {
  width: 6.4rem;
  aspect-ratio: 1/1;
  background: none;
  border: none;
  transition: 0.3s;
  position: relative;
  cursor: pointer;
}
.g-menu__btn .button-border {
  width: 31.25%;
  min-width: 2rem;
  height: 2px;
  background: currentColor;
  border-radius: 10em;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -1px);
}
.g-menu__btn .button-border.top {
  top: calc(50% - 8px);
}
.g-menu__btn .button-border.bottom {
  top: calc(50% + 8px);
}
.g-menu__btn.menu-active .button-border {
  background: transparent;
  transform: translate(-50%, -1px);
}
.g-menu__btn.menu-active .button-border.top {
  background: currentColor;
  top: 50%;
  transform: translate(-50%, -1px) rotate(45deg);
}
.g-menu__btn.menu-active .button-border.bottom {
  background: currentColor;
  top: 50%;
  transform: translate(-50%, -1px) rotate(-45deg);
}

#g-menu {
  padding-right: 2.1333333333em;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
@media (min-width: 751px) and (max-width: 1024px) {
  #g-menu {
    width: 22rem;
    max-width: 100%;
    height: 100vh;
    height: 100dvh;
    padding-right: 0;
    background: #fff;
    border-right: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    translate: 100% 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    overscroll-behavior-y: contain;
    pointer-events: none;
    transition: 0.3s;
  }
}
@media (max-width: 750px) {
  #g-menu {
    width: 22rem;
    max-width: 100%;
    height: 100vh;
    height: 100dvh;
    padding-right: 0;
    background: #fff;
    border-right: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    translate: 100% 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: none;
    overscroll-behavior-y: contain;
    pointer-events: none;
    transition: 0.3s;
  }
}
@media (min-width: 751px) and (max-width: 1024px) {
  #g-menu.menu-active {
    translate: 0 0;
    pointer-events: initial;
  }
}
@media (max-width: 750px) {
  #g-menu.menu-active {
    translate: 0 0;
    pointer-events: initial;
  }
}

@media (min-width: 751px) and (max-width: 1024px) {
  .g-menu__wrap {
    padding: calc(var(--header-height) + 3.9rem) 3.2rem 2rem;
  }
}
@media (max-width: 750px) {
  .g-menu__wrap {
    padding: calc(var(--header-height) + 3.9rem) 3.2rem 2rem;
  }
}
.g-menu__nav {
  font-weight: 500;
  line-height: 1.4;
  display: grid;
  grid-template-columns: 100%;
  justify-items: flex-end;
  row-gap: 1.2rem;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .g-menu__nav {
    --row-gap: 3.2rem;
    justify-items: stretch;
    row-gap: var(--row-gap);
    font-size: 1.5rem;
  }
}
@media (max-width: 750px) {
  .g-menu__nav {
    --row-gap: 3.2rem;
    justify-items: stretch;
    row-gap: var(--row-gap);
    font-size: 1.5rem;
  }
}
.g-menu__nav-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem 1.6em;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .g-menu__nav-list {
    flex-direction: column;
    align-items: flex-start;
    row-gap: var(--row-gap);
  }
}
@media (max-width: 750px) {
  .g-menu__nav-list {
    flex-direction: column;
    align-items: flex-start;
    row-gap: var(--row-gap);
  }
}
.g-menu__nav-list a {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
}
.g-menu__nav-list a[target=_blank]::after {
  content: "";
  display: inline-block;
  width: 0.7692307692em;
  aspect-ratio: 1/1;
  margin-left: 0.8rem;
  background: url(../img/common/icon-window.svg) no-repeat center/100% auto;
}
.g-menu__nav-list-item--separate {
  padding-left: 1.6em;
  border-left: 1px solid rgba(0, 0, 0, 0.2);
}
@media (min-width: 751px) and (max-width: 1024px) {
  .g-menu__nav-list-item--separate {
    padding-left: 0;
    border-left: none;
  }
}
@media (max-width: 750px) {
  .g-menu__nav-list-item--separate {
    padding-left: 0;
    border-left: none;
  }
}
@media (min-width: 751px) and (max-width: 1024px) {
  .g-menu__nav-list-item--en {
    display: none;
  }
}
@media (max-width: 750px) {
  .g-menu__nav-list-item--en {
    display: none;
  }
}
.g-menu__nav-list--top {
  font-size: 1.3rem;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .g-menu__nav-list--top {
    order: 2;
    padding-top: var(--row-gap);
    border-top: 1px solid rgba(0, 0, 0, 0.2);
  }
}
@media (max-width: 750px) {
  .g-menu__nav-list--top {
    order: 2;
    padding-top: var(--row-gap);
    border-top: 1px solid rgba(0, 0, 0, 0.2);
  }
}

.footer {
  padding: min(7.03125vw, 7.2rem) 0 min(4.6875vw, 4.8rem);
  background: #F3F3F5;
}
@media (max-width: 750px) {
  .footer {
    padding: 10.6666666667vw 0 25.6vw;
  }
}
.footer__nav {
  --tri-color: #4CB54E;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(7, auto) 1fr;
  gap: 0 3.125%;
  grid-auto-flow: dense;
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  font-weight: 500;
  line-height: 1.3888888889;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .footer__nav {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
}
@media (max-width: 750px) {
  .footer__nav {
    padding: 0 8.5333333333vw;
    grid-template-columns: 100%;
    grid-template-rows: auto;
    font-size: 4.8vw;
  }
}
.footer__nav::before {
  content: "";
  grid-column: 2/-1;
  grid-row: 1;
}
@media (max-width: 750px) {
  .footer__nav::before {
    content: none;
  }
}
.footer__nav > :where(li) {
  padding: 1.3333333333em 0;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
.footer__nav .nav-top {
  border-top: none;
}
.footer__nav .nav-sns {
  border-top: none;
}
.footer__nav-child {
  margin-top: 1.0666666667em;
  font-size: clamp(1.4rem, 1.46484375vw, 1.5rem);
  display: grid;
  grid-template-columns: 100%;
  row-gap: 0.8rem;
}
@media (max-width: 750px) {
  .footer__nav-child {
    font-size: 4vw;
    row-gap: 1em;
  }
}
.footer__nav-child .footer__nav-child {
  margin-top: 0.8rem;
}
@media (max-width: 750px) {
  .footer__nav-child .footer__nav-child {
    margin-top: 1em;
  }
}
.footer__nav-sns {
  display: flex;
  align-items: center;
  -moz-column-gap: 2.6rem;
       column-gap: 2.6rem;
}
@media (max-width: 750px) {
  .footer__nav-sns {
    justify-content: center;
    -moz-column-gap: 6.9333333333vw;
         column-gap: 6.9333333333vw;
  }
}
.footer__nav-sns a {
  display: block;
}
.footer__nav-sns img {
  width: 3rem;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 750px) {
  .footer__nav-sns img {
    width: 8vw;
  }
}
.footer__nav a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer__nav a[target=_blank] {
  --tri-color: #F574A8;
}
.footer__nav a[target=_blank] .link-arrow::after {
  width: 1.5rem;
  aspect-ratio: 15/13;
  -webkit-mask-image: url(../img/common/icon-window.svg);
          mask-image: url(../img/common/icon-window.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 100% auto;
          mask-size: 100% auto;
  clip-path: none;
}
@media (max-width: 750px) {
  .footer__nav a[target=_blank] .link-arrow::after {
    width: 4vw;
  }
}
@media (hover: hover) and (pointer: fine) {
  .footer__nav a:hover {
    opacity: 1;
    color: #FFA600;
  }
}
@media (min-width: 751px) {
  .footer__nav > :where(li) {
    grid-column: 4;
  }
  .footer__nav .nav-top {
    grid-column: 1;
    grid-row: 1;
  }
  .footer__nav .nav-about {
    grid-column: 1;
    grid-row: span 5;
  }
  .footer__nav .nav-company {
    grid-column: 2;
    grid-row: span 5;
  }
  .footer__nav .nav-sustainability {
    grid-column: 3;
    grid-row: span 2;
  }
  .footer__nav .nav-recruit {
    grid-column: 3;
  }
  .footer__nav .nav-product {
    grid-column: 3;
    grid-row: span 4;
  }
  .footer__nav .nav-sns {
    grid-column: 1/span 2;
    grid-row: 7;
  }
}
.footer__copyright {
  margin-top: min(0.9765625vw, 1rem);
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
  font-weight: 300;
  font-style: normal;
  text-align: center;
  line-height: 1.2;
}
@media (max-width: 750px) {
  .footer__copyright {
    margin-top: 10.6666666667vw;
  }
}

@media (max-width: 750px) {
  .footer--rokitimes {
    padding-top: 14.9333333333vw;
  }
}
.footer--rokitimes .inner {
  max-width: 118.6rem;
}
@media (max-width: 750px) {
  .footer--rokitimes .inner {
    padding: 0 4.2666666667vw;
  }
}
.footer--rokitimes .nav-btn {
  display: inline-block;
  padding: 0.6rem 0.9rem;
  background: #fff;
  border: 1px solid currentColor;
  border-radius: 10em;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.3846153846;
  text-transform: uppercase;
}
@media (max-width: 750px) {
  .footer--rokitimes .nav-btn {
    display: block;
    width: 46.9333333333vw;
    max-width: none;
    margin: 0 auto;
    font-size: 3.4666666667vw;
    font-weight: bold;
  }
}
.footer--rokitimes .footer__rokitimes {
  padding-right: 6.8296795953%;
  display: grid;
  grid-template-columns: auto 1fr;
  -moz-column-gap: 8.347386172%;
       column-gap: 8.347386172%;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .footer--rokitimes .footer__rokitimes {
    padding-right: 0;
  }
}
@media (max-width: 750px) {
  .footer--rokitimes .footer__rokitimes {
    padding-right: 0;
  }
}
@media (max-width: 750px) {
  .footer--rokitimes .footer__rokitimes {
    grid-template-columns: 100%;
    row-gap: 14.9333333333vw;
  }
}
.footer--rokitimes .footer__rokitimes-nav {
  display: grid;
  grid-template-columns: 1fr auto;
  -moz-column-gap: 10.3825136612%;
       column-gap: 10.3825136612%;
}
@media (max-width: 750px) {
  .footer--rokitimes .footer__rokitimes-nav {
    grid-template-columns: 100%;
    row-gap: 14.9333333333vw;
  }
}
.footer--rokitimes .footer__logo {
  width: min(23.6087689713vw, 28rem);
  max-width: 28rem;
  margin-bottom: min(2.6981450253vw, 3.2rem);
}
@media (max-width: 750px) {
  .footer--rokitimes .footer__logo {
    width: 54.4vw;
    max-width: 20.4rem;
    margin: 0 auto 6.4vw;
  }
}
.footer--rokitimes .footer__logo a, .footer--rokitimes .footer__logo img {
  display: block;
  width: 100%;
}
.footer--rokitimes .footer__navBox {
  --icon-color: #D973A5;
}
.footer--rokitimes .footer__navBox-title {
  margin-bottom: 1.7777777778em;
  padding-right: 1.4444444444em;
  padding-bottom: 0.8888888889em;
  border-bottom: 1px solid currentColor;
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  color: #D973A5;
  font-weight: bold;
  display: flex;
  align-items: center;
}
@media (max-width: 750px) {
  .footer--rokitimes .footer__navBox-title {
    margin-bottom: 1.3333333333em;
    padding-right: 0.6666666667em;
    padding-bottom: 0.6666666667em;
    font-size: 4.8vw;
  }
}
.footer--rokitimes .footer__navBox-title .icon {
  width: 1em;
  height: 1em;
  margin-left: 0;
  margin-right: 0.6666666667em;
}
@media (max-width: 750px) {
  .footer--rokitimes .footer__nav {
    padding: 0;
  }
}
.footer--rokitimes .footer__nav li {
  grid-column: initial;
}
.footer--rokitimes .footer__nav .list--line > li:before {
  background: #D973A5;
}
@media (max-width: 750px) {
  .footer--rokitimes .footer__nav--rokitimes {
    row-gap: 6.4vw;
  }
}
.footer--rokitimes .footer__nav--rokitimes::before {
  content: none;
}
.footer--rokitimes .footer__nav--rokitimes > li {
  padding: 0;
  border: none;
}
@media (max-width: 750px) {
  .footer--rokitimes .footer__nav--rokitimes > li {
    display: grid;
    grid-template-columns: 1fr 50%;
    align-items: flex-start;
  }
}
.footer--rokitimes .footer__nav-child {
  margin-top: 0.8em;
}
@media (max-width: 750px) {
  .footer--rokitimes .footer__nav-child {
    margin-top: 0;
    row-gap: 3.2vw;
  }
}
.footer--rokitimes .footer__nav--category {
  height: calc(var(--nav-height) / 2);
  min-height: 25rem;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.8333333333em 1rem;
}
@media (max-width: 750px) {
  .footer--rokitimes .footer__nav--category {
    height: auto;
    min-height: auto;
  }
}
.footer--rokitimes .footer__nav--category > li {
  width: 50%;
}
@media (max-width: 750px) {
  .footer--rokitimes .footer__nav--category > li {
    width: 100%;
  }
}
.footer--rokitimes .footer__nav--date {
  grid-template-columns: 100%;
  grid-template-rows: auto;
  gap: 1.2777777778em 0;
}

#page-top {
  position: fixed;
  right: 1.4rem;
  bottom: calc(env(safe-area-inset-bottom) + 7.4rem);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s;
}
#page-top a {
  display: block;
}
#page-top.scrolled {
  opacity: 1;
  visibility: visible;
}

.page__header {
  width: 100%;
  margin-bottom: 4rem;
  padding: 0 3.2rem;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 100%;
  position: relative;
  z-index: 1;
}
@media (max-width: 750px) {
  .page__header {
    margin-bottom: 25.6vw;
    padding: 0 1.6rem;
    grid-template-rows: auto 1fr;
  }
}
.page__header-mainv {
  grid-column: 1;
  grid-row: 1;
  z-index: 1;
}
.page__header-image {
  z-index: 1;
  width: 100%;
  aspect-ratio: 1302/448;
  border-radius: 1.6rem;
  -o-object-fit: cover;
     object-fit: cover;
  background: lightgray;
}
@media (max-width: 750px) {
  .page__header-image {
    max-width: none;
    aspect-ratio: 343/200;
  }
}
.page__header .inner {
  align-self: center;
  grid-column: 1;
  grid-row: 1;
  z-index: 3;
  max-width: 117.4rem;
  display: grid;
}
.page__header .inner:has(.page__header-contents) {
  grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 751px) and (max-width: 1024px) {
  .page__header .inner:has(.page__header-contents) {
    align-items: center;
  }
}
@media (max-width: 750px) {
  .page__header .inner:has(.page__header-contents) {
    grid-row: 1/span 2;
    grid-template-columns: 100%;
    grid-template-rows: subgrid;
  }
}
.page__header-heading {
  justify-self: flex-start;
  color: #fff;
}
@media (max-width: 750px) {
  .page__header-heading {
    align-self: center;
  }
}
.page__header-title {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: clamp(1.4rem, 7.8125vw, 8rem);
  line-height: 1;
  position: relative;
}
@media (max-width: 750px) {
  .page__header-title {
    font-size: 10.6666666667vw;
  }
}
.page__header-title-sub {
  font-size: clamp(1.4rem, 2.9296875vw, 3rem);
  font-weight: bold;
  line-height: 1.0666666667;
}
@media (max-width: 750px) {
  .page__header-title-sub {
    font-size: 3.4666666667vw;
    line-height: 1.5;
  }
}
.page__header-contents {
  justify-self: flex-end;
  line-height: 2;
  font-weight: 500;
}
@media (max-width: 750px) {
  .page__header-contents > *:first-child {
    margin-top: 8.5333333333vw;
  }
}
.page__header-breadcrumb {
  padding: 1.9rem 3.2rem 0;
  background: #fff;
  border-radius: 0 1.6rem 0 0;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 5;
}
@media (max-width: 750px) {
  .page__header-breadcrumb {
    grid-column: 1;
    grid-row: 1;
    align-self: flex-end;
    justify-self: flex-start;
    padding: 2.6666666667vw 4.2666666667vw 0;
    padding-left: 0;
    position: initial;
  }
}
.page__header--typeB :where(.page__header-image) {
  aspect-ratio: 1302/264;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .page__header--typeB :where(.page__header-image) {
    aspect-ratio: 1302/448;
  }
}
.page__header--typeB .page__header-heading {
  grid-column: span 2;
  color: #000;
}
@media (max-width: 750px) {
  .page__header--typeB .page__header-heading {
    grid-column: initial;
  }
}
.page__header--typeB .page__header-title {
  font-family: "M PLUS 1p", sans-serif;
  font-style: normal;
  font-size: clamp(1.4rem, 4.39453125vw, 4.5rem);
  line-height: 1.3777777778;
}
@media (max-width: 750px) {
  .page__header--typeB .page__header-title {
    font-size: 8vw;
  }
}
.page__header--typeB .page__header-title-sub {
  margin-bottom: 0;
  padding-left: 0.3518518519em;
  font-size: clamp(1.4rem, 2.63671875vw, 2.7rem);
  position: absolute;
  right: 6rem;
  bottom: 2rem;
  z-index: 3;
}
@media (max-width: 750px) {
  .page__header--typeB .page__header-title-sub {
    margin-top: 0.5em;
    font-size: 4.8vw;
    position: relative;
    right: auto;
    bottom: auto;
  }
}
.page__header--typeB .page__header-title-sub::before {
  width: 0.3518518519em;
  top: 0.2em;
}
@media (max-width: 750px) {
  .page__header--typeB .page__header-title-sub::before {
    left: 0;
    right: auto;
  }
}
.page__header--typeB .page__header-title-sub .jp {
  margin-left: 1em;
  font-family: "M PLUS 1p", sans-serif;
  font-style: normal;
  font-size: clamp(1.2rem, 1.3671875vw, 1.4rem);
  font-weight: bold;
}
@media (max-width: 750px) {
  .page__header--typeB .page__header-title-sub .jp {
    font-size: 0.8em;
  }
}
.page__header--typeC :where(.page__header-image) {
  aspect-ratio: 1302/264;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .page__header--typeC :where(.page__header-image) {
    aspect-ratio: 1302/448;
  }
}
.page__header--typeC .page__header-heading {
  color: #000;
}
.page__header--typeC .page__header-page-group {
  margin-bottom: 0;
  padding-left: 0.3518518519em;
  font-size: clamp(1.4rem, 2.63671875vw, 2.7rem);
  position: absolute;
  right: 6rem;
  bottom: 2rem;
  z-index: 3;
}
@media (max-width: 750px) {
  .page__header--typeC .page__header-page-group {
    margin-top: 0.5em;
    font-size: 4.8vw;
    position: relative;
    right: auto;
    bottom: auto;
  }
}
.page__header--typeC .page__header-page-group::before {
  width: 0.3518518519em;
  top: 0.2em;
}
@media (max-width: 750px) {
  .page__header--typeC .page__header-page-group::before {
    left: 0;
    right: auto;
  }
}
.page__header--typeC .page__header-page-group .jp {
  margin-left: 1em;
  font-family: "M PLUS 1p", sans-serif;
  font-style: normal;
  font-size: clamp(1.2rem, 1.3671875vw, 1.4rem);
  font-weight: bold;
}
@media (max-width: 750px) {
  .page__header--typeC .page__header-page-group .jp {
    font-size: 0.8em;
  }
}
.page__header--reverse .page__header-heading {
  color: #000;
}

.page__grid {
  --col-gap: 10.15625%;
  --col-short: 43.75%;
  --col-sp-gap: 8.5333333333vw;
  display: grid;
  /*
  &--col3 {
  	--col-gap: 2.9%; // 3.2rem;
  	grid-template-columns: repeat(3, 1fr);
  	gap: 6rem var(--col-gap);
  	@include sp {
  		grid-template-columns: 100%;
  		gap: mobile-size-vw(3.2rem) 0;
  	}
  }

  &--gap-short {
  	--col-gap: 2.7%; // 3rem;
  	@include sp {
  		gap: mobile-size-vw(2.4rem) 0;
  	}
  }
  */
}
.page__grid--sideBar {
  --col-gap: 11.08%;
  --col-short: 23.33%;
  grid-template-columns: var(--col-short) 1fr;
  -moz-column-gap: var(--col-gap);
       column-gap: var(--col-gap);
}
@media (max-width: 750px) {
  .page__grid--sideBar {
    grid-template-columns: 100%;
  }
}
.page__grid--col2 {
  grid-template-columns: 1fr var(--col-short);
  -moz-column-gap: var(--col-gap);
       column-gap: var(--col-gap);
}
@media (max-width: 750px) {
  .page__grid--col2 {
    grid-template-columns: 100%;
    gap: var(--col-sp-gap) 0;
  }
}
.page__grid--rev-col2 {
  grid-template-columns: var(--col-short) 1fr;
  -moz-column-gap: var(--col-gap);
       column-gap: var(--col-gap);
}
@media (max-width: 750px) {
  .page__grid--rev-col2 {
    grid-template-columns: 100%;
    gap: var(--col-sp-gap) 0;
  }
}
.page__grid--equal-col2 {
  grid-template-columns: repeat(2, 1fr);
  gap: 0 var(--col-gap);
}
@media (max-width: 750px) {
  .page__grid--equal-col2 {
    grid-template-columns: 100%;
    gap: var(--col-sp-gap) 0;
  }
}
.page__grid--col3 {
  --gap: min(1.4641288433vw, 2rem);
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap);
}
@media (max-width: 750px) {
  .page__grid--col3 {
    grid-template-columns: 100%;
    gap: var(--col-sp-gap) 0;
  }
}
.page__grid--col4 {
  --gap: min(1.4641288433vw, 2rem);
  grid-template-columns: repeat(4, 1fr);
  gap: var(--gap);
}
@media (max-width: 750px) {
  .page__grid--col4 {
    grid-template-columns: 100%;
    gap: var(--col-sp-gap) 0;
  }
}
@media (min-width: 751px) {
  .page__grid .align-self--end {
    align-self: flex-end;
  }
}
@media (min-width: 751px) {
  .page__grid .align-self--center {
    align-self: center;
  }
}
@media (max-width: 750px) {
  .page__grid .sp-order-1 {
    order: -1;
  }
}
@media (max-width: 750px) {
  .page__grid .sp-order1 {
    order: 1;
  }
}
@media (max-width: 750px) {
  .page__grid .sp-order2 {
    order: 2;
  }
}

.page__contents :where(p) {
  line-height: 2;
}
.page__contents :where(p + p) {
  margin-top: 1em;
}

.page__nav {
  min-height: 44.8rem;
  margin: 0;
  background-image: url(../img/rokiism/nav-bg-rokiism.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  padding-top: min(7.027818448vw, 9.6rem);
  padding-bottom: min(7.027818448vw, 9.6rem);
}
@media (max-width: 750px) {
  .page__nav {
    padding-top: 25.6vw;
    padding-bottom: 25.6vw;
  }
}
.page__nav .heading1 {
  color: inherit;
  white-space: nowrap;
}
.page__nav-grid {
  display: grid;
  grid-template-columns: calc(100% - 1rem - 59.375%) 59.375%;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
@media (max-width: 750px) {
  .page__nav-grid {
    grid-template-columns: 100%;
  }
}
@media (max-width: 750px) {
  .page__nav .heading1 {
    margin-left: 4.2666666667vw;
  }
}
.page__nav-list {
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  font-weight: bold;
  line-height: 1.3888888889;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.3333333333em 5.2631578947%;
}
@media (max-width: 750px) {
  .page__nav-list {
    font-size: 3.4666666667vw;
    row-gap: 1em;
  }
}
.page__nav-list::before {
  content: "";
  grid-row: 1;
  grid-column: 2;
}
.page__nav-list li {
  padding: 1em;
  padding-left: 0;
  border-bottom: 2px solid rgba(255, 255, 255, 0.3);
}
@media (max-width: 750px) {
  .page__nav-list li {
    padding: 1em 0;
  }
}
.page__nav-list a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (hover: hover) and (pointer: fine) {
  .page__nav-list a:hover {
    opacity: 1;
  }
}
.page__nav--rokiism {
  background-image: url(../img/rokiism/nav-bg-rokiism.webp);
}
@media (max-width: 750px) {
  .page__nav--rokiism {
    background-position: 25% center;
  }
}
.page__nav--sustainability .heading1 {
  font-size: clamp(1.4rem, 4.98046875vw, 5.1rem);
}
.page__nav--sustainability__after {
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
}
.page__nav--about {
  background-image: url(../img/about/nav-bg-about.webp);
}
.page__nav--about .page__nav-list::before {
  content: none;
}

.scrollContents {
  --bg-height: calc(100dvh - var(--header-height));
  --area-height: calc(100dvh - var(--header-height));
}
.scrollContents__contents {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto;
}
.scrollContents__bg, .scrollContents__nav, .scrollContents__detectGroup {
  grid-column: 1;
  grid-row: 1;
}
.scrollContents__bg {
  z-index: 2;
  align-self: flex-start;
  width: 100%;
  height: var(--bg-height);
  position: sticky;
  top: var(--header-height);
  left: 0;
}
.scrollContents__nav {
  z-index: 3;
  justify-self: flex-end;
  align-self: flex-start;
  height: var(--area-height);
  position: sticky;
  top: var(--header-height);
  left: 0;
}
@media (max-width: 750px) {
  .scrollContents__nav {
    justify-self: flex-start;
    width: 100%;
    height: 79.2vw;
    margin-top: calc(100dvh - 79.2vw);
    padding: 3.2vw 16vw 9.8666666667vw;
    top: calc(100dvh - 79.2vw);
    overflow-x: clip;
    overflow-y: initial;
  }
  .scrollContents__nav[data-active=step1] .scrollContents__nav-container {
    translate: calc((8.5333333333vw + 68.2666666667vw) * (1 - 1) * -1) 0;
  }
  .scrollContents__nav[data-active=step2] .scrollContents__nav-container {
    translate: calc((8.5333333333vw + 68.2666666667vw) * (2 - 1) * -1) 0;
  }
  .scrollContents__nav[data-active=step3] .scrollContents__nav-container {
    translate: calc((8.5333333333vw + 68.2666666667vw) * (3 - 1) * -1) 0;
  }
  .scrollContents__nav[data-active=step4] .scrollContents__nav-container {
    translate: calc((8.5333333333vw + 68.2666666667vw) * (4 - 1) * -1) 0;
  }
  .scrollContents__nav[data-active=step5] .scrollContents__nav-container {
    translate: calc((8.5333333333vw + 68.2666666667vw) * (5 - 1) * -1) 0;
  }
  .scrollContents__nav[data-active=step6] .scrollContents__nav-container {
    translate: calc((8.5333333333vw + 68.2666666667vw) * (6 - 1) * -1) 0;
  }
  .scrollContents__nav[data-active=step7] .scrollContents__nav-container {
    translate: calc((8.5333333333vw + 68.2666666667vw) * (7 - 1) * -1) 0;
  }
  .scrollContents__nav[data-active=step8] .scrollContents__nav-container {
    translate: calc((8.5333333333vw + 68.2666666667vw) * (8 - 1) * -1) 0;
  }
  .scrollContents__nav[data-active=step9] .scrollContents__nav-container {
    translate: calc((8.5333333333vw + 68.2666666667vw) * (9 - 1) * -1) 0;
  }
  .scrollContents__nav[data-active=step10] .scrollContents__nav-container {
    translate: calc((8.5333333333vw + 68.2666666667vw) * (10 - 1) * -1) 0;
  }
}
.scrollContents__nav-container {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 5.6rem;
  position: relative;
  top: 50%;
  translate: 0 calc(var(--offset-top, 0) * -1);
  transition: 0.3s;
}
@media (max-width: 750px) {
  .scrollContents__nav-container {
    height: 100%;
    display: flex;
    -moz-column-gap: 8.5333333333vw;
         column-gap: 8.5333333333vw;
    top: auto;
    translate: 0 0;
  }
}
.scrollContents__nav-box {
  max-height: var(--area-height);
  position: relative;
}
@media (max-width: 750px) {
  .scrollContents__nav-box {
    flex-shrink: 0;
    width: 68.2666666667vw;
    height: 100%;
    max-height: 100%;
  }
}
.scrollContents__detectGroup {
  z-index: 1;
  pointer-events: none;
}
.scrollContents__area {
  width: 100%;
  height: var(--area-height);
}

.scrollTest .scrollContents__bg {
  border: 2px dashed green;
}
.scrollTest .scrollContents__nav {
  border: 2px dashed blue;
}
.scrollTest .scrollContents__nav::after {
  content: "";
  width: 150%;
  height: 2px;
  background-color: blue;
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -1px;
}
@media (max-width: 750px) {
  .scrollTest .scrollContents__nav::after {
    width: 2px;
    height: 150%;
    top: auto;
    bottom: 0;
    right: 50%;
    translate: 50% 0;
  }
}
.scrollTest .scrollContents__nav-box {
  min-height: 50px;
  border: 2px dashed yellow;
}
.scrollTest .scrollContents__nav-box::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: yellow;
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -1px;
}
@media (max-width: 750px) {
  .scrollTest .scrollContents__nav-box::after {
    width: 2px;
    height: 100%;
    top: auto;
    bottom: 0;
    right: 50%;
    translate: 50% 0;
  }
}
.scrollTest .scrollContents__area {
  border-bottom: 1px solid black;
  display: flex;
  align-items: center;
  justify-content: center;
}
.scrollTest .scrollContents__area:nth-child(1) {
  background: rgba(255, 0, 0, calc(1.1 - 0.1));
}
.scrollTest .scrollContents__area:nth-child(2) {
  background: rgba(255, 0, 0, calc(1.1 - 0.2));
}
.scrollTest .scrollContents__area:nth-child(3) {
  background: rgba(255, 0, 0, calc(1.1 - 0.3));
}
.scrollTest .scrollContents__area:nth-child(4) {
  background: rgba(255, 0, 0, calc(1.1 - 0.4));
}
.scrollTest .scrollContents__area:nth-child(5) {
  background: rgba(255, 0, 0, calc(1.1 - 0.5));
}
.scrollTest .scrollContents__area:nth-child(6) {
  background: rgba(255, 0, 0, calc(1.1 - 0.6));
}
.scrollTest .scrollContents__area:nth-child(7) {
  background: rgba(255, 0, 0, calc(1.1 - 0.7));
}
.scrollTest .scrollContents__area:nth-child(8) {
  background: rgba(255, 0, 0, calc(1.1 - 0.8));
}
.scrollTest .scrollContents__area:nth-child(9) {
  background: rgba(255, 0, 0, calc(1.1 - 0.9));
}
.scrollTest .scrollContents__area:nth-child(10) {
  background: rgba(255, 0, 0, calc(1.1 - 1));
}

.archive__nav {
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: flex-start;
  gap: 0.8rem;
}
@media (max-width: 750px) {
  .archive__nav {
    grid-template-columns: 100%;
    row-gap: 8.5333333333vw;
  }
}

.archive__categories a,
.archive__yearly-dropdown {
  height: 3.7333333333em;
  padding: 0.5rem;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.8rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}

.archive__categories {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(auto, 16rem));
  gap: 0.8rem;
}
@media (max-width: 750px) {
  .archive__categories {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (hover: hover) and (pointer: fine) {
  .archive__categories a:hover {
    background: #4CB54E;
    color: #222222;
    opacity: 1;
  }
}
.archive__categories .current-cat a {
  background: #5A5A5A;
  color: #fff;
  pointer-events: none;
}

.archive__yearly {
  width: 22.4rem;
  position: relative;
}
@media (max-width: 750px) {
  .archive__yearly {
    width: 14.9333333333em;
    justify-self: flex-end;
  }
}
.archive__yearly::after {
  content: "";
  width: 1.2rem;
  aspect-ratio: 1/1;
  background: #4CB54E;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  top: 50%;
  right: 2.2rem;
  translate: 0 -50%;
  pointer-events: none;
}
.archive__yearly-dropdown {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  padding: 0.5rem;
  padding-right: 5rem;
  text-align: center;
}
.archive__yearly-dropdown:has(option:not([value=""]):checked) {
  background: #5A5A5A;
  color: #fff;
}

.archive__list {
  margin-top: min(7.027818448vw, 9.6rem);
  margin-bottom: min(7.027818448vw, 9.6rem);
}
@media (max-width: 750px) {
  .archive__list {
    margin-top: 25.6vw;
    margin-bottom: 25.6vw;
  }
}

.archive__pagination {
  margin-top: min(4.6875vw, 4.8rem);
}
@media (max-width: 750px) {
  .archive__pagination {
    margin-top: 8.5333333333vw;
  }
}

/*
// カテゴリリスト // 使うかわからない
.category-list {
	font-size: pcFont(1.8rem);
	font-weight: 500;
	line-height: calc(25/18);
	color: rgba($txt-black,.6);
	li {
		padding-left: 1em;
		position: relative;
		&:before {
			content: '';
			width: .6rem;
			aspect-ratio: 1/1;
			background: $orange;
			border-radius: 50%;
			position: absolute;
			top: 0.5lh;
			left: 0;
			translate: 0 -50%;
			box-shadow: 0 0 0 0 $white, 0 0 0 0 $orange;
			transition: .3s;
		}

		&.current {
			color: $txt-black;
			&::before {
				box-shadow: 0 0 0 1px $white, 0 0 0 3px $orange;
			}
		}
		@include hover {
			&::before {
				box-shadow: 0 0 0 1px $white, 0 0 0 3px $orange;
			}
		}
	}

	a {
		@include hover {
			color: $orange;
		}
	}
}
*/
.pickup__item {
  width: 32rem;
  padding-bottom: 0.5rem;
}
@media (max-width: 750px) {
  .pickup__item {
    width: 64vw;
  }
}
.pickup__item-body {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto 1fr auto;
  row-gap: 2.4rem;
}
@media (max-width: 750px) {
  .pickup__item-body {
    row-gap: 4.2666666667vw;
  }
}
@media (hover: hover) and (pointer: fine) {
  .pickup__item-body:hover {
    opacity: 1;
  }
}
.pickup__item-thumb {
  grid-column: span 2;
  grid-row: 1;
}
.pickup__item-thumb img {
  width: 100%;
  aspect-ratio: 320/200;
  border-radius: 0.8rem;
}
.pickup__item-title {
  grid-column: span 2;
  grid-row: 2;
  font-size: clamp(1.4rem, 1.46484375vw, 1.5rem);
  font-weight: 500;
  line-height: 1.6;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 行数 */
}
@media (max-width: 750px) {
  .pickup__item-title {
    font-size: 3.4666666667vw;
  }
}
.pickup__item-category {
  grid-column: 1;
  grid-row: 3;
  justify-self: flex-start;
  align-self: center;
}
.pickup__item-category .post-tag {
  --tag-color: rgba(0, 0, 0, 0.75);
  --tag-color-txt: #fff;
  min-width: 7.3846153846em;
}
.pickup__item-link {
  grid-column: 2;
  grid-row: 3;
  justify-self: flex-end;
  align-self: center;
}

.news__list {
  display: grid;
  grid-template-columns: 100%;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.news__list li {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.news__item {
  font-weight: 500;
  line-height: 1.4;
}
.news__item a:hover {
  opacity: 1;
}
.news__item-body {
  padding: 2.4rem 0;
  display: grid;
  grid-template-columns: max(16.40625%, 14rem) max(15.625%, 12rem) 1fr 3.2rem;
  align-items: center;
}
@media (max-width: 750px) {
  .news__item-body {
    padding: 6.4vw 0;
    grid-template-columns: 36.5333333333vw 1fr 3.2rem;
    grid-template-rows: auto 1fr;
    gap: 5.0666666667vw 4.2666666667vw;
  }
}
.news__item-date {
  padding: 0.7rem 0;
  border-right: 2px solid rgba(0, 0, 0, 0.2);
  display: flex;
  align-items: center;
}
@media (max-width: 750px) {
  .news__item-date {
    grid-column: 1;
    grid-row: 1;
    padding: 0;
  }
}
.news__item-date .date-md {
  margin-left: 1.2rem;
  font-size: 2em;
  line-height: 1.4;
}
@media (max-width: 750px) {
  .news__item-date .date-md {
    margin-left: 0.32em;
    font-size: 1.6666666667em;
  }
}
.news__item-category {
  justify-self: center;
  padding: 0 0.5rem;
}
@media (max-width: 750px) {
  .news__item-category {
    grid-column: 2/-1;
    grid-row: 1;
    justify-self: flex-start;
  }
}
.news__item-category .post-tag {
  --tag-color: rgba(0, 0, 0, 0.75);
  --tag-color-txt: #fff;
  min-width: 7.3846153846em;
}
@media (max-width: 750px) {
  .news__item-category .post-tag {
    min-width: 6.5384615385em;
  }
}
.news__item-title {
  padding-right: 1em;
  font-size: inherit;
  font-weight: normal;
  line-height: inherit;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 行数 */
}
@media (max-width: 750px) {
  .news__item-title {
    grid-column: 1/span 2;
    grid-row: 2;
  }
}
@media (max-width: 750px) {
  .news__item-arrow {
    grid-column: 3;
    grid-row: 2;
    margin-left: 0;
  }
}

.post-tag-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
}
.post-tag-wrap .post-tag:first-child {
  --tag-color: #5A5A5A;
  --tag-color-txt: #fff;
  min-width: 7.3846153846em;
  border-color: var(--tag-color);
}

.post-tag {
  display: inline-block;
  padding: 0.4rem 0.7rem;
  background: var(--tag-color, #fff);
  border-width: 1px;
  border-style: solid;
  border-radius: 0.4rem;
  color: var(--tag-color-txt, #5A5A5A);
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.3846153846;
  text-align: center;
}
@media (max-width: 750px) {
  .post-tag {
    padding: 1.8666666667vw 2.6666666667vw;
    font-size: 3.4666666667vw;
  }
}

.post-date {
  font-size: clamp(1.4rem, 1.46484375vw, 1.5rem);
  font-weight: 500;
  line-height: 1.4;
}

.single__header .page__header-image {
  aspect-ratio: 1302/448;
}
@media (max-width: 750px) {
  .single__header .page__header-image {
    height: 100%;
    aspect-ratio: 343/300;
  }
}
.single__header .page__header-heading {
  padding: 1rem 0;
}
@media (max-width: 750px) {
  .single__header .page__header-heading {
    padding: 5.3333333333vw 0;
  }
}
.single__header-category .post-tag {
  --tag-color: #222222;
  --tag-color-txt: #fff;
  min-width: 8.6153846154em;
}
.single__header-category .post-tag:first-child {
  border-color: var(--tag-color);
}
.single__header-title {
  margin-top: 0.6857142857em;
  margin-bottom: 0.6857142857em;
  font-size: clamp(1.4rem, 3.41796875vw, 3.5rem);
  line-height: 1.6;
  color: #000;
  font-weight: bold;
}
@media (max-width: 750px) {
  .single__header-title {
    font-size: 5.3333333333vw;
  }
}
.single__header-date {
  font-weight: 500;
}
.single__header .breadcrumb__list-item span {
  max-width: 11em;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1; /* 行数 */
}
.single__linkPages {
  flex-wrap: wrap;
  margin-top: min(4.6875vw, 4.8rem);
}
@media (max-width: 750px) {
  .single__linkPages {
    margin-top: 8.5333333333vw;
  }
}

.single__content {
  word-break: break-word;
  line-height: 1.8;
  margin-bottom: min(7.027818448vw, 9.6rem);
  /* エディターカスタム */
  /* デフォルト wp-block */
  /*
  .lazyblock-flex-image {
  	display: grid;
  	grid-template-columns: repeat(2, 1fr);
  	column-gap: 2.5em;
  	img {
  		width: 100%;
  	}
  }
  .lazyblock-image-large {
  	img {
  		width: 100%;
  		max-width: 64.6rem;
  		margin: 0 auto;
  	}
  }
  */
}
@media (max-width: 750px) {
  .single__content {
    margin-bottom: 25.6vw;
  }
}
.single__content :where(*:not(p, ul, ol, li):not(:last-child)) {
  margin-bottom: min(2.3426061493vw, 3.2rem);
}
@media (max-width: 750px) {
  .single__content :where(*:not(p, ul, ol, li):not(:last-child)) {
    margin-bottom: 6.4vw;
  }
}
.single__content :where(.wp-block-heading:not(:first-child)) {
  margin-top: min(2.3426061493vw, 3.2rem);
}
@media (max-width: 750px) {
  .single__content :where(.wp-block-heading:not(:first-child)) {
    margin-top: 6.4vw;
  }
}
.single__content .wp-block-spacer {
  margin-top: 0;
  margin-bottom: 0;
}
.single__content h2 {
  margin-bottom: 1.3333333333em;
  font-size: clamp(1.4rem, 2.9296875vw, 3rem);
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 750px) {
  .single__content h2 {
    font-size: 5.8666666667vw;
  }
}
.single__content h3 {
  margin-bottom: 1.6em;
  font-size: clamp(1.4rem, 1.953125vw, 2rem);
  font-weight: bold;
  line-height: 1.8;
}
@media (max-width: 750px) {
  .single__content h3 {
    font-size: 4.8vw;
  }
}
.single__content h4 {
  margin-bottom: 1.2em;
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  line-height: 1.4;
  font-weight: bold;
}
@media (max-width: 750px) {
  .single__content h4 {
    font-size: 4vw;
  }
}
.single__content h5 {
  margin-bottom: 1.2em;
  font-size: clamp(1.4rem, 1.46484375vw, 1.5rem);
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 750px) {
  .single__content h5 {
    font-size: 4vw;
  }
}
.single__content h6 {
  margin-bottom: 1.2em;
  font-size: clamp(1.4rem, 1.46484375vw, 1.5rem);
  font-weight: 500;
  line-height: 1.4;
}
@media (max-width: 750px) {
  .single__content h6 {
    font-size: 4vw;
  }
}
.single__content hr {
  border-top: 1px solid;
  color: rgba(0, 0, 0, 0.2);
  margin-top: min(7.027818448vw, 9.6rem);
  margin-bottom: min(7.027818448vw, 9.6rem);
}
@media (max-width: 750px) {
  .single__content hr {
    margin-top: 25.6vw;
    margin-bottom: 25.6vw;
  }
}
.single__content a {
  color: #FFA600;
  font-weight: 500;
  text-decoration: underline;
}
.single__content a:hover {
  text-decoration: none;
}
.single__content p:not(:first-child), .single__content ul:not(:first-child), .single__content ol:not(:first-child) {
  margin-top: 1lh;
}
.single__content ul ul, .single__content ul ol, .single__content ol ul, .single__content ol ol {
  margin-left: 1em;
}
.single__content ul {
  list-style-type: disc;
  list-style-position: inside;
}
.single__content ul li::marker {
  color: #FFA600;
}
.single__content ol {
  list-style-type: decimal;
  list-style-position: inside;
}
.single__content figure * {
  margin-bottom: 0rem;
}
.single__content .wp-element-caption {
  margin-top: 1.2rem;
  font-weight: 500;
}
.single__content .wp-block-table {
  /*
  line-height: 1.5;
  thead {
  	border-bottom: none;
  }
  th {
  	background: $color-main;
  	border-top: none;
  	border-bottom: none;
  	border-right-color: $white;
  	border-left-color: $white;
  	color: $white;
  	font-weight: bold;
  }
  // 通常
  &.is-style-regular {
  	th {
  		&:first-child {
  			border-left-color: $color-main;
  		}
  		&:last-child {
  			border-right-color: $color-main;
  		}
  	}
  	td {
  		border-color: $border-color;
  	}
  }
  // ストライプ
  &.is-style-stripes {
  	border-bottom: none;
  	tbody {
  		tr {
  			&:nth-child(odd) {
  				background: none;
  			}
  			&:nth-child(even) {
  				background: $light-gray;
  			}
  		}
  	}
  	th,td {
  		&:first-child {
  			border-left: none;
  		}
  		&:last-child {
  			border-right: none;
  		}
  	}
  	td {
  		border-right-color: $border-color;
  		border-left-color: $border-color;
  	}
  }
  */
}
.single__content table:not(.has-fixed-layout) th, .single__content table:not(.has-fixed-layout) td {
  white-space: nowrap;
}
.single__content .has-medium-font-size,
.single__content .has-large-font-size {
  line-height: 1.5;
}
.single__content .has-x-large-font-size {
  line-height: 1.2;
}
.single__content .alignleft {
  float: left;
}
.single__content .alignright {
  float: right;
}
.single__content .aligncenter {
  margin-left: auto;
  margin-right: auto;
}
.single__content .wp-block-post-featured-image {
  max-width: 100%;
}
.single__content .wp-block-post-featured-image:not(:first-child) {
  margin-top: min(2.3426061493vw, 3.2rem);
}
@media (max-width: 750px) {
  .single__content .wp-block-post-featured-image:not(:first-child) {
    margin-top: 6.4vw;
  }
}
.single__content .wp-block-post-featured-image img {
  width: 100%;
}
.single__content .wp-block-embed.is-type-video {
  max-width: 89.6rem;
  margin-left: auto;
  margin-right: auto;
}
.single__content .wp-block-embed.is-type-video .wp-block-embed__wrapper {
  aspect-ratio: 16/9;
}
.single__content .wp-block-embed.is-type-video .wp-block-embed__wrapper iframe {
  display: block;
  width: 100%;
  height: 100%;
}
.single__content .wp-block-video {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.single__content .wp-block-video video {
  max-width: 100%;
}
.single__content .wp-block-button__link,
.single__content .wp-block-file__button {
  min-width: 17.0666666667em;
  max-width: 100%;
  min-height: 3.7333333333em;
  padding: 1.0666666667em 1.7333333333em;
  background: var(--btn-color);
  color: var(--btn-color-txt);
  border: 1px solid var(--btn-color);
  border-radius: 20em;
  font-family: "M PLUS 1p", sans-serif;
  font-style: normal;
  font-size: clamp(1.4rem, 1.46484375vw, 1.5rem);
  font-weight: 500;
  line-height: 1.4;
  position: relative;
  z-index: 2;
  transition: 0.3s;
  text-decoration: none;
}
@media (max-width: 750px) {
  .single__content .wp-block-button__link,
  .single__content .wp-block-file__button {
    width: 65.8666666667vw;
    min-width: auto;
    min-height: 3.2em;
    padding: 0.6666666667em 1.6em;
    font-size: 4vw;
  }
}
.single__content .wp-block-button__link:hover,
.single__content .wp-block-file__button:hover {
  background: var(--btn-color-hover);
  color: var(--btn-color-txt-hover);
  opacity: 1;
}
.single__content .wp-block-file:not(.wp-element-button) {
  font-size: inherit;
}
.single__content .wp-block-separator + .wp-block-heading {
  margin-top: 0;
}
.single__content .wp-block-lazyblock-contents-col2 .contents-col2 {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 10.15625%;
       column-gap: 10.15625%;
}
@media (max-width: 750px) {
  .single__content .wp-block-lazyblock-contents-col2 .contents-col2 {
    margin-top: 8.5333333333vw;
    margin-bottom: 8.5333333333vw;
    flex-direction: column;
    row-gap: 6.4vw;
  }
}
.single__content .wp-block-lazyblock-contents-col2 .contents-col2__img {
  flex-shrink: 0;
  width: 43.75%;
  margin: 0;
}
@media (max-width: 750px) {
  .single__content .wp-block-lazyblock-contents-col2 .contents-col2__img {
    width: 100%;
  }
}
.single__content .wp-block-lazyblock-contents-col2 .contents-col2__img img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 1.6rem;
}
.single__content .wp-block-lazyblock-contents-col2 .contents-col2__txt {
  flex-grow: 1;
}
@media (min-width: 751px) {
  .single__content .wp-block-lazyblock-contents-col2 .contents-col2--reverse {
    flex-direction: row-reverse;
  }
}

.single__pagination {
  margin-top: min(4.6875vw, 4.8rem);
  padding-top: min(3.125vw, 3.2rem);
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  font-size: clamp(1.4rem, 1.953125vw, 2rem);
  font-weight: 500;
  line-height: 1.4;
}
@media (max-width: 750px) {
  .single__pagination {
    margin-top: 8.5333333333vw;
    padding-top: 8.5333333333vw;
    font-size: 4vw;
  }
}
.single__pagination--grid {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: center;
}
.single__pagination-return {
  justify-self: start;
}
.single__pagination-return .link-arrow {
  margin-left: 0;
  scale: -1 1;
}
.single__pagination-return .typelabel {
  display: contents;
}
@media (max-width: 750px) {
  .single__pagination-return .typelabel {
    display: none;
  }
}
.single__pagination-return a {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .single__pagination-return a:hover {
    opacity: 1;
  }
}
.single__pagination-prev, .single__pagination-next {
  justify-self: end;
}
.single__pagination-prev .link-arrow, .single__pagination-next .link-arrow {
  margin-left: 0;
}
.single__pagination-prev a, .single__pagination-next a {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .single__pagination-prev a:hover, .single__pagination-next a:hover {
    opacity: 1;
  }
}
.single__pagination-prev .link-arrow {
  scale: -1 1;
}
.single__pagination-next:nth-child(3) {
  margin-left: 1.6em;
  padding-left: 1.6em;
  border-left: 2px solid rgba(0, 0, 0, 0.2);
}
@media (max-width: 750px) {
  .single__pagination-next:nth-child(3) {
    margin-left: 0.5em;
    padding-left: 0.5em;
  }
}
.single__pagination--rokitimes {
  padding-top: min(4.58984375vw, 4.7rem);
  border-top: 2px solid #D973A5;
  color: #D973A5;
  font-weight: bold;
}
.single__pagination--rokitimes .single__pagination-return a::after {
  content: "";
  width: 1em;
  aspect-ratio: 20/16;
  background: url(../img/common/icon-return.svg) no-repeat center/100% auto;
}
@media (hover: hover) and (pointer: fine) {
  .single__pagination--rokitimes .single__pagination-return a:hover {
    opacity: 0.7;
  }
}
.single__pagination--rokitimes .single__pagination-prev a, .single__pagination--rokitimes .single__pagination-next a {
  gap: 1.2rem;
}
@media (hover: hover) and (pointer: fine) {
  .single__pagination--rokitimes .single__pagination-prev a:hover, .single__pagination--rokitimes .single__pagination-next a:hover {
    opacity: 0.7;
  }
}
.single__pagination--rokitimes .single__pagination-prev a::before {
  content: "";
  width: 1rem;
  aspect-ratio: 1/1;
  background: currentColor;
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
}
.single__pagination--rokitimes .single__pagination-next:nth-child(3) {
  border-left: 2px solid currentColor;
}
.single__pagination--rokitimes .single__pagination-next a::after {
  content: "";
  width: 1rem;
  aspect-ratio: 1/1;
  background: currentColor;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

/*
0~0.4s 白背景がスライド // 幅変化が違うので調整
0.4~0.9s ロゴ白のまま待機
0.9~1.2s ロゴ部分透明に
1.2~2.7s パス可変
*/
.top__opening {
  width: 100%;
  height: 100%;
  overflow: hidden;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10000;
}
.top__opening::before, .top__opening::after {
  content: "";
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.top__opening::before {
  width: 100%;
  background-color: #FFC480;
  z-index: -2;
  transition-delay: 2s;
}
.top__opening::after {
  width: 0%;
  background-color: #fff;
  z-index: -1;
  transition: width 2s linear, opacity 0.3s 2.3s linear;
}
.top__opening-bg {
  width: max(1500px, 100vmax);
  height: max(1500px, 100vmax);
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  z-index: 2;
}
.top__opening-bg svg {
  display: block;
  width: 100%;
  height: 100%;
}
.top__opening-rect {
  fill: linear-gradient(#ffa600 0%, #ffa600 28.88%, #ff6800 67.68%, #ff3301 100%);
}
.top__opening--active::before {
  opacity: 0;
}
.top__opening--active::after {
  width: 100%;
  opacity: 0;
}

.top__mainv {
  --opening-delay: 0s;
  --mv-bg-padding: 3.2rem;
  width: 100%;
  height: calc(100vh - var(--header-height, 12.8rem));
  height: calc(100dvh - var(--header-height, 12.8rem));
  padding: 0 var(--mv-bg-padding) var(--mv-bg-padding);
  position: relative;
  z-index: 1;
  overflow: clip;
  /* デバイスが縦向きの場合 */
}
@media (orientation: portrait) and (min-width: 751px) and (max-width: 1024px) {
  .top__mainv {
    --mv-bg-padding: 1.6rem;
    height: calc(100vh - var(--header-height, 6.4rem));
    height: calc(100dvh - var(--header-height, 6.4rem));
  }
}
@media (orientation: portrait) and (max-width: 750px) {
  .top__mainv {
    --mv-bg-padding: 1.6rem;
    height: calc(100vh - var(--header-height, 6.4rem));
    height: calc(100dvh - var(--header-height, 6.4rem));
  }
}
@media (orientation: portrait) and (min-width: 751px) and (max-width: 1024px) {
  .top__mainv {
    padding-bottom: calc(14.6rem + var(--mv-bg-padding));
  }
}
@media (orientation: portrait) and (max-width: 750px) {
  .top__mainv {
    padding-bottom: calc(38.9333333333vw + var(--mv-bg-padding));
  }
}
.top__mainv-bg {
  width: 100%;
  height: 100%;
  padding: 0 var(--mv-bg-padding) var(--mv-bg-padding);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  /* デバイスが縦向きの場合 */
}
@media (orientation: portrait) and (min-width: 751px) and (max-width: 1024px) {
  .top__mainv-bg {
    height: calc(100% - (14.6rem + var(--mv-bg-padding)));
    padding-bottom: 0;
  }
}
@media (orientation: portrait) and (max-width: 750px) {
  .top__mainv-bg {
    height: calc(100% - (38.9333333333vw + var(--mv-bg-padding)));
    padding-bottom: 0;
  }
}
.top__mainv-bg-video {
  width: 100%;
  height: 100%;
  border-radius: 1.6rem;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.top__mainv-bg-video::after {
  content: "";
  width: 100%;
  height: 100%;
  background: url(../img/top/mv-overlay.webp) no-repeat center/cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.top__mainv-bg-video video {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.top__mainv .inner {
  width: 100%;
  height: 100%;
  max-width: 1302px;
  position: relative;
  /* デバイスが横向きの場合 */
}
@media (orientation: landscape) and (max-width: 750px) {
  .top__mainv .inner {
    display: none !important;
  }
}
.top__mainv-txt {
  display: contents;
  font-size: min(1.8433179724vw, 2.4rem);
  line-height: 1.6;
  letter-spacing: 0.03em;
  font-weight: bold;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .top__mainv-txt {
    font-size: 2.6rem;
    /* デバイスが横向きの場合 */
  }
}
@media (min-width: 751px) and (max-width: 1024px) and (orientation: landscape) {
  .top__mainv-txt {
    font-size: 2rem;
  }
}
@media (max-width: 750px) {
  .top__mainv-txt {
    font-size: 4.2666666667vw;
  }
}
.top__mainv-main {
  font-size: min(6.9124423963vw, 9rem);
  font-weight: bold;
  line-height: 1;
  display: grid;
  grid-template-columns: 100%;
  row-gap: 1.2rem;
  fill: #5A5A5A;
  position: absolute;
  left: 2.4577572965%;
  bottom: 3.2rem;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .top__mainv-main {
    font-size: min(13.3333333333vw, 8rem);
  }
}
@media (max-width: 750px) {
  .top__mainv-main {
    font-size: 13.3333333333vw;
    left: 4vw;
    bottom: 4.5333333333vw;
  }
}
.top__mainv-main .svg-slideUp {
  clip-path: border-box;
}
.top__mainv-main .svg-slideUp svg {
  display: block;
  width: auto;
  height: 1em;
  translate: 0 100%;
}
.top__mainv-sub {
  --before-color: #fff;
  --after-color: #fff;
  padding: 1.375em 0;
  position: absolute;
  right: 3.3794162826%;
  bottom: 2.9rem;
  z-index: 3;
  /* デバイスが縦向きの場合 */
}
@media (orientation: portrait) and (min-width: 751px) and (max-width: 1024px) {
  .top__mainv-sub {
    --before-color: #5A5A5A;
    --after-color: #5A5A5A;
    padding: 1rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    right: auto;
    bottom: auto;
    top: 100%;
  }
}
@media (orientation: portrait) and (max-width: 750px) {
  .top__mainv-sub {
    --before-color: #5A5A5A;
    --after-color: #5A5A5A;
    padding: 1rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    right: auto;
    bottom: auto;
    top: 100%;
  }
}
@media (orientation: portrait) and (min-width: 751px) and (max-width: 1024px) {
  .top__mainv-sub {
    height: calc(14.6rem + var(--mv-bg-padding));
    left: 2.4577572965%;
  }
}
@media (orientation: portrait) and (max-width: 750px) {
  .top__mainv-sub {
    height: calc(38.9333333333vw + var(--mv-bg-padding));
    left: 4vw;
  }
}
.top__mainv-sub::before {
  width: 100%;
  height: 100%;
  background: url(../img/top/mv-circle.svg) no-repeat center/contain;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0;
  transition-delay: calc(var(--opening-delay) + 0.2s);
  /* デバイスが縦向きの場合 */
}
@media (orientation: portrait) and (min-width: 751px) and (max-width: 1024px) {
  .top__mainv-sub::before {
    content: none;
  }
}
@media (orientation: portrait) and (max-width: 750px) {
  .top__mainv-sub::before {
    content: none;
  }
}
.top__mainv-sub .marker1, .top__mainv-sub .marker2 {
  background: linear-gradient(transparent 50%, #21ff00 50%) no-repeat left bottom/100% 0.4166666667em;
  background-repeat: no-repeat;
  background-position: left bottom;
  background-size: 100% 0.4166666667em;
  /* デバイスが縦向きの場合 */
}
@media (orientation: portrait) and (min-width: 751px) and (max-width: 1024px) {
  .top__mainv-sub .marker1, .top__mainv-sub .marker2 {
    background: none;
  }
}
@media (orientation: portrait) and (max-width: 750px) {
  .top__mainv-sub .marker1, .top__mainv-sub .marker2 {
    background: none;
  }
}
.top__mainv-sub .marker1 {
  background-image: linear-gradient(#4CB54E);
}
.top__mainv-sub .marker2 {
  background-image: linear-gradient(#F574A8);
}
.top__mainv-spLandscape {
  display: none;
  /* デバイスが横向きの場合 */
}
@media (orientation: landscape) and (max-width: 750px) {
  .top__mainv-spLandscape {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: bold;
  }
}
.top__mainv.animation--on .top__mainv-main .svg-slideUp svg {
  animation: 0.8s calc(var(--opening-delay) + 0.2s) svgSlideUp linear forwards;
}
.top__mainv.animation--on .top__mainv-sub::before {
  opacity: 1;
}
.top__mainv.animation--on .txt-slideUp {
  animation: 0.8s calc(var(--opening-delay) + 0.2s) textSlideUp linear forwards;
}

@keyframes svgSlideUp {
  0% {
    fill: #5A5A5A;
    translate: 0 100%;
  }
  50% {
    fill: #5A5A5A;
    translate: 0 0;
  }
  99% {
    fill: #5A5A5A;
    translate: 0 0;
  }
  100% {
    color: #fff;
    fill: #fff;
    translate: 0 0;
  }
}
.top__pickup {
  overflow: hidden;
}
@media (max-width: 750px) {
  .top__pickup {
    margin-top: 17.0666666667vw;
  }
}
.top__pickup .splide__track {
  overflow: visible;
}

.top__news-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  row-gap: 4.8rem;
}
@media (max-width: 750px) {
  .top__news-grid {
    grid-template-columns: 100%;
    row-gap: 8.5333333333vw;
  }
}
@media (min-width: 751px) {
  .top__news-title {
    grid-column: 1;
    grid-row: 1;
  }
}
@media (max-width: 750px) {
  .top__news-title {
    margin-bottom: 0;
  }
}
@media (min-width: 751px) {
  .top__news-list {
    grid-column: span 2;
  }
}
@media (min-width: 751px) {
  .top__news-btn {
    grid-column: 2;
    grid-row: 1;
    justify-self: flex-end;
    align-self: flex-end;
  }
}
@media (max-width: 750px) {
  .top__news-btn {
    text-align: center;
  }
}

.top__100year {
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
  padding: 3.2rem;
}
@media (max-width: 750px) {
  .top__100year {
    padding: 0;
  }
}
.top__100year-contents {
  padding-right: 6.1443932412%;
  padding-left: 5.7603686636%;
  aspect-ratio: 1302/592;
  background: url(../img/top/introduction-bg.webp) no-repeat center/cover;
  border-radius: 1.2rem;
  overflow: hidden;
}
@media (max-width: 750px) {
  .top__100year-contents {
    padding: 0;
    aspect-ratio: initial;
    border-radius: 0;
    background-image: url(../img/top/introduction-bg-sp.webp);
    background-repeat: no-repeat;
    background-position: var(--sp-bg-left, 0%) var(--sp-bg-top, 0%);
    background-size: auto calc(100vh - var(--header-height, 6.4rem));
    background-size: auto calc(100dvh - var(--header-height, 6.4rem));
  }
}
.top__100year .inner {
  height: 100%;
  max-width: none;
  display: grid;
  grid-template-columns: 47.4609375% 1fr;
}
@media (min-width: 751px) {
  .top__100year .inner {
    width: 100%;
  }
}
@media (max-width: 750px) {
  .top__100year .inner {
    grid-template-columns: 100%;
  }
}
.top__100year-head {
  order: 5;
  align-self: flex-end;
  justify-self: flex-end;
  padding-bottom: 2.4rem;
}
@media (min-width: 751px) {
  .top__100year-head {
    grid-row: 1;
    grid-column: 2;
    z-index: 5;
  }
}
@media (max-width: 750px) {
  .top__100year-head {
    justify-self: center;
    padding-bottom: 25.6vw;
  }
}
.top__100year-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: clamp(1.4rem, 3.41796875vw, 3.5rem);
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
}
@media (max-width: 750px) {
  .top__100year-title {
    font-size: 6.6666666667vw;
  }
}
.top__100year-title img {
  display: block;
  width: auto;
  height: 1.5714285714em;
}
@media (max-width: 750px) {
  .top__100year-title img {
    height: 1.8em;
  }
}
.top__100year-title-end {
  display: flex;
  align-items: center;
}
.top__100year-title .link-more {
  margin-left: 2.3rem;
}
.top__100year-btn {
  text-align: right;
}
@media (max-width: 750px) {
  .top__100year-btn {
    margin-top: 1em;
    text-align: center;
  }
}
.top__100year-btn .btn {
  --btn-color: #fff;
  --btn-color-txt: #4CB54E;
  --btn-color-hover: #fff;
  --btn-color-txt-hover: #4CB54E;
  min-width: auto;
  font-weight: bold;
}
@media (min-width: 751px) {
  .top__100year-btn .btn {
    min-height: auto;
    padding: 0 0.8461538462em;
    padding-right: 0;
    font-size: 1.3rem;
  }
  .top__100year-btn .btn .link-arrow {
    position: relative;
    top: auto;
    right: auto;
    translate: 0 0;
  }
}
@media (max-width: 750px) {
  .top__100year-btn .btn {
    --tri-color: #4CB54E;
  }
  .top__100year-btn .btn .link-arrow::before {
    content: none;
  }
}
.top__100year-txt {
  padding: 10.6666666667em 0;
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  font-weight: 500;
  line-height: 2.3888888889;
  color: #fff;
  overflow-x: initial;
  overflow-y: auto;
  scrollbar-width: none;
}
@media (min-width: 751px) {
  .top__100year-txt {
    grid-row: 1;
    grid-column: 1/-1;
  }
}
@media (max-width: 750px) {
  .top__100year-txt {
    padding: 25.6vw 0;
    font-size: 4.2666666667vw;
  }
}
.top__100year-txt-inner {
  width: 47.4609375%;
}
@media (max-width: 750px) {
  .top__100year-txt-inner {
    width: auto;
    display: contents;
  }
}
.top__100year-txt p + p {
  margin-top: 1lh;
}

.top__sustainability {
  position: relative;
  z-index: 1;
}
@media (min-width: 751px) {
  .top__sustainability {
    min-height: 38.5065885798vw;
    margin-top: 9.3704245974vw;
    margin-bottom: 9.3704245974vw;
  }
}
.top__sustainability::before {
  content: "";
  width: 100%;
  aspect-ratio: 1366/526;
  background: url(../img/top/sustainability-bg2.webp) no-repeat center/contain;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  translate: -50% -50%;
}
@media (max-width: 750px) {
  .top__sustainability::before {
    aspect-ratio: 375/260;
    background: url(../img/top/sustainability-bg2-sp.webp) no-repeat center/100% auto;
    top: 54.1333333333vw;
    left: 0;
    translate: 0 0;
  }
}
.top__sustainability .inner {
  padding-top: 5.8565153734vw;
}
@media (max-width: 750px) {
  .top__sustainability .inner {
    padding-top: 0;
  }
}
.top__sustainability-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-items: flex-end;
  align-items: center;
}
@media (max-width: 750px) {
  .top__sustainability-grid {
    grid-template-columns: 100%;
    justify-items: initial;
  }
}
.top__sustainability-img img {
  width: 100%;
  max-width: 44.8rem;
}
.top__sustainability-txt {
  padding-bottom: 2.4rem;
  display: grid;
  grid-template-columns: 100%;
  row-gap: 6.3rem;
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  font-weight: 500;
  line-height: 2;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .top__sustainability-txt {
    row-gap: 4rem;
  }
}
@media (max-width: 750px) {
  .top__sustainability-txt {
    padding-bottom: 0;
    row-gap: 8.5333333333vw;
    font-size: 4vw;
  }
}
.top__sustainability-txt .heading1 {
  margin-bottom: 0;
}
@media (max-width: 750px) {
  .top__sustainability-link {
    margin-top: 71.4666666667vw;
    text-align: center;
  }
}

.top__about {
  overflow-x: clip;
  overflow-y: initial;
}
.top__about-grid {
  display: grid;
  grid-template-columns: 42.87109375% 1fr;
  align-items: flex-end;
  -moz-column-gap: 4.00390625%;
       column-gap: 4.00390625%;
}
@media (max-width: 750px) {
  .top__about-grid {
    grid-template-columns: 100%;
    row-gap: 8.5333333333vw;
  }
}
.top__about-txt {
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  font-weight: 500;
  line-height: 2;
  position: relative;
  z-index: 1;
}
@media (max-width: 750px) {
  .top__about-txt {
    font-size: 4vw;
  }
}
.top__about-txt::before {
  content: "";
  width: 161.0478359909%;
  aspect-ratio: 707/371;
  background: url(../img/top/about-bg.svg) no-repeat center/100% auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
.top__about-img {
  aspect-ratio: 544/362;
  position: relative;
  z-index: 5;
}
@media (max-width: 750px) {
  .top__about-img {
    aspect-ratio: 311/147;
  }
}
.top__about-img img {
  width: min(50vw, 68.3rem);
  max-width: none;
  aspect-ratio: 683/560;
  border-radius: 1.6rem;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 750px) {
  .top__about-img img {
    width: 100vw;
    aspect-ratio: 375/211;
    border-radius: 0;
    left: 50%;
    translate: -50% 0;
  }
}
.top__about-links {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(20.2rem, 1fr));
  gap: 0.5rem;
  position: relative;
  z-index: 7;
  margin-top: min(7.027818448vw, 9.6rem);
}
@media (max-width: 750px) {
  .top__about-links {
    margin-top: 8.5333333333vw;
  }
}
@media (max-width: 750px) {
  .top__about-links {
    grid-template-columns: repeat(2, 1fr);
    gap: 2.1333333333vw;
  }
}
.top__about-link {
  aspect-ratio: 252/224;
  padding: 6.3492063492%;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: 1fr auto;
  background: #EEEFF2;
  border-radius: 1.6rem;
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  font-weight: 500;
}
@media (max-width: 750px) {
  .top__about-link {
    aspect-ratio: 168/164;
    padding: 0 3.4666666667vw 2.4vw;
    font-size: 3.4666666667vw;
  }
}
.top__about-link-icon {
  justify-self: center;
  align-self: center;
}
@media (max-width: 750px) {
  .top__about-link-icon {
    width: 19.2vw;
  }
}
.top__about-link-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  line-height: 1.3333333333;
}
@media (max-width: 750px) {
  .top__about-link-title .link-arrow {
    align-self: flex-end;
  }
}
@media (hover: hover) and (pointer: fine) {
  .top__about-link:hover {
    opacity: 1;
  }
}

.top__recruitment {
  overflow-x: clip;
  overflow-y: initial;
}
@media (max-width: 750px) {
  .top__recruitment {
    position: relative;
  }
}
.top__recruitment-grid {
  display: grid;
  grid-template-columns: 1fr 34.375%;
  align-items: center;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .top__recruitment-grid {
    grid-template-columns: 1fr 42.87109375%;
  }
}
@media (max-width: 750px) {
  .top__recruitment-grid {
    grid-template-columns: 100%;
  }
}
.top__recruitment-img {
  aspect-ratio: 672/659;
  position: relative;
  z-index: 1;
}
@media (max-width: 750px) {
  .top__recruitment-img {
    width: 100%;
    aspect-ratio: 843/659;
    position: absolute;
    top: 41.8666666667vw;
    left: 0;
  }
}
.top__recruitment-img::before {
  content: "";
  width: min(50.2196193265vw, 68.6rem);
  aspect-ratio: 1/1;
  background: url(../img/top/recruitment-rect.svg) no-repeat center/100% auto;
  position: absolute;
  top: 50%;
  left: 34%;
  translate: 0 -50%;
  z-index: -3;
}
@media (max-width: 750px) {
  .top__recruitment-img::before {
    width: 92vw;
    top: 6.9333333333vw;
    left: 50%;
    translate: -50% 0;
  }
}
.top__recruitment-img img {
  width: min(61.7130307467vw, 84.3rem);
  max-width: none;
  aspect-ratio: 843/659;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}
@media (max-width: 750px) {
  .top__recruitment-img img {
    width: 100vw;
    border-radius: 0;
    right: 50%;
    translate: 50% 0;
  }
}
.top__recruitment-txt {
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  font-weight: 500;
  line-height: 2;
  position: relative;
  z-index: 5;
}
@media (max-width: 750px) {
  .top__recruitment-txt {
    font-size: 4vw;
  }
}
.top__recruitment-txt .heading1 {
  white-space: nowrap;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .top__recruitment-txt .heading1 {
    white-space: initial;
  }
}
@media (max-width: 750px) {
  .top__recruitment-txt .heading1 {
    white-space: initial;
  }
}
.top__recruitment-link {
  margin-top: 6.4rem;
}
@media (max-width: 750px) {
  .top__recruitment-link {
    margin-top: 85.3333333333vw;
    text-align: center;
  }
}
.top__recruitment-link .btn {
  --tri-color: #F574A8;
}

.top__links {
  margin-bottom: 0;
  padding-bottom: 3.2rem;
  margin-top: min(11.7130307467vw, 16rem);
}
@media (max-width: 750px) {
  .top__links {
    margin-top: 25.6vw;
  }
}
.top__links .inner {
  max-width: 1366px;
}
.top__links-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2.3426061493%;
}
@media (max-width: 750px) {
  .top__links-list {
    grid-template-columns: 100%;
    row-gap: 6.4vw;
  }
}
.top__links-item {
  width: 100%;
  height: 100%;
  background: #F3F3F5;
  border-radius: 1.6rem;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.top__links-item-bg {
  width: 100%;
}
.top__links-item-bg img {
  width: 100%;
  aspect-ratio: 412/206;
  -o-object-fit: cover;
     object-fit: cover;
}
.top__links-item-body {
  padding: 1.0666666667em 1.6em 1.6em;
}
@media (max-width: 750px) {
  .top__links-item-body {
    padding: 4.2666666667vw;
    font-size: 3.4666666667vw;
  }
}
.top__links-item-title {
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 750px) {
  .top__links-item-title {
    margin-top: 0.5rem;
  }
}
.top__links-item-logo {
  max-width: calc(100% - 4rem);
  height: 2.8rem;
  -o-object-fit: contain;
     object-fit: contain;
}
@media (max-width: 750px) {
  .top__links-item-logo {
    height: 6.4vw;
  }
}
.top__links-item-logo[alt=ロキテクノファーム] {
  height: 3rem;
}
@media (max-width: 750px) {
  .top__links-item-logo[alt=ロキテクノファーム] {
    height: 6.4vw;
  }
}
.top__links-item-logo[alt=ロキテクノ富山] {
  height: 4rem;
}
@media (max-width: 750px) {
  .top__links-item-logo[alt=ロキテクノ富山] {
    height: 8.5333333333vw;
  }
}
.top__links-item .link-arrow {
  flex-shrink: 0;
}
.top__links-item .link-arrow::before {
  width: 100%;
}
.top__links-item:has(.link-arrow--window) {
  --tri-color-bg: #F574A8;
}
@media (hover: hover) and (pointer: fine) {
  .top__links-item:hover {
    opacity: 1;
  }
}

.challenge .page__header-heading {
  display: flex;
  flex-direction: column-reverse;
}
.challenge .page__header-title {
  font-family: "M PLUS 1p", sans-serif;
  font-style: normal;
  font-size: clamp(1.4rem, 4.00390625vw, 4.1rem);
  line-height: 1.3902439024;
}
@media (max-width: 750px) {
  .challenge .page__header-title {
    font-size: 5.3333333333vw;
  }
}
.challenge .page__header-title img {
  height: 1.5365853659em;
}
.challenge .page__header-title-sub {
  margin-bottom: 0.3703703704em;
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: clamp(1.4rem, 2.63671875vw, 2.7rem);
  line-height: 1.2222222222;
}
@media (max-width: 750px) {
  .challenge .page__header-title-sub {
    font-size: 3.4666666667vw;
  }
}

.challenge__grid {
  align-items: center;
  margin-top: min(9.9560761347vw, 13.6rem);
  margin-bottom: min(9.9560761347vw, 13.6rem);
}
@media (max-width: 750px) {
  .challenge__grid {
    margin-top: 25.6vw;
    margin-bottom: 25.6vw;
  }
}
.challenge__grid .heading2 {
  margin-bottom: 1.0666666667em;
}
.challenge__grid .heading3 {
  margin-bottom: 1.4545454545em;
  line-height: 1.5;
}
.challenge__grid-txt img {
  max-width: 32rem;
  aspect-ratio: 320/200;
  margin-top: 2.1333333333em;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 750px) {
  .challenge__grid-txt img {
    width: 100%;
    max-width: none;
    margin-top: 8.5333333333vw;
    border-radius: 1.6rem;
  }
}
.challenge__grid-img {
  aspect-ratio: 448/448;
  position: relative;
  z-index: 5;
}
@media (max-width: 750px) {
  .challenge__grid-img {
    aspect-ratio: initial;
  }
}
.challenge__grid-img img {
  width: min(42.972181552vw, 58.7rem);
  max-width: none;
  aspect-ratio: 587/448;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 750px) {
  .challenge__grid-img img {
    width: 100%;
    position: initial;
    translate: 0 0;
  }
}
@media (min-width: 751px) {
  .challenge__grid.page__grid--rev-col2 .challenge__grid-img img {
    left: auto;
    right: 0;
  }
}

.challenge__introduction {
  margin: 0;
  background: url(../img/challenge/bg-left.svg) no-repeat left center/auto 100%, url(../img/challenge/bg-right.svg) no-repeat right center/auto 100%;
  text-align: center;
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  font-weight: 500;
  line-height: 2;
  padding-top: min(9.3704245974vw, 12.8rem);
  padding-bottom: min(9.3704245974vw, 12.8rem);
}
@media (max-width: 750px) {
  .challenge__introduction {
    padding-top: 25.6vw;
    padding-bottom: 25.6vw;
  }
}
@media (max-width: 750px) {
  .challenge__introduction {
    margin: 0;
    font-size: 4vw;
  }
}
.challenge__introduction h2 {
  margin-bottom: 5.6rem;
  font-size: clamp(1.4rem, 3.7109375vw, 3.8rem);
  font-weight: bold;
  line-height: 1.4736842105;
}
@media (max-width: 750px) {
  .challenge__introduction h2 {
    margin-bottom: 8.5333333333vw;
    font-size: 8vw;
  }
}

.challenge__growth {
  margin-bottom: 0;
  overflow-x: clip;
  overflow-y: initial;
}
@media (max-width: 750px) {
  .challenge__growth {
    margin-bottom: 0;
  }
}
.challenge__growth .challenge__grid:last-child {
  position: relative;
  z-index: 1;
}
.challenge__growth .challenge__grid:last-child::before {
  content: "";
  width: min(69.7657393851vw, 95.3rem);
  aspect-ratio: 953/460;
  background: url(../img/challenge/growth-img3-bg.svg) no-repeat center/100% auto;
  position: absolute;
  top: 3.7rem;
  left: 26.7578125%;
  z-index: -1;
}
@media (max-width: 750px) {
  .challenge__growth .challenge__grid:last-child::before {
    width: 100%;
    top: auto;
    bottom: 0;
    left: 0;
    translate: 0 30%;
  }
}

.challenge__features {
  margin: 0 3.2rem;
  margin-top: max(6.2225475842vw, 8.5rem);
  padding-bottom: min(8.78477306vw, 12rem);
  background: #F7F7F7;
  border-radius: 1.6rem;
  overflow: hidden;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .challenge__features {
    margin: 0;
    margin-top: 25.6vw;
    padding-bottom: 25.6vw;
    border-radius: 0;
  }
}
@media (max-width: 750px) {
  .challenge__features {
    margin: 0;
    margin-top: 25.6vw;
    padding-bottom: 25.6vw;
    border-radius: 0;
  }
}
.challenge__features-introduction {
  padding-top: min(7.3206442167vw, 10rem);
  padding-bottom: min(5.1244509517vw, 7rem);
  text-align: center;
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  font-weight: 500;
  line-height: 2;
  color: #fff;
  position: relative;
  z-index: 1;
}
@media (max-width: 750px) {
  .challenge__features-introduction {
    padding-top: 12.8vw;
    padding-bottom: 12.8vw;
    font-size: 4vw;
  }
}
.challenge__features-introduction::before {
  content: "";
  width: 100%;
  aspect-ratio: 1302/544;
  background: url(../img/challenge/features-bg.webp) no-repeat center/100% auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media (max-width: 750px) {
  .challenge__features-introduction::before {
    height: 120%;
    aspect-ratio: initial;
    background: url(../img/challenge/features-bg.webp) no-repeat center/auto 100%;
  }
}
.challenge__features-introduction h2 {
  margin-bottom: 2.4rem;
  font-size: clamp(1.4rem, 4.6875vw, 4.8rem);
  font-weight: bold;
  line-height: 1.1875;
}
@media (max-width: 750px) {
  .challenge__features-introduction h2 {
    margin-bottom: 1em;
    font-size: 6.9333333333vw;
  }
}
.challenge__features .inner {
  position: relative;
  z-index: 3;
}
.challenge__features-item {
  display: flex;
  background: #fff;
  border-radius: 1.6rem;
  overflow: hidden;
}
@media (max-width: 750px) {
  .challenge__features-item {
    display: block;
    border-radius: 0.8rem;
  }
}
.challenge__features-item + .challenge__features-item {
  margin-top: 2.4rem;
}
@media (max-width: 750px) {
  .challenge__features-item + .challenge__features-item {
    margin-top: 6.4vw;
  }
}
.challenge__features-item-label {
  flex-shrink: 0;
  padding: 1rem 1.2857142857em;
  background-image: linear-gradient(150deg, #D5FC7E 0%, #4CB54E 50%, #4CB54E 100%);
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
  color: #fff;
  font-weight: 600;
  font-size: 1.4rem;
  writing-mode: vertical-rl;
  text-align: center;
  line-height: 1.2;
}
@media (max-width: 750px) {
  .challenge__features-item-label {
    padding: 0.5em 1rem;
    font-size: 3.7333333333vw;
    writing-mode: initial;
  }
}
.challenge__features-item-label span {
  font-size: 1.1428571429em;
}
.challenge__features-item-main {
  flex-grow: 1;
  padding: 3.90625% 3.90625% 4.6875%;
  display: grid;
  grid-template-columns: 1fr 45.045045045%;
  -moz-column-gap: 6.5315315315%;
       column-gap: 6.5315315315%;
}
@media (max-width: 750px) {
  .challenge__features-item-main {
    display: block;
  }
}
@media (max-width: 750px) {
  .challenge__features-item-img {
    margin-top: 6.4vw;
  }
}
.challenge__features-item-link {
  margin-top: 3.2rem;
  text-align: right;
}
@media (max-width: 750px) {
  .challenge__features-item-link {
    margin-top: 6.4vw;
    text-align: center;
  }
}

.challenge__initiative {
  margin-top: min(7.027818448vw, 9.6rem);
}
@media (max-width: 750px) {
  .challenge__initiative {
    margin-top: 25.6vw;
  }
}
.challenge__initiative-head {
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 3.2rem;
}
@media (max-width: 750px) {
  .challenge__initiative-head {
    padding: 0;
  }
}
.challenge__initiative-head-bg {
  padding: 1em 0;
  aspect-ratio: 1302/570;
  background: url(../img/challenge/initiative-bg.webp) no-repeat center/cover;
  border-radius: 1.6rem;
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  font-weight: 500;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
}
@media (max-width: 750px) {
  .challenge__initiative-head-bg {
    padding: 1em 0;
    aspect-ratio: initial;
    background: url(../img/challenge/initiative-bg.webp) no-repeat center/cover;
    border-radius: 0;
    font-size: 4vw;
  }
}
.challenge__initiative-head h2 {
  margin-bottom: 2.4rem;
  font-size: clamp(1.4rem, 4.6875vw, 4.8rem);
  font-weight: bold;
  line-height: 1.1875;
}
@media (max-width: 750px) {
  .challenge__initiative-head h2 {
    margin-bottom: 0.5em;
    font-size: 6.9333333333vw;
  }
}
@media (max-width: 750px) {
  .challenge__initiative-head p {
    line-height: 1.5;
  }
}
.challenge__initiative-logo {
  width: -moz-fit-content;
  width: fit-content;
  max-width: 24.2rem;
  margin-top: 4.1rem;
}
@media (max-width: 750px) {
  .challenge__initiative-logo {
    width: 100%;
    max-width: none;
    margin-top: 8.5333333333vw;
  }
}
.challenge__initiative-logo img {
  width: 100%;
  max-width: 100%;
  aspect-ratio: initial;
  margin-top: 0;
  border-radius: 0;
}
@media (max-width: 750px) {
  .challenge__initiative-logo img {
    width: 75.625%;
    aspect-ratio: initial;
    margin-top: 0;
    border-radius: 0;
  }
}
.challenge__initiative-link {
  margin-top: 4.1rem;
}
@media (max-width: 750px) {
  .challenge__initiative-link {
    margin-top: 8.5333333333vw;
  }
}
.challenge__initiative-training {
  grid-column: 1/span 2;
  margin-top: 6.4rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1em;
}
@media (max-width: 750px) {
  .challenge__initiative-training {
    margin-top: 0;
    grid-template-columns: 100%;
    row-gap: 6.4vw;
  }
}
.challenge__initiative-training-item {
  border-radius: 0.8rem;
  background: #F7F7F7;
  overflow: hidden;
}
.challenge__initiative-training-item h3 {
  margin-bottom: 0;
  padding: 1em 1rem;
  background: #5A5A5A;
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  text-align: center;
  font-weight: 500;
  color: #fff;
}
@media (max-width: 750px) {
  .challenge__initiative-training-item h3 {
    font-size: 4.8vw;
  }
}
.challenge__initiative-training-item-body {
  padding: 1em 2em 2.6666666667em;
}
.challenge__initiative .challenge__grid-img {
  aspect-ratio: 448/587;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .challenge__initiative .challenge__grid-img {
    aspect-ratio: 1/1;
  }
}
@media (max-width: 750px) {
  .challenge__initiative .challenge__grid-img {
    aspect-ratio: initial;
  }
}
.challenge__initiative .challenge__grid-img img {
  aspect-ratio: 587/587;
}
@media (max-width: 750px) {
  .challenge__initiative .challenge__grid:first-child {
    margin-top: 8.5333333333vw;
  }
}

.challenge__message {
  margin: 0;
  padding-top: min(8.78477306vw, 12rem);
  padding-bottom: min(17.1303074671vw, 23.4rem);
  background: url(../img/challenge/message-bg.webp) no-repeat center bottom/cover;
  text-align: center;
  font-size: clamp(1.4rem, 1.953125vw, 2rem);
  font-weight: 500;
}
@media (max-width: 750px) {
  .challenge__message {
    font-size: 4vw;
  }
}
.challenge__message p {
  line-height: 3;
}
.challenge__message .large {
  font-size: clamp(1.4rem, 2.34375vw, 2.4rem);
  line-height: 2;
}
@media (max-width: 750px) {
  .challenge__message .large {
    font-size: 4.5333333333vw;
  }
}
.challenge__message .large2 {
  font-size: clamp(1.4rem, 2.9296875vw, 3rem);
  line-height: 2;
}
@media (max-width: 750px) {
  .challenge__message .large2 {
    font-size: 5.3333333333vw;
  }
}
.challenge__message .large3 {
  font-size: clamp(1.4rem, 3.7109375vw, 3.8rem);
  font-weight: bold;
  line-height: 2;
}
@media (max-width: 750px) {
  .challenge__message .large3 {
    font-size: 5.8666666667vw;
  }
}

.quality-policy__box {
  padding: 4.6875% 3.125%;
  border: 1px solid #D1D1D1;
  border-radius: 0.8rem;
}
.quality-policy__box + .quality-policy__box {
  margin-top: 4.6875%;
}
@media (max-width: 750px) {
  .quality-policy__box + .quality-policy__box {
    margin-top: 8.5333333333vw;
  }
}
.quality-policy__box .heading5 {
  margin-bottom: 1em;
}
.quality-policy__box .txt--orange {
  color: #FF5800;
}
.quality-policy__box figure {
  margin: 3.2rem auto;
}
@media (max-width: 750px) {
  .quality-policy__box figure {
    margin: 8.5333333333vw auto;
  }
}
.quality-policy__box .quality-img1 {
  max-width: 39.9rem;
}
.quality-policy__box .quality-img2 {
  margin-bottom: 0;
}
.quality-policy__box .quality-img3 {
  max-width: 34rem;
}
.quality-policy__box-details {
  display: grid;
  grid-template-columns: 18.6847599165% 1fr;
  gap: 1.6em 0;
  font-weight: 500;
  line-height: 1.6;
}
@media (max-width: 750px) {
  .quality-policy__box-details {
    grid-template-columns: 100%;
  }
}
.quality-policy__box-details dt {
  font-weight: bold;
  font-size: 1.2em;
}
.quality-policy__box-details .detail-staff {
  color: #F44297;
}
.quality-policy__box-details .detail-work {
  color: #40A629;
}
.quality-policy__box-details .detail-products {
  color: #FF5800;
}
.quality-policy__box-iso {
  background: #FFF2D6;
  border-radius: 0.8rem;
  padding: 3.125%;
}
.quality-policy__box-iso-details {
  display: grid;
  grid-template-columns: 18.6847599165% 1fr;
  gap: 1.0666666667em 0;
  font-weight: 500;
  line-height: 1.6;
}
@media (max-width: 750px) {
  .quality-policy__box-iso-details {
    grid-template-columns: 100%;
  }
}
.quality-policy__box-iso-details dt {
  font-weight: bold;
  font-size: 1.2em;
}

.rokiism {
  /* // typeAのスタイル
  .page__header-heading {
  	align-self: center;
  }
  .page__header-title {
  	@include font-base;
  	font-size: pcFont(4.5rem);
  	font-weight: bold;
  	line-height: calc(62/45);
  	@include sp {
  		font-size: mobile-size-vw(4rem);
  	}
  }
  .page__header-title-sub {
  	display: none;
  }
  */
}

.rokiism__about {
  margin-top: min(10.541727672vw, 14.4rem);
  margin-bottom: min(10.541727672vw, 14.4rem);
}
@media (max-width: 750px) {
  .rokiism__about {
    margin-top: 25.6vw;
    margin-bottom: 25.6vw;
  }
}
.rokiism__about-logo {
  width: 69.23828125%;
  max-width: 70.9rem;
  margin: 0 auto;
  margin-top: min(7.027818448vw, 9.6rem);
  margin-bottom: min(7.027818448vw, 9.6rem);
}
@media (max-width: 750px) {
  .rokiism__about-logo {
    margin-top: 25.6vw;
    margin-bottom: 25.6vw;
  }
}

.rokiism__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  gap: min(3.125vw, 3.2rem);
}
@media (max-width: 750px) {
  .rokiism__grid {
    grid-template-columns: 100%;
    gap: 8.5333333333vw;
  }
}
.rokiism__grid + .rokiism__grid {
  margin-top: min(3.125vw, 3.2rem);
}
@media (max-width: 750px) {
  .rokiism__grid + .rokiism__grid {
    margin-top: 8.5333333333vw;
  }
}

.rokiism__item {
  grid-row: span 3;
  padding: min(6.4516129032%, 3.2rem) min(6.4516129032%, 3.2rem) min(3.2258064516%, 1.6rem);
  background-color: #6c6c6c;
  background-repeat: no-repeat;
  background-size: min(38.7096774194%, 19.2rem) auto;
  background-position: right min(10.4%, 4.8rem) bottom 24%;
  border-radius: 0.8rem;
  color: #fff;
  font-weight: 500;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr auto;
  gap: 0;
}
.rokiism__item-title {
  margin-bottom: 1em;
  padding-bottom: 0.64em;
  font-size: clamp(1.4rem, 2.44140625vw, 2.5rem);
  font-weight: bold;
  line-height: 1.4;
  position: relative;
}
@media (max-width: 750px) {
  .rokiism__item-title {
    font-size: 5.3333333333vw;
  }
}
.rokiism__item-title::after {
  content: "";
  width: 100%;
  height: 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  position: absolute;
  bottom: -1px;
  left: 0;
}
.rokiism__item-body {
  padding: 0 1em 1em;
  line-height: 2;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .rokiism__item-body {
    padding: 0 0 1em;
  }
}
@media (max-width: 750px) {
  .rokiism__item-body {
    padding: 0 0 1em;
  }
}
.rokiism__item-link {
  padding-top: 1em;
  text-align: right;
  position: relative;
}
.rokiism__item-link::before {
  content: "";
  width: 100%;
  height: 0;
  border-top: 1px solid #000;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  position: absolute;
  top: -1px;
  left: 0;
}
.rokiism__item-link a {
  --tri-color: #FFA600;
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 0.4rem;
       column-gap: 0.4rem;
}
.rokiism__item-link a .link-arrow::after {
  width: 1.2rem;
}
.rokiism__item:where(:nth-child(1)) {
  background-image: url(../img/rokiism/rokiism-icon1.svg);
}
.rokiism__item:where(:nth-child(2)) {
  background-image: url(../img/rokiism/rokiism-icon2.svg);
}
.rokiism__item:where(:nth-child(3)) {
  background-image: url(../img/rokiism/rokiism-icon3.svg);
}
.rokiism__item:where(:nth-child(4)) {
  background-image: url(../img/rokiism/rokiism-icon4.svg);
}
.rokiism__item:where(:nth-child(5)) {
  background-image: url(../img/rokiism/rokiism-icon5.svg);
}
.rokiism__item:where(:nth-child(6)) {
  background-image: url(../img/rokiism/rokiism-icon6.svg);
}
.rokiism__item:where(:nth-child(7)) {
  background-image: url(../img/rokiism/rokiism-icon7.svg);
}
.rokiism__item:where(:nth-child(8)) {
  background-image: url(../img/rokiism/rokiism-icon8.svg);
}
.rokiism__item:where(:nth-child(9)) {
  background-image: url(../img/rokiism/rokiism-icon9.svg);
}
.rokiism__item:where(:nth-child(10)) {
  background-image: url(../img/rokiism/rokiism-icon10.svg);
}
.rokiism__item:where(:nth-child(11)) {
  background-image: url(../img/rokiism/rokiism-icon11.svg);
}
.rokiism__item:where(:nth-child(12)) {
  background-image: url(../img/rokiism/rokiism-icon12.svg);
}
.rokiism__item--top {
  min-height: 28.8rem;
  background-image: url(../img/rokiism/rokiism-icon-top.svg);
}
@media (min-width: 751px) {
  .rokiism__item--top {
    grid-column: 1/-1;
    background-position: right min(10.4%, 4.8rem) bottom 50%;
    grid-template-rows: auto 1fr auto;
  }
}
@media (max-width: 750px) {
  .rokiism__item--top {
    min-height: 117.3333333333vw;
  }
}
.rokiism__item--top > * {
  max-width: 72rem;
}

.corporate-ethics__slogan {
  text-align: center;
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  line-height: 1.3888888889;
}
@media (max-width: 750px) {
  .corporate-ethics__slogan {
    font-size: 4vw;
    line-height: 2;
  }
}

.environmental-policy__slogan {
  text-align: center;
}
.environmental-policy__slogan-title {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 1.5rem;
  padding: 0.5rem 0.625em;
  background-image: linear-gradient(90deg, #D5FC7E 0%, #4CB54E 50%, #4CB54E 100%);
  border-radius: 0.4rem;
  font-size: clamp(1.4rem, 3.125vw, 3.2rem);
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
  font-style: normal;
  font-weight: bold;
  line-height: 1.1875;
  color: #fff;
}
@media (max-width: 750px) {
  .environmental-policy__slogan-title {
    font-size: 5.3333333333vw;
  }
}
.environmental-policy__slogan-statement {
  margin-bottom: 2.4rem;
  font-size: clamp(1.4rem, 5.859375vw, 6rem);
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 750px) {
  .environmental-policy__slogan-statement {
    font-size: 6.6666666667vw;
  }
}
.environmental-policy__slogan-note {
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
}
@media (max-width: 750px) {
  .environmental-policy__slogan-note {
    font-size: 4vw;
  }
}
.environmental-policy__slogan-description {
  margin-top: min(9.3704245974vw, 12.8rem);
}
@media (max-width: 750px) {
  .environmental-policy__slogan-description {
    margin-top: 25.6vw;
  }
}
.environmental-policy__slogan-description .txt {
  font-size: clamp(1.4rem, 2.44140625vw, 2.5rem);
  line-height: 1.9166666667;
}
@media (max-width: 750px) {
  .environmental-policy__slogan-description .txt {
    font-size: 4.8vw;
  }
}
.environmental-policy__slogan-description .details {
  position: relative;
}
.environmental-policy__slogan-description .details::before {
  content: "";
  display: block;
  width: 19.2rem;
  max-width: 100%;
  height: 1px;
  margin: 6.4rem auto;
  background-image: linear-gradient(-90deg, #57b136 0%, #f44397 29.56%, #ff6800 65.97%, #ffa600 100%);
}
.environmental-policy__slogan-description .detail1 {
  font-size: clamp(1.4rem, 2.9296875vw, 3rem);
  line-height: 1.4;
}
@media (max-width: 750px) {
  .environmental-policy__slogan-description .detail1 {
    font-size: 5.3333333333vw;
    line-height: 2;
  }
}
.environmental-policy__slogan-description .detail2 {
  max-width: 64rem;
  margin: 6.5rem auto 0;
  padding: 1em;
  border: 1px solid #5A5A5A;
  border-radius: 0.4rem;
  font-size: clamp(1.4rem, 2.44140625vw, 2.5rem);
  line-height: 1.4;
  text-align: center;
  position: relative;
}
@media (max-width: 750px) {
  .environmental-policy__slogan-description .detail2 {
    font-size: 4.8vw;
  }
}
.environmental-policy__slogan-description .detail2 .top {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 0 0.8rem;
  background: #fff;
  font-weight: bold;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  translate: 0 -50%;
}
.environmental-policy__slogan-description .detail2 .small {
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  font-weight: normal;
}
@media (max-width: 750px) {
  .environmental-policy__slogan-description .detail2 .small {
    font-size: 4vw;
  }
}

.environmental-policy__details {
  padding: 4.39453125%;
  background: #F7F7F7;
  border-radius: 1.6rem;
  margin-top: min(7.027818448vw, 9.6rem);
}
@media (max-width: 750px) {
  .environmental-policy__details {
    margin-top: 25.6vw;
  }
}
@media (max-width: 750px) {
  .environmental-policy__details {
    padding: 1em;
  }
}

.environmental-policy__list {
  margin-top: 0.9em;
  font-size: clamp(1.4rem, 1.953125vw, 2rem);
  font-weight: 500;
  line-height: 2.25;
  display: grid;
  grid-template-columns: 100%;
  row-gap: 0.9em;
}
@media (max-width: 750px) {
  .environmental-policy__list {
    margin-top: 8.5333333333vw;
    font-size: 4.8vw;
    line-height: 1.4;
    row-gap: 1.6em;
  }
}
.environmental-policy__list + * {
  margin-top: 0.9em;
}
@media (max-width: 750px) {
  .environmental-policy__list + * {
    margin-top: 8.5333333333vw;
  }
}
.environmental-policy__list ul, .environmental-policy__list ol {
  margin-top: 0.4666666667em;
  font-size: clamp(1.4rem, 1.46484375vw, 1.5rem);
  line-height: 2;
  color: #222222;
}
@media (max-width: 750px) {
  .environmental-policy__list ul, .environmental-policy__list ol {
    margin-top: 1em;
    font-size: 4vw;
  }
}
.environmental-policy__list ul {
  list-style-type: "・";
}
.environmental-policy__list ul li {
  list-style-position: inside;
  padding-left: 1em;
  text-indent: -1em;
}
.environmental-policy__list p {
  margin-top: 0.4666666667em;
  font-size: clamp(1.4rem, 1.46484375vw, 1.5rem);
  line-height: 2;
  color: #222222;
}
@media (max-width: 750px) {
  .environmental-policy__list p {
    margin-top: 1em;
    font-size: 4vw;
  }
}

.introduction__slogan {
  font-size: clamp(1.4rem, 3.41796875vw, 3.5rem);
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
}
@media (max-width: 750px) {
  .introduction__slogan {
    font-size: 5.8666666667vw;
  }
}
.introduction .page__grid {
  --col-gap: 9.375%;
  --col-short: 39.0625%;
  margin-top: min(7.027818448vw, 9.6rem);
}
@media (max-width: 750px) {
  .introduction .page__grid {
    margin-top: 25.6vw;
  }
}
.introduction .page__grid p {
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  line-height: 2.5;
}
@media (max-width: 750px) {
  .introduction .page__grid p {
    font-size: 4vw;
  }
}
.introduction figcaption {
  margin-top: 1.3333333333em;
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  font-weight: 500;
  line-height: 1.3888888889;
}
@media (max-width: 750px) {
  .introduction figcaption {
    margin-top: 6.4vw;
    font-size: 4vw;
  }
}
.introduction__sign {
  width: auto;
  height: 3em;
  margin-top: 0.8em;
}
@media (max-width: 750px) {
  .introduction__sign {
    margin-top: 6.4vw;
  }
}

.business__introduction {
  margin-top: min(7.027818448vw, 9.6rem);
  margin-bottom: min(7.027818448vw, 9.6rem);
}
@media (max-width: 750px) {
  .business__introduction {
    margin-top: 25.6vw;
    margin-bottom: 25.6vw;
  }
}
.business__introduction h2 {
  margin-bottom: 1.2em;
  font-size: clamp(1.4rem, 3.90625vw, 4rem);
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 750px) {
  .business__introduction h2 {
    font-size: 5.8666666667vw;
  }
}
.business__introduction h2 .bg {
  margin-left: 0.5em;
  padding: 0 0.25em;
  background-image: linear-gradient(130deg, #D5FC7E 0%, #4CB54E 50%, #4CB54E 100%);
  border-radius: 0.4rem;
  color: #fff;
}
.business__introduction p {
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
}
@media (max-width: 750px) {
  .business__introduction p {
    font-size: 3.7333333333vw;
  }
}

.business__bg {
  padding: 1px 0;
  background: #F3F3F5;
  overflow-x: clip;
  overflow-y: initial;
}

.business__fields-bgBox {
  --circle-size: min(78.125vw, 80rem);
  position: relative;
  z-index: 1;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .business__fields-bgBox {
    --circle-size: calc(min(78.125vw, 80rem) - 4vw);
  }
}
@media (max-width: 750px) {
  .business__fields-bgBox {
    --circle-size: 96vw;
  }
}
.business__fields-bgBox::before {
  content: "";
  width: var(--circle-size);
  aspect-ratio: 1/1;
  background: url(../img/about/business/fields-circle.svg) no-repeat center/100% auto;
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  z-index: -1;
}
@media (max-width: 750px) {
  .business__fields-bgBox::before {
    content: none;
  }
}
.business__fields-title {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 1.2em;
  padding-top: 1.6285714286em;
  font-size: clamp(1.4rem, 3.41796875vw, 3.5rem);
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 750px) {
  .business__fields-title {
    font-size: 6.6666666667vw;
  }
}
.business__fields-title img {
  width: auto;
  height: 2em;
}
.business__fields-grid {
  --col-gap: min(3.125vw, 3.2rem);
  grid-template-rows: repeat(3, auto) 1fr;
}
.business__fields-card {
  --card-size: min(48.4375vw, 49.6rem);
  --card-bg-size: min(37.5vw, 38.4rem);
  --bg-y1: (clamp(1.4rem, 3.41796875vw, 3.5rem) * 2);
  --bg-y2: (clamp(1.4rem, 3.41796875vw, 3.5rem) * calc(57/35));
  --bg-y3: (clamp(1.4rem, 3.41796875vw, 3.5rem) * 1.2);
  --card-gap: 2.4rem;
  grid-row: span 4;
  padding: 1em 1em 2em;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: var(--circle-size) auto;
  border-radius: 1.6rem;
  font-weight: 500;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.16);
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: subgrid;
  row-gap: 0;
  position: relative;
}
@media (max-width: 750px) {
  .business__fields-card {
    --card-size: 96vw;
    --card-bg-size: 85vw;
    --card-gap: 6.4vw;
  }
  .business__fields-card::before {
    content: "";
    width: var(--circle-size);
    aspect-ratio: 1/1;
    background: url(../img/about/business/fields-circle.svg) no-repeat center/100% auto;
    position: absolute;
    top: calc(8.5333333333vw * -1);
    left: 50%;
    translate: -50% 0;
    z-index: -1;
  }
}
.business__fields-card-img {
  margin-bottom: var(--card-gap);
}
.business__fields-card-img img {
  width: 100%;
  aspect-ratio: 464/232;
  border: 1px solid #fff;
  border-radius: 1.6rem;
}
.business__fields-card-title {
  font-size: clamp(1.4rem, 2.44140625vw, 2.5rem);
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
@media (max-width: 750px) {
  .business__fields-card-title {
    font-size: 5.3333333333vw;
  }
}
.business__fields-card-txt {
  margin-top: 1em;
  text-align: center;
}
.business__fields-card-products {
  align-self: flex-start;
  margin-top: var(--card-gap);
  padding: var(--card-gap) 2em 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-flow: auto 1fr;
  gap: 1.6em 0.8em;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .business__fields-card-products {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 750px) {
  .business__fields-card-products {
    padding-left: 0;
    padding-right: 0;
  }
}
.business__fields-card-products > div {
  grid-row: span 2;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: subgrid;
  align-items: flex-start;
  gap: 0;
}
.business__fields-card-products h4 {
  margin-bottom: 0.5em;
  font-size: inherit;
  font-weight: bold;
  line-height: 1.4;
}
.business__fields-card-products ul {
  font-size: clamp(1.2rem, 1.26953125vw, 1.3rem);
  display: grid;
  grid-template-columns: 100%;
  row-gap: 0.4rem;
}
@media (max-width: 750px) {
  .business__fields-card-products ul {
    font-size: 3.4666666667vw;
  }
}
.business__fields-card-products ul > li:before {
  width: 0.5em;
}
.business__fields-card:nth-child(1) {
  --dot-color: #57B136;
  background-image: url(../img/about/business/fields-circle2.svg);
  background-position: left calc(var(--card-size) - var(--card-bg-size)) top calc((var(--bg-y1) + var(--bg-y2) + var(--bg-y3)) * -1);
}
@media (max-width: 750px) {
  .business__fields-card:nth-child(1) {
    background-position: left 50% top calc(8.5333333333vw * -1);
  }
}
.business__fields-card:nth-child(2) {
  --dot-color: #F775B1;
  background-image: url(../img/about/business/fields-circle3.svg);
  background-position: right calc(var(--card-size) - var(--card-bg-size)) top calc((var(--bg-y1) + var(--bg-y2) + var(--bg-y3)) * -1);
}
@media (max-width: 750px) {
  .business__fields-card:nth-child(2) {
    background-position: right 50% top calc(8.5333333333vw * -1);
  }
}

.business__case-title {
  margin-bottom: 1.0666666667em;
  text-align: center;
}
@media (max-width: 750px) {
  .business__case-title {
    font-size: 5.3333333333vw;
  }
}
.business__case-title span {
  font-size: clamp(1.4rem, 4.8828125vw, 5rem);
  line-height: 1.4;
}
@media (max-width: 750px) {
  .business__case-title span {
    font-size: 9.3333333333vw;
  }
}
.business__case-txt {
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  text-align: center;
}
@media (max-width: 750px) {
  .business__case-txt {
    font-size: 4vw;
  }
}

.business__case-contents {
  margin-top: 3.2rem;
}
.business__case-contents-map {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
@media (max-width: 750px) {
  .business__case-contents-map {
    height: auto;
  }
}
.business__case-contents-pins {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
@media (max-width: 750px) {
  .business__case-contents-pins {
    height: auto;
  }
}
.business__case-contents-pins svg {
  display: block;
  width: 100%;
  height: 100%;
}
.business__case-contents-pins .map-pin {
  fill: #222222;
  transition: 0.3s;
}
.business__case-contents-popup {
  width: calc(100% - min(4.6852122987vw, 6.4rem));
  height: calc(100% - min(4.6852122987vw, 6.4rem));
  border-radius: 1.6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 3;
  translate: -50% -50%;
  overflow: hidden;
  pointer-events: none;
}
@media (max-width: 750px) {
  .business__case-contents-popup {
    width: 100%;
    height: 100%;
    border-radius: 0;
  }
}
.business__case-contents-popup::before, .business__case-contents-popup::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.6s;
  clip-path: circle(0% at 50% 50%);
}
.business__case-contents-popup::before {
  background: #fff;
  z-index: -2;
  opacity: 0.9;
}
.business__case-contents-popup::after {
  background-image: linear-gradient(135deg, #ffa600 0%, #ffa600 28.88%, #ff6800 67.68%, #ff3301 100%);
  z-index: -1;
  opacity: 0.3;
}
.business__case-contents-popup-display {
  width: calc(100% - min(28.1112737921vw, 38.4rem) + min(2.3426061493vw, 3.2rem));
  height: 100%;
  padding: 1.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  translate: 0 25%;
  opacity: 0;
  transition: 0.6s;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .business__case-contents-popup-display {
    max-width: calc(100% - 26rem + min(0.9765625vw, 1rem));
  }
}
@media (max-width: 750px) {
  .business__case-contents-popup-display {
    width: 91.4666666667vw;
    height: calc(100% - 79.2vw);
    margin: 0 auto;
    padding: 8vw 0 2.1333333333vw;
  }
}
.business__case-contents-popup-img {
  width: 100%;
  max-width: 66.2rem;
  aspect-ratio: 662/512;
  position: relative;
}
@media (max-width: 750px) {
  .business__case-contents-popup-img {
    max-width: none;
    aspect-ratio: 343/268;
  }
}
.business__case-contents-popup-map {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.business__case-contents-details {
  width: calc(100% - min(28.1112737921vw, 38.4rem));
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  pointer-events: none;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .business__case-contents-details {
    max-width: calc(100% - 26rem);
  }
}
@media (max-width: 750px) {
  .business__case-contents-details {
    width: 100%;
    max-width: none;
    height: calc(100% - 79.2vw);
  }
}
.business__case-contents-detail {
  width: calc(100% - min(5.1244509517vw, 7rem));
  max-width: 48.4rem;
  min-height: 28.8rem;
  padding: min(4.0995607613vw, 5.6rem) 1em;
  background: #5A5A5A;
  border-radius: 1.6rem;
  font-weight: 500;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 50%;
  right: min(4.7584187408vw, 6.5rem);
  translate: 0 -50%;
  opacity: 0;
  pointer-events: initial;
  visibility: hidden;
  transition: 0.3s;
}
@media (max-width: 750px) {
  .business__case-contents-detail {
    width: 91.4666666667vw;
    max-width: none;
    height: 70.9333333333vw;
    min-height: auto;
    padding: 1em;
    border-radius: 4.2666666667vw;
    right: 50%;
    translate: 50% -50%;
  }
}
.business__case-contents-detail::after {
  content: "";
  width: 6.6115702479%;
  aspect-ratio: 1/1;
  background: inherit;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  position: absolute;
  top: 50%;
  left: calc(100% - 1px);
  translate: 0 -50%;
}
@media (max-width: 750px) {
  .business__case-contents-detail::after {
    width: 4.2666666667vw;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    top: calc(100% - 1px);
    left: 50%;
    translate: -50% 0;
  }
}
.business__case-contents-detail-number {
  width: 2.8em;
  padding: 0.1rem 0.2rem 0.3rem;
  background: #FFA600;
  border-radius: 10em;
  color: #fff;
  text-align: center;
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
  font-style: normal;
  line-height: 1.2;
  font-size: clamp(1.4rem, 1.953125vw, 2rem);
  position: absolute;
  top: min(1.756954612vw, 2.4rem);
  left: min(1.756954612vw, 2.4rem);
  z-index: 5;
}
@media (max-width: 750px) {
  .business__case-contents-detail-number {
    width: 2.5em;
    padding: 0.2666666667vw 0.5333333333vw 0.8vw;
    font-size: 4.2666666667vw;
    top: 1em;
    left: 1em;
  }
}
.business__case-contents-detail-txt {
  width: 100%;
  max-width: 35.6rem;
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
}
@media (max-width: 750px) {
  .business__case-contents-detail-txt {
    width: 89.1373801917%;
    max-width: none;
    font-size: 4vw;
  }
}
.business__case-contents-detail-close {
  background: none;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
  position: absolute;
  left: 50%;
  bottom: min(1.756954612vw, 2.4rem);
  z-index: 5;
  translate: -50% 0;
}
@media (max-width: 750px) {
  .business__case-contents-detail-close {
    font-size: 3.4666666667vw;
    bottom: 6.4vw;
  }
}
.business__case-contents-detail-close .close {
  display: block;
  width: 1.6666666667em;
  aspect-ratio: 1/1;
  rotate: 45deg;
  position: relative;
}
@media (max-width: 750px) {
  .business__case-contents-detail-close .close {
    width: 3.4666666667vw;
  }
}
.business__case-contents-detail-close .close::before, .business__case-contents-detail-close .close::after {
  content: "";
  width: 100%;
  height: 0.2rem;
  background: #FFA600;
  border-radius: 10em;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.business__case-contents-detail-close .close::after {
  rotate: 90deg;
}
.business__case-contents-detail.active {
  opacity: 1;
  visibility: visible;
}
.business__case-contents-bg {
  overflow: clip;
}
.business__case-contents-bg[data-active=step1] .pin-step1 .map-pin {
  fill: #FFA600;
}
.business__case-contents-bg[data-active=step2] .pin-step2 .map-pin {
  fill: #FFA600;
}
.business__case-contents-bg[data-active=step3] .pin-step3 .map-pin {
  fill: #FFA600;
}
.business__case-contents-bg[data-active=step4] .pin-step4 .map-pin {
  fill: #FFA600;
}
.business__case-contents-bg[data-active=step5] .pin-step5 .map-pin {
  fill: #FFA600;
}
.business__case-contents-bg[data-active=step6] .pin-step6 .map-pin {
  fill: #FFA600;
}
.business__case-contents-bg[data-active=step7] .pin-step7 .map-pin {
  fill: #FFA600;
}
.business__case-contents-bg[data-active=step8] .pin-step8 .map-pin {
  fill: #FFA600;
}
.business__case-contents-bg[data-active=step9] .pin-step9 .map-pin {
  fill: #FFA600;
}
.business__case-contents-bg[data-active=step10] .pin-step10 .map-pin {
  fill: #FFA600;
}
.business__case-contents-bg[data-active=step3] .business__case-contents-popup, .business__case-contents-bg[data-active=step4] .business__case-contents-popup, .business__case-contents-bg[data-active=step5] .business__case-contents-popup {
  pointer-events: initial;
}
.business__case-contents-bg[data-active=step3] .business__case-contents-popup::before, .business__case-contents-bg[data-active=step3] .business__case-contents-popup::after, .business__case-contents-bg[data-active=step4] .business__case-contents-popup::before, .business__case-contents-bg[data-active=step4] .business__case-contents-popup::after, .business__case-contents-bg[data-active=step5] .business__case-contents-popup::before, .business__case-contents-bg[data-active=step5] .business__case-contents-popup::after {
  clip-path: circle(75% at 50% 50%);
}
.business__case-contents-bg[data-active=step3] .business__case-contents-popup-display, .business__case-contents-bg[data-active=step4] .business__case-contents-popup-display, .business__case-contents-bg[data-active=step5] .business__case-contents-popup-display {
  translate: 0 0;
  opacity: 1;
}
.business__case-contents-nav {
  width: min(28.1112737921vw, 38.4rem);
  padding-right: min(4.6852122987vw, 6.4rem);
}
@media (min-width: 751px) and (max-width: 1024px) {
  .business__case-contents-nav {
    min-width: 26rem;
    padding-right: min(0.9765625vw, 1rem);
  }
}
.business__case-contents-nav-box {
  padding: 0.8rem;
  background: #fff;
  border-radius: 1.5rem;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.16);
  position: relative;
  pointer-events: none;
}
@media (max-width: 750px) {
  .business__case-contents-nav-box {
    padding: 2.1333333333vw;
    border-radius: 4vw;
  }
}
.business__case-contents-nav-box-number {
  width: 2.8em;
  padding: 0.1rem 0.2rem 0.3rem;
  background: #FFA600;
  border: 2px solid #fff;
  border-radius: 10em;
  color: #fff;
  text-align: center;
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
  font-style: normal;
  line-height: 1.2;
  font-size: clamp(1.4rem, 1.953125vw, 2rem);
  position: absolute;
  top: 0;
  left: 50%;
  z-index: 20;
  translate: -50% -50%;
}
@media (max-width: 750px) {
  .business__case-contents-nav-box-number {
    padding: 0.2666666667vw 0.5333333333vw 0.8vw;
    font-size: 4.2666666667vw;
  }
}
.business__case-contents-nav-box-img {
  width: 100%;
}
@media (max-width: 750px) {
  .business__case-contents-nav-box-img {
    max-height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center top;
       object-position: center top;
  }
}
.business__case-contents-nav-box-btns {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1em;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 20;
  translate: 0 50%;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .business__case-contents-nav-box-btns {
    gap: 1rem;
  }
}
@media (max-width: 750px) {
  .business__case-contents-nav-box-btns {
    -moz-column-gap: 5.3333333333vw;
         column-gap: 5.3333333333vw;
  }
}
.business__case-contents-nav-box-btn {
  padding: 0.5384615385em 0.9230769231em;
  background: #5A5A5A;
  border: 2px solid #fff;
  border-radius: 10em;
  color: #fff;
  text-align: center;
  font-size: clamp(1rem, 1.26953125vw, 1.3rem);
  font-weight: 500;
  line-height: 1.3846153846;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.6rem;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .business__case-contents-nav-box-btn {
    font-size: clamp(1rem, 1.171875vw, 1.2rem);
  }
}
@media (max-width: 750px) {
  .business__case-contents-nav-box-btn {
    padding: 0.5em 1em;
    font-size: 2.6666666667vw;
    flex-direction: column;
    gap: 2px;
  }
}
.business__case-contents-nav-box-btn .toggle {
  display: block;
  width: 1rem;
  aspect-ratio: 1/1;
  position: relative;
}
.business__case-contents-nav-box-btn .toggle::before, .business__case-contents-nav-box-btn .toggle::after {
  content: "";
  width: 100%;
  height: 0.2rem;
  background: #FFA600;
  border-radius: 10em;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.business__case-contents-nav-box-btn .toggle::after {
  rotate: 90deg;
}
.business__case-contents-nav[data-active=step1] #nav-step1 {
  pointer-events: initial;
}
.business__case-contents-nav[data-active=step2] #nav-step2 {
  pointer-events: initial;
}
.business__case-contents-nav[data-active=step3] #nav-step3 {
  pointer-events: initial;
}
.business__case-contents-nav[data-active=step4] #nav-step4 {
  pointer-events: initial;
}
.business__case-contents-nav[data-active=step5] #nav-step5 {
  pointer-events: initial;
}
.business__case-contents-nav[data-active=step6] #nav-step6 {
  pointer-events: initial;
}
.business__case-contents-nav[data-active=step7] #nav-step7 {
  pointer-events: initial;
}
.business__case-contents-nav[data-active=step8] #nav-step8 {
  pointer-events: initial;
}
.business__case-contents-nav[data-active=step9] #nav-step9 {
  pointer-events: initial;
}
.business__case-contents-nav[data-active=step10] #nav-step10 {
  pointer-events: initial;
}

.outline__box {
  padding: 2.34375% 4.6875%;
  background: #F7F7F7;
  border-radius: 1.6rem;
}
@media (max-width: 750px) {
  .outline__box {
    padding: 1em;
  }
}
.outline__box + .outline__box {
  margin-top: 4.8rem;
}
@media (max-width: 750px) {
  .outline__box + .outline__box {
    margin-top: 8.5333333333vw;
  }
}
.outline__box h3 {
  margin-bottom: 1em;
  font-size: clamp(1.4rem, 2.44140625vw, 2.5rem);
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 750px) {
  .outline__box h3 {
    font-size: 5.3333333333vw;
  }
}
.outline__box-acc {
  background: #fff;
  border-radius: 1.6rem;
  overflow: hidden;
}
.outline__box-acc + .outline__box-acc {
  margin-top: 3.2rem;
}
@media (max-width: 750px) {
  .outline__box-acc + .outline__box-acc {
    margin-top: 6.4vw;
  }
}
.outline__box-acc-title {
  padding: 1.8666666667em 2.6666666667em;
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 750px) {
  .outline__box-acc-title {
    padding: 1em;
    display: block;
  }
}
.outline__box-acc-title::before {
  content: "";
  width: 2px;
  height: calc(clamp(1.4rem, 1.7578125vw, 1.8rem) * 1.3888888889);
  background: #FFA600;
  position: absolute;
  top: 1.8666666667em;
  left: 0;
}
@media (max-width: 750px) {
  .outline__box-acc-title::before {
    height: calc(4.8vw * 1.3888888889);
  }
}
.outline__box-acc-title .name {
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  font-weight: bold;
  line-height: 1.3888888889;
}
@media (max-width: 750px) {
  .outline__box-acc-title .name {
    font-size: 4.8vw;
  }
}
.outline__box-acc-title .area {
  margin-left: 2em;
}
@media (max-width: 750px) {
  .outline__box-acc-title .area {
    display: block;
    margin-left: 0;
  }
}
.outline__box-acc-title .toggle {
  position: absolute;
  top: 50%;
  right: 1.6em;
  translate: 0 -50%;
}
@media (max-width: 750px) {
  .outline__box-acc-title .toggle {
    right: 1em;
  }
}
.outline__box-acc-body {
  padding: 0 2.6666666667em 1em;
}
@media (max-width: 750px) {
  .outline__box-acc-body {
    padding: 0 1em 1em;
  }
}
.outline__box-acc .outline__info {
  grid-template-columns: 18.1818181818% 1fr;
}
@media (max-width: 750px) {
  .outline__box-acc .outline__info {
    grid-template-columns: 100%;
  }
}
.outline__box-acc .outline__info dt, .outline__box-acc .outline__info dd {
  padding-top: 1.6em;
  padding-bottom: 1.6em;
}
@media (max-width: 750px) {
  .outline__box-acc .outline__info dt {
    padding-top: 1em;
    padding-bottom: 0;
  }
}
@media (max-width: 750px) {
  .outline__box-acc .outline__info dd {
    padding-top: 1em;
    padding-bottom: 1em;
  }
}

.outline__info {
  display: grid;
  grid-template-columns: 21.4439655172% 1fr;
}
@media (max-width: 750px) {
  .outline__info {
    grid-template-columns: 100%;
  }
}
.outline__info dt, .outline__info dd {
  padding-top: 2em;
  padding-bottom: 2em;
  padding-left: 1em;
  line-height: 1.6;
}
@media (max-width: 750px) {
  .outline__info dt, .outline__info dd {
    padding-left: 0;
  }
}
.outline__info dt:where(:not(:last-of-type)), .outline__info dd:where(:not(:last-of-type)) {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media (max-width: 750px) {
  .outline__info dt:where(:not(:last-of-type)), .outline__info dd:where(:not(:last-of-type)) {
    border-bottom: none;
  }
}
.outline__info dt {
  font-weight: 500;
}
@media (max-width: 750px) {
  .outline__info dt {
    padding-bottom: 0;
  }
}
@media (max-width: 750px) {
  .outline__info dd {
    padding-top: 1em;
  }
  .outline__info dd:where(:not(:last-of-type)) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
}
.outline__info .map-link {
  margin-left: 1em;
  font-weight: normal;
  color: #FFA600;
  text-decoration: underline;
}
.outline__info-map {
  margin-top: 1lh;
}
.outline__info-map iframe {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 704/430;
}
.outline__info-locations {
  display: grid;
  grid-template-columns: 100%;
}
.outline__info-locations dt, .outline__info-locations dd {
  padding: 0;
  border-bottom: none;
}
@media (max-width: 750px) {
  .outline__info-locations dt, .outline__info-locations dd {
    border-bottom: none;
  }
}
.outline__info-locations dt {
  font-weight: bold;
}
.outline__info-locations dt:where(:not(:first-of-type)) {
  margin-top: 0.5em;
}
@media (max-width: 750px) {
  .outline__info-locations dd {
    padding-top: 0;
  }
}

.outline__company {
  margin-bottom: min(7.027818448vw, 9.6rem);
}
@media (max-width: 750px) {
  .outline__company {
    margin-bottom: 25.6vw;
  }
}

.outline__group {
  margin-top: min(7.027818448vw, 9.6rem);
}
@media (max-width: 750px) {
  .outline__group {
    margin-top: 25.6vw;
  }
}

.officer__list {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 6.4rem;
}
@media (max-width: 750px) {
  .officer__list {
    row-gap: 8.5333333333vw;
  }
}

.officer__item {
  display: grid;
  grid-template-columns: 21.875% 1fr;
  gap: 2.1333333333em 6.25%;
}
@media (max-width: 750px) {
  .officer__item {
    grid-template-columns: 40% 1fr;
    row-gap: 6.4vw;
  }
}
.officer__item-position {
  grid-row: 1;
  grid-column: 1/3;
  font-size: clamp(1.4rem, 1.953125vw, 2rem);
  font-weight: bold;
  line-height: 1.4;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 1.2rem;
       column-gap: 1.2rem;
  position: relative;
}
@media (max-width: 750px) {
  .officer__item-position {
    font-size: 4.8vw;
  }
}
.officer__item-position::after {
  content: "";
  flex-grow: 1;
  width: 1px;
  height: 1px;
  background-image: linear-gradient(-90deg, #57b136 0%, #f44397 29.56%, #ff6800 65.97%, #ffa600 100%);
}
.officer__item-img img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1.6rem;
}
.officer__item-txt {
  padding-top: 1em;
  font-weight: 500;
}
@media (max-width: 750px) {
  .officer__item-txt {
    display: contents;
  }
}
.officer__item-name {
  margin-bottom: 0.8em;
  font-size: clamp(1.4rem, 2.9296875vw, 3rem);
  line-height: 1.4;
}
@media (max-width: 750px) {
  .officer__item-name {
    grid-column: 2;
    align-self: center;
    margin-bottom: 0;
    font-size: 5.8666666667vw;
  }
}
@media (max-width: 750px) {
  .officer__item-details {
    grid-column: 1/3;
    margin-top: 0;
  }
}
.officer__item:not(:has(.officer__item-img)) .officer__item-txt {
  grid-column: 1/-1;
}
@media (max-width: 750px) {
  .officer__item:not(:has(.officer__item-img)) .officer__item-name {
    grid-column: 1/-1;
  }
}

.officer__date {
  margin-top: 6.4rem;
  text-align: right;
  font-weight: 500;
}
@media (max-width: 750px) {
  .officer__date {
    margin-top: 8.5333333333vw;
  }
}

.locations__nav {
  margin-top: min(11.7130307467vw, 16rem);
  margin-bottom: min(9.3704245974vw, 12.8rem);
}
@media (max-width: 750px) {
  .locations__nav {
    margin-top: 25.6vw;
    margin-bottom: 25.6vw;
  }
}

.locations__menu {
  margin-left: auto;
  margin-right: auto;
  background: #EEEFF2;
  border-radius: 20em;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  line-height: 1.5;
  font-weight: bold;
  text-align: center;
  color: rgba(90, 90, 90, 0.5);
}
@media (max-width: 750px) {
  .locations__menu {
    border-radius: calc(1.3em + 0.5lh);
    grid-template-columns: repeat(2, 1fr);
    font-size: 3.7333333333vw;
  }
}
.locations__menu a {
  height: 100%;
  min-height: 4em;
  padding: 0.7222222222em 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 20em;
}
@media (max-width: 750px) {
  .locations__menu a {
    border-radius: calc(1.3em + 0.5lh);
  }
}
@media (hover: hover) and (pointer: fine) {
  .locations__menu a:hover {
    color: #FFA600;
    opacity: 1;
  }
}
.locations__menu a.current {
  background: #5A5A5A;
  color: #fff;
}
.locations__menu--area {
  width: -moz-fit-content;
  width: fit-content;
  grid-template-columns: repeat(2, 1fr);
}
.locations__menu--area a {
  min-width: 10.6666666667em;
  min-height: 3.1111111111em;
  padding: 0.8888888889em 0.5555555556em;
}
@media (max-width: 750px) {
  .locations__menu--area a {
    min-width: auto;
  }
}

.locations__base {
  margin-top: min(7.027818448vw, 9.6rem);
  margin-bottom: min(7.027818448vw, 9.6rem);
}
@media (max-width: 750px) {
  .locations__base {
    margin-top: 25.6vw;
    margin-bottom: 25.6vw;
  }
}
.locations__base .page__grid {
  --col-short: 45.1171875%;
  --col-gap: 3.125%;
  --col-sp-gap: 6.4vw;
}
.locations__base-name {
  margin-bottom: 1.0909090909em;
}
@media (max-width: 750px) {
  .locations__base-name {
    margin-bottom: 6.4vw;
  }
}
.locations__base-img img {
  display: block;
  width: 100%;
  aspect-ratio: 462/303;
  -o-object-fit: cover;
     object-fit: cover;
}
.locations__base-txt {
  margin-bottom: 1.6em;
}
@media (max-width: 750px) {
  .locations__base-txt {
    margin-bottom: 6.4vw;
  }
}
.locations__base-contact {
  display: grid;
  grid-template-columns: 9.6rem 1fr;
  align-items: flex-start;
  gap: 0.8rem 1.6em;
  line-height: 1.8666666667;
}
@media (max-width: 750px) {
  .locations__base-contact {
    grid-template-columns: auto 1fr;
    -moz-column-gap: 1em;
         column-gap: 1em;
  }
}
.locations__base-contact dt {
  padding: 0.3846153846em 1rem;
  background: #F7F7F7;
  border-radius: 0.4rem;
  font-size: clamp(1.2rem, 1.26953125vw, 1.3rem);
  line-height: 1.3846153846;
  text-align: center;
  font-weight: bold;
}
@media (max-width: 750px) {
  .locations__base-contact dt {
    font-size: 3.4666666667vw;
  }
}
.locations__base-contact dd {
  padding: 0;
}
.locations__base-map {
  margin-top: 1.6em;
}
@media (max-width: 750px) {
  .locations__base-map {
    margin-top: 6.4vw;
  }
}
.locations__base-map iframe {
  display: block;
  width: 100%;
  height: 44rem;
}

.production-bases__base-route {
  margin-top: 4em;
  display: grid;
  grid-template-columns: 100%;
  row-gap: 3.0666666667em;
}
@media (max-width: 750px) {
  .production-bases__base-route {
    margin-top: 6.4vw;
    row-gap: 6.4vw;
  }
}
.production-bases__base-route-title {
  margin-bottom: 1.1428571429em;
  padding-left: 0.7619047619em;
  border-left: 4px solid #FFA600;
  font-size: clamp(1.4rem, 2.05078125vw, 2.1rem);
  font-weight: bold;
  line-height: 1.4285714286;
}
@media (max-width: 750px) {
  .production-bases__base-route-title {
    font-size: 4.8vw;
  }
}
.production-bases__base-route-img {
  display: block;
  width: 100%;
  height: auto;
}

.sales-offices__heading {
  margin-bottom: 0.75em;
  font-size: clamp(1.4rem, 3.90625vw, 4rem);
  font-weight: bold;
  line-height: 1.05;
  text-align: center;
}
@media (max-width: 750px) {
  .sales-offices__heading {
    font-size: 6.4vw;
  }
}

.sales-offices__japan-map,
.sales-offices__global-map {
  margin-top: 6.4rem;
  position: relative;
}
@media (max-width: 750px) {
  .sales-offices__japan-map,
  .sales-offices__global-map {
    margin-top: 8.5333333333vw;
  }
}
.sales-offices__japan-map .map,
.sales-offices__global-map .map {
  width: 100%;
  height: auto;
}
.sales-offices__japan-map .btn,
.sales-offices__global-map .btn {
  --btn-color: #EEEFF2;
  --btn-color-txt: #222222;
  --btn-color-hover: #EEEFF2;
  --btn-color-txt-hover: #222222;
  min-width: 15.4666666667em;
  min-height: 2.9333333333em;
  padding: 0.8em 1.2em;
  padding-right: 2.6666666667em;
  font-weight: normal;
  position: absolute;
  z-index: 2;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .sales-offices__japan-map .btn,
  .sales-offices__global-map .btn {
    min-width: 11em;
    padding-right: 3em;
    white-space: nowrap;
  }
}
@media (max-width: 750px) {
  .sales-offices__japan-map .btn,
  .sales-offices__global-map .btn {
    width: 100%;
    min-width: auto;
    padding-right: 2em;
    font-size: 3.7333333333vw;
    position: relative;
  }
}
.sales-offices__japan-map .btn .link-arrow,
.sales-offices__global-map .btn .link-arrow {
  right: 0.5333333333em;
}
.sales-offices__japan-map .sp-btns,
.sales-offices__global-map .sp-btns {
  display: contents;
}
@media (max-width: 750px) {
  .sales-offices__japan-map .sp-btns,
  .sales-offices__global-map .sp-btns {
    margin-top: 1em;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1em;
  }
}

@media (min-width: 751px) {
  .sales-offices__japan-map .office1 {
    top: 64.7584973166%;
    left: 69.43359375%;
    translate: 0 -50%;
  }
  .sales-offices__japan-map .office2 {
    top: 43.6493738819%;
    left: 69.43359375%;
    translate: 0 -50%;
  }
  .sales-offices__japan-map .office3 {
    top: 30.4114490161%;
    left: 42.1875%;
    translate: -50% -100%;
  }
  .sales-offices__japan-map .office4 {
    top: 86.5831842576%;
    left: 66.89453125%;
    translate: 0 -50%;
  }
  .sales-offices__japan-map .office5 {
    top: 43.2915921288%;
    left: 36.5234375%;
    translate: -71.9827586207% -50%;
  }
  .sales-offices__japan-map .office6 {
    top: 64.0429338104%;
    left: 23.53515625%;
    translate: -50% -100%;
  }
  .sales-offices__japan-map .office7 {
    top: 96.0644007156%;
    left: 23.6328125%;
    translate: -100% -50%;
  }
}

@media (min-width: 751px) {
  .sales-offices__global-map .office1 {
    top: 53.3944954128%;
    left: 48.6328125%;
    translate: -17.6724137931% 0;
  }
  .sales-offices__global-map .office2 {
    top: 91.9266055046%;
    left: 49.609375%;
    translate: -21.9827586207% 0;
  }
  .sales-offices__global-map .office3 {
    top: 81.6513761468%;
    left: 25.5859375%;
    translate: -50% 0;
  }
  .sales-offices__global-map .office4 {
    top: 7.3394495413%;
    left: 47.36328125%;
    translate: -50% -50%;
  }
  .sales-offices__global-map .office5 {
    top: 6.7889908257%;
    left: 76.953125%;
    translate: -50% -84.7826086957%;
  }
  .sales-offices__global-map .office6 {
    top: 20.5504587156%;
    left: 20.01953125%;
    translate: -50% -100%;
  }
}

.history__timeline {
  display: grid;
  grid-template-columns: clamp(15rem, 19.53125%, 20.2rem) 1fr;
  -moz-column-gap: 7.8125%;
       column-gap: 7.8125%;
  position: relative;
}
@media (max-width: 750px) {
  .history__timeline {
    grid-template-columns: 100%;
    row-gap: 8.5333333333vw;
  }
}
.history__timeline-nav {
  height: -moz-fit-content;
  height: fit-content;
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  display: grid;
  grid-template-columns: 100%;
  row-gap: 1em;
  position: sticky;
  top: var(--header-height);
  left: 0;
}
@media (max-width: 750px) {
  .history__timeline-nav {
    font-size: 4.2666666667vw;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5em;
    position: initial;
  }
}
.history__timeline-nav-item {
  --btn-color: #EEEFF2;
  --btn-color-txt: #A4A4A6;
  --btn-color-hover: #5A5A5A;
  --btn-color-txt-hover: #fff;
  width: 100%;
  min-width: auto;
  border-color: rgba(0, 0, 0, 0.2);
}
@media (max-width: 750px) {
  .history__timeline-nav-item {
    width: 100%;
  }
}
.history__timeline-nav-item::after {
  content: "";
  width: 0.875em;
  aspect-ratio: 13/8;
  background-color: currentColor;
  -webkit-mask-image: url(../img/common/arrow-down.svg);
          mask-image: url(../img/common/arrow-down.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  position: absolute;
  top: 50%;
  right: 1.5em;
  translate: 0 -50%;
}
.history__timeline-wrap {
  display: grid;
  grid-template-columns: 100%;
  row-gap: min(7.027818448vw, 9.6rem);
}
.history__timeline-group-title {
  margin-bottom: 1.9166666667em;
  padding-bottom: 0;
  font-size: clamp(1.4rem, 2.34375vw, 2.4rem);
  font-weight: bold;
  color: #FFA600;
  line-height: 1.4166666667;
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 1em;
       column-gap: 1em;
}
@media (max-width: 750px) {
  .history__timeline-group-title {
    font-size: 5.3333333333vw;
  }
}
.history__timeline-group-title::after {
  flex-grow: 1;
  width: 1px;
  height: 2px;
  position: relative;
}

.history__list {
  display: grid;
  grid-template-columns: 1.6666666667em 1fr;
  gap: min(3.3674963397vw, 4.6rem) 0.8rem;
}
@media (max-width: 750px) {
  .history__list {
    row-gap: 6.4vw;
  }
}

.history__item {
  grid-column: span 2;
  display: grid;
  grid-template-columns: subgrid;
  row-gap: 1em;
  font-weight: 500;
  position: relative;
}
.history__item::before {
  content: "";
  grid-column: 1;
  grid-row: 1;
  width: 1.6666666667em;
  aspect-ratio: 1/1;
  background: #FF5800;
  border: 1px solid #D8D8D8;
  border-radius: 50%;
  box-shadow: inset 0 0 0 0.4666666667em #fff;
  position: relative;
  z-index: 2;
}
.history__item::after {
  content: "";
  width: 1px;
  height: calc(100% + min(3.3674963397vw, 4.6rem));
  background: #D8D8D8;
  position: absolute;
  top: 0;
  left: calc(1.6666666667em / 2);
  z-index: 1;
}
@media (max-width: 750px) {
  .history__item::after {
    height: calc(100% + 8.5333333333vw);
  }
}
.history__item-time, .history__item-txt, .history__item-img {
  grid-column: 2;
}
.history__item-time {
  align-self: center;
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  font-weight: bold;
  line-height: 1.3888888889;
}
@media (max-width: 750px) {
  .history__item-time {
    font-size: 4.8vw;
  }
}
.history__item-txt {
  line-height: 1.5;
}
.history__item-img {
  max-width: 44.4rem;
}
.history__item-img[data-image="1984-12"], .history__item-img[data-image="1998-07"], .history__item-img[data-image="2013-06"] {
  max-width: 21.7rem;
}
.history__item-img[data-image="1990-02"] {
  max-width: 37.8rem;
}
.history__item-img[data-image="2006-04"] {
  max-width: 35.3rem;
}
.history__item-img[data-image="2012-04"], .history__item-img[data-image="2012-06"], .history__item-img[data-image="2014-07"], .history__item-img[data-image="2016-10"], .history__item-img[data-image="2017-10"], .history__item-img[data-image="2020-03"], .history__item-img[data-image="2024-10"] {
  max-width: none;
  max-height: 3.6rem;
}
.history__item-img[data-image="2012-04"] img, .history__item-img[data-image="2012-06"] img, .history__item-img[data-image="2014-07"] img, .history__item-img[data-image="2016-10"] img, .history__item-img[data-image="2017-10"] img, .history__item-img[data-image="2020-03"] img, .history__item-img[data-image="2024-10"] img {
  max-height: 100%;
}
.history__item:last-child::after {
  content: none;
}

@media (max-width: 750px) {
  .logo-character .page__header-title {
    font-size: 6.4vw;
  }
}

.logo-character__nav {
  margin-top: min(9.3704245974vw, 12.8rem);
  margin-bottom: min(9.3704245974vw, 12.8rem);
}
@media (max-width: 750px) {
  .logo-character__nav {
    margin-top: 25.6vw;
    margin-bottom: 25.6vw;
  }
}
.logo-character__nav-list {
  max-width: 67.2rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.2rem;
}
@media (max-width: 750px) {
  .logo-character__nav-list {
    gap: 2.6666666667vw;
  }
}
.logo-character__nav-item {
  height: 100%;
  min-height: 7.2em;
  padding: 1.55em 1rem 3em;
  background: #F7F7F7;
  border-radius: 1.6rem;
  font-size: clamp(1.4rem, 1.953125vw, 2rem);
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 1.35em;
  position: relative;
}
@media (max-width: 750px) {
  .logo-character__nav-item {
    min-height: auto;
    padding: 1.55em 0.5rem 3em;
    font-size: 4vw;
    row-gap: 1em;
  }
}
.logo-character__nav-item::after {
  content: "";
  display: block;
  width: 1.6rem;
  aspect-ratio: 1/1;
  background: #4CB54E;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  position: absolute;
  bottom: calc(2.25em - 1.6rem);
  left: 50%;
  translate: -50% 0;
}

.logo-character__title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 0.6315789474em;
       column-gap: 0.6315789474em;
  text-align: center;
}
.logo-character__title::before, .logo-character__title::after {
  content: "";
  flex-grow: 1;
  width: 1px;
  height: 2px;
  background-image: linear-gradient(90deg, #57b136 0%, #f44397 29.56%, #ff6800 65.97%, #ffa600 100%);
}
.logo-character__title::after {
  background-image: linear-gradient(-90deg, #57b136 0%, #f44397 29.56%, #ff6800 65.97%, #ffa600 100%);
}

.logo-character__logo,
.logo-character__character {
  --bg-max-width: min(calc(100vw - 6.4rem), 130.2rem);
  max-width: var(--bg-max-width);
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .logo-character__logo,
  .logo-character__character {
    --bg-max-width: 100vw;
  }
}
@media (max-width: 750px) {
  .logo-character__logo,
  .logo-character__character {
    --bg-max-width: 100vw;
  }
}

.logo-character__logo .logo-character__title {
  margin-bottom: 2.8rem;
}
.logo-character__logo-video {
  max-width: 80rem;
  margin: 0 auto;
}
.logo-character__logo-video video {
  width: 100%;
  height: auto;
}
.logo-character__logo-main {
  position: relative;
  padding-top: min(9.3704245974vw, 12.8rem);
  padding-bottom: min(9.3704245974vw, 12.8rem);
}
@media (max-width: 750px) {
  .logo-character__logo-main {
    padding-top: 25.6vw;
    padding-bottom: 25.6vw;
  }
}
.logo-character__logo-main::before {
  content: "";
  width: 100vw;
  height: 100%;
  max-width: var(--bg-max-width);
  background: #F3F3F5;
  border-radius: 1.6rem;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  translate: -50% 0;
}
@media (max-width: 750px) {
  .logo-character__logo-main::before {
    border-radius: 0;
  }
}
.logo-character__logo-main .heading2 {
  margin-bottom: 2.1333333333em;
}
.logo-character__logo-group + .logo-character__logo-group {
  margin-top: min(9.3704245974vw, 12.8rem);
}
@media (max-width: 750px) {
  .logo-character__logo-group + .logo-character__logo-group {
    margin-top: 25.6vw;
  }
}
.logo-character__logo-design {
  --col-gap: 9.375%;
  --col-short: 56.25%;
  row-gap: 4.8rem;
}
.logo-character__logo-design .img-radius1 {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
.logo-character__logo-description {
  --col-gap: 5.6640625%;
  --col-short: 56.25%;
  --col-sp-gap: 0;
}
.logo-character__logo-color {
  margin-top: 6.4rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.8rem;
}
@media (max-width: 750px) {
  .logo-character__logo-color {
    margin-top: 8.5333333333vw;
  }
}
.logo-character__logo-color-item {
  padding: 9.5238095238%;
  background: #fff;
  border-radius: 1.6rem;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.2);
}
@media (max-width: 750px) {
  .logo-character__logo-color-item {
    padding: 6.4vw;
  }
}
.logo-character__logo-color-item h4 {
  width: 100%;
  max-width: 19.2rem;
  aspect-ratio: 1/1;
  margin: 0 auto 3.2rem;
  background: var(--bg-color);
  border-radius: 50%;
  font-size: clamp(1.4rem, 1.953125vw, 2rem);
  font-weight: bold;
  line-height: 1.4;
  color: #fff;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 750px) {
  .logo-character__logo-color-item h4 {
    margin-bottom: 6.4vw;
    font-size: 4.8vw;
  }
}
.logo-character__logo-color-item--orange {
  --bg-color: linear-gradient(135deg, #efb700 0%, #d65f1d 100%);
}
.logo-character__logo-color-item--pink {
  --bg-color: linear-gradient(135deg, #df93b7 0%, #d7689f 100%);
}
.logo-character__logo-color-item--green {
  --bg-color: linear-gradient(135deg, #9ec770 0%, #6bad42 100%);
}

.logo-character__character .logo-character__title {
  margin-bottom: min(9.3704245974vw, 12.8rem);
}
@media (max-width: 750px) {
  .logo-character__character .logo-character__title {
    margin-bottom: 25.6vw;
  }
}
.logo-character__character .page__grid {
  --col-gap: 0;
  --col-short: 34.375%;
  margin-bottom: 7.4rem;
  align-items: flex-start;
}
@media (max-width: 750px) {
  .logo-character__character .page__grid {
    margin-bottom: 8.5333333333vw;
  }
}
@media (max-width: 750px) {
  .logo-character__character-introduction {
    display: contents;
  }
}
.logo-character__character-introduction p {
  line-height: 1.8;
}
.logo-character__character-name {
  margin-bottom: 3.2rem;
  font-size: clamp(1.4rem, 4.6875vw, 4.8rem);
}
@media (max-width: 750px) {
  .logo-character__character-name {
    order: -2;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    font-size: 10.6666666667vw;
  }
}
.logo-character__character-name img {
  display: block;
  width: auto;
  height: 1em;
}
.logo-character__character-visual {
  position: relative;
}
@media (max-width: 750px) {
  .logo-character__character-visual {
    order: -1;
  }
}
.logo-character__character-visual img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 5;
}
@media (max-width: 750px) {
  .logo-character__character-visual img {
    position: initial;
  }
}
.logo-character__character-profile {
  position: relative;
  padding-top: min(7.027818448vw, 9.6rem);
  padding-bottom: min(7.027818448vw, 9.6rem);
}
@media (max-width: 750px) {
  .logo-character__character-profile {
    padding-top: 25.6vw;
    padding-bottom: 25.6vw;
  }
}
.logo-character__character-profile::before {
  content: "";
  width: 100vw;
  height: 100%;
  max-width: var(--bg-max-width);
  background-image: linear-gradient(135deg, #ffa600 0%, #ffa600 28.88%, #ff6800 67.68%, #ff3301 100%);
  border-radius: 1.6rem;
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  translate: -50% 0;
  opacity: 0.4;
}
@media (max-width: 750px) {
  .logo-character__character-profile::before {
    border-radius: 0;
  }
}
.logo-character__character-profile .heading1 {
  margin-bottom: 0;
  padding-left: 0;
  color: #FF6800;
  position: absolute;
  top: 0;
  left: 0;
  translate: 0 -50%;
}
.logo-character__character-profile .heading1::before {
  content: none;
}
.logo-character__character-profile-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: auto auto 1fr;
  gap: 0.2rem;
}
@media (max-width: 750px) {
  .logo-character__character-profile-list {
    grid-template-columns: 100%;
  }
}
.logo-character__character-profile-item {
  grid-row: span 3;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: subgrid;
  justify-items: center;
  align-items: center;
  gap: 1.1111111111em;
  padding: 2.1111111111em 9.4117647059% 2em;
  background: #fff;
  border-radius: 1.6rem;
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  text-align: center;
  font-weight: 500;
}
@media (max-width: 750px) {
  .logo-character__character-profile-item {
    font-size: 4vw;
  }
}
.logo-character__character-profile-item img {
  width: 3.1111111111em;
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}
.logo-character__character-profile-item .heading2 {
  margin-bottom: 0;
  color: #4CB54E;
}
.logo-character__character-profile-item p {
  line-height: 1.5;
}

.sustainability__grid {
  display: grid;
  grid-template-columns: 17.1875% 1fr;
  -moz-column-gap: 1.953125%;
       column-gap: 1.953125%;
}
@media (max-width: 750px) {
  .sustainability__grid {
    grid-template-columns: 100%;
    row-gap: 8.5333333333vw;
  }
}

.sustainability__introduction {
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  font-weight: 500;
  text-align: center;
}
@media (max-width: 750px) {
  .sustainability__introduction {
    font-size: 4vw;
  }
}

.sustainability__challenge {
  margin-top: min(12.4450951684vw, 17rem);
  margin-bottom: min(12.4450951684vw, 17rem);
}
@media (max-width: 750px) {
  .sustainability__challenge {
    margin-top: 25.6vw;
    margin-bottom: 25.6vw;
  }
}
.sustainability__challenge-logo {
  width: 29.8828125%;
  max-width: 30.6rem;
  margin: 0 auto 7rem;
}
@media (max-width: 750px) {
  .sustainability__challenge-logo {
    width: 53.3333333333vw;
    margin-bottom: 8.5333333333vw;
  }
}
.sustainability__challenge-logo img {
  width: 100%;
}
.sustainability__challenge-gap {
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  font-weight: 500;
  line-height: 2;
}
@media (max-width: 750px) {
  .sustainability__challenge-gap {
    font-size: 4vw;
  }
}

.sustainability__slogan {
  aspect-ratio: 1366/450;
  margin-top: 2.9282576867vw;
  padding-bottom: 8.2rem;
  background: url(../img/sustainability/challenge-bg.svg) no-repeat center bottom/100% auto;
}
@media (max-width: 750px) {
  .sustainability__slogan {
    aspect-ratio: initial;
    margin-top: 8.5333333333vw;
    padding-bottom: 0;
    background: url(../img/sustainability/challenge-bg.svg) no-repeat center/auto 100%;
  }
}
.sustainability__slogan-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 1.2rem;
}
@media (max-width: 750px) {
  .sustainability__slogan-list {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    grid-template-columns: 100%;
    row-gap: 8.5333333333vw;
  }
}
.sustainability__slogan-item {
  padding: 1rem;
  aspect-ratio: 1/1;
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 0.6rem 2rem rgba(9, 50, 87, 0.1);
  text-align: center;
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.sustainability__slogan-item-label {
  min-width: 11.6rem;
  margin-bottom: 1.2rem;
  padding: 0.4rem;
  background-image: linear-gradient(135deg, #ffa600 0%, #ffa600 28.88%, #ff6800 67.68%, #ff3301 100%);
  background-size: 100% 100%;
  background-position: center;
  border-radius: 0.4rem;
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  color: #fff;
  line-height: 1.375;
  letter-spacing: 0.2em;
  position: relative;
}
@media (max-width: 750px) {
  .sustainability__slogan-item-label {
    font-size: 4vw;
  }
}
.sustainability__slogan-item-label .plus {
  width: 2.3rem;
  aspect-ratio: 1/1;
  position: absolute;
  bottom: calc(100% + 1.2rem);
  left: 50%;
  translate: -50% 0;
}
.sustainability__slogan-item-label .plus::before, .sustainability__slogan-item-label .plus::after {
  content: "";
  width: 100%;
  height: 0.7rem;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.sustainability__slogan-item-label .plus::before {
  background: #0075BA;
  z-index: 2;
  rotate: 90deg;
}
.sustainability__slogan-item-label .plus::after {
  background: #54B431;
  z-index: 1;
}
.sustainability__slogan-item h3 {
  margin-bottom: 1em;
  font-size: clamp(1.4rem, 2.34375vw, 2.4rem);
  font-weight: inherit;
}
@media (max-width: 750px) {
  .sustainability__slogan-item h3 {
    font-size: 5.3333333333vw;
  }
}
.sustainability__slogan-item p:not([class]) {
  font-size: clamp(1.4rem, 1.3671875vw, 1.4rem);
  line-height: 1.5714285714;
}
@media (max-width: 750px) {
  .sustainability__slogan-item p:not([class]) {
    font-size: 3.7333333333vw;
  }
}
.sustainability__slogan-item:nth-child(1), .sustainability__slogan-item:nth-child(3) {
  translate: 0 7rem;
}
@media (max-width: 750px) {
  .sustainability__slogan-item:nth-child(1), .sustainability__slogan-item:nth-child(3) {
    translate: 0 0;
  }
}

.sustainability__concept {
  overflow-x: clip;
  overflow-y: initial;
  margin-top: min(10.980966325vw, 15rem);
  margin-bottom: min(10.980966325vw, 15rem);
}
@media (max-width: 750px) {
  .sustainability__concept {
    margin-top: 25.6vw;
    margin-bottom: 25.6vw;
  }
}
.sustainability__concept h2 {
  text-align: center;
}
.sustainability__concept-imgBox {
  width: 100%;
  max-width: 76.6rem;
  aspect-ratio: 766/448;
  margin: 0 auto;
  position: relative;
}
.sustainability__concept-imgBox img {
  display: block;
  width: 139.1644908616%;
  height: 166.9642857143%;
  max-width: none;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}

.sustainability__csr-head,
.sustainability__sdgs-head {
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 3.2rem;
}
@media (max-width: 750px) {
  .sustainability__csr-head,
  .sustainability__sdgs-head {
    padding: 0;
  }
}
.sustainability__csr-head-bg,
.sustainability__sdgs-head-bg {
  padding: min(7.3206442167vw, 10rem) 0 1rem;
  aspect-ratio: 1302/500;
  border-radius: 1.2rem;
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  font-weight: 500;
}
@media (max-width: 750px) {
  .sustainability__csr-head-bg,
  .sustainability__sdgs-head-bg {
    padding: 8.5333333333vw 0;
    border-radius: 0;
    font-size: 4vw;
  }
}
.sustainability__csr-head .page__grid,
.sustainability__sdgs-head .page__grid {
  --col-short: 65.625%;
  --col-gap: 1rem;
}
.sustainability__csr-head .heading2,
.sustainability__sdgs-head .heading2 {
  margin-bottom: 0;
}

.sustainability__csr-head-bg {
  background: url(../img/sustainability/csr-bg.webp) no-repeat center/cover;
}
@media (max-width: 750px) {
  .sustainability__csr-head-bg {
    background: url(../img/sustainability/csr-bg.webp) no-repeat 0% center/cover;
  }
}
.sustainability__csr-scope h3 {
  margin-bottom: 1.7777777778em;
  font-weight: bold;
  font-size: inherit;
}
.sustainability__csr-policy {
  margin-top: min(13.28125vw, 13.6rem);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: 1fr;
  gap: min(1.5625vw, 1.6rem);
}
@media (max-width: 750px) {
  .sustainability__csr-policy {
    margin-top: 8.5333333333vw;
    grid-template-columns: 100%;
    row-gap: 6.4vw;
  }
}
.sustainability__csr-item {
  grid-row: span 3;
  padding: 6.4516129032% 6.4516129032% 3.2258064516%;
  background-color: #F7F7F7;
  border-radius: 0.8rem;
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: auto 1fr auto;
  gap: 0;
}
.sustainability__csr-item-title {
  margin-bottom: 1em;
  padding-bottom: 0.7272727273em;
}
.sustainability__csr-item-body {
  padding: 0 0 2em;
  line-height: 2;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .sustainability__csr-item-body {
    padding: 0 0 1em;
  }
}
@media (max-width: 750px) {
  .sustainability__csr-item-body {
    padding: 0 0 1em;
  }
}
.sustainability__csr-item-link {
  padding-top: 1em;
  text-align: right;
  font-weight: 500;
  position: relative;
}
.sustainability__csr-item-link::before {
  content: "";
  width: 100%;
  height: 0;
  border-top: 1px solid #E3E3E3;
  border-bottom: 1px solid #fff;
  position: absolute;
  top: -1px;
  left: 0;
}
.sustainability__csr-item-link a {
  --tri-color: #4CB54E;
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 0.4rem;
       column-gap: 0.4rem;
  text-align: left;
}
.sustainability__csr-item-link a .link-arrow::after {
  width: 1.2rem;
}
.sustainability__csr-item-link .small {
  font-size: 1.3rem;
}
@media (max-width: 750px) {
  .sustainability__csr-item-link .small {
    font-size: 3.4666666667vw;
  }
}

.sustainability__sdgs {
  margin-top: min(10.541727672vw, 14.4rem);
  margin-bottom: min(10.541727672vw, 14.4rem);
}
@media (max-width: 750px) {
  .sustainability__sdgs {
    margin-top: 25.6vw;
    margin-bottom: 25.6vw;
  }
}
.sustainability__sdgs-head-bg {
  background: url(../img/sustainability/sdgs-bg.webp) no-repeat center/cover;
}
@media (max-width: 750px) {
  .sustainability__sdgs-head-bg {
    background: url(../img/sustainability/sdgs-bg.webp) no-repeat 30% center/cover;
  }
}
.sustainability__sdgs-group {
  margin-top: min(9.9560761347vw, 13.6rem);
  margin-bottom: min(9.9560761347vw, 13.6rem);
}
@media (max-width: 750px) {
  .sustainability__sdgs-group {
    margin-top: 25.6vw;
    margin-bottom: 25.6vw;
  }
}
.sustainability__sdgs-group-title {
  padding-left: 1.3214285714em;
  font-size: clamp(1.4rem, 2.734375vw, 2.8rem);
  font-weight: 500;
  line-height: 1.3928571429;
  color: #0A1A73;
  position: relative;
}
@media (max-width: 750px) {
  .sustainability__sdgs-group-title {
    font-size: 6.4vw;
  }
}
.sustainability__sdgs-group-title::before, .sustainability__sdgs-group-title::after {
  content: "";
  width: 0.75em;
  height: 0.7rem;
  position: absolute;
  top: 0.5lh;
  left: 0;
  translate: 0 -50%;
}
.sustainability__sdgs-group-title::before {
  background: #0075BA;
  z-index: 2;
  rotate: 90deg;
}
.sustainability__sdgs-group-title::after {
  background: #54B431;
  z-index: 1;
}
@media (hover: hover) and (pointer: fine) {
  .sustainability__sdgs-group a:hover {
    opacity: 1;
  }
}
.sustainability__sdgs-list {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 2.1333333333em;
}
.sustainability__sdgs-list li {
  padding-bottom: 2.1333333333em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.sustainability__sdgs-list .heading3 {
  margin-bottom: 0.9090909091em;
  font-weight: 500;
}
.sustainability__sdgs-contents {
  margin-top: 2.1333333333em;
}
.sustainability__sdgs-boxGrid {
  margin-top: 2.1333333333em;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.1333333333em;
}
@media (max-width: 750px) {
  .sustainability__sdgs-boxGrid {
    gap: 8.5333333333vw 1em;
  }
}
.sustainability__sdgs-boxGrid2 {
  margin-top: 2.6666666667em;
  display: grid;
  grid-template-columns: 100%;
  gap: 1.6em 0;
}
@media (max-width: 750px) {
  .sustainability__sdgs-boxGrid2 {
    margin-top: 8.5333333333vw;
    gap: 6.4vw 0;
  }
}
.sustainability__sdgs-bgBox {
  padding: 5.7971014493% 4.8309178744%;
  background: #F7F7F7;
  border-radius: 1.2rem;
}
@media (max-width: 750px) {
  .sustainability__sdgs-bgBox {
    padding: 1em;
  }
}
.sustainability__sdgs-bgBox + .sustainability__sdgs-bgBox {
  margin-top: 1em;
}
.sustainability__sdgs-bgBox-separate {
  margin-top: 3.2em;
}
@media (max-width: 750px) {
  .sustainability__sdgs-bgBox-separate {
    margin-top: 8.5333333333vw;
  }
}
.sustainability__sdgs-bgBox .heading3 {
  margin-bottom: 1.0909090909em;
}
.sustainability__sdgs-bgBox h5 {
  margin-bottom: 0.5em;
  padding-bottom: 1em;
  font-size: inherit;
  line-height: inherit;
  font-weight: bold;
  position: relative;
}
.sustainability__sdgs-bgBox h5::before {
  content: "";
  width: 100%;
  height: 0;
  border-top: 1px solid #E3E3E3;
  border-bottom: 1px solid #fff;
  position: absolute;
  bottom: 1px;
  left: 0;
}
.sustainability__sdgs-box {
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  font-weight: 500;
}
@media (max-width: 750px) {
  .sustainability__sdgs-box {
    font-size: 4vw;
  }
}
.sustainability__sdgs-box img {
  width: 100%;
  aspect-ratio: 358/225;
  border-radius: 0.8rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.sustainability__sdgs-box a {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sustainability__sdgs-box-link {
  margin-top: 1.2rem;
  line-height: 1.5;
}
.sustainability__sdgs-box-link .small {
  font-size: clamp(1.4rem, 1.46484375vw, 1.5rem);
}
@media (max-width: 750px) {
  .sustainability__sdgs-box-link .small {
    font-size: 4vw;
  }
}
.sustainability__sdgs-box2 {
  display: grid;
  grid-template-columns: 22.8rem 1fr;
  align-items: center;
  -moz-column-gap: 2.1333333333em;
       column-gap: 2.1333333333em;
}
@media (max-width: 750px) {
  .sustainability__sdgs-box2 {
    grid-template-columns: 100%;
    row-gap: 1.2rem;
  }
}
.sustainability__sdgs-box2 img {
  width: 100%;
  aspect-ratio: 228/143;
  border-radius: 0.8rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.sustainability__sdgs-box2-link {
  margin-bottom: 1.2rem;
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  font-weight: bold;
  line-height: 1.3888888889;
  display: flex;
  align-items: center;
}
@media (max-width: 750px) {
  .sustainability__sdgs-box2-link {
    font-size: 4vw;
  }
}
.sustainability__sdgs-box2-link .link-arrow {
  flex-shrink: 0;
}
.sustainability__sdgs-training {
  margin-top: 0;
}
@media (max-width: 750px) {
  .sustainability__sdgs-training {
    grid-template-columns: 100%;
  }
}
.sustainability__sdgs-training img {
  width: 100%;
  aspect-ratio: 358/225;
  border-radius: 0.8rem;
  -o-object-fit: cover;
     object-fit: cover;
}
.sustainability__sdgs-training-txt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.sustainability__sdgs-training-link {
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.sustainability__sdgs-link {
  font-size: clamp(1.4rem, 2.1484375vw, 2.2rem);
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 750px) {
  .sustainability__sdgs-link {
    font-size: 4.8vw;
  }
}

.environment__details-box {
  --col-gap: 9.5703125%;
  --col-short: 40.625%;
}
.environment__details-box img {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1.2rem;
}
.environment__details-box .note {
  margin-top: 1.3em;
  font-size: 1.2rem;
  line-height: 1.5;
}
@media (max-width: 750px) {
  .environment__details-box .note {
    font-size: 3.2vw;
  }
}

.environment__information {
  padding: 2em 1rem;
  background: #F3F3F5;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 1.2rem;
  font-weight: 500;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.environment__information a {
  color: #4CB54E;
  text-decoration: underline;
}

.environment__relation {
  max-width: 1366px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 6.4rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 750px) {
  .environment__relation {
    padding-top: 8.5333333333vw;
  }
}
.environment__relation::before {
  content: "";
  width: 95.3147877013%;
  aspect-ratio: 1302/256;
  margin: 0 auto;
  background-image: linear-gradient(90deg, #ffa600 0%, #ffa600 28.88%, #ff6800 67.68%, #ff3301 100%);
  border-radius: 1.2rem;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
  opacity: 0.3;
}
@media (max-width: 750px) {
  .environment__relation::before {
    aspect-ratio: 4/3;
  }
}
.environment__relation .inner {
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: flex-start;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
@media (max-width: 750px) {
  .environment__relation .inner {
    grid-template-columns: 100%;
    row-gap: 8.5333333333vw;
  }
}
@media (min-width: 751px) {
  .environment__relation-title {
    grid-column: 1;
    grid-row: 1;
  }
}
@media (max-width: 750px) {
  .environment__relation-title {
    margin-bottom: 0;
  }
}
.environment__relation-posts {
  --gap: 3.125%;
}
@media (min-width: 751px) {
  .environment__relation-posts {
    grid-column: span 2;
  }
}
.environment__relation-posts .pickup__item {
  width: 100%;
}
@media (max-width: 750px) {
  .environment__relation-posts .pickup__item {
    width: 100%;
  }
}
.environment__relation-register {
  padding: 0.6666666667em 1.3333333333em;
  background: #5A5A5A;
  border-radius: 10em;
  color: #fff;
  font-weight: 500;
  line-height: 1.4;
}
@media (min-width: 751px) {
  .environment__relation-register {
    grid-column: 2;
    grid-row: 1;
    justify-self: flex-end;
  }
}
@media (max-width: 750px) {
  .environment__relation-register {
    text-align: center;
  }
}
.environment__relation-register a {
  color: #4CB54E;
  text-decoration: underline;
}

.social__introduction-box {
  --col-gap: 3.125%;
  --col-short: 50%;
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  font-weight: 500;
  letter-spacing: -0.02em;
  margin-top: min(7.027818448vw, 9.6rem);
  margin-bottom: min(7.027818448vw, 9.6rem);
}
@media (max-width: 750px) {
  .social__introduction-box {
    margin-top: 25.6vw;
    margin-bottom: 25.6vw;
  }
}
@media (max-width: 750px) {
  .social__introduction-box {
    font-size: 4vw;
  }
}

.social__details-title {
  margin-bottom: 2.1333333333em;
}
@media (max-width: 750px) {
  .social__details-title {
    margin-bottom: 8.5333333333vw;
  }
}
.social__details-title .en {
  font-size: 1.1666666667em;
  line-height: 1.2;
}
.social__details-title + .social__details-box {
  margin-top: 0;
}
.social__details-youtube {
  max-width: 32rem;
  margin: 3.2em auto 0;
}
@media (max-width: 750px) {
  .social__details-youtube {
    max-width: none;
    margin-top: 8.5333333333vw;
  }
}
.social__details-youtube iframe {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 320/180;
}
.social__details-youtube figcaption {
  margin-top: 1em;
  text-align: center;
  font-size: 1.3rem;
  font-weight: 500;
}
.social__details-link {
  width: 100%;
  min-height: 6.2222222222em;
  padding: 1em 1.4444444444em;
  padding-right: 4.7777777778em;
  background: #F3F3F5;
  border-radius: 1.6rem;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 1.4444444444em;
       column-gap: 1.4444444444em;
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  font-weight: bold;
  position: relative;
}
@media (max-width: 750px) {
  .social__details-link {
    font-size: 4vw;
  }
}
.social__details-link:not(:first-child) {
  margin-top: 2.6666666667em;
}
@media (max-width: 750px) {
  .social__details-link:not(:first-child) {
    margin-top: 8.5333333333vw;
  }
}
.social__details-link .link-arrow {
  position: absolute;
  top: 50%;
  right: 2.2222222222em;
  translate: 0 -50%;
}
.social__details-link .link-arrow::before {
  width: 100%;
}
.social__details-link .logo {
  width: 3.3333333333em;
  aspect-ratio: 60/55;
  -o-object-fit: contain;
     object-fit: contain;
  mix-blend-mode: multiply;
}
.social__details-link .small {
  font-size: 1.3rem;
  font-weight: 500;
}
@media (max-width: 750px) {
  .social__details-link .small {
    font-size: 3.4666666667vw;
  }
}
@media (hover: hover) and (pointer: fine) {
  .social__details-link:hover {
    opacity: 1;
  }
}
.social__details-more {
  margin-top: 0.6153846154em;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 1.3rem;
}
@media (max-width: 750px) {
  .social__details-more {
    font-size: 3.4666666667vw;
  }
}
@media (hover: hover) and (pointer: fine) {
  .social__details-more:hover {
    opacity: 1;
  }
}
.social__details-box {
  padding: 0 3.2em;
  margin-top: min(7.027818448vw, 9.6rem);
  margin-bottom: min(7.027818448vw, 9.6rem);
}
@media (max-width: 750px) {
  .social__details-box {
    margin-top: 25.6vw;
    margin-bottom: 25.6vw;
  }
}
@media (max-width: 750px) {
  .social__details-box {
    padding: 0;
  }
}
.social__details-box-description {
  margin-bottom: 1.7777777778em;
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  font-weight: 500;
  position: relative;
}
@media (max-width: 750px) {
  .social__details-box-description {
    padding-left: 1.2em;
    font-size: 4vw;
  }
}
.social__details-box-description::before {
  content: "";
  width: 1.7777777778em;
  height: 2px;
  background-image: linear-gradient(-90deg, #57b136 0%, #f44397 29.56%, #ff6800 65.97%, #ffa600 100%);
  border-radius: 10em;
  position: absolute;
  top: 0.5lh;
  left: -2.6666666667em;
  translate: 0 -50%;
}
@media (max-width: 750px) {
  .social__details-box-description::before {
    width: 4vw;
    left: 0;
  }
}
.social__details-box-img img {
  display: block;
  width: 100%;
  aspect-ratio: 432/243;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.8rem;
}
.social__details-box-img img + img {
  margin-top: 1.6em;
}
@media (max-width: 750px) {
  .social__details-box-img img + img {
    margin-top: calc(var(--col-sp-gap) / 2);
  }
}
.social__details-box .page__grid {
  --col-gap: 6.8965517241%;
  row-gap: 3.2em;
  margin-top: min(4.6852122987vw, 6.4rem);
  margin-bottom: min(4.6852122987vw, 6.4rem);
}
@media (max-width: 750px) {
  .social__details-box .page__grid {
    margin-top: 8.5333333333vw;
    margin-bottom: 8.5333333333vw;
  }
}
@media (max-width: 750px) {
  .social__details-box .page__grid {
    row-gap: var(--col-sp-gap);
  }
}
.social__details-box .page__grid h3 {
  margin-bottom: 0.6666666667em;
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  font-weight: 500;
  line-height: 1.3888888889;
}
@media (max-width: 750px) {
  .social__details-box .page__grid h3 {
    font-size: 4vw;
  }
}
.social__details-box .page__grid .caption {
  margin-top: 1.5em;
}

.social__report {
  max-width: 1366px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 3.2rem;
  padding-right: 3.2rem;
  background: #F7F7F7;
  border-radius: 1.6rem;
  position: relative;
  z-index: 1;
  padding-top: min(4.6852122987vw, 6.4rem);
  padding-bottom: min(4.6852122987vw, 6.4rem);
}
@media (max-width: 750px) {
  .social__report {
    padding-top: 8.5333333333vw;
    padding-bottom: 8.5333333333vw;
  }
}
@media (max-width: 750px) {
  .social__report {
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
  }
}
@media (min-width: 751px) {
  .social__report .inner {
    width: 100%;
  }
}
.social__report-title {
  margin-bottom: 0.9142857143em;
  font-size: clamp(1.4rem, 3.41796875vw, 3.5rem);
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 750px) {
  .social__report-title {
    font-size: 6.4vw;
  }
}
.social__report-link {
  --tri-color: #4CB54E;
  width: 100%;
  padding: 1.3333333333em 2.1333333333em;
  padding-right: 4.6666666667em;
  background: #fff;
  border-radius: 10em;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  display: inline-flex;
  align-items: baseline;
  font-weight: 500;
  position: relative;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .social__report-link {
    padding-left: 1em;
  }
}
@media (max-width: 750px) {
  .social__report-link {
    padding-left: 1em;
    padding-right: 3em;
    font-size: 4vw;
  }
}
.social__report-link .link-arrow {
  position: absolute;
  top: 50%;
  right: 2.1333333333em;
  translate: 0 -50%;
}
@media (max-width: 750px) {
  .social__report-link .link-arrow {
    right: 1em;
  }
}
.social__report-link .small {
  font-size: 1.2rem;
}
@media (max-width: 750px) {
  .social__report-link .small {
    font-size: 3.2vw;
  }
}
.social__report .social__details-box {
  margin: 0;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .social__report .social__details-box {
    padding: 0;
  }
}
@media (max-width: 750px) {
  .social__report .social__details-box {
    margin: 0;
  }
}
.social__report .social__details-box .page__grid {
  margin-bottom: 0;
  row-gap: 1.6em;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .social__report .social__details-box .page__grid {
    -moz-column-gap: 4%;
         column-gap: 4%;
  }
}
@media (max-width: 750px) {
  .social__report .social__details-box .page__grid {
    margin-bottom: 0;
    row-gap: var(--col-sp-gap);
  }
}

.form {
  font-weight: 500;
  line-height: 1.6666666667;
}
.form input[type=text],
.form input[type=email],
.form input[type=tel],
.form textarea,
.form select {
  display: block;
  width: 100%;
  padding: 1.1333333333em 1.6em;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
  font-size: inherit;
  line-height: 1.4;
  font-weight: 500;
  color: #000;
}
@media (max-width: 750px) {
  .form input[type=text],
  .form input[type=email],
  .form input[type=tel],
  .form textarea,
  .form select {
    padding: 0.625em 0.9375em;
  }
}
.form input[type=text]::-moz-placeholder, .form input[type=email]::-moz-placeholder, .form input[type=tel]::-moz-placeholder, .form textarea::-moz-placeholder, .form select::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.form input[type=text]::placeholder,
.form input[type=email]::placeholder,
.form input[type=tel]::placeholder,
.form textarea::placeholder,
.form select::placeholder {
  color: rgba(0, 0, 0, 0.5);
}
.form input[type=text] + .error,
.form input[type=email] + .error,
.form input[type=tel] + .error,
.form textarea + .error,
.form select + .error {
  margin-top: 0.8571428571em;
}
.form textarea {
  min-height: 14.9333333333em;
}
@media (max-width: 750px) {
  .form textarea {
    min-height: 14.9333333333em;
  }
}
.form select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.form select:has(option[value=""]:checked) {
  color: rgba(0, 0, 0, 0.5);
}
.form .required {
  display: inline-block;
  padding: 0.3rem;
  border: 1px solid currentColor;
  border-radius: 0.3rem;
  font-size: clamp(1.4rem, 1.46484375vw, 1.5rem);
  color: #FF6800;
  line-height: 1;
  white-space: nowrap;
}
@media (max-width: 750px) {
  .form .required {
    font-size: 4vw;
  }
}
.form__group {
  padding-left: 2.1333333333em;
  padding-right: 2.1333333333em;
  display: grid;
  grid-template-columns: 100%;
  row-gap: 3.2em;
}
@media (max-width: 750px) {
  .form__group {
    padding-left: 0;
    padding-right: 0;
    row-gap: 8.5333333333vw;
  }
}
.form__item {
  display: grid;
  grid-template-columns: 28.3333333333% 1fr;
  align-items: flex-start;
  -moz-column-gap: 1.6666666667%;
       column-gap: 1.6666666667%;
}
@media (max-width: 750px) {
  .form__item {
    grid-template-columns: 100%;
    row-gap: 0.5em;
  }
}
.form__item-title {
  min-height: calc(clamp(1.4rem, 1.46484375vw, 1.5rem) * 3.667);
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  line-height: 1.3888888889;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  -moz-column-gap: 0.6666666667em;
       column-gap: 0.6666666667em;
}
@media (max-width: 750px) {
  .form__item-title {
    min-height: auto;
    font-size: 4.8vw;
  }
}
.form__item-title--init-height {
  min-height: auto;
}
.form__item-title--filter {
  max-width: 19.2rem;
}
@media (max-width: 750px) {
  .form__item-title--filter {
    max-width: none;
  }
}
.form__item-input:has(.mwform-radio-field) {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8em 1.6em;
}
.form__item-input:has(.mwform-radio-field) .error {
  grid-column: 1/-1;
}
.form__item-input:has(.mwform-checkbox-field) .error {
  grid-column: 1/-1;
}
.form__item-input .other-input {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  gap: inherit;
  flex-wrap: wrap;
}
.form__item-input .other-input .mwform-checkbox-field {
  white-space: nowrap;
}
.form__item-input .other-input input[type=text] {
  width: 50%;
  flex-grow: 1;
}
.form__item-input .other-input .error {
  order: 99;
  width: 100%;
}
.form__item-input--w145 {
  width: 9.6666666667em;
}
.form__item-input--w288 {
  width: 19.2em;
}
.form__item-input--temp {
  flex-wrap: nowrap;
}
.form__item-input--temp input[type=text] {
  width: 19.2em;
}
@media (max-width: 750px) {
  .form__item-input--temp input[type=text] {
    width: 100%;
  }
}
.form__item-input--temp .unit-radio {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: inherit;
}
.form__item-input--temp:has(.error) input[type=text] + .error {
  width: 100%;
  margin-top: 0;
}
.form__item-label {
  font-weight: 500;
}
.form__item--wfit {
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  -moz-column-gap: 0.8em;
       column-gap: 0.8em;
}
@media (max-width: 750px) {
  .form__item--wfit .form__item-input {
    flex-shrink: 0;
  }
}
.form__item--wfit .form__item-label {
  white-space: nowrap;
}
@media (max-width: 750px) {
  .form__item--wfit .form__item-label {
    white-space: wrap;
  }
}
.form__item--wfit:has(.error) {
  padding-bottom: 2lh;
  position: relative;
}
.form__item--wfit:has(.error) .error {
  white-space: initial;
  position: absolute;
  bottom: 0;
  left: 0;
}
.form__item--wfit:has(.error):has(.form__item-input--w145) {
  width: auto;
  padding-bottom: 1lh;
}
@media (max-width: 750px) {
  .form__item--wfit:has(.error):has(.form__item-input--w145) {
    padding-bottom: 2lh;
  }
}
.form__fieldset {
  display: grid;
  grid-template-columns: 100%;
  row-gap: 1.6em;
}
@media (max-width: 750px) {
  .form__fieldset {
    row-gap: 0.5em;
  }
}
.form__address .form__item {
  grid-template-columns: 4.8em 1fr;
  -moz-column-gap: 2.380952381%;
       column-gap: 2.380952381%;
  align-items: center;
}
.form__address .input-zip {
  max-width: 29.6rem;
}
.form__buying .form__item {
  grid-template-columns: 100%;
  row-gap: 0.8em;
}
.form__buying .error {
  width: 100%;
}
.form__fluid .form__item {
  grid-template-columns: 100%;
  row-gap: inherit;
}
.form__fluid .form__item-input:has(.mwform-checkbox-field) {
  display: grid;
  grid-template-columns: auto auto 1fr;
  gap: 1.6em;
  align-items: center;
}
@media (max-width: 750px) {
  .form__fluid .form__item-input:has(.mwform-checkbox-field) {
    grid-template-columns: auto 1fr;
  }
}
.form__col2set {
  max-width: 60.8rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: flex-start;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .form__col2set {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
}
@media (max-width: 750px) {
  .form__col2set {
    grid-template-columns: 100%;
    row-gap: 0.5em;
  }
}
.form__col2set .form__item {
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 1.0666666667em;
}
.form__col2set .form__item-input {
  width: 12.8em;
  white-space: nowrap;
}
.form__col2set .form__item-label {
  white-space: nowrap;
}
.form__col2set .form__item:has(.error) {
  padding-bottom: 2lh;
  position: relative;
}
.form__col2set .form__item:has(.error) .error {
  white-space: initial;
  position: absolute;
  bottom: 0;
  left: 0;
}
.form__filtration {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8em 1.0666666667em;
}
.form__filtration .form__item:has(.error) {
  padding-bottom: 2lh;
}
@media (max-width: 750px) {
  .form__batch .form__item-input--w145 {
    width: 7em;
  }
}
.form__currentFilter .form__item:has([name=filter-current-problem]) {
  grid-template-columns: 100%;
  row-gap: 0.8em;
}
.form__length {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.8em 1.6em;
}
@media (max-width: 750px) {
  .form__length .form__item-input--w145 {
    width: 6em;
  }
}
.form__material .form__item-input {
  align-items: center;
}
.form__material .form__item-input > span:first-of-type {
  order: -1;
}
.form__use .form__item-input:has(.mwform-checkbox-field) {
  display: grid;
  grid-template-columns: auto auto 1fr;
  gap: 1.6em;
  align-items: center;
}
@media (max-width: 750px) {
  .form__use .form__item-input:has(.mwform-checkbox-field) {
    grid-template-columns: auto 1fr;
  }
}
.form__ozone .form__fieldset {
  grid-template-columns: auto auto 1fr;
  -moz-column-gap: 0.8em;
       column-gap: 0.8em;
}
.form__ozone .form__item-input:has(.mwform-checkbox-field) {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  gap: 1.6em;
  align-items: center;
}
@media (max-width: 750px) {
  .form__ozone .form__item-input:has(.mwform-checkbox-field) {
    grid-template-columns: auto 1fr;
  }
}
.form__ozone .form__item-input--temp {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  gap: 1.6em 0.8em;
  align-items: center;
}
.form .mwform-checkbox-field,
.form .mwform-radio-field {
  --input-size: 1.6666666667em;
  margin-left: 0 !important;
}
.form .mwform-checkbox-field label,
.form .mwform-radio-field label {
  font-weight: inherit;
  display: flex;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.form .mwform-checkbox-field label::before,
.form .mwform-radio-field label::before {
  content: "";
  flex-shrink: 0;
  display: inline-block;
  width: var(--input-size);
  height: var(--input-size);
  margin: 0;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.4rem;
}
.form .mwform-checkbox-field input,
.form .mwform-radio-field input {
  width: var(--input-size);
  height: var(--input-size);
  margin: 0;
  display: none;
}
.form .mwform-checkbox-field:has(input:checked) label::before,
.form .mwform-radio-field:has(input:checked) label::before {
  content: none;
}
.form .mwform-checkbox-field:has(input:checked) input,
.form .mwform-radio-field:has(input:checked) input {
  display: block;
}
.form .mwform-radio-field label::before {
  border-radius: 50%;
}
.form .select-wrap {
  max-width: 41.6rem;
  position: relative;
}
.form .select-wrap select {
  padding-right: 2.9333333333em;
}
.form .select-wrap .link-arrow {
  margin: 0;
  position: absolute;
  top: calc(1.1333333333em + 0.5lh);
  right: 0.8em;
  translate: 0 -50%;
  rotate: 90deg;
  pointer-events: none;
}
@media (max-width: 750px) {
  .form .select-wrap .link-arrow {
    top: calc(0.625em + 0.5lh);
  }
}
.form .select-wrap:has(.error) {
  padding-bottom: 1lh;
}
.form .select-wrap:has(.error) .error {
  white-space: initial;
  position: absolute;
  bottom: 0;
  left: 0;
}
.form__agreement {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  line-height: 1.1666666667;
  font-weight: 500;
  margin-top: min(7.027818448vw, 9.6rem);
}
@media (max-width: 750px) {
  .form__agreement {
    margin-top: 8.5333333333vw;
  }
}
.form__agreement .mwform-checkbox-field {
  --input-size: 1.3888888889em;
}
.form__agreement a {
  color: #FFA600;
  text-decoration: underline;
}
.form__agreement:has(.error) {
  flex-wrap: wrap;
}
.form__agreement:has(.error) .error {
  display: block;
  width: 100%;
  margin-top: 0.8571428571em;
  text-align: center;
}
.form__btns {
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-top: min(3.513909224vw, 4.8rem);
}
@media (max-width: 750px) {
  .form__btns {
    margin-top: 8.5333333333vw;
  }
}
.form__btns .btn {
  width: 100%;
  min-width: auto;
  justify-content: center;
  font-size: clamp(1.4rem, 1.953125vw, 2rem);
}
@media (max-width: 750px) {
  .form__btns .btn {
    font-size: 4.8vw;
  }
}
.form__option {
  background: #F7F7F7;
  border-radius: 1.6rem;
  overflow: hidden;
}
.form__option + .form__option {
  margin-top: 3.2rem;
}
@media (max-width: 750px) {
  .form__option + .form__option {
    margin-top: 6.4vw;
  }
}
.form__option-title {
  padding: 1.7em 1.7em;
  padding-right: calc(1.33em + 1.6em);
  font-size: clamp(1.4rem, 1.953125vw, 2rem);
  font-weight: bold;
  line-height: 1.4;
  display: flex;
  align-items: center;
  position: relative;
}
@media (max-width: 750px) {
  .form__option-title {
    padding: 1em;
    padding-right: 2.33em;
    display: block;
    font-size: 4.8vw;
  }
}
.form__option-title::before {
  content: "";
  width: 2px;
  height: 1.6em;
  background: #FF5800;
  position: absolute;
  top: 1.75em;
  left: 0;
}
@media (max-width: 750px) {
  .form__option-title::before {
    top: 1em;
  }
}
.form__option-title .toggle {
  width: 1.3333333333em;
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  right: 1.6em;
  translate: 0 -50%;
}
@media (max-width: 750px) {
  .form__option-title .toggle {
    right: 1em;
  }
}
.form__option-title .toggle::before, .form__option-title .toggle::after {
  content: "";
  width: 100%;
  height: 2px;
  background: #FFA600;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.form__option-title .toggle::after {
  rotate: 90deg;
}
.form__option-body {
  display: none;
  padding: 3.2em 2.1333333333em 4.2666666667em;
}
@media (max-width: 750px) {
  .form__option-body {
    padding: 0 4.2666666667vw 1em;
  }
}
.form__option-hidden {
  display: none;
}
.form__option:has(.details-open:checked) .toggle::after {
  rotate: 0deg;
}
.form__option:has(.details-open:checked) .form__option-body {
  display: block;
}
.form .mw_wp_form_confirm .form__item-title {
  min-height: auto;
}
.form .mw_wp_form_confirm .form__item-input--w145 {
  width: -moz-fit-content;
  width: fit-content;
}
.form .mw_wp_form_confirm .select-wrap .link-arrow {
  display: none;
}
.form .mw_wp_form_confirm .form__agreement {
  display: none;
}
.form .mw_wp_form_confirm .unit-radio {
  display: inline-flex;
}
.form .mw_wp_form_confirm .form__option {
  display: none;
}
.form .mw_wp_form_confirm .form__option-title .toggle {
  display: none;
}
.form .mw_wp_form_confirm .form__option:has(input[name="option-group1[data]"]), .form .mw_wp_form_confirm .form__option:has(input[name="option-group2[data]"]), .form .mw_wp_form_confirm .form__option:has(input[name="option-group3[data]"]) {
  display: block;
}
.form .mw_wp_form_confirm .form__option:has(input[name="option-group1[data]"]) .form__option-body, .form .mw_wp_form_confirm .form__option:has(input[name="option-group2[data]"]) .form__option-body, .form .mw_wp_form_confirm .form__option:has(input[name="option-group3[data]"]) .form__option-body {
  display: block;
}
.form .mw_wp_form_confirm .form__col2set {
  width: -moz-fit-content;
  width: fit-content;
  -moz-column-gap: 1.0666666667em;
       column-gap: 1.0666666667em;
}
.form .mw_wp_form_confirm .form__col2set .form__item-input {
  width: -moz-fit-content;
  width: fit-content;
}

.thanks__title {
  margin-bottom: 1.6em;
  font-size: clamp(1.4rem, 3.90625vw, 4rem);
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
}
@media (max-width: 750px) {
  .thanks__title {
    font-size: 5.8666666667vw;
  }
}
.thanks .center {
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
}
@media (max-width: 750px) {
  .thanks .center {
    font-size: 4vw;
  }
}
.thanks__contact {
  max-width: 64rem;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  position: relative;
  margin-top: min(7.027818448vw, 9.6rem);
}
@media (max-width: 750px) {
  .thanks__contact {
    margin-top: 8.5333333333vw;
  }
}
.thanks__contact h3 {
  color: #000;
}
.thanks__contact .email {
  padding: 4.8rem 0.5rem;
  background: #F7F7F7;
  border-radius: 1.6rem;
  font-size: clamp(1.4rem, 3.41796875vw, 3.5rem);
  font-weight: 500;
  line-height: 1.4;
  position: relative;
}
@media (max-width: 750px) {
  .thanks__contact .email {
    font-size: 5.3333333333vw;
  }
}
.thanks__contact .email .label {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding: 0 2.4rem;
  background: #5A5A5A;
  border-radius: 0.4rem;
  font-size: clamp(1.4rem, 1.46484375vw, 1.5rem);
  color: #fff;
  font-weight: bold;
  line-height: 1.6;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  translate: 0 -50%;
}
@media (max-width: 750px) {
  .thanks__contact .email .label {
    font-size: 4vw;
  }
}
.thanks .btn {
  width: 100%;
  max-width: 38.4rem;
  min-width: auto;
  font-size: clamp(1.4rem, 1.953125vw, 2rem);
}
@media (max-width: 750px) {
  .thanks .btn {
    font-size: 4.8vw;
  }
}

.grecaptcha-badge {
  z-index: 99;
}

.contact__menu {
  --col-gap: 7.1428571429%;
  max-width: 89.6rem;
  margin: 0 auto;
}

.contact__link {
  display: block;
  border-radius: 1.6rem;
  overflow: hidden;
}
.contact__link-img {
  aspect-ratio: 416/234;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.contact__link-name {
  height: 4.4em;
  padding: 1rem 1.6em;
  background: #F3F3F5;
  font-size: clamp(1.4rem, 1.953125vw, 2rem);
  line-height: 1.2;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contact__link-name .link-arrow {
  flex-shrink: 0;
}
@media (hover: hover) and (pointer: fine) {
  .contact__link:hover {
    opacity: 1;
  }
}

.contact__nav {
  position: relative;
  z-index: 0;
  padding-top: min(7.027818448vw, 9.6rem);
  padding-bottom: min(7.027818448vw, 9.6rem);
}
@media (max-width: 750px) {
  .contact__nav {
    padding-top: 25.6vw;
    padding-bottom: 25.6vw;
  }
}
.contact__nav::before {
  content: "";
  width: 100%;
  height: 100%;
  background-image: linear-gradient(135deg, #ffa600 0%, #ffa600 28.88%, #ff6800 67.68%, #ff3301 100%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.15;
}
.contact__nav-title {
  padding-left: 1.8rem;
  font-size: clamp(1.4rem, 4.98046875vw, 5.1rem);
  display: flex;
  align-items: baseline;
  -moz-column-gap: 1.7rem;
       column-gap: 1.7rem;
  flex-wrap: wrap;
}
@media (max-width: 750px) {
  .contact__nav-title {
    padding-left: 0;
    font-size: 10.6666666667vw;
  }
}
@media (min-width: 751px) {
  .contact__nav-title::before {
    width: 1.8rem;
  }
}
.contact__nav-title .heading1__after {
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
}
@media (max-width: 750px) {
  .contact__nav-title .heading1__after {
    font-size: 3.4666666667vw;
  }
}
.contact__nav-grid {
  --col-gap: 3.125%;
  --col-sp-gap: 6.4vw;
}
.contact__nav-link {
  height: 4.5em;
  padding: 1rem 1.6em;
  background: #fff;
  border-radius: 0.8rem;
  font-size: clamp(1.4rem, 1.953125vw, 2rem);
  line-height: 1.2;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.contact__nav-link .link-arrow {
  flex-shrink: 0;
}
.contact__nav-link.current {
  background: rgba(0, 0, 0, 0.2);
  pointer-events: none;
}
.contact__nav-link.current .link-arrow {
  display: none;
}
@media (hover: hover) and (pointer: fine) {
  .contact__nav-link:hover {
    opacity: 1;
  }
}

.contact-product__nav {
  margin-top: min(9.3704245974vw, 12.8rem);
  margin-bottom: min(9.3704245974vw, 12.8rem);
}
@media (max-width: 750px) {
  .contact-product__nav {
    margin-top: 25.6vw;
    margin-bottom: 25.6vw;
  }
}
.contact-product__nav-message {
  text-align: center;
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
}
.contact-product__nav-list {
  max-width: 67.2rem;
  margin: 6.4rem auto 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.2rem;
}
@media (max-width: 750px) {
  .contact-product__nav-list {
    margin-top: 8.5333333333vw;
    gap: 2.6666666667vw;
  }
}
.contact-product__nav-item {
  padding: 1.2em 1rem;
  background: #F7F7F7;
  border-radius: 1.6rem;
  font-size: clamp(1.4rem, 1.953125vw, 2rem);
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  row-gap: 1em;
  position: relative;
}
@media (max-width: 750px) {
  .contact-product__nav-item {
    padding: 1.2em 0.5rem;
    font-size: 4vw;
    row-gap: 1em;
  }
}
.contact-product__nav-item::after {
  content: "";
  display: block;
  width: 1.6rem;
  aspect-ratio: 1/1;
  background: #4CB54E;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.contact-product__nav-item img {
  width: 1.4em;
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}

.contact-product__section-title {
  margin-bottom: 2.56em;
  padding-bottom: 0.64em;
  line-height: 1.36;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.64em;
       column-gap: 0.64em;
}
.contact-product__section-title img {
  width: 1.28em;
  height: auto;
  aspect-ratio: 1/1;
  -o-object-fit: contain;
     object-fit: contain;
}

.contact-product__tel-contact {
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto auto;
  font-size: clamp(1.4rem, 1.5625vw, 1.6rem);
  font-weight: 500;
}
@media (max-width: 750px) {
  .contact-product__tel-contact {
    font-size: 4vw;
  }
}
.contact-product__tel-contact .number {
  align-self: baseline;
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: clamp(1.4rem, 5.859375vw, 6rem);
  line-height: 1.2;
}
@media (max-width: 750px) {
  .contact-product__tel-contact .number {
    font-size: 11.2vw;
  }
}
.contact-product__tel-contact .to {
  align-self: baseline;
  font-size: clamp(1.4rem, 1.953125vw, 2rem);
  font-weight: bold;
}
@media (max-width: 750px) {
  .contact-product__tel-contact .to {
    font-size: 4.8vw;
  }
}
.contact-product__tel-contact .time {
  margin-top: 1em;
  color: #FF5800;
  text-align: center;
  line-height: 1.4375;
}

.contact-product__options {
  margin-top: min(4.6852122987vw, 6.4rem);
  margin-bottom: min(4.6852122987vw, 6.4rem);
}
@media (max-width: 750px) {
  .contact-product__options {
    margin-top: 8.5333333333vw;
    margin-bottom: 8.5333333333vw;
  }
}

.contact-other__message {
  text-align: center;
}
.contact-other__message p:has(.txt--orange2) {
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
}
@media (max-width: 750px) {
  .contact-other__message p:has(.txt--orange2) {
    font-size: 4vw;
  }
}
.contact-other__message .note {
  margin-top: 0.5em;
}

.help-counter__section {
  font-weight: 500;
  margin-top: min(7.027818448vw, 9.6rem);
  margin-bottom: min(7.027818448vw, 9.6rem);
}
@media (max-width: 750px) {
  .help-counter__section {
    margin-top: 25.6vw;
    margin-bottom: 25.6vw;
  }
}
.help-counter__section .heading3 {
  margin-top: 2.0909090909em;
}

.help-counter__heading {
  padding-bottom: 0;
}
.help-counter__heading::after {
  height: 2px;
}
.help-counter__heading-num {
  margin-right: 1.6rem;
  font-size: 2em;
}

.help-counter__detail02-list {
  border-top: 2px dotted #D1D1D1;
  display: grid;
  grid-template-columns: 42.08984375% 1fr;
  line-height: 1.8;
}
@media (max-width: 750px) {
  .help-counter__detail02-list {
    grid-template-columns: 100%;
  }
}
.help-counter__detail02-list .num {
  flex-shrink: 0;
  display: inline-block;
  width: 2.1333333333em;
  color: #FFA600;
}
.help-counter__detail02-list dt, .help-counter__detail02-list dd {
  padding-top: 2.1333333333em;
  padding-bottom: 2.1333333333em;
  border-bottom: 2px dotted #D1D1D1;
}
.help-counter__detail02-list dt {
  font-weight: bold;
  display: flex;
  align-items: baseline;
}
@media (max-width: 750px) {
  .help-counter__detail02-list dt {
    padding-bottom: 0;
    border-bottom: none;
  }
}
.help-counter__detail02-list dd {
  padding-left: 0.8rem;
}
@media (max-width: 750px) {
  .help-counter__detail02-list dd {
    padding-left: 0;
  }
}

.help-counter__detail04 .list {
  line-height: 2;
  display: grid;
  grid-template-columns: 100%;
  row-gap: 1.1333333333em;
}

.help-counter__detail05-list {
  max-width: 96.6rem;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 9.6rem 1fr;
  gap: 1em 1.6em;
  align-items: flex-start;
}
@media (max-width: 750px) {
  .help-counter__detail05-list {
    grid-template-columns: auto 1fr;
  }
}
.help-counter__detail05-list dt {
  padding: 0.8rem 0.5384615385em;
  background: #F7F7F7;
  border-radius: 0.4rem;
  text-align: center;
  font-size: 0.8666666667em;
  font-weight: bold;
}
.help-counter__detail05-list dd {
  padding-top: 0.25rem;
  font-weight: normal;
  line-height: 2;
}

.post-type-archive-rokitimes,
.tax-rokitimes-category,
.single-rokitimes {
  background: linear-gradient(45deg, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0.3) 30.21%, rgba(64, 166, 41, 0.3) 67.68%, rgba(244, 67, 151, 0.3) 100%) no-repeat center top/100% 296rem;
}

.rokitimes__archiveTop :where(.inner) {
  max-width: 118.6rem;
}

.rokitimes__archive :where(.inner) {
  max-width: 118.6rem;
}
.rokitimes__archive-title {
  margin-bottom: 0.44em;
  border-bottom: 2px solid currentColor;
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: clamp(1.4rem, 4.8828125vw, 5rem);
  color: #D973A5;
  line-height: 1.2;
}
@media (max-width: 750px) {
  .rokitimes__archive-title {
    font-size: 8vw;
  }
}

.rokitimes__list {
  --col-gap: 4.3333333333em;
  --row-gap: 3.2em;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--row-gap) var(--col-gap);
  overflow-x: clip;
  overflow-y: initial;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .rokitimes__list {
    --col-gap: 2em;
  }
}
@media (max-width: 750px) {
  .rokitimes__list {
    --row-gap: 6.4vw;
    grid-template-columns: 100%;
  }
}
.rokitimes__list li {
  padding: 0 0 var(--row-gap);
  position: relative;
}
@media (max-width: 750px) {
  .rokitimes__list li {
    padding: 0;
  }
}
.rokitimes__list li:first-child {
  display: none;
}
.rokitimes__list li::before {
  content: "";
  width: calc(100% + var(--col-gap));
  height: 0;
  border-bottom: 1px solid #D973A5;
  background: #D973A5;
  position: absolute;
  bottom: 0;
  right: 50%;
  translate: 50% 0;
}
@media (max-width: 750px) {
  .rokitimes__list li::before {
    content: none;
  }
}
.rokitimes__list li::after {
  content: "";
  width: 1px;
  height: calc(100% - var(--row-gap));
  background: #D973A5;
  position: absolute;
  top: 0;
  left: calc(100% + (var(--col-gap) - 1px) / 2);
}
@media (max-width: 750px) {
  .rokitimes__list li::after {
    content: none;
  }
}
.rokitimes__list li:nth-child(3n+1)::after {
  content: none;
}

.rokitimes__item-body {
  display: block;
}
@media (max-width: 750px) {
  .rokitimes__item-body {
    padding-bottom: 6.4vw;
    border-right: 1px solid #D973A5;
    border-bottom: 1px solid #D973A5;
    border-radius: 0 0 0.8rem 0;
    display: grid;
    grid-template-columns: 39.6501457726% 1fr;
    -moz-column-gap: 4.6647230321%;
         column-gap: 4.6647230321%;
    position: relative;
    overflow: hidden;
  }
}
.rokitimes__item-date {
  display: block;
  margin-bottom: 1.2rem;
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: clamp(1.4rem, 1.953125vw, 2rem);
  font-weight: 500;
  font-style: normal;
  line-height: 1.2;
}
@media (max-width: 750px) {
  .rokitimes__item-date {
    grid-column: span 2;
    margin-bottom: 2.1333333333vw;
    font-size: 4vw;
  }
}
.rokitimes__item-thumb {
  margin-bottom: 4.4rem;
}
@media (max-width: 750px) {
  .rokitimes__item-thumb {
    grid-column: 1;
    grid-row: 3;
    align-self: center;
    margin-bottom: 0;
  }
}
.rokitimes__item-thumb img {
  display: block;
  width: 100%;
  aspect-ratio: 352/220;
  border-radius: 1.2rem;
  -o-object-fit: cover;
     object-fit: cover;
  box-shadow: 0 0 0.3rem rgba(0, 0, 0, 0.2);
}
@media (max-width: 750px) {
  .rokitimes__item-thumb img {
    border-radius: 0.8rem;
  }
}
.rokitimes__item-category {
  margin-bottom: 1.6rem;
}
@media (max-width: 750px) {
  .rokitimes__item-category {
    grid-column: span 2;
    grid-row: 2;
    margin-bottom: 4.2666666667vw;
  }
  .rokitimes__item-category .post-tag {
    padding-top: 1.0666666667vw;
    padding-bottom: 1.0666666667vw;
  }
}
.rokitimes__item-title {
  margin-bottom: 1.6rem;
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  font-weight: bold;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 行数 */
}
@media (max-width: 750px) {
  .rokitimes__item-title {
    grid-column: 2;
    grid-row: 3;
    align-self: center;
    margin-bottom: 0;
    font-size: 4vw;
    -webkit-line-clamp: 3;
  }
}
.rokitimes__item-excerpt {
  font-size: clamp(1.2rem, 1.26953125vw, 1.3rem);
  line-height: 1.6153846154;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2; /* 行数 */
}
@media (max-width: 750px) {
  .rokitimes__item-excerpt {
    grid-column: span 2;
    grid-row: 4;
    width: 69.6793002915%;
    min-height: 2lh;
    margin-top: 4.2666666667vw;
    font-size: 3.4666666667vw;
  }
}
.rokitimes__item-btn {
  --btn-color: #fff;
  --btn-color-txt: #D973A5;
  margin-top: 3.2rem;
  width: 100%;
  padding: 0.7333333333em 1.8666666667em;
  background: var(--btn-color);
  border: 1px solid #D973A5;
  color: var(--btn-color-txt);
  font-weight: bold;
  line-height: 1.4;
  border-radius: 10em;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .rokitimes__item-btn {
    padding-left: 1em;
    padding-right: 1em;
  }
}
@media (max-width: 750px) {
  .rokitimes__item-btn {
    width: 25.6559766764%;
    margin-top: 0;
    padding: 0.8181818182em 0;
    border-right: none;
    border-bottom: none;
    border-radius: 0.8rem 0 0.8rem 0;
    font-size: 2.9333333333vw;
    flex-direction: column;
    justify-content: center;
    row-gap: 1.6vw;
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
.rokitimes__item-btn::before {
  content: "";
  display: block;
  width: 3.4666666667em;
  aspect-ratio: 52/32;
  background: url(../img/common/icon-eyes-left.svg) no-repeat center/100% auto;
}
@media (max-width: 750px) {
  .rokitimes__item-btn::before {
    width: 3.5454545455em;
  }
}
.rokitimes__item-btn span {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8em;
  position: relative;
}
.rokitimes__item-btn span::before {
  content: "";
  width: 1rem;
  aspect-ratio: 1/1;
  background: var(--btn-color-txt);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media (max-width: 750px) {
  .rokitimes__item-btn span::before {
    content: none;
  }
}
@media (hover: hover) and (pointer: fine) {
  .rokitimes__item a:hover {
    opacity: 1;
  }
  .rokitimes__item a:hover .rokitimes__item-btn {
    --btn-color: #D973A5;
    --btn-color-txt: #fff;
  }
  .rokitimes__item a:hover .rokitimes__item-btn::before {
    background: url(../img/common/icon-eyes-right.svg) no-repeat center/100% auto;
  }
}
.rokitimes__item--first .sp-link {
  display: contents;
}
.rokitimes__item--first .rokitimes__item-body {
  display: grid;
  grid-template-columns: 63.4064080944% 1fr;
  grid-template-rows: 1fr repeat(3, auto) 1fr;
  gap: 0 6.7453625632%;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .rokitimes__item--first .rokitimes__item-body {
    grid-template-columns: 50% 1fr;
    grid-template-rows: repeat(4, auto) 1fr;
  }
}
@media (max-width: 750px) {
  .rokitimes__item--first .rokitimes__item-body {
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    grid-template-columns: 100%;
    grid-template-rows: auto;
  }
  .rokitimes__item--first .rokitimes__item-body::after {
    content: "";
    width: 100%;
    height: calc(100% - (57.0666666667vw + 4.2666666667vw));
    border-right: 1px solid #D973A5;
    border-bottom: 1px solid #D973A5;
    border-radius: 0 0 0.8rem 0;
    position: absolute;
    bottom: 0;
    right: 0;
    pointer-events: none;
  }
}
.rokitimes__item--first .rokitimes__item-date {
  align-self: flex-end;
  margin-bottom: 1.2em;
}
@media (max-width: 750px) {
  .rokitimes__item--first .rokitimes__item-date {
    grid-column: initial;
    grid-row: 2;
    margin-bottom: 2.1333333333vw;
  }
}
.rokitimes__item--first .rokitimes__item-thumb {
  grid-column: 1;
  grid-row: 1/-1;
  align-self: center;
  margin-bottom: 0;
}
@media (max-width: 750px) {
  .rokitimes__item--first .rokitimes__item-thumb {
    grid-column: initial;
    grid-row: 1;
    margin-bottom: 4.2666666667vw;
  }
}
.rokitimes__item--first .rokitimes__item-category {
  margin-bottom: clamp(1.4rem, 3.125vw, 3.2rem);
}
@media (max-width: 750px) {
  .rokitimes__item--first .rokitimes__item-category {
    grid-column: initial;
    grid-row: 3;
    margin-bottom: 4.2666666667vw;
  }
}
.rokitimes__item--first .rokitimes__item-title {
  margin-bottom: 0.8em;
  font-size: clamp(1.4rem, 2.9296875vw, 3rem);
  line-height: 1.4;
}
@media (max-width: 750px) {
  .rokitimes__item--first .rokitimes__item-title {
    grid-column: initial;
    grid-row: 4;
    margin-bottom: 0;
    font-size: 6.6666666667vw;
  }
}
.rokitimes__item--first .rokitimes__item-excerpt {
  font-size: clamp(1.4rem, 1.46484375vw, 1.5rem);
}
@media (max-width: 750px) {
  .rokitimes__item--first .rokitimes__item-excerpt {
    grid-column: initial;
    grid-row: 5;
    font-size: 3.4666666667vw;
  }
}
.rokitimes__fv {
  max-width: 1366px;
  margin-left: auto;
  margin-right: auto;
  padding: 3.2rem;
  margin-top: min(4.0263543192vw, 5.5rem);
}
@media (max-width: 750px) {
  .rokitimes__fv {
    margin-top: 14.9333333333vw;
  }
}
@media (max-width: 750px) {
  .rokitimes__fv {
    padding: 1em 0;
  }
}
.rokitimes__fv .inner {
  background: #fff;
  border-radius: 1.6rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
  overflow: hidden;
}
@media (min-width: 751px) {
  .rokitimes__fv .inner {
    width: 100%;
    max-width: none;
  }
}
@media (max-width: 750px) {
  .rokitimes__fv .inner {
    border-radius: 0.8rem;
    grid-template-columns: 100%;
  }
}
.rokitimes__fv-thumb img {
  display: block;
  width: 100%;
  aspect-ratio: 651/524;
  -o-object-fit: cover;
     object-fit: cover;
}
.rokitimes__fv-description {
  justify-self: center;
  max-width: calc(44.8rem + 2em);
  padding: 1em;
}
@media (max-width: 750px) {
  .rokitimes__fv-description {
    width: 100%;
    max-width: none;
  }
}
.rokitimes__fv-date {
  display: block;
  margin-bottom: 1em;
  font-weight: 500;
  line-height: 1.4;
}
.rokitimes__fv-category {
  margin-bottom: 2em;
}
.rokitimes__fv-title {
  font-size: clamp(1.4rem, 3.90625vw, 4rem);
  font-weight: bold;
  line-height: 1.4;
}
@media (max-width: 750px) {
  .rokitimes__fv-title {
    font-size: 5.3333333333vw;
  }
}
.rokitimes__fv-excerpt {
  margin-top: 1.5em;
  font-size: clamp(1.4rem, 1.7578125vw, 1.8rem);
  line-height: 2;
}
@media (max-width: 750px) {
  .rokitimes__fv-excerpt {
    font-size: 4vw;
  }
}

.rokitimes__content h2 {
  margin-bottom: 1.2em;
  padding-left: 1.2em;
  margin-bottom: 1.3333333333em;
  font-size: clamp(1.4rem, 2.9296875vw, 3rem);
  font-weight: bold;
  line-height: 1.4;
  position: relative;
}
@media (max-width: 750px) {
  .rokitimes__content h2 {
    font-size: 6.4vw;
  }
}
.rokitimes__content h2::before {
  content: "";
  width: 0.8em;
  aspect-ratio: 1/1;
  background: url(../img/common/deco-title-block.svg) no-repeat center/100% auto;
  position: absolute;
  top: 0.3em;
  left: 0;
}
.rokitimes__content h3, .rokitimes__content h4 {
  font-weight: 500;
}
.rokitimes__content a {
  color: #D973A5;
}
.rokitimes__content ul li::marker {
  color: #D973A5;
}
.rokitimes__content .wp-block-lazyblock-contents-col2 .contents-col2--rokitimes {
  margin-top: min(4.6852122987vw, 6.4rem);
  margin-bottom: min(9.3704245974vw, 12.8rem);
  -moz-column-gap: 6.25%;
       column-gap: 6.25%;
  line-height: 2;
}
@media (max-width: 750px) {
  .rokitimes__content .wp-block-lazyblock-contents-col2 .contents-col2--rokitimes {
    margin-top: 8.5333333333vw;
    margin-bottom: 8.5333333333vw;
  }
}
.rokitimes__content .wp-block-lazyblock-contents-col2 .contents-col2--rokitimes .contents-col2__txt {
  padding-left: 6.25%;
  position: relative;
}
@media (max-width: 750px) {
  .rokitimes__content .wp-block-lazyblock-contents-col2 .contents-col2--rokitimes .contents-col2__txt {
    padding-left: 1.5em;
  }
}
.rokitimes__content .wp-block-lazyblock-contents-col2 .contents-col2--rokitimes .contents-col2__txt::before {
  content: "";
  width: 6.25%;
  height: 2px;
  background-image: linear-gradient(-90deg, #57b136 0%, #f44397 29.56%, #ff6800 65.97%, #ffa600 100%);
  border-radius: 10em;
  position: absolute;
  top: 0.5lh;
  left: 0;
  translate: 0 -50%;
}
@media (max-width: 750px) {
  .rokitimes__content .wp-block-lazyblock-contents-col2 .contents-col2--rokitimes .contents-col2__txt::before {
    width: 1em;
  }
}

.rokitechno-en .header__logo {
  width: min(21.9619326501vw, 30rem);
  max-width: 30rem;
}
@media (max-width: 750px) {
  .rokitechno-en .header__logo {
    width: 37.6vw;
    max-width: 14.1rem;
  }
}
.rokitechno-en .header__product {
  font-size: clamp(1.4rem, 3.41796875vw, 3.5rem);
  line-height: 1.1714285714;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .rokitechno-en .header__product {
    font-size: clamp(1.4rem, 2.24609375vw, 2.3rem);
  }
}
@media (max-width: 750px) {
  .rokitechno-en .header__product {
    font-size: 6.1333333333vw;
  }
}
.rokitechno-en .header__product span {
  font-size: clamp(1rem, 1.26953125vw, 1.3rem);
  line-height: 1.6153846154;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .rokitechno-en .header__product span {
    font-size: clamp(1rem, 1.26953125vw, 1.3rem);
  }
}
@media (max-width: 750px) {
  .rokitechno-en .header__product span {
    font-size: 2.1333333333vw;
  }
}
@media (min-width: 751px) {
  .rokitechno-en .footer__nav .nav-product {
    margin-top: -4.5em;
  }
}
.rokitechno-en .footer__nav .nav-sns {
  margin-top: min(6.8359375vw, 7rem);
}
@media (max-width: 750px) {
  .rokitechno-en .footer__nav .nav-sns {
    margin-top: 18.6666666667vw;
  }
}
@media (min-width: 751px) {
  .rokitechno-en .footer__copyright {
    margin-top: min(9.375vw, 9.6rem);
  }
}
.rokitechno-en .top__mainv-main {
  font-size: min(5.376344086vw, 7rem);
  line-height: 1;
  display: block;
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
  font-style: normal;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .rokitechno-en .top__mainv-main {
    font-size: min(12vw, 6.5rem);
    /* デバイスが横向きの場合 */
  }
}
@media (min-width: 751px) and (max-width: 1024px) and (orientation: landscape) {
  .rokitechno-en .top__mainv-main {
    font-size: min(12vw, 4.5rem);
  }
}
@media (max-width: 750px) {
  .rokitechno-en .top__mainv-main {
    font-size: 10.6666666667vw;
  }
}
.rokitechno-en .top__mainv-main .txt-slideUp {
  --before-color: #5A5A5A;
  --after-color: #fff;
}
.rokitechno-en .top__mainv-sub {
  padding: 0;
  /* デバイスが縦向きの場合 */
}
@media (orientation: portrait) and (min-width: 751px) and (max-width: 1024px) {
  .rokitechno-en .top__mainv-sub {
    max-width: none;
    padding: 0;
  }
}
@media (orientation: portrait) and (max-width: 750px) {
  .rokitechno-en .top__mainv-sub {
    max-width: none;
    padding: 0;
  }
}
.rokitechno-en .top__mainv-txt {
  font-size: min(1.5360983103vw, 2rem);
}
@media (min-width: 751px) and (max-width: 1024px) {
  .rokitechno-en .top__mainv-txt {
    font-size: 2rem;
  }
}
@media (max-width: 750px) {
  .rokitechno-en .top__mainv-txt {
    font-size: 4.2666666667vw;
  }
}
.rokitechno-en .top__100year-title {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: clamp(1.4rem, 4.8828125vw, 5rem);
  line-height: 0.92;
}
@media (max-width: 750px) {
  .rokitechno-en .top__100year-title {
    font-size: 10.6666666667vw;
  }
}
.rokitechno-en .top__100year-title-end {
  align-items: flex-end;
}
.rokitechno-en .top__100year-title-end .link-more {
  margin-left: 0;
}
.rokitechno-en .business__introduction h2 .bg {
  margin-left: 0;
}
.rokitechno-en .business__fields-card:nth-child(1) .business__fields-card-products {
  padding-right: 0.6666666667em;
}
@media (min-width: 751px) and (max-width: 1024px) {
  .rokitechno-en .business__fields-card:nth-child(1) .business__fields-card-products {
    padding-right: 0;
  }
}
@media (max-width: 750px) {
  .rokitechno-en .business__fields-card:nth-child(1) .business__fields-card-products {
    padding-right: 0;
  }
}
@media (max-width: 750px) {
  .rokitechno-en .business__case-contents-detail-txt {
    line-height: 1.5;
  }
}
@media (max-width: 750px) {
  .rokitechno-en .business__case-contents-detail-close {
    bottom: 4.2666666667vw;
  }
}
.rokitechno-en .challenge .page__header-title {
  font-family: "Barlow", sans-serif;
  font-weight: 800;
  font-style: italic;
  font-size: clamp(1.4rem, 6.34765625vw, 6.5rem);
  line-height: 1.0769230769;
}
@media (max-width: 750px) {
  .rokitechno-en .challenge .page__header-title {
    font-size: 9.3333333333vw;
  }
}
@media (max-width: 750px) {
  .rokitechno-en .challenge__introduction h2 {
    font-size: 6.4vw;
  }
}
.rokitechno-en .challenge__introduction p {
  max-width: 64.6rem;
  margin-left: auto;
  margin-right: auto;
}
.rokitechno-en .challenge__message p {
  margin-top: 0;
}
.rokitechno-en .challenge__message .large3 {
  line-height: 1.5789473684;
}
.rokitechno-en .locations__base-txt {
  line-height: 1.5;
}
@media (max-width: 750px) {
  .rokitechno-en .logo-character .page__header-title {
    font-size: 4.8vw;
  }
}
.rokitechno-en .logo-character__character-profile-list {
  grid-auto-rows: initial;
  grid-template-rows: auto auto 1fr;
}
.rokitechno-en .logo-character__character-profile-item:nth-child(3) {
  padding-bottom: 1em;
}
.rokitechno-en .logo-character__character-profile-item .heading2 {
  width: 105%;
}
.rokitechno-en .logo-character__character-profile-item p {
  min-height: calc(2lh + 1.2222222222em);
  display: flex;
  align-items: center;
  justify-content: center;
}
.rokitechno-en .sustainability__slogan-item p:not([class]) {
  max-width: 73.1629392971%;
}
.rokitechno-en .sustainability__slogan-item-label {
  padding-left: 2.5em;
  padding-right: 2.5em;
}
@media (max-width: 750px) {
  .rokitechno-en .sustainability__slogan-item-label {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }
}
.rokitechno-en .sustainability__csr-head-bg {
  padding-top: min(1.756954612vw, 2.4rem);
}
@media (max-width: 750px) {
  .rokitechno-en .sustainability__csr-head-bg {
    padding-top: 8.5333333333vw;
  }
}
@media (max-width: 750px) {
  .rokitechno-en .help-counter__heading {
    display: flex;
    align-items: center;
  }
}
.rokitechno-en .single__pagination-link .typelabel {
  display: contents;
}
@media (max-width: 750px) {
  .rokitechno-en .single__pagination-link .typelabel {
    display: none;
  }
}
.rokitechno-en .form__item-title {
  padding-top: calc(clamp(1.4rem, 1.46484375vw, 1.5rem) * 1.0666666667);
  align-items: baseline;
}
@media (max-width: 750px) {
  .rokitechno-en .form__item-title {
    padding-top: 0;
  }
}
.rokitechno-en .form__item-title--init-height {
  padding-top: 0;
}
@media (min-width: 751px) {
  .rokitechno-en .form__ozone .form__fieldset {
    word-break: break-all;
    grid-template-columns: min(6.2666666667em, 9.4rem) auto 1fr;
  }
}

.single__main.section-padding {
  padding-top: 5rem;
}

@media (max-width: 750px) {
  .page__header.single__header {
    margin-bottom: 0;
  }
}/*# sourceMappingURL=style.css.map */