@charset "UTF-8";
/*
* initiatives.css
*
*/
/* --------------------------------
  index
-------------------------------- */
.kv-container {
  position: relative;
  background: linear-gradient(180deg, var(--color-daiichi-life-blue) 0%, var(--color-light-blue) 100%);
}
.kv-container > .kv-box {
  padding: 26.9230769231vw 7.6923076923vw 30.7692307692vw 10.2564102564vw;
}
@media (min-width: 768px) {
  .kv-container > .kv-box {
    margin: 0 auto;
    padding: clamp(88.8888888889px, 6.9444444444vw, 100px) clamp(124.4444444444px, 9.7222222222vw, 140px) clamp(97.7777777778px, 7.6388888889vw, 110px);
    width: clamp(1280px, 100vw, 1440px);
  }
}
@media (min-width: 768px) {
  .kv-container > .cube-wrapper {
    width: clamp(1280px, 100vw, 1440px);
  }
}
.kv-container:not(.-animated) > .kv-box > .title {
  clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}
.kv-container:not(.-animated) > .kv-box > .txt {
  opacity: 0;
  transform: translateY(7.6923076923vw);
}
@media (min-width: 768px) {
  .kv-container:not(.-animated) > .kv-box > .txt {
    transform: translateY(clamp(17.7777777778px, 1.3888888889vw, 20px));
  }
}
.kv-container.-animated > .kv-box > .title {
  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 > .kv-box > .title {
    transition-duration: 0.55s;
  }
}
.kv-container.-animated > .kv-box > .txt {
  transition: opacity 0.55s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.55s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.5s;
}
.kv-container .cube-wrapper {
  position: absolute;
  margin: auto;
  pointer-events: none;

  inset: 0;
}
.kv-container .cube-wrapper > .cube-box {
  position: absolute;
}
.kv-container .cube-wrapper > .cube-box[data-variant="1"] {
  top: -12.8205128205vw;
  right: -13.8461538462vw;
  width: 37.9487179487vw;
}
@media (min-width: 768px) {
  .kv-container .cube-wrapper > .cube-box[data-variant="1"] {
    top: clamp(-134px, -9.3055555556vw, -119.1111111111px);
    right: clamp(96px, 7.5vw, 108px);
    width: clamp(262.2222222222px, 20.4861111111vw, 295px);
  }
}
.kv-container .cube-wrapper > .cube-box[data-variant="2"] {
  top: 58.2051282051vw;
  right: -3.3333333333vw;
  width: 14.358974359vw;
}
@media (min-width: 768px) {
  .kv-container .cube-wrapper > .cube-box[data-variant="2"] {
    top: clamp(124.4444444444px, 9.7222222222vw, 140px);
    right: clamp(-10px, -0.6944444444vw, -8.8888888889px);
    width: clamp(126.2222222222px, 9.8611111111vw, 142px);
  }
}
.kv-container .cube-wrapper > .cube-box[data-variant="3"] {
  top: 134.358974359vw;
  right: 5.8974358974vw;
  width: 19.2307692308vw;
}
@media (min-width: 768px) {
  .kv-container .cube-wrapper > .cube-box[data-variant="3"] {
    top: clamp(332.4444444444px, 25.9722222222vw, 374px);
    right: clamp(163.5555555556px, 12.7777777778vw, 184px);
    width: clamp(128px, 10vw, 144px);
  }
}
.kv-container .cube-wrapper > .cube-box[data-variant="4"] {
  top: 147.6923076923vw;
  right: 33.8461538462vw;
  width: 31.2820512821vw;
}
@media (min-width: 768px) {
  .kv-container .cube-wrapper > .cube-box[data-variant="4"] {
    top: clamp(458.6666666667px, 35.8333333333vw, 516px);
    right: clamp(358.2222222222px, 27.9861111111vw, 403px);
    width: clamp(178.2222222222px, 13.9236111111vw, 200.5px);
  }
}
.kv-container .kv-box {
  display: grid;

  gap: 9.7435897436vw;
}
@media (min-width: 768px) {
  .kv-container .kv-box {
    gap: clamp(17.7777777778px, 1.3888888889vw, 20px);
  }
}
.kv-container .kv-box > .title {
  margin: 0;
  width: 74.7435897436vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .kv-container .kv-box > .title {
    width: clamp(898.6666666667px, 70.2083333333vw, 1011px);
  }
}
.kv-container .kv-box > .txt {
  color: var(--color-white);
  font-size: 4.1025641026vw;
  font-weight: 700;
  line-height: 1.8;
}
@media (min-width: 768px) {
  .kv-container .kv-box > .txt {
    font-size: clamp(17.7777777778px, 1.3888888889vw, 20px);
  }
}

.anchor-container {
  position: relative;
  background: var(--color-pale-blue);
}
@media (min-width: 768px) {
  .anchor-container > .anchor-list {
    margin: 0 auto;

    max-inline-size: clamp(1280px, 100vw, 1440px);
  }
}
.anchor-container .anchor-box {
  display: grid;

  gap: 10.2564102564vw;
}
@media (min-width: 768px) {
  .anchor-container .anchor-box {
    gap: clamp(88.8888888889px, 6.9444444444vw, 100px);
  }
}
.anchor-container .anchor-list {
  display: grid;

  gap: 3.8461538462vw;
}
@media (min-width: 768px) {
  .anchor-container .anchor-list {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(28.4444444444px, 2.2222222222vw, 32px);
  }
}
.anchor-container .anchor-list > .anchor-item {
  padding: 6.4102564103vw 5.1282051282vw 5.1282051282vw;
}
@media (min-width: 768px) {
  .anchor-container .anchor-list > .anchor-item {
    padding: 0 clamp(35.5555555556px, 2.7777777778vw, 40px) clamp(33.7777777778px, 2.6388888889vw, 38px);
  }
}
.anchor-container .anchor-item {
  background-color: var(--color-white);
}
@media (max-width: 767.98px) {
  .anchor-container .anchor-item {
    display: grid;

    grid-template-areas: "title title" "thumbnail txt" "list-link list-link";
    grid-template-columns: 29.2307692308vw 1fr;
    -moz-column-gap: 4.1025641026vw;
         column-gap: 4.1025641026vw;
  }
}
.anchor-container .anchor-item > .title {
  font-size: 0;
}
@media (max-width: 767.98px) {
  .anchor-container .anchor-item > .title {
    grid-area: title;
  }
}
.anchor-container .anchor-item > .title[data-variant="1"] {
  width: 65.5128205128vw;
}
.anchor-container .anchor-item > .title[data-variant="2"] {
  width: 65.641025641vw;
}
.anchor-container .anchor-item > .title[data-variant="3"] {
  width: 60.641025641vw;
}
.anchor-container .anchor-item > .thumb {
  margin-top: 3.0769230769vw;
}
@media (max-width: 767.98px) {
  .anchor-container .anchor-item > .thumb {
    grid-area: thumbnail;
  }
}
@media (min-width: 768px) {
  .anchor-container .anchor-item > .thumb {
    margin: 0 clamp(-40px, -2.7777777778vw, -35.5555555556px);
  }
}
.anchor-container .anchor-item > .txt {
  margin-top: 3.0769230769vw;
  color: var(--color-black);
  font-size: 3.8461538462vw;
  font-weight: 500;
  line-height: 1.4;
}
@media (max-width: 767.98px) {
  .anchor-container .anchor-item > .txt {
    grid-area: txt;
  }
}
@media (min-width: 768px) {
  .anchor-container .anchor-item > .txt {
    margin-top: clamp(26.6666666667px, 2.0833333333vw, 30px);
    min-height: clamp(59.5555555556px, 4.6527777778vw, 67px);
    font-size: clamp(14.2222222222px, 1.1111111111vw, 16px);
  }
}
.anchor-container .anchor-item > .list-link {
  margin-top: 4.1025641026vw;
  padding: 2.8205128205vw 0;
}
@media (min-width: 768px) {
  .anchor-container .anchor-item > .list-link {
    margin-top: clamp(16px, 1.25vw, 18px);
    padding: clamp(8.8888888889px, 0.6944444444vw, 10px);
  }
}
.anchor-container .list-link {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--color-daiichi-life-blue);

  grid-area: list-link;
  gap: 2.0512820513vw;
}
@media (min-width: 768px) {
  .anchor-container .list-link {
    gap: clamp(7.1111111111px, 0.5555555556vw, 8px);
  }
}
.anchor-container .list-link > .txt {
  color: var(--color-white);
  font-size: 3.5897435897vw;
  font-weight: 800;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .anchor-container .list-link > .txt {
    font-size: clamp(12.4444444444px, 0.9722222222vw, 14px);
  }
}
.anchor-container .list-link > .arrow {
  display: block;
  position: relative;
  margin-top: -1.0256410256vw;
  width: 1.7948717949vw;

  aspect-ratio: 1;
}
@media (min-width: 768px) {
  .anchor-container .list-link > .arrow {
    margin-top: clamp(-4px, -0.2777777778vw, -3.5555555556px);
    width: clamp(6.2222222222px, 0.4861111111vw, 7px);
  }
}
.anchor-container .list-link > .arrow::before {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  border-right: 1px solid var(--color-white);
  border-bottom: 1px solid var(--color-white);

  inset: 0;
  rotate: 45deg;
}
@media (any-hover: hover) {
  .anchor-container .list-link:hover > .arrow {
    animation: hover-arrow-y 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  }
}

