@media (min-width: 768px) {
  .p-top-mv {
    margin-bottom: calc(100vw * -150 / 1920);
  }
}

.p-top-mv_inner {
  display: flex;
  justify-content: space-between;
}

.p-top-mv_content {
  margin-top: calc(100vw * 190 / 1920);
  margin-left: calc(100vw * 280 / 1920);
  height: 54.4rem;
}

/* Safari */
_::-webkit-full-page-media, _:future, :root .p-top-mv_content {
  width: 56rem;
}

[delay="2"] {
  transition-delay: 0.2s !important;
}

[delay="4"] {
  transition-delay: 0.4s !important;
}

[delay="6"] {
  transition-delay: 0.6s !important;
}

[delay="8"] {
  transition-delay: 0.8s !important;
}

[delay="10"] {
  transition-delay: 1s !important;
}

[delay="12"] {
  transition-delay: 1.2s !important;
}

[delay="14"] {
  transition-delay: 1.4s !important;
}

[delay="16"] {
  transition-delay: 1.6s !important;
}

[delay="18"] {
  transition-delay: 1.8s !important;
}

[delay="20"] {
  transition-delay: 2s !important;
}

[delay="22"] {
  transition-delay: 2.2s !important;
}

[delay="24"] {
  transition-delay: 2.4s !important;
}

[delay="26"] {
  transition-delay: 2.6s !important;
}

[delay="28"] {
  transition-delay: 2.8s !important;
}

[delay="30"] {
  transition-delay: 3s !important;
}

[delay="32"] {
  transition-delay: 3.2s !important;
}

[delay="34"] {
  transition-delay: 3.4s !important;
}

[delay="36"] {
  transition-delay: 3.6s !important;
}

[delay="38"] {
  transition-delay: 3.8s !important;
}

[delay="40"] {
  transition-delay: 4s !important;
}

@media (max-width: 767px) {
  [spdelay="2"] {
    transition-delay: 0.2s !important;
  }

  [spdelay="4"] {
    transition-delay: 0.4s !important;
  }

  [spdelay="6"] {
    transition-delay: 0.6s !important;
  }

  [spdelay="8"] {
    transition-delay: 0.8s !important;
  }

  [spdelay="10"] {
    transition-delay: 1s !important;
  }

  [spdelay="12"] {
    transition-delay: 1.2s !important;
  }

  [spdelay="14"] {
    transition-delay: 1.4s !important;
  }

  [spdelay="16"] {
    transition-delay: 1.6s !important;
  }

  [spdelay="18"] {
    transition-delay: 1.8s !important;
  }

  [spdelay="20"] {
    transition-delay: 2s !important;
  }

  [spdelay="22"] {
    transition-delay: 2.2s !important;
  }

  [spdelay="24"] {
    transition-delay: 2.4s !important;
  }

  [spdelay="26"] {
    transition-delay: 2.6s !important;
  }

  [spdelay="28"] {
    transition-delay: 2.8s !important;
  }

  [spdelay="30"] {
    transition-delay: 3s !important;
  }

  [spdelay="32"] {
    transition-delay: 3.2s !important;
  }

  [spdelay="34"] {
    transition-delay: 3.4s !important;
  }

  [spdelay="36"] {
    transition-delay: 3.6s !important;
  }

  [spdelay="38"] {
    transition-delay: 3.8s !important;
  }

  [spdelay="40"] {
    transition-delay: 4s !important;
  }
}
/*修正箇所*/
.p-top-mv_title {
  font-size: 5.35rem;
  margin-bottom: calc(100vw * 5 / 1920);
  /****** Base style. ******/
}
.p-top-mv_title .char03 {
  margin-left: 0.2%;
}
.p-top-mv_title .char04 {
  margin-left: -0.1%;
}
.p-top-mv_title .char05 {
  margin-left: 0.1%;
}
.p-top-mv_title .char06 {
  margin-left: -2.4%;
}
.p-top-mv_title .char10 {
  margin-left: 0.15%;
}
.p-top-mv_title .char14 {
  margin-left: 0.2%;
}
.p-top-mv_title .char16 {
  margin-left: -3%;
}
.p-top-mv_title .char17 {
  margin-left: 0.5%;
}
.p-top-mv_title .char18 {
  margin-left: 0.2%;
}
.p-top-mv_title .char19 {
  margin-left: 0.4%;
}
.p-top-mv_title .char20 {
  margin-left: 0.5%;
}
.p-top-mv_title .char21 {
  margin-left: 0.1%;
}
.p-top-mv_title .char22 {
  margin-left: -0.4%;
}

