@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  outline: 0;
  border-radius: 0;
  text-align: inherit;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
       appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
       appearance: radio;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

button[disabled],
[type=button][disabled],
[type=reset][disabled],
[type=submit][disabled] {
  cursor: default;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Remove arrow in IE10 & IE11
 */
select::-ms-expand {
  display: none;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable] {
  outline: none;
}

/* Table */
/* ============================================ */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
}

/* Misc */
/* ============================================ */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*======================================================
# Media Query
====================================================== */
html {
  scroll-behavior: smooth;
  scrollbar-gutter: stable;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  color: #000000;
}

img {
  vertical-align: bottom;
}

a {
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
a:hover {
  opacity: 0.7;
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.js-fadein,
.js-fade-in {
  opacity: 0;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, -webkit-transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease;
  transition: opacity 0.8s ease, transform 0.8s ease, -webkit-transform 0.8s ease;
  will-change: opacity, transform;
}
.js-fadein.is-inview,
.js-fade-in.is-inview {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

.js-fadein-opacity {
  opacity: 0;
  -webkit-transition: opacity 0.8s ease;
  transition: opacity 0.8s ease;
  will-change: opacity;
}
.js-fadein-opacity.is-inview {
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .js-fadein,
  .js-fade-in,
  .js-fadein-opacity {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
    -webkit-transition: none;
    transition: none;
  }
}
/*======================================================
# サムネイル
====================================================== */
/*======================================================
# 円
====================================================== */
/*======================================================
# アローアイコン
====================================================== */
.l-inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}

.l-inner-md {
  max-width: 1200px;
  margin: 0 auto;
  padding: 120px 0 200px;
}
@media screen and (max-width: 768px) {
  .l-inner-md {
    padding: 60px 0;
  }
}

.l-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
}
.l-header.is-menu-open .l-header__contents {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}
.l-header.is-menu-open .l-header__logo .-default {
  display: none;
}
.l-header.is-menu-open .l-header__logo .-menu {
  display: block;
}
.l-header.is-menu-open .l-header__logo span {
  color: #fff;
}
.l-header.is-menu-open .l-header__entry {
  background-color: #fff;
  border-color: #fff;
  color: #004EA2;
}
.l-header__inner {
  padding: 20px 24px 0px 18px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .l-header__inner {
    padding: 16px 20px 0px 16px;
  }
}
.l-header__logo {
  position: relative;
  z-index: 3;
}
.l-header__logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 19px;
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  .l-header__logo a {
    gap: 10px;
  }
}
.l-header__logo img {
  width: 100%;
  height: auto;
  max-width: 250px;
}
@media screen and (max-width: 768px) {
  .l-header__logo img {
    max-width: 130px;
  }
}
.l-header__logo .-menu {
  display: none;
}
.l-header__logo span {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  color: #004EA2;
}
@media screen and (max-width: 768px) {
  .l-header__logo span {
    font-size: 14px;
  }
}
.l-header__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 16px;
  position: relative;
  z-index: 3;
}
.l-header__entry {
  width: 215px;
  height: 70px;
  border-radius: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #39CFFF;
  border: 2px solid #39CFFF;
  color: #fff;
  font-size: 20px;
  letter-spacing: 0.08em;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .l-header__entry {
    display: none;
  }
}
.l-header__entry:hover {
  background-color: #fff;
  color: #39CFFF;
  opacity: 1;
}
.l-header__contents {
  position: fixed;
  inset: 0;
  z-index: 1;
  background-color: rgba(0, 78, 162, .95);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  -webkit-transition: opacity 0.35s ease, visibility 0.35s ease;
  transition: opacity 0.35s ease, visibility 0.35s ease;
}
.l-header__nav {
  min-height: 100vh;
  padding: 140px 8vw 90px;
  display: grid;
  grid-template-columns: repeat(3, -webkit-max-content);
  grid-template-columns: repeat(3, max-content);
  grid-template-rows: repeat(5, -webkit-max-content);
  grid-template-rows: repeat(5, max-content);
  -webkit-column-gap: clamp(40px, 5.55vw, 80px);
     -moz-column-gap: clamp(40px, 5.55vw, 80px);
          column-gap: clamp(40px, 5.55vw, 80px);
  row-gap: clamp(34px, 3.75vw, 54px);
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .l-header__nav {
    min-height: 100svh;
    padding: 130px 24px 70px;
    grid-template-columns: -webkit-max-content;
    grid-template-columns: max-content;
    grid-template-rows: none;
    row-gap: 24px;
    -ms-flex-line-pack: center;
        align-content: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    justify-items: start;
  }
}
.l-header__nav a {
  display: grid;
  grid-template-columns: 41px -webkit-max-content;
  grid-template-columns: 41px max-content;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 22px;
  color: #fff;
  font-size: 20px;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: 0.1em;
  -webkit-transition: color 0.6s ease, opacity 0.6s ease;
  transition: color 0.6s ease, opacity 0.6s ease;
}
@media screen and (max-width: 768px) {
  .l-header__nav a {
    grid-template-columns: 41px -webkit-max-content;
    grid-template-columns: 41px max-content;
    gap: 16px;
    font-size: 16px;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: start;
  }
}
.l-header__nav a::before {
  content: "";
  width: 41px;
  height: 26px;
  border-radius: 999px;
  background-color: #39CFFF;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.216' height='16.243' viewBox='0 0 20.216 16.243'%3E%3Cg transform='translate(-1327.262 -1898.641)'%3E%3Cpath d='M14.108,12.762l6-6-6-6' transform='translate(1325.87 1900)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cline x2='17.216' transform='translate(1328.762 1906.763)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px auto;
  -webkit-transition: background-color 0.6s ease, background-image 0.6s ease;
  transition: background-color 0.6s ease, background-image 0.6s ease;
}
@media screen and (max-width: 768px) {
  .l-header__nav a::before {
    width: 41px;
    height: 26px;
    background-size: 14px auto;
  }
}
.l-header__nav a:hover {
  opacity: 1;
  color: #39CFFF;
}
.l-header__nav a:hover::before {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.216' height='16.243' viewBox='0 0 20.216 16.243'%3E%3Cg transform='translate(-1327.262 -1898.641)'%3E%3Cpath d='M14.108,12.762l6-6-6-6' transform='translate(1325.87 1900)' fill='none' stroke='%2339cfff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cline x2='17.216' transform='translate(1328.762 1906.763)' fill='none' stroke='%2339cfff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
}
@media screen and (min-width: 769px) {
  .l-header__nav a:nth-child(1) {
    grid-column: 1;
    grid-row: 1;
  }
  .l-header__nav a:nth-child(n+2):nth-child(-n+6) {
    grid-column: 2;
  }
  .l-header__nav a:nth-child(2) {
    grid-row: 1;
  }
  .l-header__nav a:nth-child(3) {
    grid-row: 2;
  }
  .l-header__nav a:nth-child(4) {
    grid-row: 3;
  }
  .l-header__nav a:nth-child(5) {
    grid-row: 4;
  }
  .l-header__nav a:nth-child(6) {
    grid-row: 5;
  }
  .l-header__nav a:nth-child(n+7) {
    grid-column: 3;
  }
  .l-header__nav a:nth-child(7) {
    grid-row: 1;
  }
  .l-header__nav a:nth-child(8) {
    grid-row: 2;
  }
  .l-header__nav a:nth-child(9) {
    grid-row: 3;
  }
  .l-header__nav a:nth-child(10) {
    grid-row: 4;
  }
  .l-header__nav a:nth-child(11) {
    grid-row: 5;
  }
}

html.is-menu-open,
body.is-menu-open {
  overflow: hidden;
}

body.is-menu-open {
  position: fixed;
  left: 0;
  width: 100vw;
}

.l-header.is-menu-open {
  width: 100vw;
}

.l-footer {
  border-top: 3px solid #004EA2;
}
.l-footer__inner {
  max-width: 1320px;
  margin: 0 auto;
  padding: 60px 20px 80px;
}
.l-footer__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 19px;
}
@media screen and (max-width: 768px) {
  .l-footer__logo {
    gap: 10px;
  }
}
.l-footer__logo img {
  width: 100%;
  height: auto;
  max-width: 250px;
}
@media screen and (max-width: 768px) {
  .l-footer__logo img {
    max-width: 130px;
  }
}
.l-footer__logo span {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-family: "Poppins", sans-serif;
  color: #004EA2;
}
@media screen and (max-width: 768px) {
  .l-footer__logo span {
    font-size: 14px;
  }
}
.l-footer__copy {
  margin-top: 18px;
  font-size: 16px;
  line-height: 1.5625;
  font-weight: 500;
  letter-spacing: 0.05em;
  font-family: "Poppins", sans-serif;
  color: #004EA2;
  text-align: center;
  display: block;
}

.l-entry {
  margin: 0 0 135px;
}
@media screen and (max-width: 768px) {
  .l-entry {
    margin: 0 0 80px;
  }
}
.l-entry__slider .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.l-entry__slider .swiper-slide img {
  width: 100%;
  height: auto;
}
.l-entry__bg {
  background-color: #39CFFF;
  padding: 6.9444444444vw 0 100px;
  margin-top: -11.8055555556vw;
}
@media screen and (max-width: 768px) {
  .l-entry__bg {
    padding: 6.9444444444vw 0 80px;
  }
}
.l-entry__marquee {
  position: relative;
  z-index: 2;
}
.l-entry__marquee .c-marquee__inner {
  -webkit-animation: marquee 80s linear infinite;
          animation: marquee 80s linear infinite;
}
.l-entry__marquee .c-marquee__item {
  color: #fff;
  font-size: 10.4166666667vw;
  font-weight: 500;
  letter-spacing: 0.06em;
  font-family: "Poppins", sans-serif;
  padding-right: 6.9444444444vw;
}
.l-entry__button {
  margin: 40px auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 56px;
  max-width: 617px;
  height: 112px;
  background-color: #004EA2;
  color: #fff;
  font-size: 29px;
  letter-spacing: 0.04em;
  font-weight: 700;
  position: relative;
}
@media screen and (max-width: 768px) {
  .l-entry__button {
    font-size: 16px;
    height: 66px;
    width: 330px;
    padding-right: 40px;
  }
}
.l-entry__button::after {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.216' height='16.243' viewBox='0 0 20.216 16.243'%3E%3Cg transform='translate(-1327.262 -1898.641)'%3E%3Cpath d='M14.108,12.762l6-6-6-6' transform='translate(1325.87 1900)' fill='none' stroke='%23004ea2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cline x2='17.216' transform='translate(1328.762 1906.763)' fill='none' stroke='%23004ea2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 17px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
  width: 70px;
  height: 44px;
  border-radius: 50px;
  right: 38px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .l-entry__button::after {
    width: 60px;
    height: 34px;
    right: 20px;
  }
}
.l-entry__button:hover {
  opacity: 1;
  background-color: #fff;
  color: #004EA2;
}
.l-entry__button:hover::after {
  background-color: #004EA2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.216' height='16.243' viewBox='0 0 20.216 16.243'%3E%3Cg transform='translate(-1327.262 -1898.641)'%3E%3Cpath d='M14.108,12.762l6-6-6-6' transform='translate(1325.87 1900)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cline x2='17.216' transform='translate(1328.762 1906.763)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
}

.c-burger {
  width: 70px;
  height: 70px;
  border-radius: 50px;
  background-color: #004EA2;
  border: 0;
  padding: 0;
  position: relative;
  cursor: pointer;
  -webkit-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}
@media screen and (max-width: 768px) {
  .c-burger {
    width: 50px;
    height: 50px;
  }
}
.c-burger__border {
  width: 28px;
  height: 2px;
  display: block;
  background-color: #fff;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media screen and (max-width: 768px) {
  .c-burger__border {
    width: 20px;
  }
}
.c-burger__border--top {
  top: 30px;
}
@media screen and (max-width: 768px) {
  .c-burger__border--top {
    top: 28px;
  }
}
.c-burger__border--bottom {
  bottom: 28px;
}
.c-burger.active {
  background-color: #39CFFF;
}
.c-burger.active .c-burger__border {
  left: 50%;
  top: 50%;
  bottom: auto;
}
.c-burger.active .c-burger__border--top {
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg);
}
.c-burger.active .c-burger__border--bottom {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
          transform: translate(-50%, -50%) rotate(-45deg);
}

.c-marquee {
  overflow: hidden;
  width: 100%;
}
.c-marquee__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-animation: marquee 40s linear infinite;
          animation: marquee 40s linear infinite;
}
.c-marquee__item {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  white-space: nowrap;
}
@-webkit-keyframes marquee {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@keyframes marquee {
  from {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  to {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.c-interview__title {
  font-size: 50px;
  line-height: 1.34;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
  color: #004EA2;
  margin: 0 auto 35px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .c-interview__title {
    font-size: 28px;
  }
}
.c-interview__title::after {
  position: absolute;
  content: "";
  background-image: url("../images/common/interview-text.webp");
  background-size: contain;
  background-repeat: no-repeat;
  right: -58%;
  top: -130%;
  width: 71%;
  height: auto;
  aspect-ratio: 1/1;
  z-index: -1;
  -webkit-animation: spin 8s linear infinite;
          animation: spin 8s linear infinite;
}
@media screen and (max-width: 768px) {
  .c-interview__title::after {
    right: -28%;
  }
}
.c-interview-slider {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
@media screen and (min-width: 769px) {
  .c-interview-slider.is-static .swiper-wrapper {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 55px;
    -webkit-transform: none !important;
            transform: none !important;
  }
  .c-interview-slider.is-static .c-interview-slider__item {
    width: calc((100vw - 165px) / 2) !important;
    max-width: 378px;
    margin: 0 !important;
  }
  .c-interview-slider.is-static .c-interview-slider__arrows {
    display: none;
  }
}
@media screen and (min-width: 1440px) {
  .c-interview-slider__item {
    width: 378px;
  }
}
.c-interview-slider__item a:hover .c-interview-slider__img {
  opacity: 1;
  background-color: #fff;
  color: #004EA2;
}
.c-interview-slider__item a:hover .c-interview-slider__img::after {
  background-color: #004EA2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.216' height='16.243' viewBox='0 0 20.216 16.243'%3E%3Cg transform='translate(-1327.262 -1898.641)'%3E%3Cpath d='M14.108,12.762l6-6-6-6' transform='translate(1325.87 1900)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cline x2='17.216' transform='translate(1328.762 1906.763)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
}
.c-interview-slider__img {
  width: min(100%, 378px);
  aspect-ratio: 378/602;
  border-radius: 189px;
  position: relative;
  overflow: hidden;
}
.c-interview-slider__img::after {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.216' height='16.243' viewBox='0 0 20.216 16.243'%3E%3Cg transform='translate(-1327.262 -1898.641)'%3E%3Cpath d='M14.108,12.762l6-6-6-6' transform='translate(1325.87 1900)' fill='none' stroke='%23004ea2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cline x2='17.216' transform='translate(1328.762 1906.763)' fill='none' stroke='%23004ea2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 17px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
  width: 70px;
  height: 44px;
  border-radius: 50px;
  right: 4.6527777778vw;
  bottom: 3.8194444444vw;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (min-width: 1440px) {
  .c-interview-slider__img::after {
    right: 67px;
    bottom: 55px;
  }
}
@media screen and (max-width: 768px) {
  .c-interview-slider__img::after {
    width: 60px;
    height: 34px;
    right: 10px;
  }
}
.c-interview-slider__img img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.c-interview-slider__body {
  max-width: 88%;
  margin: 10px auto 0px;
}
.c-interview-slider__name {
  font-size: 30px;
  line-height: 2;
  font-weight: 600;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .c-interview-slider__name {
    font-size: 28px;
  }
}
.c-interview-slider__disc {
  font-size: 18px;
  line-height: 1.7777777778;
  font-weight: 500;
  letter-spacing: 0.04em;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .c-interview-slider__disc {
    font-size: 14px;
  }
}
.c-interview-slider__cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 13px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 27px;
}
@media screen and (max-width: 768px) {
  .c-interview-slider__cat {
    gap: 10px;
    margin-top: 20px;
  }
}
.c-interview-slider__cat li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 15px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.1em;
  border: 1px solid;
  border-radius: 17px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 33px;
  padding: 0 27px;
}
@media screen and (max-width: 768px) {
  .c-interview-slider__cat li {
    font-size: 14px;
    padding: 0 20px;
  }
}
.c-interview-slider__arrows {
  position: absolute;
  max-width: 1336px;
  width: 100%;
  top: 22.8472222222vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 1440px) {
  .c-interview-slider__arrows {
    top: 329px;
  }
}
@media screen and (max-width: 768px) {
  .c-interview-slider__arrows {
    top: 56vw;
  }
}
.c-interview-slider__arrows .swiper-button-next, .c-interview-slider__arrows .swiper-button-prev {
  position: unset;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.216' height='16.243' viewBox='0 0 20.216 16.243'%3E%3Cg transform='translate(-1327.262 -1898.641)'%3E%3Cpath d='M14.108,12.762l6-6-6-6' transform='translate(1325.87 1900)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cline x2='17.216' transform='translate(1328.762 1906.763)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 17px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #004EA2;
  width: 122px;
  height: 78px;
  border-radius: 50px;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 2px solid #004EA2;
}
@media screen and (max-width: 768px) {
  .c-interview-slider__arrows .swiper-button-next, .c-interview-slider__arrows .swiper-button-prev {
    width: 78px;
    height: 48px;
  }
}
.c-interview-slider__arrows .swiper-button-next:hover, .c-interview-slider__arrows .swiper-button-prev:hover {
  opacity: 1;
  background-color: #fff;
  color: #004EA2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.216' height='16.243' viewBox='0 0 20.216 16.243'%3E%3Cg transform='translate(-1327.262 -1898.641)'%3E%3Cpath d='M14.108,12.762l6-6-6-6' transform='translate(1325.87 1900)' fill='none' stroke='%23004ea2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cline x2='17.216' transform='translate(1328.762 1906.763)' fill='none' stroke='%23004ea2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
  background-color: #fff;
}
.c-interview-slider__arrows .swiper-button-prev {
  -webkit-transform: translateY(-50%) scaleX(-1);
          transform: translateY(-50%) scaleX(-1);
}
.c-interview-slider__arrows .swiper-button-next:after, .c-interview-slider__arrows .swiper-rtl .swiper-button-prev:after, .c-interview-slider__arrows .swiper-button-prev:after, .c-interview-slider__arrows .swiper-rtl .swiper-button-next:after {
  content: none;
}

.c-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 347px;
  height: 86px;
  border-radius: 50px;
  font-size: 26px;
  font-weight: 500;
  letter-spacing: 0.12em;
  font-family: "Poppins", sans-serif;
  position: relative;
  padding: 0 40px 0 0;
}
@media screen and (max-width: 768px) {
  .c-button {
    font-size: 20px;
    height: 66px;
    width: 330px;
    padding: 0 20px 0 0;
  }
}
.c-button::after {
  position: absolute;
  content: "";
  background-size: 17px;
  background-position: center;
  background-repeat: no-repeat;
  width: 70px;
  height: 44px;
  border-radius: 50px;
  right: 25px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .c-button::after {
    width: 60px;
    height: 34px;
    right: 20px;
  }
}
.c-button:hover {
  opacity: 1;
}
.c-button.-white {
  background-color: #fff;
  color: #004EA2;
}
.c-button.-white::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.216' height='16.243' viewBox='0 0 20.216 16.243'%3E%3Cg transform='translate(-1327.262 -1898.641)'%3E%3Cpath d='M14.108,12.762l6-6-6-6' transform='translate(1325.87 1900)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cline x2='17.216' transform='translate(1328.762 1906.763)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
  border: 2px solid #004EA2;
  background-color: #004EA2;
}
.c-button.-white:hover {
  background-color: #fff;
  color: #004EA2;
}
.c-button.-white:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.216' height='16.243' viewBox='0 0 20.216 16.243'%3E%3Cg transform='translate(-1327.262 -1898.641)'%3E%3Cpath d='M14.108,12.762l6-6-6-6' transform='translate(1325.87 1900)' fill='none' stroke='%23004ea2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cline x2='17.216' transform='translate(1328.762 1906.763)' fill='none' stroke='%23004ea2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
  background-color: #fff;
}
.c-button.-color {
  color: #fff;
  background-color: #004EA2;
  border: 2px solid #004EA2;
}
.c-button.-color::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.216' height='16.243' viewBox='0 0 20.216 16.243'%3E%3Cg transform='translate(-1327.262 -1898.641)'%3E%3Cpath d='M14.108,12.762l6-6-6-6' transform='translate(1325.87 1900)' fill='none' stroke='%23004ea2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cline x2='17.216' transform='translate(1328.762 1906.763)' fill='none' stroke='%23004ea2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
  border: 2px solid #004EA2;
  background-color: #fff;
}
.c-button.-color:hover {
  background-color: #fff;
  color: #004EA2;
}
.c-button.-color:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.216' height='16.243' viewBox='0 0 20.216 16.243'%3E%3Cg transform='translate(-1327.262 -1898.641)'%3E%3Cpath d='M14.108,12.762l6-6-6-6' transform='translate(1325.87 1900)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cline x2='17.216' transform='translate(1328.762 1906.763)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
  background-color: #004EA2;
}