.world-container {
  position: relative;
  background-color: var(--color-pale-blue);
}
.world-container > .section-title {
  padding: 15.3846153846vw 0 7.6923076923vw;
}
@media (min-width: 768px) {
  .world-container > .section-title {
    margin: auto;
    padding: clamp(97.7777777778px, 7.6388888889vw, 110px) 0 clamp(44.4444444444px, 3.4722222222vw, 50px);
    width: clamp(1280px, 100vw, 1440px);
  }
}
.world-container > .corporate-links {
  margin-top: 7.6923076923vw;
}
@media (min-width: 768px) {
  .world-container > .corporate-links {
    margin: clamp(44.4444444444px, 3.4722222222vw, 50px) auto 0;
    width: clamp(1031.1111111111px, 80.5555555556vw, 1160px);
  }
}
.world-container .area-body {
  position: relative;
}
.world-container .area-body > .area,
.world-container .area-body > .en {
  font-size: 0;
}
.world-container .area-body > .en {
  position: absolute;
  top: 50%;
  left: -3.5897435897vw;
  transform: translateY(-50%);
}
@media (min-width: 768px) {
  .world-container .area-body > .en {
    left: clamp(-120px, -8.3333333333vw, -106.6666666667px);
  }
}
.world-container .area-body[data-variant=japan] > .area {
  width: 13.2051282051vw;
}
@media (min-width: 768px) {
  .world-container .area-body[data-variant=japan] > .area {
    width: clamp(73.3333333333px, 5.7291666667vw, 82.5px);
  }
}
.world-container .area-body[data-variant=japan] > .en {
  width: 61.1538461538vw;
}
@media (min-width: 768px) {
  .world-container .area-body[data-variant=japan] > .en {
    width: clamp(391.5555555556px, 30.5902777778vw, 440.5px);
  }
}
.world-container .area-body[data-variant=asia] > .area {
  width: 20.641025641vw;
}
@media (min-width: 768px) {
  .world-container .area-body[data-variant=asia] > .area {
    width: clamp(116px, 9.0625vw, 130.5px);
  }
}
.world-container .area-body[data-variant=asia] > .en {
  width: 43.8461538462vw;
}
@media (min-width: 768px) {
  .world-container .area-body[data-variant=asia] > .en {
    width: clamp(280.4444444444px, 21.9097222222vw, 315.5px);
  }
}
.world-container .area-body[data-variant=oceania] > .area {
  width: 35.2564102564vw;
}
@media (min-width: 768px) {
  .world-container .area-body[data-variant=oceania] > .area {
    width: clamp(200px, 15.625vw, 225px);
  }
}
.world-container .area-body[data-variant=oceania] > .en {
  width: 87.3076923077vw;
}
@media (min-width: 768px) {
  .world-container .area-body[data-variant=oceania] > .en {
    width: clamp(559.5555555556px, 43.7152777778vw, 629.5px);
  }
}
.world-container .area-body[data-variant=america] > .area {
  width: 13.9743589744vw;
}
@media (min-width: 768px) {
  .world-container .area-body[data-variant=america] > .area {
    width: clamp(78.2222222222px, 6.1111111111vw, 88px);
  }
}
.world-container .area-body[data-variant=america] > .en {
  width: 86.1538461538vw;
}
@media (max-width: 767.98px) {
  .world-container .area-body[data-variant=america] > .en {
    transform: translateY(calc(-50% + 7.6923076923vw));
  }
}
@media (min-width: 768px) {
  .world-container .area-body[data-variant=america] > .en {
    width: clamp(448px, 35vw, 504px);
  }
}
.world-container .area-body[data-variant=europe] > .area {
  width: 13.4615384615vw;
}
@media (min-width: 768px) {
  .world-container .area-body[data-variant=europe] > .area {
    width: clamp(75.1111111111px, 5.8680555556vw, 84.5px);
  }
}
.world-container .area-body[data-variant=europe] > .en {
  width: 74.6153846154vw;
}
@media (min-width: 768px) {
  .world-container .area-body[data-variant=europe] > .en {
    width: clamp(478.2222222222px, 37.3611111111vw, 538px);
  }
}
.world-container .area-body:not(.-animated) {
  --translate-x: -12.8205128205vw;
}
@media (min-width: 768px) {
  .world-container .area-body:not(.-animated) {
    --translate-x: clamp(-80px, -5.5555555556vw, -71.1111111111px);
  }
}
.world-container .area-body:not(.-animated) > .area {
  opacity: 0;

  translate: var(--translate-x);
}
.world-container .area-body:not(.-animated) ~ .area-map > .area-pin > .pin {
  opacity: 0;
  transform: translateY(-4.1025641026vw) scale(0.92);
}
@media (min-width: 768px) {
  .world-container .area-body:not(.-animated) ~ .area-map > .area-pin > .pin {
    transform: translateY(clamp(-32px, -2.2222222222vw, -28.4444444444px)) scale(0.92);
  }
}
.world-container .area-body.-animated > .area {
  transition: opacity 0.6s cubic-bezier(0.215, 0.61, 0.355, 1), translate 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.world-container .area-body.-animated ~ .area-map > .area-pin[data-variant="1"] > .pin {
  transition: opacity 0.32s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.35s;
}
.world-container .area-body.-animated ~ .area-map > .area-pin[data-variant="2"] > .pin {
  transition: opacity 0.32s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.4s;
}
.world-container .area-body.-animated ~ .area-map > .area-pin[data-variant="3"] > .pin {
  transition: opacity 0.32s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.45s;
}
.world-container .area-body.-animated ~ .area-map > .area-pin[data-variant="4"] > .pin {
  transition: opacity 0.32s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.5s;
}
.world-container .area-body.-animated ~ .area-map > .area-pin[data-variant="5"] > .pin {
  transition: opacity 0.32s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.32s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.55s;
}
.world-container .area-box {
  overflow: hidden;
  position: relative;
  z-index: 0;
}
.world-container .area-box::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 97.4358974359%;
  height: 100%;
  background-color: color-mix(in srgb, var(--color-daiichi-life-blue), transparent 90%);
}
@media (min-width: 768px) {
  .world-container .area-box::before {
    width: 1155px;
  }
}
@media (min-width: 768px) and (min-width: 1280px) and (max-width: 1440px) {
  .world-container .area-box::before {
    width: calc(1155px + 145 * ((100vw - 1280px) / (1440 - 1280)));
  }
}
@media (min-width: 768px) and (min-width: 1440px) and (max-width: 1920px) {
  .world-container .area-box::before {
    width: calc(1300px + 240 * ((100vw - 1440px) / (1920 - 1440)));
  }
}
@media (min-width: 768px) and (min-width: 1920px) {
  .world-container .area-box::before {
    width: 1540px;
  }
}
.world-container .area-box > .area-inner {
  padding: 0 6.4102564103vw;
}
@media (min-width: 768px) {
  .world-container .area-box > .area-inner {
    margin: 0 auto;
    padding: 0 clamp(186.6666666667px, 14.5833333333vw, 210px) 0 clamp(119.1111111111px, 9.3055555556vw, 134px);
    width: clamp(1280px, 100vw, 1440px);
  }
}
.world-container .area-content {
  display: grid;

  gap: 7.6923076923vw;
}
@media (min-width: 768px) {
  .world-container .area-content {
    gap: clamp(26.6666666667px, 2.0833333333vw, 30px);
  }
}
.world-container .area-content > .area-box {
  padding: 11.7948717949vw 0 10.2564102564vw;
}
@media (min-width: 768px) {
  .world-container .area-content > .area-box {
    padding: clamp(40px, 3.125vw, 45px) 0;
  }
}
.world-container .area-inner {
  display: grid;
  position: relative;
  z-index: 0;
}
@media (min-width: 768px) {
  .world-container .area-inner {
    align-items: flex-start;
  }
}
.world-container .area-inner > .area-body {
  padding: 0 2.5641025641vw;
}
@media (min-width: 768px) {
  .world-container .area-inner > .area-body {
    padding: 0 clamp(8.8888888889px, 0.6944444444vw, 10px);
  }
}
.world-container .area-inner > .area-map {
  position: absolute;
  z-index: -1;
}
@media (max-width: 767.98px) {
  .world-container .area-inner > .area-list {
    width: 84.6153846154vw;
  }
}
@media (min-width: 768px) {
  .world-container .area-inner.-type1 {
    grid-template-columns: 1fr clamp(581.3333333333px, 45.4166666667vw, 654px);
    gap: clamp(177.7777777778px, 13.8888888889vw, 200px);
  }
}
@media (min-width: 768px) {
  .world-container .area-inner.-type2 {
    grid-template-columns: 1fr clamp(581.3333333333px, 45.4166666667vw, 654px);
    gap: clamp(44.4444444444px, 3.4722222222vw, 50px);
  }
}
@media (min-width: 768px) {
  .world-container .area-inner.-type3 {
    grid-template-columns: 1fr clamp(384px, 30vw, 432px);
    gap: clamp(53.3333333333px, 4.1666666667vw, 60px);
  }
}
@media (max-width: 767.98px) {
  .world-container .area-inner[data-variant=japan] {
    gap: 66.1538461538vw;
  }
}
@media (min-width: 768px) {
  .world-container .area-inner[data-variant=japan] > .area-body {
    margin-top: clamp(104.8888888889px, 8.1944444444vw, 118px);
  }
}
.world-container .area-inner[data-variant=japan] > .area-map {
  top: 2.5641025641vw;
  left: 10.7692307692vw;
  width: 78.9743589744vw;
}
@media (min-width: 768px) {
  .world-container .area-inner[data-variant=japan] > .area-map {
    top: clamp(17.7777777778px, 1.3888888889vw, 20px);
    left: clamp(236.4444444444px, 18.4722222222vw, 266px);
    width: clamp(254.2222222222px, 19.8611111111vw, 286px);
  }
}
@media (max-width: 767.98px) {
  .world-container .area-inner[data-variant=asia] {
    gap: 65.1282051282vw;
  }
}
@media (min-width: 768px) {
  .world-container .area-inner[data-variant=asia] > .area-body {
    margin-top: clamp(28.4444444444px, 2.2222222222vw, 32px);
  }
}
.world-container .area-inner[data-variant=asia] > .area-map {
  top: 11.2820512821vw;
  left: 0;
  width: 97.4358974359vw;
}
@media (min-width: 768px) {
  .world-container .area-inner[data-variant=asia] > .area-map {
    top: clamp(80px, 6.25vw, 90px);
    left: clamp(-110px, -7.6388888889vw, -97.7777777778px);
    width: clamp(768px, 60vw, 864px);
  }
}
@media (max-width: 767.98px) {
  .world-container .area-inner[data-variant=oceania] {
    gap: 61.0256410256vw;
  }
}
@media (min-width: 768px) {
  .world-container .area-inner[data-variant=oceania] > .area-body {
    margin-top: clamp(101.3333333333px, 7.9166666667vw, 114px);
  }
}
.world-container .area-inner[data-variant=oceania] > .area-map {
  top: 1.2820512821vw;
  left: -5.8974358974vw;
  width: 113.5897435897vw;
}
@media (min-width: 768px) {
  .world-container .area-inner[data-variant=oceania] > .area-map {
    top: clamp(-67px, -4.6527777778vw, -59.5555555556px);
    left: clamp(261.3333333333px, 20.4166666667vw, 294px);
    width: clamp(533.3333333333px, 41.6666666667vw, 600px);
  }
}
@media (max-width: 767.98px) {
  .world-container .area-inner[data-variant=america] {
    gap: 68.2051282051vw;
  }
}
@media (min-width: 768px) {
  .world-container .area-inner[data-variant=america] > .area-body {
    margin-top: clamp(65.7777777778px, 5.1388888889vw, 74px);
  }
}
.world-container .area-inner[data-variant=america] > .area-map {
  top: 11.5384615385vw;
  left: 6.4102564103vw;
  width: 100.7692307692vw;
}
@media (min-width: 768px) {
  .world-container .area-inner[data-variant=america] > .area-map {
    top: clamp(-46px, -3.1944444444vw, -40.8888888889px);
    left: clamp(341.3333333333px, 26.6666666667vw, 384px);
    width: clamp(392.8888888889px, 30.6944444444vw, 442px);
  }
}
@media (max-width: 767.98px) {
  .world-container .area-inner[data-variant=europe] {
    gap: 52.8205128205vw;
  }
}
@media (min-width: 768px) {
  .world-container .area-inner[data-variant=europe] > .area-body {
    margin-top: clamp(68.4444444444px, 5.3472222222vw, 77px);
  }
}
.world-container .area-inner[data-variant=europe] > .area-map {
  top: 2.0512820513vw;
  left: 0;
  width: 97.4358974359vw;
}
@media (min-width: 768px) {
  .world-container .area-inner[data-variant=europe] > .area-map {
    top: clamp(-45px, -3.125vw, -40px);
    left: clamp(245.3333333333px, 19.1666666667vw, 276px);
    width: clamp(497.7777777778px, 38.8888888889vw, 560px);
  }
}
.world-container .area-item {
  background-color: var(--color-pale-blue);
}
@media (min-width: 768px) {
  .world-container .area-item[data-variant=lg] {
    display: grid;
    align-items: flex-start;
    justify-content: space-between;

    grid-template: auto 1fr/1fr clamp(376.8888888889px, 29.4444444444vw, 424px);
    grid-template-areas: "heading thumb" "body thumb";
    gap: clamp(14.2222222222px, 1.1111111111vw, 16px) clamp(26.6666666667px, 2.0833333333vw, 30px);
  }
}
@media (max-width: 767.98px) {
  .world-container .area-item[data-variant=lg] > .list-body {
    margin-top: 2.0512820513vw;
  }
}
@media (min-width: 768px) {
  .world-container .area-item[data-variant=lg] > .list-body {
    grid-area: body;
  }
}
@media (max-width: 767.98px) {
  .world-container .area-item[data-variant=lg] > .thumb {
    margin-top: 4.1025641026vw;
  }
}
@media (max-width: 767.98px) {
  .world-container .area-item:not([data-variant=lg]) {
    display: grid;
    align-items: flex-start;

    grid-template-areas: "thumb heading" "thumb body";
    grid-template-columns: 25.641025641vw 1fr;
    gap: 2.5641025641vw 3.5897435897vw;
  }
}
@media (min-width: 768px) {
  .world-container .area-item:not([data-variant=lg]) > .title {
    border-bottom: none;
  }
}
.world-container .area-item > .title {
  border-bottom: 1px solid var(--color-light-border-gray);
  font-size: 0;

  grid-area: heading;
}
.world-container .area-item > .thumb {
  grid-area: thumb;
}
.world-container .area-item > .list-body {
  margin-right: -1em;
}
.world-container .area-list {
  display: grid;

  gap: 2.5641025641vw;
}
@media (min-width: 768px) {
  .world-container .area-list[data-variant=asia] {
    grid-template-rows: repeat(3, auto);
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(10.6666666667px, 0.8333333333vw, 12px);
  }
  .world-container .area-list[data-variant=asia] > .area-item {
    display: grid;

    grid-template-areas: "heading" "thumb" "body";
    grid-template-rows: subgrid;
    grid-row: span 3;
  }
  .world-container .area-list[data-variant=asia] > .area-item:nth-child(4 of .area-item) {
    grid-column: 2;
  }
  .world-container .area-list[data-variant=asia] > .area-item:nth-child(5 of .area-item) {
    grid-column: 3;
  }
  .world-container .area-list[data-variant=oceania],
  .world-container .area-list[data-variant=north-america],
  .world-container .area-list[data-variant=europe] {
    grid-template-rows: repeat(3, auto);
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(10.6666666667px, 0.8333333333vw, 12px);
  }
  .world-container .area-list[data-variant=oceania] > .area-item,
  .world-container .area-list[data-variant=north-america] > .area-item,
  .world-container .area-list[data-variant=europe] > .area-item {
    display: grid;

    grid-template-areas: "heading" "thumb" "body";
    grid-template-rows: subgrid;
    grid-row: span 3;
  }
}
.world-container .area-list > .area-item {
  padding: 5.1282051282vw;
}
@media (min-width: 768px) {
  .world-container .area-list > .area-item {
    padding: clamp(17.7777777778px, 1.3888888889vw, 20px);
  }
}
.world-container .area-map > .area-pin {
  position: absolute;
  width: 4.6153846154vw;
}
@media (min-width: 768px) {
  .world-container .area-map > .area-pin {
    width: clamp(17.7777777778px, 1.3888888889vw, 20px);
  }
}
.world-container .area-map > .area-pin > .pin {
  transform-origin: 50% 100%;
}
.world-container .area-map[data-variant=japan] > .area-pin[data-variant="1"] {
  top: 37.1794871795vw;
  left: 44.8717948718vw;
}
@media (min-width: 768px) {
  .world-container .area-map[data-variant=japan] > .area-pin[data-variant="1"] {
    top: clamp(115.5555555556px, 9.0277777778vw, 130px);
    left: clamp(140.4444444444px, 10.9722222222vw, 158px);
  }
}
.world-container .area-map[data-variant=asia] > .area-pin[data-variant="1"] {
  top: 28.7179487179vw;
  left: 17.4358974359vw;
}
@media (min-width: 768px) {
  .world-container .area-map[data-variant=asia] > .area-pin[data-variant="1"] {
    top: clamp(266.6666666667px, 20.8333333333vw, 300px);
    left: clamp(215.1111111111px, 16.8055555556vw, 242px);
  }
}
.world-container .area-map[data-variant=asia] > .area-pin[data-variant="2"] {
  top: 14.358974359vw;
  left: 37.4358974359vw;
}
@media (min-width: 768px) {
  .world-container .area-map[data-variant=asia] > .area-pin[data-variant="2"] {
    top: clamp(172.4444444444px, 13.4722222222vw, 194px);
    left: clamp(339.5555555556px, 26.5277777778vw, 382px);
  }
}
.world-container .area-map[data-variant=asia] > .area-pin[data-variant="3"] {
  top: 26.6666666667vw;
  left: 45.1282051282vw;
}
@media (min-width: 768px) {
  .world-container .area-map[data-variant=asia] > .area-pin[data-variant="3"] {
    top: clamp(243.5555555556px, 19.0277777778vw, 274px);
    left: clamp(394.6666666667px, 30.8333333333vw, 444px);
  }
}
.world-container .area-map[data-variant=asia] > .area-pin[data-variant="4"] {
  top: 23.5897435897vw;
  left: 49.2307692308vw;
}
@media (min-width: 768px) {
  .world-container .area-map[data-variant=asia] > .area-pin[data-variant="4"] {
    top: clamp(224.8888888889px, 17.5694444444vw, 253px);
    left: clamp(417.7777777778px, 32.6388888889vw, 470px);
  }
}
.world-container .area-map[data-variant=asia] > .area-pin[data-variant="5"] {
  top: 33.8461538462vw;
  left: 58.9743589744vw;
}
@media (min-width: 768px) {
  .world-container .area-map[data-variant=asia] > .area-pin[data-variant="5"] {
    top: clamp(296.8888888889px, 23.1944444444vw, 334px);
    left: clamp(474.6666666667px, 37.0833333333vw, 534px);
  }
}
.world-container .area-map[data-variant=oceania] > .area-pin[data-variant="1"] {
  top: 40.5128205128vw;
  left: 58.9743589744vw;
}
@media (min-width: 768px) {
  .world-container .area-map[data-variant=oceania] > .area-pin[data-variant="1"] {
    top: clamp(195.5555555556px, 15.2777777778vw, 220px);
    left: clamp(284.4444444444px, 22.2222222222vw, 320px);
  }
}
.world-container .area-map[data-variant=oceania] > .area-pin[data-variant="2"] {
  top: 50.7692307692vw;
  left: 80vw;
}
@media (min-width: 768px) {
  .world-container .area-map[data-variant=oceania] > .area-pin[data-variant="2"] {
    top: clamp(248.8888888889px, 19.4444444444vw, 280px);
    left: clamp(380.4444444444px, 29.7222222222vw, 428px);
  }
}
.world-container .area-map[data-variant=america] > .area-pin[data-variant="1"] {
  top: 43.0769230769vw;
  left: 58.4615384615vw;
}
@media (min-width: 768px) {
  .world-container .area-map[data-variant=america] > .area-pin[data-variant="1"] {
    top: clamp(190.2222222222px, 14.8611111111vw, 214px);
    left: clamp(216.8888888889px, 16.9444444444vw, 244px);
  }
}
.world-container .area-map[data-variant=europe] > .area-pin[data-variant="1"] {
  top: 23.5897435897vw;
  left: 34.8717948718vw;
}
@media (min-width: 768px) {
  .world-container .area-map[data-variant=europe] > .area-pin[data-variant="1"] {
    top: clamp(74.6666666667px, 5.8333333333vw, 84px);
    left: clamp(176px, 13.75vw, 198px);
  }
}
.world-container .corporate-link {
  position: relative;
  background-color: var(--color-white);
}
.world-container .corporate-link[data-variant=business] > .arrow {
  right: 12.8205128205vw;
}
@media (min-width: 768px) {
  .world-container .corporate-link[data-variant=business] > .arrow {
    right: clamp(44.4444444444px, 3.4722222222vw, 50px);
  }
}
.world-container .corporate-link[data-variant=group] > .arrow {
  right: 20vw;
}
@media (min-width: 768px) {
  .world-container .corporate-link[data-variant=group] > .arrow {
    right: clamp(72.8888888889px, 5.6944444444vw, 82px);
  }
}
.world-container .corporate-link > .txt {
  font-size: 0;
}
.world-container .corporate-link > .arrow {
  position: absolute;
  top: 50%;
  width: 2.5641025641vw;
  transform: translateY(-50%);

  aspect-ratio: 1;
}
@media (min-width: 768px) {
  .world-container .corporate-link > .arrow {
    width: clamp(14.2222222222px, 1.1111111111vw, 16px);
  }
}
.world-container .corporate-link > .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 (min-width: 768px) {
  .world-container .corporate-link > .arrow::before {
    border-width: 2px;
  }
}
@media (any-hover: hover) {
  .world-container .corporate-link:hover > .arrow {
    animation: hover-arrow-x 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  }
}
.world-container .corporate-links {
  display: grid;

  grid-template-columns: 87.6923076923vw;
  gap: 2.5641025641vw;
}
@media (max-width: 767.98px) {
  .world-container .corporate-links {
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .world-container .corporate-links {
    grid-template-columns: clamp(333.7777777778px, 26.0763888889vw, 375.5px) clamp(331.1111111111px, 25.8680555556vw, 372.5px);
    gap: clamp(17.7777777778px, 1.3888888889vw, 20px);
  }
}
.world-container .cube-wrapper {
  position: absolute;
  margin: auto;
  pointer-events: none;

  inset: 0;
}
.world-container .cube-wrapper > .cube-box {
  position: absolute;
}
.world-container .cube-wrapper > .cube-box[data-variant="1"] {
  top: -5.1282051282vw;
  right: 21.2820512821vw;
  width: 13.3333333333vw;
}
@media (min-width: 768px) {
  .world-container .cube-wrapper > .cube-box[data-variant="1"] {
    top: -32px;
    right: clamp(87.1111111111px, 6.8055555556vw, 98px);
    width: clamp(77.3333333333px, 6.0416666667vw, 87px);
  }
}
@media (min-width: 768px) and (min-width: 1280px) and (max-width: 1440px) {
  .world-container .cube-wrapper > .cube-box[data-variant="1"] {
    top: calc(-32px + -4 * ((100vw - 1280px) / (1440 - 1280)));
  }
}
@media (min-width: 768px) and (min-width: 1440px) and (max-width: 1920px) {
  .world-container .cube-wrapper > .cube-box[data-variant="1"] {
    top: calc(-36px + -12 * ((100vw - 1440px) / (1920 - 1440)));
  }
}
@media (min-width: 768px) and (min-width: 1920px) {
  .world-container .cube-wrapper > .cube-box[data-variant="1"] {
    top: -48px;
  }
}
.world-container .cube-wrapper > .cube-box[data-variant="2"] {
  top: 9.7435897436vw;
  right: -2.5641025641vw;
  width: 22.4358974359vw;
}
@media (min-width: 768px) {
  .world-container .cube-wrapper > .cube-box[data-variant="2"] {
    top: 53px;
    right: clamp(-26px, -1.8055555556vw, -23.1111111111px);
    width: clamp(98.6666666667px, 7.7083333333vw, 111px);
  }
}
@media (min-width: 768px) and (min-width: 1280px) and (max-width: 1440px) {
  .world-container .cube-wrapper > .cube-box[data-variant="2"] {
    top: calc(53px + 7 * ((100vw - 1280px) / (1440 - 1280)));
  }
}
@media (min-width: 768px) and (min-width: 1440px) and (max-width: 1920px) {
  .world-container .cube-wrapper > .cube-box[data-variant="2"] {
    top: calc(60px + 20 * ((100vw - 1440px) / (1920 - 1440)));
  }
}
@media (min-width: 768px) and (min-width: 1920px) {
  .world-container .cube-wrapper > .cube-box[data-variant="2"] {
    top: 80px;
  }
}
.world-container .cube-wrapper > .cube-box[data-variant="3"] {
  top: 125.641025641vw;
  right: -12.8205128205vw;
  width: 38.4615384615vw;
}
@media (min-width: 768px) {
  .world-container .cube-wrapper > .cube-box[data-variant="3"] {
    top: 332px;
    right: clamp(-86px, -5.9722222222vw, -76.4444444444px);
    width: clamp(269.7777777778px, 21.0763888889vw, 303.5px);
  }
}
@media (min-width: 768px) and (min-width: 1280px) and (max-width: 1440px) {
  .world-container .cube-wrapper > .cube-box[data-variant="3"] {
    top: calc(332px + 42 * ((100vw - 1280px) / (1440 - 1280)));
  }
}
@media (min-width: 768px) and (min-width: 1440px) and (max-width: 1920px) {
  .world-container .cube-wrapper > .cube-box[data-variant="3"] {
    top: calc(374px + 125 * ((100vw - 1440px) / (1920 - 1440)));
  }
}
@media (min-width: 768px) and (min-width: 1920px) {
  .world-container .cube-wrapper > .cube-box[data-variant="3"] {
    top: 499px;
  }
}
.world-container .list-body > .txt {
  color: var(--color-black);
  font-size: 3.3333333333vw;
  font-weight: 500;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .world-container .list-body > .txt {
    font-size: clamp(10.6666666667px, 0.8333333333vw, 12px);
  }
}
.world-container .list-body > .txt[data-variant=md] {
  margin-top: 2.0512820513vw;
}
@media (min-width: 768px) {
  .world-container .list-body > .txt[data-variant=md] {
    margin-top: clamp(5.3333333333px, 0.4166666667vw, 6px);
  }
}
.world-container .list-body > .txt[data-variant=lg] {
  font-size: 3.5897435897vw;
}
@media (min-width: 768px) {
  .world-container .list-body > .txt[data-variant=lg] {
    font-size: clamp(10.6666666667px, 0.8333333333vw, 12px);
  }
}
.world-container .list-body > .txt > span[data-variant=bold] {
  font-weight: 800;
}
.world-container .list-body > .txt > span[data-variant=sm] {
  font-size: 2.5641025641vw;
}
@media (min-width: 768px) {
  .world-container .list-body > .txt > span[data-variant=sm] {
    font-size: clamp(8.8888888889px, 0.6944444444vw, 10px);
  }
}
.world-container .list-body > .txt > small {
  font-size: 100%;
}
.world-container .list-body > .list-link {
  margin-top: 1.5384615385vw;
  padding: 0.5128205128vw 2.0512820513vw 0.5128205128vw 0;
  width: -moz-fit-content;
  width: fit-content;
}
@media (min-width: 768px) {
  .world-container .list-body > .list-link {
    margin-top: clamp(7.1111111111px, 0.5555555556vw, 8px);
    padding: clamp(3.5555555556px, 0.2777777778vw, 4px) clamp(7.1111111111px, 0.5555555556vw, 8px) clamp(3.5555555556px, 0.2777777778vw, 4px) 0;
  }
}
.world-container .list-link {
  display: flex;
  align-items: center;
  position: relative;

  gap: 0.5128205128vw;
}
@media (min-width: 768px) {
  .world-container .list-link {
    gap: clamp(1.7777777778px, 0.1388888889vw, 2px);
  }
}
.world-container .list-link::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: var(--color-daiichi-life-blue);
}
.world-container .list-link > .txt {
  color: var(--color-daiichi-life-blue);
  font-size: 3.3333333333vw;
  font-weight: 600;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .world-container .list-link > .txt {
    font-size: clamp(10.6666666667px, 0.8333333333vw, 12px);
  }
}
.world-container .list-link > .arrow {
  position: absolute;
  top: 50%;
  right: 0;
  width: 2.0512820513vw;
  transform: translateY(-50%);

  aspect-ratio: 1;
}
@media (min-width: 768px) {
  .world-container .list-link > .arrow {
    width: clamp(7.1111111111px, 0.5555555556vw, 8px);
  }
}
.world-container .list-link > .arrow::before {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  border-top: 1px solid var(--color-daiichi-life-blue);
  border-right: 1px solid var(--color-daiichi-life-blue);

  inset: 0;
  rotate: 45deg;
}
@media (any-hover: hover) {
  .world-container .list-link::after {
    transition: opacity 0.15s cubic-bezier(0.42, 0, 1, 1);
  }
  .world-container .list-link:hover::after {
    opacity: 0;
  }
  .world-container .list-link:hover > .arrow {
    animation: hover-arrow-x 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  }
}
@media (min-width: 768px) {
  .world-container .section-title > .title {
    width: clamp(1136px, 88.75vw, 1278px);
  }
}

