@charset "UTF-8";
/* reset.css */
*,
*::before,
*::after {
  box-sizing: border-box;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: normal;
  font-size: 100%;
  vertical-align: baseline;
}

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

ol,
ul {
  list-style: none;
}

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

a {
  color: inherit;
  text-decoration: none;
}

button {
  margin: 0;
  padding: 0;
  border: none;
  box-shadow: none;
  background: transparent;
  cursor: pointer;
  font: inherit;
}

input,
select,
textarea {
  font: inherit;
  color: inherit;
  vertical-align: top;
}

option {
  color: black;
}

/* global.css */
:root {
  /* color */
  --white-base: #FFF;
  --white-bg: #F1FAFD;
  --black-base: #000;
  --gray-text: #959595;
  --blue-main: #152A6D;
  --blue-sub01: #B9E8F7;
  --blue-sub02: #85CEE6;
  --gradation-light: linear-gradient(90deg, #6EC8FC 10.1%, #1E90FF 37.02%, #007BFF 61.54%, #06C 88.46%);
  --gradation-dark: linear-gradient(90deg, #0078C2 5%, #115495 20.19%, #143B7E 39.9%, #152A6E 58.17%, #161F64 75.48%, #171C61 100%);
  --green-line: #06C755;
  /* font */
  --font-noto: "Noto Sans JP", sans-serif;
  --font-be-vietnam: "Be Vietnam Pro", sans-serif;
  --font-zk-gothic: "Zen Kaku Gothic New", sans-serif;
}

body {
  background: var(--white-bg);
  color: var(--black-base);
  font-family: var(--font-noto);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.77778;
}
body.is-fixed {
  position: fixed;
  width: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
}

/* layout */
.l-inner {
  padding-inline: 30px;
}
@media (width >= 768px) {
  .l-inner {
    padding-inline: 45px;
    max-width: 1090px;
    /* max-width: calc(1000px + 45px * 2); */
    margin-inline: auto;
  }
}

.l-wideInner {
  padding-inline: 30px;
}
@media (width >= 768px) {
  .l-wideInner {
    padding-inline: 45px;
    max-width: 1290px;
    /* max-width: calc(1200px + 45px * 2); */
    margin-inline: auto;
  }
}

.l-header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  padding-block: 23px;
}
@media (width >= 1101px) {
  .l-header {
    padding-block: 40px;
  }
}
@media (any-hover: hover) {
  .l-header a {
    transition: opacity 0.2s;
  }
  .l-header a:hover {
    opacity: 0.7;
  }
}
.l-header.in-darkBG .p-header__logo img.black-logo {
  opacity: 0;
}
.l-header.in-darkBG .p-header__logo img.white-logo {
  opacity: 1;
}
.l-header.in-darkBG .p-header__linkMain {
  color: var(--white-base);
}
.l-header.in-darkBG .p-header__linkSub {
  color: var(--blue-sub02);
}
.l-header.in-darkBG .p-header__snsLink svg path {
  stroke: var(--white-base);
}
.l-header.in-darkBG .p-header__menuButton span {
  background-color: var(--white-base);
}

.p-header__inner {
  padding-inline: 20px;
}
@media (width >= 1101px) {
  .p-header__inner {
    padding-inline: clamp(20px, 3.125vw, 45px);
  }
}

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

.p-header__logo {
  width: 77px;
  aspect-ratio: 77/34;
}
@media (width >= 768px) {
  .p-header__logo {
    width: 159px;
    aspect-ratio: 159/70;
  }
}
.p-header__logo a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}
.p-header__logo a img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  transition: opacity 0.3s;
}
.p-header__logo a img.black-logo {
  opacity: 1;
}
.p-header__logo a img.white-logo {
  opacity: 0;
}

.p-header__nav {
  display: flex;
  justify-content: flex-end;
  gap: clamp(30px, 3.125vw, 40px);
  padding-top: 9px;
}

.p-header__navList {
  display: flex;
  gap: clamp(30px, 3.125vw, 40px);
}
.p-header__navList li a {
  display: grid;
}
@media (width < 1101px) {
  .p-header__navList {
    display: none;
  }
}

.p-header__linkMain {
  color: var(--blue-main);
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}

.p-header__linkSub {
  color: var(--blue-sub01);
  font-family: var(--font-be-vietnam);
  font-size: 12px;
  line-height: 2.16667;
}

@media (width < 1101px) {
  .p-header__snsLink {
    display: none;
  }
}

.p-header__menuButton {
  display: block;
  width: 24px;
  height: 24px;
  position: relative;
}
.p-header__menuButton span {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 21px;
  height: 2px;
  border-radius: 1.5px;
  background: var(--blue-main);
  transition: opacity 0.3s;
}
.p-header__menuButton span:nth-child(1) {
  translate: 0 -6px;
}
.p-header__menuButton span:nth-child(2) {
  translate: 0 -2px;
}
.p-header__menuButton span:nth-child(3) {
  translate: 0 2px;
}
.p-header__menuButton span:nth-child(4) {
  translate: 0 6px;
}
@media (width >= 1101px) {
  .p-header__menuButton {
    display: none;
  }
}

.l-slideMenu {
  position: fixed;
  z-index: 110;
  inset: 0;
  background: var(--gradation-light);
  padding: 67px 11.5384615385vw 123px;
  translate: 100% 0;
  transition: translate 0.5s linear;
  overflow-y: scroll;
}
.l-slideMenu.is-checked {
  translate: 0 0;
}

.p-slideMenu__closeButton {
  position: fixed;
  z-index: 120;
  top: 21px;
  right: 19px;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 2px solid var(--white-base);
}
.p-slideMenu__closeButton span {
  position: absolute;
  inset: 0;
  margin: auto;
  width: 13.333px;
  height: 2px;
  border-radius: 1px;
  background: var(--white-base);
}
.p-slideMenu__closeButton span:nth-child(1) {
  rotate: -45deg;
}
.p-slideMenu__closeButton span:nth-child(2) {
  rotate: 45deg;
}

.p-slideMenu__logo {
  display: block;
  width: 77px;
  height: 34px;
}

.p-slideMenu__nav {
  margin-top: 48px;
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.p-slideMenu__navList {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
}
.p-slideMenu__navList--first {
  width: 137px;
  flex-shrink: 0;
}
.p-slideMenu__navList--second {
  flex-grow: 1;
}

.p-slideMenu__navLink {
  display: grid;
}

.p-slideMenu__linkMain {
  color: var(--white-base);
  font-size: 18px;
  font-weight: 900;
  line-height: 1.44444;
}

.p-slideMenu__linkSub {
  color: var(--blue-sub02);
  font-family: var(--font-be-vietnam);
  font-size: 12px;
  line-height: 2.16667;
}

.p-slideMenu__snsLink svg path {
  stroke: var(--white-base);
}

.l-footer {
  padding-top: 50px;
  padding-bottom: 20px;
  background: var(--gradation-light);
}
@media (width >= 768px) {
  .l-footer {
    padding-top: 66px;
    padding-bottom: 26px;
  }
}

.p-footer__logo {
  width: 100px;
  height: 44px;
}
@media (width >= 768px) {
  .p-footer__logo {
    width: 159px;
    height: 70px;
  }
}

.p-footer__contents {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 45px;
}
@media (width >= 768px) {
  .p-footer__contents {
    margin-top: 6px;
    flex-direction: row;
    justify-content: space-between;
  }
}
@media (width >= 1101px) {
  .p-footer__contents {
    padding-right: 63px;
  }
}

.p-footer__addressInfo {
  color: var(--white-base);
  font-size: 12px;
  line-height: 1.5;
}
@media (width >= 768px) {
  .p-footer__addressInfo {
    padding-top: 4px;
    font-size: 16px;
  }
}

.p-footer__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 40px;
}
@media (width >= 1101px) {
  .p-footer__nav {
    gap: 80px;
  }
}
@media (any-hover: hover) {
  .p-footer__nav a {
    transition: opacity 0.2s;
  }
  .p-footer__nav a:hover {
    opacity: 0.7;
  }
}