.p-top-mv_logo {
  opacity: 0;
  translate: -2rem 0;
  width: 18.5rem;
  margin-left: -1.6rem;
  transition: translate var(--animation-time-sm), opacity var(--animation-time-sm);
}
.p-top-mv_logo:where(.p-top-mv.js-active *) {
  opacity: 1;
  translate: 0 0;
}

.p-top-mv_image,
.p-top-mv_image-full {
  position: relative;
  transition: opacity var(--animation-time-xl);
}
.p-top-mv_image::before,
.p-top-mv_image-full::before {
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  background-color: var(--c-yellow);
  content: "";
  z-index: 9;
}

@keyframes moveY {
  from {
    transform: translateY(500px);
  }
  to {
    transform: translateY(0);
  }
}
.p-top-mv_image {
  margin-top: calc(100vw * 110 / 1920);
  margin-left: auto;
  margin-right: calc(100vw * 344 / 1920);
  z-index: 1;
  width: calc(100vw * 390 / 1920);
  opacity: 0;
  transition: top var(--animation-time-sm), opacity var(--animation-time-sm);
  position: relative;
  top: 5rem;
}
.p-top-mv_image::before {
  transition: opacity var(--animation-time-sm);
}
.p-top-mv_image img {
  width: 100%;
  height: auto;
  aspect-ratio: 390/624;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.p-top-mv_image:where(.p-top-mv.js-active *) {
  opacity: 1;
  top: 0;
}
.p-top-mv_image:where(.p-top-mv.js-active *)::before {
  opacity: 0;
}

.p-top-mv_image-full {
  opacity: 0;
  transition: opacity var(--animation-time-sm);
  overflow: hidden;
}
.p-top-mv_image-full::before {
  transform-origin: center right;
  transition: scale var(--animation-time-sm) var(--animation-easing);
  transition-delay: var(--animation-time-sm);
}
.p-top-mv_image-full img {
  width: 100vw;
}
.p-top-mv_image-full:where(.p-top-mv.js-active *) {
  opacity: 1;
}
.p-top-mv_image-full:where(.p-top-mv.js-active *)::before {
  scale: 0 1;
}

@media (max-width: 767px) {
  .l-main {
    overflow-x: hidden;
  }

  .p-top-mv_inner {
    flex-direction: column;
  }

  .p-top-mv_content {
    margin-top: 18.5rem;
    margin-left: 2rem;
    height: 18.7rem;
  }

  .p-top-mv_title {
    font-size: 3.2rem;
    line-height: calc(48 / 32);
  }
  .p-top-mv_title .char06 {
    margin-left: 0;
  }

  .p-top-mv_logo {
    width: 12.5rem;
    margin-left: -1rem;
  }

  .p-top-mv_image {
    margin-top: 0;
    margin-right: 2rem;
    width: 19.8rem;
  }

  .p-top-mv_image-full {
    margin-top: -21.5rem;
  }
}

@media (min-width: 768px) and (max-width: 1280px) {
  .p-top-mv_title {
    font-size: calc(100vw * 44 / 1920);
  }
}
.c-title__anime {
  translate: -2rem 0;
  opacity: 0;
  color: var(--c-blue);
  transition: color var(--animation-time), translate var(--animation-time), opacity var(--animation-time);
}
.c-title__anime:where(.p-top-mv.js-active *) {
  opacity: 1;
  translate: 0 0;
  color: inherit;
}

.c-sp-title__anime {
  display: inline;
}
.c-sp-title__anime[delay] {
  transition-delay: initial !important;
}

@media (max-width: 767px) {
  .c-sp-title__anime {
    display: block;
    translate: 0 2rem;
    opacity: 0;
    color: var(--c-blue);
    transition: color var(--animation-time-sm), translate var(--animation-time-sm), opacity var(--animation-time-sm);
  }
  .c-sp-title__anime:where(.p-top-mv.js-active *) {
    opacity: 1;
    translate: 0 0;
    color: inherit;
  }
}
.p-top_link {
  text-align: end;
}
.p-top_link a {
  font-family: var(--f-aotf);
  align-items: center;
  color: inherit;
  text-decoration: none;
  display: inline-grid;
  grid-auto-flow: column;
  transition: opacity .3s;
}
.p-top_link a::after {
  display: inline-block;
  width: 3.66rem;
  height: auto;
  border: 1px solid #1a1311;
  border-radius: 50%;
  background: url(../images/top/link_arrow.svg) no-repeat center/1.6rem;
  vertical-align: middle;
  content: "";
  transition: background-position-x 0.3s;
  aspect-ratio: 1/1;
}
.p-top_link a span {
  display: inline-block;
}
.p-top_link a:focus-visible::after {
  background-position-x: 1.2rem;
}
@media (any-hover: hover) {
  .p-top_link a:hover {
    opacity: .6;
  }
  .p-top_link a:hover::after {
    background-position-x: 1.2rem;
  }
}

@media (min-width: 768px) {
  .p-top_link {
    margin-right: .5rem;
  }
}
@media (max-width: 767px) {
  .p-top_link a::after {
    background: url(../images/top/sp-link_arrow.svg) no-repeat center/2.2rem;
    width: 3.8rem;
  }
}
/*修正*/
.p-top-business {
  margin-top: -1rem;
}

.p-top-business_media {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: auto 1fr;
  grid-gap: 0.5rem 11rem;
}

.p-top-business_title {
  font-size: 3.6rem;
  line-height: calc(54 / 36);
  opacity: 0;
  color: var(--c-blue);
  translate: 0 5rem;
  transition: color var(--animation-time-lg), translate var(--animation-time), opacity var(--animation-time);
}
.p-top-business_title:where(.p-top-business_media.js-active *) {
  translate: 0;
  opacity: 1;
  color: inherit;
}
.p-top-business_title .char02 {
  margin-left: 0.2%;
}
.p-top-business_title .char03 {
  margin-left: 0.3%;
}
.p-top-business_title .char04 {
  margin-left: 0.2%;
}
.p-top-business_title .char05 {
  margin-left: 0.2%;
}
.p-top-business_title .char07 {
  margin-left: 0.4%;
}
.p-top-business_title .char08 {
  margin-left: 0.6%;
}
.p-top-business_title .char09 {
  margin-left: 0.2%;
}
.p-top-business_title .char10 {
  margin-left: 0.2%;
}
.p-top-business_title .char11 {
  margin-left: 0.4%;
}
.p-top-business_title .char12 {
  margin-left: 0.4%;
}
.p-top-business_title .char14 {
  margin-left: 0.1%;
}
.p-top-business_title .char16 {
  margin-left: 0.2%;
}
.p-top-business_title .char17 {
  margin-left: 0.1%;
}
.p-top-business_title .char18 {
  margin-left: -0.3%;
}
.p-top-business_title .char19 {
  margin-left: -0.2%;
}
.p-top-business_title .char20 {
  margin-left: -0.6%;
}
.p-top-business_title .char21 {
  margin-left: 0.4%;
}
.p-top-business_title .char22 {
  margin-left: 0.4%;
}
.p-top-business_title .char23 {
  margin-left: 0.3%;
}
.p-top-business_title .char24 {
  margin-left: 0.2%;
}
.p-top-business_title .char25 {
  margin-left: -0.3%;
}

.p-top-business_image {
  opacity: 0;
  position: relative;
  transition: translate var(--animation-time), opacity var(--animation-time);
  grid-area: 1 / 2 / 3 / 3;
  translate: 0 5rem;
}
.p-top-business_image::before {
  transition: opacity var(--animation-time);
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  background-color: var(--c-yellow);
  content: "";
}
.p-top-business_image img {
  width: 100%;
  height: auto;
  aspect-ratio: 621 / 390;
  object-fit: cover;
}
.p-top-business_image:where(.p-top-business_media.js-active *) {
  opacity: 1;
  translate: 0 0;
}
.p-top-business_image:where(.p-top-business_media.js-active *)::before {
  opacity: 0;
}

.p-top-business_content {
  display: flex;
  flex-direction: column;
  grid-area: 2 / 1 / 3 / 2;
  row-gap: 3.5rem;
}

.p-top-business_text {
  line-height: calc(32 / 20);
}
/*修正　*/
.p-top-business_link .char02 {
  margin-left: -0.05rem;
}
.p-top-business_link .char03 {
  margin-left: -0.075rem;
}
.p-top-business_link .char04 {
  margin-left: -0.01rem;
}
.p-top-business_link .char05 {
  margin-left: -0.075rem;
}
.p-top-business_link .char06 {
  margin-left: -0.1rem;
}
.p-top-business_link .char07 {
  margin-left: -0.05rem;
}

.p-top-business_link .char08 {
  margin-right: .6rem;
}

.p-top-business_link .char10 {
  margin-left: -0.025rem;
}
.p-top-business_link .char11 {
  margin-left: -0.075rem;
}
.p-top-business_link .char12 {
  margin-left: -0.15rem;
}
.p-top-business_link .char13 {
  margin-left: -0.1rem;
}
.p-top-business_link .char14 {
  margin-left: -0.1rem;
}
.p-top-business_link .char16 {
  margin-left: -2%;
}
.p-top-business_link .char17 {
  margin-left: 1%;
}
.p-top-business_link .char21 {
  margin-left: 1%;
}

@media (max-width: 767px) {
  .p-top-business {
    padding-top: 9rem;
  }

  .p-top-business_media {
    grid-template-columns: unset;
    grid-row-gap: 0;
  }

  .p-top-business_title {
    margin-bottom: 2.2rem;
    font-size: 2.4rem;
    text-align: center;
    grid-area: unset;
  }

  .p-top-business_image {
    margin-bottom: 1.3rem;
    grid-area: unset;
  }
  .p-top-business_image::before {
    transition-delay: var(--animation-time);
  }
  .p-top-business_image img {
    aspect-ratio: 335 / 206;
  }

  .p-top-business_content {
    grid-area: unset;
    row-gap: 1.5rem;
  }

  .p-top-business_text {
    line-height: calc(24 / 16);
  }
}
@media (min-width: 768px) and (max-width: 1280px) {
  .p-top-business_media {
    grid-column-gap: 4rem;
  }
}
.p-top-projects {
  padding-top: 16rem;
  padding-bottom: 14.5rem;
  overflow-x: hidden;
}

.p-top-projects_title {
  margin-bottom: 7rem;
  font-size: 3.6rem;
  text-align: center;
}
.p-top-projects_title .char02 {
  margin-left: 0.05%;
}
.p-top-projects_title .char03 {
  margin-left: 0.05%;
}
.p-top-projects_title .char05 {
  margin-left: 0.05%;
}
.p-top-projects_title .char06 {
  margin-left: 0.05%;
}
.p-top-projects_title .char07 {
  margin-left: 0.05%;
}
.p-top-projects_title .char08 {
  margin-left: 0.05%;
}

.p-top-projects_list {
  display: flex;
  column-gap: 5.5rem;
  margin-right: calc(50% - 50vw);
  width: fit-content;
  padding: 0 calc((100vw * 174 / 1920));
}

.p-top-projects_item {
  width: calc(100vw* 311 / 1920);
}

.p-top-projects_card {
  display: block;
  position: relative;
  color: inherit;
  text-decoration: none;
}

.p-top-projects_card_image {
  transition: opacity 0.3s;
}
.p-top-projects_card_image img {
  width: 100%;
  height: auto;
  aspect-ratio: 311/498;
  object-fit: cover;
}

.p-top-projects_card_title {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.3rem 1rem;
  background-color: rgba(255, 255, 255, 0.75);
  text-align: center;
}

.p-top-projects_card_text {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 4rem);
  transition: opacity 0.3s;
}