.feature-container {
  display: grid;
  position: relative;
  background-color: var(--color-pale-blue);

  gap: 17.4358974359vw;
}
@media (min-width: 768px) {
  .feature-container {
    gap: clamp(97.7777777778px, 7.6388888889vw, 110px);
  }
}
.feature-container .cube-wrapper {
  position: absolute;
  margin: auto;
  pointer-events: none;

  inset: 0;
}
.feature-container .cube-wrapper > .cube-box {
  position: absolute;
}
.feature-container .cube-wrapper > .cube-box[data-variant="1"] {
  top: -5.3846153846vw;
  width: 13.3333333333vw;
}
@media (max-width: 767.98px) {
  .feature-container .cube-wrapper > .cube-box[data-variant="1"] {
    right: 21.0256410256vw;
  }
}
@media (min-width: 768px) {
  .feature-container .cube-wrapper > .cube-box[data-variant="1"] {
    top: -30px;
    left: clamp(72.8888888889px, 5.6944444444vw, 82px);
    width: clamp(77.3333333333px, 6.0416666667vw, 87px);
  }
}
@media (min-width: 768px) and (min-width: 1280px) and (max-width: 1440px) {
  .feature-container .cube-wrapper > .cube-box[data-variant="1"] {
    top: calc(-30px + -4 * ((100vw - 1280px) / (1440 - 1280)));
  }
}
@media (min-width: 768px) and (min-width: 1440px) and (max-width: 1920px) {
  .feature-container .cube-wrapper > .cube-box[data-variant="1"] {
    top: calc(-34px + -11 * ((100vw - 1440px) / (1920 - 1440)));
  }
}
@media (min-width: 768px) and (min-width: 1920px) {
  .feature-container .cube-wrapper > .cube-box[data-variant="1"] {
    top: -45px;
  }
}
.feature-container .cube-wrapper > .cube-box[data-variant="2"] {
  top: 9.2307692308vw;
  width: 20vw;
}
@media (max-width: 767.98px) {
  .feature-container .cube-wrapper > .cube-box[data-variant="2"] {
    right: -0.2564102564vw;
  }
}
@media (min-width: 768px) {
  .feature-container .cube-wrapper > .cube-box[data-variant="2"] {
    top: 59px;
    left: clamp(-14px, -0.9722222222vw, -12.4444444444px);
    width: clamp(98.6666666667px, 7.7083333333vw, 111px);
  }
}
@media (min-width: 768px) and (min-width: 1280px) and (max-width: 1440px) {
  .feature-container .cube-wrapper > .cube-box[data-variant="2"] {
    top: calc(59px + 7 * ((100vw - 1280px) / (1440 - 1280)));
  }
}
@media (min-width: 768px) and (min-width: 1440px) and (max-width: 1920px) {
  .feature-container .cube-wrapper > .cube-box[data-variant="2"] {
    top: calc(66px + 22 * ((100vw - 1440px) / (1920 - 1440)));
  }
}
@media (min-width: 768px) and (min-width: 1920px) {
  .feature-container .cube-wrapper > .cube-box[data-variant="2"] {
    top: 88px;
  }
}
.feature-container .cube-wrapper > .cube-box[data-variant="3"] {
  top: 142.5641025641vw;
  right: 11.7948717949vw;
  width: 18.0769230769vw;
}
@media (min-width: 768px) {
  .feature-container .cube-wrapper > .cube-box[data-variant="3"] {
    top: 324px;
    right: clamp(29.3333333333px, 2.2916666667vw, 33px);
    width: clamp(68px, 5.3125vw, 76.5px);
  }
}
@media (min-width: 768px) and (min-width: 1280px) and (max-width: 1440px) {
  .feature-container .cube-wrapper > .cube-box[data-variant="3"] {
    top: calc(324px + 40 * ((100vw - 1280px) / (1440 - 1280)));
  }
}
@media (min-width: 768px) and (min-width: 1440px) and (max-width: 1920px) {
  .feature-container .cube-wrapper > .cube-box[data-variant="3"] {
    top: calc(364px + 121 * ((100vw - 1440px) / (1920 - 1440)));
  }
}
@media (min-width: 768px) and (min-width: 1920px) {
  .feature-container .cube-wrapper > .cube-box[data-variant="3"] {
    top: 485px;
  }
}
.feature-container .cube-wrapper > .cube-box[data-variant="4"] {
  top: 160vw;
  right: -2.5641025641vw;
  width: 12.6923076923vw;
}
@media (min-width: 768px) {
  .feature-container .cube-wrapper > .cube-box[data-variant="4"] {
    top: 418px;
    right: clamp(151.1111111111px, 11.8055555556vw, 170px);
    width: clamp(98.6666666667px, 7.7083333333vw, 111px);
  }
}
@media (min-width: 768px) and (min-width: 1280px) and (max-width: 1440px) {
  .feature-container .cube-wrapper > .cube-box[data-variant="4"] {
    top: calc(418px + 52 * ((100vw - 1280px) / (1440 - 1280)));
  }
}
@media (min-width: 768px) and (min-width: 1440px) and (max-width: 1920px) {
  .feature-container .cube-wrapper > .cube-box[data-variant="4"] {
    top: calc(470px + 157 * ((100vw - 1440px) / (1920 - 1440)));
  }
}
@media (min-width: 768px) and (min-width: 1920px) {
  .feature-container .cube-wrapper > .cube-box[data-variant="4"] {
    top: 627px;
  }
}
@media (min-width: 768px) {
  .feature-container .cube-wrapper > .cube-box[data-variant="5"] {
    top: 498px;
    right: clamp(-110px, -7.6388888889vw, -97.7777777778px);
    width: clamp(292px, 22.8125vw, 328.5px);
  }
}
@media (min-width: 768px) and (min-width: 1280px) and (max-width: 1440px) {
  .feature-container .cube-wrapper > .cube-box[data-variant="5"] {
    top: calc(498px + 62 * ((100vw - 1280px) / (1440 - 1280)));
  }
}
@media (min-width: 768px) and (min-width: 1440px) and (max-width: 1920px) {
  .feature-container .cube-wrapper > .cube-box[data-variant="5"] {
    top: calc(560px + 187 * ((100vw - 1440px) / (1920 - 1440)));
  }
}
@media (min-width: 768px) and (min-width: 1920px) {
  .feature-container .cube-wrapper > .cube-box[data-variant="5"] {
    top: 747px;
  }
}
.feature-container .feature-box {
  display: grid;

  gap: 17.4358974359vw;
}
@media (min-width: 768px) {
  .feature-container .feature-box {
    gap: clamp(97.7777777778px, 7.6388888889vw, 110px);
  }
}
.feature-container .feature-box > .professional-box {
  padding: 0 7.6923076923vw;
}
@media (min-width: 768px) {
  .feature-container .feature-box > .professional-box {
    margin: auto;
    padding: 0 clamp(124.4444444444px, 9.7222222222vw, 140px);
    width: clamp(1280px, 100vw, 1440px);
  }
}
.feature-container .professional-annotation > .txt {
  display: flex;
  color: var(--color-dark-gray);
  font-size: 3.0769230769vw;
  font-weight: 700;
  line-height: 1.5;

  gap: 1.5384615385vw;
}
@media (min-width: 768px) {
  .feature-container .professional-annotation > .txt {
    font-size: clamp(10.6666666667px, 0.8333333333vw, 12px);

    gap: clamp(5.3333333333px, 0.4166666667vw, 6px);
  }
}
.feature-container .professional-annotation > .txt > span:nth-child(1 of span) {
  flex-shrink: 0;
}
.feature-container .professional-body {
  display: grid;

  gap: 3.5897435897vw;
}
@media (min-width: 768px) {
  .feature-container .professional-body {
    gap: clamp(10.6666666667px, 0.8333333333vw, 12px);
  }
}
.feature-container .professional-body > .heading {
  font-size: 0;
}
.feature-container .professional-body > .heading[data-variant="1"] {
  width: 47.1794871795vw;
}
@media (min-width: 768px) {
  .feature-container .professional-body > .heading[data-variant="1"] {
    width: clamp(269.3333333333px, 21.0416666667vw, 303px);
  }
}
.feature-container .professional-body > .heading[data-variant="2"] {
  width: 42.3076923077vw;
}
@media (min-width: 768px) {
  .feature-container .professional-body > .heading[data-variant="2"] {
    width: clamp(171.1111111111px, 13.3680555556vw, 192.5px);
  }
}
.feature-container .professional-body > .txt {
  letter-spacing: 0.75px;
  color: var(--color-black);
  font-size: 3.8461538462vw;
  font-weight: 500;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .feature-container .professional-body > .txt {
    font-size: clamp(14.2222222222px, 1.1111111111vw, 16px);
  }
}
.feature-container .professional-box {
  display: grid;

  gap: 9.2307692308vw;
}
@media (min-width: 768px) {
  .feature-container .professional-box {
    gap: clamp(44.4444444444px, 3.4722222222vw, 50px);
  }
}
.feature-container .professional-box > .title {
  width: 75.641025641vw;
  font-size: 0;
}
@media (min-width: 768px) {
  .feature-container .professional-box > .title {
    width: clamp(885.3333333333px, 69.1666666667vw, 996px);
  }
}
.feature-container .professional-box > .title:not(.-animated) {
  opacity: 0;
  transform: translateX(var(--translate-x));

  --translate-x: -20.5128205128vw;
}
@media (min-width: 768px) {
  .feature-container .professional-box > .title:not(.-animated) {
    --translate-x: clamp(-120px, -8.3333333333vw, -106.6666666667px);
  }
}
.feature-container .professional-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);
}
.feature-container .professional-box > .title.-animated:nth-child(1) {
  transition-delay: 0.05s;
}
.feature-container .professional-inner {
  display: grid;

  gap: 4.1025641026vw;
}
@media (min-width: 768px) {
  .feature-container .professional-inner {
    gap: clamp(16px, 1.25vw, 18px);
  }
}
.feature-container .professional-item {
  display: grid;
  background-color: var(--color-white);

  grid-template-columns: 20.5128205128vw 1fr;
  gap: 4.1025641026vw;
}
@media (min-width: 768px) {
  .feature-container .professional-item {
    align-items: center;

    grid-template-columns: clamp(133.3333333333px, 10.4166666667vw, 150px) 1fr;
    gap: clamp(28.4444444444px, 2.2222222222vw, 32px);
  }
}
.feature-container .professional-list {
  display: grid;

  gap: 2.5641025641vw;
}
@media (min-width: 768px) {
  .feature-container .professional-list {
    grid-template-columns: repeat(2, 1fr);
    gap: clamp(26.6666666667px, 2.0833333333vw, 30px);
  }
}
.feature-container .professional-list > .professional-item {
  padding: 6.1538461538vw;
}
@media (min-width: 768px) {
  .feature-container .professional-list > .professional-item {
    padding: clamp(35.5555555556px, 2.7777777778vw, 40px);
  }
}
.feature-container .project-body {
  display: grid;

  gap: 2.5641025641vw;
}
@media (min-width: 768px) {
  .feature-container .project-body {
    grid-template-rows: subgrid;
    grid-row: span 3;
    gap: clamp(8.8888888889px, 0.6944444444vw, 10px);
  }
  .feature-container .project-body > .project-text {
    display: grid;

    grid-template-rows: subgrid;
    grid-row: span 3;
    row-gap: clamp(7.1111111111px, 0.5555555556vw, 8px);
  }
}
.feature-container .project-body > .project-link {
  padding: 1.0256410256vw 5.1282051282vw;
  width: 43.5897435897vw;
}
@media (min-width: 768px) {
  .feature-container .project-body > .project-link {
    padding: clamp(1.7777777778px, 0.1388888889vw, 2px) clamp(17.7777777778px, 1.3888888889vw, 20px);
    width: clamp(151.1111111111px, 11.8055555556vw, 170px);
  }
}
.feature-container .project-box {
  display: grid;
  position: relative;
  z-index: 0;

  gap: 8.7179487179vw;
}
@media (min-width: 768px) {
  .feature-container .project-box {
    gap: clamp(30.2222222222px, 2.3611111111vw, 34px);
  }
}
.feature-container .project-box::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 97.4358974359%;
  height: 100%;
  background-color: var(--color-light-blue-02);
}
@media (min-width: 768px) {
  .feature-container .project-box::before {
    width: clamp(clamp(640px, 50vw, 720px), 50vw, 50%);
  }
}
.feature-container .project-box > .project-statement {
  padding: 0 7.6923076923vw;
}
@media (min-width: 768px) {
  .feature-container .project-box > .project-statement {
    margin: 0 auto;
    padding: 0 clamp(124.4444444444px, 9.7222222222vw, 140px);
    width: clamp(1280px, 100vw, 1440px);
  }
}
.feature-container .project-box > .project-list {
  margin-left: 6.4102564103vw;
  width: 84.6153846154vw;
}
@media (min-width: 768px) {
  .feature-container .project-box > .project-list {
    margin: 0 auto;
    width: clamp(1031.1111111111px, 80.5555555556vw, 1160px);
  }
}
.feature-container .project-heading > .title {
  width: 76.1538461538vw;
}
@media (min-width: 768px) {
  .feature-container .project-heading > .title {
    width: clamp(943.1111111111px, 73.6805555556vw, 1061px);
  }
}
.feature-container .project-heading > .title:not(.-animated) {
  opacity: 0;
  transform: translateX(var(--translate-x));

  --translate-x: -20.5128205128vw;
}
@media (min-width: 768px) {
  .feature-container .project-heading > .title:not(.-animated) {
    --translate-x: clamp(-120px, -8.3333333333vw, -106.6666666667px);
  }
}
.feature-container .project-heading > .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);
}
.feature-container .project-inner {
  display: grid;

  gap: 7.6923076923vw;
}
@media (min-width: 768px) {
  .feature-container .project-inner {
    gap: clamp(17.7777777778px, 1.3888888889vw, 20px);
  }
}
.feature-container .project-inner > .project-box {
  padding: 11.5384615385vw 0;
}
@media (min-width: 768px) {
  .feature-container .project-inner > .project-box {
    padding: clamp(71.1111111111px, 5.5555555556vw, 80px) 0;
  }
}
.feature-container .project-item {
  background-color: var(--color-white);
}
.feature-container .project-item > .thumbnail {
  display: block;
  overflow: hidden;
}
.feature-container .project-item > .thumbnail > .image {
  transition: transform 0.15s cubic-bezier(0.42, 0, 1, 1);
}
.feature-container .project-item > .project-body {
  padding: 6.1538461538vw;
}
@media (min-width: 768px) {
  .feature-container .project-item > .project-body {
    padding: clamp(17.7777777778px, 1.3888888889vw, 20px) clamp(22.2222222222px, 1.7361111111vw, 25px);
  }
}
@media (any-hover: hover) {
  .feature-container .project-item:has(.thumbnail:hover) > .thumbnail > .image,
  .feature-container .project-item:has(.project-body:hover) > .thumbnail > .image {
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 0.2s;
    transform: scale(1.1);
  }
  .feature-container .project-item:has(.thumbnail:hover) > .project-body > .project-text > .title,
  .feature-container .project-item:has(.thumbnail:hover) > .project-body > .project-text > .txt,
  .feature-container .project-item:has(.project-body:hover) > .project-body > .project-text > .title,
  .feature-container .project-item:has(.project-body:hover) > .project-body > .project-text > .txt {
    text-decoration: underline;
  }
}
.feature-container .project-link {
  display: block;
  position: relative;
  border: 1px solid var(--color-daiichi-life-blue);
}
.feature-container .project-link > .txt {
  letter-spacing: 0.7px;
  color: var(--color-daiichi-life-blue);
  font-size: 3.5897435897vw;
  font-weight: 700;
}
@media (min-width: 768px) {
  .feature-container .project-link > .txt {
    font-size: clamp(12.4444444444px, 0.9722222222vw, 14px);
  }
}
.feature-container .project-link > .arrow {
  display: block;
  position: absolute;
  top: 50%;
  right: 5.1282051282vw;
  width: 2.0512820513vw;
  transform: translateY(-50%);

  aspect-ratio: 1;
}
@media (min-width: 768px) {
  .feature-container .project-link > .arrow {
    right: clamp(17.7777777778px, 1.3888888889vw, 20px);
    width: clamp(6.2222222222px, 0.4861111111vw, 7px);
  }
}
.feature-container .project-link > .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);

  inset: 0;
  rotate: -45deg;
}
@media (any-hover: hover) {
  .feature-container .project-link:hover > .arrow {
    animation: hover-arrow-x 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  }
}
.feature-container .project-list {
  display: grid;
  justify-content: center;

  gap: 2.5641025641vw;
}
@media (min-width: 768px) {
  .feature-container .project-list {
    grid-template-rows: repeat(4, auto);
    grid-template-columns: repeat(3, 1fr);
    row-gap: 0;
    -moz-column-gap: clamp(26.6666666667px, 2.0833333333vw, 30px);
         column-gap: clamp(26.6666666667px, 2.0833333333vw, 30px);
  }
  .feature-container .project-list > .project-item {
    display: grid;

    grid-template-rows: subgrid;
    grid-row: span 4;
  }
}
.feature-container .project-statement {
  display: grid;

  gap: 6.1538461538vw;
}
@media (min-width: 768px) {
  .feature-container .project-statement {
    display: flex;
    align-items: center;

    gap: clamp(28.4444444444px, 2.2222222222vw, 32px);
  }
}
.feature-container .project-statement > .title {
  font-size: 0;
}
.feature-container .project-statement > .statement {
  font-size: 0;
}
.feature-container .project-statement[data-variant="1"] > .title {
  width: 42.5641025641vw;
}
@media (min-width: 768px) {
  .feature-container .project-statement[data-variant="1"] > .title {
    width: clamp(175.5555555556px, 13.7152777778vw, 197.5px);
  }
}
.feature-container .project-statement[data-variant="1"] > .statement {
  width: 77.1794871795vw;
}
@media (min-width: 768px) {
  .feature-container .project-statement[data-variant="1"] > .statement {
    width: clamp(581.3333333333px, 45.4166666667vw, 654px);
  }
}
.feature-container .project-statement[data-variant="2"] > .title {
  width: 55.1282051282vw;
}
@media (min-width: 768px) {
  .feature-container .project-statement[data-variant="2"] > .title {
    width: clamp(228px, 17.8125vw, 256.5px);
  }
}
.feature-container .project-statement[data-variant="2"] > .statement {
  width: 77.1794871795vw;
}
@media (min-width: 768px) {
  .feature-container .project-statement[data-variant="2"] > .statement {
    width: clamp(636.8888888889px, 49.7569444444vw, 716.5px);
  }
}
.feature-container .project-statement:not(.-animated) {
  --translate-x: -20.5128205128vw;
}
@media (min-width: 768px) {
  .feature-container .project-statement:not(.-animated) {
    --translate-x: clamp(-100px, -6.9444444444vw, -88.8888888889px);
  }
}
.feature-container .project-statement:not(.-animated) > .title {
  opacity: 0;
  transform: translateX(var(--translate-x));
}
.feature-container .project-statement:not(.-animated) > .statement {
  opacity: 0;
}
@media (min-width: 768px) {
  .feature-container .project-statement:not(.-animated) > .statement {
    transform: translateX(var(--translate-x));
  }
}
.feature-container .project-statement.-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) {
  .feature-container .project-statement.-animated > .title:nth-child(1) {
    transition-delay: 0.05s;
  }
}
.feature-container .project-statement.-animated > .statement {
  transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
}
@media (max-width: 767.98px) {
  .feature-container .project-statement.-animated > .statement {
    transition-delay: 0.45s;
  }
}
@media (min-width: 768px) {
  .feature-container .project-statement.-animated > .statement {
    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);
  }
}
.feature-container .project-text {
  display: grid;

  gap: 1.7948717949vw;
}
@media (min-width: 768px) {
  .feature-container .project-text {
    gap: clamp(7.1111111111px, 0.5555555556vw, 8px);
  }
}
.feature-container .project-text > .title {
  letter-spacing: 0.9px;
  color: var(--color-black);
  font-size: 4.1025641026vw;
  font-weight: 700;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .feature-container .project-text > .title {
    font-size: clamp(16px, 1.25vw, 18px);
  }
}
.feature-container .project-text > .txt {
  letter-spacing: 0.75px;
  color: var(--color-black);
  font-size: 3.3333333333vw;
  font-weight: 500;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .feature-container .project-text > .txt {
    font-size: clamp(12.4444444444px, 0.9722222222vw, 14px);
  }
}
.feature-container .project-text > .txt > .red {
  color: var(--color-red);
}
.feature-container .project-text > .copy {
  letter-spacing: 0.7px;
  color: var(--color-dark-gray);
  font-size: 3.5897435897vw;
}
@media (min-width: 768px) {
  .feature-container .project-text > .copy {
    font-size: clamp(12.4444444444px, 0.9722222222vw, 14px);
  }
}
.feature-container .project-wrapper {
  display: grid;

  gap: 7.6923076923vw;
}
@media (min-width: 768px) {
  .feature-container .project-wrapper {
    gap: clamp(44.4444444444px, 3.4722222222vw, 50px);
  }
}
.feature-container .project-wrapper > .project-heading {
  padding: 0 7.6923076923vw;
}
@media (min-width: 768px) {
  .feature-container .project-wrapper > .project-heading {
    margin: 0 auto;
    padding: 0 clamp(124.4444444444px, 9.7222222222vw, 140px);
    width: clamp(1280px, 100vw, 1440px);
  }
}
.worker-container {
  display: grid;
  position: relative;
  background-color: var(--color-pale-blue);

  gap: 15.3846153846vw;
}
@media (min-width: 768px) {
  .worker-container {
    gap: clamp(97.7777777778px, 7.6388888889vw, 110px);
  }
}
.worker-container .cube-wrapper {
  position: absolute;
  margin: auto;
  pointer-events: none;

  inset: 0;
}
.worker-container .cube-wrapper > .cube-box {
  position: absolute;
}
.worker-container .cube-wrapper > .cube-box[data-variant="1"] {
  top: -5.3846153846vw;
  right: 21.0256410256vw;
  width: 13.3333333333vw;
}
@media (min-width: 768px) {
  .worker-container .cube-wrapper > .cube-box[data-variant="1"] {
    top: -30px;
    right: clamp(85.3333333333px, 6.6666666667vw, 96px);
    width: clamp(77.3333333333px, 6.0416666667vw, 87px);
  }
}
@media (min-width: 768px) and (min-width: 1280px) and (max-width: 1440px) {
  .worker-container .cube-wrapper > .cube-box[data-variant="1"] {
    top: calc(-30px + -4 * ((100vw - 1280px) / (1440 - 1280)));
  }
}
@media (min-width: 768px) and (min-width: 1440px) and (max-width: 1920px) {
  .worker-container .cube-wrapper > .cube-box[data-variant="1"] {
    top: calc(-34px + -11 * ((100vw - 1440px) / (1920 - 1440)));
  }
}
@media (min-width: 768px) and (min-width: 1920px) {
  .worker-container .cube-wrapper > .cube-box[data-variant="1"] {
    top: -45px;
  }
}
.worker-container .cube-wrapper > .cube-box[data-variant="2"] {
  top: 9.2307692308vw;
  right: -2.5641025641vw;
  width: 22.4358974359vw;
}
@media (min-width: 768px) {
  .worker-container .cube-wrapper > .cube-box[data-variant="2"] {
    top: 55px;
    right: clamp(-24px, -1.6666666667vw, -21.3333333333px);
    width: clamp(98.6666666667px, 7.7083333333vw, 111px);
  }
}
@media (min-width: 768px) and (min-width: 1280px) and (max-width: 1440px) {
  .worker-container .cube-wrapper > .cube-box[data-variant="2"] {
    top: calc(55px + 7 * ((100vw - 1280px) / (1440 - 1280)));
  }
}
@media (min-width: 768px) and (min-width: 1440px) and (max-width: 1920px) {
  .worker-container .cube-wrapper > .cube-box[data-variant="2"] {
    top: calc(62px + 21 * ((100vw - 1440px) / (1920 - 1440)));
  }
}
@media (min-width: 768px) and (min-width: 1920px) {
  .worker-container .cube-wrapper > .cube-box[data-variant="2"] {
    top: 83px;
  }
}
.worker-container .insurance-annotation > .txt {
  display: grid;
  letter-spacing: 0.6px;
  color: var(--color-dark-gray);
  font-size: 3.0769230769vw;
  font-weight: 700;

  grid-template-columns: 2em 1fr;
  gap: 0.7692307692vw;
}
@media (min-width: 768px) {
  .worker-container .insurance-annotation > .txt {
    margin-right: -1em;
    font-size: clamp(10.6666666667px, 0.8333333333vw, 12px);

    gap: 0;
  }
}
.worker-container .insurance-body {
  display: grid;
  position: relative;

  gap: 2.5641025641vw;
}
.worker-container .insurance-body[data-variant=scale],
.worker-container .insurance-body[data-variant=genre] {
  background-color: var(--color-white);
}
@media (min-width: 768px) {
  .worker-container .insurance-body[data-variant=scale] {
    grid-area: servicescale;
    gap: clamp(10.6666666667px, 0.8333333333vw, 12px);
  }
}
@media (min-width: 768px) {
  .worker-container .insurance-body[data-variant=genre] {
    grid-area: servicegenre;
  }
}
@media (min-width: 768px) {
  .worker-container .insurance-body[data-variant=function] {
    grid-area: functionlist;
    gap: clamp(17.7777777778px, 1.3888888889vw, 20px);
  }
}
.worker-container .insurance-body > .insurance-content[data-variant=function] {
  padding: 17.9487179487vw 6.1538461538vw 6.1538461538vw;
}
@media (min-width: 768px) {
  .worker-container .insurance-body > .insurance-content[data-variant=function] {
    padding: clamp(83.5555555556px, 6.5277777778vw, 94px) clamp(35.5555555556px, 2.7777777778vw, 40px) clamp(35.5555555556px, 2.7777777778vw, 40px);
  }
}
.worker-container .insurance-box {
  position: relative;
  z-index: 0;
}
@media (min-width: 768px) {
  .worker-container .insurance-box {
    display: grid;
    align-items: flex-start;
    justify-content: center;

    grid-template-columns: clamp(497.7777777778px, 38.8888888889vw, 560px) clamp(471.1111111111px, 36.8055555556vw, 530px);
    row-gap: clamp(35.5555555556px, 2.7777777778vw, 40px);
  }
  .worker-container .insurance-box > * {
    translate: clamp(-36px, -2.5vw, -32px);
  }
}
@media (max-width: 767.98px) {
  .worker-container .insurance-box[data-variant=scale] > .insurance-body {
    margin-top: 17.9487179487vw;
  }
  .worker-container .insurance-box[data-variant=scale] > .insurance-body + .insurance-body {
    margin-top: 10.2564102564vw;
  }
}
@media (min-width: 768px) {
  .worker-container .insurance-box[data-variant=scale] {
    grid-template-areas: "statement servicescale" "servicegenre servicegenre";
  }
}
@media (max-width: 767.98px) {
  .worker-container .insurance-box[data-variant=function] > .thumbnail {
    margin-top: 4.1025641026vw;
  }
  .worker-container .insurance-box[data-variant=function] > .insurance-body {
    margin-top: 9.7435897436vw;
  }
}
@media (min-width: 768px) {
  .worker-container .insurance-box[data-variant=function] {
    grid-template-areas: "statement thumbnail" "functionlist functionlist";
  }
}
.worker-container .insurance-box::before {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 97.4358974359%;
  height: 100%;
  background-color: var(--color-light-blue-02);
}
@media (min-width: 768px) {
  .worker-container .insurance-box::before {
    width: 90.2777777778%;
  }
}
@media (max-width: 767.98px) {
  .worker-container .insurance-box > .insurance-statement {
    margin-left: 7.6923076923vw;
    width: 82.0512820513vw;
  }
}
@media (min-width: 768px) {
  .worker-container .insurance-box > .insurance-statement[data-variant=scale] {
    padding-top: clamp(16px, 1.25vw, 18px);
  }
}
@media (min-width: 768px) {
  .worker-container .insurance-box > .insurance-statement[data-variant=function] {
    padding-top: clamp(8.8888888889px, 0.6944444444vw, 10px);
  }
}
@media (max-width: 767.98px) {
  .worker-container .insurance-box > .thumbnail {
    margin-left: 7.6923076923vw;
    width: 82.0512820513vw;
  }
}
@media (min-width: 768px) {
  .worker-container .insurance-box > .thumbnail {
    grid-area: thumbnail;
  }
}
@media (max-width: 767.98px) {
  .worker-container .insurance-box > .insurance-body {
    margin-left: 7.6923076923vw;
    width: 82.0512820513vw;
  }
}
.worker-container .insurance-box > .insurance-body[data-variant=scale] {
  padding: 22.0512820513vw 6.1538461538vw 6.1538461538vw;
}
@media (min-width: 768px) {
  .worker-container .insurance-box > .insurance-body[data-variant=scale] {
    padding: clamp(40px, 3.125vw, 45px) clamp(26.6666666667px, 2.0833333333vw, 30px) clamp(17.7777777778px, 1.3888888889vw, 20px);
  }
}
.worker-container .insurance-box > .insurance-body[data-variant=genre] {
  padding: 17.9487179487vw 6.1538461538vw 6.1538461538vw;
}
@media (min-width: 768px) {
  .worker-container .insurance-box > .insurance-body[data-variant=genre] {
    padding: clamp(83.5555555556px, 6.5277777778vw, 94px) clamp(35.5555555556px, 2.7777777778vw, 40px) clamp(35.5555555556px, 2.7777777778vw, 40px);
  }
}
.worker-container .insurance-content[data-variant=scale] > .heading {
  position: absolute;
  top: -8.2051282051vw;
  left: 50%;
  width: 69.7435897436vw;
  transform: translateX(-50%);
  font-size: 0;
}
@media (min-width: 768px) {
  .worker-container .insurance-content[data-variant=scale] > .heading {
    top: clamp(-44px, -3.0555555556vw, -39.1111111111px);
    width: clamp(446.2222222222px, 34.8611111111vw, 502px);
  }
}
.worker-container .insurance-content[data-variant=genre] > .heading {
  position: absolute;
  top: 6.4102564103vw;
  left: 50%;
  width: 69.7435897436vw;
  transform: translateX(-50%);
  font-size: 0;
}
@media (min-width: 768px) {
  .worker-container .insurance-content[data-variant=genre] > .heading {
    top: clamp(31.1111111111px, 2.4305555556vw, 35px);
    width: clamp(897.7777777778px, 70.1388888889vw, 1010px);
  }
}
.worker-container .insurance-content[data-variant=function] {
  background-color: var(--color-white);
}
.worker-container .insurance-content[data-variant=function] > .heading {
  position: absolute;
  top: 6.4102564103vw;
  left: 50%;
  width: 69.7435897436vw;
  transform: translateX(-50%);
  font-size: 0;
}
@media (min-width: 768px) {
  .worker-container .insurance-content[data-variant=function] > .heading {
    top: clamp(31.1111111111px, 2.4305555556vw, 35px);
    width: clamp(897.7777777778px, 70.1388888889vw, 1010px);
  }
}
@media (min-width: 768px) {
  .worker-container .insurance-statement {
    grid-area: statement;
  }
}
.worker-container .insurance-statement > .title,
.worker-container .insurance-statement > .statement {
  font-size: 0;
}
.worker-container .insurance-statement > .statement {
  margin-top: 6.6666666667vw;
}
@media (min-width: 768px) {
  .worker-container .insurance-statement > .statement {
    margin-top: clamp(33.7777777778px, 2.6388888889vw, 38px);
  }
}
.worker-container .insurance-statement > .txt {
  margin-top: 5.1282051282vw;
  letter-spacing: 0.8px;
  color: var(--color-black);
  font-size: 4.1025641026vw;
  font-weight: 600;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .worker-container .insurance-statement > .txt {
    margin-top: clamp(23.1111111111px, 1.8055555556vw, 26px);
    font-size: clamp(16px, 1.25vw, 18px);
  }
}
.worker-container .insurance-statement > .statement-link {
  margin-top: 4.1025641026vw;
  padding: 2.5641025641vw 5.641025641vw;
  width: 55.3846153846vw;
}
@media (min-width: 768px) {
  .worker-container .insurance-statement > .statement-link {
    margin-top: clamp(17.7777777778px, 1.3888888889vw, 20px);
    padding: clamp(7.1111111111px, 0.5555555556vw, 8px) clamp(19.5555555556px, 1.5277777778vw, 22px);
    width: clamp(192px, 15vw, 216px);
  }
}
.worker-container .insurance-statement[data-variant=scale] > .title {
  width: 46.7948717949vw;
}
@media (min-width: 768px) {
  .worker-container .insurance-statement[data-variant=scale] > .title {
    width: clamp(456px, 35.625vw, 513px);
  }
}
.worker-container .insurance-statement[data-variant=scale] > .statement {
  width: 74.1025641026vw;
}
@media (min-width: 768px) {
  .worker-container .insurance-statement[data-variant=scale] > .statement {
    width: clamp(308px, 24.0625vw, 346.5px);
  }
}
.worker-container .insurance-statement[data-variant=function] > .title {
  width: 74.4871794872vw;
}
@media (min-width: 768px) {
  .worker-container .insurance-statement[data-variant=function] > .title {
    width: clamp(353.7777777778px, 27.6388888889vw, 398px);
  }
}
.worker-container .insurance-statement[data-variant=function] > .statement {
  width: 61.0256410256vw;
}
@media (min-width: 768px) {
  .worker-container .insurance-statement[data-variant=function] > .statement {
    width: clamp(419.5555555556px, 32.7777777778vw, 472px);
  }
}
.worker-container .insurance-statement:not(.-animated) > .title {
  opacity: 0;
  transform: translateX(var(--translate-x));

  --translate-x: -20.5128205128vw;
}
@media (min-width: 768px) {
  .worker-container .insurance-statement:not(.-animated) > .title {
    --translate-x: clamp(-120px, -8.3333333333vw, -106.6666666667px);
  }
}
.worker-container .insurance-statement:not(.-animated) > .statement,
.worker-container .insurance-statement:not(.-animated) > .txt,
.worker-container .insurance-statement:not(.-animated) > .statement-link {
  opacity: 0;
}
.worker-container .insurance-statement.-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);
}
.worker-container .insurance-statement.-animated > .title:nth-child(1) {
  transition-delay: 0.05s;
}
.worker-container .insurance-statement.-animated > .statement,
.worker-container .insurance-statement.-animated > .txt,
.worker-container .insurance-statement.-animated > .statement-link {
  transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.45s;
}
.worker-container .insurance-wrapper {
  display: grid;

  gap: 7.6923076923vw;
}
@media (min-width: 768px) {
  .worker-container .insurance-wrapper {
    gap: clamp(26.6666666667px, 2.0833333333vw, 30px);
  }
}
.worker-container .insurance-wrapper > .insurance-box {
  padding: 11.5384615385vw 0 10.2564102564vw;
}
@media (min-width: 768px) {
  .worker-container .insurance-wrapper > .insurance-box {
    padding: clamp(62.2222222222px, 4.8611111111vw, 70px) 0;
  }
}
@media (min-width: 768px) {
  .worker-container .insurance-wrapper > .insurance-box[data-variant=scale] {
    padding: clamp(97.7777777778px, 7.6388888889vw, 110px) 0 clamp(62.2222222222px, 4.8611111111vw, 70px);
  }
}
.worker-container .scale-item {
  position: relative;
}
@media (max-width: 767.98px) {
  .worker-container .scale-item + .scale-item::before {
    content: "";
    display: block;
    position: absolute;
    top: -3.0769230769vw;
    width: 100%;
    height: 1px;
    background-color: var(--color-light-border-gray);
  }
}
.worker-container .service-item {
  display: grid;

  gap: 1.5384615385vw;
}
@media (min-width: 768px) {
  .worker-container .service-item {
    gap: clamp(8.8888888889px, 0.6944444444vw, 10px);
  }
}
.worker-container .service-item > .txt {
  text-align: center;
  letter-spacing: 0.6px;
  color: var(--color-dark-blue);
  font-size: 3.0769230769vw;
  font-weight: 700;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .worker-container .service-item > .txt {
    font-size: clamp(16px, 1.25vw, 18px);
  }
}
.worker-container .service-list {
  display: grid;
  align-items: flex-start;

  grid-template-columns: repeat(3, 1fr);
  gap: 2.5641025641vw 4.1025641026vw;
}
@media (min-width: 768px) {
  .worker-container .service-list {
    gap: clamp(14.2222222222px, 1.1111111111vw, 16px);
  }
}
@media (max-width: 767.98px) {
  .worker-container .service-list[data-variant=genre] > .service-item:nth-child(7 of .service-item),
  .worker-container .service-list[data-variant=genre] > .service-item:nth-child(8 of .service-item) {
    transform: translateX(calc(50% + 2.0512820513vw));
  }
}
@media (min-width: 768px) {
  .worker-container .service-list[data-variant=genre] {
    grid-template-columns: repeat(8, 1fr);
  }
}
@media (max-width: 767.98px) {
  .worker-container .service-list[data-variant=function] > .service-item:nth-child(7 of .service-item) {
    transform: translateX(calc(100% + 4.1025641026vw));
  }
}
@media (min-width: 768px) {
  .worker-container .service-list[data-variant=function] {
    grid-template-columns: repeat(7, 1fr);
    gap: clamp(33.7777777778px, 2.6388888889vw, 38px);
  }
}
.worker-container .service-scale {
  display: grid;

  gap: 6.1538461538vw;
}
@media (min-width: 768px) {
  .worker-container .service-scale {
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(14.2222222222px, 1.1111111111vw, 16px);
  }
}
.worker-container .statement-link {
  display: block;
  position: relative;
  background-color: var(--color-daiichi-life-blue);
}
.worker-container .statement-link > .txt {
  letter-spacing: 0.7px;
  color: var(--color-white);
  font-size: 3.5897435897vw;
  font-weight: 800;
}
@media (min-width: 768px) {
  .worker-container .statement-link > .txt {
    font-size: clamp(12.4444444444px, 0.9722222222vw, 14px);
  }
}
.worker-container .statement-link > .arrow {
  position: absolute;
  top: 50%;
  right: 5.641025641vw;
  width: 2.0512820513vw;
  transform: translateY(-50%);

  aspect-ratio: 1;
}
@media (min-width: 768px) {
  .worker-container .statement-link > .arrow {
    right: clamp(19.5555555556px, 1.5277777778vw, 22px);
    width: clamp(7.1111111111px, 0.5555555556vw, 8px);
  }
}
.worker-container .statement-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 (any-hover: hover) {
  .worker-container .statement-link:hover > .arrow {
    animation: hover-arrow-x 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
  }
}
.worker-container .worker-box {
  display: grid;

  gap: 7.6923076923vw;
}
@media (min-width: 768px) {
  .worker-container .worker-box {
    gap: clamp(64px, 5vw, 72px);
  }
}
@media (min-width: 768px) {
  .worker-container .worker-box > .worker-title {
    margin: 0 auto;
    padding: 0 clamp(124.4444444444px, 9.7222222222vw, 140px);
    width: clamp(1280px, 100vw, 1440px);
  }
}
.worker-container .worker-title > .title {
  font-size: 0;
}
@media (min-width: 768px) {
  .worker-container .worker-title > .title {
    width: clamp(963.1111111111px, 75.2430555556vw, 1083.5px);
  }
}
.worker-container .worker-title > .title:not(.-animated) {
  opacity: 0;
  transform: translateX(var(--translate-x));

  --translate-x: -20.5128205128vw;
}
@media (min-width: 768px) {
  .worker-container .worker-title > .title:not(.-animated) {
    --translate-x: clamp(-120px, -8.3333333333vw, -106.6666666667px);
  }
}
.worker-container .worker-title > .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);
}
.worker-container .worker-title > .title.-animated:nth-child(1) {
  transition-delay: 0.05s;
}