.p-footer__navList {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.p-footer__navList--first {
  width: 137px;
  flex-shrink: 0;
}
.p-footer__navList--second {
  width: 123px;
}

.p-footer__navLink {
  display: grid;
}

.p-footer__linkMain {
  color: var(--white-base);
  font-size: 18px;
  font-weight: 900;
  line-height: 1.44444;
  white-space: nowrap;
}
@media (width >= 1101px) {
  .p-footer__linkMain {
    font-size: 20px;
    line-height: 1.3;
  }
}

.p-footer__linkSub {
  color: var(--blue-sub02);
  font-family: var(--font-be-vietnam);
  font-size: 12px;
  line-height: 2.16667;
}

.p-footer__bottom {
  margin-top: 45px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
@media (width >= 768px) {
  .p-footer__bottom {
    margin-top: 93px;
    gap: 10px;
  }
}

.p-footer__copyright {
  color: var(--white-base);
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
@media (width >= 768px) {
  .p-footer__copyright {
    font-size: 12px;
    line-height: 1;
  }
}

.p-footer__produce {
  color: #1B87C7;
  font-size: 10px;
  line-height: 1.2;
  letter-spacing: 0.05em;
}
@media (width >= 768px) {
  .p-footer__produce {
    font-size: 12px;
    line-height: 1;
  }
}

.l-main {
  padding-top: 130px;
}
@media (width >= 768px) {
  .l-main {
    padding-top: 200px;
  }
}
.l-main--whiteBG {
  background: var(--white-base);
}

.p-cta {
  padding-top: 40px;
  padding-bottom: 40px;
  background: var(--white-bg);
}
@media (width >= 768px) {
  .p-cta {
    padding-top: 70px;
    padding-bottom: 76px;
  }
}

.p-cta__contents {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
@media (width >= 768px) {
  .p-cta__contents {
    flex-direction: row;
    align-items: center;
    gap: 66px;
  }
}

.p-cta__head {
  display: grid;
  gap: 8px;
}
@media (width >= 768px) {
  .p-cta__head {
    width: -moz-fit-content;
    width: fit-content;
    flex-shrink: 0;
    gap: 21px;
  }
}

.p-cta__heading {
  color: var(--blue-main);
  font-size: clamp(20px, 6.1538461538vw, 24px);
  font-weight: 600;
  line-height: 1.33333;
}
@media (width >= 1101px) {
  .p-cta__heading {
    font-size: 32px;
    line-height: 1.5;
  }
}

.p-cta__text {
  font-size: 18px;
  line-height: 1.77778;
}

.p-cta__buttons {
  display: grid;
  gap: 25px;
}
@media (width >= 768px) {
  .p-cta__buttons {
    flex-grow: 1;
  }
}

.p-cta__button {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media (any-hover: hover) {
  .p-cta__button {
    transition: opacity 0.2s;
  }
  .p-cta__button:hover {
    opacity: 0.7;
  }
}
.p-cta__button.button-contact {
  gap: 5px;
  padding-bottom: 10px;
  background: var(--gradation-light);
  color: var(--white-base);
}
@media (width >= 768px) {
  .p-cta__button.button-contact {
    padding-top: 6.5px;
    padding-bottom: 13px;
  }
}
.p-cta__button.button-contact .contact-heading {
  font-size: 28px;
  font-weight: 600;
  line-height: 1.71429;
  letter-spacing: 0.05em;
}
@media (width >= 768px) {
  .p-cta__button.button-contact .contact-heading {
    font-size: 32px;
    line-height: 1.5;
  }
}
.p-cta__button.button-contact .contact-time {
  text-align: center;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.28571;
  letter-spacing: 0.0305714em;
}
.p-cta__button.button-line {
  gap: 9px;
  padding-block: 22px;
  background: #90E3FF;
  color: var(--blue-main);
}
.p-cta__button.button-line .line-heading {
  font-size: 22.657px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
}
.p-cta__button.button-line .line-time {
  font-size: 13.427px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.05em;
}

.p-fixedLine {
  position: fixed;
  z-index: 120;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 56px;
  background: var(--green-line);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3.0769230769%;
  transition: opacity 0.2s;
}
@media (width >= 768px) {
  .p-fixedLine {
    bottom: 10px;
    left: auto;
    right: 45px;
    width: 240px;
    height: 112.5px;
    flex-direction: column;
    gap: 12px;
    border-radius: 11.25px;
  }
}
@media (width >= 1101px) {
  .p-fixedLine {
    bottom: 70px;
  }
}
.p-fixedLine .white-text {
  color: var(--white-base);
  font-family: var(--font-zk-gothic);
  font-size: clamp(20px, 6.4102564103vw, 25px);
  font-weight: 900;
  line-height: 1.4;
}
@media (width >= 768px) {
  .p-fixedLine .white-text {
    font-size: 30px;
    line-height: 1;
  }
}
.p-fixedLine .white-bg {
  padding: 8px 10px;
  border-radius: 10px;
  background: var(--white-base);
  color: var(--green-line);
  font-family: var(--font-zk-gothic);
  font-size: clamp(15px, 4.6153846154vw, 18px);
  font-weight: 900;
  line-height: 1.16667;
}
@media (width >= 768px) {
  .p-fixedLine .white-bg {
    padding: 7.5px 19.5px 6.5px;
    border-radius: 20px;
    font-size: 21px;
    line-height: 1;
  }
}
@media (any-hover: hover) {
  .p-fixedLine:hover {
    opacity: 0.8;
  }
}
.p-fixedLine.is-hidden {
  opacity: 0;
  pointer-events: none;
}

/* component */
.c-section-title {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (width >= 768px) {
  .c-section-title {
    gap: 28px;
  }
}
.c-section-title--blue .c-section-title__en::before {
  background: var(--gradation-dark);
}
.c-section-title--blue .c-section-title__ja {
  color: var(--blue-main);
}
.c-section-title--white .c-section-title__en::before {
  background: var(--blue-main);
}
.c-section-title--white .c-section-title__ja {
  color: var(--white-base);
}
.c-section-title.is-show .c-section-title__en {
  opacity: 1;
  transform: translateY(0);
}
.c-section-title.is-show .c-section-title__ja {
  opacity: 1;
  transform: translateY(0);
}

.c-section-title__en {
  padding-left: 16px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
  opacity: 0;
  transform: translateY(20px);
  transition: transform 1s, opacity 1s;
  transition-delay: 0.3s;
}
.c-section-title__en::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 8px;
  aspect-ratio: 1;
  border-radius: 50%;
}
.c-section-title__en span {
  display: inline-block;
  color: var(--blue-main);
  font-family: var(--font-be-vietnam);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2777778;
}

.c-section-title__ja {
  font-size: clamp(26px, 7.1794871795vw, 40px);
  font-weight: 600;
  line-height: 1.45;
  opacity: 0;
  transform: translateY(20px);
  transition: transform 1s, opacity 1s;
  transition-delay: 1.3s;
}

.c-topLink-button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 50px;
  max-width: 375px;
  padding: 19.36px 28.16px 17px 42.24px;
  margin-inline: auto;
  position: relative;
  overflow: hidden;
}
@media (width >= 768px) {
  .c-topLink-button {
    padding: 22px 32px 22px 48px;
    margin-right: 0;
  }
}
.c-topLink-button::after {
  content: "";
  position: absolute;
  z-index: 5;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 39px;
}
.c-topLink-button span {
  font-size: 21.12px;
  font-weight: 500;
  line-height: 1.467803;
  position: relative;
  z-index: 10;
}
@media (width >= 768px) {
  .c-topLink-button span {
    font-size: 24px;
    line-height: 1.458333;
  }
}
.c-topLink-button svg {
  position: relative;
  z-index: 10;
  width: 30.8px;
  height: 30p 0.8x;
}
@media (width >= 768px) {
  .c-topLink-button svg {
    width: 35px;
    height: 35px;
  }
}
.c-topLink-button--blueBG {
  background: var(--gradation-light);
}
.c-topLink-button--blueBG::after {
  background: var(--gradation-light);
  transition: background 0.3s;
}
.c-topLink-button--blueBG span {
  color: var(--white-base);
}
@media (any-hover: hover) {
  .c-topLink-button--blueBG:hover::after {
    background: var(--white-bg);
  }
  .c-topLink-button--blueBG:hover span {
    background: var(--gradation-dark);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .c-topLink-button--blueBG:hover svg path {
    stroke: #152A6D;
  }
}
.c-topLink-button--whiteBG {
  background: var(--white-bg);
}
.c-topLink-button--whiteBG::after {
  background: var(--white-bg);
  transition: background-color 0.3s;
}
.c-topLink-button--whiteBG span {
  background: var(--gradation-dark);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (any-hover: hover) {
  .c-topLink-button--whiteBG:hover::after {
    background: var(--blue-main);
  }
  .c-topLink-button--whiteBG:hover span {
    background: var(--white-base);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .c-topLink-button--whiteBG:hover svg path {
    stroke: var(--white-base);
  }
}

.c-topMore-button {
  display: flex;
  justify-content: center;
  gap: 10px;
  align-items: center;
  padding-block: 6.5px;
  border-radius: 30px;
  background: var(--gradation-light);
  max-width: 400px;
  margin-inline: auto;
  position: relative;
  overflow: hidden;
}
@media (width >= 768px) {
  .c-topMore-button {
    max-width: 300px;
    margin-right: 0;
  }
}
.c-topMore-button::after {
  content: "";
  position: absolute;
  z-index: 5;
  top: 1px;
  left: 1px;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border-radius: 39px;
  background: var(--gradation);
  transition: background 0.3s;
}
.c-topMore-button span {
  color: var(--white-base);
  font-family: var(--font-be-vietnam);
  font-size: 18.769px;
  font-weight: 400;
  line-height: 1.4;
  position: relative;
  z-index: 10;
}
.c-topMore-button svg {
  position: relative;
  z-index: 10;
  width: 24px;
  height: 24px;
}
@media (any-hover: hover) {
  .c-topMore-button:hover::after {
    background: var(--white-bg);
  }
  .c-topMore-button:hover span {
    background: var(--gradation-dark);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .c-topMore-button:hover svg path {
    stroke: #152A6D;
  }
}

.c-news-card__thumbnail {
  width: 100%;
  aspect-ratio: 307/136;
  overflow: hidden;
}
@media (width >= 768px) {
  .c-news-card__thumbnail {
    aspect-ratio: 307/147;
  }
}
.c-news-card__thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: scale 0.3s;
}

.c-news-card__titleWrapper {
  margin-top: 16px;
  height: 52px;
  display: flex;
  align-items: center;
}

.c-news-card__title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--blue-main);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.444444;
}

.c-news-card__date {
  margin-top: 8px;
  color: var(--gray-text);
  font-family: var(--font-be-vietnam);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.285714;
}

/* utility */
.u-hidden-sp {
  display: none;
}
@media (width >= 768px) {
  .u-hidden-sp {
    display: initial;
  }
}

@media (width >= 768px) {
  .u-hidden-tb {
    display: none;
  }
}

@media (width >= 1101px) {
  .u-hidden-pc {
    display: none;
  }
}

.p-loader {
  position: fixed;
  z-index: 9999;
  inset: 0;
  background: var(--white-base);
  display: flex;
  justify-content: center;
  align-items: center;
}

.p-loader__overlay {
  position: absolute;
  z-index: 20;
  inset: 0;
  background: var(--gradation-light);
  transform: translateX(-100%);
}

.p-loader__textArea {
  position: relative;
  z-index: 10;
  overflow: hidden;
}

.p-loader-text__overlay {
  position: absolute;
  z-index: 20;
  inset: 0;
  background: var(--white-base);
}

.p-loader__text {
  position: relative;
  z-index: 10;
  font-family: var(--font-zk-gothic);
  font-size: 7.2727272727vw;
  line-height: 1.45;
  background: linear-gradient(180deg, #6EC8FC 10.1%, #1E90FF 37.02%, #007BFF 61.54%, #06C 88.46%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
@media (width >= 1101px) {
  .p-loader__text {
    font-size: 100px;
  }
}

.p-topFv {
  position: relative;
  height: 100dvh;
}
@media (width >= 1101px) {
  .p-topFv {
    height: 833px;
  }
}

.p-topFv__bgImage {
  position: absolute;
  z-index: 5;
  inset: 0;
  overflow: hidden;
}
.p-topFv__bgImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  animation: scaleUp 9s ease-out forwards 0.2s;
}

@keyframes scaleUp {
  0% {
    scale: 1;
  }
  100% {
    scale: 1.1;
  }
}
.p-topFv__textContents {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: 4.75px;
  height: 100%;
  padding-left: 30px;
  padding-right: 10px;
  padding-bottom: 78.25px;
}
@media (width >= 1101px) {
  .p-topFv__textContents {
    gap: 28px;
    padding-inline: 45px;
    padding-bottom: 101px;
  }
}

.p-topFv__textMain {
  color: var(--white-base);
  font-family: var(--font-zk-gothic);
  font-size: clamp(24px, 7.9487179487vw, 80px);
  font-weight: 700;
  line-height: 1.4516129;
}
@media (width >= 768px) {
  .p-topFv__textMain {
    line-height: 1.45;
  }
}

.p-topFv__textSub {
  color: var(--white-base);
  font-family: var(--font-be-vietnam);
  font-size: clamp(12px, 3.5897435897vw, 24px);
  font-weight: 300;
  line-height: 1.2857;
}
@media (width >= 768px) {
  .p-topFv__textSub {
    line-height: 1.25;
  }
}

.p-topWhy {
  padding-top: 62px;
  padding-bottom: 99.6px;
}
@media (width >= 768px) {
  .p-topWhy {
    padding-top: 147px;
    padding-bottom: 64px;
  }
}

.p-topWhy__text {
  margin-top: 16px;
  text-align: justify;
  font-size: 16px;
  line-height: 2;
}
@media (width >= 768px) {
  .p-topWhy__text {
    margin-top: 28px;
    font-size: 24px;
    line-height: 2.33333;
  }
}

.p-topWhy__list {
  margin-top: 31px;
  display: grid;
  gap: 40px;
}
@media (width >= 768px) {
  .p-topWhy__list {
    margin-top: 64px;
    grid-template-columns: repeat(3, 1fr);
    gap: clamp(30px, 3.90625vw, 40px);
  }
}
.p-topWhy__list li {
  max-width: 307px;
  margin-inline: auto;
}

.p-whyCard {
  display: grid;
  gap: 16px;
}

.p-whyCard__head {
  padding-top: 9px;
  padding-left: 33px;
  position: relative;
}

.p-whyCard__number {
  position: absolute;
  top: 0;
  left: 0;
  font-family: var(--font-be-vietnam);
  font-weight: 700;
  line-height: 1.3125;
  letter-spacing: 0.12em;
}

.p-whyCard-head__bar {
  position: absolute;
  top: 18.63px;
  left: 13.78px;
  width: 24px;
  height: 1.5px;
  transform: rotate(119.74deg);
  background: var(--gradation-dark);
}

.p-whyCard__title {
  color: var(--blue-main);
  font-size: clamp(18px, 5.1282051282vw, 20px);
  font-weight: 900;
  line-height: 1.3;
}
@media (width >= 768px) {
  .p-whyCard__title {
    font-size: clamp(14px, 1.8229166667vw, 20px);
  }
}

.p-whyCard__image {
  width: 100%;
  aspect-ratio: 307/147;
  overflow: hidden;
}
.p-whyCard__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-whyCard__heading {
  color: var(--blue-main);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.444444;
}

.p-whyCard__text {
  text-align: justify;
  line-height: 1.5;
}

.p-topWhy__buttonArea {
  margin-top: 32px;
}
@media (width >= 768px) {
  .p-topWhy__buttonArea {
    margin-top: 64px;
  }
}

.p-topService {
  padding-top: 63px;
  padding-bottom: 99.46px;
  background: var(--gradation-light);
}
@media (width >= 768px) {
  .p-topService {
    padding-top: 161px;
    padding-bottom: 142px;
  }
}

.p-topService__headText {
  margin-top: 16px;
  color: var(--white-base);
  text-align: justify;
  font-size: 16px;
  line-height: 2;
}
@media (width >= 768px) {
  .p-topService__headText {
    margin-top: 24px;
    font-size: 24px;
    line-height: 2.33333;
  }
}

.p-topService__list {
  margin-top: 32px;
  display: grid;
}
@media (width >= 768px) {
  .p-topService__list {
    margin-top: 70px;
    grid-template-columns: repeat(2, 1fr);
  }
}

.p-tsItem {
  padding-inline: 33px;
}
@media (width <= 390px) {
  .p-tsItem {
    padding-inline: 8.4615384615vw;
  }
}
@media (width >= 768px) {
  .p-tsItem {
    padding-block: clamp(28px, 2.6041666667vw, 45px);
    padding-inline: clamp(33px, 2.6041666667vw, 50px);
  }
}
@media (width >= 1101px) {
  .p-tsItem {
    padding-inline: 50px;
  }
}
.p-tsItem:nth-child(1) {
  padding-top: 30px;
  padding-bottom: 28.74px;
  background: url(../img/tsItem-bgImage01.webp) no-repeat center center/cover;
}
@media (width >= 1101px) {
  .p-tsItem:nth-child(1) {
    padding-top: 46px;
    padding-bottom: 43px;
  }
}
.p-tsItem:nth-child(1) .p-tsItem__container {
  padding: 35px 33px 32.46px;
}
@media (width >= 768px) {
  .p-tsItem:nth-child(1) .p-tsItem__container {
    padding: clamp(32px, 2.6041666667vw, 45px);
  }
}
@media (width >= 1101px) {
  .p-tsItem:nth-child(1) .p-tsItem__container {
    padding: 43px 52px 52px 48px;
  }
}
.p-tsItem:nth-child(2) {
  padding-top: 28px;
  padding-bottom: 30.08px;
  background: url(../img/tsItem-bgImage02.webp) no-repeat center center/cover;
}
@media (width >= 1101px) {
  .p-tsItem:nth-child(2) {
    padding-top: 43px;
    padding-bottom: 45px;
  }
}
.p-tsItem:nth-child(2) .p-tsItem__container {
  padding: 34px 34.32px 33.12px 31.68px;
}
@media (width >= 768px) {
  .p-tsItem:nth-child(2) .p-tsItem__container {
    padding: clamp(31px, 2.6041666667vw, 45px);
  }
}
@media (width >= 1101px) {
  .p-tsItem:nth-child(2) .p-tsItem__container {
    padding: 46px 52px 50px 48px;
  }
}

.p-tsItem__container {
  background: rgba(21, 42, 109, 0.8);
  display: flex;
  flex-direction: column;
  gap: 26.4px;
  height: 100%;
  min-height: 304.92px;
}
@media (width >= 1101px) {
  .p-tsItem__container {
    gap: 40px;
  }
}

.p-tsItem__heading {
  color: var(--white-base);
  text-align: center;
  font-size: clamp(20px, 5.1282051282vw, 32px);
  font-weight: 600;
  line-height: 1.4375;
  padding-bottom: 26.4px;
  position: relative;
}
@media (width >= 768px) {
  .p-tsItem__heading {
    font-size: clamp(20px, 2.6041666667vw, 32px);
  }
}
@media (width >= 1101px) {
  .p-tsItem__heading {
    padding-bottom: 40px;
  }
}
.p-tsItem__heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--white-base);
}

.p-tsItem__text {
  color: var(--white-base);
  text-align: justify;
  line-height: 1.625;
}
@media (width >= 1101px) {
  .p-tsItem__text {
    font-size: 24px;
    line-height: 1.66667;
  }
}

.p-topService__flow {
  margin-top: 80px;
  border-radius: 15px;
  background: var(--white-base);
  padding: 30px 25px 50px 30px;
  display: grid;
  gap: 16px;
}
@media (width >= 768px) {
  .p-topService__flow {
    margin-top: 72px;
    padding: 30px 30px 50px 35px;
  }
}

.p-topService-flow__title {
  color: var(--blue-main);
  font-size: clamp(28px, 7.1794871795vw, 40px);
  font-weight: 600;
  line-height: 1.45;
}

.p-topService-flow__headText {
  text-align: justify;
  font-size: 16px;
  line-height: 2;
}
@media (width >= 768px) {
  .p-topService-flow__headText {
    font-size: 24px;
    line-height: 1.66667;
  }
}

.p-topService-flow__list {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 59px;
}
@media (width >= 768px) {
  .p-topService-flow__list {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 39px;
  }
}

.p-tsfItem {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10.29px;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
@media (width >= 768px) {
  .p-tsfItem {
    gap: 25px;
    width: 120px;
  }
  .p-tsfItem:last-child {
    width: 140px;
  }
}
.p-tsfItem:not(:first-child)::after {
  content: "";
  position: absolute;
  top: -37px;
  left: 50%;
  width: 12px;
  height: 19px;
  transform: translateX(-50%) rotate(90deg);
  background: url(../img/topFlow-arrow.svg) no-repeat center center/contain;
}
@media (width >= 768px) {
  .p-tsfItem:not(:first-child)::after {
    top: 50px;
    left: -23px;
    width: 10px;
    height: 16px;
    transform: translateX(0) rotate(0deg);
  }
}

.p-tsfItem__image {
  width: 154.286px;
  height: 154.286px;
}
@media (width >= 768px) {
  .p-tsfItem__image {
    width: 120px;
    height: 120px;
  }
}

.p-tsfItem__text {
  color: var(--blue-main);
  font-size: clamp(14px, 4.6153846154vw, 20px);
  font-weight: 700;
  line-height: 1.45;
}

.p-topService__buttonArea {
  margin-top: 40px;
}
@media (width >= 768px) {
  .p-topService__buttonArea {
    margin-top: 97px;
  }
}
@media (width <= 380px) {
  .p-topService__buttonArea .c-topLink-button {
    padding-left: 26px;
  }
}

.p-topSuccess {
  padding-top: 100px;
  padding-bottom: 100px;
  background: var(--white-base);
}
@media (width >= 768px) {
  .p-topSuccess {
    padding-top: 150px;
    padding-bottom: 128px;
  }
}

.p-topSuccess__bannersArea {
  margin-top: 40px;
  overflow: hidden;
}

.p-topSuccess__banners {
  display: flex;
  align-items: center;
  width: -moz-max-content;
  width: max-content;
  animation: slide 30s linear infinite;
}

@keyframes slide {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}
.p-topSuccess__banner {
  flex-shrink: 0;
  margin-right: 50px;
}

.p-topSuccess__boxArea {
  margin-top: 57px;
}
@media (width >= 768px) {
  .p-topSuccess__boxArea {
    margin: 50px auto 0;
    max-width: 1000px;
  }
}

.p-topSuccess__boxSwiper {
  padding-bottom: 5px;
}
.p-topSuccess__boxSwiper .swiper-slide {
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.p-tsBox {
  width: 320px;
  border-radius: 15px;
  border: 1.5px solid #0078C2;
  background: var(--white-bg);
  overflow: hidden;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 23.22px;
  padding-bottom: 7.5px;
}
@media (width <= 390px) {
  .p-tsBox {
    width: 82.0512820513vw;
  }
}
.p-tsBox::before {
  content: "";
  position: absolute;
  z-index: 5;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 290%;
  height: 98px;
  background: var(--white-base);
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
.p-tsBox > * {
  position: relative;
  z-index: 10;
}

.p-tsBox__headText {
  color: var(--blue-main);
  text-align: center;
  font-family: var(--font-be-vietnam);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2777778;
  height: 46px;
  display: flex;
  align-items: center;
}
.p-tsBox__headText span {
  font: inherit;
}

.p-tsBox__arrow {
  display: block;
  margin-top: 15px;
}

.p-tsBox__name {
  margin-top: 15px;
  color: var(--blue-main);
  text-align: center;
  font-family: var(--font-be-vietnam);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2777778;
}

.p-tsBox__salary {
  margin-top: 5px;
  display: flex;
  align-items: baseline;
  gap: 2px;
}
.p-tsBox__salary .number {
  color: var(--blue-main);
  text-align: center;
  font-family: var(--font-be-vietnam);
  font-size: 100px;
  font-weight: 600;
  line-height: 0.99;
}
@media (width <= 380px) {
  .p-tsBox__salary .number.last-slideNum {
    letter-spacing: -0.03em;
  }
}
.p-tsBox__salary .unit {
  color: var(--blue-main);
  text-align: center;
  font-family: var(--font-be-vietnam);
  font-weight: 600;
  line-height: 1.25;
}

.tsBox__note {
  height: 40px;
  display: flex;
  align-items: center;
}
.tsBox__note p {
  color: var(--blue-main);
  text-align: center;
  font-family: var(--font-be-vietnam);
  font-weight: 600;
  line-height: 1.25;
}
@media (width <= 380px) {
  .tsBox__note.last-slideNote p {
    font-size: 14px;
  }
}

.p-topRecord {
  padding-bottom: 101px;
  background: var(--white-base);
}
@media (width >= 768px) {
  .p-topRecord {
    padding-bottom: 150px;
  }
}

.p-topRecord__list {
  margin-top: 24px;
  display: grid;
  gap: 21px;
}
@media (530px <= width < 1000px) {
  .p-topRecord__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (width >= 1000px) {
  .p-topRecord__list {
    grid-template-columns: repeat(4, 1fr);
  }
}

.p-topRecord__card {
  border-radius: 10px;
  overflow: hidden;
  border: 2px solid #0078C2;
  background: var(--white-base);
  padding-block: 25.5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
@media (width >= 768px) {
  .p-topRecord__card {
    padding-block: 37.5px;
    gap: 21px;
  }
}

.p-topRecord-card__heading {
  color: var(--blue-main);
  font-family: var(--font-be-vietnam);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2777778;
  padding-bottom: 6px;
  position: relative;
}
.p-topRecord-card__heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--gradation-dark);
}

.p-topRecord-card__number {
  font-family: var(--font-be-vietnam);
  font-size: 100px;
  font-weight: 600;
  line-height: 1.27;
  background: var(--gradation-dark);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.p-topRecord-card__unit {
  color: var(--blue-main);
  font-family: var(--font-be-vietnam);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.2777778;
}

.p-topChallenge {
  padding-top: 63px;
  padding-bottom: 76px;
}
@media (width >= 768px) {
  .p-topChallenge {
    padding-top: 151px;
    padding-bottom: 237px;
  }
}

@media (width >= 768px) {
  .p-topChallenge__title .c-section-title__ja {
    font-size: 32px;
    line-height: 1.4375;
  }
}

.p-topChallenge__figures {
  margin-top: 127px;
}
@media (width >= 768px) {
  .p-topChallenge__figures {
    margin-top: 100px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0 4%;
  }
}

.p-tcf-beCard {
  border-radius: 15px;
  background: var(--white-base);
  padding: clamp(100px, 36.9230769231vw, 144px) 30px 25px 29px;
  position: relative;
  max-width: 307px;
  margin-inline: auto;
}
@media (width >= 768px) {
  .p-tcf-beCard {
    padding-top: clamp(85px, 11.8181818182vw, 144px);
  }
}
.p-tcf-beCard:nth-child(2) {
  margin-top: 94px;
}
@media (width >= 768px) {
  .p-tcf-beCard:nth-child(2) {
    margin-top: 0;
  }
}
.p-tcf-beCard:nth-child(3) {
  margin-top: 108px;
}
@media (width >= 768px) {
  .p-tcf-beCard:nth-child(3) {
    margin-top: 0;
  }
}

.p-tcf-beCard__image {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  min-width: 60px;
}
.p-tcf-beCard__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.p-tcf-beCard:nth-child(1) .p-tcf-beCard__image {
  top: -30.1255230126%;
  width: 52.7687296417%;
  aspect-ratio: 162/191;
}

.p-tcf-beCard:nth-child(2) .p-tcf-beCard__image {
  top: -25.9414225941%;
  width: 54.0716612378%;
  aspect-ratio: 166/181;
}

.p-tcf-beCard:nth-child(3) .p-tcf-beCard__image {
  top: -31.7991631799%;
  width: 55.7003257329%;
  aspect-ratio: 171/195;
}

.p-tcf-beCard__text {
  color: var(--blue-main);
  text-align: center;
  font-size: clamp(18px, 6.1538461538vw, 24px);
  font-weight: 800;
  line-height: 1.4583333;
}
@media (width >= 768px) {
  .p-tcf-beCard__text {
    font-size: 18px;
  }
}
@media (width >= 1101px) {
  .p-tcf-beCard__text {
    font-size: 24px;
  }
}
.p-tcf-beCard__text span {
  display: inline-block;
  font: inherit;
}

.p-topChallenge-figure__middleArea {
  padding-top: 100px;
  padding-bottom: 141px;
  position: relative;
}
@media (width >= 768px) {
  .p-topChallenge-figure__middleArea {
    grid-column: 1/4;
    padding-top: 55px;
    padding-bottom: 179px;
  }
}
.p-topChallenge-figure__middleArea p {
  padding: 16px 25px 17px;
  border-radius: 10px;
  background: #FFED28;
  color: #152A6D;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4583333;
  position: relative;
  z-index: 10;
}
@media (width <= 380px) {
  .p-topChallenge-figure__middleArea p {
    font-size: clamp(18px, 5.625vw, 24px);
  }
}
@media (width >= 768px) {
  .p-topChallenge-figure__middleArea p {
    border-radius: 80px;
    font-size: clamp(18px, 2.34375vw, 24px);
    padding-inline: 45px;
  }
}
@media (width >= 1101px) {
  .p-topChallenge-figure__middleArea p {
    font-size: 24px;
  }
}
.p-topChallenge-figure__middleArea p span {
  display: inline-block;
  font: inherit;
}

.p-topChallenge-figure__arrow {
  position: absolute;
  z-index: 5;
  top: 28.5px;
  width: 37px;
  height: 79.3388429752%;
  background: url(../img/tcFigure-arrow.svg) no-repeat center top/auto 100%;
}
@media (width >= 768px) {
  .p-topChallenge-figure__arrow {
    top: 0;
    width: 3.7%;
    height: 75.3709198813%;
  }
}
.p-topChallenge-figure__arrow--first {
  left: 50%;
  transform: translateX(-50%);
}
@media (width >= 768px) {
  .p-topChallenge-figure__arrow--first {
    left: 13.5%;
    transform: translateX(0);
  }
}
.p-topChallenge-figure__arrow--second {
  opacity: 0;
  left: 50%;
  transform: translateX(-50%);
}
@media (width >= 768px) {
  .p-topChallenge-figure__arrow--second {
    opacity: 1;
  }
}
.p-topChallenge-figure__arrow--third {
  opacity: 0;
  right: 13.5%;
}
@media (width >= 768px) {
  .p-topChallenge-figure__arrow--third {
    opacity: 1;
  }
}

.p-tcf-afCard {
  border-radius: 15px;
  background: var(--white-base);
  padding: 125px 30px 35px;
  position: relative;
  max-width: 307px;
  margin-inline: auto;
}
@media (width >= 768px) {
  .p-tcf-afCard {
    padding-inline: 29.5px;
    padding-bottom: 35px;
    min-height: 320px;
  }
}
.p-tcf-afCard--second {
  margin-top: 78px;
}
@media (width >= 768px) {
  .p-tcf-afCard--second {
    margin-top: 0;
  }
}
.p-tcf-afCard--third {
  margin-top: 89px;
}
@media (width >= 768px) {
  .p-tcf-afCard--third {
    margin-top: 0;
  }
}

.p-tcf-afCard__image {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  min-width: 80px;
}
.p-tcf-afCard__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.p-tcf-afCard--first .p-tcf-afCard__image {
  top: -12.8125%;
  width: 80.7817589577%;
  aspect-ratio: 248/143;
}
.p-tcf-afCard--second .p-tcf-afCard__image {
  top: -14.375%;
  width: 80.7817589577%;
  aspect-ratio: 248/152;
}
.p-tcf-afCard--third .p-tcf-afCard__image {
  top: -17.8125%;
  width: 71.009771987%;
  aspect-ratio: 218/154;
}

.p-tcf-afCard__text {
  text-align: justify;
  font-size: clamp(16px, 5.1282051282vw, 20px);
  font-weight: 500;
  line-height: 1.6;
}
@media (width >= 768px) {
  .p-tcf-afCard__text {
    font-size: clamp(16px, 1.8181818182vw, 20px);
    letter-spacing: 0.03em;
  }
}

.p-topChallenge__support {
  margin-top: 40px;
}
@media (width >= 768px) {
  .p-topChallenge__support {
    margin-top: 21px;
  }
}

.p-topChallenge-support__heading {
  border-radius: 30px;
  border: 1px solid #133B7E;
  padding-top: 10px;
  padding-bottom: 11px;
  width: 100%;
  text-align: center;
  color: var(--blue-main);
  font-size: clamp(16px, 5.1282051282vw, 20px);
  font-weight: 600;
  line-height: 1.4583333;
}
@media (width >= 768px) {
  .p-topChallenge-support__heading {
    font-size: 24px;
    padding: 7px 51px 8px;
    width: -moz-fit-content;
    width: fit-content;
  }
}

.p-topChallenge-support__text {
  margin-top: 24px;
  color: #000;
  text-align: justify;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.03em;
}
@media (width >= 768px) {
  .p-topChallenge-support__text {
    font-size: 24px;
    line-height: 1.4583333;
  }
}

.p-topNews {
  padding-top: 80px;
  padding-bottom: 80px;
  background: var(--white-base);
}
@media (width >= 768px) {
  .p-topNews {
    padding-top: 150px;
    padding-bottom: 150px;
  }
}

.p-topNews__list {
  margin-top: 23px;
  display: grid;
  gap: 40px;
}
@media (width >= 768px) {
  .p-topNews__list {
    margin-top: 24px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (any-hover: hover) {
  .p-topNews__list li a:hover .c-news-card__thumbnail img {
    scale: 1.1;
  }
}
@media (width < 767.98px) {
  .p-topNews__list li:nth-child(n+2) {
    display: none;
  }
}

.p-topNews__buttonArea {
  margin-top: 38px;
}

.p-topColumn {
  padding-top: 66px;
  padding-bottom: 61px;
}
@media (width >= 768px) {
  .p-topColumn {
    padding-top: 68px;
    padding-bottom: 101px;
  }
}

.p-topColumn__list {
  margin-top: 24px;
  display: grid;
  gap: 40px;
}
@media (width >= 768px) {
  .p-topColumn__list {
    margin-top: 24px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (any-hover: hover) {
  .p-topColumn__list li a:hover .c-news-card__thumbnail img {
    scale: 1.1;
  }
}
@media (width < 767.98px) {
  .p-topColumn__list li:nth-child(n+2) {
    display: none;
  }
}

.p-topColumn__buttonArea {
  margin-top: 40px;
}

.p-topContact {
  padding-top: 65px;
  padding-bottom: 47px;
  background: var(--white-base);
}
@media (width >= 768px) {
  .p-topContact {
    padding-top: 150px;
    padding-bottom: 83px;
  }
}

.p-topContact__formArea {
  margin: 8px auto 0;
}
@media (width >= 768px) {
  .p-topContact__formArea {
    padding-inline: 45px;
    max-width: 1090px;
    /* max-width: calc(1000px + 45px * 2); */
  }
}
.p-topContact__formArea > iframe {
  width: 100%;
  height: 1518px;
}
@media (width >= 768px) {
  .p-topContact__formArea > iframe {
    height: 1318px;
  }
}

@media (width >= 768px) {
  .p-svcService__title {
    gap: 23px;
  }
}
.p-svcService__title .c-section-title__ja {
  font-size: clamp(23px, 7.1794871795vw, 40px);
}
@media (width >= 768px) {
  .p-svcService__title .c-section-title__ja {
    line-height: 1.8;
  }
}

.p-svcService-head__text {
  margin-top: 16px;
  text-align: justify;
  line-height: 2;
  max-width: 654px;
}
@media (width >= 768px) {
  .p-svcService-head__text {
    margin-top: 24px;
    font-size: 24px;
    line-height: 2.33333;
  }
}

.p-svcService-main {
  margin-top: 99px;
}
@media (width >= 768px) {
  .p-svcService-main {
    margin-top: 64px;
  }
}
.p-svcService-main--second {
  margin-top: 0;
}

.p-svcService-main__head {
  max-width: 1000px;
  margin-inline: auto;
  height: 261px;
  position: relative;
  padding-inline: 30px;
}
@media (width >= 768px) {
  .p-svcService-main__head {
    height: 350px;
  }
}

.p-svcService-main__headImage {
  position: absolute;
  z-index: 5;
  inset: 0;
  overflow: hidden;
}
.p-svcService-main__headImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.p-svcService-main__headImage::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 100%);
}

.p-svcService-main__headTitle {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding-bottom: 16px;
  position: relative;
  z-index: 10;
}
@media (width >= 768px) {
  .p-svcService-main__headTitle {
    gap: 9px;
    padding-bottom: 34px;
  }
}
.p-svcService-main__headTitle h3 {
  color: var(--white-base);
  font-size: 28px;
  font-weight: 600;
  line-height: 2;
}
@media (width >= 768px) {
  .p-svcService-main__headTitle h3 {
    font-size: 40px;
    line-height: 1.8;
  }
}
.p-svcService-main__headTitle p {
  color: var(--white-base);
  text-align: justify;
  font-size: 18px;
  line-height: 1.33333;
}
@media (width <= 380px) {
  .p-svcService-main__headTitle p {
    font-size: 17px;
  }
}
@media (width >= 768px) {
  .p-svcService-main__headTitle p {
    font-size: 24px;
    line-height: 1;
  }
}

.p-svcService-main__explain {
  margin-top: 32px;
  text-align: justify;
  line-height: 2;
}
@media (width >= 768px) {
  .p-svcService-main__explain {
    color: var(--blue-main);
  }
}

.p-svcService-main__heading {
  margin: 32px auto 0;
  max-width: 330px;
  padding-block: 8.5px;
  border-radius: 30px;
  background: var(--gradation-light);
  color: var(--white-base);
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.458333;
}
@media (width >= 768px) {
  .p-svcService-main__heading {
    max-width: 276px;
    margin-left: 0;
  }
}

.p-svcService-main__cards {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-bottom: 100px;
}
@media (width >= 768px) {
  .p-svcService-main__cards {
    margin-top: 40px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    padding-bottom: 65px;
  }
}
.p-svcService-main__cards--second {
  margin-top: 39px;
}

.p-svcService-main__card {
  width: 100%;
  height: 250px;
  border-radius: 15px;
  background: var(--white-base);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 16px;
}
@media (width >= 768px) {
  .p-svcService-main__card {
    width: 184px;
  }
}

.p-svcService-mainCard__text {
  color: var(--blue-main);
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.25;
}

.p-svcStyle {
  padding-top: 41px;
  padding-bottom: 88px;
}
@media (width >= 768px) {
  .p-svcStyle {
    padding-top: 36px;
    padding-bottom: 128px;
  }
}

.p-svcStyle__headText {
  margin-top: 16px;
  text-align: justify;
  line-height: 2;
  max-width: 654px;
}
@media (width >= 768px) {
  .p-svcStyle__headText {
    margin-top: 21px;
    font-size: 24px;
    line-height: 2.33333;
  }
}

.p-svcStyle__list {
  margin-top: 40px;
  display: grid;
  gap: 40px;
}
@media (width >= 768px) {
  .p-svcStyle__list {
    margin-top: 23px;
  }
}

.p-ssItem {
  border-radius: 15px;
  background: var(--white-base);
  padding: 15px 27.5px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media (width >= 768px) {
  .p-ssItem {
    flex-direction: row;
    gap: 49px;
    padding-inline: 40px;
    height: 200px;
  }
}

.p-ssItem__number {
  color: #105495;
  font-family: var(--font-be-vietnam);
  font-size: 40px;
  font-weight: 700;
  line-height: 1.275;
}

.p-ssItem__image {
  flex-shrink: 0;
}
.p-ssItem__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.p-ssItem__image--first {
  width: 105px;
  aspect-ratio: 105/171;
}
.p-ssItem__image--second {
  width: 139px;
  aspect-ratio: 139/156;
}
.p-ssItem__image--third {
  width: 145px;
  aspect-ratio: 145/156;
}
.p-ssItem__image--fourth {
  width: 113px;
  aspect-ratio: 113/167;
}

.p-ssItem__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.p-ssItem__heading {
  color: var(--blue-main);
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}

.p-ssItem__text {
  text-align: justify;
  font-weight: 700;
  line-height: 1.5;
}

.p-svcFlow {
  padding-top: 89px;
  padding-bottom: 80px;
  background: var(--white-base);
}
@media (width >= 768px) {
  .p-svcFlow {
    padding-top: 70px;
    padding-bottom: 126px;
  }
}

.p-svcFlow__heading {
  margin-top: 16px;
  padding-block: 8.5px;
  max-width: 330px;
  background: var(--gradation-light);
  border-radius: 30px;
  color: var(--white-base);
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.4583333;
}
@media (width >= 768px) {
  .p-svcFlow__heading {
    margin-top: 36px;
    max-width: 234px;
  }
}

.p-svcFlow__list {
  margin-top: 44px;
  display: grid;
  gap: 32px;
}
@media (width >= 768px) {
  .p-svcFlow__list {
    margin-top: 52px;
  }
}
@media (width >= 1101px) {
  .p-svcFlow__list {
    grid-template-columns: repeat(4, 1fr);
    gap: 33px 24px;
  }
}

.p-sfItem {
  width: 100%;
  max-width: 232px;
  margin-inline: auto;
  padding-inline: 10px;
  height: 268px;
  border: 3px solid #0D74B2;
  padding-top: 41px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
  position: relative;
}
@media (width >= 768px) {
  .p-sfItem {
    flex-direction: row;
    max-width: none;
    padding: 50px;
  }
}
.p-sfItem:nth-child(1) {
  padding-top: 45px;
  gap: 16px;
}
.p-sfItem:not(:last-child)::after {
  content: "";
  position: absolute;
  top: calc(100% + 2px);
  left: 50%;
  transform: translateX(-50%);
  width: 18px;
  height: 18px;
  background: url(../img/svcFlow-arrow.svg) no-repeat center center/contain;
}
@media (width >= 1101px) {
  .p-sfItem:not(:last-child) {
    flex-direction: column;
    padding: 41px 10px 0;
  }
}
@media (width >= 1101px) {
  .p-sfItem:nth-child(1)::after, .p-sfItem:nth-child(2)::after, .p-sfItem:nth-child(3)::after {
    top: 50%;
    left: calc(100% + 2px);
    transform: translateY(-50%) rotate(-90deg);
  }
}
@media (width >= 1101px) {
  .p-sfItem:last-child {
    grid-column: 1/5;
    gap: 141px;
    padding: 54px 90px;
  }
}

.p-sfItem__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 18px;
}
@media (width >= 768px) {
  .p-sfItem__head {
    flex-shrink: 0;
    width: 192px;
  }
}
@media (width >= 1101px) {
  .p-sfItem__head {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.p-sfItem:nth-child(1) .p-sfItem__head {
  gap: 16px;
}

.p-sfItem__number {
  position: absolute;
  top: -14px;
  left: -12px;
  background: #0D74B2;
  padding: 8px 9px 7px 8px;
  color: var(--white-base);
  font-family: var(--font-be-vietnam);
  font-size: 20px;
  font-weight: 700;
  line-height: 1.25;
}

.p-sfItem__img.lastItem-img {
  width: 145px;
  height: 80px;
}
@media (width >= 1101px) {
  .p-sfItem__img.lastItem-img {
    width: 178px;
    height: 100px;
  }
}

.p-sfItem__title {
  color: var(--blue-main);
  text-align: center;
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
}

.p-sfItem__text {
  text-align: center;
  font-weight: 500;
  line-height: 1.5;
}
.p-sfItem__text span {
  display: inline-block;
  font: inherit;
}
@media (width >= 768px) {
  .p-sfItem__text {
    flex-grow: 1;
    text-align: left;
    font-size: 24px;
    line-height: 1;
  }
}

@media (width >= 1101px) {
  .p-sfItem:not(:last-child) .p-sfItem__text {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.5;
  }
}

.p-company-headImage {
  display: block;
  width: 100%;
  height: 261px;
}
@media (width >= 768px) {
  .p-company-headImage {
    height: 500px;
  }
}
.p-company-headImage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-comPhilosophy {
  padding-top: 40px;
  padding-bottom: 78px;
  background: var(--gradation-light);
}
@media (width >= 768px) {
  .p-comPhilosophy {
    padding-top: 176px;
    padding-bottom: 219px;
  }
}

.p-comPhilosophy__headText {
  margin-top: 16px;
  color: var(--white-base);
  text-align: justify;
  line-height: 2;
  max-width: 654px;
}
@media (width >= 768px) {
  .p-comPhilosophy__headText {
    margin-top: 34px;
    font-size: 24px;
    font-weight: 500;
    line-height: 2.33333;
  }
}

.p-comPhilosophy__boxes {
  margin-top: 40px;
  display: grid;
  gap: 42px;
}
@media (width >= 768px) {
  .p-comPhilosophy__boxes {
    margin-top: 72px;
    grid-template-columns: repeat(2, 1fr);
  }
}

.p-comPhilosophy__box {
  border-radius: 20px;
  border: 1.5px solid var(--blue-main);
  background: var(--white-base);
  padding: 40px 26px;
  display: grid;
  gap: 32px;
}
@media (width >= 768px) {
  .p-comPhilosophy__box {
    padding: 60px 54px 60px 50px;
  }
}
@media (width >= 768px) {
  .p-comPhilosophy__box.box-value {
    grid-column: 1/3;
    padding-inline: 98.5px;
  }
}

.p-comPhilosophy-box__heading {
  padding-bottom: 32px;
  position: relative;
  color: var(--blue-main);
  text-align: center;
  font-family: var(--font-be-vietnam);
  font-size: 40px;
  font-weight: 400;
  line-height: 1.275;
}
.p-comPhilosophy-box__heading::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 3px;
  background: var(--gradation-dark);
}

.p-comPhilosophy-box__text {
  color: var(--blue-main);
  text-align: justify;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.77778;
}
@media (width >= 768px) {
  .p-comPhilosophy-box__text {
    font-size: 24px;
    line-height: 1.66667;
  }
}

.p-comPhilosophy-box__valueList {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 20px;
}
@media (width >= 768px) {
  .p-comPhilosophy-box__valueList {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }
}

.p-cpbValue {
  display: grid;
  gap: 16px;
}
@media (width >= 768px) {
  .p-cpbValue {
    width: 144px;
    gap: 17px;
  }
}

.p-cpbValue__head {
  padding-top: 9px;
  padding-left: 33px;
  position: relative;
}

.p-cpbValue__number {
  position: absolute;
  top: 0;
  left: 0;
  font-family: var(--font-be-vietnam);
  font-weight: 700;
  line-height: 1.3125;
}

.p-cpbValue__bar {
  position: absolute;
  top: 18.63px;
  left: 13.78px;
  width: 24px;
  height: 1.5px;
  background: var(--gradation-dark);
  rotate: 119.74deg;
}

.p-cpbValue__heading {
  font-size: 20px;
  font-weight: 900;
  line-height: 1.6;
}

.p-cpbValue__text {
  text-align: justify;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4285714;
}

.p-comMessage {
  padding-top: 100px;
  padding-bottom: 100px;
  background: var(--white-base);
}
@media (width >= 768px) {
  .p-comMessage {
    padding-top: 134px;
    padding-bottom: 120px;
  }
}

.p-comMessage__contents {
  display: grid;
  gap: 16px;
}
@media (width >= 768px) {
  .p-comMessage__contents {
    grid-template-columns: minmax(0, 1fr) 35%;
    gap: 24px 40px;
  }
}
.p-comMessage__contents--officer {
  margin-top: 133.5px;
  display: flex;
  flex-direction: column;
}
@media (width >= 768px) {
  .p-comMessage__contents--officer {
    flex-direction: row;
  }
}

@media (width >= 768px) {
  .p-comMessage__main--officer {
    flex-grow: 1;
  }
}

.p-comMessage__title .c-section-title__ja {
  font-size: clamp(24px, 7.1794871795vw, 40px);
}
@media (width >= 768px) {
  .p-comMessage__title .c-section-title__ja {
    font-size: 32px;
    line-height: 1.75;
  }
}

.p-comMessage__text {
  margin-top: 18px;
  color: var(--blue-main);
  text-align: justify;
  line-height: 2;
}
@media (width >= 768px) {
  .p-comMessage__text {
    margin-top: 19px;
  }
}
.p-comMessage__text.mt24 {
  margin-top: 24px;
}

.p-comMessage__image {
  display: block;
  margin-inline: auto;
}
@media (width >= 768px) {
  .p-comMessage__image {
    grid-column: 2;
    grid-row: 1/3;
  }
}
@media (width >= 768px) {
  .p-comMessage__image--officer {
    flex-shrink: 0;
    width: 35%;
  }
}

.p-comMessage__name {
  display: flex;
  justify-content: flex-end;
  gap: 18px;
}
@media (width >= 768px) {
  .p-comMessage__name {
    grid-column: 1;
    grid-row: 2;
  }
}
.p-comMessage__name dt, .p-comMessage__name dd {
  color: var(--blue-main);
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}
.p-comMessage__name--officer {
  margin-top: 24px;
  justify-content: flex-start;
}

.p-comMessage__heading {
  padding-left: 16px;
  position: relative;
  color: var(--blue-main);
  font-weight: 600;
  line-height: 1.5;
}
.p-comMessage__heading::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--blue-main);
}

.p-comCompany {
  padding-top: 66px;
  padding-bottom: 39px;
  background: var(--white-bg);
}
@media (width >= 768px) {
  .p-comCompany {
    padding-top: 94px;
    padding-bottom: 100px;
  }
}

.p-comCompany__infoBox {
  margin-top: 16px;
  border-radius: 20px;
  border: 2px solid var(--blue-main);
  background: var(--white-base);
  padding: 40px 25.5px;
}
@media (width >= 1101px) {
  .p-comCompany__infoBox {
    padding: 100px 100px 89px;
  }
}

.p-comCompany__infoList {
  display: grid;
  gap: 32px;
}

.p-comCompany__infoRow {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-bottom: 16px;
  position: relative;
}
@media (width >= 768px) {
  .p-comCompany__infoRow {
    flex-direction: row;
    align-items: center;
    padding-bottom: 32px;
  }
}
.p-comCompany__infoRow::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: var(--black-base);
}
.p-comCompany__infoRow dt {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4583333;
}
@media (width >= 768px) {
  .p-comCompany__infoRow dt {
    width: 240px;
    flex-shrink: 0;
  }
}
.p-comCompany__infoRow dd {
  font-size: 24px;
  line-height: 1.2083333;
}
.p-comCompany__infoRow dd span {
  display: inline-block;
  font: inherit;
}
@media (width <= 380px) {
  .p-comCompany__infoRow dd {
    font-size: clamp(18px, 5.625vw, 24px);
  }
}
@media (width >= 768px) {
  .p-comCompany__infoRow dd {
    flex-grow: 1;
  }
}

.p-comCompany__infoAccess {
  margin-top: 30px;
  display: grid;
  gap: 24px;
}
@media (width >= 768px) {
  .p-comCompany__infoAccess {
    margin-top: 75px;
  }
}

.p-comCompany-infoAc__heading {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4583333;
}

.p-comCompany-infoAc__map {
  width: 100%;
  height: 300px;
}
.p-comCompany-infoAc__map iframe {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-comCompany-infoAc__station dt, .p-comCompany-infoAc__station dd {
  display: inline;
  font-size: 20px;
  line-height: 1.6;
}
@media (width >= 768px) {
  .p-comCompany-infoAc__station dt, .p-comCompany-infoAc__station dd {
    line-height: 0.8;
  }
}
.p-comCompany-infoAc__station dt {
  font-weight: 700;
}
.p-comCompany-infoAc__station dt::after {
  content: "：";
}

.p-archives__wrapper {
  margin-top: 40px;
  display: grid;
  gap: 40px;
  padding-bottom: 79px;
}
@media (width >= 768px) {
  .p-archives__wrapper {
    margin-top: 150px;
    padding-bottom: 150px;
  }
}

.p-archives__list {
  display: grid;
  gap: 40px;
}
@media (width >= 768px) {
  .p-archives__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 150px 40px;
  }
}
@media (any-hover: hover) {
  .p-archives__list li a:hover .c-news-card__thumbnail img {
    scale: 1.1;
  }
}

.p-archives__pagination {
  margin-top: 55px;
  display: flex;
  justify-content: space-between;
}
@media (width >= 768px) {
  .p-archives__pagination {
    margin-top: 100px;
  }
}

.p-archives__prev,
.p-archives__next {
  display: flex;
  gap: 16px;
  transition: opacity 0.2s;
}
.p-archives__prev span,
.p-archives__next span {
  font-family: var(--font-be-vietnam);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.277778;
}
.p-archives__prev img,
.p-archives__next img {
  width: 24px;
  height: 24px;
}
@media (any-hover: hover) {
  .p-archives__prev:hover,
  .p-archives__next:hover {
    opacity: 0.6;
  }
}

.p-archives__prev {
  margin-right: auto;
}

.p-archives__next {
  margin-left: auto;
}

.p-article {
  margin-top: 40px;
}
@media (width >= 768px) {
  .p-article {
    margin-top: 77px;
  }
}

.p-article__thumbnail {
  width: 100%;
  aspect-ratio: 330/147;
  overflow: hidden;
}
@media (width >= 768px) {
  .p-article__thumbnail {
    aspect-ratio: 121/58;
  }
}
.p-article__thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.p-article__title {
  margin-top: 16px;
  color: var(--blue-main);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.444444;
}
@media (width >= 768px) {
  .p-article__title {
    margin-top: 84px;
    font-size: 40px;
    line-height: 1.8;
  }
}

.p-article__date {
  display: inline-block;
  margin-top: 8px;
  color: var(--gray-text);
  font-family: var(--font-be-vietnam);
  font-size: 14px;
  font-weight: 600;
  line-height: 1.285714;
}
@media (width >= 768px) {
  .p-article__date {
    margin-top: 16px;
    font-size: 32px;
    line-height: 1;
  }
}

.p-article__contents {
  margin-top: 25px;
  text-align: justify;
  line-height: 1.875;
}
@media (width >= 768px) {
  .p-article__contents {
    margin-top: 60px;
    font-size: 18px;
    line-height: 1.77778;
  }
}
.p-article__contents--columns {
  margin-top: 40px;
  color: var(--blue-main);
  font-size: 14px;
  line-height: 1.71429;
}
@media (width >= 768px) {
  .p-article__contents--columns {
    margin-top: 80px;
    font-size: 18px;
    line-height: 1.77778;
  }
}
.p-article__contents--columns h2 {
  margin-top: 40px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.33333;
}
@media (width >= 768px) {
  .p-article__contents--columns h2 {
    margin-top: 80px;
    font-size: 32px;
    line-height: 1.5;
  }
}
.p-article__contents--columns h3 {
  margin-top: 64px;
  padding-left: 10px;
  background: rgba(133, 206, 230, 0.2);
  text-align: justify;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.6;
}
@media (width >= 768px) {
  .p-article__contents--columns h3 {
    padding-inline: 10px;
    font-size: 24px;
    line-height: 2.33333;
  }
}
.p-article__contents--columns h4 {
  margin-top: 40px;
  text-align: justify;
  font-size: 16px;
  font-weight: 700;
  line-height: 2;
}
@media (width >= 768px) {
  .p-article__contents--columns h4 {
    font-size: 18px;
    line-height: 1.77778;
  }
}
.p-article__contents--columns p, .p-article__contents--columns ul {
  margin-top: 16px;
}
.p-article__contents--columns ul li {
  padding-left: 1em;
  position: relative;
}
.p-article__contents--columns ul li::before {
  content: "・";
  top: 0;
  left: 0;
}

.p-article__pagination {
  margin-top: 50px;
  display: flex;
  justify-content: space-between;
  padding-bottom: 50px;
}
@media (width >= 768px) {
  .p-article__pagination {
    margin-top: 80px;
    padding-bottom: 100px;
  }
}

.p-article__prev a,
.p-article__back,
.p-article__next a {
  font-family: var(--font-be-vietnam);
  font-size: 18px;
  font-weight: 600;
  line-height: 1.277778;
  transition: opacity 0.2s;
}
@media (any-hover: hover) {
  .p-article__prev a:hover,
  .p-article__back:hover,
  .p-article__next a:hover {
    opacity: 0.6;
  }
}

.p-article__prev a,
.p-article__next a {
  position: relative;
}
.p-article__prev a::before,
.p-article__next a::before {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
}

.p-article__prev--noLink,
.p-article__next--noLink {
  opacity: 0;
}

.p-article__prev a {
  padding-left: 40px;
}
.p-article__prev a::before {
  left: 0;
  background: url(../img/arrow-left.svg) no-repeat center center/contain;
}

.p-article__next a {
  padding-right: 40px;
}
.p-article__next a::before {
  right: 0;
  background: url(../img/arrow-right.svg) no-repeat center center/contain;
}