.c-pageheader {
  margin: 0px auto 0;
  max-width: 1200px;
}
.c-pageheader__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 8px;
  margin-top: 50px;
}
.c-pageheader__title .-sm {
  color: #39CFFF;
  font-size: 20px;
  letter-spacing: 0.1em;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .c-pageheader__title .-sm {
    font-size: 18px;
  }
}
.c-pageheader__title .-lg {
  color: #004EA2;
  font-size: 70px;
  letter-spacing: 0.08em;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  position: relative;
  padding-right: 37px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .c-pageheader__title .-lg {
    font-size: 32px;
  }
}
.c-pageheader__title .-lg::after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 15px;
  width: 33px;
  height: 20px;
  border: 4px solid #39CFFF;
  border-radius: 179px;
}
@media screen and (max-width: 768px) {
  .c-pageheader__title .-lg::after {
    width: 30px;
    height: 17px;
    bottom: 6px;
  }
}
.c-pageheader__lead {
  font-size: 20px;
  line-height: 1.7;
  letter-spacing: 0.04em;
  font-weight: 600;
  margin-top: 37px;
}
@media screen and (max-width: 768px) {
  .c-pageheader__lead {
    font-size: 16px;
  }
}

.c-pageheader2 {
  margin: 60px auto 0;
  max-width: 1200px;
}
.c-pageheader2__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 11px;
  position: relative;
  padding-top: 32px;
}
@media screen and (max-width: 768px) {
  .c-pageheader2__title {
    padding-top: 26px;
  }
}
.c-pageheader2__title::after {
  position: absolute;
  content: "";
  background-color: #004EA2;
  left: 0;
  top: 0;
  width: 33px;
  height: 20px;
  border-radius: 179px;
}
@media screen and (max-width: 768px) {
  .c-pageheader2__title::after {
    width: 30px;
    height: 17px;
  }
}
.c-pageheader2__title .-lg {
  font-size: 100px;
  line-height: 0.95;
  font-weight: 500;
  letter-spacing: 0.08em;
  font-family: "Poppins", sans-serif;
  color: #39CFFF;
}
@media screen and (max-width: 768px) {
  .c-pageheader2__title .-lg {
    font-size: 52px;
  }
}
.c-pageheader2__title .-sm {
  font-size: 20px;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #004EA2;
  margin-left: -7px;
}
@media screen and (max-width: 768px) {
  .c-pageheader2__title .-sm {
    font-size: 18px;
  }
}