@media (min-width: 768px) {
  .media-box.-reverse::before {
    left: 50%;
    background: linear-gradient(90deg, var(--color-bright-blue) 0%, var(--color-daiichi-life-blue) 100%);
  }
  .media-box.-reverse > .media-body {
    order: 1;
    margin-right: auto;
    margin-left: 0;
    padding: 0 clamp(88.8888888889px, 6.9444444444vw, 100px) 0 clamp(62.2222222222px, 4.8611111111vw, 70px);
  }
}
@media (min-width: 768px) {
  .media-box {
    display: grid;
    align-items: center;
    position: relative;
    z-index: 0;

    grid-template-columns: repeat(2, 1fr);
  }
  .media-box::before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: max(50%, clamp(640px, 50vw, 720px));
    height: 100%;
    background: linear-gradient(90deg, var(--color-daiichi-life-blue) 0%, var(--color-bright-blue) 100%);
  }
}
.media-box > .media-body {
  padding: 14.8717948718vw 6.1538461538vw 9.7435897436vw;
}
@media (min-width: 768px) {
  .media-box > .media-body {
    margin-left: auto;
    padding: 0 clamp(62.2222222222px, 4.8611111111vw, 70px) 0 clamp(88.8888888889px, 6.9444444444vw, 100px);
    width: clamp(640px, 50vw, 720px);
  }
}
.media-box .media-body {
  display: grid;
  overflow: hidden;

  gap: 4.6153846154vw;
}
@media (max-width: 767.98px) {
  .media-box .media-body {
    background: linear-gradient(90deg, var(--color-daiichi-life-blue) 0%, var(--color-bright-blue) 100%);
  }
}
@media (min-width: 768px) {
  .media-box .media-body {
    gap: clamp(28.4444444444px, 2.2222222222vw, 32px);
  }
}
.media-box .media-body > .title.-world {
  width: 78.4615384615vw;
}
@media (min-width: 768px) {
  .media-box .media-body > .title.-world {
    width: clamp(453.3333333333px, 35.4166666667vw, 510px);
  }
}
.media-box .media-body > .title.-feature {
  width: 78.4615384615vw;
}
@media (min-width: 768px) {
  .media-box .media-body > .title.-feature {
    width: clamp(453.3333333333px, 35.4166666667vw, 510px);
  }
}
.media-box .media-body > .title.-worker {
  width: 78.4615384615vw;
}
@media (min-width: 768px) {
  .media-box .media-body > .title.-worker {
    width: clamp(453.3333333333px, 35.4166666667vw, 510px);
  }
}
.media-box .media-body > .title:not(.-animated) {
  opacity: 0;
  transform: translateX(var(--translate-x));

  --translate-x: -20.5128205128vw;
}
@media (min-width: 768px) {
  .media-box .media-body > .title:not(.-animated) {
    --translate-x: clamp(-120px, -8.3333333333vw, -106.6666666667px);
  }
}
.media-box .media-body > .title:not(.-animated) ~ .txt {
  opacity: 0;
}
.media-box .media-body > .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);
}
.media-box .media-body > .txt {
  transition: opacity 0.65s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition-delay: 0.45s;
  color: var(--color-white);
  font-size: 3.8461538462vw;
  font-weight: 600;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .media-box .media-body > .txt {
    font-size: clamp(16px, 1.25vw, 18px);
  }
}

