/*
* index.css
*
*/
/* --------------------------------
  index
-------------------------------- */
.kv-container {
  position: relative;
}
.kv-container > .kv-message {
  position: absolute;
  top: 36.1538461538vw;
  left: 5.2564102564vw;
  width: 90.2564102564vw;
}
@media (min-width: 768px) {
  .kv-container > .kv-message {
    top: 11.5972222222vw;
    left: 23.3333333333vw;
    width: 52.9166666667vw;
  }
}
.kv-container .kv-message {
  display: grid;
}
.kv-container .kv-message > .text {
  opacity: 0;
  width: 0;
  height: 0;
}
.kv-container .kv-message > .message {
  fill: var(--color-white);
}
.kv-container .kv-message > .message > svg > .group:nth-child(1) {
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
.kv-container .kv-message > .message:not(.-animated) > svg > .group:nth-child(2),
.kv-container .kv-message > .message:not(.-animated) > svg > .group:nth-child(3) {
  opacity: 0;
}
.kv-container .kv-message > .message.-animated > svg > .group:nth-child(1) {
  transition: clip-path 0.55s cubic-bezier(0, 0, 0.58, 1);

  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.kv-container .kv-message > .message.-animated > svg > .group:nth-child(2),
.kv-container .kv-message > .message.-animated > svg > .group:nth-child(3) {
  transition: opacity 0.15s cubic-bezier(0, 0, 0.58, 1);
}
.kv-container .kv-message > .message.-animated > svg > .group:nth-child(2) {
  transition-delay: 0.9s;
}
.kv-container .kv-message > .message.-animated > svg > .group:nth-child(3) {
  transition-delay: 1.1s;
}

.statement-container > .statement-box {
  padding: 15.1282051282vw 0 11.0256410256vw;
}
@media (min-width: 768px) {
  .statement-container > .statement-box {
    margin: 0 auto;
    padding: clamp(62.4px, 8.125vw, 117px) 0 clamp(49.6px, 6.4583333333vw, 93px);
    width: clamp(693.3333333333px, 90.2777777778vw, 1300px);
  }
}
.statement-container .statement-box {
  background-color: var(--color-white);
}
.statement-container .statement-box > .message {
  margin-left: 7.6923076923vw;
  width: 79.2307692308vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .statement-container .statement-box > .message {
    margin: 0 auto;
    width: clamp(533.3333333333px, 69.4444444444vw, 1000px);
  }
}
.statement-container .statement-box > .message[data-scroll-animation]:not(.-animated) {
  opacity: 0;
  transform: scale(1.2);
}
.statement-container .statement-box > .message[data-scroll-animation].-animated {
  transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.statement-container .statement-box > .text {
  margin: 9.4871794872vw auto 0;
  width: 69.2307692308vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .statement-container .statement-box > .text {
    margin-top: clamp(24px, 3.125vw, 45px);
    margin-left: clamp(81.0666666667px, 10.5555555556vw, 152px);
    width: clamp(539.7333333333px, 70.2777777778vw, 1012px);
  }
}
.statement-container .statement-box > .text[data-scroll-animation]:not(.-animated) {
  opacity: 0;
}
.statement-container .statement-box > .text[data-scroll-animation].-animated {
  transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.statement-container .statement-box > .statement-logo {
  margin-top: 12.3076923077vw;
}
@media (min-width: 768px) {
  .statement-container .statement-box > .statement-logo {
    margin-top: clamp(28.2666666667px, 3.6805555556vw, 53px);
  }
}
.statement-container .statement-box > .statement-information {
  margin: 12.0512820513vw auto 0;
  padding: 5.1282051282vw 3.8461538462vw;
  width: 69.2307692308vw;
}
@media (min-width: 768px) {
  .statement-container .statement-box > .statement-information {
    margin-top: clamp(20.8px, 2.7083333333vw, 39px);
    padding: clamp(13.3333333333px, 1.7361111111vw, 25px) clamp(61.3333333333px, 7.9861111111vw, 115px);
    width: clamp(533.3333333333px, 69.4444444444vw, 1000px);
  }
}
.statement-container .statement-logo {
  display: grid;

  gap: 3.3333333333vw;
  justify-items: center;
}
@media (min-width: 768px) {
  .statement-container .statement-logo {
    align-items: start;
    justify-content: center;

    grid-template-columns: repeat(3, auto);
    gap: clamp(35.7333333333px, 4.6527777778vw, 67px);
  }
}
.statement-container .statement-logo > .logo {
  font-size: 0;
}
.statement-container .statement-logo > .logo.-old {
  width: 34.6153846154vw;
}
@media (min-width: 768px) {
  .statement-container .statement-logo > .logo.-old {
    margin-top: clamp(13.3333333333px, 1.7361111111vw, 25px);
    width: clamp(115.2px, 15vw, 216px);
  }
}
.statement-container .statement-logo > .logo.-new {
  width: 60.5128205128vw;
}
@media (max-width: 767.98px) {
  .statement-container .statement-logo > .logo.-new {
    margin-left: -2.5641025641vw;
  }
}
@media (min-width: 768px) {
  .statement-container .statement-logo > .logo.-new {
    width: clamp(256px, 33.3333333333vw, 480px);
  }
}
.statement-container .statement-logo > .arrow {
  width: 14.8717948718vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .statement-container .statement-logo > .arrow {
    margin-top: clamp(12.2666666667px, 1.5972222222vw, 23px);
    width: clamp(17.6px, 2.2916666667vw, 33px);
  }
}
.statement-container .statement-logo[data-scroll-animation]:not(.-animated) > .logo {
  opacity: 0;
}
.statement-container .statement-logo[data-scroll-animation]:not(.-animated) > .arrow {
  opacity: 0;
  transform: translateY(-2.5641025641vw);
}
@media (min-width: 768px) {
  .statement-container .statement-logo[data-scroll-animation]:not(.-animated) > .arrow {
    transform: translateX(clamp(-20px, -1.3888888889vw, -10.6666666667px));
  }
}
.statement-container .statement-logo[data-scroll-animation].-animated > .logo {
  transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.statement-container .statement-logo[data-scroll-animation].-animated > .logo.-new {
  transition-delay: 0.3s;
}
.statement-container .statement-logo[data-scroll-animation].-animated > .arrow {
  transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.statement-container .statement-information {
  background-color: #f3f3f3;
}
@media (min-width: 768px) {
  .statement-container .statement-information {
    display: grid;
    align-items: center;

    grid-template-columns: auto 1fr;
    gap: clamp(33.0666666667px, 4.3055555556vw, 62px);
  }
}
@media (max-width: 767.98px) {
  .statement-container .statement-information > .link-items {
    margin-top: 2.5641025641vw;
  }
}
.statement-container .statement-information[data-scroll-animation]:not(.-animated) {
  opacity: 0;
}
.statement-container .statement-information[data-scroll-animation].-animated {
  transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.statement-container .link-brand {
  display: grid;
  border: solid 0.2564102564vw currentcolor;
  color: var(--color-daiichi-life-blue);

  grid-template-columns: 1fr auto auto;
}
@media (min-width: 768px) {
  .statement-container .link-brand {
    border-width: 1px;
  }
}
.statement-container .link-brand > .text {
  padding: 2.5641025641vw 1.5384615385vw;
  text-align: center;
  font-size: 3.5897435897vw;
  font-weight: bold;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .statement-container .link-brand > .text {
    padding: clamp(12.2666666667px, 1.5972222222vw, 23px) clamp(13.3333333333px, 1.7361111111vw, 25px);
    font-size: clamp(9.6px, 1.25vw, 18px);
  }
}
.statement-container .link-brand > .text > .en {
  font-family: var(--font-family-english);
}
.statement-container .link-brand > .border {
  margin: 1.0256410256vw 0;
  width: 0.2564102564vw;
  background-color: currentcolor;
}
@media (min-width: 768px) {
  .statement-container .link-brand > .border {
    margin: clamp(10.6666666667px, 1.3888888889vw, 20px) 0;
    width: 1px;
  }
}
.statement-container .link-brand > .icon {
  display: grid;
  width: 9.4871794872vw;

  place-content: center;
}
@media (min-width: 768px) {
  .statement-container .link-brand > .icon {
    width: clamp(36.8px, 4.7916666667vw, 69px);
  }
}
.statement-container .link-brand > .icon::before,
.statement-container .link-brand > .icon::after {
  content: "";
  border: solid 0.5128205128vw currentcolor;
  width: 2.5641025641vw;
  height: 1.5384615385vw;
}
@media (min-width: 768px) {
  .statement-container .link-brand > .icon::before,
  .statement-container .link-brand > .icon::after {
    border-width: clamp(1.0666666667px, 0.1388888889vw, 2px);
    width: clamp(7.4666666667px, 0.9722222222vw, 14px);
    height: clamp(4.2666666667px, 0.5555555556vw, 8px);
  }
}
.statement-container .link-brand > .icon::before {
  margin-left: 1.0256410256vw;
  border-bottom: none;
  border-left: none;
}
@media (min-width: 768px) {
  .statement-container .link-brand > .icon::before {
    margin-left: clamp(2.1333333333px, 0.2777777778vw, 4px);
  }
}
.statement-container .link-brand > .icon::after {
  margin-top: -0.5128205128vw;
}
@media (min-width: 768px) {
  .statement-container .link-brand > .icon::after {
    margin-top: clamp(-4px, -0.2777777778vw, -2.1333333333px);
  }
}
@media (any-hover: hover) {
  .statement-container .link-brand {
    transition: opacity 0.15s cubic-bezier(0.42, 0, 1, 1);
  }
  .statement-container .link-brand:hover {
    opacity: 0.6;
    transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    transition-duration: 0.2s;
  }
}
.statement-container .link-items {
  display: grid;

  gap: 2.0512820513vw;
  justify-items: start;
}
@media (min-width: 768px) {
  .statement-container .link-items {
    gap: clamp(5.3333333333px, 0.6944444444vw, 10px);
  }
}
.statement-container .link-item {
  display: grid;

  --dot-area-width: 3.5897435897vw;
  grid-template-columns: var(--dot-area-width) 1fr;
  gap: 1.0256410256vw;
}
@media (min-width: 768px) {
  .statement-container .link-item {
    --dot-area-width: clamp(7.4666666667px, 0.9722222222vw, 14px);
    gap: clamp(2.1333333333px, 0.2777777778vw, 4px);
  }
}
.statement-container .link-item::before {
  content: "";
  margin-top: 2.3076923077vw;
  width: 1.0256410256vw;
  height: 1.0256410256vw;
  background-color: var(--color-daiichi-life-blue);

  justify-self: center;
}
@media (min-width: 768px) {
  .statement-container .link-item::before {
    margin-top: clamp(6.4px, 0.8333333333vw, 12px);
    width: clamp(2.1333333333px, 0.2777777778vw, 4px);
    height: clamp(2.1333333333px, 0.2777777778vw, 4px);
  }
}
.statement-container .link-related {
  color: var(--color-daiichi-life-blue);
  font-size: 3.0769230769vw;
  line-height: 1.5;
  /* stylelint-disable-next-line rscss/no-descendant-combinator */
}
@media (min-width: 768px) {
  .statement-container .link-related {
    font-size: clamp(7.4666666667px, 0.9722222222vw, 14px);
    line-height: 1.8;
  }
}
.statement-container .link-related > .line {
  text-decoration: underline;

  -webkit-text-decoration-color: currentcolor;

          text-decoration-color: currentcolor;
  text-underline-offset: 0.7692307692vw;
}
@media (min-width: 768px) {
  .statement-container .link-related > .line {
    text-underline-offset: clamp(2.1333333333px, 0.2777777778vw, 4px);
  }
}
.statement-container .link-related .en {
  font-family: var(--font-family-english);
}
.statement-container .link-related > .icon {
  display: inline-block;
  position: relative;
  top: -0.2564102564vw;
  margin-left: 0.5128205128vw;
  padding: 0.3846153846vw 1.1538461538vw 0.1282051282vw;
  border: solid 0.2564102564vw currentcolor;
  font-family: var(--font-family-english);
  font-size: 2.0512820513vw;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .statement-container .link-related > .icon {
    top: clamp(-1px, -0.0694444444vw, -0.5333333333px);
    margin-left: clamp(2.6666666667px, 0.3472222222vw, 5px);
    padding: clamp(0.8px, 0.1041666667vw, 1.5px) clamp(3.2px, 0.4166666667vw, 6px) clamp(0.8px, 0.1041666667vw, 1.5px);
    border-width: 1px;
    font-size: clamp(6.4px, 0.8333333333vw, 12px);
  }
}
@media (any-hover: hover) {
  .statement-container .link-related > .line {
    transition: -webkit-text-decoration-color 0.1s cubic-bezier(0.42, 0, 1, 1);
    transition: text-decoration-color 0.1s cubic-bezier(0.42, 0, 1, 1);
    transition: text-decoration-color 0.1s cubic-bezier(0.42, 0, 1, 1), -webkit-text-decoration-color 0.1s cubic-bezier(0.42, 0, 1, 1);
  }
  .statement-container .link-related:hover > .line {
    transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    transition-duration: 0.15s;

    -webkit-text-decoration-color: transparent;

            text-decoration-color: transparent;
  }
}

.intent-container {
  background-color: var(--color-white);
}
@media (min-width: 768px) {
  .intent-container > .intent-box {
    margin: 0 auto;
    width: clamp(640px, 83.3333333333vw, 1200px);
  }
}
.intent-container > .intent-box + .intent-box {
  margin-top: 34.6153846154vw;
}
@media (min-width: 768px) {
  .intent-container > .intent-box + .intent-box {
    margin-top: clamp(90.6666666667px, 11.8055555556vw, 170px);
  }
}
.intent-container .intent-box > .intent-heading {
  width: -moz-fit-content;
  width: fit-content;

  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
.intent-container .intent-box > .message {
  margin-top: 1.5384615385vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .intent-container .intent-box > .message {
    margin-top: clamp(8px, 1.0416666667vw, 15px);
  }
}
.intent-container .intent-box > .message.-brand {
  width: 70.2564102564vw;
}
@media (min-width: 768px) {
  .intent-container .intent-box > .message.-brand {
    width: clamp(478.4px, 62.2916666667vw, 897px);
  }
}
.intent-container .intent-box > .message.-logo {
  width: 68.2051282051vw;
}
@media (min-width: 768px) {
  .intent-container .intent-box > .message.-logo {
    width: clamp(390.4px, 50.8333333333vw, 732px);
  }
}
.intent-container .intent-box > .brand-intents {
  margin-top: 9.4871794872vw;
}
@media (min-width: 768px) {
  .intent-container .intent-box > .brand-intents {
    margin-top: clamp(27.7333333333px, 3.6111111111vw, 52px);
    margin-left: clamp(-8px, -0.5555555556vw, -4.2666666667px);
  }
}
.intent-container .intent-box > .logo-intent {
  margin-top: 10.7692307692vw;
}
@media (min-width: 768px) {
  .intent-container .intent-box > .logo-intent {
    margin-top: clamp(29.3333333333px, 3.8194444444vw, 55px);
  }
}
.intent-container .intent-box:not(.-animated) > .message {
  opacity: 0;
  transform: scale(1.15);
}
@media (min-width: 768px) {
  .intent-container .intent-box:not(.-animated) > .brand-intents > .brand-intent > .intent-name > .jp {
    opacity: 0;
    transform: scale(1.2);
  }
  .intent-container .intent-box:not(.-animated) > .brand-intents > .brand-intent > .text {
    opacity: 0;
  }
}
.intent-container .intent-box:not(.-animated) > .logo-intent {
  opacity: 0;
}
.intent-container .intent-box.-animated > .intent-heading {
  transition: clip-path 0.45s cubic-bezier(0, 0, 0.58, 1);

  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.intent-container .intent-box.-animated > .message {
  transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1) 0.55s, transform 0.65s cubic-bezier(0.215, 0.61, 0.355, 1) 0.55s;
}
@media (min-width: 768px) {
  .intent-container .intent-box.-animated > .brand-intents > .brand-intent > .intent-name > .en {
    transition: clip-path 0.45s cubic-bezier(0, 0, 0.58, 1) var(--delay, 0s);

    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  .intent-container .intent-box.-animated > .brand-intents > .brand-intent > .intent-name > .jp {
    transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1) var(--delay, 0s), transform 0.65s cubic-bezier(0.215, 0.61, 0.355, 1) var(--delay, 0s);
  }
  .intent-container .intent-box.-animated > .brand-intents > .brand-intent > .text {
    transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1) var(--delay, 0s);
  }
  .intent-container .intent-box.-animated > .brand-intents > .brand-intent:nth-child(1) {
    --delay: 0.95s;
  }
  .intent-container .intent-box.-animated > .brand-intents > .brand-intent:nth-child(2) {
    --delay: 1.25s;
  }
  .intent-container .intent-box.-animated > .brand-intents > .brand-intent:nth-child(3) {
    --delay: 1.55s;
  }
}
.intent-container .intent-box.-animated > .logo-intent {
  transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1) 0.55s;
}
.intent-container .intent-heading {
  display: flex;
  align-items: center;
}
.intent-container .intent-heading::before {
  content: "";
  margin-right: 1.2820512821vw;
  width: 5.641025641vw;
  height: 0.2564102564vw;
  background-color: var(--color-daiichi-life-blue);
}
@media (min-width: 768px) {
  .intent-container .intent-heading::before {
    margin-right: clamp(4.2666666667px, 0.5555555556vw, 8px);
    width: clamp(22.9333333333px, 2.9861111111vw, 43px);
    height: clamp(1.0666666667px, 0.1388888889vw, 2px);
  }
}
.intent-container .intent-heading > .text {
  font-size: 0;
}
.intent-container .intent-heading > .text.-brand {
  width: 49.2307692308vw;
}
@media (min-width: 768px) {
  .intent-container .intent-heading > .text.-brand {
    width: clamp(163.2px, 21.25vw, 306px);
  }
}
.intent-container .intent-heading > .text.-logo {
  width: 35.641025641vw;
}
@media (min-width: 768px) {
  .intent-container .intent-heading > .text.-logo {
    width: clamp(117.8666666667px, 15.3472222222vw, 221px);
  }
}
.intent-container .brand-intents {
  display: grid;

  gap: 10.2564102564vw;
}
@media (min-width: 768px) {
  .intent-container .brand-intents {
    gap: clamp(5.3333333333px, 0.6944444444vw, 10px);
  }
}
@media (min-width: 768px) {
  .intent-container .brand-intent {
    display: grid;
    align-items: center;

    grid-template-columns: clamp(261.3333333333px, 34.0277777778vw, 490px) 1fr;
    gap: clamp(22.9333333333px, 2.9861111111vw, 43px);
  }
}
.intent-container .brand-intent > .intent-name {
  width: -moz-fit-content;
  width: fit-content;
}
.intent-container .brand-intent > .text {
  margin-top: 2.8205128205vw;
  color: var(--color-daiichi-life-blue);
  font-size: 3.5897435897vw;
  font-weight: bold;
  line-height: 1.7857142857;

  font-feature-settings: "palt" on;
}
@media (min-width: 768px) {
  .intent-container .brand-intent > .text {
    margin-top: clamp(3.2px, 0.4166666667vw, 6px);
    letter-spacing: 0.05em;
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
    line-height: 2;
  }
}
@media (max-width: 767.98px) {
  .intent-container .brand-intent:not(.-animated) > .intent-name > .jp {
    opacity: 0;
    transform: scale(1.2);
  }
  .intent-container .brand-intent:not(.-animated) > .text {
    opacity: 0;
  }
}
@media (max-width: 767.98px) {
  .intent-container .brand-intent.-animated > .intent-name > .en {
    transition: clip-path 0.45s cubic-bezier(0, 0, 0.58, 1);

    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
  .intent-container .brand-intent.-animated > .intent-name > .jp {
    transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  .intent-container .brand-intent.-animated > .text {
    transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
  }
}
.intent-container .intent-name {
  position: relative;
}
.intent-container .intent-name > .en {
  font-size: 0;

  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
.intent-container .intent-name > .en.-section1 {
  width: 40.2564102564vw;
}
@media (min-width: 768px) {
  .intent-container .intent-name > .en.-section1 {
    width: clamp(200.5333333333px, 26.1111111111vw, 376px);
  }
}
.intent-container .intent-name > .en.-section2 {
  width: 22.5641025641vw;
}
@media (min-width: 768px) {
  .intent-container .intent-name > .en.-section2 {
    width: clamp(111.4666666667px, 14.5138888889vw, 209px);
  }
}
.intent-container .intent-name > .en.-section3 {
  margin-bottom: -1.0256410256vw;
  width: 36.9230769231vw;
}
@media (min-width: 768px) {
  .intent-container .intent-name > .en.-section3 {
    margin-bottom: clamp(-8px, -0.5555555556vw, -4.2666666667px);
    width: clamp(183.4666666667px, 23.8888888889vw, 344px);
  }
}
.intent-container .intent-name > .jp {
  position: absolute;
  width: 13.8461538462vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .intent-container .intent-name > .jp {
    width: clamp(53.3333333333px, 6.9444444444vw, 100px);
  }
}
.intent-container .intent-name > .jp.-section1 {
  top: -0.5128205128vw;
  right: -15.1282051282vw;
}
@media (min-width: 768px) {
  .intent-container .intent-name > .jp.-section1 {
    top: clamp(6.4px, 0.8333333333vw, 12px);
    right: clamp(-115px, -7.9861111111vw, -61.3333333333px);
  }
}
.intent-container .intent-name > .jp.-section2 {
  top: -1.2820512821vw;
  right: -15.1282051282vw;
}
@media (min-width: 768px) {
  .intent-container .intent-name > .jp.-section2 {
    top: clamp(6.4px, 0.8333333333vw, 12px);
    right: clamp(-111px, -7.7083333333vw, -59.2px);
  }
}
.intent-container .intent-name > .jp.-section3 {
  top: 0.2564102564vw;
  right: -15.8974358974vw;
}
@media (min-width: 768px) {
  .intent-container .intent-name > .jp.-section3 {
    top: clamp(5.8666666667px, 0.7638888889vw, 11px);
    right: clamp(-112px, -7.7777777778vw, -59.7333333333px);
  }
}
@media (min-width: 768px) {
  .intent-container .logo-intent {
    position: relative;
  }
}
.intent-container .logo-intent > .flag {
  width: 52.0512820513vw;
}
@media (max-width: 767.98px) {
  .intent-container .logo-intent > .flag {
    margin-left: 9.4871794872vw;
  }
}
@media (min-width: 768px) {
  .intent-container .logo-intent > .flag {
    position: absolute;
    right: clamp(18.6666666667px, 2.4305555556vw, 35px);
    bottom: clamp(-5px, -0.3472222222vw, -2.6666666667px);
    width: clamp(179.2px, 23.3333333333vw, 336px);
  }
}
@media (max-width: 767.98px) {
  .intent-container .logo-intent > .logo-description {
    margin-top: 8.9743589744vw;
  }
}
.intent-container .logo-description > .text {
  color: var(--color-daiichi-life-blue);
  font-size: 3.5897435897vw;
  font-weight: bold;
  line-height: 1.7857142857;

  font-feature-settings: "palt" on;
}
@media (min-width: 768px) {
  .intent-container .logo-description > .text {
    letter-spacing: 0.05em;
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
    line-height: 2;
  }
}
.intent-container .logo-description > .text.-large {
  font-size: 3.8461538462vw;
  line-height: 1.6666666667;
}
@media (min-width: 768px) {
  .intent-container .logo-description > .text.-large {
    letter-spacing: 0.05em;
    font-size: clamp(10.6666666667px, 1.3888888889vw, 20px);
    line-height: 2;
  }
}
.intent-container .logo-description > .text + .text {
  margin-top: 3.0769230769vw;
}
@media (min-width: 768px) {
  .intent-container .logo-description > .text + .text {
    margin-top: clamp(5.8666666667px, 0.7638888889vw, 11px);
  }
}

.movie-container {
  background-color: var(--color-white);
}
.movie-container > .movie-making {
  margin: 15.3846153846vw auto 0;
  width: 53.8461538462vw;
}
@media (min-width: 768px) {
  .movie-container > .movie-making {
    margin-top: clamp(64px, 8.3333333333vw, 120px);
    width: clamp(384px, 50vw, 720px);
  }
}
.movie-container > .movie-gallery {
  margin: 15.3846153846vw auto 0;
  width: 84.6153846154vw;
}
@media (min-width: 768px) {
  .movie-container > .movie-gallery {
    margin-top: clamp(71.4666666667px, 9.3055555556vw, 134px);
    width: clamp(640px, 83.3333333333vw, 1200px);
  }
}
.movie-container .movie-cm > .button-cm {
  width: 100%;
  height: 62.5641025641vw;
}
@media (min-width: 768px) {
  .movie-container .movie-cm > .button-cm {
    height: 50vw;
  }
}
.movie-container .movie-cm > .cm-information {
  position: relative;
  z-index: 1;
  margin: -3.0769230769vw auto 0;
  width: 84.6153846154vw;
}
@media (min-width: 768px) {
  .movie-container .movie-cm > .cm-information {
    margin-top: clamp(-37px, -2.5694444444vw, -19.7333333333px);
    width: clamp(640px, 83.3333333333vw, 1200px);
  }
}
.movie-container .button-cm {
  display: grid;
  overflow: hidden;
  position: relative;

  justify-items: center;
}
.movie-container .button-cm > .thumbnail {
  width: 125%;

  will-change: transform;
}
@media (min-width: 768px) {
  .movie-container .button-cm > .thumbnail {
    width: 105%;
  }
}
.movie-container .button-cm > .play-icon {
  position: absolute;
  z-index: 1;
  margin: auto;
  width: 20.5128205128vw;

  inset: 0;
}
@media (min-width: 768px) {
  .movie-container .button-cm > .play-icon {
    width: clamp(74.6666666667px, 9.7222222222vw, 140px);
  }
}
@media (any-hover: hover) {
  .movie-container .button-cm > .thumbnail {
    /* stylelint-disable-next-line rscss/no-descendant-combinator */
  }
  .movie-container .button-cm > .thumbnail img {
    transition: transform 0.15s cubic-bezier(0.42, 0, 1, 1);
  }
  .movie-container .button-cm:hover > .thumbnail {
    /* stylelint-disable-next-line rscss/no-descendant-combinator */
  }
  .movie-container .button-cm:hover > .thumbnail img {
    transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    transition-duration: 0.2s;
    transform: scale(1.03);
  }
}
.movie-container .cm-information {
  pointer-events: none;
}
.movie-container .cm-information > .name {
  width: 38.4615384615vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .movie-container .cm-information > .name {
    width: clamp(224px, 29.1666666667vw, 420px);
  }
}
.movie-container .cm-information > .title {
  margin-top: 6.4102564103vw;
  color: var(--color-daiichi-life-blue);
  font-size: 3.5897435897vw;
  font-weight: bold;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .movie-container .cm-information > .title {
    margin-top: clamp(24px, 3.125vw, 45px);
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  }
}
.movie-container .cm-information:not(.-animated) > .name,
.movie-container .cm-information:not(.-animated) > .title {
  opacity: 0;
  transform: translateX(var(--translate-x));

  --translate-x: -20.5128205128vw;
}
@media (min-width: 768px) {
  .movie-container .cm-information:not(.-animated) > .name,
  .movie-container .cm-information:not(.-animated) > .title {
    --translate-x: clamp(-160px, -11.1111111111vw, -85.3333333333px);
  }
}
.movie-container .cm-information.-animated > .name,
.movie-container .cm-information.-animated > .title {
  transition: opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.movie-container .cm-information.-animated > .title {
  transition-delay: 0.05s;
}
.movie-container .movie-making {
  position: relative;
}
.movie-container .movie-making > .button-making {
  width: 100%;
}
.movie-container .movie-making > .name {
  position: absolute;
  margin: auto;
  width: 24.6153846154vw;
  height: -moz-fit-content;
  height: fit-content;
  pointer-events: none;
  font-size: 0;

  inset: 0 -14.6153846154vw 0 auto;
}
@media (min-width: 768px) {
  .movie-container .movie-making > .name {
    right: clamp(-110px, -7.6388888889vw, -58.6666666667px);
    width: clamp(120px, 15.625vw, 225px);
  }
}
.movie-container .movie-making:not(.-animated) > .name {
  opacity: 0;
  transform: translateX(var(--translate-x));

  --translate-x: -7.6923076923vw;
}
@media (min-width: 768px) {
  .movie-container .movie-making:not(.-animated) > .name {
    --translate-x: clamp(-50px, -3.4722222222vw, -26.6666666667px);
  }
}
.movie-container .movie-making.-animated > .name {
  transition: opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.movie-container .button-making {
  display: grid;
  overflow: hidden;
  position: relative;
}
.movie-container .button-making > .play-icon {
  position: absolute;
  z-index: 1;
  margin: auto;
  width: 12.8205128205vw;

  inset: 0;
}
@media (min-width: 768px) {
  .movie-container .button-making > .play-icon {
    width: clamp(58.6666666667px, 7.6388888889vw, 110px);
  }
}
@media (any-hover: hover) {
  .movie-container .button-making > .thumbnail {
    transition: transform 0.15s cubic-bezier(0.42, 0, 1, 1);
  }
  .movie-container .button-making:hover > .thumbnail {
    transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    transition-duration: 0.2s;
    transform: scale(1.05);
  }
}
.movie-container .movie-gallery {
  position: relative;
  z-index: 0;
}
.movie-container .movie-gallery > .title {
  margin-left: 1.0256410256vw;
  width: 79.2307692308vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .movie-container .movie-gallery > .title {
    margin-left: clamp(5.3333333333px, 0.6944444444vw, 10px);
    width: clamp(460.8px, 60vw, 864px);
  }
}
.movie-container .movie-gallery > .title:not(.-animated) {
  opacity: 0;
  transform: translateX(var(--translate-x));

  --translate-x: -20.5128205128vw;
}
@media (min-width: 768px) {
  .movie-container .movie-gallery > .title:not(.-animated) {
    --translate-x: clamp(-160px, -11.1111111111vw, -85.3333333333px);
  }
}
.movie-container .movie-gallery > .title.-animated {
  transition: opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.movie-container .movie-gallery > .gallery-box {
  margin-top: 8.2051282051vw;
}
@media (max-width: 767.98px) {
  .movie-container .movie-gallery > .gallery-box {
    padding: 0 7.6923076923vw;
  }
}
@media (min-width: 768px) {
  .movie-container .movie-gallery > .gallery-box {
    margin-top: clamp(19.2px, 2.5vw, 36px);
  }
}
.movie-container .movie-gallery > .gallery-box + .gallery-box {
  margin-top: 9.2307692308vw;
}
@media (min-width: 768px) {
  .movie-container .movie-gallery > .gallery-box + .gallery-box {
    margin-top: clamp(32px, 4.1666666667vw, 60px);
  }
}
.movie-container .movie-gallery > .background {
  position: absolute;
  z-index: -1;
  top: 4.1025641026vw;
  right: 66.1538461538vw;
  width: 325.8974358974vw;

  fill: var(--color-light-blue);
}
@media (min-width: 768px) {
  .movie-container .movie-gallery > .background {
    top: clamp(-218px, -15.1388888889vw, -116.2666666667px);
    right: clamp(555.7333333333px, 72.3611111111vw, 1042px);
    width: clamp(736px, 95.8333333333vw, 1380px);
  }
}
.movie-container .gallery-box > .heading {
  padding-bottom: 2.0512820513vw;
  border-bottom: solid 0.2564102564vw currentcolor;
  color: var(--color-daiichi-life-blue);
  font-size: 7.1794871795vw;
  font-weight: bold;
  line-height: 1.3;

  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
@media (min-width: 768px) {
  .movie-container .gallery-box > .heading {
    padding-bottom: clamp(4.2666666667px, 0.5555555556vw, 8px);
    border-bottom-width: 1px;
    font-size: clamp(21.3333333333px, 2.7777777778vw, 40px);
    line-height: 1.6;
  }
}
.movie-container .gallery-box > .heading > .en {
  font-family: var(--font-family-english);
}
.movie-container .gallery-box > .heading.-animated {
  transition: clip-path 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.movie-container .gallery-box > .gallery-items {
  margin-top: 10.2564102564vw;
}
@media (min-width: 768px) {
  .movie-container .gallery-box > .gallery-items {
    margin-top: clamp(21.3333333333px, 2.7777777778vw, 40px);
  }
}
.movie-container .gallery-items {
  display: grid;

  gap: 10.2564102564vw;
}
@media (min-width: 768px) {
  .movie-container .gallery-items {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(32px, 4.1666666667vw, 60px);
  }
}
.movie-container .gallery-item {
  will-change: opacity;
}
.movie-container .gallery-item > .gallery-button {
  width: 69.2307692308vw;
}
@media (min-width: 768px) {
  .movie-container .gallery-item > .gallery-button {
    width: clamp(192px, 25vw, 360px);
  }
}
.movie-container .gallery-item > .title {
  margin-top: 4.8717948718vw;
  color: var(--color-daiichi-life-blue);
  font-size: 3.5897435897vw;
  font-weight: bold;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .movie-container .gallery-item > .title {
    margin-top: clamp(10.6666666667px, 1.3888888889vw, 20px);
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  }
}
.movie-container .gallery-item:not(.-animated) {
  opacity: 0;
}
.movie-container .gallery-item.-animated {
  transition: opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.movie-container .gallery-button {
  display: grid;
  overflow: hidden;
  position: relative;
}
.movie-container .gallery-button > .play-icon {
  position: absolute;
  z-index: 1;
  margin: auto;
  width: 12.5641025641vw;

  inset: 0;
}
@media (min-width: 768px) {
  .movie-container .gallery-button > .play-icon {
    width: clamp(32px, 4.1666666667vw, 60px);
  }
}
@media (any-hover: hover) {
  .movie-container .gallery-button > .thumbnail {
    transition: transform 0.15s cubic-bezier(0.42, 0, 1, 1);
  }
  .movie-container .gallery-button:hover > .thumbnail {
    transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    transition-duration: 0.2s;
    transform: scale(1.05);
  }
}

.endorser-container {
  overflow: hidden;
  background-color: var(--color-white);
}
.endorser-container > .endorser-box {
  padding-top: 1.7948717949vw;
}
@media (min-width: 768px) {
  .endorser-container > .endorser-box {
    margin: 0 auto;
    padding-top: clamp(8.5333333333px, 1.1111111111vw, 16px);
    width: clamp(768px, 100vw, 1440px);
  }
}
.endorser-container .endorser-box > .endorser-title {
  margin: 0 7.6923076923vw 0 auto;
  width: 74.358974359vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-box > .endorser-title {
    margin-right: clamp(64px, 8.3333333333vw, 120px);
    width: clamp(433.0666666667px, 56.3888888889vw, 812px);
  }
}
.endorser-container .endorser-box > .endorser-items {
  margin-top: 18.2051282051vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-box > .endorser-items {
    margin-top: clamp(50.6666666667px, 6.5972222222vw, 95px);
  }
}
.endorser-container .endorser-title {
  display: grid;
}
.endorser-container .endorser-title > .text {
  opacity: 0;
  width: 0;
  height: 0;
}
.endorser-container .endorser-title > .svg {
  overflow: visible;

  fill: var(--color-daiichi-life-blue);
}
.endorser-container .endorser-title > .svg > .row {
  transform-origin: center;
}
.endorser-container .endorser-title:not(.-animated) > .svg > .row {
  opacity: 0;
  transform: translateX(-28%);
}
@media (min-width: 768px) {
  .endorser-container .endorser-title:not(.-animated) > .svg > .row {
    transform: translateX(-20%);
  }
}
.endorser-container .endorser-title.-animated > .svg > .row {
  transition: opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.endorser-container .endorser-title.-animated > .svg > .row:nth-child(1) {
  transition-delay: 0.05s;
}
.endorser-container .endorser-items > .endorser-item.-hokuto {
  margin-top: 13.3333333333vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-items > .endorser-item.-hokuto {
    margin-top: clamp(-82px, -5.6944444444vw, -43.7333333333px);
  }
}
.endorser-container .endorser-items > .endorser-item.-subaru {
  margin-top: 12.8205128205vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-items > .endorser-item.-subaru {
    margin-top: clamp(-50px, -3.4722222222vw, -26.6666666667px);
  }
}
.endorser-container .endorser-items > .endorser-item.-yumia {
  margin-top: 24.6153846154vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-items > .endorser-item.-yumia {
    margin-top: clamp(-5px, -0.3472222222vw, -2.6666666667px);
  }
}
@media (min-width: 768px) {
  .endorser-container .endorser-item {
    display: grid;
    align-items: center;
    justify-content: space-between;

    grid-template-columns: clamp(480px, 62.5vw, 900px) 1fr;
  }
}
@media (min-width: 768px) {
  .endorser-container .endorser-item.-reverse {
    grid-template-columns: 1fr clamp(480px, 62.5vw, 900px);
  }
}
@media (min-width: 768px) {
  .endorser-container .endorser-item.-reverse > .endorser-profile {
    order: -1;

    justify-self: end;
  }
}
.endorser-container .endorser-item > .endorser-image.-mio {
  width: 130.2564102564vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-item > .endorser-image.-mio {
    width: clamp(578.6666666667px, 75.3472222222vw, 1085px);
  }
}
.endorser-container .endorser-item > .endorser-image.-hokuto {
  width: 108.2051282051vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-item > .endorser-image.-hokuto {
    width: clamp(480px, 62.5vw, 900px);
  }
}
.endorser-container .endorser-item > .endorser-image.-subaru {
  width: 120.7692307692vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-item > .endorser-image.-subaru {
    width: clamp(537.6px, 70vw, 1008px);
  }
}
.endorser-container .endorser-item > .endorser-image.-yumia {
  width: 107.9487179487vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-item > .endorser-image.-yumia {
    width: clamp(480px, 62.5vw, 900px);
  }
}
.endorser-container .endorser-item > .endorser-image.-mio,
.endorser-container .endorser-item > .endorser-image.-subaru {
  margin-left: -15.3846153846vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-item > .endorser-image.-mio,
  .endorser-container .endorser-item > .endorser-image.-subaru {
    margin-left: clamp(-120px, -8.3333333333vw, -64px);
  }
}
.endorser-container .endorser-item > .endorser-image.-hokuto,
.endorser-container .endorser-item > .endorser-image.-yumia {
  margin-left: 7.6923076923vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-item > .endorser-image.-hokuto,
  .endorser-container .endorser-item > .endorser-image.-yumia {
    margin-left: clamp(64px, 8.3333333333vw, 120px);
  }
}
.endorser-container .endorser-item > .endorser-profile {
  width: 69.2307692308vw;
}
@media (max-width: 767.98px) {
  .endorser-container .endorser-item > .endorser-profile {
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .endorser-container .endorser-item > .endorser-profile {
    width: clamp(224px, 29.1666666667vw, 420px);
  }
}
.endorser-container .endorser-item > .endorser-profile.-mio {
  margin-top: 10.2564102564vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-item > .endorser-profile.-mio {
    margin-top: clamp(21.3333333333px, 2.7777777778vw, 40px);
  }
}
.endorser-container .endorser-item > .endorser-profile.-hokuto {
  margin-top: 5.1282051282vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-item > .endorser-profile.-hokuto {
    margin-top: clamp(88.5333333333px, 11.5277777778vw, 166px);
  }
}
.endorser-container .endorser-item > .endorser-profile.-subaru {
  margin-top: 7.6923076923vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-item > .endorser-profile.-subaru {
    margin-top: clamp(42.6666666667px, 5.5555555556vw, 80px);
  }
}
.endorser-container .endorser-item > .endorser-profile.-yumia {
  margin-top: 2.5641025641vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-item > .endorser-profile.-yumia {
    margin-top: clamp(48px, 6.25vw, 90px);
  }
}
.endorser-container .endorser-item:not(:has(.-animated)) > .endorser-profile {
  opacity: 0;
}
.endorser-container .endorser-item:has(.-animated) > .endorser-profile {
  transition: opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.endorser-container .endorser-image {
  overflow: hidden;
  position: relative;
}
.endorser-container .endorser-image.-mio {
  -webkit-mask-image: url("#mask-mio");
          mask-image: url("#mask-mio");
}
.endorser-container .endorser-image.-hokuto {
  -webkit-mask-image: url("#mask-hokuto");
          mask-image: url("#mask-hokuto");
}
.endorser-container .endorser-image.-subaru {
  -webkit-mask-image: url("#mask-subaru");
          mask-image: url("#mask-subaru");
}
.endorser-container .endorser-image.-yumia {
  -webkit-mask-image: url("#mask-yumia");
          mask-image: url("#mask-yumia");
}
.endorser-container .endorser-image > .image {
  position: absolute;
  z-index: 1;

  inset: 0;
}
.endorser-container .endorser-image > .background.-mio {
  fill: var(--color-daiichi-life-blue);
}
.endorser-container .endorser-image > .background.-hokuto {
  fill: var(--color-light-blue);
}
.endorser-container .endorser-image > .background.-subaru {
  fill: var(--color-dark-blue);
}
.endorser-container .endorser-image > .background.-yumia {
  fill: var(--color-blue);
}
.endorser-container .endorser-image > .mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;

  fill: #fff;
}
.endorser-container .endorser-image:not(:has(.-animated)) {
  opacity: 0;
  transform: translateX(calc(var(--translate-x) * var(--direction)));

  --translate-x: 12.8205128205vw;
  --direction: -1;
}
@media (min-width: 768px) {
  .endorser-container .endorser-image:not(:has(.-animated)) {
    --translate-x: clamp(42.6666666667px, 5.5555555556vw, 80px);
  }
}
.endorser-container .endorser-image:not(:has(.-animated)) > .image {
  transform: translateX(calc(var(--translate-x) * var(--direction)));

  --translate-x: 12.8205128205vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-image:not(:has(.-animated)) > .image {
    --translate-x: clamp(42.6666666667px, 5.5555555556vw, 80px);
  }
}
.endorser-container .endorser-image:has(.-animated) {
  transition: opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.endorser-container .endorser-image:has(.-animated) > .image {
  transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1) 0.05s;
}
.endorser-container .endorser-profile > .summary {
  margin-top: 7.6923076923vw;
  text-align: justify;
  color: var(--color-daiichi-life-blue);
  font-size: 3.5897435897vw;
  font-weight: bold;
  line-height: 1.8;
}
@media (min-width: 768px) {
  .endorser-container .endorser-profile > .summary {
    margin-top: clamp(32px, 4.1666666667vw, 60px);
    font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  }
}
.endorser-container .profile-name > .en {
  font-size: 0;
}
@media (min-width: 768px) {
  .endorser-container .profile-name > .en.-hokuto {
    width: clamp(277.3333333333px, 36.1111111111vw, 520px);
  }
}
.endorser-container .profile-name > .jp {
  margin-top: 2.5641025641vw;
  color: var(--color-daiichi-life-blue);
  font-size: 4.1025641026vw;
  font-weight: bold;
  line-height: 1.8;
}
@media (min-width: 768px) {
  .endorser-container .profile-name > .jp {
    margin-top: clamp(10.6666666667px, 1.3888888889vw, 20px);
    font-size: clamp(10.6666666667px, 1.3888888889vw, 20px);
  }
}

.group-container > .group-box {
  padding: 15.3846153846vw 3.8461538462vw 14.358974359vw;
}
@media (min-width: 768px) {
  .group-container > .group-box {
    margin: 0 auto;
    padding: clamp(64px, 8.3333333333vw, 120px) clamp(64px, 8.3333333333vw, 120px) clamp(39.4666666667px, 5.1388888889vw, 74px);
    width: clamp(640px, 83.3333333333vw, 1200px);
  }
}
.group-container .group-box {
  background-color: var(--color-white);
  background-repeat: no-repeat;
  background-position: 50% 46%;
  background-size: contain;
}
.group-container .group-box.lazyloaded {
  background-image: url("../../image/index/group_bg_sm.png");
}
.group-container .lazyloaded::before,
.group-container .lazyloaded::after {
  background-image: url("../../image/index/group_bg_sm.png");
}
@media (min-width: 768px) {
  .group-container .group-box {
    background-position: center center;
  }
  .group-container .group-box.lazyloaded {
    background-image: url("../../image/index/group_bg_lg.png");
  }
  .group-container .lazyloaded::before,
  .group-container .lazyloaded::after {
    background-image: url("../../image/index/group_bg_lg.png");
  }
}
.group-container .group-box > .group-name {
  margin-left: 13.0769230769vw;
  width: 52.0512820513vw;
}
@media (min-width: 768px) {
  .group-container .group-box > .group-name {
    margin-left: clamp(134.4px, 17.5vw, 252px);
    width: clamp(216.5333333333px, 28.1944444444vw, 406px);
  }
}
.group-container .group-box > .text {
  margin-top: 7.6923076923vw;
  text-align: justify;
  color: var(--color-daiichi-life-blue);
  font-size: 3.5897435897vw;
  font-weight: bold;
  line-height: 1.8;
}
@media (min-width: 768px) {
  .group-container .group-box > .text {
    margin-top: clamp(21.3333333333px, 2.7777777778vw, 40px);
    text-align: center;
    font-size: clamp(10.6666666667px, 1.3888888889vw, 20px);
  }
}
.group-container .group-box > .group-companies {
  margin-top: 5.1282051282vw;
  padding-top: 5.1282051282vw;
}
@media (min-width: 768px) {
  .group-container .group-box > .group-companies {
    margin-top: clamp(25.0666666667px, 3.2638888889vw, 47px);
    padding-top: clamp(10.6666666667px, 1.3888888889vw, 20px);
  }
}
@media (min-width: 768px) {
  .group-container .group-box > .group-companies + .group-companies {
    margin-top: clamp(42.6666666667px, 5.5555555556vw, 80px);
  }
}
.group-container .group-name {
  font-size: 0;
}
.group-container .group-name > .link {
  display: block;
}
@media (any-hover: hover) {
  .group-container .group-name > .link {
    transition: opacity 0.15s cubic-bezier(0.42, 0, 1, 1);
  }
  .group-container .group-name > .link:hover {
    opacity: 0.6;
    transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    transition-duration: 0.2s;
  }
}
.group-container .group-companies {
  border-top: solid 0.2564102564vw var(--color-daiichi-life-blue);
}
@media (min-width: 768px) {
  .group-container .group-companies {
    border-top-width: 1px;
  }
}
.group-container .group-companies > .heading {
  text-align: center;
  color: var(--color-daiichi-life-blue);
  font-size: 3.5897435897vw;
  font-weight: 800;
  line-height: 1.8;
}
@media (min-width: 768px) {
  .group-container .group-companies > .heading {
    font-size: clamp(7.4666666667px, 0.9722222222vw, 14px);
  }
}
.group-container .group-companies > .company-items {
  margin-top: 5.1282051282vw;
}
@media (min-width: 768px) {
  .group-container .group-companies > .company-items {
    margin-top: clamp(18.6666666667px, 2.4305555556vw, 35px);
  }
}
.group-container .group-companies > .overseas-items {
  margin-top: 5.1282051282vw;
}
@media (max-width: 767.98px) {
  .group-container .group-companies > .overseas-items {
    padding: 0 2.0512820513vw;
  }
}
@media (min-width: 768px) {
  .group-container .group-companies > .overseas-items {
    margin-top: clamp(9.0666666667px, 1.1805555556vw, 17px);
  }
}
.group-container .company-items {
  display: grid;
  align-items: center;

  grid-template-columns: repeat(2, 1fr);
  gap: 7.6923076923vw 2.5641025641vw;
}
@media (min-width: 768px) {
  .group-container .company-items {
    grid-template-columns: repeat(4, 1fr);
    gap: clamp(21.3333333333px, 2.7777777778vw, 40px) clamp(32px, 4.1666666667vw, 60px);
  }
}
.group-container .company-item > .link {
  display: block;
  font-size: 0;
}
@media (any-hover: hover) {
  .group-container .company-item > .link {
    transition: opacity 0.15s cubic-bezier(0.42, 0, 1, 1);
  }
  .group-container .company-item > .link:hover {
    opacity: 0.6;
    transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    transition-duration: 0.2s;
  }
}
.group-container .overseas-items {
  display: grid;
}
@media (min-width: 768px) {
  .group-container .overseas-items {
    justify-content: space-between;

    grid-template-columns: repeat(3, auto);
    -moz-column-gap: clamp(8px, 1.0416666667vw, 15px);
         column-gap: clamp(8px, 1.0416666667vw, 15px);
  }
}
.group-container .overseas-items > .item {
  letter-spacing: -0.03em;
  font-family: var(--font-family-english);
  font-size: 3.3333333333vw;
  font-weight: 600;
  line-height: 1.5384615385;
}
@media (min-width: 768px) {
  .group-container .overseas-items > .item {
    font-size: clamp(8px, 1.0416666667vw, 15px);
    line-height: 1.6;
  }
}

.modal-container {
  display: grid;
  transition: visibility 0.25s cubic-bezier(0, 0, 0.58, 1), opacity 0.25s cubic-bezier(0, 0, 0.58, 1);
  background-color: var(--color-white);

  place-items: center;
}
.modal-container.-hidden {
  visibility: hidden;
  opacity: 0;
  transition-timing-function: cubic-bezier(0.42, 0, 1, 1);
  transition-duration: 0.15s;
}
.modal-container > .modal-box {
  position: absolute;
  margin: auto;
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 100%;

  inset: 0;
}
.modal-container > .background {
  position: absolute;
  z-index: -1;
  margin: auto;
  width: 461.5384615385vw;

  inset: 0 46.1538461538vw 0 auto;
  fill: var(--color-daiichi-life-blue);
}
@media (min-width: 768px) {
  .modal-container > .background {
    right: 54.8611111111vw;
    width: clamp(960px, 125vw, 1800px);
  }
}
.modal-container .modal-box {
  overflow-y: scroll;
}
.modal-container .modal-box > .modal-movie {
  width: 84.6153846154vw;
}
@media (min-width: 768px) {
  .modal-container .modal-box > .modal-movie {
    width: clamp(512px, 66.6666666667vw, 960px);
  }
}
.modal-container .modal-box > .close {
  display: grid;
  position: fixed;
  top: 0;
  right: 0;
  width: 10.2564102564vw;
  height: 10.2564102564vw;
  background-color: var(--color-daiichi-life-blue);

  place-items: center;
}
@media (min-width: 768px) {
  .modal-container .modal-box > .close {
    width: clamp(42.6666666667px, 5.5555555556vw, 80px);
    height: clamp(42.6666666667px, 5.5555555556vw, 80px);
  }
}
.modal-container .modal-box > .close::before,
.modal-container .modal-box > .close::after {
  content: "";
  width: 4.6153846154vw;
  height: 0.5128205128vw;
  background-color: var(--color-white);

  grid-area: 1/1;
}
@media (min-width: 768px) {
  .modal-container .modal-box > .close::before,
  .modal-container .modal-box > .close::after {
    width: clamp(19.2px, 2.5vw, 36px);
    height: clamp(2.1333333333px, 0.2777777778vw, 4px);
  }
}
.modal-container .modal-box > .close::before {
  rotate: 45deg;
}
.modal-container .modal-box > .close::after {
  rotate: -45deg;
}
@media (any-hover: hover) {
  .modal-container .modal-box > .close {
    transition: opacity 0.15s cubic-bezier(0.42, 0, 1, 1);
  }
  .modal-container .modal-box > .close:hover {
    opacity: 0.8;
    transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    transition-duration: 0.2s;
  }
}
.modal-container .modal-box .modal-movie {
  aspect-ratio: 16/9;
}
.modal-container .modal-box .modal-movie > .iframe {
  width: 100%;
  height: 100%;
  background-color: var(--color-black);
}

.background-container {
  display: grid;
  background-color: var(--color-blue);

  place-content: center;
}
.background-container > .svg {
  width: max(100vw, 100lvh);
  height: max(100vw, 100lvh);
}
.background-container > .svg > path:nth-child(1) {
  fill: var(--color-light-blue);
}
.background-container > .svg > path:nth-child(2) {
  fill: var(--color-daiichi-life-blue);
}
.background-container > .svg > path:nth-child(3) {
  fill: var(--color-dark-blue);
}
.background-container > .svg > path:nth-child(4) {
  fill: var(--color-blue);
}
@media print {
  .background-container > .svg {
    display: none;
  }
}

.play-icon {
  display: grid;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.8);

  place-items: center;
  aspect-ratio: 1;
}
.play-icon > .triangle {
  margin-left: 8.75%;
  width: 30%;
  height: 35%;
  background-color: var(--color-daiichi-life-blue);

  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

.main-container > .statement-container {
  padding: 11.5384615385vw 3.8461538462vw;
}
@media (min-width: 768px) {
  .main-container > .statement-container {
    padding: clamp(37.3333333333px, 4.8611111111vw, 70px) 0;
  }
}
.main-container > .intent-container {
  padding: 25.3846153846vw 7.6923076923vw 37.6923076923vw 15.3846153846vw;
}
@media (min-width: 768px) {
  .main-container > .intent-container {
    padding: clamp(82.6666666667px, 10.7638888889vw, 155px) 0 clamp(85.3333333333px, 11.1111111111vw, 160px);
  }
}
@media (min-width: 768px) {
  .main-container > .movie-container {
    padding-bottom: clamp(30.9333333333px, 4.0277777778vw, 58px);
  }
}
.main-container > .endorser-container {
  margin-top: -1px;
  padding: 21.0256410256vw 0 33.3333333333vw;
}
@media (min-width: 768px) {
  .main-container > .endorser-container {
    padding: clamp(74.6666666667px, 9.7222222222vw, 140px) 0 clamp(76.8px, 10vw, 144px);
  }
}
.main-container > .group-container {
  padding: 16.9230769231vw 3.8461538462vw;
}
@media (min-width: 768px) {
  .main-container > .group-container {
    padding: clamp(60.8px, 7.9166666667vw, 114px) 0;
  }
}
.main-container > .modal-container {
  position: fixed;
  z-index: 100;

  inset: 0;
}
.main-container > .modal-container[data-modal=modal-movie] {
  z-index: 101;
}
.main-container > .background-container {
  position: fixed;
  z-index: -1;

  inset: 0;
}