@charset "UTF-8";
/*
* index.css
*
*/
/* --------------------------------
  index
-------------------------------- */
.kv-container {
  position: relative;
  background-color: var(--color-white);
}
.kv-container > .band {
  margin: 0;
  font-size: 0;
}
.kv-container:not(.-animated) > .band {
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
.kv-container.-animated > .band {
  transition: clip-path 0.4s cubic-bezier(0, 0, 0.58, 1);

  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
@media (min-width: 768px) {
  .kv-container.-animated > .band {
    transition-duration: 0.55s;
  }
}

.statement-container {
  overflow: hidden;
  position: relative;
  background-color: var(--color-statement-background);
  background-image: url("../../image/index/statement_bg_sm.webp");
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
}
@media (min-width: 768px) {
  .statement-container {
    background-image: url("../../image/index/statement_bg_lg.webp");
    background-size: clamp(1706.6666666667px, 133.3333333333vw, 1920px) auto;
  }
}
.statement-container > .cube-wrapper {
  position: absolute;
  margin: auto;

  inset: 0;
}
@media (min-width: 768px) {
  .statement-container > .cube-wrapper {
    width: clamp(1280px, 100vw, 1440px);
  }
}
.statement-container .cube-wrapper {
  pointer-events: none;
}
.statement-container .cube-wrapper > .cube-box {
  position: absolute;
}
.statement-container .cube-wrapper > .cube-box[data-variant="1"] {
  top: -24.1025641026vw;
  right: -13.8461538462vw;
  width: 40vw;
}
@media (min-width: 768px) {
  .statement-container .cube-wrapper > .cube-box[data-variant="1"] {
    top: clamp(-190px, -13.1944444444vw, -168.8888888889px);
    right: clamp(-100px, -6.9444444444vw, -88.8888888889px);
    width: clamp(308.4444444444px, 24.0972222222vw, 347px);
  }
}
.statement-container .cube-wrapper > .cube-box[data-variant="2"] {
  top: 16.4102564103vw;
  left: -2.0512820513vw;
  width: 8.5897435897vw;
}
@media (min-width: 768px) {
  .statement-container .cube-wrapper > .cube-box[data-variant="2"] {
    top: clamp(103.1111111111px, 8.0555555556vw, 116px);
    left: clamp(83.5555555556px, 6.5277777778vw, 94px);
    width: clamp(88.8888888889px, 6.9444444444vw, 100px);
  }
}
.statement-container .cube-wrapper > .cube-box[data-variant="3"] {
  top: 45.641025641vw;
  right: 6.6666666667vw;
  width: 5.7692307692vw;
}
@media (min-width: 768px) {
  .statement-container .cube-wrapper > .cube-box[data-variant="3"] {
    top: clamp(227.5555555556px, 17.7777777778vw, 256px);
    right: clamp(64.8888888889px, 5.0694444444vw, 73px);
    width: clamp(59.5555555556px, 4.6527777778vw, 67px);
  }
}
.statement-container .link-brand {
  display: grid;
  border: solid 0.2564102564vw currentcolor;
  background-color: var(--color-daiichi-life-blue);
  color: var(--color-white);

  grid-template-columns: 1fr auto auto;
}
@media (min-width: 768px) {
  .statement-container .link-brand {
    border-width: 1px;
  }
}
.statement-container .link-brand > .txt {
  padding: 3.0769230769vw 1.5384615385vw;
  text-align: center;
  font-size: 3.5897435897vw;
  font-weight: bold;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .statement-container .link-brand > .txt {
    padding: clamp(20.4444444444px, 1.5972222222vw, 23px) clamp(22.2222222222px, 1.7361111111vw, 25px);
    font-size: clamp(16px, 1.25vw, 18px);
  }
}
.statement-container .link-brand > .txt > .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(17.7777777778px, 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(61.3333333333px, 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.7777777778px, 0.1388888889vw, 2px);
    width: clamp(12.4444444444px, 0.9722222222vw, 14px);
    height: clamp(7.1111111111px, 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(3.5555555556px, 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, -3.5555555556px);
  }
}
@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-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(12.4444444444px, 0.9722222222vw, 14px);
    gap: clamp(3.5555555556px, 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(10.6666666667px, 0.8333333333vw, 12px);
    width: clamp(3.5555555556px, 0.2777777778vw, 4px);
    height: clamp(3.5555555556px, 0.2777777778vw, 4px);
  }
}
.statement-container .link-items {
  display: grid;

  gap: 2.0512820513vw;
  justify-items: start;
}
@media (min-width: 768px) {
  .statement-container .link-items {
    gap: clamp(8.8888888889px, 0.6944444444vw, 10px);
  }
}
.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(12.4444444444px, 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(3.5555555556px, 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.8888888889px);
    margin-left: clamp(4.4444444444px, 0.3472222222vw, 5px);
    padding: clamp(1.3333333333px, 0.1041666667vw, 1.5px) clamp(5.3333333333px, 0.4166666667vw, 6px) clamp(1.3333333333px, 0.1041666667vw, 1.5px);
    border-width: 1px;
    font-size: clamp(10.6666666667px, 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;
  }
}
.statement-container .statement-box {
  display: grid;
  position: relative;
  z-index: 1;

  gap: 25.641025641vw;
}
@media (min-width: 768px) {
  .statement-container .statement-box {
    gap: clamp(222.2222222222px, 17.3611111111vw, 250px);
  }
}
.statement-container .statement-box > .statement-information {
  margin: 0 auto;
  padding: 7.6923076923vw;
  width: 76.9230769231vw;
}
@media (min-width: 768px) {
  .statement-container .statement-box > .statement-information {
    padding: clamp(31.1111111111px, 2.4305555556vw, 35px) clamp(35.5555555556px, 2.7777777778vw, 40px);
    width: clamp(726.2222222222px, 56.7361111111vw, 817px);
  }
}
.statement-container .statement-content {
  display: grid;

  gap: 8.7179487179vw;
}
@media (min-width: 768px) {
  .statement-container .statement-content {
    gap: clamp(56.8888888889px, 4.4444444444vw, 64px);
  }
}
.statement-container .statement-content > .txt {
  margin: 0 auto;
  width: 89.2307692308vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .statement-container .statement-content > .txt {
    width: clamp(576.8888888889px, 45.0694444444vw, 649px);
  }
}
.statement-container .statement-content > .txt[data-scroll-animation]:not(.-animated) {
  opacity: 0;
}
.statement-container .statement-content > .txt[data-scroll-animation].-animated {
  transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.statement-container .statement-content > .statement-link {
  margin: 0 auto;
  width: 83.5897435897vw;
}
@media (min-width: 768px) {
  .statement-container .statement-content > .statement-link {
    width: clamp(506.6666666667px, 39.5833333333vw, 570px);
  }
}
.statement-container .statement-information {
  background-color: var(--color-white);
}
@media (min-width: 768px) {
  .statement-container .statement-information {
    display: grid;
    align-items: center;

    grid-template-columns: auto 1fr;
    gap: clamp(32px, 2.5vw, 36px);
  }
}
@media (max-width: 767.98px) {
  .statement-container .statement-information > .link-items {
    margin-top: 1.5384615385vw;
  }
}
.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 .statement-link > .link {
  display: flex;
  position: relative;
  background: linear-gradient(90deg, #1746ff 0%, #177cff 100%);
}
.statement-container .statement-link > .link > .arrow {
  position: absolute;
  top: 50%;
  right: 5.1282051282vw;
  width: 2.5641025641vw;
  transform: translateY(-50%);

  aspect-ratio: 1;
}
@media (min-width: 768px) {
  .statement-container .statement-link > .link > .arrow {
    right: clamp(32px, 2.5vw, 36px);
    width: clamp(12.4444444444px, 0.9722222222vw, 14px);
  }
}
.statement-container .statement-link > .link > .arrow::before {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  border-top: solid 1px var(--color-white);
  border-right: solid 1px var(--color-white);
  width: 100%;
  transform-origin: center;

  inset: 0;
  aspect-ratio: 1;
  rotate: 45deg;
}
@media (min-width: 768px) {
  .statement-container .statement-link > .link > .arrow::before {
    border-width: 2px;
  }
}
@media (any-hover: hover) {
  .statement-container .statement-link > .link:hover > .arrow {
    animation: hover-arrow-x 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  }
}

.tvcm-container {
  position: relative;
}
.tvcm-container > .title-box {
  position: absolute;
  top: -15.641025641vw;
  left: 5.1282051282vw;
  width: 57.6923076923vw;
}
@media (min-width: 768px) {
  .tvcm-container > .title-box {
    top: clamp(-107px, -7.4305555556vw, -95.1111111111px);
    left: 50%;
    width: clamp(349.3333333333px, 27.2916666667vw, 393px);
    transform: translateX(calc(-50% - clamp(339.5555555556px, 26.5277777778vw, 382px)));
  }
}
.tvcm-container > .tvcm-box {
  padding: 15.3846153846vw 0;
}
@media (min-width: 768px) {
  .tvcm-container > .tvcm-box {
    padding: clamp(108.4444444444px, 8.4722222222vw, 122px) 0 clamp(71.1111111111px, 5.5555555556vw, 80px);
  }
}
.tvcm-container > .cube-wrapper {
  position: absolute;
  z-index: 1;
  margin: auto;

  inset: 0;
}
@media (min-width: 768px) {
  .tvcm-container > .cube-wrapper {
    max-width: clamp(1280px, 100vw, 1440px);
  }
}
.tvcm-container .banner-box {
  display: block;
  position: relative;
}
.tvcm-container .banner-box:not(.-animated) {
  opacity: 0;
}
.tvcm-container .banner-box.-animated {
  transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tvcm-container .banner-box > .arrow {
  position: absolute;
  top: 50%;
  right: 5.1282051282vw;
  width: 2.0512820513vw;
  transform: translateY(-50%);

  aspect-ratio: 1;
}
@media (min-width: 768px) {
  .tvcm-container .banner-box > .arrow {
    right: clamp(30.2222222222px, 2.3611111111vw, 34px);
    width: clamp(11.5555555556px, 0.9027777778vw, 13px);
  }
}
.tvcm-container .banner-box > .arrow::before {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  border-top: solid 1px var(--color-daiichi-life-blue);
  border-right: solid 1px var(--color-daiichi-life-blue);
  width: 100%;
  transform-origin: center;

  inset: 0;
  aspect-ratio: 1;
  rotate: 45deg;
}
@media (any-hover: hover) {
  .tvcm-container .banner-box:hover > .arrow {
    animation: hover-arrow-x 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  }
}
.tvcm-container .card-box > .card-button {
  margin-top: 3.0769230769vw;
  width: 100%;
}
@media (min-width: 768px) {
  .tvcm-container .card-box > .card-button {
    margin-top: clamp(10.6666666667px, 0.8333333333vw, 12px);
  }
}
.tvcm-container .card-button {
  display: grid;
  overflow: hidden;
  position: relative;

  aspect-ratio: 16/9;
}
.tvcm-container .card-button > .thumbnail {
  height: 100%;
}
.tvcm-container .card-button > .thumbnail img {
  height: 100%;

  -o-object-fit: cover;

     object-fit: cover;
}
.tvcm-container .card-button > .play-icon {
  position: absolute;
  z-index: 1;
  margin: auto;
  width: 15.3846153846vw;

  inset: 0;
}
@media (min-width: 768px) {
  .tvcm-container .card-button > .play-icon {
    width: clamp(67.5555555556px, 5.2777777778vw, 76px);
  }
}
@media (any-hover: hover) {
  .tvcm-container .card-button > .thumbnail {
    transition: transform 0.15s cubic-bezier(0.42, 0, 1, 1);
  }
  .tvcm-container .card-button:hover > .thumbnail {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.2s;
    transform: scale(1.05);
  }
}
.tvcm-container .control-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 767.98px) {
  .tvcm-container .control-box {
    row-gap: 3.5897435897vw;
  }
}
.tvcm-container .control-box > .pagination-box {
  width: 100%;
}
.tvcm-container .control-box > .button {
  display: grid;
  overflow: hidden;
  width: 8.2051282051vw;
  height: 8.2051282051vw;

  place-content: center;
  /*
  * Prev / Next Button
  */
  /*
  * Autoplay Button
  */
}
@media (min-width: 768px) {
  .tvcm-container .control-box > .button {
    width: clamp(45.3333333333px, 3.5416666667vw, 51px);
    height: clamp(45.3333333333px, 3.5416666667vw, 51px);
  }
}
.tvcm-container .control-box > .button.-prev,
.tvcm-container .control-box > .button.-next {
  padding-left: 1.0256410256vw;
}
@media (min-width: 768px) {
  .tvcm-container .control-box > .button.-prev,
  .tvcm-container .control-box > .button.-next {
    position: absolute;
    z-index: 1;
    margin: auto;
    padding-left: clamp(17.7777777778px, 1.3888888889vw, 20px);

    inset: auto 0 clamp(204.4444444444px, 15.9722222222vw, 230px);
  }
}
.tvcm-container .control-box > .button.-prev::before,
.tvcm-container .control-box > .button.-next::before {
  content: "";
  border-bottom: 0.2564102564vw solid var(--color-white);
  border-left: 0.2564102564vw solid var(--color-white);
  width: 2.5641025641vw;
  height: 2.5641025641vw;

  rotate: 45deg;
}
@media (min-width: 768px) {
  .tvcm-container .control-box > .button.-prev::before,
  .tvcm-container .control-box > .button.-next::before {
    border-width: clamp(1.7777777778px, 0.1388888889vw, 2px);
    width: clamp(32px, 2.5vw, 36px);
    height: clamp(32px, 2.5vw, 36px);
  }
}
@media (any-hover: hover) {
  .tvcm-container .control-box > .button.-prev::before,
  .tvcm-container .control-box > .button.-next::before {
    transition: translate 0.15s cubic-bezier(0.42, 0, 1, 1);
  }
  .tvcm-container .control-box > .button.-prev:hover::before,
  .tvcm-container .control-box > .button.-next:hover::before {
    transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    transition-duration: 0.2s;

    translate: -20% 0;
  }
}
@media (min-width: 768px) {
  .tvcm-container .control-box > .button.-prev {
    right: clamp(810.6666666667px, 63.3333333333vw, 912px);
  }
}
.tvcm-container .control-box > .button.-next {
  scale: -1;
}
@media (min-width: 768px) {
  .tvcm-container .control-box > .button.-next {
    left: clamp(810.6666666667px, 63.3333333333vw, 912px);
  }
}
@media (min-width: 768px) {
  .tvcm-container .control-box > .button.-autoplay {
    display: none;
  }
}
.tvcm-container .control-box > .button.-autoplay[data-state=playing] {
  grid-template-columns: repeat(2, auto);
  -moz-column-gap: 1.2820512821vw;
       column-gap: 1.2820512821vw;
}
.tvcm-container .control-box > .button.-autoplay[data-state=playing]::before,
.tvcm-container .control-box > .button.-autoplay[data-state=playing]::after {
  content: "";
  width: 0.5128205128vw;
  height: 4.1025641026vw;
  background-color: var(--color-white);
}
.tvcm-container .control-box > .button.-autoplay[data-state=paused] {
  padding-left: 0.5128205128vw;
}
.tvcm-container .control-box > .button.-autoplay[data-state=paused]::before {
  content: "";
  width: 3.0769230769vw;
  height: 3.5897435897vw;
  background-color: var(--color-white);

  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media (any-hover: hover) {
  .tvcm-container .control-box > .button.-autoplay {
    transition: opacity 0.15s cubic-bezier(0.42, 0, 1, 1);
  }
  .tvcm-container .control-box > .button.-autoplay:hover {
    opacity: 0.6;
    transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    transition-duration: 0.2s;
  }
}
.tvcm-container .cube-wrapper {
  pointer-events: none;
}
.tvcm-container .cube-wrapper > .cube-box {
  position: absolute;
}
.tvcm-container .cube-wrapper > .cube-box[data-variant="1"] {
  top: -11.0256410256vw;
  right: 2.0512820513vw;
  width: 18.4615384615vw;
}
@media (min-width: 768px) {
  .tvcm-container .cube-wrapper > .cube-box[data-variant="1"] {
    top: clamp(-98px, -6.8055555556vw, -87.1111111111px);
    right: clamp(21.3333333333px, 1.6666666667vw, 24px);
    width: clamp(168px, 13.125vw, 189px);
  }
}
.tvcm-container .cube-wrapper > .cube-box[data-variant="2"] {
  top: 7.1794871795vw;
  right: -2.0512820513vw;
  width: 8.9743589744vw;
}
@media (min-width: 768px) {
  .tvcm-container .cube-wrapper > .cube-box[data-variant="2"] {
    top: clamp(71.1111111111px, 5.5555555556vw, 80px);
    right: clamp(-36px, -2.5vw, -32px);
    width: clamp(111.1111111111px, 8.6805555556vw, 125px);
  }
}
.tvcm-container .cube-wrapper > .cube-box[data-variant="3"] {
  top: 85.1282051282vw;
  right: 12.3076923077vw;
  width: 7.1794871795vw;
}
@media (min-width: 768px) {
  .tvcm-container .cube-wrapper > .cube-box[data-variant="3"] {
    top: clamp(538.6666666667px, 42.0833333333vw, 606px);
    right: clamp(110.2222222222px, 8.6111111111vw, 124px);
    width: clamp(52px, 4.0625vw, 58.5px);
  }
}
.tvcm-container .cube-wrapper > .cube-box[data-variant="4"] {
  top: 93.8461538462vw;
  right: -1.7948717949vw;
  width: 12.8205128205vw;
}
@media (min-width: 768px) {
  .tvcm-container .cube-wrapper > .cube-box[data-variant="4"] {
    top: clamp(647.1111111111px, 50.5555555556vw, 728px);
    right: clamp(-10px, -0.6944444444vw, -8.8888888889px);
    width: clamp(88.8888888889px, 6.9444444444vw, 100px);
  }
}
.tvcm-container .cube-wrapper > .cube-box[data-variant="5"] {
  bottom: 1.0256410256vw;
  left: 3.0769230769vw;
  width: 5.3846153846vw;
}
@media (min-width: 768px) {
  .tvcm-container .cube-wrapper > .cube-box[data-variant="5"] {
    bottom: clamp(55.1111111111px, 4.3055555556vw, 62px);
    left: clamp(44.4444444444px, 3.4722222222vw, 50px);
    width: clamp(36.4444444444px, 2.8472222222vw, 41px);
  }
}
.tvcm-container .cube-wrapper > .cube-box[data-variant="6"] {
  bottom: -8.2051282051vw;
  left: 10.7692307692vw;
  width: 11.0256410256vw;
}
@media (min-width: 768px) {
  .tvcm-container .cube-wrapper > .cube-box[data-variant="6"] {
    bottom: clamp(-22px, -1.5277777778vw, -19.5555555556px);
    left: clamp(96px, 7.5vw, 108px);
    width: clamp(60px, 4.6875vw, 67.5px);
  }
}
.tvcm-container .card-information {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;

  gap: 2.5641025641vw;
}
@media (min-width: 768px) {
  .tvcm-container .card-information {
    align-items: center;

    -moz-column-gap: clamp(12.4444444444px, 0.9722222222vw, 14px);

         column-gap: clamp(12.4444444444px, 0.9722222222vw, 14px);
  }
}
.tvcm-container .card-information > .copy {
  flex-shrink: 0;
  padding: 1.0256410256vw 0.5128205128vw;
  background-color: color-mix(in srgb, #0526a7, transparent 50%);
  letter-spacing: 0.05em;
  color: var(--color-white);
  font-size: 2.5641025641vw;
  font-weight: 800;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .tvcm-container .card-information > .copy {
    padding: clamp(3.5555555556px, 0.2777777778vw, 4px) clamp(1.7777777778px, 0.1388888889vw, 2px);
    font-size: clamp(14.2222222222px, 1.1111111111vw, 16px);
  }
}
.tvcm-container .card-information > .title {
  flex-shrink: 0;
  letter-spacing: 0.05em;
  color: var(--color-white);
  font-size: 4.1025641026vw;
  font-weight: 700;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .tvcm-container .card-information > .title {
    font-size: clamp(19.5555555556px, 1.5277777778vw, 22px);
    font-weight: 800;
  }
}
.tvcm-container .card-information > .title > .s {
  margin-left: 0.8rem;
  font-size: 0.75em;
}
@media (min-width: 768px) {
  .tvcm-container .card-information > .title > .s {
    margin-left: 1rem;
    font-size: 0.63em;
  }
}
.tvcm-container .message-box {
  position: relative;
}
.tvcm-container .message-box[data-slide-index="1"] > .message:nth-child(1 of .message) {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tvcm-container .message-box[data-slide-index="2"] > .message:nth-child(2 of .message) {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tvcm-container .message-box[data-slide-index="3"] > .message:nth-child(3 of .message) {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1), visibility 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tvcm-container .message-box > .message {
  visibility: hidden;
  opacity: 0;
  font-size: 0;
}
.tvcm-container .message-box > .message:not(:first-child) {
  position: absolute;
  top: 0;
  left: 0;
}
.tvcm-container .message-box.-animated {
  transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tvcm-container .pagination-box {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  gap: 4.1025641026vw 2.0512820513vw;
}
@media (min-width: 768px) {
  .tvcm-container .pagination-box {
    display: none;
  }
}
.tvcm-container .pagination-box > .bullet {
  display: grid;
  width: 2.5641025641vw;
  height: 2.5641025641vw;
  font-size: 0;

  justify-items: center;
}
.tvcm-container .pagination-box > .bullet::before {
  content: "";
  border-radius: 2.5641025641vw;
  width: 2.5641025641vw;
  background-color: var(--color-white);
}
.tvcm-container .pagination-box > .bullet.-active {
  width: 10.2564102564vw;
}
.tvcm-container .pagination-box > .bullet.-active::before {
  border: solid 0.2564102564vw var(--color-white);
  width: 10.2564102564vw;
  transition: width 0.6s cubic-bezier(0.25, 0.1, 0.25, 1);
  background-color: transparent;
}
.tvcm-container .title-box > .title {
  font-size: 0;
}
.tvcm-container .title-box > .title:not(.-animated) {
  opacity: 0;
  transform: translateX(var(--translate-x));

  --translate-x: -20.5128205128vw;
}
@media (min-width: 768px) {
  .tvcm-container .title-box > .title:not(.-animated) {
    --translate-x: clamp(-160px, -11.1111111111vw, -142.2222222222px);
  }
}
.tvcm-container .title-box > .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);
}
.tvcm-container .tvcm-box {
  position: relative;
  z-index: 1;
  background-color: var(--color-daiichi-life-blue);
}
@media (min-width: 768px) {
  .tvcm-container .tvcm-box > .tvcm-slider {
    margin: 0 auto;
    width: clamp(1280px, 100vw, 1440px);
  }
}
.tvcm-container .tvcm-box > .tvcm-slider:not(.-animated) {
  opacity: 0;
}
.tvcm-container .tvcm-box > .tvcm-slider:not(.-animated) ~ .message-box {
  opacity: 0;
}
.tvcm-container .tvcm-box > .tvcm-slider.-animated {
  transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.tvcm-container .tvcm-box > .message-box {
  margin-top: 8.7179487179vw;
}
@media (min-width: 768px) {
  .tvcm-container .tvcm-box > .message-box {
    margin: clamp(58.6666666667px, 4.5833333333vw, 66px) auto 0;
    width: clamp(802.6666666667px, 62.7083333333vw, 903px);
  }
}
.tvcm-container .tvcm-box > .banner-box {
  margin: 4.6153846154vw auto 0;
  width: 71.5384615385vw;
}
@media (min-width: 768px) {
  .tvcm-container .tvcm-box > .banner-box {
    margin-top: clamp(26.6666666667px, 2.0833333333vw, 30px);
    width: clamp(479.1111111111px, 37.4305555556vw, 539px);
  }
}
.tvcm-container .tvcm-box > .wave {
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  pointer-events: none;

  will-change: clip-path;
  backface-visibility: hidden;
}
.tvcm-container .tvcm-box > .wave:not(.-animated) {
  clip-path: inset(0% 100% 0% 0%);
}
.tvcm-container .tvcm-box > .wave.-animated {
  transition: clip-path 0.7s cubic-bezier(0.645, 0.045, 0.355, 1);

  clip-path: inset(0% 0% 0% 0%);
}
.tvcm-container .tvcm-slider > .swiper {
  /* stylelint-disable rscss/no-descendant-combinator, rscss/class-format */
  /* stylelint-enable rscss/no-descendant-combinator, rscss/class-format */
}
.tvcm-container .tvcm-slider > .swiper .swiper-slide {
  padding: 0 2.0512820513vw;
  width: 91.7948717949vw;
}
@media (min-width: 768px) {
  .tvcm-container .tvcm-slider > .swiper .swiper-slide {
    padding: 0 clamp(8px, 0.625vw, 9px);
    width: clamp(789.3333333333px, 61.6666666667vw, 888px);
  }
}
@media (max-width: 767.98px) {
  .tvcm-container .tvcm-slider > .swiper .control-box {
    margin-top: 4.6153846154vw;
  }
}

.movie-container {
  background-color: var(--color-white);
}
.movie-container .banner-box > .banner {
  display: block;
}
@media (min-width: 768px) {
  .movie-container .banner-box > .banner {
    margin: 0 auto;
    width: clamp(1137.7777777778px, 88.8888888889vw, 1280px);
  }
}
@media (any-hover: hover) {
  .movie-container .banner-box > .banner {
    transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  }
  .movie-container .banner-box > .banner:hover {
    opacity: 0.6;
  }
}
.movie-container .banner-box:not(.-animated) {
  opacity: 0;
}
.movie-container .banner-box.-animated {
  transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.endorser-container {
  position: relative;
  background-color: var(--color-white);
}
@media (min-width: 768px) {
  .endorser-container > .endorser-box {
    margin: 0 auto;
    width: clamp(1280px, 100vw, 1440px);
  }
}
.endorser-container > .cube-box {
  position: absolute;
}
.endorser-container > .cube-box[data-variant="1"] {
  top: -12.3076923077vw;
  right: 6.6666666667vw;
  width: 18.9743589744vw;
}
@media (min-width: 768px) {
  .endorser-container > .cube-box[data-variant="1"] {
    top: clamp(-36px, -2.5vw, -32px);
    right: auto;
    left: clamp(32px, 2.5vw, 36px);
    width: clamp(104.8888888889px, 8.1944444444vw, 118px);
  }
}
.endorser-container > .cube-box[data-variant="2"] {
  top: 8.2051282051vw;
  right: -2.3076923077vw;
  width: 10vw;
}
@media (min-width: 768px) {
  .endorser-container > .cube-box[data-variant="2"] {
    top: clamp(74.6666666667px, 5.8333333333vw, 84px);
    right: auto;
    left: clamp(-15px, -1.0416666667vw, -13.3333333333px);
    width: clamp(55.1111111111px, 4.3055555556vw, 62px);
  }
}
.endorser-container .endorser-title {
  display: grid;
}
.endorser-container .endorser-title > .txt {
  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 {
  display: grid;
  align-items: flex-start;
  justify-content: center;

  grid-template-columns: repeat(2, 31.2820512821vw);
  gap: 4.6153846154vw 6.6666666667vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-items {
    grid-template-columns: repeat(4, clamp(220.4444444444px, 17.2222222222vw, 248px));
    gap: clamp(48px, 3.75vw, 54px);
  }
}
@media (min-width: 768px) {
  .endorser-container .endorser-items > .endorser-item.-subaru {
    padding-top: clamp(5.3333333333px, 0.4166666667vw, 6px);
  }
}
.endorser-container .endorser-items > .endorser-item.-mio {
  padding-top: 1.5384615385vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-items > .endorser-item.-mio {
    padding-top: clamp(12.4444444444px, 0.9722222222vw, 14px);
  }
}
.endorser-container .endorser-items > .endorser-item.-yumia {
  padding-top: 2.0512820513vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-items > .endorser-item.-yumia {
    padding-top: clamp(17.7777777778px, 1.3888888889vw, 20px);
  }
}
.endorser-container .endorser-item {
  display: grid;

  gap: 2.5641025641vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-item {
    gap: clamp(17.7777777778px, 1.3888888889vw, 20px);
  }
}
.endorser-container .endorser-item > .endorser-image.-subaru {
  width: 35.3846153846vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-item > .endorser-image.-subaru {
    width: clamp(247.1111111111px, 19.3055555556vw, 278px);
  }
}
.endorser-container .endorser-item > .endorser-image.-mio {
  width: 37.4358974359vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-item > .endorser-image.-mio {
    width: clamp(264.8888888889px, 20.6944444444vw, 298px);
  }
}
.endorser-container .endorser-item > .endorser-profile {
  margin-top: auto;
  width: 31.2820512821vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-item > .endorser-profile {
    width: clamp(220.4444444444px, 17.2222222222vw, 248px);
  }
}
.endorser-container .endorser-item:not(.-animated) > .endorser-image {
  opacity: 0;
  transform: translate3d(calc(var(--translate-x) * var(--direction)), 0, 0);

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

  --translate-x: 12.8205128205vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-item:not(.-animated) > .endorser-image > .image {
    --translate-x: clamp(71.1111111111px, 5.5555555556vw, 80px);
  }
}
.endorser-container .endorser-item:not(.-animated) > .endorser-profile {
  opacity: 0;
}
.endorser-container .endorser-item.-animated {
  --delay-time: 0.05s;
}
.endorser-container .endorser-item.-animated:nth-child(1 of .endorser-item) > .endorser-image {
  transition-delay: calc(var(--delay-time) * 1);
}
.endorser-container .endorser-item.-animated:nth-child(1 of .endorser-item) > .endorser-image > .image {
  transition-delay: calc(var(--delay-time) + 0.05s);
}
.endorser-container .endorser-item.-animated:nth-child(1 of .endorser-item) > .endorser-profile {
  transition-delay: calc(var(--delay-time) + 0.05s);
}
.endorser-container .endorser-item.-animated:nth-child(2 of .endorser-item) > .endorser-image {
  transition-delay: calc(var(--delay-time) * 2);
}
.endorser-container .endorser-item.-animated:nth-child(2 of .endorser-item) > .endorser-image > .image {
  transition-delay: calc(var(--delay-time) + 0.1s);
}
.endorser-container .endorser-item.-animated:nth-child(2 of .endorser-item) > .endorser-profile {
  transition-delay: calc(var(--delay-time) + 0.1s);
}
.endorser-container .endorser-item.-animated:nth-child(3 of .endorser-item) > .endorser-image {
  transition-delay: calc(var(--delay-time) * 3);
}
.endorser-container .endorser-item.-animated:nth-child(3 of .endorser-item) > .endorser-image > .image {
  transition-delay: calc(var(--delay-time) + 0.15s);
}
.endorser-container .endorser-item.-animated:nth-child(3 of .endorser-item) > .endorser-profile {
  transition-delay: calc(var(--delay-time) + 0.15s);
}
.endorser-container .endorser-item.-animated:nth-child(4 of .endorser-item) > .endorser-image {
  transition-delay: calc(var(--delay-time) * 4);
}
.endorser-container .endorser-item.-animated:nth-child(4 of .endorser-item) > .endorser-image > .image {
  transition-delay: calc(var(--delay-time) + 0.2s);
}
.endorser-container .endorser-item.-animated:nth-child(4 of .endorser-item) > .endorser-profile {
  transition-delay: calc(var(--delay-time) + 0.2s);
}
.endorser-container .endorser-item.-animated > .endorser-image {
  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-item.-animated > .endorser-image > .image {
  transition: transform 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.endorser-container .endorser-item.-animated > .endorser-profile {
  transition: opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.endorser-container .endorser-image {
  overflow: hidden;
  align-self: flex-end;
  position: relative;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  will-change: transform, opacity;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: 100% 100%;
          mask-position: center;
          mask-repeat: no-repeat;
          mask-size: 100% 100%;
}
.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;
  pointer-events: none;

  fill: var(--color-white);
}
.endorser-container .endorser-profile {
  display: grid;

  gap: 3.0769230769vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-profile {
    gap: clamp(8.8888888889px, 0.6944444444vw, 10px);
  }
}
.endorser-container .endorser-profile > .more-button {
  margin: 0 auto;
  width: 23.0769230769vw;
  height: 7.9487179487vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-profile > .more-button {
    width: clamp(86.2222222222px, 6.7361111111vw, 97px);
    height: clamp(30.2222222222px, 2.3611111111vw, 34px);
  }
}
.endorser-container .endorser-box {
  display: grid;
  position: relative;

  gap: 5.641025641vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-box {
    gap: clamp(35.5555555556px, 2.7777777778vw, 40px);
  }
}
.endorser-container .endorser-box > .endorser-title {
  margin-left: 7.6923076923vw;
  width: 62.5641025641vw;
}
@media (min-width: 768px) {
  .endorser-container .endorser-box > .endorser-title {
    margin: 0 auto;
    width: clamp(387.5555555556px, 30.2777777778vw, 436px);
  }
}
.endorser-container .more-button {
  display: block;
  position: relative;
}
@media (any-hover: hover) {
  .endorser-container .more-button:hover > .arrow {
    animation: hover-arrow-x 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  }
}
.endorser-container .more-button > .txt {
  font-size: 0;
}
.endorser-container .more-button > .arrow {
  position: absolute;
  top: 50%;
  right: 6.1538461538vw;
  width: 2.0512820513vw;
  height: 2.0512820513vw;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .endorser-container .more-button > .arrow {
    right: clamp(19.5555555556px, 1.5277777778vw, 22px);
    width: clamp(7.1111111111px, 0.5555555556vw, 8px);
    height: clamp(7.1111111111px, 0.5555555556vw, 8px);
  }
}
.endorser-container .more-button > .arrow::before {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  border-right: 1px solid var(--color-daiichi-life-blue);
  border-bottom: 1px solid var(--color-daiichi-life-blue);
  transform-origin: center;

  inset: 0;
  rotate: -45deg;
}

/* stylelint-disable */
.story-container {
  position: relative;
  z-index: 0;
  background: var(--color-daiichi-life-blue);
}
.story-container > .home-story-section {
  position: relative;
  z-index: 3;
  padding: 6.7rem 3rem 8rem;
  background: transparent;
}
@media (min-width: 768px) {
  .story-container > .home-story-section {
    padding: 10.8rem 3rem 10rem;
  }
}
@media (min-width: 768px) {
  .story-container > .home-story-section > .home-story-section__inner > .home-story-section__head {
    margin: 0 auto;
    padding: 0 11rem;
    width: 138rem;
  }
}
.story-container > .home-story-section > .home-story-section__inner > .home-story-section__head > .home-heading2 {
  position: relative;
  padding-left: 0;
  border-left: none;
}
.story-container > .home-story-section > .home-story-section__inner > .home-story-section__head > .home-heading2:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 10.2rem;
  height: 3.85rem;
  background: url(../../image/index/story_title_sm.webp) no-repeat center/contain;
}
@media (min-width: 768px) {
  .story-container > .home-story-section > .home-story-section__inner > .home-story-section__head > .home-heading2:before {
    width: 12.15rem;
    height: 4.6rem;
    background-image: url(../../image/index/story_title_lg.webp);
  }
}
.story-container > .home-story-section > .home-story-section__inner > .home-story-section__head > .home-heading2 + * {
  margin-top: 5.4rem;
}
.story-container > .home-story-section > .home-story-section__inner > .home-story-section__head > .home-heading2 > .home-heading2__title {
  opacity: 0;
  font-size: 0;
}
.story-container > .home-story-section > .home-story-section__inner > .home-story-section__head > .home-lead {
  word-break: auto-phrase;
  font-size: 2.2rem;
  font-weight: 800;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .story-container > .home-story-section > .home-story-section__inner > .home-story-section__head > .home-lead {
    font-size: 5rem;
  }
}
.story-container > .home-story-section > .home-story-section__inner > .home-story-section__body {
  margin-top: 3rem;
}
@media (min-width: 768px) {
  .story-container > .home-story-section > .home-story-section__inner > .home-story-section__body {
    margin-top: 7.6rem;
  }
}
.story-container > .home-story-section > .home-story-section__inner > .home-story-section__body > .home-story-theme {
  display: flex;
  justify-content: center;

  gap: 0.6rem;
}
.story-container > .home-story-section > .home-story-section__inner > .home-story-section__body > .home-story-theme > .home-story-theme__title {
  display: flex;
  align-items: center;
  font-size: 3.5897435897vw;
  font-weight: 700;
  line-height: 1.3;

  gap: 1.5384615385vw;
}
@media (min-width: 768px) {
  .story-container > .home-story-section > .home-story-section__inner > .home-story-section__body > .home-story-theme > .home-story-theme__title {
    padding-right: 0;
    border-right: none;
    font-size: 1.8rem;

    gap: 0.6rem;
  }
}
.story-container > .home-story-section > .home-story-section__inner > .home-story-section__body > .home-story-theme > .home-story-theme__title::after {
  content: "";
  display: block;
  width: 1px;
  height: 80%;
  background-color: var(--color-white);
}
@media (min-width: 768px) {
  .story-container > .home-story-section > .home-story-section__inner > .home-story-section__body > .home-story-theme > .home-story-theme__title::after {
    height: 1.6rem;
  }
}
.story-container > .home-story-section > .home-story-section__inner > .home-story-section__body > .home-story-theme > .home-story-theme__list {
  margin-top: 0;
}
.story-container > .home-story-section > .home-story-section__inner > .home-story-section__body > .home-story-theme > .home-story-theme__list > li {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .story-container > .home-story-section > .home-story-section__inner > .home-story-section__body > .home-story-theme > .home-story-theme__list > li {
    font-size: 1.8rem;
  }
}
@media (min-width: 768px) {
  .story-container > .home-story-section > .home-story-section__inner > .home-story-section__body > .home-story-carousel {
    margin-top: 2.8rem;
  }
}
.story-container > .home-story-section > .home-story-section__inner .story-cmn-card {
  background-color: var(--color-white);
}
.story-container > .home-story-section > .home-story-section__inner .story-cmn-card .story-cmn-card__head {
  padding: 0 3rem;
}
@media (min-width: 768px) {
  .story-container > .home-story-section > .home-story-section__inner .story-cmn-card .story-cmn-card__head {
    padding: 0 5.6rem;
  }
}
.story-container > .home-story-section > .home-story-section__inner .story-cmn-card .story-cmn-card__head img {
  -o-object-fit: cover;
     object-fit: cover;
}
.story-container > .home-story-section > .home-story-section__inner .story-cmn-card .story-cmn-card__title {
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .story-container > .home-story-section > .home-story-section__inner .story-cmn-card .story-cmn-card__title {
    font-size: 2rem;
  }
}
.story-container > .home-story-section > .home-story-section__inner .story-cmn-card .story-cmn-card__title__type {
  color: var(--color-black);
}
.story-container > .home-story-section > .home-story-section__inner > .home-story-section__foot {
  position: relative;
}
@media (max-width: 767.98px) {
  .story-container > .home-story-section > .home-story-section__inner > .home-story-section__foot {
    margin-top: 1.8rem;
  }
}
@media (min-width: 768px) {
  .story-container > .home-story-section > .home-story-section__inner > .home-story-section__foot {
    align-items: center;
    flex-direction: column;
  }
}
@media (max-width: 767.98px) {
  .story-container > .home-story-section > .home-story-section__inner > .home-story-section__foot .home-story-carousel__pager {
    justify-content: center;
  }
}
@media (max-width: 767.98px) {
  .story-container > .home-story-section > .home-story-section__inner > .home-story-section__foot .home-story-carousel__switch {
    position: absolute;
    top: 2.5rem;
    left: 50%;
    margin: 0;
    transform: translateX(-50%);
  }
}
.story-container > .home-story-section > .home-story-section__inner > .home-story-section__foot .home-story-section__button-wrap {
  margin-top: 7.8rem;
}
@media (min-width: 768px) {
  .story-container > .home-story-section > .home-story-section__inner > .home-story-section__foot .home-story-section__button-wrap {
    margin: 3rem auto 0;
    width: 43.6rem;
  }
}
@media (max-width: 767.98px) {
  .story-container > .home-story-section > .home-story-section__inner > .home-story-section__foot .home-story-carousel__arrows {
    justify-content: center;
    position: absolute;
    top: 2rem;
    left: 50%;
    transform: translateX(-50%);

    gap: 2.5rem;
  }
}
.story-container > .home-story-section > .home-story-section__inner .slick-dots > li.slick-active > button {
  border-color: var(--color-daiichi-life-blue);
  width: 4rem !important;
  height: 1rem !important;
  background-color: transparent;
}
.story-container > .home-story-section > .home-story-section__inner .slick-dots > li > button {
  border-color: var(--color-daiichi-life-blue);
  outline-color: var(--color-daiichi-life-blue);
  width: 1rem;
  height: 1rem;
  min-height: unset;
  background-color: var(--color-daiichi-life-blue);
}
.story-container > .home-story-section > .home-story-section__inner .slick-dots > li > button::after {
  background-color: var(--color-daiichi-life-blue);
}
.story-container > .home-story-section > .home-story-section__inner .slick-arrow:after {
  background-image: url(../../image/common/icon_arrow.svg);
}
.story-container > .home-story-section > .home-story-section__inner .home-story-carousel__switch__pause {
  background-image: url(../../image/common/icon_pause.svg);
}
.story-container > .home-story-section > .home-story-section__inner .home-story-carousel__switch__play {
  background-image: url(../../image/common/icon_play.svg);
}
.story-container > .home-story-section > .home-story-section__inner .home-story-section__button-wrap .button-v2__type {
  padding: 1.6rem 0;
  border-radius: unset;
  background-color: var(--color-daiichi-life-blue);
  color: var(--color-white);
}
@media (min-width: 768px) {
  .story-container > .home-story-section > .home-story-section__inner .home-story-section__button-wrap .button-v2__type {
    padding: 2rem 0;
  }
}
.story-container > .home-story-section > .home-story-section__inner .home-story-section__button-wrap .button-v2__type .button-v2__label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 0;
  font-size: 1.6rem;

  gap: 1rem;
}
@media (min-width: 768px) {
  .story-container > .home-story-section > .home-story-section__inner .home-story-section__button-wrap .button-v2__type .button-v2__label {
    font-size: 1.8rem;

    gap: 1rem;
  }
}
.story-container > .home-story-section > .home-story-section__inner .home-story-section__button-wrap .button-v2__type .button-v2__label::after {
  position: relative;
  top: auto;
  right: auto;
  margin-top: 0.2rem;
  background-image: url(../../image/common/icon_arrow_white.svg);
}
@media (min-width: 768px) {
  .story-container > .home-story-section > .home-story-section__inner .home-story-section__button-wrap .button-v2__type .button-v2__label::after {
    margin-top: -0.2rem;
  }
}
.story-container > .bg {
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 102.5641025641vw;
  background: url("../../image/index/story_bg_sm.webp") repeat center top/cover;
  background-color: var(--color-white);
}
@media (min-width: 768px) {
  .story-container > .bg {
    height: 50%;
    max-height: clamp(430.2222222222px, 33.6111111111vw, 484px);
    background-image: url("../../image/index/story_bg_lg.webp");
    background-size: contain;
  }
}
.story-container > .cube-wrapper {
  position: absolute;
  margin: auto;

  inset: 0;
}
@media (min-width: 768px) {
  .story-container > .cube-wrapper {
    width: clamp(1280px, 100vw, 1440px);
  }
}
.story-container .cube-wrapper {
  pointer-events: none;
}
.story-container .cube-wrapper > .cube-box {
  position: absolute;
}
.story-container .cube-wrapper > .cube-box[data-variant="1"] {
  z-index: 2;
  top: -12.8205128205vw;
  right: -10.7692307692vw;
  width: 32.5641025641vw;
}
@media (min-width: 768px) {
  .story-container .cube-wrapper > .cube-box[data-variant="1"] {
    top: clamp(-92px, -6.3888888889vw, -81.7777777778px);
    right: clamp(-46px, -3.1944444444vw, -40.8888888889px);
    width: clamp(153.7777777778px, 12.0138888889vw, 173px);
  }
}
.story-container .cube-wrapper > .cube-box[data-variant="2"] {
  top: 9.2307692308vw;
  right: 20vw;
  width: 15.641025641vw;
}
@media (min-width: 768px) {
  .story-container .cube-wrapper > .cube-box[data-variant="2"] {
    top: clamp(66.6666666667px, 5.2083333333vw, 75px);
    right: clamp(124.4444444444px, 9.7222222222vw, 140px);
    width: clamp(73.7777777778px, 5.7638888889vw, 83px);
  }
}
.story-container .cube-wrapper > .cube-box[data-variant="3"] {
  top: 22.0512820513vw;
  right: 3.5897435897vw;
  width: 9.8717948718vw;
}
@media (min-width: 768px) {
  .story-container .cube-wrapper > .cube-box[data-variant="3"] {
    top: clamp(149.3333333333px, 11.6666666667vw, 168px);
    right: clamp(-8px, -0.5555555556vw, -7.1111111111px);
    width: clamp(47.1111111111px, 3.6805555556vw, 53px);
  }
}

/* stylelint-enable */
.sns-container {
  position: relative;
  background: linear-gradient(0deg, var(--color-white) 0%, var(--color-light-gray-02) 62.8%);
}
@media (min-width: 768px) {
  .sns-container {
    background: linear-gradient(270deg, var(--color-white) 0%, var(--color-light-gray-02) 100%);
  }
}
@media (min-width: 768px) {
  .sns-container > .sns-box {
    margin: 0 auto;
    max-width: clamp(1031.1111111111px, 80.5555555556vw, 1160px);
  }
}
.sns-container > .cube-wrapper {
  position: absolute;
  margin: auto;

  inset: 0;
}
@media (min-width: 768px) {
  .sns-container > .cube-wrapper {
    width: clamp(1280px, 100vw, 1440px);
  }
}
.sns-container .cube-wrapper {
  pointer-events: none;
}
.sns-container .cube-wrapper > .cube-box {
  position: absolute;
  z-index: 1;
}
.sns-container .cube-wrapper > .cube-box[data-variant="1"] {
  top: -11.5384615385vw;
  right: -1.2820512821vw;
  width: 21.5384615385vw;
}
@media (min-width: 768px) {
  .sns-container .cube-wrapper > .cube-box[data-variant="1"] {
    top: clamp(-70px, -4.8611111111vw, -62.2222222222px);
    right: clamp(80px, 6.25vw, 90px);
    width: clamp(153.7777777778px, 12.0138888889vw, 173px);
  }
}
.sns-container .cube-wrapper > .cube-box[data-variant="2"] {
  top: 12.8205128205vw;
  width: 5vw;
}
@media (max-width: 767.98px) {
  .sns-container .cube-wrapper > .cube-box[data-variant="2"] {
    left: 12.8205128205vw;
  }
}
@media (min-width: 768px) {
  .sns-container .cube-wrapper > .cube-box[data-variant="2"] {
    top: clamp(58.6666666667px, 4.5833333333vw, 66px);
    right: clamp(414.2222222222px, 32.3611111111vw, 466px);
    width: clamp(80.8888888889px, 6.3194444444vw, 91px);
  }
}
.sns-container .cube-wrapper > .cube-box[data-variant="3"] {
  top: 12.8205128205vw;
  right: -2.0512820513vw;
  width: 9.8717948718vw;
}
@media (min-width: 768px) {
  .sns-container .cube-wrapper > .cube-box[data-variant="3"] {
    top: clamp(140.4444444444px, 10.9722222222vw, 158px);
    right: clamp(179.5555555556px, 14.0277777778vw, 202px);
    width: clamp(173.3333333333px, 13.5416666667vw, 195px);
  }
}
.sns-container .cube-wrapper > .cube-box[data-variant="4"] {
  top: 65.641025641vw;
  right: 7.1794871795vw;
  width: 6.2820512821vw;
}
@media (min-width: 768px) {
  .sns-container .cube-wrapper > .cube-box[data-variant="4"] {
    top: clamp(300.4444444444px, 23.4722222222vw, 338px);
    right: clamp(380.4444444444px, 29.7222222222vw, 428px);
    width: clamp(47.1111111111px, 3.6805555556vw, 53px);
  }
}
@media (min-width: 768px) {
  .sns-container .cube-wrapper > .cube-box[data-variant="5"] {
    top: clamp(330.6666666667px, 25.8333333333vw, 372px);
    right: clamp(106.6666666667px, 8.3333333333vw, 120px);
    width: clamp(63.1111111111px, 4.9305555556vw, 71px);
  }
}
.sns-container .sns-box {
  display: grid;

  gap: 5.1282051282vw;
}
@media (min-width: 768px) {
  .sns-container .sns-box {
    gap: clamp(40.8888888889px, 3.1944444444vw, 46px);
  }
}
@media (min-width: 768px) {
  .sns-container .sns-box > .sns-list {
    margin-left: clamp(-3px, -0.2083333333vw, -2.6666666667px);
  }
}
.sns-container .sns-item > .link {
  display: block;
  border-radius: 100vw;
  background-color: var(--color-white);
}
@media (any-hover: hover) {
  .sns-container .sns-item > .link {
    transition: opacity 0.15s cubic-bezier(0.42, 0, 1, 1);
  }
  .sns-container .sns-item > .link:hover {
    opacity: 0.6;
    transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
    transition-duration: 0.2s;
  }
}
.sns-container .sns-list {
  display: grid;

  grid-template-columns: repeat(4, 15.3846153846vw);
  gap: 5.3846153846vw;
}
@media (max-width: 767.98px) {
  .sns-container .sns-list {
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .sns-container .sns-list {
    grid-template-columns: repeat(4, clamp(74.6666666667px, 5.8333333333vw, 84px));
    gap: clamp(18.6666666667px, 1.4583333333vw, 21px);
  }
}
@media (max-width: 767.98px) {
  .sns-container .title-box {
    display: grid;
    justify-content: center;

    gap: 3.5897435897vw;
  }
}
@media (min-width: 768px) {
  .sns-container .title-box {
    display: flex;
    align-items: flex-end;

    gap: clamp(24.8888888889px, 1.9444444444vw, 28px);
  }
}
.sns-container .title-box > .title {
  font-size: 0;
}
@media (max-width: 767.98px) {
  .sns-container .title-box > .title {
    margin: 0 auto;
  }
}
.sns-container .title-box > .title[data-variant=main] {
  width: 36.9230769231vw;
}
@media (min-width: 768px) {
  .sns-container .title-box > .title[data-variant=main] {
    width: clamp(224px, 17.5vw, 252px);
  }
}
.sns-container .title-box > .title[data-variant=sub] {
  width: 77.1794871795vw;
}
@media (min-width: 768px) {
  .sns-container .title-box > .title[data-variant=sub] {
    width: clamp(380.4444444444px, 29.7222222222vw, 428px);

    translate: 0 clamp(-4px, -0.2777777778vw, -3.5555555556px);
  }
}
.sns-container .title-box:not(.-animated) > .title {
  opacity: 0;
  transform: translateX(var(--translate-x));

  --translate-x: -20.5128205128vw;
}
@media (min-width: 768px) {
  .sns-container .title-box:not(.-animated) > .title {
    --translate-x: clamp(-160px, -11.1111111111vw, -142.2222222222px);
  }
}
.sns-container .title-box:not(.-animated) ~ .sns-list {
  opacity: 0;
}
.sns-container .title-box.-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);
}
@media (max-width: 767.98px) {
  .sns-container .title-box.-animated > .title[data-variant=sub] {
    transition-delay: 0.05s;
  }
}
.sns-container .title-box.-animated ~ .sns-list {
  transition: opacity 0.7s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.45s;
}

.group-container {
  position: relative;
  z-index: 1;
}
.group-container > .group-box {
  padding: 15.3846153846vw 3.8461538462vw 14.358974359vw;
}
@media (min-width: 768px) {
  .group-container > .group-box {
    margin: 0 auto;
    padding: clamp(106.6666666667px, 8.3333333333vw, 120px) clamp(106.6666666667px, 8.3333333333vw, 120px) clamp(65.7777777778px, 5.1388888889vw, 74px);
    width: clamp(1066.6666666667px, 83.3333333333vw, 1200px);
  }
}
.group-container > .cube-wrapper {
  position: absolute;
  margin: auto;

  inset: 0;
}
@media (min-width: 768px) {
  .group-container > .cube-wrapper {
    width: clamp(1280px, 100vw, 1440px);
  }
}
.group-container .company-items {
  display: grid;
  align-items: center;
  justify-content: start;

  grid-template-columns: repeat(2, auto);
  row-gap: 7.6923076923vw;
}
@media (min-width: 768px) {
  .group-container .company-items {
    grid-template-columns: repeat(4, auto);
    row-gap: clamp(35.5555555556px, 2.7777777778vw, 40px);
  }
}
.group-container .company-items > .company-item {
  width: 38.7179487179vw;
}
@media (max-width: 767.98px) {
  .group-container .company-items > .company-item:nth-child(2n) {
    margin-left: -0.5128205128vw;
  }
}
@media (min-width: 768px) {
  .group-container .company-items > .company-item {
    width: clamp(173.3333333333px, 13.5416666667vw, 195px);
  }
  .group-container .company-items > .company-item:nth-child(4n+1) {
    margin-right: clamp(44.4444444444px, 3.4722222222vw, 50px);
  }
  .group-container .company-items > .company-item:nth-child(4n+2) {
    margin-right: clamp(37.3333333333px, 2.9166666667vw, 42px);
  }
  .group-container .company-items > .company-item:nth-child(4n+3) {
    margin-right: clamp(35.5555555556px, 2.7777777778vw, 40px);
  }
}
.group-container .company-items > .company-item.-dlri {
  width: 46.4102564103vw;
}
@media (min-width: 768px) {
  .group-container .company-items > .company-item.-dlri {
    width: clamp(216px, 16.875vw, 243px);
  }
}
.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 .cube-wrapper {
  pointer-events: none;
}
.group-container .cube-wrapper > .cube-box {
  position: absolute;
}
.group-container .cube-wrapper > .cube-box[data-variant="1"] {
  top: -12.3076923077vw;
  left: 2.0512820513vw;
  width: 8.7179487179vw;
}
@media (min-width: 768px) {
  .group-container .cube-wrapper > .cube-box[data-variant="1"] {
    top: clamp(-40px, -2.7777777778vw, -35.5555555556px);
    left: clamp(-20px, -1.3888888889vw, -17.7777777778px);
    width: clamp(80.8888888889px, 6.3194444444vw, 91px);
  }
}
.group-container .cube-wrapper > .cube-box[data-variant="2"] {
  top: -2.3076923077vw;
  left: 12.8205128205vw;
  width: 5.3846153846vw;
}
@media (min-width: 768px) {
  .group-container .cube-wrapper > .cube-box[data-variant="2"] {
    top: clamp(199.1111111111px, 15.5555555556vw, 224px);
    left: clamp(-18px, -1.25vw, -16px);
    width: clamp(52.4444444444px, 4.0972222222vw, 59px);
  }
}
.group-container .cube-wrapper > .cube-box[data-variant="3"] {
  top: 7.6923076923vw;
  left: 0;
  width: 16.4102564103vw;
}
@media (min-width: 768px) {
  .group-container .cube-wrapper > .cube-box[data-variant="3"] {
    top: clamp(58.6666666667px, 4.5833333333vw, 66px);
    left: clamp(35.5555555556px, 2.7777777778vw, 40px);
    width: clamp(116.4444444444px, 9.0972222222vw, 131px);
  }
}
.group-container .group-box {
  position: relative;
  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.webp");
}
.group-container .lazyloaded::before,
.group-container .lazyloaded::after {
  background-image: url("../../image/index/group_bg_sm.webp");
}
@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.webp");
  }
  .group-container .lazyloaded::before,
  .group-container .lazyloaded::after {
    background-image: url("../../image/index/group_bg_lg.webp");
  }
}
.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(224px, 17.5vw, 252px);
    width: clamp(360.8888888889px, 28.1944444444vw, 406px);
  }
}
.group-container .group-box > .txt {
  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 > .txt {
    margin-top: clamp(35.5555555556px, 2.7777777778vw, 40px);
    text-align: center;
    font-size: clamp(17.7777777778px, 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(41.7777777778px, 3.2638888889vw, 47px);
    padding-top: clamp(17.7777777778px, 1.3888888889vw, 20px);
  }
}
@media (min-width: 768px) {
  .group-container .group-box > .group-companies + .group-companies {
    margin-top: clamp(71.1111111111px, 5.5555555556vw, 80px);
  }
}
.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(12.4444444444px, 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(31.1111111111px, 2.4305555556vw, 35px);
  }
}
.group-container .group-companies > .overseas-items {
  margin-top: 3.3333333333vw;
}
@media (min-width: 768px) {
  .group-container .group-companies > .overseas-items {
    margin-top: clamp(24px, 1.875vw, 27px);
  }
}
.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 .overseas-item > .link {
  display: block;
  font-size: 0;
}
@media (any-hover: hover) {
  .group-container .overseas-item > .link {
    transition: opacity 0.15s cubic-bezier(0.42, 0, 1, 1);
  }
  .group-container .overseas-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;
  align-items: center;

  grid-template-columns: repeat(2, 26.1538461538vw);
  gap: 4.358974359vw 10.2564102564vw;
}
@media (min-width: 768px) {
  .group-container .overseas-items {
    grid-template-columns: repeat(4, clamp(128px, 10vw, 144px));
    gap: clamp(22.2222222222px, 1.7361111111vw, 25px) clamp(98.6666666667px, 7.7083333333vw, 111px);
  }
}
.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: color-mix(in srgb, var(--color-dark-blue), transparent 50%);

  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;
  width: 94.8717948718vw;
  height: -moz-fit-content;
  height: fit-content;
  max-height: 100%;

  inset: 0;
}
@media (min-width: 768px) {
  .modal-container > .modal-box {
    width: clamp(1102.2222222222px, 86.1111111111vw, 1240px);
  }
}
.modal-container > .modal-box[data-variant=library] {
  max-height: calc(100% - 30.7692307692vw);
}
@media (min-width: 768px) {
  .modal-container > .modal-box[data-variant=library] {
    max-height: calc(100% - clamp(142.2222222222px, 11.1111111111vw, 160px));
  }
}
.modal-container .modal-box {
  background-color: var(--color-white);
}
.modal-container .modal-box > .modal-inner {
  scrollbar-width: none;
}
.modal-container .modal-box > .modal-inner::-webkit-scrollbar {
  display: none;
}
.modal-container .modal-box > .close {
  display: grid;
  position: fixed;
  top: 0;
  right: 0;
  width: 12.8205128205vw;
  height: 12.8205128205vw;
  background-color: var(--color-daiichi-life-blue);

  place-items: center;
}
@media (min-width: 768px) {
  .modal-container .modal-box > .close {
    width: clamp(71.1111111111px, 5.5555555556vw, 80px);
    height: clamp(71.1111111111px, 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(32px, 2.5vw, 36px);
    height: clamp(3.5555555556px, 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-tvcm {
  aspect-ratio: 16/9;
}
.modal-container .modal-box .modal-tvcm > .iframe {
  width: 100%;
  height: 100%;
  background-color: var(--color-black);
}
.modal-container .modal-box .library-box .simplebar-content {
  display: grid;
  padding: 12.8205128205vw !important;

  gap: 6.6666666667vw;
}
@media (min-width: 768px) {
  .modal-container .modal-box .library-box .simplebar-content {
    padding: clamp(71.1111111111px, 5.5555555556vw, 80px) !important;

    gap: clamp(37.3333333333px, 2.9166666667vw, 42px);
  }
}
.modal-container .modal-box .library-box .simplebar-content::before,
.modal-container .modal-box .library-box .simplebar-content::after {
  display: none;
}
.modal-container .modal-box .library-box .simplebar-content > .title {
  width: 44.8717948718vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .modal-container .modal-box .library-box .simplebar-content > .title {
    width: clamp(222.2222222222px, 17.3611111111vw, 250px);
  }
}
.modal-container .modal-box .library-card {
  display: grid;
  text-align: left;

  gap: 1.5384615385vw;
}
@media (min-width: 768px) {
  .modal-container .modal-box .library-card {
    gap: clamp(7.1111111111px, 0.5555555556vw, 8px);
  }
}
@media (any-hover: hover) {
  .modal-container .modal-box .library-card {
    transition: opacity 0.2s cubic-bezier(0, 0, 0.58, 1);
  }
  .modal-container .modal-box .library-card:hover {
    opacity: 0.8;
  }
}
.modal-container .modal-box .library-card > .label {
  color: var(--color-daiichi-life-blue);
  font-size: 3.0769230769vw;
  font-weight: 700;
  line-height: 1.6;
}
@media (min-width: 768px) {
  .modal-container .modal-box .library-card > .label {
    font-size: clamp(10.6666666667px, 0.8333333333vw, 12px);
  }
}
@media (min-width: 768px) {
  .modal-container .modal-box .library-card > .label[data-size=lg] {
    font-size: clamp(14.2222222222px, 1.1111111111vw, 16px);
  }
}
.modal-container .modal-box .library-item {
  display: grid;

  gap: 5.1282051282vw;
}
@media (min-width: 768px) {
  .modal-container .modal-box .library-item {
    gap: clamp(26.6666666667px, 2.0833333333vw, 30px);
  }
}
.modal-container .modal-box .library-item > .copy {
  font-size: 0;
}
.modal-container .modal-box .library-item > .copy[data-variant=change] {
  width: 63.9743589744vw;
}
@media (min-width: 768px) {
  .modal-container .modal-box .library-item > .copy[data-variant=change] {
    width: clamp(270.6666666667px, 21.1458333333vw, 304.5px);
  }
}
.modal-container .modal-box .library-item > .copy[data-variant=expend] {
  width: 61.6666666667vw;
}
@media (min-width: 768px) {
  .modal-container .modal-box .library-item > .copy[data-variant=expend] {
    width: clamp(260.8888888889px, 20.3819444444vw, 293.5px);
  }
}
.modal-container .modal-box .library-item > .copy[data-variant=other] {
  width: 17.0512820513vw;
}
@media (min-width: 768px) {
  .modal-container .modal-box .library-item > .copy[data-variant=other] {
    width: clamp(72px, 5.625vw, 81px);
  }
}
.modal-container .modal-box .library-list {
  display: grid;

  gap: 3.5897435897vw;
}
@media (min-width: 768px) {
  .modal-container .modal-box .library-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: clamp(16px, 1.25vw, 18px) clamp(28.4444444444px, 2.2222222222vw, 32px);
  }
}
.modal-container .modal-box .library-section {
  display: grid;

  gap: 7.6923076923vw;
}
@media (min-width: 768px) {
  .modal-container .modal-box .library-section {
    gap: clamp(26.6666666667px, 2.0833333333vw, 30px);
  }
}
.modal-container .modal-box .library-thumb {
  overflow: hidden;
  position: relative;
}
.modal-container .modal-box .library-thumb > .thumb {
  display: block;
  overflow: hidden;
  position: relative;
}
.modal-container .modal-box .library-thumb > .icon {
  position: absolute;
  z-index: 1;
  margin: auto;
  width: 11.5384615385vw;

  inset: 0;
  aspect-ratio: 1;
}
@media (min-width: 768px) {
  .modal-container .modal-box .library-thumb > .icon {
    width: clamp(44.4444444444px, 3.4722222222vw, 50px);
  }
}
.modal-container .modal-box .library-thumb > .icon::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  margin: auto;
  border-radius: 50vw;
  background-color: color-mix(in srgb, var(--color-white), transparent 20%);

  inset: 0;
}
@media (any-hover: hover) {
  .modal-container .modal-box .library-thumb > .thumb {
    transition: transform 0.15s cubic-bezier(0.42, 0, 1, 1);
  }
  .modal-container .modal-box .library-thumb:hover > .thumb {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.2s;
    transform: scale(1.1);
  }
}
.modal-container .modal-box .ambassador-box {
  opacity: 0;
  position: absolute;
}
@media (min-width: 768px) {
  .modal-container .modal-box .ambassador-box {
    gap: clamp(80px, 6.25vw, 90px);
  }
}
@media (min-width: 768px) {
  .modal-container .modal-box .ambassador-box.-subaru .simplebar-content {
    grid-template-columns: clamp(449.7777777778px, 35.1388888889vw, 506px) 1fr;
    gap: clamp(111.1111111111px, 8.6805555556vw, 125px);
  }
}
.modal-container .modal-box .ambassador-box.-mio .simplebar-content {
  gap: 10.7692307692vw;
}
@media (min-width: 768px) {
  .modal-container .modal-box .ambassador-box.-mio .simplebar-content {
    grid-template-columns: clamp(520px, 40.625vw, 585px) 1fr;
    gap: clamp(46.2222222222px, 3.6111111111vw, 52px);
  }
}
@media (min-width: 768px) {
  .modal-container .modal-box .ambassador-box.-hokuto .simplebar-content {
    grid-template-columns: clamp(453.3333333333px, 35.4166666667vw, 510px) 1fr;
    gap: clamp(113.7777777778px, 8.8888888889vw, 128px);
  }
}
@media (min-width: 768px) {
  .modal-container .modal-box .ambassador-box.-yumia .simplebar-content {
    grid-template-columns: clamp(448px, 35vw, 504px) 1fr;
    gap: clamp(111.1111111111px, 8.6805555556vw, 125px);
  }
}
.modal-container .modal-box .ambassador-box .simplebar-content {
  display: grid;

  gap: 5.1282051282vw;
}
@media (min-width: 768px) {
  .modal-container .modal-box .ambassador-box .simplebar-content {
    align-items: flex-start;

    gap: clamp(80px, 6.25vw, 90px);
  }
}
.modal-container .modal-box .ambassador-box .simplebar-content::before,
.modal-container .modal-box .ambassador-box .simplebar-content::after {
  display: none;
}
@media (max-width: 767.98px) {
  .modal-container .modal-box .ambassador-box .ambassador.-mio {
    position: relative;

    aspect-ratio: 306/265;
  }
  .modal-container .modal-box .ambassador-box .ambassador.-mio img {
    position: absolute;
    top: 0;
    left: 1.0256410256vw;
    width: 84.6153846154vw;
    max-width: 84.6153846154vw;
  }
}
.modal-container .modal-box .ambassador-box.-subaru[data-variant=subaru] {
  opacity: 1;
  position: relative;
}
.modal-container .modal-box .ambassador-box.-mio[data-variant=mio] {
  opacity: 1;
  position: relative;
}
.modal-container .modal-box .ambassador-box.-hokuto[data-variant=hokuto] {
  opacity: 1;
  position: relative;
}
.modal-container .modal-box .ambassador-box.-yumia[data-variant=yumia] {
  opacity: 1;
  position: relative;
}
.modal-container .modal-box .name-box {
  display: grid;

  gap: 2.5641025641vw;
}
@media (min-width: 768px) {
  .modal-container .modal-box .name-box {
    gap: clamp(17.7777777778px, 1.3888888889vw, 20px);
  }
}
.modal-container .modal-box .name-box > .en {
  font-size: 0;
}
.modal-container .modal-box .name-box > .en.-subaru {
  width: 38.4615384615vw;
}
@media (min-width: 768px) {
  .modal-container .modal-box .name-box > .en.-subaru {
    width: clamp(208px, 16.25vw, 234px);
  }
}
.modal-container .modal-box .name-box > .en.-mio {
  width: 32.8205128205vw;
}
@media (min-width: 768px) {
  .modal-container .modal-box .name-box > .en.-mio {
    width: clamp(177.7777777778px, 13.8888888889vw, 200px);
  }
}
.modal-container .modal-box .name-box > .en.-hokuto {
  width: 59.6153846154vw;
}
@media (min-width: 768px) {
  .modal-container .modal-box .name-box > .en.-hokuto {
    width: clamp(323.1111111111px, 25.2430555556vw, 363.5px);
  }
}
.modal-container .modal-box .name-box > .en.-yumia {
  width: 39.358974359vw;
}
@media (min-width: 768px) {
  .modal-container .modal-box .name-box > .en.-yumia {
    width: clamp(213.7777777778px, 16.7013888889vw, 240.5px);
  }
}
.modal-container .modal-box .name-box > .ja {
  color: var(--color-daiichi-life-blue);
  font-size: 4.1025641026vw;
  font-weight: 700;
  line-height: 1.8;
}
@media (min-width: 768px) {
  .modal-container .modal-box .name-box > .ja {
    font-size: clamp(21.3333333333px, 1.6666666667vw, 24px);
  }
}
.modal-container .modal-box .profile-box {
  display: grid;

  gap: 4.6153846154vw;
}
@media (min-width: 768px) {
  .modal-container .modal-box .profile-box {
    gap: clamp(22.2222222222px, 1.7361111111vw, 25px);
  }
}
.modal-container .modal-box .profile-box > .career {
  color: var(--color-daiichi-life-blue);
  font-size: 3.5897435897vw;
  font-weight: 700;
  line-height: 1.8;
}
@media (min-width: 768px) {
  .modal-container .modal-box .profile-box > .career {
    font-size: clamp(14.2222222222px, 1.1111111111vw, 16px);
  }
}
.modal-container .modal-content > .simplebar-track {
  top: 0;
  right: 3.0769230769vw;
  bottom: 0;
  margin: auto;
  border-radius: 100vw;
  width: 1.5384615385vw;
  height: 62.6865671642%;
  background-color: var(--color-pale-blue);
}
@media (min-width: 768px) {
  .modal-container .modal-content > .simplebar-track {
    right: clamp(26.6666666667px, 2.0833333333vw, 30px);
    width: clamp(5.3333333333px, 0.4166666667vw, 6px);
    height: 72.5373134328%;
  }
}
.modal-container .modal-content > .simplebar-track > .simplebar-scrollbar {
  border-radius: 100vw;
}
.modal-container .modal-content > .simplebar-track > .simplebar-scrollbar::before {
  opacity: 1 !important;
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  width: 100%;
  height: 100%;
  background-color: var(--color-daiichi-life-blue);
}
.modal-container .modal-inner {
  overflow-y: scroll;
  background-color: var(--color-white);
}
.modal-container .modal-inner > .modal-tvcm {
  width: 84.6153846154vw;
}
@media (min-width: 768px) {
  .modal-container .modal-inner > .modal-tvcm {
    width: clamp(853.3333333333px, 66.6666666667vw, 960px);
  }
}
.modal-container .modal-inner > .ambassador-box {
  padding: 10.2564102564vw 8.2051282051vw;
  max-height: calc(100dvh - 30.7692307692vw);
}
@media (min-width: 768px) {
  .modal-container .modal-inner > .ambassador-box {
    padding: clamp(71.1111111111px, 5.5555555556vw, 80px) clamp(80px, 6.25vw, 90px) clamp(62.2222222222px, 4.8611111111vw, 70px);
    max-height: calc(100vh - clamp(177.7777777778px, 13.8888888889vw, 200px));
  }
}
.modal-container .modal-inner > .library-box {
  padding: 11.2820512821vw 5.1282051282vw 8.2051282051vw;
  max-height: calc(100dvh - 20.5128205128vw);
}
@media (min-width: 768px) {
  .modal-container .modal-inner > .library-box {
    padding: clamp(42.6666666667px, 3.3333333333vw, 48px) clamp(42.6666666667px, 3.3333333333vw, 48px) clamp(35.5555555556px, 2.7777777778vw, 40px);
    max-height: calc(100vh - clamp(124.4444444444px, 9.7222222222vw, 140px));
  }
}

.background-container {
  display: grid;
  overflow: hidden;
  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: color-mix(in srgb, var(--color-white) 80%, transparent);

  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 {
  overflow: hidden;
  font-family: "Yu Gothic", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Noto Sans JP", Arial, sans-serif;
}
.main-container > .statement-container {
  padding: 16.6666666667vw 3.8461538462vw 45.641025641vw;
}
@media (min-width: 768px) {
  .main-container > .statement-container {
    padding: clamp(124.4444444444px, 9.7222222222vw, 140px) 0 clamp(176px, 13.75vw, 198px);
  }
}
.main-container > .movie-container {
  padding: 15.3846153846vw 6.1538461538vw 20.5128205128vw;
}
@media (min-width: 768px) {
  .main-container > .movie-container {
    padding: clamp(71.1111111111px, 5.5555555556vw, 80px) clamp(71.1111111111px, 5.5555555556vw, 80px) clamp(88.8888888889px, 6.9444444444vw, 100px);
  }
}
.main-container > .endorser-container {
  margin-top: -1px;
  padding-bottom: 20.5128205128vw;
}
@media (min-width: 768px) {
  .main-container > .endorser-container {
    padding-bottom: clamp(71.1111111111px, 5.5555555556vw, 80px);
  }
}
.main-container > .sns-container {
  padding: 18.9743589744vw 0 13.3333333333vw;
}
@media (min-width: 768px) {
  .main-container > .sns-container {
    padding: clamp(144px, 11.25vw, 162px) clamp(128.8888888889px, 10.0694444444vw, 145px) clamp(124.4444444444px, 9.7222222222vw, 140px);
  }
}
.main-container > .group-container {
  padding: 16.9230769231vw 3.8461538462vw;
}
@media (min-width: 768px) {
  .main-container > .group-container {
    padding: clamp(97.7777777778px, 7.6388888889vw, 110px) 0;
  }
}
.main-container > .modal-container {
  position: fixed;
  z-index: 1100;

  inset: 0;
}
.main-container > .background-container {
  position: fixed;
  z-index: -1;
  top: 0;
  left: 50%;
  max-width: 1920px;
  transform: translateX(-50%);
}