.p-top-projects_card:focus-visible .p-top-projects_card_image {
  opacity: 0.3;
}
.p-top-projects_card:focus-visible .p-top-projects_card_text {
  opacity: 1;
}
@media (any-hover: hover) {
  .p-top-projects_card:hover .p-top-projects_card_image {
    opacity: 0.3;
  }
  .p-top-projects_card:hover .p-top-projects_card_text {
    opacity: 1;
  }
}

@media (max-width: 767px) {
  .p-top-projects {
    padding-top: 9.3rem;
    padding-bottom: 9rem;
    padding-right: 2rem;
    overflow-x: hidden;
  }

  .p-top-projects_title {
    margin-bottom: 2.3rem;
    font-size: 2.4rem;
  }

  .p-top-projects_list {
    column-gap: 4.2rem;
    padding: 0 2rem;
  }

  .p-top-projects_item {
    width: 20.9rem;
  }

  .p-top-projects_card_title {
    position: unset;
    padding: 1.1rem 0 0.3rem;
  }

  .p-top-projects_card_text {
    opacity: 1;
    position: unset;
    transform: unset;
    width: unset;
  }
}
.p-new-projects_list {
  display: flex;
  column-gap: 5.5rem;
  margin-right: calc(50% - 50vw);
  width: fit-content;
  padding: 0 calc((100vw * 174 / 1920)) 2rem;
}