.c-pageheader3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 21px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.c-pageheader3::before {
  content: "";
  display: block;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 33px;
          flex: 0 0 33px;
  width: 33px;
  height: 20px;
  border-radius: 179px;
  background-color: #004EA2;
}
.c-pageheader3__body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.c-pageheader3__label {
  margin: 0;
  color: #004EA2;
  font-size: 18px;
  line-height: 1.4444444444;
  letter-spacing: 0.05em;
  font-weight: 500;
}
.c-pageheader3__title {
  margin: 0;
  color: #39CFFF;
  font-size: 50px;
  line-height: 1.42;
  letter-spacing: 0.08em;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
.c-pageheader3__lead {
  margin: 0;
  color: #004EA2;
  font-size: 18px;
  line-height: 1.4444444444;
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .c-pageheader3 {
    gap: 14px;
  }
  .c-pageheader3::before {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 30px;
            flex: 0 0 30px;
    width: 30px;
    height: 17px;
  }
  .c-pageheader3__label {
    font-size: 14px;
    line-height: 1.5714285714;
  }
  .c-pageheader3__title {
    font-size: 34px;
    line-height: 1.2941176471;
  }
  .c-pageheader3__lead {
    font-size: 14px;
    line-height: 1.5714285714;
  }
}

.c-breadcrumb {
  padding: 0 24px;
  margin: 0 0 0 auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-top: 53px;
}
@media screen and (max-width: 768px) {
  .c-breadcrumb {
    padding-top: 20px;
  }
}
.c-breadcrumb a, .c-breadcrumb span {
  font-size: 14px;
}
.c-breadcrumb a {
  position: relative;
  padding-right: 34px;
  margin-right: 8px;
}
.c-breadcrumb a::after {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9.99' height='6.627' viewBox='0 0 9.99 6.627'%3E%3Cg transform='translate(0.5 0.055)'%3E%3Cpath d='M6.884 5.975 9.49 3.369 6.884.762' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3Cline x2='8.99' transform='translate(0 3.313)' fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 9px;
  width: 25px;
  height: 16px;
  border-radius: 10px;
  background-color: #ECF4F7;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.p-top {
  overflow-x: hidden;
  padding-bottom: 160px;
}
@media screen and (max-width: 768px) {
  .p-top {
    padding-bottom: 100px;
  }
}
.p-top__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 16px;
}
@media screen and (max-width: 768px) {
  .p-top__title {
    gap: 10px;
  }
}
.p-top__title .-sm {
  font-size: 22px;
  line-height: 1.5;
  letter-spacing: 0.08em;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  color: #004EA2;
  position: relative;
  padding-left: 48px;
}
@media screen and (max-width: 768px) {
  .p-top__title .-sm {
    font-size: 16px;
    padding-left: 40px;
  }
}
.p-top__title .-sm::after {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='33' height='20' viewBox='0 0 33 20'%3E%3Cg fill='none' stroke='%2339cfff' stroke-width='4'%3E%3Crect width='33' height='20' rx='10' stroke='none'/%3E%3Crect x='2' y='2' width='29' height='16' rx='8' fill='none'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 33px;
  height: 20px;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-top__title .-sm::after {
    width: 30px;
    height: 17px;
  }
}
.p-top__title .-lg {
  font-size: 45px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-top__title .-lg {
    font-size: 28px;
  }
}
.p-top__disc {
  font-size: 18px;
  line-height: 1.7777777778;
  font-weight: 500;
  letter-spacing: 0.04em;
  margin-top: 32px;
  max-width: 434px;
}
@media screen and (max-width: 768px) {
  .p-top__disc {
    font-size: 14px;
  }
}
.p-top__link {
  font-size: 26px;
  font-weight: 500;
  letter-spacing: 0.12em;
  font-family: "Poppins", sans-serif;
  color: #004EA2;
  position: relative;
  padding-right: 90px;
  margin-top: 50px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .p-top__link {
    font-size: 20px;
    padding-right: 80px;
  }
}
.p-top__link::after {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.216' height='16.243' viewBox='0 0 20.216 16.243'%3E%3Cg transform='translate(-1327.262 -1898.641)'%3E%3Cpath d='M14.108,12.762l6-6-6-6' transform='translate(1325.87 1900)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cline x2='17.216' transform='translate(1328.762 1906.763)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 17px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #004EA2;
  width: 70px;
  height: 44px;
  border-radius: 50px;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 2px solid #004EA2;
}
@media screen and (max-width: 768px) {
  .p-top__link::after {
    width: 60px;
    height: 34px;
  }
}
.p-top__link:hover {
  opacity: 1;
  color: #004EA2;
}
.p-top__link:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.216' height='16.243' viewBox='0 0 20.216 16.243'%3E%3Cg transform='translate(-1327.262 -1898.641)'%3E%3Cpath d='M14.108,12.762l6-6-6-6' transform='translate(1325.87 1900)' fill='none' stroke='%23004ea2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cline x2='17.216' transform='translate(1328.762 1906.763)' fill='none' stroke='%23004ea2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
  background-color: #fff;
}
.p-top-kv {
  padding: 35px 0 80px;
}
.p-top-kv__inner {
  position: relative;
}
.p-top-kv .kvSlider, .p-top-kv .kvSlider2 {
  overflow: visible;
}
.p-top-kv .kvSlider .swiper-wrapper, .p-top-kv .kvSlider2 .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
.p-top-kv .kvSlider .swiper-slide, .p-top-kv .kvSlider2 .swiper-slide {
  width: 33.3333333333vw;
  max-width: 320px;
}
@media screen and (min-width: 768px) {
  .p-top-kv .kvSlider .swiper-slide, .p-top-kv .kvSlider2 .swiper-slide {
    width: 22.2222222222vw;
  }
}
.p-top-kv .kvSlider .swiper-slide img, .p-top-kv .kvSlider2 .swiper-slide img {
  width: 100%;
  height: auto;
}
.p-top-kv-card {
  position: relative;
  -webkit-perspective: 1200px;
          perspective: 1200px;
}
.p-top-kv-card::before {
  content: "";
  display: block;
  padding-top: 101%;
}
.p-top-kv-card.is-flipped-left .p-top-kv-card__inner {
  -webkit-transform: rotateY(180deg) rotateZ(-2deg) scale(1.03);
          transform: rotateY(180deg) rotateZ(-2deg) scale(1.03);
}
.p-top-kv-card.is-flipped-right .p-top-kv-card__inner {
  -webkit-transform: rotateY(-180deg) rotateZ(2deg) scale(1.03);
          transform: rotateY(-180deg) rotateZ(2deg) scale(1.03);
}
.p-top-kv-card__inner {
  position: absolute;
  inset: 0;
  width: 100%;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transition: -webkit-transform 0.9s cubic-bezier(0.65, 0, 0.35, 1);
  transition: -webkit-transform 0.9s cubic-bezier(0.65, 0, 0.35, 1);
  transition: transform 0.9s cubic-bezier(0.65, 0, 0.35, 1);
  transition: transform 0.9s cubic-bezier(0.65, 0, 0.35, 1), -webkit-transform 0.9s cubic-bezier(0.65, 0, 0.35, 1);
  will-change: transform;
}
.p-top-kv-card__front, .p-top-kv-card__back {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: 20px;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
.p-top-kv-card__front img, .p-top-kv-card__back img {
  width: 100%;
  height: auto;
  display: block;
}
.p-top-kv-card__back {
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
}
.p-top-kv__marquee {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}
.p-top-kv__marquee .c-marquee__inner {
  -webkit-animation: marquee 70s linear infinite;
          animation: marquee 70s linear infinite;
}
.p-top-kv__marquee .c-marquee__item {
  color: #004EA2;
  font-size: 9.4444444444vw;
  font-weight: 700;
  letter-spacing: 0.1em;
  font-family: "Poppins", sans-serif;
  padding-right: 3.4722222222vw;
}
.p-top-kv__marquee .c-marquee__item span {
  color: #39CFFF;
}
.p-top-kv__info {
  margin: 40px auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 30px;
  border-radius: 50px;
  border: 3px solid #39CFFF;
  position: relative;
  padding: 25px 97px 30px 45px;
}
@media screen and (max-width: 768px) {
  .p-top-kv__info {
    padding: 25px 75px 30px 25px;
    border-radius: 60px;
  }
}
.p-top-kv__info::after {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.216' height='16.243' viewBox='0 0 20.216 16.243'%3E%3Cg transform='translate(-1327.262 -1898.641)'%3E%3Cpath d='M14.108,12.762l6-6-6-6' transform='translate(1325.87 1900)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cline x2='17.216' transform='translate(1328.762 1906.763)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 12px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #004EA2;
  border: 2px solid #004EA2;
  width: 40px;
  height: 40px;
  border-radius: 50px;
  right: 35px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (max-width: 768px) {
  .p-top-kv__info::after {
    right: 20px;
  }
}
.p-top-kv__info:hover {
  opacity: 1;
}
.p-top-kv__info:hover::after {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.216' height='16.243' viewBox='0 0 20.216 16.243'%3E%3Cg transform='translate(-1327.262 -1898.641)'%3E%3Cpath d='M14.108,12.762l6-6-6-6' transform='translate(1325.87 1900)' fill='none' stroke='%23004ea2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cline x2='17.216' transform='translate(1328.762 1906.763)' fill='none' stroke='%23004ea2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
}
.p-top-kv__info--title {
  font-size: 24px;
  font-weight: 600;
  color: #004EA2;
  width: 110px;
}
@media screen and (max-width: 768px) {
  .p-top-kv__info--title {
    font-size: 20px;
  }
}
.p-top-kv__info--body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 10px 15px;
}
.p-top-kv__info--date {
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.02em;
  font-family: "Poppins", sans-serif;
  margin-top: 4px;
}
@media screen and (max-width: 768px) {
  .p-top-kv__info--date {
    font-size: 14px;
  }
}
.p-top-kv__info--disc {
  font-size: 18px;
  line-height: 26/18;
  font-weight: 500;
  letter-spacing: 0.02em;
}
@media screen and (max-width: 768px) {
  .p-top-kv__info--disc {
    font-size: 16px;
  }
}
.p-top-about {
  margin: 0 calc(50% - 50vw);
  padding: 185px calc(50vw - 50%) 137px;
  width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-top-about {
    padding: 80px calc(50vw - 50%) 80px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 26px;
  }
}
.p-top-about::after {
  position: absolute;
  content: "";
  background-color: #39CFFF;
  width: 118%;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  z-index: -1;
  border-radius: 24%;
}
@media screen and (max-width: 768px) {
  .p-top-about::after {
    border-radius: 120px;
  }
}
.p-top-about__head {
  width: 493px;
  margin-left: 40px;
}
@media screen and (max-width: 1000px) {
  .p-top-about__head {
    margin-left: unset;
  }
}
@media screen and (max-width: 768px) {
  .p-top-about__head {
    width: 100%;
  }
}
.p-top-about__body {
  width: calc(100% - 460px);
  margin: 0 -20px 0 -50px;
}
@media screen and (max-width: 768px) {
  .p-top-about__body {
    width: 100%;
    margin: 0 auto;
  }
}
.p-top-about__title {
  font-size: 61px;
  line-height: 1.606557377;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .p-top-about__title {
    font-size: 30px;
  }
}
.p-top-about__disc {
  margin-top: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 19px;
  font-size: 20px;
  line-height: 1.7;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .p-top-about__disc {
    font-size: 16px;
    margin-top: 26px;
  }
}
.p-top-about__img {
  margin-top: 80px;
  position: relative;
  z-index: 1;
}
.p-top-about__img::after {
  position: absolute;
  content: "";
  background-image: url("../images/top/about-text.webp");
  background-size: contain;
  background-repeat: no-repeat;
  left: 2%;
  top: -11%;
  width: 91%;
  height: auto;
  aspect-ratio: 1/1;
  z-index: -1;
  -webkit-animation: spin 24s linear infinite;
          animation: spin 24s linear infinite;
}
.p-top-about__img img {
  width: 100%;
  height: auto;
}
.p-top-col2 {
  padding: 112px 0 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 64px;
}
@media screen and (max-width: 768px) {
  .p-top-col2 {
    padding: 100px 0 100px;
    gap: 80px;
  }
}
.p-top-col2__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 3%;
}
@media screen and (max-width: 768px) {
  .p-top-col2__item {
    gap: 40px;
  }
}
.p-top-col2__item:nth-of-type(odd) {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .p-top-col2__item:nth-of-type(odd) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.p-top-col2__item:nth-of-type(odd) .p-top-col2__body {
  width: 40%;
  padding-top: 10px;
}
@media screen and (max-width: 768px) {
  .p-top-col2__item:nth-of-type(odd) .p-top-col2__body {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding-top: unset;
  }
}
@media screen and (max-width: 460px) {
  .p-top-col2__item:nth-of-type(odd) .p-top-col2__body {
    width: 100%;
  }
}
.p-top-col2__item:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .p-top-col2__item:nth-of-type(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.p-top-col2__item:nth-of-type(even) .p-top-col2__body {
  width: 34%;
}
@media screen and (max-width: 768px) {
  .p-top-col2__item:nth-of-type(even) .p-top-col2__body {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media screen and (max-width: 460px) {
  .p-top-col2__item:nth-of-type(even) .p-top-col2__body {
    width: 100%;
  }
}
.p-top-col2__head {
  width: 57%;
}
@media screen and (max-width: 768px) {
  .p-top-col2__head {
    width: 100%;
  }
}
.p-top-col2__img img {
  width: 100%;
  height: auto;
}
.p-top-col2__disc {
  font-size: 18px;
  line-height: 1.7777777778;
  font-weight: 500;
  letter-spacing: 0.04em;
  margin-top: 32px;
  max-width: 434px;
}
@media screen and (max-width: 768px) {
  .p-top-col2__disc {
    font-size: 14px;
    margin-top: 26px;
  }
}
.p-top-col2 .p-top__link {
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .p-top-col2 .p-top__link {
    margin-top: 26px;
  }
}
.p-top-interview {
  padding: 90px 0 92px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-top-interview {
    padding: 80px 0 80px;
  }
}
.p-top-interview::after {
  position: absolute;
  content: "";
  background-color: #ECF4F7;
  width: 133%;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  z-index: -1;
  border-radius: 28%;
}
@media screen and (max-width: 768px) {
  .p-top-interview::after {
    border-radius: 140px;
  }
}
.p-top-interview__marquee .c-marquee__inner {
  -webkit-animation: marquee 70s linear infinite;
          animation: marquee 70s linear infinite;
}
.p-top-interview__marquee .c-marquee__item {
  color: #004EA2;
  font-size: 86px;
  font-weight: 500;
  letter-spacing: 0.08em;
  font-family: "Poppins", sans-serif;
  padding-right: 43px;
  position: relative;
  padding-left: 165px;
}
@media screen and (max-width: 768px) {
  .p-top-interview__marquee .c-marquee__item {
    font-size: 40px;
    padding-left: 90px;
  }
}
.p-top-interview__marquee .c-marquee__item::after {
  position: absolute;
  content: "";
  width: 129px;
  height: 80px;
  border: 7px solid #004EA2;
  border-radius: 179px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-top-interview__marquee .c-marquee__item::after {
    width: 70px;
    height: 43px;
    border-width: 4px;
  }
}
.p-top-interview__title {
  max-width: 1124px;
  margin: 37px auto 0;
  gap: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.p-top-interview__title .-sm {
  font-size: 20px;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #004EA2;
}
@media screen and (max-width: 768px) {
  .p-top-interview__title .-sm {
    font-size: 16px;
  }
}
.p-top-interview__title .-lg {
  font-size: 61px;
  line-height: 1.393442623;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #004EA2;
  padding-left: 6px;
}
@media screen and (max-width: 768px) {
  .p-top-interview__title .-lg {
    font-size: 28px;
  }
}
.p-top-interview__title .-lg span {
  color: #39CFFF;
}
.p-top-interview__slider {
  margin: 24px calc(50% - 50vw) 0;
}
.p-top-interview__button {
  margin: 72px auto 0;
  max-width: 1060px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .p-top-interview__button {
    margin: 40px auto 0;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.p-top-movie {
  position: relative;
  padding: 112px 0 284px;
  color: #004EA2;
}
@media screen and (max-width: 768px) {
  .p-top-movie {
    padding: 0 0 72px;
  }
}
.p-top-movie::before {
  content: none;
}
.p-top-movie__inner {
  position: relative;
  z-index: 1;
}
.p-top-movie__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  max-width: 814px;
  min-height: 323px;
  margin: 0 auto;
  padding: 68px 40px 46px;
  border-radius: 790px;
  background-color: #39CFFF;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-top-movie__head {
    min-height: unset;
    padding: 20px 24px 34px;
    border-radius: 180px;
  }
}
.p-top-movie__label {
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-top-movie__label {
    font-size: 14px;
  }
}
.p-top-movie__title {
  margin: 13px auto 0;
  font-size: 61px;
  line-height: 1.4590163934;
  font-weight: 700;
  letter-spacing: 0.1em;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-top-movie__title {
    margin-top: 14px;
    font-size: 28px;
    line-height: 1.3870967742;
  }
}
.p-top-movie__title span {
  color: #004EA2;
}
.p-top-movie__body {
  position: relative;
  z-index: 2;
  max-width: 946px;
  margin: -96px auto 0;
  overflow: hidden;
  background: #000;
  aspect-ratio: 16/9;
}
@media screen and (max-width: 768px) {
  .p-top-movie__body {
    margin: -15px auto 0;
  }
}
.p-top-movie__iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.p-top-movie__play {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  width: 80px;
  aspect-ratio: 1;
  border-radius: 50%;
  border: none;
  background: #39CFFF;
  color: #fff;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.p-top-movie__play svg {
  width: 24px;
  height: auto;
  margin-left: 4px;
}
.p-top-movie__play:hover {
  opacity: 0.8;
}
.p-top-movie__play.is-hidden {
  opacity: 0;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .p-top-movie__play {
    width: 40px;
  }
  .p-top-movie__play svg {
    width: 12px;
  }
}
.p-top-ps {
  margin: 209px 0 0;
}
@media screen and (max-width: 768px) {
  .p-top-ps {
    margin: 100px 0 0;
  }
}
.p-top-ps__parallaxarea {
  position: relative;
}
.p-top-ps__wrapper {
  position: relative;
  height: 100vh;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-top-ps__wrapper {
    height: 102vh;
  }
}
.p-top-ps__item {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.p-top-ps__item::after {
  position: absolute;
  content: "";
  width: 103%;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  z-index: -1;
  border-radius: 25%;
}
@media screen and (max-width: 768px) {
  .p-top-ps__item::after {
    border-radius: 50px;
  }
}
.p-top-ps__item.-item1 {
  z-index: 1;
}
.p-top-ps__item.-item1::after {
  background-color: #39CFFF;
}
.p-top-ps__item.-item1 .p-top-ps__cat li {
  color: #39CFFF;
}
.p-top-ps__item.-item2 {
  z-index: 2;
  opacity: 0;
}
.p-top-ps__item.-item2::after {
  background-color: #004EA2;
}
.p-top-ps__item.-item2 .p-top-ps__cat li {
  color: #004EA2;
}
.p-top-ps__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: clamp(140px, 19vh, 196px) 20px clamp(72px, 12vh, 127px);
  max-width: 1320px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-top-ps__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 190px 20px 80px;
  }
}
.p-top-ps__count {
  position: absolute;
  top: 64px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 3;
  background-color: #fff;
  color: #004EA2;
  width: 161px;
  height: 120px;
  border-radius: 60px;
}
@media screen and (max-width: 768px) {
  .p-top-ps__count {
    left: unset;
    -webkit-transform: unset;
            transform: unset;
    right: 20px;
    width: 140px;
    height: 100px;
  }
}
.p-top-ps__count .-lg {
  font-size: 32px;
  letter-spacing: 0.07em;
  font-family: "Poppins", sans-serif;
  position: absolute;
  left: 40%;
  top: 39%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.p-top-ps__count .-sm {
  font-size: 20px;
  letter-spacing: 0.07em;
  font-family: "Poppins", sans-serif;
  position: absolute;
  left: 64%;
  top: 68%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.p-top-ps__count svg {
  position: absolute;
  left: 53%;
  top: 55%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.p-top-ps__head {
  width: 38%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-left: 40px;
  padding-bottom: 10px;
  position: relative;
  z-index: 4;
}
@media screen and (max-width: 768px) {
  .p-top-ps__head {
    width: 100%;
    padding-left: unset;
    padding-bottom: 20px;
  }
}
.p-top-ps__body {
  width: 60%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -ms-flex-item-align: stretch;
      align-self: stretch;
}
@media screen and (max-width: 768px) {
  .p-top-ps__body {
    width: 100%;
    display: block;
  }
}
.p-top-ps__img {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  width: 100%;
  height: 100%;
  opacity: 1;
}
a.p-top-ps__img:hover {
  opacity: 1;
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feComponentTransfer color-interpolation-filters="sRGB"><feFuncR type="linear" slope="1.08" /><feFuncG type="linear" slope="1.08" /><feFuncB type="linear" slope="1.08" /></feComponentTransfer></filter></svg>#filter');
  -webkit-filter: brightness(1.08);
          filter: brightness(1.08);
}

.p-top-ps__img::after {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.216' height='16.243' viewBox='0 0 20.216 16.243'%3E%3Cg transform='translate(-1327.262 -1898.641)'%3E%3Cpath d='M14.108,12.762l6-6-6-6' transform='translate(1325.87 1900)' fill='none' stroke='%23004ea2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cline x2='17.216' transform='translate(1328.762 1906.763)' fill='none' stroke='%23004ea2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 17px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
  width: 70px;
  height: 44px;
  border-radius: 50px;
  right: 53px;
  bottom: 40px;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.p-top-ps__img img {
  display: block;
  width: 100%;
  height: auto;
  max-height: clamp(360px, 58vh, 520px);
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: right center;
     object-position: right center;
}
@media screen and (max-width: 768px) {
  .p-top-ps__img img {
    max-height: none;
  }
}
.p-top-ps__title {
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 18px;
  margin: 0;
  position: relative;
  z-index: 4;
}
@media screen and (max-width: 768px) {
  .p-top-ps__title {
    gap: 10px;
  }
}
.p-top-ps__title .-sm {
  font-size: 20px;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-top-ps__title .-sm {
    font-size: 15px;
  }
}
.p-top-ps__title .-lg {
  font-size: 86px;
  line-height: 1.0465116279;
  letter-spacing: 0.08em;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  margin-left: 7px;
}
@media screen and (max-width: 1440px) {
  .p-top-ps__title .-lg {
    font-size: 5.9722222222vw;
  }
}
@media screen and (max-width: 768px) {
  .p-top-ps__title .-lg {
    font-size: 30px;
  }
}
.p-top-ps__subtitle {
  margin-top: clamp(40px, 8vh, 72px);
  color: #fff;
  font-size: 30px;
  line-height: 1.3333333333;
  font-weight: 600;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-top-ps__subtitle {
    margin-top: 36px;
    font-size: 24px;
  }
}
.p-top-ps__disc {
  margin-top: 27px;
  color: #fff;
  font-size: 14px;
  line-height: 1.7777777778;
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .p-top-ps__disc {
    font-size: 14px;
    margin-top: 20px;
  }
}
.p-top-ps__cat {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 13px;
}
@media screen and (max-width: 768px) {
  .p-top-ps__cat {
    margin-top: 20px;
  }
}
.p-top-ps__cat li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.1em;
  border-radius: 50px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 0 29px;
  height: 33px;
}
@media screen and (max-width: 768px) {
  .p-top-ps__cat li {
    font-size: 14px;
    padding: 0 20px;
  }
}
@media screen and (min-width: 769px) and (max-height: 800px) {
  .p-top-ps__inner {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: clamp(28px, 4vw, 56px);
    padding-top: clamp(92px, 16vh, 132px);
    padding-bottom: clamp(44px, 8vh, 64px);
  }
  .p-top-ps__count {
    top: clamp(28px, 6vh, 48px);
    width: clamp(120px, 12vh, 145px);
    height: clamp(88px, 9vh, 108px);
    border-radius: 999px;
  }
  .p-top-ps__count .-lg {
    font-size: clamp(24px, 4vh, 30px);
  }
  .p-top-ps__count .-sm {
    font-size: clamp(15px, 2.6vh, 19px);
  }
  .p-top-ps__count svg {
    width: clamp(34px, 5vh, 42px);
    height: auto;
  }
  .p-top-ps__head {
    width: auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 500px;
            flex: 0 1 500px;
    max-width: 500px;
    padding-bottom: 0;
  }
  .p-top-ps__body {
    width: auto;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 620px;
            flex: 0 1 620px;
    max-width: 620px;
    -ms-flex-item-align: auto;
        align-self: auto;
  }
  .p-top-ps__img {
    height: auto;
  }
  .p-top-ps__img img {
    max-height: clamp(320px, 56vh, 430px);
  }
  .p-top-ps__title {
    gap: 12px;
  }
  .p-top-ps__title .-sm {
    font-size: clamp(16px, 2.4vh, 19px);
  }
  .p-top-ps__title .-lg {
    font-size: clamp(56px, 8.8vh, 76px);
    line-height: 1.06;
  }
  .p-top-ps__subtitle {
    margin-top: clamp(30px, 6vh, 48px);
    font-size: clamp(20px, 3vh, 23px);
    line-height: 1.35;
  }
  .p-top-ps__disc {
    margin-top: 18px;
    line-height: 1.6;
  }
  .p-top-ps__cat {
    margin-top: 20px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1180px) {
  .p-top-ps__subtitle {
    font-size: 22px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1040px) {
  .p-top-ps__subtitle {
    font-size: 20px;
  }
}
@media screen and (min-width: 769px) and (max-width: 920px) {
  .p-top-ps__subtitle {
    font-size: 18px;
  }
}
.p-top-ps__button {
  margin: 150px auto 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .p-top-ps__button {
    margin: 40px auto 0;
  }
}
.p-top-we {
  padding: 178px 0 158px;
  max-width: 1757px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-top-we {
    padding: 100px 0 100px;
  }
}
.p-top-we__inner {
  max-width: 1284px;
  margin: 0 auto;
  padding: 0 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .p-top-we__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.p-top-we__head {
  width: 87%;
  position: relative;
  z-index: 2;
  margin: 0px -3% 0 -20%;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 1110px) {
  .p-top-we__head {
    margin: 0px 0% 0 -20%;
    width: 75%;
  }
}
@media screen and (max-width: 768px) {
  .p-top-we__head {
    width: 120%;
    margin: -40px -5% 0;
  }
}
.p-top-we__body {
  width: 50%;
  padding-top: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-top-we__body {
    width: 100%;
    padding-top: unset;
  }
}
.p-top-we__body::after {
  position: absolute;
  content: "";
  left: 59%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  border: 4px solid #39CFFF;
  width: 168%;
  height: 100%;
  border-radius: 260px;
}
@media screen and (max-width: 768px) {
  .p-top-we__body::after {
    border-radius: 80px;
    width: 120%;
    left: 50%;
  }
}
.p-top-we__contents {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 112px 22px 113px 0;
}
@media screen and (max-width: 1110px) {
  .p-top-we__contents {
    padding: 72px 0px 73px 30px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-we__contents {
    padding: 80px 0 80px;
  }
}
.p-top-we__img img {
  width: 100%;
  height: auto;
}
.p-top-we__subtitle {
  font-size: 20px;
  letter-spacing: 0.05em;
  font-weight: 700;
  margin-top: 13px;
  margin-left: -12px;
}
@media screen and (max-width: 768px) {
  .p-top-we__subtitle {
    font-size: 16px;
  }
}
.p-top-we .p-top__disc {
  margin-top: 26px;
  max-width: 410px;
}
@media screen and (max-width: 768px) {
  .p-top-we .p-top__disc {
    max-width: unset;
  }
}
.p-top-we .p-top__link {
  margin-top: 30px;
  position: relative;
  z-index: 3;
}
.p-top-links {
  margin: 0 calc(50% - 50vw);
  padding: 107px calc(50vw - 50%) 115px;
  width: 100vw;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-top-links {
    padding: 80px calc(50vw - 50%) 80px;
  }
}
.p-top-links::after {
  position: absolute;
  content: "";
  background-color: #ECF4F7;
  width: 110%;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
  z-index: -1;
  border-radius: 370px;
}
@media screen and (max-width: 1440px) {
  .p-top-links::after {
    border-radius: 25.6944444444vw;
  }
}
.p-top-links__inner {
  max-width: 1100px;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 10%;
}
@media screen and (max-width: 768px) {
  .p-top-links__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 80px;
  }
}
.p-top-links__item.-item2 {
  padding-right: 12px;
}
.p-top-links__body {
  margin: 45px 0 0 0;
}
@media screen and (max-width: 768px) {
  .p-top-links__body {
    margin: 26px 0 0 0;
  }
}
.p-top-links__img {
  margin: 0 auto;
  display: block;
}
@media screen and (max-width: 768px) {
  .p-top-links__img.-img1 {
    max-width: 140px;
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 768px) {
  .p-top-links__img.-img2 {
    max-width: 170px;
    width: 100%;
    height: auto;
  }
}
.p-top-links .p-top__title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1020px) {
  .p-top-links .p-top__title .-lg {
    font-size: 30px;
  }
}
@media screen and (max-width: 768px) {
  .p-top-links .p-top__title .-lg {
    font-size: 28px;
  }
}
.p-top-links .p-top__disc {
  text-align: center;
  margin-top: 28px;
}
@media screen and (max-width: 768px) {
  .p-top-links .p-top__disc {
    margin: 26px auto 0;
  }
}
.p-top-links .p-top__link {
  margin: 50px auto 0;
}
@media screen and (max-width: 768px) {
  .p-top-links .p-top__link {
    margin: 26px auto 0;
  }
}

.p-ourservice {
  overflow-x: hidden;
  padding-bottom: 215px;
}
@media screen and (max-width: 768px) {
  .p-ourservice {
    padding-bottom: 100px;
  }
}
.p-ourservice .js-tab-content {
  display: none;
}
.p-ourservice .js-tab-content.is-active {
  display: block;
}
.p-ourservice__tabarea {
  margin: 90px auto 0;
  max-width: 1200px;
}
@media screen and (max-width: 768px) {
  .p-ourservice__tabarea {
    margin: 80px auto 0;
  }
}
.p-ourservice__tabwrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
}
@media screen and (max-width: 768px) {
  .p-ourservice__tabwrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-ourservice__tab {
  background-color: #ECF4F7;
  width: calc(50% - 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 20px;
  letter-spacing: 0.05em;
  font-weight: 600;
  border-radius: 50px;
  padding: 22px 20px 25px;
}
@media screen and (max-width: 768px) {
  .p-ourservice__tab {
    width: 100%;
    padding: 18px 20px 18px;
    font-size: 18px;
  }
}
.p-ourservice__tab.is-active {
  background-color: #004EA2;
  color: #fff;
  position: relative;
}
.p-ourservice__tab.is-active::after {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39.872' height='8.906' viewBox='0 0 39.872 8.906'%3E%3Cpath d='M0,0A17.4,17.4,0,0,1,11.59,4.422L14.129,6.69a8.716,8.716,0,0,0,11.614,0l2.539-2.268A17.4,17.4,0,0,1,39.872,0Z' fill='%23004ea2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 40px;
  height: 9px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  bottom: -8px;
}
.p-ourservice__tabcontents {
  padding-top: 68px;
  padding-bottom: 52px;
}
@media screen and (max-width: 768px) {
  .p-ourservice__tabcontents {
    padding-top: 60px;
  }
}
.p-ourservice-about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-ourservice-about {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.p-ourservice-about.-about2 {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .p-ourservice-about.-about2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-ourservice-about__marquee {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  position: absolute;
  top: 60px;
}
@media screen and (max-width: 768px) {
  .p-ourservice-about__marquee {
    top: unset;
    bottom: 60px;
  }
}
.p-ourservice-about__marquee .c-marquee__inner {
  -webkit-animation: marquee 40s linear infinite;
          animation: marquee 40s linear infinite;
}
.p-ourservice-about__marquee .c-marquee__item {
  color: #39CFFF;
  font-size: 100px;
  font-weight: 500;
  letter-spacing: 0.08em;
  font-family: "Poppins", sans-serif;
  padding-right: 52px;
}
@media screen and (max-width: 1440px) {
  .p-ourservice-about__marquee .c-marquee__item {
    font-size: 6.9444444444vw;
    padding-right: 3.6111111111vw;
  }
}
@media screen and (max-width: 768px) {
  .p-ourservice-about__marquee .c-marquee__item {
    font-size: 40px;
    padding-right: 20px;
  }
}
.p-ourservice-about__head {
  width: 56%;
  padding-top: 198px;
}
@media screen and (max-width: 768px) {
  .p-ourservice-about__head {
    width: 100%;
    padding-top: unset;
  }
}
.p-ourservice-about__body {
  width: 40.5%;
}
@media screen and (max-width: 768px) {
  .p-ourservice-about__body {
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
}
.p-ourservice-about__img img {
  width: 100%;
  height: auto;
}
.p-ourservice-about__title {
  font-size: 50px;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #004EA2;
}
@media screen and (max-width: 768px) {
  .p-ourservice-about__title {
    font-size: 28px;
  }
}
.p-ourservice-about__title span {
  color: #39CFFF;
}
.p-ourservice-about__lead {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 6px;
  font-size: 28px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-weight: 600;
  margin-top: 25px;
}
@media screen and (max-width: 768px) {
  .p-ourservice-about__lead {
    font-size: 17px;
  }
}
.p-ourservice-about__lead span {
  background-color: #004EA2;
  color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 24px;
  padding: 3px 24px;
}
@media screen and (max-width: 768px) {
  .p-ourservice-about__lead span {
    padding: 3px 16px;
  }
}
.p-ourservice-about__disc {
  font-size: 18px;
  line-height: 1.7777777778;
  font-weight: 500;
  letter-spacing: 0.04em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.7em;
  margin-top: 24px;
}
@media screen and (max-width: 768px) {
  .p-ourservice-about__disc {
    font-size: 14px;
  }
}
.p-ourservice-rewards {
  margin-top: -24px;
}
@media screen and (max-width: 768px) {
  .p-ourservice-rewards {
    margin-top: unset;
  }
}
.p-ourservice-rewards__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 50px;
  gap: 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  background-color: #004EA2;
  color: #fff;
  max-width: 514px;
  width: 100%;
  height: 90px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .p-ourservice-rewards__title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 10px;
  }
}
.p-ourservice-rewards__title .-lg {
  font-size: 28px;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-ourservice-rewards__title .-lg {
    font-size: 24px;
  }
}
.p-ourservice-rewards__title .-sm {
  font-size: 18px;
  letter-spacing: 0.08em;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  margin-top: 6px;
}
@media screen and (max-width: 768px) {
  .p-ourservice-rewards__title .-sm {
    margin-top: unset;
  }
}
.p-ourservice-rewards__textarea {
  margin-top: -23px;
}
.p-ourservice-rewards__bg {
  font-size: 18px;
  line-height: 1.7777777778;
  letter-spacing: 0.04em;
  font-weight: 500;
  background-color: #ECF4F7;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .p-ourservice-rewards__bg {
    font-size: 14px;
    border-radius: 50px;
  }
}
.p-ourservice-rewards__bg:nth-of-type(1) {
  max-width: 613px;
  padding: 54px 20px;
}
@media screen and (max-width: 768px) {
  .p-ourservice-rewards__bg:nth-of-type(1) {
    margin-right: 20px;
    padding: 54px 40px 40px;
  }
}
.p-ourservice-rewards__bg:nth-of-type(1) .p-ourservice-rewards__inner {
  max-width: 468px;
}
@media screen and (max-width: 768px) {
  .p-ourservice-rewards__bg:nth-of-type(1) .p-ourservice-rewards__inner {
    max-width: unset;
  }
}
.p-ourservice-rewards__bg:nth-of-type(2) {
  max-width: 737px;
  margin-left: auto;
  margin-top: -100px;
  padding: 70px 20px;
}
@media screen and (max-width: 768px) {
  .p-ourservice-rewards__bg:nth-of-type(2) {
    margin-top: unset;
    margin-left: 20px;
    padding: 40px 40px;
  }
}
.p-ourservice-rewards__bg:nth-of-type(2) .p-ourservice-rewards__inner {
  max-width: 564px;
}
@media screen and (max-width: 768px) {
  .p-ourservice-rewards__bg:nth-of-type(2) .p-ourservice-rewards__inner {
    max-width: unset;
  }
}
.p-ourservice-rewards__bg:nth-of-type(3) {
  max-width: 613px;
  margin-left: 10%;
  margin-top: -80px;
  padding: 54px 20px 61px;
}
@media screen and (max-width: 768px) {
  .p-ourservice-rewards__bg:nth-of-type(3) {
    margin-top: unset;
    margin-right: 20px;
    margin-left: unset;
    padding: 40px 40px;
  }
}
.p-ourservice-rewards__bg:nth-of-type(3) .p-ourservice-rewards__inner {
  max-width: 468px;
}
@media screen and (max-width: 768px) {
  .p-ourservice-rewards__bg:nth-of-type(3) .p-ourservice-rewards__inner {
    max-width: unset;
  }
}
.p-ourservice-rewards__bg:nth-of-type(4) {
  max-width: 737px;
  margin-left: auto;
  margin-right: 108px;
  margin-top: -82px;
  padding: 70px 20px;
}
@media screen and (max-width: 768px) {
  .p-ourservice-rewards__bg:nth-of-type(4) {
    margin-top: unset;
    margin-left: 20px;
    margin-right: unset;
    padding: 40px 40px;
  }
}
.p-ourservice-rewards__bg:nth-of-type(4) .p-ourservice-rewards__inner {
  max-width: 564px;
}
@media screen and (max-width: 768px) {
  .p-ourservice-rewards__bg:nth-of-type(4) .p-ourservice-rewards__inner {
    max-width: unset;
  }
}
@media screen and (min-width: 769px) {
  .p-ourservice-rewards.-rewards1 .p-ourservice-rewards__bg:nth-of-type(1) {
    border-radius: 100px;
  }
  .p-ourservice-rewards.-rewards1 .p-ourservice-rewards__bg:nth-of-type(2) {
    border-radius: 150px;
  }
  .p-ourservice-rewards.-rewards1 .p-ourservice-rewards__bg:nth-of-type(3) {
    border-radius: 90px;
  }
  .p-ourservice-rewards.-rewards1 .p-ourservice-rewards__bg:nth-of-type(4) {
    border-radius: 50px;
  }
}
@media screen and (min-width: 769px) {
  .p-ourservice-rewards.-rewards2 .p-ourservice-rewards__bg:nth-of-type(1) {
    border-radius: 130px;
    padding: 54px 20px 64px;
  }
}
@media screen and (min-width: 769px) {
  .p-ourservice-rewards.-rewards2 .p-ourservice-rewards__bg:nth-of-type(2) {
    border-radius: 150px;
    margin-top: -137px;
  }
}
@media screen and (min-width: 769px) {
  .p-ourservice-rewards.-rewards2 .p-ourservice-rewards__bg:nth-of-type(3) {
    border-radius: 120px;
    margin-left: 8%;
  }
}
@media screen and (min-width: 769px) {
  .p-ourservice-rewards.-rewards2 .p-ourservice-rewards__bg:nth-of-type(4) {
    border-radius: 150px;
  }
}
.p-ourservice-rewards small {
  display: block;
  font-size: 12px;
  line-height: 1.6666666667;
  letter-spacing: 0.04em;
  font-weight: 500;
  margin-top: 24px;
}
.p-ourservice-rewards small strong {
  margin-bottom: 16px;
  font-size: 14px;
  font-weight: 700;
}

.p-numbers-pageheader {
  margin: 0px auto 0;
  max-width: 1200px;
}
.p-numbers-pageheader__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .p-numbers-pageheader__title {
    gap: 8px;
  }
}
.p-numbers-pageheader__title .p-numbers-pageheader__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
  width: 120px;
  height: 120px;
}
@media screen and (max-width: 768px) {
  .p-numbers-pageheader__title .p-numbers-pageheader__icon {
    width: 60px;
    height: 60px;
  }
}
.p-numbers-pageheader__title .p-numbers-pageheader__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
.p-numbers-pageheader__title .-sm {
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .p-numbers-pageheader__title .-sm {
    font-size: 18px;
  }
}
.p-numbers-pageheader__title .-lg {
  color: #004EA2;
  font-size: 80px;
  line-height: 1;
  letter-spacing: 0.08em;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  position: relative;
  padding-right: 37px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .p-numbers-pageheader__title .-lg {
    font-size: 32px;
  }
}
.p-numbers-pageheader__title .-lg::after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 15px;
  width: 33px;
  height: 20px;
  border: 4px solid #39CFFF;
  background: #39CFFF;
  border-radius: 179px;
}
@media screen and (max-width: 768px) {
  .p-numbers-pageheader__title .-lg::after {
    width: 30px;
    height: 17px;
    bottom: 6px;
  }
}
.p-numbers-pageheader__lead {
  font-size: 20px;
  line-height: 1.7;
  letter-spacing: 0.04em;
  font-weight: 600;
  margin-top: 37px;
}
@media screen and (max-width: 768px) {
  .p-numbers-pageheader__lead {
    font-size: 16px;
  }
}

.p-numbers-section + .p-numbers-section {
  margin-top: 112px;
}
@media screen and (max-width: 768px) {
  .p-numbers-section + .p-numbers-section {
    margin-top: 72px;
  }
}
.p-numbers-section__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 58px;
  color: #fff;
  font-size: 26px;
  letter-spacing: 0.08em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-numbers-section__title {
    min-height: 44px;
    font-size: 18px;
  }
}
.p-numbers-section__title .-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: inherit;
  padding: 10px 56px 10px 36px;
  background-color: #004EA2;
  border-radius: 999px;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-numbers-section__title .-text {
    padding: 7px 48px 7px 22px;
  }
}
.p-numbers-section__title .-number {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: inherit;
  position: relative;
  z-index: 1;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-left: -46px;
  padding: 8px 28px;
  background-color: #39CFFF;
  border-radius: 999px;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-numbers-section__title .-number {
    margin-left: -40px;
    padding: 7px 18px;
  }
}
.p-numbers-section__grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) clamp(307px, 40vw, 480px) minmax(0, 1fr);
  min-width: 0;
  margin-top: 72px;
}
@media screen and (max-width: 768px) {
  .p-numbers-section__grid {
    grid-template-columns: 1fr;
    margin-top: 38px;
  }
}

.p-numbers-card {
  position: relative;
  min-width: 0;
  max-width: 100%;
  min-height: 360px;
  padding: 0 12px 58px;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-numbers-card {
    min-height: auto;
    padding: 0 12px 42px;
  }
}
.p-numbers-card:nth-child(n+4) {
  padding-top: 64px;
  border-top: 2px dotted rgba(0, 0, 0, .55);
}
@media screen and (max-width: 768px) {
  .p-numbers-card:nth-child(n+4) {
    padding-top: 42px;
  }
}
.p-numbers-card:nth-child(3n+2)::after, .p-numbers-card:nth-child(3n+3)::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 45px;
  border-left: 2px dotted rgba(0, 0, 0, .55);
}
@media screen and (max-width: 768px) {
  .p-numbers-card:nth-child(3n+2)::after, .p-numbers-card:nth-child(3n+3)::after {
    display: none;
  }
}
.p-numbers-card:nth-child(n+4)::after {
  top: 45px;
}
@media screen and (max-width: 768px) {
  .p-numbers-card + .p-numbers-card {
    padding-top: 42px;
    border-top: 2px dotted rgba(0, 0, 0, .55);
  }
}
.p-numbers-card__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-width: 0;
  height: clamp(110px, 17.9166666667vw, 215px);
}
@media screen and (max-width: 768px) {
  .p-numbers-card__icon {
    height: auto;
  }
}
.p-numbers-card__icon img {
  display: block;
  width: var(--numbers-image-width);
  max-width: 100%;
  height: auto;
}
.p-numbers-card__label {
  margin-top: 32px;
  font-size: clamp(21px, 2.3333333333vw, 28px);
  line-height: 1.3076923077;
  letter-spacing: 0.1em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-numbers-card__label {
    margin-top: 20px;
    font-size: 21px;
  }
}
.p-numbers-card__value {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  min-width: 0;
  max-width: 100%;
  -webkit-column-gap: 4px;
     -moz-column-gap: 4px;
          column-gap: 4px;
  margin-top: 8px;
  color: #004EA2;
  font-weight: 700;
  line-height: 1;
}
.p-numbers-card__value .-prefix {
  font-size: clamp(19px, 2.0833333333vw, 25px);
  letter-spacing: 0.04em;
}
@media screen and (max-width: 768px) {
  .p-numbers-card__value .-prefix {
    font-size: 19px;
  }
}
.p-numbers-card__value .-unit {
  font-size: clamp(19px, 2.1666666667vw, 26px);
  letter-spacing: 0.04em;
  font-weight: 500;
  color: #004EA2;
}
@media screen and (max-width: 768px) {
  .p-numbers-card__value .-unit {
    font-size: 19px;
  }
}
.p-numbers-card__value .-num {
  font-size: clamp(44px, 5vw, 60px);
  letter-spacing: 0.03em;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-numbers-card__value .-num {
    font-size: 44px;
  }
}
.p-numbers-card__note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2px;
  margin-top: 18px;
  font-size: clamp(12px, 1.3333333333vw, 16px);
  line-height: 1.4285714286;
  letter-spacing: 0.1em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-numbers-card__note {
    margin-top: 12px;
    font-size: 12px;
  }
}

.p-company {
  overflow-x: hidden;
  padding-bottom: 256px;
}
@media screen and (max-width: 768px) {
  .p-company {
    padding-bottom: 100px;
  }
}
.p-company__contents {
  max-width: 1062px;
  margin: 130px auto 0;
}
@media screen and (max-width: 768px) {
  .p-company__contents {
    margin-top: 64px;
  }
}
.p-company-section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .p-company-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-company-section__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 18px;
  width: 148px;
}
@media screen and (max-width: 768px) {
  .p-company-section__head {
    width: auto;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.p-company-section__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  position: relative;
  padding-top: 33px;
}
@media screen and (max-width: 768px) {
  .p-company-section__title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 0;
    padding-top: 28px;
  }
}
.p-company-section__title::after {
  position: absolute;
  content: "";
  background-color: #39CFFF;
  left: 14px;
  top: 0;
  width: 33px;
  height: 20px;
  border-radius: 179px;
}
@media screen and (max-width: 768px) {
  .p-company-section__title::after {
    width: 28px;
    height: 15px;
    left: 0px;
  }
}
.p-company-section__title .-en {
  font-size: 50px;
  line-height: 1.12;
  letter-spacing: 0.08em;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  -webkit-transform: scale(-1);
          transform: scale(-1);
}
@media screen and (max-width: 768px) {
  .p-company-section__title .-en {
    -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
            writing-mode: unset;
    -webkit-transform: unset;
            transform: unset;
    font-size: 28px;
  }
}
.p-company-section__title .-ja {
  font-size: 22px;
  line-height: 1.1818181818;
  font-weight: 500;
  letter-spacing: 0.2em;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  padding: 10px 0 0 0;
}
@media screen and (max-width: 768px) {
  .p-company-section__title .-ja {
    -webkit-writing-mode: unset;
        -ms-writing-mode: unset;
            writing-mode: unset;
    font-size: 18px;
  }
}
.p-company-overview__table {
  width: calc(100% - 233px);
  border-top: 2px dotted rgba(0, 0, 0, .55);
}
@media screen and (max-width: 768px) {
  .p-company-overview__table {
    width: 100%;
    margin-top: 40px;
  }
}
.p-company-overview th, .p-company-overview td {
  font-size: 18px;
  line-height: 1.4444444444;
  letter-spacing: 0.05em;
  font-weight: 500;
  border-bottom: 2px dotted rgba(0, 0, 0, .55);
}
@media screen and (max-width: 768px) {
  .p-company-overview th, .p-company-overview td {
    font-size: 14px;
  }
}
.p-company-overview th span, .p-company-overview td span {
  font-size: 15px;
  line-height: 1.4;
  display: block;
  color: #0000FF;
}
@media screen and (max-width: 768px) {
  .p-company-overview th span, .p-company-overview td span {
    font-size: 12px;
  }
}
.p-company-overview th {
  vertical-align: middle;
  width: 29%;
  padding: 0 12px;
}
@media screen and (max-width: 768px) {
  .p-company-overview th {
    width: 25%;
    padding: unset;
  }
}
.p-company-overview td {
  padding: 22px 0;
  width: 71%;
}
@media screen and (max-width: 768px) {
  .p-company-overview td {
    width: 75%;
  }
}
.p-company-overview__officers th {
  vertical-align: top;
  padding: 25px 12px;
}
@media screen and (max-width: 768px) {
  .p-company-overview__officers th {
    padding: 25px 0;
  }
}
.p-company-overview__officers div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 26px;
  line-height: 1.7777777778;
}
.p-company-overview__officers dt {
  width: 143px;
}
@media screen and (max-width: 768px) {
  .p-company-overview__officers dt {
    width: 111px;
  }
}
.p-company-location {
  padding-top: 137px;
  display: block;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-company-location {
    padding-top: 80px;
  }
}
.p-company-location .p-company-section__head {
  padding-top: 62px;
  position: absolute;
}
@media screen and (max-width: 768px) {
  .p-company-location .p-company-section__head {
    padding-top: unset;
    position: unset;
  }
}
.p-company-location__map {
  width: 105%;
  margin-left: -2.5%;
}
@media screen and (max-width: 1180px) {
  .p-company-location__map {
    width: 100%;
    margin-left: unset;
  }
}
.p-company-location__map img {
  width: 100%;
  height: auto;
}