.main-container {
  overflow: hidden;
  font-family: "Yu Gothic", "YuGothic", "游ゴシック体", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "Noto Sans JP", Arial, sans-serif;
}
.main-container > .anchor-container {
  padding: 10.2564102564vw 3.8461538462vw;
}
@media (min-width: 768px) {
  .main-container > .anchor-container {
    padding: clamp(71.1111111111px, 5.5555555556vw, 80px) clamp(35.5555555556px, 2.7777777778vw, 40px);
  }
}
.main-container > .world-container {
  padding-bottom: 15.3846153846vw;
}
@media (min-width: 768px) {
  .main-container > .world-container {
    padding-bottom: clamp(97.7777777778px, 7.6388888889vw, 110px);
  }
}
.main-container > .feature-container {
  padding-bottom: 15.3846153846vw;
}
@media (min-width: 768px) {
  .main-container > .feature-container {
    padding-bottom: clamp(115.5555555556px, 9.0277777778vw, 130px);
  }
}
.main-container > .worker-container {
  padding-bottom: 15.3846153846vw;
}
@media (min-width: 768px) {
  .main-container > .worker-container {
    padding-bottom: clamp(124.4444444444px, 9.7222222222vw, 140px);
  }
}
.main-container > .background-container {
  position: fixed;
  z-index: -1;

  inset: 0;
}