.p-new-projects_item {
  width: calc(100vw * 311 / 1920);
}

.p-new-projects_card {
  display: block;
  position: relative;
  color: inherit;
  text-decoration: none;
}

.p-new-projects_card_image {
  transition: opacity 0.3s;
}
.p-new-projects_card_image img {
  width: 100%;
  height: auto;
  aspect-ratio: 311/498;
  object-fit: cover;
}

.p-new-projects_card_title {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.3rem 1rem;
  background-color: rgba(255, 255, 255, 0.75);
  text-align: center;
}

.p-new-projects_card_text {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(100% - 4rem);
  transition: opacity 0.3s;
}

.p-top-results {
  padding-top: 13rem;
}

.p-top-results_title {
  margin-bottom: 4.2rem;
  font-size: 3.6rem;
  text-align: center;
}
.p-top-results_title .char01 {
  margin-left: 0%;
}
.p-top-results_title .char02 {
  margin-left: 0.05%;
}
.p-top-results_title .char03 {
  margin-left: 0.1%;
}
.p-top-results_title .char04 {
  margin-left: 0.1%;
}

.p-top-results_list {
  display: flex;
  justify-content: space-between;
  margin-bottom: 5rem;
  column-gap: 1rem;
}

.p-top-results_item {
  width: 32rem;
}
.p-top-results_item:nth-of-type(2) .p-top-results_item_image svg circle {
  transition-delay: .6s;
}
.p-top-results_item:nth-of-type(3) .p-top-results_item_image svg circle {
  transition-delay: 1.2s;
}