.p-about-us {
  overflow-x: hidden;
  padding-bottom: 170px;
}
@media screen and (max-width: 768px) {
  .p-about-us {
    padding-bottom: 96px;
  }
}

.p-about-us-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 84px;
  max-width: 620px;
  margin-top: 72px;
}
@media screen and (max-width: 768px) {
  .p-about-us-nav {
    gap: 16px;
    margin-top: 42px;
  }
}
.p-about-us-nav__link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 12px;
  color: #000000;
  font-size: 15px;
  letter-spacing: 0.08em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-about-us-nav__link {
    font-size: 13px;
  }
}
.p-about-us-nav__link::after {
  content: "";
  width: 44px;
  height: 24px;
  border-radius: 999px;
  background-color: #004EA2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14.812' height='10.812' viewBox='0 0 14.812 10.812'%3E%3Cg transform='translate(-.594 -.594)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'%3E%3Cpath d='M10 2l4 4-4 4'/%3E%3Cpath d='M2 6h12'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 14px auto;
}

.p-about-us-title {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-bottom: 10px;
  color: #000000;
  font-size: 72px;
  line-height: 1;
  letter-spacing: 0.08em;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-about-us-title {
    font-size: 44px;
  }
}
.p-about-us-title::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 28px;
  height: 17px;
  border-radius: 999px;
  background-color: #39CFFF;
}
@media screen and (max-width: 768px) {
  .p-about-us-title::after {
    width: 22px;
    height: 13px;
  }
}

.p-about-us-vision {
  max-width: 1200px;
  margin: 180px auto 0;
}
@media screen and (max-width: 768px) {
  .p-about-us-vision {
    margin-top: 96px;
  }
}
.p-about-us-vision__lead {
  display: grid;
  grid-template-columns: minmax(0, 390px) minmax(0, 1fr);
  gap: 50px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 54px;
}
@media screen and (max-width: 768px) {
  .p-about-us-vision__lead {
    grid-template-columns: 1fr;
    gap: 28px;
    margin-top: 34px;
  }
}
.p-about-us-vision__eyebrow {
  color: #004EA2;
  font-size: 17px;
  line-height: 1.6470588235;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-about-us-vision__eyebrow {
    font-size: 14px;
  }
}
.p-about-us-vision__slogan {
  margin-top: 13px;
  font-size: 39px;
  line-height: 1.2307692308;
  letter-spacing: 0.08em;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .p-about-us-vision__slogan {
    font-size: 29px;
  }
}
.p-about-us-vision__sub {
  margin-top: 2px;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.08em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-about-us-vision__sub {
    font-size: 16px;
  }
}
.p-about-us-vision__text {
  margin-top: 30px;
  font-size: 16px;
  line-height: 1.9375;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-about-us-vision__text {
    margin-top: 20px;
    font-size: 14px;
  }
}
.p-about-us-vision__main-img {
  overflow: hidden;
  border-radius: 999px;
}
.p-about-us-vision__main-img img {
  display: block;
  width: 100%;
  height: auto;
}
.p-about-us-vision__cards {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 84px;
  margin-top: 78px;
}
@media screen and (max-width: 768px) {
  .p-about-us-vision__cards {
    grid-template-columns: 1fr;
    gap: 44px;
    margin-top: 54px;
  }
}

