@charset "UTF-8";


@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");
@import url("../fontawesome-free-5.15.4-web/css/fontawesome.css");
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    background-attachment: initial;
    scroll-behavior: auto;
    -webkit-transition-delay: 0s;
            transition-delay: 0s;
    -webkit-transition-duration: 0s;
            transition-duration: 0s;
  }
}
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  margin: 0;
  padding: 0;
  border: none;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  -ms-touch-action: manipulation;
      touch-action: manipulation;
}

iframe,
img,
input,
select,
textarea,
video {
  max-width: 100%;
  height: auto;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

ol, ul {
  list-style: none;
}

img {
  image-rendering: -webkit-optimize-contrast;
}

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

table {
  border-collapse: collapse;
}

button {
  border-radius: 0;
  text-transform: none;
  border: none;
  cursor: pointer;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

:root {
  --s: 1px;
  --h: 1px;
  --f: 1px;
  --test: 0.0694vw;
}
@media screen and (max-width: 1400px) {
  :root {
    --s: 0.071vw;
    --h: 0.071vw;
  }
}
@media screen and (max-width: 960px) {
  :root {
    --s: 0.14vw;
    --h: 0.1vw;
    --f: 0.195vw;
  }
}

@-webkit-keyframes hover-bgcolor {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(1) translateX(100%);
            transform: scaleX(1) translateX(100%);
  }
}

@keyframes hover-bgcolor {
  0% {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  100% {
    -webkit-transform: scaleX(1) translateX(100%);
            transform: scaleX(1) translateX(100%);
  }
}
html {
  font-family: "Noto Sans JP", sans-serif;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
  text-align: justify;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  overflow-x: hidden;
}

body {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: calc(var(--f) * 20);
  line-height: 2;
  color: #000;
}

h1, h2, h3, h4, h5, h6, b, strong, dt, th {
  font-weight: inherit;
}

br.sp {
  display: none;
}

@media screen and (max-width: 960px) {
  br.pc {
    display: none;
  }
  br.sp {
    display: inline;
  }
}
span.nl {
  display: inline-block;
}

.kariHeader {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  display: block;
  width: 100%;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.kariHeader img {
  display: block;
  width: 100%;
}
.kariHeader__link {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 7%;
  height: 100%;
}
.kariHeader__link.c01 {
  left: 0%;
  width: 26%;
}
.kariHeader__link.c02 {
  left: 28%;
  width: 7%;
}
.kariHeader__link.c03 {
  left: 37%;
  width: 7%;
}
.kariHeader__link.c04 {
  left: 45%;
  width: 6%;
}
.kariHeader__link.c05 {
  left: 52%;
  width: 11%;
}
.kariHeader__link.c06 {
  left: 64%;
  width: 8%;
}
.kariHeader__link.c07 {
  left: 73%;
  width: 3%;
}
.kariHeader__link.c08 {
  left: 78.5%;
  width: 10%;
}
.kariHeader__link.c09 {
  left: 88.5%;
  width: 10%;
}
body.scroll .kariHeader {
  background: rgba(0, 0, 0, 0.75);
}

.animeSet--fade {
  -webkit-transition-duration: 600ms;
          transition-duration: 600ms;
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.animeSet--fade.animeOff {
  opacity: 0;
  -webkit-transform: translateY(calc(var(--f) * 100));
          transform: translateY(calc(var(--f) * 100));
}

.animeSet--clippath {
  -webkit-transition-duration: 600ms;
          transition-duration: 600ms;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.animeSet--clippath.animeOff {
  -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
          clip-path: polygon(0 0, 0 0, 0 100%, 0 100%);
}

.ctaEntry {
  position: relative;
}
.ctaEntry__link .label {
  position: relative;
  overflow: hidden;
  z-index: 10;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  display: block;
  padding: calc(var(--f) * 58) 0 calc(var(--f) * 70);
  background: #FFF100;
  text-align: center;
  transition-duration: 300ms;
}
.ctaEntry__link .label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-animation: hover-bgcolor 300ms ease-in-out 0ms;
          animation: hover-bgcolor 300ms ease-in-out 0ms;
  background: #fff;
}
.ctaEntry__link .label:hover::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-animation: none;
          animation: none;
}
.ctaEntry__link .label::before {
  background: #000;
  -webkit-transition-duration: 600ms;
          transition-duration: 600ms;
}
.ctaEntry__link .en {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
  display: block;
  margin: 0 0 0.4em;
  font-size: calc(var(--f) * 48);
  line-height: 1;
}
.ctaEntry__link .ja {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
  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;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: calc(var(--f) * 18);
  font-size: calc(var(--f) * 22);
  line-height: 1;
}
.ctaEntry__link .ja::after {
  content: "";
  width: calc(var(--f) * 24);
  height: calc(var(--f) * 24);
  background: url(../img/_common/arrow_black.svg) center/contain no-repeat;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.ctaEntry__link:hover .label {
  color: #FFF100;
}
.ctaEntry__link:hover .ja::after {
  background-image: url(../img/_common/arrow_yellow.svg);
}
@media screen and (min-width: 960.02px) {
  .ctaEntry__list .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: calc(var(--s) * 26);
  }
  .ctaEntry__list .item {
    width: calc((100% - var(--s) * 27) / 2);
  }
}
@media screen and (max-width: 960px) {
  .ctaEntry .label {
    padding: calc(var(--f) * 32) 0 calc(var(--f) * 40);
  }
  .ctaEntry .en {
    font-size: calc(var(--f) * 40);
  }
  .ctaEntry .ja {
    font-size: calc(var(--f) * 18);
  }
}

.footer {
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#004386), color-stop(50%, #00599c), to(#008ccf));
  background: linear-gradient(to right, #004386, #00599c 50%, #008ccf);
}
.footer__info {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 156);
}
.footer__logo {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
}
.footer__logo a {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.footer__logo a:hover {
  opacity: 0.7;
}
.footer__logo svg {
  width: calc(var(--f) * 120);
  margin: 0 calc(var(--s) * 12) 0 0;
}
.footer__logo svg .st0 {
  fill: #fff;
}
.footer__name {
  padding: 0.8em 0;
  font-size: calc(var(--f) * 32);
  line-height: 1;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.footer__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.footer__btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: calc(var(--f) * 18);
  padding: 0 calc(var(--f) * 20);
  margin: 0 0 calc(var(--f) * 8);
  font-size: calc(var(--f) * 15);
  white-space: nowrap;
  border: 1px solid #fff;
  border-radius: 999px;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.footer__btn a::after {
  content: "";
  width: calc(var(--f) * 24);
  height: calc(var(--f) * 24);
  background: url(../img/_common/arrow_white.svg) center/contain no-repeat;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.footer__btn a:hover {
  color: #004386;
  background: #fff;
}
.footer__btn a:hover::after {
  background-image: url(../img/_common/arrow_blue.svg);
}
.footer__nav .link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: calc(var(--f) * 18);
  padding: calc(var(--f) * 6) 0;
  font-size: calc(var(--f) * 18);
  white-space: nowrap;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.footer__nav .link::after {
  content: "";
  width: calc(var(--f) * 24);
  height: calc(var(--f) * 24);
  background: url(../img/_common/arrow_white.svg) center/contain no-repeat;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.footer__nav .link:hover {
  color: #FFF100;
}
.footer__nav .link:hover::after {
  background-image: url(../img/_common/arrow_yellow.svg);
}
.footer__copyright {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: calc(var(--f) * 12);
}
@media screen and (min-width: 960.02px) {
  .footer__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: calc(var(--h) * 60) calc(var(--s) * 100) calc(var(--h) * 60) calc(var(--s) * 36);
  }
  .footer__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(var(--s) * 56);
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
}
@media screen and (max-width: 960px) {
  .footer__container {
    padding: calc(var(--f) * 36) calc(var(--f) * 18);
  }
  .footer__info {
    padding: 0 0 0 calc(var(--f) * 96);
    margin: 0 0 calc(var(--f) * 24);
  }
  .footer__logo svg {
    width: calc(var(--f) * 80);
    margin: 0 calc(var(--s) * 8) 0 0;
  }
  .footer__name {
    padding: 0.4em 0 0.6em;
    font-size: calc(var(--f) * 24);
  }
  .footer__btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .footer__btn a {
    margin-bottom: 0;
    line-height: 1.75;
  }
  .footer__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(var(--f) * 36);
    padding-left: calc(var(--f) * 24);
  }
}

.header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  display: block;
  width: 100%;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
body.scroll .header {
  background: rgba(0, 0, 0, 0.75);
}
@media screen and (min-width: 960.02px) {
  .header__container {
    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;
    -ms-flex-line-pack: center;
        align-content: center;
    height: calc(var(--s) * 105);
    padding: 0 calc(var(--s) * 25);
  }
  .header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .header__logo a {
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
  }
  .header__logo a:hover {
    opacity: 0.7;
  }
  .header__logo svg {
    width: calc(var(--s) * 57);
    margin: 0 calc(var(--s) * 12) 0 0;
  }
  .header__logo svg .st0 {
    fill: #fff;
  }
  .header__logo .ja {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-style: normal;
    position: relative;
    top: calc(var(--s) * 5);
    margin: 0 calc(var(--s) * 4) 0 0;
    color: #fff;
    font-size: calc(var(--s) * 22);
    line-height: 1;
    letter-spacing: 0.05em;
    white-space: nowrap;
  }
  .header__logo .button {
    position: relative;
    top: calc(var(--s) * 3);
    padding: 0 1em;
    color: #000;
    font-size: calc(var(--s) * 13);
    line-height: 1.7;
    font-weight: 700;
    white-space: nowrap;
    background: #FFF100;
    border-radius: 999px;
  }
}
@media screen and (max-width: 960px) {
  .header__container {
    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;
    -ms-flex-line-pack: center;
        align-content: center;
    height: calc(var(--s) * 110);
    padding: 0 calc(var(--s) * 25);
  }
  .header__logo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .header__logo a {
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
  }
  .header__logo a:hover {
    opacity: 0.7;
  }
  .header__logo svg {
    width: calc(var(--f) * 46);
    margin: 0 calc(var(--s) * 12) 0 0;
  }
  .header__logo svg .st0 {
    fill: #fff;
  }
  .header__logo .ja {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-style: normal;
    position: relative;
    top: calc(var(--f) * 5);
    margin: 0 calc(var(--f) * 4) 0 0;
    color: #fff;
    font-size: calc(var(--f) * 22);
    line-height: 1;
    letter-spacing: 0.05em;
    white-space: nowrap;
  }
  .header__logo .button {
    position: relative;
    top: calc(var(--f) * 3);
    padding: 0 1em;
    color: #000;
    font-size: calc(var(--f) * 13);
    line-height: 1.7;
    font-weight: 700;
    white-space: nowrap;
    background: #FFF100;
    border-radius: 999px;
  }
}

@media screen and (min-width: 960.02px) {
  .nav__btn {
    display: none;
  }
  .nav__label {
    display: none;
  }
  .nav__wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    gap: calc(var(--s) * 40);
  }
  .nav__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(var(--s) * 20);
  }
  .nav__items .en {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    display: block;
    margin: 0 0 0.15em;
    color: #fff;
    font-size: calc(var(--s) * 20);
    line-height: 1;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
  }
  .nav__items .ja {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 500;
    font-style: normal;
    display: block;
    color: #fff;
    font-size: calc(var(--s) * 12);
    line-height: 1;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
  }
  .nav__items .link:hover .en,
  .nav__items .link:hover .ja {
    color: #FFF100;
  }
  .nav__cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(var(--s) * 12);
  }
  .nav__cta .link {
    position: relative;
    overflow: hidden;
    z-index: 10;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    width: calc(var(--s) * 134);
    height: calc(var(--s) * 47);
    padding: 0 0 0 calc(var(--s) * 20);
    border: 1px solid #fff;
    color: #fff;
    transition-duration: 300ms;
  }
  .nav__cta .link::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: left top;
            transform-origin: left top;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
    -webkit-animation: hover-bgcolor 300ms ease-in-out 0ms;
            animation: hover-bgcolor 300ms ease-in-out 0ms;
    background: #fff;
  }
  .nav__cta .link:hover::before {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
    -webkit-animation: none;
            animation: none;
  }
  .nav__cta .link::after {
    content: "";
    position: absolute;
    top: 0;
    right: calc(var(--s) * 13);
    bottom: 0;
    display: block;
    width: calc(var(--s) * 15);
    height: calc(var(--s) * 15);
    margin: auto 0;
    background: url(../img/_common/arrow_white.svg) center/contain no-repeat;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
  }
  .nav__cta .link:hover {
    color: #000;
    border-color: #fff;
  }
  .nav__cta .link:hover::after {
    background-image: url(../img/_common/arrow_black.svg);
  }
  .nav__cta .item--entry .link {
    color: #000;
    border-color: #FFF100;
    background: #FFF100;
    border: none;
  }
  .nav__cta .item--entry .link::after {
    background-image: url(../img/_common/arrow_black.svg);
  }
  .nav__cta .en {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    font-size: calc(var(--s) * 20);
  }
  .nav__cta .ja {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: calc(var(--s) * 16);
  }
}
@media screen and (max-width: 960px) {
  .nav__btn {
    display: none;
  }
  .nav__label {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    display: block;
    width: calc(var(--s) * 110);
    height: calc(var(--s) * 110);
  }
  .nav__label span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: 35%;
    height: calc(var(--f) * 2);
    margin: auto;
    background: #fff;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
  }
  .nav__label span::before, .nav__label span::after {
    content: "";
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
  }
  .nav__label span::before {
    top: calc(var(--f) * -11);
  }
  .nav__label span::after {
    top: calc(var(--f) * 11);
  }
  .nav__btn:checked + .nav__label span {
    background: transparent;
  }
  .nav__btn:checked + .nav__label span::before {
    top: 0;
    -webkit-transform: rotate(-135deg);
            transform: rotate(-135deg);
  }
  .nav__btn:checked + .nav__label span::after {
    top: 0;
    -webkit-transform: rotate(135deg);
            transform: rotate(135deg);
  }
  .nav__wrap {
    position: absolute;
    left: 0;
    top: 0;
    overflow-y: scroll;
    pointer-events: none;
    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;
    -ms-flex-line-pack: center;
        align-content: center;
    gap: calc(var(--f) * 36) 0;
    width: 100vw;
    height: 0;
    padding: 0 calc(var(--f) * 36);
    background: rgba(0, 0, 0, 0.75);
    -webkit-transition-duration: 600ms;
            transition-duration: 600ms;
  }
  .nav__btn:checked + .nav__label + .header__logo + .nav__wrap {
    pointer-events: all;
    height: 100vh;
  }
  .nav__items {
    width: 100%;
    padding: calc(var(--f) * 36) 0 0;
  }
  .nav__items .link {
    display: block;
    padding: calc(var(--f) * 16) 0;
  }
  .nav__items .en {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    display: block;
    margin: 0 0 0.2em;
    color: #fff;
    font-size: calc(var(--f) * 28);
    line-height: 1;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
  }
  .nav__items .ja {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 500;
    font-style: normal;
    display: block;
    color: #fff;
    font-size: calc(var(--f) * 15);
    line-height: 1;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
  }
  .nav__cta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 100%;
    padding: 0 0 calc(var(--f) * 72);
  }
  .nav__cta .item {
    width: calc((100% - var(--s) * 24) / 2);
  }
  .nav__cta .link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    width: 100%;
    height: calc(var(--f) * 68);
    padding: 0 0 0 calc(var(--f) * 20);
    border: 1px solid #fff;
    color: #fff;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
  }
  .nav__cta .link::after {
    content: "";
    position: absolute;
    top: 0;
    right: calc(var(--f) * 13);
    bottom: 0;
    display: block;
    width: calc(var(--f) * 15);
    height: calc(var(--f) * 15);
    margin: auto 0;
    background: url(../img/_common/arrow_white.svg) center/contain no-repeat;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
  }
  .nav__cta .link:hover {
    color: #000;
    border-color: #fff;
  }
  .nav__cta .link:hover::after {
    background-image: url(../img/_common/arrow_black.svg);
  }
  .nav__cta .item--entry .link {
    color: #000;
    border-color: #FFF100;
    background: #FFF100;
    border: none;
  }
  .nav__cta .item--entry .link::after {
    background-image: url(../img/_common/arrow_black.svg);
  }
  .nav__cta .en {
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    font-size: calc(var(--f) * 20);
  }
  .nav__cta .ja {
    font-family: "Zen Kaku Gothic New", sans-serif;
    font-weight: 700;
    font-style: normal;
    font-size: calc(var(--f) * 18);
  }
}

