@charset "UTF-8";


@import url("https://fonts.googleapis.com/css2?family=Lexend+Exa:wght@100..900&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
@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 {
  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;
  --f: 1px;
}
@media screen and (max-width: 960px) {
  :root {
    --s: 0.26667vw;
    --f: 0.26667vw;
  }
}

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";
}

body {
  font-size: calc(var(--f) * 16);
  line-height: 2;
  letter-spacing: 0.01em;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #333;
}

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

.sp {
  display: none;
}

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

.season {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.15em 0.9em;
  color: #333;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 8);
  background: #fff;
}
.season::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #344D9F;
  border-radius: calc(var(--f) * 8);
}
.season.summer::before {
  border-color: #28A745;
  background-color: rgba(40, 167, 69, 0.1);
}
.season.winter::before {
  border-color: #1D85F8;
  background-color: rgba(29, 133, 248, 0.1);
}
.season.spring::before {
  border-color: #FF69B4;
  background-color: rgba(255, 105, 180, 0.1);
}
.season.autumn::before {
  border-color: #FFA500;
  background-color: rgba(255, 165, 0, 0.1);
}

.cta {
  color: #fff;
  background: #344D9F;
}
.cta__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
  padding: calc(var(--s) * 52) 0 0;
}
.cta__head {
  margin: 0 0 calc(var(--f) * 18);
  font-size: calc(var(--f) * 42);
  font-weight: 900;
}
.cta__head::before {
  content: "";
  width: 1.055em;
  height: 1.055em;
  background: url(../img/_common/ico/mail-white.svg) center/contain no-repeat;
}
.cta__link__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cta__link__item .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.cta__link__item .label:hover {
  opacity: 0.7;
}
.cta__link__item .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.cta__link__item .label a, .cta__link__item .label input, .cta__link__item .label button, .cta__link__item .label label, .cta__link__item .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .cta__link__item .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .cta__link__item .label a, .cta__link__item .label input, .cta__link__item .label button, .cta__link__item .label label, .cta__link__item .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
@media screen and (min-width: 960.02px) {
  .cta__head {
    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: 0.5em;
  }
  .cta__text {
    text-align: center;
  }
  .cta__link__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: calc(var(--f) * 28);
    padding: calc(var(--f) * 45) 0 calc(var(--f) * 66);
  }
}
@media screen and (max-width: 960px) {
  .cta__container {
    padding-top: calc(var(--s) * 40);
  }
  .cta__head {
    font-size: calc(var(--f) * 28);
    line-height: 1.5;
    text-align: center;
  }
  .cta__head::before {
    content: "";
    display: block;
    width: 1.25em;
    height: 1.25em;
    margin: 0 auto calc(var(--f) * 8);
    background: url(../img/_common/ico/mail-white.svg) center/contain no-repeat;
  }
  .cta__text {
    font-size: calc(var(--f) * 14);
    text-align: left;
  }
  .cta__link__items {
    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(--s) * 12) 0;
    padding: calc(var(--f) * 25) 0 calc(var(--f) * 32);
  }
  .cta__link__item:last-child {
    margin-bottom: 0;
  }
  .cta__link__item:nth-child(2), .cta__link__item:nth-child(3) {
    width: calc((100% - var(--s) * 12) / 2);
  }
  .cta__link__item .label {
    width: 100%;
    min-width: unset;
  }
}

.footer {
  position: relative;
  overflow: hidden;
  background: rgba(52, 77, 159, 0.1);
}
.footer__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
@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;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    padding: 0 0 calc(var(--f) * 150);
    background: url(../img/_common/footer-illust.png) right bottom/calc(var(--f) * 342) auto no-repeat;
  }
  .footer__info {
    padding: calc(var(--f) * 66) 0 0;
  }
  .footer__logo {
    width: calc(var(--s) * 244);
    margin: 0 0 calc(var(--f) * 30);
    mix-blend-mode: multiply;
  }
  .footer__logo img {
    display: block;
    width: 100%;
  }
  .footer__address {
    font-size: calc(var(--f) * 14);
    line-height: 1.71;
  }
  .footer__address dt {
    font-weight: 700;
  }
  .footer__nav {
    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;
    gap: calc(var(--s) * 44) calc(var(--s) * 26);
    width: 100%;
    padding: calc(var(--f) * 60) 0 0;
  }
  .footer__nav__btn, .footer__nav__label {
    display: none;
  }
  .footer__nav__link {
    display: block;
    color: #344D9F;
    font-size: calc(var(--f) * 14);
    font-weight: 700;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  }
  .footer__nav__link + .footer__nav__link {
    margin-top: calc(var(--f) * 14);
  }
  .footer__nav__sub {
    padding: calc(var(--f) * 4) 0 calc(var(--f) * 40);
  }
  .footer__nav__sub:last-child {
    padding-bottom: 0;
  }
  .footer__nav__sub a {
    display: block;
    padding: 0.25em 0;
    font-size: calc(var(--f) * 14);
    line-height: 1.5;
  }
  .footer__bottom {
    width: 1080px;
    max-width: 89.3vw;
    margin: 0 auto;
    position: relative;
    z-index: 10;
    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;
    padding: calc(var(--f) * 18) 0;
    color: #fff;
    font-size: calc(var(--f) * 10);
  }
  .footer__bottom::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    z-index: -1;
    display: block;
    width: 100vw;
    height: 100%;
    margin-left: -50vw;
    background: #344D9F;
  }
  .footer__cta {
    display: none;
  }
  .footer__sub-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .footer__sub-nav li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .footer__sub-nav li::after {
    content: "｜";
    margin: 0 0.15em;
  }
  .footer__sub-nav li:last-child::after {
    display: none;
  }
  .footer__copyright {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }
}
@media screen and (max-width: 960px) {
  .footer {
    padding-top: calc(var(--s) * 33);
    background: #E9EDF5;
  }
  .footer__info {
    display: none;
  }
  .footer__nav__btn {
    display: none;
  }
  .footer__nav__label, .footer__nav__link {
    position: relative;
    display: block;
    padding: calc(var(--f) * 18) 0 0;
    color: #344D9F;
    font-size: calc(var(--f) * 14);
    line-height: 1.5;
    font-weight: 700;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  }
  .footer__nav__label::after {
    content: "";
    position: absolute;
    right: calc(var(--f) * 5);
    bottom: 0;
    display: block;
    width: calc(var(--f) * 17);
    height: calc(var(--f) * 17);
    background: url(../img/_common/footer-sub.svg) center/contain no-repeat;
  }
  .footer__nav__btn:checked + .footer__nav__label::after {
    -webkit-transform: scale(1, -1);
            transform: scale(1, -1);
  }
  .footer__nav__label + .footer__nav__link {
    display: none;
  }
  .footer__nav__sub {
    display: none;
    margin: 0 0 calc(var(--f) * 35);
  }
  .footer__nav__sub a {
    display: block;
    margin: calc(var(--f) * 8) 0 0;
    font-size: calc(var(--f) * 14);
    line-height: 1.28;
  }
  .footer__nav__btn:checked + .footer__nav__label + .footer__nav__link + .footer__nav__sub {
    display: block;
  }
  .footer__cta {
    padding: calc(var(--f) * 50) 0 calc(var(--f) * 172);
    background: url(../img/_common/footer-illust.png) center bottom/calc(var(--f) * 276) auto no-repeat;
  }
  .footer__cta__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: calc(var(--s) * 9);
  }
  .footer__cta__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: calc(var(--s) * 50);
    font-size: calc(var(--s) * 14);
    font-weight: 700;
    white-space: nowrap;
    border-radius: 999px;
  }
  .footer__cta__item--contact .footer__cta__link {
    width: calc(var(--s) * 120);
    border: 1px solid rgba(51, 51, 51, 0.1);
  }
  .footer__cta__item--entry .footer__cta__link {
    width: calc(var(--s) * 150);
    color: #fff;
    background: #344D9F;
  }
  .footer__bottom {
    font-size: calc(var(--f) * 10);
  }
  .footer__sub-nav {
    padding: calc(var(--f) * 16) 0 calc(var(--f) * 11);
  }
  .footer__sub-nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .footer__sub-nav li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: calc(var(--f) * 10);
  }
  .footer__sub-nav li::after {
    content: "｜";
    margin: 0 0.15em;
  }
  .footer__sub-nav li:last-child::after {
    display: none;
  }
  .footer__copyright {
    display: block;
    padding: calc(var(--f) * 18) 0;
    color: #fff;
    text-align: center;
    background: #344D9F;
  }
}

.header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 1000;
  display: block;
  width: 100%;
  background: #fff;
  -webkit-box-shadow: 0 0 calc(var(--f) * 15) 0 rgba(51, 51, 51, 0.05);
          box-shadow: 0 0 calc(var(--f) * 15) 0 rgba(51, 51, 51, 0.05);
}
@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(--f) * 85);
    padding: 0 calc(var(--s) * 50);
  }
  .header__logo {
    width: calc(var(--s) * 168);
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}
@media only screen and (min-width: 960.02px) and (max-width: 1220px) {
  .header__container {
    padding-right: calc(var(--s) * 12);
    padding-left: calc(var(--s) * 12);
  }
}
@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(--f) * 60);
    padding: 0 0 0 calc(var(--s) * 18);
  }
  .header__logo {
    width: calc(var(--s) * 135);
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
}

.main {
  padding: calc(var(--f) * 85) 0 0;
}
@media screen and (max-width: 960px) {
  .main {
    padding-top: calc(var(--f) * 60);
  }
}

@media screen and (min-width: 960.02px) {
  .nav__btn, .nav__label {
    display: none;
  }
  .nav__container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
    gap: 0 calc(var(--s) * 19);
    width: 100%;
    height: calc(var(--f) * 85);
    padding: calc(var(--s) * 16) 0 calc(var(--s) * 16) calc(var(--s) * 50);
    white-space: nowrap;
  }
  .nav__main {
    position: relative;
    top: calc(var(--s) * 4);
  }
  .nav__main__item {
    position: relative;
  }
  .nav__main__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: calc(var(--s) * 25);
  }
  .nav__main__btn, .nav__main__label {
    display: none;
  }
  .nav__main__link {
    font-size: calc(var(--s) * 14);
    font-weight: 500;
  }
  .nav__main__label + .nav__main__link {
    padding: 0 calc(var(--s) * 15) 0 0;
    background: url(../img/_common/header-sub.svg) right center/calc(var(--s) * 11) auto no-repeat;
  }
  .nav__main__sub {
    position: absolute;
    left: calc(var(--s) * -24);
    top: 100%;
    opacity: 0;
    pointer-events: none;
    white-space: nowrap;
    padding: calc(var(--s) * 16) calc(var(--s) * 24);
    background: rgba(29, 133, 248, 0.85);
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
  }
  .nav__main__sub li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  }
  .nav__main__sub li:last-child {
    border-bottom: none;
  }
  .nav__main__sub a {
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
  }
  .nav__main__sub a:hover {
    opacity: 0.7;
  }
  .nav__main__sub a {
    display: block;
    padding: 1em 0.5em;
    color: #fff;
    font-size: calc(var(--s) * 14);
    line-height: 1.5;
  }
  .nav__main__item:hover .nav__main__sub {
    opacity: 1;
    pointer-events: all;
  }
  .nav__cta__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(var(--s) * 9);
  }
  .nav__cta__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: calc(var(--s) * 50);
    font-size: calc(var(--s) * 14);
    font-weight: 700;
    white-space: nowrap;
    border-radius: 999px;
  }
  .nav__cta__item--contact .nav__cta__link {
    width: calc(var(--s) * 120);
    border: 1px solid rgba(51, 51, 51, 0.1);
  }
  .nav__cta__item--entry .nav__cta__link {
    width: calc(var(--s) * 150);
    color: #fff;
    background: #344D9F;
  }
  .nav__sub {
    position: absolute;
    right: calc(var(--s) * 296);
    top: calc(var(--s) * 10);
  }
  .nav__sub__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(var(--s) * 9);
    gap: 0 calc(var(--s) * 25);
  }
  .nav__sub__link {
    color: #1D85F8;
    font-size: calc(var(--s) * 14);
  }
  .nav__privacy {
    display: none;
  }
}
@media only screen and (min-width: 960.02px) and (max-width: 1220px) {
  .nav__container {
    padding-left: calc(var(--s) * 16);
  }
  .nav__main__items {
    gap: calc(var(--s) * 12);
  }
  .nav__main__link {
    font-size: calc(var(--s) * 12.5);
  }
  .nav__cta__link {
    font-size: calc(var(--s) * 12.5);
  }
  .nav__cta__item--contact .nav__cta__link {
    width: calc(var(--s) * 100);
  }
  .nav__cta__item--entry .nav__cta__link {
    width: calc(var(--s) * 130);
  }
  .nav__sub {
    right: calc(var(--s) * 256);
  }
  .nav__sub__link {
    color: #1D85F8;
    font-size: calc(var(--s) * 12.5);
  }
}
@media screen and (max-width: 960px) {
  .nav__btn {
    display: none;
  }
  .nav__label {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: calc(var(--f) * 94);
    height: calc(var(--f) * 60);
  }
  .nav__label span {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
    display: block;
    width: calc(var(--f) * 30);
    height: 2px;
    margin: auto;
    background: #1D85F8;
    -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: #344D9F;
    -webkit-transition-duration: 300ms;
            transition-duration: 300ms;
  }
  .nav__label span::before {
    top: calc(var(--f) * -7);
  }
  .nav__label span::after {
    top: calc(var(--f) * 7);
  }
  .nav__btn:checked + .nav__label span {
    background: none;
  }
  .nav__btn:checked + .nav__label span::before {
    top: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  .nav__btn:checked + .nav__label span::after {
    top: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    background: #1D85F8;
  }
  .nav__container {
    position: absolute;
    overflow: hidden;
    left: 0;
    top: calc(var(--f) * 60);
    overflow-y: scroll;
    opacity: 0;
    width: 100%;
    height: 0;
    padding: calc(var(--s) * 35) calc(var(--s) * 20) 0;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(51, 51, 51, 0.005)), to(#fff));
    background: linear-gradient(rgba(51, 51, 51, 0.005), #fff calc(var(--f) * 15));
    -webkit-transition-duration: 600ms;
            transition-duration: 600ms;
  }
  .nav__btn:checked + .nav__label + .nav__container {
    opacity: 1;
    height: calc(100vh - var(--f) * 60);
  }
  .nav__main__btn {
    display: none;
  }
  .nav__main__label, .nav__main__link, .nav__sub__link {
    position: relative;
    display: block;
    padding: calc(var(--f) * 18) 0 0;
    color: #344D9F;
    font-size: calc(var(--f) * 14);
    line-height: 1.5;
    font-weight: 700;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
  }
  .nav__main__label::after {
    content: "";
    position: absolute;
    right: calc(var(--f) * 5);
    bottom: 0;
    display: block;
    width: calc(var(--f) * 17);
    height: calc(var(--f) * 17);
    background: url(../img/_common/footer-sub.svg) center/contain no-repeat;
  }
  .nav__main__btn:checked + .nav__main__label::after {
    -webkit-transform: scale(1, -1);
            transform: scale(1, -1);
  }
  .nav__main__label + .nav__main__link {
    display: none;
  }
  .nav__main__sub {
    display: none;
    margin: 0 0 calc(var(--f) * 35);
  }
  .nav__main__sub a {
    display: block;
    margin: calc(var(--f) * 8) 0 0;
    font-size: calc(var(--f) * 14);
    line-height: 1.28;
  }
  .nav__main__btn:checked + .nav__main__label + .nav__main__link + .nav__main__sub {
    display: block;
  }
  .nav__cta {
    padding: calc(var(--f) * 50) 0 calc(var(--f) * 27);
  }
  .nav__cta__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: calc(var(--s) * 9);
  }
  .nav__cta__link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: calc(var(--s) * 50);
    font-size: calc(var(--s) * 14);
    font-weight: 700;
    white-space: nowrap;
    border-radius: 999px;
  }
  .nav__cta__item--contact .nav__cta__link {
    width: calc(var(--s) * 120);
    border: 1px solid rgba(51, 51, 51, 0.1);
  }
  .nav__cta__item--entry .nav__cta__link {
    width: calc(var(--s) * 150);
    color: #fff;
    background: #344D9F;
  }
  .nav__privacy {
    padding: 0 0 calc(var(--f) * 11);
  }
  .nav__privacy ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .nav__privacy li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: calc(var(--f) * 10);
  }
  .nav__privacy li::after {
    content: "｜";
    margin: 0 0.15em;
  }
  .nav__privacy li:last-child::after {
    display: none;
  }
}

.page-title {
  position: relative;
  overflow: visible;
  z-index: 10;
  background: #304899;
}
.page-title__container {
  position: relative;
  overflow: hidden;
  z-index: 10;
}
.page-title__container::before, .page-title__container::after {
  content: "";
  position: absolute;
  display: block;
  width: calc(var(--f) * 606.4);
  height: calc(var(--f) * 333.1);
  background: url(../img/_common/page-title.svg) center/contain no-repeat;
}
.page-title__container::before {
  left: calc(var(--f) * -304);
  top: calc(var(--f) * -92);
}
.page-title__container::after {
  right: calc(var(--f) * -304);
  top: calc(var(--f) * -61);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.page-title__text {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: calc(var(--f) * 215);
  color: #fff;
  font-size: calc(var(--f) * 48);
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}
.page-title__text--error {
  font-family: "Lexend Exa", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: calc(var(--f) * 80);
}
@media screen and (max-width: 960px) {
  .page-title__container::before, .page-title__container::after {
    width: calc(var(--f) * 160);
  }
  .page-title__container::before {
    left: calc(var(--f) * -75);
    top: calc(var(--f) * -150);
  }
  .page-title__container::after {
    right: calc(var(--f) * -75);
    top: unset;
    bottom: calc(var(--f) * -150);
  }
  .page-title__text {
    height: calc(var(--f) * 180);
    font-size: calc(var(--f) * 24);
    line-height: 1.33;
  }
  .page-title__text--error {
    font-size: calc(var(--f) * 60);
  }
}

.topic-path {
  position: absolute;
  left: 0;
  top: 100%;
  display: block;
  width: 100%;
}
.topic-path__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
  padding: calc(var(--f) * 4) 0;
}
.topic-path__list__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.topic-path__list__item::after {
  content: ">";
  margin: 0 0.4em;
  color: #1D85F8;
  font-weight: 500;
}
.topic-path__list__item:last-child::after {
  display: none;
}
.topic-path__list__item a {
  color: rgba(51, 51, 51, 0.5);
}
@media screen and (max-width: 960px) {
  .topic-path__list__item {
    font-size: calc(var(--f) * 13);
  }
}

.useful-links {
  background: #E9EDF5;
}
.useful-links__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
  padding: calc(var(--s) * 78) 0 0;
}
.useful-links__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.useful-links__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .useful-links__head {
    font-size: calc(var(--f) * 24);
  }
  .useful-links__head::after {
    width: calc(var(--f) * 45);
  }
}
.useful-links__head {
  position: relative;
  padding-bottom: calc(var(--s) * 120);
  margin-bottom: 0;
  text-align: center;
}
.useful-links__head::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(var(--f) * 50);
  background: #fff;
  border-radius: calc(var(--f) * 50) calc(var(--f) * 50) 0 0;
}
.useful-links__head::after {
  margin-right: auto;
  margin-left: auto;
}
.useful-links__link {
  padding: calc(var(--f) * 14) 0 calc(var(--s) * 67);
  background: #fff;
}
.useful-links__link__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(var(--s) * 34) 0;
  width: calc(var(--f) * 780);
  max-width: 100%;
  margin: 0 auto;
}
.useful-links__link__item {
  width: 100%;
}
.useful-links__link__item a {
  display: block;
  padding: calc(var(--f) * 5) calc(var(--f) * 36);
  line-height: 1.5;
  font-weight: 500;
  text-decoration: underline;
  background: url(../img/_common/ico/link-aqua.svg) left top calc(var(--f) * 3)/calc(var(--f) * 20.5) auto no-repeat;
}
.useful-links__faq {
  padding: 0 0 calc(var(--s) * 40);
  background: #fff;
}
.useful-links__faq__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.useful-links__faq__title::before, .useful-links__faq__title::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.useful-links__faq__title::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.useful-links__faq__title b {
  font-size: 1.5em;
}
.useful-links__faq__title {
  color: #344D9F;
}
.useful-links__faq__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.useful-links__faq__link .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.useful-links__faq__link .label:hover {
  opacity: 0.7;
}
.useful-links__faq__link .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.useful-links__faq__link .label a, .useful-links__faq__link .label input, .useful-links__faq__link .label button, .useful-links__faq__link .label label, .useful-links__faq__link .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .useful-links__faq__link .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .useful-links__faq__link .label a, .useful-links__faq__link .label input, .useful-links__faq__link .label button, .useful-links__faq__link .label label, .useful-links__faq__link .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
@media screen and (min-width: 960.02px) {
  .useful-links__link__item {
    width: 50%;
  }
}
@media screen and (max-width: 960px) {
  .useful-links__container {
    padding-top: calc(var(--s) * 46);
  }
  .useful-links__head {
    padding-bottom: calc(var(--s) * 60);
  }
  .useful-links__head::before {
    height: calc(var(--f) * 25);
    border-radius: calc(var(--f) * 25) calc(var(--f) * 25) 0 0;
  }
  .useful-links__link {
    padding: calc(var(--f) * 10) calc(var(--s) * 20) calc(var(--s) * 36);
  }
  .useful-links__link__items {
    gap: calc(var(--s) * 16) 0;
  }
  .useful-links__link__item {
    width: 100%;
  }
  .useful-links__link__item a {
    display: block;
    padding: calc(var(--f) * 5) 0 calc(var(--f) * 5) calc(var(--f) * 30);
    font-size: calc(var(--f) * 15);
    background: url(../img/_common/ico/link-aqua.svg) left center/calc(var(--f) * 18) auto no-repeat;
  }
}

.home-business {
  position: relative;
  overflow: hidden;
  padding: calc(var(--s) * 180) 0;
  background: #344D9F;
}
.home-business::before, .home-business::after {
  content: "";
  position: absolute;
  z-index: 1;
  display: block;
  width: calc(var(--s) * 611);
  height: calc(var(--s) * 338);
  background: url(../img/_common/page-title.svg) center/contain no-repeat;
}
.home-business::before {
  right: calc(50% + var(--s) * 25);
  top: calc(var(--s) * -63);
}
.home-business::after {
  left: calc(50% + var(--s) * 25);
  bottom: calc(var(--s) * -63);
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.home-business__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
  position: relative;
  z-index: 10;
  padding: calc(var(--s) * 86) calc(var(--s) * 50);
  background: #fff;
  border-radius: calc(var(--f) * 50);
}
.home-business__head {
  margin: 0 0 calc(var(--f) * 18);
  font-size: calc(var(--f) * 48);
  letter-spacing: 0.1em;
  line-height: 1.75;
  font-weight: 900;
  text-align: center;
}
.home-business__head b {
  color: #344D9F;
}
.home-business__intro {
  margin: 0 0 calc(var(--f) * 50);
}
.home-business__intro p {
  font-size: calc(var(--f) * 24);
  font-weight: 500;
  text-align: center;
}
.home-business__body p {
  margin: 0 0 calc(var(--f) * 46);
  font-size: calc(var(--f) * 24);
  letter-spacing: 0.1em;
  font-weight: 500;
  text-align: center;
}
.home-business__body p:last-child {
  margin-bottom: 0;
}
.home-business__box {
  display: block;
  padding: calc(var(--s) * 36) 0;
  text-align: center;
  border: 1px solid #344D9F;
  border-radius: calc(var(--f) * 30);
  background: rgba(52, 77, 159, 0.1);
}
.home-business__box .img {
  display: block;
  width: 100%;
  text-align: center;
}
.home-business__box .img img {
  display: inline-block;
}
.home-business__box .title {
  margin: 0 0 calc(var(--f) * 12);
}
.home-business__box .ja {
  display: block;
  color: #344D9F;
  font-size: calc(var(--f) * 32);
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}
.home-business__box .en {
  font-family: "Lexend Exa", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin: 0 0 calc(var(--f) * 18);
  color: rgba(29, 133, 248, 0.5);
  line-height: 1.5;
}
.home-business__box .text {
  line-height: 1.5;
}
.home-business__box .more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home-business__box .more .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.home-business__box .more .label:hover {
  opacity: 0.7;
}
.home-business__box .more .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.home-business__box .more .label a, .home-business__box .more .label input, .home-business__box .more .label button, .home-business__box .more .label label, .home-business__box .more .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .home-business__box .more .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .home-business__box .more .label a, .home-business__box .more .label input, .home-business__box .more .label button, .home-business__box .more .label label, .home-business__box .more .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.home-business__box .more {
  margin: 0 calc(var(--f) * 10);
}
.home-business__box .more .label {
  width: calc(var(--f) * 300);
}
@media screen and (min-width: 960.02px) {
  .home-business__items {
    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) * 36) 0;
  }
  .home-business__box .text {
    height: calc(var(--f) * 77);
  }
  .home-business__item--1, .home-business__item--2 {
    width: calc((100% - var(--s) * 40) / 2);
  }
  .home-business__item--1 .home-business__box .img, .home-business__item--2 .home-business__box .img {
    display: block;
    width: calc(var(--s) * 340);
    height: calc(var(--s) * 236);
    margin: 0 auto;
  }
  .home-business__item--3, .home-business__item--4, .home-business__item--5 {
    width: calc((100% - var(--s) * 50) / 3);
  }
  .home-business__item--3 .home-business__box, .home-business__item--4 .home-business__box, .home-business__item--5 .home-business__box {
    padding-top: calc(var(--s) * 46);
  }
  .home-business__item--3 .home-business__box .img, .home-business__item--4 .home-business__box .img, .home-business__item--5 .home-business__box .img {
    display: block;
    width: 80.6%;
    aspect-ratio: 250/150;
    margin: 0 auto calc(var(--f) * 26);
  }
  .home-business__item--3 .home-business__box .img img, .home-business__item--4 .home-business__box .img img, .home-business__item--5 .home-business__box .img img {
    -o-object-fit: contain;
       object-fit: contain;
    display: block;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 960px) {
  .home-business {
    padding: calc(var(--s) * 100) 0;
  }
  .home-business::before, .home-business::after {
    width: calc(var(--s) * 268);
  }
  .home-business::before {
    right: unset;
    left: calc(var(--s) * -10);
    top: calc(var(--s) * -125);
  }
  .home-business::after {
    right: calc(var(--s) * -10);
    left: unset;
    bottom: calc(var(--s) * -125);
  }
  .home-business__container {
    padding: calc(var(--s) * 48) calc(var(--s) * 20);
    border-radius: calc(var(--f) * 25);
  }
  .home-business__head {
    margin-bottom: calc(var(--f) * 6);
    font-size: calc(var(--f) * 32);
  }
  .home-business__intro {
    margin-bottom: calc(var(--f) * 40);
  }
  .home-business__intro p {
    font-size: calc(var(--f) * 16);
    line-height: 1.5;
  }
  .home-business__item {
    margin-bottom: calc(var(--s) * 30);
  }
  .home-business__item:last-child {
    margin-bottom: 0;
  }
  .home-business__box {
    padding: calc(var(--f) * 20) 0 calc(var(--f) * 36);
    border-radius: calc(var(--f) * 20);
  }
  .home-business__box .img {
    margin-bottom: calc(var(--f) * 14);
  }
  .home-business__box .img img {
    height: calc(var(--f) * 136);
  }
  .home-business__box .title {
    margin-bottom: calc(var(--f) * 6);
  }
  .home-business__box .ja {
    margin-bottom: calc(var(--f) * -6);
    font-size: calc(var(--f) * 24);
    line-height: 1;
  }
  .home-business__box .en {
    font-size: calc(var(--f) * 12);
    line-height: 1;
  }
  .home-business__box .text {
    margin-bottom: calc(var(--f) * 32);
    font-size: calc(var(--f) * 14);
  }
  .home-business__box .more {
    margin: 0 calc(var(--f) * 40);
  }
  .home-business__item--2 .home-business__box .img img {
    height: calc(var(--f) * 138);
  }
  .home-business__item--3 .home-business__box .img img {
    height: calc(var(--f) * 126);
  }
  .home-business__item--4 .home-business__box .img img {
    height: calc(var(--f) * 81);
  }
  .home-business__item--5 .home-business__box .img img {
    height: calc(var(--f) * 119);
  }
}

.home-company {
  padding: 0 0 calc(var(--s) * 90);
}
.home-company__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
  position: relative;
  padding: calc(var(--s) * 60) calc(var(--s) * 80);
  background: #344D9F;
  border-radius: calc(var(--f) * 50);
}
.home-company__img img {
  display: block;
  width: 100%;
}
.home-company__text {
  color: #fff;
}
.home-company__text .title {
  margin-bottom: 0.75em;
  font-size: calc(var(--f) * 48);
  font-weight: 900;
  text-align: center;
}
.home-company__text .more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home-company__text .more .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.home-company__text .more .label:hover {
  opacity: 0.7;
}
.home-company__text .more .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.home-company__text .more .label a, .home-company__text .more .label input, .home-company__text .more .label button, .home-company__text .more .label label, .home-company__text .more .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .home-company__text .more .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .home-company__text .more .label a, .home-company__text .more .label input, .home-company__text .more .label button, .home-company__text .more .label label, .home-company__text .more .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.home-company__text .more .label {
  width: calc(var(--f) * 240);
}
@media screen and (min-width: 960.02px) {
  .home-company__body {
    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;
  }
  .home-company__img {
    width: 50%;
  }
  .home-company__text {
    width: 44%;
    padding-bottom: calc(var(--f) * 10);
  }
}
@media screen and (max-width: 960px) {
  .home-company {
    padding-bottom: calc(var(--s) * 50);
  }
  .home-company__container {
    padding: calc(var(--s) * 25) calc(var(--s) * 20) calc(var(--s) * 74);
    border-radius: calc(var(--f) * 25);
  }
  .home-company__img {
    position: absolute;
    left: calc(var(--s) * 20);
    top: calc(var(--s) * 125);
    width: calc(100% - var(--s) * 40);
  }
  .home-company__text .title {
    margin-bottom: calc(var(--s) * 280);
    font-size: calc(var(--f) * 32);
  }
}

.home-culture {
  padding: calc(var(--s) * 70) 0 calc(var(--s) * 97);
}
.home-culture__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
  position: relative;
}
.home-culture__head {
  margin-bottom: calc(var(--s) * 90);
  font-size: calc(var(--f) * 48);
  letter-spacing: 0.085em;
  font-weight: 900;
  text-align: center;
}
.home-culture__head b {
  color: #344D9F;
}
.home-culture__img img {
  display: block;
  width: 100%;
}
.home-culture__text .title {
  font-size: calc(var(--f) * 24);
  font-weight: 500;
}
.home-culture__text .text {
  margin-bottom: calc(var(--f) * 30);
}
.home-culture__text .text p {
  margin: 0 0 calc(var(--f) * 16);
}
.home-culture__text .text p:last-child {
  margin-bottom: 0;
}
.home-culture__text .more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home-culture__text .more .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.home-culture__text .more .label:hover {
  opacity: 0.7;
}
.home-culture__text .more .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.home-culture__text .more .label a, .home-culture__text .more .label input, .home-culture__text .more .label button, .home-culture__text .more .label label, .home-culture__text .more .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .home-culture__text .more .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .home-culture__text .more .label a, .home-culture__text .more .label input, .home-culture__text .more .label button, .home-culture__text .more .label label, .home-culture__text .more .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.home-culture__text .more {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.home-culture__text .more .label {
  width: calc(var(--f) * 240);
}
@media screen and (min-width: 960.02px) {
  .home-culture__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .home-culture__img {
    width: calc(var(--s) * 460);
    margin-right: calc(var(--s) * 80);
  }
  .home-culture__text {
    width: calc(var(--s) * 540);
    padding: calc(var(--f) * 5) 0 0;
  }
}
@media screen and (max-width: 960px) {
  .home-culture {
    padding-bottom: calc(var(--s) * 66);
  }
  .home-culture__head {
    margin-bottom: calc(var(--s) * 26);
    font-size: calc(var(--f) * 32);
    line-height: 1.5;
  }
  .home-culture__img {
    margin-bottom: calc(var(--f) * 18);
  }
  .home-culture__text .title {
    margin-bottom: calc(var(--f) * 14);
    font-size: calc(var(--f) * 20);
  }
  .home-culture__text .text p {
    font-size: calc(var(--f) * 14);
    line-height: 1.7;
  }
  .home-culture__text .more {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.home-intro {
  padding: calc(var(--s) * 104) 0 calc(var(--s) * 80);
}
.home-intro__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
  position: relative;
}
.home-intro__head {
  margin: 0 0 calc(var(--f) * 40);
  color: #344D9F;
  font-size: calc(var(--f) * 32);
  letter-spacing: 0.1em;
  line-height: 1.75;
  font-weight: 700;
  text-align: center;
}
.home-intro__body p {
  margin: 0 0 calc(var(--f) * 46);
  font-size: calc(var(--f) * 24);
  letter-spacing: 0.1em;
  font-weight: 500;
  text-align: center;
}
.home-intro__body p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 960px) {
  .home-intro {
    padding: calc(var(--s) * 50) 0 calc(var(--s) * 80);
  }
  .home-intro__head {
    margin: 0 0 calc(var(--f) * 32);
    font-size: calc(var(--f) * 20);
    line-height: 1.6;
  }
  .home-intro__body p {
    font-size: calc(var(--f) * 16);
    margin-bottom: calc(var(--f) * 22);
  }
}

.home-mv {
  position: relative;
  overflow: hidden;
  background: rgba(52, 77, 159, 0.1);
}
.home-mv__container {
  position: relative;
}
.home-mv__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home-mv__more .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.home-mv__more .label:hover {
  opacity: 0.7;
}
.home-mv__more .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.home-mv__more .label a, .home-mv__more .label input, .home-mv__more .label button, .home-mv__more .label label, .home-mv__more .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .home-mv__more .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .home-mv__more .label a, .home-mv__more .label input, .home-mv__more .label button, .home-mv__more .label label, .home-mv__more .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.home-mv__more .label {
  background-color: #344D9F;
  background-image: url(../img/_common/ico/arrow-white.svg);
}
.home-mv__more .label a, .home-mv__more .label input, .home-mv__more .label button, .home-mv__more .label label, .home-mv__more .label span {
  color: #fff;
}
.home-mv__more {
  position: absolute;
  right: 0;
  left: 0;
  bottom: calc(var(--f) * 87);
}
.home-mv__more .label {
  width: 300px;
}
@media screen and (min-width: 960.02px) {
  .home-mv__head {
    position: relative;
    left: 50%;
    width: 1280px;
    margin-top: -85px;
    margin-left: -640px;
  }
}
@media screen and (max-width: 960px) {
  .home-mv__container {
    padding-bottom: calc(var(--s) * 123);
  }
  .home-mv__head {
    margin-top: calc(var(--s) * -28);
  }
  .home-mv__more {
    bottom: calc(var(--s) * 33);
  }
  .home-mv__more .label {
    width: calc(var(--f) * 250);
  }
}

.home-news {
  padding: 0 0 calc(var(--s) * 130);
}
.home-news__container {
  position: relative;
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.home-news__head {
  margin: 0 0 calc(var(--f) * 30);
  font-size: calc(var(--f) * 48);
  letter-spacing: 0.085em;
  font-weight: 900;
}
.home-news__items {
  border-top: 1px solid rgba(52, 77, 159, 0.2);
}
.home-news__item {
  border-bottom: 1px solid rgba(52, 77, 159, 0.2);
}
.home-news__box {
  padding: calc(var(--f) * 43) 0;
}
.home-news__box .date {
  color: rgba(51, 51, 51, 0.6);
  white-space: nowrap;
}
.home-news__box .cate {
  padding: 0.15em 0.25em;
  color: #333;
  font-size: calc(var(--f) * 14);
  line-height: 1.5;
  text-align: center;
  border: 1px solid rgba(51, 51, 51, 0.25);
  border-radius: 1em;
}
.home-news__box .cate span::after {
  content: "/";
  display: inline-block;
  margin: 0 0.15em;
}
.home-news__box .cate span:last-child::after {
  display: none;
}
.home-news__category li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home-news__category li .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.home-news__category li .label:hover {
  opacity: 0.7;
}
.home-news__category li .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.home-news__category li .label a, .home-news__category li .label input, .home-news__category li .label button, .home-news__category li .label label, .home-news__category li .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .home-news__category li .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .home-news__category li .label a, .home-news__category li .label input, .home-news__category li .label button, .home-news__category li .label label, .home-news__category li .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.home-news__category li .label {
  background-color: rgba(52, 77, 159, 0.1);
  background-image: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.home-news__category li .label a, .home-news__category li .label input, .home-news__category li .label button, .home-news__category li .label label, .home-news__category li .label span {
  font-weight: 400;
}
.home-news__category li {
  margin-bottom: calc(var(--f) * 12);
}
.home-news__category li .label a {
  height: calc(var(--f) * 70);
  padding-right: 1em;
}
.home-news__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.home-news__more .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.home-news__more .label:hover {
  opacity: 0.7;
}
.home-news__more .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.home-news__more .label a, .home-news__more .label input, .home-news__more .label button, .home-news__more .label label, .home-news__more .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .home-news__more .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .home-news__more .label a, .home-news__more .label input, .home-news__more .label button, .home-news__more .label label, .home-news__more .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.home-news__more .label {
  width: calc(var(--f) * 240);
}
@media screen and (min-width: 960.02px) {
  .home-news__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;
  }
  .home-news__head {
    width: 100%;
  }
  .home-news__list {
    width: calc(var(--f) * 640);
  }
  .home-news__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    width: 100%;
  }
  .home-news__box .date {
    width: calc(var(--f) * 100);
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .home-news__box .cate {
    position: relative;
    top: calc(var(--f) * 4);
    min-width: calc(var(--f) * 130);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: calc(var(--f) * 15);
  }
  .home-news__box .title {
    width: 100%;
  }
  .home-news__category {
    width: calc(var(--f) * 240);
    padding-bottom: calc(var(--f) * 82);
  }
  .home-news__more {
    position: absolute;
    right: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 960px) {
  .home-news {
    padding-bottom: calc(var(--s) * 75);
  }
  .home-news__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .home-news__head {
    -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
            order: -2;
    width: 100%;
    margin-bottom: calc(var(--f) * 20);
    font-size: calc(var(--f) * 32);
    text-align: center;
  }
  .home-news__list {
    width: 100%;
    margin-bottom: calc(var(--f) * 36);
  }
  .home-news__box {
    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) * 12) calc(var(--f) * 12);
    width: 100%;
    padding: calc(var(--f) * 29) 0;
    font-size: calc(var(--f) * 14);
    line-height: 1.7;
  }
  .home-news__box .cate {
    padding: 0 1.5em;
  }
  .home-news__category {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    width: 100%;
    margin-bottom: calc(var(--f) * 32);
  }
  .home-news__category ul {
    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) * 7) 0;
  }
  .home-news__category li {
    width: calc((100% - var(--f) * 7) / 2);
    margin: 0;
  }
  .home-news__category li .label {
    width: 100%;
    min-width: unset;
  }
  .home-news__category li .label a {
    height: calc(var(--f) * 50);
    padding: 0 calc(var(--f) * 20);
  }
  .home-news__more {
    width: 100%;
  }
}

.news-ticker__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
  position: relative;
}
.news-ticker__head {
  color: #1D85F8;
  font-size: calc(var(--f) * 24);
  font-weight: 700;
}
.news-ticker__box .date {
  color: rgba(51, 51, 51, 0.6);
  white-space: nowrap;
}
.news-ticker__box .cate {
  padding: 0 1em;
  color: #333;
  line-height: 1.5;
  white-space: nowrap;
  border: 1px solid rgba(51, 51, 51, 0.25);
  border-radius: 1em;
}
.news-ticker__box .cate span::after {
  content: "/";
  display: inline-block;
  margin: 0 0.15em;
}
.news-ticker__box .cate span:last-child::after {
  display: none;
}
.news-ticker__box .title {
  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;
  line-height: 1.5;
}
@media screen and (min-width: 960.02px) {
  .news-ticker {
    margin: calc(var(--f) * -30) 0;
  }
  .news-ticker__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 calc(var(--s) * 115) 0 calc(var(--s) * 100);
    background: #fff;
    -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 6) 0 rgba(0, 0, 0, 0.08);
            box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 6) 0 rgba(0, 0, 0, 0.08);
    border-radius: 999px;
  }
  .news-ticker__head {
    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;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .news-ticker__head::after {
    content: "";
    display: block;
    width: calc(var(--f) * 26);
    height: calc(var(--f) * 35);
    margin: 0 calc(var(--s) * 28) 0 calc(var(--s) * 36);
    background: #1D85F8;
    clip-path: polygon(77% 0, 100% 0, 23% 100%, 0 100%);
  }
  .news-ticker__body {
    width: 100%;
  }
  .news-ticker__box {
    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) * 16);
    height: calc(var(--f) * 60);
    width: 100%;
  }
  .news-ticker__box .title {
    width: 100%;
    height: 100%;
    padding-right: calc(var(--f) * 50);
    background: url(../img/_common/ico/arrow-aqua.svg) right center/calc(var(--f) * 25) auto no-repeat;
  }
}
@media screen and (max-width: 960px) {
  .news-ticker {
    -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 6) 0 rgba(0, 0, 0, 0.08);
            box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 6) 0 rgba(0, 0, 0, 0.08);
  }
  .news-ticker__container {
    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;
    gap: calc(var(--f) * 25);
    padding: calc(var(--f) * 10) 0;
  }
  .news-ticker__head {
    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;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: calc(var(--f) * 82);
    font-size: calc(var(--f) * 16);
  }
  .news-ticker__head::after {
    content: "";
    display: block;
    width: calc(var(--f) * 38);
    height: calc(var(--f) * 61);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    background: #1D85F8;
    clip-path: polygon(88% 0, 100% 0, 12% 100%, 0 100%);
  }
  .news-ticker__body {
    width: 100%;
  }
  .news-ticker__box {
    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) * 6) calc(var(--f) * 11);
    width: 100%;
    font-size: calc(var(--f) * 14);
  }
  .news-ticker__box .title {
    width: 100%;
  }
}

.applications-index {
  position: relative;
  padding: calc(var(--s) * 110) 0 calc(var(--s) * 150);
}
.applications-index__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.applications-index__list__box {
  display: block;
  width: 100%;
  padding: calc(var(--f) * 40) calc(var(--s) * 90);
  border-radius: calc(var(--f) * 10);
  background: rgba(29, 133, 248, 0.1);
}
.applications-index__list__box .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.applications-index__list__box .btn .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.applications-index__list__box .btn .label:hover {
  opacity: 0.7;
}
.applications-index__list__box .btn .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.applications-index__list__box .btn .label a, .applications-index__list__box .btn .label input, .applications-index__list__box .btn .label button, .applications-index__list__box .btn .label label, .applications-index__list__box .btn .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .applications-index__list__box .btn .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .applications-index__list__box .btn .label a, .applications-index__list__box .btn .label input, .applications-index__list__box .btn .label button, .applications-index__list__box .btn .label label, .applications-index__list__box .btn .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.applications-index__list__box .btn {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 calc(var(--f) * 20);
}
.applications-index__list__box .btn .label {
  width: 100%;
}
.applications-index__list__box .text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.5;
}
.applications-index__list__box .ul {
  margin: 0 0 calc(var(--s) * 34);
}
.applications-index__list__box .ul:last-child {
  margin-bottom: 0;
}
.applications-index__list__box .ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.applications-index__list__box .ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.applications-index__list__box .ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .applications-index__list__box .ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .applications-index__list__box .ul {
    padding: 0;
  }
}
.applications-index__list__box .ul {
  text-align: center;
  margin: calc(var(--f) * 16) 0 0;
}
.applications-index__list__box .ul ul {
  display: inline-block;
  text-align: left;
}
@media screen and (min-width: 960.02px) {
  .applications-index__list__box .ul {
    padding: 0;
  }
}
@media screen and (min-width: 960.02px) {
  .applications-index__list__items {
    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(--s) * 32) 0;
  }
  .applications-index__list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc((100% - var(--s) * 40) / 2);
  }
}
@media screen and (max-width: 960px) {
  .applications-index {
    padding: calc(var(--s) * 75) 0;
  }
  .applications-index__list__item {
    margin-bottom: calc(var(--f) * 14);
  }
  .applications-index__list__item:last-child {
    margin-bottom: 0;
  }
  .applications-index__list__box {
    padding: calc(var(--f) * 40) calc(var(--f) * 20) calc(var(--f) * 20);
  }
  .applications-index__list__box .btn .label {
    width: calc(var(--f) * 220);
  }
}

.book-lineup {
  padding: 0 0 calc(var(--s) * 50);
}
.book-lineup__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.book-lineup__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.book-lineup__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .book-lineup__head {
    font-size: calc(var(--f) * 24);
  }
  .book-lineup__head::after {
    width: calc(var(--f) * 45);
  }
}
.book-lineup__text {
  margin: 0 0 calc(var(--s) * 100);
}
.book-lineup__text:last-child {
  margin-bottom: 0;
}
.book-lineup__text h4 {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.book-lineup__text h4::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.book-lineup__text h4 b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.book-lineup__text h4 small {
  display: block;
  font-size: 0.8em;
}
.book-lineup__text h4 .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.book-lineup__text h4 .catch::before, .book-lineup__text h4 .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.book-lineup__text h4 .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.book-lineup__text h4 .catch b {
  font-size: 1.5em;
}
.book-lineup__text h4 .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.book-lineup__text h4 .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.book-lineup__text h4 .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.book-lineup__text h4 .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .book-lineup__text h4 {
    font-size: calc(var(--f) * 20);
  }
}
.book-lineup__text h4 {
  margin-bottom: calc(var(--f) * 22);
}
.book-lineup__text .table table {
  width: 100%;
}
.book-lineup__text .table table th, .book-lineup__text .table table td {
  text-align: left;
}
.book-lineup__text .table table a {
  color: #344D9F;
  text-decoration: underline;
}
.book-lineup__text .table table thead th, .book-lineup__text .table table thead td {
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  white-space: nowrap;
  background: rgba(29, 133, 248, 0.1);
}
.book-lineup__text .table table tbody th, .book-lineup__text .table table tbody td {
  line-height: 1.625;
}
.book-lineup__text .table table tbody th {
  font-weight: 500;
}
.book-lineup__text .table table tbody tr.total th, .book-lineup__text .table table tbody tr.total td {
  background: rgba(51, 51, 51, 0.05);
}
.book-lineup__text .table table tbody:first-child {
  border-top: 1px solid rgba(52, 77, 159, 0.2);
}
.book-lineup__text .table .notice {
  margin: 0.25em 0 0;
  font-size: calc(var(--f) * 14);
  text-align: right;
}
@media screen and (min-width: 960.02px) {
  .book-lineup__text .table table thead th, .book-lineup__text .table table thead td {
    padding: 0.35em calc(var(--s) * 26);
  }
  .book-lineup__text .table table tbody th, .book-lineup__text .table table tbody td {
    padding: 1.5em 0 1.5em calc(var(--f) * 26);
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
}
@media screen and (max-width: 960px) {
  .book-lineup__text .table table {
    width: 100%;
  }
  .book-lineup__text .table table th, .book-lineup__text .table table td {
    display: block;
    width: 100%;
    font-size: calc(var(--f) * 14);
  }
  .book-lineup__text .table table thead th, .book-lineup__text .table table thead td {
    padding: calc(var(--f) * 10) 0;
    font-size: calc(var(--f) * 14);
    text-align: center;
  }
  .book-lineup__text .table table tbody th:first-child, .book-lineup__text .table table tbody td:first-child {
    padding: 1.5em 0 0.5em;
  }
  .book-lineup__text .table table tbody th:last-child, .book-lineup__text .table table tbody td:last-child {
    padding: 0 0 1.5em;
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
}
.book-lineup__text .table {
  margin-top: calc(var(--s) * 50);
}
@media screen and (max-width: 960px) {
  .book-lineup__text .table thead {
    display: none;
  }
  .book-lineup__text .table tbody th, .book-lineup__text .table tbody td {
    padding: 0 0 calc(var(--f) * 20) !important;
  }
  .book-lineup__text .table tbody th::before, .book-lineup__text .table tbody td::before {
    content: "講習会";
    display: block;
    padding: calc(var(--f) * 10) 0 calc(var(--f) * 10) calc(var(--f) * 20);
    margin: 0 0 calc(var(--f) * 20);
    color: #344D9F;
    font-size: calc(var(--f) * 14);
    line-height: 1.6;
    font-weight: 700;
    white-space: nowrap;
    background: rgba(29, 133, 248, 0.1);
  }
  .book-lineup__text .table tbody td {
    margin: 0 0 calc(var(--s) * 40);
  }
  .book-lineup__text .table tbody td:last-child {
    margin-bottom: 0;
  }
  .book-lineup__text .table tbody td::before {
    content: "対応書籍";
  }
}

.book-notice {
  padding: calc(var(--s) * 110) 0 calc(var(--s) * 150);
}
.book-notice__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.book-notice__container h1,
.book-notice__container h2 {
  margin: calc(var(--f) * 40) 0 0;
  font-size: calc(var(--f) * 32);
  font-weight: 700;
}
.book-notice__container h3 {
  margin: calc(var(--f) * 40) 0 0;
  font-size: calc(var(--f) * 24);
  font-weight: 700;
}
.book-notice__container h4,
.book-notice__container h5,
.book-notice__container h6 {
  margin: calc(var(--f) * 40) 0 0;
  font-weight: 700;
}
.book-notice__container strong {
  font-weight: 700;
}
.book-notice__container em {
  font-style: oblique;
}
.book-notice__container a {
  font-weight: 500;
  text-decoration: underline;
}
.book-notice__container p {
  margin: 0.75em 0 calc(var(--s) * 34);
}
.book-notice__container p:last-child {
  margin-bottom: 0;
}
.book-notice__container .wp-block-image {
  width: calc(var(--f) * 750);
  max-width: 100%;
  margin: calc(var(--f) * 50) auto;
  text-align: center;
}
.book-notice__container .wp-block-image figcaption {
  margin: 1em 0 0;
}
.book-notice__container ul {
  margin: 0 0 calc(var(--s) * 34);
}
.book-notice__container ul:last-child {
  margin-bottom: 0;
}
.book-notice__container ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.book-notice__container ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.book-notice__container ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .book-notice__container ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .book-notice__container ul {
    padding: 0;
  }
}
.book-notice__container ol {
  counter-reset: item;
  padding: 0 calc(var(--s) * 56);
  margin: 0 0 calc(var(--s) * 34);
}
.book-notice__container ol:last-child {
  margin-bottom: 0;
}
.book-notice__container ol li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.book-notice__container ol li::before {
  counter-increment: item;
  content: counter(item) ".";
  position: absolute;
  left: 0.35em;
  top: 0;
  color: #344D9F;
}
.book-notice__container ol li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .book-notice__container ol {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .book-notice__container ol {
    padding: 0 0 0 calc(var(--f) * 20);
  }
}
.book-notice__container .pdf {
  display: inline-block;
  min-height: calc(var(--f) * 30);
  padding: calc(var(--f) * 3) 0 calc(var(--f) * 3) 0;
  color: #333;
  text-decoration: underline;
  text-align: left;
}
.book-notice__container .pdf::after {
  content: "";
  position: relative;
  top: calc(var(--f) * -3);
  display: inline-block;
  width: calc(var(--f) * 30);
  height: calc(var(--f) * 30);
  margin-left: calc(var(--f) * 6);
  vertical-align: middle;
  background: url(../img/_common/ico/pdf-red.svg) right center/contain no-repeat;
}
.book-notice__guide__title {
  margin-bottom: calc(var(--f) * 8) !important;
  font-size: calc(var(--f) * 20) !important;
}
.book-notice__guide__inner {
  padding: calc(var(--f) * 40) calc(var(--f) * 50);
  border: 1px solid #344D9F;
  border-radius: calc(var(--f) * 15);
  background: #E9EDF5;
}
@media screen and (min-width: 960.02px) {
  .book-notice__container ul {
    padding-right: 0;
    padding-left: 0;
  }
}
@media screen and (max-width: 960px) {
  .book-notice__guide__inner {
    padding: calc(var(--f) * 20);
  }
}

.bulk-detail {
  padding: 0 0 calc(var(--s) * 100);
}
.bulk-detail__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.bulk-detail__box {
  margin: 0 0 calc(var(--s) * 80);
}
.bulk-detail__box:last-child {
  margin-bottom: 0;
}
.bulk-detail__head {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 44);
  font-size: calc(var(--f) * 24);
  line-height: 1.45;
  font-weight: 700;
}
.bulk-detail__head .num {
  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) * 35);
  height: calc(var(--f) * 35);
  color: #fff;
  line-height: 1;
  letter-spacing: 0;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.bulk-detail__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(var(--f) * 24) calc(var(--f) * 48);
  margin: calc(var(--f) * 50) 0 0;
}
.bulk-detail__more .title {
  width: 100%;
}
.bulk-detail__more .title::first-letter {
  color: #344D9F;
}
.bulk-detail__more .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.bulk-detail__more .btn .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.bulk-detail__more .btn .label:hover {
  opacity: 0.7;
}
.bulk-detail__more .btn .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.bulk-detail__more .btn .label a, .bulk-detail__more .btn .label input, .bulk-detail__more .btn .label button, .bulk-detail__more .btn .label label, .bulk-detail__more .btn .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .bulk-detail__more .btn .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .bulk-detail__more .btn .label a, .bulk-detail__more .btn .label input, .bulk-detail__more .btn .label button, .bulk-detail__more .btn .label label, .bulk-detail__more .btn .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.bulk-detail__more .btn {
  margin: 0 calc(var(--f) * 10);
}
.bulk-detail__more .btn .label {
  width: calc(var(--f) * 300);
}
.bulk-detail__accordion {
  margin: calc(var(--f) * 20) 0 0;
}
.bulk-detail__accordion input {
  display: none;
}
.bulk-detail__accordion label {
  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%;
  min-height: calc(var(--f) * 67);
  padding: calc(var(--f) * 10) calc(var(--f) * 24) calc(var(--f) * 10) calc(var(--f) * 68);
  margin: 0 0 calc(var(--f) * 10);
  line-height: 1.5;
}
.bulk-detail__accordion label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  background: rgba(29, 133, 248, 0.1) url(../img/_common/ico/arrow-navy-down.svg) left calc(var(--f) * 25) center/calc(var(--f) * 25) auto no-repeat;
}
.bulk-detail__accordion input:checked + label::before {
  -webkit-transform: scale(1, -1);
          transform: scale(1, -1);
}
.bulk-detail__accordion .inner {
  display: none;
  padding: calc(var(--f) * 20) 0 0;
}
.bulk-detail__accordion .inner p {
  margin: 0 0 calc(var(--s) * 40);
}
.bulk-detail__accordion .inner .ul {
  margin: 0 0 calc(var(--s) * 34);
}
.bulk-detail__accordion .inner .ul:last-child {
  margin-bottom: 0;
}
.bulk-detail__accordion .inner .ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.bulk-detail__accordion .inner .ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.bulk-detail__accordion .inner .ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .bulk-detail__accordion .inner .ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .bulk-detail__accordion .inner .ul {
    padding: 0;
  }
}
.bulk-detail__accordion .inner .ul {
  margin: 0 0 calc(var(--s) * 40);
}
.bulk-detail__accordion .inner .table table {
  width: 100%;
}
.bulk-detail__accordion .inner .table table th, .bulk-detail__accordion .inner .table table td {
  text-align: left;
}
.bulk-detail__accordion .inner .table table a {
  color: #344D9F;
  text-decoration: underline;
}
.bulk-detail__accordion .inner .table table thead th, .bulk-detail__accordion .inner .table table thead td {
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  white-space: nowrap;
  background: rgba(29, 133, 248, 0.1);
}
.bulk-detail__accordion .inner .table table tbody th, .bulk-detail__accordion .inner .table table tbody td {
  line-height: 1.625;
}
.bulk-detail__accordion .inner .table table tbody th {
  font-weight: 500;
}
.bulk-detail__accordion .inner .table table tbody tr.total th, .bulk-detail__accordion .inner .table table tbody tr.total td {
  background: rgba(51, 51, 51, 0.05);
}
.bulk-detail__accordion .inner .table table tbody:first-child {
  border-top: 1px solid rgba(52, 77, 159, 0.2);
}
.bulk-detail__accordion .inner .table .notice {
  margin: 0.25em 0 0;
  font-size: calc(var(--f) * 14);
  text-align: right;
}
@media screen and (min-width: 960.02px) {
  .bulk-detail__accordion .inner .table table thead th, .bulk-detail__accordion .inner .table table thead td {
    padding: 0.35em calc(var(--s) * 26);
  }
  .bulk-detail__accordion .inner .table table tbody th, .bulk-detail__accordion .inner .table table tbody td {
    padding: 1.5em 0 1.5em calc(var(--f) * 26);
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
}
@media screen and (max-width: 960px) {
  .bulk-detail__accordion .inner .table table {
    width: 100%;
  }
  .bulk-detail__accordion .inner .table table th, .bulk-detail__accordion .inner .table table td {
    display: block;
    width: 100%;
    font-size: calc(var(--f) * 14);
  }
  .bulk-detail__accordion .inner .table table thead th, .bulk-detail__accordion .inner .table table thead td {
    padding: calc(var(--f) * 10) 0;
    font-size: calc(var(--f) * 14);
    text-align: center;
  }
  .bulk-detail__accordion .inner .table table tbody th:first-child, .bulk-detail__accordion .inner .table table tbody td:first-child {
    padding: 1.5em 0 0.5em;
  }
  .bulk-detail__accordion .inner .table table tbody th:last-child, .bulk-detail__accordion .inner .table table tbody td:last-child {
    padding: 0 0 1.5em;
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
}
.bulk-detail__accordion .inner .table {
  margin: 0 0 calc(var(--s) * 80);
}
.bulk-detail__accordion .inner .table th, .bulk-detail__accordion .inner .table td {
  vertical-align: middle;
}
.bulk-detail__accordion .inner .table a {
  display: inline-block;
  margin-top: calc(var(--f) * 8);
  font-weight: 500;
}
.bulk-detail__accordion .inner .table p {
  margin-top: calc(var(--f) * 12);
}
.bulk-detail__accordion .inner .table .single {
  margin: 0 0 calc(var(--f) * 16);
}
.bulk-detail__accordion .inner .table .single:last-child {
  margin-bottom: 0;
}
.bulk-detail__accordion .inner .table .single a {
  margin: 0;
}
.bulk-detail__accordion .inner .table .single .download--disabled {
  opacity: 0.25;
}
.bulk-detail__accordion .inner .table .single b {
  display: block;
  font-weight: 700;
}
.bulk-detail__accordion input:checked + label + .inner {
  display: block;
}
@media screen and (max-width: 960px) {
  .bulk-detail__head {
    padding-left: calc(var(--f) * 34);
    font-size: calc(var(--f) * 16);
  }
  .bulk-detail__head .num {
    width: calc(var(--f) * 25);
    height: calc(var(--f) * 25);
  }
  .bulk-detail__accordion label {
    min-height: calc(var(--f) * 50);
    font-size: calc(var(--f) * 14);
  }
  .bulk-detail__accordion .inner {
    font-size: calc(var(--f) * 14);
  }
  .bulk-detail__accordion .inner .table tr {
    display: block;
    padding-bottom: 1em !important;
  }
  .bulk-detail__accordion .inner .table td {
    padding: 0 !important;
    border-bottom: none !important;
  }
  .bulk-detail__accordion .inner .table td[rowspan] {
    display: none;
  }
  .bulk-detail__accordion .inner .table .single {
    padding: 0.75em 1em;
    margin: 0.5em 0 0;
    background: rgba(233, 237, 245, 0.5);
  }
  .bulk-detail__more {
    font-size: calc(var(--f) * 14);
  }
}

.bulk-intro {
  padding: calc(var(--s) * 110) 0 calc(var(--s) * 100);
}
.bulk-intro__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.bulk-intro__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.bulk-intro__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .bulk-intro__head {
    font-size: calc(var(--f) * 24);
  }
  .bulk-intro__head::after {
    width: calc(var(--f) * 45);
  }
}
.bulk-intro__text {
  margin: 0 0 calc(var(--s) * 50);
  font-size: calc(var(--f) * 24);
  font-weight: 500;
}
.bulk-intro__caution {
  padding: calc(var(--f) * 40) calc(var(--f) * 50);
  border-radius: calc(var(--f) * 15);
  background: #E9EDF5;
}
.bulk-intro__caution__title {
  color: #344D9F;
  font-size: calc(var(--f) * 32);
  font-weight: 700;
}
.bulk-intro__caution__inner {
  font-size: calc(var(--f) * 24);
  font-weight: 500;
}
@media screen and (max-width: 960px) {
  .bulk-intro__text {
    font-size: calc(var(--f) * 14);
  }
  .bulk-intro__caution {
    padding: calc(var(--f) * 20);
  }
  .bulk-intro__caution__title {
    font-size: calc(var(--f) * 24);
    line-height: 1.5;
  }
  .bulk-intro__caution__inner {
    font-size: calc(var(--f) * 14);
  }
}

.certification-flow {
  position: relative;
  padding: 0 0 calc(var(--s) * 148);
}
.certification-flow__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.certification-flow__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.certification-flow__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .certification-flow__head {
    font-size: calc(var(--f) * 24);
  }
  .certification-flow__head::after {
    width: calc(var(--f) * 45);
  }
}
.certification-flow__head {
  margin-bottom: calc(var(--f) * 76);
}
.certification-flow__list__item {
  position: relative;
  margin: 0 0 calc(var(--f) * 44);
  border: 1px solid #344D9F;
  border-radius: calc(var(--f) * 15);
  background: #E9EDF5;
}
.certification-flow__list__item::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  height: calc(var(--f) * 44);
  background: url(../img/certification/flow-arrow.svg) center/auto calc(var(--f) * 25) no-repeat;
}
.certification-flow__list__item:last-child {
  margin-bottom: 0;
}
.certification-flow__list__item:last-child::after {
  display: none;
}
.certification-flow__list__item .title {
  text-align: center;
}
.certification-flow__list__item .ja {
  display: block;
  color: #344D9F;
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
}
.certification-flow__list__item .en {
  font-family: "Lexend Exa", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin: 0 0 calc(var(--f) * 18);
  color: rgba(29, 133, 248, 0.5);
  line-height: 1.5;
}
.certification-flow__list__item .illust img {
  width: calc(var(--f) * 100);
}
.certification-flow__list__item .illust li {
  width: calc(var(--f) * 120);
  padding: calc(var(--f) * 5.5) 0;
  margin: 0 0 calc(var(--f) * 9);
  line-height: 1.5;
  text-align: center;
  background: #fff;
  border-radius: 999px;
  background: #fff;
}
.certification-flow__list__item .illust li:last-child {
  margin-bottom: 0;
}
.certification-flow__list__item .text {
  line-height: 1.5;
}
@media screen and (min-width: 960.02px) {
  .certification-flow__list__item {
    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;
  }
  .certification-flow__list__item .title {
    width: calc(var(--f) * 250);
    margin: 0 calc(var(--s) * 22) 0 0;
  }
  .certification-flow__list__item .illust {
    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) * 17);
    width: calc(var(--s) * 306);
    padding: calc(var(--f) * 10) 0;
  }
  .certification-flow__list__item .text {
    padding: calc(var(--f) * 20) 0;
  }
}
@media screen and (max-width: 960px) {
  .certification-flow {
    padding: 0 0 calc(var(--s) * 75);
  }
  .certification-flow__head {
    margin-bottom: calc(var(--f) * 64);
  }
  .certification-flow__list__item {
    padding: calc(var(--f) * 26) calc(var(--s) * 20) calc(var(--f) * 30);
  }
  .certification-flow__list__item .ja {
    margin-bottom: calc(var(--f) * -6);
    font-size: calc(var(--f) * 24);
    line-height: 1;
  }
  .certification-flow__list__item .en {
    font-size: calc(var(--f) * 12);
    line-height: 1;
  }
  .certification-flow__list__item .illust img {
    display: block;
    margin: 0 auto;
  }
  .certification-flow__list__item .illust ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: calc(var(--f) * 7);
    margin: calc(var(--f) * 12) 0 0;
  }
  .certification-flow__list__item .illust ul li {
    margin: 0;
    font-size: calc(var(--f) * 14);
  }
  .certification-flow__list__item .text {
    margin-top: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}

.certification-issue {
  position: relative;
  overflow: hidden;
  padding: calc(var(--s) * 93) 0 calc(var(--s) * 141);
}
.certification-issue__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.certification-issue__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.certification-issue__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .certification-issue__head {
    font-size: calc(var(--f) * 24);
  }
  .certification-issue__head::after {
    width: calc(var(--f) * 45);
  }
}
.certification-issue__head {
  margin-bottom: calc(var(--f) * 52);
  text-align: center;
}
.certification-issue__head::after {
  margin-right: auto;
  margin-left: auto;
}
.certification-issue__list__item .illust img {
  display: block;
  width: calc(var(--f) * 200);
  margin: 0 auto calc(var(--f) * 30);
}
.certification-issue__list__item .text {
  padding: calc(var(--f) * 26) 0;
  line-height: 1.5;
  text-align: center;
  border-radius: calc(var(--f) * 30);
  background: rgba(52, 77, 159, 0.1);
}
@media screen and (min-width: 960.02px) {
  .certification-issue__list__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .certification-issue__list__item {
    position: relative;
    width: calc((100% - var(--s) * 90) / 3);
  }
  .certification-issue__list__item::after {
    content: "";
    position: absolute;
    left: calc(100% + var(--s) * 22);
    top: 0;
    display: block;
    width: 1px;
    height: 100%;
    background: rgba(52, 77, 159, 0.2);
  }
}
@media screen and (max-width: 960px) {
  .certification-issue__list__item {
    margin-bottom: calc(var(--s) * 44);
  }
  .certification-issue__list__item:last-child {
    margin-bottom: 0;
  }
}

.certification-list {
  position: relative;
  padding: 0 0 calc(var(--s) * 130);
}
.certification-list__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.certification-list__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.certification-list__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .certification-list__head {
    font-size: calc(var(--f) * 24);
  }
  .certification-list__head::after {
    width: calc(var(--f) * 45);
  }
}
.certification-list__head {
  margin-bottom: calc(var(--f) * 82);
}
.certification-list__text {
  margin: 0 0 calc(var(--f) * 28);
}
.certification-list__data {
  margin: 0 0 calc(var(--s) * 54);
}
.certification-list__data .table table {
  width: 100%;
}
.certification-list__data .table table th, .certification-list__data .table table td {
  text-align: left;
}
.certification-list__data .table table a {
  color: #344D9F;
  text-decoration: underline;
}
.certification-list__data .table table thead th, .certification-list__data .table table thead td {
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  white-space: nowrap;
  background: rgba(29, 133, 248, 0.1);
}
.certification-list__data .table table tbody th, .certification-list__data .table table tbody td {
  line-height: 1.625;
}
.certification-list__data .table table tbody th {
  font-weight: 500;
}
.certification-list__data .table table tbody tr.total th, .certification-list__data .table table tbody tr.total td {
  background: rgba(51, 51, 51, 0.05);
}
.certification-list__data .table table tbody:first-child {
  border-top: 1px solid rgba(52, 77, 159, 0.2);
}
.certification-list__data .table .notice {
  margin: 0.25em 0 0;
  font-size: calc(var(--f) * 14);
  text-align: right;
}
@media screen and (min-width: 960.02px) {
  .certification-list__data .table table thead th, .certification-list__data .table table thead td {
    padding: 0.35em calc(var(--s) * 26);
  }
  .certification-list__data .table table tbody th, .certification-list__data .table table tbody td {
    padding: 1.5em 0 1.5em calc(var(--f) * 26);
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
}
@media screen and (max-width: 960px) {
  .certification-list__data .table table {
    width: 100%;
  }
  .certification-list__data .table table th, .certification-list__data .table table td {
    display: block;
    width: 100%;
    font-size: calc(var(--f) * 14);
  }
  .certification-list__data .table table thead th, .certification-list__data .table table thead td {
    padding: calc(var(--f) * 10) 0;
    font-size: calc(var(--f) * 14);
    text-align: center;
  }
  .certification-list__data .table table tbody th:first-child, .certification-list__data .table table tbody td:first-child {
    padding: 1.5em 0 0.5em;
  }
  .certification-list__data .table table tbody th:last-child, .certification-list__data .table table tbody td:last-child {
    padding: 0 0 1.5em;
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
}
.certification-list__data .table table thead th, .certification-list__data .table table thead td {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
}
.certification-list__data .table table tbody th, .certification-list__data .table table tbody td {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}
.certification-list__data .table table tbody th {
  white-space: nowrap;
}
.certification-list__data .table table a {
  display: inline-block;
  min-height: calc(var(--f) * 30);
  padding: calc(var(--f) * 3) 0 calc(var(--f) * 3) 0;
  color: #333;
  text-decoration: underline;
  text-align: left;
}
.certification-list__data .table table a::after {
  content: "";
  position: relative;
  top: calc(var(--f) * -3);
  display: inline-block;
  width: calc(var(--f) * 30);
  height: calc(var(--f) * 30);
  margin-left: calc(var(--f) * 6);
  vertical-align: middle;
  background: url(../img/_common/ico/pdf-red.svg) right center/contain no-repeat;
}
.certification-list__data .table table a {
  margin: 0 0 calc(var(--f) * 30);
}
.certification-list__data .table table a:last-child {
  margin-bottom: 0;
}
.certification-list__data .notice {
  margin: calc(var(--f) * 10) 0 0;
}
.certification-list__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.certification-list__more .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.certification-list__more .label:hover {
  opacity: 0.7;
}
.certification-list__more .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.certification-list__more .label a, .certification-list__more .label input, .certification-list__more .label button, .certification-list__more .label label, .certification-list__more .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .certification-list__more .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .certification-list__more .label a, .certification-list__more .label input, .certification-list__more .label button, .certification-list__more .label label, .certification-list__more .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
@media screen and (min-width: 960.02px) {
  .certification-list__data {
    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;
  }
  .certification-list__data .table {
    width: calc(var(--s) * 500);
  }
  .certification-list__data .notice {
    width: 100%;
  }
}
@media screen and (max-width: 960px) {
  .certification-list {
    padding: 0 0 calc(var(--s) * 75);
  }
  .certification-list__head {
    margin-bottom: calc(var(--f) * 24);
  }
  .certification-list__data {
    margin: 0 0 calc(var(--s) * 24);
  }
  .certification-list__data .notice {
    font-size: calc(var(--f) * 14);
  }
}

.certification-map {
  position: relative;
  padding: calc(var(--s) * 132) 0 calc(var(--s) * 122);
}
.certification-map__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.certification-map__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.certification-map__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .certification-map__head {
    font-size: calc(var(--f) * 24);
  }
  .certification-map__head::after {
    width: calc(var(--f) * 45);
  }
}
.certification-map__head {
  margin-bottom: calc(var(--f) * 72);
}
.certification-map__text {
  margin: 0 0 calc(var(--f) * 28);
}
.certification-map__illust {
  text-align: center;
}
.certification-map__illust img {
  display: inline-block;
}
@media screen and (max-width: 960px) {
  .certification-map {
    padding: calc(var(--s) * 75) 0 calc(var(--s) * 75);
  }
  .certification-map__head {
    margin-bottom: calc(var(--f) * 24);
  }
}

.certification-reason {
  position: relative;
  overflow: hidden;
  z-index: 10;
  padding: 0 0 calc(var(--f) * 65);
}
.certification-reason::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: -1;
  width: 100vw;
  height: calc(var(--f) * 270);
  margin-left: -50vw;
  background: rgba(52, 77, 159, 0.1);
}
.certification-reason__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.certification-reason__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.certification-reason__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .certification-reason__head {
    font-size: calc(var(--f) * 24);
  }
  .certification-reason__head::after {
    width: calc(var(--f) * 45);
  }
}
.certification-reason__head {
  margin-bottom: calc(var(--f) * 28);
  text-align: center;
}
.certification-reason__head::after {
  margin-right: auto;
  margin-left: auto;
}
.certification-reason__illust {
  margin: 0 0 calc(var(--f) * 20);
  text-align: center;
}
.certification-reason__illust img {
  display: inline-block;
}
.certification-reason__list__item .illust img {
  display: block;
  width: calc(var(--f) * 200);
  margin: 0 auto calc(var(--f) * 30);
}
.certification-reason__list__item .text {
  padding: calc(var(--f) * 26) 0;
  line-height: 1.5;
  text-align: center;
  border-radius: calc(var(--f) * 30);
  background: rgba(52, 77, 159, 0.1);
}
.certification-reason__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.certification-reason__more .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.certification-reason__more .label:hover {
  opacity: 0.7;
}
.certification-reason__more .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.certification-reason__more .label a, .certification-reason__more .label input, .certification-reason__more .label button, .certification-reason__more .label label, .certification-reason__more .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .certification-reason__more .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .certification-reason__more .label a, .certification-reason__more .label input, .certification-reason__more .label button, .certification-reason__more .label label, .certification-reason__more .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.certification-reason__more {
  white-space: nowrap;
}
@media screen and (min-width: 960.02px) {
  .certification-reason__list__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .certification-reason__list__item {
    position: relative;
    width: calc((100% - var(--s) * 90) / 3);
  }
  .certification-reason__list__item::after {
    content: "";
    position: absolute;
    left: calc(100% + var(--s) * 22);
    top: 0;
    display: block;
    width: 1px;
    height: 100%;
    background: rgba(52, 77, 159, 0.2);
  }
}
@media screen and (max-width: 960px) {
  .certification-reason__illust {
    margin-right: calc(var(--s) * -20);
    margin-left: calc(var(--s) * -20);
  }
}

.certification-service {
  position: relative;
  overflow: hidden;
  background: rgba(52, 77, 159, 0.1);
}
.certification-service__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
  padding: calc(var(--s) * 112) 0 calc(var(--s) * 93);
}
.certification-service__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.certification-service__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .certification-service__head {
    font-size: calc(var(--f) * 24);
  }
  .certification-service__head::after {
    width: calc(var(--f) * 45);
  }
}
@media screen and (min-width: 960.02px) {
  .certification-service__container {
    position: relative;
    min-height: calc(var(--s) * 420);
  }
  .certification-service__text {
    padding: 0 calc(var(--s) * 630) 0 0;
  }
  .certification-service__illust {
    position: absolute;
    right: calc(var(--s) * 65);
    bottom: calc(var(--s) * 22);
    width: calc(var(--s) * 400);
  }
}
@media screen and (max-width: 960px) {
  .certification-service__container {
    padding: calc(var(--s) * 112) 0 calc(var(--s) * 66);
  }
  .certification-service__text {
    margin-bottom: calc(var(--f) * 52);
  }
}

.certifying-examination-annual {
  padding: calc(var(--s) * 108) 0 calc(var(--s) * 96);
}
.certifying-examination-annual__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.certifying-examination-annual__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.certifying-examination-annual__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .certifying-examination-annual__head {
    font-size: calc(var(--f) * 24);
  }
  .certifying-examination-annual__head::after {
    width: calc(var(--f) * 45);
  }
}
.certifying-examination-annual__head {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 960px) {
  .certifying-examination-annual {
    padding-top: calc(var(--s) * 75);
  }
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  .certifying-examination-annual .scroll {
    position: relative;
  }
  .certifying-examination-annual .scroll::before, .certifying-examination-annual .scroll::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    width: calc(var(--f) * 25);
    height: calc(var(--f) * 25);
    background: url(../img/_common/ico/scroll-arrow.svg) center/contain no-repeat;
  }
  .certifying-examination-annual .scroll::before {
    left: calc(var(--f) * -12.5);
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  .certifying-examination-annual .scroll::after {
    right: calc(var(--f) * -12.5);
  }
  .certifying-examination-annual .scroll__inner {
    position: relative;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 960px) {
  .certifying-examination-annual .scroll__contents {
    width: calc(var(--f) * 766);
  }
}

.certifying-examination-details {
  padding: calc(var(--s) * 150) 0 0;
}
.certifying-examination-details:last-child {
  padding-bottom: calc(var(--s) * 150);
}
.certifying-examination-details .accordion__catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.certifying-examination-details .accordion__catch::before, .certifying-examination-details .accordion__catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.certifying-examination-details .accordion__catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.certifying-examination-details .accordion__catch b {
  font-size: 1.5em;
}
.certifying-examination-details .accordion__catch {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #344D9F;
}
.certifying-examination-details .accordion__btn {
  display: none;
}
.certifying-examination-details .accordion__label {
  position: relative;
  cursor: pointer;
  display: block;
  padding: calc(var(--f) * 8) calc(var(--f) * 26) calc(var(--f) * 8) calc(var(--f) * 63);
  margin: 0 0 calc(var(--f) * 25);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: 1px solid #344D9F;
  border-radius: calc(var(--f) * 15);
  background: #E9EDF5;
}
.certifying-examination-details .accordion__label i {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--f) * 18);
  display: block;
  width: calc(var(--f) * 26);
  height: calc(var(--f) * 26);
  margin: auto 0;
  border: 1px solid #344D9F;
  border-radius: 999px;
  background: #fff;
}
.certifying-examination-details .accordion__label i::before, .certifying-examination-details .accordion__label i::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 50%;
  height: 1px;
  margin: auto;
  background: #344D9F;
}
.certifying-examination-details .accordion__label i::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.certifying-examination-details .accordion__btn:checked + .accordion__label {
  margin-top: calc(var(--s) * 50);
}
.certifying-examination-details .accordion__btn:checked + .accordion__label i::after {
  display: none;
}
.certifying-examination-details .accordion__btn.opened + .accordion__label {
  pointer-events: none;
  padding-left: calc(var(--f) * 26);
  margin-top: calc(var(--s) * 50);
}
.certifying-examination-details .accordion__btn.opened + .accordion__label i {
  display: none;
}
.certifying-examination-details .accordion__catch + .accordion__btn + .accordion__label {
  margin-top: 0;
}
.certifying-examination-details .accordion__box {
  display: none;
}
.certifying-examination-details .accordion__btn:checked + .accordion__label + .accordion__box,
.certifying-examination-details .accordion__btn.opened + .accordion__label + .accordion__box {
  display: block;
}
.certifying-examination-details .accordion__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.certifying-examination-details .accordion__close .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.certifying-examination-details .accordion__close .label:hover {
  opacity: 0.7;
}
.certifying-examination-details .accordion__close .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.certifying-examination-details .accordion__close .label a, .certifying-examination-details .accordion__close .label input, .certifying-examination-details .accordion__close .label button, .certifying-examination-details .accordion__close .label label, .certifying-examination-details .accordion__close .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .certifying-examination-details .accordion__close .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .certifying-examination-details .accordion__close .label a, .certifying-examination-details .accordion__close .label input, .certifying-examination-details .accordion__close .label button, .certifying-examination-details .accordion__close .label label, .certifying-examination-details .accordion__close .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.certifying-examination-details .accordion__close .label {
  display: inline-block;
  background: #fff url(../img/_common/ico/close-navy.svg) left calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
  border-color: #CCD2E7;
}
.certifying-examination-details .accordion__close .label a, .certifying-examination-details .accordion__close .label input, .certifying-examination-details .accordion__close .label button, .certifying-examination-details .accordion__close .label label, .certifying-examination-details .accordion__close .label span {
  min-width: unset;
  padding: 0 calc(var(--f) * 32) 0 calc(var(--f) * 72);
}
.certifying-examination-details .accordion__close {
  display: none;
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: calc(var(--s) * 50) 0 0;
  text-align: center;
}
.certifying-examination-details .accordion__close .label {
  min-width: unset;
  width: calc(var(--f) * 150);
  white-space: nowrap;
}
.certifying-examination-details .accordion__btn:checked + .accordion__label + .accordion__box + .accordion__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: calc(var(--s) * 100);
}
@media screen and (max-width: 960px) {
  .certifying-examination-details .accordion__catch {
    font-size: calc(var(--f) * 14);
  }
  .certifying-examination-details .accordion__label {
    padding: calc(var(--f) * 8) calc(var(--f) * 20) calc(var(--f) * 8) calc(var(--f) * 43);
    margin: 0 0 calc(var(--f) * 15);
    font-size: calc(var(--f) * 16);
    border-radius: calc(var(--f) * 10);
  }
  .certifying-examination-details .accordion__label i {
    left: calc(var(--f) * 15);
    width: calc(var(--f) * 20);
    height: calc(var(--f) * 20);
  }
  .certifying-examination-details .accordion__close {
    margin-top: calc(var(--f) * 20);
  }
}
.certifying-examination-details__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.certifying-examination-details__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.certifying-examination-details__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .certifying-examination-details__head {
    font-size: calc(var(--f) * 24);
  }
  .certifying-examination-details__head::after {
    width: calc(var(--f) * 45);
  }
}
.certifying-examination-details__head {
  margin: 0 0 calc(var(--f) * 32);
}
.certifying-examination-details__intro {
  margin: 0 0 calc(var(--f) * 50);
}
.certifying-examination-details .accordion__box .top-list {
  color: #344D9F;
  font-weight: 500;
}
.certifying-examination-details .accordion__box .scroll {
  margin: calc(var(--f) * 50) 0 0;
}
.certifying-examination-details .accordion__box .scroll:first-child {
  margin-top: 0;
}
.certifying-examination-details .accordion__box .table table {
  width: 100%;
}
.certifying-examination-details .accordion__box .table table th, .certifying-examination-details .accordion__box .table table td {
  text-align: left;
}
.certifying-examination-details .accordion__box .table table a {
  color: #344D9F;
  text-decoration: underline;
}
.certifying-examination-details .accordion__box .table table thead th, .certifying-examination-details .accordion__box .table table thead td {
  padding: 0.35em calc(var(--s) * 26);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  white-space: nowrap;
  background: rgba(29, 133, 248, 0.1);
}
.certifying-examination-details .accordion__box .table table tbody th, .certifying-examination-details .accordion__box .table table tbody td {
  padding: 1.5em 0 1.5em calc(var(--f) * 26);
  line-height: 1.625;
  border-bottom: 1px solid rgba(52, 77, 159, 0.2);
}
.certifying-examination-details .accordion__box .table table tbody th {
  font-weight: 500;
}
.certifying-examination-details .accordion__box .table table tbody tr.total th, .certifying-examination-details .accordion__box .table table tbody tr.total td {
  background: rgba(51, 51, 51, 0.05);
}
@media screen and (max-width: 960px) {
  .certifying-examination-details .accordion__box .table table thead th, .certifying-examination-details .accordion__box .table table thead td {
    font-size: calc(var(--f) * 16);
  }
  .certifying-examination-details .accordion__box .table table tbody th, .certifying-examination-details .accordion__box .table table tbody td {
    font-size: calc(var(--f) * 14);
  }
}
.certifying-examination-details .accordion__box .ul {
  margin: 0 0 calc(var(--s) * 34);
}
.certifying-examination-details .accordion__box .ul:last-child {
  margin-bottom: 0;
}
.certifying-examination-details .accordion__box .ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.certifying-examination-details .accordion__box .ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.certifying-examination-details .accordion__box .ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .certifying-examination-details .accordion__box .ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .certifying-examination-details .accordion__box .ul {
    padding: 0;
  }
}
.certifying-examination-details .accordion__box .ul li a {
  color: #333;
}
.certifying-examination-details .accordion__box .text p {
  margin: calc(var(--f) * 16) 0 0;
}
.certifying-examination-details .accordion__box .text p a {
  color: #344D9F;
  font-weight: 500;
  text-decoration: underline;
}
.certifying-examination-details .accordion__box .text p strong {
  color: #344D9F;
  font-weight: 500;
}
.certifying-examination-details .accordion__box .text p .pdf {
  display: inline-block;
  min-height: calc(var(--f) * 30);
  padding: calc(var(--f) * 3) 0 calc(var(--f) * 3) 0;
  color: #333;
  text-decoration: underline;
  text-align: left;
}
.certifying-examination-details .accordion__box .text p .pdf::after {
  content: "";
  position: relative;
  top: calc(var(--f) * -3);
  display: inline-block;
  width: calc(var(--f) * 30);
  height: calc(var(--f) * 30);
  margin-left: calc(var(--f) * 6);
  vertical-align: middle;
  background: url(../img/_common/ico/pdf-red.svg) right center/contain no-repeat;
}
.certifying-examination-details .accordion__box .text .ul {
  margin: calc(var(--f) * 16) 0 0;
}
.certifying-examination-details .accordion__box .text + .text {
  margin-top: calc(var(--f) * 50);
}
.certifying-examination-details .accordion__box .more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.certifying-examination-details .accordion__box .more .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.certifying-examination-details .accordion__box .more .label:hover {
  opacity: 0.7;
}
.certifying-examination-details .accordion__box .more .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.certifying-examination-details .accordion__box .more .label a, .certifying-examination-details .accordion__box .more .label input, .certifying-examination-details .accordion__box .more .label button, .certifying-examination-details .accordion__box .more .label label, .certifying-examination-details .accordion__box .more .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .certifying-examination-details .accordion__box .more .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .certifying-examination-details .accordion__box .more .label a, .certifying-examination-details .accordion__box .more .label input, .certifying-examination-details .accordion__box .more .label button, .certifying-examination-details .accordion__box .more .label label, .certifying-examination-details .accordion__box .more .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.certifying-examination-details .accordion__box .more {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: calc(var(--f) * 16) 0 0;
}
@media screen and (min-width: 960.02px) {
  .certifying-examination-details .accordion__box .table .ul {
    margin: 0;
    padding: 0;
  }
  .certifying-examination-details .accordion__box .table .ul li {
    margin: calc(var(--f) * 16) 0 0;
  }
}
@media screen and (max-width: 960px) {
  .certifying-examination-details {
    padding-top: calc(var(--s) * 75);
  }
  .certifying-examination-details:last-child {
    padding-bottom: calc(var(--s) * 75);
  }
  .certifying-examination-details__head {
    margin: 0 0 calc(var(--s) * 16);
  }
  .certifying-examination-details__intro {
    margin: 0 0 calc(var(--s) * 25);
    font-size: calc(var(--f) * 14);
  }
  .certifying-examination-details .accordion__box {
    font-size: calc(var(--f) * 14);
  }
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  .certifying-examination-details .accordion__box .scroll {
    position: relative;
  }
  .certifying-examination-details .accordion__box .scroll::before, .certifying-examination-details .accordion__box .scroll::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    width: calc(var(--f) * 25);
    height: calc(var(--f) * 25);
    background: url(../img/_common/ico/scroll-arrow.svg) center/contain no-repeat;
  }
  .certifying-examination-details .accordion__box .scroll::before {
    left: calc(var(--f) * -12.5);
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  .certifying-examination-details .accordion__box .scroll::after {
    right: calc(var(--f) * -12.5);
  }
  .certifying-examination-details .accordion__box .scroll__inner {
    position: relative;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 960px) {
  .certifying-examination-details .accordion__box .scroll__contents {
    width: calc(var(--f) * 766);
  }
}

.certifying-examination-guide {
  padding: 0 0 calc(var(--s) * 96);
}
.certifying-examination-guide .accordion__catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.certifying-examination-guide .accordion__catch::before, .certifying-examination-guide .accordion__catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.certifying-examination-guide .accordion__catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.certifying-examination-guide .accordion__catch b {
  font-size: 1.5em;
}
.certifying-examination-guide .accordion__catch {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  color: #344D9F;
}
.certifying-examination-guide .accordion__btn {
  display: none;
}
.certifying-examination-guide .accordion__label {
  position: relative;
  cursor: pointer;
  display: block;
  padding: calc(var(--f) * 8) calc(var(--f) * 26) calc(var(--f) * 8) calc(var(--f) * 63);
  margin: 0 0 calc(var(--f) * 25);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: 1px solid #344D9F;
  border-radius: calc(var(--f) * 15);
  background: #E9EDF5;
}
.certifying-examination-guide .accordion__label i {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--f) * 18);
  display: block;
  width: calc(var(--f) * 26);
  height: calc(var(--f) * 26);
  margin: auto 0;
  border: 1px solid #344D9F;
  border-radius: 999px;
  background: #fff;
}
.certifying-examination-guide .accordion__label i::before, .certifying-examination-guide .accordion__label i::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 50%;
  height: 1px;
  margin: auto;
  background: #344D9F;
}
.certifying-examination-guide .accordion__label i::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.certifying-examination-guide .accordion__btn:checked + .accordion__label {
  margin-top: calc(var(--s) * 50);
}
.certifying-examination-guide .accordion__btn:checked + .accordion__label i::after {
  display: none;
}
.certifying-examination-guide .accordion__btn.opened + .accordion__label {
  pointer-events: none;
  padding-left: calc(var(--f) * 26);
  margin-top: calc(var(--s) * 50);
}
.certifying-examination-guide .accordion__btn.opened + .accordion__label i {
  display: none;
}
.certifying-examination-guide .accordion__catch + .accordion__btn + .accordion__label {
  margin-top: 0;
}
.certifying-examination-guide .accordion__box {
  display: none;
}
.certifying-examination-guide .accordion__btn:checked + .accordion__label + .accordion__box,
.certifying-examination-guide .accordion__btn.opened + .accordion__label + .accordion__box {
  display: block;
}
.certifying-examination-guide .accordion__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.certifying-examination-guide .accordion__close .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.certifying-examination-guide .accordion__close .label:hover {
  opacity: 0.7;
}
.certifying-examination-guide .accordion__close .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.certifying-examination-guide .accordion__close .label a, .certifying-examination-guide .accordion__close .label input, .certifying-examination-guide .accordion__close .label button, .certifying-examination-guide .accordion__close .label label, .certifying-examination-guide .accordion__close .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .certifying-examination-guide .accordion__close .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .certifying-examination-guide .accordion__close .label a, .certifying-examination-guide .accordion__close .label input, .certifying-examination-guide .accordion__close .label button, .certifying-examination-guide .accordion__close .label label, .certifying-examination-guide .accordion__close .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.certifying-examination-guide .accordion__close .label {
  display: inline-block;
  background: #fff url(../img/_common/ico/close-navy.svg) left calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
  border-color: #CCD2E7;
}
.certifying-examination-guide .accordion__close .label a, .certifying-examination-guide .accordion__close .label input, .certifying-examination-guide .accordion__close .label button, .certifying-examination-guide .accordion__close .label label, .certifying-examination-guide .accordion__close .label span {
  min-width: unset;
  padding: 0 calc(var(--f) * 32) 0 calc(var(--f) * 72);
}
.certifying-examination-guide .accordion__close {
  display: none;
  width: 100%;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: calc(var(--s) * 50) 0 0;
  text-align: center;
}
.certifying-examination-guide .accordion__close .label {
  min-width: unset;
  width: calc(var(--f) * 150);
  white-space: nowrap;
}
.certifying-examination-guide .accordion__btn:checked + .accordion__label + .accordion__box + .accordion__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: calc(var(--s) * 100);
}
@media screen and (max-width: 960px) {
  .certifying-examination-guide .accordion__catch {
    font-size: calc(var(--f) * 14);
  }
  .certifying-examination-guide .accordion__label {
    padding: calc(var(--f) * 8) calc(var(--f) * 20) calc(var(--f) * 8) calc(var(--f) * 43);
    margin: 0 0 calc(var(--f) * 15);
    font-size: calc(var(--f) * 16);
    border-radius: calc(var(--f) * 10);
  }
  .certifying-examination-guide .accordion__label i {
    left: calc(var(--f) * 15);
    width: calc(var(--f) * 20);
    height: calc(var(--f) * 20);
  }
  .certifying-examination-guide .accordion__close {
    margin-top: calc(var(--f) * 20);
  }
}
.certifying-examination-guide__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.certifying-examination-guide__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.certifying-examination-guide__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .certifying-examination-guide__head {
    font-size: calc(var(--f) * 24);
  }
  .certifying-examination-guide__head::after {
    width: calc(var(--f) * 45);
  }
}
.certifying-examination-guide__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.certifying-examination-guide__info .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.certifying-examination-guide__info .label:hover {
  opacity: 0.7;
}
.certifying-examination-guide__info .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.certifying-examination-guide__info .label a, .certifying-examination-guide__info .label input, .certifying-examination-guide__info .label button, .certifying-examination-guide__info .label label, .certifying-examination-guide__info .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .certifying-examination-guide__info .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .certifying-examination-guide__info .label a, .certifying-examination-guide__info .label input, .certifying-examination-guide__info .label button, .certifying-examination-guide__info .label label, .certifying-examination-guide__info .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.certifying-examination-guide__info {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.certifying-examination-guide__item {
  position: relative;
  margin: calc(var(--s) * 50) 0 0;
}
.certifying-examination-guide__item__status {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: #344D9F;
  border-radius: calc(var(--f) * 30);
}
.certifying-examination-guide__item__status p {
  color: #fff;
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}
.certifying-examination-guide__item__status.closed {
  background: #fff;
  border: 1px solid rgba(51, 51, 51, 0.3);
}
.certifying-examination-guide__item__status.closed p {
  color: rgba(51, 51, 51, 0.5);
}
.certifying-examination-guide__item__date .title {
  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;
  gap: calc(var(--f) * 16);
  min-height: calc(var(--f) * 50);
  padding: 0 calc(var(--f) * 26);
  margin: 0 0 calc(var(--f) * 26);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  background: rgba(29, 133, 248, 0.1);
}
@media screen and (max-width: 960px) {
  .certifying-examination-guide__item__date .title {
    min-height: calc(var(--f) * 40);
    font-size: calc(var(--f) * 14);
  }
}
.certifying-examination-guide__item__date .date {
  font-weight: 500;
}
.certifying-examination-guide__item__date .date b {
  font-size: 2em;
  font-weight: 700;
}
.certifying-examination-guide__item__date .date-detail {
  line-height: 1.5;
  font-weight: 500;
}
.certifying-examination-guide__item__date .date-detail th, .certifying-examination-guide__item__date .date-detail td {
  padding-bottom: 0.5em;
}
.certifying-examination-guide__item__date .date-detail th {
  white-space: nowrap;
}
.certifying-examination-guide__item__date .date-detail td {
  position: relative;
  padding-left: 1em;
}
.certifying-examination-guide__item__date .date-detail td::before {
  content: "：";
  position: absolute;
  left: 0;
  top: 0;
}
.certifying-examination-guide__item__venue .title {
  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;
  gap: calc(var(--f) * 16);
  min-height: calc(var(--f) * 50);
  padding: 0 calc(var(--f) * 26);
  margin: 0 0 calc(var(--f) * 26);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  background: rgba(29, 133, 248, 0.1);
}
@media screen and (max-width: 960px) {
  .certifying-examination-guide__item__venue .title {
    min-height: calc(var(--f) * 40);
    font-size: calc(var(--f) * 14);
  }
}
.certifying-examination-guide__item__venue .venue-detail {
  line-height: 1.5;
}
.certifying-examination-guide__item__venue .venue-detail th, .certifying-examination-guide__item__venue .venue-detail td {
  padding-bottom: 0.5em;
}
.certifying-examination-guide__item__venue .venue-detail th {
  padding-right: 2em;
  white-space: nowrap;
}
.certifying-examination-guide__item__apply .apply-detail {
  line-height: 1.5;
}
.certifying-examination-guide__item__apply .apply-detail th, .certifying-examination-guide__item__apply .apply-detail td {
  padding-bottom: 0.5em;
}
.certifying-examination-guide__item__apply .apply-detail th {
  font-weight: 500;
  white-space: nowrap;
}
.certifying-examination-guide__item__apply .apply-detail td {
  position: relative;
  padding-left: 1em;
}
.certifying-examination-guide__item__apply .apply-detail td::before {
  content: "：";
  position: absolute;
  left: 0;
  top: 0;
}
.certifying-examination-guide__item__apply .apply-detail .map {
  display: inline-block;
  min-height: calc(var(--f) * 30);
  padding: calc(var(--f) * 3) 0 calc(var(--f) * 3) 0;
  color: #333;
  text-decoration: underline;
  text-align: left;
}
.certifying-examination-guide__item__apply .apply-detail .map::after {
  content: "";
  position: relative;
  top: calc(var(--f) * -3);
  display: inline-block;
  width: calc(var(--f) * 30);
  height: calc(var(--f) * 30);
  margin-left: calc(var(--f) * 6);
  vertical-align: middle;
  background: url(../img/_common/ico/pdf-red.svg) right center/contain no-repeat;
}
.certifying-examination-guide__item__apply .apply-detail .mypage {
  display: inline-block;
  padding: 0 calc(var(--f) * 18) 0 0;
  margin-left: 2em;
  color: #344D9F;
  text-decoration: underline;
  background: url(../img/_common/ico/outlink-navy.svg) right center/calc(var(--f) * 15) auto no-repeat;
}
.certifying-examination-guide__o__intro {
  margin: calc(var(--s) * 55) 0 0;
  color: #344D9F;
}
.certifying-examination-guide__o__intro p {
  margin: 0 0 calc(var(--s) * 70);
  font-size: calc(var(--f) * 20);
  font-weight: 700;
}
.certifying-examination-guide__o__intro h3 {
  margin: 0 0 calc(var(--s) * 28);
  font-size: calc(var(--f) * 20);
  font-weight: 700;
}
.certifying-examination-guide__o__intro ul {
  margin: 0 0 calc(var(--s) * 70);
  font-weight: 500;
}
.certifying-examination-guide__o__table table {
  width: 100%;
}
.certifying-examination-guide__o__table table th, .certifying-examination-guide__o__table table td {
  text-align: left;
}
.certifying-examination-guide__o__table table a {
  color: #344D9F;
  text-decoration: underline;
}
.certifying-examination-guide__o__table table thead th, .certifying-examination-guide__o__table table thead td {
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  white-space: nowrap;
  background: rgba(29, 133, 248, 0.1);
}
.certifying-examination-guide__o__table table tbody th, .certifying-examination-guide__o__table table tbody td {
  line-height: 1.625;
}
.certifying-examination-guide__o__table table tbody th {
  font-weight: 500;
}
.certifying-examination-guide__o__table table tbody tr.total th, .certifying-examination-guide__o__table table tbody tr.total td {
  background: rgba(51, 51, 51, 0.05);
}
.certifying-examination-guide__o__table table tbody:first-child {
  border-top: 1px solid rgba(52, 77, 159, 0.2);
}
.certifying-examination-guide__o__table .notice {
  margin: 0.25em 0 0;
  font-size: calc(var(--f) * 14);
  text-align: right;
}
@media screen and (min-width: 960.02px) {
  .certifying-examination-guide__o__table table thead th, .certifying-examination-guide__o__table table thead td {
    padding: 0.35em calc(var(--s) * 26);
  }
  .certifying-examination-guide__o__table table tbody th, .certifying-examination-guide__o__table table tbody td {
    padding: 1.5em 0 1.5em calc(var(--f) * 26);
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
}
@media screen and (max-width: 960px) {
  .certifying-examination-guide__o__table table {
    width: 100%;
  }
  .certifying-examination-guide__o__table table th, .certifying-examination-guide__o__table table td {
    display: block;
    width: 100%;
    font-size: calc(var(--f) * 14);
  }
  .certifying-examination-guide__o__table table thead th, .certifying-examination-guide__o__table table thead td {
    padding: calc(var(--f) * 10) 0;
    font-size: calc(var(--f) * 14);
    text-align: center;
  }
  .certifying-examination-guide__o__table table tbody th:first-child, .certifying-examination-guide__o__table table tbody td:first-child {
    padding: 1.5em 0 0.5em;
  }
  .certifying-examination-guide__o__table table tbody th:last-child, .certifying-examination-guide__o__table table tbody td:last-child {
    padding: 0 0 1.5em;
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
}
.certifying-examination-guide__o__time {
  margin: calc(var(--f) * 16) 0 0;
}
.certifying-examination-guide__o__time table {
  line-height: 1.5;
}
.certifying-examination-guide__o__time th, .certifying-examination-guide__o__time td {
  padding-bottom: 0.5em;
}
.certifying-examination-guide__o__time th {
  font-weight: 500;
  white-space: nowrap;
}
.certifying-examination-guide__o__time td {
  position: relative;
  padding-left: 1em;
}
.certifying-examination-guide__o__time td::before {
  content: "：";
  position: absolute;
  left: 0;
  top: 0;
}
.certifying-examination-guide__o__time p {
  margin: calc(var(--f) * 28) 0 0;
}
@media screen and (min-width: 960.02px) {
  .certifying-examination-guide__item {
    padding-left: calc(var(--f) * 217);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .certifying-examination-guide__item__status {
    position: absolute;
    left: 0;
    top: 0;
    width: calc(var(--f) * 202);
    height: 100%;
  }
  .certifying-examination-guide__item__date {
    width: 50%;
  }
  .certifying-examination-guide__item__venue {
    width: 50%;
  }
  .certifying-examination-guide__item__apply {
    width: 100%;
    padding: calc(var(--f) * 30) 0;
    margin: calc(var(--f) * 30) 0 0;
    border-top: 1px solid rgba(52, 77, 159, 0.2);
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
}

.company-access {
  position: relative;
  padding: calc(var(--s) * 150) 0 0;
}
.company-access__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.company-access__head {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.company-access__head::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.company-access__head b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.company-access__head small {
  display: block;
  font-size: 0.8em;
}
.company-access__head .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.company-access__head .catch::before, .company-access__head .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.company-access__head .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.company-access__head .catch b {
  font-size: 1.5em;
}
.company-access__head .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.company-access__head .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.company-access__head .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.company-access__head .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .company-access__head {
    font-size: calc(var(--f) * 20);
  }
}
.company-access__head {
  margin-bottom: calc(var(--f) * 30);
}
.company-access__box {
  margin: 0 0 calc(var(--s) * 150);
}
.company-access__box .title {
  margin: 0 0 calc(var(--f) * 30);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  font-weight: 700;
}
.company-access__box .table table {
  width: 100%;
}
.company-access__box .table table th, .company-access__box .table table td {
  text-align: left;
}
.company-access__box .table table a {
  color: #344D9F;
  text-decoration: underline;
}
.company-access__box .table table thead th, .company-access__box .table table thead td {
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  white-space: nowrap;
  background: rgba(29, 133, 248, 0.1);
}
.company-access__box .table table tbody th, .company-access__box .table table tbody td {
  line-height: 1.625;
}
.company-access__box .table table tbody th {
  font-weight: 500;
}
.company-access__box .table table tbody tr.total th, .company-access__box .table table tbody tr.total td {
  background: rgba(51, 51, 51, 0.05);
}
.company-access__box .table table tbody:first-child {
  border-top: 1px solid rgba(52, 77, 159, 0.2);
}
.company-access__box .table .notice {
  margin: 0.25em 0 0;
  font-size: calc(var(--f) * 14);
  text-align: right;
}
@media screen and (min-width: 960.02px) {
  .company-access__box .table table thead th, .company-access__box .table table thead td {
    padding: 0.35em calc(var(--s) * 26);
  }
  .company-access__box .table table tbody th, .company-access__box .table table tbody td {
    padding: 1.5em 0 1.5em calc(var(--f) * 26);
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
}
@media screen and (max-width: 960px) {
  .company-access__box .table table {
    width: 100%;
  }
  .company-access__box .table table th, .company-access__box .table table td {
    display: block;
    width: 100%;
    font-size: calc(var(--f) * 14);
  }
  .company-access__box .table table thead th, .company-access__box .table table thead td {
    padding: calc(var(--f) * 10) 0;
    font-size: calc(var(--f) * 14);
    text-align: center;
  }
  .company-access__box .table table tbody th:first-child, .company-access__box .table table tbody td:first-child {
    padding: 1.5em 0 0.5em;
  }
  .company-access__box .table table tbody th:last-child, .company-access__box .table table tbody td:last-child {
    padding: 0 0 1.5em;
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
}
.company-access__box .table {
  margin: 0 0 calc(var(--f) * 50);
}
.company-access__box .map iframe {
  display: block;
  width: 100%;
  height: calc(var(--s) * 680);
}
@media screen and (min-width: 960.02px) {
  .company-access__box .table table tbody th {
    padding-left: 0;
  }
}
@media screen and (max-width: 960px) {
  .company-access {
    padding: calc(var(--s) * 75) 0 0;
  }
  .company-access__box {
    margin-bottom: calc(var(--s) * 75);
  }
  .company-access__box .title {
    font-size: calc(var(--f) * 16);
  }
  .company-access__box .map iframe {
    height: calc(var(--f) * 210);
  }
}

.company-history {
  position: relative;
  padding: calc(var(--s) * 150) 0 0;
}
.company-history__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.company-history__head {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.company-history__head::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.company-history__head b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.company-history__head small {
  display: block;
  font-size: 0.8em;
}
.company-history__head .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.company-history__head .catch::before, .company-history__head .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.company-history__head .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.company-history__head .catch b {
  font-size: 1.5em;
}
.company-history__head .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.company-history__head .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.company-history__head .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.company-history__head .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .company-history__head {
    font-size: calc(var(--f) * 20);
  }
}
.company-history__head {
  margin-bottom: calc(var(--f) * 30);
}
.company-history__data .table table {
  width: 100%;
}
.company-history__data .table table th, .company-history__data .table table td {
  text-align: left;
}
.company-history__data .table table a {
  color: #344D9F;
  text-decoration: underline;
}
.company-history__data .table table thead th, .company-history__data .table table thead td {
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  white-space: nowrap;
  background: rgba(29, 133, 248, 0.1);
}
.company-history__data .table table tbody th, .company-history__data .table table tbody td {
  line-height: 1.625;
}
.company-history__data .table table tbody th {
  font-weight: 500;
}
.company-history__data .table table tbody tr.total th, .company-history__data .table table tbody tr.total td {
  background: rgba(51, 51, 51, 0.05);
}
.company-history__data .table table tbody:first-child {
  border-top: 1px solid rgba(52, 77, 159, 0.2);
}
.company-history__data .table .notice {
  margin: 0.25em 0 0;
  font-size: calc(var(--f) * 14);
  text-align: right;
}
@media screen and (min-width: 960.02px) {
  .company-history__data .table table thead th, .company-history__data .table table thead td {
    padding: 0.35em calc(var(--s) * 26);
  }
  .company-history__data .table table tbody th, .company-history__data .table table tbody td {
    padding: 1.5em 0 1.5em calc(var(--f) * 26);
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
}
@media screen and (max-width: 960px) {
  .company-history__data .table table {
    width: 100%;
  }
  .company-history__data .table table th, .company-history__data .table table td {
    display: block;
    width: 100%;
    font-size: calc(var(--f) * 14);
  }
  .company-history__data .table table thead th, .company-history__data .table table thead td {
    padding: calc(var(--f) * 10) 0;
    font-size: calc(var(--f) * 14);
    text-align: center;
  }
  .company-history__data .table table tbody th:first-child, .company-history__data .table table tbody td:first-child {
    padding: 1.5em 0 0.5em;
  }
  .company-history__data .table table tbody th:last-child, .company-history__data .table table tbody td:last-child {
    padding: 0 0 1.5em;
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
}
.company-history__data .table table th {
  white-space: nowrap;
}
.company-history__data .table table tbody th, .company-history__data .table table tbody td {
  padding-left: 0;
}
.company-history__data .table table tbody td .sub-title {
  margin: 0 0 0.5em;
  color: #344D9F;
  font-weight: 500;
}
.company-history__data .table table tbody td .sub-title:last-child {
  margin-bottom: 0;
}
.company-history__data .text {
  margin-top: calc(var(--f) * 20);
}
.company-history__data .text p {
  margin-bottom: 1.5em;
  line-height: 1.5;
}
.company-history__data .text p:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .company-history__data .table table tbody th {
    padding-right: 4em;
  }
}
@media screen and (max-width: 960px) {
  .company-history {
    padding: calc(var(--s) * 75) 0 0;
  }
  .company-history__data .text {
    font-size: calc(var(--f) * 14);
  }
}

.company-info {
  position: relative;
  padding: calc(var(--s) * 80) 0 calc(var(--s) * 100);
  background: #E9EDF5;
}
.company-info__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
  padding: calc(var(--s) * 50) calc(var(--s) * 100) calc(var(--s) * 100);
  background: #fff;
  border-radius: calc(var(--f) * 30);
}
.company-info__data .table table {
  width: 100%;
}
.company-info__data .table table th, .company-info__data .table table td {
  text-align: left;
}
.company-info__data .table table a {
  color: #344D9F;
  text-decoration: underline;
}
.company-info__data .table table thead th, .company-info__data .table table thead td {
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  white-space: nowrap;
  background: rgba(29, 133, 248, 0.1);
}
.company-info__data .table table tbody th, .company-info__data .table table tbody td {
  line-height: 1.625;
}
.company-info__data .table table tbody th {
  font-weight: 500;
}
.company-info__data .table table tbody tr.total th, .company-info__data .table table tbody tr.total td {
  background: rgba(51, 51, 51, 0.05);
}
.company-info__data .table table tbody:first-child {
  border-top: 1px solid rgba(52, 77, 159, 0.2);
}
.company-info__data .table .notice {
  margin: 0.25em 0 0;
  font-size: calc(var(--f) * 14);
  text-align: right;
}
@media screen and (min-width: 960.02px) {
  .company-info__data .table table thead th, .company-info__data .table table thead td {
    padding: 0.35em calc(var(--s) * 26);
  }
  .company-info__data .table table tbody th, .company-info__data .table table tbody td {
    padding: 1.5em 0 1.5em calc(var(--f) * 26);
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
}
@media screen and (max-width: 960px) {
  .company-info__data .table table {
    width: 100%;
  }
  .company-info__data .table table th, .company-info__data .table table td {
    display: block;
    width: 100%;
    font-size: calc(var(--f) * 14);
  }
  .company-info__data .table table thead th, .company-info__data .table table thead td {
    padding: calc(var(--f) * 10) 0;
    font-size: calc(var(--f) * 14);
    text-align: center;
  }
  .company-info__data .table table tbody th:first-child, .company-info__data .table table tbody td:first-child {
    padding: 1.5em 0 0.5em;
  }
  .company-info__data .table table tbody th:last-child, .company-info__data .table table tbody td:last-child {
    padding: 0 0 1.5em;
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
}
.company-info__data .table a {
  display: inline-block;
  margin-top: 0.5em;
}
.company-info__data .table .pdf {
  display: inline-block;
  min-height: calc(var(--f) * 30);
  padding: calc(var(--f) * 3) 0 calc(var(--f) * 3) 0;
  color: #333;
  text-decoration: underline;
  text-align: left;
}
.company-info__data .table .pdf::after {
  content: "";
  position: relative;
  top: calc(var(--f) * -3);
  display: inline-block;
  width: calc(var(--f) * 30);
  height: calc(var(--f) * 30);
  margin-left: calc(var(--f) * 6);
  vertical-align: middle;
  background: url(../img/_common/ico/pdf-red.svg) right center/contain no-repeat;
}
.company-info__data .table .pdf {
  margin-bottom: 0.5em;
  color: #344D9F;
}
.company-info__data .table table tbody th, .company-info__data .table table tbody td {
  padding-left: 0;
}
.company-info__data .table table tbody:first-child {
  border-top: none;
}
.company-info__data .more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.company-info__data .more .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.company-info__data .more .label:hover {
  opacity: 0.7;
}
.company-info__data .more .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.company-info__data .more .label a, .company-info__data .more .label input, .company-info__data .more .label button, .company-info__data .more .label label, .company-info__data .more .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .company-info__data .more .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .company-info__data .more .label a, .company-info__data .more .label input, .company-info__data .more .label button, .company-info__data .more .label label, .company-info__data .more .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.company-info__data .more {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: calc(var(--s) * 30);
}
.company-info__data .more::after {
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 960.02px) {
  .company-info__data .table th {
    padding-right: 4em;
  }
  .company-info__data .table tr:last-child th, .company-info__data .table tr:last-child td {
    border-bottom: none;
  }
}
@media screen and (max-width: 960px) {
  .company-info {
    padding: calc(var(--s) * 75) 0;
  }
  .company-info__container {
    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;
    padding: calc(var(--s) * 40) calc(var(--f) * 20);
  }
  .company-info__data .table tbody tr:last-child td {
    border-bottom: none;
  }
}

.company-investor {
  position: relative;
  padding: calc(var(--s) * 150) 0 0;
}
.company-investor__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.company-investor__head {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.company-investor__head::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.company-investor__head b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.company-investor__head small {
  display: block;
  font-size: 0.8em;
}
.company-investor__head .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.company-investor__head .catch::before, .company-investor__head .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.company-investor__head .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.company-investor__head .catch b {
  font-size: 1.5em;
}
.company-investor__head .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.company-investor__head .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.company-investor__head .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.company-investor__head .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .company-investor__head {
    font-size: calc(var(--f) * 20);
  }
}
.company-investor__list .items {
  font-weight: 500;
}
.company-investor__list .text {
  margin-top: calc(var(--f) * 50);
}
.company-investor__list .text p {
  margin-bottom: 1.5em;
  line-height: 1.5;
}
.company-investor__list .text p:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .company-investor__list .items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media screen and (max-width: 960px) {
  .company-investor {
    padding: calc(var(--s) * 75) 0 0;
  }
  .company-investor__head {
    margin-bottom: calc(var(--f) * 30);
  }
  .company-investor__list {
    font-size: calc(var(--f) * 14);
  }
}

.compare-table {
  position: relative;
  padding: calc(var(--s) * 75) 0 calc(var(--s) * 150);
}
.compare-table__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.compare-table__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.compare-table__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .compare-table__head {
    font-size: calc(var(--f) * 24);
  }
  .compare-table__head::after {
    width: calc(var(--f) * 45);
  }
}
.compare-table__intro {
  margin-bottom: calc(var(--f) * 50);
}
.compare-table__text .text {
  margin-bottom: calc(var(--f) * 20);
}
.compare-table__text .scroll {
  margin-bottom: calc(var(--f) * 23);
}
.compare-table__text .scroll:last-child {
  margin-bottom: 0;
}
.compare-table__text .table-scroll table {
  width: 100%;
}
.compare-table__text .table-scroll table th, .compare-table__text .table-scroll table td {
  text-align: left;
}
.compare-table__text .table-scroll table a {
  color: #344D9F;
  text-decoration: underline;
}
.compare-table__text .table-scroll table thead th, .compare-table__text .table-scroll table thead td {
  padding: 0.35em calc(var(--s) * 26);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  white-space: nowrap;
  background: rgba(29, 133, 248, 0.1);
}
.compare-table__text .table-scroll table tbody th, .compare-table__text .table-scroll table tbody td {
  padding: 1.5em 0 1.5em calc(var(--f) * 26);
  line-height: 1.625;
  border-bottom: 1px solid rgba(52, 77, 159, 0.2);
}
.compare-table__text .table-scroll table tbody th {
  font-weight: 500;
}
.compare-table__text .table-scroll table tbody tr.total th, .compare-table__text .table-scroll table tbody tr.total td {
  background: rgba(51, 51, 51, 0.05);
}
@media screen and (max-width: 960px) {
  .compare-table__text .table-scroll table thead th, .compare-table__text .table-scroll table thead td {
    font-size: calc(var(--f) * 16);
  }
  .compare-table__text .table-scroll table tbody th, .compare-table__text .table-scroll table tbody td {
    font-size: calc(var(--f) * 14);
  }
}
.compare-table__text .table-scroll td[rowspan] {
  position: relative;
  padding-right: calc(var(--f) * 36);
  padding-left: calc(var(--f) * 36);
  vertical-align: middle;
}
.compare-table__text .table-scroll td[rowspan]::after {
  content: "";
  position: absolute;
  top: calc(var(--f) * 20);
  left: calc(var(--f) * 24);
  display: block;
  width: calc(100% - var(--f) * 48);
  height: calc(100% - var(--f) * 40);
  border: 1px solid rgba(52, 77, 159, 0.2);
}
.compare-table__text .table-scroll tbody th {
  width: 12em;
}
.compare-table__text .moreinfo {
  margin-bottom: calc(var(--s) * 150);
}
.compare-table__text .moreinfo__pdf .pdf {
  display: inline-block;
  min-height: calc(var(--f) * 30);
  padding: calc(var(--f) * 3) 0 calc(var(--f) * 3) 0;
  color: #333;
  text-decoration: underline;
  text-align: left;
}
.compare-table__text .moreinfo__pdf .pdf::after {
  content: "";
  position: relative;
  top: calc(var(--f) * -3);
  display: inline-block;
  width: calc(var(--f) * 30);
  height: calc(var(--f) * 30);
  margin-left: calc(var(--f) * 6);
  vertical-align: middle;
  background: url(../img/_common/ico/pdf-red.svg) right center/contain no-repeat;
}
.compare-table__text .moreinfo__buttons li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.compare-table__text .moreinfo__buttons li .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.compare-table__text .moreinfo__buttons li .label:hover {
  opacity: 0.7;
}
.compare-table__text .moreinfo__buttons li .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.compare-table__text .moreinfo__buttons li .label a, .compare-table__text .moreinfo__buttons li .label input, .compare-table__text .moreinfo__buttons li .label button, .compare-table__text .moreinfo__buttons li .label label, .compare-table__text .moreinfo__buttons li .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .compare-table__text .moreinfo__buttons li .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .compare-table__text .moreinfo__buttons li .label a, .compare-table__text .moreinfo__buttons li .label input, .compare-table__text .moreinfo__buttons li .label button, .compare-table__text .moreinfo__buttons li .label label, .compare-table__text .moreinfo__buttons li .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.compare-table__text .download {
  padding: calc(var(--f) * 20) 0 0;
}
.compare-table__text .download h4 {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.compare-table__text .download h4::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.compare-table__text .download h4 b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.compare-table__text .download h4 small {
  display: block;
  font-size: 0.8em;
}
.compare-table__text .download h4 .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.compare-table__text .download h4 .catch::before, .compare-table__text .download h4 .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.compare-table__text .download h4 .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.compare-table__text .download h4 .catch b {
  font-size: 1.5em;
}
.compare-table__text .download h4 .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.compare-table__text .download h4 .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.compare-table__text .download h4 .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.compare-table__text .download h4 .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .compare-table__text .download h4 {
    font-size: calc(var(--f) * 20);
  }
}
.compare-table__text .download h4 {
  margin-top: calc(var(--s) * 100);
  margin-bottom: calc(var(--f) * 20);
}
.compare-table__text .download h4:first-child {
  margin-top: 0;
}
.compare-table__text .download li {
  margin: calc(var(--f) * 16) 0 0;
}
.compare-table__text .download a {
  min-height: calc(var(--f) * 30);
  padding: calc(var(--f) * 3) 0 calc(var(--f) * 3) 0;
  text-decoration: underline;
}
.compare-table__text .download a.pdf {
  display: inline-block;
  min-height: calc(var(--f) * 30);
  padding: calc(var(--f) * 3) 0 calc(var(--f) * 3) 0;
  color: #333;
  text-decoration: underline;
  text-align: left;
}
.compare-table__text .download a.pdf::after {
  content: "";
  position: relative;
  top: calc(var(--f) * -3);
  display: inline-block;
  width: calc(var(--f) * 30);
  height: calc(var(--f) * 30);
  margin-left: calc(var(--f) * 6);
  vertical-align: middle;
  background: url(../img/_common/ico/pdf-red.svg) right center/contain no-repeat;
}
@media screen and (min-width: 960.02px) {
  .compare-table__text .moreinfo {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .compare-table__text .moreinfo__pdf {
    padding: calc(var(--f) * 18) 0 0;
  }
  .compare-table__text .moreinfo__buttons ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(var(--f) * 23) calc(var(--f) * 40);
  }
}
@media screen and (max-width: 960px) {
  .compare-table {
    padding: 0;
    margin: calc(var(--s) * 60) 0;
  }
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  .compare-table__text .scroll {
    position: relative;
  }
  .compare-table__text .scroll::before, .compare-table__text .scroll::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    width: calc(var(--f) * 25);
    height: calc(var(--f) * 25);
    background: url(../img/_common/ico/scroll-arrow.svg) center/contain no-repeat;
  }
  .compare-table__text .scroll::before {
    left: calc(var(--f) * -12.5);
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  .compare-table__text .scroll::after {
    right: calc(var(--f) * -12.5);
  }
  .compare-table__text .scroll__inner {
    position: relative;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 960px) {
  .compare-table__text .scroll__contents {
    width: calc(var(--f) * 800);
  }
}

.course-detail {
  position: relative;
  padding: calc(var(--s) * 150) 0 0;
}
.course-detail__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.course-detail__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.course-detail__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .course-detail__head {
    font-size: calc(var(--f) * 24);
  }
  .course-detail__head::after {
    width: calc(var(--f) * 45);
  }
}
.course-detail__intro a {
  text-decoration: underline;
}
.course-detail__text {
  margin: calc(var(--f) * 50) 0;
}
.course-detail__text .title {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.course-detail__text .title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.course-detail__text .title b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.course-detail__text .title small {
  display: block;
  font-size: 0.8em;
}
.course-detail__text .title .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.course-detail__text .title .catch::before, .course-detail__text .title .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.course-detail__text .title .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.course-detail__text .title .catch b {
  font-size: 1.5em;
}
.course-detail__text .title .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.course-detail__text .title .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.course-detail__text .title .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.course-detail__text .title .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .course-detail__text .title {
    font-size: calc(var(--f) * 20);
  }
}
.course-detail__text .title {
  margin-bottom: calc(var(--f) * 20);
  margin-top: calc(var(--s) * 100);
}
.course-detail__text .sub-title {
  margin: calc(var(--f) * 54) 0 calc(var(--f) * 12);
  font-weight: 500;
}
.course-detail__text .sub-title-navy {
  margin: calc(var(--f) * 58) 0 calc(var(--f) * 16);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.5;
  font-weight: 700;
}
.course-detail__text .sub-title-navy small {
  color: #333;
}
.course-detail__text p {
  margin: 0 0 calc(var(--s) * 30);
}
.course-detail__text p b {
  font-weight: 500;
}
.course-detail__text p a.outlink {
  display: inline-block;
  padding: 0 1.5em 0 0;
  margin: 0 calc(var(--f) * 12) 0 0;
  color: #344D9F;
  text-decoration: underline;
  background: url(../img/_common/ico/outlink-navy.svg) right center/1em auto no-repeat;
}
.course-detail__text .ul {
  margin: 0 0 calc(var(--s) * 34);
}
.course-detail__text .ul:last-child {
  margin-bottom: 0;
}
.course-detail__text .ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.course-detail__text .ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.course-detail__text .ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .course-detail__text .ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .course-detail__text .ul {
    padding: 0;
  }
}
.course-detail__text .ul {
  margin: 0 0 calc(var(--s) * 30);
}
.course-detail__text .ul ul {
  margin-bottom: 0;
}
.course-detail__text .table {
  margin: 0 0 calc(var(--s) * 30);
}
.course-detail__text .table table {
  width: 100%;
}
.course-detail__text .table table thead th, .course-detail__text .table table thead td {
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  white-space: nowrap;
  background: rgba(29, 133, 248, 0.1);
}
.course-detail__text .table table tbody th {
  font-weight: 500;
  white-space: nowrap;
}
.course-detail__text .table table tbody th ul li {
  position: relative;
  padding: 0 0 0 1em;
  margin: 0.25em 0 0.4em;
  line-height: 1.5;
}
.course-detail__text .table table tbody th ul li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 1em;
  text-align: center;
}
.course-detail__text .table table tbody td {
  vertical-align: middle;
}
.course-detail__text .table table tbody td ol {
  counter-reset: item;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(var(--f) * 12) 0;
  padding-top: 0.5em;
}
.course-detail__text .table table tbody td ol > li {
  position: relative;
  width: 100%;
  padding: 0 0 0 calc(var(--f) * 26);
  line-height: 1.5;
}
.course-detail__text .table table tbody td ol > li::before {
  counter-increment: item;
  content: counter(item) ".";
  position: absolute;
  left: 0;
  top: 0;
}
.course-detail__text .table table tbody td .pdf {
  display: inline-block;
  min-height: calc(var(--f) * 30);
  padding: calc(var(--f) * 3) 0 calc(var(--f) * 3) 0;
  color: #333;
  text-decoration: underline;
  text-align: left;
}
.course-detail__text .table table tbody td .pdf::after {
  content: "";
  position: relative;
  top: calc(var(--f) * -3);
  display: inline-block;
  width: calc(var(--f) * 30);
  height: calc(var(--f) * 30);
  margin-left: calc(var(--f) * 6);
  vertical-align: middle;
  background: url(../img/_common/ico/pdf-red.svg) right center/contain no-repeat;
}
.course-detail__text .table table tbody td .pdf {
  margin-top: calc(var(--f) * 32);
}
.course-detail__text .table table tbody:first-child {
  border-top: 1px solid rgba(52, 77, 159, 0.2);
}
.course-detail__text h4 + .table {
  margin-top: calc(var(--f) * 34);
}
.course-detail__text .basic-table table {
  width: 100%;
}
.course-detail__text .basic-table table th, .course-detail__text .basic-table table td {
  text-align: left;
}
.course-detail__text .basic-table table a {
  color: #344D9F;
  text-decoration: underline;
}
.course-detail__text .basic-table table thead th, .course-detail__text .basic-table table thead td {
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  white-space: nowrap;
  background: rgba(29, 133, 248, 0.1);
}
.course-detail__text .basic-table table tbody th, .course-detail__text .basic-table table tbody td {
  line-height: 1.625;
}
.course-detail__text .basic-table table tbody th {
  font-weight: 500;
}
.course-detail__text .basic-table table tbody tr.total th, .course-detail__text .basic-table table tbody tr.total td {
  background: rgba(51, 51, 51, 0.05);
}
.course-detail__text .basic-table table tbody:first-child {
  border-top: 1px solid rgba(52, 77, 159, 0.2);
}
.course-detail__text .basic-table .notice {
  margin: 0.25em 0 0;
  font-size: calc(var(--f) * 14);
  text-align: right;
}
@media screen and (min-width: 960.02px) {
  .course-detail__text .basic-table table thead th, .course-detail__text .basic-table table thead td {
    padding: 0.35em calc(var(--s) * 26);
  }
  .course-detail__text .basic-table table tbody th, .course-detail__text .basic-table table tbody td {
    padding: 1.5em 0 1.5em calc(var(--f) * 26);
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
}
@media screen and (max-width: 960px) {
  .course-detail__text .basic-table table {
    width: 100%;
  }
  .course-detail__text .basic-table table th, .course-detail__text .basic-table table td {
    display: block;
    width: 100%;
    font-size: calc(var(--f) * 14);
  }
  .course-detail__text .basic-table table thead th, .course-detail__text .basic-table table thead td {
    padding: calc(var(--f) * 10) 0;
    font-size: calc(var(--f) * 14);
    text-align: center;
  }
  .course-detail__text .basic-table table tbody th:first-child, .course-detail__text .basic-table table tbody td:first-child {
    padding: 1.5em 0 0.5em;
  }
  .course-detail__text .basic-table table tbody th:last-child, .course-detail__text .basic-table table tbody td:last-child {
    padding: 0 0 1.5em;
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
}
.course-detail__text .basic-table {
  margin-top: calc(var(--s) * 145);
}
.course-detail__text .basic-table table {
  margin-bottom: calc(var(--s) * 100);
}
.course-detail__text .basic-table table:last-child {
  margin-bottom: 0;
}
.course-detail__text .table-scroll table {
  width: 100%;
}
.course-detail__text .table-scroll table th, .course-detail__text .table-scroll table td {
  text-align: left;
}
.course-detail__text .table-scroll table a {
  color: #344D9F;
  text-decoration: underline;
}
.course-detail__text .table-scroll table thead th, .course-detail__text .table-scroll table thead td {
  padding: 0.35em calc(var(--s) * 26);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  white-space: nowrap;
  background: rgba(29, 133, 248, 0.1);
}
.course-detail__text .table-scroll table tbody th, .course-detail__text .table-scroll table tbody td {
  padding: 1.5em 0 1.5em calc(var(--f) * 26);
  line-height: 1.625;
  border-bottom: 1px solid rgba(52, 77, 159, 0.2);
}
.course-detail__text .table-scroll table tbody th {
  font-weight: 500;
}
.course-detail__text .table-scroll table tbody tr.total th, .course-detail__text .table-scroll table tbody tr.total td {
  background: rgba(51, 51, 51, 0.05);
}
@media screen and (max-width: 960px) {
  .course-detail__text .table-scroll table thead th, .course-detail__text .table-scroll table thead td {
    font-size: calc(var(--f) * 16);
  }
  .course-detail__text .table-scroll table tbody th, .course-detail__text .table-scroll table tbody td {
    font-size: calc(var(--f) * 14);
  }
}
.course-detail__text .table-circle table th::before {
  content: "●";
  color: #344D9F;
}
@media screen and (min-width: 960.02px) {
  .course-detail__text .table-circle table th {
    padding: 0 1em 0 0;
  }
}
.course-detail__text .table-circle {
  margin: 0 0 calc(var(--f) * 30);
}
.course-detail__text .notice {
  margin-top: calc(var(--f) * 20);
}
.course-detail__text .notice ul li {
  position: relative;
  padding: 0 0 0 1em;
}
.course-detail__text .notice ul li::before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 1em;
  text-align: center;
}
.course-detail__text .step-index {
  letter-spacing: 0;
}
.course-detail__text .step-index .step-index__result {
  padding: calc(var(--f) * 20) calc(var(--f) * 16);
  margin: 0 0 calc(var(--f) * 12);
  border: 1px solid #344D9F;
  border-radius: calc(var(--f) * 30);
}
.course-detail__text .step-index .step-index__result dt {
  color: #344D9F;
  font-weight: 700;
}
.course-detail__text .step-index .step-index__result dd {
  font-weight: 500;
}
.course-detail__text .step-index .step-index__title {
  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;
  gap: calc(var(--f) * 16);
  min-height: calc(var(--f) * 50);
  padding: 0 calc(var(--f) * 26);
  margin: 0 0 calc(var(--f) * 26);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  background: rgba(29, 133, 248, 0.1);
}
@media screen and (max-width: 960px) {
  .course-detail__text .step-index .step-index__title {
    min-height: calc(var(--f) * 40);
    font-size: calc(var(--f) * 14);
  }
}
.course-detail__text .step-index .step-index__title {
  margin: 0 0 calc(var(--f) * 24);
}
.course-detail__text .step-index .step-index__item {
  position: relative;
  padding: calc(var(--f) * 12) calc(var(--f) * 18) calc(var(--f) * 20);
  border: 1px solid #344D9F;
  border-radius: calc(var(--f) * 30);
  background: #E9EDF5;
}
.course-detail__text .step-index .step-index__item .step-index__count {
  position: relative;
  display: inline-block;
  padding: 0 0.4em 0.4em 0;
  margin: 0 0 calc(var(--f) * 10);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1;
  font-weight: 700;
}
.course-detail__text .step-index .step-index__item .step-index__count b {
  margin-left: 0.15em;
  font-size: 1.6em;
}
.course-detail__text .step-index .step-index__item .step-index__count::after {
  content: "";
  position: absolute;
  left: calc(var(--f) * -18);
  bottom: 0;
  display: block;
  width: calc(100% + var(--f) * 18);
  height: 1px;
  background: #344D9F;
}
.course-detail__text .step-index .step-index__item .step-index__sub-title {
  color: #344D9F;
  line-height: 1.5;
  font-weight: 700;
}
.course-detail__text .step-index .step-index__item .step-index__sub-title small {
  display: block;
  color: #333;
  font-size: calc(var(--f) * 14);
  font-weight: 400;
  letter-spacing: -0.05em;
}
.course-detail__text .step-index .step-index__item .step-index__text p {
  margin: 0 0 0.5em;
  line-height: 1.5;
  font-weight: 700;
}
.course-detail__text .step-index .step-index__item .step-index__text small {
  font-size: calc(var(--f) * 14);
}
.course-detail__text .step-index .step-index__item .step-index__case {
  position: relative;
  display: block;
  padding: calc(var(--f) * 15) 0 calc(var(--f) * 10);
  margin: calc(var(--f) * -12) calc(var(--f) * -18) calc(var(--f) * 10);
  color: #fff;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  background: #344D9F;
  border-radius: calc(var(--f) * 28) calc(var(--f) * 28) 0 0;
}
.course-detail__text .step-index .step-index__notice p {
  margin: 0.5em 0 0;
  line-height: 1.5;
}
.course-detail__text .step-index .step-index__item--result {
  background: #fff;
}
.course-detail__text .step-index .step-index__item--result .step-index__count {
  padding-top: 0.5em;
  font-size: calc(var(--f) * 24);
}
.course-detail__text .step-index .step-index__item--result .step-index__count::after {
  display: none;
}
@media screen and (min-width: 960.02px) {
  .course-detail__text .step-index .step-index__result {
    width: calc((100% - var(--s) * 181) / 5);
  }
  .course-detail__text .step-index .step-index__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: calc(var(--s) * 34) 0;
  }
  .course-detail__text .step-index .step-index__item {
    width: calc((100% - var(--s) * 181) / 5);
    margin-right: calc(var(--s) * 45);
  }
  .course-detail__text .step-index .step-index__item::after {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    width: calc(var(--s) * 45);
    height: calc(var(--s) * 45);
    margin: auto 0;
    background: url(../img/certification/flow-arrow.svg) center/contain no-repeat;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .course-detail__text .step-index .step-index__item:nth-child(5n+1) {
    margin-left: calc(var(--s) * 40);
  }
  .course-detail__text .step-index .step-index__item:first-child {
    margin-left: 0;
  }
  .course-detail__text .step-index .step-index__item:first-child::after {
    display: none;
  }
  .course-detail__text .step-index .step-index__item .step-index__sub-title {
    min-height: 3.8em;
  }
  .course-detail__text .step-index .step-index__item .step-index__arrow {
    position: absolute;
    left: calc(var(--s) * -34);
    top: calc(var(--f) * -41);
    display: block;
    width: calc(100% + var(--s) * 71);
    height: calc(var(--s) * 45);
    background: url(../img/certification/flow-arrow-right.svg) right center/contain no-repeat;
  }
  .course-detail__text .step-index .step-index__item .step-index__arrow::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: calc(100% - var(--s) * 10);
    height: calc(var(--f) * 5);
    margin: auto 0;
    background: #1D85F8;
    border-radius: 999px;
  }
  .course-detail__text .step-index .step-index__item:nth-child(5) {
    margin-right: 0;
  }
  .course-detail__text .step-index .step-index__item--before {
    margin-top: calc(var(--f) * 75);
  }
  .course-detail__text .step-index .step-index__item--before + .step-index__item::after {
    -webkit-transform: translateY(calc(var(--s) * 37)) rotate(-90deg);
            transform: translateY(calc(var(--s) * 37)) rotate(-90deg);
  }
  .course-detail__text .step-index--10cell .step-index__item:nth-child(5) .step-index__arrow {
    top: calc(var(--f) * -50);
    width: calc(100% + var(--s) * 33);
  }
  .course-detail__text .step-index--10cell .step-index__item:nth-child(6) {
    margin-left: calc(var(--s) * 32);
  }
  .course-detail__text .step-index--10cell .step-index__item:nth-child(6)::before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    width: calc(var(--s) * 45);
    height: calc(var(--s) * 45);
    margin: auto 0;
    background: url(../img/certification/flow-arrow.svg) center/contain no-repeat;
    -webkit-transform: translateY(calc(var(--s) * -37)) rotate(-90deg);
            transform: translateY(calc(var(--s) * -37)) rotate(-90deg);
  }
  .course-detail__text .step-index--10cell .step-index__item:nth-child(6), .course-detail__text .step-index--10cell .step-index__item:nth-child(7), .course-detail__text .step-index--10cell .step-index__item:nth-child(8), .course-detail__text .step-index--10cell .step-index__item:nth-child(9), .course-detail__text .step-index--10cell .step-index__item:nth-child(10) {
    width: calc((100% - var(--s) * 180) / 5);
    margin-right: calc(var(--s) * 35);
  }
  .course-detail__text .step-index--10cell .step-index__item:nth-child(10) {
    margin-right: 0;
  }
  .course-detail__text .step-index--10cell .step-index__item:nth-child(7)::after, .course-detail__text .step-index--10cell .step-index__item:nth-child(8)::after, .course-detail__text .step-index--10cell .step-index__item:nth-child(9)::after, .course-detail__text .step-index--10cell .step-index__item:nth-child(10)::after {
    right: calc(100% - var(--s) * 5);
  }
}
@media screen and (max-width: 960px) {
  .course-detail__text .step-index .step-index__item {
    margin: 0 0 calc(var(--f) * 33);
    border-radius: calc(var(--f) * 20);
  }
  .course-detail__text .step-index .step-index__item::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    width: 100%;
    height: calc(var(--f) * 33);
    background: url(../img/certification/flow-arrow.svg) center/auto calc(var(--f) * 20) no-repeat;
  }
  .course-detail__text .step-index .step-index__item:last-child {
    margin-bottom: 0;
  }
  .course-detail__text .step-index .step-index__item:last-child::after {
    display: none;
  }
  .course-detail__text .step-index .step-index__item .step-index__count {
    font-size: calc(var(--f) * 16);
  }
  .course-detail__text .step-index .step-index__item .step-index__sub-title {
    margin: 0 0 0.5em;
    font-size: calc(var(--f) * 16);
  }
  .course-detail__text .step-index .step-index__item .step-index__text p {
    font-size: calc(var(--f) * 14);
  }
  .course-detail__text .step-index .step-index__item .step-index__case {
    padding: calc(var(--f) * 10) 0;
    border-radius: calc(var(--f) * 18) calc(var(--f) * 18) 0 0;
  }
  .course-detail__text .step-index .step-index__item .step-index__arrow {
    position: absolute;
    right: calc(var(--f) * -59);
    top: calc(var(--f) * -28);
    display: block;
    width: calc(var(--f) * 30);
    height: calc(100% + var(--f) * 54);
    background: url(../img/certification/flow-arrow.svg) center bottom/auto calc(var(--f) * 20) no-repeat;
  }
  .course-detail__text .step-index .step-index__item .step-index__arrow::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: calc(var(--f) * 5);
    height: calc(100% - var(--f) * 10);
    margin: 0 auto;
    background: #1D85F8;
    border-radius: 999px;
  }
  .course-detail__text .step-index .step-index__item--before {
    margin-right: calc(var(--s) * 85);
  }
  .course-detail__text .step-index .step-index__item--result .step-index__count {
    font-size: calc(var(--f) * 24);
  }
}
.course-detail__text .step-index {
  margin: calc(var(--f) * 34) 0 calc(var(--s) * 95);
}
.course-detail__text .table + .step-index {
  margin-top: calc(var(--s) * 150);
}
.course-detail__text .step-detail .step-detail__item {
  position: relative;
  overflow: hidden;
  margin: 0 0 calc(var(--f) * 25);
  border: 1px solid #344D9F;
  border-radius: calc(var(--f) * 15);
}
.course-detail__text .step-detail .step-detail__item:last-child {
  margin-bottom: 0;
}
.course-detail__text .step-detail .step-detail__item input {
  display: none;
}
.course-detail__text .step-detail .step-detail__item label {
  position: relative;
  cursor: pointer;
  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;
  padding: calc(var(--f) * 10) calc(var(--s) * 74);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  background: #E9EDF5;
}
.course-detail__text .step-detail .step-detail__item label i {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--s) * 24);
  display: block;
  width: calc(var(--f) * 26);
  height: calc(var(--f) * 26);
  margin: auto 0;
  border: 1px solid #344D9F;
  border-radius: 999px;
  background: #fff;
}
.course-detail__text .step-detail .step-detail__item label i::before, .course-detail__text .step-detail .step-detail__item label i::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 50%;
  height: 1px;
  margin: auto;
  background: #344D9F;
}
.course-detail__text .step-detail .step-detail__item label i::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.course-detail__text .step-detail .step-detail__item label .season {
  font-size: 0.8em;
}
.course-detail__text .step-detail .step-detail__item label .step-detail__count {
  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;
  padding: 0.15em 0 0;
}
.course-detail__text .step-detail .step-detail__item label .step-detail__count b {
  position: relative;
  top: -0.2em;
  margin-left: 0.15em;
  margin-right: 0.1em;
  font-size: 1.6em;
}
.course-detail__text .step-detail .step-detail__item label .step-detail__count::after {
  content: "";
  position: relative;
  top: -0.2em;
  display: block;
  width: 1px;
  height: 1.5em;
  margin: 0 1.75em 0 1.25em;
  background: #344D9F;
}
.course-detail__text .step-detail .step-detail__item label .step-detail__title--small {
  font-size: calc(var(--f) * 16);
  font-weight: 500;
}
.course-detail__text .step-detail .step-detail__item label:hover {
  color: rgba(52, 77, 159, 0.5);
}
.course-detail__text .step-detail .step-detail__item input:checked + label i::after {
  display: none;
}
.course-detail__text .step-detail .step-detail__item .step-detail__text {
  position: relative;
  height: calc(var(--f) * 50);
  padding: calc(var(--f) * 8) calc(var(--f) * 50) calc(var(--f) * 36) !important;
}
.course-detail__text .step-detail .step-detail__item .step-detail__text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: calc(var(--f) * 30);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(rgba(255, 255, 255, 0), white);
}
.course-detail__text .step-detail .step-detail__item .step-detail__text a {
  color: #344D9F;
  text-decoration: underline;
}
.course-detail__text .step-detail .step-detail__item .step-detail__text p {
  margin: 0 0 2.2em;
}
.course-detail__text .step-detail .step-detail__item .step-detail__text p strong {
  color: #344D9F;
  font-weight: 700;
}
.course-detail__text .step-detail .step-detail__item .step-detail__text p strong .large {
  font-size: calc(var(--f) * 20);
}
.course-detail__text .step-detail .step-detail__item .step-detail__text p .pdf {
  display: inline-block;
  min-height: calc(var(--f) * 30);
  padding: calc(var(--f) * 3) 0 calc(var(--f) * 3) 0;
  color: #333;
  text-decoration: underline;
  text-align: left;
}
.course-detail__text .step-detail .step-detail__item .step-detail__text p .pdf::after {
  content: "";
  position: relative;
  top: calc(var(--f) * -3);
  display: inline-block;
  width: calc(var(--f) * 30);
  height: calc(var(--f) * 30);
  margin-left: calc(var(--f) * 6);
  vertical-align: middle;
  background: url(../img/_common/ico/pdf-red.svg) right center/contain no-repeat;
}
.course-detail__text .step-detail .step-detail__item .step-detail__text p .pdf {
  margin-left: 2.5em;
}
.course-detail__text .step-detail .step-detail__item .step-detail__text p:last-child {
  margin-bottom: 0;
}
.course-detail__text .step-detail .step-detail__item .step-detail__text .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.course-detail__text .step-detail .step-detail__item .step-detail__text .btn .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.course-detail__text .step-detail .step-detail__item .step-detail__text .btn .label:hover {
  opacity: 0.7;
}
.course-detail__text .step-detail .step-detail__item .step-detail__text .btn .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.course-detail__text .step-detail .step-detail__item .step-detail__text .btn .label a, .course-detail__text .step-detail .step-detail__item .step-detail__text .btn .label input, .course-detail__text .step-detail .step-detail__item .step-detail__text .btn .label button, .course-detail__text .step-detail .step-detail__item .step-detail__text .btn .label label, .course-detail__text .step-detail .step-detail__item .step-detail__text .btn .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .course-detail__text .step-detail .step-detail__item .step-detail__text .btn .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .course-detail__text .step-detail .step-detail__item .step-detail__text .btn .label a, .course-detail__text .step-detail .step-detail__item .step-detail__text .btn .label input, .course-detail__text .step-detail .step-detail__item .step-detail__text .btn .label button, .course-detail__text .step-detail .step-detail__item .step-detail__text .btn .label label, .course-detail__text .step-detail .step-detail__item .step-detail__text .btn .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.course-detail__text .step-detail .step-detail__item .step-detail__text .btn {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.course-detail__text .step-detail .step-detail__item .step-detail__text .table table thead th, .course-detail__text .step-detail .step-detail__item .step-detail__text .table table thead td {
  text-align: center;
}
.course-detail__text .step-detail .step-detail__item .step-detail__text .table table tbody th, .course-detail__text .step-detail .step-detail__item .step-detail__text .table table tbody td {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
.course-detail__text .step-detail .step-detail__item .step-detail__text .table table tbody tr.bottom-line-dark th, .course-detail__text .step-detail .step-detail__item .step-detail__text .table table tbody tr.bottom-line-dark td {
  border-bottom-color: rgba(52, 77, 159, 0.5);
}
.course-detail__text .step-detail .step-detail__item input:checked + label + .step-detail__text {
  height: unset;
}
.course-detail__text .step-detail .step-detail__item input:checked + label + .step-detail__text::after {
  display: none;
}
.course-detail__text .step-detail .step-detail__item .step-detail__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.course-detail__text .step-detail .step-detail__item .step-detail__close .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.course-detail__text .step-detail .step-detail__item .step-detail__close .label:hover {
  opacity: 0.7;
}
.course-detail__text .step-detail .step-detail__item .step-detail__close .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.course-detail__text .step-detail .step-detail__item .step-detail__close .label a, .course-detail__text .step-detail .step-detail__item .step-detail__close .label input, .course-detail__text .step-detail .step-detail__item .step-detail__close .label button, .course-detail__text .step-detail .step-detail__item .step-detail__close .label label, .course-detail__text .step-detail .step-detail__item .step-detail__close .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .course-detail__text .step-detail .step-detail__item .step-detail__close .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .course-detail__text .step-detail .step-detail__item .step-detail__close .label a, .course-detail__text .step-detail .step-detail__item .step-detail__close .label input, .course-detail__text .step-detail .step-detail__item .step-detail__close .label button, .course-detail__text .step-detail .step-detail__item .step-detail__close .label label, .course-detail__text .step-detail .step-detail__item .step-detail__close .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.course-detail__text .step-detail .step-detail__item .step-detail__close .label {
  display: inline-block;
  background: #fff url(../img/_common/ico/close-navy.svg) left calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
  border-color: #CCD2E7;
}
.course-detail__text .step-detail .step-detail__item .step-detail__close .label a, .course-detail__text .step-detail .step-detail__item .step-detail__close .label input, .course-detail__text .step-detail .step-detail__item .step-detail__close .label button, .course-detail__text .step-detail .step-detail__item .step-detail__close .label label, .course-detail__text .step-detail .step-detail__item .step-detail__close .label span {
  min-width: unset;
  padding: 0 calc(var(--f) * 32) 0 calc(var(--f) * 72);
}
.course-detail__text .step-detail .step-detail__item .step-detail__close {
  display: none;
  width: 100%;
  margin: 0 0 calc(var(--s) * 50);
  text-align: center;
}
.course-detail__text .step-detail .step-detail__item .step-detail__close .label {
  min-width: unset;
  width: calc(var(--f) * 150);
  white-space: nowrap;
}
.course-detail__text .step-detail .step-detail__item input:checked + label + .step-detail__text + .step-detail__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 960.02px) {
  .course-detail__text .step-detail .step-detail__item .step-detail__text {
    padding: calc(var(--f) * 8) calc(var(--f) * 20) calc(var(--f) * 20);
  }
  .course-detail__text .step-detail .step-detail__item .step-detail__text p .pdf {
    margin-left: 2.5em;
  }
}
@media screen and (max-width: 960px) {
  .course-detail__text .step-detail .step-detail__item label {
    padding: calc(var(--f) * 10) calc(var(--s) * 20) calc(var(--f) * 10) calc(var(--s) * 48);
    font-size: calc(var(--f) * 14);
  }
  .course-detail__text .step-detail .step-detail__item label i {
    left: calc(var(--f) * 20);
    width: calc(var(--f) * 20);
    height: calc(var(--f) * 20);
  }
  .course-detail__text .step-detail .step-detail__item label .step-detail__count {
    font-size: calc(var(--f) * 14);
  }
  .course-detail__text .step-detail .step-detail__item label .step-detail__count::after {
    margin: 0 calc(var(--f) * 10);
  }
  .course-detail__text .step-detail .step-detail__item label.course-label {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: calc(var(--s) * 20);
  }
  .course-detail__text .step-detail .step-detail__item label.course-label i {
    position: absolute;
    top: calc(var(--f) * 12);
    margin: 0;
  }
  .course-detail__text .step-detail .step-detail__item label.course-label .step-detail__count {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    text-indent: calc(var(--s) * 28);
  }
  .course-detail__text .step-detail .step-detail__item label.course-label .step-detail__count::after {
    width: 100%;
    height: 1px;
    margin: calc(var(--f) * 12) 0 calc(var(--f) * 4);
  }
  .course-detail__text .step-detail .step-detail__item label.course-label .step-detail__title {
    width: 100%;
    font-size: calc(var(--f) * 14);
  }
  .course-detail__text .step-detail .step-detail__item .step-detail__text {
    padding: calc(var(--f) * 8) calc(var(--f) * 20) calc(var(--f) * 20) !important;
  }
  .course-detail__text .step-detail .step-detail__item .step-detail__text p .pdf {
    margin-top: 1em;
    margin-left: 0;
  }
}
.course-detail__text .step-detail {
  margin: calc(var(--f) * 34) 0 calc(var(--s) * 95);
}
.course-detail__text .step-detail + .sub-title-navy {
  margin-top: calc(var(--s) * -70);
}
.course-detail__text .accordion {
  margin: calc(var(--f) * 38) 0 0;
}
.course-detail__text .accordion input {
  display: none;
}
.course-detail__text .accordion label {
  position: relative;
  cursor: pointer;
  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;
  min-height: calc(var(--f) * 26);
  padding: 0 0 0 calc(var(--f) * 32);
  margin: 0 0 calc(var(--f) * 10);
  line-height: 1.5;
}
.course-detail__text .accordion label i {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 26);
  height: calc(var(--f) * 26);
  border: 1px solid #344D9F;
  border-radius: 999px;
}
.course-detail__text .accordion label i::before, .course-detail__text .accordion label i::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 50%;
  height: 1px;
  margin: auto;
  background: #344D9F;
}
.course-detail__text .accordion label i::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.course-detail__text .accordion input:checked + label::after {
  display: none;
}
.course-detail__text .accordion .inner {
  display: none;
}
.course-detail__text .accordion input:checked + label + .inner {
  display: block;
  margin-bottom: calc(var(--s) * 120);
}
.course-detail__text .dl {
  border-top: 1px solid rgba(52, 77, 159, 0.2);
}
.course-detail__text .dl__box {
  position: relative;
  padding: calc(var(--f) * 32) 0;
  border-bottom: 1px solid rgba(52, 77, 159, 0.2);
}
.course-detail__text .dl__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #344D9F;
  font-size: calc(var(--f) * 24);
  font-weight: 700;
  background: #E9EDF5;
  border-radius: calc(var(--f) * 30);
}
.course-detail__text .dl__ul {
  margin: 0 0 calc(var(--s) * 34);
}
.course-detail__text .dl__ul:last-child {
  margin-bottom: 0;
}
.course-detail__text .dl__ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.course-detail__text .dl__ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.course-detail__text .dl__ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .course-detail__text .dl__ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .course-detail__text .dl__ul {
    padding: 0;
  }
}
.course-detail__text .dl__ul {
  margin-top: calc(var(--f) * 46);
}
.course-detail__text .dl__ul__sub {
  font-weight: 500;
}
.course-detail__text .illust {
  margin: calc(var(--s) * 64) 0 0;
}
.course-detail__text .illust img {
  display: block;
  width: 100%;
}
@media screen and (min-width: 960.02px) {
  .course-detail__text .table thead th, .course-detail__text .table thead td {
    padding: 0.35em calc(var(--s) * 16);
  }
  .course-detail__text .table tbody th, .course-detail__text .table tbody td {
    padding: 1.5em 0 1.5em calc(var(--f) * 16);
    line-height: 2.5;
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
  .course-detail__text .table tbody th {
    padding-right: 2.5em;
  }
  .course-detail__text .basic-table table tbody th, .course-detail__text .basic-table table tbody td {
    padding-top: 2.1em;
    padding-bottom: 2.1em;
    vertical-align: middle;
  }
  .course-detail__text .ul {
    padding-right: 0;
    padding-left: 0;
  }
  .course-detail__text .dl__box {
    padding-left: calc(var(--s) * 250);
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
  .course-detail__text .dl__title {
    position: absolute;
    left: 0;
    top: calc(var(--f) * 32);
    width: calc(var(--s) * 202);
    height: calc(100% - var(--f) * 64);
  }
  .course-detail__text .dl__ul {
    padding-right: 0;
    padding-left: 0;
  }
  .course-detail__text .illust {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .course-detail__text .illust span {
    width: calc((100% - var(--s) * 30) / 2);
  }
}
@media screen and (max-width: 960px) {
  .course-detail {
    padding: 0;
    margin: calc(var(--s) * 60) 0;
  }
  .course-detail__cycle {
    margin-bottom: calc(var(--f) * 38);
    font-size: calc(var(--f) * 20);
  }
  .course-detail__text {
    margin: calc(var(--s) * 72) 0 0;
    font-size: calc(var(--f) * 14);
  }
  .course-detail__text .title {
    margin-top: calc(var(--s) * 50);
    margin-bottom: calc(var(--f) * 10);
  }
  .course-detail__text .sub-title-navy {
    font-size: calc(var(--f) * 18);
  }
  .course-detail__text .table table th, .course-detail__text .table table td {
    display: block;
    width: 100%;
  }
  .course-detail__text .table table thead th, .course-detail__text .table table thead td {
    padding: calc(var(--f) * 10);
    font-size: calc(var(--f) * 16);
    text-align: center;
  }
  .course-detail__text .table table tbody th {
    padding: calc(var(--f) * 30) 0 calc(var(--f) * 6);
  }
  .course-detail__text .table table tbody td {
    padding: 0 0 calc(var(--f) * 30);
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
  .course-detail__text .table table tbody td:first-child {
    padding-top: calc(var(--f) * 30);
  }
  .course-detail__text .basic-table table {
    margin-bottom: calc(var(--s) * 60);
  }
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  .course-detail__text .scroll {
    position: relative;
  }
  .course-detail__text .scroll::before, .course-detail__text .scroll::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    width: calc(var(--f) * 25);
    height: calc(var(--f) * 25);
    background: url(../img/_common/ico/scroll-arrow.svg) center/contain no-repeat;
  }
  .course-detail__text .scroll::before {
    left: calc(var(--f) * -12.5);
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  .course-detail__text .scroll::after {
    right: calc(var(--f) * -12.5);
  }
  .course-detail__text .scroll__inner {
    position: relative;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 960px) {
  .course-detail__text .scroll__contents {
    width: calc(var(--f) * 560);
  }
  .course-detail__text .step-index {
    margin: calc(var(--f) * 34) 0 calc(var(--s) * 60);
  }
  .course-detail__text .step-detail {
    margin: calc(var(--f) * 34) 0 calc(var(--s) * 60);
  }
  .course-detail__text .step-detail + .sub-title-navy {
    margin-top: calc(var(--s) * -50);
  }
  .course-detail__text .dl__title {
    margin-bottom: calc(var(--f) * 12);
    font-size: calc(var(--f) * 20);
    border-radius: calc(var(--f) * 10);
  }
  .course-detail__text .dl__ul {
    padding-right: 0;
    padding-left: 0;
    margin-top: calc(var(--f) * 12);
  }
  .course-detail__text .illust span {
    display: block;
    margin-bottom: calc(var(--f) * 20);
  }
  .course-detail__text .illust span:last-child {
    margin-bottom: 0;
  }
}

.culture-detail {
  position: relative;
  padding: calc(var(--s) * 105) 0 calc(var(--s) * 45);
}
.culture-detail__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.culture-detail__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.culture-detail__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .culture-detail__head {
    font-size: calc(var(--f) * 24);
  }
  .culture-detail__head::after {
    width: calc(var(--f) * 45);
  }
}
.culture-detail__head {
  margin-bottom: calc(var(--s) * 70);
  text-align: center;
}
.culture-detail__head::after {
  margin-right: auto;
  margin-left: auto;
}
.culture-detail__body h4 {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.culture-detail__body h4::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.culture-detail__body h4 b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.culture-detail__body h4 small {
  display: block;
  font-size: 0.8em;
}
.culture-detail__body h4 .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.culture-detail__body h4 .catch::before, .culture-detail__body h4 .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.culture-detail__body h4 .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.culture-detail__body h4 .catch b {
  font-size: 1.5em;
}
.culture-detail__body h4 .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.culture-detail__body h4 .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.culture-detail__body h4 .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.culture-detail__body h4 .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .culture-detail__body h4 {
    font-size: calc(var(--f) * 20);
  }
}
.culture-detail__body h4 {
  margin-top: calc(var(--s) * 80);
  margin-bottom: calc(var(--f) * 26);
  line-height: 1.5;
}
.culture-detail__body h4:first-child {
  margin-top: 0;
}
.culture-detail__body h5 {
  font-size: calc(var(--f) * 20);
  line-height: 1.5;
  font-weight: 700;
}
.culture-detail__body .ul {
  margin: 0 0 calc(var(--s) * 34);
}
.culture-detail__body .ul:last-child {
  margin-bottom: 0;
}
.culture-detail__body .ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.culture-detail__body .ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.culture-detail__body .ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .culture-detail__body .ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .culture-detail__body .ul {
    padding: 0;
  }
}
.culture-detail__body .ul {
  margin: 0 0 calc(var(--s) * 68);
}
.culture-detail__body .ul h5 {
  font-size: calc(var(--f) * 16);
  font-weight: 500;
}
.culture-detail__body p {
  margin: 0 0 calc(var(--s) * 68);
}
.culture-detail__body .illust-intro {
  margin: calc(var(--s) * 74) 0 0;
  text-align: center;
}
.culture-detail__body .illust-intro img {
  display: inline-block;
  width: calc(var(--f) * 750);
  border-radius: calc(var(--f) * 30);
}
.culture-detail__body .illust {
  position: relative;
  z-index: -1;
  margin: calc(var(--s) * -75) 0 calc(var(--s) * 30);
}
.culture-detail__body .illust-bottom h5 {
  margin: 0 0 0.35em;
  color: #344D9F;
}
.culture-detail__body .illust-bottom p {
  line-height: 1.5;
}
.culture-detail__common {
  margin: 0 0 calc(var(--s) * 150);
}
.culture-detail__common .head {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.culture-detail__common .head::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.culture-detail__common .head b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.culture-detail__common .head small {
  display: block;
  font-size: 0.8em;
}
.culture-detail__common .head .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.culture-detail__common .head .catch::before, .culture-detail__common .head .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.culture-detail__common .head .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.culture-detail__common .head .catch b {
  font-size: 1.5em;
}
.culture-detail__common .head .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.culture-detail__common .head .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.culture-detail__common .head .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.culture-detail__common .head .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .culture-detail__common .head {
    font-size: calc(var(--f) * 20);
  }
}
.culture-detail__common .head {
  margin-top: calc(var(--s) * 80);
  margin-bottom: calc(var(--f) * 26);
  line-height: 1.5;
}
.culture-detail__common .head:first-child {
  margin-top: 0;
}
.culture-detail__common .title {
  margin: calc(var(--s) * 43) 0 calc(var(--s) * 39);
  font-size: calc(var(--f) * 20);
  line-height: 1.5;
  font-weight: 700;
}
.culture-detail__common .about {
  margin: 0 0 calc(var(--f) * 22);
}
.culture-detail__common .inner {
  position: relative;
}
.culture-detail__common .sp-illust p {
  font-weight: 500;
  text-align: center;
}
.culture-detail__common .text {
  letter-spacing: -0.03em;
}
.culture-detail__common .text b {
  color: #344D9F;
  font-weight: 700;
}
.culture-detail__common .last {
  padding: calc(var(--f) * 22);
  border-radius: calc(var(--f) * 30);
  background: rgba(29, 133, 248, 0.1);
}
.culture-detail__common .last p {
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}
.culture-detail__risk {
  padding: calc(var(--f) * 45) calc(var(--s) * 50);
  margin: calc(var(--s) * -30) 0 calc(var(--s) * 50);
  font-weight: 500;
  border: 2px solid #1D85F8;
  border-radius: calc(var(--f) * 50);
}
.culture-detail__risk .head {
  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) * 21);
  margin: 0 0 calc(var(--f) * 30);
  color: #344D9F;
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
}
.culture-detail__risk .head::before {
  content: "";
  display: block;
  width: calc(var(--f) * 30.65);
  height: calc(var(--f) * 57);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: url(../img/safety-culture/risk.svg) center/contain no-repeat;
}
.culture-detail__risk p {
  margin: 0 0 calc(var(--f) * 20);
}
.culture-detail__risk p strong {
  font-size: calc(var(--f) * 32);
  font-weight: 700;
}
.culture-detail__risk p:last-child {
  margin-bottom: 0;
}
.culture-detail__risk .ul {
  margin: 0 0 calc(var(--s) * 34);
}
.culture-detail__risk .ul:last-child {
  margin-bottom: 0;
}
.culture-detail__risk .ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.culture-detail__risk .ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.culture-detail__risk .ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .culture-detail__risk .ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .culture-detail__risk .ul {
    padding: 0;
  }
}
.culture-detail__risk .ul {
  margin: 0 0 calc(var(--f) * 20);
}
.culture-detail__risk .ul:last-child {
  margin-bottom: 0;
}
.culture-detail__before-after {
  margin: 0 0 calc(var(--s) * 75);
}
.culture-detail__before-after .head {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.culture-detail__before-after .head::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.culture-detail__before-after .head b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.culture-detail__before-after .head small {
  display: block;
  font-size: 0.8em;
}
.culture-detail__before-after .head .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.culture-detail__before-after .head .catch::before, .culture-detail__before-after .head .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.culture-detail__before-after .head .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.culture-detail__before-after .head .catch b {
  font-size: 1.5em;
}
.culture-detail__before-after .head .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.culture-detail__before-after .head .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.culture-detail__before-after .head .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.culture-detail__before-after .head .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .culture-detail__before-after .head {
    font-size: calc(var(--f) * 20);
  }
}
.culture-detail__before-after .head {
  margin-top: calc(var(--s) * 80);
  margin-bottom: calc(var(--f) * 46);
  line-height: 1.5;
}
.culture-detail__before-after .head:first-child {
  margin-top: 0;
}
.culture-detail__before-after .title {
  margin: 0 0 calc(var(--s) * 12);
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
}
.culture-detail__before-after .intro {
  margin: 0 0 calc(var(--s) * 46);
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
}
.culture-detail__before-after .box {
  position: relative;
  border: 1px solid #333;
  border-radius: calc(var(--f) * 30);
}
.culture-detail__before-after .sub-title {
  padding: calc(var(--f) * 14) calc(var(--s) * 33);
  font-size: calc(var(--f) * 20);
  line-height: 1.5;
  font-weight: 500;
  background: rgba(51, 51, 51, 0.05);
  border-radius: calc(var(--f) * 30) calc(var(--f) * 30) 0 0;
}
.culture-detail__before-after .illust {
  padding: 0 0 calc(var(--f) * 30);
}
.culture-detail__before-after .illust img {
  display: block;
  margin: 0 auto;
}
.culture-detail__before-after .box--after,
.culture-detail__before-after .box--service {
  border-color: #344D9F;
}
.culture-detail__before-after .box--after .sub-title,
.culture-detail__before-after .box--service .sub-title {
  color: #344D9F;
  background: rgba(29, 133, 248, 0.1);
}
.culture-detail__before-after .box--before .ul {
  margin: 0 0 calc(var(--s) * 34);
}
.culture-detail__before-after .box--before .ul:last-child {
  margin-bottom: 0;
}
.culture-detail__before-after .box--before .ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.culture-detail__before-after .box--before .ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.culture-detail__before-after .box--before .ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .culture-detail__before-after .box--before .ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .culture-detail__before-after .box--before .ul {
    padding: 0;
  }
}
.culture-detail__before-after .box--before .ul {
  padding: calc(var(--f) * 14) calc(var(--s) * 33) !important;
  margin-bottom: 0;
}
.culture-detail__before-after .box--before .ul li::before {
  color: rgba(51, 51, 51, 0.5);
}
.culture-detail__before-after .box--after .ul {
  margin: 0 0 calc(var(--s) * 34);
}
.culture-detail__before-after .box--after .ul:last-child {
  margin-bottom: 0;
}
.culture-detail__before-after .box--after .ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.culture-detail__before-after .box--after .ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.culture-detail__before-after .box--after .ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .culture-detail__before-after .box--after .ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .culture-detail__before-after .box--after .ul {
    padding: 0;
  }
}
.culture-detail__before-after .box--after .ul {
  padding: calc(var(--f) * 14) calc(var(--s) * 33) !important;
  margin-bottom: 0;
}
.culture-detail__before-after .box--before .illust img {
  width: calc(var(--f) * 422);
  margin-top: calc(var(--f) * 16);
}
.culture-detail__before-after .box--after .illust img {
  width: calc(var(--f) * 300);
  margin-top: calc(var(--f) * 42);
}
.culture-detail__before-after .box--issue .ul {
  padding: calc(var(--f) * 28) calc(var(--s) * 46);
  text-align: center;
}
.culture-detail__before-after .box--issue .ul ul {
  display: inline-block;
  text-align: left;
}
.culture-detail__before-after .box--issue .ul ul li {
  margin-bottom: 0.6em;
}
.culture-detail__before-after .box--issue .ul ul li:last-child {
  margin-bottom: 0;
}
.culture-detail__before-after .box--service .ul {
  padding: calc(var(--f) * 28) calc(var(--s) * 46);
}
.culture-detail__before-after .box--service .ul li {
  margin-bottom: 1.4em;
}
.culture-detail__before-after .box--service .ul li:last-child {
  margin-bottom: 0;
}
.culture-detail__before-after .box--service .ul li h6 {
  color: #344D9F;
  font-weight: 500;
}
.culture-detail__before-after .last {
  padding: calc(var(--f) * 52) calc(var(--f) * 22);
  margin: calc(var(--f) * 29) 0 0;
  border-radius: calc(var(--f) * 30);
  background: rgba(29, 133, 248, 0.1);
}
.culture-detail__before-after .last p {
  margin-bottom: calc(var(--f) * 8);
  font-size: calc(var(--f) * 20);
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}
.culture-detail__before-after .last p:last-child {
  margin-bottom: 0;
}
.culture-detail__before-after .last p.big {
  font-size: calc(var(--f) * 32);
}
.culture-detail__before-after .last p.big b {
  font-size: 1.25em;
}
@media screen and (min-width: 960.02px) {
  .culture-detail__body .ul h5 {
    position: relative;
    left: calc(var(--s) * -56);
  }
  .culture-detail__body .illust-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .culture-detail__body .illust-bottom .inner {
    width: calc((100% - var(--s) * 150) / 3);
  }
  .culture-detail__body .illust-bottom p {
    margin-bottom: calc(var(--s) * 42);
  }
  .culture-detail__body .illust-bottom .ul {
    padding: 0;
    line-height: 1.5;
  }
  .culture-detail__common .inner {
    margin: 0 0 calc(var(--s) * 76);
  }
  .culture-detail__common .sp-illust {
    position: absolute;
    left: 0;
    top: 100%;
    padding: calc(var(--f) * 8) 0 0;
  }
  .culture-detail__common .sp-illust img {
    display: none;
  }
  .culture-detail__common .pc-illust {
    display: block;
  }
  .culture-detail__common .text {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    padding: calc(var(--s) * 28) calc(var(--s) * 22);
  }
}
@media only screen and (min-width: 960.02px) and (max-width: 1080px) {
  .culture-detail__common .text {
    padding-top: calc(var(--s) * 14);
    font-size: 1.48vw;
  }
}
@media screen and (min-width: 960.02px) {
  .culture-detail__common--1 .box--1 .sp-illust {
    width: 10.93%;
    left: 8.98%;
  }
  .culture-detail__common--1 .box--2 .sp-illust {
    width: 11.85%;
    left: 32.22%;
  }
  .culture-detail__common--1 .box--3 .sp-illust {
    width: 12.96%;
    left: 55.37%;
  }
  .culture-detail__common--1 .box--4 .sp-illust {
    width: 10.93%;
    left: 81.3%;
  }
  .culture-detail__common--1 .box--1 .text {
    width: 21.3%;
    left: 0%;
  }
  .culture-detail__common--1 .box--2 .text {
    width: 21.3%;
    left: 24.81%;
  }
  .culture-detail__common--1 .box--3 .text {
    width: 21.3%;
    left: 49.72%;
  }
  .culture-detail__common--1 .box--4 .text {
    width: 25.46%;
    left: 74.54%;
  }
  .culture-detail__common--2 .box--1 .sp-illust {
    width: 10.93%;
    left: 8.98%;
  }
  .culture-detail__common--2 .box--2 .sp-illust {
    width: 11.85%;
    left: 32.22%;
  }
  .culture-detail__common--2 .box--3 .sp-illust {
    width: 12.96%;
    left: 55.37%;
  }
  .culture-detail__common--2 .box--4 .sp-illust {
    width: 10.93%;
    left: 81.3%;
  }
  .culture-detail__common--2 .box--1 .text {
    width: 21.3%;
    left: 0%;
  }
  .culture-detail__common--2 .box--2 .text {
    width: 21.3%;
    left: 24.81%;
  }
  .culture-detail__common--2 .box--3 .text {
    width: 21.3%;
    left: 49.72%;
  }
  .culture-detail__common--2 .box--4 .text {
    width: 25.46%;
    left: 74.54%;
  }
  .culture-detail__common--3 .box--1 .sp-illust {
    width: 10.93%;
    left: 8.98%;
  }
  .culture-detail__common--3 .box--2 .sp-illust {
    width: 11.85%;
    left: 32.22%;
  }
  .culture-detail__common--3 .box--3 .sp-illust {
    width: 12.96%;
    left: 55.37%;
  }
  .culture-detail__common--3 .box--4 .sp-illust {
    width: 10.93%;
    left: 81.3%;
  }
  .culture-detail__common--3 .box--1 .text {
    width: 18.52%;
    left: 0%;
  }
  .culture-detail__common--3 .box--2 .text {
    width: 18.52%;
    left: 20.56%;
  }
  .culture-detail__common--3 .box--3 .text {
    width: 18.52%;
    left: 41.2%;
  }
  .culture-detail__common--3 .box--4 .text {
    width: 38.24%;
    left: 61.76%;
  }
  .culture-detail__before-after {
    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;
  }
  .culture-detail__before-after .head {
    width: 100%;
  }
  .culture-detail__before-after .title {
    width: 100%;
  }
  .culture-detail__before-after .intro {
    width: 100%;
  }
  .culture-detail__before-after .box {
    width: calc((100% - var(--s) * 82) / 2);
  }
  .culture-detail__before-after .box--after::after,
  .culture-detail__before-after .box--service::after {
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    display: block;
    width: calc(var(--s) * 82);
    height: 100%;
    background: url(../img/safety-culture/flow-arrow-right.svg) center/calc(var(--f) * 25) auto no-repeat;
  }
  .culture-detail__before-after .box--service::after {
    background-image: url(../img/safety-culture/support.svg);
    background-size: calc(var(--f) * 50.5) auto;
  }
  .culture-detail__before-after .last {
    width: 100%;
  }
}
@media screen and (max-width: 960px) {
  .culture-detail {
    padding: calc(var(--s) * 75) 0 0;
  }
  .culture-detail__head {
    margin-bottom: calc(var(--s) * 35);
  }
  .culture-detail__body {
    line-height: 1.5;
  }
  .culture-detail__body h5 {
    margin-bottom: 0.4em;
    font-size: calc(var(--f) * 16);
  }
  .culture-detail__body .ul {
    margin-bottom: calc(var(--s) * 34);
    font-size: calc(var(--f) * 14);
  }
  .culture-detail__body .ul h5 {
    margin-bottom: calc(var(--f) * 24);
  }
  .culture-detail__body p {
    margin-bottom: calc(var(--s) * 34);
  }
  .culture-detail__body h5 + p {
    font-size: calc(var(--f) * 14);
  }
  .culture-detail__body .last {
    font-size: calc(var(--f) * 16);
    font-weight: 500;
  }
  .culture-detail__body .illust-intro {
    margin-top: calc(var(--s) * 37);
  }
  .culture-detail__body .illust {
    margin-top: 0;
  }
  .culture-detail__body .illust-bottom .inner {
    margin-bottom: calc(var(--s) * 32);
  }
  .culture-detail__body .illust-bottom .inner:last-child {
    margin-bottom: 0;
  }
  .culture-detail__body .illust-bottom .inner p {
    margin-bottom: calc(var(--s) * 16);
  }
  .culture-detail__common {
    margin-bottom: calc(var(--s) * 75);
  }
  .culture-detail__common .title {
    font-size: calc(var(--f) * 14);
    font-weight: 500;
  }
  .culture-detail__common .about {
    margin: calc(var(--f) * -30) 0 calc(var(--f) * 26);
    font-size: calc(var(--f) * 14);
    line-height: 1.5;
  }
  .culture-detail__common .box {
    position: relative;
    margin: 0 0 calc(var(--s) * 20);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .culture-detail__common .pc-illust {
    display: none;
  }
  .culture-detail__common .sp-illust {
    width: calc(var(--s) * 105);
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .culture-detail__common .sp-illust img {
    position: relative;
    left: calc(var(--s) * -12);
  }
  .culture-detail__common .sp-illust p {
    padding: 0.5em calc(var(--s) * 12) 0 0;
    font-size: calc(var(--f) * 14);
    line-height: 1;
  }
  .culture-detail__common .text {
    position: relative;
    width: 100%;
    padding: calc(var(--f) * 20);
    font-size: calc(var(--f) * 14);
    line-height: 1.7;
    border: calc(var(--f) * 2) solid #CACACA;
    border-radius: calc(var(--f) * 15);
  }
  .culture-detail__common .text::after {
    content: "";
    position: absolute;
    left: calc(var(--f) * -12);
    bottom: calc(var(--f) * 21);
    z-index: 10;
    display: block;
    width: calc(var(--f) * 13.6);
    height: calc(var(--f) * 11.6);
    background: url(../img/what-is-safety/character-1-balloon.svg) center/contain no-repeat;
  }
  .culture-detail__common .box--2 .text {
    border-color: #87D2AE;
  }
  .culture-detail__common .box--2 .text::after {
    background-image: url(../img/what-is-safety/character-4-balloon.svg);
  }
  .culture-detail__common .box--3 .text {
    border-color: #FFCA64;
  }
  .culture-detail__common .box--3 .text::after {
    background-image: url(../img/what-is-safety/character-2-balloon.svg);
  }
  .culture-detail__common .box--4 .text {
    border-color: #4CC1F8;
  }
  .culture-detail__common .box--4 .text::after {
    background-image: url(../img/what-is-safety/character-3-balloon.svg);
  }
  .culture-detail__common .last {
    padding: calc(var(--s) * 16) calc(var(--s) * 20);
    border-radius: calc(var(--f) * 15);
  }
  .culture-detail__common .last p {
    font-size: calc(var(--f) * 16);
    text-align: left;
  }
  .culture-detail__risk {
    padding: calc(var(--f) * 45) calc(var(--s) * 22);
    margin: 0 0 calc(var(--s) * 50);
    font-size: calc(var(--f) * 14);
    line-height: 1.5;
    border-radius: calc(var(--f) * 20);
  }
  .culture-detail__risk .head {
    font-size: calc(var(--f) * 16);
  }
  .culture-detail__risk .head::before {
    width: calc(var(--f) * 26);
    height: calc(var(--f) * 48);
  }
  .culture-detail__risk p strong {
    font-size: calc(var(--f) * 20);
  }
  .culture-detail__before-after .title {
    font-size: calc(var(--f) * 16);
  }
  .culture-detail__before-after .intro {
    font-size: calc(var(--f) * 16);
  }
  .culture-detail__before-after .box {
    font-size: calc(var(--f) * 14);
    border-radius: calc(var(--f) * 20);
  }
  .culture-detail__before-after .sub-title {
    padding: calc(var(--f) * 8) calc(var(--s) * 20);
    font-size: calc(var(--f) * 16);
    border-radius: calc(var(--f) * 20) calc(var(--f) * 20) 0 0;
  }
  .culture-detail__before-after .box--after,
  .culture-detail__before-after .box--service {
    margin-top: calc(var(--s) * 49);
  }
  .culture-detail__before-after .box--after::after,
  .culture-detail__before-after .box--service::after {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    bottom: 100%;
    display: block;
    width: calc(var(--s) * 49);
    height: calc(var(--s) * 49);
    margin: 0 auto;
    background: url(../img/safety-culture/flow-arrow-right.svg) center/calc(var(--f) * 25) auto no-repeat;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .culture-detail__before-after .box--service {
    margin-top: calc(var(--s) * 87);
  }
  .culture-detail__before-after .box--service::after {
    bottom: calc(100% - var(--s) * 21);
    width: calc(var(--s) * 130);
    height: calc(var(--s) * 130);
    background-image: url(../img/safety-culture/support.svg);
    background-size: contain;
  }
  .culture-detail__before-after .box--before .ul {
    padding: calc(var(--f) * 14) calc(var(--s) * 20) !important;
  }
  .culture-detail__before-after .box--after .ul {
    padding: calc(var(--f) * 14) calc(var(--s) * 20) !important;
  }
  .culture-detail__before-after .box--before .illust img {
    width: calc(var(--f) * 298);
    margin-top: calc(var(--f) * 12);
  }
  .culture-detail__before-after .box--after .illust img {
    width: calc(var(--f) * 240);
    margin-top: calc(var(--f) * 12);
  }
  .culture-detail__before-after .box--issue .sub-title,
  .culture-detail__before-after .box--service .sub-title {
    text-align: center;
  }
  .culture-detail__before-after .box--issue .ul,
  .culture-detail__before-after .box--service .ul {
    padding: calc(var(--f) * 14) calc(var(--s) * 20) !important;
  }
  .culture-detail__before-after .box--issue .ul ul li,
  .culture-detail__before-after .box--service .ul ul li {
    margin-bottom: 0;
  }
  .culture-detail__before-after .last {
    padding: calc(var(--f) * 16) calc(var(--f) * 20);
    border-radius: calc(var(--f) * 15);
  }
  .culture-detail__before-after .last p {
    margin-bottom: calc(var(--s) * 16);
    font-size: calc(var(--f) * 16);
    text-align: left;
  }
  .culture-detail__before-after .last p:last-child {
    margin-bottom: 0;
  }
  .culture-detail__before-after .last p.big {
    font-size: calc(var(--f) * 24);
  }
  .culture-detail__before-after .last p.big b {
    font-size: 1em;
  }
}

.error-notice {
  padding: calc(var(--s) * 124) 0 calc(var(--s) * 150);
}
.error-notice__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
  text-align: center;
}
.error-notice__container h2 {
  margin: 0 0 calc(var(--s) * 20);
  font-size: calc(var(--f) * 24);
  font-weight: 700;
}
.error-notice__container .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.error-notice__container .btn .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.error-notice__container .btn .label:hover {
  opacity: 0.7;
}
.error-notice__container .btn .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.error-notice__container .btn .label a, .error-notice__container .btn .label input, .error-notice__container .btn .label button, .error-notice__container .btn .label label, .error-notice__container .btn .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .error-notice__container .btn .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .error-notice__container .btn .label a, .error-notice__container .btn .label input, .error-notice__container .btn .label button, .error-notice__container .btn .label label, .error-notice__container .btn .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.error-notice__container .btn {
  margin: calc(var(--s) * 80) 0 0;
}

.examination-certified {
  position: relative;
  padding: 0 0 calc(var(--s) * 148);
}
.examination-certified__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
  position: relative;
  padding: calc(var(--s) * 60) calc(var(--s) * 50) calc(var(--s) * 110);
  background: rgba(29, 133, 248, 0.1);
  border-radius: calc(var(--f) * 30);
}
.examination-certified__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.examination-certified__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .examination-certified__head {
    font-size: calc(var(--f) * 24);
  }
  .examination-certified__head::after {
    width: calc(var(--f) * 45);
  }
}
.examination-certified__head {
  margin-bottom: calc(var(--f) * 70);
  text-align: center;
}
.examination-certified__head::after {
  margin-right: auto;
  margin-left: auto;
}
.examination-certified__text {
  margin: 0 0 calc(var(--f) * 50);
}
.examination-certified__list {
  margin: 0 0 calc(var(--s) * 108);
}
.examination-certified__list__item {
  padding: calc(var(--f) * 24) calc(var(--f) * 24) calc(var(--f) * 10);
  border: calc(var(--f) * 1) solid #344D9F;
  border-radius: calc(var(--f) * 30);
  background: #fff;
}
.examination-certified__list__item .illust img {
  display: block;
  width: 100%;
  border-radius: calc(var(--f) * 15);
}
.examination-certified__list__item .text {
  position: relative;
  padding: calc(var(--f) * 54) 0 0;
}
.examination-certified__list__item .renewal {
  position: absolute;
  left: -2em;
  top: calc(var(--f) * 12);
  padding: 0.2em 3em 0.2em 2em;
  color: #fff;
  line-height: 1.5;
  font-weight: 500;
  background: #344D9F;
  clip-path: polygon(0 0, 100% 0, calc(100% - 1em) 100%, 0 100%);
}
.examination-certified__list__item .title {
  margin: 0 0 calc(var(--f) * 6);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
}
.examination-certified__list__item .detail {
  line-height: 1.5;
}
.examination-certified__renewal__title {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.examination-certified__renewal__title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.examination-certified__renewal__title b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.examination-certified__renewal__title small {
  display: block;
  font-size: 0.8em;
}
.examination-certified__renewal__title .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.examination-certified__renewal__title .catch::before, .examination-certified__renewal__title .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.examination-certified__renewal__title .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.examination-certified__renewal__title .catch b {
  font-size: 1.5em;
}
.examination-certified__renewal__title .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.examination-certified__renewal__title .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.examination-certified__renewal__title .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.examination-certified__renewal__title .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .examination-certified__renewal__title {
    font-size: calc(var(--f) * 20);
  }
}
.examination-certified__renewal__title {
  margin-bottom: calc(var(--f) * 4);
}
.examination-certified__renewal__text {
  margin-bottom: calc(var(--f) * 48);
}
.examination-certified__renewal__list {
  margin: 0 0 calc(var(--s) * 34);
}
.examination-certified__renewal__list:last-child {
  margin-bottom: 0;
}
.examination-certified__renewal__list li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.examination-certified__renewal__list li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.examination-certified__renewal__list li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .examination-certified__renewal__list {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .examination-certified__renewal__list {
    padding: 0;
  }
}
.examination-certified__renewal__list {
  margin-left: calc(var(--s) * 16);
}
.examination-certified__renewal__list ul {
  margin-bottom: calc(var(--s) * 48);
}
.examination-certified__renewal__list b {
  color: #344D9F;
  font-weight: 700;
}
@media screen and (min-width: 960.02px) {
  .examination-certified__list__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: calc(var(--s) * 28) calc(var(--s) * 25);
  }
  .examination-certified__list__item {
    width: calc((100% - var(--s) * 50) / 3);
    padding-bottom: calc(var(--f) * 30);
  }
  .examination-certified__list__item:first-child {
    width: 100%;
    padding-top: calc(var(--f) * 20);
    padding-bottom: calc(var(--f) * 20);
    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) * 75);
  }
  .examination-certified__list__item:first-child .illust {
    width: calc(var(--f) * 264);
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .examination-certified__list__item:first-child .text {
    width: 100%;
    padding-top: 0;
  }
  .examination-certified__finder {
    position: relative;
  }
  .examination-certified__finder .more {
    position: absolute;
    right: calc(var(--s) * 50);
    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;
  }
  .examination-certified__illust {
    position: absolute;
    right: calc(var(--s) * 9);
    top: calc(var(--s) * -45);
    display: block;
    width: calc(var(--s) * 340);
  }
}
@media screen and (max-width: 960px) {
  .examination-certified {
    padding: 0 0 calc(var(--s) * 74);
  }
  .examination-certified__container {
    padding: calc(var(--f) * 195) calc(var(--f) * 20) calc(var(--f) * 40);
  }
  .examination-certified__head {
    margin-bottom: calc(var(--f) * 24);
  }
  .examination-certified__text {
    margin-bottom: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
  .examination-certified__list__item {
    padding-bottom: calc(var(--f) * 26);
    margin-bottom: calc(var(--f) * 28);
  }
  .examination-certified__list__item:last-child {
    margin-bottom: 0;
  }
  .examination-certified__list__item .illust {
    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%;
    padding: calc(var(--f) * 20) 0;
    background: #E9EDF5;
    border-radius: calc(var(--f) * 10);
  }
  .examination-certified__list__item .illust img {
    width: 80%;
  }
  .examination-certified__list__item .text {
    position: relative;
    padding: calc(var(--f) * 54) 0 0;
  }
  .examination-certified__list__item .title {
    font-size: calc(var(--f) * 20);
  }
  .examination-certified__list__item .detail {
    font-size: calc(var(--f) * 14);
  }
  .examination-certified__list__item:first-child .text, .examination-certified__list__item:nth-child(4) .text {
    width: 100%;
    padding-top: calc(var(--f) * 12);
  }
  .examination-certified__renewal__text {
    margin: calc(var(--f) * 24) 0 calc(var(--f) * 36);
    font-size: calc(var(--f) * 14);
    line-height: 1.5;
  }
  .examination-certified__renewal__list {
    margin-left: 0;
    padding-left: 0;
    font-size: calc(var(--f) * 14);
    line-height: 1.5;
  }
  .examination-certified__renewal__list ul {
    margin-left: 0;
    margin-bottom: calc(var(--f) * 36);
  }
  .examination-certified__illust {
    position: absolute;
    left: 0;
    top: calc(var(--s) * -45);
    display: block;
    width: 100%;
  }
}

.examination-fairness {
  position: relative;
  padding: 0 0 calc(var(--s) * 64);
}
.examination-fairness__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.examination-fairness__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.examination-fairness__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .examination-fairness__head {
    font-size: calc(var(--f) * 24);
  }
  .examination-fairness__head::after {
    width: calc(var(--f) * 45);
  }
}
.examination-fairness__head {
  margin-bottom: calc(var(--f) * 50);
}
.examination-fairness__text {
  margin: 0 0 calc(var(--f) * 42);
}
.examination-fairness__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.examination-fairness__more .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.examination-fairness__more .label:hover {
  opacity: 0.7;
}
.examination-fairness__more .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.examination-fairness__more .label a, .examination-fairness__more .label input, .examination-fairness__more .label button, .examination-fairness__more .label label, .examination-fairness__more .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .examination-fairness__more .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .examination-fairness__more .label a, .examination-fairness__more .label input, .examination-fairness__more .label button, .examination-fairness__more .label label, .examination-fairness__more .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
@media screen and (min-width: 960.02px) {
  .examination-fairness__more {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media screen and (max-width: 960px) {
  .examination-fairness__text {
    margin: 0 0 calc(var(--f) * 32);
    line-height: 1.5;
  }
}

.examination-info {
  position: relative;
  padding: calc(var(--s) * 103) 0 calc(var(--s) * 148);
}
.finder-cases + .examination-info {
  padding-top: 0;
}
.examination-info__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.examination-info__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.examination-info__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .examination-info__head {
    font-size: calc(var(--f) * 24);
  }
  .examination-info__head::after {
    width: calc(var(--f) * 45);
  }
}
.examination-info__head {
  margin-bottom: calc(var(--f) * 76);
  text-align: center;
}
.examination-info__head::after {
  margin-right: auto;
  margin-left: auto;
}
.examination-info__text {
  margin: 0 0 calc(var(--f) * 50);
}
.examination-info__text > * {
  margin-bottom: calc(var(--s) * 40);
}
.examination-info__text > *:last-child {
  margin-bottom: 0;
}
.examination-info__text .ul {
  margin: 0 0 calc(var(--s) * 34);
}
.examination-info__text .ul:last-child {
  margin-bottom: 0;
}
.examination-info__text .ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.examination-info__text .ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.examination-info__text .ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .examination-info__text .ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .examination-info__text .ul {
    padding: 0;
  }
}
.examination-info__list {
  margin: 0 0 calc(var(--s) * 63);
}
.examination-info__list__box {
  display: block;
  padding: calc(var(--f) * 24) calc(var(--f) * 24) calc(var(--f) * 10);
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 30);
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
}
.examination-info__list__box .illust {
  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%;
  aspect-ratio: 280/180;
  background: #E9EDF5;
}
.examination-info__list__box .illust img {
  display: block;
  width: 53.6%;
}
.examination-info__list__box .text {
  padding-right: calc(var(--f) * 50);
  font-size: calc(var(--f) * 24);
  line-height: 1.4;
  font-weight: 500;
  background: url(../img/_common/ico/arrow-navy.svg) right center/calc(var(--f) * 25) auto no-repeat;
}
.examination-info__finder {
  position: relative;
  padding: calc(var(--f) * 60) calc(var(--f) * 50);
  border-radius: calc(var(--f) * 30);
  background: rgba(52, 77, 159, 0.1);
}
.examination-info__finder .title {
  margin: 0 0 calc(var(--f) * 18);
  color: #344D9F;
  font-size: calc(var(--f) * 32);
  line-height: 1.5;
  font-weight: 700;
}
.examination-info__finder .text {
  font-weight: 500;
}
.examination-info__finder .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.examination-info__finder .catch::before, .examination-info__finder .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.examination-info__finder .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.examination-info__finder .catch b {
  font-size: 1.5em;
}
.examination-info__finder .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.examination-info__finder .btn .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.examination-info__finder .btn .label:hover {
  opacity: 0.7;
}
.examination-info__finder .btn .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.examination-info__finder .btn .label a, .examination-info__finder .btn .label input, .examination-info__finder .btn .label button, .examination-info__finder .btn .label label, .examination-info__finder .btn .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .examination-info__finder .btn .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .examination-info__finder .btn .label a, .examination-info__finder .btn .label input, .examination-info__finder .btn .label button, .examination-info__finder .btn .label label, .examination-info__finder .btn .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
@media screen and (min-width: 960.02px) {
  .examination-info__list__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: calc(var(--s) * 63) calc(var(--s) * 45);
  }
  .examination-info--company .examination-info__list__items {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .examination-info__list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc((100% - var(--s) * 91) / 3);
  }
  .examination-info__list__box .text {
    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;
    min-height: calc(var(--f) * 85);
  }
  .examination-info__finder .text {
    padding: 0 calc(var(--f) * 350) 0 0;
  }
  .examination-info__finder .more {
    position: absolute;
    right: calc(var(--s) * 50);
    top: 0;
    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;
    width: calc(var(--f) * 250);
    height: 100%;
  }
  .examination-info__finder .catch {
    width: 100%;
  }
  .examination-info__finder .catch {
    width: 100%;
  }
}
@media screen and (max-width: 960px) {
  .examination-info {
    padding: calc(var(--s) * 76) 0 calc(var(--s) * 64);
  }
  .examination-info__head {
    margin-bottom: calc(var(--f) * 25);
  }
  .examination-info__list__item {
    margin-bottom: calc(var(--s) * 35);
  }
  .examination-info__list__item:last-child {
    margin-bottom: 0;
  }
  .examination-info__list__box {
    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) * 20);
    padding: calc(var(--f) * 25) calc(var(--f) * 20);
    border-radius: calc(var(--f) * 20);
  }
  .examination-info__list__box .illust {
    width: calc(var(--s) * 120);
    aspect-ratio: 1/1;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    border-radius: calc(var(--f) * 15);
  }
  .examination-info__list__box .illust img {
    width: 80%;
  }
  .examination-info__list__box .text {
    width: 100%;
    padding-right: calc(var(--f) * 25);
    font-size: calc(var(--f) * 20);
    text-align: left;
  }
  .examination-info__list__box .text br {
    display: none;
  }
  .examination-info__finder {
    position: relative;
    padding: calc(var(--f) * 36) calc(var(--f) * 20);
    border-radius: calc(var(--f) * 20);
    background: rgba(52, 77, 159, 0.1);
  }
  .examination-info__finder .title {
    font-size: calc(var(--f) * 24);
    white-space: nowrap;
  }
  .examination-info__finder .text {
    margin-bottom: calc(var(--f) * 25);
    font-size: calc(var(--f) * 14);
  }
}

.fairness-glossary {
  position: relative;
  padding: calc(var(--s) * 124) 0 calc(var(--s) * 100);
}
.fairness-glossary__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.fairness-glossary__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.fairness-glossary__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .fairness-glossary__head {
    font-size: calc(var(--f) * 24);
  }
  .fairness-glossary__head::after {
    width: calc(var(--f) * 45);
  }
}
.fairness-glossary__head {
  margin-bottom: calc(var(--f) * 90);
  text-align: center;
}
.fairness-glossary__head::after {
  margin-right: auto;
  margin-left: auto;
}
.fairness-glossary__text {
  margin: 0 0 calc(var(--f) * 50);
}
.fairness-glossary__text h4 {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.fairness-glossary__text h4::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.fairness-glossary__text h4 b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.fairness-glossary__text h4 small {
  display: block;
  font-size: 0.8em;
}
.fairness-glossary__text h4 .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.fairness-glossary__text h4 .catch::before, .fairness-glossary__text h4 .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.fairness-glossary__text h4 .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.fairness-glossary__text h4 .catch b {
  font-size: 1.5em;
}
.fairness-glossary__text h4 .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.fairness-glossary__text h4 .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.fairness-glossary__text h4 .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.fairness-glossary__text h4 .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .fairness-glossary__text h4 {
    font-size: calc(var(--f) * 20);
  }
}
.fairness-glossary__text h4 {
  margin-top: calc(var(--s) * 100);
  margin-bottom: calc(var(--f) * 20);
}
.fairness-glossary__text h4:first-child {
  margin-top: 0;
}
.fairness-glossary__text p {
  margin: 0 0 1.5em;
}
.fairness-glossary__text p strong {
  display: inline-block;
  margin: 0.25em 0 0;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  font-weight: 700;
}
.fairness-glossary__text .table table {
  width: 100%;
}
.fairness-glossary__text .table table th, .fairness-glossary__text .table table td {
  text-align: left;
}
.fairness-glossary__text .table table a {
  color: #344D9F;
  text-decoration: underline;
}
.fairness-glossary__text .table table thead th, .fairness-glossary__text .table table thead td {
  padding: 0.35em calc(var(--s) * 26);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  white-space: nowrap;
  background: rgba(29, 133, 248, 0.1);
}
.fairness-glossary__text .table table tbody th, .fairness-glossary__text .table table tbody td {
  padding: 1.5em 0 1.5em calc(var(--f) * 26);
  line-height: 1.625;
  border-bottom: 1px solid rgba(52, 77, 159, 0.2);
}
.fairness-glossary__text .table table tbody th {
  font-weight: 500;
}
.fairness-glossary__text .table table tbody tr.total th, .fairness-glossary__text .table table tbody tr.total td {
  background: rgba(51, 51, 51, 0.05);
}
@media screen and (max-width: 960px) {
  .fairness-glossary__text .table table thead th, .fairness-glossary__text .table table thead td {
    font-size: calc(var(--f) * 16);
  }
  .fairness-glossary__text .table table tbody th, .fairness-glossary__text .table table tbody td {
    font-size: calc(var(--f) * 14);
  }
}
.fairness-glossary__text .download {
  padding: calc(var(--f) * 20) 0 0;
}
.fairness-glossary__text .download li {
  margin: calc(var(--f) * 16) 0 0;
}
.fairness-glossary__text .download a {
  min-height: calc(var(--f) * 30);
  padding: calc(var(--f) * 3) 0 calc(var(--f) * 3) 0;
  text-decoration: underline;
}
.fairness-glossary__text .download a.pdf {
  display: inline-block;
  min-height: calc(var(--f) * 30);
  padding: calc(var(--f) * 3) 0 calc(var(--f) * 3) 0;
  color: #333;
  text-decoration: underline;
  text-align: left;
}
.fairness-glossary__text .download a.pdf::after {
  content: "";
  position: relative;
  top: calc(var(--f) * -3);
  display: inline-block;
  width: calc(var(--f) * 30);
  height: calc(var(--f) * 30);
  margin-left: calc(var(--f) * 6);
  vertical-align: middle;
  background: url(../img/_common/ico/pdf-red.svg) right center/contain no-repeat;
}
@media screen and (max-width: 960px) {
  .fairness-glossary {
    padding: calc(var(--s) * 75) 0;
  }
  .fairness-glossary__head {
    margin-bottom: calc(var(--f) * 32);
  }
  .fairness-glossary__about {
    margin-bottom: calc(var(--s) * 75);
    font-size: calc(var(--f) * 14);
    line-height: 1.7;
  }
  .fairness-glossary__text {
    margin-bottom: 0;
    font-size: calc(var(--f) * 14);
    line-height: 1.7;
  }
  .fairness-glossary__text h4 {
    margin-top: calc(var(--s) * 90);
    margin-bottom: calc(var(--f) * 10);
  }
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  .fairness-glossary__text .scroll {
    position: relative;
  }
  .fairness-glossary__text .scroll::before, .fairness-glossary__text .scroll::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    width: calc(var(--f) * 25);
    height: calc(var(--f) * 25);
    background: url(../img/_common/ico/scroll-arrow.svg) center/contain no-repeat;
  }
  .fairness-glossary__text .scroll::before {
    left: calc(var(--f) * -12.5);
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  .fairness-glossary__text .scroll::after {
    right: calc(var(--f) * -12.5);
  }
  .fairness-glossary__text .scroll__inner {
    position: relative;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 960px) {
  .fairness-glossary__text .scroll__contents {
    width: calc(var(--f) * 766);
  }
}

.fairness-statement {
  position: relative;
  padding: calc(var(--s) * 124) 0 calc(var(--s) * 100);
  background: #E9EDF5;
}
.fairness-statement__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.fairness-statement__about {
  margin-bottom: calc(var(--s) * 114);
  font-size: calc(var(--f) * 20);
  font-weight: 500;
}
.fairness-statement__box {
  padding: calc(var(--s) * 60) calc(var(--s) * 100);
  margin-bottom: calc(var(--s) * 92);
  background: #fff;
  border-radius: calc(var(--f) * 30);
}
.fairness-statement__box .title {
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
  text-align: center;
}
.fairness-statement__box .title b {
  color: #1D85F8;
}
.fairness-statement__box .sub-title {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.fairness-statement__box .sub-title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.fairness-statement__box .sub-title b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.fairness-statement__box .sub-title small {
  display: block;
  font-size: 0.8em;
}
.fairness-statement__box .sub-title .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.fairness-statement__box .sub-title .catch::before, .fairness-statement__box .sub-title .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.fairness-statement__box .sub-title .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.fairness-statement__box .sub-title .catch b {
  font-size: 1.5em;
}
.fairness-statement__box .sub-title .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.fairness-statement__box .sub-title .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.fairness-statement__box .sub-title .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.fairness-statement__box .sub-title .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .fairness-statement__box .sub-title {
    font-size: calc(var(--f) * 20);
  }
}
.fairness-statement__box .sub-title {
  margin: calc(var(--f) * 50) 0 calc(var(--f) * 30);
}
.fairness-statement__box .text {
  margin: calc(var(--s) * 50) 0 0;
}
.fairness-statement__box .ul {
  margin: 0 0 calc(var(--s) * 34);
}
.fairness-statement__box .ul:last-child {
  margin-bottom: 0;
}
.fairness-statement__box .ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.fairness-statement__box .ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.fairness-statement__box .ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .fairness-statement__box .ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .fairness-statement__box .ul {
    padding: 0;
  }
}
.fairness-statement__box .ul {
  margin: calc(var(--s) * 50) 0 0;
}
.fairness-statement__box .dl {
  padding-bottom: calc(var(--s) * 30);
}
.fairness-statement__box .dl dl dt {
  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;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  background: #E9EDF5;
  border: 1px solid #344D9F;
  border-radius: calc(var(--f) * 5);
}
.fairness-statement__box .dl dl dd {
  line-height: 1.5;
}
.fairness-statement__box .notice {
  margin: calc(var(--s) * 40) 0 0;
  text-align: right;
}
@media screen and (min-width: 960.02px) {
  .fairness-statement__box .ul {
    padding-right: 0;
    padding-left: 0;
  }
  .fairness-statement__box .dl dl {
    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: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    gap: calc(var(--f) * 20) 0;
  }
  .fairness-statement__box .dl dl dt {
    width: calc(var(--f) * 225);
    min-height: calc(var(--f) * 60);
  }
  .fairness-statement__box .dl dl dd {
    width: calc(100% - var(--f) * 250);
  }
}
@media screen and (max-width: 960px) {
  .fairness-statement {
    padding: calc(var(--s) * 75) 0;
  }
  .fairness-statement__box {
    padding: calc(var(--s) * 40) calc(var(--f) * 20);
  }
  .fairness-statement__box .title {
    font-size: calc(var(--f) * 24);
  }
  .fairness-statement__box .sub-title {
    margin-top: calc(var(--f) * 40);
  }
  .fairness-statement__box .text {
    margin-top: calc(var(--f) * 40);
  }
  .fairness-statement__box .ul {
    margin-top: calc(var(--f) * 40);
  }
  .fairness-statement__box .dl dl dt {
    padding-top: calc(var(--f) * 10);
    padding-bottom: calc(var(--f) * 10);
    margin-bottom: calc(var(--f) * 10);
    font-size: calc(var(--f) * 16);
  }
  .fairness-statement__box .dl dl dd {
    margin-bottom: calc(var(--f) * 40);
  }
  .fairness-statement__box .dl dl dd:last-child {
    margin-bottom: 0;
  }
}

.faq-contents__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
  position: relative;
}
.faq-contents__index {
  background: rgba(29, 133, 248, 0.05);
}
.faq-contents__index__title {
  margin: 0 0 calc(var(--f) * 16);
  font-weight: 700;
}
.faq-contents__index__search {
  margin-bottom: calc(var(--s) * 60);
}
.faq-contents__index__search form {
  position: relative;
  display: block;
  width: 100%;
  height: calc(var(--f) * 40);
  padding: calc(var(--f) * 5) calc(var(--f) * 60) calc(var(--f) * 5) calc(var(--f) * 5);
  border: 1px solid #99A5CE;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.faq-contents__index__search form input[name=ofsearch],
.faq-contents__index__search form input[name=s] {
  display: block;
  width: 100%;
  height: calc(var(--f) * 28);
  line-height: calc(var(--f) * 28);
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.faq-contents__index__search form input[name=ofsearch]::-webkit-input-placeholder, .faq-contents__index__search form input[name=s]::-webkit-input-placeholder {
  color: rgba(51, 51, 51, 0.5);
}
.faq-contents__index__search form input[name=ofsearch]::-moz-placeholder, .faq-contents__index__search form input[name=s]::-moz-placeholder {
  color: rgba(51, 51, 51, 0.5);
}
.faq-contents__index__search form input[name=ofsearch]:-ms-input-placeholder, .faq-contents__index__search form input[name=s]:-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.5);
}
.faq-contents__index__search form input[name=ofsearch]::-ms-input-placeholder, .faq-contents__index__search form input[name=s]::-ms-input-placeholder {
  color: rgba(51, 51, 51, 0.5);
}
.faq-contents__index__search form input[name=ofsearch]::placeholder,
.faq-contents__index__search form input[name=s]::placeholder {
  color: rgba(51, 51, 51, 0.5);
}
.faq-contents__index__search form [type=submit] {
  position: absolute;
  top: calc(var(--f) * 5);
  right: calc(var(--f) * 5);
  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) * 50);
  height: calc(100% - var(--f) * 10);
  color: #fff;
  line-height: 1;
  font-weight: 500;
  text-align: center;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #344D9F;
  border-radius: calc(var(--f) * 5);
}
.faq-contents__index__category a {
  display: inline-block;
  margin: 0 0 0.65em;
  line-height: 1.5;
  text-decoration: underline;
}
.faq-contents__body {
  padding: 0 0 calc(var(--s) * 150);
}
.faq-contents__box {
  margin-bottom: calc(var(--s) * 100);
}
.faq-contents__box:last-child {
  margin-bottom: 0;
}
.faq-contents__box__category {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.faq-contents__box__category::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .faq-contents__box__category {
    font-size: calc(var(--f) * 24);
  }
  .faq-contents__box__category::after {
    width: calc(var(--f) * 45);
  }
}
.faq-contents__box__list .step-detail__item {
  position: relative;
  overflow: hidden;
  margin: 0 0 calc(var(--f) * 25);
  border: 1px solid #344D9F;
  border-radius: calc(var(--f) * 15);
}
.faq-contents__box__list .step-detail__item:last-child {
  margin-bottom: 0;
}
.faq-contents__box__list .step-detail__item input {
  display: none;
}
.faq-contents__box__list .step-detail__item label {
  position: relative;
  cursor: pointer;
  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;
  padding: calc(var(--f) * 10) calc(var(--s) * 74);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  background: #E9EDF5;
}
.faq-contents__box__list .step-detail__item label i {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--s) * 24);
  display: block;
  width: calc(var(--f) * 26);
  height: calc(var(--f) * 26);
  margin: auto 0;
  border: 1px solid #344D9F;
  border-radius: 999px;
  background: #fff;
}
.faq-contents__box__list .step-detail__item label i::before, .faq-contents__box__list .step-detail__item label i::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 50%;
  height: 1px;
  margin: auto;
  background: #344D9F;
}
.faq-contents__box__list .step-detail__item label i::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.faq-contents__box__list .step-detail__item label .season {
  font-size: 0.8em;
}
.faq-contents__box__list .step-detail__item label .step-detail__count {
  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;
  padding: 0.15em 0 0;
}
.faq-contents__box__list .step-detail__item label .step-detail__count b {
  position: relative;
  top: -0.2em;
  margin-left: 0.15em;
  margin-right: 0.1em;
  font-size: 1.6em;
}
.faq-contents__box__list .step-detail__item label .step-detail__count::after {
  content: "";
  position: relative;
  top: -0.2em;
  display: block;
  width: 1px;
  height: 1.5em;
  margin: 0 1.75em 0 1.25em;
  background: #344D9F;
}
.faq-contents__box__list .step-detail__item label .step-detail__title--small {
  font-size: calc(var(--f) * 16);
  font-weight: 500;
}
.faq-contents__box__list .step-detail__item label:hover {
  color: rgba(52, 77, 159, 0.5);
}
.faq-contents__box__list .step-detail__item input:checked + label i::after {
  display: none;
}
.faq-contents__box__list .step-detail__item .step-detail__text {
  position: relative;
  height: calc(var(--f) * 50);
  padding: calc(var(--f) * 8) calc(var(--f) * 50) calc(var(--f) * 36) !important;
}
.faq-contents__box__list .step-detail__item .step-detail__text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: calc(var(--f) * 30);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(rgba(255, 255, 255, 0), white);
}
.faq-contents__box__list .step-detail__item .step-detail__text a {
  color: #344D9F;
  text-decoration: underline;
}
.faq-contents__box__list .step-detail__item .step-detail__text p {
  margin: 0 0 2.2em;
}
.faq-contents__box__list .step-detail__item .step-detail__text p strong {
  color: #344D9F;
  font-weight: 700;
}
.faq-contents__box__list .step-detail__item .step-detail__text p strong .large {
  font-size: calc(var(--f) * 20);
}
.faq-contents__box__list .step-detail__item .step-detail__text p .pdf {
  display: inline-block;
  min-height: calc(var(--f) * 30);
  padding: calc(var(--f) * 3) 0 calc(var(--f) * 3) 0;
  color: #333;
  text-decoration: underline;
  text-align: left;
}
.faq-contents__box__list .step-detail__item .step-detail__text p .pdf::after {
  content: "";
  position: relative;
  top: calc(var(--f) * -3);
  display: inline-block;
  width: calc(var(--f) * 30);
  height: calc(var(--f) * 30);
  margin-left: calc(var(--f) * 6);
  vertical-align: middle;
  background: url(../img/_common/ico/pdf-red.svg) right center/contain no-repeat;
}
.faq-contents__box__list .step-detail__item .step-detail__text p .pdf {
  margin-left: 2.5em;
}
.faq-contents__box__list .step-detail__item .step-detail__text p:last-child {
  margin-bottom: 0;
}
.faq-contents__box__list .step-detail__item .step-detail__text .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.faq-contents__box__list .step-detail__item .step-detail__text .btn .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.faq-contents__box__list .step-detail__item .step-detail__text .btn .label:hover {
  opacity: 0.7;
}
.faq-contents__box__list .step-detail__item .step-detail__text .btn .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.faq-contents__box__list .step-detail__item .step-detail__text .btn .label a, .faq-contents__box__list .step-detail__item .step-detail__text .btn .label input, .faq-contents__box__list .step-detail__item .step-detail__text .btn .label button, .faq-contents__box__list .step-detail__item .step-detail__text .btn .label label, .faq-contents__box__list .step-detail__item .step-detail__text .btn .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .faq-contents__box__list .step-detail__item .step-detail__text .btn .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .faq-contents__box__list .step-detail__item .step-detail__text .btn .label a, .faq-contents__box__list .step-detail__item .step-detail__text .btn .label input, .faq-contents__box__list .step-detail__item .step-detail__text .btn .label button, .faq-contents__box__list .step-detail__item .step-detail__text .btn .label label, .faq-contents__box__list .step-detail__item .step-detail__text .btn .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.faq-contents__box__list .step-detail__item .step-detail__text .btn {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.faq-contents__box__list .step-detail__item .step-detail__text .table table thead th, .faq-contents__box__list .step-detail__item .step-detail__text .table table thead td {
  text-align: center;
}
.faq-contents__box__list .step-detail__item .step-detail__text .table table tbody th, .faq-contents__box__list .step-detail__item .step-detail__text .table table tbody td {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
.faq-contents__box__list .step-detail__item .step-detail__text .table table tbody tr.bottom-line-dark th, .faq-contents__box__list .step-detail__item .step-detail__text .table table tbody tr.bottom-line-dark td {
  border-bottom-color: rgba(52, 77, 159, 0.5);
}
.faq-contents__box__list .step-detail__item input:checked + label + .step-detail__text {
  height: unset;
}
.faq-contents__box__list .step-detail__item input:checked + label + .step-detail__text::after {
  display: none;
}
.faq-contents__box__list .step-detail__item .step-detail__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.faq-contents__box__list .step-detail__item .step-detail__close .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.faq-contents__box__list .step-detail__item .step-detail__close .label:hover {
  opacity: 0.7;
}
.faq-contents__box__list .step-detail__item .step-detail__close .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.faq-contents__box__list .step-detail__item .step-detail__close .label a, .faq-contents__box__list .step-detail__item .step-detail__close .label input, .faq-contents__box__list .step-detail__item .step-detail__close .label button, .faq-contents__box__list .step-detail__item .step-detail__close .label label, .faq-contents__box__list .step-detail__item .step-detail__close .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .faq-contents__box__list .step-detail__item .step-detail__close .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .faq-contents__box__list .step-detail__item .step-detail__close .label a, .faq-contents__box__list .step-detail__item .step-detail__close .label input, .faq-contents__box__list .step-detail__item .step-detail__close .label button, .faq-contents__box__list .step-detail__item .step-detail__close .label label, .faq-contents__box__list .step-detail__item .step-detail__close .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.faq-contents__box__list .step-detail__item .step-detail__close .label {
  display: inline-block;
  background: #fff url(../img/_common/ico/close-navy.svg) left calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
  border-color: #CCD2E7;
}
.faq-contents__box__list .step-detail__item .step-detail__close .label a, .faq-contents__box__list .step-detail__item .step-detail__close .label input, .faq-contents__box__list .step-detail__item .step-detail__close .label button, .faq-contents__box__list .step-detail__item .step-detail__close .label label, .faq-contents__box__list .step-detail__item .step-detail__close .label span {
  min-width: unset;
  padding: 0 calc(var(--f) * 32) 0 calc(var(--f) * 72);
}
.faq-contents__box__list .step-detail__item .step-detail__close {
  display: none;
  width: 100%;
  margin: 0 0 calc(var(--s) * 50);
  text-align: center;
}
.faq-contents__box__list .step-detail__item .step-detail__close .label {
  min-width: unset;
  width: calc(var(--f) * 150);
  white-space: nowrap;
}
.faq-contents__box__list .step-detail__item input:checked + label + .step-detail__text + .step-detail__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 960.02px) {
  .faq-contents__box__list .step-detail__item .step-detail__text {
    padding: calc(var(--f) * 8) calc(var(--f) * 20) calc(var(--f) * 20);
  }
  .faq-contents__box__list .step-detail__item .step-detail__text p .pdf {
    margin-left: 2.5em;
  }
}
@media screen and (max-width: 960px) {
  .faq-contents__box__list .step-detail__item label {
    padding: calc(var(--f) * 10) calc(var(--s) * 20) calc(var(--f) * 10) calc(var(--s) * 48);
    font-size: calc(var(--f) * 14);
  }
  .faq-contents__box__list .step-detail__item label i {
    left: calc(var(--f) * 20);
    width: calc(var(--f) * 20);
    height: calc(var(--f) * 20);
  }
  .faq-contents__box__list .step-detail__item label .step-detail__count {
    font-size: calc(var(--f) * 14);
  }
  .faq-contents__box__list .step-detail__item label .step-detail__count::after {
    margin: 0 calc(var(--f) * 10);
  }
  .faq-contents__box__list .step-detail__item label.course-label {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: calc(var(--s) * 20);
  }
  .faq-contents__box__list .step-detail__item label.course-label i {
    position: absolute;
    top: calc(var(--f) * 12);
    margin: 0;
  }
  .faq-contents__box__list .step-detail__item label.course-label .step-detail__count {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    text-indent: calc(var(--s) * 28);
  }
  .faq-contents__box__list .step-detail__item label.course-label .step-detail__count::after {
    width: 100%;
    height: 1px;
    margin: calc(var(--f) * 12) 0 calc(var(--f) * 4);
  }
  .faq-contents__box__list .step-detail__item label.course-label .step-detail__title {
    width: 100%;
    font-size: calc(var(--f) * 14);
  }
  .faq-contents__box__list .step-detail__item .step-detail__text {
    padding: calc(var(--f) * 8) calc(var(--f) * 20) calc(var(--f) * 20) !important;
  }
  .faq-contents__box__list .step-detail__item .step-detail__text p .pdf {
    margin-top: 1em;
    margin-left: 0;
  }
}
.faq-contents__box__list {
  margin-bottom: calc(var(--s) * 100);
}
.faq-contents__box__list:last-child {
  margin-bottom: 0;
}
.faq-contents__box__list .sub-category {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.faq-contents__box__list .sub-category::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.faq-contents__box__list .sub-category b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.faq-contents__box__list .sub-category small {
  display: block;
  font-size: 0.8em;
}
.faq-contents__box__list .sub-category .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.faq-contents__box__list .sub-category .catch::before, .faq-contents__box__list .sub-category .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.faq-contents__box__list .sub-category .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.faq-contents__box__list .sub-category .catch b {
  font-size: 1.5em;
}
.faq-contents__box__list .sub-category .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.faq-contents__box__list .sub-category .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.faq-contents__box__list .sub-category .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.faq-contents__box__list .sub-category .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .faq-contents__box__list .sub-category {
    font-size: calc(var(--f) * 20);
  }
}
.faq-contents__box__list .sub-category {
  margin-bottom: calc(var(--f) * 35);
}
.faq-contents__box__list .step-detail__item {
  margin-bottom: calc(var(--f) * 35);
}
.faq-contents__box__list .step-detail__item label {
  min-height: calc(var(--f) * 60);
}
.faq-contents__box__list .step-detail__item .step-detail__text {
  display: none;
}
.faq-contents__box__list .step-detail__item .step-detail__text a {
  color: #344D9F;
  font-weight: 500;
  text-decoration: underline;
}
.faq-contents__box__list .step-detail__item input:checked + label + .step-detail__text {
  display: block;
}
@media screen and (min-width: 960.02px) {
  .faq-contents__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-shadow: -1080px 0 0 0 rgba(29, 133, 248, 0.05);
            box-shadow: -1080px 0 0 0 rgba(29, 133, 248, 0.05);
  }
  .faq-contents__index {
    position: relative;
    width: 23%;
  }
  .faq-contents__index__inner {
    position: sticky;
    left: 0;
    top: calc(var(--f) * 85);
    width: 100%;
    padding: calc(var(--f) * 120) calc(var(--f) * 36) 0 0;
  }
  .faq-contents__body {
    width: 67.5%;
    padding-top: calc(var(--f) * 124);
  }
}
@media screen and (min-width: 960.02px) and (max-width: 1280px) {
  .faq-contents__container {
    -webkit-box-shadow: -500px 0 0 0 rgba(29, 133, 248, 0.05);
            box-shadow: -500px 0 0 0 rgba(29, 133, 248, 0.05);
  }
}
@media screen and (max-width: 960px) {
  .faq-contents__index {
    padding: calc(var(--s) * 20);
    margin: calc(var(--s) * 50) 0;
  }
}

.fbia-detail {
  position: relative;
  padding: calc(var(--s) * 124) 0 calc(var(--s) * 150);
}
.fbia-detail__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.fbia-detail__about {
  margin-bottom: calc(var(--f) * 50);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  font-weight: 700;
}
.fbia-detail__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.fbia-detail__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .fbia-detail__head {
    font-size: calc(var(--f) * 24);
  }
  .fbia-detail__head::after {
    width: calc(var(--f) * 45);
  }
}
.fbia-detail__head {
  margin-bottom: calc(var(--f) * 34);
}
.fbia-detail__text {
  margin: 0 0 calc(var(--f) * 50);
}
.fbia-detail__text p {
  margin: 0 0 1.5em;
}
.fbia-detail__text p:last-child {
  margin-bottom: 0;
}
.fbia-detail__more .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.fbia-detail__more .btn .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.fbia-detail__more .btn .label:hover {
  opacity: 0.7;
}
.fbia-detail__more .btn .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.fbia-detail__more .btn .label a, .fbia-detail__more .btn .label input, .fbia-detail__more .btn .label button, .fbia-detail__more .btn .label label, .fbia-detail__more .btn .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .fbia-detail__more .btn .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .fbia-detail__more .btn .label a, .fbia-detail__more .btn .label input, .fbia-detail__more .btn .label button, .fbia-detail__more .btn .label label, .fbia-detail__more .btn .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.fbia-detail__more .btn {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (min-width: 960.02px) {
  .fbia-detail__container {
    position: relative;
    padding-left: calc(var(--f) * 264);
  }
  .fbia-detail__logo {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: calc(var(--f) * 153);
  }
}
@media screen and (max-width: 960px) {
  .fbia-detail {
    padding: calc(var(--s) * 75) 0;
  }
  .fbia-detail__logo {
    width: calc(var(--f) * 100);
    margin: 0 auto calc(var(--f) * 50);
  }
  .fbia-detail__text {
    font-size: calc(var(--f) * 14);
    line-height: 1.5;
  }
  .fbia-detail__more .btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.finder-cases {
  position: relative;
  padding: 0 0 calc(var(--s) * 150);
}
.finder-cases__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.finder-cases__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.finder-cases__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .finder-cases__head {
    font-size: calc(var(--f) * 24);
  }
  .finder-cases__head::after {
    width: calc(var(--f) * 45);
  }
}
.finder-cases__head {
  margin: 0 0 calc(var(--f) * 28);
}
.finder-cases__list {
  margin: 0 0 calc(var(--s) * 150);
}
.finder-cases__list__items {
  margin: 0 0 calc(var(--f) * 28);
}
.finder-cases__list__item .illust img {
  display: block;
  width: 100%;
}
.finder-cases__list__item .title span {
  position: relative;
  display: block;
  padding: calc(var(--f) * 10) 0;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  border-radius: calc(var(--f) * 10);
  background: rgba(29, 133, 248, 0.1);
}
.finder-cases__list__item .certification {
  padding: calc(var(--f) * 16) 0 0;
}
.finder-cases__list__item .certification li {
  position: relative;
  margin-bottom: calc(var(--f) * 14);
  border: 1px solid #99A5CE;
  border-radius: calc(var(--f) * 30);
  line-height: 1.5;
  text-align: center;
}
.finder-cases__list__item .certification li:last-child {
  margin-bottom: 0;
}
.finder-cases__list__item .certification li img {
  position: absolute;
  right: calc(var(--s) * -21);
  top: calc(var(--s) * -87);
  display: block;
  width: calc(var(--s) * 91);
}
.finder-cases__list__notice {
  line-height: 1.5;
}
.finder-cases__list__notice a {
  margin: 0 0 calc(var(--f) * 36);
  color: #344D9F;
  font-weight: 500;
  text-decoration: underline;
}
.finder-cases__other {
  margin-bottom: calc(var(--s) * 100);
}
.finder-cases__other__title {
  color: #344D9F;
  font-size: calc(var(--f) * 32);
  font-weight: 700;
}
@media screen and (min-width: 960.02px) {
  .finder-cases__list__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .finder-cases__list__item {
    width: calc((100% - var(--s) * 78) / 4);
  }
  .finder-cases__list__item .title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: calc(var(--f) * 8);
    width: 100%;
    height: calc(var(--f) * 108);
  }
  .finder-cases__list__item .title span {
    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%;
  }
  .finder-cases__list__item .certification {
    padding: calc(var(--f) * 16) 0 0;
  }
  .finder-cases__list__item .certification li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 100%;
    height: calc(var(--f) * 120);
  }
  .finder-cases__other {
    position: relative;
    padding-right: calc(var(--f) * 360);
  }
  .finder-cases__other__illust {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(var(--f) * 330);
  }
}
@media screen and (max-width: 960px) {
  .finder-cases {
    padding: 0 0 calc(var(--s) * 75);
  }
  .finder-cases__list {
    margin: 0 0 calc(var(--s) * 75);
  }
  .finder-cases__list__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
    padding: 0 0 calc(var(--f) * 44);
    margin: 0 0 calc(var(--f) * 30);
  }
  .finder-cases__list__item:last-child {
    margin-bottom: 0;
  }
  .finder-cases__list__item .illust {
    width: 40%;
  }
  .finder-cases__list__item .illust img {
    position: relative;
    left: -32%;
    width: 150%;
    max-width: unset;
  }
  .finder-cases__list__item .title {
    position: absolute;
    left: 0;
    bottom: 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;
    gap: calc(var(--f) * 8);
    width: 100%;
    height: calc(var(--f) * 40);
    padding: 0;
  }
  .finder-cases__list__item .title span {
    width: 100%;
  }
  .finder-cases__list__item .certification {
    width: 60%;
    padding: 0 0 calc(var(--f) * 20);
  }
  .finder-cases__list__item .certification li {
    padding: calc(var(--f) * 10) 0;
    font-size: calc(var(--f) * 14);
  }
  .finder-cases__list__item .certification li img {
    right: calc(var(--s) * -20);
    top: calc(var(--s) * -70);
    width: calc(var(--s) * 66);
  }
}

.finder-overview {
  position: relative;
  padding: calc(var(--s) * 112) 0 calc(var(--s) * 150);
}
.examination-info + .finder-overview {
  padding-top: 0;
}
.finder-overview__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.finder-overview__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.finder-overview__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .finder-overview__head {
    font-size: calc(var(--f) * 24);
  }
  .finder-overview__head::after {
    width: calc(var(--f) * 45);
  }
}
.finder-overview__head {
  margin: 0 0 calc(var(--f) * 46);
}
.finder-overview__intro {
  margin-bottom: calc(var(--f) * 50);
}
@media screen and (max-width: 960px) {
  .finder-overview {
    padding: calc(var(--s) * 75) 0;
  }
}

.finder-q {
  position: relative;
  display: none;
  padding: calc(var(--s) * 112) 0 calc(var(--s) * 150);
}
#finder-outer.finder-q1 .finder-q#q1, #finder-outer.finder-q2-a .finder-q#q2-a, #finder-outer.finder-q2-b .finder-q#q2-b {
  display: block;
}
.finder-q__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.finder-q__intro {
  margin: 0 0 calc(var(--f) * 20);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.5;
  font-weight: 700;
}
.finder-q__box__q {
  padding: calc(var(--f) * 30) calc(var(--f) * 16) calc(var(--f) * 54);
  margin: 0 0 calc(var(--f) * 22);
  border: calc(var(--f) * 2) solid #99A5CE;
  border-radius: calc(var(--f) * 10);
}
.finder-q__box__q dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.finder-q__box__q dt {
  padding: calc(var(--f) * 15) calc(var(--f) * 50);
  margin: 0 0 calc(var(--f) * 54);
  color: #fff;
  font-size: calc(var(--f) * 24);
  line-height: 1.6;
  font-weight: 700;
  text-align: center;
  border-radius: calc(var(--f) * 10);
  background: #344D9F;
}
.finder-q__box__q dd {
  width: 100%;
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}
.finder-q__box__a button,
.finder-q__box__a a {
  display: block;
  width: 100%;
  padding: calc(var(--f) * 10) calc(var(--f) * 16);
  margin-bottom: calc(var(--f) * 8);
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border-radius: calc(var(--f) * 10);
  color: #fff;
  font-weight: 700;
  text-align: center;
  background: #344D9F;
}
.finder-q__box__a button:last-child,
.finder-q__box__a a:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .finder-q__container {
    padding: 0 calc(var(--s) * 250);
    background-image: url(../img/safety-certification-finder/staff-1.png), url(../img/safety-certification-finder/staff-2.png);
    background-repeat: no-repeat, no-repeat;
    background-position: left calc(var(--s) * 80) top calc(var(--s) * 100), right calc(var(--s) * 80) top calc(var(--s) * 100);
    background-size: calc(var(--s) * 137) auto, calc(var(--s) * 150) auto;
  }
}
@media screen and (max-width: 960px) {
  .finder-q {
    padding: calc(var(--s) * 75) 0;
  }
  .finder-q__intro {
    min-height: calc(var(--s) * 128);
    padding: 0 calc(var(--s) * 167) 0 0;
    margin-bottom: 0;
    font-size: calc(var(--f) * 16);
    background: url(../img/safety-certification-finder/staff.png) right calc(var(--s) * 24) top/calc(var(--s) * 100) auto no-repeat;
  }
  .finder-q__box__q {
    padding-bottom: calc(var(--f) * 20);
  }
  .finder-q__box__q dt {
    margin-bottom: calc(var(--f) * 26);
  }
  .finder-q__box__q dd {
    font-size: calc(var(--f) * 20);
  }
  .finder-q__box__a button {
    padding: calc(var(--f) * 12) calc(var(--f) * 16);
    font-size: calc(var(--f) * 14);
  }
}

.finder-result {
  position: relative;
  padding: calc(var(--s) * 112) 0 calc(var(--s) * 150);
}
.finder-result__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.finder-result__head {
  margin: 0 0 calc(var(--f) * 20);
  color: #344D9F;
  font-size: calc(var(--f) * 32);
  line-height: 1.5;
  font-weight: 700;
}
.finder-result__list__box {
  display: block;
  width: 100%;
  padding: calc(var(--f) * 40) calc(var(--s) * 54) calc(var(--f) * 28);
  border-radius: calc(var(--f) * 30);
  background: rgba(29, 133, 248, 0.1);
}
.finder-result__list__box .title {
  margin: 0 0 0.5em;
  font-size: calc(var(--f) * 20);
  line-height: 1.5;
  font-weight: 700;
}
.finder-result__list__box .text {
  line-height: 1.5;
}
.finder-result__list__box .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.finder-result__list__box .btn .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.finder-result__list__box .btn .label:hover {
  opacity: 0.7;
}
.finder-result__list__box .btn .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.finder-result__list__box .btn .label a, .finder-result__list__box .btn .label input, .finder-result__list__box .btn .label button, .finder-result__list__box .btn .label label, .finder-result__list__box .btn .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .finder-result__list__box .btn .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .finder-result__list__box .btn .label a, .finder-result__list__box .btn .label input, .finder-result__list__box .btn .label button, .finder-result__list__box .btn .label label, .finder-result__list__box .btn .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.finder-result__list__box .btn {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: calc(var(--f) * 20) 0 0;
}
.finder-result__list__catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.finder-result__list__catch::before, .finder-result__list__catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.finder-result__list__catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.finder-result__list__catch b {
  font-size: 1.5em;
}
.finder-result__list__catch {
  color: #344D9F;
  font-size: calc(var(--f) * 24);
  font-weight: 700;
}
.finder-result__list__recommend {
  margin: 0 0 calc(var(--f) * 20);
  font-size: calc(var(--f) * 20);
  line-height: 1.5;
  font-weight: 700;
}
.finder-result__more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.finder-result__more .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.finder-result__more .label:hover {
  opacity: 0.7;
}
.finder-result__more .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.finder-result__more .label a, .finder-result__more .label input, .finder-result__more .label button, .finder-result__more .label label, .finder-result__more .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .finder-result__more .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .finder-result__more .label a, .finder-result__more .label input, .finder-result__more .label button, .finder-result__more .label label, .finder-result__more .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.finder-result__more {
  margin-top: calc(var(--s) * 100);
}
@media screen and (min-width: 960.02px) {
  .finder-result__container {
    padding: 0 calc(var(--s) * 115);
  }
  .finder-result__list__items {
    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) * 25) 0;
  }
  .finder-result__list__item {
    width: 100%;
  }
  .finder-result__list__item--stepup {
    width: calc((100% - var(--f) * 26) / 2);
  }
  .finder-result__list__item--recommend {
    margin-top: calc(var(--s) * 90);
  }
}
@media screen and (max-width: 960px) {
  .finder-result {
    padding: calc(var(--s) * 75) 0;
  }
  .finder-result__head {
    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;
    min-height: calc(var(--s) * 128);
    padding: 0 0 calc(var(--s) * 30);
    margin-bottom: 0;
    font-size: calc(var(--f) * 16);
    background: url(../img/safety-certification-finder/staff.png) right calc(var(--s) * 24) top/calc(var(--s) * 100) auto no-repeat;
  }
  .finder-result__list__item {
    margin-bottom: calc(var(--f) * 14);
  }
  .finder-result__list__item:last-child {
    margin-bottom: 0;
  }
  .finder-result__list__item--stepup {
    margin-top: calc(var(--s) * 28);
  }
  .finder-result__list__item--recommend {
    margin-top: calc(var(--s) * 75);
  }
  .finder-result__list__box {
    padding: calc(var(--f) * 30) calc(var(--f) * 20);
  }
  .finder-result__list__box .title {
    font-size: calc(var(--f) * 16);
  }
  .finder-result__list__box .text {
    font-size: calc(var(--f) * 14);
  }
  .finder-result__list__box .btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .finder-result__list__catch {
    font-size: calc(var(--f) * 20);
  }
  .finder-result__list__recommend {
    font-size: calc(var(--f) * 16);
  }
  .finder-result__more {
    margin-top: calc(var(--s) * 56);
  }
}

.form-main {
  padding: calc(var(--s) * 102) 0 calc(var(--s) * 96);
}
.form-main .required {
  display: inline-block;
  padding: 0 1em;
  margin: 0 0.75em;
  color: #fff;
  font-size: calc(var(--f) * 16);
  line-height: 1.875;
  font-weight: 700;
  vertical-align: middle;
  background: #344D9F;
  border-radius: calc(var(--f) * 5);
}
.form-main__hide {
  position: relative;
  overflow: hidden;
  opacity: 0;
  height: 0;
}
.form-main__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.form-main__notice {
  margin: 0 0 calc(var(--s) * 122);
}
.form-main__notice--mbshoht {
  margin-bottom: calc(var(--f) * 48);
}
.form-main__notice__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.form-main__notice__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .form-main__notice__head {
    font-size: calc(var(--f) * 24);
  }
  .form-main__notice__head::after {
    width: calc(var(--f) * 45);
  }
}
.form-main__notice__sub-head {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.form-main__notice__sub-head::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.form-main__notice__sub-head b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.form-main__notice__sub-head small {
  display: block;
  font-size: 0.8em;
}
.form-main__notice__sub-head .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.form-main__notice__sub-head .catch::before, .form-main__notice__sub-head .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.form-main__notice__sub-head .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.form-main__notice__sub-head .catch b {
  font-size: 1.5em;
}
.form-main__notice__sub-head .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.form-main__notice__sub-head .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.form-main__notice__sub-head .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.form-main__notice__sub-head .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .form-main__notice__sub-head {
    font-size: calc(var(--f) * 20);
  }
}
.form-main__notice__sub-head {
  margin-top: calc(var(--f) * 94);
}
.form-main__notice__text h1,
.form-main__notice__text h2 {
  margin: calc(var(--f) * 40) 0 0;
  font-size: calc(var(--f) * 32);
  font-weight: 700;
}
.form-main__notice__text h3 {
  margin: calc(var(--f) * 40) 0 0;
  font-size: calc(var(--f) * 24);
  font-weight: 700;
}
.form-main__notice__text h4,
.form-main__notice__text h5,
.form-main__notice__text h6 {
  margin: calc(var(--f) * 40) 0 0;
  font-weight: 700;
}
.form-main__notice__text strong {
  font-weight: 700;
}
.form-main__notice__text em {
  font-style: oblique;
}
.form-main__notice__text a {
  font-weight: 500;
  text-decoration: underline;
}
.form-main__notice__text p {
  margin: 0.75em 0 calc(var(--s) * 34);
}
.form-main__notice__text p:last-child {
  margin-bottom: 0;
}
.form-main__notice__text .wp-block-image {
  width: calc(var(--f) * 750);
  max-width: 100%;
  margin: calc(var(--f) * 50) auto;
  text-align: center;
}
.form-main__notice__text .wp-block-image figcaption {
  margin: 1em 0 0;
}
.form-main__notice__text ul {
  margin: 0 0 calc(var(--s) * 34);
}
.form-main__notice__text ul:last-child {
  margin-bottom: 0;
}
.form-main__notice__text ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.form-main__notice__text ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.form-main__notice__text ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .form-main__notice__text ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .form-main__notice__text ul {
    padding: 0;
  }
}
.form-main__notice__text ol {
  counter-reset: item;
  padding: 0 calc(var(--s) * 56);
  margin: 0 0 calc(var(--s) * 34);
}
.form-main__notice__text ol:last-child {
  margin-bottom: 0;
}
.form-main__notice__text ol li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.form-main__notice__text ol li::before {
  counter-increment: item;
  content: counter(item) ".";
  position: absolute;
  left: 0.35em;
  top: 0;
  color: #344D9F;
}
.form-main__notice__text ol li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .form-main__notice__text ol {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .form-main__notice__text ol {
    padding: 0 0 0 calc(var(--f) * 20);
  }
}
.form-main__input__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.form-main__input__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .form-main__input__head {
    font-size: calc(var(--f) * 24);
  }
  .form-main__input__head::after {
    width: calc(var(--f) * 45);
  }
}
.form-main__input__head {
  margin-bottom: calc(var(--f) * 80);
}
.form-main__input__text h1,
.form-main__input__text h2 {
  margin: calc(var(--f) * 40) 0 0;
  font-size: calc(var(--f) * 32);
  font-weight: 700;
}
.form-main__input__text h3 {
  margin: calc(var(--f) * 40) 0 0;
  font-size: calc(var(--f) * 24);
  font-weight: 700;
}
.form-main__input__text h4,
.form-main__input__text h5,
.form-main__input__text h6 {
  margin: calc(var(--f) * 40) 0 0;
  font-weight: 700;
}
.form-main__input__text strong {
  font-weight: 700;
}
.form-main__input__text em {
  font-style: oblique;
}
.form-main__input__text a {
  font-weight: 500;
  text-decoration: underline;
}
.form-main__input__text p {
  margin: 0.75em 0 calc(var(--s) * 34);
}
.form-main__input__text p:last-child {
  margin-bottom: 0;
}
.form-main__input__text .wp-block-image {
  width: calc(var(--f) * 750);
  max-width: 100%;
  margin: calc(var(--f) * 50) auto;
  text-align: center;
}
.form-main__input__text .wp-block-image figcaption {
  margin: 1em 0 0;
}
.form-main__input__text ul {
  margin: 0 0 calc(var(--s) * 34);
}
.form-main__input__text ul:last-child {
  margin-bottom: 0;
}
.form-main__input__text ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.form-main__input__text ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.form-main__input__text ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .form-main__input__text ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .form-main__input__text ul {
    padding: 0;
  }
}
.form-main__input__text ol {
  counter-reset: item;
  padding: 0 calc(var(--s) * 56);
  margin: 0 0 calc(var(--s) * 34);
}
.form-main__input__text ol:last-child {
  margin-bottom: 0;
}
.form-main__input__text ol li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.form-main__input__text ol li::before {
  counter-increment: item;
  content: counter(item) ".";
  position: absolute;
  left: 0.35em;
  top: 0;
  color: #344D9F;
}
.form-main__input__text ol li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .form-main__input__text ol {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .form-main__input__text ol {
    padding: 0 0 0 calc(var(--f) * 20);
  }
}
.form-main__input__text {
  margin: 0 0 calc(var(--f) * 16);
}
.form-main__input__table {
  margin: 0 0 calc(var(--s) * 150);
}
.form-main__input__table table {
  width: 100%;
}
.form-main__input__table input[type=text],
.form-main__input__table input[type=tel],
.form-main__input__table input[type=email],
.form-main__input__table input[type=date],
.form-main__input__table input[type=number],
.form-main__input__table select,
.form-main__input__table textarea {
  display: block;
  width: 100%;
  padding: 0.25em 0.5em;
  border: 1px solid #CCD2E7;
  border-radius: 0;
}
.form-main__input__table .wpcf7-form-control-wrap.error input[type=text],
.form-main__input__table .wpcf7-form-control-wrap.error input[type=tel],
.form-main__input__table .wpcf7-form-control-wrap.error input[type=email],
.form-main__input__table .wpcf7-form-control-wrap.error input[type=date],
.form-main__input__table .wpcf7-form-control-wrap.error input[type=number],
.form-main__input__table .wpcf7-form-control-wrap.error select,
.form-main__input__table .wpcf7-form-control-wrap.error textarea {
  border: calc(var(--f) * 3) solid #F80811;
}
.form-main__input__table .radio {
  position: relative;
  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) * 12);
}
.form-main__input__table .radio .note {
  width: 100%;
}
.form-main__input__table .radio .wpcf7-form-control-wrap.error {
  position: relative;
}
.form-main__input__table .radio .wpcf7-form-control-wrap.error::after {
  content: "";
  position: absolute;
  left: calc(var(--f) * -15);
  top: calc(var(--f) * -15);
  pointer-events: none;
  display: block;
  width: calc(var(--f) * 300);
  height: calc(var(--f) * 60);
  border: calc(var(--f) * 3) solid #F80811;
}
.form-main__input__table .radio .wpcf7-radio {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(var(--f) * 12) calc(var(--s) * 36);
}
.form-main__input__table .radio .wpcf7-list-item {
  margin: 0;
}
.form-main__input__table .radio input {
  display: none;
}
.form-main__input__table .radio .wpcf7-list-item-label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.form-main__input__table .radio .wpcf7-list-item-label:hover {
  opacity: 0.7;
}
.form-main__input__table .radio .wpcf7-list-item-label {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(var(--f) * 6);
}
.form-main__input__table .radio .wpcf7-list-item-label::before {
  content: "";
  width: calc(var(--f) * 24);
  height: calc(var(--f) * 24);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 2px solid #CCD2E7;
  border-radius: 999px;
}
.form-main__input__table .radio input:checked + .wpcf7-list-item-label::before {
  background: #fff url(../img/_common/form-radio.svg) center/cover no-repeat;
}
.form-main__input__table .radio input:disabled + .wpcf7-list-item-label {
  opacity: 0.5;
  cursor: not-allowed;
}
.form-main__input__table .checkbox {
  position: relative;
  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) * 12);
}
.form-main__input__table .checkbox .note {
  width: 100%;
}
.form-main__input__table .checkbox .wpcf7-form-control-wrap.error {
  position: relative;
}
.form-main__input__table .checkbox .wpcf7-form-control-wrap.error::after {
  content: "";
  position: absolute;
  left: calc(var(--f) * -15);
  top: calc(var(--f) * -15);
  pointer-events: none;
  display: block;
  width: calc(var(--f) * 300);
  height: calc(var(--f) * 60);
  border: calc(var(--f) * 3) solid #F80811;
}
.form-main__input__table .checkbox .wpcf7-checkbox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(var(--f) * 12) calc(var(--s) * 36);
}
.form-main__input__table .checkbox .wpcf7-list-item {
  margin: 0;
}
.form-main__input__table .checkbox input {
  display: none;
}
.form-main__input__table .checkbox .wpcf7-list-item-label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.form-main__input__table .checkbox .wpcf7-list-item-label:hover {
  opacity: 0.7;
}
.form-main__input__table .checkbox .wpcf7-list-item-label {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(var(--f) * 6);
}
.form-main__input__table .checkbox .wpcf7-list-item-label::before {
  content: "";
  width: calc(var(--f) * 24);
  height: calc(var(--f) * 24);
  border: 2px solid #CCD2E7;
}
.form-main__input__table .checkbox input:checked + .wpcf7-list-item-label::before {
  background: #fff url(../img/_common/form-check.svg) center/90% auto no-repeat;
}
.form-main__input__table .corporate-type .select {
  margin-bottom: calc(var(--f) * 12);
}
.form-main__input__table tr.examinees,
.form-main__input__table tr.renewals {
  display: none;
}
#form-main.examinees .form-main__input__table tr.examinees, #form-main.renewals .form-main__input__table tr.renewals {
  display: table-row;
}
.form-main__input__table #exam-radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(var(--f) * 12) calc(var(--s) * 36);
}
.form-main__input__table #exam-radio-group label {
  width: 100%;
}
.form-main__input__table #exam-radio-group input {
  display: none;
}
.form-main__input__table #exam-radio-group span {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.form-main__input__table #exam-radio-group span:hover {
  opacity: 0.7;
}
.form-main__input__table #exam-radio-group span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: calc(var(--f) * 6);
  cursor: pointer;
}
.form-main__input__table #exam-radio-group span::before {
  content: "";
  width: calc(var(--f) * 24);
  height: calc(var(--f) * 24);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  border: 2px solid #CCD2E7;
  border-radius: 999px;
}
.form-main__input__table #exam-radio-group input:checked + span::before {
  background: #fff url(../img/_common/form-radio.svg) center/cover no-repeat;
}
.form-main__input__table table.shipping-address {
  margin: 0 0 calc(var(--f) * 35);
}
.form-main__input__table table.shipping-address th, .form-main__input__table table.shipping-address td {
  position: relative;
}
.form-main__input__table table.shipping-address th::before, .form-main__input__table table.shipping-address td::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: none;
  pointer-events: none;
}
.form-main__input__table table.shipping-address th {
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  font-weight: 700;
  background: #E9EDF5;
}
.form-main__input__book {
  margin-bottom: calc(var(--s) * 145);
}
.form-main__input__book .table {
  width: 100%;
}
.form-main__input__book .table .book-cover {
  width: calc(var(--f) * 170);
  margin: 0 0 calc(var(--f) * 42);
}
.form-main__input__book .table .book-cover img {
  border: 1px solid rgba(51, 51, 51, 0.35);
}
.form-main__input__book .table .book-cover.set {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 14);
  width: calc(var(--f) * 214);
  margin-bottom: calc(var(--f) * 14);
}
.form-main__input__book .table .book-cover.set img {
  width: calc(var(--f) * 100);
}
.form-main__input__book .table .input {
  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) * 10);
  width: calc(var(--f) * 170);
  font-weight: 500;
}
.form-main__input__book .table .input input[type=number] {
  display: block;
  width: calc(var(--f) * 100);
  padding: 0.25em 0.5em;
  border: 1px solid #CCD2E7;
  border-radius: 0;
}
.form-main__input__book .table .data {
  margin-bottom: calc(var(--f) * 26);
}
.form-main__input__book .table .data th {
  font-weight: 700;
}
.form-main__input__book .table .data td {
  position: relative;
  padding-left: 1em;
}
.form-main__input__book .table .data td::before {
  content: "：";
  position: absolute;
  left: 0.25em;
  top: 0;
}
.form-main__input__book .table .data tr:nth-last-child(2) th, .form-main__input__book .table .data tr:nth-last-child(2) td {
  padding-bottom: calc(var(--f) * 26);
}
.form-main__input__book .table .about {
  margin-bottom: calc(var(--f) * 23);
}
.form-main__input__book .table .sumple {
  margin-bottom: calc(var(--f) * 23);
}
.form-main__input__book .table .sumple a {
  display: inline-block;
  min-height: calc(var(--f) * 30);
  padding: calc(var(--f) * 3) 0 calc(var(--f) * 3) 0;
  color: #333;
  text-decoration: underline;
  text-align: left;
}
.form-main__input__book .table .sumple a::after {
  content: "";
  position: relative;
  top: calc(var(--f) * -3);
  display: inline-block;
  width: calc(var(--f) * 30);
  height: calc(var(--f) * 30);
  margin-left: calc(var(--f) * 6);
  vertical-align: middle;
  background: url(../img/_common/ico/pdf-red.svg) right center/contain no-repeat;
}
.form-main__input__book .table .sumple a {
  margin-left: 1.75em;
  font-weight: 500;
}
.form-main__input__book .table .program {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  font-weight: 500;
}
.form-main__input__book .table .program dt {
  position: relative;
  padding-right: 1em;
}
.form-main__input__book .table .program dt::after {
  content: "：";
  position: absolute;
  right: 0.25em;
  top: 0;
}
.form-main__input__book .table .program a {
  display: inline-block;
  min-height: calc(var(--f) * 30);
  padding: 0 calc(var(--f) * 30) 0 0;
  color: inherit;
  font-weight: 500;
  background: url(../img/_common/ico/link-aqua.svg) right center/calc(var(--f) * 20.5) auto no-repeat;
}
.form-main__input__book #book-quantity-total {
  font-weight: 500;
  text-align: right;
}
.form-main__input__book #book-quantity-total b {
  display: inline-block;
  margin: 0 0.15em 0 0.4em;
  font-size: 2em;
  font-weight: 700;
}
.form-main [data-name=payment-number],
.form-main [data-name=expected-desired],
.form-main [data-name=exam-group],
.form-main [data-name=exam-category],
.form-main [data-name=expected-examinees],
.form-main [data-name=book-quantity-total] {
  opacity: 0.5;
}
.form-main [data-name=expected-desired],
.form-main [data-name=payment-number],
.form-main [data-name=expected-examinees] {
  position: relative;
  overflow: hidden;
  opacity: 0;
  display: block;
  height: 0;
}
.form-main__agree__head {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.form-main__agree__head::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.form-main__agree__head b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.form-main__agree__head small {
  display: block;
  font-size: 0.8em;
}
.form-main__agree__head .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.form-main__agree__head .catch::before, .form-main__agree__head .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.form-main__agree__head .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.form-main__agree__head .catch b {
  font-size: 1.5em;
}
.form-main__agree__head .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.form-main__agree__head .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.form-main__agree__head .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.form-main__agree__head .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .form-main__agree__head {
    font-size: calc(var(--f) * 20);
  }
}
.form-main__agree__head {
  margin-bottom: 0;
}
.form-main__agree__box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(var(--f) * 10);
  margin: calc(var(--f) * 50);
}
.form-main__agree__box .wpcf7-form-control-wrap.error {
  position: relative;
}
.form-main__agree__box .wpcf7-form-control-wrap.error::after {
  content: "";
  position: absolute;
  left: calc(var(--f) * -15);
  top: calc(var(--f) * -15);
  pointer-events: none;
  display: block;
  width: calc(var(--f) * 300);
  height: calc(var(--f) * 60);
  border: calc(var(--f) * 3) solid #F80811;
}
.form-main__agree__box a {
  color: #344D9F;
  font-weight: 500;
  text-decoration: underline;
}
.form-main__agree__box .wpcf7-list-item {
  margin: 0;
}
.form-main__agree__box input {
  display: block;
  width: calc(var(--f) * 30);
  height: calc(var(--f) * 30);
  opacity: 0;
}
.form-main__agree__box .wpcf7-list-item-label {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  display: block;
  width: calc(var(--f) * 30);
  height: calc(var(--f) * 30);
  margin: 0;
  color: #fff;
  font-size: 0;
  border: calc(var(--f) * 2) solid #CCD2E7;
}
.form-main__agree__box input:checked + .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  left: 10%;
  top: 0;
  display: block;
  width: 124%;
  height: 100%;
  background: url(../img/_common/form-check.svg) center/contain no-repeat;
}
.form-main__important {
  margin: calc(var(--s) * 100) 0 calc(var(--s) * 76.5);
}
.form-main__important__head {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.form-main__important__head::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.form-main__important__head b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.form-main__important__head small {
  display: block;
  font-size: 0.8em;
}
.form-main__important__head .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.form-main__important__head .catch::before, .form-main__important__head .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.form-main__important__head .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.form-main__important__head .catch b {
  font-size: 1.5em;
}
.form-main__important__head .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.form-main__important__head .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.form-main__important__head .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.form-main__important__head .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .form-main__important__head {
    font-size: calc(var(--f) * 20);
  }
}
.form-main__important__head {
  margin: 0 0 calc(var(--f) * 26);
}
.form-main__important__intro {
  margin: 0 0 calc(var(--f) * 26);
}
.form-main__important__table .doc {
  position: relative;
  overflow-y: scroll;
  height: calc(var(--s) * 300);
  padding: calc(var(--f) * 28) calc(var(--s) * 50);
  margin: 0 0 calc(var(--f) * 18);
  border: 1px solid #CCD2E7;
}
.form-main__important__table .doc h3 {
  margin-top: 2em;
  color: #344D9F;
  font-weight: 700;
}
.form-main__important__table .doc h4 {
  margin-top: 1.5em;
  font-weight: 700;
}
.form-main__important__table .doc h5 {
  margin-top: 1em;
  font-weight: 700;
}
.form-main__important__table .doc a {
  color: #344D9F;
  font-weight: 500;
  text-decoration: underline;
}
.form-main__important__table .readme {
  margin: 0 0 calc(var(--f) * 30);
}
.form-main__important__table .box {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(var(--f) * 10);
}
.form-main__important__table .box .wpcf7-form-control-wrap.error {
  position: relative;
}
.form-main__important__table .box .wpcf7-form-control-wrap.error::after {
  content: "";
  position: absolute;
  left: calc(var(--f) * -15);
  top: calc(var(--f) * -15);
  pointer-events: none;
  display: block;
  width: calc(var(--f) * 300);
  height: calc(var(--f) * 60);
  border: calc(var(--f) * 3) solid #F80811;
}
.form-main__important__table .box .wpcf7-list-item {
  margin: 0;
}
.form-main__important__table .box input {
  display: block;
  width: calc(var(--f) * 30);
  height: calc(var(--f) * 30);
  opacity: 0;
}
.form-main__important__table .box .wpcf7-list-item-label {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  display: block;
  width: calc(var(--f) * 30);
  height: calc(var(--f) * 30);
  color: #fff;
  font-size: 0;
  border: 2px solid #CCD2E7;
}
.form-main__important__table .box input:checked + .wpcf7-list-item-label::after {
  content: "";
  position: absolute;
  left: 10%;
  top: 0;
  display: block;
  width: 124%;
  height: 100%;
  background: url(../img/_common/form-check.svg) center/contain no-repeat;
}
.form-main__important__table .box.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.form-main__guide h1,
.form-main__guide h2 {
  margin: calc(var(--f) * 40) 0 0;
  font-size: calc(var(--f) * 32);
  font-weight: 700;
}
.form-main__guide h3 {
  margin: calc(var(--f) * 40) 0 0;
  font-size: calc(var(--f) * 24);
  font-weight: 700;
}
.form-main__guide h4,
.form-main__guide h5,
.form-main__guide h6 {
  margin: calc(var(--f) * 40) 0 0;
  font-weight: 700;
}
.form-main__guide strong {
  font-weight: 700;
}
.form-main__guide em {
  font-style: oblique;
}
.form-main__guide a {
  font-weight: 500;
  text-decoration: underline;
}
.form-main__guide p {
  margin: 0.75em 0 calc(var(--s) * 34);
}
.form-main__guide p:last-child {
  margin-bottom: 0;
}
.form-main__guide .wp-block-image {
  width: calc(var(--f) * 750);
  max-width: 100%;
  margin: calc(var(--f) * 50) auto;
  text-align: center;
}
.form-main__guide .wp-block-image figcaption {
  margin: 1em 0 0;
}
.form-main__guide ul {
  margin: 0 0 calc(var(--s) * 34);
}
.form-main__guide ul:last-child {
  margin-bottom: 0;
}
.form-main__guide ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.form-main__guide ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.form-main__guide ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .form-main__guide ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .form-main__guide ul {
    padding: 0;
  }
}
.form-main__guide ol {
  counter-reset: item;
  padding: 0 calc(var(--s) * 56);
  margin: 0 0 calc(var(--s) * 34);
}
.form-main__guide ol:last-child {
  margin-bottom: 0;
}
.form-main__guide ol li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.form-main__guide ol li::before {
  counter-increment: item;
  content: counter(item) ".";
  position: absolute;
  left: 0.35em;
  top: 0;
  color: #344D9F;
}
.form-main__guide ol li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .form-main__guide ol {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .form-main__guide ol {
    padding: 0 0 0 calc(var(--f) * 20);
  }
}
.form-main__guide__inner {
  margin-bottom: calc(var(--s) * 100);
}
.form-main__guide__inner h3 {
  font-weight: 700;
}
.form-main__guide__cancel {
  margin-bottom: calc(var(--s) * 100);
}
.form-main__guide__cancel h3 {
  color: #344D9F;
  font-weight: 700;
}
.form-main__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 calc(var(--f) * 16);
}
.form-main__submit__back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.form-main__submit__back .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.form-main__submit__back .label:hover {
  opacity: 0.7;
}
.form-main__submit__back .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.form-main__submit__back .label a, .form-main__submit__back .label input, .form-main__submit__back .label button, .form-main__submit__back .label label, .form-main__submit__back .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .form-main__submit__back .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .form-main__submit__back .label a, .form-main__submit__back .label input, .form-main__submit__back .label button, .form-main__submit__back .label label, .form-main__submit__back .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.form-main__submit__back .label {
  display: inline-block;
  background: #fff url(../img/_common/ico/arrow-navy-back.svg) left calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.form-main__submit__back .label a, .form-main__submit__back .label input, .form-main__submit__back .label button, .form-main__submit__back .label label, .form-main__submit__back .label span {
  min-width: unset;
  padding: 0 calc(var(--f) * 32) 0 calc(var(--f) * 72);
}
.form-main__submit__back {
  padding: 0 0 calc(var(--f) * 20);
}
.form-main__submit__back .label input {
  text-align: center;
}
.form-main__submit__label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.form-main__submit__label .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.form-main__submit__label .label:hover {
  opacity: 0.7;
}
.form-main__submit__label .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.form-main__submit__label .label a, .form-main__submit__label .label input, .form-main__submit__label .label button, .form-main__submit__label .label label, .form-main__submit__label .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .form-main__submit__label .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .form-main__submit__label .label a, .form-main__submit__label .label input, .form-main__submit__label .label button, .form-main__submit__label .label label, .form-main__submit__label .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.form-main__submit__label {
  position: relative;
  padding: 0 0 calc(var(--f) * 20);
}
.form-main__submit__label .wpcf7-spinner {
  position: absolute;
  top: calc(100% + var(--f) * 12);
  right: 0;
  left: 0;
  display: block;
  margin: 0 auto;
}
.form-main__submit__back + .form-main__submit__label .label input {
  text-align: center;
}
@media screen and (min-width: 960.02px) {
  .form-main__input__table th, .form-main__input__table td {
    position: relative;
    padding: calc(var(--s) * 50) 0 calc(var(--s) * 50) calc(var(--s) * 50);
    line-height: 1.5;
    vertical-align: middle;
  }
  .form-main__input__table th::after, .form-main__input__table td::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 1px;
    background: rgba(52, 77, 159, 0.2);
  }
  .form-main__input__table th {
    white-space: nowrap;
    width: 40%;
    background: rgba(29, 133, 248, 0.05);
  }
  .form-main__input__table th::after {
    left: calc(var(--s) * 8);
    width: calc(100% - var(--s) * 8);
  }
  .form-main__input__table tr:first-child th {
    border-radius: calc(var(--f) * 10) calc(var(--f) * 10) 0 0;
  }
  .form-main__input__table tr:last-child th::after, .form-main__input__table tr:last-child td::after {
    display: none;
  }
  .form-main__input__table tr:last-child th {
    border-radius: 0 0 calc(var(--f) * 10) calc(var(--f) * 10);
  }
  .form-main__input__table .note {
    margin: 0.5em 0;
  }
  .form-main__input__table .notice {
    white-space: nowrap;
    position: absolute;
    right: 0;
    top: 100%;
  }
  .form-main__input__table .example {
    position: absolute;
    left: 0;
    top: 100%;
    display: block;
    font-size: 1em;
  }
  .form-main__input__table .inner {
    position: relative;
    width: calc(var(--f) * 556);
    max-width: 100%;
    margin-left: calc(var(--s) * 50);
  }
  .form-main__input__table .name {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: calc(var(--f) * 556);
    max-width: 100%;
    margin-left: calc(var(--s) * 50);
  }
  .form-main__input__table .name .box {
    position: relative;
    width: 45%;
  }
  .form-main__input__table .name .sub {
    position: absolute;
    right: 100%;
    top: 0;
    display: block;
    width: 2.375em;
  }
  .form-main__input__table .postal {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: calc(var(--f) * 6);
    width: calc(var(--f) * 300);
    margin-left: calc(var(--s) * 50);
  }
  .form-main__input__table .postal .box {
    position: relative;
    width: 41.67%;
  }
  .form-main__input__table .postal .box:nth-child(3) {
    width: 50%;
  }
  .form-main__input__table .postal .sub {
    position: absolute;
    right: 100%;
    top: 0;
    display: block;
    width: 2.375em;
  }
  .form-main__input__table .tel {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: calc(var(--f) * 6);
    width: calc(var(--f) * 556);
    max-width: 100%;
    margin-left: calc(var(--s) * 50);
  }
  .form-main__input__table .tel .box {
    position: relative;
    width: 45%;
  }
  .form-main__input__table .tel .sub {
    position: absolute;
    right: 100%;
    top: 0;
    display: block;
    width: 2.375em;
  }
  .form-main__input__table .select {
    position: relative;
    width: calc(var(--f) * 556);
    max-width: 100%;
    margin-left: calc(var(--s) * 50);
  }
  .form-main__input__table .price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(var(--f) * 10);
    width: calc(var(--f) * 556);
    max-width: 100%;
    margin-left: calc(var(--s) * 50);
  }
  .form-main__input__table .radio {
    width: calc(var(--f) * 556);
    max-width: 100%;
    margin-left: calc(var(--s) * 50);
  }
  .form-main__input__table .checkbox {
    width: calc(var(--f) * 556);
    max-width: 100%;
    margin-left: calc(var(--s) * 50);
  }
  .form-main__input__table .file {
    width: calc(var(--f) * 556);
    max-width: 100%;
    padding: calc(var(--f) * 40) 0 0;
    margin-left: calc(var(--s) * 50);
  }
  .form-main__input__table .file .wpcf7-form-control-wrap {
    display: block;
    margin: 0 0 calc(var(--f) * 10);
  }
  .form-main__input__table #payment-number {
    padding: 0 0 0 calc(var(--s) * 14.8);
    counter-reset: payblock;
  }
  .form-main__input__table #payment-number .payment-block {
    position: relative;
    padding: calc(var(--f) * 44) 0 calc(var(--f) * 32) calc(var(--s) * 52);
    margin: 0 0 calc(var(--f) * 26);
    border-bottom: 1px solid #CCD2E7;
  }
  .form-main__input__table #payment-number .payment-block .count {
    position: absolute;
    left: 0;
    top: calc(var(--f) * 44);
  }
  .form-main__input__table #payment-number .payment-block .count::before {
    counter-increment: payblock;
    content: counter(payblock) ".";
    position: absolute;
    left: 0;
    top: 0;
  }
  .form-main__input__table #payment-number .payment-block .number {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 0 calc(var(--f) * 78);
    margin: 0 0 calc(var(--s) * 64);
    width: calc(var(--f) * 422);
  }
  .form-main__input__table #payment-number .payment-block .number .required {
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
  }
  .form-main__input__table #payment-number .payment-block .number .sub {
    width: calc(var(--f) * 96);
  }
  .form-main__input__table #payment-number .payment-block .number .input {
    position: relative;
  }
  .form-main__input__table #payment-number .payment-block .number .input input {
    display: block;
    width: calc(var(--f) * 250);
  }
  .form-main__input__table #payment-number .payment-block .number .input .yen {
    position: absolute;
    left: 100%;
    top: 0;
  }
  .form-main__input__table #payment-number .payment-block .number .example {
    left: unset;
    right: 0;
    width: calc(var(--f) * 250);
  }
  .form-main__input__table #payment-number .payment-block .number .notice {
    top: calc(100% + 1.5em);
  }
  .form-main__input__table #payment-number .payment-block .cate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: calc(var(--f) * 12) calc(var(--s) * 36);
  }
  .form-main__input__table #payment-number .payment-block .cate input {
    display: none;
  }
  .form-main__input__table #payment-number .payment-block .cate label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: calc(var(--f) * 6);
  }
  .form-main__input__table #payment-number .payment-block .cate label::before {
    content: "";
    width: calc(var(--f) * 24);
    height: calc(var(--f) * 24);
    border: 2px solid #CCD2E7;
    border-radius: 999px;
  }
  .form-main__input__table #payment-number .payment-block .cate input:checked + label::before {
    background: #fff url(../img/_common/form-radio.svg) center/cover no-repeat;
  }
  .form-main__input__table #payment-number .remove-button {
    float: right;
    display: inline;
    margin: 3em 0 0;
    background: none;
    border: none;
    outline: none;
    text-decoration: underline;
  }
  .form-main__input__table #payment-number .remove-button::before {
    content: "✕";
  }
  .form-main__input__table #payment-number + button {
    display: block;
    min-width: calc(var(--f) * 116);
    padding: 0 1em;
    margin: calc(var(--f) * 24) auto 0;
    font-size: calc(var(--f) * 16);
    line-height: 1.5;
    text-align: center;
    border: 1px solid #CCD2E7;
    background: #E9EDF5;
  }
  .form-main__input__table table.shipping-address {
    margin: 0 0 calc(var(--f) * 35);
  }
  .form-main__input__table table.shipping-address th, .form-main__input__table table.shipping-address td {
    padding-top: calc(var(--s) * 20);
    padding-bottom: calc(var(--s) * 20);
  }
  .form-main__input__table table.shipping-address th::before, .form-main__input__table table.shipping-address td::before {
    border-bottom: 1px solid #344D9F;
  }
  .form-main__input__table table.shipping-address th {
    border-radius: none;
  }
  .form-main__input__table table.shipping-address th::before {
    border-left: 1px solid #344D9F;
  }
  .form-main__input__table table.shipping-address td::before {
    border-right: 1px solid #344D9F;
  }
  .form-main__input__table table.shipping-address tr:first-child th::before, .form-main__input__table table.shipping-address tr:first-child td::before {
    border-top: 1px solid #344D9F;
  }
  .form-main__input__table table.shipping-address tr:first-child th {
    border-top-left-radius: calc(var(--f) * 15);
    border-top-right-radius: 0;
  }
  .form-main__input__table table.shipping-address tr:first-child th::before {
    border-top-left-radius: calc(var(--f) * 15);
  }
  .form-main__input__table table.shipping-address tr:first-child td {
    border-top-right-radius: calc(var(--f) * 15);
  }
  .form-main__input__table table.shipping-address tr:first-child td::before {
    border-top-right-radius: calc(var(--f) * 15);
  }
  .form-main__input__table table.shipping-address tr:last-child th {
    border-bottom-left-radius: calc(var(--f) * 15);
    border-bottom-right-radius: 0;
  }
  .form-main__input__table table.shipping-address tr:last-child th::before {
    border-bottom-left-radius: calc(var(--f) * 15);
  }
  .form-main__input__table table.shipping-address tr:last-child td {
    border-bottom-right-radius: calc(var(--f) * 15);
  }
  .form-main__input__table table.shipping-address tr:last-child td::before {
    border-bottom-right-radius: calc(var(--f) * 15);
  }
  .form-main__input__book .table {
    border-top: 1px solid rgba(52, 77, 159, 0.2);
  }
  .form-main__input__book .table .th, .form-main__input__book .table .td {
    padding-top: calc(var(--s) * 46);
    padding-bottom: calc(var(--s) * 46);
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
    vertical-align: top;
  }
  .form-main__input__book .table .th {
    padding-right: calc(var(--s) * 50);
    padding-left: calc(var(--s) * 50);
  }
  .form-main__input__book .table .td {
    width: calc(var(--s) * 655);
  }
  .form-main [data-name=book-quantity-total] {
    position: relative;
    overflow: hidden;
    display: block;
    height: 0;
    opacity: 0;
  }
  .form-main__important__table table {
    width: 100%;
  }
  .form-main__important__table th {
    padding: 0 calc(var(--s) * 50);
    white-space: nowrap;
    vertical-align: middle;
    background: rgba(29, 133, 248, 0.05);
  }
  .form-main__important__table td {
    padding: 0 0 calc(var(--f) * 18) calc(var(--s) * 78);
  }
}
@media screen and (max-width: 960px) {
  .form-main {
    padding: calc(var(--s) * 76) 0 calc(var(--s) * 64);
  }
  .form-main .required {
    padding: 0 0.75em;
    font-size: calc(var(--f) * 14);
    line-height: 1.78;
  }
  .form-main__notice__head {
    margin-bottom: calc(var(--f) * 25);
  }
  .form-main__notice__sub-head {
    margin-top: calc(var(--f) * 46);
    margin-bottom: calc(var(--f) * 16);
  }
  .form-main__input__head {
    margin-bottom: calc(var(--f) * 25);
  }
  .form-main__input__table {
    margin-bottom: calc(var(--s) * 15);
  }
  .form-main__input__table th, .form-main__input__table td {
    display: block;
    font-size: calc(var(--f) * 14);
  }
  .form-main__input__table th {
    padding: calc(var(--f) * 4) calc(var(--f) * 20) calc(var(--f) * 7);
    background: rgba(29, 133, 248, 0.05);
  }
  .form-main__input__table th br {
    display: none;
  }
  .form-main__input__table td {
    padding: calc(var(--f) * 12) 0 calc(var(--f) * 50);
  }
  .form-main__input__table .example {
    font-size: 1em;
    white-space: nowrap;
  }
  .form-main__input__table .inner {
    position: relative;
  }
  .form-main__input__table .name {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .form-main__input__table .name .box {
    width: calc((100% - var(--f) * 9) / 2);
  }
  .form-main__input__table .postal {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: calc(var(--f) * 6);
  }
  .form-main__input__table .postal .box {
    position: relative;
    width: 41.67%;
  }
  .form-main__input__table .postal .box:nth-child(3) {
    width: 50%;
  }
  .form-main__input__table .tel {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: calc(var(--f) * 6);
  }
  .form-main__input__table .tel .box {
    position: relative;
    width: 45%;
  }
  .form-main__input__table #payment-number {
    width: 89.3vw;
  }
  .form-main__input__table #payment-number .payment-block {
    position: relative;
  }
  .form-main__input__table #payment-number .payment-block .count {
    position: absolute;
    left: 0;
    top: 0;
  }
  .form-main__input__table #payment-number .payment-block .number {
    position: relative;
    display: block;
    margin: 0 0 calc(var(--f) * 30);
  }
  .form-main__input__table #payment-number .payment-block .number .required {
    position: absolute;
    left: calc(var(--f) * 20);
    top: 0;
    margin: 0;
  }
  .form-main__input__table #payment-number .payment-block .number .required + .sub {
    padding-left: calc(var(--f) * 80);
  }
  .form-main__input__table #payment-number .payment-block .number .input {
    position: relative;
  }
  .form-main__input__table #payment-number .payment-block .number .input input {
    display: block;
    width: 100%;
  }
  .form-main__input__table #payment-number .payment-block .number .input .yen {
    position: absolute;
    right: 0;
    bottom: 0.25em;
  }
  .form-main__input__table #payment-number .payment-block .number:nth-child(4) .input input {
    width: calc(100% - 2em);
  }
  .form-main__input__table #payment-number .payment-block .cate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: calc(var(--f) * 12) calc(var(--s) * 24);
  }
  .form-main__input__table #payment-number .payment-block .cate input {
    display: none;
  }
  .form-main__input__table #payment-number .payment-block .cate label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: calc(var(--f) * 6);
  }
  .form-main__input__table #payment-number .payment-block .cate label::before {
    content: "";
    width: calc(var(--f) * 24);
    height: calc(var(--f) * 24);
    border: 2px solid #CCD2E7;
    border-radius: 999px;
  }
  .form-main__input__table #payment-number .payment-block .cate input:checked + label::before {
    background: #fff url(../img/_common/form-radio.svg) center/cover no-repeat;
  }
  .form-main__input__table #payment-number .remove-button,
  .form-main__input__table #payment-number + button {
    display: block;
    min-width: calc(var(--f) * 116);
    padding: 0 1em;
    margin: calc(var(--f) * 24) auto 0;
    font-size: calc(var(--f) * 16);
    line-height: 1.5;
    text-align: center;
    border: 1px solid #CCD2E7;
    background: #E9EDF5;
  }
  .form-main__agree__box {
    margin: calc(var(--f) * 24) 0 calc(var(--f) * 50);
  }
  .form-main__submit {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .form-main__submit__back {
    -webkit-box-ordinal-group: 100;
        -ms-flex-order: 99;
            order: 99;
  }
  .form-main__submit__back .label a, .form-main__submit__back .label input, .form-main__submit__back .label button, .form-main__submit__back .label label, .form-main__submit__back .label span {
    height: calc(var(--f) * 40);
  }
}

.form-notice {
  padding: calc(var(--s) * 108) 0 calc(var(--s) * 96);
  background: rgba(52, 77, 159, 0.1);
}
.form-notice__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.form-notice__container h1,
.form-notice__container h2 {
  margin: calc(var(--f) * 40) 0 0;
  font-size: calc(var(--f) * 32);
  font-weight: 700;
}
.form-notice__container h3 {
  margin: calc(var(--f) * 40) 0 0;
  font-size: calc(var(--f) * 24);
  font-weight: 700;
}
.form-notice__container h4,
.form-notice__container h5,
.form-notice__container h6 {
  margin: calc(var(--f) * 40) 0 0;
  font-weight: 700;
}
.form-notice__container strong {
  font-weight: 700;
}
.form-notice__container em {
  font-style: oblique;
}
.form-notice__container a {
  font-weight: 500;
  text-decoration: underline;
}
.form-notice__container p {
  margin: 0.75em 0 calc(var(--s) * 34);
}
.form-notice__container p:last-child {
  margin-bottom: 0;
}
.form-notice__container .wp-block-image {
  width: calc(var(--f) * 750);
  max-width: 100%;
  margin: calc(var(--f) * 50) auto;
  text-align: center;
}
.form-notice__container .wp-block-image figcaption {
  margin: 1em 0 0;
}
.form-notice__container ul {
  margin: 0 0 calc(var(--s) * 34);
}
.form-notice__container ul:last-child {
  margin-bottom: 0;
}
.form-notice__container ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.form-notice__container ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.form-notice__container ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .form-notice__container ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .form-notice__container ul {
    padding: 0;
  }
}
.form-notice__container ol {
  counter-reset: item;
  padding: 0 calc(var(--s) * 56);
  margin: 0 0 calc(var(--s) * 34);
}
.form-notice__container ol:last-child {
  margin-bottom: 0;
}
.form-notice__container ol li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.form-notice__container ol li::before {
  counter-increment: item;
  content: counter(item) ".";
  position: absolute;
  left: 0.35em;
  top: 0;
  color: #344D9F;
}
.form-notice__container ol li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .form-notice__container ol {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .form-notice__container ol {
    padding: 0 0 0 calc(var(--f) * 20);
  }
}
@media screen and (max-width: 960px) {
  .form-notice {
    padding: calc(var(--s) * 76) 0 calc(var(--s) * 64);
  }
}

.form-step-1,
.form-step-2 {
  position: relative;
  height: 0;
  overflow: hidden;
  opacity: 0;
}

.form-main--step-1 .form-step-1,
.form-main--step-2 .form-step-2 {
  height: unset;
  opacity: 1;
}

.form-step-2 td {
  white-space: pre-wrap;
}

.form-thanks {
  padding: calc(var(--s) * 108) 0 calc(var(--s) * 96);
}
.form-thanks__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.form-thanks__container h1,
.form-thanks__container h2 {
  margin: calc(var(--f) * 40) 0 0;
  font-size: calc(var(--f) * 32);
  font-weight: 700;
}
.form-thanks__container h3 {
  margin: calc(var(--f) * 40) 0 0;
  font-size: calc(var(--f) * 24);
  font-weight: 700;
}
.form-thanks__container h4,
.form-thanks__container h5,
.form-thanks__container h6 {
  margin: calc(var(--f) * 40) 0 0;
  font-weight: 700;
}
.form-thanks__container strong {
  font-weight: 700;
}
.form-thanks__container em {
  font-style: oblique;
}
.form-thanks__container a {
  font-weight: 500;
  text-decoration: underline;
}
.form-thanks__container p {
  margin: 0.75em 0 calc(var(--s) * 34);
}
.form-thanks__container p:last-child {
  margin-bottom: 0;
}
.form-thanks__container .wp-block-image {
  width: calc(var(--f) * 750);
  max-width: 100%;
  margin: calc(var(--f) * 50) auto;
  text-align: center;
}
.form-thanks__container .wp-block-image figcaption {
  margin: 1em 0 0;
}
.form-thanks__container ul {
  margin: 0 0 calc(var(--s) * 34);
}
.form-thanks__container ul:last-child {
  margin-bottom: 0;
}
.form-thanks__container ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.form-thanks__container ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.form-thanks__container ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .form-thanks__container ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .form-thanks__container ul {
    padding: 0;
  }
}
.form-thanks__container ol {
  counter-reset: item;
  padding: 0 calc(var(--s) * 56);
  margin: 0 0 calc(var(--s) * 34);
}
.form-thanks__container ol:last-child {
  margin-bottom: 0;
}
.form-thanks__container ol li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.form-thanks__container ol li::before {
  counter-increment: item;
  content: counter(item) ".";
  position: absolute;
  left: 0.35em;
  top: 0;
  color: #344D9F;
}
.form-thanks__container ol li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .form-thanks__container ol {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .form-thanks__container ol {
    padding: 0 0 0 calc(var(--f) * 20);
  }
}
.form-thanks__container {
  font-size: calc(var(--f) * 20);
  font-weight: 500;
}

.message-detail {
  position: relative;
  padding: calc(var(--s) * 80) 0 calc(var(--s) * 100);
  background: #E9EDF5;
}
.message-detail__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
  padding: calc(var(--s) * 50) calc(var(--s) * 100) calc(var(--s) * 100);
  background: #fff;
  border-radius: calc(var(--f) * 30);
}
.message-detail__top h3 {
  font-size: calc(var(--f) * 24);
  font-weight: 500;
}
.message-detail__top h3 b {
  color: #344D9F;
  font-size: 1.33em;
  font-weight: 700;
}
.message-detail__text {
  padding: calc(var(--s) * 68) 0;
}
.message-detail__text p {
  margin: 0 0 2em;
}
.message-detail__text p:last-child {
  margin-bottom: 0;
}
.message-detail__photo img {
  display: block;
  width: 100%;
}
.message-detail__name .date {
  margin-bottom: calc(var(--f) * 60);
}
.message-detail__name .company {
  font-weight: 500;
}
.message-detail__name .name {
  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;
  line-height: 1;
}
.message-detail__name .name dd {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin-left: 0.8125em;
  font-size: calc(var(--f) * 32);
  font-weight: 600;
}
@media screen and (min-width: 960.02px) {
  .message-detail__container {
    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;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .message-detail__top {
    width: calc(100% - var(--s) * 380);
  }
  .message-detail__photo {
    width: calc(var(--s) * 380);
  }
}
@media screen and (max-width: 960px) {
  .message-detail {
    padding: calc(var(--s) * 75) 0 0;
  }
  .message-detail__container {
    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;
    padding: calc(var(--s) * 40) calc(var(--f) * 20);
  }
  .message-detail__top {
    width: 100%;
  }
  .message-detail__top h3 {
    font-size: calc(var(--f) * 20);
    line-height: 1.6;
  }
  .message-detail__photo {
    width: 100%;
  }
  .message-detail__text {
    width: 100%;
    padding: calc(var(--s) * 27) 0 calc(var(--s) * 54);
    font-size: calc(var(--f) * 14);
    line-height: 1.7;
  }
  .message-detail__text p {
    margin-bottom: 1.7em;
  }
  .message-detail__name {
    font-size: calc(var(--f) * 14);
  }
  .message-detail__name .name dd {
    font-size: calc(var(--f) * 24);
  }
}

.news-detail {
  padding: calc(var(--s) * 126) 0 calc(var(--s) * 96);
  background: rgba(52, 77, 159, 0.1);
}
.news-detail__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
  padding: calc(var(--s) * 75) calc(var(--s) * 50);
  background: #fff;
  border-radius: calc(var(--f) * 30);
}
.news-detail__head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  width: 100%;
}
.news-detail__head .title {
  width: 100%;
  margin: 0 0 calc(var(--s) * 72);
  font-size: calc(var(--f) * 32);
  line-height: 1.5;
  font-weight: 700;
}
.news-detail__head .date {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 2em;
  color: rgba(51, 51, 51, 0.6);
  white-space: nowrap;
}
.news-detail__head .cate {
  position: relative;
  top: calc(var(--f) * 4);
  min-width: calc(var(--f) * 130);
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding: 0.15em 0.25em;
  margin-right: calc(var(--f) * 15);
  color: #333;
  font-size: calc(var(--f) * 14);
  line-height: 1.5;
  text-align: center;
  border: 1px solid rgba(51, 51, 51, 0.25);
  border-radius: 1em;
}
.news-detail__head .cate span::after {
  content: "/";
  display: inline-block;
  margin: 0 0.15em;
}
.news-detail__head .cate span:last-child::after {
  display: none;
}
.news-detail__contents h1,
.news-detail__contents h2 {
  margin: calc(var(--f) * 40) 0 0;
  font-size: calc(var(--f) * 32);
  font-weight: 700;
}
.news-detail__contents h3 {
  margin: calc(var(--f) * 40) 0 0;
  font-size: calc(var(--f) * 24);
  font-weight: 700;
}
.news-detail__contents h4,
.news-detail__contents h5,
.news-detail__contents h6 {
  margin: calc(var(--f) * 40) 0 0;
  font-weight: 700;
}
.news-detail__contents strong {
  font-weight: 700;
}
.news-detail__contents em {
  font-style: oblique;
}
.news-detail__contents a {
  font-weight: 500;
  text-decoration: underline;
}
.news-detail__contents p {
  margin: 0.75em 0 calc(var(--s) * 34);
}
.news-detail__contents p:last-child {
  margin-bottom: 0;
}
.news-detail__contents .wp-block-image {
  width: calc(var(--f) * 750);
  max-width: 100%;
  margin: calc(var(--f) * 50) auto;
  text-align: center;
}
.news-detail__contents .wp-block-image figcaption {
  margin: 1em 0 0;
}
.news-detail__contents ul {
  margin: 0 0 calc(var(--s) * 34);
}
.news-detail__contents ul:last-child {
  margin-bottom: 0;
}
.news-detail__contents ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.news-detail__contents ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.news-detail__contents ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .news-detail__contents ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .news-detail__contents ul {
    padding: 0;
  }
}
.news-detail__contents ol {
  counter-reset: item;
  padding: 0 calc(var(--s) * 56);
  margin: 0 0 calc(var(--s) * 34);
}
.news-detail__contents ol:last-child {
  margin-bottom: 0;
}
.news-detail__contents ol li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.news-detail__contents ol li::before {
  counter-increment: item;
  content: counter(item) ".";
  position: absolute;
  left: 0.35em;
  top: 0;
  color: #344D9F;
}
.news-detail__contents ol li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .news-detail__contents ol {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .news-detail__contents ol {
    padding: 0 0 0 calc(var(--f) * 20);
  }
}
.news-detail__nav {
  margin: calc(var(--s) * 56) 0 0;
}
.news-detail__nav .back {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.news-detail__nav .back .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.news-detail__nav .back .label:hover {
  opacity: 0.7;
}
.news-detail__nav .back .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.news-detail__nav .back .label a, .news-detail__nav .back .label input, .news-detail__nav .back .label button, .news-detail__nav .back .label label, .news-detail__nav .back .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .news-detail__nav .back .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .news-detail__nav .back .label a, .news-detail__nav .back .label input, .news-detail__nav .back .label button, .news-detail__nav .back .label label, .news-detail__nav .back .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.news-detail__nav .back .label {
  display: inline-block;
  background: #fff url(../img/_common/ico/arrow-navy-back.svg) left calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.news-detail__nav .back .label a, .news-detail__nav .back .label input, .news-detail__nav .back .label button, .news-detail__nav .back .label label, .news-detail__nav .back .label span {
  min-width: unset;
  padding: 0 calc(var(--f) * 32) 0 calc(var(--f) * 72);
}

.news-list {
  padding: calc(var(--s) * 124) 0 calc(var(--s) * 96);
}
.news-list__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.news-list__category ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(var(--s) * 12);
  margin: 0 0 calc(var(--s) * 50);
}
.news-list__category li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.news-list__category li .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.news-list__category li .label:hover {
  opacity: 0.7;
}
.news-list__category li .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.news-list__category li .label a, .news-list__category li .label input, .news-list__category li .label button, .news-list__category li .label label, .news-list__category li .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .news-list__category li .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .news-list__category li .label a, .news-list__category li .label input, .news-list__category li .label button, .news-list__category li .label label, .news-list__category li .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.news-list__category li .label {
  background-color: rgba(52, 77, 159, 0.1);
  background-image: none;
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.news-list__category li .label a, .news-list__category li .label input, .news-list__category li .label button, .news-list__category li .label label, .news-list__category li .label span {
  font-weight: 400;
}
.news-list__category li {
  width: calc((100% - var(--s) * 61) / 6);
}
.news-list__category li .label {
  min-width: unset;
  width: 100%;
}
.news-list__category li .label a {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: calc(var(--f) * 70);
  padding-right: 1.5em;
  padding-left: 1.5em;
  text-align: center;
}
.news-list__category li.current-cat .label {
  background: #344D9F;
}
.news-list__category li.current-cat .label a {
  color: #fff;
}
.news-list__items {
  border-top: 1px solid rgba(52, 77, 159, 0.2);
}
.news-list__item {
  border-bottom: 1px solid rgba(52, 77, 159, 0.2);
}
.news-list__box {
  padding: calc(var(--f) * 43) 0;
}
.news-list__box .date {
  color: rgba(51, 51, 51, 0.6);
  white-space: nowrap;
}
.news-list__box .cate {
  padding: 0.15em 0.25em;
  color: #333;
  font-size: calc(var(--f) * 14);
  line-height: 1.5;
  text-align: center;
  border: 1px solid rgba(51, 51, 51, 0.25);
  border-radius: 1em;
}
.news-list__box .cate span::after {
  content: "/";
  display: inline-block;
  margin: 0 0.15em;
}
.news-list__box .cate span:last-child::after {
  display: none;
}
@media screen and (min-width: 960.02px) {
  .news-list__box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
    width: 100%;
  }
  .news-list__box .date {
    width: calc(var(--f) * 100);
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .news-list__box .cate {
    position: relative;
    top: calc(var(--f) * 4);
    width: calc(var(--f) * 130);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-right: calc(var(--f) * 15);
  }
  .news-list__box .title {
    width: 100%;
  }
}
@media screen and (max-width: 960px) {
  .news-list__category ul {
    gap: calc(var(--s) * 6);
    margin-bottom: calc(var(--s) * 24);
  }
  .news-list__category li {
    width: calc((100% - var(--s) * 7) / 2);
  }
  .news-list__category li .label {
    min-width: unset;
    width: 100%;
  }
  .news-list__category li .label a {
    height: calc(var(--f) * 45);
    padding-right: 0.8em;
    padding-left: 0.8em;
  }
  .news-list__box {
    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;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    padding: calc(var(--f) * 12) 0;
  }
  .news-list__box .date {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin: 0.5em 0.5em 0 0;
    font-size: calc(var(--f) * 12);
  }
  .news-list__box .cate {
    position: relative;
    top: calc(var(--f) * 4);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    padding: 0 1em;
    margin: 0 calc(var(--f) * 15) 0 0;
    font-size: calc(var(--f) * 12);
  }
  .news-list__box .title {
    width: 100%;
    font-size: calc(var(--f) * 14);
  }
}

.page-nav {
  margin-bottom: calc(var(--f) * 75);
}
.renewal-detail__intro + .page-nav {
  margin-top: calc(var(--f) * 75);
}
.page-nav__title {
  margin: 0 0 calc(var(--f) * 16);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  font-weight: 700;
}
.page-nav__link li {
  margin: 0 0 calc(var(--f) * 10);
}
.page-nav__link li:last-child {
  margin-bottom: 0;
}
.page-nav__link 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;
  width: 100%;
  min-height: calc(var(--f) * 67);
  padding: calc(var(--f) * 10) calc(var(--f) * 24) calc(var(--f) * 10) calc(var(--f) * 68);
  line-height: 1.5;
  background: rgba(29, 133, 248, 0.1) url(../img/_common/ico/arrow-navy-down.svg) left calc(var(--f) * 25) center/calc(var(--f) * 25) auto no-repeat;
}
.page-nav__notice {
  margin: calc(var(--f) * 36) 0 0;
}
.page-nav__notice strong {
  color: #344D9F;
  font-weight: 700;
}
.page-nav__notice__title {
  margin-bottom: calc(var(--f) * 8) !important;
  font-size: calc(var(--f) * 20) !important;
  font-weight: 700;
}
.page-nav__notice__inner {
  padding: calc(var(--f) * 40) calc(var(--f) * 50);
  border: 1px solid #344D9F;
  border-radius: calc(var(--f) * 15);
  background: #E9EDF5;
}
.page-nav__notice__inner a {
  color: #344D9F;
  text-decoration: underline;
}
.page-nav__notice__inner .ul {
  margin: 0 0 calc(var(--s) * 34);
}
.page-nav__notice__inner .ul:last-child {
  margin-bottom: 0;
}
.page-nav__notice__inner .ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.page-nav__notice__inner .ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.page-nav__notice__inner .ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .page-nav__notice__inner .ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .page-nav__notice__inner .ul {
    padding: 0;
  }
}
.page-nav__notice__inner .ul {
  margin: calc(var(--f) * 32) 0 0;
}
.page-nav__notice__inner .ul h4 {
  font-weight: 700;
}
@media screen and (min-width: 960.02px) {
  .page-nav {
    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;
  }
  .page-nav__box {
    width: calc((100% - var(--s) * 40) / 2);
  }
  .page-nav__notice {
    width: 100%;
  }
  .page-nav__notice__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .page-nav__notice__inner p {
    width: 100%;
  }
  .page-nav__notice__inner .ul {
    padding-left: 0;
  }
}
@media screen and (max-width: 960px) {
  .page-nav__box {
    margin-bottom: calc(var(--s) * 50);
  }
  .page-nav__box:last-child {
    margin-bottom: 0;
  }
  .page-nav__title {
    margin-bottom: calc(var(--f) * 8);
    font-size: calc(var(--f) * 16);
  }
  .page-nav__link a {
    min-height: calc(var(--f) * 50);
    font-size: calc(var(--f) * 14);
  }
  .page-nav__notice__inner {
    padding: calc(var(--f) * 20);
    font-size: calc(var(--f) * 14);
  }
}

.pagenation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: calc(var(--s) * 46) 0;
}
.pagenation .page-numbers {
  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) * 26);
  height: calc(var(--f) * 26);
  padding: 0 0 0.1em 0.075em;
  margin: 0.5em;
  font-size: calc(var(--f) * 16);
  border-radius: 999px;
}
.pagenation .page-numbers.current {
  color: #fff;
  font-weight: 700;
  background: #344D9F;
}
.pagenation .page-numbers.dots {
  margin-right: 0;
  margin-left: 0;
}
.philosophy-detail {
  position: relative;
  padding: calc(var(--s) * 124) 0 calc(var(--s) * 150);
}
.philosophy-detail__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.philosophy-detail__text {
  margin: 0 0 calc(var(--f) * 50);
}
.philosophy-detail__text h3 {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.philosophy-detail__text h3::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.philosophy-detail__text h3 b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.philosophy-detail__text h3 small {
  display: block;
  font-size: 0.8em;
}
.philosophy-detail__text h3 .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.philosophy-detail__text h3 .catch::before, .philosophy-detail__text h3 .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.philosophy-detail__text h3 .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.philosophy-detail__text h3 .catch b {
  font-size: 1.5em;
}
.philosophy-detail__text h3 .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.philosophy-detail__text h3 .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.philosophy-detail__text h3 .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.philosophy-detail__text h3 .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .philosophy-detail__text h3 {
    font-size: calc(var(--f) * 20);
  }
}
.philosophy-detail__text h3 {
  margin-bottom: calc(var(--f) * 20);
}
.philosophy-detail__text p {
  margin: 0 0 calc(var(--f) * 50);
}
.philosophy-detail__text p:last-child {
  margin-bottom: 0;
}
.philosophy-detail__illust img {
  display: block;
  width: 100%;
}
.philosophy-detail__more .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.philosophy-detail__more .btn .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.philosophy-detail__more .btn .label:hover {
  opacity: 0.7;
}
.philosophy-detail__more .btn .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.philosophy-detail__more .btn .label a, .philosophy-detail__more .btn .label input, .philosophy-detail__more .btn .label button, .philosophy-detail__more .btn .label label, .philosophy-detail__more .btn .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .philosophy-detail__more .btn .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .philosophy-detail__more .btn .label a, .philosophy-detail__more .btn .label input, .philosophy-detail__more .btn .label button, .philosophy-detail__more .btn .label label, .philosophy-detail__more .btn .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.philosophy-detail__more .btn {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (min-width: 960.02px) {
  .philosophy-detail__container {
    position: relative;
    padding-right: calc(var(--s) * 540);
    min-height: calc(var(--s) * 500);
  }
  .philosophy-detail__illust {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: calc(var(--s) * 540);
  }
}
@media screen and (max-width: 960px) {
  .philosophy-detail {
    padding: calc(var(--s) * 75) 0;
  }
  .philosophy-detail__illust {
    margin-bottom: calc(var(--f) * 26);
  }
  .philosophy-detail__text {
    font-size: calc(var(--f) * 14);
    line-height: 1.5;
  }
  .philosophy-detail__text p {
    margin-bottom: calc(var(--f) * 40);
  }
  .philosophy-detail__more .btn {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.privacy-text {
  position: relative;
  padding: calc(var(--s) * 124) 0;
}
.privacy-text__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.privacy-text__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.privacy-text__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .privacy-text__head {
    font-size: calc(var(--f) * 24);
  }
  .privacy-text__head::after {
    width: calc(var(--f) * 45);
  }
}
.privacy-text__head {
  margin-bottom: calc(var(--f) * 48);
}
.privacy-text__about {
  margin-bottom: calc(var(--f) * 75);
}
.privacy-text__text {
  margin: 0 0 calc(var(--f) * 50);
}
.privacy-text__text h4 {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.privacy-text__text h4::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.privacy-text__text h4 b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.privacy-text__text h4 small {
  display: block;
  font-size: 0.8em;
}
.privacy-text__text h4 .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.privacy-text__text h4 .catch::before, .privacy-text__text h4 .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.privacy-text__text h4 .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.privacy-text__text h4 .catch b {
  font-size: 1.5em;
}
.privacy-text__text h4 .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.privacy-text__text h4 .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.privacy-text__text h4 .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.privacy-text__text h4 .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .privacy-text__text h4 {
    font-size: calc(var(--f) * 20);
  }
}
.privacy-text__text h4 {
  margin-top: calc(var(--s) * 80);
  margin-bottom: calc(var(--f) * 20);
}
.privacy-text__text h5 {
  margin: 0 0 0.25em;
  font-size: calc(var(--f) * 18);
  font-weight: 700;
}
.privacy-text__text h6 {
  margin: 0.5em 0 0.25em;
  font-weight: 700;
}
.privacy-text__text p {
  margin: 0 0 1.5em;
}
.privacy-text__text p strong {
  display: inline-block;
  margin: 0.25em 0 0;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  font-weight: 700;
}
.privacy-text__text a {
  color: #344D9F;
  text-decoration: underline;
}
.privacy-text__text ul {
  margin: 0 0 calc(var(--s) * 34);
}
.privacy-text__text ul:last-child {
  margin-bottom: 0;
}
.privacy-text__text ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.privacy-text__text ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.privacy-text__text ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .privacy-text__text ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .privacy-text__text ul {
    padding: 0;
  }
}
.privacy-text__text ol {
  counter-reset: item;
  padding: 0 calc(var(--s) * 56);
  margin: 0 0 calc(var(--s) * 34);
}
.privacy-text__text ol:last-child {
  margin-bottom: 0;
}
.privacy-text__text ol li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.privacy-text__text ol li::before {
  counter-increment: item;
  content: counter(item) ".";
  position: absolute;
  left: 0.35em;
  top: 0;
  color: #344D9F;
}
.privacy-text__text ol li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .privacy-text__text ol {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .privacy-text__text ol {
    padding: 0 0 0 calc(var(--f) * 20);
  }
}
.privacy-text__text .table table {
  width: 100%;
}
.privacy-text__text .table table th, .privacy-text__text .table table td {
  text-align: left;
}
.privacy-text__text .table table a {
  color: #344D9F;
  text-decoration: underline;
}
.privacy-text__text .table table thead th, .privacy-text__text .table table thead td {
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  white-space: nowrap;
  background: rgba(29, 133, 248, 0.1);
}
.privacy-text__text .table table tbody th, .privacy-text__text .table table tbody td {
  line-height: 1.625;
}
.privacy-text__text .table table tbody th {
  font-weight: 500;
}
.privacy-text__text .table table tbody tr.total th, .privacy-text__text .table table tbody tr.total td {
  background: rgba(51, 51, 51, 0.05);
}
.privacy-text__text .table table tbody:first-child {
  border-top: 1px solid rgba(52, 77, 159, 0.2);
}
.privacy-text__text .table .notice {
  margin: 0.25em 0 0;
  font-size: calc(var(--f) * 14);
  text-align: right;
}
@media screen and (min-width: 960.02px) {
  .privacy-text__text .table table thead th, .privacy-text__text .table table thead td {
    padding: 0.35em calc(var(--s) * 26);
  }
  .privacy-text__text .table table tbody th, .privacy-text__text .table table tbody td {
    padding: 1.5em 0 1.5em calc(var(--f) * 26);
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
}
@media screen and (max-width: 960px) {
  .privacy-text__text .table table {
    width: 100%;
  }
  .privacy-text__text .table table th, .privacy-text__text .table table td {
    display: block;
    width: 100%;
    font-size: calc(var(--f) * 14);
  }
  .privacy-text__text .table table thead th, .privacy-text__text .table table thead td {
    padding: calc(var(--f) * 10) 0;
    font-size: calc(var(--f) * 14);
    text-align: center;
  }
  .privacy-text__text .table table tbody th:first-child, .privacy-text__text .table table tbody td:first-child {
    padding: 1.5em 0 0.5em;
  }
  .privacy-text__text .table table tbody th:last-child, .privacy-text__text .table table tbody td:last-child {
    padding: 0 0 1.5em;
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
}
.privacy-text__text .table table tbody tr th {
  font-weight: 500;
}
.privacy-text__text .table strong {
  display: inline-block;
  margin: 1em 0 0.25em;
  color: #344D9F;
  font-weight: 700;
}
@media screen and (max-width: 960px) {
  .privacy-text {
    padding: calc(var(--s) * 60) 0;
  }
  .privacy-text__head {
    margin-bottom: calc(var(--f) * 32);
  }
  .privacy-text__about {
    margin-bottom: calc(var(--s) * 75);
    font-size: calc(var(--f) * 14);
    line-height: 1.7;
  }
  .privacy-text__text {
    margin-bottom: 0;
    font-size: calc(var(--f) * 14);
    line-height: 1.7;
  }
  .privacy-text__text h4 {
    margin-top: calc(var(--s) * 40);
    margin-bottom: calc(var(--f) * 10);
  }
  .privacy-text__text p strong {
    font-size: calc(var(--f) * 16);
  }
  .privacy-text__text .ul {
    margin: calc(var(--f) * 38) 0;
  }
  .privacy-text__text .more .label {
    width: calc(var(--f) * 280);
  }
}

.renewal-detail {
  position: relative;
  padding: calc(var(--s) * 150) 0 0;
}
.renewal-detail:first-child {
  padding-top: calc(var(--s) * 75);
}
.renewal-detail__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.renewal-detail__cycle {
  display: inline-block;
  padding: 0 1em 0.2em;
  margin: 0 0 calc(var(--f) * 27);
  border: 1px solid #344D9F;
  border-radius: calc(var(--f) * 15);
  color: #344D9F;
  font-size: calc(var(--f) * 24);
  line-height: 1.2;
  letter-spacing: 0.1em;
  font-weight: 500;
}
.renewal-detail__cycle b {
  font-size: 1.667em;
}
.renewal-detail__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.renewal-detail__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .renewal-detail__head {
    font-size: calc(var(--f) * 24);
  }
  .renewal-detail__head::after {
    width: calc(var(--f) * 45);
  }
}
.renewal-detail__head {
  margin-top: calc(var(--s) * 150);
}
.renewal-detail__head:first-child {
  margin-top: 0;
}
.renewal-detail__cycle + .renewal-detail__head {
  margin-top: 0;
}
.renewal-detail__intro .caution {
  font-size: calc(var(--f) * 24);
  font-weight: 500;
}
.renewal-detail__intro a {
  color: #344D9F;
  text-decoration: underline;
}
.renewal-detail__text {
  margin: calc(var(--f) * 50) 0 calc(var(--f) * 50);
}
.renewal-detail__text .title {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.renewal-detail__text .title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.renewal-detail__text .title b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.renewal-detail__text .title small {
  display: block;
  font-size: 0.8em;
}
.renewal-detail__text .title .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.renewal-detail__text .title .catch::before, .renewal-detail__text .title .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.renewal-detail__text .title .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.renewal-detail__text .title .catch b {
  font-size: 1.5em;
}
.renewal-detail__text .title .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.renewal-detail__text .title .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.renewal-detail__text .title .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.renewal-detail__text .title .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .renewal-detail__text .title {
    font-size: calc(var(--f) * 20);
  }
}
.renewal-detail__text .title {
  margin-bottom: calc(var(--f) * 20);
  margin-top: calc(var(--s) * 100);
}
.renewal-detail__text .sub-title {
  margin: calc(var(--f) * 54) 0 calc(var(--f) * 12);
  font-weight: 500;
}
.renewal-detail__text .sub-title-navy {
  margin: calc(var(--f) * 58) 0 calc(var(--f) * 16);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.5;
  font-weight: 700;
}
.renewal-detail__text .sub-title-navy small {
  color: #333;
}
.renewal-detail__text p {
  margin: 0 0 calc(var(--s) * 30);
}
.renewal-detail__text p b {
  font-weight: 500;
}
.renewal-detail__text p a.outlink {
  display: inline-block;
  padding: 0 1.5em 0 0;
  margin: 0 calc(var(--f) * 12) 0 0;
  color: #344D9F;
  text-decoration: underline;
  background: url(../img/_common/ico/outlink-navy.svg) right center/1em auto no-repeat;
}
.renewal-detail__text .ul {
  margin: 0 0 calc(var(--s) * 34);
}
.renewal-detail__text .ul:last-child {
  margin-bottom: 0;
}
.renewal-detail__text .ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.renewal-detail__text .ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.renewal-detail__text .ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .renewal-detail__text .ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .renewal-detail__text .ul {
    padding: 0;
  }
}
.renewal-detail__text .ul {
  margin: 0 0 calc(var(--s) * 30);
}
.renewal-detail__text .ul strong {
  color: #344D9F;
  font-weight: 700;
}
.renewal-detail__text .ul strong .large {
  font-size: calc(var(--f) * 20);
}
.renewal-detail__text .ul ul {
  margin-bottom: 0;
}
.renewal-detail__text .scroll-table table {
  width: 100%;
}
.renewal-detail__text .scroll-table table th, .renewal-detail__text .scroll-table table td {
  text-align: left;
}
.renewal-detail__text .scroll-table table a {
  color: #344D9F;
  text-decoration: underline;
}
.renewal-detail__text .scroll-table table thead th, .renewal-detail__text .scroll-table table thead td {
  padding: 0.35em calc(var(--s) * 26);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  white-space: nowrap;
  background: rgba(29, 133, 248, 0.1);
}
.renewal-detail__text .scroll-table table tbody th, .renewal-detail__text .scroll-table table tbody td {
  padding: 1.5em 0 1.5em calc(var(--f) * 26);
  line-height: 1.625;
  border-bottom: 1px solid rgba(52, 77, 159, 0.2);
}
.renewal-detail__text .scroll-table table tbody th {
  font-weight: 500;
}
.renewal-detail__text .scroll-table table tbody tr.total th, .renewal-detail__text .scroll-table table tbody tr.total td {
  background: rgba(51, 51, 51, 0.05);
}
@media screen and (max-width: 960px) {
  .renewal-detail__text .scroll-table table thead th, .renewal-detail__text .scroll-table table thead td {
    font-size: calc(var(--f) * 16);
  }
  .renewal-detail__text .scroll-table table tbody th, .renewal-detail__text .scroll-table table tbody td {
    font-size: calc(var(--f) * 14);
  }
}
.renewal-detail__text .scroll-table {
  margin: 0 0 calc(var(--s) * 30);
}
.renewal-detail__text .table {
  margin: 0 0 calc(var(--s) * 30);
}
.renewal-detail__text .table table {
  width: 100%;
}
.renewal-detail__text .table table thead th, .renewal-detail__text .table table thead td {
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  white-space: nowrap;
  background: rgba(29, 133, 248, 0.1);
}
.renewal-detail__text .table table tbody th {
  font-weight: 500;
  white-space: nowrap;
}
.renewal-detail__text .table table tbody th ul li {
  position: relative;
  padding: 0 0 0 1em;
  margin: 0.25em 0 0.4em;
  line-height: 1.5;
}
.renewal-detail__text .table table tbody th ul li::before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 1em;
  text-align: center;
}
.renewal-detail__text .table table tbody td {
  vertical-align: middle;
}
.renewal-detail__text .table table tbody td ol {
  counter-reset: item;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(var(--f) * 12) 0;
  padding-top: 0.5em;
}
.renewal-detail__text .table table tbody td ol > li {
  position: relative;
  width: 100%;
  padding: 0 0 0 calc(var(--f) * 26);
  line-height: 1.5;
}
.renewal-detail__text .table table tbody td ol > li::before {
  counter-increment: item;
  content: counter(item) ".";
  position: absolute;
  left: 0;
  top: 0;
}
.renewal-detail__text .table table tbody td .pdf {
  display: inline-block;
  min-height: calc(var(--f) * 30);
  padding: calc(var(--f) * 3) 0 calc(var(--f) * 3) 0;
  color: #333;
  text-decoration: underline;
  text-align: left;
}
.renewal-detail__text .table table tbody td .pdf::after {
  content: "";
  position: relative;
  top: calc(var(--f) * -3);
  display: inline-block;
  width: calc(var(--f) * 30);
  height: calc(var(--f) * 30);
  margin-left: calc(var(--f) * 6);
  vertical-align: middle;
  background: url(../img/_common/ico/pdf-red.svg) right center/contain no-repeat;
}
.renewal-detail__text .table table tbody td .pdf {
  margin-top: calc(var(--f) * 32);
}
.renewal-detail__text .table table tbody:first-child {
  border-top: 1px solid rgba(52, 77, 159, 0.2);
}
.renewal-detail__text h4 + .table {
  margin-top: calc(var(--f) * 34);
}
.renewal-detail__text .basic-table table {
  width: 100%;
}
.renewal-detail__text .basic-table table th, .renewal-detail__text .basic-table table td {
  text-align: left;
}
.renewal-detail__text .basic-table table a {
  color: #344D9F;
  text-decoration: underline;
}
.renewal-detail__text .basic-table table thead th, .renewal-detail__text .basic-table table thead td {
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  white-space: nowrap;
  background: rgba(29, 133, 248, 0.1);
}
.renewal-detail__text .basic-table table tbody th, .renewal-detail__text .basic-table table tbody td {
  line-height: 1.625;
}
.renewal-detail__text .basic-table table tbody th {
  font-weight: 500;
}
.renewal-detail__text .basic-table table tbody tr.total th, .renewal-detail__text .basic-table table tbody tr.total td {
  background: rgba(51, 51, 51, 0.05);
}
.renewal-detail__text .basic-table table tbody:first-child {
  border-top: 1px solid rgba(52, 77, 159, 0.2);
}
.renewal-detail__text .basic-table .notice {
  margin: 0.25em 0 0;
  font-size: calc(var(--f) * 14);
  text-align: right;
}
@media screen and (min-width: 960.02px) {
  .renewal-detail__text .basic-table table thead th, .renewal-detail__text .basic-table table thead td {
    padding: 0.35em calc(var(--s) * 26);
  }
  .renewal-detail__text .basic-table table tbody th, .renewal-detail__text .basic-table table tbody td {
    padding: 1.5em 0 1.5em calc(var(--f) * 26);
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
}
@media screen and (max-width: 960px) {
  .renewal-detail__text .basic-table table {
    width: 100%;
  }
  .renewal-detail__text .basic-table table th, .renewal-detail__text .basic-table table td {
    display: block;
    width: 100%;
    font-size: calc(var(--f) * 14);
  }
  .renewal-detail__text .basic-table table thead th, .renewal-detail__text .basic-table table thead td {
    padding: calc(var(--f) * 10) 0;
    font-size: calc(var(--f) * 14);
    text-align: center;
  }
  .renewal-detail__text .basic-table table tbody th:first-child, .renewal-detail__text .basic-table table tbody td:first-child {
    padding: 1.5em 0 0.5em;
  }
  .renewal-detail__text .basic-table table tbody th:last-child, .renewal-detail__text .basic-table table tbody td:last-child {
    padding: 0 0 1.5em;
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
}
.renewal-detail__text .basic-table {
  margin-top: calc(var(--s) * 145);
}
.renewal-detail__text .basic-table table {
  margin-bottom: calc(var(--s) * 100);
}
.renewal-detail__text .basic-table table:last-child {
  margin-bottom: 0;
}
.renewal-detail__text .table-scroll table {
  width: 100%;
}
.renewal-detail__text .table-scroll table th, .renewal-detail__text .table-scroll table td {
  text-align: left;
}
.renewal-detail__text .table-scroll table a {
  color: #344D9F;
  text-decoration: underline;
}
.renewal-detail__text .table-scroll table thead th, .renewal-detail__text .table-scroll table thead td {
  padding: 0.35em calc(var(--s) * 26);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  white-space: nowrap;
  background: rgba(29, 133, 248, 0.1);
}
.renewal-detail__text .table-scroll table tbody th, .renewal-detail__text .table-scroll table tbody td {
  padding: 1.5em 0 1.5em calc(var(--f) * 26);
  line-height: 1.625;
  border-bottom: 1px solid rgba(52, 77, 159, 0.2);
}
.renewal-detail__text .table-scroll table tbody th {
  font-weight: 500;
}
.renewal-detail__text .table-scroll table tbody tr.total th, .renewal-detail__text .table-scroll table tbody tr.total td {
  background: rgba(51, 51, 51, 0.05);
}
@media screen and (max-width: 960px) {
  .renewal-detail__text .table-scroll table thead th, .renewal-detail__text .table-scroll table thead td {
    font-size: calc(var(--f) * 16);
  }
  .renewal-detail__text .table-scroll table tbody th, .renewal-detail__text .table-scroll table tbody td {
    font-size: calc(var(--f) * 14);
  }
}
.renewal-detail__text .table-circle table th::before {
  content: "●";
  color: #344D9F;
}
@media screen and (min-width: 960.02px) {
  .renewal-detail__text .table-circle table th {
    padding: 0 1em 0 0;
  }
}
.renewal-detail__text .table-circle {
  margin: 0 0 calc(var(--f) * 30);
}
.renewal-detail__text .notice {
  margin-top: calc(var(--f) * 20);
}
.renewal-detail__text .notice ul li {
  position: relative;
  padding: 0 0 0 1em;
}
.renewal-detail__text .notice ul li::before {
  content: "※";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 1em;
  text-align: center;
}
.renewal-detail__text .step-index {
  letter-spacing: 0;
}
.renewal-detail__text .step-index .step-index__result {
  padding: calc(var(--f) * 20) calc(var(--f) * 16);
  margin: 0 0 calc(var(--f) * 12);
  border: 1px solid #344D9F;
  border-radius: calc(var(--f) * 30);
}
.renewal-detail__text .step-index .step-index__result dt {
  color: #344D9F;
  font-weight: 700;
}
.renewal-detail__text .step-index .step-index__result dd {
  font-weight: 500;
}
.renewal-detail__text .step-index .step-index__title {
  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;
  gap: calc(var(--f) * 16);
  min-height: calc(var(--f) * 50);
  padding: 0 calc(var(--f) * 26);
  margin: 0 0 calc(var(--f) * 26);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  background: rgba(29, 133, 248, 0.1);
}
@media screen and (max-width: 960px) {
  .renewal-detail__text .step-index .step-index__title {
    min-height: calc(var(--f) * 40);
    font-size: calc(var(--f) * 14);
  }
}
.renewal-detail__text .step-index .step-index__title {
  margin: 0 0 calc(var(--f) * 24);
}
.renewal-detail__text .step-index .step-index__item {
  position: relative;
  padding: calc(var(--f) * 12) calc(var(--f) * 18) calc(var(--f) * 20);
  border: 1px solid #344D9F;
  border-radius: calc(var(--f) * 30);
  background: #E9EDF5;
}
.renewal-detail__text .step-index .step-index__item .step-index__count {
  position: relative;
  display: inline-block;
  padding: 0 0.4em 0.4em 0;
  margin: 0 0 calc(var(--f) * 10);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1;
  font-weight: 700;
}
.renewal-detail__text .step-index .step-index__item .step-index__count b {
  margin-left: 0.15em;
  font-size: 1.6em;
}
.renewal-detail__text .step-index .step-index__item .step-index__count::after {
  content: "";
  position: absolute;
  left: calc(var(--f) * -18);
  bottom: 0;
  display: block;
  width: calc(100% + var(--f) * 18);
  height: 1px;
  background: #344D9F;
}
.renewal-detail__text .step-index .step-index__item .step-index__sub-title {
  color: #344D9F;
  line-height: 1.5;
  font-weight: 700;
}
.renewal-detail__text .step-index .step-index__item .step-index__sub-title small {
  display: block;
  color: #333;
  font-size: calc(var(--f) * 14);
  font-weight: 400;
  letter-spacing: -0.05em;
}
.renewal-detail__text .step-index .step-index__item .step-index__text p {
  margin: 0 0 0.5em;
  line-height: 1.5;
  font-weight: 700;
}
.renewal-detail__text .step-index .step-index__item .step-index__text small {
  font-size: calc(var(--f) * 14);
}
.renewal-detail__text .step-index .step-index__item .step-index__case {
  position: relative;
  display: block;
  padding: calc(var(--f) * 15) 0 calc(var(--f) * 10);
  margin: calc(var(--f) * -12) calc(var(--f) * -18) calc(var(--f) * 10);
  color: #fff;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  background: #344D9F;
  border-radius: calc(var(--f) * 28) calc(var(--f) * 28) 0 0;
}
.renewal-detail__text .step-index .step-index__notice p {
  margin: 0.5em 0 0;
  line-height: 1.5;
}
.renewal-detail__text .step-index .step-index__item--result {
  background: #fff;
}
.renewal-detail__text .step-index .step-index__item--result .step-index__count {
  padding-top: 0.5em;
  font-size: calc(var(--f) * 24);
}
.renewal-detail__text .step-index .step-index__item--result .step-index__count::after {
  display: none;
}
@media screen and (min-width: 960.02px) {
  .renewal-detail__text .step-index .step-index__result {
    width: calc((100% - var(--s) * 181) / 5);
  }
  .renewal-detail__text .step-index .step-index__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: calc(var(--s) * 34) 0;
  }
  .renewal-detail__text .step-index .step-index__item {
    width: calc((100% - var(--s) * 181) / 5);
    margin-right: calc(var(--s) * 45);
  }
  .renewal-detail__text .step-index .step-index__item::after {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    width: calc(var(--s) * 45);
    height: calc(var(--s) * 45);
    margin: auto 0;
    background: url(../img/certification/flow-arrow.svg) center/contain no-repeat;
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .renewal-detail__text .step-index .step-index__item:nth-child(5n+1) {
    margin-left: calc(var(--s) * 40);
  }
  .renewal-detail__text .step-index .step-index__item:first-child {
    margin-left: 0;
  }
  .renewal-detail__text .step-index .step-index__item:first-child::after {
    display: none;
  }
  .renewal-detail__text .step-index .step-index__item .step-index__sub-title {
    min-height: 3.8em;
  }
  .renewal-detail__text .step-index .step-index__item .step-index__arrow {
    position: absolute;
    left: calc(var(--s) * -34);
    top: calc(var(--f) * -41);
    display: block;
    width: calc(100% + var(--s) * 71);
    height: calc(var(--s) * 45);
    background: url(../img/certification/flow-arrow-right.svg) right center/contain no-repeat;
  }
  .renewal-detail__text .step-index .step-index__item .step-index__arrow::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    display: block;
    width: calc(100% - var(--s) * 10);
    height: calc(var(--f) * 5);
    margin: auto 0;
    background: #1D85F8;
    border-radius: 999px;
  }
  .renewal-detail__text .step-index .step-index__item:nth-child(5) {
    margin-right: 0;
  }
  .renewal-detail__text .step-index .step-index__item--before {
    margin-top: calc(var(--f) * 75);
  }
  .renewal-detail__text .step-index .step-index__item--before + .step-index__item::after {
    -webkit-transform: translateY(calc(var(--s) * 37)) rotate(-90deg);
            transform: translateY(calc(var(--s) * 37)) rotate(-90deg);
  }
  .renewal-detail__text .step-index--10cell .step-index__item:nth-child(5) .step-index__arrow {
    top: calc(var(--f) * -50);
    width: calc(100% + var(--s) * 33);
  }
  .renewal-detail__text .step-index--10cell .step-index__item:nth-child(6) {
    margin-left: calc(var(--s) * 32);
  }
  .renewal-detail__text .step-index--10cell .step-index__item:nth-child(6)::before {
    content: "";
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    width: calc(var(--s) * 45);
    height: calc(var(--s) * 45);
    margin: auto 0;
    background: url(../img/certification/flow-arrow.svg) center/contain no-repeat;
    -webkit-transform: translateY(calc(var(--s) * -37)) rotate(-90deg);
            transform: translateY(calc(var(--s) * -37)) rotate(-90deg);
  }
  .renewal-detail__text .step-index--10cell .step-index__item:nth-child(6), .renewal-detail__text .step-index--10cell .step-index__item:nth-child(7), .renewal-detail__text .step-index--10cell .step-index__item:nth-child(8), .renewal-detail__text .step-index--10cell .step-index__item:nth-child(9), .renewal-detail__text .step-index--10cell .step-index__item:nth-child(10) {
    width: calc((100% - var(--s) * 180) / 5);
    margin-right: calc(var(--s) * 35);
  }
  .renewal-detail__text .step-index--10cell .step-index__item:nth-child(10) {
    margin-right: 0;
  }
  .renewal-detail__text .step-index--10cell .step-index__item:nth-child(7)::after, .renewal-detail__text .step-index--10cell .step-index__item:nth-child(8)::after, .renewal-detail__text .step-index--10cell .step-index__item:nth-child(9)::after, .renewal-detail__text .step-index--10cell .step-index__item:nth-child(10)::after {
    right: calc(100% - var(--s) * 5);
  }
}
@media screen and (max-width: 960px) {
  .renewal-detail__text .step-index .step-index__item {
    margin: 0 0 calc(var(--f) * 33);
    border-radius: calc(var(--f) * 20);
  }
  .renewal-detail__text .step-index .step-index__item::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    display: block;
    width: 100%;
    height: calc(var(--f) * 33);
    background: url(../img/certification/flow-arrow.svg) center/auto calc(var(--f) * 20) no-repeat;
  }
  .renewal-detail__text .step-index .step-index__item:last-child {
    margin-bottom: 0;
  }
  .renewal-detail__text .step-index .step-index__item:last-child::after {
    display: none;
  }
  .renewal-detail__text .step-index .step-index__item .step-index__count {
    font-size: calc(var(--f) * 16);
  }
  .renewal-detail__text .step-index .step-index__item .step-index__sub-title {
    margin: 0 0 0.5em;
    font-size: calc(var(--f) * 16);
  }
  .renewal-detail__text .step-index .step-index__item .step-index__text p {
    font-size: calc(var(--f) * 14);
  }
  .renewal-detail__text .step-index .step-index__item .step-index__case {
    padding: calc(var(--f) * 10) 0;
    border-radius: calc(var(--f) * 18) calc(var(--f) * 18) 0 0;
  }
  .renewal-detail__text .step-index .step-index__item .step-index__arrow {
    position: absolute;
    right: calc(var(--f) * -59);
    top: calc(var(--f) * -28);
    display: block;
    width: calc(var(--f) * 30);
    height: calc(100% + var(--f) * 54);
    background: url(../img/certification/flow-arrow.svg) center bottom/auto calc(var(--f) * 20) no-repeat;
  }
  .renewal-detail__text .step-index .step-index__item .step-index__arrow::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    display: block;
    width: calc(var(--f) * 5);
    height: calc(100% - var(--f) * 10);
    margin: 0 auto;
    background: #1D85F8;
    border-radius: 999px;
  }
  .renewal-detail__text .step-index .step-index__item--before {
    margin-right: calc(var(--s) * 85);
  }
  .renewal-detail__text .step-index .step-index__item--result .step-index__count {
    font-size: calc(var(--f) * 24);
  }
}
.renewal-detail__text .step-index {
  margin: calc(var(--f) * 34) 0 calc(var(--s) * 95);
}
.renewal-detail__text .table + .step-index {
  margin-top: calc(var(--s) * 150);
}
.renewal-detail__text .step-detail .step-detail__item {
  position: relative;
  overflow: hidden;
  margin: 0 0 calc(var(--f) * 25);
  border: 1px solid #344D9F;
  border-radius: calc(var(--f) * 15);
}
.renewal-detail__text .step-detail .step-detail__item:last-child {
  margin-bottom: 0;
}
.renewal-detail__text .step-detail .step-detail__item input {
  display: none;
}
.renewal-detail__text .step-detail .step-detail__item label {
  position: relative;
  cursor: pointer;
  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;
  padding: calc(var(--f) * 10) calc(var(--s) * 74);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  background: #E9EDF5;
}
.renewal-detail__text .step-detail .step-detail__item label i {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--s) * 24);
  display: block;
  width: calc(var(--f) * 26);
  height: calc(var(--f) * 26);
  margin: auto 0;
  border: 1px solid #344D9F;
  border-radius: 999px;
  background: #fff;
}
.renewal-detail__text .step-detail .step-detail__item label i::before, .renewal-detail__text .step-detail .step-detail__item label i::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 50%;
  height: 1px;
  margin: auto;
  background: #344D9F;
}
.renewal-detail__text .step-detail .step-detail__item label i::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.renewal-detail__text .step-detail .step-detail__item label .season {
  font-size: 0.8em;
}
.renewal-detail__text .step-detail .step-detail__item label .step-detail__count {
  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;
  padding: 0.15em 0 0;
}
.renewal-detail__text .step-detail .step-detail__item label .step-detail__count b {
  position: relative;
  top: -0.2em;
  margin-left: 0.15em;
  margin-right: 0.1em;
  font-size: 1.6em;
}
.renewal-detail__text .step-detail .step-detail__item label .step-detail__count::after {
  content: "";
  position: relative;
  top: -0.2em;
  display: block;
  width: 1px;
  height: 1.5em;
  margin: 0 1.75em 0 1.25em;
  background: #344D9F;
}
.renewal-detail__text .step-detail .step-detail__item label .step-detail__title--small {
  font-size: calc(var(--f) * 16);
  font-weight: 500;
}
.renewal-detail__text .step-detail .step-detail__item label:hover {
  color: rgba(52, 77, 159, 0.5);
}
.renewal-detail__text .step-detail .step-detail__item input:checked + label i::after {
  display: none;
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__text {
  position: relative;
  height: calc(var(--f) * 50);
  padding: calc(var(--f) * 8) calc(var(--f) * 50) calc(var(--f) * 36) !important;
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: calc(var(--f) * 30);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(rgba(255, 255, 255, 0), white);
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__text a {
  color: #344D9F;
  text-decoration: underline;
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__text p {
  margin: 0 0 2.2em;
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__text p strong {
  color: #344D9F;
  font-weight: 700;
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__text p strong .large {
  font-size: calc(var(--f) * 20);
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__text p .pdf {
  display: inline-block;
  min-height: calc(var(--f) * 30);
  padding: calc(var(--f) * 3) 0 calc(var(--f) * 3) 0;
  color: #333;
  text-decoration: underline;
  text-align: left;
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__text p .pdf::after {
  content: "";
  position: relative;
  top: calc(var(--f) * -3);
  display: inline-block;
  width: calc(var(--f) * 30);
  height: calc(var(--f) * 30);
  margin-left: calc(var(--f) * 6);
  vertical-align: middle;
  background: url(../img/_common/ico/pdf-red.svg) right center/contain no-repeat;
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__text p .pdf {
  margin-left: 2.5em;
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__text p:last-child {
  margin-bottom: 0;
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__text .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__text .btn .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__text .btn .label:hover {
  opacity: 0.7;
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__text .btn .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__text .btn .label a, .renewal-detail__text .step-detail .step-detail__item .step-detail__text .btn .label input, .renewal-detail__text .step-detail .step-detail__item .step-detail__text .btn .label button, .renewal-detail__text .step-detail .step-detail__item .step-detail__text .btn .label label, .renewal-detail__text .step-detail .step-detail__item .step-detail__text .btn .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .renewal-detail__text .step-detail .step-detail__item .step-detail__text .btn .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .renewal-detail__text .step-detail .step-detail__item .step-detail__text .btn .label a, .renewal-detail__text .step-detail .step-detail__item .step-detail__text .btn .label input, .renewal-detail__text .step-detail .step-detail__item .step-detail__text .btn .label button, .renewal-detail__text .step-detail .step-detail__item .step-detail__text .btn .label label, .renewal-detail__text .step-detail .step-detail__item .step-detail__text .btn .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__text .btn {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__text .table table thead th, .renewal-detail__text .step-detail .step-detail__item .step-detail__text .table table thead td {
  text-align: center;
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__text .table table tbody th, .renewal-detail__text .step-detail .step-detail__item .step-detail__text .table table tbody td {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__text .table table tbody tr.bottom-line-dark th, .renewal-detail__text .step-detail .step-detail__item .step-detail__text .table table tbody tr.bottom-line-dark td {
  border-bottom-color: rgba(52, 77, 159, 0.5);
}
.renewal-detail__text .step-detail .step-detail__item input:checked + label + .step-detail__text {
  height: unset;
}
.renewal-detail__text .step-detail .step-detail__item input:checked + label + .step-detail__text::after {
  display: none;
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__close .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__close .label:hover {
  opacity: 0.7;
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__close .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__close .label a, .renewal-detail__text .step-detail .step-detail__item .step-detail__close .label input, .renewal-detail__text .step-detail .step-detail__item .step-detail__close .label button, .renewal-detail__text .step-detail .step-detail__item .step-detail__close .label label, .renewal-detail__text .step-detail .step-detail__item .step-detail__close .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .renewal-detail__text .step-detail .step-detail__item .step-detail__close .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .renewal-detail__text .step-detail .step-detail__item .step-detail__close .label a, .renewal-detail__text .step-detail .step-detail__item .step-detail__close .label input, .renewal-detail__text .step-detail .step-detail__item .step-detail__close .label button, .renewal-detail__text .step-detail .step-detail__item .step-detail__close .label label, .renewal-detail__text .step-detail .step-detail__item .step-detail__close .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__close .label {
  display: inline-block;
  background: #fff url(../img/_common/ico/close-navy.svg) left calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
  border-color: #CCD2E7;
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__close .label a, .renewal-detail__text .step-detail .step-detail__item .step-detail__close .label input, .renewal-detail__text .step-detail .step-detail__item .step-detail__close .label button, .renewal-detail__text .step-detail .step-detail__item .step-detail__close .label label, .renewal-detail__text .step-detail .step-detail__item .step-detail__close .label span {
  min-width: unset;
  padding: 0 calc(var(--f) * 32) 0 calc(var(--f) * 72);
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__close {
  display: none;
  width: 100%;
  margin: 0 0 calc(var(--s) * 50);
  text-align: center;
}
.renewal-detail__text .step-detail .step-detail__item .step-detail__close .label {
  min-width: unset;
  width: calc(var(--f) * 150);
  white-space: nowrap;
}
.renewal-detail__text .step-detail .step-detail__item input:checked + label + .step-detail__text + .step-detail__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 960.02px) {
  .renewal-detail__text .step-detail .step-detail__item .step-detail__text {
    padding: calc(var(--f) * 8) calc(var(--f) * 20) calc(var(--f) * 20);
  }
  .renewal-detail__text .step-detail .step-detail__item .step-detail__text p .pdf {
    margin-left: 2.5em;
  }
}
@media screen and (max-width: 960px) {
  .renewal-detail__text .step-detail .step-detail__item label {
    padding: calc(var(--f) * 10) calc(var(--s) * 20) calc(var(--f) * 10) calc(var(--s) * 48);
    font-size: calc(var(--f) * 14);
  }
  .renewal-detail__text .step-detail .step-detail__item label i {
    left: calc(var(--f) * 20);
    width: calc(var(--f) * 20);
    height: calc(var(--f) * 20);
  }
  .renewal-detail__text .step-detail .step-detail__item label .step-detail__count {
    font-size: calc(var(--f) * 14);
  }
  .renewal-detail__text .step-detail .step-detail__item label .step-detail__count::after {
    margin: 0 calc(var(--f) * 10);
  }
  .renewal-detail__text .step-detail .step-detail__item label.course-label {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: calc(var(--s) * 20);
  }
  .renewal-detail__text .step-detail .step-detail__item label.course-label i {
    position: absolute;
    top: calc(var(--f) * 12);
    margin: 0;
  }
  .renewal-detail__text .step-detail .step-detail__item label.course-label .step-detail__count {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    text-indent: calc(var(--s) * 28);
  }
  .renewal-detail__text .step-detail .step-detail__item label.course-label .step-detail__count::after {
    width: 100%;
    height: 1px;
    margin: calc(var(--f) * 12) 0 calc(var(--f) * 4);
  }
  .renewal-detail__text .step-detail .step-detail__item label.course-label .step-detail__title {
    width: 100%;
    font-size: calc(var(--f) * 14);
  }
  .renewal-detail__text .step-detail .step-detail__item .step-detail__text {
    padding: calc(var(--f) * 8) calc(var(--f) * 20) calc(var(--f) * 20) !important;
  }
  .renewal-detail__text .step-detail .step-detail__item .step-detail__text p .pdf {
    margin-top: 1em;
    margin-left: 0;
  }
}
.renewal-detail__text .step-detail {
  margin: calc(var(--f) * 34) 0 calc(var(--s) * 95);
}
.renewal-detail__text .step-detail + .sub-title-navy {
  margin-top: calc(var(--s) * -70);
}
.renewal-detail__text .accordion {
  margin: calc(var(--f) * 38) 0 0;
}
.renewal-detail__text .accordion input {
  display: none;
}
.renewal-detail__text .accordion label {
  position: relative;
  cursor: pointer;
  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;
  min-height: calc(var(--f) * 26);
  padding: 0 0 0 calc(var(--f) * 32);
  margin: 0 0 calc(var(--f) * 10);
  line-height: 1.5;
}
.renewal-detail__text .accordion label i {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 26);
  height: calc(var(--f) * 26);
  border: 1px solid #344D9F;
  border-radius: 999px;
}
.renewal-detail__text .accordion label i::before, .renewal-detail__text .accordion label i::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 50%;
  height: 1px;
  margin: auto;
  background: #344D9F;
}
.renewal-detail__text .accordion label i::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.renewal-detail__text .accordion input:checked + label i::after {
  display: none;
}
.renewal-detail__text .accordion .inner {
  display: none;
}
.renewal-detail__text .accordion input:checked + label + .inner {
  display: block;
  margin-bottom: calc(var(--s) * 120);
}
.renewal-detail__text .dl {
  border-top: 1px solid rgba(52, 77, 159, 0.2);
}
.renewal-detail__text .dl__box {
  position: relative;
  padding: calc(var(--f) * 32) 0;
  border-bottom: 1px solid rgba(52, 77, 159, 0.2);
}
.renewal-detail__text .dl__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #344D9F;
  font-size: calc(var(--f) * 24);
  font-weight: 700;
  background: #E9EDF5;
  border-radius: calc(var(--f) * 30);
}
.renewal-detail__text .dl__ul {
  margin: 0 0 calc(var(--s) * 34);
}
.renewal-detail__text .dl__ul:last-child {
  margin-bottom: 0;
}
.renewal-detail__text .dl__ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.renewal-detail__text .dl__ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.renewal-detail__text .dl__ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .renewal-detail__text .dl__ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .renewal-detail__text .dl__ul {
    padding: 0;
  }
}
.renewal-detail__text .dl__ul {
  margin-top: calc(var(--f) * 46);
}
.renewal-detail__text .dl__ul__sub {
  font-weight: 500;
}
.renewal-detail__text .illust {
  margin: calc(var(--s) * 64) 0 0;
}
.renewal-detail__text .illust img {
  display: block;
  width: 100%;
}
.renewal-detail__text .type-icons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(var(--f) * 13);
  width: 100%;
  margin: calc(var(--f) * 12) 0 0;
}
.renewal-detail__text .type-icons .type-icon {
  width: calc(var(--f) * 120);
  border-radius: calc(var(--f) * 15);
}
.renewal-detail__text .buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(var(--f) * 13) calc(var(--f) * 48);
  margin: calc(var(--f) * 28) 0 0;
}
@media screen and (min-width: 960.02px) {
  .renewal-detail__text .table thead th, .renewal-detail__text .table thead td {
    padding: 0.35em calc(var(--s) * 16);
  }
  .renewal-detail__text .table tbody th, .renewal-detail__text .table tbody td {
    padding: 1.5em 0 1.5em calc(var(--f) * 16);
    line-height: 2.5;
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
  .renewal-detail__text .table tbody th {
    padding-right: 2.5em;
  }
  .renewal-detail__text .basic-table table tbody th, .renewal-detail__text .basic-table table tbody td {
    padding-top: 2.1em;
    padding-bottom: 2.1em;
    vertical-align: middle;
  }
  .renewal-detail__text .ul {
    padding-right: 0;
    padding-left: 0;
  }
  .renewal-detail__text .dl__box {
    padding-left: calc(var(--s) * 250);
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
  .renewal-detail__text .dl__title {
    position: absolute;
    left: 0;
    top: calc(var(--f) * 32);
    width: calc(var(--s) * 202);
    height: calc(100% - var(--f) * 64);
  }
  .renewal-detail__text .dl__ul {
    padding-right: 0;
    padding-left: 0;
  }
  .renewal-detail__text .illust {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .renewal-detail__text .illust span {
    width: calc((100% - var(--s) * 30) / 2);
  }
}
@media screen and (max-width: 960px) {
  .renewal-detail {
    padding: 0;
    margin: calc(var(--s) * 60) 0;
  }
  .renewal-detail__cycle {
    margin-bottom: calc(var(--f) * 38);
    font-size: calc(var(--f) * 20);
  }
  .renewal-detail__text {
    margin: calc(var(--s) * 36) 0 0;
    font-size: calc(var(--f) * 14);
  }
  .renewal-detail__text .title {
    margin-top: calc(var(--s) * 50);
    margin-bottom: calc(var(--f) * 10);
  }
  .renewal-detail__text .sub-title-navy {
    font-size: calc(var(--f) * 18);
  }
  .renewal-detail__text .table table th, .renewal-detail__text .table table td {
    display: block;
    width: 100%;
  }
  .renewal-detail__text .table table thead th, .renewal-detail__text .table table thead td {
    padding: calc(var(--f) * 10);
    font-size: calc(var(--f) * 16);
    text-align: center;
  }
  .renewal-detail__text .table table tbody th {
    padding: calc(var(--f) * 30) 0 calc(var(--f) * 6);
  }
  .renewal-detail__text .table table tbody td {
    padding: 0 0 calc(var(--f) * 30);
    border-bottom: 1px solid rgba(52, 77, 159, 0.2);
  }
  .renewal-detail__text .table table tbody td:first-child {
    padding-top: calc(var(--f) * 30);
  }
  .renewal-detail__text .basic-table table {
    margin-bottom: calc(var(--s) * 60);
  }
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  .renewal-detail__text .scroll {
    position: relative;
  }
  .renewal-detail__text .scroll::before, .renewal-detail__text .scroll::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    width: calc(var(--f) * 25);
    height: calc(var(--f) * 25);
    background: url(../img/_common/ico/scroll-arrow.svg) center/contain no-repeat;
  }
  .renewal-detail__text .scroll::before {
    left: calc(var(--f) * -12.5);
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  .renewal-detail__text .scroll::after {
    right: calc(var(--f) * -12.5);
  }
  .renewal-detail__text .scroll__inner {
    position: relative;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 960px) {
  .renewal-detail__text .scroll__contents {
    width: calc(var(--f) * 560);
  }
  .renewal-detail__text .step-index {
    margin: calc(var(--f) * 34) 0 calc(var(--s) * 60);
  }
  .renewal-detail__text .step-detail {
    margin: calc(var(--f) * 34) 0 calc(var(--s) * 60);
  }
  .renewal-detail__text .step-detail + .sub-title-navy {
    margin-top: calc(var(--s) * -50);
  }
  .renewal-detail__text .dl__title {
    margin-bottom: calc(var(--f) * 12);
    font-size: calc(var(--f) * 20);
    border-radius: calc(var(--f) * 10);
  }
  .renewal-detail__text .dl__ul {
    padding-right: 0;
    padding-left: 0;
    margin-top: calc(var(--f) * 12);
  }
  .renewal-detail__text .illust span {
    display: block;
    margin-bottom: calc(var(--f) * 20);
  }
  .renewal-detail__text .illust span:last-child {
    margin-bottom: 0;
  }
  .renewal-detail__text .type-icons {
    gap: calc(var(--f) * 13);
  }
  .renewal-detail__text .type-icons .type-icon {
    width: calc((100% - var(--f) * 27) / 3);
  }
}

.renewal-intro {
  position: relative;
  padding: calc(var(--s) * 124) 0 calc(var(--s) * 75);
  background: rgba(52, 77, 159, 0.1);
}
.renewal-intro__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
  background: #fff;
  border-radius: calc(var(--f) * 50);
}
.renewal-intro__head {
  margin: 0 0 calc(var(--f) * 40);
  font-size: calc(var(--f) * 20);
  font-weight: 500;
}
.renewal-intro__head:last-child {
  margin-bottom: 0;
}
.renewal-intro__text > * {
  margin-bottom: calc(var(--f) * 40);
}
.renewal-intro__text > *:last-child {
  margin-bottom: 0;
}
.renewal-intro__text ul {
  margin: 0 0 calc(var(--s) * 34);
}
.renewal-intro__text ul:last-child {
  margin-bottom: 0;
}
.renewal-intro__text ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.renewal-intro__text ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.renewal-intro__text ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .renewal-intro__text ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .renewal-intro__text ul {
    padding: 0;
  }
}
.renewal-intro__text ul {
  padding: 0;
}
.renewal-intro__text .caution {
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  font-weight: 700;
}
@media screen and (min-width: 960.02px) {
  .renewal-intro__container {
    padding: calc(var(--s) * 56) calc(var(--s) * 100) calc(var(--s) * 68);
  }
}
@media screen and (max-width: 960px) {
  .renewal-intro {
    padding: calc(var(--s) * 75) 0 calc(var(--s) * 50);
  }
  .renewal-intro__container {
    padding: calc(var(--s) * 32) calc(var(--s) * 20) calc(var(--s) * 60);
    border-radius: calc(var(--f) * 30);
  }
  .renewal-intro__head {
    font-size: calc(var(--f) * 16);
  }
  .renewal-intro__text {
    font-size: calc(var(--f) * 14);
  }
  .renewal-intro__text ul {
    padding-left: 0;
  }
}

.safety2-about {
  position: relative;
  padding: calc(var(--s) * 124) 0 0;
}
.safety2-about__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.safety2-about__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.safety2-about__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .safety2-about__head {
    font-size: calc(var(--f) * 24);
  }
  .safety2-about__head::after {
    width: calc(var(--f) * 45);
  }
}
.safety2-about__head {
  margin-bottom: calc(var(--f) * 48);
  text-align: center;
}
.safety2-about__head::after {
  margin-right: auto;
  margin-left: auto;
}
.safety2-about__about {
  margin-bottom: calc(var(--f) * 152);
}
.safety2-about__text {
  margin: 0 0 calc(var(--f) * 50);
}
.safety2-about__text h4 {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.safety2-about__text h4::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.safety2-about__text h4 b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.safety2-about__text h4 small {
  display: block;
  font-size: 0.8em;
}
.safety2-about__text h4 .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.safety2-about__text h4 .catch::before, .safety2-about__text h4 .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.safety2-about__text h4 .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.safety2-about__text h4 .catch b {
  font-size: 1.5em;
}
.safety2-about__text h4 .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.safety2-about__text h4 .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.safety2-about__text h4 .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.safety2-about__text h4 .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .safety2-about__text h4 {
    font-size: calc(var(--f) * 20);
  }
}
.safety2-about__text h4 {
  margin-top: calc(var(--s) * 180);
  margin-bottom: calc(var(--f) * 20);
}
.safety2-about__text h4:first-child {
  margin-top: 0;
}
.safety2-about__text h4 small {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.safety2-about__text h4 small::before, .safety2-about__text h4 small::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.safety2-about__text h4 small::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.safety2-about__text h4 small b {
  font-size: 1.5em;
}
.safety2-about__text h4 small {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.safety2-about__text p {
  margin: 0 0 1.5em;
}
.safety2-about__text p strong {
  display: inline-block;
  margin: 0.25em 0 0;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  font-weight: 700;
}
.safety2-about__text p a {
  display: inline-block;
  color: #344D9F;
  text-align: left;
  text-decoration: underline;
}
.safety2-about__text .ul {
  margin: calc(var(--f) * 44) 0;
}
.safety2-about__text .ul ul {
  margin: 0 0 calc(var(--s) * 34);
}
.safety2-about__text .ul ul:last-child {
  margin-bottom: 0;
}
.safety2-about__text .ul ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.safety2-about__text .ul ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.safety2-about__text .ul ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .safety2-about__text .ul ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .safety2-about__text .ul ul {
    padding: 0;
  }
}
.safety2-about__text .ul ul {
  padding-right: 0;
  margin-bottom: 0;
}
.safety2-about__text .more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.safety2-about__text .more .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.safety2-about__text .more .label:hover {
  opacity: 0.7;
}
.safety2-about__text .more .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.safety2-about__text .more .label a, .safety2-about__text .more .label input, .safety2-about__text .more .label button, .safety2-about__text .more .label label, .safety2-about__text .more .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .safety2-about__text .more .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .safety2-about__text .more .label a, .safety2-about__text .more .label input, .safety2-about__text .more .label button, .safety2-about__text .more .label label, .safety2-about__text .more .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.safety2-about__text .more {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: calc(var(--s) * 40) 0 0;
}
.safety2-about__text .more .label {
  width: calc(var(--f) * 380);
}
@media screen and (max-width: 960px) {
  .safety2-about {
    padding: calc(var(--s) * 60) 0 0;
  }
  .safety2-about__head {
    margin-bottom: calc(var(--f) * 32);
  }
  .safety2-about__about {
    margin-bottom: calc(var(--s) * 75);
    font-size: calc(var(--f) * 14);
    line-height: 1.7;
  }
  .safety2-about__text {
    margin-bottom: 0;
    font-size: calc(var(--f) * 14);
    line-height: 1.7;
  }
  .safety2-about__text h4 {
    margin-top: calc(var(--s) * 90);
  }
  .safety2-about__text p strong {
    font-size: calc(var(--f) * 16);
  }
  .safety2-about__text .ul {
    margin: calc(var(--f) * 38) 0;
  }
  .safety2-about__text .more .label {
    width: calc(var(--f) * 280);
  }
}

.safety2-flow {
  position: relative;
  padding: calc(var(--s) * 64) 0 calc(var(--s) * 120);
  background: rgba(52, 77, 159, 0.1);
}
.safety2-flow a.pdf {
  display: inline-block;
  min-height: calc(var(--f) * 30);
  padding: calc(var(--f) * 3) 0 calc(var(--f) * 3) 0;
  color: #333;
  text-decoration: underline;
  text-align: left;
}
.safety2-flow a.pdf::after {
  content: "";
  position: relative;
  top: calc(var(--f) * -3);
  display: inline-block;
  width: calc(var(--f) * 30);
  height: calc(var(--f) * 30);
  margin-left: calc(var(--f) * 6);
  vertical-align: middle;
  background: url(../img/_common/ico/pdf-red.svg) right center/contain no-repeat;
}
.safety2-flow a.word {
  display: inline-block;
  min-height: calc(var(--f) * 30);
  padding: calc(var(--f) * 3) 0 calc(var(--f) * 3) 0;
  color: #333;
  text-decoration: underline;
  text-align: left;
}
.safety2-flow a.word::after {
  content: "";
  position: relative;
  top: calc(var(--f) * -3);
  display: inline-block;
  width: calc(var(--f) * 30);
  height: calc(var(--f) * 30);
  margin-left: calc(var(--f) * 6);
  vertical-align: middle;
  background: url(../img/_common/ico/pdf-red.svg) right center/contain no-repeat;
}
.safety2-flow a.word::after {
  background-image: url(../img/_common/ico/word.svg);
}
.safety2-flow a.excel {
  display: inline-block;
  min-height: calc(var(--f) * 30);
  padding: calc(var(--f) * 3) 0 calc(var(--f) * 3) 0;
  color: #333;
  text-decoration: underline;
  text-align: left;
}
.safety2-flow a.excel::after {
  content: "";
  position: relative;
  top: calc(var(--f) * -3);
  display: inline-block;
  width: calc(var(--f) * 30);
  height: calc(var(--f) * 30);
  margin-left: calc(var(--f) * 6);
  vertical-align: middle;
  background: url(../img/_common/ico/pdf-red.svg) right center/contain no-repeat;
}
.safety2-flow a.excel::after {
  background-image: url(../img/_common/ico/excel.svg);
}
.safety2-flow__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.safety2-flow__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .safety2-flow__head {
    font-size: calc(var(--f) * 24);
  }
  .safety2-flow__head::after {
    width: calc(var(--f) * 45);
  }
}
.safety2-flow__head {
  margin-bottom: calc(var(--f) * 66);
  text-align: center;
}
.safety2-flow__head::after {
  margin-right: auto;
  margin-left: auto;
}
.safety2-flow__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
  background: #fff;
  border-radius: calc(var(--f) * 50);
}
.safety2-flow__title {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.safety2-flow__title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.safety2-flow__title b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.safety2-flow__title small {
  display: block;
  font-size: 0.8em;
}
.safety2-flow__title .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.safety2-flow__title .catch::before, .safety2-flow__title .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.safety2-flow__title .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.safety2-flow__title .catch b {
  font-size: 1.5em;
}
.safety2-flow__title .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.safety2-flow__title .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.safety2-flow__title .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.safety2-flow__title .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .safety2-flow__title {
    font-size: calc(var(--f) * 20);
  }
}
.safety2-flow__title {
  margin-bottom: calc(var(--f) * 30);
}
.safety2-flow__about {
  margin-bottom: calc(var(--s) * 48);
}
.safety2-flow__list {
  margin-bottom: calc(var(--s) * 86);
}
.safety2-flow__list__item {
  position: relative;
  margin: 0 0 calc(var(--f) * 44);
  border: 1px solid #344D9F;
  border-radius: calc(var(--f) * 15);
  background: #E9EDF5;
}
.safety2-flow__list__item::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  display: block;
  width: 100%;
  height: calc(var(--f) * 44);
  background: url(../img/certification/flow-arrow.svg) center/auto calc(var(--f) * 25) no-repeat;
}
.safety2-flow__list__item:last-child {
  margin-bottom: 0;
}
.safety2-flow__list__item:last-child::after {
  display: none;
}
.safety2-flow__list__item .title {
  text-align: center;
}
.safety2-flow__list__item .ja {
  display: block;
  color: #344D9F;
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
}
.safety2-flow__list__item .en {
  font-family: "Lexend Exa", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  margin: 0 0 calc(var(--f) * 18);
  color: rgba(29, 133, 248, 0.5);
  line-height: 1.5;
}
.safety2-flow__list__item .illust img {
  width: calc(var(--f) * 100);
}
.safety2-flow__list__item .text {
  line-height: 1.5;
}
.safety2-flow__list__download {
  margin: calc(var(--f) * 24) 0 0;
}
.safety2-flow__list__download a {
  margin-left: 1em;
}
.safety2-flow__download {
  margin-bottom: calc(var(--s) * 140);
}
.safety2-flow__download__list h4 {
  margin: calc(var(--s) * 112) 0 calc(var(--f) * 30);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  font-weight: 500;
}
.safety2-flow__download__list h4:first-child {
  margin-top: 0;
}
.safety2-flow__download__list .ul {
  margin: 0 0 calc(var(--s) * 34);
}
.safety2-flow__download__list .ul:last-child {
  margin-bottom: 0;
}
.safety2-flow__download__list .ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.safety2-flow__download__list .ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.safety2-flow__download__list .ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .safety2-flow__download__list .ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .safety2-flow__download__list .ul {
    padding: 0;
  }
}
.safety2-flow__download__list .ul {
  padding: 0 !important;
}
.safety2-flow__download__list p {
  margin: 0 0 calc(var(--s) * 40);
}
.safety2-flow__download__list p a {
  color: #344D9F;
  text-decoration: underline;
}
.safety2-flow__download__list table {
  width: 100%;
}
.safety2-flow__download__list table th, .safety2-flow__download__list table td {
  padding-right: 2em;
}
.safety2-flow__price__table .table {
  margin-bottom: calc(var(--s) * 40);
}
.safety2-flow__price__table .table table {
  width: 100%;
}
.safety2-flow__price__table .table table th, .safety2-flow__price__table .table table td {
  text-align: left;
  white-space: nowrap;
  border-bottom: 1px solid rgba(52, 77, 159, 0.2);
}
.safety2-flow__price__table .table table th {
  vertical-align: middle;
}
.safety2-flow__price__table .table table .price {
  text-align: center;
  white-space: nowrap;
}
.safety2-flow__price__table .table table thead th, .safety2-flow__price__table .table table thead td {
  padding: calc(var(--f) * 13) calc(var(--f) * 10);
  line-height: 1.6;
  white-space: nowrap;
  background: rgba(29, 133, 248, 0.1);
}
.safety2-flow__price__table .table table tbody th, .safety2-flow__price__table .table table tbody td {
  padding: calc(var(--f) * 13) calc(var(--f) * 10);
  line-height: 1.625;
}
.safety2-flow__price__table .table table tbody th {
  font-weight: 500;
}
.safety2-flow__price__table .table table tbody tr.total th, .safety2-flow__price__table .table table tbody tr.total td {
  background: rgba(51, 51, 51, 0.05);
}
.safety2-flow__price__table .table .notice {
  margin: 0.25em 0 0;
  font-size: calc(var(--f) * 14);
  text-align: right;
}
@media screen and (min-width: 960.02px) {
  .safety2-flow__container {
    padding: calc(var(--s) * 160) calc(var(--s) * 225) calc(var(--s) * 140);
  }
  .safety2-flow__list__item {
    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;
    padding: calc(var(--f) * 10) 0 calc(var(--f) * 10) calc(var(--f) * 20);
  }
  .safety2-flow__list__item .title {
    width: calc(var(--f) * 164);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin: 0 calc(var(--s) * 22) 0 0;
  }
  .safety2-flow__list__item .illust {
    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) * 17);
    width: calc(var(--s) * 100);
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .safety2-flow__list__item .text {
    width: 100%;
    padding-left: calc(var(--f) * 62);
  }
}
@media screen and (min-width: 960.02px) and (max-width: 1280px) {
  .safety2-flow__container {
    padding: calc(var(--s) * 160) calc(var(--s) * 60) calc(var(--s) * 140);
  }
}
@media screen and (max-width: 960px) {
  .safety2-flow {
    padding: calc(var(--s) * 50) 0 calc(var(--s) * 75);
  }
  .safety2-flow__head {
    margin-bottom: calc(var(--f) * 50);
  }
  .safety2-flow__container {
    padding: calc(var(--s) * 56) calc(var(--f) * 20) calc(var(--s) * 75);
    border-radius: calc(var(--f) * 25);
  }
  .safety2-flow__about {
    margin-bottom: calc(var(--f) * 28);
    font-size: calc(var(--f) * 14);
    line-height: 1.7;
  }
  .safety2-flow__list__item {
    padding: calc(var(--f) * 26) calc(var(--s) * 20) calc(var(--f) * 30);
  }
  .safety2-flow__list__item .ja {
    margin-bottom: calc(var(--f) * -6);
    font-size: calc(var(--f) * 24);
    line-height: 1;
  }
  .safety2-flow__list__item .en {
    font-size: calc(var(--f) * 12);
    line-height: 1;
  }
  .safety2-flow__list__item .illust img {
    display: block;
    margin: 0 auto;
  }
  .safety2-flow__list__item .illust ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: calc(var(--f) * 7);
    margin: calc(var(--f) * 12) 0 0;
  }
  .safety2-flow__list__item .illust ul li {
    margin: 0;
    font-size: calc(var(--f) * 14);
  }
  .safety2-flow__list__item .text {
    margin-top: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
    text-align: center;
  }
  .safety2-flow__list__download {
    font-size: calc(var(--f) * 14);
  }
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  .safety2-flow__download__list .scroll {
    position: relative;
  }
  .safety2-flow__download__list .scroll::before, .safety2-flow__download__list .scroll::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    width: calc(var(--f) * 25);
    height: calc(var(--f) * 25);
    background: url(../img/_common/ico/scroll-arrow.svg) center/contain no-repeat;
  }
  .safety2-flow__download__list .scroll::before {
    left: calc(var(--f) * -12.5);
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  .safety2-flow__download__list .scroll::after {
    right: calc(var(--f) * -12.5);
  }
  .safety2-flow__download__list .scroll__inner {
    position: relative;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 960px) {
  .safety2-flow__download__list .scroll::before {
    left: calc(var(--f) * -33);
  }
  .safety2-flow__download__list .scroll::after {
    right: calc(var(--f) * -33);
  }
  .safety2-flow__download__list .scroll__contents {
    white-space: nowrap;
  }
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  .safety2-flow__price__table .scroll {
    position: relative;
  }
  .safety2-flow__price__table .scroll::before, .safety2-flow__price__table .scroll::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    width: calc(var(--f) * 25);
    height: calc(var(--f) * 25);
    background: url(../img/_common/ico/scroll-arrow.svg) center/contain no-repeat;
  }
  .safety2-flow__price__table .scroll::before {
    left: calc(var(--f) * -12.5);
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  .safety2-flow__price__table .scroll::after {
    right: calc(var(--f) * -12.5);
  }
  .safety2-flow__price__table .scroll__inner {
    position: relative;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 960px) {
  .safety2-flow__price__table .scroll::before {
    left: calc(var(--f) * -33);
  }
  .safety2-flow__price__table .scroll::after {
    right: calc(var(--f) * -33);
  }
  .safety2-flow__price__table .text {
    font-size: calc(var(--f) * 14);
    line-height: 1.5;
  }
}

.safety2-merit {
  position: relative;
  padding: calc(var(--s) * 124) 0 calc(var(--s) * 160);
}
.safety2-merit__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.safety2-merit__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.safety2-merit__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .safety2-merit__head {
    font-size: calc(var(--f) * 24);
  }
  .safety2-merit__head::after {
    width: calc(var(--f) * 45);
  }
}
.safety2-merit__head {
  margin-bottom: calc(var(--f) * 48);
  text-align: center;
}
.safety2-merit__head::after {
  margin-right: auto;
  margin-left: auto;
}
.safety2-merit__box {
  margin-bottom: calc(var(--s) * 98);
}
.safety2-merit__box:last-child {
  margin-bottom: 0;
}
.safety2-merit__about {
  margin-bottom: calc(var(--f) * 56);
}
.safety2-merit__title {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.safety2-merit__title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.safety2-merit__title b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.safety2-merit__title small {
  display: block;
  font-size: 0.8em;
}
.safety2-merit__title .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.safety2-merit__title .catch::before, .safety2-merit__title .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.safety2-merit__title .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.safety2-merit__title .catch b {
  font-size: 1.5em;
}
.safety2-merit__title .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.safety2-merit__title .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.safety2-merit__title .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.safety2-merit__title .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .safety2-merit__title {
    font-size: calc(var(--f) * 20);
  }
}
.safety2-merit__title {
  margin-bottom: calc(var(--f) * 38);
}
.safety2-merit__text {
  margin-bottom: calc(var(--f) * 34);
}
.safety2-merit__text a[target=_blank] {
  display: inline-block;
  padding: 0 1.5em 0 0;
  color: #344D9F;
  text-decoration: underline;
  background: url(../img/_common/ico/outlink-navy.svg) right center/1em auto no-repeat;
}
.safety2-merit__table .table table {
  width: 100%;
}
.safety2-merit__table .table table th, .safety2-merit__table .table table td {
  text-align: left;
}
.safety2-merit__table .table table a {
  color: #344D9F;
  text-decoration: underline;
}
.safety2-merit__table .table table thead th, .safety2-merit__table .table table thead td {
  padding: 0.35em calc(var(--s) * 26);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  white-space: nowrap;
  background: rgba(29, 133, 248, 0.1);
}
.safety2-merit__table .table table tbody th, .safety2-merit__table .table table tbody td {
  padding: 1.5em 0 1.5em calc(var(--f) * 26);
  line-height: 1.625;
  border-bottom: 1px solid rgba(52, 77, 159, 0.2);
}
.safety2-merit__table .table table tbody th {
  font-weight: 500;
}
.safety2-merit__table .table table tbody tr.total th, .safety2-merit__table .table table tbody tr.total td {
  background: rgba(51, 51, 51, 0.05);
}
@media screen and (max-width: 960px) {
  .safety2-merit__table .table table thead th, .safety2-merit__table .table table thead td {
    font-size: calc(var(--f) * 16);
  }
  .safety2-merit__table .table table tbody th, .safety2-merit__table .table table tbody td {
    font-size: calc(var(--f) * 14);
  }
}
.safety2-merit__solution h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.safety2-merit__solution h5 span {
  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;
  gap: calc(var(--f) * 16);
  min-height: calc(var(--f) * 50);
  padding: 0 calc(var(--f) * 20);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  background: rgba(29, 133, 248, 0.1);
}
.safety2-merit__solution h5 span.problem {
  position: relative;
  width: calc(50% - var(--f) * 20);
  color: #333;
  background: none;
}
.safety2-merit__solution h5 span.problem::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(100% - var(--f) * 5);
  height: 100%;
  background: rgba(51, 51, 51, 0.05);
  clip-path: polygon(0 0, calc(100% - var(--f) * 25) 0, 100% 50%, calc(100% - var(--f) * 25) 100%, 0 100%);
}
.safety2-merit__solution h5 span.solution {
  width: calc(50% + var(--f) * 19);
}
.safety2-merit__solution dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.safety2-merit__solution dl dt, .safety2-merit__solution dl dd {
  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;
  padding: calc(var(--f) * 26) calc(var(--f) * 20);
  line-height: 1.5;
  border-bottom: 1px solid rgba(52, 77, 159, 0.2);
}
.safety2-merit__solution dl dt {
  width: calc(50% - var(--f) * 20);
  font-weight: 500;
}
.safety2-merit__solution dl dd {
  width: calc(50% + var(--f) * 19);
}
@media screen and (min-width: 960.02px) {
  .safety2-merit__illust {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .safety2-merit__illust div {
    width: calc((100% - var(--f) * 20) / 2);
  }
}
@media screen and (max-width: 960px) {
  .safety2-merit {
    padding: calc(var(--s) * 60) 0 0;
  }
  .safety2-merit__head {
    margin-bottom: calc(var(--f) * 76);
  }
  .safety2-merit__box {
    margin-bottom: calc(var(--s) * 50);
  }
  .safety2-merit__about {
    margin-bottom: calc(var(--s) * 75);
    font-size: calc(var(--f) * 14);
    line-height: 1.7;
  }
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  .safety2-merit__table .scroll {
    position: relative;
  }
  .safety2-merit__table .scroll::before, .safety2-merit__table .scroll::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    width: calc(var(--f) * 25);
    height: calc(var(--f) * 25);
    background: url(../img/_common/ico/scroll-arrow.svg) center/contain no-repeat;
  }
  .safety2-merit__table .scroll::before {
    left: calc(var(--f) * -12.5);
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  .safety2-merit__table .scroll::after {
    right: calc(var(--f) * -12.5);
  }
  .safety2-merit__table .scroll__inner {
    position: relative;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 960px) {
  .safety2-merit__table .scroll__contents {
    width: calc(var(--f) * 700);
  }
  .safety2-merit__title {
    position: relative;
    padding: 0 0 0 calc(var(--f) * 24);
    margin: 0 0 calc(var(--f) * 55);
    font-size: calc(var(--f) * 24);
    line-height: 1.5;
    font-weight: 700;
    text-align: left;
  }
  .safety2-merit__title::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: calc(var(--f) * 10);
    height: 100%;
    background: #1D85F8;
    border-radius: calc(var(--f) * 2);
  }
  .safety2-merit__title b {
    font-size: 1.33em;
    line-height: 1;
    font-weight: 900;
  }
  .safety2-merit__title small {
    display: block;
    font-size: 0.8em;
  }
  .safety2-merit__title .catch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: calc(var(--f) * 6);
    margin: 0 0 calc(var(--f) * 10);
    color: #1D85F8;
    line-height: calc(var(--f) * 24);
    font-weight: 500;
  }
  .safety2-merit__title .catch::before, .safety2-merit__title .catch::after {
    content: "";
    display: block;
    width: 0.875em;
    height: 1.4375em;
    background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
  }
  .safety2-merit__title .catch::after {
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  .safety2-merit__title .catch b {
    font-size: 1.5em;
  }
  .safety2-merit__title .catch {
    position: absolute;
    left: 0;
    bottom: 100%;
    color: #344D9F;
    font-size: calc(var(--f) * 16);
  }
  .safety2-merit__title .type {
    position: relative;
    z-index: 10;
    display: inline-block;
    padding: 0.3em 1.5em;
    margin: 0 0 0 1em;
    font-size: calc(var(--f) * 16);
    font-weight: 500;
    vertical-align: middle;
    border-radius: calc(var(--f) * 5);
    background: #fff;
  }
  .safety2-merit__title .type::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(51, 51, 51, 0.3);
    border-radius: calc(var(--f) * 8);
  }
  .safety2-merit__title .merit {
    display: inline-block;
    padding: 0 1.25em;
    margin: 0 0.25em;
    color: #344D9F;
    font-size: calc(var(--f) * 20);
    line-height: 1.6;
    font-weight: 700;
    border: calc(var(--f) * 2) solid #344D9F;
    border-radius: calc(var(--f) * 10);
  }
  .safety2-merit__title {
    margin-bottom: calc(var(--f) * 26);
  }
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  .safety2-merit__title {
    font-size: calc(var(--f) * 20);
  }
}
@media screen and (max-width: 960px) {
  .safety2-merit__text {
    font-size: calc(var(--f) * 14);
    line-height: 1.7;
  }
  .safety2-merit__illust div {
    margin-bottom: calc(var(--f) * 15);
  }
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  .safety2-merit__solution .scroll {
    position: relative;
  }
  .safety2-merit__solution .scroll::before, .safety2-merit__solution .scroll::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    width: calc(var(--f) * 25);
    height: calc(var(--f) * 25);
    background: url(../img/_common/ico/scroll-arrow.svg) center/contain no-repeat;
  }
  .safety2-merit__solution .scroll::before {
    left: calc(var(--f) * -12.5);
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  .safety2-merit__solution .scroll::after {
    right: calc(var(--f) * -12.5);
  }
  .safety2-merit__solution .scroll__inner {
    position: relative;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 960px) {
  .safety2-merit__solution .scroll__contents {
    width: calc(var(--f) * 846);
  }
  .safety2-merit__solution h5 span.problem {
    width: calc(var(--f) * 286);
  }
  .safety2-merit__solution h5 span.solution {
    width: calc(var(--f) * 560);
  }
  .safety2-merit__solution dl dt {
    width: calc(var(--f) * 286);
  }
  .safety2-merit__solution dl dd {
    width: calc(var(--f) * 560);
  }
}

.sitemap-list {
  position: relative;
  padding: calc(var(--s) * 124) 0;
}
.sitemap-list__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.sitemap-list__box {
  margin: 0 0 calc(var(--s) * 100);
}
.sitemap-list__head {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.sitemap-list__head::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.sitemap-list__head b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.sitemap-list__head small {
  display: block;
  font-size: 0.8em;
}
.sitemap-list__head .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.sitemap-list__head .catch::before, .sitemap-list__head .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.sitemap-list__head .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.sitemap-list__head .catch b {
  font-size: 1.5em;
}
.sitemap-list__head .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.sitemap-list__head .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.sitemap-list__head .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.sitemap-list__head .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .sitemap-list__head {
    font-size: calc(var(--f) * 20);
  }
}
.sitemap-list__head {
  margin: 0 0 calc(var(--f) * 16);
}
.sitemap-list__head a {
  color: #344D9F;
  text-decoration: underline;
}
.sitemap-list__head + .sitemap-list__head {
  margin-top: calc(var(--s) * 100);
}
.sitemap-list__list {
  padding: 0 0 0 calc(var(--f) * 24);
}
.sitemap-list__list__item {
  margin: calc(var(--f) * 30) 0 0;
}
.sitemap-list__list__item:first-child {
  margin-top: 0;
}
.sitemap-list__list__link {
  display: inline-block;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 2.5;
  font-weight: 700;
  text-decoration: underline;
}
.sitemap-list__list__sub {
  line-height: 2.5;
}
.sitemap-list__list__sub a {
  color: #344D9F;
  font-weight: 500;
  text-decoration: underline;
}
.sitemap-list__box--6 .sitemap-list__list {
  padding-left: 0;
}
.sitemap-list__box--6 .sitemap-list__list__sub {
  margin-top: calc(var(--s) * 100);
}
@media screen and (min-width: 960.02px) {
  .sitemap-list__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .sitemap-list__box--1, .sitemap-list__box--2 {
    width: 100%;
  }
  .sitemap-list__box--3, .sitemap-list__box--4, .sitemap-list__box--5, .sitemap-list__box--6 {
    width: 50%;
  }
  .sitemap-list__box--2 .sitemap-list__list__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .sitemap-list__box--2 .sitemap-list__list__item {
    width: 50%;
  }
}
@media screen and (max-width: 960px) {
  .sitemap-list {
    padding: calc(var(--s) * 60) 0;
    font-size: calc(var(--f) * 14);
  }
  .sitemap-list__box {
    margin-bottom: calc(var(--s) * 50);
  }
  .sitemap-list__list__link {
    font-size: calc(var(--f) * 18);
  }
}

.why-detail {
  position: relative;
  padding: calc(var(--s) * 100) 0 0;
}
.why-detail--last {
  padding-bottom: calc(var(--s) * 100);
}
.why-detail__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.why-detail__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.why-detail__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .why-detail__head {
    font-size: calc(var(--f) * 24);
  }
  .why-detail__head::after {
    width: calc(var(--f) * 45);
  }
}
.why-detail__head {
  margin-top: calc(var(--s) * 100);
  margin-bottom: calc(var(--f) * 36);
}
.why-detail__head:first-child {
  margin-top: 0;
}
.why-detail__about {
  margin-bottom: calc(var(--s) * 90);
}
.why-detail__text + .why-detail__text, .why-detail__map + .why-detail__text, .why-detail__illust-text + .why-detail__illust-text {
  margin-top: calc(var(--s) * 100);
}
.why-detail__text {
  margin: 0 0 calc(var(--f) * 50);
}
.why-detail__text h4 {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.why-detail__text h4::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.why-detail__text h4 b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.why-detail__text h4 small {
  display: block;
  font-size: 0.8em;
}
.why-detail__text h4 .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.why-detail__text h4 .catch::before, .why-detail__text h4 .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.why-detail__text h4 .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.why-detail__text h4 .catch b {
  font-size: 1.5em;
}
.why-detail__text h4 .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.why-detail__text h4 .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.why-detail__text h4 .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.why-detail__text h4 .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .why-detail__text h4 {
    font-size: calc(var(--f) * 20);
  }
}
.why-detail__text h4 {
  margin-top: calc(var(--f) * 10);
  margin-bottom: calc(var(--f) * 30);
}
.why-detail__text .ul ul {
  margin: 0 0 calc(var(--s) * 34);
}
.why-detail__text .ul ul:last-child {
  margin-bottom: 0;
}
.why-detail__text .ul ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.why-detail__text .ul ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.why-detail__text .ul ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .why-detail__text .ul ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .why-detail__text .ul ul {
    padding: 0;
  }
}
.why-detail__text .ul ul {
  padding-right: 0;
  margin-bottom: 0;
}
.why-detail__text .ul + p {
  margin: calc(var(--s) * 30) 0 0 calc(var(--s) * 56);
}
.why-detail__text .table table {
  width: 100%;
}
.why-detail__text .table table th, .why-detail__text .table table td {
  text-align: left;
}
.why-detail__text .table table a {
  color: #344D9F;
  text-decoration: underline;
}
.why-detail__text .table table thead th, .why-detail__text .table table thead td {
  padding: 0.35em calc(var(--s) * 26);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  white-space: nowrap;
  background: rgba(29, 133, 248, 0.1);
}
.why-detail__text .table table tbody th, .why-detail__text .table table tbody td {
  padding: 1.5em 0 1.5em calc(var(--f) * 26);
  line-height: 1.625;
  border-bottom: 1px solid rgba(52, 77, 159, 0.2);
}
.why-detail__text .table table tbody th {
  font-weight: 500;
}
.why-detail__text .table table tbody tr.total th, .why-detail__text .table table tbody tr.total td {
  background: rgba(51, 51, 51, 0.05);
}
@media screen and (max-width: 960px) {
  .why-detail__text .table table thead th, .why-detail__text .table table thead td {
    font-size: calc(var(--f) * 16);
  }
  .why-detail__text .table table tbody th, .why-detail__text .table table tbody td {
    font-size: calc(var(--f) * 14);
  }
}
.why-detail__text .table {
  margin-top: calc(var(--s) * 34);
}
.why-detail__text .table table tbody th, .why-detail__text .table table tbody td {
  padding-top: 2.1em;
  padding-bottom: 2.1em;
  vertical-align: middle;
}
.why-detail__text .more {
  padding: calc(var(--s) * 38) calc(var(--s) * 50) calc(var(--s) * 33);
  margin: calc(var(--s) * 48) 0 0;
  background: rgba(29, 133, 248, 0.1);
  border-radius: calc(var(--f) * 30);
}
.why-detail__text .more ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--s) * 20) calc(var(--s) * 57);
  margin: calc(var(--s) * 40) 0 0;
}
.why-detail__text .more ul li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.why-detail__text .more ul li .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.why-detail__text .more ul li .label:hover {
  opacity: 0.7;
}
.why-detail__text .more ul li .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.why-detail__text .more ul li .label a, .why-detail__text .more ul li .label input, .why-detail__text .more ul li .label button, .why-detail__text .more ul li .label label, .why-detail__text .more ul li .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .why-detail__text .more ul li .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .why-detail__text .more ul li .label a, .why-detail__text .more ul li .label input, .why-detail__text .more ul li .label button, .why-detail__text .more ul li .label label, .why-detail__text .more ul li .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.why-detail__text .map {
  position: relative;
  padding: 0 calc(var(--s) * 45) 0 0;
  margin-top: calc(var(--s) * -10);
  text-align: center;
}
.why-detail__text .map img {
  display: inline-block;
}
.why-detail__illust-text .why-detail__text {
  margin-bottom: 0;
}
.why-detail__map {
  padding: calc(var(--s) * 55) 0 0;
}
.why-detail__map h4 {
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  font-weight: 700;
}
@media screen and (min-width: 960.02px) {
  .why-detail__illust-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .why-detail__illust-text .why-detail__text {
    width: calc(var(--s) * 813);
  }
  .why-detail__illust-text .why-detail__illust {
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .why-detail--1 {
    margin-bottom: calc(var(--s) * -85);
  }
  .why-detail--1 .why-detail__illust-text {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-line-pack: start;
        align-content: flex-start;
  }
  .why-detail__illust--1 {
    width: calc(var(--s) * 214);
  }
  .why-detail__illust--2 {
    width: calc(var(--s) * 200);
  }
  .why-detail__illust--3 {
    width: calc(var(--s) * 200);
  }
  .why-detail__text .more-2col {
    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;
  }
  .why-detail__text .more-2col .more {
    width: calc((100% - var(--s) * 30) / 2);
    text-align: center;
  }
}
@media screen and (max-width: 960px) {
  .why-detail {
    padding: calc(var(--s) * 50) 0 0;
  }
  .why-detail__text {
    font-size: calc(var(--f) * 14);
    line-height: 1.5;
  }
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  .why-detail__text .scroll {
    position: relative;
  }
  .why-detail__text .scroll::before, .why-detail__text .scroll::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    width: calc(var(--f) * 25);
    height: calc(var(--f) * 25);
    background: url(../img/_common/ico/scroll-arrow.svg) center/contain no-repeat;
  }
  .why-detail__text .scroll::before {
    left: calc(var(--f) * -12.5);
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  .why-detail__text .scroll::after {
    right: calc(var(--f) * -12.5);
  }
  .why-detail__text .scroll__inner {
    position: relative;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 960px) {
  .why-detail__text .scroll__contents {
    width: calc(var(--f) * 766);
  }
  .why-detail__text .more ul li .label {
    width: calc(var(--f) * 240);
  }
  .why-detail__text .map {
    padding: 0;
  }
  .why-detail__text .map img {
    position: relative;
    max-width: unset;
    width: 108%;
    margin-left: -8%;
  }
  .why-detail__illust-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .why-detail__illust-text .why-detail__text {
    width: 100%;
  }
  .why-detail__illust-text .why-detail__illust {
    width: 60%;
    margin-top: calc(var(--s) * 30);
  }
  .why-detail__map {
    padding: calc(var(--s) * 30) 0 0;
  }
  .why-detail__map h4 {
    font-size: calc(var(--f) * 18);
  }
  .why-detail__head {
    margin-top: calc(var(--s) * 50);
    margin-bottom: calc(var(--f) * 18);
  }
  .why-detail__about {
    margin-bottom: calc(var(--s) * 45);
  }
}

.why-intro {
  position: relative;
  padding: calc(var(--s) * 124) 0 calc(var(--s) * 75);
  background: rgba(52, 77, 159, 0.1);
}
.why-intro__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
  padding: calc(var(--s) * 46) calc(var(--s) * 100);
  background: #fff;
  border-radius: calc(var(--f) * 50);
}
.why-intro__head {
  margin: 0 0 calc(var(--f) * 6);
  font-size: calc(var(--f) * 20);
  line-height: 1.5;
  font-weight: 500;
}
@media screen and (max-width: 960px) {
  .why-intro {
    padding: calc(var(--s) * 75) 0;
  }
  .why-intro__container {
    padding: calc(var(--s) * 36) calc(var(--s) * 20);
    border-radius: calc(var(--f) * 30);
  }
  .why-intro__text {
    line-height: 1.5;
  }
}

.wis-character {
  padding: calc(var(--s) * 75) 0;
}
.wis-character__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
  position: relative;
}
.wis-character__head {
  margin: 0 0 calc(var(--s) * 84);
}
.wis-character__head .title {
  display: block;
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.2;
  letter-spacing: 0.1em;
  font-weight: 900;
  text-align: center;
}
.wis-character__head .sub {
  display: block;
  margin: 0.6em 0 0;
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  letter-spacing: 0.1em;
  font-weight: 700;
  text-align: center;
}
.wis-character__list__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.wis-character__list__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .wis-character__list__head {
    font-size: calc(var(--f) * 24);
  }
  .wis-character__list__head::after {
    width: calc(var(--f) * 45);
  }
}
.wis-character__list__head {
  margin-bottom: calc(var(--s) * 146);
  text-align: center;
}
.wis-character__list__head::after {
  margin-right: auto;
  margin-left: auto;
}
.wis-character__list__item {
  position: relative;
  padding: 0 0 calc(var(--f) * 30);
  border-radius: calc(var(--f) * 30);
  background: rgba(29, 133, 248, 0.1);
}
.wis-character__list__item .illust {
  position: relative;
  margin: calc(var(--s) * -125) 0 calc(var(--s) * 20);
}
.wis-character__list__item .name {
  margin: 0 0 calc(var(--f) * 14);
}
.wis-character__list__item .main {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  display: block;
  padding: 0 0 0 0.15em;
  margin: 0 0 0.25em;
  font-size: calc(var(--f) * 32);
  line-height: 0.9375;
  letter-spacing: 0.15em;
  font-weight: 700;
  text-align: center;
}
.wis-character__list__item .kana {
  display: block;
  padding: 0 0 0 0.15em;
  font-size: calc(var(--f) * 12);
  line-height: 1.5;
  letter-spacing: 0.15em;
  text-align: center;
}
.wis-character__list__item .position {
  margin: 0 0 calc(var(--f) * 12);
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  text-align: center;
}
.wis-character__list__item .text {
  padding: 0 calc(var(--f) * 18);
  line-height: 1.5;
}
@media screen and (min-width: 960.02px) {
  .wis-character__list__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .wis-character__list__item {
    width: calc((100% - var(--s) * 60) / 4);
  }
}
@media screen and (max-width: 960px) {
  .wis-character__head {
    margin: 0 0 calc(var(--s) * 42);
  }
  .wis-character__head .title {
    font-size: calc(var(--f) * 32);
  }
  .wis-character__head .sub {
    font-size: calc(var(--f) * 20);
  }
  .wis-character__list__head {
    margin-bottom: calc(var(--s) * 110);
  }
  .wis-character__list__item {
    padding-top: calc(var(--s) * 110);
    margin-bottom: calc(var(--s) * 100);
  }
  .wis-character__list__item:last-child {
    margin-bottom: 0;
  }
  .wis-character__list__item .illust {
    position: absolute;
    left: 10%;
    top: 0;
    width: 80%;
    margin: calc(var(--s) * -120) 0 0;
  }
  .wis-character__list__item .text {
    font-size: calc(var(--f) * 14);
  }
}

.wis-mv {
  background: rgba(52, 77, 159, 0.1);
}
.wis-mv__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
  position: relative;
}
.wis-mv__head {
  text-align: center;
}
.wis-mv__head__1 {
  padding: 0.25em 0 0.45em;
  font-size: calc(var(--f) * 56);
  letter-spacing: 0.085em;
  font-weight: 900;
  text-align: center;
}
.wis-mv__head__1 b {
  color: #344D9F;
  font-size: 1.143em;
}
.wis-mv__head__2 {
  display: inline-block;
  padding: 0.65em 1em;
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.2;
  letter-spacing: 0.1em;
  font-weight: 900;
  text-align: center;
  background: #fff;
  border-radius: 1em;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 6) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 6) 0 rgba(0, 0, 0, 0.08);
}
.wis-mv__illust {
  position: absolute;
  right: 0;
  bottom: 0;
}
.wis-mv__illust img {
  display: block;
  width: calc(var(--s) * 640);
}
@media screen and (min-width: 960.02px) {
  .wis-mv__text {
    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;
    min-height: calc(var(--f) * 260);
    padding: calc(var(--f) * 6) 0 0;
    line-height: 2.5;
    font-weight: 500;
  }
}
@media screen and (max-width: 960px) {
  .wis-mv__head__1 {
    padding: 0.8em 0;
    font-size: calc(var(--f) * 32);
    line-height: 1.25;
  }
  .wis-mv__head__2 {
    font-size: calc(var(--f) * 24);
    white-space: nowrap;
  }
  .wis-mv__text {
    padding: calc(var(--f) * 16) 0 46vw;
    font-size: calc(var(--f) * 14);
  }
}

.wis-story {
  padding: calc(var(--s) * 75) 0 0;
}
.wis-story__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
  position: relative;
}
.wis-story__index {
  background: rgba(29, 133, 248, 0.05);
}
.wis-story__index__item {
  border-bottom: 1px solid rgba(52, 77, 159, 0.2);
}
.wis-story__index__item:first-child {
  border-top: 1px solid rgba(52, 77, 159, 0.2);
}
.wis-story__index__item a {
  position: relative;
  display: block;
  padding: 1em 1.5em 1em 0;
  font-size: calc(var(--f) * 14);
}
.wis-story__index__item a::after {
  content: "↓";
  position: absolute;
  right: 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;
  height: 100%;
  color: #344D9F;
  font-weight: 500;
}
.wis-story__body {
  padding: 0 0 calc(var(--s) * 100);
}
.wis-story__box {
  position: relative;
  overflow: hidden;
  border: 1px solid #344D9F;
  border-radius: calc(var(--f) * 30);
  margin: 0 0 calc(var(--f) * 50);
}
.wis-story__box:last-child {
  margin-bottom: 0;
}
.wis-story__box__title {
  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: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-line-pack: center;
      align-content: center;
  padding: calc(var(--f) * 20) calc(var(--f) * 30) calc(var(--f) * 15);
  background: #E9EDF5;
}
.wis-story__box__title .part {
  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;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(var(--f) * 70);
  aspect-ratio: 1/1;
  font-size: calc(var(--f) * 16);
  line-height: 1;
  font-weight: 700;
  background: #fff;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
}
.wis-story__box__title .part b {
  width: 100%;
  font-size: 1.5em;
  text-align: center;
}
.wis-story__box__title .title {
  width: calc(100% - var(--f) * 88);
  color: #344D9F;
  font-size: calc(var(--f) * 32);
  line-height: 1.5;
  font-weight: 700;
}
.wis-story__box__title .intro {
  width: 100%;
  margin: calc(var(--f) * 10) 0 0;
  font-weight: 500;
  font-size: calc(var(--f) * 16);
}
.wis-story__box__text {
  padding: calc(var(--f) * 40) calc(var(--f) * 30) calc(var(--f) * 50);
}
.wis-story__box__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  gap: calc(var(--f) * 14);
  margin: 0 0 calc(var(--f) * 16);
}
.wis-story__box__item:last-child {
  margin-bottom: calc(var(--f) * 60);
}
.wis-story__box__item .character {
  position: relative;
  width: calc(var(--f) * 60);
}
.wis-story__box__item .character img {
  display: block;
  width: 100%;
}
.wis-story__box__item .character p {
  position: absolute;
  left: 0;
  top: 100%;
  display: block;
  width: 100%;
  padding: calc(var(--f) * 3) 0 0;
  font-size: calc(var(--f) * 14);
  line-height: 1.3;
  text-align: center;
}
.wis-story__box__item .character p small {
  display: block;
  font-size: 0.857em;
  text-align: center;
}
.wis-story__box__item .balloon {
  position: relative;
  max-width: calc(100% - var(--f) * 152);
  margin: calc(var(--f) * 12) 0 0;
  padding: calc(var(--f) * 11) calc(var(--f) * 18);
  border: calc(var(--f) * 2) solid #CACACA;
  border-radius: calc(var(--f) * 10);
  line-height: 1.5;
}
.wis-story__box__item .balloon::after {
  content: "";
  position: absolute;
  top: calc(var(--f) * 20);
  display: block;
  width: calc(var(--f) * 13.6);
  height: calc(var(--f) * 11.6);
  background: url(../img/what-is-safety/character-1-balloon.svg) center/contain no-repeat;
}
.wis-story__box__item.left .balloon::after {
  left: calc(var(--f) * -11);
}
.wis-story__box__item.right {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.wis-story__box__item.right .balloon::after {
  right: calc(var(--f) * -11);
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.wis-story__box__item.c2 .balloon {
  border-color: #FFCA64;
}
.wis-story__box__item.c2 .balloon::after {
  background-image: url(../img/what-is-safety/character-2-balloon.svg);
}
.wis-story__box__item.c3 .balloon {
  border-color: #4CC1F8;
}
.wis-story__box__item.c3 .balloon::after {
  background-image: url(../img/what-is-safety/character-3-balloon.svg);
}
.wis-story__box__item.c4 .balloon {
  border-color: #87D2AE;
}
.wis-story__box__item.c4 .balloon::after {
  background-image: url(../img/what-is-safety/character-4-balloon.svg);
}
.wis-story__box__item.narration {
  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) * 12);
  margin: calc(var(--s) * 60) 0;
}
.wis-story__box__item.narration::before, .wis-story__box__item.narration::after {
  content: "";
  width: calc(var(--f) * 40);
  height: 1px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  background: #344D9F;
}
.wis-story__box__item.narration .text {
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: center;
}
.wis-story__box__item.left + .wis-story__box__item.narration {
  margin-top: calc(var(--f) * 54);
}
.wis-story__box__item.transition .text 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: calc(var(--f) * 12);
  white-space: nowrap;
}
.wis-story__box__item.transition .text p::before, .wis-story__box__item.transition .text p::after {
  content: "";
  display: block;
  width: calc(var(--f) * 64);
  height: 1px;
  background: #333;
}
.wis-story__box__item.left + .wis-story__box__item.transition {
  margin-top: calc(var(--f) * 54);
}
.wis-story__box__closing {
  margin: 0 0 calc(var(--f) * 16);
}
.wis-story__box__closing .character {
  position: relative;
  width: calc(var(--f) * 60);
}
.wis-story__box__closing .character img {
  display: block;
  width: 100%;
}
.wis-story__box__closing .character p {
  position: absolute;
  left: 0;
  top: 100%;
  display: block;
  width: 100%;
  padding: calc(var(--f) * 3) 0 0;
  font-size: calc(var(--f) * 14);
  line-height: 1.3;
  text-align: center;
}
.wis-story__box__closing .character p small {
  display: block;
  font-size: 0.857em;
  text-align: center;
}
.wis-story__box__closing .balloon {
  position: relative;
  z-index: 10;
  width: calc(100% - var(--f) * 152);
  margin: calc(var(--f) * 12) 0 0;
  padding: calc(var(--f) * 18) calc(var(--f) * 18);
  line-height: 1.5;
  font-weight: 500;
}
.wis-story__box__closing .balloon::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -2;
  width: 100%;
  height: 100%;
  border-radius: calc(var(--f) * 10);
}
.wis-story__box__closing .balloon::after {
  content: "";
  position: absolute;
  left: calc(var(--f) * 2);
  top: calc(var(--f) * 2);
  z-index: -1;
  width: calc(100% - var(--f) * 4);
  height: calc(100% - var(--f) * 4);
  background: #fff;
  border-radius: calc(var(--f) * 8);
}
.wis-story__box__closing .balloon span {
  content: "";
  position: absolute;
  z-index: 10;
  display: block;
  width: calc(var(--f) * 13.6);
  height: calc(var(--f) * 11.6);
  background: url(../img/what-is-safety/character-1-balloon.svg) center/contain no-repeat;
}
.wis-story__box__closing .balloon span:nth-child(2) {
  background-image: url(../img/what-is-safety/character-2-balloon.svg);
}
.wis-story__box__closing .balloon span:nth-child(3) {
  background-image: url(../img/what-is-safety/character-3-balloon.svg);
}
.wis-story__box__closing .balloon span:nth-child(4) {
  background-image: url(../img/what-is-safety/character-4-balloon.svg);
}
.wis-story__box__illust {
  width: calc(var(--f) * 500);
  max-width: 100%;
  margin: calc(var(--f) * 50) auto 0;
}
@media screen and (min-width: 960.02px) {
  .wis-story__container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-shadow: -1080px 0 0 0 rgba(29, 133, 248, 0.05);
            box-shadow: -1080px 0 0 0 rgba(29, 133, 248, 0.05);
  }
  .wis-story__index {
    position: relative;
    width: 23%;
  }
  .wis-story__index__items {
    position: sticky;
    left: 0;
    top: calc(var(--f) * 85);
    width: 100%;
    padding: calc(var(--f) * 48) calc(var(--f) * 24) 0 0;
  }
  .wis-story__body {
    width: 72%;
  }
  .wis-story__box__closing {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-line-pack: center;
        align-content: center;
    min-height: calc(var(--f) * 200);
  }
  .wis-story__box__closing .character {
    position: absolute;
  }
  .wis-story__box__closing .character--1 {
    left: 0;
    top: 0;
  }
  .wis-story__box__closing .character--2 {
    right: 0;
    top: 0;
  }
  .wis-story__box__closing .character--3 {
    right: 0;
    top: calc(var(--f) * 100);
  }
  .wis-story__box__closing .character--4 {
    left: 0;
    top: calc(var(--f) * 100);
  }
  .wis-story__box__closing .balloon::before {
    background: url(../img/what-is-safety/closing-balloon.svg) center/cover no-repeat;
  }
  .wis-story__box__closing .balloon span:nth-child(1) {
    left: calc(var(--f) * -10);
    top: calc(var(--f) * 11);
  }
  .wis-story__box__closing .balloon span:nth-child(2) {
    right: calc(var(--f) * -11);
    top: calc(var(--f) * 11);
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .wis-story__box__closing .balloon span:nth-child(3) {
    right: calc(var(--f) * -11);
    bottom: calc(var(--f) * 11);
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .wis-story__box__closing .balloon span:nth-child(4) {
    left: calc(var(--f) * -10);
    bottom: calc(var(--f) * 11);
  }
}
@media screen and (min-width: 960.02px) and (max-width: 1280px) {
  .wis-story__container {
    -webkit-box-shadow: -500px 0 0 0 rgba(29, 133, 248, 0.05);
            box-shadow: -500px 0 0 0 rgba(29, 133, 248, 0.05);
  }
}
@media screen and (max-width: 960px) {
  .wis-story__container {
    -webkit-box-shadow: -500px 0 0 0 rgba(29, 133, 248, 0.05);
            box-shadow: -500px 0 0 0 rgba(29, 133, 248, 0.05);
  }
  .wis-story__index {
    padding: calc(var(--s) * 16);
    margin: 0 0 calc(var(--f) * 36);
  }
  .wis-story__index__item a {
    padding: 0.5em 1.5em 0.5em 0;
  }
  .wis-story__index__item a::after {
    right: 1em;
  }
  .wis-story__box__title {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding-right: calc(var(--f) * 15);
    padding-left: calc(var(--f) * 15);
  }
  .wis-story__box__title .title {
    width: 100%;
    margin-top: calc(var(--f) * 16);
    font-size: calc(var(--f) * 30);
  }
  .wis-story__box__title .intro {
    font-size: calc(var(--f) * 15);
  }
  .wis-story__box__text {
    padding: calc(var(--f) * 20) calc(var(--f) * 15) calc(var(--f) * 25);
  }
  .wis-story__box__item .balloon {
    width: calc(100% - var(--f) * 80);
    max-width: unset;
    font-size: calc(var(--f) * 14);
  }
  .wis-story__box__item.narration::before, .wis-story__box__item.narration::after {
    width: calc(var(--f) * 16);
  }
  .wis-story__box__closing {
    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;
    margin-bottom: calc(var(--f) * 40);
  }
  .wis-story__box__closing .character {
    width: 21%;
  }
  .wis-story__box__closing .character--2 {
    -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
            order: 20;
  }
  .wis-story__box__closing .character--3 {
    -webkit-box-ordinal-group: 31;
        -ms-flex-order: 30;
            order: 30;
  }
  .wis-story__box__closing .character--4 {
    -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
            order: 10;
  }
  .wis-story__box__closing .balloon {
    -webkit-box-ordinal-group: -9;
        -ms-flex-order: -10;
            order: -10;
    width: 100%;
    margin: 0 0 calc(var(--f) * 16);
    font-size: calc(var(--f) * 14);
  }
  .wis-story__box__closing .balloon::before {
    background: -webkit-gradient(linear, left top, right top, color-stop(25%, #CACACA), color-stop(25%, #87D2AE), color-stop(50%, #87D2AE), color-stop(50%, #FFCA64), color-stop(75%, #FFCA64), color-stop(75%, #4CC1F8));
    background: linear-gradient(to right, #CACACA 25%, #87D2AE 25%, #87D2AE 50%, #FFCA64 50%, #FFCA64 75%, #4CC1F8 75%);
  }
  .wis-story__box__closing .balloon span {
    bottom: calc(var(--f) * -8);
    -webkit-transform: rotate(-90deg);
            transform: rotate(-90deg);
  }
  .wis-story__box__closing .balloon span:nth-child(1) {
    left: calc(var(--f) * 28);
  }
  .wis-story__box__closing .balloon span:nth-child(4) {
    left: calc(var(--f) * 103);
  }
  .wis-story__box__closing .balloon span:nth-child(2) {
    left: calc(var(--f) * 178);
  }
  .wis-story__box__closing .balloon span:nth-child(3) {
    left: calc(var(--f) * 253);
  }
}

.wis-wrapup {
  position: relative;
  overflow: hidden;
  padding: 0 0 calc(var(--s) * 150);
}
.wis-wrapup__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.wis-wrapup__head {
  position: relative;
  z-index: 10;
  padding: calc(var(--s) * 64) 0 0;
  margin: 0 0 calc(var(--s) * 20);
  color: #fff;
}
.wis-wrapup__head::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  z-index: -1;
  display: block;
  width: 100vw;
  height: calc(100% - var(--f) * 70);
  margin-left: -50vw;
  background: #344D9F;
}
.wis-wrapup__head .title {
  margin: 0 0 calc(var(--s) * 45);
  color: #fff;
  font-size: calc(var(--f) * 40);
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
}
.wis-wrapup__head .illust {
  padding-left: calc(var(--s) * 40);
  text-align: center;
}
.wis-wrapup__head .illust img {
  display: inline-block;
  width: calc(var(--f) * 475);
}
.wis-wrapup__text__item {
  margin: 0 0 calc(var(--s) * 80);
}
.wis-wrapup__text__item .title {
  margin: 0 0 calc(var(--f) * 6);
  color: #344D9F;
  font-size: calc(var(--f) * 24);
  font-weight: 700;
}
.wis-wrapup__text__item .text p {
  margin: 0 0 calc(var(--f) * 24);
  font-size: calc(var(--f) * 16);
  line-height: 1.5;
}
.wis-wrapup__text__item .text p:last-child {
  margin-bottom: 0;
}
.wis-wrapup__nav__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.wis-wrapup__nav__item .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.wis-wrapup__nav__item .label:hover {
  opacity: 0.7;
}
.wis-wrapup__nav__item .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.wis-wrapup__nav__item .label a, .wis-wrapup__nav__item .label input, .wis-wrapup__nav__item .label button, .wis-wrapup__nav__item .label label, .wis-wrapup__nav__item .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .wis-wrapup__nav__item .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .wis-wrapup__nav__item .label a, .wis-wrapup__nav__item .label input, .wis-wrapup__nav__item .label button, .wis-wrapup__nav__item .label label, .wis-wrapup__nav__item .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.wis-wrapup__nav__item .label {
  width: calc(var(--f) * 220);
}
@media screen and (min-width: 960.02px) {
  .wis-wrapup__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .wis-wrapup__text__item:nth-child(1) {
    width: 54%;
  }
  .wis-wrapup__text__item:nth-child(2) {
    width: 46%;
  }
  .wis-wrapup__nav__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: calc(var(--s) * 33);
  }
}
@media screen and (max-width: 960px) {
  .wis-wrapup__head {
    position: relative;
    z-index: 10;
    padding: calc(var(--s) * 32) 0 0;
    margin: 0 0 calc(var(--s) * 20);
  }
  .wis-wrapup__head .title {
    margin-bottom: calc(var(--s) * 25);
    font-size: calc(var(--f) * 28);
  }
  .wis-wrapup__head .illust {
    padding-left: 0;
    text-align: center;
  }
  .wis-wrapup__head .illust img {
    width: 90%;
  }
  .wis-wrapup__text__item {
    margin: 0 0 calc(var(--s) * 20);
  }
  .wis-wrapup__text__item .title {
    font-size: calc(var(--f) * 20);
    line-height: 1.5;
  }
  .wis-wrapup__text__item .text p {
    margin: 0 0 calc(var(--f) * 12);
    font-size: calc(var(--f) * 14);
  }
  .wis-wrapup__nav__item {
    margin-bottom: calc(var(--f) * 12);
  }
}

.workshop-detail {
  position: relative;
  padding: calc(var(--s) * 124) 0 0;
}
.workshop-detail__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.workshop-detail__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.workshop-detail__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .workshop-detail__head {
    font-size: calc(var(--f) * 24);
  }
  .workshop-detail__head::after {
    width: calc(var(--f) * 45);
  }
}
.workshop-detail__head {
  margin-bottom: calc(var(--f) * 48);
}
.workshop-detail__about {
  margin-bottom: calc(var(--f) * 152);
}
.workshop-detail__text {
  margin: 0 0 calc(var(--f) * 50);
}
.workshop-detail__text h4 {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.workshop-detail__text h4::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.workshop-detail__text h4 b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.workshop-detail__text h4 small {
  display: block;
  font-size: 0.8em;
}
.workshop-detail__text h4 .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.workshop-detail__text h4 .catch::before, .workshop-detail__text h4 .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.workshop-detail__text h4 .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.workshop-detail__text h4 .catch b {
  font-size: 1.5em;
}
.workshop-detail__text h4 .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.workshop-detail__text h4 .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.workshop-detail__text h4 .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.workshop-detail__text h4 .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .workshop-detail__text h4 {
    font-size: calc(var(--f) * 20);
  }
}
.workshop-detail__text h4 {
  margin-top: calc(var(--s) * 120);
  margin-bottom: calc(var(--f) * 20);
}
.workshop-detail__text h4:first-child {
  margin-top: 0;
}
.workshop-detail__text p {
  margin: 0 0 1.5em;
}
.workshop-detail__text p strong {
  display: inline-block;
  margin: 0.25em 0 0;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  font-weight: 700;
}
.workshop-detail__text .ul {
  margin: calc(var(--f) * 44) 0;
}
.workshop-detail__text .ul ul {
  margin: 0 0 calc(var(--s) * 34);
}
.workshop-detail__text .ul ul:last-child {
  margin-bottom: 0;
}
.workshop-detail__text .ul ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.workshop-detail__text .ul ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.workshop-detail__text .ul ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .workshop-detail__text .ul ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .workshop-detail__text .ul ul {
    padding: 0;
  }
}
.workshop-detail__text .ul ul {
  padding-right: 0;
  margin-bottom: 0;
}
.workshop-detail__text .more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.workshop-detail__text .more .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.workshop-detail__text .more .label:hover {
  opacity: 0.7;
}
.workshop-detail__text .more .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.workshop-detail__text .more .label a, .workshop-detail__text .more .label input, .workshop-detail__text .more .label button, .workshop-detail__text .more .label label, .workshop-detail__text .more .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .workshop-detail__text .more .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .workshop-detail__text .more .label a, .workshop-detail__text .more .label input, .workshop-detail__text .more .label button, .workshop-detail__text .more .label label, .workshop-detail__text .more .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.workshop-detail__text .more {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: calc(var(--s) * 40) 0 0;
}
.workshop-detail__text .more .label {
  width: calc(var(--f) * 380);
}
.workshop-detail__text .pdf-outer__pdf .img {
  margin: 0 0 calc(var(--f) * 28);
}
.workshop-detail__text .pdf-outer__pdf .pdf {
  display: inline-block;
  min-height: calc(var(--f) * 30);
  padding: calc(var(--f) * 3) 0 calc(var(--f) * 3) 0;
  color: #333;
  text-decoration: underline;
  text-align: left;
}
.workshop-detail__text .pdf-outer__pdf .pdf::after {
  content: "";
  position: relative;
  top: calc(var(--f) * -3);
  display: inline-block;
  width: calc(var(--f) * 30);
  height: calc(var(--f) * 30);
  margin-left: calc(var(--f) * 6);
  vertical-align: middle;
  background: url(../img/_common/ico/pdf-red.svg) right center/contain no-repeat;
}
.workshop-detail__text .pdf-outer__pdf .pdf {
  margin: 0 0 calc(var(--f) * 6);
}
.workshop-detail__text .pdf-outer__pdf .outlink {
  display: inline-block;
  padding: 0 1.5em 0 0;
  margin: 0 calc(var(--f) * 12) 0 0;
  text-decoration: underline;
  background: url(../img/_common/ico/outlink-navy.svg) right center/1em auto no-repeat;
}
.workshop-detail__text .shw {
  margin-top: calc(var(--s) * 120);
  margin-bottom: calc(var(--s) * 75);
}
@media screen and (min-width: 960.02px) {
  .workshop-detail__text .pdf-outer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .workshop-detail__text .pdf-outer__text {
    width: 100%;
  }
  .workshop-detail__text .pdf-outer__pdf {
    width: calc(var(--f) * 390);
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin: 0 0 0 calc(var(--s) * 150);
  }
  .workshop-detail__text .pdf-outer__pdf .img {
    width: 64%;
  }
  .workshop-detail__text .commendation {
    position: relative;
    padding: 0 calc(var(--f) * 250) 0 0;
  }
  .workshop-detail__text .commendation .img {
    position: absolute;
    right: 0;
    top: 0;
    width: calc(var(--f) * 250);
  }
  .workshop-detail__text .shw .img {
    margin: calc(var(--s) * 20) 0 0 calc(var(--s) * 50);
  }
}
@media screen and (max-width: 960px) {
  .workshop-detail {
    padding: calc(var(--s) * 60) 0 0;
  }
  .workshop-detail__head {
    margin-bottom: calc(var(--f) * 32);
  }
  .workshop-detail__about {
    margin-bottom: calc(var(--s) * 75);
    font-size: calc(var(--f) * 14);
    line-height: 1.7;
  }
  .workshop-detail__text {
    margin-bottom: 0;
    font-size: calc(var(--f) * 14);
    line-height: 1.7;
  }
  .workshop-detail__text h4 {
    margin-top: calc(var(--s) * 90);
    margin-bottom: calc(var(--f) * 10);
  }
  .workshop-detail__text p strong {
    font-size: calc(var(--f) * 16);
  }
  .workshop-detail__text .ul {
    margin: calc(var(--f) * 38) 0;
  }
  .workshop-detail__text .more .label {
    width: calc(var(--f) * 280);
  }
  .workshop-detail__text .pdf-outer__pdf .img {
    width: calc(var(--f) * 140);
    margin: 0 auto calc(var(--f) * 28);
  }
  .workshop-detail__text .commendation .img {
    width: calc(var(--f) * 212);
    margin: 0 auto;
  }
}

.workshop-details {
  position: relative;
  padding: calc(var(--s) * 125) 0 0;
}
.workshop-details--last {
  padding-bottom: calc(var(--s) * 150);
}
.workshop-details__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
}
.workshop-details__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.workshop-details__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .workshop-details__head {
    font-size: calc(var(--f) * 24);
  }
  .workshop-details__head::after {
    width: calc(var(--f) * 45);
  }
}
.workshop-details__head {
  margin-bottom: calc(var(--f) * 56);
}
.workshop-details__title {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.workshop-details__title::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.workshop-details__title b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.workshop-details__title small {
  display: block;
  font-size: 0.8em;
}
.workshop-details__title .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.workshop-details__title .catch::before, .workshop-details__title .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.workshop-details__title .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.workshop-details__title .catch b {
  font-size: 1.5em;
}
.workshop-details__title .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.workshop-details__title .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.workshop-details__title .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.workshop-details__title .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .workshop-details__title {
    font-size: calc(var(--f) * 20);
  }
}
.workshop-details__text a {
  color: #344D9F;
  text-decoration: underline;
}
.workshop-details__text .sub-title {
  margin: calc(var(--f) * 94) 0 calc(var(--f) * 8);
  font-size: calc(var(--f) * 24);
  font-weight: 500;
}
.workshop-details__text .ul {
  margin: 0 0 calc(var(--s) * 34);
}
.workshop-details__text .ul:last-child {
  margin-bottom: 0;
}
.workshop-details__text .ul li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.workshop-details__text .ul li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.workshop-details__text .ul li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .workshop-details__text .ul {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .workshop-details__text .ul {
    padding: 0;
  }
}
.workshop-details__text .ul {
  margin: calc(var(--f) * 44) 0 calc(var(--s) * 30);
}
.workshop-details__text .ul strong {
  color: #344D9F;
  font-weight: 700;
}
.workshop-details__text .ul strong .large {
  font-size: calc(var(--f) * 20);
}
.workshop-details__text .ul ul {
  margin-bottom: 0;
}
.workshop-details__text .scroll-table table {
  width: 100%;
}
.workshop-details__text .scroll-table table th, .workshop-details__text .scroll-table table td {
  text-align: left;
}
.workshop-details__text .scroll-table table a {
  color: #344D9F;
  text-decoration: underline;
}
.workshop-details__text .scroll-table table thead th, .workshop-details__text .scroll-table table thead td {
  padding: 0.35em calc(var(--s) * 26);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  white-space: nowrap;
  background: rgba(29, 133, 248, 0.1);
}
.workshop-details__text .scroll-table table tbody th, .workshop-details__text .scroll-table table tbody td {
  padding: 1.5em 0 1.5em calc(var(--f) * 26);
  line-height: 1.625;
  border-bottom: 1px solid rgba(52, 77, 159, 0.2);
}
.workshop-details__text .scroll-table table tbody th {
  font-weight: 500;
}
.workshop-details__text .scroll-table table tbody tr.total th, .workshop-details__text .scroll-table table tbody tr.total td {
  background: rgba(51, 51, 51, 0.05);
}
@media screen and (max-width: 960px) {
  .workshop-details__text .scroll-table table thead th, .workshop-details__text .scroll-table table thead td {
    font-size: calc(var(--f) * 16);
  }
  .workshop-details__text .scroll-table table tbody th, .workshop-details__text .scroll-table table tbody td {
    font-size: calc(var(--f) * 14);
  }
}
.workshop-details__text .scroll-table-title {
  width: 100%;
  margin: calc(var(--f) * 94) 0 calc(var(--f) * 8);
  line-height: 1.5;
}
.workshop-details__text .scroll-table-title:first-child {
  margin-top: 0;
}
.workshop-details__text .scroll-table-title .title {
  font-size: calc(var(--f) * 20);
  font-weight: 500;
}
.workshop-details__text .scroll-table-title .unit {
  font-size: calc(var(--f) * 14);
}
.workshop-details__text .scroll-table-notice {
  margin: calc(var(--f) * 16) 0 0;
}
.workshop-details__list {
  margin: calc(var(--s) * 85) 0 calc(var(--s) * 63);
}
.workshop-details__list__box {
  position: relative;
  display: block;
  padding: calc(var(--f) * 46) calc(var(--f) * 24) calc(var(--f) * 10);
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 30);
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
}
.workshop-details__list__box .count {
  position: absolute;
  right: 0;
  top: calc(var(--f) * -35);
  left: 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) * 70);
  height: calc(var(--f) * 70);
  padding: 0 0 0.07em;
  margin: 0 auto;
  color: #fff;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
  background: #344D9F;
  border-radius: 999px;
}
.workshop-details__list__box .title {
  margin: 0 0 0.4em;
  color: #344D9F;
  font-size: calc(var(--f) * 24);
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
}
.workshop-details__list__box .title b {
  font-size: 1.33em;
  font-weight: 900;
}
.workshop-details__list__box .illust {
  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%;
  aspect-ratio: 280/180;
  background: #E9EDF5;
  border-radius: calc(var(--f) * 15);
}
.workshop-details__list__box .illust img {
  display: block;
  width: 53.6%;
}
.workshop-details__list__box .text {
  padding: calc(var(--f) * 15) 0 calc(var(--f) * 20);
  font-size: calc(var(--f) * 24);
  line-height: 1.4;
  font-weight: 700;
  text-align: center;
}
.workshop-details__list__box .text p {
  margin-bottom: calc(var(--f) * 16);
}
.workshop-details__list__box .text p:last-child {
  margin-bottom: 0;
}
.workshop-details__list__box .text .notice {
  font-size: calc(var(--f) * 20);
  font-weight: 500;
}
.workshop-details__list__box .text .notice b {
  display: inline-block;
  font-size: calc(var(--f) * 24);
  line-height: 1.4;
  font-weight: 900;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, rgba(29, 133, 248, 0.25)), color-stop(98%, rgba(29, 133, 248, 0.25)), color-stop(98%, transparent));
  background: linear-gradient(transparent 70%, rgba(29, 133, 248, 0.25) 70%, rgba(29, 133, 248, 0.25) 98%, transparent 98%);
}
.workshop-details__list__box .text .about {
  font-size: calc(var(--f) * 16);
  line-height: 1.5;
  font-weight: 400;
}
.workshop-details__list__notice {
  margin: calc(var(--f) * 40) 0 0;
}
@media screen and (min-width: 960.02px) {
  .workshop-details__text .scroll-table-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-line-pack: end;
        align-content: flex-end;
  }
  .workshop-details__list__items {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: calc(var(--s) * 63) calc(var(--s) * 45);
  }
  .workshop-details__list__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc((100% - var(--s) * 91) / 3);
  }
  .workshop-details__list__item:nth-child(1):nth-last-child(2), .workshop-details__list__item:nth-child(2):nth-last-child(1) {
    width: calc(var(--f) * 330);
  }
}
@media screen and (max-width: 960px) {
  .workshop-details {
    padding: 0;
    margin: calc(var(--s) * 60) 0;
  }
  .workshop-details__head {
    margin-bottom: calc(var(--f) * 25);
  }
  .workshop-details__text {
    font-size: calc(var(--f) * 14);
  }
  .workshop-details__text .sub-title {
    margin: calc(var(--f) * 47) 0 calc(var(--f) * 8);
    font-size: calc(var(--f) * 16);
  }
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  .workshop-details__text .scroll {
    position: relative;
  }
  .workshop-details__text .scroll::before, .workshop-details__text .scroll::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    width: calc(var(--f) * 25);
    height: calc(var(--f) * 25);
    background: url(../img/_common/ico/scroll-arrow.svg) center/contain no-repeat;
  }
  .workshop-details__text .scroll::before {
    left: calc(var(--f) * -12.5);
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  .workshop-details__text .scroll::after {
    right: calc(var(--f) * -12.5);
  }
  .workshop-details__text .scroll__inner {
    position: relative;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 960px) {
  .workshop-details__text .scroll__contents {
    width: calc(var(--f) * 460);
  }
  .workshop-details__text .scroll-table-title {
    width: 100%;
    margin: calc(var(--f) * 94) 0 calc(var(--f) * 8);
    line-height: 1.5;
  }
  .workshop-details__text .scroll-table-title:first-child {
    margin-top: 0;
  }
  .workshop-details__text .scroll-table-title .title {
    font-size: calc(var(--f) * 16);
  }
  .workshop-details__text .scroll-table-title .unit {
    display: block;
    font-size: calc(var(--f) * 12);
    text-align: right;
  }
  .workshop-details__text .scroll-table-notice {
    margin-top: calc(var(--f) * 8);
  }
  .workshop-details__list__item {
    margin-bottom: calc(var(--s) * 35);
  }
  .workshop-details__list__item:last-child {
    margin-bottom: 0;
  }
  .workshop-details__list__box {
    padding: calc(var(--f) * 36) 0 calc(var(--f) * 20);
    min-height: calc(var(--f) * 170);
    border-radius: calc(var(--f) * 20);
  }
  .workshop-details__list__box .count {
    top: calc(var(--f) * -25);
    width: calc(var(--f) * 50);
    height: calc(var(--f) * 50);
    font-size: calc(var(--f) * 32);
  }
  .workshop-details__list__box .title {
    padding-left: calc(var(--f) * 170);
    font-size: calc(var(--f) * 16);
    text-align: left;
  }
  .workshop-details__list__box .illust {
    position: absolute;
    left: calc(var(--f) * 20);
    top: calc(var(--f) * 25);
    width: calc(var(--f) * 120);
    aspect-ratio: 1/1;
  }
  .workshop-details__list__box .illust img {
    width: 83.3%;
  }
  .workshop-details__list__box .text {
    padding: 0;
    font-size: calc(var(--f) * 20);
    font-weight: 500;
  }
  .workshop-details__list__box .text p {
    padding: 0 calc(var(--f) * 20);
  }
  .workshop-details__list__box .text p:first-child {
    min-height: calc(var(--f) * 64);
    padding-left: calc(var(--f) * 170);
    text-align: left;
  }
  .workshop-details__list__box .text .notice {
    font-size: calc(var(--f) * 14);
  }
  .workshop-details__list__box .text .about {
    font-size: calc(var(--f) * 14);
  }
  .workshop-details__list__notice {
    margin-top: calc(var(--f) * 8);
  }
}

.workshop-schedule {
  padding: calc(var(--s) * 150) 0;
}
.workshop-schedule__container {
  width: 1080px;
  max-width: 89.3vw;
  margin: 0 auto;
  position: relative;
}
.workshop-schedule__head {
  margin: 0 0 calc(var(--f) * 46);
  color: #344D9F;
  font-size: calc(var(--f) * 40);
  line-height: 1.4;
  font-weight: 900;
}
.workshop-schedule__head::after {
  content: "";
  display: block;
  width: calc(var(--f) * 100);
  height: calc(var(--f) * 5);
  margin: calc(var(--f) * 15) 0 0;
  background: #1D85F8;
}
@media screen and (max-width: 960px) {
  .workshop-schedule__head {
    font-size: calc(var(--f) * 24);
  }
  .workshop-schedule__head::after {
    width: calc(var(--f) * 45);
  }
}
.workshop-schedule__head {
  margin-bottom: calc(var(--f) * 30);
}
.workshop-schedule__info {
  margin-bottom: calc(var(--f) * 75);
}
.workshop-schedule__info__head {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.workshop-schedule__info__head::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.workshop-schedule__info__head b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.workshop-schedule__info__head small {
  display: block;
  font-size: 0.8em;
}
.workshop-schedule__info__head .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.workshop-schedule__info__head .catch::before, .workshop-schedule__info__head .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.workshop-schedule__info__head .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.workshop-schedule__info__head .catch b {
  font-size: 1.5em;
}
.workshop-schedule__info__head .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.workshop-schedule__info__head .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.workshop-schedule__info__head .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.workshop-schedule__info__head .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .workshop-schedule__info__head {
    font-size: calc(var(--f) * 20);
  }
}
.workshop-schedule__info__head {
  margin-bottom: calc(var(--f) * 16);
}
.workshop-schedule__info__text {
  margin: 0 0 calc(var(--s) * 34);
}
.workshop-schedule__info__text:last-child {
  margin-bottom: 0;
}
.workshop-schedule__info__text li {
  position: relative;
  padding: 0 0 calc(var(--f) * 2) calc(var(--f) * 30);
  font-weight: 500;
}
.workshop-schedule__info__text li::before {
  content: "●";
  position: absolute;
  left: 0;
  top: 0;
  color: #344D9F;
}
.workshop-schedule__info__text li:last-child {
  padding-bottom: 0;
}
@media screen and (min-width: 960.02px) {
  .workshop-schedule__info__text {
    padding: 0 calc(var(--s) * 56);
  }
}
@media screen and (max-width: 960px) {
  .workshop-schedule__info__text {
    padding: 0;
  }
}
.workshop-schedule__list .step-detail__item {
  position: relative;
  overflow: hidden;
  margin: 0 0 calc(var(--f) * 25);
  border: 1px solid #344D9F;
  border-radius: calc(var(--f) * 15);
}
.workshop-schedule__list .step-detail__item:last-child {
  margin-bottom: 0;
}
.workshop-schedule__list .step-detail__item input {
  display: none;
}
.workshop-schedule__list .step-detail__item label {
  position: relative;
  cursor: pointer;
  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;
  padding: calc(var(--f) * 10) calc(var(--s) * 74);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
  background: #E9EDF5;
}
.workshop-schedule__list .step-detail__item label i {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc(var(--s) * 24);
  display: block;
  width: calc(var(--f) * 26);
  height: calc(var(--f) * 26);
  margin: auto 0;
  border: 1px solid #344D9F;
  border-radius: 999px;
  background: #fff;
}
.workshop-schedule__list .step-detail__item label i::before, .workshop-schedule__list .step-detail__item label i::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 50%;
  height: 1px;
  margin: auto;
  background: #344D9F;
}
.workshop-schedule__list .step-detail__item label i::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.workshop-schedule__list .step-detail__item label .season {
  font-size: 0.8em;
}
.workshop-schedule__list .step-detail__item label .step-detail__count {
  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;
  padding: 0.15em 0 0;
}
.workshop-schedule__list .step-detail__item label .step-detail__count b {
  position: relative;
  top: -0.2em;
  margin-left: 0.15em;
  margin-right: 0.1em;
  font-size: 1.6em;
}
.workshop-schedule__list .step-detail__item label .step-detail__count::after {
  content: "";
  position: relative;
  top: -0.2em;
  display: block;
  width: 1px;
  height: 1.5em;
  margin: 0 1.75em 0 1.25em;
  background: #344D9F;
}
.workshop-schedule__list .step-detail__item label .step-detail__title--small {
  font-size: calc(var(--f) * 16);
  font-weight: 500;
}
.workshop-schedule__list .step-detail__item label:hover {
  color: rgba(52, 77, 159, 0.5);
}
.workshop-schedule__list .step-detail__item input:checked + label i::after {
  display: none;
}
.workshop-schedule__list .step-detail__item .step-detail__text {
  position: relative;
  height: calc(var(--f) * 50);
  padding: calc(var(--f) * 8) calc(var(--f) * 50) calc(var(--f) * 36) !important;
}
.workshop-schedule__list .step-detail__item .step-detail__text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  width: 100%;
  height: calc(var(--f) * 30);
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
  background: linear-gradient(rgba(255, 255, 255, 0), white);
}
.workshop-schedule__list .step-detail__item .step-detail__text a {
  color: #344D9F;
  text-decoration: underline;
}
.workshop-schedule__list .step-detail__item .step-detail__text p {
  margin: 0 0 2.2em;
}
.workshop-schedule__list .step-detail__item .step-detail__text p strong {
  color: #344D9F;
  font-weight: 700;
}
.workshop-schedule__list .step-detail__item .step-detail__text p strong .large {
  font-size: calc(var(--f) * 20);
}
.workshop-schedule__list .step-detail__item .step-detail__text p .pdf {
  display: inline-block;
  min-height: calc(var(--f) * 30);
  padding: calc(var(--f) * 3) 0 calc(var(--f) * 3) 0;
  color: #333;
  text-decoration: underline;
  text-align: left;
}
.workshop-schedule__list .step-detail__item .step-detail__text p .pdf::after {
  content: "";
  position: relative;
  top: calc(var(--f) * -3);
  display: inline-block;
  width: calc(var(--f) * 30);
  height: calc(var(--f) * 30);
  margin-left: calc(var(--f) * 6);
  vertical-align: middle;
  background: url(../img/_common/ico/pdf-red.svg) right center/contain no-repeat;
}
.workshop-schedule__list .step-detail__item .step-detail__text p .pdf {
  margin-left: 2.5em;
}
.workshop-schedule__list .step-detail__item .step-detail__text p:last-child {
  margin-bottom: 0;
}
.workshop-schedule__list .step-detail__item .step-detail__text .btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.workshop-schedule__list .step-detail__item .step-detail__text .btn .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.workshop-schedule__list .step-detail__item .step-detail__text .btn .label:hover {
  opacity: 0.7;
}
.workshop-schedule__list .step-detail__item .step-detail__text .btn .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.workshop-schedule__list .step-detail__item .step-detail__text .btn .label a, .workshop-schedule__list .step-detail__item .step-detail__text .btn .label input, .workshop-schedule__list .step-detail__item .step-detail__text .btn .label button, .workshop-schedule__list .step-detail__item .step-detail__text .btn .label label, .workshop-schedule__list .step-detail__item .step-detail__text .btn .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .workshop-schedule__list .step-detail__item .step-detail__text .btn .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .workshop-schedule__list .step-detail__item .step-detail__text .btn .label a, .workshop-schedule__list .step-detail__item .step-detail__text .btn .label input, .workshop-schedule__list .step-detail__item .step-detail__text .btn .label button, .workshop-schedule__list .step-detail__item .step-detail__text .btn .label label, .workshop-schedule__list .step-detail__item .step-detail__text .btn .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.workshop-schedule__list .step-detail__item .step-detail__text .btn {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.workshop-schedule__list .step-detail__item .step-detail__text .table table thead th, .workshop-schedule__list .step-detail__item .step-detail__text .table table thead td {
  text-align: center;
}
.workshop-schedule__list .step-detail__item .step-detail__text .table table tbody th, .workshop-schedule__list .step-detail__item .step-detail__text .table table tbody td {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}
.workshop-schedule__list .step-detail__item .step-detail__text .table table tbody tr.bottom-line-dark th, .workshop-schedule__list .step-detail__item .step-detail__text .table table tbody tr.bottom-line-dark td {
  border-bottom-color: rgba(52, 77, 159, 0.5);
}
.workshop-schedule__list .step-detail__item input:checked + label + .step-detail__text {
  height: unset;
}
.workshop-schedule__list .step-detail__item input:checked + label + .step-detail__text::after {
  display: none;
}
.workshop-schedule__list .step-detail__item .step-detail__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.workshop-schedule__list .step-detail__item .step-detail__close .label {
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.workshop-schedule__list .step-detail__item .step-detail__close .label:hover {
  opacity: 0.7;
}
.workshop-schedule__list .step-detail__item .step-detail__close .label {
  position: relative;
  display: block;
  min-width: calc(var(--f) * 250);
  max-width: 100%;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: 999px;
  -webkit-box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
          box-shadow: calc(var(--f) * 6) calc(var(--f) * 6) calc(var(--f) * 10) 0 rgba(0, 0, 0, 0.08);
  background: #fff url(../img/_common/ico/arrow-navy.svg) right calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
}
.workshop-schedule__list .step-detail__item .step-detail__close .label a, .workshop-schedule__list .step-detail__item .step-detail__close .label input, .workshop-schedule__list .step-detail__item .step-detail__close .label button, .workshop-schedule__list .step-detail__item .step-detail__close .label label, .workshop-schedule__list .step-detail__item .step-detail__close .label span {
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  width: 100%;
  height: calc(var(--f) * 66);
  padding: 0 calc(var(--f) * 64) 0 calc(var(--f) * 32);
  color: #344D9F;
  line-height: 1.5;
  font-weight: 500;
  text-align: left;
  text-decoration: none;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: none;
}
@media screen and (max-width: 960px) {
  .workshop-schedule__list .step-detail__item .step-detail__close .label {
    min-width: calc(var(--f) * 220);
    background-size: calc(var(--f) * 20) !important;
    background-position: right calc(var(--f) * 16) center;
  }
  .workshop-schedule__list .step-detail__item .step-detail__close .label a, .workshop-schedule__list .step-detail__item .step-detail__close .label input, .workshop-schedule__list .step-detail__item .step-detail__close .label button, .workshop-schedule__list .step-detail__item .step-detail__close .label label, .workshop-schedule__list .step-detail__item .step-detail__close .label span {
    height: calc(var(--f) * 56);
    padding-right: calc(var(--f) * 48);
    padding-left: calc(var(--f) * 24);
    font-size: calc(var(--f) * 14);
  }
}
.workshop-schedule__list .step-detail__item .step-detail__close .label {
  display: inline-block;
  background: #fff url(../img/_common/ico/close-navy.svg) left calc(var(--f) * 28) center/calc(var(--f) * 25) auto no-repeat;
  border-color: #CCD2E7;
}
.workshop-schedule__list .step-detail__item .step-detail__close .label a, .workshop-schedule__list .step-detail__item .step-detail__close .label input, .workshop-schedule__list .step-detail__item .step-detail__close .label button, .workshop-schedule__list .step-detail__item .step-detail__close .label label, .workshop-schedule__list .step-detail__item .step-detail__close .label span {
  min-width: unset;
  padding: 0 calc(var(--f) * 32) 0 calc(var(--f) * 72);
}
.workshop-schedule__list .step-detail__item .step-detail__close {
  display: none;
  width: 100%;
  margin: 0 0 calc(var(--s) * 50);
  text-align: center;
}
.workshop-schedule__list .step-detail__item .step-detail__close .label {
  min-width: unset;
  width: calc(var(--f) * 150);
  white-space: nowrap;
}
.workshop-schedule__list .step-detail__item input:checked + label + .step-detail__text + .step-detail__close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 960.02px) {
  .workshop-schedule__list .step-detail__item .step-detail__text {
    padding: calc(var(--f) * 8) calc(var(--f) * 20) calc(var(--f) * 20);
  }
  .workshop-schedule__list .step-detail__item .step-detail__text p .pdf {
    margin-left: 2.5em;
  }
}
@media screen and (max-width: 960px) {
  .workshop-schedule__list .step-detail__item label {
    padding: calc(var(--f) * 10) calc(var(--s) * 20) calc(var(--f) * 10) calc(var(--s) * 48);
    font-size: calc(var(--f) * 14);
  }
  .workshop-schedule__list .step-detail__item label i {
    left: calc(var(--f) * 20);
    width: calc(var(--f) * 20);
    height: calc(var(--f) * 20);
  }
  .workshop-schedule__list .step-detail__item label .step-detail__count {
    font-size: calc(var(--f) * 14);
  }
  .workshop-schedule__list .step-detail__item label .step-detail__count::after {
    margin: 0 calc(var(--f) * 10);
  }
  .workshop-schedule__list .step-detail__item label.course-label {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: calc(var(--s) * 20);
  }
  .workshop-schedule__list .step-detail__item label.course-label i {
    position: absolute;
    top: calc(var(--f) * 12);
    margin: 0;
  }
  .workshop-schedule__list .step-detail__item label.course-label .step-detail__count {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    text-indent: calc(var(--s) * 28);
  }
  .workshop-schedule__list .step-detail__item label.course-label .step-detail__count::after {
    width: 100%;
    height: 1px;
    margin: calc(var(--f) * 12) 0 calc(var(--f) * 4);
  }
  .workshop-schedule__list .step-detail__item label.course-label .step-detail__title {
    width: 100%;
    font-size: calc(var(--f) * 14);
  }
  .workshop-schedule__list .step-detail__item .step-detail__text {
    padding: calc(var(--f) * 8) calc(var(--f) * 20) calc(var(--f) * 20) !important;
  }
  .workshop-schedule__list .step-detail__item .step-detail__text p .pdf {
    margin-top: 1em;
    margin-left: 0;
  }
}
.workshop-schedule__list {
  margin-bottom: calc(var(--s) * 100);
}
.workshop-schedule__list:last-child {
  margin-bottom: 0;
}
.workshop-schedule__list .sub-head {
  position: relative;
  padding: 0 0 0 calc(var(--f) * 24);
  margin: 0 0 calc(var(--f) * 55);
  font-size: calc(var(--f) * 24);
  line-height: 1.5;
  font-weight: 700;
  text-align: left;
}
.workshop-schedule__list .sub-head::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: calc(var(--f) * 10);
  height: 100%;
  background: #1D85F8;
  border-radius: calc(var(--f) * 2);
}
.workshop-schedule__list .sub-head b {
  font-size: 1.33em;
  line-height: 1;
  font-weight: 900;
}
.workshop-schedule__list .sub-head small {
  display: block;
  font-size: 0.8em;
}
.workshop-schedule__list .sub-head .catch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: calc(var(--f) * 6);
  margin: 0 0 calc(var(--f) * 10);
  color: #1D85F8;
  line-height: calc(var(--f) * 24);
  font-weight: 500;
}
.workshop-schedule__list .sub-head .catch::before, .workshop-schedule__list .sub-head .catch::after {
  content: "";
  display: block;
  width: 0.875em;
  height: 1.4375em;
  background: url(../img/_common/useful-links-more.svg) center/contain no-repeat;
}
.workshop-schedule__list .sub-head .catch::after {
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.workshop-schedule__list .sub-head .catch b {
  font-size: 1.5em;
}
.workshop-schedule__list .sub-head .catch {
  position: absolute;
  left: 0;
  bottom: 100%;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
}
.workshop-schedule__list .sub-head .type {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.3em 1.5em;
  margin: 0 0 0 1em;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 5);
  background: #fff;
}
.workshop-schedule__list .sub-head .type::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(51, 51, 51, 0.3);
  border-radius: calc(var(--f) * 8);
}
.workshop-schedule__list .sub-head .merit {
  display: inline-block;
  padding: 0 1.25em;
  margin: 0 0.25em;
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  border: calc(var(--f) * 2) solid #344D9F;
  border-radius: calc(var(--f) * 10);
}
@media screen and (max-width: 960px) {
  .workshop-schedule__list .sub-head {
    font-size: calc(var(--f) * 20);
  }
}
.workshop-schedule__list .sub-head {
  margin-bottom: calc(var(--f) * 35);
}
.workshop-schedule__list .step-detail__item {
  margin-bottom: calc(var(--f) * 35);
}
.workshop-schedule__list .step-detail__item label {
  min-height: calc(var(--f) * 60);
}
.workshop-schedule__list .step-detail__item label .season {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.15em 0.9em;
  margin: 0 0 0 1em;
  color: #333;
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 8);
  background: #fff;
}
.workshop-schedule__list .step-detail__item label .season::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #344D9F;
  border-radius: calc(var(--f) * 8);
}
.workshop-schedule__list .step-detail__item label .season.first::before {
  border-color: #1D85F8;
  background-color: rgba(29, 133, 248, 0.1);
}
.workshop-schedule__list .step-detail__item label .season.second::before {
  border-color: #FFA500;
  background-color: rgba(255, 165, 0, 0.1);
}
.workshop-schedule__list .step-detail__item .step-detail__text {
  display: none;
}
.workshop-schedule__list .step-detail__item .step-detail__text .table-scroll table {
  width: 100%;
}
.workshop-schedule__list .step-detail__item .step-detail__text .table-scroll table th, .workshop-schedule__list .step-detail__item .step-detail__text .table-scroll table td {
  text-align: left;
}
.workshop-schedule__list .step-detail__item .step-detail__text .table-scroll table a {
  color: #344D9F;
  text-decoration: underline;
}
.workshop-schedule__list .step-detail__item .step-detail__text .table-scroll table thead th, .workshop-schedule__list .step-detail__item .step-detail__text .table-scroll table thead td {
  padding: 0.35em calc(var(--s) * 26);
  color: #344D9F;
  font-size: calc(var(--f) * 20);
  line-height: 1.6;
  font-weight: 700;
  white-space: nowrap;
  background: rgba(29, 133, 248, 0.1);
}
.workshop-schedule__list .step-detail__item .step-detail__text .table-scroll table tbody th, .workshop-schedule__list .step-detail__item .step-detail__text .table-scroll table tbody td {
  padding: 1.5em 0 1.5em calc(var(--f) * 26);
  line-height: 1.625;
  border-bottom: 1px solid rgba(52, 77, 159, 0.2);
}
.workshop-schedule__list .step-detail__item .step-detail__text .table-scroll table tbody th {
  font-weight: 500;
}
.workshop-schedule__list .step-detail__item .step-detail__text .table-scroll table tbody tr.total th, .workshop-schedule__list .step-detail__item .step-detail__text .table-scroll table tbody tr.total td {
  background: rgba(51, 51, 51, 0.05);
}
@media screen and (max-width: 960px) {
  .workshop-schedule__list .step-detail__item .step-detail__text .table-scroll table thead th, .workshop-schedule__list .step-detail__item .step-detail__text .table-scroll table thead td {
    font-size: calc(var(--f) * 16);
  }
  .workshop-schedule__list .step-detail__item .step-detail__text .table-scroll table tbody th, .workshop-schedule__list .step-detail__item .step-detail__text .table-scroll table tbody td {
    font-size: calc(var(--f) * 14);
  }
}
.workshop-schedule__list .step-detail__item .step-detail__text .table-scroll {
  white-space: nowrap;
}
.workshop-schedule__list .step-detail__item .step-detail__text a {
  color: #344D9F;
  font-weight: 500;
  text-decoration: underline;
}
.workshop-schedule__list .step-detail__item .step-detail__text .additional {
  position: relative;
  z-index: 10;
  display: inline-block;
  padding: 0.15em 0.9em;
  margin: 0 0 0 1em;
  color: #344D9F;
  font-size: calc(var(--f) * 16);
  font-weight: 500;
  vertical-align: middle;
  border-radius: calc(var(--f) * 8);
  background: #fff;
}
.workshop-schedule__list .step-detail__item .step-detail__text .additional::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100%;
  border: 1px solid #1D85F8;
  border-radius: calc(var(--f) * 8);
  background-color: rgba(29, 133, 248, 0.1);
}
.workshop-schedule__list .step-detail__item input:checked + label + .step-detail__text {
  display: block;
}
@media screen and (max-width: 960px) and (max-width: 960px) {
  .workshop-schedule__list .step-detail__text .scroll {
    position: relative;
  }
  .workshop-schedule__list .step-detail__text .scroll::before, .workshop-schedule__list .step-detail__text .scroll::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    display: block;
    width: calc(var(--f) * 25);
    height: calc(var(--f) * 25);
    background: url(../img/_common/ico/scroll-arrow.svg) center/contain no-repeat;
  }
  .workshop-schedule__list .step-detail__text .scroll::before {
    left: calc(var(--f) * -12.5);
    -webkit-transform: scale(-1, 1);
            transform: scale(-1, 1);
  }
  .workshop-schedule__list .step-detail__text .scroll::after {
    right: calc(var(--f) * -12.5);
  }
  .workshop-schedule__list .step-detail__text .scroll__inner {
    position: relative;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 960px) {
  .workshop-schedule__list .step-detail__text .scroll__contents {
    width: calc(var(--f) * 560);
  }
  .workshop-schedule__list .step-detail__text .table-scroll {
    font-size: calc(var(--f) * 14);
  }
}

#import-delete {
  background: #E9EDF5;
  padding: calc(var(--s) * 30);
}
#import-delete h2 {
  margin: 0 0 1em;
  font-size: calc(var(--f) * 26);
  font-weight: 700;
}
#import-delete a {
  text-decoration: underline;
}
#import-delete a.button {
  display: inline-block;
  padding: 0 1em;
  color: #fff;
  background: #344D9F;
  text-decoration: none;
  border-radius: 999px;
}
#import-delete div.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: calc(var(--f) * 26);
  margin: calc(var(--s) * 40) 0;
}
#import-delete div.container .box {
  position: relative;
  padding: calc(var(--f) * 4);
  background: #fff;
}
#import-delete div.container .box h3 {
  padding: 0 2em;
  color: #fff;
  text-align: center;
  background: #333;
}
#import-delete div.container .box p {
  padding: calc(var(--f) * 26);
}
#import-delete div.container .box ul {
  padding: calc(var(--f) * 26);
}
#import-delete div.container .box:nth-child(2)::after, #import-delete div.container .box:nth-child(2)::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  width: 20em;
  height: 2em;
  margin: auto;
  background: rgba(248, 8, 17, 0.25);
}
#import-delete div.container .box:nth-child(2)::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
#import-delete div.container .box:nth-child(2)::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

#validation-check {
  background: #E9EDF5;
  padding: calc(var(--s) * 30);
}
#validation-check h2 {
  margin: 0 0 1em;
  font-size: calc(var(--f) * 26);
  font-weight: 700;
}
#validation-check a {
  text-decoration: underline;
}
#validation-check a.button {
  display: inline-block;
  padding: 0 1em;
  color: #fff;
  background: #344D9F;
  text-decoration: none;
  border-radius: 999px;
}
#validation-check .table {
  width: 100%;
  margin: calc(var(--s) * 40) 0;
  overflow-x: scroll;
  background: #fff;
}
#validation-check .table tr.error {
  border: 2px solid #F80811;
}
#validation-check .table th {
  font-weight: 700;
}
#validation-check .table th, #validation-check .table td {
  padding: 0.5em 1em;
  border: 1px solid #CCD2E7;
  font-size: calc(var(--f) * 14);
  line-height: 1.5;
  white-space: nowrap;
  vertical-align: middle;
}
#validation-check .table th.error, #validation-check .table td.error {
  color: #F80811;
  background: rgba(248, 8, 17, 0.07) !important;
}
#validation-check .table th span.error, #validation-check .table td span.error {
  display: inline-block;
  padding: 0 0.5em;
  color: #fff;
  font-size: 0.9em;
  background: #F80811;
}
#validation-check .table thead th, #validation-check .table thead td {
  color: #fff;
  text-align: center;
  background: #333;
}
#validation-check .table tbody tr:nth-child(2n) th, #validation-check .table tbody tr:nth-child(2n) td {
  background: rgba(51, 51, 51, 0.05);
}

/*
 * PDFアイコンをつけるスタイル
 * 1. .pdf-icon クラスにアイコンをつける（汎用）
 * 2. お知らせ記事のPDFリンクにアイコンをつける
 * ※WPデフォルトのボタンクラスがついている場合は適用しない
 */
.pdf-icon,
.news-detail a[href$=".pdf"]:not(.wp-block-file__button):not(.wp-element-button):not(.wp-block-file__embed) {
  display: inline-block;
  min-height: calc(var(--f) * 30);
  padding: calc(var(--f) * 3) 0 calc(var(--f) * 3) 0;
  color: #333;
  text-decoration: underline;
  text-align: left;
}
.pdf-icon::after,
.news-detail a[href$=".pdf"]:not(.wp-block-file__button):not(.wp-element-button):not(.wp-block-file__embed)::after {
  content: "";
  position: relative;
  top: calc(var(--f) * -3);
  display: inline-block;
  width: calc(var(--f) * 30);
  height: calc(var(--f) * 30);
  margin-left: calc(var(--f) * 6);
  vertical-align: middle;
  background: url(../img/_common/ico/pdf-red.svg) right center/contain no-repeat;
}

/*
  * お知らせ記事のボタンの時にスタイルを除外
  * さらにボタンテキストの左右に余白を追加
  *  */
.news-detail__contents a.wp-block-file__button,
.news-detail__contents a.wp-element-button {
  font-weight: 400;
  text-decoration: none;
  padding: 0 8px;
}

.text-link {
  color: #344D9F;
  text-align: left;
  text-decoration: underline;
}