.p-about-us-vision-card__img {
  position: relative;
  overflow: hidden;
  border-radius: 999px;
}
.p-about-us-vision-card__img img {
  display: block;
  width: 100%;
  height: auto;
}
.p-about-us-vision-card__img figcaption {
  position: absolute;
  right: 0;
  bottom: 0;
  min-width: 180px;
  padding: 22px 28px 24px;
  border-radius: 60px 0 0 0;
  background-color: #fff;
  font-size: 26px;
  letter-spacing: 0.22em;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-about-us-vision-card__img figcaption {
    min-width: 138px;
    padding: 14px 18px 16px;
    font-size: 18px;
  }
}
.p-about-us-vision-card__img figcaption::before {
  display: block;
  content: "";
  width: 70px;
  height: 7px;
  margin: 0 auto 13px;
  border-radius: 999px;
  background-image: radial-gradient(circle, #39CFFF 2px, transparent 2px);
  background-size: 18px 7px;
}
.p-about-us-vision-card__body {
  max-width: 480px;
  margin: 26px auto 0;
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-about-us-vision-card__body {
    max-width: none;
    margin-top: 20px;
    font-size: 14px;
  }
}
.p-about-us-vision-card__title {
  margin-bottom: 11px;
  color: #004EA2;
  font-size: 16px;
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-about-us-vision-card__title {
    font-size: 14px;
  }
}

.p-about-us-message {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 430px;
  gap: 76px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
  max-width: 1200px;
  margin: 180px auto 0;
}
@media screen and (max-width: 768px) {
  .p-about-us-message {
    grid-template-columns: 1fr;
    gap: 42px;
    margin-top: 100px;
  }
}
.p-about-us-message__text {
  display: grid;
  gap: 25px;
  margin-top: 78px;
  font-size: 16px;
  line-height: 1.9375;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-about-us-message__text {
    gap: 18px;
    margin-top: 38px;
    font-size: 14px;
  }
}
.p-about-us-message__important {
  margin-top: 84px;
}
@media screen and (max-width: 768px) {
  .p-about-us-message__important {
    margin-top: 48px;
  }
}
.p-about-us-message__important h3 {
  color: #39CFFF;
  font-size: 31px;
  line-height: 1.4516129032;
  letter-spacing: 0.06em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-about-us-message__important h3 {
    font-size: 22px;
  }
}
.p-about-us-message__important p {
  margin-top: 24px;
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-about-us-message__important p {
    margin-top: 16px;
    font-size: 14px;
  }
}
.p-about-us-message__img {
  margin-top: 92px;
}
@media screen and (max-width: 768px) {
  .p-about-us-message__img {
    max-width: 360px;
    margin: 0 auto;
  }
}
.p-about-us-message__img img {
  display: block;
  width: 100%;
  height: auto;
}

.p-story {
  overflow-x: hidden;
  padding: 100px 0 190px;
}
@media screen and (max-width: 768px) {
  .p-story {
    padding: 80px 0 200px;
  }
}
.p-story__list {
  margin-top: 172px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 107px;
}
@media screen and (max-width: 768px) {
  .p-story__list {
    margin-top: 80px;
    gap: 180px;
  }
}

@media screen and (min-width: 769px) {
  .p-story-card:nth-of-type(even) .p-story-card__link {
    grid-template-columns: minmax(0, 1.17fr) minmax(0, 1.08fr);
  }
}
.p-story-card:nth-of-type(even) .p-story-card__body {
  padding: 30px 40px 0 41px;
}
@media screen and (max-width: 768px) {
  .p-story-card:nth-of-type(even) .p-story-card__body {
    padding: 20px 0 0 0;
  }
}
.p-story-card:nth-of-type(even) .p-story-card__body::after {
  right: 0%;
  margin-left: calc(50% - 50vw);
  background-color: #39CFFF;
}
@media screen and (max-width: 768px) {
  .p-story-card:nth-of-type(even) .p-story-card__body::after {
    margin-left: unset;
    right: unset;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.p-story-card:nth-of-type(even) .p-story-card__labels span:nth-of-type(1) {
  top: -15px;
  left: 0;
}
.p-story-card:nth-of-type(even) .p-story-card__labels span:nth-of-type(2) {
  top: 49px;
  left: 47px;
}
.p-story-card:nth-of-type(even) .p-story-card__labels span:nth-of-type(3) {
  top: 95px;
  left: 182px;
}
.p-story-card:nth-of-type(even) .p-story-card__button {
  right: 154px;
  bottom: -72px;
  background-color: #004EA2;
}
@media screen and (max-width: 768px) {
  .p-story-card:nth-of-type(even) .p-story-card__button {
    right: 0px;
    bottom: -72px;
  }
}
@media screen and (min-width: 769px) {
  .p-story-card:nth-of-type(odd) .p-story-card__link {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.08fr);
  }
}
.p-story-card:nth-of-type(odd) .p-story-card__img {
  grid-column: 2;
  grid-row: 1;
}
.p-story-card:nth-of-type(odd) .p-story-card__labels {
  top: -160px;
  left: 93px;
}
@media screen and (max-width: 1100px) {
  .p-story-card:nth-of-type(odd) .p-story-card__labels {
    left: 60px;
  }
}
.p-story-card:nth-of-type(odd) .p-story-card__labels span {
  background-color: #39CFFF;
}
.p-story-card:nth-of-type(odd) .p-story-card__body {
  padding: 0px 40px 0 140px;
}
@media screen and (max-width: 1100px) {
  .p-story-card:nth-of-type(odd) .p-story-card__body {
    padding: 0px 40px 0 60px;
  }
}
@media screen and (max-width: 768px) {
  .p-story-card:nth-of-type(odd) .p-story-card__body {
    padding: 20px 0 0 0;
  }
}
.p-story-card:nth-of-type(odd) .p-story-card__body::after {
  left: 0%;
  margin-right: calc(50% - 50vw);
  background-color: #004EA2;
}
@media screen and (max-width: 768px) {
  .p-story-card:nth-of-type(odd) .p-story-card__body::after {
    margin-right: unset;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.p-story-card:nth-of-type(odd) .p-story-card__labels span:nth-of-type(1) {
  top: 0px;
  left: 0;
}
.p-story-card:nth-of-type(odd) .p-story-card__labels span:nth-of-type(2) {
  top: 63px;
  left: 155px;
}
.p-story-card:nth-of-type(odd) .p-story-card__labels span:nth-of-type(3) {
  top: 111px;
  left: 182px;
}
.p-story-card:nth-of-type(odd) .p-story-card__button {
  right: 41px;
  bottom: -105px;
  background-color: #39CFFF;
}
@media screen and (max-width: 768px) {
  .p-story-card:nth-of-type(odd) .p-story-card__button {
    right: 0px;
    bottom: -72px;
  }
}
.p-story-card__link {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 500px;
}
@media screen and (max-width: 768px) {
  .p-story-card__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-story-card__link:hover {
  opacity: 1;
}
.p-story-card__link:hover .p-story-card__button {
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.216' height='16.243' viewBox='0 0 20.216 16.243'%3E%3Cg transform='translate(-1327.262 -1898.641)'%3E%3Cpath d='M14.108,12.762l6-6-6-6' transform='translate(1325.87 1900)' fill='none' stroke='%23004ea2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cline x2='17.216' transform='translate(1328.762 1906.763)' fill='none' stroke='%23004ea2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
}
.p-story-card__img {
  position: relative;
  z-index: 2;
  overflow: hidden;
  border-radius: 999px;
}
.p-story-card__img img {
  display: block;
  width: 100%;
  height: auto;
}
.p-story-card__body {
  z-index: 1;
  position: relative;
}
.p-story-card__body::after {
  position: absolute;
  content: "";
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100vw;
  height: 180%;
  border-radius: 270px;
  min-height: 485px;
  z-index: -1;
  max-width: 1078px;
}
@media screen and (max-width: 1440px) {
  .p-story-card__body::after {
    max-width: 74.8611111111vw;
  }
}
@media screen and (max-width: 768px) {
  .p-story-card__body::after {
    max-width: unset;
    top: -100px;
    min-height: unset;
    height: calc(100% + 200px);
    border-radius: 50px;
  }
}
.p-story-card__labels {
  position: absolute;
  top: -130px;
  left: -4%;
}
@media screen and (max-width: 768px) {
  .p-story-card__labels {
    position: unset;
  }
}
.p-story-card__labels span {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px 33px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 999px;
  background-color: #004EA2;
  color: #fff;
  font-size: 20px;
  letter-spacing: 0.1em;
  font-weight: 700;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-story-card__labels span {
    position: unset;
    font-size: 16px;
    padding: 16px 18px;
  }
}
.p-story-card__labels span + span {
  margin-top: -14px;
}
.p-story-card__title {
  font-size: 30px;
  line-height: 1.3333333333;
  letter-spacing: 0.1em;
  font-weight: 600;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .p-story-card__title {
    font-size: 28px;
    margin-top: 20px;
  }
}
.p-story-card__text {
  max-width: 420px;
  margin-top: 18px;
  font-size: 18px;
  line-height: 1.7777777778;
  letter-spacing: 0.04em;
  font-weight: 500;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .p-story-card__text {
    font-size: 14px;
  }
}
.p-story-card__button {
  position: absolute;
  width: 70px;
  height: 44px;
  border-radius: 999px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.216' height='16.243' viewBox='0 0 20.216 16.243'%3E%3Cg transform='translate(-1327.262 -1898.641)'%3E%3Cpath d='M14.108,12.762l6-6-6-6' transform='translate(1325.87 1900)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cline x2='17.216' transform='translate(1328.762 1906.763)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 17px auto;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.p-story-single {
  overflow-x: hidden;
  padding: 130px 0 0;
}
@media screen and (max-width: 768px) {
  .p-story-single {
    padding-top: 92px;
  }
}

.p-story-single-kv {
  max-width: 1120px;
  margin: 0 auto;
}
.p-story-single-kv__pagehead {
  margin-left: 0;
}
.p-story-single-kv__lead {
  margin-top: -4px;
  color: #004EA2;
  font-size: 14px;
  line-height: 1.6;
  letter-spacing: 0.08em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-story-single-kv__lead {
    font-size: 12px;
  }
}
.p-story-single-kv__img {
  overflow: hidden;
  margin-top: 52px;
  border-radius: 999px;
}
@media screen and (max-width: 768px) {
  .p-story-single-kv__img {
    margin-top: 34px;
  }
}
.p-story-single-kv__photo {
  display: block;
  width: 100%;
  height: auto;
}
.p-story-single-kv__body {
  max-width: 832px;
  margin: -11px auto 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-story-single-kv__body {
    margin-top: -28px;
  }
}
.p-story-single-kv__meta {
  position: absolute;
  margin-left: 68px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
}
@media screen and (max-width: 768px) {
  .p-story-single-kv__meta {
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
  }
}
.p-story-single-kv__meta-item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 33px;
  padding: 6px 18px;
  border-radius: 999px;
  background-color: #fff;
  font-size: 15px;
  letter-spacing: 0.03em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-story-single-kv__meta-item {
    min-height: 24px;
    padding: 4px 14px;
    font-size: 11px;
  }
}
.p-story-single-kv__title {
  margin: 0 auto;
  padding: 37px 0 37px;
  border-radius: 80px;
  background-color: #39CFFF;
  color: #fff;
  font-size: 32px;
  line-height: 1.40625;
  letter-spacing: 0.04em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-story-single-kv__title {
    padding: 48px 24px 24px;
    font-size: 18px;
  }
}
.p-story-single-kv__category {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: -9px auto 0;
  padding: 12px 32px;
  border-radius: 999px;
  background-color: #004EA2;
  color: #fff;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.08em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-story-single-kv__category {
    padding: 10px 24px;
    font-size: 13px;
  }
}
.p-story-single-kv__text {
  max-width: 700px;
  margin: 34px auto 0;
  font-size: 15px;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 700;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-story-single-kv__text {
    margin-top: 24px;
    font-size: 14px;
  }
}

.p-story-single-asked {
  margin: 72px auto 0;
  padding: 0 0 20px;
}
.p-story-single-asked__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 158px;
  height: 55px;
  margin: 0 auto -27px;
  border-radius: 999px;
  background-color: #39CFFF;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  z-index: 100;
}
@media screen and (max-width: 768px) {
  .p-story-single-asked__title {
    width: 124px;
    height: 42px;
    margin-bottom: -20px;
    font-size: 16px;
  }
}
.p-story-single-asked__text {
  padding: 68px 0 86px;
  border-radius: 999px;
  background-color: #004EA2;
  color: #fff;
  font-size: 18px;
  line-height: 1.7777777778;
  letter-spacing: 0.04em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-story-single-asked__text {
    padding: 40px 20px 86px;
    border-radius: 42px;
    font-size: 14px;
    text-align: left;
  }
}
.p-story-single-asked__paragraph {
  max-width: 884px;
  margin: 0 auto;
}
.p-story-single-asked__paragraph + .p-story-single-asked__paragraph {
  margin-top: 20px;
}
.p-story-single-asked__members {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px;
  max-width: 800px;
  margin: -40px auto 0;
}
@media screen and (max-width: 768px) {
  .p-story-single-asked__members {
    grid-template-columns: 1fr;
    gap: 28px;
    max-width: 280px;
    margin-top: -46px;
  }
}

.p-story-single-member {
  max-width: 210px;
  margin: 0 auto;
}
.p-story-single-member__img {
  width: 100%;
}
.p-story-single-member__photo {
  display: block;
  width: 100%;
  height: auto;
}
.p-story-single-member__role {
  margin-top: 20px;
  color: #004EA2;
  font-size: 18px;
  line-height: 1.4444444444;
  letter-spacing: 0.1em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-story-single-member__role {
    font-size: 14px;
    line-height: 1.5714285714;
  }
}
.p-story-single-member__name {
  margin-top: 3px;
  color: #004EA2;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-story-single-member__name {
    font-size: 14px;
  }
}
.p-story-single-member__name span {
  font-size: 28px;
}
@media screen and (max-width: 768px) {
  .p-story-single-member__name span {
    font-size: 22px;
  }
}

.p-story-single-content {
  max-width: 1042px;
  margin: 88px auto 0;
}

.p-story-single-chapter + .p-story-single-chapter {
  margin-top: 108px;
}
@media screen and (max-width: 768px) {
  .p-story-single-chapter + .p-story-single-chapter {
    margin-top: 72px;
  }
}
.p-story-single-chapter__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 28px;
  min-height: 168px;
  padding: 50px 34px 50px 100px;
  border-radius: 999px;
  background-color: #004EA2;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .p-story-single-chapter__head {
    gap: 14px;
    padding: 24px;
    border-radius: 42px;
    min-height: unset;
  }
}
.p-story-single-chapter__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 143px;
  height: 40px;
  margin-bottom: 10px;
  border-radius: 999px;
  background-color: #39CFFF;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.03em;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .p-story-single-chapter__label {
    width: 104px;
    height: 30px;
    font-size: 13px;
  }
}
.p-story-single-chapter__title {
  font-size: 35px;
  line-height: 1.2857142857;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-story-single-chapter__title {
    font-size: 22px;
  }
}
@media screen and (max-width: 560px) {
  .p-story-single-chapter__title {
    font-size: 16px;
  }
}
.p-story-single-chapter__person {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: stretch;
      align-self: stretch;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 317px;
          flex: 0 0 317px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 168px;
  margin: -50px -34px -50px 0;
  padding: 24px 20px 18px;
  border-radius: 999px;
  background-color: #39CFFF;
}
@media screen and (max-width: 768px) {
  .p-story-single-chapter__person {
    -ms-flex-preferred-size: 112px;
        flex-basis: 112px;
    min-height: unset;
    margin: -24px -24px -24px 0;
    padding: 14px 12px 12px;
    border-radius: 42px;
  }
}
.p-story-single-chapter__person-img {
  display: block;
  width: 123px;
  height: 177px;
  border-radius: 999px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .p-story-single-chapter__person-img {
    width: 58px;
    height: 83px;
  }
}
.p-story-single-chapter__person-name {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 70px;
  height: 33px;
  margin-top: -8px;
  padding: 7px 12px;
  border-radius: 999px;
  background-color: #fff;
  color: #004EA2;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0.03em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-story-single-chapter__person-name {
    min-width: 44px;
    padding: 5px 10px;
    font-size: 10px;
  }
}

.p-story-single-section {
  margin-top: 46px;
}
.p-story-single-section + .p-story-single-section {
  margin-top: 56px;
}
.p-story-single-section.-with-image, .p-story-single-section.-reverse {
  display: grid;
  grid-template-columns: 445px 1fr;
  gap: 26px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .p-story-single-section.-with-image, .p-story-single-section.-reverse {
    grid-template-columns: 1fr;
    gap: 24px;
  }
}
.p-story-single-section.-reverse {
  grid-template-columns: 1fr 330px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: start;
}
@media screen and (max-width: 768px) {
  .p-story-single-section.-reverse {
    grid-template-columns: 1fr;
  }
}
.p-story-single-section__title {
  position: relative;
  padding-left: 29px;
  color: #004EA2;
  font-size: 30px;
  line-height: 1.1333333333;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-story-single-section__title {
    padding-left: 18px;
    font-size: 22px;
    line-height: 1.3636363636;
  }
}
.p-story-single-section__title::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 18px;
  height: 100%;
  border-radius: 999px;
  background-color: #39CFFF;
}
@media screen and (max-width: 768px) {
  .p-story-single-section__title::before {
    width: 10px;
  }
}
.p-story-single-section__text {
  margin-top: 24px;
  font-size: 18px;
  line-height: 1.7777777778;
  letter-spacing: 0.04em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-story-single-section__text {
    margin-top: 18px;
    font-size: 14px;
    line-height: 1.8571428571;
  }
}
.p-story-single-section small {
  display: block;
  margin-top: 20px;
  font-size: 15px;
  line-height: 2.1333333333;
  letter-spacing: 0.04em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-story-single-section small {
    font-size: 12px;
    line-height: 1.8333333333;
  }
}
.p-story-single-section__paragraph + .p-story-single-section__paragraph {
  margin-top: 12px;
}
.p-story-single-section__image {
  display: block;
  width: 100%;
  height: auto;
}
.p-story-single-section__caption {
  margin-top: 12px;
  font-size: 15px;
  line-height: 2.1333333333;
  letter-spacing: 0.04em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-story-single-section__caption {
    font-size: 12px;
    line-height: 1.8333333333;
  }
}
.p-story-single-section__img.-cat {
  max-width: 325px;
  margin: 0 auto;
}
.p-story-single-section__full {
  width: 100%;
  max-width: none;
  margin: 0 auto 36px;
}

.p-story-single-other {
  margin: 150px auto 150px;
  padding: 105px 0 120px;
  border-radius: 726px;
  background-color: #ECF4F7;
}
@media screen and (max-width: 768px) {
  .p-story-single-other {
    margin-top: 88px;
    padding: 64px 0 72px;
    border-radius: 80px 80px 0 0;
  }
}
.p-story-single-other__title {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding-bottom: 12px;
  font-size: 80px;
  line-height: 1;
  letter-spacing: 0.08em;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-story-single-other__title {
    font-size: 34px;
  }
}
.p-story-single-other__title::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: 33px;
  height: 20px;
  border-radius: 999px;
  background-color: #39CFFF;
}
@media screen and (max-width: 768px) {
  .p-story-single-other__title::after {
    width: 16px;
    height: 10px;
  }
}
.p-story-single-other__lead {
  margin-top: 4px;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-story-single-other__lead {
    font-size: 14px;
  }
}
.p-story-single-other__slider {
  overflow: hidden;
  width: 100%;
  margin-top: 64px;
  padding-inline: max(20px, (100vw - 1120px) / 2);
}
@media screen and (max-width: 768px) {
  .p-story-single-other__slider {
    margin-top: 42px;
    padding-inline: 24px;
  }
}
.p-story-single-other__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-animation: story-single-other-marquee 30s linear infinite;
          animation: story-single-other-marquee 30s linear infinite;
}
.p-story-single-other__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  gap: 20px;
}
.p-story-single-other.-static .p-story-single-other__slider {
  overflow: visible;
}
.p-story-single-other.-static .p-story-single-other__track {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  -webkit-animation: none;
          animation: none;
}
.p-story-single-other.-static .p-story-single-other__list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.p-story-single-other.-static .p-story-single-other-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 min(650px, 100%);
          flex: 0 1 min(650px, 100%);
  width: min(650px, 100%);
}
.p-story-single-other.-static.-count-2 .p-story-single-other-card {
  -ms-flex-preferred-size: min(650px, (100% - 20px) / 2);
      flex-basis: min(650px, (100% - 20px) / 2);
  width: min(650px, (100% - 20px) / 2);
}
@media screen and (max-width: 768px) {
  .p-story-single-other.-static.-count-2 .p-story-single-other-card {
    -ms-flex-preferred-size: min(650px, 100%);
        flex-basis: min(650px, 100%);
    width: min(650px, 100%);
  }
}

.p-story-single-other-card {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 min(650px, 100vw - 48px);
          flex: 0 0 min(650px, 100vw - 48px);
  width: min(650px, 100vw - 48px);
}
.p-story-single-other-card__link {
  display: block;
}
.p-story-single-other-card__img {
  overflow: hidden;
  aspect-ratio: 650/294;
  border-radius: 999px;
}
.p-story-single-other-card__image {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-story-single-other-card__body {
  max-width: 86%;
  margin: -42px auto 0;
  text-align: center;
}
.p-story-single-other-card__category {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 16px 30px 20px;
  border-radius: 999px;
  background-color: #39CFFF;
  color: #fff;
  font-size: 22px;
  line-height: 1;
  letter-spacing: 0.04em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-story-single-other-card__category {
    padding: 10px 20px 12px;
    font-size: 14px;
  }
}
.p-story-single-other-card__title {
  color: #fff;
  margin-top: -16px;
  padding: 16px 30px 20px;
  border-radius: 999px;
  background-color: #39CFFF;
  font-size: 22px;
  line-height: 1.4545454545;
  letter-spacing: 0.04em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-story-single-other-card__title {
    position: relative;
    z-index: 1;
    margin-top: -8px;
    padding: 12px 20px 14px;
    font-size: 15px;
    line-height: 1.6;
  }
}
.p-story-single-other-card__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 13px;
  margin-top: 17px;
}
.p-story-single-other-card__tag {
  padding: 8px 29px;
  border: 1px solid #000000;
  border-radius: 999px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-story-single-other-card__tag {
    padding: 7px 18px;
    font-size: 12px;
  }
}

@-webkit-keyframes story-single-other-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-50% - 10px));
            transform: translateX(calc(-50% - 10px));
  }
}