.pickupContents {
  position: relative;
  padding: calc(var(--h) * 100) 0;
}
.pickupContents__container {
  position: relative;
  z-index: 10;
  width: calc(var(--f) * 1226);
  max-width: 92vw;
  margin: 0 auto;
}
.pickupContents__list .box {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  position: relative;
  z-index: 10;
  display: block;
}
.pickupContents__list .box:hover {
  opacity: 0.7;
}
.pickupContents__list .ja {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
  position: absolute;
  left: calc(var(--f) * 28);
  top: calc(var(--f) * 12);
  color: #fff;
  font-size: calc(var(--f) * 36);
}
.pickupContents__list .en {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  position: absolute;
  left: calc(var(--f) * 28);
  top: calc(var(--f) * 72);
  color: #FFF100;
  font-size: calc(var(--f) * 20);
  letter-spacing: 0.085em;
}
.pickupContents__list .more {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
  position: absolute;
  right: -1px;
  bottom: -1px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: calc(var(--f) * 18);
  padding: calc(var(--f) * 4) calc(var(--f) * 20) calc(var(--f) * 4) calc(var(--f) * 58);
  font-size: calc(var(--f) * 18);
  background: #FFF100;
  -webkit-clip-path: polygon(calc(var(--f) * 30) 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(calc(var(--f) * 30) 0, 100% 0, 100% 100%, 0 100%);
}
.pickupContents__list .more::after {
  content: "";
  width: calc(var(--f) * 24);
  height: calc(var(--f) * 24);
  background: url(../img/_common/arrow_black.svg) center/contain no-repeat;
}
.pickupContents__list .photo img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 960.02px) {
  .pickupContents__list .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: calc(var(--s) * 26);
  }
  .pickupContents__list .item {
    width: calc((100% - var(--s) * 27) / 2);
  }
}
@media screen and (max-width: 960px) {
  .pickupContents__list .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: calc(var(--s) * 26);
  }
  .pickupContents__list .item {
    width: calc((100% - var(--s) * 27) / 2);
  }
  .pickupContents__list .box {
    aspect-ratio: 10/10;
  }
  .pickupContents__list .ja {
    left: calc(var(--f) * 18);
    top: calc(var(--f) * 14);
    font-size: calc(var(--f) * 30);
  }
  .pickupContents__list .en {
    left: calc(var(--f) * 18);
    top: calc(var(--f) * 60);
    font-size: calc(var(--f) * 18);
  }
  .pickupContents__list .more {
    padding: calc(var(--f) * 2) calc(var(--f) * 16) calc(var(--f) * 2) calc(var(--f) * 36);
    font-size: calc(var(--f) * 16);
  }
  .pickupContents__list .more::after {
    width: calc(var(--f) * 20);
    height: calc(var(--f) * 20);
  }
  .pickupContents__list .photo {
    position: relative;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
  }
  .pickupContents__list .photo img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.homeBusiness {
  position: relative;
}
.homeBusiness__container {
  position: relative;
  z-index: 100;
  width: calc(var(--f) * 1226);
  max-width: 92vw;
  padding: calc(var(--h) * 150) 0 0;
  margin: 0 auto;
}
.homeBusiness__head {
  margin: 0 0 calc(var(--f) * 20);
}
.homeBusiness__head .en {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  display: block;
  margin: 0 0 0.1em;
  font-size: calc(var(--s) * 90);
  line-height: 1;
}
.homeBusiness__head .ja {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
  display: block;
  font-size: calc(var(--s) * 22);
  line-height: 1;
}
.homeBusiness__text {
  margin: 0 0 calc(var(--f) * 30);
}
.homeBusiness__photo span {
  position: relative;
  display: block;
}
.homeBusiness__photo span img {
  display: block;
  width: 100%;
}
.homeBusiness__more {
  width: calc(var(--f) * 340);
  max-width: 100%;
}
.homeBusiness__more .label {
  position: relative;
  overflow: hidden;
  z-index: 10;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  position: relative;
  cursor: pointer;
  display: block;
  padding: 1em 1.5em;
  color: #fff;
  font-size: calc(var(--f) * 20);
  background: -webkit-gradient(linear, left top, right top, from(#004386), color-stop(50%, #00599c), to(#008ccf));
  background: linear-gradient(to right, #004386, #00599c 50%, #008ccf);
  transition-duration: 300ms;
}
.homeBusiness__more .label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-animation: hover-bgcolor 300ms ease-in-out 0ms;
          animation: hover-bgcolor 300ms ease-in-out 0ms;
  background: #fff;
}
.homeBusiness__more .label:hover::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-animation: none;
          animation: none;
}
.homeBusiness__more .label::after {
  content: "";
  position: absolute;
  right: 1em;
  top: 0;
  display: block;
  width: 1.6em;
  height: 100%;
  background: url(../img/_common/arrow_yellow.svg) center/contain no-repeat;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.homeBusiness__more .label:hover {
  color: #000;
}
.homeBusiness__more .label:hover::after {
  background-image: url(../img/_common/arrow_black.svg);
}
@media screen and (min-width: 960.02px) {
  .homeBusiness__container {
    padding-left: calc(var(--f) * 613);
  }
  .homeBusiness__photo {
    position: absolute;
    left: 0;
    top: calc(var(--f) * -40);
    z-index: 1;
    display: block;
    width: calc(var(--f) * 540);
    height: calc(var(--f) * 660);
  }
  .homeBusiness__photo span {
    position: absolute;
    display: block;
    width: calc(var(--f) * 319);
    height: calc(var(--f) * 273);
  }
  .homeBusiness__photo span:nth-child(1) {
    left: 0;
    top: 0;
  }
  .homeBusiness__photo span:nth-child(2) {
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
  }
  .homeBusiness__photo span:nth-child(3) {
    left: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 960px) {
  .homeBusiness::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: calc(var(--h) * 64);
    background: -webkit-gradient(linear, left top, right top, from(#f9fdff), to(#def3ff));
    background: linear-gradient(to right, #f9fdff, #def3ff);
  }
  .homeBusiness__photo {
    position: relative;
    overflow: hidden;
    margin: calc(var(--h) * 60) -4vw calc(var(--h) * -128);
    aspect-ratio: 660/365;
  }
  .homeBusiness__photo span {
    position: absolute;
    display: block;
    width: 43vw;
  }
  .homeBusiness__photo span:nth-child(1) {
    left: -2.75vw;
    top: 0;
  }
  .homeBusiness__photo span:nth-child(2) {
    right: 26vw;
    bottom: 0;
  }
  .homeBusiness__photo span:nth-child(3) {
    right: -8vw;
    top: 0;
  }
}

.homeMessage {
  position: relative;
  z-index: 100;
  overflow: hidden;
  margin: calc(var(--f) * -64) 0 0;
  background: #eef1f5;
  -webkit-clip-path: polygon(0 calc(var(--f) * 64), calc(100% - var(--f) * 640) calc(var(--f) * 64), calc(100% - var(--f) * 576) 0, 100% 0, 100% calc(100% - var(--f) * 64), calc(100% - var(--f) * 476) calc(100% - var(--f) * 64), calc(100% - var(--f) * 540) 100%, 0 100%);
          clip-path: polygon(0 calc(var(--f) * 64), calc(100% - var(--f) * 640) calc(var(--f) * 64), calc(100% - var(--f) * 576) 0, 100% 0, 100% calc(100% - var(--f) * 64), calc(100% - var(--f) * 476) calc(100% - var(--f) * 64), calc(100% - var(--f) * 540) 100%, 0 100%);
}
.homeMessage__container {
  position: relative;
  z-index: 10;
  width: calc(var(--f) * 1226);
  max-width: 92vw;
  padding: calc(var(--h) * 150) 0;
  margin: 0 auto;
}
.homeMessage__head {
  margin: 0 0 calc(var(--f) * 20);
}
.homeMessage__head .en {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  display: block;
  margin: 0 0 0.1em;
  font-size: calc(var(--s) * 90);
  line-height: 1;
}
.homeMessage__head .ja {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
  display: block;
  font-size: calc(var(--s) * 22);
  line-height: 1;
}
.homeMessage__text {
  margin: 0 0 calc(var(--f) * 30);
}
.homeMessage__more {
  width: calc(var(--f) * 340);
  max-width: 100%;
}
.homeMessage__more .label {
  position: relative;
  overflow: hidden;
  z-index: 10;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  position: relative;
  cursor: pointer;
  display: block;
  padding: 1em 1.5em;
  color: #fff;
  font-size: calc(var(--f) * 20);
  background: -webkit-gradient(linear, left top, right top, from(#004386), color-stop(50%, #00599c), to(#008ccf));
  background: linear-gradient(to right, #004386, #00599c 50%, #008ccf);
  transition-duration: 300ms;
}
.homeMessage__more .label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-animation: hover-bgcolor 300ms ease-in-out 0ms;
          animation: hover-bgcolor 300ms ease-in-out 0ms;
  background: #fff;
}
.homeMessage__more .label:hover::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-animation: none;
          animation: none;
}
.homeMessage__more .label::after {
  content: "";
  position: absolute;
  right: 1em;
  top: 0;
  display: block;
  width: 1.6em;
  height: 100%;
  background: url(../img/_common/arrow_yellow.svg) center/contain no-repeat;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.homeMessage__more .label:hover {
  color: #000;
}
.homeMessage__more .label:hover::after {
  background-image: url(../img/_common/arrow_black.svg);
}
@media screen and (min-width: 960.02px) {
  .homeMessage__photo {
    position: relative;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
    display: block;
    height: 100%;
  }
  .homeMessage__photo img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .homeMessage__photo::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(#eef1f5), color-stop(rgba(238, 241, 245, 0)), color-stop(rgba(238, 241, 245, 0)), to(#eef1f5));
    background: linear-gradient(to right, #eef1f5, rgba(238, 241, 245, 0) calc(var(--f) * 120), rgba(238, 241, 245, 0) calc(100% - var(--f) * 120), #eef1f5);
  }
}
@media screen and (max-width: 960px) {
  .homeMessage {
    margin-top: calc(var(--f) * -36);
    -webkit-clip-path: polygon(0 calc(var(--f) * 36), calc(100% - var(--f) * 440) calc(var(--f) * 36), calc(100% - var(--f) * 376) 0, 100% 0, 100% calc(100% - var(--f) * 36), calc(100% - var(--f) * 376) calc(100% - var(--f) * 36), calc(100% - var(--f) * 440) 100%, 0 100%);
            clip-path: polygon(0 calc(var(--f) * 36), calc(100% - var(--f) * 440) calc(var(--f) * 36), calc(100% - var(--f) * 376) 0, 100% 0, 100% calc(100% - var(--f) * 36), calc(100% - var(--f) * 376) calc(100% - var(--f) * 36), calc(100% - var(--f) * 440) 100%, 0 100%);
  }
  .homeMessage__photo {
    position: relative;
    position: absolute;
    right: -7%;
    top: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
  }
  .homeMessage__photo img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .homeMessage__photo::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(45%, #eef1f5), color-stop(80%, rgba(238, 241, 245, 0)));
    background: linear-gradient(to right, #eef1f5 45%, rgba(238, 241, 245, 0) 80%);
  }
}

.homeMission {
  position: relative;
  z-index: 10;
  padding: calc(var(--h) * 100) 0 0;
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#004386), color-stop(50%, #00599c), to(#008ccf));
  background: linear-gradient(to right, #004386, #00599c 50%, #008ccf);
}
.homeMission__head {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
  margin: 0 0 0.5em;
  font-size: calc(var(--f) * 40);
  line-height: 1.75;
  text-align: center;
}
.homeMission__text {
  position: relative;
  margin: 0 0 calc(var(--f) * -140);
  font-size: calc(var(--f) * 20);
  line-height: 2.1;
  text-align: center;
}
.homeMission__photo {
  position: relative;
  z-index: -1;
  text-align: center;
}
.homeMission__photo img {
  display: inline-block;
}
@media screen and (max-width: 960px) {
  .homeMission__head {
    line-height: 1.35;
  }
  .homeMission__text {
    margin: 0 0 calc(var(--h) * -140);
    line-height: 1.75;
  }
}

.homeMV {
  position: relative;
  overflow: hidden;
}
.homeMV__movie {
  position: relative;
  z-index: -2;
}
.homeMV__movie video {
  display: block;
  width: 100%;
  height: 100%;
}
.homeMV__text {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  aspect-ratio: 1920/1080;
  mix-blend-mode: screen;
  mask-image: url("../img/home/mv_text_mask.svg");
  mask-repeat: no-repeat;
  mask-position: 0 0;
  mask-size: 100%;
  /* Chrome, Safari用 */
  -webkit-mask-image: url("../img/home/mv_text_mask.svg");
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: 0 0;
  -webkit-mask-size: 100%;
}
.homeMV__text video {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
  display: block;
  width: 100%;
  height: 100%;
}
.homeMV__text::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0.25;
  z-index: 5;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
}
.homeMV__text .cover {
  position: absolute;
  left: -50%;
  top: 0;
  z-index: 10;
  display: block;
  width: 200%;
  max-width: unset;
  height: 100%;
  -webkit-animation: mv_text_cover 3000ms ease-in-out 0ms forwards;
          animation: mv_text_cover 3000ms ease-in-out 0ms forwards;
}
@-webkit-keyframes mv_text_cover {
  0% {
    left: -50%;
  }
  100% {
    left: 100%;
  }
}
@keyframes mv_text_cover {
  0% {
    left: -50%;
  }
  100% {
    left: 100%;
  }
}
@media screen and (max-width: 960px) {
  .homeMV__movie video {
    position: relative;
    left: 50%;
    width: 180vw;
    max-width: unset;
    margin-left: -90vw;
  }
  .homeMV__text {
    left: -13vw;
    top: 15vw;
    width: 127%;
  }
}

.homePeople {
  position: relative;
  margin: calc(var(--f) * -64) 0 0;
  background: -webkit-gradient(linear, left top, right top, from(#f9fdff), to(#def3ff));
  background: linear-gradient(to right, #f9fdff, #def3ff);
  -webkit-clip-path: polygon(0 calc(var(--f) * 64), calc(var(--f) * 550) calc(var(--f) * 64), calc(var(--f) * 614) 0, 100% 0, 100% 100%, 0 100%);
          clip-path: polygon(0 calc(var(--f) * 64), calc(var(--f) * 550) calc(var(--f) * 64), calc(var(--f) * 614) 0, 100% 0, 100% 100%, 0 100%);
}
.homePeople__container {
  position: relative;
  z-index: 10;
  width: calc(var(--f) * 1226);
  max-width: 92vw;
  padding: calc(var(--h) * 150) 0 calc(var(--h) * 120);
  margin: 0 auto;
}
.homePeople__head {
  margin: 0 0 calc(var(--h) * 95);
  color: #004386;
  text-align: center;
}
.homePeople__head .en {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  display: block;
  margin: 0 0 0.1em;
  font-size: calc(var(--s) * 90);
  line-height: 1;
}
.homePeople__head .ja {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
  display: block;
  font-size: calc(var(--s) * 22);
  line-height: 1;
}
.homePeople__list .box {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  position: relative;
  z-index: 10;
  display: block;
  padding: calc(var(--h) * 32) 0 calc(var(--f) * 10);
  background: -webkit-gradient(linear, left top, right top, from(#004386), color-stop(50%, #00599c), to(#008ccf));
  background: linear-gradient(to right, #004386, #00599c 50%, #008ccf);
}
.homePeople__list .box:hover {
  opacity: 0.7;
}
.homePeople__list .catch {
  padding: 0 0 calc(var(--f) * 8) calc(var(--s) * 210);
  color: #fff;
  font-size: calc(var(--s) * 34);
  line-height: 1.53;
  text-align: left;
}
.homePeople__list .position {
  padding: 0 calc(var(--f) * 36) calc(var(--h) * 46);
  color: #bae3f9;
  text-align: right;
}
.homePeople__list .more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: calc(var(--f) * 18);
  width: 100%;
  padding: 0 calc(var(--f) * 36);
  color: #fff;
  font-size: calc(var(--f) * 18);
}
.homePeople__list .more::after {
  content: "";
  width: calc(var(--f) * 30);
  height: calc(var(--f) * 30);
  background: url(../img/_common/arrow_yellow.svg) center/contain no-repeat;
}
.homePeople__list .photo {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
}
.homePeople__list .photo img {
  display: block;
  width: calc(var(--s) * 356);
}
@media screen and (min-width: 960.02px) {
  .homePeople__list .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .homePeople__list .item {
    width: calc((100% - var(--s) * 60) / 2);
  }
}
@media screen and (max-width: 960px) {
  .homePeople {
    padding: calc(var(--h) * 60) 0 0;
    margin: 0;
  }
  .homePeople__list .item {
    margin-bottom: calc(var(--f) * 54);
  }
  .homePeople__list .item:last-child {
    margin-bottom: 0;
  }
}

.businessPower {
  position: relative;
  overflow: hidden;
  padding: calc(var(--h) * 164) 0 0;
  background: #eef1f5;
}
.businessPower__chart {
  position: relative;
  left: 50%;
  width: calc(var(--f) * 1202);
  margin-left: calc(var(--f) * -601);
}
.businessPower__chart img {
  display: block;
  width: 100%;
}
.businessPower__chart img.c1, .businessPower__chart img.c2, .businessPower__chart img.c3, .businessPower__chart img.c4, .businessPower__chart img.c5 {
  position: absolute;
  left: 0;
  top: 0;
}
.businessPower__chart.animeSet img.c1 {
  -webkit-transition-delay: 600ms;
          transition-delay: 600ms;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
}
.businessPower__chart.animeSet img.c2 {
  -webkit-transition-delay: 660ms;
          transition-delay: 660ms;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
}
.businessPower__chart.animeSet img.c3 {
  -webkit-transition-delay: 720ms;
          transition-delay: 720ms;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
}
.businessPower__chart.animeSet img.c4 {
  -webkit-transition-delay: 780ms;
          transition-delay: 780ms;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
}
.businessPower__chart.animeSet img.c5 {
  -webkit-transition-delay: 840ms;
          transition-delay: 840ms;
  -webkit-transition-duration: 800ms;
          transition-duration: 800ms;
}
.businessPower__chart.animeOff img.c1, .businessPower__chart.animeOff img.c2, .businessPower__chart.animeOff img.c3, .businessPower__chart.animeOff img.c4, .businessPower__chart.animeOff img.c5 {
  opacity: 0;
  -webkit-transform: scale(0.85);
          transform: scale(0.85);
}
@media screen and (max-width: 960px) {
  .businessPower__chart {
    width: calc(var(--f) * 680);
    margin-left: calc(var(--f) * -340);
  }
}

.businessTask {
  position: relative;
  overflow: hidden;
  padding: 0 0 calc(var(--h) * 120);
  margin: calc(var(--f) * -170) 0 0;
  background: #eef1f5;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--f) * 64), calc(100% - var(--f) * 476) calc(100% - var(--f) * 64), calc(100% - var(--f) * 540) 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--f) * 64), calc(100% - var(--f) * 476) calc(100% - var(--f) * 64), calc(100% - var(--f) * 540) 100%, 0 100%);
}
.businessTask__container {
  width: calc(var(--f) * 1226);
  max-width: 92vw;
  margin: 0 auto;
}
.businessTask__head {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
  margin: 0 0 0.5em;
  color: #004386;
  font-size: calc(var(--f) * 40);
  line-height: 1.75;
  text-align: center;
}
.businessTask__text {
  position: relative;
  margin: 0 0 calc(var(--f) * 40);
  font-size: calc(var(--f) * 20);
  line-height: 2.1;
  text-align: center;
}
.businessTask__list .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(var(--s) * 35);
  margin: 0 0 calc(var(--h) * 48);
}
.businessTask__list .item {
  width: calc((100% - var(--s) * 106) / 4);
}
.businessTask__list .text {
  text-align: center;
}
@media screen and (max-width: 960px) {
  .businessTask {
    margin-top: calc(var(--f) * -100);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--f) * 36), calc(100% - var(--f) * 276) calc(100% - var(--f) * 36), calc(100% - var(--f) * 340) 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--f) * 36), calc(100% - var(--f) * 276) calc(100% - var(--f) * 36), calc(100% - var(--f) * 340) 100%, 0 100%);
  }
  .businessTask__head {
    line-height: 1.35;
  }
  .businessTask__text {
    line-height: 1.75;
  }
  .businessTask__list .items {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: calc(var(--s) * 28);
  }
  .businessTask__list .item {
    width: calc((100% - var(--s) * 29) / 2);
  }
  .businessTask__list .text {
    line-height: 1.75;
  }
}

.companyDetail {
  padding: calc(var(--h) * 160) 0 calc(var(--h) * 160);
  background: #eef1f5;
}
.companyDetail__container {
  width: calc(var(--f) * 1226);
  max-width: 92vw;
  margin: 0 auto;
}
.companyDetail__box {
  margin: 0 0 calc(var(--h) * 120);
}
.companyDetail__box:last-child {
  margin-bottom: 0;
}
.companyDetail__box .title {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
  width: 100%;
  padding: 0 0 0 0.5em;
  margin: 0 0 0.5em;
  font-size: calc(var(--f) * 26);
  line-height: 1.5;
  border-left: calc(var(--f) * 4) solid #004386;
}
.companyDetail__box .table table {
  width: 100%;
}
.companyDetail__box .table th, .companyDetail__box .table td {
  padding: 1em 0;
  font-size: calc(var(--f) * 18);
  line-height: 1.65;
  border-bottom: 1px solid #c6cfd8;
}
.companyDetail__box .table th {
  padding-right: 2em;
  color: #004386;
  white-space: nowrap;
}
.companyDetail__box .banner {
  display: block;
  width: calc(var(--f) * 260);
  margin: calc(var(--f) * 16) 0 calc(var(--f) * 8);
}
.companyDetail__box .banner .label {
  position: relative;
  overflow: hidden;
  z-index: 10;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  position: relative;
  cursor: pointer;
  display: block;
  padding: 1em 1.5em;
  color: #fff;
  font-size: calc(var(--f) * 20);
  background: -webkit-gradient(linear, left top, right top, from(#004386), color-stop(50%, #00599c), to(#008ccf));
  background: linear-gradient(to right, #004386, #00599c 50%, #008ccf);
  transition-duration: 300ms;
}
.companyDetail__box .banner .label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-animation: hover-bgcolor 300ms ease-in-out 0ms;
          animation: hover-bgcolor 300ms ease-in-out 0ms;
  background: #fff;
}
.companyDetail__box .banner .label:hover::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-animation: none;
          animation: none;
}
.companyDetail__box .banner .label::after {
  content: "";
  position: absolute;
  right: 1em;
  top: 0;
  display: block;
  width: 1.6em;
  height: 100%;
  background: url(../img/_common/arrow_yellow.svg) center/contain no-repeat;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.companyDetail__box .banner .label:hover {
  color: #000;
}
.companyDetail__box .banner .label:hover::after {
  background-image: url(../img/_common/arrow_black.svg);
}
.companyDetail__box .banner .label {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  font-size: calc(var(--f) * 19);
  line-height: 1.35;
}
.companyDetail__box .banner .label small {
  font-size: 0.85em;
}
.companyDetail__box .sponsor {
  padding: calc(var(--f) * 24) calc(var(--f) * 32) calc(var(--f) * 32);
  background: rgba(0, 67, 134, 0.1);
}
.companyDetail__box .sponsor h3 {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  color: #004386;
  font-size: calc(var(--f) * 20);
}
.companyDetail__box .sponsor p {
  margin: 0 0 1.25em;
  line-height: 1.65;
}
.companyDetail__box .sponsor ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(var(--f) * 20);
}
.companyDetail__box .sponsor ul li {
  position: relative;
  width: calc((100% - var(--f) * 21) / 2);
  aspect-ratio: 4/3;
  background: #fff;
}
.companyDetail__box .sponsor ul li img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  max-width: 75%;
  max-height: 80%;
}
.companyDetail__box .access {
  width: 100%;
  margin: 0 0 calc(var(--h) * 60);
}
.companyDetail__box .access__text {
  width: 100%;
}
.companyDetail__box .access__text h4 {
  margin: 0 0 0.25em;
  color: #004386;
  font-size: calc(var(--f) * 22);
}
.companyDetail__box .access__text p {
  font-size: calc(var(--f) * 18);
  line-height: 1.65;
}
.companyDetail__box .access__photo {
  width: 100%;
}
.companyDetail__box .access__map {
  position: relative;
  width: 100%;
  aspect-ratio: 10/4;
}
.companyDetail__box .access__map iframe {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 960.02px) {
  .companyDetail__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    gap: 0 calc(var(--s) * 60);
  }
  .companyDetail__box .table {
    width: calc((100% - var(--s) * 61) * 0.55);
  }
  .companyDetail__box .sponsor {
    width: calc((100% - var(--s) * 61) * 0.45);
  }
  .companyDetail__box .access {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: calc(var(--s) * 6);
  }
}
@media screen and (max-width: 960px) {
  .companyDetail__box .sponsor {
    margin-top: calc(var(--f) * 24);
  }
  .companyDetail__box .access {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: calc(var(--f) * 20) 0;
  }
  .companyDetail__box .access__text {
    width: calc((100% - var(--f) * 6) / 2);
  }
  .companyDetail__box .access__photo {
    width: calc((100% - var(--f) * 6) / 2);
  }
}

.entryForm {
  padding: calc(var(--h) * 160) 0;
  background: #eef1f5;
}
.entryForm .required {
  display: inline-block;
  padding: 0 0.5em;
  margin: 0 0 0 0.5em;
  color: #fff;
  font-size: calc(var(--f) * 15);
  line-height: 1.65;
  font-weight: 500;
  background: #004386;
}
.entryForm__container {
  width: calc(var(--f) * 1080);
  max-width: 92vw;
  margin: 0 auto;
}
.entryForm__notice {
  margin: 0 0 calc(var(--h) * 60);
  font-size: calc(var(--f) * 18);
  text-align: center;
}
.entryForm__input {
  font-size: calc(var(--f) * 18);
}
.entryForm__input table {
  width: 100%;
}
.entryForm__input table th, .entryForm__input table td {
  padding: 1.25em 0;
}
.entryForm__input table th {
  padding-right: 1.5em;
  white-space: nowrap;
}
.entryForm__input table td input[type=text],
.entryForm__input table td input[type=tel],
.entryForm__input table td input[type=email],
.entryForm__input table td textarea {
  display: block;
  width: 100%;
  padding: 0.5em;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.entryForm__input table td .birth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 1.5em;
}
.entryForm__input table td .birth span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 0.5em;
}
.entryForm__input table td .birth [name=your-birth-y] {
  width: 8em;
}
.entryForm__input table td .birth [name=your-birth-m] {
  width: 4em;
}
.entryForm__input table td .birth [name=your-birth-d] {
  width: 4em;
}
.entryForm__input table td .address {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 1em 1.5em;
}
.entryForm__input table td .address .p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 0.5em;
}
.entryForm__input table td .address .e {
  width: 100%;
}
.entryForm__input table td textarea {
  height: 10em;
}
.entryForm__input table td .error {
  display: inline-block;
  padding: 0 0.5em;
  margin: 0 0.5em;
  color: #fff;
  font-size: 0.85em;
  background: #c00f0f;
}
.entryForm__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 20);
  margin: calc(var(--h) * 60) 0 0;
}
.entryForm__button {
  width: calc(var(--f) * 420);
}
.entryForm__button .label {
  position: relative;
  overflow: hidden;
  z-index: 10;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  position: relative;
  cursor: pointer;
  display: block;
  padding: 1em 1.5em;
  color: #fff;
  font-size: calc(var(--f) * 20);
  background: -webkit-gradient(linear, left top, right top, from(#004386), color-stop(50%, #00599c), to(#008ccf));
  background: linear-gradient(to right, #004386, #00599c 50%, #008ccf);
  transition-duration: 300ms;
}
.entryForm__button .label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-animation: hover-bgcolor 300ms ease-in-out 0ms;
          animation: hover-bgcolor 300ms ease-in-out 0ms;
  background: #fff;
}
.entryForm__button .label:hover::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-animation: none;
          animation: none;
}
.entryForm__button .label::after {
  content: "";
  position: absolute;
  right: 1em;
  top: 0;
  display: block;
  width: 1.6em;
  height: 100%;
  background: url(../img/_common/arrow_yellow.svg) center/contain no-repeat;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.entryForm__button .label:hover {
  color: #000;
}
.entryForm__button .label:hover::after {
  background-image: url(../img/_common/arrow_black.svg);
}
.entryForm__button .label {
  padding: 0;
}
.entryForm__button a,
.entryForm__button [type=submit] {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: calc(var(--f) * 20);
  line-height: 2;
  cursor: pointer;
  display: block;
  width: 100%;
  padding: 1em 2em 1em 0 !important;
  color: #fff;
  font-size: calc(var(--f) * 20);
  text-align: center;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
.entryForm__button a:hover,
.entryForm__button [type=submit]:hover {
  color: #000;
}
.entryForm__button--back a.label {
  padding: 1em 0 1em 2em !important;
  background: #818b95;
}
.entryForm__button--back a.label::after {
  right: unset;
  left: 1em;
  background-image: url(../img/_common/arrow_white.svg);
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
@media screen and (min-width: 960.02px) {
  .entryForm__container {
    width: calc(var(--f) * 860);
  }
  .entryForm--check .entryForm__input table {
    border-top: 1px solid #c6cfd8;
  }
  .entryForm--check .entryForm__input table th, .entryForm--check .entryForm__input table td {
    border-bottom: 1px solid #c6cfd8;
  }
}
@media screen and (max-width: 960px) {
  .entryForm__input table {
    border-top: 1px solid #c6cfd8;
  }
  .entryForm__input table th, .entryForm__input table td {
    display: block;
    width: 100%;
  }
  .entryForm__input table th {
    padding-bottom: 0;
    font-size: calc(var(--f) * 20);
  }
  .entryForm__input table td {
    padding-top: 0.5em;
    border-bottom: 1px solid #c6cfd8;
  }
}

.environmentDetail__item {
  position: relative;
  z-index: 10;
  overflow: hidden;
  padding: calc(var(--h) * 100) 0;
}
.environmentDetail__item .head {
  width: calc(var(--f) * 1226);
  max-width: 92vw;
  margin: 0 auto calc(var(--f) * 20);
}
.environmentDetail__item .head .num img {
  display: block;
  height: calc(var(--f) * 47);
}
.environmentDetail__item .head .ja {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #004386;
  font-size: calc(var(--f) * 50);
  line-height: 1.5;
}
.environmentDetail__item .contents {
  width: calc(var(--f) * 1226);
  max-width: 92vw;
  margin: 0 auto;
}
.environmentDetail__item .photo {
  display: block;
}
.environmentDetail__item .subhead {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
  position: relative;
  padding: 0 0 0 0.75em;
  margin: 0 0 0.15em;
  color: #004386;
  font-size: calc(var(--f) * 22);
}
.environmentDetail__item .subhead::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.8em;
  display: block;
  width: 0.45em;
  height: 0.64em;
  background: #004386;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.environmentDetail__item .text {
  margin: 0 0 1em;
}
.environmentDetail__item .text:last-child {
  margin-bottom: 0;
}
.environmentDetail__item .list {
  margin: 0 0 1em;
}
.environmentDetail__item .list:last-child {
  margin-bottom: 0;
}
.environmentDetail__item .list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 0 1em;
}
.environmentDetail__item .list li:before {
  content: "●";
  position: relative;
  top: -0.2em;
  display: inline-block;
  margin: 0 0.5em 0 0;
  color: #004386;
  font-size: 0.75em;
  line-height: 1;
  vertical-align: middle;
}
@media screen and (min-width: 960.02px) {
  .environmentDetail__item .photo {
    position: relative;
    position: absolute;
    z-index: -1;
    width: 55%;
    height: 100%;
  }
  .environmentDetail__item .photo img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .environmentDetail__item:first-child {
    padding-top: calc(var(--h) * 160);
  }
  .environmentDetail__item:nth-child(2n+1) .contents {
    padding-right: calc(var(--f) * 1226 * 0.53);
  }
  .environmentDetail__item:nth-child(2n+1) .photo {
    right: 0;
    top: 0;
  }
  .environmentDetail__item:nth-child(2n+1) .photo::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, white, rgba(255, 255, 255, 0) calc(var(--f) * 220));
  }
  .environmentDetail__item:nth-child(2n+2) .head {
    padding-left: calc(var(--f) * 1226 * 0.53);
  }
  .environmentDetail__item:nth-child(2n+2) .contents {
    padding-left: calc(var(--f) * 1226 * 0.53);
  }
  .environmentDetail__item:nth-child(2n+2) .photo {
    overflow: visible;
    left: 0;
    top: 0;
  }
  .environmentDetail__item:nth-child(2n+2) .photo::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, right top, left top, from(white), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to left, white, rgba(255, 255, 255, 0) calc(var(--f) * 220));
  }
}
@media screen and (max-width: 960px) {
  .environmentDetail {
    padding-top: calc(var(--h) * 120);
  }
  .environmentDetail__item .head .num img {
    margin: 0 0 calc(var(--f) * 12);
  }
  .environmentDetail__item .head .ja {
    font-size: calc(var(--f) * 44);
    line-height: 1.35;
  }
  .environmentDetail__item .photo {
    position: relative;
    aspect-ratio: 10/6;
    margin-top: calc(var(--f) * 36);
  }
  .environmentDetail__item .photo img {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.faqList {
  padding: calc(var(--h) * 180) 0 calc(var(--h) * 160);
  background: #eef1f5;
}
.faqList__container {
  width: calc(var(--f) * 1080);
  max-width: 92vw;
  margin: 0 auto;
}
.faqList__box {
  position: relative;
  z-index: 10;
  margin: 0 0 calc(var(--f) * 60);
}
.faqList__box dt, .faqList__box dd {
  position: relative;
  padding: calc(var(--f) * 24) calc(var(--f) * 36) calc(var(--f) * 24) calc(var(--f) * 100);
}
.faqList__box dt span, .faqList__box dd span {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  position: absolute;
  left: 0;
  top: calc(var(--f) * 20);
  width: calc(var(--f) * 90);
  font-style: italic;
  color: #004386;
  font-size: calc(var(--f) * 42);
  line-height: 1;
  text-align: right;
  font-weight: 900;
}
.faqList__box dt .text, .faqList__box dd .text {
  line-height: 1.65;
}
.faqList__box dt {
  padding-top: calc(var(--f) * 36);
  padding-bottom: calc(var(--s) * 12);
}
.faqList__box dt::before, .faqList__box dt::after {
  content: "";
  position: absolute;
  top: 0;
  display: block;
  width: 2em;
  height: 2em;
}
.faqList__box dt::before {
  left: 0;
  border-top: 1px solid #004386;
  border-left: 1px solid #004386;
}
.faqList__box dt::after {
  right: 0;
  border-top: 1px solid #004386;
  border-right: 1px solid #004386;
}
.faqList__box dt span {
  top: calc(var(--f) * 32);
}
.faqList__box dt .text {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
  color: #004386;
  font-size: calc(var(--f) * 22);
}
.faqList__box dd {
  margin-bottom: 1.5em;
}
.faqList__box dd::before, .faqList__box dd::after {
  content: "";
  position: absolute;
  bottom: 0;
  display: block;
  width: 2em;
  height: 2em;
}
.faqList__box dd::before {
  left: 0;
  border-bottom: 1px solid #004386;
  border-left: 1px solid #004386;
}
.faqList__box dd::after {
  right: 0;
  border-bottom: 1px solid #004386;
  border-right: 1px solid #004386;
}
.faqList__box dd span {
  color: #008CCF;
}
.faqList__more {
  width: calc(var(--f) * 420);
  margin: 0 auto;
}
.faqList__more .label {
  position: relative;
  overflow: hidden;
  z-index: 10;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  position: relative;
  cursor: pointer;
  display: block;
  padding: 1em 1.5em;
  color: #fff;
  font-size: calc(var(--f) * 20);
  background: -webkit-gradient(linear, left top, right top, from(#004386), color-stop(50%, #00599c), to(#008ccf));
  background: linear-gradient(to right, #004386, #00599c 50%, #008ccf);
  transition-duration: 300ms;
}
.faqList__more .label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  -webkit-transform-origin: left top;
          transform-origin: left top;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  -webkit-animation: hover-bgcolor 300ms ease-in-out 0ms;
          animation: hover-bgcolor 300ms ease-in-out 0ms;
  background: #fff;
}
.faqList__more .label:hover::before {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
  -webkit-animation: none;
          animation: none;
}
.faqList__more .label::after {
  content: "";
  position: absolute;
  right: 1em;
  top: 0;
  display: block;
  width: 1.6em;
  height: 100%;
  background: url(../img/_common/arrow_yellow.svg) center/contain no-repeat;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.faqList__more .label:hover {
  color: #000;
}
.faqList__more .label:hover::after {
  background-image: url(../img/_common/arrow_black.svg);
}
@media screen and (min-width: 960.02px) {
  .faqList__box {
    padding: calc(var(--f) * 56) calc(var(--s) * 60) calc(var(--f) * 40);
    background: -webkit-gradient(linear, left top, right top, from(#004386), color-stop(50%, #00599c), to(#008ccf));
    background: linear-gradient(to right, #004386, #00599c 50%, #008ccf);
  }
  .faqList__box::before {
    content: "";
    position: absolute;
    left: calc(var(--f) * 3);
    top: calc(var(--f) * 3);
    z-index: -1;
    display: block;
    width: calc(100% - var(--f) * 6);
    height: calc(100% - var(--f) * 6);
    background: #fff;
  }
}
@media screen and (max-width: 960px) {
  .faqList__box dt, .faqList__box dd {
    background: #fff;
  }
}

.flowList {
  padding: calc(var(--h) * 160) 0;
  background: #eef1f5;
}
.flowList__container {
  width: calc(var(--f) * 1080);
  max-width: 92vw;
  margin: 0 auto;
}
.flowList__list .item {
  position: relative;
  z-index: 10;
  padding: calc(var(--f) * 46) calc(var(--s) * 60);
  margin: 0 0 calc(var(--f) * 60);
  background: -webkit-gradient(linear, left top, right top, from(#004386), color-stop(50%, #00599c), to(#008ccf));
  background: linear-gradient(to right, #004386, #00599c 50%, #008ccf);
}
.flowList__list .item::before {
  content: "";
  position: absolute;
  left: calc(var(--f) * 3);
  top: calc(var(--f) * 3);
  z-index: -1;
  display: block;
  width: calc(100% - var(--f) * 6);
  height: calc(100% - var(--f) * 6);
  background: #fff;
}
.flowList__list .item::after {
  content: "";
  position: absolute;
  top: calc(100% + var(--f) * 20);
  right: 0;
  left: 0;
  display: block;
  width: calc(var(--f) * 32);
  height: calc(var(--f) * 20);
  margin: 0 auto;
  background: #008CCF;
  -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
          clip-path: polygon(0 0, 100% 0, 50% 100%);
}
.flowList__list .step {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  display: block;
  margin: 0 0 0.1em;
  color: #008CCF;
  font-style: italic;
  font-size: calc(var(--f) * 40);
  line-height: 1;
  font-weight: 900;
}
.flowList__list .text h3 {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
  margin: 0 0 0.25em;
  color: #004386;
  font-size: calc(var(--f) * 26);
}
.flowList__list .text p {
  font-size: calc(var(--f) * 18);
}
.flowList__list .illust img {
  background: rgba(0, 140, 207, 0.1);
  border-radius: 999px;
}
.flowList__list .item:last-child::before {
  display: none;
}
.flowList__list .item:last-child::after {
  display: none;
}
.flowList__list .item:last-child .step {
  color: #FFF100;
}
.flowList__list .item:last-child .text h3 {
  color: #FFF100;
}
.flowList__list .item:last-child .text p {
  color: #fff;
}
.flowList__list .item:last-child .illust img {
  background: #fff;
}
@media screen and (min-width: 960.02px) {
  .flowList__list .item {
    padding-left: calc(var(--f) * 240);
  }
  .flowList__list .illust {
    position: absolute;
    left: 0;
    top: 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: calc(var(--f) * 240);
    height: 100%;
    padding: 0 calc(var(--f) * 40);
  }
}
@media screen and (max-width: 960px) {
  .flowList__list .item {
    padding: calc(var(--f) * 160) calc(var(--f) * 32) calc(var(--f) * 32);
  }
  .flowList__list .illust {
    position: absolute;
    left: 0;
    top: calc(var(--f) * 50);
    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: 100%;
    height: calc(var(--f) * 80);
  }
  .flowList__list .illust img {
    width: calc(var(--f) * 130);
  }
}

.messageDetail {
  position: relative;
  overflow: hidden;
  padding: calc(var(--h) * 200) 0 calc(var(--h) * 160);
  background: #eef1f5;
}
.messageDetail__container {
  width: calc(var(--f) * 1080);
  max-width: 92vw;
  margin: 0 auto;
}
.messageDetail__box {
  position: relative;
  z-index: 0;
  width: 100%;
  padding: calc(var(--h) * 80) 0;
  margin: 0 0 calc(var(--h) * 120);
}
.messageDetail__box:last-child {
  margin-bottom: 0;
}
.messageDetail__box .bg {
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100vw;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#004386), color-stop(50%, #00599c), to(#008ccf));
  background: linear-gradient(to right, #004386, #00599c 50%, #008ccf);
}
.messageDetail__text {
  color: #fff;
}
.messageDetail__text h3 {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
  margin: 0 0 calc(var(--s) * 40);
  font-size: calc(var(--f) * 36);
  line-height: 1.4;
  text-align: left;
}
.messageDetail__text .contents {
  margin: 0 0 calc(var(--f) * 40);
}
.messageDetail__text .contents p {
  margin: 0 0 1.5em;
  font-size: calc(var(--f) * 18);
  line-height: 1.65;
}
.messageDetail__text .contents p:last-child {
  margin-bottom: 0;
}
.messageDetail__text .contents .last {
  font-size: calc(var(--f) * 24);
}
.messageDetail__text .position {
  line-height: 1.65;
}
.messageDetail__text .position small {
  display: block;
  font-size: calc(var(--f) * 18);
}
.messageDetail__photo {
  position: relative;
}
.messageDetail__photo .position {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  width: 100%;
  height: 100%;
  padding: 0 0 calc(var(--f) * 24) calc(var(--f) * 36);
  color: #fff;
  font-size: calc(var(--f) * 36);
  line-height: 1.35;
  background: linear-gradient(30deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0) 50%);
}
.messageDetail__photo .position small {
  display: block;
  width: 100%;
  font-size: calc(var(--f) * 18);
}
@media screen and (min-width: 960.02px) {
  .messageDetail__box {
    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;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .messageDetail__text {
    width: 60%;
  }
  .messageDetail__photo {
    right: calc(var(--s) * -80);
    width: 40%;
  }
  .messageDetail__box:nth-child(2n) .bg {
    right: unset;
    left: 0;
  }
  .messageDetail__box:nth-child(2n) .messageDetail__photo {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    right: 0;
    left: calc(var(--s) * -80);
  }
}
@media screen and (max-width: 960px) {
  .messageDetail {
    padding-top: calc(var(--h) * 80);
  }
  .messageDetail__box {
    padding: 14vw 8vw 4vw 4vw;
    margin: 80vw 0 0;
  }
  .messageDetail__text h3 {
    font-size: calc(var(--f) * 32);
  }
  .messageDetail__photo {
    position: absolute;
    right: -4vw;
    top: -70vw;
    width: 60vw;
  }
  .messageDetail__photo .position {
    padding: 0 0 calc(var(--f) * 20) calc(var(--f) * 24);
  }
}

.pageTitle {
  position: relative;
  overflow: hidden;
  z-index: 100;
  padding: calc(var(--f) * 120) 0 calc(var(--f) * 78);
  margin-bottom: calc(var(--f) * -64);
  background: -webkit-gradient(linear, left top, right top, from(#004386), color-stop(50%, #00599c), to(#008ccf));
  background: linear-gradient(to right, #004386, #00599c 50%, #008ccf);
  -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--f) * 64), calc(100% - var(--f) * 476) calc(100% - var(--f) * 64), calc(100% - var(--f) * 540) 100%, 0 100%);
          clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--f) * 64), calc(100% - var(--f) * 476) calc(100% - var(--f) * 64), calc(100% - var(--f) * 540) 100%, 0 100%);
}
.pageTitle::after {
  content: "";
  position: absolute;
  right: calc(var(--s) * 40);
  top: 0;
  opacity: 0.3;
  display: block;
  width: 100%;
  height: calc(100% - var(--f) * 64);
  background: url(../img/_common/loog-white.svg) right top/contain no-repeat;
}
.pageTitle__container {
  width: calc(var(--f) * 1226);
  max-width: 92vw;
  margin: 0 auto;
}
.pageTitle__text .en {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  display: block;
  margin: 0 0 0.2em;
  color: #fff;
  font-size: calc(var(--f) * 64);
  line-height: 1;
  letter-spacing: 0.05em;
}
.pageTitle__text .ja {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  display: block;
  color: #FFF100;
  font-size: calc(var(--f) * 20);
  line-height: 1;
}
@media screen and (max-width: 960px) {
  .pageTitle {
    padding: calc(var(--f) * 110) 0 calc(var(--f) * 40);
    margin-bottom: calc(var(--f) * -36);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--f) * 36), calc(100% - var(--f) * 276) calc(100% - var(--f) * 36), calc(100% - var(--f) * 340) 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% calc(100% - var(--f) * 36), calc(100% - var(--f) * 276) calc(100% - var(--f) * 36), calc(100% - var(--f) * 340) 100%, 0 100%);
  }
  .pageTitle::after {
    top: calc(var(--h) * 70);
    height: calc(100% - var(--h) * 160);
  }
  .pageTitle__text .en {
    font-size: calc(var(--f) * 52);
  }
  .pageTitle__text .ja {
    font-size: calc(var(--f) * 18);
  }
}

.peopleMessage {
  position: relative;
  overflow: hidden;
  padding: calc(var(--h) * 120) 0;
  background: #eef1f5;
}
.peopleMessage__container {
  width: calc(var(--f) * 1226);
  max-width: 92vw;
  margin: 0 auto;
}
.peopleMessage__box {
  position: relative;
  z-index: 0;
  width: 100%;
  margin: 0 0 calc(var(--h) * 120);
}
.peopleMessage__box:last-child {
  margin-bottom: 0;
}
.peopleMessage__head {
  width: 100%;
}
.peopleMessage__head span {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  color: #004386;
  font-size: calc(var(--f) * 24);
}
.peopleMessage__head span b {
  font-size: 1.5em;
}
.peopleMessage__text h3 {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
  margin: 0 0 calc(var(--h) * 40);
  color: #004386;
  font-size: calc(var(--f) * 36);
  line-height: 1.4;
}
.peopleMessage__text .contents {
  margin: 0 0 calc(var(--f) * 40);
}
.peopleMessage__text .contents h4 {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
  margin: 0 0 0.4em;
  color: #004386;
  font-size: 1.25em;
  line-height: 1.4;
}
.peopleMessage__text .contents p {
  margin: 0 0 1.5em;
  font-size: calc(var(--f) * 18);
  line-height: 1.65;
}
.peopleMessage__text .contents p:last-child {
  margin-bottom: 0;
}
.peopleMessage__text .contents .photo {
  display: block;
  position: relative;
}
.peopleMessage__text .contents .photo img {
  display: block;
  width: 100%;
  margin: 0 0 1.5em;
}
.peopleMessage__text .contents .last {
  font-size: calc(var(--f) * 24);
}
.peopleMessage__text .position {
  line-height: 1.65;
}
.peopleMessage__text .position small {
  display: block;
  font-size: calc(var(--f) * 18);
}
.peopleMessage__photo {
  position: relative;
}
.peopleMessage__photo .photo {
  position: relative;
  aspect-ratio: 3/4;
}
.peopleMessage__photo .photo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.peopleMessage__photo .position {
  position: absolute;
  left: 0;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  width: 100%;
  height: 100%;
  padding: 0 0 calc(var(--f) * 24) calc(var(--f) * 36);
  color: #fff;
  font-size: calc(var(--f) * 18);
  line-height: 1.35;
  background: linear-gradient(30deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0) 50%);
}
.peopleMessage__photo .position__1, .peopleMessage__photo .position__2, .peopleMessage__photo .position__3 {
  width: 100%;
}
.peopleMessage__photo .position__3 {
  font-size: calc(var(--f) * 24);
}
.peopleMessage__photo .position__3 b {
  font-size: 1.5em;
}
.peopleMessage__box:nth-child(2n)::before {
  right: unset;
  left: 0;
}
.peopleMessage__box:nth-child(2n) .peopleMessage__text {
  -webkit-box-ordinal-group: 100;
      -ms-flex-order: 99;
          order: 99;
  padding-right: 0;
  padding-left: calc(var(--s) * 80);
}
@media screen and (min-width: 960.02px) {
  .peopleMessage__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .peopleMessage__head span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    gap: 0.5em;
  }
  .peopleMessage__head span::after {
    content: "";
    width: 100%;
    height: 2px;
    background: #004386;
  }
  .peopleMessage__text {
    width: 68%;
    padding-right: calc(var(--s) * 80);
  }
  .peopleMessage__photo {
    width: 32%;
  }
}
@media screen and (max-width: 960px) {
  .peopleMessage__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  .peopleMessage__photo {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    position: relative;
    right: -4vw;
    width: 60vw;
    margin-bottom: -9vw;
  }
  .peopleMessage__photo .position {
    padding: 0 0 calc(var(--f) * 18) calc(var(--f) * 24);
  }
  .peopleMessage__photo .position__0 {
    font-size: calc(var(--f) * 19);
  }
  .peopleMessage__photo .position__0::after {
    width: 3em;
  }
  .peopleMessage__photo .position__3 {
    font-size: calc(var(--f) * 28);
  }
}

.peopleNav {
  position: relative;
  overflow: hidden;
  padding: calc(var(--h) * 144) 0 calc(var(--h) * 80);
  background: -webkit-gradient(linear, left top, right top, from(#f9fdff), to(#def3ff));
  background: linear-gradient(to right, #f9fdff, #def3ff);
}
.peopleNav__container {
  width: calc(var(--f) * 1080);
  max-width: 92vw;
  margin: 0 auto;
}
.peopleNav__nav .box {
  position: relative;
  z-index: 10;
  display: block;
  padding: calc(var(--f) * 8);
}
.peopleNav__nav .box::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#004386), color-stop(50%, #00599c), to(#008ccf));
  background: linear-gradient(to right, #004386, #00599c 50%, #008ccf);
}
.peopleNav__nav .box::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #fff;
  mix-blend-mode: overlay;
  -webkit-transition-duration: 400ms;
          transition-duration: 400ms;
}
.peopleNav__nav .box:hover::after {
  opacity: 0.4;
}
.peopleNav__nav .photo {
  position: relative;
  position: relative;
  display: block;
  aspect-ratio: 10/7;
}
.peopleNav__nav .photo img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.peopleNav__nav .position {
  position: absolute;
  left: calc(var(--f) * 8);
  top: calc(var(--f) * 8);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  width: calc(100% - var(--f) * 16);
  height: calc(100% - var(--f) * 16);
  padding: 0 0 calc(var(--f) * 24) calc(var(--f) * 36);
  color: #fff;
  font-size: calc(var(--f) * 18);
  line-height: 1.35;
  background: linear-gradient(30deg, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0) 50%);
}
.peopleNav__nav .position__0, .peopleNav__nav .position__1, .peopleNav__nav .position__2, .peopleNav__nav .position__3 {
  width: 100%;
}
.peopleNav__nav .position__0 {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  gap: 0.5em;
  margin: 0 0 0.5em;
  font-size: calc(var(--f) * 17);
  font-weight: 400;
}
.peopleNav__nav .position__0::after {
  content: "";
  width: 10em;
  height: 1px;
  background: #fff;
}
.peopleNav__nav .position__3 {
  font-size: calc(var(--f) * 24);
}
.peopleNav__nav .position__3 b {
  font-size: 1.5em;
}
@media screen and (min-width: 960.02px) {
  .peopleNav__nav .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .peopleNav__nav .item {
    width: calc((100% - var(--s) * 40) / 2);
  }
}
@media screen and (max-width: 960px) {
  .peopleNav__nav .item {
    margin-bottom: 4vw;
  }
  .peopleNav__nav .item:last-child {
    margin-bottom: 0;
  }
  .peopleNav__nav .photo {
    aspect-ratio: 10/5;
  }
  .peopleNav__nav .photo img {
    -o-object-position: center -6vw;
       object-position: center -6vw;
  }
  .peopleNav__nav .position {
    padding: 0 0 calc(var(--f) * 12) calc(var(--f) * 18);
  }
  .peopleNav__nav .position__0 {
    font-size: calc(var(--f) * 19);
  }
  .peopleNav__nav .position__0::after {
    width: 3em;
  }
  .peopleNav__nav .position__3 {
    font-size: calc(var(--f) * 28);
  }
}

.positionDetail {
  padding: calc(var(--h) * 160) 0;
  background: #eef1f5;
}
.positionDetail__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: calc(var(--f) * 1080);
  max-width: 92vw;
  margin: 0 auto;
}
.positionDetail__nav {
  margin: 0 0 calc(var(--f) * 20);
}
.positionDetail__nav .items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.positionDetail__nav .item {
  width: calc((100% - var(--f) * 20) / 2);
}
.positionDetail__nav .item a {
  position: relative;
  display: block;
  padding: 0.75em 0;
  font-size: calc(var(--f) * 20);
  text-align: center;
  border: calc(var(--f) * 3) solid #000;
}
.positionDetail__nav .item a::after {
  content: "";
  position: absolute;
  right: 1em;
  top: 0;
  display: block;
  width: 1.6em;
  height: 100%;
  background: url(../img/_common/arrow_black.svg) center/contain no-repeat;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.positionDetail__nav .item.current a {
  color: #fff;
  background: #004386;
  border-color: #004386;
}
.positionDetail__nav .item.current a::after {
  display: none;
}
.positionDetail__btn {
  display: none;
}
.positionDetail__label {
  position: relative;
  cursor: pointer;
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  display: block;
  width: calc((100% - var(--f) * 20) / 2);
  padding: 0.75em 0;
  font-size: calc(var(--f) * 20);
  text-align: center;
  border: calc(var(--f) * 3) solid #000;
}
.positionDetail__label::after {
  content: "";
  position: absolute;
  right: 1em;
  top: 0;
  display: block;
  width: 1.6em;
  height: 100%;
  background: url(../img/_common/arrow_black.svg) center/contain no-repeat;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.positionDetail__btn:checked + .positionDetail__label {
  cursor: default;
  color: #fff;
  background: #004386;
  border-color: #004386;
}
.positionDetail__btn:checked + .positionDetail__label::after {
  display: none;
}
.positionDetail__box {
  display: none;
  margin: 0 0 calc(var(--h) * 120);
}
.positionDetail__box:last-child {
  margin-bottom: 0;
}
.positionDetail__box .title {
  display: none;
}
.positionDetail__box .table {
  position: relative;
  z-index: 10;
  margin: calc(var(--f) * 40) 0 calc(var(--f) * 40);
}
.positionDetail__box .table table {
  width: 100%;
}
.positionDetail__box .table th, .positionDetail__box .table td {
  padding: 0 0 calc(var(--f) * 16);
}
.positionDetail__box .table .circle {
  position: relative;
  top: -0.15em;
  display: inline-block;
  margin: 0 0.25em 0 0;
  color: rgba(0, 140, 207, 0.5);
  font-size: 0.75em;
  vertical-align: middle;
}
.positionDetail__box .table th {
  padding-right: 2em;
  color: #004386;
  white-space: nowrap;
}
.positionDetail__box .table td {
  position: relative;
  padding-left: calc(var(--f) * 20);
}
.positionDetail__box .table td::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  display: block;
  width: 0.5em;
  height: 0.7em;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  background: #008CCF;
}
.positionDetail__box .income__title {
  width: 100%;
}
.positionDetail__box .income__title span {
  display: inline-block;
  padding: 0 3.6em;
  -webkit-clip-path: polygon(0 0, calc(100% - 0.75em) 0, 100% 100%, 0.75em 100%);
          clip-path: polygon(0 0, calc(100% - 0.75em) 0, 100% 100%, 0.75em 100%);
  background: #FFF100;
}
.positionDetail__box .income__box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(var(--f) * 20);
  padding: calc(var(--f) * 24) calc(var(--f) * 36);
  border: calc(var(--f) * 3) solid #004386;
  border-radius: 1em;
  background: #fff;
}
.positionDetail__box .income__left {
  width: 50%;
}
.positionDetail__box .income__head {
  margin: 0 0 0.5em;
  color: #fff;
  font-size: calc(var(--f) * 18);
  line-height: 1.75;
  text-align: center;
  background: #008CCF;
  border-radius: 999px;
}
.positionDetail__box .income__top {
  font-size: calc(var(--f) * 26);
  line-height: 1;
  text-align: center;
}
.positionDetail__box .income__top b {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 1.85em;
}
.positionDetail__box .income__text {
  width: 50%;
  padding: 0.5em 0 0.5em 1em;
  font-size: calc(var(--f) * 16);
  line-height: 1.5;
  border-left: calc(var(--f) * 1) solid #008CCF;
}
.positionDetail__box .income__notice {
  width: 100%;
}
.positionDetail__btn:checked + .positionDetail__label + .positionDetail__box {
  display: block;
}
@media screen and (min-width: 960.02px) {
  .positionDetail__box .income {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: calc(var(--f) * 24) 0;
  }
  .positionDetail__box .income__box {
    width: calc((100% - var(--f) * 20) / 2);
  }
}
@media screen and (max-width: 960px) {
  .positionDetail {
    padding-bottom: 0;
  }
  .positionDetail__label {
    line-height: 1.5;
  }
  .positionDetail__label::after {
    right: 0.5em;
  }
  .positionDetail__box .table th, .positionDetail__box .table td {
    font-size: calc(var(--f) * 17);
  }
  .positionDetail__box .table th {
    padding-right: 1em;
  }
  .positionDetail__box .income__box {
    padding: calc(var(--f) * 18) calc(var(--f) * 24);
    margin-top: calc(var(--f) * 18);
  }
  .positionDetail__box .income__notice {
    margin-top: calc(var(--f) * 18);
    font-size: calc(var(--f) * 17);
    line-height: 1.75;
  }
}