.p-top-results_item_title {
  margin-bottom: .5rem;
  text-align: center;
}

.p-top-results_item_image {
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  aspect-ratio: 1;
}
.p-top-results_item_image svg {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 1;
  transform: rotate(-90deg);
  width: 150%;
  max-width: none;
  translate: -50% -50%;
  transform-origin: center;
}
.p-top-results_item_image svg circle {
  transition: stroke-dashoffset var(--animation-time);
  stroke-width: 25%;
  stroke-dasharray: 100;
  fill: none;
  stroke-dashoffset: 100;
}
.p-top-results_item_image svg circle:nth-last-of-type(1) {
  stroke: #1d3159;
}
.p-top-results_item_image svg circle:nth-last-of-type(2) {
  stroke: #2a4b8c;
}
.p-top-results_item_image svg circle:nth-last-of-type(3) {
  stroke: #5190cf;
}
.p-top-results_item_image svg circle:nth-last-of-type(4) {
  stroke: #93bbe3;
}
.p-top-results_item_image svg circle:where(.p-top-results.js-active *):where(.p-top-results_item:nth-of-type(1) *):nth-last-of-type(1) {
  stroke-dashoffset: 80;
}
.p-top-results_item_image svg circle:where(.p-top-results.js-active *):where(.p-top-results_item:nth-of-type(1) *):nth-last-of-type(2) {
  stroke-dashoffset: 40;
}
.p-top-results_item_image svg circle:where(.p-top-results.js-active *):where(.p-top-results_item:nth-of-type(1) *):nth-last-of-type(3) {
  stroke-dashoffset: 20;
}
.p-top-results_item_image svg circle:where(.p-top-results.js-active *):where(.p-top-results_item:nth-of-type(1) *):nth-last-of-type(4) {
  stroke-dashoffset: 0;
}
.p-top-results_item_image svg circle:where(.p-top-results.js-active *):where(.p-top-results_item:nth-of-type(2) *):nth-last-of-type(1) {
  stroke-dashoffset: 80;
}
.p-top-results_item_image svg circle:where(.p-top-results.js-active *):where(.p-top-results_item:nth-of-type(2) *):nth-last-of-type(2) {
  stroke-dashoffset: 40;
}
.p-top-results_item_image svg circle:where(.p-top-results.js-active *):where(.p-top-results_item:nth-of-type(2) *):nth-last-of-type(3) {
  stroke-dashoffset: 25;
}
.p-top-results_item_image svg circle:where(.p-top-results.js-active *):where(.p-top-results_item:nth-of-type(2) *):nth-last-of-type(4) {
  stroke-dashoffset: 0;
}
.p-top-results_item_image svg circle:where(.p-top-results.js-active *):where(.p-top-results_item:nth-of-type(3) *):nth-last-of-type(1) {
  stroke-dashoffset: 20;
}
.p-top-results_item_image svg circle:where(.p-top-results.js-active *):where(.p-top-results_item:nth-of-type(3) *):nth-last-of-type(2) {
  stroke-dashoffset: 0;
  stroke: #93bbe3;
}
.p-top-results_item_image p {
  opacity: 0;
  position: absolute;
  z-index: 1;
  color: #ffffff;
  font-size: 2rem;
  line-height: calc(24 / 20);
  text-align: center;
  transition: opacity var(--animation-time);
  transition-delay: var(--animation-time);
}
.p-top-results_item_image p:where(.p-top-results_item:nth-of-type(1) *):nth-of-type(1) {
  top: 12%;
  right: 23%;
}
.p-top-results_item_image p:where(.p-top-results_item:nth-of-type(1) *):nth-of-type(2) {
  right: 23%;
  bottom: 18%;
}
.p-top-results_item_image p:where(.p-top-results_item:nth-of-type(1) *):nth-of-type(3) {
  bottom: 27%;
  left: 8%;
}
.p-top-results_item_image p:where(.p-top-results_item:nth-of-type(1) *):nth-of-type(4) {
  top: 17%;
  left: 20%;
}
.p-top-results_item_image p:where(.p-top-results_item:nth-of-type(2) *):nth-of-type(1) {
  top: 16%;
  right: 23%;
}
.p-top-results_item_image p:where(.p-top-results_item:nth-of-type(2) *):nth-of-type(2) {
  right: 17%;
  bottom: 20%;
}
.p-top-results_item_image p:where(.p-top-results_item:nth-of-type(2) *):nth-of-type(3) {
  bottom: 28%;
  left: 9%;
}
.p-top-results_item_image p:where(.p-top-results_item:nth-of-type(2) *):nth-of-type(4) {
  top: 21%;
  left: 19%;
}
.p-top-results_item_image p:where(.p-top-results_item:nth-of-type(3) *):nth-of-type(1) {
  right: 18%;
  bottom: 19%;
}
.p-top-results_item_image p:where(.p-top-results_item:nth-of-type(3) *):nth-of-type(2) {
  top: 18%;
  left: 17%;
}
.p-top-results_item_image p:where(.p-top-results.js-active *) {
  opacity: 1;
}