@keyframes story-single-other-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(calc(-50% - 10px));
            transform: translateX(calc(-50% - 10px));
  }
}
.p-interview {
  overflow-x: hidden;
  padding: 130px 0 150px;
}
@media screen and (max-width: 768px) {
  .p-interview {
    padding: 92px 0 90px;
  }
}
.p-interview__head {
  margin-top: 0;
}
@media screen and (max-width: 768px) {
  .p-interview__head {
    margin-top: 0;
  }
}
.p-interview__marquee {
  width: 100vw;
  margin: 92px calc(50% - 50vw) 0;
}
.p-interview__intro {
  margin: -200px 0 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #fff;
  border-radius: 147px;
}
@media screen and (max-width: 768px) {
  .p-interview__intro {
    margin-top: -100px;
  }
}
.p-interview__title {
  border-radius: 147px;
  padding: 71px 50px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background: #fff;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-interview__title {
    padding: 20px 20px;
  }
}
.p-interview__title .-sm {
  display: block;
  font-size: 20px;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #004EA2;
}
@media screen and (max-width: 768px) {
  .p-interview__title .-sm {
    font-size: 16px;
  }
}
.p-interview__title .-lg {
  display: block;
  font-size: 61px;
  line-height: 1.393442623;
  font-weight: 700;
  letter-spacing: 0.1em;
  color: #004EA2;
  margin-top: 24px;
  padding-left: 6px;
}
@media screen and (max-width: 768px) {
  .p-interview__title .-lg {
    font-size: 28px;
  }
}
.p-interview__title .-lg span {
  color: #39CFFF;
}
.p-interview__list {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .p-interview__list {
    margin-top: 40px;
  }
}
.p-interview .c-interview-slider {
  width: 100%;
  margin: 0;
}
.p-interview .c-interview-slider__list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 72px 55px;
}
@media screen and (max-width: 768px) {
  .p-interview .c-interview-slider__list {
    grid-template-columns: 1fr;
    gap: 48px;
  }
}
.p-interview .c-interview-slider__item {
  min-width: 0;
}
.p-interview .c-interview-slider__item a:hover .c-interview-slider__img {
  opacity: 1;
  background-color: #fff;
  color: #004EA2;
}
.p-interview .c-interview-slider__item a:hover .c-interview-slider__img::after {
  background-color: #004EA2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.216' height='16.243' viewBox='0 0 20.216 16.243'%3E%3Cg transform='translate(-1327.262 -1898.641)'%3E%3Cpath d='M14.108,12.762l6-6-6-6' transform='translate(1325.87 1900)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cline x2='17.216' transform='translate(1328.762 1906.763)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
}
.p-interview .c-interview-slider__img {
  width: min(100%, 378px);
  aspect-ratio: 378/602;
  border-radius: 189px;
  position: relative;
  overflow: hidden;
}
.p-interview .c-interview-slider__img::after {
  position: absolute;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.216' height='16.243' viewBox='0 0 20.216 16.243'%3E%3Cg transform='translate(-1327.262 -1898.641)'%3E%3Cpath d='M14.108,12.762l6-6-6-6' transform='translate(1325.87 1900)' fill='none' stroke='%23004ea2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cline x2='17.216' transform='translate(1328.762 1906.763)' fill='none' stroke='%23004ea2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 17px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #fff;
  width: 70px;
  height: 44px;
  border-radius: 50px;
  right: 4.6527777778vw;
  bottom: 3.8194444444vw;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  z-index: 1;
}
@media screen and (min-width: 1440px) {
  .p-interview .c-interview-slider__img::after {
    right: 67px;
    bottom: 55px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview .c-interview-slider__img::after {
    width: 60px;
    height: 34px;
    right: 10px;
  }
}
.p-interview .c-interview-slider__img img {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.p-interview .c-interview-slider__body {
  max-width: 88%;
  margin: 10px auto 0;
}
.p-interview .c-interview-slider__name {
  font-size: 30px;
  line-height: 2;
  font-weight: 600;
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .p-interview .c-interview-slider__name {
    font-size: 28px;
  }
}
.p-interview .c-interview-slider__disc {
  font-size: 18px;
  line-height: 1.7777777778;
  font-weight: 500;
  letter-spacing: 0.04em;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .p-interview .c-interview-slider__disc {
    font-size: 14px;
  }
}
.p-interview .c-interview-slider__cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 13px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 27px;
}
@media screen and (max-width: 768px) {
  .p-interview .c-interview-slider__cat {
    gap: 10px;
    margin-top: 20px;
  }
}
.p-interview .c-interview-slider__cat li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-size: 15px;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.1em;
  border: 1px solid;
  border-radius: 17px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 33px;
  padding: 0 27px;
}
@media screen and (max-width: 768px) {
  .p-interview .c-interview-slider__cat li {
    font-size: 14px;
    padding: 0 20px;
  }
}
.p-interview .c-interview-slider__arrows {
  position: absolute;
  max-width: 1336px;
  width: 100%;
  top: 22.8472222222vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (min-width: 1440px) {
  .p-interview .c-interview-slider__arrows {
    top: 329px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview .c-interview-slider__arrows {
    top: 56vw;
  }
}
.p-interview .c-interview-slider__arrows .swiper-button-next,
.p-interview .c-interview-slider__arrows .swiper-button-prev {
  position: unset;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.216' height='16.243' viewBox='0 0 20.216 16.243'%3E%3Cg transform='translate(-1327.262 -1898.641)'%3E%3Cpath d='M14.108,12.762l6-6-6-6' transform='translate(1325.87 1900)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cline x2='17.216' transform='translate(1328.762 1906.763)' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 17px;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #004EA2;
  width: 122px;
  height: 78px;
  border-radius: 50px;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border: 2px solid #004EA2;
}
@media screen and (max-width: 768px) {
  .p-interview .c-interview-slider__arrows .swiper-button-next,
  .p-interview .c-interview-slider__arrows .swiper-button-prev {
    width: 78px;
    height: 48px;
  }
}
.p-interview .c-interview-slider__arrows .swiper-button-next:hover,
.p-interview .c-interview-slider__arrows .swiper-button-prev:hover {
  opacity: 1;
  color: #004EA2;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20.216' height='16.243' viewBox='0 0 20.216 16.243'%3E%3Cg transform='translate(-1327.262 -1898.641)'%3E%3Cpath d='M14.108,12.762l6-6-6-6' transform='translate(1325.87 1900)' fill='none' stroke='%23004ea2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3Cline x2='17.216' transform='translate(1328.762 1906.763)' fill='none' stroke='%23004ea2' stroke-linecap='round' stroke-linejoin='round' stroke-width='3'/%3E%3C/g%3E%3C/svg%3E");
}
.p-interview .c-interview-slider__arrows .swiper-button-prev {
  -webkit-transform: translateY(-50%) scaleX(-1);
          transform: translateY(-50%) scaleX(-1);
}
.p-interview .c-interview-slider__arrows .swiper-button-next:after,
.p-interview .c-interview-slider__arrows .swiper-rtl .swiper-button-prev:after,
.p-interview .c-interview-slider__arrows .swiper-button-prev:after,
.p-interview .c-interview-slider__arrows .swiper-rtl .swiper-button-next:after {
  content: none;
}

.p-interview-single {
  overflow-x: hidden;
  padding: clamp(92px, 11.9047619048vw, 130px) 0 0;
}
@media screen and (max-width: 768px) {
  .p-interview-single {
    padding-top: 92px;
  }
}
.p-interview-single .wp-block-media-text {
  gap: clamp(0px, 4.9450549451vw, 54px);
}
@media screen and (max-width: 768px) {
  .p-interview-single .wp-block-media-text {
    gap: 0;
  }
}

.p-interview-single-kv {
  max-width: clamp(335px, 102.5641025641vw, 1120px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-interview-single-kv {
    max-width: 100%;
  }
}
.p-interview-single-kv__head {
  color: #004EA2;
}
.p-interview-single-kv__label {
  font-size: clamp(12px, 1.2820512821vw, 14px);
  line-height: 1;
  letter-spacing: 0.08em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-interview-single-kv__label {
    font-size: 12px;
  }
}
.p-interview-single-kv__title {
  margin-top: clamp(10px, 0.9157509158vw, 10px);
  color: #39CFFF;
  font-size: clamp(34px, 4.2124542125vw, 46px);
  line-height: 1;
  letter-spacing: 0.1em;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .p-interview-single-kv__title {
    margin-top: 10px;
    font-size: 34px;
  }
}
.p-interview-single-kv__lead {
  margin-top: clamp(12px, 1.0989010989vw, 12px);
  font-size: clamp(12px, 1.2820512821vw, 14px);
  line-height: 1.7;
  letter-spacing: 0.08em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-interview-single-kv__lead {
    margin-top: 12px;
    font-size: 12px;
  }
}
.p-interview-single-kv__visual {
  position: relative;
  margin-top: clamp(42px, 6.5934065934vw, 72px);
}
@media screen and (max-width: 768px) {
  .p-interview-single-kv__visual {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 42px;
  }
}
.p-interview-single-kv__visual.-no-image .p-interview-single-kv__panel {
  position: relative;
  left: auto;
  top: auto;
  width: clamp(335px, 65.9340659341vw, 720px);
  max-width: 100%;
  -webkit-transform: none;
          transform: none;
}
@media screen and (max-width: 768px) {
  .p-interview-single-kv__visual.-no-image .p-interview-single-kv__panel {
    width: 100%;
  }
}
.p-interview-single-kv__img {
  overflow: hidden;
  width: calc(32% + 50vw);
  max-width: calc(868px + 50vw - 50%);
  height: clamp(500px, 58.6080586081vw, 640px);
  margin-left: auto;
  margin-right: calc(50% - 50vw);
  border-radius: 999px 0 0 999px;
}
@media screen and (max-width: 1040px) {
  .p-interview-single-kv__img {
    width: calc(50% + 50vw);
    max-width: none;
    height: auto;
    margin-left: auto;
    margin-right: calc(50% - 50vw);
    border-radius: 120px 0 0 120px;
  }
}
.p-interview-single-kv__photo {
  display: block;
  width: 100%;
  height: 718px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 768px) {
  .p-interview-single-kv__photo {
    height: auto;
  }
}
.p-interview-single-kv__panel {
  position: absolute;
  left: clamp(-40px, -3.663003663vw, 0px);
  top: 50%;
  width: clamp(0px, 60.5311355311vw, 661px);
  padding: clamp(0px, 5.9523809524vw, 65px) clamp(0px, 10.8058608059vw, 118px) clamp(0px, 4.5787545788vw, 50px);
  border-radius: clamp(0px, 20.9706959707vw, 229px);
  background-color: #004EA2;
  color: #fff;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 1040px) {
  .p-interview-single-kv__panel {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    margin-top: -34px;
    padding: 34px 26px;
    border-radius: 72px;
    -webkit-transform: none;
            transform: none;
  }
}
.p-interview-single-kv__date {
  display: block;
  font-size: clamp(0px, 1.3736263736vw, 15px);
  line-height: 1.5333333333;
  letter-spacing: 0.03em;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-interview-single-kv__date {
    font-size: 15px;
  }
}
.p-interview-single-kv__desc {
  margin-top: clamp(0px, 0.8241758242vw, 9px);
  font-size: clamp(0px, 2.1978021978vw, 24px);
  line-height: 1.6666666667;
  letter-spacing: 0.04em;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .p-interview-single-kv__desc {
    margin-top: 9px;
    font-size: 18px;
  }
}
.p-interview-single-kv__cats {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: clamp(0px, 0.7326007326vw, 8px);
  margin-top: clamp(0px, 2.380952381vw, 26px);
  margin-bottom: clamp(-16px, -1.4652014652vw, 0px);
}
@media screen and (max-width: 768px) {
  .p-interview-single-kv__cats {
    gap: 8px;
    margin-top: 26px;
    margin-bottom: -14px;
  }
}
.p-interview-single-kv__cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: clamp(0px, 3.021978022vw, 33px);
  margin-left: clamp(0px, 1.0073260073vw, 11px);
  padding: clamp(0px, 0.5494505495vw, 6px) clamp(0px, 2.0146520147vw, 22px);
  border-radius: 999px;
  background-color: #fff;
  color: #000;
  font-size: clamp(0px, 1.3736263736vw, 15px);
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-interview-single-kv__cat {
    min-height: 28px;
    padding: 6px 16px;
    font-size: 11px;
  }
}
.p-interview-single-kv__profile {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0px, 3.1135531136vw, 34px);
  width: 100%;
  min-height: clamp(0px, 11.0805860806vw, 121px);
  margin-top: clamp(0px, 4.4871794872vw, 49px);
  padding: clamp(0px, 1.8315018315vw, 20px) clamp(0px, 2.7472527473vw, 30px);
  border-radius: 999px;
  background-color: #39CFFF;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .p-interview-single-kv__profile {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 20px;
    min-height: 72px;
    margin-top: 24px;
    padding: 16px 24px;
  }
}
.p-interview-single-kv__cats + .p-interview-single-kv__profile {
  margin-top: -1px;
}
.p-interview-single-kv__post {
  font-size: clamp(0px, 1.8315018315vw, 20px);
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-interview-single-kv__post {
    font-size: 16px;
  }
}
.p-interview-single-kv__name {
  font-size: clamp(0px, 4.5787545788vw, 50px);
  line-height: 1;
  letter-spacing: 0.08em;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .p-interview-single-kv__name {
    font-size: 34px;
  }
}

@media screen and (max-width: 768px) {
  .p-interview-single-content {
    margin-top: 64px;
  }
}

.p-interview-single-editor {
  max-width: clamp(335px, 100vw, 1092px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-interview-single-editor {
    max-width: 100%;
  }
}
.p-interview-single-editor p {
  font-size: clamp(18px, 1.6483516484vw, 18px);
  line-height: 2.2222222222;
  letter-spacing: 0.04em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-interview-single-editor p {
    font-size: 14px;
  }
}
.p-interview-single-editor p:not(:first-child) {
  margin-top: clamp(32px, 2.9304029304vw, 32px);
}
@media screen and (max-width: 768px) {
  .p-interview-single-editor p:not(:first-child) {
    margin-top: 32px;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single-editor .wp-block-media-text > .wp-block-media-text__media {
    margin-top: 32px;
  }
}
.p-interview-single-editor .wp-block-heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: clamp(4px, 0.3663003663vw, 4px);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 0 clamp(28px, 2.5641025641vw, 28px);
  color: #fff;
  font-size: clamp(16px, 2.0146520147vw, 22px);
  letter-spacing: 0.1em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-interview-single-editor .wp-block-heading {
    gap: 4px;
    margin: 28px auto;
    font-size: 16px;
    line-height: 1.5;
  }
}
.p-interview-single-editor__heading-line {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: clamp(10px, 1.0989010989vw, 12px) clamp(22px, 2.9304029304vw, 32px);
  border-radius: 999px;
  background-color: #39CFFF;
}
@media screen and (max-width: 768px) {
  .p-interview-single-editor__heading-line {
    padding: 10px 22px;
  }
}
.p-interview-single-editor__heading-line:nth-child(n+2) {
  margin-top: clamp(-15px, -1.3736263736vw, -15px);
  margin-left: clamp(20px, 3.2051282051vw, 35px);
}
@media screen and (max-width: 768px) {
  .p-interview-single-editor__heading-line:nth-child(n+2) {
    margin-top: -15px;
    margin-left: 20px;
  }
}
.p-interview-single-editor h3.wp-block-heading {
  margin-top: clamp(44px, 6.2271062271vw, 68px);
}
@media screen and (max-width: 768px) {
  .p-interview-single-editor h3.wp-block-heading {
    margin-top: 44px;
  }
}
.p-interview-single-editor h3.wp-block-heading .p-interview-single-editor__heading-line {
  background-color: #004EA2;
}
.p-interview-single-editor .wp-block-media-text > .wp-block-media-text__content {
  padding: 0;
}
.p-interview-single-editor h2.wp-block-heading {
  margin-top: clamp(90px, 8.2417582418vw, 90px);
}
@media screen and (max-width: 768px) {
  .p-interview-single-editor h2.wp-block-heading {
    margin-top: 45px;
  }
}
.p-interview-single-editor .wp-block-image.size-large {
  margin-top: clamp(90px, 8.2417582418vw, 90px);
}
@media screen and (max-width: 768px) {
  .p-interview-single-editor .wp-block-image.size-large {
    margin-top: 45px;
  }
}
.p-interview-single-editor .wp-block-lazyblock-layout {
  margin-top: clamp(56px, 8.4249084249vw, 92px);
}
@media screen and (max-width: 768px) {
  .p-interview-single-editor .wp-block-lazyblock-layout {
    margin-top: 56px;
  }
}
.p-interview-single-editor .wp-block-lazyblock-layout .layout {
  position: relative;
}
.p-interview-single-editor .wp-block-lazyblock-layout .area_img {
  overflow: hidden;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 100%;
  border-radius: 999px;
}
@media screen and (max-width: 768px) {
  .p-interview-single-editor .wp-block-lazyblock-layout .area_img {
    width: 100%;
    border-radius: 120px;
  }
}
.p-interview-single-editor .wp-block-lazyblock-layout .area_img img {
  display: block;
  width: auto;
  max-width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-interview-single-editor .wp-block-lazyblock-layout .area_img img {
    width: 100%;
  }
}
.p-interview-single-editor .wp-block-lazyblock-layout .area_text {
  position: absolute;
  right: 0;
  bottom: clamp(38px, 3.4798534799vw, 38px);
  z-index: 1;
  max-width: clamp(335px, 47.619047619vw, 520px);
}
@media screen and (max-width: 768px) {
  .p-interview-single-editor .wp-block-lazyblock-layout .area_text {
    max-width: unset;
    bottom: 0;
  }
}
.p-interview-single-editor .wp-block-lazyblock-layout .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0;
  color: #fff;
  font-size: clamp(16px, 2.0146520147vw, 22px);
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-interview-single-editor .wp-block-lazyblock-layout .title {
    font-size: 16px;
    line-height: 1.5;
  }
}
.p-interview-single-editor .wp-block-lazyblock-layout .title .p-interview-single-editor__heading-line {
  max-width: 100%;
}
.p-interview-single-editor .wp-block-lazyblock-layout .title .p-interview-single-editor__heading-line:nth-child(n+2) {
  max-width: calc(100% - 35px);
}
@media screen and (max-width: 768px) {
  .p-interview-single-editor .wp-block-lazyblock-layout .title .p-interview-single-editor__heading-line:nth-child(n+2) {
    max-width: calc(100% - 20px);
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single-editor .wp-block-lazyblock-layout.lazyblock-layout-ZLz76O .layout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single-editor .wp-block-lazyblock-layout.lazyblock-layout-ZLz76O .area_img {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p-interview-single-editor .wp-block-lazyblock-layout.lazyblock-layout-ZLz76O .area_img img {
    width: 100%;
  }
}

.p-interview-single-other {
  width: min(2164px, 100vw + 724px);
  margin: clamp(88px, 13.7362637363vw, 150px) 0 clamp(150px, 13.7362637363vw, 150px) 50%;
  padding: clamp(62px, 11.4468864469vw, 125px) 0 clamp(91px, 16.6666666667vw, 182px);
  border-radius: clamp(80px, 66.4835164835vw, 726px);
  background-color: #ECF4F7;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .p-interview-single-other {
    width: 100%;
    margin: 88px 0 150px;
    padding: 64px 0 72px;
    border-radius: 80px 80px 0 0;
    -webkit-transform: none;
            transform: none;
  }
}
.p-interview-single-other__title {
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
  padding-bottom: clamp(12px, 1.0989010989vw, 12px);
  font-size: clamp(34px, 7.326007326vw, 80px);
  line-height: 1;
  letter-spacing: 0.08em;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-interview-single-other__title {
    padding-bottom: 12px;
    font-size: 34px;
  }
}
.p-interview-single-other__title::after {
  position: absolute;
  left: 0;
  bottom: 0;
  content: "";
  width: clamp(16px, 3.021978022vw, 33px);
  height: clamp(10px, 1.8315018315vw, 20px);
  border-radius: 999px;
  background-color: #39CFFF;
}
@media screen and (max-width: 768px) {
  .p-interview-single-other__title::after {
    width: 16px;
    height: 10px;
  }
}
.p-interview-single-other__lead {
  margin-top: clamp(4px, 0.3663003663vw, 4px);
  font-size: clamp(14px, 2.0146520147vw, 22px);
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 500;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-interview-single-other__lead {
    margin-top: 4px;
    font-size: 14px;
  }
}
.p-interview-single-other__slider {
  margin-top: clamp(42px, 5.8608058608vw, 64px);
}
@media screen and (max-width: 768px) {
  .p-interview-single-other__slider {
    margin-top: 42px;
  }
}
.p-interview-single-other .c-interview-slider {
  margin-top: 0;
}

.p-training {
  overflow-x: hidden;
  padding-bottom: clamp(125.5765920826px, 16.3511187608vw, 190px);
}
@media screen and (max-width: 768px) {
  .p-training {
    padding-bottom: 100px;
  }
}
.p-training__timeline {
  position: relative;
  display: grid;
  gap: clamp(27.7590361446px, 3.6144578313vw, 42px);
  max-width: 1162px;
  margin: clamp(85.9208261618px, 11.1876075731vw, 130px) auto 0;
  --training-line-top: 0px;
  --training-line-bottom: 0px;
  --training-progress: 0px;
}
@media screen and (max-width: 768px) {
  .p-training__timeline {
    gap: 52px;
    margin-top: 72px;
    --training-line-top: 0px;
    --training-line-bottom: 0px;
  }
}
.p-training__timeline::before, .p-training__timeline::after {
  position: absolute;
  top: var(--training-line-top);
  left: 50%;
  content: "";
  width: 1px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .p-training__timeline::before, .p-training__timeline::after {
    left: 16px;
  }
}
.p-training__timeline::before {
  bottom: var(--training-line-bottom);
  background-color: rgba(0, 0, 0, .2);
}
.p-training__timeline::after {
  z-index: 1;
  height: var(--training-progress);
  background-color: #004EA2;
}

.p-training-item {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(99.1394148021px, 12.908777969vw, 150px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .p-training-item {
    display: block;
    padding-left: 36px;
  }
}
.p-training-item__media {
  position: relative;
}
.p-training-item__img {
  overflow: hidden;
  border-radius: 999px;
}
.p-training-item__img img {
  display: block;
  width: 100%;
  height: auto;
}
.p-training-item__title {
  position: absolute;
  top: 50%;
  z-index: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-width: clamp(158.6230636833px, 20.6540447504vw, 240px);
  color: #004EA2;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-training-item__title {
    position: relative;
    top: auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: 210px;
    margin: -22px auto 0;
    -webkit-transform: none;
            transform: none;
  }
}
.p-training-item__title .-term {
  position: relative;
  z-index: 1;
  display: block;
  width: 100%;
  max-width: clamp(109.0533562823px, 14.1996557659vw, 165px);
  margin-bottom: clamp(-2px, -0.1721170396vw, -1.321858864px);
  padding: clamp(4.6265060241px, 0.6024096386vw, 7px) clamp(11.8967297762px, 1.5490533563vw, 18px) clamp(5.2874354561px, 0.6884681583vw, 8px);
  border: 2px solid #39CFFF;
  border-radius: 999px;
  background-color: #fff;
  color: #39CFFF;
  font-size: clamp(11.8967297762px, 1.5490533563vw, 18px);
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-align: center;
}
.p-training-item__title .-name {
  position: relative;
  z-index: 2;
  display: block;
  width: 100%;
  min-width: clamp(179.7728055077px, 23.4079173838vw, 272px);
  padding: clamp(9.9139414802px, 1.2908777969vw, 15px) clamp(14.5404475043px, 1.8932874355vw, 22px);
  border: 2px solid #004EA2;
  border-radius: 999px;
  background-color: #fff;
  font-size: clamp(15.8623063683px, 2.065404475vw, 24px);
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-weight: 700;
  text-align: center;
}
.p-training-item__title.-filled, .p-training-item__title.is-active {
  color: #fff;
}
.p-training-item__title.-filled .-term, .p-training-item__title.is-active .-term {
  margin-bottom: clamp(-2px, -0.1721170396vw, -1.321858864px);
  padding: clamp(5.2874354561px, 0.6884681583vw, 8px) clamp(11.8967297762px, 1.5490533563vw, 18px) clamp(6.6092943201px, 0.8605851979vw, 10px);
  border: 0;
  background-color: #39CFFF;
  color: #fff;
}
.p-training-item__title.-filled .-name, .p-training-item__title.is-active .-name {
  padding: clamp(13.2185886403px, 1.7211703959vw, 20px) clamp(15.8623063683px, 2.065404475vw, 24px) clamp(11.8967297762px, 1.5490533563vw, 18px);
  border: 0;
  background-color: #004EA2;
}
.p-training-item__text {
  max-width: clamp(284.1996557659px, 37.0051635112vw, 430px);
  font-size: clamp(9.9139414802px, 1.2908777969vw, 15px);
  line-height: 2.0666666667;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-training-item__text {
    max-width: none;
    margin-top: 22px;
    font-size: 14px;
  }
}
.p-training-item.-left .p-training-item__title {
  right: -141px;
}
@media screen and (max-width: 768px) {
  .p-training-item.-left .p-training-item__title {
    right: auto;
  }
}
.p-training-item.-left .p-training-item__text {
  grid-column: 2;
  margin-left: auto;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-training-item.-left .p-training-item__text {
    margin-left: 0;
  }
}
.p-training-item:nth-child(3).-left .p-training-item__title {
  right: -205px;
}
@media screen and (max-width: 768px) {
  .p-training-item:nth-child(3).-left .p-training-item__title {
    right: auto;
  }
}
.p-training-item.-right .p-training-item__media {
  grid-column: 2;
}
.p-training-item.-right .p-training-item__title {
  left: -141px;
}
@media screen and (max-width: 768px) {
  .p-training-item.-right .p-training-item__title {
    left: auto;
  }
}
.p-training-item.-right .p-training-item__text {
  grid-column: 1;
  grid-row: 1;
  margin-right: auto;
  padding-left: clamp(25.1153184165px, 3.2702237522vw, 38px);
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-training-item.-right .p-training-item__text {
    margin-right: 0;
    padding-left: 0;
  }
}

.p-faq {
  overflow-x: hidden;
}
.p-faq-pageheader {
  margin: 0px auto 0;
  max-width: 1200px;
}
.p-faq-pageheader__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 25px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .p-faq-pageheader__title {
    gap: 8px;
  }
}
.p-faq-pageheader__title .p-faq-pageheader__icon {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin: 0;
  width: 172px;
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-faq-pageheader__title .p-faq-pageheader__icon {
    width: 86px;
  }
}
.p-faq-pageheader__title .p-faq-pageheader__text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 8px;
}
.p-faq-pageheader__title .-sm {
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.1em;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .p-faq-pageheader__title .-sm {
    font-size: 18px;
  }
}
.p-faq-pageheader__title .-lg {
  color: #004EA2;
  font-size: 80px;
  line-height: 1;
  letter-spacing: 0.08em;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  text-transform: uppercase;
  position: relative;
  padding-right: 37px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media screen and (max-width: 768px) {
  .p-faq-pageheader__title .-lg {
    font-size: 32px;
  }
}
.p-faq-pageheader__title .-lg::after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 15px;
  width: 33px;
  height: 20px;
  border: 4px solid #39CFFF;
  background: #39CFFF;
  border-radius: 179px;
}
@media screen and (max-width: 768px) {
  .p-faq-pageheader__title .-lg::after {
    width: 30px;
    height: 17px;
    bottom: 6px;
  }
}
.p-faq-pageheader__lead {
  font-size: 20px;
  line-height: 1.7;
  letter-spacing: 0.04em;
  font-weight: 600;
  margin-top: 37px;
}
@media screen and (max-width: 768px) {
  .p-faq-pageheader__lead {
    font-size: 16px;
  }
}