.p-top-results_media {
  display: flex;
  justify-content: space-between;
  margin-bottom: 17rem;
  column-gap: 6rem;
}

.p-top-results_content {
  width: calc(50% - 3rem);
}

.p-top-results_content_list li {
  line-height: calc(32 / 20);
}

.p-top-results_white-box {
  width: 46%;
  padding: 4rem 4rem;
  background-color: var(--c-white);
}

.p-top-results_white-box_title {
  margin-bottom: 2.4rem;
  padding-bottom: 2.4rem;
  border-bottom: 1px solid var(--c-gray);
  font-size: 2.8rem;
  line-height: calc(26 / 24);
}
.p-top-results_white-box_title .char02 {
  margin-left: -0.1%;
}
.p-top-results_white-box_title .char04 {
  margin-left: 0.3%;
}
.p-top-results_white-box_title .char05 {
  margin-left: 0.2%;
}
.p-top-results_white-box_title .char06 {
  margin-left: 0.3%;
}

.p-top-results_white-box_list {
  display: grid;
  margin-bottom: 6.2rem;
  grid-row-gap: 1.5rem;
}

.p-top-results_white-box_link {
  display: -webkit-box;
  position: relative;
  padding-right: 3rem;
  overflow: hidden;
  color: inherit;
  line-height: calc(20 / 16);
  text-decoration: none;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.p-top-results_white-box_link::after {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
  width: 2rem;
  height: auto;
  background: url(../images/common/arrow_right.svg) no-repeat center/contain;
  vertical-align: middle;
  content: "";
  transition: transform 0.3s;
  aspect-ratio: 34/21;
}
.p-top-results_white-box_link:focus-visible::after {
  transform: translate(0.5rem, -50%);
}
@media (any-hover: hover) {
  .p-top-results_white-box_link:hover::after {
    transform: translate(0.5rem, -50%);
  }
}

.p-top-results_white-box_remarks {
  text-align: right;
}

@media (max-width: 767px) {
  .p-top-results {
    padding-top: 9rem;
  }

  .p-top-results_title {
    margin-bottom: 3rem;
    font-size: 2.4rem;
  }

  .p-top-results_list {
    flex-direction: column;
    align-items: center;
    margin-bottom: 3.7rem;
    row-gap: 3.2rem;
  }

  .p-top-results_item {
    width: 28.2rem;
  }

  .p-top-results_item_title {
    font-size: 1.6rem;
    margin-bottom: 1.5rem;
  }

  .p-top-results_item_image p:where(.p-top-results_item:nth-of-type(1) *):nth-of-type(1) {
    top: 16%;
    right: 22%;
  }
  .p-top-results_item_image p:where(.p-top-results_item:nth-of-type(1) *):nth-of-type(2) {
    right: 22%;
    bottom: 16%;
  }
  .p-top-results_item_image p:where(.p-top-results_item:nth-of-type(1) *):nth-of-type(3) {
    left: 5%;
    bottom: 30%;
  }
  .p-top-results_item_image p:where(.p-top-results_item:nth-of-type(1) *):nth-of-type(4) {
    top: 21%;
  }
  .p-top-results_item_image p:where(.p-top-results_item:nth-of-type(2) *):nth-of-type(1) {
    top: 12%;
  }
  .p-top-results_item_image p:where(.p-top-results_item:nth-of-type(2) *):nth-of-type(2) {
    bottom: 19%;
  }
  .p-top-results_item_image p:where(.p-top-results_item:nth-of-type(2) *):nth-of-type(3) {
    left: 6%;
    bottom: 26%;
  }
  .p-top-results_item_image p:where(.p-top-results_item:nth-of-type(3) *):nth-of-type(1) {
    bottom: 20%;
  }
  .p-top-results_item_image p:where(.p-top-results_item:nth-of-type(3) *):nth-of-type(2) {
    top: 21%;
  }

  .p-top-results_media {
    flex-direction: column;
    margin-bottom: 11.3rem;
    row-gap: 4rem;
  }

  .p-top-results_content {
    width: 100%;
  }

  .p-top-results_content_list {
    display: grid;
    grid-row-gap: 1rem;
  }
  .p-top-results_content_list li {
    line-height: calc(20 / 16);
  }

  .p-top-results_white-box {
    width: 100%;
    padding: 1.7rem 2rem;
  }

  .p-top-results_white-box_title {
    margin-bottom: 1.4rem;
    padding-bottom: 1.4rem;
    font-size: 2.4rem;
    text-align: center;
  }

  .p-top-results_white-box_list {
    margin-bottom: 1.1rem;
    grid-row-gap: 1.4rem;
  }

  .p-top-results_white-box_link {
    padding-right: 3rem;
  }
}
.p-top-philosophy {
  padding-top: 15rem;
  padding-bottom: 14.5rem;
}

.p-top-philosophy_media {
  display: grid;
  grid-template-columns: 62.1rem auto;
  grid-template-rows: auto 1fr;
  grid-column-gap: 11rem;
  grid-row-gap: 1.3rem;
}

.p-top-philosophy_title {
  font-size: 3.6rem;
  opacity: 0;
  color: var(--c-blue);
  transition: color var(--animation-time-lg), translate var(--animation-time), opacity var(--animation-time);
  grid-area: 1 / 2 / 2 / 3;
  translate: 0 5rem;
}
.p-top-philosophy_title .char02 {
  margin-left: 0.15%;
}
.p-top-philosophy_title .char03 {
  margin-left: 0.4%;
}
.p-top-philosophy_title .char04 {
  margin-left: 0.3%;
}
.p-top-philosophy_title .char05 {
  margin-left: 0.2%;
}
.p-top-philosophy_title .char06 {
  margin-left: 0.1%;
}
.p-top-philosophy_title .char09 {
  margin-left: 0.75%;
}
.p-top-philosophy_title .char10 {
  margin-left: 0.3%;
}
.p-top-philosophy_title .char11 {
  margin-left: 0.5%;
}
.p-top-philosophy_title .char12 {
  margin-left: 0.4%;
}
.p-top-philosophy_title .char13 {
  margin-left: -0.1%;
}
.p-top-philosophy_title .char14 {
  margin-left: -0.1%;
}
.p-top-philosophy_title .char15 {
  margin-left: 0.5%;
}
.p-top-philosophy_title .char16 {
  margin-left: 0.2%;
}
.p-top-philosophy_title .char17 {
  margin-left: 0.5%;
}
.p-top-philosophy_title .char19 {
  margin-left: 0.3%;
}
.p-top-philosophy_title .char20 {
  margin-left: 0.3%;
}
.p-top-philosophy_title .char24 {
  margin-left: 0.2%;
}
.p-top-philosophy_title .char25 {
  margin-left: 0.2%;
}
.p-top-philosophy_title .char26 {
  margin-left: 0.2%;
}
.p-top-philosophy_title .char27 {
  margin-left: 0.2%;
}
.p-top-philosophy_title .char28 {
  margin-left: 0.3%;
}
.p-top-philosophy_title .char29 {
  margin-left: 0.2%;
}
.p-top-philosophy_title .char31 {
  margin-left: -0.1%;
}
.p-top-philosophy_title .char32 {
  margin-left: -0.3%;
}
.p-top-philosophy_title .char19 {
  margin-left: 0.2%;
}
.p-top-philosophy_title .char20 {
  margin-left: 0.2%;
}
.p-top-philosophy_title .char21 {
  margin-left: -0.15%;
}
.p-top-philosophy_title .char25 {
  margin-left: 0.08%;
}
.p-top-philosophy_title .char28 {
  margin-left: 0.3%;
}
.p-top-philosophy_title .char29 {
  margin-left: 0.2%;
}
.p-top-philosophy_title .char31 {
  margin-left: -0.5%;
}
.p-top-philosophy_title .char32 {
  margin-left: -0.3%;
}
.p-top-philosophy_title:where(.p-top-philosophy.js-active *) {
  opacity: 1;
  color: inherit;
  transition-delay: .6s;
  translate: 0;
}

.p-top-philosophy_image {
  display: grid;
  margin-top: 1.5rem;
  grid-area: 1 / 1 / 3 / 2;
  grid-template-columns: 33% 1fr 16.5%;
  grid-template-rows: 51% 1fr 32%;
  aspect-ratio: 621 / 500;
}
.p-top-philosophy_image > * {
  opacity: 0;
  position: relative;
  transition: opacity var(--animation-time);
  transition-delay: .6s;
}
.p-top-philosophy_image > *::before {
  opacity: 1;
  transition: opacity var(--animation-time);
  transition-delay: .6s;
  position: absolute;
  top: 0;
  left: 0;
  width: calc(100% + 1px);
  height: calc(100% + 1px);
  background-color: var(--c-yellow);
  content: "";
}
.p-top-philosophy_image > *:where(.p-top-philosophy.js-active *) {
  opacity: 1;
}
.p-top-philosophy_image > *:where(.p-top-philosophy.js-active *)::before {
  opacity: 0;
}
.p-top-philosophy_image > *:nth-of-type(1) {
  grid-area: 1 / 1 / 3 / 3;
}
.p-top-philosophy_image > *:nth-of-type(2) {
  position: relative;
  z-index: 1;
  grid-area: 2 / 2 / 4 / 4;
}
.p-top-philosophy_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.p-top-philosophy_content {
  display: flex;
  flex-direction: column;
  grid-area: 2 / 2 / 3 / 3;
  row-gap: 4rem;
}

.p-top-philosophy_text {
  line-height: calc(32 / 20);
}
/*修正箇所*/
.p-top-philosophy_link .char02 {
  margin-left: -0.1rem;
}
.p-top-philosophy_link .char03 {
  margin-left: 0.5%;
}
.p-top-philosophy_link .char04 {
  margin-left: -0.05rem;
}
.p-top-philosophy_link .char05 {
  margin-left: -0.05rem;
}
.p-top-philosophy_link .char06 {
  margin-left: -0.1rem;
}.p-top-philosophy_link .char07 {
  margin-left: -0.05rem;
}
.p-top-philosophy_link .char08 {
  margin-left: -0.075rem;
}
.p-top-philosophy_link .char09 {
  margin-left: -0.15rem;
}
.p-top-philosophy_link .char11 {
  margin-left: -3%;
}
.p-top-philosophy_link .char12 {
  margin-left: 1%;
}
.p-top-philosophy_link .char13 {
  margin-left: 0.5%;
}
.p-top-philosophy_link .char14 {
  margin-left: 1%;
}

@media (max-width: 767px) {
  .p-top-philosophy {
    padding-top: 9rem;
    padding-bottom: 7.8rem;
  }

  .p-top-philosophy_media {
    display: block;
  }

  .p-top-philosophy_title {
    margin-bottom: 2rem;
    font-size: 2.4rem;
    line-height: calc(36 / 24);
    text-align: center;
  }

  .p-top-philosophy_image {
    display: block;
    margin-top: 0;
    margin-bottom: 2.5rem;
    aspect-ratio: unset;
  }

  .p-top-philosophy_content {
    row-gap: 1.5rem;
  }

  .p-top-philosophy_text {
    line-height: calc(24 / 16);
  }
}

/*# sourceMappingURL=top.css.map */