.p-faq-section + .p-faq-section {
  margin-top: 52px;
}
@media screen and (max-width: 768px) {
  .p-faq-section + .p-faq-section {
    margin-top: 30px;
  }
}
.p-faq-section__title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 63px;
  padding: 12px 128px 12px 38px;
  border-radius: 999px;
  background-color: #004EA2;
  color: #fff;
  cursor: pointer;
  font-size: 26px;
  line-height: 1.35;
  letter-spacing: 0.1em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-faq-section__title {
    min-height: 54px;
    padding: 10px 82px 10px 22px;
    font-size: 19px;
  }
}
.p-faq-section__title::after {
  position: absolute;
  top: -1px;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 116px;
  height: calc(100% + 2px);
  border-radius: 999px;
  background-color: #39CFFF;
  color: #fff;
  font-size: 40px;
  line-height: 1;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .p-faq-section__title::after {
    width: 66px;
    font-size: 30px;
  }
}
.p-faq-section__title.-minus::after {
  content: "-";
}
.p-faq-section__title.-plus::after {
  content: "+";
}
.p-faq-section__list {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  padding: 0 30px;
  -webkit-transition: max-height 0.55s ease, opacity 0.35s ease, padding 0.35s ease;
  transition: max-height 0.55s ease, opacity 0.35s ease, padding 0.35s ease;
}
.p-faq-section__list.is-open {
  max-height: 2000px;
  opacity: 1;
  padding-top: 36px;
}
@media screen and (max-width: 768px) {
  .p-faq-section__list {
    padding: 0;
  }
  .p-faq-section__list.is-open {
    padding-top: 24px;
  }
}

.p-faq-item {
  padding: 0 11px 39px;
  background-image: repeating-linear-gradient(to right, rgba(0, 0, 0, .5) 0 2px, transparent 2px 3px);
  background-repeat: repeat-x;
  background-position: left bottom;
  background-size: 3px 2px;
}
@media screen and (max-width: 768px) {
  .p-faq-item {
    padding: 0 0 28px;
  }
}
.p-faq-item + .p-faq-item {
  margin-top: 33px;
}
@media screen and (max-width: 768px) {
  .p-faq-item + .p-faq-item {
    margin-top: 28px;
  }
}
.p-faq-item__question {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
}
@media screen and (max-width: 768px) {
  .p-faq-item__question {
    gap: 12px;
  }
}
.p-faq-item__question h3 {
  color: #004EA2;
  font-size: 22px;
  line-height: 2.7272727273;
  letter-spacing: 0.03em;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .p-faq-item__question h3 {
    font-size: 17px;
  }
}
.p-faq-item__num {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 75px;
  min-height: 37px;
  padding: 6px 18px;
  border-radius: 999px;
  background-color: #004EA2;
  color: #fff;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.03em;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-faq-item__num {
    min-width: 58px;
    min-height: 30px;
    padding: 5px 12px;
    font-size: 15px;
  }
}
.p-faq-item__answer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 15px;
  margin-top: 4px;
  padding-left: 34px;
}
@media screen and (max-width: 768px) {
  .p-faq-item__answer {
    gap: 12px;
    margin-top: 16px;
    padding-left: 0;
  }
}
.p-faq-item__answer p {
  margin: 0;
  font-size: 18px;
  line-height: 1.6666666667;
  letter-spacing: 0.04em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-faq-item__answer p {
    font-size: 14px;
  }
}
.p-faq-item__answer a {
  color: #39CFFF;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.p-faq-item__answer-label {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 44px;
  height: 37px;
  border-radius: 50%;
  background-color: #39CFFF;
  color: #fff;
  font-size: 20px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-faq-item__answer-label {
    width: 34px;
    height: 34px;
    font-size: 16px;
  }
}

.p-job {
  overflow-x: hidden;
  padding-bottom: 190px;
}
@media screen and (max-width: 768px) {
  .p-job {
    padding-bottom: 100px;
  }
}

.p-job-roles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 570px));
  gap: 60px;
  max-width: 1200px;
  margin: 126px auto 0;
}
@media screen and (max-width: 768px) {
  .p-job-roles {
    grid-template-columns: 1fr;
    gap: 52px;
    margin-top: 72px;
  }
}

.p-job-card {
  min-width: 0;
}
.p-job-card__img {
  max-width: 570px;
}
.p-job-card__image {
  display: block;
  width: 100%;
  height: auto;
}
.p-job-card__label {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 8px;
  margin-top: -28px;
}
.p-job-card__title {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 254px;
  min-height: 63px;
  padding: 10px 34px;
  border-radius: 999px;
  background-color: #004EA2;
  color: #fff;
  font-size: 26px;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-job-card__title {
    min-width: 150px;
    min-height: 44px;
  }
}
.p-job-card__tags {
  display: grid;
  justify-items: center;
}
.p-job-card__tag {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 165px;
  min-height: 28px;
  padding: 9px 16px;
  border-radius: 999px;
  background-color: #39CFFF;
  color: #fff;
  font-size: 18px;
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .p-job-card__tag {
    min-height: 26px;
  }
}
.p-job-card__tag--note {
  font-size: 16px;
  letter-spacing: 0.05em;
  font-weight: 600;
}
.p-job-card__text {
  max-width: 451px;
  margin: 30px auto 0;
  font-size: 18px;
  line-height: 1.7777777778;
  letter-spacing: 0.04em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-job-card__text {
    margin-top: 24px;
    font-size: 14px;
  }
}

.p-job-outline {
  max-width: 1160px;
  margin: 88px auto 0;
}
@media screen and (max-width: 768px) {
  .p-job-outline {
    margin-top: 64px;
  }
}
.p-job-outline__list {
  border-top: 2px dotted rgba(0, 0, 0, .45);
}
.p-job-outline__row {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 26px;
  padding: 36px 0 38px 32px;
  border-bottom: 2px dotted rgba(0, 0, 0, .45);
}
@media screen and (max-width: 768px) {
  .p-job-outline__row {
    grid-template-columns: 1fr;
    gap: 18px;
    padding: 28px 0;
  }
}
.p-job-outline__term {
  padding-top: 2px;
}
.p-job-outline__term-text {
  position: relative;
  display: inline-block;
  padding-left: 30px;
  font-size: 22px;
  line-height: 1.4545454545;
  letter-spacing: 0.03em;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .p-job-outline__term-text {
    padding-left: 24px;
  }
}
.p-job-outline__term-text::before {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  width: 19px;
  height: 12px;
  border-radius: 999px;
  background-color: #39CFFF;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-job-outline__term-text::before {
    width: 13px;
    height: 7px;
  }
}
.p-job-outline__description {
  min-width: 0;
  font-size: 18px;
  line-height: 1.6666666667;
  letter-spacing: 0.04em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-job-outline__description {
    font-size: 14px;
  }
}
.p-job-outline__row.-flow {
  padding-bottom: 46px;
}
.p-job-outline__block + .p-job-outline__block {
  margin-top: 28px;
}
.p-job-outline__strong {
  margin-bottom: 3px;
}
.p-job-outline__note {
  font-size: 12px;
  line-height: 1.75;
  letter-spacing: 0.03em;
  font-weight: 700;
}
.p-job-outline__note--mb15 {
  margin-bottom: 15px;
}
.p-job-outline__note--flow {
  margin-top: 45px;
  font-size: 15px;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .p-job-outline__note--flow {
    font-size: 14px;
  }
}
.p-job-outline__bullets {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  -webkit-column-gap: 42px;
     -moz-column-gap: 42px;
          column-gap: 42px;
  row-gap: 3px;
}
@media screen and (max-width: 768px) {
  .p-job-outline__bullets {
    grid-template-columns: 1fr;
    gap: 3px;
  }
}
.p-job-outline__bullets--welfare {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
@media screen and (max-width: 768px) {
  .p-job-outline__bullets--welfare {
    grid-template-columns: 1fr;
  }
}
.p-job-outline__bullets--welfare .p-job-outline__bullet {
  width: 336px;
}
@media screen and (max-width: 768px) {
  .p-job-outline__bullets--welfare .p-job-outline__bullet {
    width: auto;
  }
}
.p-job-outline__bullet {
  position: relative;
  padding-left: 28px;
}
.p-job-outline__bullet::before {
  position: absolute;
  top: 0.82em;
  left: 0;
  content: "";
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #000;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .p-job-outline__bullet::before {
    width: 14px;
    height: 14px;
  }
}
.p-job-outline__small {
  font-size: 15px;
  font-weight: 400;
}

.p-job-flow {
  width: 100%;
  max-width: 858px;
  min-width: 0;
  margin-top: 2px;
}
@media screen and (max-width: 768px) {
  .p-job-flow {
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 10px;
  }
}
.p-job-flow__img {
  display: block;
  width: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-job-flow__img {
    width: 858px;
    min-width: 858px;
    max-width: none;
  }
}
.p-job-flow + .p-job-outline__note {
  margin-top: 45px;
}

.p-club {
  overflow-x: hidden;
  padding-bottom: clamp(120px, 14.375vw, 184px);
}
@media screen and (max-width: 768px) {
  .p-club {
    padding-bottom: 100px;
  }
}

.p-club-hero {
  position: relative;
  margin-top: clamp(56px, 6.71875vw, 86px);
}
@media screen and (max-width: 768px) {
  .p-club-hero {
    margin-top: 52px;
  }
}
.p-club-hero__marquee {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
.p-club-hero__marquee .c-marquee__inner {
  -webkit-animation: marquee 40s linear infinite;
          animation: marquee 40s linear infinite;
}
.p-club-hero__item {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(20px, 2.8125vw, 36px);
  padding-right: clamp(32px, 4.375vw, 56px);
  color: #004EA2;
}
@media screen and (max-width: 768px) {
  .p-club-hero__item {
    gap: 18px;
    padding-right: 28px;
  }
}
.p-club-hero__item-en {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  gap: 0.32em;
  color: #004EA2;
  font-size: clamp(58px, 7.8125vw, 100px);
  line-height: 1;
  letter-spacing: 0.08em;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-club-hero__item-en {
    font-size: 44px;
  }
}
.p-club-hero__item-club {
  color: #39CFFF;
}
.p-club-hero__item-ja {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: clamp(168px, 18.4375vw, 236px);
  height: clamp(42px, 4.453125vw, 57px);
  border-radius: 999px;
  background-color: #39CFFF;
  color: #fff;
  font-size: clamp(15px, 1.5625vw, 20px);
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .p-club-hero__item-ja {
    width: 160px;
    height: 40px;
    font-size: 14px;
  }
}

.p-club-featured {
  display: grid;
  gap: clamp(34px, 3.90625vw, 50px);
  max-width: clamp(960px, 100vw, 1280px);
  margin: clamp(64px, 7.34375vw, 94px) auto 0;
}
@media screen and (max-width: 768px) {
  .p-club-featured {
    width: 100%;
    max-width: 100%;
    gap: 44px;
    margin-top: 64px;
  }
}

.p-club-featured-card {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, clamp(420px, 55.46875vw, 710px)) minmax(0, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .p-club-featured-card {
    width: 100%;
    min-width: 0;
    overflow: hidden;
    grid-template-columns: 1fr;
  }
}
.p-club-featured-card__img {
  position: relative;
  z-index: 3;
  width: clamp(420px, 55.46875vw, 710px);
}
@media screen and (max-width: 768px) {
  .p-club-featured-card__img {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
    overflow: hidden;
  }
}
.p-club-featured-card__image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-club-featured-card__body {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: clamp(420px, 55.46875vw, 710px);
  height: 100%;
  margin-left: clamp(-140px, -10.9375vw, -72px);
  padding: clamp(34px, 4.296875vw, 55px) clamp(24px, 3.203125vw, 41px) clamp(36px, 4.53125vw, 58px) clamp(76px, 10.703125vw, 137px);
  border-radius: clamp(124px, 16.40625vw, 210px);
  background-color: #39CFFF;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .p-club-featured-card__body {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    min-height: auto;
    margin: -24px 0 0;
    padding: 48px 24px 48px;
    border-radius: 56px;
    overflow: hidden;
  }
}
.p-club-featured-card__lead {
  position: absolute;
  top: clamp(34px, 4.296875vw, 55px);
  left: 0;
  z-index: 4;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: clamp(250px, 28.90625vw, 370px);
  max-width: 100%;
  min-height: clamp(42px, 4.921875vw, 63px);
  padding: clamp(6px, 0.625vw, 8px) clamp(18px, 2.1875vw, 28px);
  overflow: hidden;
  border-radius: 999px;
  background-color: #fff;
  color: #004EA2;
  font-size: clamp(14px, 1.5625vw, 20px);
  line-height: 1.35;
  letter-spacing: 0.1em;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-club-featured-card__lead {
    position: static;
    width: 100%;
    max-width: 100%;
    min-height: 30px;
    margin: 0;
    padding: 7px 18px;
    font-size: 14px;
  }
}
.p-club-featured-card__lead-track {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-width: 0;
  max-width: none;
  white-space: nowrap;
  -webkit-animation: club-lead-marquee 12s linear infinite;
          animation: club-lead-marquee 12s linear infinite;
}
.p-club-featured-card__lead-text {
  padding-right: clamp(24px, 3.125vw, 40px);
}
@media screen and (max-width: 768px) {
  .p-club-featured-card__lead-text {
    padding-right: 24px;
  }
}
.p-club-featured-card__content {
  width: clamp(300px, 35.546875vw, 455px);
  max-width: 100%;
  margin: clamp(58px, 6.796875vw, 87px) auto 0;
}
@media screen and (max-width: 768px) {
  .p-club-featured-card__content {
    width: 100%;
    max-width: 100%;
    margin: 0;
  }
}
.p-club-featured-card__title {
  margin-top: 0;
  font-size: clamp(20px, 2.1875vw, 28px);
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
  font-weight: 700;
  word-wrap: anywhere;
}
@media screen and (max-width: 768px) {
  .p-club-featured-card__title {
    margin-top: 16px;
    font-size: 24px;
  }
}
.p-club-featured-card__text {
  margin-top: clamp(8px, 0.9375vw, 12px);
  font-size: clamp(14px, 1.40625vw, 18px);
  line-height: 1.5555555556;
  letter-spacing: 0.04em;
  font-weight: 500;
  word-wrap: anywhere;
}
@media screen and (max-width: 992px) {
  .p-club-featured-card__text {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    padding-right: 24px;
  }
}
@media screen and (max-width: 768px) {
  .p-club-featured-card__text {
    margin-top: 10px;
    font-size: 16px;
    padding-right: 0;
  }
}
.p-club-featured-card.-reverse {
  grid-template-columns: minmax(0, 1fr) minmax(0, clamp(420px, 55.46875vw, 710px));
}
@media screen and (max-width: 768px) {
  .p-club-featured-card.-reverse {
    grid-template-columns: 1fr;
  }
}
.p-club-featured-card.-reverse .p-club-featured-card__img {
  grid-column: 2;
  grid-row: 1;
}
@media screen and (max-width: 768px) {
  .p-club-featured-card.-reverse .p-club-featured-card__img {
    grid-column: auto;
    grid-row: auto;
    width: 100%;
    max-width: 100%;
    min-width: 0;
  }
}
.p-club-featured-card.-reverse .p-club-featured-card__body {
  grid-column: 1;
  grid-row: 1;
  margin-right: clamp(-140px, -10.9375vw, -72px);
  margin-left: 0;
  padding-right: 104px;
  padding-left: 0;
}
@media screen and (max-width: 768px) {
  .p-club-featured-card.-reverse .p-club-featured-card__body {
    grid-column: auto;
    grid-row: auto;
    margin: -24px 0 0;
    padding: 48px 24px 48px;
  }
}
.p-club-featured-card.-reverse .p-club-featured-card__lead {
  right: 0;
  left: unset;
}
@media screen and (max-width: 768px) {
  .p-club-featured-card.-reverse .p-club-featured-card__lead {
    right: auto;
    left: auto;
    margin-bottom: 0;
  }
}

@-webkit-keyframes club-lead-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@keyframes club-lead-marquee {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
.p-club-other {
  max-width: clamp(860px, 93.75vw, 1200px);
  margin: clamp(96px, 11.71875vw, 150px) auto 0;
}
@media screen and (max-width: 768px) {
  .p-club-other {
    max-width: 100%;
    margin-top: 92px;
  }
}
.p-club-other__head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: clamp(100px, 11.71875vw, 150px);
}
@media screen and (max-width: 768px) {
  .p-club-other__head {
    min-height: 96px;
  }
}
.p-club-other__title {
  color: #004EA2;
  font-size: clamp(34px, 4.296875vw, 55px);
  line-height: 1.45;
  letter-spacing: 0.04em;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-club-other__title {
    font-size: 23px;
  }
}
.p-club-other__title-accent {
  color: #39CFFF;
}
.p-club-other__img {
  position: absolute;
  right: clamp(80px, 13.28125vw, 170px);
  top: clamp(-80px, -6.25vw, -44px);
  width: clamp(140px, 19.140625vw, 245px);
  height: clamp(140px, 19.140625vw, 245px);
  -webkit-animation: spin 8s linear infinite;
          animation: spin 8s linear infinite;
}
@media screen and (max-width: 768px) {
  .p-club-other__img {
    right: 4px;
    top: -24px;
    width: 120px;
    height: 120px;
  }
}
.p-club-other__list {
  display: grid;
  grid-template-columns: repeat(3, clamp(240px, 28.90625vw, 370px));
  -webkit-column-gap: clamp(20px, 3.515625vw, 45px);
     -moz-column-gap: clamp(20px, 3.515625vw, 45px);
          column-gap: clamp(20px, 3.515625vw, 45px);
  row-gap: clamp(82px, 10.390625vw, 133px);
  margin-top: clamp(72px, 9.375vw, 120px);
}
@media screen and (max-width: 768px) {
  .p-club-other__list {
    grid-template-columns: 1fr;
    gap: 38px;
    max-width: 100%;
    margin: 36px auto 0;
  }
}

.p-club-other-card {
  position: relative;
  width: clamp(240px, 28.90625vw, 370px);
  min-height: clamp(300px, 30.78125vw, 394px);
  padding: clamp(38px, 4.21875vw, 54px) clamp(20px, 2.34375vw, 30px) clamp(72px, 8.59375vw, 110px);
  border: 3px solid #39CFFF;
  border-radius: 999px;
  color: #004EA2;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-club-other-card {
    width: 100%;
    min-height: -webkit-fit-content;
    min-height: -moz-fit-content;
    min-height: fit-content;
    padding: 46px 26px 38px;
    border-radius: 24px;
    text-align: left;
  }
}
.p-club-other-card__icon {
  position: absolute;
  left: 50%;
  top: clamp(-64px, -5vw, -40px);
  width: clamp(90px, 11.25vw, 144px);
  height: clamp(90px, 11.25vw, 144px);
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .p-club-other-card__icon {
    top: -31px;
    left: 26px;
    width: 62px;
    height: 62px;
    -webkit-transform: none;
            transform: none;
  }
}
.p-club-other-card__catch {
  margin-top: clamp(24px, 2.734375vw, 35px);
  padding-bottom: clamp(18px, 2.03125vw, 26px);
  border-bottom: 2px dotted #39CFFF;
  font-size: clamp(15px, 1.484375vw, 19px);
  line-height: 1.3684210526;
  letter-spacing: 0.04em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-club-other-card__catch {
    margin-top: 0;
    padding-bottom: 18px;
    font-size: 16px;
  }
}
.p-club-other-card__title {
  margin-top: clamp(12px, 1.40625vw, 18px);
  color: #39CFFF;
  font-size: clamp(20px, 2.1875vw, 28px);
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .p-club-other-card__title {
    margin-top: 14px;
    font-size: 24px;
  }
}
.p-club-other-card__text {
  margin-top: clamp(4px, 0.46875vw, 6px);
  padding-right: clamp(8px, 1.25vw, 16px);
  padding-left: clamp(8px, 1.25vw, 16px);
  font-size: clamp(14px, 1.40625vw, 18px);
  line-height: 1.5555555556;
  letter-spacing: 0.04em;
  font-weight: 500;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-club-other-card__text {
    margin-top: 8px;
    padding-right: 0;
    padding-left: 0;
    font-size: 16px;
  }
}

.p-benefits {
  overflow-x: hidden;
  padding-bottom: clamp(120px, 15.3333333333vw, 184px);
}
@media screen and (max-width: 768px) {
  .p-benefits {
    padding-bottom: 100px;
  }
}

.p-benefits-club {
  position: relative;
  margin-top: clamp(90px, 11.1666666667vw, 134px);
}
@media screen and (max-width: 768px) {
  .p-benefits-club {
    margin-top: 80px;
  }
}
.p-benefits-club__head {
  max-width: clamp(900px, 85.8333333333vw, 1030px);
  margin: 0 auto;
}
.p-benefits-club > .l-inner {
  position: relative;
  min-height: clamp(230px, 23.3333333333vw, 280px);
}
@media screen and (max-width: 768px) {
  .p-benefits-club > .l-inner {
    min-height: auto;
  }
}
.p-benefits-club__text {
  max-width: clamp(520px, 48.75vw, 585px);
  padding-top: clamp(10px, 1.3333333333vw, 16px);
  font-size: clamp(15px, 1.5vw, 18px);
  line-height: 1.7777777778;
  letter-spacing: 0.04em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .p-benefits-club__text {
    max-width: none;
    padding-top: 0;
    font-size: 14px;
  }
}
.p-benefits-club__paragraph {
  margin: 0;
}
.p-benefits-club__circle {
  position: absolute;
  top: -50%;
  right: clamp(40px, 8.1666666667vw, 98px);
  width: clamp(320px, 34.1666666667vw, 410px);
}
@media screen and (max-width: 768px) {
  .p-benefits-club__circle {
    position: relative;
    top: auto;
    right: auto;
    width: min(300px, 82vw);
    margin: 38px auto 0;
  }
}
.p-benefits-club__circle-img {
  display: block;
  width: 100%;
  height: auto;
  -webkit-animation: spin 8s linear infinite;
          animation: spin 8s linear infinite;
  -webkit-transform-origin: center center;
          transform-origin: center center;
  will-change: transform;
}
.p-benefits-club__circle-button {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: clamp(170px, 22.6666666667vw, 272px);
  height: clamp(32px, 5.25vw, 63px);
  border-radius: 999px;
  background-color: #004EA2;
  color: #fff;
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 500;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .p-benefits-club__circle-button {
    width: 180px;
    height: 34px;
    font-size: 18px;
  }
}
.p-benefits-club__slider {
  width: 100vw;
  margin-top: clamp(-70px, -8vw, -96px);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-benefits-club__slider {
    margin-top: 44px;
  }
}
.p-benefits-club__track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  -webkit-animation: benefitsSlide 40s linear infinite;
          animation: benefitsSlide 40s linear infinite;
}
.p-benefits-club__group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(24px, 2.8333333333vw, 34px);
  padding-right: clamp(24px, 2.8333333333vw, 34px);
}
@media screen and (max-width: 768px) {
  .p-benefits-club__group {
    gap: 24px;
    padding-right: 24px;
  }
}
.p-benefits-club__slide {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 clamp(400px, 45.75vw, 549px);
          flex: 0 0 clamp(400px, 45.75vw, 549px);
  width: clamp(400px, 45.75vw, 549px);
}
@media screen and (max-width: 768px) {
  .p-benefits-club__slide {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 285px;
            flex: 0 0 285px;
    width: 285px;
  }
}
.p-benefits-club__slide-img {
  display: block;
  width: 100%;
  height: auto;
}
.p-benefits-club__button {
  margin: clamp(34px, 3.6666666667vw, 44px) auto 0;
}
@media screen and (max-width: 768px) {
  .p-benefits-club__button {
    margin-top: 34px;
  }
}

.p-benefits-list {
  margin-top: clamp(90px, 10.1666666667vw, 122px);
}
@media screen and (max-width: 768px) {
  .p-benefits-list {
    margin-top: 82px;
  }
}
.p-benefits-list__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: clamp(960px, 100vw, 1200px);
  min-width: 0;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-benefits-list__grid {
    grid-template-columns: 1fr;
    gap: 0;
  }
}

.p-benefits-card {
  position: relative;
  min-width: 0;
  max-width: 100%;
  min-height: clamp(320px, 31.1666666667vw, 374px);
  padding: 0 clamp(8px, 1vw, 12px) clamp(44px, 4.8333333333vw, 58px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-benefits-card {
    min-height: auto;
    padding: 0 12px 42px;
  }
}
.p-benefits-card:nth-child(n+4) {
  padding-top: clamp(48px, 5.3333333333vw, 64px);
  border-top: 2px dotted rgba(0, 0, 0, .55);
}
@media screen and (max-width: 768px) {
  .p-benefits-card:nth-child(n+4) {
    padding-top: 42px;
  }
}
.p-benefits-card:nth-child(3n+2)::after, .p-benefits-card:nth-child(3n+3)::after {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: clamp(34px, 3.75vw, 45px);
  border-left: 2px dotted rgba(0, 0, 0, .55);
}
@media screen and (max-width: 768px) {
  .p-benefits-card:nth-child(3n+2)::after, .p-benefits-card:nth-child(3n+3)::after {
    display: none;
  }
}
.p-benefits-card:nth-child(n+4)::after {
  top: clamp(34px, 3.75vw, 45px);
}
@media screen and (max-width: 768px) {
  .p-benefits-card + .p-benefits-card {
    padding-top: 42px;
    border-top: 2px dotted rgba(0, 0, 0, .55);
  }
}
.p-benefits-card__inner {
  max-width: clamp(260px, 25.8333333333vw, 310px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-benefits-card__inner {
    max-width: 90%;
  }
}
.p-benefits-card__icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: clamp(140px, 14.1666666667vw, 170px);
}
@media screen and (max-width: 768px) {
  .p-benefits-card__icon {
    height: 130px;
  }
}
.p-benefits-card__icon-img {
  display: block;
  width: auto;
  height: auto;
}
.p-benefits-card:nth-child(1) .p-benefits-card__icon-img {
  width: clamp(126px, 13.9166666667vw, 167px);
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-benefits-card:nth-child(1) .p-benefits-card__icon-img {
    width: 126px;
  }
}
.p-benefits-card:nth-child(2) .p-benefits-card__icon-img {
  width: clamp(104px, 11.4166666667vw, 137px);
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-benefits-card:nth-child(2) .p-benefits-card__icon-img {
    width: 104px;
  }
}
.p-benefits-card:nth-child(3) .p-benefits-card__icon-img {
  width: clamp(73px, 8vw, 96px);
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-benefits-card:nth-child(3) .p-benefits-card__icon-img {
    width: 73px;
  }
}
.p-benefits-card:nth-child(4) .p-benefits-card__icon-img {
  width: clamp(115px, 12.6666666667vw, 152px);
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-benefits-card:nth-child(4) .p-benefits-card__icon-img {
    width: 115px;
  }
}
.p-benefits-card:nth-child(5) .p-benefits-card__icon-img {
  width: clamp(122px, 13.4166666667vw, 161px);
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-benefits-card:nth-child(5) .p-benefits-card__icon-img {
    width: 122px;
  }
}
.p-benefits-card:nth-child(6) .p-benefits-card__icon-img {
  width: clamp(104px, 11.5vw, 138px);
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-benefits-card:nth-child(6) .p-benefits-card__icon-img {
    width: 104px;
  }
}
.p-benefits-card:nth-child(7) .p-benefits-card__icon-img {
  width: clamp(126px, 13.8333333333vw, 166px);
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-benefits-card:nth-child(7) .p-benefits-card__icon-img {
    width: 126px;
  }
}
.p-benefits-card:nth-child(8) .p-benefits-card__icon-img {
  width: clamp(119px, 13.0833333333vw, 157px);
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-benefits-card:nth-child(8) .p-benefits-card__icon-img {
    width: 119px;
  }
}
.p-benefits-card:nth-child(9) .p-benefits-card__icon-img {
  width: clamp(109px, 12vw, 144px);
  height: auto;
}
@media screen and (max-width: 768px) {
  .p-benefits-card:nth-child(9) .p-benefits-card__icon-img {
    width: 109px;
  }
}
.p-benefits-card__title {
  margin-top: clamp(16px, 1.8333333333vw, 22px);
  color: #000000;
  font-size: clamp(18px, 1.8333333333vw, 22px);
  line-height: 1.4545454545;
  letter-spacing: 0.05em;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .p-benefits-card__title {
    margin-top: 16px;
    font-size: 20px;
  }
}
.p-benefits-card__text {
  margin-top: clamp(10px, 1vw, 12px);
  font-size: clamp(14px, 1.5vw, 18px);
  line-height: 2.2222222222;
  letter-spacing: 0.04em;
  font-weight: 500;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .p-benefits-card__text {
    margin: 14px auto 0;
    font-size: 16px;
    line-height: 2;
  }
}

@-webkit-keyframes benefitsSlide {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

@keyframes benefitsSlide {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
.p-aboutus__inner {
  max-width: 1200px;
  margin: 0 auto;
}
.p-aboutus__title {
  font-size: 80px;
  letter-spacing: 0.08em;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .p-aboutus__title {
    font-size: 40px;
  }
}
.p-aboutus__title::after {
  position: absolute;
  content: "";
  width: 33px;
  height: 20px;
  background-color: #39CFFF;
  border-radius: 179px;
  left: 0;
  bottom: 5px;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .p-aboutus__title::after {
    width: 23px;
    height: 10px;
  }
}
.p-aboutus-nav {
  margin-top: 56px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 82px;
}
@media screen and (max-width: 768px) {
  .p-aboutus-nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
.p-aboutus-nav__item {
  font-size: 18px;
  line-height: 1.4444444444;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 11px;
}
@media screen and (max-width: 768px) {
  .p-aboutus-nav__item {
    font-size: 16px;
  }
}
.p-aboutus-vision {
  padding-top: 180px;
}
@media screen and (max-width: 768px) {
  .p-aboutus-vision {
    padding-top: 80px;
  }
}
.p-aboutus-vision__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 53px 40px;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .p-aboutus-vision__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-aboutus-vision__item.-col2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .p-aboutus-vision__item.-col2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.p-aboutus-vision__item.-col2 .p-aboutus-vision__head {
  width: 66%;
}
@media screen and (max-width: 768px) {
  .p-aboutus-vision__item.-col2 .p-aboutus-vision__head {
    width: 100%;
  }
}
.p-aboutus-vision__item.-col2 .p-aboutus-vision__body {
  width: 61%;
  margin-right: -13%;
  padding-left: 3.8%;
  padding-top: 48px;
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .p-aboutus-vision__item.-col2 .p-aboutus-vision__body {
    width: 100%;
    padding-left: unset;
    margin-right: unset;
    padding-top: 24px;
  }
}
.p-aboutus-vision__item.-col2 .p-aboutus-vision__disc {
  max-width: 403px;
  margin-top: 23px;
}
@media screen and (max-width: 768px) {
  .p-aboutus-vision__item.-col2 .p-aboutus-vision__disc {
    max-width: unset;
  }
}
.p-aboutus-vision__item.-col1 {
  width: calc(50% - 20px);
}
@media screen and (max-width: 768px) {
  .p-aboutus-vision__item.-col1 {
    width: 100%;
  }
}
.p-aboutus-vision__item.-item2 .p-aboutus-vision__body {
  max-width: 412px;
  margin: 24px auto 0;
}
.p-aboutus-vision__item.-item3 .p-aboutus-vision__body {
  max-width: 503px;
  margin: 24px auto 0;
}
.p-aboutus-vision__head {
  position: relative;
}
.p-aboutus-vision__img img {
  width: 100%;
  height: auto;
}
.p-aboutus-vision__imgtext {
  background-color: #39CFFF;
  max-width: 229px;
  width: 100%;
  height: 111px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 9px;
  position: absolute;
  bottom: -53px;
  right: 38px;
  border-radius: 60px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .p-aboutus-vision__imgtext {
    bottom: -31.8px;
    right: 22.8px;
    max-width: 137.4px;
    height: 66.6px;
  }
}
.p-aboutus-vision__imgtext span {
  padding-top: 10px;
  font-size: 36px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-aboutus-vision__imgtext span {
    font-size: 21.6px;
    padding-top: 6px;
  }
}
.p-aboutus-vision__imgtext span::after {
  position: absolute;
  content: "";
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: -3px;
  width: 10px;
  height: 6px;
  background-color: #fff;
  border-radius: 10px;
}
@media screen and (max-width: 768px) {
  .p-aboutus-vision__imgtext span::after {
    top: -1.8px;
    width: 6px;
    height: 3.6px;
  }
}
.p-aboutus-vision__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 7px;
}
.p-aboutus-vision__title .-sm {
  color: #004EA2;
  font-size: 20px;
  line-height: 1.45;
  font-weight: 600;
  margin-left: -10px;
}
@media screen and (max-width: 768px) {
  .p-aboutus-vision__title .-sm {
    font-size: 16px;
  }
}
.p-aboutus-vision__title .-lg {
  font-size: 50px;
  letter-spacing: 0.08em;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}
@media screen and (max-width: 768px) {
  .p-aboutus-vision__title .-lg {
    font-size: 26px;
  }
}
.p-aboutus-vision__lead {
  font-size: 24px;
  line-height: 1.4583333333;
  font-weight: 600;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 768px) {
  .p-aboutus-vision__lead {
    font-size: 16px;
  }
}
.p-aboutus-vision__disc {
  font-size: 18px;
  line-height: 1.7777777778;
  letter-spacing: 0.04em;
  font-weight: 500;
  margin-top: 10px;
}
@media screen and (max-width: 768px) {
  .p-aboutus-vision__disc {
    font-size: 14px;
  }
}
.p-aboutus-message {
  padding-top: 212px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .p-aboutus-message {
    padding-top: 80px;
  }
}
.p-aboutus-message__contents {
  margin-top: 26px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .p-aboutus-message__contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.p-aboutus-message__head {
  width: 52%;
}
@media screen and (max-width: 768px) {
  .p-aboutus-message__head {
    width: 100%;
  }
}
.p-aboutus-message__head-inner {
  padding-top: 60px;
  padding-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 84px;
}
@media screen and (max-width: 768px) {
  .p-aboutus-message__head-inner {
    gap: 60px;
  }
}
.p-aboutus-message__body {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  width: 40%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .p-aboutus-message__body {
    width: 100%;
  }
}
.p-aboutus-message__title {
  font-size: 34px;
  line-height: 1.4411764706;
  letter-spacing: 0.04em;
  font-weight: 700;
  color: #004EA2;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .p-aboutus-message__title {
    font-size: 20px;
  }
}
.p-aboutus-message__title span {
  color: #39CFFF;
}
.p-aboutus-message__disc {
  font-size: 18px;
  line-height: 1.7777777778;
  letter-spacing: 0.04em;
  font-weight: 500;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.8em;
}
@media screen and (max-width: 768px) {
  .p-aboutus-message__disc {
    font-size: 14px;
  }
}
.p-aboutus-message__disc + .p-aboutus-message__disc {
  margin-top: 32px;
}
@media screen and (max-width: 768px) {
  .p-aboutus-message__disc + .p-aboutus-message__disc {
    margin-top: 18px;
  }
}
.p-aboutus-message__img img {
  width: 100%;
  height: auto;
}
.p-aboutus-message__name1 {
  position: absolute;
  top: -32px;
  left: -35px;
  border-radius: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #fff;
  font-size: 30px;
  line-height: 1.0666666667;
  font-weight: 500;
  letter-spacing: 0.08em;
  font-family: "Poppins", sans-serif;
  width: 275px;
  height: 115px;
}
@media screen and (max-width: 1400px) {
  .p-aboutus-message__name1 {
    top: -2.2857142857vw;
    left: -2.5vw;
    width: 19.6428571429vw;
    height: 8.2142857143vw;
    font-size: 2.1428571429vw;
  }
}
@media screen and (max-width: 768px) {
  .p-aboutus-message__name1 {
    top: -19.2px;
    left: -21px;
    width: 165px;
    height: 69px;
    font-size: 18px;
  }
}
.p-aboutus-message__name2 {
  position: absolute;
  right: 0;
  bottom: -68px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 10px;
  background-color: #fff;
  width: 288px;
  height: 161px;
  border-radius: 80px;
}
@media screen and (max-width: 1400px) {
  .p-aboutus-message__name2 {
    bottom: -4.8571428571vw;
    width: 20.5714285714vw;
    height: 11.5vw;
  }
}
@media screen and (max-width: 768px) {
  .p-aboutus-message__name2 {
    bottom: -40.8px;
    width: 172.8px;
    height: 96.6px;
  }
}
.p-aboutus-message__name2 .-sm {
  font-size: 18px;
  line-height: 1.3333333333;
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 1400px) {
  .p-aboutus-message__name2 .-sm {
    font-size: 1.2857142857vw;
  }
}
@media screen and (max-width: 768px) {
  .p-aboutus-message__name2 .-sm {
    font-size: 10.8px;
  }
}
.p-aboutus-message__name2 .-lg {
  font-size: 24px;
  line-height: 1.4230769231;
  font-weight: 500;
  width: 166px;
}
@media screen and (max-width: 1400px) {
  .p-aboutus-message__name2 .-lg {
    font-size: 1.7142857143vw;
    width: 11.8571428571vw;
  }
}
@media screen and (max-width: 768px) {
  .p-aboutus-message__name2 .-lg {
    font-size: 14.4px;
    width: 99.6px;
  }
}

.u-pt0 {
  padding-top: 0 !important;
}

.u-mr16 {
  margin-right: 16px !important;
}

.u-mt0 {
  margin-top: 0 !important;
}

.u-mt5 {
  margin-top: 5px !important;
}

.u-mt10 {
  margin-top: 10px !important;
}

.u-mt15 {
  margin-top: 15px !important;
}

.u-mt20 {
  margin-top: 20px !important;
}

.u-mt25 {
  margin-top: 25px !important;
}

.u-mt30 {
  margin-top: 30px !important;
}

.u-mt35 {
  margin-top: 35px !important;
}

.u-mt40 {
  margin-top: 40px !important;
}

.u-mt50 {
  margin-top: 50px !important;
}

.u-mb0 {
  margin-bottom: 0 !important;
}

.u-mb5 {
  margin-bottom: 5px !important;
}

.u-mb10 {
  margin-bottom: 10px !important;
}

.u-mb15 {
  margin-bottom: 15px !important;
}

.u-mb20 {
  margin-bottom: 20px !important;
}

.u-mb25 {
  margin-bottom: 25px !important;
}

.u-mb30 {
  margin-bottom: 30px !important;
}

.u-mb35 {
  margin-bottom: 35px !important;
}

.u-mb40 {
  margin-bottom: 40px !important;
}

.u-mr0 {
  margin-right: 0 !important;
}

@media screen and (max-width: 768px) {
  .u-smt0 {
    margin-top: 0 !important;
  }
  .u-smt5 {
    margin-top: 5px !important;
  }
  .u-smt10 {
    margin-top: 10px !important;
  }
  .u-smt15 {
    margin-top: 15px !important;
  }
  .u-smt20 {
    margin-top: 20px !important;
  }
  .u-smb0 {
    margin-bottom: 0 !important;
  }
  .u-smb5 {
    margin-bottom: 5px !important;
  }
  .u-smb10 {
    margin-bottom: 10px !important;
  }
  .u-smb15 {
    margin-bottom: 15px !important;
  }
  .u-smb20 {
    margin-bottom: 20px !important;
  }
  .u-sml0 {
    margin-left: 0 !important;
  }
}
.u-w03per {
  width: 3% !important;
}

.u-w05per {
  width: 5% !important;
}

.u-w10per {
  width: 10% !important;
}

.u-w13per {
  width: 13% !important;
}

.u-w15per {
  width: 15% !important;
}

.u-w20per {
  width: 20% !important;
}

.u-w23per {
  width: 23% !important;
}

.u-w25per {
  width: 25% !important;
}

.u-w30per {
  width: 30% !important;
}

.u-w33per {
  width: 33% !important;
}

.u-w35per {
  width: 35% !important;
}

.u-w40per {
  width: 40% !important;
}

.u-w43per {
  width: 43% !important;
}

.u-w45per {
  width: 45% !important;
}

.u-w50per {
  width: 50% !important;
}

.u-w53per {
  width: 53% !important;
}

.u-w55per {
  width: 55% !important;
}

.u-w60per {
  width: 60% !important;
}

.u-w63per {
  width: 63% !important;
}

.u-w65per {
  width: 65% !important;
}

.u-w70per {
  width: 70% !important;
}

.u-w73per {
  width: 73% !important;
}

.u-w75per {
  width: 75% !important;
}

.u-w80per {
  width: 80% !important;
}

.u-w83per {
  width: 83% !important;
}

.u-w85per {
  width: 85% !important;
}

.u-w90per {
  width: 90% !important;
}

.u-w93per {
  width: 93% !important;
}

.u-w95per {
  width: 95% !important;
}

.u-table-fixed {
  table-layout: fixed;
}

.u-text-center {
  text-align: center;
}

.u-text-left {
  text-align: left;
}

@media screen and (max-width: 768px) {
  .s-text-center {
    text-align: center;
  }
}

/* background
--------------------------------------------------------------*/
.u-bg-blue {
  background: #F4F8FF;
}

/* hidden
--------------------------------------------------------------*/
.u-header-only {
  display: none;
}
@media screen and (max-width: 1480px) {
  .u-header-only {
    display: block;
  }
}

.u-header-hidden {
  display: block;
}
@media screen and (max-width: 1480px) {
  .u-header-hidden {
    display: none;
  }
}

.u-xxl-only {
  display: none;
}
@media screen and (max-width: 1276px) {
  .u-xxl-only {
    display: block;
  }
}

.u-xxl-hidden {
  display: block;
}
@media screen and (max-width: 1276px) {
  .u-xxl-hidden {
    display: none;
  }
}

.u-md-only {
  display: none;
}
@media screen and (max-width: 768px) {
  .u-md-only {
    display: block;
  }
}
@media screen and (max-width: 768px) {
  .u-md-only--flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.u-md-hidden {
  display: block;
}
@media screen and (max-width: 768px) {
  .u-md-hidden {
    display: none;
  }
}
.u-md-hidden--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .u-md-hidden--flex {
    display: none;
  }
}