@charset "UTF-8";
/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
/* ページ内リンクを少し上にする設定 */
	scroll-padding-top: 120px;
 	scroll-behavior:auto;
}

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

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

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

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

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: bold;
}

dd {
  margin-left: 0;
}

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

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

address {
  font-style: inherit;
}

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

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

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

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

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none; /* 1 */
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

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

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

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

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

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

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

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

legend {
  padding: 0;
}

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

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

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

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

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

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

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

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

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

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

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

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

th {
  text-align: left;
  font-weight: bold;
}

@font-face {
  font-family: "Local Noto Sans JP";
  src: local("Noto Sans JP");
}
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

html {
  text-size-adjust: 100%;
  font-size: 62.5%; /* 16px x 0.625 = 10px(=1rem) */
  height: 100%;
}

body {
  background-color: #F8F8F8;
  color: #2B2F3C;
  font-family: "Local Noto Sans JP", "Noto Sans JP", sans-serif;
  font-weight: 500;
  letter-spacing: 0em;
  line-height: 2;
  word-break: break-all;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-optical-sizing: auto;
  font-style: normal;
  height: 100%;
}
@media screen and (max-width: 767.98px) {
  body {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 768px) {
  body {
    font-size: 14px;
    font-size: 1.4rem;
  }
}

iframe {
  border: 0;
}

a {
  text-decoration: none;
}

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

i, svg {
  display: block;
  align-items: center;
  line-height: 1;
  max-width: 100%;
  height: auto;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  transition: background-color 0.25s ease;
}
.header.is-active h1 {
  color: #ED1C24;
}
.header__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media screen and (max-width: 767.98px) {
  .header__container {
    padding: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .header__container {
    padding: 3rem 2rem;
    min-width: 1140px;
    max-width: 1406px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 767.98px) {
  .header__logo {
    width: 162px;
  }
}
.header__logo-link {
  display: block;
}
.home .header__logo-mark path {
  transition: fill 0.4s ease-in-out;
  fill: #fff;
}
.is-active .header__logo-mark path {
  fill: #ED1C24 !important;
}
.header__logo-title {
  color: #ED1C24;
  margin-top: 0.5rem;
  transition: color 0.4s ease-in-out;
}
@media screen and (max-width: 767.98px) {
  .header__logo-title {
    font-size: 8px;
    font-size: 0.8rem;
  }
}
@media screen and (min-width: 768px) {
  .header__logo-title {
    font-size: 1rem;
  }
}
.home .header__logo-title {
  color: #fff;
}
.is-active .header__logo-title {
  color: #ED1C24 !important;
}
@media screen and (max-width: 767.98px) {
  .header__find {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .header__find {
    flex: 1;
    display: flex;
    justify-content: center;
  }
}
.header__find-frame {
  display: flex;
  height: 55px;
  background-color: rgba(255, 255, 255, 0.3);
  backdrop-filter: blur(30px) brightness(1.18);
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .header__find-menu {
    margin: 0 1.6rem;
  }
  .header__find-menu .find-nav {
    padding: 0 1.5rem;
    height: 100%;
  }
  .header__find-menu .find-nav__item {
    height: 100%;
  }
  .header .search-toggle {
    align-self: center;
    margin-right: 1rem;
  }
  .header__find-title {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 104px;
    border-radius: 10px 0 0 10px;
    font-size: 13px;
    font-size: 1.3rem;
    font-weight: bold;
    position: relative;
    background-color: #FFAD2B;
    color: #fff;
  }
  .home .header__find-title {
    background-color: #fff;
    transition: 0.4s ease-in-out background-color, 0.2s ease-in-out color;
    color: currentColor;
  }
  .home .header__find-title::before {
    background-color: #fff;
    transition: 0.4s ease-in-out background-color;
  }
  .is-active .header__find-title {
    background-color: #FFAD2B;
    color: #fff;
  }
  .is-active .header__find-title::before {
    background-color: #FFAD2B;
  }
  .header__find-title::before {
    content: "";
    display: block;
    position: absolute;
    background-color: #FFAD2B;
    top: 50%;
    transform: translateY(-50%);
    left: calc(100% - 1px);
    height: 19.0525588833px;
    width: 9px;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
  }
}
@media screen and (max-width: 767.98px) {
  .header__inquiry {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .header__inquiry .button {
    padding: 1.75rem 0 2rem 2rem;
    width: 160px;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 768px) {
  .header__hamburger {
    margin-left: 2rem;
  }
}

.footer {
  background-color: #2B2F3C;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .footer {
    border-radius: 74px 74px 0 0;
    padding: 114px 0 40px;
  }
}
@media screen and (max-width: 767.98px) {
  .footer {
    border-radius: 45px 45px 0 0;
    padding: 8rem 0 3rem;
  }
}
.footer ul {
  list-style: none;
}
@media screen and (min-width: 768px) {
  .footer__container {
    display: flex;
    justify-content: space-between;
  }
}
.footer__logo {
  display: flex;
}
@media screen and (max-width: 767.98px) {
  .footer__logo {
    justify-content: center;
  }
}
.footer__logo-link {
  display: block;
}
@media screen and (max-width: 767.98px) {
  .footer__logo-link {
    width: 255px;
  }
}
@media screen and (min-width: 768px) {
  .footer__logo-link {
    width: 449px;
  }
}
.footer__logo-link svg {
  width: 100%;
}
.footer__logo-text {
  display: block;
}
@media screen and (max-width: 767.98px) {
  .footer__logo-text {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .footer__logo-text {
    font-size: 15px;
    font-size: 1.5rem;
    margin-top: 0.8rem;
  }
}
@media screen and (min-width: 768px) {
  .footer__form {
    margin-top: 5.6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .footer__form {
    margin-top: 6rem;
  }
}
.footer__form-title {
  font-weight: bold;
}
@media screen and (max-width: 767.98px) {
  .footer__form-title {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (min-width: 768px) {
  .footer__form-title {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}
.footer__category {
  margin-top: 2.5rem;
}
.footer__category-list {
  display: flex;
}
@media screen and (min-width: 768px) {
  .footer__category-list {
    gap: 6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .footer__category-list {
    flex-direction: column;
  }
}
.footer__category-link {
  display: block;
  font-weight: bold;
  position: relative;
  transition: 0.3s opacity;
}
@media screen and (min-width: 768px) {
  .footer__category-link {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 0.5rem 1.6rem 0.5rem 0;
  }
}
@media screen and (max-width: 767.98px) {
  .footer__category-link {
    padding: 1.5rem 0;
  }
}
@media (hover: hover) {
  .footer__category-link:hover {
    opacity: 0.5;
  }
}
.footer__category-link::after {
  content: "";
  display: block;
  background-image: url(../img/button_arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767.98px) {
  .footer__category-link::after {
    width: 7px;
    height: 11px;
  }
}
@media screen and (min-width: 768px) {
  .footer__category-link::after {
    width: 6px;
    height: 10px;
    margin-top: 1px;
  }
}
.footer__nav {
  border-top: 1px solid #454B60;
}
@media screen and (max-width: 767.98px) {
  .footer__nav {
    margin-top: 1.5rem;
    padding-top: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .footer__nav {
    margin-top: 4rem;
    padding-top: 4.4rem;
  }
}
.footer__nav-list {
  display: grid;
}
@media screen and (max-width: 767.98px) {
  .footer__nav-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .footer__nav-list {
    grid-template-columns: repeat(2, auto);
    gap: 1.2rem 4.6rem;
  }
}
.footer__nav-link {
  transition: 0.3s opacity;
}
@media (hover: hover) {
  .footer__nav-link:hover {
    opacity: 0.5;
  }
}
.footer__group {
  background-color: #272A36;
}
@media screen and (max-width: 767.98px) {
  .footer__group {
    margin-top: 2.5rem;
    border-radius: 25px;
    padding: 2.4rem 2rem 3rem;
  }
}
@media screen and (min-width: 768px) {
  .footer__group {
    width: 542px;
    border-radius: 57px;
    padding: 4rem 4rem 6.4rem;
  }
}
.footer__group-title {
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 767.98px) {
  .footer__group-title {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 768px) {
  .footer__group-title {
    font-size: 20px;
    font-size: 2rem;
  }
}
.footer__group-list {
  display: grid;
}
@media screen and (min-width: 768px) {
  .footer__group-list {
    margin-top: 2.4rem;
    grid-auto-flow: column;
    grid-template-rows: repeat(5, auto);
    grid-template-columns: 1fr 1fr;
    gap: 16px;
  }
}
@media screen and (max-width: 767.98px) {
  .footer__group-list {
    margin-top: 2rem;
    gap: 1rem;
  }
}
.footer__group-link {
  border: 1px solid #2F3545;
  display: flex;
  border-left: 10px solid #2F3545;
  align-items: center;
  width: 100%;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  position: relative;
  line-height: 1.3;
}
@media screen and (max-width: 767.98px) {
  .footer__group-link {
    padding: 1.2rem 1rem;
    border-radius: 7px;
  }
}
@media screen and (min-width: 768px) {
  .footer__group-link {
    height: 100%;
    padding: 10px;
    min-height: 56px;
    border-radius: 10px;
  }
}
.footer__group-link::after {
  content: "";
  display: block;
  background-image: url(../img/button_blank_dark.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  aspect-ratio: 1/1;
}
@media screen and (max-width: 767.98px) {
  .footer__group-link::after {
    width: 1.4rem;
    right: 1.3rem;
  }
}
@media screen and (min-width: 768px) {
  .footer__group-link::after {
    width: 1.3rem;
    right: 1rem;
  }
}
.footer__copyright {
  text-align: center;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: bold;
  display: flex;
  justify-content: center;
  letter-spacing: 0.05em;
  color: #A5ADC7;
  font-size: 10px;
  font-size: 1rem;
}
@media screen and (max-width: 767.98px) {
  .footer__copyright {
    flex-direction: column;
    margin-top: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .footer__copyright {
    gap: 0.5em;
    margin-top: 3.9rem;
  }
}

@media screen and (min-width: 768px) {
  .wrapper {
    min-width: 1140px;
  }
}

.content {
  overflow: hidden;
}
.content__header {
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .content__header {
    margin-top: 12.4rem;
  }
}
@media screen and (min-width: 768px) {
  .content__header {
    margin-top: 25rem;
  }
}
.content__header .container {
  position: relative;
}
.content__header-scrolltext {
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  position: absolute;
  z-index: -1;
  line-height: 1;
  left: 0;
}
@media screen and (max-width: 767.98px) {
  .content__header-scrolltext {
    bottom: -6.8rem;
  }
}
@media screen and (min-width: 768px) {
  .content__header-scrolltext {
    top: -6rem;
  }
}
.content__header-scrolltext-inner {
  display: flex;
  white-space: nowrap;
}
.content__header-scrolltext-inner .scrolltext-group {
  display: flex;
  gap: 8rem;
  margin-right: 8rem;
  font-size: 120px;
  font-size: 12rem;
  font-family: "Plus Jakarta Sans", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
}
.content__header-scrolltext-inner .scrolltext-group:last-child {
  margin-right: 0;
}
.content__header-inner {
  display: flex;
}
@media screen and (min-width: 768px) {
  .content__header-inner {
    justify-content: space-between;
    gap: 4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .content__header-inner {
    flex-direction: column;
    gap: 2.4rem;
  }
}
@media screen and (min-width: 768px) {
  .content__header-text {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
  }
}
.content__header-text .breadcrumb {
  margin-top: 3.2rem;
}
@media screen and (min-width: 768px) {
  .content__header-label {
    margin-bottom: 1.5rem;
  }
}
@media screen and (max-width: 767.98px) {
  .content__header-label {
    margin-bottom: 1rem;
  }
}
.content__header-label > span {
  background-color: #FF860B;
  color: #fff;
  border-radius: 999px 999px 999px 0;
  line-height: 1.5;
  font-weight: bold;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .content__header-label > span {
    font-size: 20px;
    font-size: 2rem;
    padding: 1.65rem 2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .content__header-label > span {
    font-size: 13px;
    font-size: 1.3rem;
    padding: 1rem 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .content__header-label--pc-combine {
    margin-bottom: 1rem;
    background-color: #FF860B;
    padding: 1.65rem 2rem;
    border-radius: 999px 999px 999px 0;
  }
  .content__header-label--pc-combine > span {
    padding: 0;
    background-color: transparent;
  }
  .content__header-label--pc-combine > span + span::before {
    content: "｜";
    display: inline-block;
    margin: 0 0.5rem;
    color: #fff;
  }
}
@media screen and (max-width: 767.98px) {
  .content__header-label--pc-combine {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 0.5rem;
  }
}
.content__header-title {
  font-weight: bold;
  flex: 1;
}
@media screen and (min-width: 768px) {
  .content__header-title {
    font-size: 45px;
    font-size: 4.5rem;
    line-height: 1.4444444444;
  }
}
@media screen and (max-width: 767.98px) {
  .content__header-title {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.6666666667;
  }
}
.content__header-cover {
  overflow: hidden;
  border-radius: 30px;
}
@media screen and (min-width: 768px) {
  .content__header-cover {
    width: 356px;
    aspect-ratio: 356/283;
  }
}
@media screen and (max-width: 767.98px) {
  .content__header-cover {
    width: 100%;
    aspect-ratio: 334/180;
  }
}
.content__header-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767.98px) {
  .content__body {
    margin: 6rem 0 8rem;
  }
}
@media screen and (min-width: 768px) {
  .content__body {
    margin: 10.5rem 0 12rem;
  }
}
.h1 {
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .h1 {
    font-size: 45px;
    font-size: 4.5rem;
  }
}
@media screen and (max-width: 767.98px) {
  .h1 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}

.h2 {
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .h2 {
    margin-bottom: 4rem;
    font-size: 35px;
    font-size: 3.5rem;
  }
}
@media screen and (max-width: 767.98px) {
  .h2 {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }
}

.h3 {
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .h3 {
    margin-bottom: 4rem;
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .h3 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}

.heading {
  display: flex;
  text-align: center;
}
.heading--justify-center {
  justify-content: center;
  text-align: center;
}

.heading-icon {
  display: flex;
}
@media screen and (min-width: 768px) {
  .heading-icon {
    gap: 2;
  }
}
.heading-icon::before {
  content: "";
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
  background-size: contain;
}
.heading-icon--faq::before {
  background-image: url("../img/icon_faq.svg");
}
@media screen and (min-width: 768px) {
  .heading-icon--faq::before {
    width: 4rem;
    height: 4rem;
    transform: translateY(8px);
  }
}
@media screen and (max-width: 767.98px) {
  .heading-icon--faq::before {
    width: 4.5rem;
    height: 4.2rem;
    margin-right: 1.5rem;
    transform: translateY(-1px);
  }
}
.heading-icon--achievement::before {
  background-image: url("../img/icon_achievement.svg");
}
@media screen and (min-width: 768px) {
  .heading-icon--achievement::before {
    width: 4rem;
    height: 5.5rem;
    transform: translateY(2px);
  }
}
@media screen and (max-width: 767.98px) {
  .heading-icon--achievement::before {
    width: 4.5rem;
    height: 5.5rem;
    margin-right: 1.5rem;
    transform: translateY(-10px);
  }
}
.heading-icon--reason::before {
  background-image: url("../img/icon_reason.svg");
}
@media screen and (min-width: 768px) {
  .heading-icon--reason::before {
    width: 4.5rem;
    height: 5.1rem;
    transform: translateY(-4px);
    margin-right: 2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .heading-icon--reason::before {
    width: 4.5rem;
    height: 5.1rem;
    transform: translateY(-9px);
    margin-right: 1.5rem;
  }
}
.heading-icon--newemployee::before {
  background-image: url("../img/icon_newemployee.svg");
}
@media screen and (min-width: 768px) {
  .heading-icon--newemployee::before {
    width: 4rem;
    height: 4.5rem;
    transform: translateY(4px);
    margin-right: 1.3rem;
  }
}
.heading-icon--followup::before {
  background-image: url("../img/icon_followup.svg");
}
@media screen and (min-width: 768px) {
  .heading-icon--followup::before {
    width: 4rem;
    height: 4rem;
    transform: translateY(4px);
    margin-right: 1.2rem;
  }
}
.heading-icon--voice::before {
  background-image: url("../img/icon_voice.svg");
}
@media screen and (min-width: 768px) {
  .heading-icon--voice::before {
    width: 4rem;
    height: 4rem;
    transform: translateY(16px);
    margin-right: 2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .heading-icon--voice::before {
    width: 4.5rem;
    height: 2.6rem;
    margin-right: 1.5rem;
    transform: translateY(6px);
  }
}
.heading-icon--public::before {
  background-image: url("../img/icon_public.svg");
}
@media screen and (min-width: 768px) {
  .heading-icon--public::before {
    width: 3.6rem;
    height: 2.3rem;
    transform: translateY(2px);
  }
}
@media screen and (max-width: 767.98px) {
  .heading-icon--public::before {
    width: 3.3rem;
    height: 1.9rem;
    margin-right: 0.8rem;
    transform: translateY(1px);
  }
}
.heading-icon--benefit::before {
  background-image: url(../img/icon_benefit.svg);
}
@media screen and (min-width: 768px) {
  .heading-icon--benefit::before {
    width: 4.5rem;
    height: 4.2rem;
    transform: translateY(4px);
    margin-right: 2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .heading-icon--benefit::before {
    width: 4.5rem;
    height: 4.2rem;
    margin-right: 1.5rem;
    transform: translateY(-4px);
  }
}
.heading-icon--center {
  justify-content: center;
}

.heading-2line {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .heading-2line {
    gap: 1rem;
  }
}
.heading-2line__title {
  font-size: 2rem;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .heading-2line__title {
    font-size: 35px;
    font-size: 3.5rem;
  }
}
@media screen and (max-width: 767.98px) {
  .heading-2line__title {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 768px) {
  .heading-2line__subtitle {
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 0.1em;
  }
}
@media screen and (max-width: 767.98px) {
  .heading-2line__subtitle {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.heading-2line__subtitle--bubble {
  display: inline-flex;
}
@media screen and (min-width: 768px) {
  .heading-2line__subtitle--bubble {
    gap: 1.6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .heading-2line__subtitle--bubble {
    font-size: 13px;
    font-size: 1.3rem;
    margin-bottom: 0.5rem;
    gap: 0.95rem;
    letter-spacing: 0.1em;
  }
}
.heading-2line__subtitle--bubble::before, .heading-2line__subtitle--bubble::after {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .heading-2line__subtitle--bubble::before, .heading-2line__subtitle--bubble::after {
    background-image: url(../img/heading_subtitle_bubble_pc.svg);
    width: 1.9rem;
    height: 2.9rem;
    transform: translateY(6px);
  }
}
@media screen and (max-width: 767.98px) {
  .heading-2line__subtitle--bubble::before, .heading-2line__subtitle--bubble::after {
    width: 1.4rem;
    height: 2.2rem;
    background-image: url(../img/heading_subtitle_bubble_sp.svg);
  }
}
.heading-2line__subtitle--bubble::after {
  transform: scaleX(-1);
}
@media screen and (min-width: 768px) {
  .heading-2line__subtitle--bubble::after {
    transform: scaleX(-1) translateY(6px);
  }
}

@media screen and (min-width: 768px) {
  .accordion__title {
    pointer-events: none;
  }
}
@media screen and (max-width: 767.98px) {
  .accordion__content {
    overflow: hidden;
    height: 0;
  }
}
@media screen and (min-width: 768px) {
  .accordion__content {
    height: auto !important;
  }
}

.breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  line-height: 1.6;
  color: #666;
}
.breadcrumb__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
.breadcrumb__item {
  display: flex;
  line-height: 1.5;
}
@media screen and (max-width: 767.98px) {
  .breadcrumb__item {
    font-size: 10px;
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .breadcrumb__item {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.breadcrumb__item:not(:last-child)::after {
  content: "";
  margin: 0 1.3rem;
  display: block;
  width: 1px;
  height: 9px;
  background-color: #2B2F3C;
  transform: rotate(45deg);
  position: relative;
  top: 4px;
  margin: 0 1rem;
}
.breadcrumb__item:last-child {
  position: relative;
  color: #333;
  font-weight: 500;
}
.breadcrumb__item:last-child::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #FF860B;
  border-radius: 50%;
  background: linear-gradient(45deg, #FFAC4B -10%, #FF6310 110%);
}
@media screen and (min-width: 768px) {
  .breadcrumb__item:last-child::after {
    width: 0.6rem;
    height: 0.6rem;
    top: -0.8rem;
  }
}
@media screen and (max-width: 767.98px) {
  .breadcrumb__item:last-child::after {
    width: 0.4rem;
    height: 0.4rem;
    top: -0.5rem;
  }
}
.breadcrumb__link {
  color: #666;
  text-decoration: none;
  transition: color 0.2s ease;
}
@media screen and (min-width: 768px) {
  .breadcrumb__link:hover {
    color: #333;
    text-decoration: underline;
  }
}
@media screen and (max-width: 767.98px) {
  .breadcrumb__link:active {
    color: #333;
  }
}

.button {
  display: inline-flex;
  background-color: #2B2F3C;
  color: #fff;
  border-radius: 10px;
  position: relative;
  line-height: 1.5;
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: 700;
}
@media screen and (max-width: 767.98px) {
  .button {
    padding: 1.9rem 6.4rem 1.9rem 2rem;
  }
}
@media screen and (min-width: 768px) {
  .button {
    padding: 2.2rem 6.4rem 2.2rem 2rem;
  }
}
.button::before, .button::after {
  position: absolute;
  content: "";
  display: block;
  border-radius: 5px;
  width: 32px;
  height: calc(100% - 16px);
  right: 8px;
  top: 8px;
}
.button::before {
  background-color: #1F2029;
  transition: background-color 0.3s ease-in-out;
}
@media screen and (max-width: 767.98px) {
  .button::before {
    background-color: #FF860B;
  }
}
.button::after {
  background-image: url(../img/button_arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
}
@media (hover: hover) {
  .button:hover::before {
    background-color: #FF860B;
  }
}
.button .text-slideup__text {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .button--large {
    width: 373.55px;
  }
}

.button-contact {
  background: linear-gradient(36.9deg, #ff6310 0%, #ffac4b 100%);
}
@media screen and (min-width: 768px) {
  .button-contact {
    padding-right: 8rem;
    padding: 1.9rem 8rem 1.9rem 2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .button-contact {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.button-contact::before, .button-contact::after {
  width: 33px;
  height: 33px;
  top: 50% !important;
  transform: translateY(-50%);
  right: 1.3rem;
}
.button-contact::before {
  background-color: #FF860B;
}
.button-contact::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.804%22%20height%3D%2211.869%22%20viewBox%3D%220%200%2017.804%2011.869%22%3E%20%3Cpath%20id%3D%22button_inquiry%22%20d%3D%22M3.87%2C18.334a1.358%2C1.358%2C0%2C0%2C0-.728.214l7.7%2C6.862a.8.8%2C0%2C0%2C0%2C1.127%2C0l7.689-6.862a1.358%2C1.358%2C0%2C0%2C0-.728-.214H3.869Zm-1.291.927A1.365%2C1.365%2C0%2C0%2C0%2C2.5%2C19.7v9.13a1.361%2C1.361%2C0%2C0%2C0%2C.214.735l5.5-5.278Zm17.647%2C0L14.6%2C24.283l5.478%2C5.293a1.358%2C1.358%2C0%2C0%2C0%2C.221-.742V19.7a1.366%2C1.366%2C0%2C0%2C0-.078-.442ZM13.92%2C24.9l-1.341%2C1.2a1.754%2C1.754%2C0%2C0%2C1-2.339%2C0L8.9%2C24.9%2C3.449%2C30.132a1.363%2C1.363%2C0%2C0%2C0%2C.421.071H18.934a1.363%2C1.363%2C0%2C0%2C0%2C.421-.071L13.92%2C24.9Z%22%20transform%3D%22translate(-2.5%20-18.334)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
}

.button-arrow {
  background: linear-gradient(143deg, #FF6310 0.41%, #FFAC4B 96.87%);
}
@media screen and (min-width: 768px) {
  .button-arrow {
    padding: 1.9rem 8rem 1.9rem 2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .button-arrow {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.button-arrow::before, .button-arrow::after {
  width: 34px;
  height: 34px;
  top: 50% !important;
  transform: translateY(-50%);
  right: 1.25rem;
}
.button-arrow::before {
  background-color: #FF9438 !important;
}
.button-arrow--secondary {
  background: #2B2F3C;
}
.button-arrow--secondary::before {
  background-color: #1F2029 !important;
}

.button-group {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
@media screen and (min-width: 768px) {
  .button-group {
    margin: 4rem 0;
  }
}
.button-group:first-child {
  margin-top: 0;
}
.button-group:last-child {
  margin-bottom: 0;
}
.button-group--center {
  justify-content: center;
}

.card-list {
  display: grid;
  list-style-type: none;
}
@media screen and (max-width: 767.98px) {
  .card-list {
    gap: 3rem;
    margin: 2rem 0;
  }
}
@media screen and (min-width: 768px) {
  .card-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 3rem;
    margin: 4rem 0;
  }
}
.card-list:first-child {
  margin-top: 0;
}
.card-list:last-child {
  margin-bottom: 0;
}
.card-list__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
}

.card {
  background-color: #fff;
  background-image: url(../img/card_background_default.svg);
  background-repeat: no-repeat;
  background-position: right top;
  height: 100%;
  display: subgrid;
  display: inherit;
  grid-template-rows: inherit;
  grid-row: inherit;
  border-radius: 10px 74px 10px 10px;
  overflow: hidden;
}
@media screen and (max-width: 767.98px) {
  .card {
    background-size: auto 132px;
  }
}
.card--color {
  background-image: url(../img/card_background_color.svg);
  background-color: #FFF8EF;
}
.card__header {
  padding: 2.5rem 4rem 2rem;
}
.card__point {
  display: flex;
  align-items: center;
  line-height: 1;
  font-family: "Plus Jakarta Sans", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  color: #FF860B;
  font-size: 16px;
  font-size: 1.6rem;
}
.card__point::before {
  content: "";
  content: "";
  background-color: #FFCE9F;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
  background-size: contain;
  margin-right: 0.7rem;
  transform: translateY(-1px);
}
.card__point-number {
  font-size: 31px;
  font-size: 3.1rem;
  margin-left: 0.8rem;
  transform: translateY(-2px);
}
.card__title {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  margin-top: 1.5rem;
  margin-bottom: 0.5rem;
}
.card__title:first-child {
  margin-top: 0;
}
.card__body {
  background: linear-gradient(90deg, #FFAC4B, #FF6310);
  color: #fff;
  border-radius: 74px 0 10px 10px;
  padding: 6rem 3rem;
  margin-bottom: 2rem;
}
.card__body--narrow {
  padding: 3rem;
}
.card__body p + p {
  margin-top: 1em;
}

.calendar-list {
  display: grid;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .calendar-list {
    grid-template-columns: repeat(4, 1fr);
    gap: 2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .calendar-list {
    gap: 1rem;
  }
}
.calendar-list__item {
  position: relative;
  background-color: #2B2F3C;
  color: #fff;
  border-radius: 3rem;
}
@media screen and (min-width: 768px) {
  .calendar-list__item:not(:first-child)::before {
    content: "";
    display: block;
    width: 3rem;
    right: calc(100% - 0.5rem);
    top: 50%;
    transform: translateY(-50%);
    background-color: #E0E0E0;
    height: 3rem;
    position: absolute;
    z-index: -1;
  }
}
@media screen and (max-width: 767.98px) {
  .calendar-list__item {
    padding: 3.8rem 3rem 3.8rem 1.4rem;
    display: flex;
    align-items: center;
    gap: 1.4rem;
  }
}
.calendar-list__header {
  text-align: center;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .calendar-list__header {
    padding-top: 2.6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .calendar-list__header {
    width: 9.2rem;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .calendar-list__body {
    padding: 1.6rem 4rem 2rem;
  }
}
.calendar-list__content li {
  display: flex;
  gap: 0.8rem;
  margin-bottom: 1rem;
  line-height: 1.5;
  white-space: nowrap;
}
.calendar-list__content li:last-child {
  margin-bottom: 0;
}
.calendar-list__content li::before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.1rem;
  flex-shrink: 0;
  background-color: #fff;
  transform: translateY(0.9rem);
}
.calendar-list__month {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .calendar-list__month {
    font-size: 51px;
    font-size: 5.1rem;
  }
}
@media screen and (max-width: 767.98px) {
  .calendar-list__month {
    font-size: 51px;
    font-size: 5.1rem;
  }
}
.calendar-list__unit {
  font-weight: bold;
  font-size: 21px;
  font-size: 2.1rem;
  margin-left: -0.1em;
}
.calendar-list__period {
  font-weight: bold;
  margin-left: -0.25em;
}
@media screen and (max-width: 767.98px) {
  .calendar-list__period {
    display: block;
    text-align: center;
  }
}
.calendar-list__content {
  list-style: none;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .container {
    max-width: 1140px;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .container-xsmall {
    max-width: 790px;
  }
}
@media screen and (min-width: 768px) {
  .container-small {
    max-width: 1020px;
  }
}
@media screen and (min-width: 768px) {
  .container-large {
    max-width: 1264px;
  }
}
@media screen and (min-width: 768px) {
  .container-xlarge {
    max-width: 1960px;
  }
}
.container-fluid {
  max-width: 100% !important;
}

.definition-table {
  background-color: #fff;
  border-radius: 1rem;
  display: flex;
  margin: 1rem 0;
}
@media screen and (min-width: 768px) {
  .definition-table {
    padding: 1.1rem 3rem;
  }
}
@media screen and (max-width: 767.98px) {
  .definition-table {
    padding: 1.3rem 2rem 1.5rem;
    flex-direction: column;
  }
}
.definition-table--narrow {
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .definition-table--narrow {
    padding: 1.6rem 3rem;
  }
}
@media screen and (max-width: 767.98px) {
  .definition-table--narrow {
    padding: 2rem;
  }
}
.definition-table:first-child {
  margin-top: 0;
}
.definition-table:last-child {
  margin-bottom: 0;
}
.definition-table--background {
  background-color: #ECEFF2;
}
.definition-table__header {
  display: flex;
  align-items: center;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .definition-table__header {
    padding-right: 3rem;
    min-width: 100px;
  }
}
@media screen and (max-width: 767.98px) {
  .definition-table__header {
    margin-bottom: 1.1rem;
  }
}
.definition-table__header--align-top {
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .definition-table__content {
    padding-top: 0.3rem;
    flex: 1;
    padding-left: 3rem;
    position: relative;
  }
  .definition-table__content::before {
    content: "";
    width: 1px;
    left: 0;
    height: calc(100% - 8px);
    top: 4px;
    background-color: #E0E0E0;
    position: absolute;
  }
}
@media screen and (max-width: 767.98px) {
  .definition-table__content {
    border-top: 1px solid #E0E0E0;
    padding-top: 1.1rem;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.definition-table__content p + p {
  margin-top: 1em;
}

@media screen and (max-width: 767.98px) {
  .display-pc {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .display-sp {
    display: none !important;
  }
}
.display-none {
  display: none !important;
}
@media screen and (max-width: 767.98px) {
  .display-none--sp {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .display-none--pc {
    display: none !important;
  }
}

.display-inline-block {
  display: inline-block !important;
}
@media screen and (max-width: 767.98px) {
  .display-inline-block--sp {
    display: inline-block !important;
  }
}
@media screen and (min-width: 768px) {
  .display-inline-block--pc {
    display: inline-block !important;
  }
}

.display-inline {
  display: inline !important;
}
@media screen and (max-width: 767.98px) {
  .display-inline--sp {
    display: inline !important;
  }
}
@media screen and (min-width: 768px) {
  .display-inline--pc {
    display: inline !important;
  }
}

.display-block {
  display: block !important;
}
@media screen and (max-width: 767.98px) {
  .display-block--sp {
    display: block !important;
  }
}
@media screen and (min-width: 768px) {
  .display-block--pc {
    display: block !important;
  }
}

.search-form {
  border: 1px solid #fff;
  overflow: hidden;
  border-radius: 8px;
}
.search-form__inner {
  display: flex;
  height: 100%;
}
.search-form__input {
  flex: 1;
  appearance: none;
  background-color: transparent;
  border: none;
  padding: 0 2rem;
  outline: none;
  color: currentColor;
}
@media screen and (max-width: 767.98px) {
  .search-form__input {
    font-size: 1.6rem;
  }
}
.search-form__button {
  background-color: #fff;
  position: relative;
  aspect-ratio: 1/1;
  overflow: hidden;
  cursor: pointer;
  text-indent: -99999px;
  border-radius: 8px 0 0 8px;
}
@media screen and (max-width: 767.98px) {
  .search-form__button {
    width: 40px;
  }
}
@media screen and (min-width: 768px) {
  .search-form__button {
    width: 33px;
    cursor: pointer;
  }
}
.search-form__button::after {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.738%22%20height%3D%2215.525%22%20viewBox%3D%220%200%2015.738%2015.525%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_11190%22%20data-name%3D%22%E3%83%91%E3%82%B9%2011190%22%20d%3D%22M15.365%2C14.157l-3.618-3.619A6.362%2C6.362%2C0%2C1%2C0%2C9.991%2C12.38l3.575%2C3.575a1.272%2C1.272%2C0%2C1%2C0%2C1.8-1.8Zm-9.006-2.7a4.3%2C4.3%2C0%2C1%2C1%2C4.3-4.3A4.3%2C4.3%2C0%2C0%2C1%2C6.359%2C11.46Z%22%20transform%3D%22translate(0%20-0.802)%22%20fill%3D%22%232b2f3c%22%2F%3E%3C%2Fsvg%3E");
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.search-toggle {
  width: 33px;
  aspect-ratio: 1/1;
  display: block;
  background-color: #6E7486;
  appearance: none !important;
  outline: none !important;
  border: none !important;
  border-radius: 8px;
  position: relative;
}
.search-toggle::before, .search-toggle::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: block;
  content: "";
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.2s transform;
}
.search-toggle::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.738%22%20height%3D%2215.525%22%20viewBox%3D%220%200%2015.738%2015.525%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_16221%22%20data-name%3D%22%E3%83%91%E3%82%B9%2016221%22%20d%3D%22M15.365%2C14.157l-3.618-3.619A6.362%2C6.362%2C0%2C1%2C0%2C9.991%2C12.38l3.575%2C3.575a1.272%2C1.272%2C0%2C1%2C0%2C1.8-1.8Zm-9.006-2.7a4.3%2C4.3%2C0%2C1%2C1%2C4.3-4.3A4.3%2C4.3%2C0%2C0%2C1%2C6.359%2C11.46Z%22%20transform%3D%22translate(0%20-0.802)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
  transform: scale(1);
  transition-delay: 0.2s;
}
.search-toggle::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.829%22%20height%3D%2210.828%22%20viewBox%3D%220%200%2010.829%2010.828%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7541%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207541%22%20transform%3D%22translate(-1065.086%20-41.349)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_81%22%20data-name%3D%22%E7%B7%9A%2081%22%20x2%3D%228%22%20y2%3D%228%22%20transform%3D%22translate(1066.5%2042.763)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_82%22%20data-name%3D%22%E7%B7%9A%2082%22%20x1%3D%228%22%20y2%3D%228%22%20transform%3D%22translate(1066.5%2042.763)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  transform: scale(0);
}
.home .search-toggle {
  background-color: #fff;
  transition: 0.4s ease-in-out background-color;
}
.home .search-toggle::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.738%22%20height%3D%2215.525%22%20viewBox%3D%220%200%2015.738%2015.525%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_16222%22%20data-name%3D%22%E3%83%91%E3%82%B9%2016222%22%20d%3D%22M15.365%2C14.157l-3.618-3.619A6.362%2C6.362%2C0%2C1%2C0%2C9.991%2C12.38l3.575%2C3.575a1.272%2C1.272%2C0%2C1%2C0%2C1.8-1.8Zm-9.006-2.7a4.3%2C4.3%2C0%2C1%2C1%2C4.3-4.3A4.3%2C4.3%2C0%2C0%2C1%2C6.359%2C11.46Z%22%20transform%3D%22translate(0%20-0.802)%22%20fill%3D%22%232b2f3c%22%2F%3E%3C%2Fsvg%3E");
}
.home .search-toggle::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.828%22%20height%3D%2210.828%22%20viewBox%3D%220%200%2010.828%2010.828%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7541%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207541%22%20transform%3D%22translate(-1065.086%20-41.348)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_81%22%20data-name%3D%22%E7%B7%9A%2081%22%20x2%3D%228%22%20y2%3D%228%22%20transform%3D%22translate(1066.5%2042.763)%22%20fill%3D%22none%22%20stroke%3D%22%232b2f3c%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_82%22%20data-name%3D%22%E7%B7%9A%2082%22%20x1%3D%228%22%20y2%3D%228%22%20transform%3D%22translate(1066.5%2042.763)%22%20fill%3D%22none%22%20stroke%3D%22%232b2f3c%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.is-active .search-toggle {
  background-color: #6E7486;
  color: #fff;
}
.is-active .search-toggle::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215.738%22%20height%3D%2215.525%22%20viewBox%3D%220%200%2015.738%2015.525%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_16221%22%20data-name%3D%22%E3%83%91%E3%82%B9%2016221%22%20d%3D%22M15.365%2C14.157l-3.618-3.619A6.362%2C6.362%2C0%2C1%2C0%2C9.991%2C12.38l3.575%2C3.575a1.272%2C1.272%2C0%2C1%2C0%2C1.8-1.8Zm-9.006-2.7a4.3%2C4.3%2C0%2C1%2C1%2C4.3-4.3A4.3%2C4.3%2C0%2C0%2C1%2C6.359%2C11.46Z%22%20transform%3D%22translate(0%20-0.802)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}
.is-active .search-toggle::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210.829%22%20height%3D%2210.828%22%20viewBox%3D%220%200%2010.829%2010.828%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7541%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207541%22%20transform%3D%22translate(-1065.086%20-41.349)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_81%22%20data-name%3D%22%E7%B7%9A%2081%22%20x2%3D%228%22%20y2%3D%228%22%20transform%3D%22translate(1066.5%2042.763)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_82%22%20data-name%3D%22%E7%B7%9A%2082%22%20x1%3D%228%22%20y2%3D%228%22%20transform%3D%22translate(1066.5%2042.763)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.search-toggle.is-open::before {
  transform: scale(0);
  transition-delay: 0s;
}
.search-toggle.is-open::after {
  transform: scale(1);
  transition-delay: 0.2s;
}
.search-toggle.is-open + .search-toggle__content {
  opacity: 1;
  visibility: visible;
}
.search-toggle__content {
  position: absolute;
  top: calc(100% + 1rem);
  right: 0;
  padding: 1rem;
  background-color: #2B2F3C;
  border-radius: 8px;
  width: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.2s ease-in-out opacity, 0.2s ease-in-out visibility;
  color: #fff;
}

@media screen and (max-width: 767.98px) {
  .section {
    margin: 8rem 0;
  }
}
@media screen and (min-width: 768px) {
  .section {
    margin: 12rem 0;
  }
}
.section:first-child {
  margin-top: 0;
}
.section:last-child {
  margin-bottom: 0;
}
.section--background {
  background-color: #fff;
}
@media screen and (max-width: 767.98px) {
  .section--background {
    padding: 6rem 0;
    border-radius: 5.5rem;
  }
}
@media screen and (min-width: 768px) {
  .section--background {
    padding: 8rem 0;
    border-radius: 7.4rem;
  }
}
.section--background-dot {
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .section--background-dot {
    background-image: url(../img/section_background_dot_pc.svg);
    padding: 8rem 0;
    border-radius: 7.4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .section--background-dot {
    padding: 6rem 0;
    border-radius: 5.5rem;
    background-image: url(../img/section_background_dot_sp.svg);
  }
}

.tab-list {
  display: flex;
  border-bottom: 1px solid #AAAAAA;
  list-style: none;
  padding: 0;
}
.tab-list > * > a {
  padding: 1rem 2rem;
  display: block;
}
.tab-list > * > a.is-active {
  background-color: #FF860B;
  color: #fff;
}

.tab-switch {
  margin-top: 2rem;
}
.tab-switch > *:not(.is-active) {
  display: none;
}

.drawer-button {
  appearance: none;
  border: none;
  cursor: pointer;
  transition: 0.3s 0.2s background-color;
  width: 100%;
  height: 100%;
  outline: none !important;
  border: none;
  cursor: pointer;
  z-index: 1001;
  position: relative;
  height: 55px;
  width: 55px;
  background-color: #fff;
  border-radius: 10px;
}
.menu-open .drawer-button {
  background-color: rgba(255, 255, 255, 0.15);
}
.drawer-button__cross {
  position: absolute;
  left: 50%;
  transform: translateX(-50%) scale(0);
  top: 1.4rem;
  transition: transform 0.25s ease-in-out;
}
.menu-open .drawer-button__cross {
  transform: translateX(-50%) scale(1);
  transition: transform 0.25s 0.3s ease-in-out;
}
.drawer-button__dot {
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 2px;
  background-color: #FF860B;
  left: 50%;
  top: 40%;
  transform: translate(-50%, -50%);
  transition: margin 0.25s 0.25s ease-in-out, border-radius 0.25s 0.3s ease-in-out, opacity 0.3s 0.2s ease-in-out;
}
.menu-open .drawer-button__dot {
  margin-top: 0 !important;
  margin-left: 0 !important;
  border-radius: 50%;
  opacity: 0;
  transition: margin 0.25s ease-in-out, border-radius 0.25s ease-in-out, opacity 0.25s 0.3s ease-in-out;
}
.drawer-button__dot:nth-child(1) {
  margin-top: -5px;
  margin-left: -5px;
}
.drawer-button__dot:nth-child(2) {
  margin-top: -5px;
  margin-left: 5px;
  background-color: #FFA353;
}
.drawer-button__dot:nth-child(3) {
  margin-top: 5px;
  margin-left: -5px;
  background-color: #FFA353;
}
.drawer-button__dot:nth-child(4) {
  margin-top: 5px;
  margin-left: 5px;
}
.drawer-button__text {
  font-size: 1.1rem;
  white-space: nowrap;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  text-align: center;
  display: block;
  font-family: "Plus Jakarta Sans", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 8px;
  font-size: 0.8rem;
  letter-spacing: 0.1em;
  line-height: 1;
  overflow: hidden;
  position: absolute;
  bottom: 1rem;
}
.menu-open .drawer-button__text > span {
  transform: translateY(-1.5em);
}
.drawer-button__text > span {
  display: inline-block;
  position: relative;
  transition: 0.5s 0.2s transform;
}
.drawer-button__text > span::after {
  content: "CLOSE";
  position: absolute;
  top: 1.5em;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
}

.drawer-content {
  z-index: 1000;
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  top: 0;
  visibility: hidden;
  transition-duration: 0.5s;
  transition-timing-function: ease-in-out;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .drawer-content {
    max-height: 100vh;
    max-height: 100dvh;
    overflow: auto;
  }
}
.menu-open .drawer-content {
  visibility: visible;
  opacity: 1;
  transition-delay: 0.2s;
}
.drawer-content__inner {
  margin-left: auto;
  margin-right: auto;
  padding: 0 2rem;
}
@media screen and (min-width: 768px) {
  .drawer-content__inner {
    max-width: 890px;
  }
}
@media screen and (max-width: 767.98px) {
  .drawer-content__inner {
    max-height: 100vh;
    max-height: 100dvh;
    overflow: auto;
  }
}
@media screen and (min-width: 768px) {
  .drawer-content__find {
    padding-top: 7.4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .drawer-content__find {
    padding-top: 11rem;
  }
}
@media screen and (min-width: 768px) {
  .drawer-content__find .search-form {
    height: 55px;
  }
}
.drawer-content__find .search-form__input {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .drawer-content__find .search-form__input {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.drawer-content__find .search-form__input::placeholder {
  color: rgba(255, 255, 255, 0.55);
}
@media screen and (min-width: 768px) {
  .drawer-content__find .search-form__button {
    width: 55px;
  }
}
.drawer-content__find .search-form__button::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2223.861%22%20height%3D%2223.538%22%20viewBox%3D%220%200%2023.861%2023.538%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_11190%22%20data-name%3D%22%E3%83%91%E3%82%B9%2011190%22%20d%3D%22M23.3%2C21.05%2C17.81%2C15.563a9.645%2C9.645%2C0%2C1%2C0-2.662%2C2.793l5.42%2C5.421A1.928%2C1.928%2C0%2C1%2C0%2C23.3%2C21.05ZM9.641%2C16.961a6.517%2C6.517%2C0%2C1%2C1%2C6.517-6.517A6.517%2C6.517%2C0%2C0%2C1%2C9.641%2C16.961Z%22%20transform%3D%22translate(0%20-0.802)%22%20fill%3D%22%23ff860b%22%2F%3E%3C%2Fsvg%3E");
}
@media screen and (max-width: 767.98px) {
  .drawer-content__find .search-form__button::after {
    background-size: 16px auto;
  }
}
@media screen and (min-width: 768px) {
  .drawer-content__find .find-nav {
    justify-content: space-between;
    max-width: 468px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .drawer-content__find .find-nav {
    margin-top: 2rem;
    flex-direction: column;
    gap: 0.5rem;
  }
}
.drawer-content__find .find-nav__item:nth-child(1) .find-nav__subnav-inner::before {
  left: 4rem;
}
.drawer-content__find .find-nav__item:nth-child(3) .find-nav__subnav-inner::before {
  right: 4.4rem;
}
.drawer-content__find .find-nav__item-button {
  color: #fff;
  display: block;
  width: 100%;
}
.drawer-content__find .find-nav__item-button--has-subnav::before {
  background-image: url(../img/button_arrow_bottom_w.svg);
}
@media screen and (max-width: 767.98px) {
  .drawer-content__find .find-nav__item-button {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0.6rem 0;
  }
  .drawer-content__find .find-nav__item-button.is-active::before {
    transform: scaleY(-1);
  }
}
@media screen and (min-width: 768px) {
  .drawer-content__find .find-nav__item-button {
    font-size: 16px;
    font-size: 1.6rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
  .drawer-content__find .find-nav__item-button::before {
    width: 9px;
    height: 6px;
  }
}
@media screen and (max-width: 767.98px) {
  .drawer-content__find .find-nav__subnav {
    position: static;
    overflow: hidden;
    opacity: 1;
    pointer-events: auto;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .drawer-content__find .find-subnav__item {
    border-bottom: 1px solid #FFAF7D;
  }
}
@media screen and (max-width: 767.98px) {
  .drawer-content__find .find-subnav__link {
    color: #fff;
  }
}
@media screen and (max-width: 767.98px) {
  .drawer-content__find .find-subnav__link::before {
    background-color: #fff;
  }
}
@media screen and (max-width: 767.98px) {
  .drawer-content__find .find-subnav__link::after {
    background-image: url(../img/button_arrow_primary.svg);
    background-size: 0.35rem auto;
  }
}
.drawer-content__find-title {
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .drawer-content__find-title {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 2.4rem;
    text-align: center;
  }
}
@media screen and (max-width: 767.98px) {
  .drawer-content__find-title {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 1rem;
  }
}
.drawer-content__links {
  border-top: 1px solid #fff;
}
@media screen and (min-width: 768px) {
  .drawer-content__links {
    padding-top: 3.4rem;
    margin-top: 2.5rem;
  }
}
@media screen and (max-width: 767.98px) {
  .drawer-content__links {
    margin-top: 1.5rem;
    padding-top: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .drawer-content__cta {
    margin-top: 3.8rem;
  }
}
@media screen and (max-width: 767.98px) {
  .drawer-content__cta {
    margin-top: 3rem;
  }
}
@media screen and (min-width: 768px) {
  .drawer-content__call {
    margin-top: 4rem;
    padding-bottom: 4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .drawer-content__call {
    margin-top: 3rem;
    padding-bottom: 5rem;
  }
}

.drawer-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  visibility: hidden;
  opacity: 0;
  transition-duration: 0.4s;
  transition-delay: 0.2s;
  transition-timing-function: ease-in-out;
  backdrop-filter: blur(20px) brightness(1.19);
}
.drawer-overlay::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: linear-gradient(45deg, #ffac4b 0%, #ff6310 100%);
  opacity: 0.82;
  pointer-events: none;
}
@media screen and (max-width: 767.98px) {
  .drawer-overlay::before {
    background: linear-gradient(23deg, #FFAC4B 0%, #ff6310 100%);
  }
}
.menu-open .drawer-overlay {
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}

.drawer-links {
  display: grid;
  list-style: none;
}
@media screen and (max-width: 767.98px) {
  .drawer-links {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .drawer-links {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
}
.drawer-links__link {
  display: flex;
  align-items: center;
  height: 100%;
  color: #FF860B;
  background: linear-gradient(118deg, rgba(255, 255, 255, 0.84) 12%, rgba(255, 221, 181, 0.84) 114%);
  font-weight: bold;
  line-height: 1.5;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .drawer-links__link {
    padding: 1.6rem 2rem;
    font-size: 12px;
    font-size: 1.2rem;
    border-radius: 10px;
  }
}
@media screen and (min-width: 768px) {
  .drawer-links__link {
    font-size: 16px;
    font-size: 1.6rem;
    border-radius: 7px;
    padding: 1.4rem 3rem;
  }
}
.drawer-links__link::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #FFC263;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .drawer-links__link::before {
    left: 1.5rem;
  }
}
@media screen and (max-width: 767.98px) {
  .drawer-links__link::before {
    left: 0.8rem;
  }
}

.drawer-legal {
  display: flex;
  list-style: none;
  justify-content: center;
}
@media screen and (max-width: 767.98px) {
  .drawer-legal {
    gap: 3rem;
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .drawer-legal {
    gap: 4rem;
    margin-top: 3rem;
  }
}
.drawer-legal__item {
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .drawer-legal__item {
    padding-left: 1.1rem;
  }
}
@media screen and (min-width: 768px) {
  .drawer-legal__item {
    padding-left: 1.6rem;
  }
}
.drawer-legal__item::before {
  content: "";
  display: block;
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
}
.drawer-legal__link {
  display: flex;
  align-items: center;
  line-height: 1.5;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .drawer-legal__link {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .drawer-legal__link {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.drawer-legal__link::before {
  content: "";
  display: block;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  opacity: 0;
}
@media screen and (max-width: 767.98px) {
  .drawer-legal__link::before {
    opacity: 1;
  }
}
@media (hover: hover) {
  .drawer-legal__link:hover::before {
    opacity: 1;
  }
}
.drawer-legal__link[target=_blank] {
  display: block;
}
@media screen and (max-width: 767.98px) {
  .drawer-legal__link[target=_blank] {
    padding-right: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .drawer-legal__link[target=_blank] {
    padding-right: 2.5rem;
  }
}
.drawer-legal__link[target=_blank]::after {
  content: "";
  display: block;
  width: 15px;
  aspect-ratio: 1/1;
  background-image: url(../img/button_blank.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 767.98px) {
  .drawer-legal__link[target=_blank]::after {
    width: 12px;
  }
}

.drawer-cta {
  display: grid;
}
@media screen and (max-width: 767.98px) {
  .drawer-cta {
    gap: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .drawer-cta {
    grid-template-columns: repeat(2, 1fr);
    gap: 3rem;
  }
}
.drawer-cta__link {
  background-color: #2B2F3C;
  color: #fff;
  border-radius: 10px;
  display: flex;
  align-items: center;
  font-weight: bold;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .drawer-cta__link {
    padding: 0 2.5rem;
    height: 60px;
  }
}
@media screen and (min-width: 768px) {
  .drawer-cta__link {
    padding: 2.8rem 2.5rem;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.drawer-cta__link::before, .drawer-cta__link::after {
  content: "";
  display: block;
  position: absolute;
  aspect-ratio: 1/1;
}
@media screen and (min-width: 768px) {
  .drawer-cta__link::before, .drawer-cta__link::after {
    width: 48px;
    right: 2.2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .drawer-cta__link::before, .drawer-cta__link::after {
    width: 35px;
    right: 1.2rem;
  }
}
.drawer-cta__link::before {
  background-color: #1F2029;
  border-radius: 8px;
}
.drawer-cta__link::after {
  background-image: url(../img/button_arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 10px auto;
}
@media screen and (max-width: 767.98px) {
  .drawer-cta__link::after {
    background-size: 7px auto;
  }
}
.drawer-cta__link .text-slideup__text {
  color: #fff;
}
@media screen and (min-width: 768px) {
  .drawer-cta__link--inquiry .drawer-cta__icon {
    margin-right: 1.5rem;
  }
}
@media screen and (max-width: 767.98px) {
  .drawer-cta__link--inquiry .drawer-cta__icon {
    margin-right: 1.4rem;
    width: 28px;
  }
}
@media screen and (min-width: 768px) {
  .drawer-cta__link--application .drawer-cta__icon {
    margin-right: 1.5rem;
  }
}
@media screen and (max-width: 767.98px) {
  .drawer-cta__link--application .drawer-cta__icon {
    margin-right: 1.8rem;
    margin-left: 0.4rem;
    width: 19px;
  }
}

.drawer-call {
  display: flex;
  align-items: center;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .drawer-call {
    justify-content: center;
    gap: 2.2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .drawer-call {
    flex-direction: column;
  }
}
.drawer-call__label {
  color: #fff;
  font-weight: bold;
}
@media screen and (max-width: 767.98px) {
  .drawer-call__label {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.drawer-call__tell {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  .drawer-call__tell {
    margin-top: 0.4rem;
    padding-right: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .drawer-call__tell-icon {
    margin-right: 1rem;
  }
}
@media screen and (max-width: 767.98px) {
  .drawer-call__tell-icon {
    width: 24px;
    margin-right: 0.8rem;
    transform: translateY(1px);
  }
}
.drawer-call__tell-link {
  text-decoration: underline;
  font-family: "Plus Jakarta Sans", sans-serif;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.057em;
}
@media screen and (max-width: 767.98px) {
  .drawer-call__tell-link {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 768px) {
  .drawer-call__tell-link {
    font-size: 28px;
    font-size: 2.8rem;
  }
}

@media screen and (max-width: 767.98px) {
  .floating-call {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .floating-call {
    z-index: 100;
    display: inline-flex;
    align-items: center;
    position: fixed;
    right: 0;
    bottom: 4.5rem;
    transition: 0.4s ease-in-out right;
  }
  .floating-call.is-close {
    right: -225px;
  }
  .floating-call__toggle {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2239.665%22%20height%3D%2259.972%22%20viewBox%3D%220%200%2039.665%2059.972%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1203%22%20data-name%3D%22%E3%83%91%E3%82%B9%201203%22%20d%3D%22M12.665%2C4A3.906%2C3.906%2C0%2C0%2C1%2C8.759%2C7.906H-19.612A7.388%2C7.388%2C0%2C0%2C0-27%2C15.294V52.678a7.388%2C7.388%2C0%2C0%2C0%2C7.388%2C7.388H8.759a3.906%2C3.906%2C0%2C0%2C1%2C3.906%2C3.906Z%22%20transform%3D%22translate(27%20-4)%22%20fill%3D%22%232b2f3c%22%2F%3E%3C%2Fsvg%3E");
    background-size: contain;
    width: 40px;
    height: 60px;
    position: relative;
    padding-left: 1.5rem;
    transition: 0.3s ease-in-out filter;
  }
  .floating-call__toggle:hover {
    filter: brightness(1.1);
  }
  .floating-call__toggle::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0.7rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%224.313%22%20height%3D%2211.971%22%20viewBox%3D%220%200%204.313%2011.971%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1202%22%20data-name%3D%22%E3%83%91%E3%82%B9%201202%22%20d%3D%22M3718.688%2C2048.659l2%2C4.673-2%2C4.673%22%20transform%3D%22translate(-3717.375%20-2047.346)%22%20fill%3D%22none%22%20stroke%3D%22%23ff860b%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
    width: 4px;
    height: 11px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .is-close .floating-call__toggle::before {
    transform: translateY(-50%) scale(-1);
  }
  .floating-call__link {
    background-color: #FF860B;
    color: #fff;
    height: 87px;
    border-radius: 15px 0 0 15px;
    padding-left: 2.4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-weight: 600;
    width: 225px;
    line-height: 1.4;
    padding-top: 0.4rem;
    transition: 0.3s ease-in-out filter;
  }
  .floating-call__link:hover {
    filter: brightness(1.1);
  }
  .floating-call__link-text {
    font-size: 11px;
    font-size: 1.1rem;
  }
  .floating-call__link-number {
    font-family: "Plus Jakarta Sans", sans-serif;
    font-size: 24px;
    font-size: 2.4rem;
    letter-spacing: 0.057em;
  }
}

.list {
  list-style: none;
  margin: 2rem 0;
}
.list:first-child {
  margin-top: 0;
}
.list:last-child {
  margin-bottom: 0;
}
.list li {
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .list li {
    margin-bottom: 0.4rem;
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.8666666667;
  }
}
.list li::before {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  flex-shrink: 0;
  transform: translateY(9px);
  border-radius: 50%;
  margin-right: 0.5rem;
  border: 3px solid #FFE5CB;
  background-color: #FF860B;
}
.list li:last-child {
  margin-bottom: 0;
}

.list-line {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-line li {
  position: relative;
  display: flex;
  line-height: 1.5;
  margin-bottom: 1rem;
}
@media screen and (max-width: 767.98px) {
  .list-line li {
    gap: 1.75rem;
  }
}
@media screen and (min-width: 768px) {
  .list-line li {
    gap: 0.75rem;
  }
}
.list-line li:last-child {
  border-bottom: none;
}
.list-line li::before {
  content: "";
  display: block;
  width: 8px;
  height: 1px;
  flex-shrink: 0;
  background-color: #2B2F3C;
  transform: translateY(1rem);
}

.list-program {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767.98px) {
  .list-program {
    margin-bottom: 2rem;
  }
  .list-program:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .list-program {
    padding-right: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .list-program__wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
  }
}
.list-program__item {
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .list-program__item {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .list-program__item {
    margin-bottom: 1.5rem;
  }
}
.list-program__item:last-child {
  margin-bottom: 0;
}
.list-program__title {
  display: flex;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .list-program__title {
    gap: 1.2rem;
    margin-bottom: 0.8rem;
  }
}
@media screen and (max-width: 767.98px) {
  .list-program__title {
    margin-bottom: 0.5rem;
    gap: 1.6rem;
  }
}
.list-program__title-number {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: bold;
  color: #9F9F9F;
  letter-spacing: 0.05em;
  flex-shrink: 0;
}
@media screen and (max-width: 767.98px) {
  .list-program__title-number {
    font-size: 15px;
    font-size: 1.5rem;
    transform: translateY(-1px);
  }
}
.list-program__title-text {
  font-weight: bold;
}
@media screen and (max-width: 767.98px) {
  .list-program__title-text {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.list-program__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-program__list li {
  position: relative;
  display: flex;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 767.98px) {
  .list-program__list li {
    gap: 1.75rem;
  }
}
@media screen and (min-width: 768px) {
  .list-program__list li {
    gap: 0.75rem;
  }
}
.list-program__list li:last-child {
  border-bottom: none;
}
.list-program__list li::before {
  content: "";
  display: block;
  width: 8px;
  height: 1px;
  flex-shrink: 0;
  background-color: #2B2F3C;
  transform: translateY(1rem);
}

.color-primary {
  color: #FF860B !important;
}
.color-secondary {
  color: #2B2F3C !important;
}
.color-success {
  color: #37CCA8 !important;
}
.color-info {
  color: #1CA3CD !important;
}
.color-warning {
  color: #DFCD29 !important;
}
.color-danger {
  color: #F05656 !important;
}
.color-red {
  color: #ED1C24 !important;
}

.text-center {
  text-align: center !important;
}
@media screen and (min-width: 768px) {
  .text-center--pc {
    text-align: center !important;
  }
}
@media screen and (max-width: 767.98px) {
  .text-center--sp {
    text-align: center !important;
  }
}

.lineheight {
  line-height: 2 !important;
}
.lineheight-narrow {
  line-height: 1.5 !important;
}
.lineheight-wide {
  line-height: 2.5 !important;
}

.js-inview {
  opacity: 0;
  animation-duration: 1s;
  animation-fill-mode: both;
}
.js-inview[aria-visible=true] {
  animation-name: fade;
}

@keyframes fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.inview-slide-up[aria-visible=true] {
  animation-name: fade, slide-up;
}

@keyframes slide-up {
  0% {
    transform: translateY(10%);
  }
  100% {
    transform: translateY(0);
  }
}
.inview-slide-down[aria-visible=true] {
  animation-name: fade, slide-down;
}

@keyframes slide-down {
  0% {
    transform: translateY(-100%);
  }
  100% {
    transform: translateY(0);
  }
}
.inview-slide-left[aria-visible=true] {
  animation-name: fade, slide-left;
}

@keyframes slide-left {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateY(0);
  }
}
.inview-scale-up[aria-visible=true] {
  animation-name: fade, scale-up;
}
.inview-scale-up-small[aria-visible=true] {
  animation-name: fade, scale-up-small;
}
.inview-scale-up-large[aria-visible=true] {
  animation-name: fade, scale-up-large;
}

.inview-blur[aria-visible=true] {
  animation-name: fade, blur;
}

@keyframes blur {
  0% {
    filter: blur(10px);
  }
  100% {
    filter: blur(0);
  }
}
@keyframes scale-up {
  0% {
    transform: scale(1.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scale-up-small {
  0% {
    transform: scale(1.25);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scale-up-large {
  0% {
    transform: scale(2);
  }
  100% {
    transform: scale(1);
  }
}
.inview-scale-down[aria-visible=true] {
  animation-name: fade, scale-down;
}
.inview-scale-down-small[aria-visible=true] {
  animation-name: fade, scale-down-small;
}
.inview-scale-down-large[aria-visible=true] {
  animation-name: fade, scale-down-large;
}

@keyframes scale-down {
  0% {
    transform: scale(0.5);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scale-down-small {
  0% {
    transform: scale(0.75);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes scale-down-large {
  0% {
    transform: scale(0.25);
  }
  100% {
    transform: scale(1);
  }
}
.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(229, 199, 151, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  backdrop-filter: blur(20px) brightness(1.19);
  padding: 0 2rem;
}
.modal__container {
  border-radius: 4px;
  box-sizing: border-box;
  background-color: #fff;
  position: relative;
  border-radius: 10px 117px 10px 10px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .modal__container {
    max-width: 768px;
    padding: 8rem 3rem 4rem 9rem;
  }
}
@media screen and (max-width: 767.98px) {
  .modal__container {
    padding: 10.3rem 1.5rem 3rem 3rem;
  }
}
.modal__detail {
  height: 100%;
  overflow: auto;
}
@media screen and (min-width: 768px) {
  .modal__detail {
    max-height: calc(100vh - 280px);
    padding-right: 6.3rem;
    scrollbar-width: thin;
    scrollbar-color: #989898 #E0E0E0;
  }
  .modal__detail::-webkit-scrollbar {
    width: 3px;
  }
  .modal__detail::-webkit-scrollbar-track {
    background: #E0E0E0;
    border-radius: 2px;
  }
  .modal__detail::-webkit-scrollbar-thumb {
    background: #989898;
    border-radius: 2px;
  }
}
@media screen and (max-width: 767.98px) {
  .modal__detail {
    padding-right: 2.5rem;
    max-height: 366px;
  }
}
.modal__close {
  background: transparent;
  border: 0;
  position: absolute;
  font-weight: bold;
  background-color: rgba(28, 30, 44, 0.25);
  border-radius: 50%;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  font-size: 1rem;
  width: 3rem;
  height: 3rem;
}
@media screen and (max-width: 767.98px) {
  .modal__close {
    right: 0.2rem;
    top: 0.2rem;
  }
}
@media screen and (min-width: 768px) {
  .modal__close {
    right: 0;
    top: -0.8rem;
  }
}
.modal__title {
  font-weight: bold;
  line-height: 1.5;
  display: flex;
}
@media screen and (min-width: 768px) {
  .modal__title {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .modal__title {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 2rem;
  }
}
.modal__title::before {
  background-image: url(../img/icon_circle.svg);
  background-repeat: no-repeat;
  background-size: contain;
  flex-shrink: 0;
  margin-right: 1rem;
  content: "";
  display: block;
  width: 2.4rem;
  height: 2.8rem;
}
@media screen and (min-width: 768px) {
  .modal__title::before {
    transform: translateY(3px);
  }
}
.modal__footer {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .modal__footer {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .modal__footer {
    margin-top: 3rem;
  }
}
.modal__footer-close {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  font-size: 16px;
  font-size: 1.6rem;
}
.modal__footer-close > span {
  width: 26px;
  height: 26px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #2B2F3C;
  border-radius: 50%;
  font-size: 9px;
  font-size: 0.9rem;
}

@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
  animation: mmfadeIn 0.6s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .modal__container {
  animation: mmslideIn 0.6s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
  animation: mmfadeOut 0.6s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__container {
  animation: mmslideOut 0.6s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

@media screen and (max-width: 767.98px) {
  .application-heading {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}

.application-note {
  border: 1px solid #2B2F3C;
  padding: 1px 4rem 4rem;
  border-radius: 2.6rem;
}
@media screen and (min-width: 768px) {
  .application-note {
    margin-top: 5.2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .application-note {
    padding: 1px 3rem 3rem 3rem;
    margin-top: 5.9rem;
  }
}
.application-note__title {
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .application-note__title {
    font-size: 24px;
    font-size: 2.4rem;
    margin-top: -0.75em;
  }
}
@media screen and (max-width: 767.98px) {
  .application-note__title {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.6666666667;
    margin-top: -1.75em;
  }
}
.application-note__title > span {
  background-color: #F8F8F8;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .application-note__title > span {
    padding: 0 1.6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .application-note__title > span {
    padding: 0 0.7rem;
  }
}
.application-note__list {
  list-style: none;
}
@media screen and (min-width: 768px) {
  .application-note__list {
    margin-top: 3.5rem;
  }
}
@media screen and (max-width: 767.98px) {
  .application-note__list {
    margin-top: 2.6rem;
  }
}
.application-note__item {
  border-bottom: 1px solid #E0E0E0;
  padding-bottom: 2.1rem;
  margin-bottom: 1.3rem;
}
.application-note__item:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.application-note__item-title {
  font-weight: bold;
  display: flex;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .application-note__item-title {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 0.6rem;
  }
}
.application-note__item-number {
  font-family: "Plus Jakarta Sans", sans-serif;
  color: #9F9F9F;
}
@media screen and (min-width: 768px) {
  .application-note__item-number {
    font-size: 20px;
    font-size: 2rem;
    transform: translateY(-2px);
    min-width: 2.3rem;
  }
}
@media screen and (max-width: 767.98px) {
  .application-note__item-number {
    min-width: 1.4rem;
    font-size: 18px;
    font-size: 1.8rem;
    transform: translateY(-3px);
  }
}

.application-cta {
  display: grid;
}
@media screen and (min-width: 768px) {
  .application-cta {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767.98px) {
  .application-cta {
    margin-top: 4rem;
    gap: 4rem;
  }
}
.application-cta__item {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  .application-cta__item .button {
    width: 100%;
  }
}
.application-cta__bubble {
  display: inline-flex;
  font-weight: bold;
  margin-bottom: 2rem;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  .application-cta__bubble {
    gap: 1.6rem;
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .application-cta__bubble {
    font-size: 13px;
    font-size: 1.3rem;
    gap: 0.95rem;
  }
}
.application-cta__bubble::before, .application-cta__bubble::after {
  content: "";
  display: block;
  width: 0.1rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}
@media screen and (min-width: 768px) {
  .application-cta__bubble::before, .application-cta__bubble::after {
    background-image: url(../img/heading_subtitle_bubble_pc.svg);
    width: 1.9rem;
    height: 2.9rem;
    transform: translateY(11px);
  }
}
@media screen and (max-width: 767.98px) {
  .application-cta__bubble::before, .application-cta__bubble::after {
    width: 1.4rem;
    height: 2.2rem;
    background-image: url(../img/heading_subtitle_bubble_sp.svg);
  }
}
.application-cta__bubble::after {
  transform: scaleX(-1);
}
@media screen and (min-width: 768px) {
  .application-cta__bubble::after {
    transform: scaleX(-1) translateY(11px);
  }
}
.visible-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.home-content {
  overflow: hidden;
}
@media screen and (max-width: 767.98px) {
  .home-content {
    padding-bottom: 8rem;
  }
}
@media screen and (min-width: 768px) {
  .home-content {
    margin-bottom: 12rem;
  }
}
.home-content__header {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  .home-content__header {
    margin-bottom: 2.4rem;
  }
}
@media screen and (min-width: 768px) {
  .home-content__header {
    margin-bottom: 5rem;
  }
}
.home-content__header-label {
  font-family: "Plus Jakarta Sans", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 600;
  line-height: 1.5;
}
@media screen and (max-width: 767.98px) {
  .home-content__header-label {
    font-size: 12px;
    font-size: 1.2rem;
    gap: 0.8rem;
  }
}
@media screen and (min-width: 768px) {
  .home-content__header-label {
    font-size: 20px;
    font-size: 2rem;
    gap: 1rem;
  }
}
.home-content__header-label::before {
  content: "";
  display: block;
  background-image: url(../img/home_title_label_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767.98px) {
  .home-content__header-label::before {
    width: 1.2rem;
    height: 1.4rem;
  }
}
@media screen and (min-width: 768px) {
  .home-content__header-label::before {
    width: 1.8rem;
    height: 2.1rem;
  }
}
.home-content__header-title {
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 767.98px) {
  .home-content__header-title {
    font-size: 24px;
    font-size: 2.4rem;
    margin-top: 0.4rem;
  }
}
@media screen and (min-width: 768px) {
  .home-content__header-title {
    font-size: 35px;
    font-size: 3.5rem;
    margin-top: 1.6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .home-content__header-description {
    margin-top: 1.4rem;
  }
}
@media screen and (min-width: 768px) {
  .home-content__header-description {
    margin-top: 2.5rem;
  }
}

.home-fv {
  display: grid;
  height: 100vh;
  height: 100svh;
  position: relative;
}
@media screen and (min-width: 768px) {
  .home-fv {
    max-height: 76.8rem;
    min-height: 60rem;
  }
}
.home-fv__image {
  grid-area: 1/1;
  height: 100%;
  overflow: hidden;
}
.home-fv__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-fv__container {
  grid-area: 1/1;
  display: flex;
  flex-direction: column;
  color: #fff;
}
@media screen and (max-width: 767.98px) {
  .home-fv__container {
    padding-top: 7.4rem;
  }
}
@media screen and (min-width: 768px) {
  .home-fv__container {
    justify-content: flex-end;
    padding-bottom: 5rem;
  }
}
.home-fv__text--top {
  font-weight: bold;
}
@media screen and (max-width: 767.98px) {
  .home-fv__text--top {
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 1.4583333333;
  }
}
@media screen and (min-width: 768px) {
  .home-fv__text--top {
    font-size: 56px;
    font-size: 5.6rem;
    line-height: 1.5714285714;
  }
}
@media screen and (max-width: 767.98px) {
  .home-fv__text--bottom {
    margin-top: 1rem;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 2;
  }
}
@media screen and (min-width: 768px) {
  .home-fv__text--bottom {
    margin-top: 1.7rem;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.75;
  }
}
@media screen and (max-width: 767.98px) {
  .home-fv__cta {
    position: absolute;
    z-index: 1;
    bottom: 0;
    padding: 0 2rem 3rem;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .home-fv__cta {
    display: none;
  }
}
.home-fv__cta-button {
  text-align: center;
  flex-direction: column;
  display: flex;
  align-items: center;
  padding: 0 4.4rem 0 2rem;
  height: 5.5rem;
  position: relative;
  justify-content: center;
  border-radius: 1rem;
}
.home-fv__cta-button::before, .home-fv__cta-button::after {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  width: 3.3rem;
  position: absolute;
  right: 1.1rem;
  top: 50%;
  transform: translateY(-50%);
}
.home-fv__cta-button::after {
  background-repeat: no-repeat;
  background-position: center;
}
.home-fv__cta-button--inquiry {
  background: linear-gradient(-36.904deg, #FFAC4B -10.1%, #FF6310 115.86%);
}
.home-fv__cta-button--inquiry::before {
  background-color: #FF9438;
}
.home-fv__cta-button--inquiry::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2217.804%22%20height%3D%2211.869%22%20viewBox%3D%220%200%2017.804%2011.869%22%3E%20%3Cpath%20id%3D%22email_1_%22%20data-name%3D%22email%20(1)%22%20d%3D%22M3.87%2C18.334a1.358%2C1.358%2C0%2C0%2C0-.728.214l7.7%2C6.862a.8.8%2C0%2C0%2C0%2C1.127%2C0l7.689-6.862a1.358%2C1.358%2C0%2C0%2C0-.728-.214H3.869Zm-1.291.927A1.365%2C1.365%2C0%2C0%2C0%2C2.5%2C19.7v9.13a1.361%2C1.361%2C0%2C0%2C0%2C.214.735l5.5-5.278Zm17.647%2C0L14.6%2C24.283l5.478%2C5.293a1.358%2C1.358%2C0%2C0%2C0%2C.221-.742V19.7a1.366%2C1.366%2C0%2C0%2C0-.078-.442ZM13.92%2C24.9l-1.341%2C1.2a1.754%2C1.754%2C0%2C0%2C1-2.339%2C0L8.9%2C24.9%2C3.449%2C30.132a1.363%2C1.363%2C0%2C0%2C0%2C.421.071H18.934a1.363%2C1.363%2C0%2C0%2C0%2C.421-.071L13.92%2C24.9Z%22%20transform%3D%22translate(-2.5%20-18.334)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}
.home-fv__cta-button--call {
  background-color: #97EAC7;
  background: linear-gradient(-36.904deg, #00C688 -10.1%, #13DE59 115.86%);
}
.home-fv__cta-button--call::before {
  background-color: #0AB17C;
}
.home-fv__cta-button--call::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.372%22%20height%3D%2220.372%22%20viewBox%3D%220%200%2020.372%2020.372%22%3E%20%3Cpath%20id%3D%22phone%22%20d%3D%22M13.684%2C10.649a5.5%2C5.5%2C0%2C0%2C1%2C4.277%2C3.282%2C1.042%2C1.042%2C0%2C0%2C1-.072.926%2C23.362%2C23.362%2C0%2C0%2C1-1.806%2C2.706%2C1.173%2C1.173%2C0%2C0%2C1-1.042.468%2C17.1%2C17.1%2C0%2C0%2C1-10.014-5.02A17.1%2C17.1%2C0%2C0%2C1%2C.007%2C3%2C1.173%2C1.173%2C0%2C0%2C1%2C.474%2C1.955%2C23.365%2C23.365%2C0%2C0%2C1%2C3.181.149%2C1.042%2C1.042%2C0%2C0%2C1%2C4.106.077%2C5.5%2C5.5%2C0%2C0%2C1%2C7.389%2C4.354a1.131%2C1.131%2C0%2C0%2C1-.258.922L5.6%2C7.116a1.069%2C1.069%2C0%2C0%2C0-.152%2C1.211A11.59%2C11.59%2C0%2C0%2C0%2C9.71%2C12.594a1.073%2C1.073%2C0%2C0%2C0%2C1.212-.151l1.839-1.537A1.131%2C1.131%2C0%2C0%2C1%2C13.684%2C10.649Z%22%20transform%3D%22translate(2.51)%20rotate(8)%22%20fill%3D%22%23fff%22%2F%3E%3C%2Fsvg%3E");
}
.home-fv__cta-text {
  line-height: 1.4;
  color: #fff;
  display: block;
  font-weight: bold;
}
.home-fv__cta-text--top {
  font-size: 10px;
  font-size: 1rem;
  position: relative;
}
.home-fv__cta-text--top::before, .home-fv__cta-text--top::after {
  content: "";
  position: absolute;
  top: 0.3rem;
  width: 0.1rem;
  height: 1rem;
  background-color: #fff;
}
.home-fv__cta-text--top::before {
  left: -0.5rem;
  transform: rotate(-20deg);
}
.home-fv__cta-text--top::after {
  right: -0.5rem;
  transform: rotate(20deg);
}
.home-fv__cta-text--bottom {
  font-size: 13px;
  font-size: 1.3rem;
}

@media screen and (max-width: 767.98px) {
  .home-about {
    margin-top: 8rem;
  }
}
@media screen and (min-width: 768px) {
  .home-about {
    margin-top: 9.6rem;
  }
}
.home-about__header {
  align-items: flex-start;
}
@media screen and (max-width: 767.98px) {
  .home-about__header {
    padding-left: 1.6rem;
  }
}
@media screen and (min-width: 768px) {
  .home-about__container {
    display: flex;
  }
}
.home-about__step {
  list-style: none;
  display: flex;
}
@media screen and (max-width: 767.98px) {
  .home-about__step {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .home-about__step {
    align-items: flex-start;
  }
}
.home-about__step-item {
  background-color: #F0F1F2;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .home-about__step-item {
    border-radius: 1rem 6.5rem 1rem 1rem;
    padding: 8.8rem 0 5rem 4.2rem;
    display: flex;
    transform: translateY(30px);
    transition: 0.5s transform;
  }
  .home-about__step-item.is-visible {
    transform: translateY(0);
  }
}
@media screen and (min-width: 768px) {
  .home-about__step-item {
    width: 25.7rem;
    border-radius: 1rem 7.4rem 1rem 1rem;
    height: 44.3rem;
    transition: 1s transform;
    transform: translateX(-40px);
  }
  .home-about__step-item.is-visible {
    transform: translateX(0);
  }
}
@media screen and (min-width: 768px) {
  .home-about__step-item--01 {
    padding-top: 15.6rem;
    z-index: 3;
  }
}
@media screen and (min-width: 768px) {
  .home-about__step-item--02 {
    margin-top: 3rem;
    padding-top: 14.5rem;
    padding-left: 2rem;
    z-index: 2;
    animation-delay: 0.2s;
    transition-delay: 0.2s;
  }
}
@media screen and (min-width: 768px) {
  .home-about__step-item--03 {
    margin-top: 6rem;
    padding-top: 15.7rem;
    padding-left: 2.6rem;
    z-index: 1;
    animation-delay: 0.5s;
    transition-delay: 0.5s;
  }
}
.home-about__step-item:nth-child(even) {
  background-color: #E5E8EA;
}
@media screen and (max-width: 767.98px) {
  .home-about__step-item:not(:first-child) {
    margin-top: -2rem;
  }
}
@media screen and (min-width: 768px) {
  .home-about__step-item:not(:first-child) {
    margin-left: -3.6rem;
  }
}
.home-about__step-number {
  position: absolute;
  left: 0;
  background-color: #2B2F3C;
  display: flex;
  align-items: center;
  line-height: 1;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: bold;
  border-radius: 0 999px 999px 0;
}
@media screen and (max-width: 767.98px) {
  .home-about__step-number {
    padding-left: 3.6rem;
    width: 15.9rem;
    height: 4.3rem;
    top: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .home-about__step-number {
    padding-left: 2.4rem;
    padding-right: 3rem;
    height: 5.1rem;
    top: 3.8rem;
  }
}
@media screen and (min-width: 768px) {
  .home-about__step-item--02 .home-about__step-number, .home-about__step-item--03 .home-about__step-number {
    padding-left: 4.9rem;
  }
}
.home-about__step-number-label {
  color: #fff;
  position: relative;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767.98px) {
  .home-about__step-number-label {
    padding-left: 1.6rem;
  }
}
@media screen and (min-width: 768px) {
  .home-about__step-number-label {
    padding-left: 1.8rem;
    font-size: 16px;
    font-size: 1.6rem;
    transform: translateY(1px);
  }
}
.home-about__step-number-label::before {
  content: "";
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  background-color: #FF860B;
  border-radius: 999px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.home-about__step-number-value {
  color: #FF860B;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767.98px) {
  .home-about__step-number-value {
    font-size: 25px;
    font-size: 2.5rem;
    margin-left: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .home-about__step-number-value {
    font-size: 31px;
    font-size: 3.1rem;
    margin-left: 0.9rem;
    transform: translateY(-1px);
  }
}
@media screen and (max-width: 767.98px) {
  .home-about__step-icon {
    width: 6.1rem;
    margin-right: 3.4rem;
    padding-top: 0.8rem;
  }
}
@media screen and (min-width: 768px) {
  .home-about__step-icon {
    display: flex;
    justify-content: center;
  }
}
.home-about__step-text {
  display: flex;
  flex-direction: column;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .home-about__step-text {
    align-items: center;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .home-about__step-item--01 .home-about__step-text {
    margin-top: 5.8rem;
  }
}
@media screen and (min-width: 768px) {
  .home-about__step-item--02 .home-about__step-text {
    margin-top: 4.8rem;
  }
}
@media screen and (min-width: 768px) {
  .home-about__step-item--03 .home-about__step-text {
    margin-top: 8.4rem;
  }
}
.home-about__step-text--top {
  line-height: 1.6666666667;
  font-size: 15px;
  font-size: 1.5rem;
}
.home-about__step-text--bottom {
  line-height: 1.5;
  color: #FF860B;
  font-size: 20px;
  font-size: 2rem;
}
@media screen and (max-width: 767.98px) {
  .home-about__description {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .home-about__description {
    flex: 1;
    padding-left: 4.5rem;
    animation-delay: 0.6s;
  }
}
@media screen and (max-width: 767.98px) {
  .home-about__more {
    margin-top: 3.3rem;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .home-about__more {
    margin-top: 4.3rem;
  }
}
.home-about__more .button {
  width: 29.4rem;
}

.home-pickup {
  background-color: #FF860B;
  position: relative;
  z-index: 2;
  padding-top: 1px;
}
@media screen and (min-width: 768px) {
  .home-pickup {
    border-radius: 7.4rem;
    margin-top: 15rem;
    padding-top: 1px;
    background: linear-gradient(224.1deg, #FF6310 10%, #FFAC4B 90%);
  }
}
@media screen and (max-width: 767.98px) {
  .home-pickup {
    margin-top: 9.6rem;
    padding-bottom: 6rem;
    border-radius: 4.5rem;
    background: linear-gradient(322.6deg, #ffac4b 10%, #ff6310 90%);
  }
}
.home-pickup__header {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .home-pickup__header {
    margin-top: -4.4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .home-pickup__header {
    margin-top: -2.4rem;
  }
}
.home-pickup__header-label {
  font-family: "Plus Jakarta Sans", sans-serif;
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .home-pickup__header-label {
    font-size: 96px;
    font-size: 9.6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .home-pickup__header-label {
    font-size: 50px;
    font-size: 5rem;
  }
}
.home-pickup__header-title {
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .home-pickup__header-title {
    margin-top: 4rem;
    font-size: 35px;
    font-size: 3.5rem;
  }
}
@media screen and (max-width: 767.98px) {
  .home-pickup__header-title {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .home-pickup__column {
    display: grid;
    padding-left: 0;
    padding-right: 0;
  }
  .home-pickup__column > div {
    grid-area: 1/1;
  }
}
.home-pickup__column-left {
  order: 2;
}
@media screen and (min-width: 768px) {
  .home-pickup__column-left {
    padding-left: 2rem;
    transform: translateX(-5%);
    transition: 0.7s transform ease-in-out;
  }
  .home-pickup__column-left.is-visible {
    transform: translateX(0);
  }
}
@media screen and (max-width: 767.98px) {
  .home-pickup__column-right {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .home-pickup__column-right {
    order: 1;
    margin-right: calc(50% - 50vw);
    display: flex;
    align-items: flex-end;
    padding-left: 40rem;
    padding-top: 11rem;
    min-width: 100%;
    transform: translate(3%, 4px);
    transition: 0.7s transform ease-in-out;
  }
  .home-pickup__column-right.is-visible {
    transform: translate(0, 4px);
  }
}
.home-pickup__pccover {
  display: grid;
  width: 100%;
  min-width: 70rem;
}
.home-pickup__pccover-item {
  grid-area: 1/1;
  opacity: 0;
  transition: 0.8s ease-in-out;
}
.home-pickup__pccover-item.is-active {
  opacity: 1;
}
.home-pickup__pccover-picture {
  display: block;
  overflow: hidden;
  border-radius: 137px 0 7.4rem 0;
  height: 621px;
}
.home-pickup__pccover-picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767.98px) {
  .home-pickup__cover {
    width: 76vw;
    aspect-ratio: 285/181;
    margin-left: auto;
    border-radius: 5rem 0 0 0;
    overflow: hidden;
  }
  .home-pickup__list-item:nth-child(even) .home-pickup__cover {
    margin-left: 0;
    border-radius: 0 5rem 0 0;
  }
}
@media screen and (min-width: 768px) {
  .home-pickup__cover {
    height: 62.1rem;
    border-radius: 13.4rem 0 7.4rem 0;
    overflow: hidden;
  }
}
.home-pickup__list {
  display: flex;
  flex-direction: column;
  position: relative;
  list-style: none;
}
@media screen and (max-width: 767.98px) {
  .home-pickup__list {
    margin-top: 3rem;
    gap: 3rem;
    margin-left: -2rem;
    margin-right: -2rem;
  }
}
@media screen and (min-width: 768px) {
  .home-pickup__list {
    margin-top: 6rem;
    gap: 6rem;
    max-width: 57.7rem;
  }
}
@media screen and (min-width: 768px) {
  .home-pickup__list-item .home-pickup__cover {
    display: none;
  }
}
.home-pickup__button {
  display: block;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .home-pickup__button {
    margin-top: -3.8rem;
    background: linear-gradient(0, #FFDDB5, #FFFFFF);
    width: calc(100% - 2rem);
    border-radius: 0 999px 999px 0;
    padding: 1.8rem 0 1.9rem 2rem;
  }
  .home-pickup__list-item--has-bubble .home-pickup__button {
    padding-top: 0.4rem;
    padding-bottom: 1.4rem;
  }
}
.home-pickup__button::after {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_8347%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%208347%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2245%22%20height%3D%2245%22%20viewBox%3D%220%200%2045%2045%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_412%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20412%22%20cx%3D%2222.5%22%20cy%3D%2222.5%22%20r%3D%2222.5%22%20fill%3D%22%232b2f3c%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1220%22%20data-name%3D%22%E3%83%91%E3%82%B9%201220%22%20d%3D%22M3718.688%2C2048.659l4.692%2C4.692-4.692%2C4.692%22%20transform%3D%22translate(-3698.71%20-2030.609)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%2F%3E%3C%2Fsvg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 767.98px) {
  .home-pickup__button::after {
    width: 3rem;
    right: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .home-pickup__button::after {
    right: 3.5rem;
    width: 4.5rem;
    opacity: 0;
    transition: 0.5s ease-in-out;
  }
}
@media screen and (min-width: 768px) {
  .home-pickup__button {
    transition: 0.5s ease-in-out;
  }
  .home-pickup__button::before {
    content: "";
    display: block;
    background: linear-gradient(0, #FFDDB5, #FFFFFF);
    top: 0;
    right: 0;
    width: 100vw;
    position: absolute;
    height: 100%;
    border-radius: 0 999px 999px 0;
    opacity: 0;
    transition: 0.5s ease-in-out;
  }
}
@media screen and (min-width: 768px) {
  .home-pickup__button.is-selected {
    padding: 3rem 0 3.5rem;
  }
  .home-pickup__list-item--has-bubble .home-pickup__button.is-selected {
    padding-top: 1.5rem;
    padding-bottom: 2.4rem;
  }
  .home-pickup__button.is-selected:before, .home-pickup__button.is-selected::after {
    opacity: 1;
  }
  .home-pickup__button.is-selected .home-pickup__button-title {
    font-size: 30px;
    font-size: 3rem;
    color: #FF860B;
    padding-left: 4.4rem;
  }
  .home-pickup__button.is-selected .home-pickup__button-title::before {
    width: 3.3rem;
    height: 3.1rem;
    top: 0.8rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233%22%20height%3D%2231%22%20viewBox%3D%220%200%2033%2031%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_109%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20109%22%20transform%3D%22translate(0%200.478)%22%3E%20%3Cellipse%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_410%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20410%22%20cx%3D%2215%22%20cy%3D%2214%22%20rx%3D%2215%22%20ry%3D%2214%22%20transform%3D%22translate(0%202.522)%22%20fill%3D%22%23ff860b%22%20opacity%3D%220.5%22%2F%3E%20%3Cellipse%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_411%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20411%22%20cx%3D%229%22%20cy%3D%228.5%22%20rx%3D%229%22%20ry%3D%228.5%22%20transform%3D%22translate(15%20-0.478)%22%20fill%3D%22%23ff860b%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  }
  .home-pickup__button.is-selected .home-pickup__button-bubble {
    color: #FF860B;
    font-size: 16px;
    font-size: 1.6rem;
    padding-left: 4.1rem;
  }
  .home-pickup__button.is-selected .home-pickup__button-bubble::before, .home-pickup__button.is-selected .home-pickup__button-bubble::after {
    background-image: url(../img/pickup_title_bubble_line_active_pc.svg);
    width: 10px;
    height: 16px;
  }
  .home-pickup__button.is-selected .home-pickup__button-bubble::before {
    transform: translateY(9px);
  }
  .home-pickup__button.is-selected .home-pickup__button-bubble::after {
    transform: translateY(9px) scaleX(-1);
  }
  .home-pickup__button.is-selected .home-pickup__type {
    gap: 2rem;
  }
  .home-pickup__button.is-selected .home-pickup__type-item {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 0 2rem 0 2.6rem;
    background-color: #fff;
    color: #FF860B;
    border: 0;
  }
  .home-pickup__button.is-selected .home-pickup__type-item::after {
    width: 0.6rem;
    background-color: #FF860B;
  }
  .home-pickup__button.is-selected .home-pickup__type-item::before {
    height: 1.9rem;
  }
  .home-pickup__button.is-selected .home-pickup__type-item--single::before {
    width: 2rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.542%22%20height%3D%2218.64%22%20viewBox%3D%220%200%2020.542%2018.64%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_130%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20130%22%20transform%3D%22translate(-3.061%20-3.196)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_131%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20131%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1225%22%20data-name%3D%22%E3%83%91%E3%82%B9%201225%22%20d%3D%22M11.306%2C5.105a2.92%2C2.92%2C0%2C1%2C0%2C2.92-2.919%2C2.919%2C2.919%2C0%2C0%2C0-2.92%2C2.919m9.236%2C10.919c0%2C3.489-12.634%2C3.489-12.634%2C0a6.317%2C6.317%2C0%2C0%2C1%2C12.634%2C0M3.4%2C2.919A2.92%2C2.92%2C0%2C1%2C0%2C6.317%2C0%2C2.919%2C2.919%2C0%2C0%2C0%2C3.4%2C2.919ZM6.771%2C16.448a2.653%2C2.653%2C0%2C0%2C1-.033-.424%2C7.488%2C7.488%2C0%2C0%2C1%2C4.047-6.652A6.317%2C6.317%2C0%2C0%2C0%2C0%2C13.838c0%2C1.828%2C3.468%2C2.7%2C6.771%2C2.61%22%20transform%3D%22translate(3.061%203.196)%22%20fill%3D%22%23ff860b%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  }
  .home-pickup__button.is-selected .home-pickup__type-item--public::before {
    width: 3rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2229.533%22%20height%3D%2218.683%22%20viewBox%3D%220%200%2029.533%2018.683%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6969%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206969%22%20transform%3D%22translate(-179.096%20-106.299)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6970%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206970%22%20transform%3D%22translate(179.095%20106.299)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_11127%22%20data-name%3D%22%E3%83%91%E3%82%B9%2011127%22%20d%3D%22M41.353%2C2.657A2.658%2C2.658%2C0%2C1%2C0%2C44.011%2C0a2.657%2C2.657%2C0%2C0%2C0-2.657%2C2.657m-7.2%2C1.99A2.657%2C2.657%2C0%2C1%2C0%2C36.812%2C1.99a2.657%2C2.657%2C0%2C0%2C0-2.657%2C2.657m8.407%2C9.939c0%2C3.175-11.5%2C3.175-11.5%2C0a5.75%2C5.75%2C0%2C0%2C1%2C11.5%2C0M26.955%2C2.657A2.658%2C2.658%2C0%2C1%2C0%2C29.613%2C0%2C2.657%2C2.657%2C0%2C0%2C0%2C26.955%2C2.657ZM49.76%2C12.6a5.75%2C5.75%2C0%2C0%2C0-9.816-4.065%2C6.816%2C6.816%2C0%2C0%2C1%2C3.684%2C6.055%2C2.425%2C2.425%2C0%2C0%2C1-.03.385C46.6%2C15.051%2C49.76%2C14.26%2C49.76%2C12.6ZM30.026%2C14.971a2.415%2C2.415%2C0%2C0%2C1-.03-.385%2C6.816%2C6.816%2C0%2C0%2C1%2C3.684-6.055A5.75%2C5.75%2C0%2C0%2C0%2C23.863%2C12.6c0%2C1.664%2C3.157%2C2.455%2C6.163%2C2.376%22%20transform%3D%22translate(-22.045)%22%20fill%3D%22%23ff860b%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_11128%22%20data-name%3D%22%E3%83%91%E3%82%B9%2011128%22%20d%3D%22M26.949%2C202.118a1.709%2C1.709%2C0%2C1%2C1-1.709-1.709%2C1.709%2C1.709%2C0%2C0%2C1%2C1.709%2C1.709%22%20transform%3D%22translate(-21.738%20-185.144)%22%20fill%3D%22%23ff860b%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_11129%22%20data-name%3D%22%E3%83%91%E3%82%B9%2011129%22%20d%3D%22M10.811%2C57.3a20.737%2C20.737%2C0%2C0%2C1-5.4-.658C2.325%2C55.8.425%2C54.248.063%2C52.271s.863-4.1%2C3.45-5.983a24.847%2C24.847%2C0%2C0%2C1%2C9.929-3.94%2C24.846%2C24.846%2C0%2C0%2C1%2C10.681.162c3.086.841%2C4.986%2C2.393%2C5.348%2C4.37s-.863%2C4.1-3.45%2C5.983A24.849%2C24.849%2C0%2C0%2C1%2C16.092%2C56.8a29.453%2C29.453%2C0%2C0%2C1-5.281.5m7.913-14.762a28.781%2C28.781%2C0%2C0%2C0-5.159.485%2C24.159%2C24.159%2C0%2C0%2C0-9.649%2C3.821c-2.362%2C1.717-3.491%2C3.6-3.179%2C5.3s2.036%2C3.065%2C4.854%2C3.832a24.16%2C24.16%2C0%2C0%2C0%2C10.377.15%2C24.157%2C24.157%2C0%2C0%2C0%2C9.649-3.821c2.362-1.717%2C3.491-3.6%2C3.179-5.3s-2.036-3.065-4.854-3.832a20.048%2C20.048%2C0%2C0%2C0-5.218-.634%22%20transform%3D%22translate(0%20-38.664)%22%20fill%3D%22%23ff860b%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}
.home-pickup__button-title {
  color: #fff;
  position: relative;
  line-height: 1.5;
  font-weight: bold;
  display: inline-block;
}
@media screen and (max-width: 767.98px) {
  .home-pickup__button-title {
    color: #FF860B;
    font-size: 18px;
    font-size: 1.8rem;
    padding-left: 3.2rem;
  }
  .home-pickup__button-title::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224.718%22%20height%3D%2223.22%22%20viewBox%3D%220%200%2024.718%2023.22%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_109%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20109%22%20transform%3D%22translate(0%200.478)%22%3E%20%3Cellipse%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_410%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20410%22%20cx%3D%2211.236%22%20cy%3D%2210.487%22%20rx%3D%2211.236%22%20ry%3D%2210.487%22%20transform%3D%22translate(0%201.77)%22%20fill%3D%22%23ff860b%22%20opacity%3D%220.5%22%2F%3E%20%3Cellipse%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_411%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20411%22%20cx%3D%226.741%22%20cy%3D%226.367%22%20rx%3D%226.741%22%20ry%3D%226.367%22%20transform%3D%22translate(11.236%20-0.478)%22%20fill%3D%22%23ff860b%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}
@media screen and (min-width: 768px) {
  .home-pickup__button-title {
    font-size: 25px;
    font-size: 2.5rem;
    padding-left: 3.6rem;
    transition: 0.5s ease-in-out;
  }
  .home-pickup__button-title::before {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2224%22%20viewBox%3D%220%200%2026%2024%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_109%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20109%22%20transform%3D%22translate(0%20-0.339)%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_410%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20410%22%20cx%3D%2211.5%22%20cy%3D%2211.5%22%20r%3D%2211.5%22%20transform%3D%22translate(0%201.339)%22%20fill%3D%22%23fff%22%20opacity%3D%220.5%22%2F%3E%20%3Cellipse%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_411%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20411%22%20cx%3D%227%22%20cy%3D%226.5%22%20rx%3D%227%22%20ry%3D%226.5%22%20transform%3D%22translate(12%200.339)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}
.home-pickup__button-title::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .home-pickup__button-title::before {
    top: 0.7rem;
    width: 2.6rem;
    height: 2.4rem;
    transition: 0.5s ease-in-out;
  }
}
@media screen and (max-width: 767.98px) {
  .home-pickup__button-title::before {
    width: 2.5rem;
    height: 2.3rem;
    top: 0.3rem;
  }
}
.home-pickup__button-bubble {
  display: inline-flex;
  bottom: 100%;
  left: 0;
  width: 100%;
  white-space: nowrap;
  color: #fff;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767.98px) {
  .home-pickup__button-bubble {
    font-size: 10px;
    font-size: 1rem;
    gap: 0.3rem;
    color: #FF860B;
    padding-left: 2.8rem;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) {
  .home-pickup__button-bubble {
    transition: 0.3s ease-in-out;
    font-size: 13px;
    font-size: 1.3rem;
    gap: 0.5rem;
    padding-left: 3.2rem;
  }
}
.home-pickup__button-bubble::before, .home-pickup__button-bubble::after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex-shrink: 0;
}
@media screen and (max-width: 767.98px) {
  .home-pickup__button-bubble::before, .home-pickup__button-bubble::after {
    background-image: url(../img/pickup_title_bubble_line_sp.svg);
    width: 0.6rem;
    height: 0.9rem;
    transform: translateY(4px);
  }
}
@media screen and (min-width: 768px) {
  .home-pickup__button-bubble::before, .home-pickup__button-bubble::after {
    background-image: url(../img/pickup_title_bubble_line_pc.svg);
    width: 1rem;
    height: 1.6rem;
    transform: translateY(6px);
  }
}
.home-pickup__button-bubble::after {
  transform: scaleX(-1);
}
@media screen and (max-width: 767.98px) {
  .home-pickup__button-bubble::after {
    transform: scaleX(-1) translateY(4px);
  }
}
@media screen and (min-width: 768px) {
  .home-pickup__button-bubble::after {
    transform: scaleX(-1) translateY(6px);
  }
}
.home-pickup__type {
  display: flex;
}
@media screen and (max-width: 767.98px) {
  .home-pickup__type {
    margin-top: 0.7rem;
    gap: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .home-pickup__type {
    gap: 1rem;
    margin-top: 1rem;
    transition: 0.5s ease-in-out;
  }
}
.home-pickup__type-item {
  border-radius: 0.5rem;
  color: #fff;
  position: relative;
  display: flex;
  align-items: center;
  overflow: hidden;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 767.98px) {
  .home-pickup__type-item {
    padding: 0.3rem 1rem 0.3rem 1.3rem;
    background-color: #fff;
    color: #FF860B;
    gap: 0.7rem;
  }
}
@media screen and (min-width: 768px) {
  .home-pickup__type-item {
    border: 1px solid #fff;
    padding: 0 1.4rem 0.1rem;
    gap: 0.5rem;
    line-height: 1.75;
    transition: 0.5s ease-in-out;
  }
}
.home-pickup__type-item::after {
  content: "";
  display: block;
  width: 0.4rem;
  height: 100%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}
@media screen and (min-width: 768px) {
  .home-pickup__type-item::after {
    transition: 0.5s ease-in-out;
  }
}
@media screen and (max-width: 767.98px) {
  .home-pickup__type-item::after {
    background-color: #FF860B;
  }
}
.home-pickup__type-item::before {
  content: "";
  display: block;
  height: 1.3rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.home-pickup__type-item--single::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22icon_single%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.227%22%20height%3D%2212.909%22%20viewBox%3D%220%200%2014.227%2012.909%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_131%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20131%22%20transform%3D%22translate(0%200)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1225%22%20data-name%3D%22%E3%83%91%E3%82%B9%201225%22%20d%3D%22M7.83%2C3.536A2.022%2C2.022%2C0%2C1%2C0%2C9.852%2C1.514%2C2.022%2C2.022%2C0%2C0%2C0%2C7.83%2C3.536m6.4%2C7.562c0%2C2.416-8.749%2C2.416-8.749%2C0a4.375%2C4.375%2C0%2C0%2C1%2C8.749%2C0M2.353%2C2.022A2.022%2C2.022%2C0%2C1%2C0%2C4.375%2C0%2C2.022%2C2.022%2C0%2C0%2C0%2C2.353%2C2.022Zm2.336%2C9.369a1.837%2C1.837%2C0%2C0%2C1-.023-.293%2C5.186%2C5.186%2C0%2C0%2C1%2C2.8-4.607A4.375%2C4.375%2C0%2C0%2C0%2C0%2C9.583c0%2C1.266%2C2.4%2C1.868%2C4.689%2C1.807%22%20transform%3D%22translate(0)%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  width: 1.5rem;
}
@media screen and (max-width: 767.98px) {
  .home-pickup__type-item--single::before {
    width: 1.7rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20id%3D%22icon_single%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214.227%22%20height%3D%2212.909%22%20viewBox%3D%220%200%2014.227%2012.909%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_131%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%20131%22%20transform%3D%22translate(0%200)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_1225%22%20data-name%3D%22%E3%83%91%E3%82%B9%201225%22%20d%3D%22M7.83%2C3.536A2.022%2C2.022%2C0%2C1%2C0%2C9.852%2C1.514%2C2.022%2C2.022%2C0%2C0%2C0%2C7.83%2C3.536m6.4%2C7.562c0%2C2.416-8.749%2C2.416-8.749%2C0a4.375%2C4.375%2C0%2C0%2C1%2C8.749%2C0M2.353%2C2.022A2.022%2C2.022%2C0%2C1%2C0%2C4.375%2C0%2C2.022%2C2.022%2C0%2C0%2C0%2C2.353%2C2.022Zm2.336%2C9.369a1.837%2C1.837%2C0%2C0%2C1-.023-.293%2C5.186%2C5.186%2C0%2C0%2C1%2C2.8-4.607A4.375%2C4.375%2C0%2C0%2C0%2C0%2C9.583c0%2C1.266%2C2.4%2C1.868%2C4.689%2C1.807%22%20transform%3D%22translate(0)%22%20fill%3D%22%23FF860B%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}
@media screen and (min-width: 768px) {
  .home-pickup__type-item--single::before {
    transition: 0.5s ease-in-out;
  }
}
.home-pickup__type-item--public::before {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.453%22%20height%3D%2212.939%22%20viewBox%3D%220%200%2020.453%2012.939%22%3E%20%3Cg%20id%3D%22icon_public%22%20transform%3D%22translate(0)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6970%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206970%22%20transform%3D%22translate(0%200)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_11127%22%20data-name%3D%22%E3%83%91%E3%82%B9%2011127%22%20d%3D%22M35.976%2C1.84A1.84%2C1.84%2C0%2C1%2C0%2C37.816%2C0a1.84%2C1.84%2C0%2C0%2C0-1.84%2C1.84M30.99%2C3.218a1.84%2C1.84%2C0%2C1%2C0%2C1.84-1.84%2C1.84%2C1.84%2C0%2C0%2C0-1.84%2C1.84M36.813%2C10.1c0%2C2.2-7.964%2C2.2-7.964%2C0a3.982%2C3.982%2C0%2C0%2C1%2C7.964%2C0M26%2C1.84A1.84%2C1.84%2C0%2C1%2C0%2C27.845%2C0%2C1.84%2C1.84%2C0%2C0%2C0%2C26%2C1.84ZM41.8%2C8.723A3.982%2C3.982%2C0%2C0%2C0%2C35%2C5.908%2C4.72%2C4.72%2C0%2C0%2C1%2C37.551%2C10.1a1.679%2C1.679%2C0%2C0%2C1-.021.267C39.612%2C10.424%2C41.8%2C9.876%2C41.8%2C8.723ZM28.131%2C10.368a1.672%2C1.672%2C0%2C0%2C1-.021-.267%2C4.72%2C4.72%2C0%2C0%2C1%2C2.551-4.193%2C3.982%2C3.982%2C0%2C0%2C0-6.8%2C2.815c0%2C1.152%2C2.186%2C1.7%2C4.268%2C1.645%22%20transform%3D%22translate(-22.604)%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_11128%22%20data-name%3D%22%E3%83%91%E3%82%B9%2011128%22%20d%3D%22M25.9%2C201.593a1.184%2C1.184%2C0%2C1%2C1-1.184-1.184%2C1.184%2C1.184%2C0%2C0%2C1%2C1.184%2C1.184%22%20transform%3D%22translate(-22.29%20-189.837)%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_11129%22%20data-name%3D%22%E3%83%91%E3%82%B9%2011129%22%20d%3D%22M7.487%2C52.55a14.361%2C14.361%2C0%2C0%2C1-3.74-.456C1.61%2C51.512.295%2C50.437.044%2C49.068s.6-2.841%2C2.389-4.144A17.208%2C17.208%2C0%2C0%2C1%2C9.309%2C42.2a17.207%2C17.207%2C0%2C0%2C1%2C7.4.112c2.137.582%2C3.453%2C1.657%2C3.7%2C3.027s-.6%2C2.841-2.389%2C4.144a17.209%2C17.209%2C0%2C0%2C1-6.876%2C2.729%2C20.4%2C20.4%2C0%2C0%2C1-3.657.343m5.48-10.224a19.932%2C19.932%2C0%2C0%2C0-3.573.336%2C16.731%2C16.731%2C0%2C0%2C0-6.683%2C2.646C1.076%2C46.5.294%2C47.8.511%2C48.982s1.41%2C2.123%2C3.362%2C2.654a16.732%2C16.732%2C0%2C0%2C0%2C7.187.1%2C16.73%2C16.73%2C0%2C0%2C0%2C6.683-2.646c1.636-1.189%2C2.418-2.494%2C2.2-3.674s-1.41-2.123-3.362-2.654a13.884%2C13.884%2C0%2C0%2C0-3.614-.439%22%20transform%3D%22translate(0%20-39.644)%22%20fill%3D%22%23fff%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  width: 2.1rem;
}
@media screen and (max-width: 767.98px) {
  .home-pickup__type-item--public::before {
    width: 1.8rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220.453%22%20height%3D%2212.939%22%20viewBox%3D%220%200%2020.453%2012.939%22%3E%20%3Cg%20id%3D%22icon_public%22%20transform%3D%22translate(0)%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_6970%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%206970%22%20transform%3D%22translate(0%200)%22%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_11127%22%20data-name%3D%22%E3%83%91%E3%82%B9%2011127%22%20d%3D%22M35.976%2C1.84A1.84%2C1.84%2C0%2C1%2C0%2C37.816%2C0a1.84%2C1.84%2C0%2C0%2C0-1.84%2C1.84M30.99%2C3.218a1.84%2C1.84%2C0%2C1%2C0%2C1.84-1.84%2C1.84%2C1.84%2C0%2C0%2C0-1.84%2C1.84M36.813%2C10.1c0%2C2.2-7.964%2C2.2-7.964%2C0a3.982%2C3.982%2C0%2C0%2C1%2C7.964%2C0M26%2C1.84A1.84%2C1.84%2C0%2C1%2C0%2C27.845%2C0%2C1.84%2C1.84%2C0%2C0%2C0%2C26%2C1.84ZM41.8%2C8.723A3.982%2C3.982%2C0%2C0%2C0%2C35%2C5.908%2C4.72%2C4.72%2C0%2C0%2C1%2C37.551%2C10.1a1.679%2C1.679%2C0%2C0%2C1-.021.267C39.612%2C10.424%2C41.8%2C9.876%2C41.8%2C8.723ZM28.131%2C10.368a1.672%2C1.672%2C0%2C0%2C1-.021-.267%2C4.72%2C4.72%2C0%2C0%2C1%2C2.551-4.193%2C3.982%2C3.982%2C0%2C0%2C0-6.8%2C2.815c0%2C1.152%2C2.186%2C1.7%2C4.268%2C1.645%22%20transform%3D%22translate(-22.604)%22%20fill%3D%22%23FF860B%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_11128%22%20data-name%3D%22%E3%83%91%E3%82%B9%2011128%22%20d%3D%22M25.9%2C201.593a1.184%2C1.184%2C0%2C1%2C1-1.184-1.184%2C1.184%2C1.184%2C0%2C0%2C1%2C1.184%2C1.184%22%20transform%3D%22translate(-22.29%20-189.837)%22%20fill%3D%22%23FF860B%22%20fill-rule%3D%22evenodd%22%2F%3E%20%3Cpath%20id%3D%22%E3%83%91%E3%82%B9_11129%22%20data-name%3D%22%E3%83%91%E3%82%B9%2011129%22%20d%3D%22M7.487%2C52.55a14.361%2C14.361%2C0%2C0%2C1-3.74-.456C1.61%2C51.512.295%2C50.437.044%2C49.068s.6-2.841%2C2.389-4.144A17.208%2C17.208%2C0%2C0%2C1%2C9.309%2C42.2a17.207%2C17.207%2C0%2C0%2C1%2C7.4.112c2.137.582%2C3.453%2C1.657%2C3.7%2C3.027s-.6%2C2.841-2.389%2C4.144a17.209%2C17.209%2C0%2C0%2C1-6.876%2C2.729%2C20.4%2C20.4%2C0%2C0%2C1-3.657.343m5.48-10.224a19.932%2C19.932%2C0%2C0%2C0-3.573.336%2C16.731%2C16.731%2C0%2C0%2C0-6.683%2C2.646C1.076%2C46.5.294%2C47.8.511%2C48.982s1.41%2C2.123%2C3.362%2C2.654a16.732%2C16.732%2C0%2C0%2C0%2C7.187.1%2C16.73%2C16.73%2C0%2C0%2C0%2C6.683-2.646c1.636-1.189%2C2.418-2.494%2C2.2-3.674s-1.41-2.123-3.362-2.654a13.884%2C13.884%2C0%2C0%2C0-3.614-.439%22%20transform%3D%22translate(0%20-39.644)%22%20fill%3D%22%23FF860B%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  }
}
@media screen and (min-width: 768px) {
  .home-pickup__type-item--public::before {
    transition: 0.5s ease-in-out;
  }
}

.home-training {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .home-training {
    margin-top: -4.5rem;
    padding: 12.5rem 0;
  }
}
@media screen and (min-width: 768px) {
  .home-training {
    margin-top: -7.4rem;
    padding-top: 19.8rem;
    padding-bottom: 26.6rem;
  }
}
.home-training__background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  opacity: 1 !important;
}
.home-training__background-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity 1s ease-in-out, transform 1s ease-in-out;
  transform: translateY(10px);
}
.is-visible .home-training__background-item {
  opacity: 1;
  transform: translateY(0);
}
@media screen and (max-width: 767.98px) {
  .home-training__background-item:nth-child(1) {
    background-image: url(../img/home_training_background1_sp.png);
    background-position: top center;
  }
}
@media screen and (min-width: 768px) {
  .home-training__background-item:nth-child(1) {
    background-image: url(../img/home_training_background1_pc.png);
  }
}
.home-training__background-item:nth-child(2) {
  transition-delay: 0.3s;
}
@media screen and (max-width: 767.98px) {
  .home-training__background-item:nth-child(2) {
    background-image: url(../img/home_training_background2_sp.png);
    background-position: top center;
  }
}
@media screen and (min-width: 768px) {
  .home-training__background-item:nth-child(2) {
    background-image: url(../img/home_training_background2_pc.png);
  }
}
.home-training__background-item:nth-child(3) {
  transition-delay: 0.5s;
}
@media screen and (max-width: 767.98px) {
  .home-training__background-item:nth-child(3) {
    background-image: url(../img/home_training_background3_sp.png);
  }
}
@media screen and (min-width: 768px) {
  .home-training__background-item:nth-child(3) {
    background-image: url(../img/home_training_background3_pc.png);
  }
}
.home-training__background-item:nth-child(4) {
  transition-delay: 0.7s;
}
@media screen and (max-width: 767.98px) {
  .home-training__background-item:nth-child(4) {
    background-image: url(../img/home_training_background4_sp.png);
    background-position: bottom center;
  }
}
@media screen and (min-width: 768px) {
  .home-training__background-item:nth-child(4) {
    background-image: url(../img/home_training_background4_pc.png);
  }
}
.home-training__background-item:nth-child(5) {
  transition-delay: 0.8s;
}
@media screen and (max-width: 767.98px) {
  .home-training__background-item:nth-child(5) {
    background-image: url(../img/home_training_background5_sp.png);
    background-position: bottom center;
  }
}
@media screen and (min-width: 768px) {
  .home-training__background-item:nth-child(5) {
    background-image: url(../img/home_training_background5_pc.png);
  }
}
.home-training__container {
  position: relative;
}
.home-training__list {
  display: grid;
  list-style: none;
}
@media screen and (max-width: 767.98px) {
  .home-training__list {
    gap: 2.3rem;
  }
}
@media screen and (min-width: 768px) {
  .home-training__list {
    grid-template-columns: repeat(4, 1fr);
    gap: 1.6rem;
  }
}
.home-training__list-text {
  line-height: 2;
}
@media screen and (max-width: 767.98px) {
  .home-training__list-text {
    margin-top: 1.6rem;
  }
}
@media screen and (min-width: 768px) {
  .home-training__list-text {
    margin-top: 2.3em;
  }
}
.home-training__card {
  border-radius: 1.5rem;
  position: relative;
  display: block;
}
@media screen and (max-width: 767.98px) {
  .home-training__card {
    height: 13.5rem;
  }
}
@media screen and (min-width: 768px) {
  .home-training__card {
    height: 21.7rem;
    background: linear-gradient(45deg, #FFAC4B, #FF6310);
  }
}
.home-training__card::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: #fff;
  border-radius: 1.3rem;
  transition: opacity 0.4s ease-in-out;
}
@media (hover: hover) {
  .home-training__card:hover::before {
    opacity: 0;
  }
  .home-training__card:hover .home-training__card-inner::before {
    opacity: 0;
  }
  .home-training__card:hover .home-training__card-inner::after {
    opacity: 1;
  }
}
.home-training__card-inner {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 100%;
  padding: 2rem;
}
.home-training__card-inner::before, .home-training__card-inner::after {
  content: "";
  display: block;
  width: 4.3rem;
  height: 4.2rem;
  border-radius: 1.5rem 0 1.3rem 0;
  position: absolute;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center;
  transition: 0.4s ease-in-out;
}
.home-training__card-inner::before {
  background-color: #FF860B;
  background-image: url(../img/button_arrow.svg);
}
.home-training__card-inner::after {
  background: url(../img/button_arrow_primary.svg) no-repeat center, linear-gradient(0deg, #FFDDB5, #fff);
  opacity: 0;
}
.home-training__card-title {
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .home-training__card-title {
    font-size: 20px;
    font-size: 2rem;
    transition: color 0.4s ease-in-out;
  }
  .home-training__card:hover .home-training__card-title {
    color: #fff;
  }
}
@media screen and (max-width: 767.98px) {
  .home-training__card-icon {
    margin-top: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .home-training__card-icon {
    margin-top: 3rem;
  }
}
.home-training__card-icon svg stop {
  transition: 1s stop-color;
}
.home-training__card-icon svg stop:first-child {
  stop-color: #ff6310;
}
.home-training__card-icon svg stop:last-child {
  stop-color: #ffac4b;
}
@media screen and (min-width: 768px) {
  .home-training__card:hover .home-training__card-icon svg stop:first-child {
    stop-color: #FFFFFF;
  }
  .home-training__card:hover .home-training__card-icon svg stop:last-child {
    stop-color: #FFDDB5;
  }
}
@media screen and (max-width: 767.98px) {
  .home-training__list-item--01 .home-training__card-icon {
    width: 5rem;
  }
}
@media screen and (max-width: 767.98px) {
  .home-training__list-item--02 .home-training__card-icon {
    width: 5.5rem;
  }
}
@media screen and (max-width: 767.98px) {
  .home-training__list-item--03 .home-training__card-icon {
    width: 6.5rem;
  }
}
@media screen and (max-width: 767.98px) {
  .home-training__list-item--04 .home-training__card-icon {
    width: 5.3rem;
  }
}

.home-case {
  background: linear-gradient(0deg, #FFF0DE, #FFFFFF);
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .home-case {
    padding: 6rem 0;
    border-radius: 4.5rem;
    margin-top: -4.5rem;
  }
}
@media screen and (min-width: 768px) {
  .home-case {
    border-radius: 7.4rem;
    padding: 12rem 0;
    margin-top: -7.4rem;
  }
}
.home-case__list {
  list-style: none;
  display: grid;
}
@media screen and (max-width: 767.98px) {
  .home-case__list {
    gap: 3rem;
  }
}
@media screen and (min-width: 768px) {
  .home-case__list {
    grid-template-columns: repeat(3, 1fr);
    gap: 1.5rem;
  }
}
.home-case__card-picture {
  display: block;
  width: 100%;
  aspect-ratio: 356/208;
  border-radius: 1.5rem;
  overflow: hidden;
}
.home-case__card-thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-case__card-company {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
}
@media screen and (max-width: 767.98px) {
  .home-case__card-company {
    margin-top: -2rem;
  }
}
@media screen and (min-width: 768px) {
  .home-case__card-company {
    margin-top: -3rem;
  }
}
.home-case__card-company-logo {
  background-color: #fff;
  overflow: hidden;
  border-radius: 1.5rem;
  aspect-ratio: 1/1;
}
@media screen and (max-width: 767.98px) {
  .home-case__card-company-logo {
    width: 6.5rem;
  }
}
@media screen and (min-width: 768px) {
  .home-case__card-company-logo {
    width: 7.5rem;
  }
}
.home-case__card-company-logo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-case__card-company-name {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .home-case__card-company-name {
    padding: 4rem 0 1rem;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .home-case__card-company-name {
    padding: 3rem 0 0.4rem;
  }
}
.home-case__card-company-name span {
  margin-left: 0.5em;
}
@media screen and (max-width: 767.98px) {
  .home-case__card-company-name span {
    font-size: 10px;
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .home-case__card-company-name span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.home-case__card-title {
  line-height: 2;
  font-size: initial;
}
@media screen and (max-width: 767.98px) {
  .home-case__card-title {
    margin-top: 1.3rem;
  }
}
@media screen and (min-width: 768px) {
  .home-case__card-title {
    margin-top: 2rem;
  }
}
.home-case__card-info {
  display: grid;
  grid-template-columns: auto auto;
  align-items: flex-start;
  grid-template-columns: auto 1fr;
  gap: 1rem 2rem;
  line-height: 1.5;
}
@media screen and (max-width: 767.98px) {
  .home-case__card-info {
    margin-top: 1.3rem;
  }
}
@media screen and (min-width: 768px) {
  .home-case__card-info {
    margin-top: 2.7rem;
  }
}
.home-case__card-info-label {
  background-color: #FF860B;
  color: #fff;
  text-align: center;
  border-radius: 0.4rem;
  padding: 0.2rem 1.3rem;
}
.home-case__card-info-text {
  padding-top: 0.2rem;
}
.home-case__more {
  text-align: center;
}
@media screen and (max-width: 767.98px) {
  .home-case__more {
    margin-top: 3.8rem;
  }
}
@media screen and (min-width: 768px) {
  .home-case__more {
    margin-top: 8rem;
  }
}
.home-case__more .button {
  width: 29.4rem;
}

@media screen and (max-width: 767.98px) {
  .home-trainer {
    margin-top: 8rem;
  }
}
@media screen and (min-width: 768px) {
  .home-trainer {
    margin-top: 12rem;
  }
}
.home-trainer__container {
  display: flex;
}
@media screen and (min-width: 768px) {
  .home-trainer__container {
    gap: 10.9rem;
  }
}
@media screen and (max-width: 767.98px) {
  .home-trainer__container {
    flex-direction: column;
    align-items: center;
    align-items: flex-start;
  }
}
.home-trainer__image {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .home-trainer__image {
    width: 54.2rem;
    aspect-ratio: 542/435;
    border-radius: 3.7rem;
  }
}
@media screen and (max-width: 767.98px) {
  .home-trainer__image {
    order: 2;
    margin-top: 0.6rem;
    width: 23rem;
    aspect-ratio: 1/1;
    margin-left: auto;
    margin-right: auto;
  }
}
.home-trainer__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767.98px) {
  .home-trainer__content {
    display: contents;
  }
}
@media screen and (min-width: 768px) {
  .home-trainer__content {
    flex: 1;
  }
}
@media screen and (max-width: 767.98px) {
  .home-trainer__content .home-content__header {
    order: 1;
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .home-trainer__content .home-content__header {
    align-items: flex-start;
    margin-bottom: 3rem;
  }
}
@media screen and (min-width: 768px) {
  .home-trainer__description {
    width: 35.6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .home-trainer__description {
    order: 3;
    margin-top: 3rem;
  }
}
.home-trainer__more {
  border-bottom: 1px solid #E0E0E0;
}
@media screen and (max-width: 767.98px) {
  .home-trainer__more {
    order: 4;
    width: 100%;
    text-align: center;
    margin-top: 3rem;
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .home-trainer__more {
    margin-top: 4rem;
    padding-bottom: 4rem;
  }
}
.home-trainer__more .button {
  width: 26.3rem;
}

.home-asotimes {
  display: flex;
  align-items: center;
  margin-top: 4rem;
}
@media screen and (min-width: 768px) {
  .home-asotimes {
    gap: 4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .home-asotimes {
    order: 5;
    gap: 2.4rem;
    flex-direction: column;
    width: 100%;
  }
}
@media screen and (max-width: 767.98px) {
  .home-asotimes__logo {
    width: 8.1rem;
  }
}
.home-asotimes__description {
  position: relative;
  flex: 1;
}
@media screen and (min-width: 768px) {
  .home-asotimes__description {
    padding-right: 4.8rem;
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media screen and (max-width: 767.98px) {
  .home-asotimes__description {
    font-size: 11px;
    font-size: 1.1rem;
    padding-right: 4.1rem;
  }
}
.home-asotimes__description::after {
  content: "";
  display: block;
  background-color: #2B2F3C;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  aspect-ratio: 1/1;
  border-radius: 50%;
  background-image: url(../img/button_arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 767.98px) {
  .home-asotimes__description::after {
    width: 2.6rem;
    background-size: 0.35rem auto;
  }
}
@media screen and (min-width: 768px) {
  .home-asotimes__description::after {
    width: 3.4rem;
    background-size: 0.6rem auto;
  }
}
@media screen and (min-width: 768px) {
  .home-asotimes__description p {
    font-size: 20px;
    font-size: 2rem;
    padding-right: 4.2rem;
    padding-bottom: 1.4rem;
    border-bottom: 1px solid #E0E0E0;
  }
}

@media screen and (max-width: 767.98px) {
  .home-contact {
    margin-top: 10.9rem;
  }
}
@media screen and (min-width: 768px) {
  .home-contact {
    margin-top: 15rem;
  }
}
.home-contact__inner {
  background-color: #fff;
  padding-top: 1px;
}
@media screen and (max-width: 767.98px) {
  .home-contact__inner {
    border-radius: 4.5rem;
    padding: 1px 2rem 8rem;
  }
}
@media screen and (min-width: 768px) {
  .home-contact__inner {
    border-radius: 5.7rem;
    padding: 1px 4rem 9.8rem;
  }
}
.home-contact__header {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  line-height: 1.5;
}
@media screen and (max-width: 767.98px) {
  .home-contact__header {
    margin-top: -3.8rem;
  }
}
@media screen and (min-width: 768px) {
  .home-contact__header {
    margin-top: -6.8rem;
  }
}
.home-contact__header-label {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: bold;
  color: #FF860B;
}
@media screen and (max-width: 767.98px) {
  .home-contact__header-label {
    font-size: 50px;
    font-size: 5rem;
  }
}
@media screen and (min-width: 768px) {
  .home-contact__header-label {
    font-size: 96px;
    font-size: 9.6rem;
  }
}
.home-contact__header-title {
  font-weight: bold;
}
@media screen and (max-width: 767.98px) {
  .home-contact__header-title {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .home-contact__header-title {
    font-size: 35px;
    font-size: 3.5rem;
    margin-top: 0.4rem;
  }
}
.home-contact__description {
  line-height: 2;
}
@media screen and (max-width: 767.98px) {
  .home-contact__description {
    margin-top: 3.2rem;
  }
}
@media screen and (min-width: 768px) {
  .home-contact__description {
    margin-top: 3.8rem;
    text-align: center;
  }
}
.home-contact__description-highlight {
  font-weight: bold;
}
@media screen and (max-width: 767.98px) {
  .home-contact__description-highlight {
    margin-top: 1.6rem;
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .home-contact__description-highlight {
    margin-top: 4.2rem;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.home-contact__list {
  display: grid;
  list-style: none;
}
@media screen and (max-width: 767.98px) {
  .home-contact__list {
    gap: 2rem;
    margin-top: 3.6rem;
  }
}
@media screen and (min-width: 768px) {
  .home-contact__list {
    gap: 1.7rem;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 4.1rem;
    max-width: 90rem;
    margin-left: auto;
    margin-right: auto;
  }
}
.home-contact__list-item {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 1.5rem;
  overflow: hidden;
}
@media screen and (max-width: 767.98px) {
  .home-contact__list-item {
    background: url(../img/contact_button_background_sp.svg), linear-gradient(45deg, #FFAC4B 0%, #FF6310 100%);
    height: 10.1rem;
  }
}
@media screen and (min-width: 768px) {
  .home-contact__list-item {
    background: url(../img/contact_button_background.svg), linear-gradient(45deg, #FFAC4B 0%, #FF6310 100%);
    height: 16rem;
  }
}
.home-contact__list-link {
  overflow: hidden;
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  position: relative;
  color: #fff;
  transition: color 0.4s ease-in-out;
}
@media screen and (max-width: 767.98px) {
  .home-contact__list-link {
    gap: 1rem;
    align-items: center;
    padding: 0 2rem;
  }
}
@media screen and (min-width: 768px) {
  .home-contact__list-link {
    flex-direction: column;
    padding: 1.95rem 0 1.45rem;
  }
}
@media (hover: hover) {
  .home-contact__list-link:hover {
    color: #FF860B;
  }
  .home-contact__list-link:hover::before {
    opacity: 1;
  }
}
.home-contact__list-link::before, .home-contact__list-link::after {
  content: "";
  display: block;
  position: absolute;
}
.home-contact__list-link::before {
  background: url(../img/contact_button_background_hover.svg), linear-gradient(45deg, #FFDDB5 0%, #FFFFFF 100%);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.6s ease-in-out;
}
.home-contact__list-link::after {
  background-color: #2B2F3C;
  right: 0;
  bottom: 0;
  z-index: 2;
  background-image: url(../img/contact_button_arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 15px 0 0 0;
}
@media screen and (max-width: 767.98px) {
  .home-contact__list-link::after {
    width: 3rem;
    height: 3rem;
    background-size: 0.5rem auto;
  }
}
@media screen and (min-width: 768px) {
  .home-contact__list-link::after {
    width: 3.9rem;
    height: 3.9rem;
  }
}
.home-contact__list-link > span {
  position: relative;
  z-index: 1;
}
.home-contact__list-item--call .home-contact__list-link::after {
  content: none;
}
.home-contact__list-icon {
  width: 2.819rem;
  height: 2.819rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  transition: 1s;
  width: 6rem;
  height: 6rem;
}
.home-contact__list-icon::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  opacity: 0;
  transition: opacity 0.4s ease-in-out;
}
@media screen and (min-width: 768px) {
  .home-contact__list-link:hover .home-contact__list-icon::after {
    opacity: 1;
  }
}
.home-contact__list-item--inquiry .home-contact__list-icon {
  background-image: url(../img/contact_button_inquiry.svg);
}
.home-contact__list-item--inquiry .home-contact__list-icon::after {
  background-image: url(../img/contact_button_inquiry_hover.svg);
}
.home-contact__list-item--application .home-contact__list-icon {
  background-image: url(../img/contact_button_application.svg);
}
.home-contact__list-item--application .home-contact__list-icon::after {
  background-image: url(../img/contact_button_application_hover.svg);
}
.home-contact__list-item--call .home-contact__list-icon {
  background-image: url(../img/contact_button_call.svg);
}
.home-contact__list-item--call .home-contact__list-icon::after {
  background-image: url(../img/contact_button_call_hover.svg);
}
.home-contact__list-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 767.98px) {
  .home-contact__list-title {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 768px) {
  .home-contact__list-title {
    font-size: 18px;
    font-size: 1.8rem;
    margin-top: 1.2rem;
    align-items: center;
  }
}
@media screen and (max-width: 767.98px) {
  .home-contact__list-item--application .home-contact__list-title > span:first-child {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 768px) {
  .home-contact__list-item--application .home-contact__list-title > span:first-child {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.home-contact__list-item--call .home-contact__list-title {
  justify-content: flex-end;
}
@media screen and (max-width: 767.98px) {
  .home-contact__list-item--call .home-contact__list-title > span:first-child {
    font-size: 11px;
    font-size: 1.1rem;
  }
}
@media screen and (min-width: 768px) {
  .home-contact__list-item--call .home-contact__list-title > span:first-child {
    font-size: 10px;
    font-size: 1rem;
  }
}
.home-contact__list-item--call .home-contact__list-title > span:last-child {
  font-family: "Plus Jakarta Sans", sans-serif;
}
@media screen and (max-width: 767.98px) {
  .home-contact__list-item--call .home-contact__list-title > span:last-child {
    margin-top: 0.2rem;
    font-size: 18px;
    font-size: 1.8rem;
    text-decoration: underline;
  }
}
.home-contact__list-item--call .home-contact__list-title:hover > span:last-child {
  text-decoration: underline;
}

.find-nav {
  list-style: none;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .find-nav {
    display: flex;
    position: relative;
    gap: 3rem;
  }
}
@media screen and (min-width: 768px) {
  .find-nav__item {
    cursor: pointer;
    display: flex;
    align-items: center;
  }
}
.find-nav__item-button {
  display: block;
  position: relative;
}
@media screen and (min-width: 768px) {
  .find-nav__item-button {
    padding-right: 1.9rem;
  }
  .find-nav__item-button:last-child {
    padding-right: 0;
  }
  .find-nav__item-button:hover {
    text-decoration: underline;
  }
}
.find-nav__item-button::before {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.find-nav__item-button--has-subnav {
  text-decoration: none !important;
}
.find-nav__item-button--has-subnav::before {
  background-image: url(../img/button_arrow_bottom.svg);
  width: 9px;
  height: 5px;
  transition: transform 0.4s ease-in-out;
}
@media screen and (min-width: 768px) {
  .find-nav__item:hover .find-nav__item-button--has-subnav::before {
    transform: translateY(-50%) scaleY(-1);
  }
}
@media screen and (min-width: 768px) {
  .find-nav__subnav {
    position: absolute;
    top: 100%;
    left: 0;
    opacity: 0;
    transition: opacity 0.3s;
    width: 100%;
    pointer-events: none;
    height: auto !important;
  }
  .find-nav__item:hover .find-nav__subnav {
    opacity: 1;
    pointer-events: auto;
  }
}
@media screen and (min-width: 768px) {
  .find-nav__subnav-inner {
    background-color: #fff;
    position: relative;
    margin-top: 1.7rem;
    padding: 2rem 3rem;
    border-radius: 10px;
    transform: translateY(10px);
    transition: transform 0.35s ease-in-out;
    box-shadow: 10px 10px 20px rgba(255, 99, 16, 0.09);
  }
  .find-nav__item:hover .find-nav__subnav-inner {
    transform: translateY(0);
  }
  .find-nav__subnav-inner::before {
    content: "";
    display: block;
    position: absolute;
    background-color: #fff;
    top: -9px;
    height: 10.3923048454px;
    width: 20px;
    clip-path: polygon(50% 0, 100% 100%, 0 100%);
  }
  .find-nav__item:nth-child(1) .find-nav__subnav-inner::before {
    left: 6rem;
  }
  .find-nav__item:nth-child(2) .find-nav__subnav-inner::before {
    left: 50%;
    transform: translateX(-50%);
  }
  .find-nav__item:nth-child(3) .find-nav__subnav-inner::before {
    right: 6rem;
  }
}

.find-subnav {
  list-style: none;
}
.find-subnav__item {
  border-bottom: 1px solid #e0e0e0;
}
.find-subnav__item:last-child {
  border-bottom: none;
}
.find-subnav__link {
  display: block;
  padding: 1rem 0;
  font-weight: bold;
  position: relative;
}
@media screen and (min-width: 768px) {
  .find-subnav__link {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.find-subnav__link::before, .find-subnav__link::after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  width: 17px;
  height: 17px;
}
@media screen and (max-width: 767.98px) {
  .find-subnav__link::before, .find-subnav__link::after {
    top: 1.6rem;
  }
}
@media screen and (min-width: 768px) {
  .find-subnav__link::before, .find-subnav__link::after {
    top: 1.5rem;
  }
}
.find-subnav__link::before {
  background-color: #2B2F3C;
  border-radius: 50%;
}
.find-subnav__link::after {
  background-image: url(../img/button_arrow_small.svg);
  background-size: 4px auto;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (max-width: 767.98px) {
  .faq-list__section {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .faq-list__section {
    margin-bottom: 4rem;
  }
}
.faq-list__section:last-child {
  margin-bottom: 0;
}
.faq-list__section-title {
  font-weight: bold;
  border-bottom: 1px solid #2B2F3C;
  line-height: 1.5;
  padding-bottom: 1rem;
}
@media screen and (min-width: 768px) {
  .faq-list__section-title {
    margin-bottom: 3rem;
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .faq-list__section-title {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}
.faq-list__item {
  margin-bottom: 1rem;
  background: #fff;
  border-radius: 10px;
}
@media screen and (min-width: 768px) {
  .faq-list__item {
    padding: 3rem;
  }
}
@media screen and (max-width: 767.98px) {
  .faq-list__item {
    padding: 2rem;
  }
}
.faq-list__item:last-child {
  margin-bottom: 0;
}
.faq-list__question, .faq-list__answer {
  padding-left: 4.4rem;
  padding-top: 0.2rem;
  line-height: 1.8;
  font-size: 16px;
  font-size: 1.6rem;
}
.faq-list__question::before, .faq-list__answer::before {
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  background: #FF860B;
  color: #fff;
  aspect-ratio: 1/1;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-family: "Plus Jakarta Sans", sans-serif;
  line-height: 1;
  font-size: 20px;
  font-size: 2rem;
  width: 34px;
}
.faq-list__question {
  font-weight: bold;
  position: relative;
}
.faq-list__question::before {
  content: "Q";
  background: linear-gradient(45deg, #FFAC4B, #FF6310);
}
.faq-list__answer {
  color: #666;
  position: relative;
  margin-top: 1.2rem;
}
.faq-list__answer::before {
  content: "A";
  background-color: #2B2F3C;
}

.voice-industry {
  background-color: #fff;
  display: flex;
  border-radius: 3rem;
}
@media screen and (min-width: 768px) {
  .voice-industry {
    align-items: center;
    padding: 3.2rem 5rem 3.2rem 5rem;
    gap: 5rem;
  }
}
@media screen and (max-width: 767.98px) {
  .voice-industry {
    flex-direction: column;
    padding: 6rem 2rem;
  }
  .container .voice-industry {
    margin-left: -2rem;
    margin-right: -2rem;
  }
}
.voice-industry__title {
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .voice-industry__title {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .voice-industry__title {
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.voice-industry__list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  flex: 1;
  line-height: 2;
}
@media screen and (max-width: 767.98px) {
  .voice-industry__list {
    row-gap: 1rem;
    margin-top: 2rem;
  }
}
.voice-industry__list li {
  display: flex;
  list-style: 1.5;
}
.voice-industry__list li:not(:last-child)::after {
  content: "";
  display: block;
  width: 1px;
  height: 9px;
  background-color: #2B2F3C;
  transform: rotate(45deg);
  position: relative;
}
@media screen and (min-width: 768px) {
  .voice-industry__list li:not(:last-child)::after {
    top: 1rem;
    margin: 0 1.15rem;
  }
}
@media screen and (max-width: 767.98px) {
  .voice-industry__list li:not(:last-child)::after {
    top: 0.6rem;
    margin: 0 1rem;
  }
}

@media screen and (min-width: 768px) {
  .voice-group {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767.98px) {
  .voice-group {
    margin-top: 4rem;
  }
}
.voice-group:first-child {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .voice-group__section {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767.98px) {
  .voice-group__section {
    margin-top: 4rem;
  }
}
.voice-group__section:first-child {
  margin-top: 0;
}
.voice-group__section-title {
  text-align: center;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .voice-group__section-title {
    font-size: 24px;
    font-size: 2.4rem;
    margin-bottom: 3.2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .voice-group__section-title {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 1rem;
  }
}

.voice-list {
  display: grid;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .voice-list {
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem 1.6rem;
  }
}
@media screen and (min-width: 768px) {
  .voice-list--3column {
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem 3rem;
  }
}
@media screen and (max-width: 767.98px) {
  .voice-list {
    gap: 2rem;
  }
}
.voice-list__item {
  position: relative;
}
@media screen and (min-width: 768px) {
  .voice-list__item {
    padding-top: 14.5rem;
    padding-left: 6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .voice-list__item {
    padding-top: 8.5rem;
  }
  .voice-list__item:nth-child(odd) {
    padding-left: 5.4rem;
  }
  .voice-list__item:nth-child(odd)::before {
    left: 0;
  }
  .voice-list__item:nth-child(even) {
    padding-right: 5.4rem;
  }
  .voice-list__item:nth-child(even)::before {
    right: 0;
  }
}
.voice-list__item::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (max-width: 767.98px) {
  .voice-list__item::before {
    width: 95px;
    height: 127px;
  }
}
@media screen and (min-width: 768px) {
  .voice-list__item::before {
    width: 170px;
    height: 206px;
    left: 0;
  }
}
.voice-list__item--men1::before {
  background-image: url(../img/voice_men1.svg);
}
.voice-list__item--men2::before {
  background-image: url(../img/voice_men2.svg);
}
.voice-list__item--men3::before {
  background-image: url(../img/voice_men3.svg);
}
.voice-list__item--men4::before {
  background-image: url(../img/voice_men4.svg);
}
.voice-list__item--women1::before {
  background-image: url(../img/voice_women1.svg);
}
.voice-list__item--women2::before {
  background-image: url(../img/voice_women2.svg);
}
.voice-list__item--women3::before {
  background-image: url(../img/voice_women3.svg);
}
.voice-list__content {
  position: relative;
  background-color: #fff;
  box-shadow: 10px 10px 20px rgba(255, 99, 16, 0.09);
  height: 100%;
}
@media screen and (max-width: 767.98px) {
  .voice-list__content {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 3rem;
  }
  .voice-list__item:nth-child(odd) .voice-list__content {
    border-radius: 0 4.2rem 4.2rem 4.2rem;
  }
  .voice-list__item:nth-child(even) .voice-list__content {
    border-radius: 4.2rem 0 4.2rem 4.2rem;
  }
}
@media screen and (min-width: 768px) {
  .voice-list__content {
    padding: 3.3rem 4rem;
    border-radius: 0 6.2rem 6.2rem 6.2rem;
  }
}
.voice-list__label {
  position: absolute;
  background: linear-gradient(10deg, #FFAC4B, #FF6310);
  border-radius: 999px;
  color: #fff;
  font-weight: bold;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 35px;
  width: 140px;
  top: -1.75rem;
}
@media screen and (min-width: 768px) {
  .voice-list__label {
    right: 1rem;
  }
}
@media screen and (max-width: 767.98px) {
  .voice-list__label {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .voice-list__item:nth-child(odd) .voice-list__label {
    right: 1rem;
  }
  .voice-list__item:nth-child(even) .voice-list__label {
    left: 1rem;
  }
}

.course-overview {
  display: grid;
}
@media screen and (min-width: 768px) {
  .course-overview {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-overview {
    gap: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .course-overview__item {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
    gap: 0;
  }
  .course-overview__item .course-card {
    display: subgrid;
    display: inherit;
    grid-template-rows: inherit;
    grid-row: inherit;
  }
}
.course-overview__button {
  display: grid;
}
@media screen and (min-width: 768px) {
  .course-overview__button {
    grid-template-columns: repeat(2, 1fr);
    text-align: center;
    margin-top: 4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-overview__button {
    gap: 1rem;
    margin-top: 2rem;
  }
  .course-overview__button .button {
    width: 100%;
  }
}

.course-card {
  color: #fff;
  border-radius: 3.2rem;
}
@media screen and (min-width: 768px) {
  .course-card {
    padding: 4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-card {
    padding: 4rem 3rem;
  }
}
.course-card__header {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .course-card__header {
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-card__header {
    margin-bottom: 1.6rem;
  }
}
.course-card__header--single .course-card__title::before {
  background-image: url(../img/icon_single_w.svg);
}
@media screen and (min-width: 768px) {
  .course-card__header--single .course-card__title::before {
    width: 2.6rem;
    height: 2.7rem;
    margin-right: 0.9rem;
    top: 0.4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-card__header--single .course-card__title::before {
    width: 2.2rem;
    height: 2rem;
    margin-right: 0.8rem;
    top: 0.4rem;
  }
}
.course-card__header--public .course-card__title::before {
  background-image: url(../img/icon_public_w.svg);
}
@media screen and (min-width: 768px) {
  .course-card__header--public .course-card__title::before {
    width: 3.6rem;
    height: 2.3rem;
    margin-right: 1.5rem;
    top: 0.6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-card__header--public .course-card__title::before {
    width: 2.7rem;
    height: 1.8rem;
    margin-right: 0.82rem;
    top: 0.7rem;
  }
}
.course-card__title {
  line-height: 1.5;
  position: relative;
}
@media screen and (min-width: 768px) {
  .course-card__title {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-card__title {
    font-size: 20px;
    font-size: 2rem;
  }
}
.course-card__title::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  flex-shrink: 0;
  position: absolute;
  right: 100%;
}
.course-card__title-note {
  display: inline-flex;
  align-items: center;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .course-card__title-note {
    gap: 1.5rem;
    line-height: 1;
    margin-top: 0.7rem;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-card__title-note {
    font-size: 15px;
    font-size: 1.5rem;
    gap: 1.6rem;
    margin-left: -1rem;
  }
}
.course-card__title-note::before, .course-card__title-note::after {
  content: "";
  display: block;
  background-image: url(../img/course_title_bracket.svg);
  width: 0.6rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: center;
  flex-shrink: 0;
}
.course-card__title-note::after {
  transform: scale(-1);
}
.course-card--primary {
  background-color: #FF860B;
}
.course-card--secondary {
  background-color: #2B2F3C;
}
@media screen and (min-width: 768px) {
  .course-card__content {
    display: contents;
  }
}
@media screen and (max-width: 767.98px) {
  .course-card__description {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.course-card__list {
  list-style: none;
}
@media screen and (min-width: 768px) {
  .course-card__list {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-card__list {
    margin-top: 2rem;
  }
}
.course-card__list li {
  background-color: rgba(255, 255, 255, 0.2);
  display: flex;
  align-items: flex-start;
  margin-bottom: 1rem;
  border-radius: 1.1rem;
}
@media screen and (min-width: 768px) {
  .course-card__list li {
    font-size: 15px;
    font-size: 1.5rem;
    line-height: 1.8666666667;
    padding: 0.5rem 1.3rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-card__list li {
    line-height: 1.5;
    padding: 0.8rem 1.3rem;
  }
}
.course-card__list li:last-child {
  margin-bottom: 0;
}
.course-card__list li::before {
  content: "";
  border: 3px solid #fff;
  display: block;
  width: 1.1rem;
  height: 1.1rem;
  flex-shrink: 0;
  border-radius: 50%;
  background-color: #000;
  margin-right: 0.6rem;
}
@media screen and (max-width: 767.98px) {
  .course-card__list li::before {
    transform: translateY(5px);
  }
}
@media screen and (min-width: 768px) {
  .course-card__list li::before {
    transform: translateY(9px);
  }
}
.course-card--primary .course-card__list li {
  background-color: #FFAD2B;
}
.course-card--primary .course-card__list li::before {
  background-color: #FF860B;
}
.course-card--secondary .course-card__list li {
  background-color: #414553;
}
.course-card--secondary .course-card__list li::before {
  background-color: #2B2F3C;
}

.course-program {
  margin: 0;
  padding: 0;
  list-style: none;
}
@media screen and (max-width: 767.98px) {
  .course-program {
    margin-bottom: 2rem;
  }
  .course-program:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .course-program {
    padding-right: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .course-program__wrap {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: start;
  }
}
@media screen and (max-width: 767.98px) {
  .course-program__wrap {
    gap: 2rem;
  }
}
.course-program__item {
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .course-program__item {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-program__item {
    margin-bottom: 2rem;
  }
}
.course-program__item:last-child {
  margin-bottom: 0;
}
.course-program__title {
  display: flex;
  line-height: 1.5;
  gap: 1.2rem;
  margin-bottom: 1.2rem;
}
.course-program__title-number {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: bold;
  color: #9F9F9F;
  font-size: 20px;
  font-size: 2rem;
  flex-shrink: 0;
}
.course-program__title-text {
  font-weight: bold;
}
@media screen and (max-width: 767.98px) {
  .course-program__title-text {
    font-size: 18px;
    font-size: 1.8rem;
    transform: translateY(1px);
  }
}
@media screen and (min-width: 768px) {
  .course-program__title-text {
    font-size: 20px;
    font-size: 2rem;
  }
}
.course-program__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.course-program__list li {
  position: relative;
  display: flex;
  line-height: 1.5;
  gap: 0.75rem;
}
@media screen and (min-width: 768px) {
  .course-program__list li {
    margin-bottom: 1.3rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-program__list li {
    margin-bottom: 1rem;
  }
}
.course-program__list li:last-child {
  border-bottom: none;
}
.course-program__list li::before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.1rem;
  flex-shrink: 0;
  background-color: #2B2F3C;
  transform: translateY(1rem);
}
@media screen and (max-width: 767.98px) {
  .course-program__note {
    padding-left: 1.5rem;
  }
}

.course-timeline {
  background-position: center bottom;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .course-timeline {
    height: 104.1rem;
    background-image: url(../img/followup-kensyu_timeline_background_pc.svg);
  }
}
.course-timeline__container {
  display: grid;
  position: relative;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .course-timeline__container > div {
    grid-area: 1/1;
  }
}
.course-timeline__header {
  z-index: 2;
}
@media screen and (min-width: 768px) {
  .course-timeline__header {
    max-width: 50rem;
    align-self: flex-start;
  }
}
@media screen and (min-width: 768px) {
  .course-timeline__title {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-timeline__title {
    margin-bottom: 1.6rem;
  }
}
@media screen and (min-width: 768px) {
  .course-timeline__button {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-timeline__button {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .course-timeline__button .button {
    width: 31.2rem;
  }
}
.course-timeline__body {
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .course-timeline__body {
    background-image: url(../img/followup-kensyu_timeline_background_sp.svg);
    height: 70.7rem;
    margin-left: -2rem;
    margin-right: -2rem;
    background-position: center bottom;
    background-repeat: no-repeat;
  }
}
@media screen and (max-width: 767.98px) {
  .course-timeline__item {
    width: 100%;
    max-width: 37.5rem;
    margin-left: auto;
    padding-right: 2rem;
    margin-right: auto;
    position: relative;
  }
}
@media screen and (min-width: 768px) {
  .course-timeline__item--start {
    margin-left: auto;
    width: 33.062rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-timeline__item--start {
    padding-top: 8.6rem;
    padding-right: 4.1rem;
  }
}
@media screen and (min-width: 768px) {
  .course-timeline__item--7 {
    padding-left: calc(50% + 2.1rem);
    margin-top: 5.2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-timeline__item--7 {
    margin-top: 4.3rem;
  }
}
@media screen and (min-width: 768px) {
  .course-timeline__item--10 {
    margin-top: 19.7rem;
    padding-left: 37.6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-timeline__item--10 {
    margin-top: 13.5rem;
  }
}
@media screen and (min-width: 768px) {
  .course-timeline__item--3 {
    margin-top: 12.1rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-timeline__item--3 {
    margin-top: 9.2rem;
  }
}
.course-timeline__card {
  position: relative;
}
@media screen and (min-width: 768px) {
  .course-timeline__card {
    display: inline-flex;
  }
}
.course-timeline__item--start .course-timeline__card {
  background-repeat: no-repeat;
  background-position: right bottom;
}
@media screen and (min-width: 768px) {
  .course-timeline__item--start .course-timeline__card {
    background-image: url(../img/course_card_start_background_pc.svg);
    width: 33rem;
    height: 20.7rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-timeline__item--start .course-timeline__card {
    background-image: url(../img/course_card_start_background_sp.svg);
    width: 27.18rem;
    height: 13.327rem;
    margin-left: auto;
    display: block;
  }
}
.course-timeline__list {
  display: flex;
  flex-direction: column;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .course-timeline__list {
    gap: 4.6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-timeline__list {
    gap: 3.1rem;
    align-items: flex-end;
    width: 100%;
  }
}
.course-timeline__list-item {
  border: 2px solid #2B2F3C;
  background-color: #fff;
  position: relative;
  border-radius: 999px;
}
@media screen and (min-width: 768px) {
  .course-timeline__list-item {
    padding: 1.4rem 4rem 1.4rem 14.8rem;
  }
  .course-timeline__item--10 .course-timeline__list-item {
    padding-left: 7.4rem;
    padding-right: 11.4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-timeline__list-item {
    padding: 0.9rem 2.1rem 0.9rem 3.8rem;
  }
}
.course-timeline__list-item::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_410%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20410%22%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2211%22%20transform%3D%22translate(0%202)%22%20fill%3D%22%23ff860b%22%20opacity%3D%220.5%22%2F%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_411%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20411%22%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%226.5%22%20transform%3D%22translate(11)%22%20fill%3D%22%23ff860b%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  .course-timeline__list-item::before {
    width: 2.4rem;
    height: 2.4rem;
    left: 11.4rem;
  }
  .course-timeline__item--10 .course-timeline__list-item::before {
    left: 4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-timeline__list-item::before {
    left: 1.6rem;
    width: 1.6rem;
    height: 1.6rem;
  }
}
.course-timeline__list-item-text {
  font-weight: bold;
  line-height: 1.5;
  display: block;
}
@media screen and (min-width: 768px) {
  .course-timeline__list-item-text {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-timeline__list-item-text {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.course-timeline__pin {
  background-image: url(../img/course_pin_background.svg);
  background-repeat: no-repeat;
  background-position: center bottom;
  z-index: 2;
  text-align: center;
  font-weight: bold;
  background-size: contain;
  position: absolute;
}
@media screen and (min-width: 768px) {
  .course-timeline__pin {
    width: 12.5rem;
    height: 20.9rem;
    padding-top: 2.4rem;
    font-size: 16px;
    font-size: 1.6rem;
    top: -3rem;
    left: -5.2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-timeline__pin {
    width: 5.2rem;
    height: 8.6rem;
    font-size: 9px;
    font-size: 0.9rem;
    padding-top: 0.8rem;
  }
}
.course-timeline__item--start .course-timeline__pin {
  background: none;
  height: auto;
  position: absolute;
  color: #fff;
  left: auto;
}
@media screen and (min-width: 768px) {
  .course-timeline__item--start .course-timeline__pin {
    right: 1rem;
    top: 4.5rem;
    width: 7.4rem;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-timeline__item--start .course-timeline__pin {
    font-size: 8px;
    font-size: 0.8rem;
    right: 1rem;
    top: 2rem;
  }
}
.course-timeline__item--7 .course-timeline__pin {
  position: absolute;
}
@media screen and (max-width: 767.98px) {
  .course-timeline__item--7 .course-timeline__pin {
    left: 6rem;
    bottom: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .course-timeline__item--10 .course-timeline__pin {
    left: auto;
    right: -5.3rem;
    top: -5.3rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-timeline__item--10 .course-timeline__pin {
    bottom: calc(100% + 1.1rem);
    left: 15rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-timeline__item--3 .course-timeline__pin {
    position: absolute;
    left: 6.09rem;
    bottom: 3.3rem;
  }
}
.course-timeline__pin-number {
  font-family: "Plus Jakarta Sans", sans-serif;
}
@media screen and (min-width: 768px) {
  .course-timeline__pin-number {
    font-size: 40px;
    font-size: 4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-timeline__pin-number {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
@media screen and (min-width: 768px) {
  .course-timeline__item--start .course-timeline__pin-number {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-timeline__item--start .course-timeline__pin-number {
    font-size: 20px;
    font-size: 2rem;
  }
}
.course-timeline__text {
  position: absolute;
  font-weight: bold;
  line-height: 1.5;
  white-space: nowrap;
}
@media screen and (max-width: 767.98px) {
  .course-timeline__text {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.course-timeline__item--start .course-timeline__text--01 {
  top: 0;
  left: 0;
}
@media screen and (max-width: 767.98px) {
  .course-timeline__item--start .course-timeline__text--01 {
    top: -2.2rem;
  }
}
@media screen and (min-width: 768px) {
  .course-timeline__item--start .course-timeline__text--02 {
    top: 4.8rem;
    left: 5.4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-timeline__item--start .course-timeline__text--02 {
    top: 1.2rem;
    left: 4.8rem;
  }
}
.course-timeline__detail-button {
  position: absolute;
  right: 0;
  appearance: none;
  border: none;
}
@media screen and (min-width: 768px) {
  .course-timeline__detail-button {
    font-size: 14px;
    font-size: 1.4rem;
    top: calc(100% - 0.8rem);
  }
  .course-timeline__item--10 .course-timeline__detail-button {
    right: 7.4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-timeline__detail-button {
    font-size: 10px;
    font-size: 1rem;
    top: calc(100% - 0.6rem);
  }
}
.course-timeline__detail-button span {
  display: block;
  position: relative;
  border-radius: 999px;
  display: flex;
  align-items: center;
  background-color: #2B2F3C;
  color: #fff;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .course-timeline__detail-button span {
    width: 13.7rem;
    height: 3.5rem;
    padding-left: 2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-timeline__detail-button span {
    width: 9.1rem;
    height: 2.3rem;
    padding-left: 1.3rem;
  }
}
.course-timeline__detail-button span::before, .course-timeline__detail-button span::after {
  content: "";
  display: block;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
}
@media screen and (min-width: 768px) {
  .course-timeline__detail-button span::before, .course-timeline__detail-button span::after {
    right: 0.7rem;
    width: 2.1rem;
    height: 2.1rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-timeline__detail-button span::before, .course-timeline__detail-button span::after {
    width: 1.4rem;
    height: 1.4rem;
    right: 0.47rem;
  }
}
.course-timeline__detail-button span::before {
  background: linear-gradient(45deg, #FFAC4B, #FF6310);
}
.course-timeline__detail-button span::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7162%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207162%22%20transform%3D%22translate(0.5%200.5)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_15%22%20data-name%3D%22%E7%B7%9A%2015%22%20x2%3D%227%22%20transform%3D%22translate(0%203.5)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_16%22%20data-name%3D%22%E7%B7%9A%2016%22%20x2%3D%227%22%20transform%3D%22translate(3.5%200)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (max-width: 767.98px) {
  .course-timeline__detail-button span::after {
    backface-visibility: 0.6rem auto;
  }
}

.course-modal__month {
  position: absolute;
  left: 0;
  top: 0;
  background: linear-gradient(0deg, #FFAC4B, #FF6310);
  text-align: center;
  color: #fff;
  border-radius: 1rem 0 7.5rem 0;
}
@media screen and (min-width: 768px) {
  .course-modal__month {
    width: 10.6rem;
    height: 9.5rem;
    font-size: 15px;
    font-size: 1.5rem;
    padding-top: 0.3rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-modal__month {
    width: 8.5rem;
    height: 7.6rem;
    text-indent: -0.8rem;
    padding-top: 0.3rem;
  }
}
.course-modal__month-number {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .course-modal__month-number {
    font-size: 39px;
    font-size: 3.9rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-modal__month-number {
    font-size: 30px;
    font-size: 3rem;
  }
}
@media screen and (min-width: 768px) {
  .course-modal__training {
    padding-top: 3rem;
    margin-top: 3rem;
    border-top: 1px solid #E0E0E0;
  }
}
@media screen and (max-width: 767.98px) {
  .course-modal__training {
    margin-top: 6rem;
  }
}
.course-modal__training-title {
  display: inline-flex;
  border: 1px solid #2B2F3C;
  border-radius: 0.7rem;
  align-items: center;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .course-modal__training-title {
    height: 3.6rem;
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 2rem;
    padding: 0 2.1rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-modal__training-title {
    height: 3rem;
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 2rem;
    padding: 0 1rem;
  }
}
@media screen and (min-width: 768px) {
  .course-modal__training-table {
    margin-top: 6.6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-modal__training-table {
    margin-top: 4.6rem;
  }
}
@media screen and (min-width: 768px) {
  .course-modal .application-cta {
    margin-top: 2.3rem;
    gap: 2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-modal .application-cta {
    margin-top: 3rem;
    gap: 1.5rem;
  }
}
.course-modal .application-cta .button {
  width: 100%;
}
@media screen and (max-width: 767.98px) {
  .course-modal .application-cta .button {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 768px) {
  .course-modal .application-note {
    margin-top: 11.6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .course-modal .application-note {
    margin-top: 12rem;
  }
}
.course-modal .application-note__title span {
  background-color: #fff;
}

@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-purpose {
    padding-top: 3rem;
  }
}
.shinnyusyain-kensyu-purpose__list {
  background-repeat: no-repeat;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-purpose__list {
    background-image: url(../img/shinnyusyain-kensyu_purpose_background_pc.svg);
    background-position: left bottom;
    padding-bottom: 1.1rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-purpose__list {
    background-image: url(../img/shinnyusyain-kensyu_purpose_background_sp.svg);
    background-position: left top;
    margin-left: -2rem;
    margin-right: -2rem;
  }
}
.shinnyusyain-kensyu-purpose__item {
  display: flex;
  position: relative;
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-purpose__item {
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-purpose__item--01 {
    z-index: 2;
    padding-left: 18.7rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-purpose__item--01 {
    padding-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-purpose__item--02 {
    margin-top: -5.5rem;
    padding-left: 31rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-purpose__item--02 {
    margin-top: -6.4rem;
    padding-left: 4.6rem;
  }
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-purpose__item--03 {
    margin-top: -3.5rem;
    padding-left: 38.3rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-purpose__item--03 {
    margin-top: -5.5rem;
    padding-left: 8rem;
  }
}
.shinnyusyain-kensyu-purpose__image {
  position: relative;
  z-index: 1;
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-purpose__image {
    width: 13rem;
    height: 13rem;
    background-image: url(../img/shinnyusyain-kensyu_purpose_image_background_sp.svg);
    padding-top: 3rem;
  }
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-purpose__image {
    background-image: url(../img/shinnyusyain-kensyu_purpose_image_background_pc.svg);
    width: 18.6rem;
    height: 18.6rem;
    padding-top: 4.1rem;
  }
}
.shinnyusyain-kensyu-purpose__number {
  position: absolute;
  display: block;
  left: 100%;
  white-space: nowrap;
  font-weight: bold;
  font-family: "Plus Jakarta Sans", sans-serif;
  z-index: -1;
  color: #fff;
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-purpose__number {
    font-size: 40px;
    font-size: 4rem;
    transform: translateY(-28px);
  }
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-purpose__number {
    font-size: 120px;
    font-size: 12rem;
    line-height: 1;
    transform: translateY(-15px);
  }
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-purpose__item--01 .shinnyusyain-kensyu-purpose__number {
    margin-left: -5rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-purpose__item--01 .shinnyusyain-kensyu-purpose__number {
    margin-left: -0.5rem;
  }
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-purpose__item--02 .shinnyusyain-kensyu-purpose__number {
    margin-left: -6.5rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-purpose__item--02 .shinnyusyain-kensyu-purpose__number {
    margin-left: -4rem;
  }
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-purpose__item--03 .shinnyusyain-kensyu-purpose__number {
    margin-left: -5rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-purpose__item--03 .shinnyusyain-kensyu-purpose__number {
    margin-left: -4.5rem;
  }
}
.shinnyusyain-kensyu-purpose__title {
  color: #FF860B;
  font-weight: bold;
  line-height: 1.8;
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-purpose__title {
    font-size: 23px;
    font-size: 2.3rem;
    transform: translateX(-0.4em);
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-purpose__title {
    transform: translateX(-0.4em);
  }
  .shinnyusyain-kensyu-purpose__item--02 .shinnyusyain-kensyu-purpose__title {
    transform: translateX(-0.7em);
  }
  .shinnyusyain-kensyu-purpose__item--03 .shinnyusyain-kensyu-purpose__title {
    transform: translateX(-0.5em);
  }
}
.shinnyusyain-kensyu-purpose__text {
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-purpose__text {
    font-size: 21px;
    font-size: 2.1rem;
    padding-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-purpose__text {
    line-height: 1.5;
    padding-top: 1.8rem;
    margin-left: -0.8rem;
  }
}
.shinnyusyain-kensyu-purpose__text span {
  font-weight: bold;
}

@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-about {
    margin-top: 3rem;
  }
}

@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-course__heading {
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-course__content {
    display: flex;
    justify-content: space-between;
    gap: 10.9rem;
  }
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-course__content-header {
    width: 26.3rem;
  }
}
.shinnyusyain-kensyu-course__content-header .heading {
  text-align: left;
  display: block;
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-course__content-header .heading {
    margin-bottom: 3rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-course__content-header .heading {
    margin-bottom: 2rem;
  }
}
.shinnyusyain-kensyu-course__content-header .heading::before {
  display: inline-block;
}
.shinnyusyain-kensyu-course__content-header p + p {
  margin-top: 1.3rem;
}
.shinnyusyain-kensyu-course__content-header .list-line {
  margin-top: 1rem;
}
.shinnyusyain-kensyu-course__content-header .tab-list {
  border: none;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-course__content-header .tab-list {
    flex-direction: column;
    margin-top: 3.3rem;
    gap: 2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-course__content-header .tab-list {
    margin-top: 4rem;
  }
  .shinnyusyain-kensyu-course__content-header .tab-list li {
    width: 50%;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-course__content-header .tab-list .button {
    border-radius: 1rem 1rem 0 0;
    padding: 1.5rem 0;
    font-size: 13px;
    font-size: 1.3rem;
    text-align: center;
    width: 100%;
    justify-content: center;
  }
  .shinnyusyain-kensyu-course__content-header .tab-list .button::before, .shinnyusyain-kensyu-course__content-header .tab-list .button::after {
    content: none;
  }
}
.shinnyusyain-kensyu-course__content-header .tab-list .button:not(.is-active) {
  background-color: #E0E0E0;
  color: #888888;
  transition: 0.4s color ease-in-out, 0.4s background-color ease-in-out;
}
.shinnyusyain-kensyu-course__content-header .tab-list .button:not(.is-active):hover {
  background-color: rgb(206.15, 206.15, 206.15);
}
.shinnyusyain-kensyu-course__content-header .tab-list .button:not(.is-active):hover::before {
  background-color: rgb(118.15, 118.15, 118.15) !important;
}
.shinnyusyain-kensyu-course__content-header .tab-list .button:not(.is-active)::before {
  background-color: #888888 !important;
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-course__content-detail {
    flex: 1;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-course__content-detail {
    margin-top: 2rem;
  }
}
.shinnyusyain-kensyu-course__content-detail .tab-switch {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-course__content-detail .button-group {
    border-top: 1px solid #E0E0E0;
    padding-top: 3em;
    margin-top: 2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-course__content-detail .button-group {
    margin-top: 2rem;
    gap: 1rem;
  }
  .shinnyusyain-kensyu-course__content-detail .button-group > div {
    width: 100%;
  }
  .shinnyusyain-kensyu-course__content-detail .button-group .button {
    width: 100%;
  }
}

@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-follow {
    background-image: none !important;
  }
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-follow .card-list {
    margin-top: 3rem;
  }
}
.shinnyusyain-kensyu-follow .card__description {
  display: flex;
  justify-content: center;
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-follow .calendar-list {
    margin-top: 8rem;
  }
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-follow .button-group {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-follow .button-group {
    margin-top: 3rem;
  }
  .shinnyusyain-kensyu-follow .button-group .button {
    width: 100%;
  }
}

@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-schedule .h2 {
    display: none;
  }
}
.shinnyusyain-kensyu-schedule__block {
  display: flex;
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-schedule__block {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-schedule__block {
    flex-direction: column;
    gap: 2rem;
    margin-bottom: 4rem;
  }
  .shinnyusyain-kensyu-schedule__block:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-schedule__title {
    width: 46.5rem;
  }
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-schedule__title .h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-schedule__title .h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-schedule__title .heading-icon--newemployee::before {
    width: 2.5rem;
    height: 3rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-schedule__title .heading-icon--newemployee::before {
    width: 2.4rem;
    height: 2.6rem;
    transform: translateY(2px);
  }
}
.shinnyusyain-kensyu-schedule__title .heading-icon--followup::before {
  width: 3rem;
  height: 3rem;
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-schedule__content {
    flex: 1;
  }
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-schedule__content .definition-table__header {
    font-size: 18px;
    font-size: 1.8rem;
  }
}

.shinnyusyain-kensyu-feature__list {
  display: grid;
  justify-content: center;
  gap: 3rem 4rem;
  list-style: none;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-feature__list {
    gap: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-feature__list {
    grid-template-columns: repeat(2, 346px);
    grid-template-areas: "first first" "second third";
  }
  .shinnyusyain-kensyu-feature__list::before {
    content: "";
    display: block;
    width: 55rem;
    height: 55rem;
    border: 5rem #F0F1F2 solid;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-feature__list {
    grid-template-columns: 1fr;
    grid-template-areas: "first" "second" "third";
  }
}
.shinnyusyain-kensyu-feature__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  background-color: #fff;
  border-radius: 14rem;
  box-shadow: 10px 10px 20px rgba(255, 99, 16, 0.09);
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-feature__item {
    width: 34.6rem;
    aspect-ratio: 1/1;
    padding: 5rem;
  }
  .shinnyusyain-kensyu-feature__item:nth-child(1) {
    grid-area: first;
    justify-self: center;
  }
  .shinnyusyain-kensyu-feature__item:nth-child(2) {
    grid-area: second;
  }
  .shinnyusyain-kensyu-feature__item:nth-child(3) {
    grid-area: third;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-feature__item {
    padding: 5rem 4.8rem;
  }
}
.shinnyusyain-kensyu-feature__title {
  text-align: center;
  color: #FF860B;
  line-height: 1.5;
  font-weight: bold;
  font-size: 20px;
  font-size: 2rem;
  margin-top: 2rem;
}
.shinnyusyain-kensyu-feature__description {
  margin-top: 1rem;
}

.shinnyusyain-kensyu-benefits__list {
  display: grid;
  list-style: none;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-benefits__list {
    gap: 1.6rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-benefits__list {
    gap: 2rem;
  }
}
.shinnyusyain-kensyu-benefits__image a {
  display: block;
  transition: 0.3s filter;
}
@media (hover: hover) {
  .shinnyusyain-kensyu-benefits__image a:hover {
    filter: brightness(1.1);
  }
}
.shinnyusyain-kensyu-benefits__button {
  display: grid;
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-benefits__button {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 4rem;
  }
  .shinnyusyain-kensyu-benefits__button > div {
    display: flex;
    justify-content: center;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-benefits__button {
    gap: 1rem;
    margin-top: 4rem;
  }
  .shinnyusyain-kensyu-benefits__button .button {
    width: 100%;
  }
}

.shinnyusyain-kensyu-achievement .card__title {
  display: flex;
  flex-direction: column;
  line-height: 1.5;
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-achievement .card__title > span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-achievement .card__title > span > span {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-achievement .card__title > span > span {
    font-size: 30px;
    font-size: 3rem;
  }
}

.shinnyusyain-kensyu-report {
  display: flex;
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-report {
    width: 100%;
    max-width: 855px;
    justify-content: center;
    gap: 4rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-report {
    gap: 2rem;
    margin-top: 6rem;
  }
}
.shinnyusyain-kensyu-report__image {
  flex-shrink: 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-report__image {
    width: 211px;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-report__image {
    width: 95px;
  }
}
.shinnyusyain-kensyu-report__picture {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-report__picture {
    margin-bottom: 2rem;
  }
}
.shinnyusyain-kensyu-report__picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.shinnyusyain-kensyu-report__sp-title {
  display: none;
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-report__sp-title {
    display: flex;
    writing-mode: vertical-lr;
    margin: 0 auto;
    font-weight: bold;
    font-family: "Plus Jakarta Sans", sans-serif;
    white-space: nowrap;
    text-transform: uppercase;
    color: #ECECEC;
    font-size: 24px;
    font-size: 2.4rem;
    align-items: center;
    width: 100%;
  }
}
.shinnyusyain-kensyu-report__content {
  flex: 1;
}
.shinnyusyain-kensyu-report__title {
  display: flex;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-report__title {
    margin-bottom: 2rem;
    align-items: center;
    gap: 2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-report__title {
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-report__title-ja {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-report__title-ja {
    font-size: 20px;
    font-size: 2rem;
  }
}
.shinnyusyain-kensyu-report__title-en {
  font-family: "Plus Jakarta Sans", sans-serif;
  white-space: nowrap;
  text-transform: uppercase;
  color: #ECECEC;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-report__title-en {
    display: none;
  }
}
.shinnyusyain-kensyu-report__button {
  display: flex;
  gap: 2rem;
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-report__button {
    margin-top: 1.9rem;
    align-items: center;
  }
  .shinnyusyain-kensyu-report__button::before {
    content: "";
    display: block;
    flex: 1;
    height: 1px;
    background-color: #E0E0E0;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-report__button {
    justify-content: flex-end;
    border-top: 1px solid #E0E0E0;
    margin-top: 2rem;
    padding-top: 2rem;
  }
}
.shinnyusyain-kensyu-report__link {
  display: flex;
  align-items: center;
  gap: 1rem;
  line-height: 1.5;
  position: relative;
  padding-right: 3rem;
}
.shinnyusyain-kensyu-report__link::before, .shinnyusyain-kensyu-report__link::after {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background-color: #2B2F3C;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  border-radius: 50%;
}
.shinnyusyain-kensyu-report__link::before {
  background-color: #2B2F3C;
}
.shinnyusyain-kensyu-report__link::after {
  background-image: url(../img/button_arrow_small.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 4px auto;
}
.shinnyusyain-kensyu-report__link-icon {
  flex-shrink: 0;
}
.shinnyusyain-kensyu-report__link-text {
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-report__link-text {
    font-size: 16px;
    font-size: 1.6rem;
  }
}

.shinnyusyain-kensyu-asotimes {
  display: flex;
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-asotimes {
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 728px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-asotimes {
    margin-top: 6rem;
    flex-direction: column;
    align-items: center;
  }
}
.shinnyusyain-kensyu-asotimes__logo {
  flex-shrink: 0;
  width: 115px;
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-asotimes__logo {
    margin-right: 5.5rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-asotimes__logo {
    margin-bottom: 3rem;
  }
}
.shinnyusyain-kensyu-asotimes__logo-picture {
  display: block;
  width: 100%;
}
.shinnyusyain-kensyu-asotimes__description {
  font-size: 16px;
  font-size: 1.6rem;
}
.shinnyusyain-kensyu-asotimes__link {
  display: flex;
  position: relative;
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-asotimes__link {
    width: 91px;
    height: 91px;
    align-items: center;
    justify-content: center;
    margin-left: 8rem;
  }
  .shinnyusyain-kensyu-asotimes__link::before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url(../img/viewmore_ring_pc.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    animation: rotateLoop 20s linear infinite;
    position: absolute;
  }
  .shinnyusyain-kensyu-asotimes__link:hover::before {
    /* animation-play-state: paused; */
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-asotimes__link {
    margin-top: 3rem;
    width: 168px;
    border: 1px solid #2B2F3C;
    color: #2B2F3C;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    border-radius: 999px;
  }
}
@keyframes rotateLoop {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.shinnyusyain-kensyu-asotimes__link-text {
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: bold;
  font-size: 12px;
  font-size: 1.2rem;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 768px) {
  .shinnyusyain-kensyu-asotimes__link-text {
    display: none;
  }
}
@media screen and (max-width: 767.98px) {
  .shinnyusyain-kensyu-asotimes__link-icon {
    width: 6px;
    display: block;
    transform: translateY(-1px);
  }
}

@media screen and (max-width: 767.98px) {
  .followup-kensyu .content__body {
    margin-bottom: 6rem;
  }
}

@media screen and (max-width: 767.98px) {
  .followup-kensyu-application .application-note {
    margin-top: 2rem;
  }
}

@media screen and (max-width: 767.98px) {
  .kaisou-kensyu .content__header-title {
    margin-left: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .kaisou-kensyu .content__header-title {
    margin-left: 2.5rem;
  }
}
.kaisou-kensyu .content__header-title::before {
  content: "";
  display: inline-block;
  background-image: url(../img/home_title_label_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .kaisou-kensyu .content__header-title::before {
    width: 2rem;
    height: 2.3rem;
    left: -1rem;
  }
}
@media screen and (min-width: 768px) {
  .kaisou-kensyu .content__header-title::before {
    width: 3rem;
    height: 3.5rem;
    left: -2.5rem;
  }
}
.kaisou-kensyu .content__header-list {
  width: 100%;
}
@media screen and (max-width: 767.98px) {
  .kaisou-kensyu .content__header-list {
    margin-top: 2.4rem;
  }
}
@media screen and (min-width: 768px) {
  .kaisou-kensyu .content__header-list {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .kaisou-kensyu .content__header-list-item {
    margin-right: 2.1rem;
  }
}
@media screen and (min-width: 768px) {
  .kaisou-kensyu .content__header-list-item {
    margin-right: 6.5rem;
  }
}
.kaisou-kensyu .content__header-list-picture {
  display: block;
  overflow: hidden;
  border-radius: 0 3rem 3rem 0;
}
@media screen and (max-width: 767.98px) {
  .kaisou-kensyu .content__header-list-picture {
    height: 230px;
  }
}
@media screen and (min-width: 768px) {
  .kaisou-kensyu .content__header-list-picture {
    height: 310px;
  }
}
.kaisou-kensyu .content__header-list img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767.98px) {
  .kaisou-kensyu .content__body {
    margin: 2rem 0 8rem;
  }
}
@media screen and (min-width: 768px) {
  .kaisou-kensyu .content__body {
    margin: 4rem 0 12rem;
  }
}
.kaisou-kensyu-list {
  display: grid;
  list-style: none;
}
@media screen and (max-width: 767.98px) {
  .kaisou-kensyu-list {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .kaisou-kensyu-list {
    margin-top: 4.2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .kaisou-kensyu-list--3column {
    gap: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .kaisou-kensyu-list--3column {
    grid-template-columns: repeat(3, 1fr);
    gap: 1rem 1.6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .kaisou-kensyu-list--4column {
    grid-auto-flow: column;
    grid-template-rows: repeat(4, 1fr);
    gap: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .kaisou-kensyu-list--4column {
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem 1.6rem;
  }
}
.kaisou-kensyu-list-item {
  background-color: #E6EBEE;
  border-radius: 5rem;
  font-weight: bold;
  position: relative;
  display: flex;
}
@media screen and (max-width: 767.98px) {
  .kaisou-kensyu-list-item {
    font-size: 12px;
    font-size: 1.2rem;
    padding: 1.6rem 0 1.7rem 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .kaisou-kensyu-list-item {
    padding: 1.5rem 0 1.5rem 2rem;
  }
}
.kaisou-kensyu-list .button-kaisou-list::after {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50% !important;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1.5rem;
  background-image: url(../../assets/img/kaisou_list_icon.svg);
  background-position: center;
  background-repeat: no-repeat;
}
.kaisou-kensyu-course {
  margin-top: 8.5rem;
}
@media screen and (max-width: 767.98px) {
  .kaisou-kensyu-course section {
    margin-bottom: 6rem;
  }
}
@media screen and (min-width: 768px) {
  .kaisou-kensyu-course section {
    margin-bottom: 12rem;
  }
}
.kaisou-kensyu-content {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767.98px) {
  .kaisou-kensyu-content {
    flex-direction: column;
  }
}
.kaisou-kensyu-content__title {
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .kaisou-kensyu-content__title {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .kaisou-kensyu-content__title {
    width: 28rem;
  }
}
.kaisou-kensyu-content__title::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 1rem;
}
@media screen and (max-width: 767.98px) {
  .kaisou-kensyu-content__title::before {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .kaisou-kensyu-content__title::before {
    width: 5px;
    height: 90px;
    left: -5.8rem;
  }
}
.kaisou-kensyu-content__list {
  flex: 1;
}
.kaisou-kensyu-content__box {
  background-color: #fff;
  display: flex;
  gap: 4rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 767.98px) {
  .kaisou-kensyu-content__box {
    border-radius: 5.2rem 1rem 5.2rem 1rem;
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .kaisou-kensyu-content__box {
    border-radius: 7.4rem 1rem 7.4rem 1rem;
  }
}
.kaisou-kensyu-content__box:last-child {
  margin-bottom: 0;
}
.kaisou-kensyu-content__box-title {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 767.98px) {
  .kaisou-kensyu-content__box-title {
    padding: 3rem 3rem 0 3rem;
    gap: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .kaisou-kensyu-content__box-title {
    padding: 4rem 0 4rem 4rem;
  }
}
.kaisou-kensyu-content__box-title .button {
  width: 240px;
  padding: 1.8rem 6.4rem 1.8rem 2rem;
}
.kaisou-kensyu-content__box-title .button__jump {
  background: linear-gradient(36.9deg, #ffac4b 0%, #ff6310 100%);
}
.kaisou-kensyu-content__box-title .button__jump::before {
  background-color: #E94601;
}
.kaisou-kensyu-content__box-title .button__popup {
  background-color: #2B2F3C;
}
.kaisou-kensyu-content__box-title .button__popup::before {
  background-color: #FF860B;
}
.kaisou-kensyu-content__box-title .button__popup::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7162%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207162%22%20transform%3D%22translate(0.5%200.5)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_15%22%20data-name%3D%22%E7%B7%9A%2015%22%20x2%3D%227%22%20transform%3D%22translate(0%203.5)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_16%22%20data-name%3D%22%E7%B7%9A%2016%22%20x2%3D%227%22%20transform%3D%22translate(3.5%200)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.kaisou-kensyu-content__box-title h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #FF860B;
  position: relative;
  margin-left: 3.4rem;
  margin-bottom: 1rem;
}
.kaisou-kensyu-content__box-title h3::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_410%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20410%22%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2211%22%20transform%3D%22translate(0%202)%22%20fill%3D%22%23ff860b%22%20opacity%3D%220.5%22%2F%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_411%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20411%22%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%226.5%22%20transform%3D%22translate(11)%22%20fill%3D%22%23ff860b%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0.5rem;
  width: 2.4rem;
  height: 2.4rem;
  left: -3.4rem;
}
@media screen and (max-width: 767.98px) {
  .kaisou-kensyu-content__box-image {
    width: 100%;
    aspect-ratio: 334/150;
  }
}
@media screen and (min-width: 768px) {
  .kaisou-kensyu-content__box-image {
    width: 34rem;
    height: 33.7rem;
    aspect-ratio: 340/337;
  }
}
.kaisou-kensyu-content__box-image .kaisou-kensyu-content__picture {
  display: block;
  overflow: hidden;
}
.kaisou-kensyu-content__box-image .kaisou-kensyu-content__picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767.98px) {
  .kaisou-kensyu-content__box-image .kaisou-kensyu-content__picture {
    border-radius: 0 0 5.2rem 0;
  }
}
@media screen and (min-width: 768px) {
  .kaisou-kensyu-content__box-image .kaisou-kensyu-content__picture {
    border-radius: 0 1rem 7.4rem 0;
  }
}
.kaisou-kensyu #kensyu-naitei .kaisou-kensyu-content__title::before {
  background-image: url("../../assets/img/kaisou_list_meter1.svg");
}
.kaisou-kensyu #kensyu-wakate .kaisou-kensyu-content__title::before {
  background-image: url("../../assets/img/kaisou_list_meter2.svg");
}
.kaisou-kensyu #kensyu-kanri .kaisou-kensyu-content__title::before {
  background-image: url("../../assets/img/kaisou_list_meter3.svg");
}
@media screen and (min-width: 768px) {
  .kaisou-kensyu .modal__container {
    padding: 4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .kaisou-kensyu .modal__container {
    padding: 3rem 1.5rem 3rem 3rem;
  }
}
@media screen and (min-width: 768px) {
  .kaisou-kensyu .modal__detail {
    padding-right: 2.5rem;
  }
}
.kaisou-kensyu .modal .course-kenshu__block {
  display: flex;
  gap: 1rem 3rem;
  margin-bottom: 3rem;
}
@media screen and (max-width: 767.98px) {
  .kaisou-kensyu .modal .course-kenshu__block {
    flex-direction: column;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 2rem;
  }
}
.kaisou-kensyu .modal .course-kenshu__block .list {
  margin: 0;
}
.kaisou-kensyu .modal .course-kenshu__block .list li {
  font-size: 14px;
  font-size: 1.4rem;
}
.kaisou-kensyu .modal .course-kenshu__block .list-program li {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid #E0E0E0;
}
.kaisou-kensyu .modal .course-kenshu__block .list-program li::before {
  display: none;
}
.kaisou-kensyu .modal .course-kenshu__block .list-program li:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .kaisou-kensyu .modal .course-modal__training {
    padding-top: 0;
    margin-top: 3rem;
    border-top: none;
  }
}
@media screen and (max-width: 767.98px) {
  .kaisou-kensyu .modal .course-modal__training {
    margin-top: 3rem;
  }
}
.kaisou-kensyu .modal .course-modal__training-title {
  border: none;
  background-color: #2B2F3C;
  color: #fff;
  text-align: center;
  margin-bottom: 0;
}
.kaisou-kensyu .modal .course-modal__training-title span {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
  display: block;
  color: #2B2F3C;
}
@media screen and (min-width: 768px) {
  .kaisou-kensyu .modal .course-modal__training-title {
    display: block;
    width: 15.5rem;
  }
}
@media screen and (max-width: 767.98px) {
  .kaisou-kensyu .modal .course-modal__training-title {
    display: inline-flex;
  }
}
.kaisou-kensyu .modal .course-modal__content {
  flex: 1;
}
.kaisou-kensyu .modal_contact {
  position: fixed;
  right: 4rem;
  bottom: 2.7rem;
}
.kaisou-kensyu .modal_contact a {
  display: block;
  background: linear-gradient(36.9deg, #ffac4b 0%, #ff6310 100%);
  width: 17.5rem;
  height: 17.5rem;
  border-radius: 50%;
  padding: 4.6rem 3.15rem 3.8rem 3.15rem;
  transition: 0.3s ease-in-out filter;
}
.kaisou-kensyu .modal_contact a:hover {
  filter: brightness(1.1);
}
.kaisou-kensyu .modal_contact a p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  line-height: 24px;
  line-height: 2.4rem;
}
.kaisou-kensyu .modal_contact a p::after {
  content: "";
  display: block;
  position: absolute;
  background-image: url("../../assets/img/kaisou_list_email.svg");
  background-position: center;
  background-repeat: no-repeat;
  width: 41px;
  height: 27px;
  margin-top: 1.53rem;
  left: 50% !important;
  transform: translateX(-50%);
}
.kaisou-kensyu .modal .application-cta__item {
  position: fixed;
  top: calc(100% + 3rem);
  left: 50%;
  transform: translateX(-50%);
  width: 26rem;
}
.kaisou-kensyu .home-training__background {
  z-index: -1;
}
@media screen and (max-width: 767.98px) {
  .kaisou-kensyu .home-training__background {
    height: 560rem;
  }
}
@media screen and (min-width: 768px) {
  .kaisou-kensyu .home-training__background {
    height: 440rem;
  }
}
.kaisou-kensyu .home-training__background .home-training__background-item {
  background-position: top center;
  background-size: cover;
}
@media screen and (max-width: 767.98px) {
  .kaisou-kensyu .home-training__background .home-training__background-item {
    background-image: url(../../assets/img/kaisou_background_sp.png);
  }
}
@media screen and (min-width: 768px) {
  .kaisou-kensyu .home-training__background .home-training__background-item {
    background-image: url(../../assets/img/kaisou_background_pc.png);
  }
}
.kaisou-kensyu .footer {
  position: relative;
  z-index: 1;
}

.theme-kensyu .kaisou-kensyu-content__title::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 1rem;
}
@media screen and (max-width: 767.98px) {
  .theme-kensyu .kaisou-kensyu-content__title::before {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .theme-kensyu .kaisou-kensyu-content__title::before {
    width: 5px;
    height: 190px;
    left: -5.8rem;
  }
}
.theme-kensyu .anlearn {
  font-size: 16px;
  font-size: 1.6rem;
}
.theme-kensyu #business-manner .kaisou-kensyu-content__title::before {
  background-image: url("../../assets/img/theme_list_meter1.svg");
}
.theme-kensyu #business-basic .kaisou-kensyu-content__title::before {
  background-image: url("../../assets/img/theme_list_meter2.svg");
}
.theme-kensyu #communication .kaisou-kensyu-content__title::before {
  background-image: url("../../assets/img/theme_list_meter3.svg?02");
}
.theme-kensyu #ikusei .kaisou-kensyu-content__title::before {
  background-image: url("../../assets/img/theme_list_meter4.svg?02");
}
.theme-kensyu #service .kaisou-kensyu-content__title::before {
  background-image: url("../../assets/img/theme_list_meter5.svg?02");
}
.theme-kensyu #risk-management .kaisou-kensyu-content__title::before {
  background-image: url("../../assets/img/theme_list_meter6.svg?02");
}
.theme-kensyu #career .kaisou-kensyu-content__title::before {
  background-image: url("../../assets/img/theme_list_meter7.svg");
}
.theme-kensyu #mind-up .kaisou-kensyu-content__title::before {
  background-image: url("../../assets/img/theme_list_meter8.svg");
}
@media screen and (max-width: 767.98px) {
  .theme-kensyu .home-training__background {
    height: 1770rem;
  }
}
@media screen and (min-width: 768px) {
  .theme-kensyu .home-training__background {
    height: 1270rem;
  }
}
.theme-kensyu .home-training__background .home-training__background-item {
  background-size: contain;
  background-repeat: repeat-y;
}
@media screen and (max-width: 767.98px) {
  .theme-kensyu .home-training__background .home-training__background-item {
    background-image: url(../../assets/img/kaisou_background_sp.png);
  }
}
@media screen and (min-width: 768px) {
  .theme-kensyu .home-training__background .home-training__background-item {
    background-image: url(../../assets/img/theme_background_pc.png);
  }
}

.koukai .content__header-label {
  background: url(../img/koukai_fukidashi.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  margin-bottom: 0;
  display: inline-block;
}
@media screen and (max-width: 767.98px) {
  .koukai .content__header-label {
    left: 18.5rem;
    height: 3.5rem;
  }
}
@media screen and (min-width: 768px) {
  .koukai .content__header-label {
    left: 37rem;
  }
}
.koukai .content__header-label span {
  background: none;
}
@media screen and (max-width: 767.98px) {
  .koukai .content__header-label span {
    font-size: 10px;
    font-size: 1rem;
    padding: 0.1rem 2rem 1rem 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .koukai .content__header-label span {
    padding: 1.25rem 1.5rem 2.05rem 2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .koukai .content__header-title {
    margin-left: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .koukai .content__header-title {
    margin-left: 2.5rem;
  }
}
.koukai .content__header-title::before {
  content: "";
  display: inline-block;
  background-image: url(../img/home_title_label_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .koukai .content__header-title::before {
    width: 2rem;
    height: 2.3rem;
    left: -1rem;
  }
}
@media screen and (min-width: 768px) {
  .koukai .content__header-title::before {
    width: 3rem;
    height: 3.5rem;
    left: -2.5rem;
  }
}
.koukai .content__header-list {
  width: 100%;
}
@media screen and (max-width: 767.98px) {
  .koukai .content__header-list {
    margin-top: 2.4rem;
  }
}
@media screen and (min-width: 768px) {
  .koukai .content__header-list {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .koukai .content__header-list-item {
    margin-right: 2.1rem;
  }
}
@media screen and (min-width: 768px) {
  .koukai .content__header-list-item {
    margin-right: 6.5rem;
  }
}
.koukai .content__header-list-picture {
  display: block;
  overflow: hidden;
  border-radius: 0 3rem 3rem 0;
}
@media screen and (max-width: 767.98px) {
  .koukai .content__header-list-picture {
    height: 230px;
  }
}
@media screen and (min-width: 768px) {
  .koukai .content__header-list-picture {
    height: 310px;
  }
}
.koukai .content__header-list img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767.98px) {
  .koukai .content__body {
    margin: 2rem 0 8rem;
  }
}
@media screen and (min-width: 768px) {
  .koukai .content__body {
    margin: 4rem 0 12rem;
  }
}
.koukai-list {
  display: flex;
  list-style: none;
}
.koukai-list .koukai-details {
  flex: 1;
}
@media screen and (max-width: 767.98px) {
  .koukai-list {
    margin-top: 6rem;
    flex-direction: column;
    gap: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .koukai-list {
    margin-top: 4.2rem;
    gap: 1rem 1.6rem;
  }
}
.koukai-list__cta {
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767.98px) {
  .koukai-list__cta {
    margin-top: 4rem;
    flex-direction: column;
    gap: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .koukai-list__cta {
    margin-top: 6rem;
    gap: 4rem;
  }
}
.koukai-list__cta .button-contact:hover::before {
  background-color: #1F2029;
}
.koukai-list__cta .text-noslideup__mask {
  display: flex;
  align-items: center;
}
.koukai .details {
  width: 100%;
  display: flex;
  flex-direction: column;
  background-color: #2B2F3C;
  border-radius: 2.4rem;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .koukai .details {
    padding: 1.2rem 2rem;
  }
}
@media screen and (min-width: 768px) {
  .koukai .details {
    padding: 1.2rem 3rem;
  }
}
.koukai .details ul {
  padding: 3rem 0 0 0;
}
.koukai .details ul a {
  color: #fff;
}
.koukai .details ul a.koukai__closed {
  opacity: 0.5;
}
.koukai .details ul a.koukai__closed span {
  text-decoration: underline;
}
.koukai .details ul a.koukai__open {
  text-decoration: underline;
}
.koukai .details ul a li {
  list-style: none;
  position: relative;
  margin-left: 2.6rem;
  margin-bottom: 1.8rem;
  font-weight: bold;
}
.koukai .details ul a li::before {
  content: "";
  display: block;
  background-image: url(../img/koukai_summary_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0.5rem;
  width: 16px;
  height: 16px;
  left: -2.6rem;
}
.koukai .details p {
  color: #fff;
}
@media screen and (max-width: 767.98px) {
  .koukai .details .summary-end {
    margin-bottom: 3rem;
  }
}
@media screen and (min-width: 768px) {
  .koukai .details .summary-end {
    margin-bottom: 4rem;
  }
}
.koukai .details-summary {
  color: #fff;
  font-weight: bold;
  list-style: none;
}
.koukai .details-summary::-webkit-details-marker {
  display: none;
}
.koukai .details-summary span {
  font-size: 24px;
  font-size: 2.4rem;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.koukai .details-summary:hover {
  cursor: pointer;
  opacity: 0.8;
}
.koukai .details-summary .btn {
  position: absolute;
  top: 2.6rem;
  right: 2.4rem;
  width: 20px;
  height: 20px;
  transform-origin: center center;
  transition-duration: 0.2s;
}
.koukai .details-summary .btn::after {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-color: #1F2029;
  position: absolute;
  right: 0;
  top: 0;
  aspect-ratio: 1/1;
  background-image: url(../img/button_arrow.svg);
  background-repeat: no-repeat;
  border-radius: 50%;
  background-position: center center;
  transform: rotate(90deg);
}
.koukai .details-summary.is-active .btn {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.koukai .details-summary.is-active .btn:before {
  content: none;
}
.koukai .details-summary::-webkit-details-marker {
  display: none;
}
.koukai-course {
  margin-top: 8.5rem;
}
@media screen and (max-width: 767.98px) {
  .koukai-course section {
    margin-bottom: 6rem;
  }
}
@media screen and (min-width: 768px) {
  .koukai-course section {
    margin-bottom: 12rem;
  }
}
.koukai-content {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767.98px) {
  .koukai-content {
    flex-direction: column;
    gap: 3rem;
  }
}
@media screen and (min-width: 768px) {
  .koukai-content {
    gap: 5.5rem;
  }
}
.koukai-content__title {
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .koukai-content__title {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .koukai-content__title {
    width: 28rem;
  }
}
.koukai-content__title .h3 {
  font-size: 20px;
  font-size: 2rem;
}
.koukai-content__title .h3 span {
  font-size: 45px;
  font-size: 4.5rem;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.koukai-content__title::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 1rem;
}
@media screen and (max-width: 767.98px) {
  .koukai-content__title::before {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .koukai-content__title::before {
    width: 5px;
    height: 90px;
    left: -5.8rem;
  }
}
.koukai-content__list {
  flex: 1;
}
.koukai-content__group {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  margin-bottom: 6rem;
}
@media screen and (max-width: 767.98px) {
  .koukai-content__group {
    border-radius: 5.2rem 1rem 5.2rem 1rem;
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .koukai-content__group {
    border-radius: 7.4rem 1rem 7.4rem 1rem;
  }
}
.koukai-content__group:last-child {
  margin-bottom: 0;
}
.koukai-content__group-header {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767.98px) {
  .koukai-content__group-header {
    padding: 3rem 2.5rem 0 3rem;
    gap: 2rem;
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .koukai-content__group-header {
    padding: 4rem 42rem 2rem 4rem;
  }
}
.koukai-content__group-header .button {
  width: 240px;
  padding: 1.8rem 6.4rem 1.8rem 2rem;
}
.koukai-content__group-header .button__popup {
  background-color: #2B2F3C;
}
.koukai-content__group-header .button__popup::before {
  background-color: #FF860B;
}
.koukai-content__group-header .button__popup::after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%3E%20%3Cg%20id%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97_7162%22%20data-name%3D%22%E3%82%B0%E3%83%AB%E3%83%BC%E3%83%97%207162%22%20transform%3D%22translate(0.5%200.5)%22%3E%20%3Cline%20id%3D%22%E7%B7%9A_15%22%20data-name%3D%22%E7%B7%9A%2015%22%20x2%3D%227%22%20transform%3D%22translate(0%203.5)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3Cline%20id%3D%22%E7%B7%9A_16%22%20data-name%3D%22%E7%B7%9A%2016%22%20x2%3D%227%22%20transform%3D%22translate(3.5%200)%20rotate(90)%22%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
}
.koukai-content__group-header h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #FF860B;
  position: relative;
  margin-left: 3.4rem;
  margin-bottom: 2rem;
}
.koukai-content__group-header h3::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_410%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20410%22%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2211%22%20transform%3D%22translate(0%202)%22%20fill%3D%22%23ff860b%22%20opacity%3D%220.5%22%2F%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_411%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20411%22%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%226.5%22%20transform%3D%22translate(11)%22%20fill%3D%22%23ff860b%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0.5rem;
  width: 2.4rem;
  height: 2.4rem;
  left: -3.4rem;
}
.koukai-content__group-text ul {
  height: 17.2rem;
}
.koukai-content__group-text ul li {
  display: flex;
  gap: 0.75rem;
  list-style-type: none;
  margin-bottom: 1rem;
  line-height: 2.4rem;
}
.koukai-content__group-text ul li:last-child {
  margin-bottom: 0;
}
.koukai-content__group-text ul li::before {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.1rem;
  flex-shrink: 0;
  background-color: #9F9F9F;
  transform: translateY(1.4rem);
}
.koukai-content__group-point {
  font-size: 15px;
  font-size: 1.5rem;
  font-family: "Plus Jakarta Sans", sans-serif;
  font-weight: bold;
  display: inline-block;
  background: linear-gradient(36.9deg, #ffac4b 0%, #ff6310 100%);
  color: #fff;
  border-radius: 2rem;
  padding: 0.01rem 1.5rem;
  margin-bottom: 2rem;
}
.koukai-content__group-image {
  right: 0;
}
@media screen and (max-width: 767.98px) {
  .koukai-content__group-image {
    width: calc(100% + 3rem);
    aspect-ratio: 304/150;
    bottom: 0;
    position: relative;
  }
}
@media screen and (min-width: 768px) {
  .koukai-content__group-image {
    width: 38.4rem;
    height: 36.2rem;
    aspect-ratio: 384/362;
    position: absolute;
    top: 0;
  }
}
.koukai-content__group-image .koukai-content__picture {
  display: block;
  overflow: hidden;
}
.koukai-content__group-image .koukai-content__picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767.98px) {
  .koukai-content__group-image .koukai-content__picture {
    border-radius: 7.5rem 0 0 7.5rem;
  }
}
@media screen and (min-width: 768px) {
  .koukai-content__group-image .koukai-content__picture {
    border-radius: 0 1rem 0 7.4rem;
  }
}
.koukai-content__group-body {
  background-color: #EBEFF2;
}
@media screen and (max-width: 767.98px) {
  .koukai-content__group-body {
    padding: 3rem 3rem 4rem 3rem;
    position: relative;
    padding-top: 10.5rem;
    margin-top: -7.5rem;
    border-radius: 0 0 5.2rem 1rem;
  }
}
@media screen and (min-width: 768px) {
  .koukai-content__group-body {
    padding: 3rem 4rem 4rem 4rem;
    border-radius: 0 0 7.4rem 1rem;
  }
}
.koukai-content__group-body h3 {
  font-weight: bold;
  display: flex;
  align-items: baseline;
}
@media screen and (max-width: 767.98px) {
  .koukai-content__group-body h3 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .koukai-content__group-body h3 {
    font-size: 18px;
    font-size: 1.8rem;
    margin-bottom: 4.4rem;
  }
}
.koukai-content__group-body h3 span {
  font-weight: bold;
  font-family: "Plus Jakarta Sans", sans-serif;
  color: #DBDFE7;
  margin-left: 1.5rem;
  text-transform: uppercase;
}
@media screen and (max-width: 767.98px) {
  .koukai-content__group-body h3 span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 768px) {
  .koukai-content__group-body h3 span {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.koukai-content__group-body h3::before {
  content: "";
  background-color: #C3CAD6;
  width: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  background-size: contain;
  background-repeat: no-repeat;
  flex-shrink: 0;
  background-size: contain;
  margin-right: 0.7rem;
  transform: translateY(-1px);
}
.koukai-content__group-body .course-flow {
  display: flex;
  gap: 3.6rem;
}
@media screen and (max-width: 767.98px) {
  .koukai-content__group-body .course-flow {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .koukai-content__group-body .course-flow {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.koukai-content__group-body .course-flow .course-block {
  position: relative;
  background-color: #fff;
  border-radius: 3.5rem;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  .koukai-content__group-body .course-flow .course-block {
    width: 100%;
    height: 4rem;
    padding: 1.1rem 0 1.1rem 6rem;
  }
}
@media screen and (min-width: 768px) {
  .koukai-content__group-body .course-flow .course-block {
    width: 22.3rem;
    height: 6.2rem;
    padding: 1.1rem 0 1.1rem 7.2rem;
  }
}
.koukai-content__group-body .course-flow .course-block p {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  color: #fff;
  background-color: #2B2F3C;
  border-radius: 50%;
  font-size: 10px;
  font-size: 1rem;
  font-weight: bold;
}
@media screen and (max-width: 767.98px) {
  .koukai-content__group-body .course-flow .course-block p {
    top: 50%;
    transform: translateY(-50%);
    width: 5rem;
    height: 5rem;
  }
}
@media screen and (min-width: 768px) {
  .koukai-content__group-body .course-flow .course-block p {
    top: 0;
    width: 6.2rem;
    height: 6.2rem;
  }
}
.koukai-content__group-body .course-flow .course-block p span span {
  font-size: 20px;
  font-size: 2rem;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.koukai-content__group-body .course-flow .course-block p span span.course-block__last {
  letter-spacing: -6px;
  margin-right: 6px;
}
.koukai-content__group-body .course-flow .course-block h4 {
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 2.2rem;
}
.koukai-content__group-body .course-flow__side {
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 767.98px) {
  .koukai-content__group-body .course-flow__side {
    text-align: left;
    margin-top: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .koukai-content__group-body .course-flow__side {
    text-align: center;
    margin-top: 2rem;
  }
}
.koukai-content__group-body .course-info {
  display: grid;
  gap: 3.1rem 3.8rem;
}
@media screen and (max-width: 767.98px) {
  .koukai-content__group-body .course-info {
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 768px) {
  .koukai-content__group-body .course-info {
    margin-top: 4rem;
    margin-bottom: 4rem;
    grid-template-columns: repeat(2, 1fr);
  }
}
.koukai-content__group-body .course-info dl {
  display: grid;
  grid-template-columns: 8rem auto;
  align-items: center;
  border-bottom: 1px solid #E0E0E0;
  padding-bottom: 1.55rem;
}
@media screen and (min-width: 768px) {
  .koukai-content__group-body .course-info dl {
    height: 5.45rem;
  }
}
.koukai-content__group-body .course-info dl dd {
  line-height: 2rem;
}
.koukai-content__group-body .course-info dl dd span {
  font-size: 10px;
  font-size: 1rem;
  display: block;
}
.koukai-content__group-body .course-info dl dd .span2 {
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (max-width: 767.98px) {
  .koukai-content__group-body .course-info dl dd .span2 {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.koukai-content__group-body .course-info__side {
  font-size: 12px;
  font-size: 1.2rem;
  text-align: center;
  margin: 2rem 0;
}
.koukai-content__group-body .course-info__cs {
  text-align: center;
  color: #8F94A2;
  font-weight: bold;
}
@media screen and (max-width: 767.98px) {
  .koukai-content__group-body .course-info__cs {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .koukai-content__group-body .course-info__cs {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.koukai-content__group .button__more {
  display: flex;
  justify-content: center;
}
.koukai-content__group .button__more .button {
  width: 28rem;
}
.koukai-content__group .button__more .button__jump {
  background: linear-gradient(36.9deg, #ffac4b 0%, #ff6310 100%);
}
.koukai-content__group .button__more .button__jump::before {
  background-color: #E94601;
}
.koukai #k2025 .koukai-content__title::before {
  background-image: url("../../assets/img/koukai_list_meter1.svg");
}
.koukai #k2026 .koukai-content__title::before {
  background-image: url("../../assets/img/koukai_list_meter2.svg");
}
.koukai-check__box {
  border: 1px solid #2B2F3C;
  border-radius: 2.6rem;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .koukai-check__box {
    padding: 5.8rem 3rem 3rem;
  }
}
@media screen and (min-width: 768px) {
  .koukai-check__box {
    padding: 5.8rem 4rem 4rem;
  }
}
.koukai-check__box .h3 {
  background: #F8F8F8;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
@media screen and (max-width: 767.98px) {
  .koukai-check__box .h3 {
    font-size: 18px;
    font-size: 1.8rem;
    top: -2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .koukai-check__box .h3 {
    font-size: 24px;
    font-size: 2.4rem;
    padding: 0 1.6rem;
    top: -2rem;
  }
}
.koukai-check__box dl {
  border-bottom: 1px solid #E0E0E0;
  padding-bottom: 2.5rem;
  margin-bottom: 1.3rem;
}
.koukai-check__box dl:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.koukai-check__box dt {
  display: flex;
  align-items: center;
}
.koukai-check__box dt span {
  font-size: 16px;
  font-size: 1.6rem;
  color: #2B2F3C;
}
.koukai-check__box dt span span {
  font-size: 20px;
  font-size: 2rem;
  font-family: "Plus Jakarta Sans", sans-serif;
  color: #9F9F9F;
  margin-right: 1.1rem;
}
@media screen and (max-width: 767.98px) {
  .koukai-check__box dd {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.koukai .home-training__background {
  z-index: -1;
}
@media screen and (max-width: 767.98px) {
  .koukai .home-training__background {
    height: 560rem;
  }
}
@media screen and (min-width: 768px) {
  .koukai .home-training__background {
    height: 1024rem;
  }
}
.koukai .home-training__background .home-training__background-item {
  background-position: top center;
  background-size: cover;
}
@media screen and (max-width: 767.98px) {
  .koukai .home-training__background .home-training__background-item {
    background-image: url(../../assets/img/koukai_background_sp.png);
  }
}
@media screen and (min-width: 768px) {
  .koukai .home-training__background .home-training__background-item {
    background-image: url(../../assets/img/koukai_background_pc.png);
  }
}
.koukai .footer {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767.98px) {
  .aboutus .content__header-title {
    margin-left: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .aboutus .content__header-title {
    margin-left: 2.5rem;
  }
}
.aboutus .content__header-title::before {
  content: "";
  display: inline-block;
  background-image: url(../img/home_title_label_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .aboutus .content__header-title::before {
    width: 2rem;
    height: 2.3rem;
    left: -1rem;
  }
}
@media screen and (min-width: 768px) {
  .aboutus .content__header-title::before {
    width: 3rem;
    height: 3.5rem;
    left: -2.5rem;
  }
}
.aboutus .content__header-list {
  width: 100%;
}
@media screen and (max-width: 767.98px) {
  .aboutus .content__header-list {
    margin-top: 2.4rem;
  }
}
@media screen and (min-width: 768px) {
  .aboutus .content__header-list {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .aboutus .content__header-list-item {
    margin-right: 2.1rem;
  }
}
@media screen and (min-width: 768px) {
  .aboutus .content__header-list-item {
    margin-right: 6.5rem;
  }
}
.aboutus .content__header-list-picture {
  display: block;
  overflow: hidden;
  border-radius: 0 3rem 3rem 0;
}
@media screen and (max-width: 767.98px) {
  .aboutus .content__header-list-picture {
    height: 230px;
  }
}
@media screen and (min-width: 768px) {
  .aboutus .content__header-list-picture {
    height: 310px;
  }
}
.aboutus .content__header-list img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767.98px) {
  .aboutus .content__body {
    margin: 2rem 0 8rem;
  }
}
@media screen and (min-width: 768px) {
  .aboutus .content__body {
    margin: 4rem 0 12rem;
  }
}
.aboutus-about {
  margin-bottom: 0;
}
.aboutus-about .card-list {
  margin: 8rem 0;
}
.aboutus-about .card-list .card__header .card__point {
  font-family: "Local Noto Sans JP", "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 767.98px) {
  .aboutus-about .card-list .card__header {
    padding: 2.8rem 3rem 2.3rem;
  }
}
.aboutus-about .card-list span {
  display: flex;
  justify-content: center;
  margin-top: 2.3rem;
}
.aboutus-rinen {
  margin: 0;
}
@media screen and (max-width: 767.98px) {
  .aboutus-rinen .container {
    padding: 0;
  }
}
.aboutus-rinen__box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6rem;
  padding: 17rem 0 22rem 0;
  background: url(../img/aboutus_rinen_bg.png);
  background-position: top center;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767.98px) {
  .aboutus-rinen__box {
    background-size: cover;
    padding: 16rem 2rem;
  }
}
@media screen and (min-width: 768px) {
  .aboutus-rinen__box {
    background-size: contain;
  }
}
.aboutus-rinen__logo {
  text-align: center;
}
@media screen and (max-width: 767.98px) {
  .aboutus-rinen__logo {
    width: 21.6rem;
    margin: 0 auto;
  }
  .aboutus-rinen__logo p {
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 1.25rem;
  }
}
.aboutus-rinen__logo span {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.aboutus-rinen__list {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.aboutus-rinen__list_title {
  width: 12.2rem;
  position: relative;
  margin-bottom: 2.8rem;
}
@media screen and (max-width: 767.98px) {
  .aboutus-rinen__list_title {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.aboutus-rinen__list_title::before {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 1.95rem;
  background: url(../img/aboutus_rinen_b.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
}
@media screen and (max-width: 767.98px) {
  .aboutus-rinen__list_title::before {
    top: 9px;
  }
}
@media screen and (min-width: 768px) {
  .aboutus-rinen__list_title::before {
    top: 7px;
  }
}
.aboutus-rinen__list_title::after {
  content: "";
  display: inline-block;
  width: 0.5rem;
  height: 1.95rem;
  background: url(../img/aboutus_rinen_a.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0;
}
@media screen and (max-width: 767.98px) {
  .aboutus-rinen__list_title::after {
    top: 9px;
  }
}
@media screen and (min-width: 768px) {
  .aboutus-rinen__list_title::after {
    top: 7px;
  }
}
.aboutus-rinen__list_body ul li {
  list-style: none;
  margin-bottom: 2.8rem;
}
.aboutus-point {
  margin-top: -5rem;
}
.aboutus-point__inner .h3, .aboutus-point__inner p {
  text-align: center;
  font-weight: bold;
}
@media screen and (max-width: 767.98px) {
  .aboutus-point__inner {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.aboutus-point .card-list__item {
  grid-row: span 3;
}
.aboutus-point .card__header {
  padding: 2.5rem 3rem 2rem;
}
.aboutus-point .card-aboutus {
  background: linear-gradient(36.9deg, #ffac4b 0%, #ff6310 100%);
  padding-bottom: 2rem;
}
.aboutus-point .card-aboutus .card__point {
  color: #FFAB5A;
}
.aboutus-point .card-aboutus .card__point::before {
  background-color: #FFAB5A;
}
.aboutus-point .card-aboutus .card__title {
  color: #fff;
  display: flex;
  flex-direction: column;
}
.aboutus-point .card-aboutus .card__title span {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 2.8rem;
}
.aboutus-point .card-aboutus .card__title span > span {
  font-size: 24px;
  font-size: 2.4rem;
}
.aboutus-point .card-aboutus .card__body {
  padding: 0;
  margin-bottom: 0;
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  gap: 0;
  color: #2B2F3C;
  background: #fff;
  margin-bottom: 0;
}
.aboutus-point .card-aboutus .card__body2 {
  padding: 0;
  background: #ECEFF2;
  color: #2B2F3C;
  border-radius: 0 74px 10px 10px;
}
.aboutus-point .card-aboutus .card__body-inner {
  padding: 4rem 3rem;
}
.aboutus-point .card-aboutus .card__body-inner h4 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1.2rem;
}
.aboutus-jisseki__inner {
  text-align: center;
}
.aboutus-jisseki__inner .h3 {
  margin-bottom: 2rem;
}
.aboutus-jisseki__inner p {
  font-size: 16px;
  font-size: 1.6rem;
}
.aboutus-jisseki__inner .heading-icon--achievement::before {
  transform: translateY(-4px);
}
.aboutus-jisseki__box {
  display: flex;
}
@media screen and (max-width: 767.98px) {
  .aboutus-jisseki__box {
    flex-direction: column;
    margin: 4.1rem 0 0 0;
  }
}
@media screen and (min-width: 768px) {
  .aboutus-jisseki__box {
    margin: 4.1rem 0 6rem 0;
  }
}
.aboutus-jisseki__box-content {
  flex: 1;
  display: grid;
  grid-template-rows: 10rem auto 16rem;
  gap: 0;
}
@media screen and (max-width: 767.98px) {
  .aboutus-jisseki__box-content {
    border-bottom: 1px solid #E0E0E0;
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .aboutus-jisseki__box-content {
    border-right: 1px solid #E0E0E0;
  }
}
.aboutus-jisseki__box-content h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #FF860B;
  text-align: center;
  margin-bottom: 1.8rem;
  line-height: 2.8rem;
}
.aboutus-jisseki__box-content span {
  font-weight: bold;
  text-align: center;
  line-height: 2.4rem;
}
.aboutus-jisseki__box-content span span {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 400;
}
.aboutus-jisseki__box-content-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.aboutus-jisseki__box-content-inner:first-child {
  margin-bottom: 1.5rem;
}
.aboutus-jisseki__box-content-inner:last-child {
  margin-top: 1.5rem;
}
@media screen and (max-width: 767.98px) {
  .aboutus-jisseki__box-content-inner:nth-of-type(3) p {
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  .aboutus-jisseki__box-content-inner:nth-of-type(3) p {
    padding: 0 5.5rem;
  }
}
@media screen and (max-width: 767.98px) {
  .aboutus-jisseki__box-content-inner.sp-jisseki {
    margin-top: 4rem;
  }
}
.aboutus-jisseki__box-content-inner p {
  font-size: 12px;
  font-size: 1.2rem;
}
.aboutus-jisseki__box-content-inner dl {
  display: flex;
  justify-content: space-around;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .aboutus-jisseki__box-content-inner dl {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .aboutus-jisseki__box-content-inner dl {
    width: 24rem;
  }
}
.aboutus-jisseki__box-content-inner dl dt {
  font-size: 12px;
  font-size: 1.2rem;
  width: 100%;
  text-align: left;
  padding-right: 6em;
  background: url(../img/aboutus_dotted_line.png) repeat-x left center;
}
.aboutus-jisseki__box-content-inner dl dt span {
  background: #F8F8F8;
}
.aboutus-jisseki__box-content-inner dl dd {
  font-size: 12px;
  font-size: 1.2rem;
  position: absolute;
  right: 0;
}
.aboutus-jisseki__box-content-inner dl dd span {
  background: #F8F8F8;
}
.aboutus-jisseki__box-content-inner dl dd span.big {
  font-size: 16px;
  font-size: 1.6rem;
}
.aboutus-jisseki__box-content:last-child {
  border: none;
}
.aboutus-jisseki__button {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  .aboutus-jisseki__button {
    flex-direction: column;
    gap: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .aboutus-jisseki__button {
    gap: 4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .aboutus-jisseki__button .button--large {
    width: 29.4rem;
    padding: 2.3rem 6.4rem 2.3rem 2rem;
  }
}
@media screen and (min-width: 768px) {
  .aboutus-jisseki__button .button--large {
    width: 26.3rem;
  }
}
.aboutus-jisseki .home-contact {
  margin-top: 17.5rem;
}

@media screen and (max-width: 767.98px) {
  .sitemap .content__header-title {
    margin-left: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .sitemap .content__header-title {
    margin-left: 2.5rem;
  }
}
.sitemap .content__header-title::before {
  content: "";
  display: inline-block;
  background-image: url(../img/home_title_label_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .sitemap .content__header-title::before {
    width: 2rem;
    height: 2.3rem;
    left: -1rem;
  }
}
@media screen and (min-width: 768px) {
  .sitemap .content__header-title::before {
    width: 3rem;
    height: 3.5rem;
    left: -2.5rem;
  }
}
@media screen and (max-width: 767.98px) {
  .sitemap .content__body {
    margin: 11.2rem 0 8rem;
  }
}
@media screen and (min-width: 768px) {
  .sitemap .content__body {
    margin: 12rem 0;
  }
}
.sitemap .container {
  display: flex;
  gap: 7.8rem;
}
@media screen and (max-width: 767.98px) {
  .sitemap .container {
    flex-direction: column;
    gap: 0;
  }
}
.sitemap__group {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.sitemap__group section {
  border-bottom: 1px solid #E0E0E0;
}
.sitemap__group section li {
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .sitemap__group section {
    padding: 2.8rem 0;
  }
}
@media screen and (min-width: 768px) {
  .sitemap__group section {
    padding: 3.8rem 0;
  }
}
.sitemap__group section:first-child {
  padding-top: 0;
}
.sitemap__maincat {
  font-weight: bold;
  position: relative;
  margin-left: 1.5rem;
}
@media screen and (max-width: 767.98px) {
  .sitemap__maincat {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 768px) {
  .sitemap__maincat {
    font-size: 20px;
    font-size: 2rem;
  }
}
.sitemap__maincat::before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 11px;
  top: 50% !important;
  transform: translateY(-50%);
  left: -1.5rem;
  background-image: url(../img/button_arrow_primary.svg);
  background-repeat: no-repeat;
  background-position: center;
  margin-top: 0.2rem;
}
.sitemap__subcat {
  list-style-type: none;
}
@media screen and (max-width: 767.98px) {
  .sitemap__subcat {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 3rem 0 0 2rem;
  }
}
@media screen and (min-width: 768px) {
  .sitemap__subcat {
    font-size: 16px;
    font-size: 1.6rem;
    margin: 3rem 0 0 4rem;
  }
}
.sitemap__subcat a {
  position: relative;
  display: block;
  padding: 0.8rem 0;
  margin-left: 1.5rem;
}
.sitemap__subcat a:first-child {
  padding-top: 0;
}
.sitemap__subcat a:first-child::before {
  margin-top: -0.25em;
}
.sitemap__subcat a::before {
  content: "";
  display: block;
  position: absolute;
  width: 6px;
  height: 11px;
  top: 50% !important;
  transform: translateY(-50%);
  left: -1.5rem;
  background-image: url(../img/button_arrow_gray.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media screen and (min-width: 768px) {
  .sitemap__subcat a::before {
    margin-top: 0.2rem;
  }
}
.sitemap__hover::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background: #FF860B;
  transform: scale(0, 1);
  transform-origin: left;
  transition: 0.4s;
}
.sitemap__hover:hover::after {
  transform: scale(1);
}

@media screen and (max-width: 767.98px) {
  .form .content__header-title {
    margin-left: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .form .content__header-title {
    margin-left: 2.5rem;
  }
}
.form .content__header-title::before {
  content: "";
  display: inline-block;
  background-image: url(../img/home_title_label_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .form .content__header-title::before {
    width: 2rem;
    height: 2.3rem;
    left: -1rem;
  }
}
@media screen and (min-width: 768px) {
  .form .content__header-title::before {
    width: 3rem;
    height: 3.5rem;
    left: -2.5rem;
  }
}
.form-check__box {
  border: 1px solid #2B2F3C;
  border-radius: 2.6rem;
  position: relative;
  margin-top: 10rem;
}
@media screen and (max-width: 767.98px) {
  .form-check__box {
    padding: 5.8rem 3rem 3rem;
  }
}
@media screen and (min-width: 768px) {
  .form-check__box {
    padding: 5.8rem 4rem 4rem;
  }
}
.form-check__box .h3 {
  background: #F8F8F8;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  text-align: center;
}
@media screen and (max-width: 767.98px) {
  .form-check__box .h3 {
    font-size: 18px;
    font-size: 1.8rem;
    top: -2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .form-check__box .h3 {
    font-size: 24px;
    font-size: 2.4rem;
    padding: 0 1.6rem;
    top: -2rem;
  }
}
.form-check__box dl {
  border-bottom: 1px solid #E0E0E0;
  padding-bottom: 2.5rem;
  margin-bottom: 1.3rem;
}
.form-check__box dl:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.form-check__box dt {
  display: flex;
  align-items: center;
}
.form-check__box dt span {
  font-size: 16px;
  font-size: 1.6rem;
  color: #2B2F3C;
}
.form-check__box dt span span {
  font-size: 20px;
  font-size: 2rem;
  font-family: "Plus Jakarta Sans", sans-serif;
  color: #9F9F9F;
  margin-right: 1.1rem;
}
@media screen and (max-width: 767.98px) {
  .form-check__box dd {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.form-table {
  margin-top: 6rem;
}
.form-table .require-field {
  font-size: 18px;
  font-size: 1.8rem;
  color: #FF860B;
}
.form-table__inner {
  margin-bottom: 6rem;
  width: 100%;
}
.form-table__inner .student-box-head{
  display: flex;
  gap: 5%;
  margin-bottom:20px;
}
/* 削除ボタン */
.form-table__inner .deleteButton{
  padding: 0.1rem 2rem;
  color: #fff;
  border: none;
  background: #2B2F3C;
  opacity: 0.5;
  border-radius: 0.5rem;
}
/* 追加ボタン */
.form-table__inner #student-end{
  text-align: center;
}
.form-table__inner .addButton{
  background: #FFAD2B;
  padding: 2px 40px;
  color: #fff;
  border: none;
  border-radius: 0.5rem;
}
.form-table__inner tr {
  display: grid;
  grid-template-columns: 40% 60%;
  border-bottom: 1px solid #E0E0E0;
  padding: 2rem;
}
@media screen and (max-width: 767.98px) {
  .form-table__inner tr {
    grid-template-rows: repeat(auto);
    grid-template-columns: auto;
  }
  .form-table__inner .student-box-head{
    margin-top:10px;
  }
}
.form-table__inner tr th, .form-table__inner tr td {
  width: 100%;
  font-size: 16px;
  font-size: 1.6rem;
}
.form-table__inner tr th {
  position: relative;
}
.form-table__inner tr th span.dt__sub {
  font-size: 12px;
  font-size: 1.2rem;
  display: block;
}
.form-table__inner tr td .form__grid {
  display: grid;
  grid-template-columns: 15rem 1fr;
  gap: 1.5rem 0;
}
@media screen and (max-width: 767.98px) {
  .form-table__inner tr td .form__grid {
    grid-template-rows: repeat(auto);
    grid-template-columns: auto;
  }
}
.form-table__inner tr td .form__grid div {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
}
@media screen and (max-width: 767.98px) {
  .form-table__inner tr td .form__grid div {
    grid-column: span 1;
  }
}
.form-table__inner tr td .form-box {
  margin-bottom: 2rem;
}
.form-table__inner tr td .form-box h2 {
  color: #FF860B;
  font-weight: bold;
}
.form-table__inner tr td .form-box p {
  font-weight: bold;
}
.form-table__inner tr td .form-box label {
  display: flex;
  align-items: center;
}
.form-table__inner tr td .student-box {
  margin-bottom: 2rem;
}
.form-table__inner tr td .student-box h2 {
  font-weight: bold;
}
.form-table__inner tr td .student-box .student-box__list {
  display: grid;
  grid-template-columns: 10rem 1fr;
  margin-bottom: 1.5rem;
}
.form-table__inner tr td .student-box .student-box__list:last-child {
  margin-bottom: 0;
}
.form-table__inner tr input {
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  padding: 0.2rem 0.5rem;
}
@media screen and (max-width: 767.98px) {
  .form-table__inner tr input {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .form-table__inner tr input {
    width: 40rem;
  }
}
.form-table__inner tr input.input__name {
  width: 20rem;
}
@media screen and (max-width: 767.98px) {
  .form-table__inner tr input.input__name {
    width: 100%;
  }
}
.form-table__inner tr input.p-region {
  width: 55rem;
  margin-top: 1.5rem;
}
@media screen and (max-width: 767.98px) {
  .form-table__inner tr input.p-region {
    width: 100%;
  }
}
.form-table__inner tr input.input__member {
  width: 10rem;
}
.form-table__inner tr input.date, .form-table__inner tr input.bonus, .form-table__inner tr input.enquete {
  width: 2.5rem;
}
.form-table__inner tr select, .form-table__inner tr textarea {
  border: 1px solid #ccc;
  border-radius: 0.5rem;
  padding: 0.2rem 0.5rem;
}
@media screen and (max-width: 767.98px) {
  .form-table__inner tr select, .form-table__inner tr textarea {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .form-table__inner tr select, .form-table__inner tr textarea {
    width: 40rem;
  }
}
.form-table__inner tr textarea {
  width: 100%;
  height: 10em;
}
.form-table .pp {
  font-size: 16px;
  font-size: 1.6rem;
  text-align: center;
}
.form-table .pp button {
  padding-bottom: 5px;
  text-decoration: underline;
  color: #FF860B;
}
.form-table .submit__box {
  text-align: center;
  margin-top: 3rem;
  display: flex;
  justify-content: center;
  gap: 3rem;
}
.form-table .submit__box .button__jump {
  background: linear-gradient(36.9deg, #ffac4b 0%, #ff6310 100%);
}
.form-table .submit__box .button__jump::before {
  background-color: #E94601;
}
@media screen and (max-width: 767.98px) {
  .form-table .submit__box {
    flex-direction: column;
  }
}
.form-table .submit__box a {
  width: 270px;
}
.form .modal dl {
  margin-bottom: 2rem;
}
.form .error_messe {
  font-size: 16px;
  font-size: 1.6rem;
  color: #F05656;
  text-align: center;
}

@media screen and (max-width: 767.98px) {
  .interview .content__header-title {
    margin-left: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .interview .content__header-title {
    margin-left: 2.5rem;
  }
}
.interview .content__header-title::before {
  content: "";
  display: inline-block;
  background-image: url(../img/home_title_label_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .interview .content__header-title::before {
    width: 2rem;
    height: 2.3rem;
    left: -1rem;
  }
}
@media screen and (min-width: 768px) {
  .interview .content__header-title::before {
    width: 3rem;
    height: 3.5rem;
    left: -2.5rem;
  }
}
.interview .content__header-list {
  width: 100%;
}
@media screen and (max-width: 767.98px) {
  .interview .content__header-list {
    margin-top: 2.4rem;
  }
}
@media screen and (min-width: 768px) {
  .interview .content__header-list {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .interview .content__header-list-item {
    margin-right: 2.1rem;
  }
}
@media screen and (min-width: 768px) {
  .interview .content__header-list-item {
    margin-right: 6.5rem;
  }
}
.interview .content__header-list-picture {
  display: block;
  overflow: hidden;
  border-radius: 0 3rem 3rem 0;
}
@media screen and (max-width: 767.98px) {
  .interview .content__header-list-picture {
    height: 230px;
  }
}
@media screen and (min-width: 768px) {
  .interview .content__header-list-picture {
    height: 310px;
  }
}
.interview .content__header-list img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767.98px) {
  .interview-list {
    margin: 6rem 0 8rem;
  }
}
@media screen and (min-width: 768px) {
  .interview-list {
    margin: 8rem 0 12rem;
  }
}
@media screen and (max-width: 767.98px) {
  .interview .content__body {
    margin: 2rem 0 8rem;
  }
}
@media screen and (min-width: 768px) {
  .interview .content__body {
    margin: 4rem 0 12rem;
  }
}
.interview .content__body .card {
  border-radius: 4rem;
  background: #fff;
}
@media screen and (max-width: 767.98px) {
  .interview .content__body .card-list {
    gap: 4rem;
  }
}
.interview .content__body .card-list__item {
  grid-row: span 3;
}
.interview .content__body .card__header {
  padding: 0;
  position: relative;
}
.interview .content__body .card__header__bg {
  width: 32rem;
  height: 18rem;
  aspect-ratio: 320/180;
}
.interview .content__body .card__header__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.interview .content__body .card__header__icon {
  width: 6.1rem;
  height: 6.1rem;
  background: #fff;
  position: absolute;
  left: 1rem;
  bottom: 1rem;
  border-radius: 1.5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.interview .content__body .card__header__icon picture {
  display: flex;
  justify-content: center;
  align-items: center;
}
.interview .content__body .card__body {
  background: none;
  padding: 2rem 2rem 3rem;
  margin-bottom: 0;
  color: #2B2F3C;
}
.interview .content__body .card__body_box:first-child {
  margin-bottom: 6rem;
}
.interview .content__body .card__body .card__title {
  font-size: 16px;
  font-size: 1.6rem;
}
.interview .content__body .card__body .card__title span {
  font-size: 10px;
  font-size: 1rem;
  margin-left: 0.5rem;
}
.interview .content__body .card__body__list {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.interview .content__body .card__body__list:last-child {
  margin: 0;
}
.interview .content__body .card__body__list-title {
  padding: 0.2rem 1.4rem 0.3rem;
  color: #fff;
  background: #FF860B;
  border-radius: 0.6rem;
}
.interview .content__body .card__footer {
  text-align: center;
}
.interview .content__body .card__footer .heading {
  padding: 1.9rem 0;
  background: linear-gradient(0deg, #ff6310 0%, #ffac4b 100%);
  color: #fff;
  justify-content: center;
  position: relative;
}
.interview .content__body .card__footer .heading-icon--arrow {
  flex-direction: row-reverse;
}
.interview .content__body .card__footer .heading-icon--arrow::before {
  background-image: url(../../assets/img/button_arrow.svg);
  width: 0.45em;
  height: 0.9rem;
  transform: translateY(10px);
  margin-left: 1rem;
  margin-right: 0;
}
.interview .content__body .card__footer .heading.button-change::after {
  border-radius: 0 0 1rem 1rem;
}
.interview .home-training__background {
  z-index: -1;
}
@media screen and (max-width: 767.98px) {
  .interview .home-training__background {
    height: 226.5rem;
  }
}
@media screen and (min-width: 768px) {
  .interview .home-training__background {
    height: 149.3rem;
  }
}
.interview .home-training__background .home-training__background-item {
  background-size: contain;
  background-repeat: repeat-y;
}
@media screen and (max-width: 767.98px) {
  .interview .home-training__background .home-training__background-item {
    background-image: url(../../assets/img/interview_bg_sp.png);
  }
}
@media screen and (min-width: 768px) {
  .interview .home-training__background .home-training__background-item {
    background-image: url(../../assets/img/interview_bg_pc.png);
  }
}
.interview .footer {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767.98px) {
  .interview-more .content__header-scrolltext {
    bottom: 90rem;
  }
  .interview-more .content__header-scrolltext.column3 {
    bottom: 88rem;
  }
}
.interview-more .content__header {
  z-index: 0;
}
.interview-more .content__header-label {
  margin-bottom: 0;
  padding: 0 0 3rem 0;
}
.interview-more .content__header-label > span {
  color: #6E7486;
  background: none;
  padding: 0;
}
@media screen and (max-width: 767.98px) {
  .interview-more .content__header-label > span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.interview-more .content__header-title {
  margin-left: 0;
}
.interview-more .content__header-title::before {
  display: none;
}
@media screen and (max-width: 767.98px) {
  .interview-more .content__header-title {
    font-size: 20px;
    font-size: 2rem;
    line-height: 2;
  }
}
@media screen and (min-width: 768px) {
  .interview-more .content__header-title {
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 1.85;
  }
}
@media screen and (max-width: 767.98px) {
  .interview-more .breadcrumb {
    margin-top: 4.05rem;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .interview-more .breadcrumb {
    margin-top: 0;
    margin-bottom: 8.3rem;
  }
}
@media screen and (max-width: 767.98px) {
  .interview-more .content__header-cover {
    width: 75%;
    min-width: 280px;
    aspect-ratio: 280/217;
    margin: 0 auto;
  }
}
@media screen and (min-width: 768px) {
  .interview-more .content__header-cover {
    width: 542px;
    aspect-ratio: 542/420;
  }
}
.interview-more .content__header-about {
  background: #ECEFF2;
  margin-top: -5rem;
}
@media screen and (max-width: 767.98px) {
  .interview-more .content__header-about {
    padding: 11.6rem 0 12rem;
    border-radius: 5.5rem 5.5rem 0 0;
  }
}
@media screen and (min-width: 768px) {
  .interview-more .content__header-about {
    padding: 9rem 0 16rem;
  }
}
.interview-more .content__header-about .container {
  max-width: 914px;
}
@media screen and (min-width: 768px) {
  .interview-more .content__header-about .container {
    padding: 0;
  }
}
.interview-more .content__header-about__list {
  display: flex;
  justify-content: space-between;
  list-style: none;
}
@media screen and (max-width: 767.98px) {
  .interview-more .content__header-about__list {
    gap: 2.4rem;
    margin-bottom: 6rem;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  .interview-more .content__header-about__list {
    gap: 3rem;
    margin-bottom: 4rem;
  }
}
.interview-more .content__header-about__list li {
  height: 5.8rem;
  padding: 2.1rem 6rem 1.3rem 1.1rem;
  border-bottom: 1px solid #C5CAD2;
  position: relative;
}
@media screen and (min-width: 768px) {
  .interview-more .content__header-about__list li:first-child {
    min-width: 36rem;
  }
}
@media screen and (max-width: 767.98px) {
  .interview-more .content__header-about__list li {
    font-size: 14px;
    font-size: 1.4rem;
    width: calc(49% - 1.4rem);
  }
  .interview-more .content__header-about__list li.sp-short {
    width: 28%;
    padding-right: 2rem;
  }
  .interview-more .content__header-about__list li.sp-full {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .interview-more .content__header-about__list li {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.interview-more .content__header-about__list li.short-list1 {
  padding-right: 5rem;
}
.interview-more .content__header-about__list li.short-list2 {
  padding-right: 1rem;
}
.interview-more .content__header-about__list li .list-top {
  font-size: 12px;
  font-size: 1.2rem;
  color: #6E7486;
  position: absolute;
  top: 0;
  left: 0;
}
.interview-more .content__header-about__purpose {
  background: #E2E6EC;
  border-radius: 1rem;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .interview-more .content__header-about__purpose {
    display: block;
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .interview-more .content__header-about__purpose {
    display: grid;
    grid-template-columns: 17rem 1fr;
    margin-bottom: 2rem;
  }
}
.interview-more .content__header-about__purpose:last-child {
  margin: 0;
}
.interview-more .content__header-about__purpose dt {
  text-align: center;
  border-radius: 1rem;
  background: #6E7486;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  .interview-more .content__header-about__purpose dt {
    font-size: 12px;
    font-size: 1.2rem;
    position: absolute;
    top: -1.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 11.2rem;
    height: 3.3rem;
  }
}
@media screen and (min-width: 768px) {
  .interview-more .content__header-about__purpose dt {
    font-size: 16px;
    font-size: 1.6rem;
    width: 17rem;
  }
}
.interview-more .content__header-about__purpose dd {
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media screen and (max-width: 767.98px) {
  .interview-more .content__header-about__purpose dd {
    font-size: 15px;
    font-size: 1.5rem;
    padding: 2.6rem 0;
    text-align: center;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .interview-more .content__header-about__purpose dd {
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
    margin-left: 4rem;
    padding: 1.5rem 0;
    padding-right: 3.3rem;
    align-items: flex-start;
  }
}
.interview-more .content__header-about__purpose dd .span-small {
  font-weight: 400;
}
@media screen and (max-width: 767.98px) {
  .interview-more .content__header-about__purpose dd .span-small {
    font-size: 10px;
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .interview-more .content__header-about__purpose dd .span-small {
    font-size: 13px;
    font-size: 1.3rem;
    text-align: left;
  }
}
.interview-more .content__body {
  background: #fff;
  margin: -8rem 0 0;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767.98px) {
  .interview-more .content__body {
    border-radius: 5.5rem 5.5rem 0 0;
  }
}
@media screen and (min-width: 768px) {
  .interview-more .content__body {
    border-radius: 7.4rem 7.4rem 0 0;
  }
}
@media screen and (max-width: 767.98px) {
  .interview-more .interview__header-text {
    padding-top: 6rem;
  }
}
@media screen and (min-width: 768px) {
  .interview-more .interview__header-text {
    padding-top: 12rem;
  }
}
.interview-more .interview__header-text h2 {
  line-height: 2;
  font-weight: bold;
}
@media screen and (max-width: 767.98px) {
  .interview-more .interview__header-text h2 {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 768px) {
  .interview-more .interview__header-text h2 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.interview-more .interview__content {
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .interview-more .interview__content {
    margin-top: 8rem;
  }
  .interview-more .interview__content:first-of-type {
    margin-top: 6rem;
  }
}
@media screen and (min-width: 768px) {
  .interview-more .interview__content {
    margin-top: 12rem;
  }
}
@media screen and (min-width: 768px) {
  .interview-more .interview__content-bg {
    padding-top: 5rem;
  }
}
.interview-more .interview__content-bg .interview__sentence {
  margin-top: 4.4rem;
}
.interview-more .interview__content > .container {
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767.98px) {
  .interview-more .interview__content > .container {
    flex-direction: column;
    gap: 6rem;
  }
}
@media screen and (min-width: 768px) {
  .interview-more .interview__content > .container {
    align-items: flex-start;
  }
}
@media screen and (max-width: 767.98px) {
  .interview-more .interview__content > .container.interview__container-left {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .interview-more .interview__content > .container.interview__container-left {
    flex-direction: row-reverse;
  }
}
.interview-more .interview__content > .container.interview__container-center .interview__sentence {
  max-width: 100%;
}
.interview-more .interview__content > .container.interview__container-button {
  display: block;
}
@media screen and (max-width: 767.98px) {
  .interview-more .interview__content > .container.interview__container-button {
    padding-top: 8rem;
    padding-bottom: 8rem;
  }
}
@media screen and (min-width: 768px) {
  .interview-more .interview__content > .container.interview__container-button {
    padding-top: 10rem;
    padding-bottom: 12rem;
  }
}
.interview-more .interview__content > .container.interview__container-button h4 {
  font-weight: bold;
}
@media screen and (max-width: 767.98px) {
  .interview-more .interview__content > .container.interview__container-button h4 {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 768px) {
  .interview-more .interview__content > .container.interview__container-button h4 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .interview-more .interview__content > .container.interview__container-button p {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .interview-more .interview__content > .container.interview__container-button .button__more {
    margin-top: 6rem;
  }
}
@media screen and (min-width: 768px) {
  .interview-more .interview__content > .container.interview__container-button .button__more {
    margin-top: 8rem;
  }
}
.interview-more .interview__content > .container.interview__container-button .button__more .button {
  width: 29.4rem;
}
@media screen and (max-width: 767.98px) {
  .interview-more .interview__content > .container .interview__sentence {
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .interview-more .interview__content > .container .interview__sentence {
    max-width: 49%;
  }
}
.interview-more .interview__content > .container .interview__sentence span {
  color: #FF860B;
  font-weight: bold;
  position: relative;
  margin-left: 3rem;
}
@media screen and (max-width: 767.98px) {
  .interview-more .interview__content > .container .interview__sentence span {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 768px) {
  .interview-more .interview__content > .container .interview__sentence span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.interview-more .interview__content > .container .interview__sentence span::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_410%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20410%22%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2211%22%20transform%3D%22translate(0%202)%22%20fill%3D%22%23ff860b%22%20opacity%3D%220.5%22%2F%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_411%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20411%22%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%226.5%22%20transform%3D%22translate(11)%22%20fill%3D%22%23ff860b%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0.2rem;
  width: 2.1rem;
  height: 2rem;
  left: -3rem;
}
.interview-more .interview__content > .container .interview__sentence h3 {
  font-weight: bold;
  margin-bottom: 2rem;
  border-bottom: 1px solid #E0E0E0;
}
@media screen and (max-width: 767.98px) {
  .interview-more .interview__content > .container .interview__sentence h3 {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 2rem 0 2rem;
  }
}
@media screen and (min-width: 768px) {
  .interview-more .interview__content > .container .interview__sentence h3 {
    font-size: 20px;
    font-size: 2rem;
    padding: 2.6rem 0 2rem;
  }
}
.interview-more .interview__content > .container .interview__picture {
  position: relative;
}
.interview-more .interview__content > .container .interview__picture-inner {
  border-radius: 3.2rem;
  overflow: hidden;
}
.interview-more .interview__content > .container .interview__picture-inner.inner-2nd {
  margin-top: 6rem;
}
@media screen and (min-width: 768px) {
  .interview-more .interview__content > .container .interview__picture-inner.inner-2nd {
    margin-left: 6rem;
  }
}
@media screen and (max-width: 767.98px) {
  .interview-more .interview__content > .container .interview__picture-inner {
    width: 100%;
    aspect-ratio: 335/261;
  }
}
@media screen and (min-width: 768px) {
  .interview-more .interview__content > .container .interview__picture-inner {
    width: 450px;
    aspect-ratio: 450/350;
  }
}
.interview-more .interview__content > .container .interview__picture-inner picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.interview-more .interview__content > .container .interview__picture span {
  font-size: 12px;
  font-size: 1.2rem;
  color: #6E7486;
  position: absolute;
  right: 0;
  bottom: -3rem;
}
.interview-more .interview__content .interview__background {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
@media screen and (max-width: 767.98px) {
  .interview-more .interview__content .interview__background {
    right: 0%;
  }
}
@media screen and (min-width: 768px) {
  .interview-more .interview__content .interview__background {
    right: 25%;
  }
}
.interview-more .interview__content .interview__background-item {
  background: #ECEFF2;
  height: 100%;
}
@media screen and (max-width: 767.98px) {
  .interview-more .interview__content .interview__background-item {
    border-radius: 0 5.5rem 0 0;
  }
}
@media screen and (min-width: 768px) {
  .interview-more .interview__content .interview__background-item {
    border-radius: 0 32.2rem 0 0;
  }
}
.interview-more .interview__content .interview__background-center {
  right: 0%;
}
@media screen and (min-width: 768px) {
  .interview-more .interview__content .interview__background-center .interview__background-item {
    border-radius: 0 7.4rem 0 0;
  }
}

@media screen and (max-width: 767.98px) {
  .trainer .content__header-title {
    margin-left: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .trainer .content__header-title {
    margin-left: 2.5rem;
  }
}
.trainer .content__header-title::before {
  content: "";
  display: inline-block;
  background-image: url(../img/home_title_label_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .trainer .content__header-title::before {
    width: 2rem;
    height: 2.3rem;
    left: -1rem;
  }
}
@media screen and (min-width: 768px) {
  .trainer .content__header-title::before {
    width: 3rem;
    height: 3.5rem;
    left: -2.5rem;
  }
}
.trainer .content__header-list {
  width: 100%;
}
@media screen and (max-width: 767.98px) {
  .trainer .content__header-list {
    margin-top: 2.4rem;
  }
}
@media screen and (min-width: 768px) {
  .trainer .content__header-list {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .trainer .content__header-list-item {
    margin-right: 2.1rem;
  }
}
@media screen and (min-width: 768px) {
  .trainer .content__header-list-item {
    margin-right: 6.5rem;
  }
}
.trainer .content__header-list-picture {
  display: block;
  overflow: hidden;
  border-radius: 0 3rem 3rem 0;
}
@media screen and (max-width: 767.98px) {
  .trainer .content__header-list-picture {
    height: 230px;
  }
}
@media screen and (min-width: 768px) {
  .trainer .content__header-list-picture {
    height: 310px;
  }
}
.trainer .content__header-list img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767.98px) {
  .trainer .content__body {
    margin: 2rem 0 8rem;
  }
}
@media screen and (min-width: 768px) {
  .trainer .content__body {
    margin: 4rem 0 12rem;
  }
}
@media screen and (max-width: 767.98px) {
  .trainer-list {
    margin-top: 6rem;
  }
}
@media screen and (min-width: 768px) {
  .trainer-list {
    margin-top: 8rem;
    margin-bottom: 12rem;
  }
}
.trainer-content {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 767.98px) {
  .trainer-content {
    flex-direction: column;
    gap: 3rem;
  }
}
@media screen and (min-width: 768px) {
  .trainer-content {
    gap: 5.5rem;
  }
}
.trainer-content__list {
  display: grid;
  gap: 4rem;
}
@media screen and (max-width: 767.98px) {
  .trainer-content__list {
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 768px) {
  .trainer-content__list {
    grid-template-columns: repeat(2, 1fr);
  }
}
.trainer-content__title {
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .trainer-content__title {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .trainer-content__title {
    width: 28rem;
  }
}
.trainer-content__title .h3 {
  margin-bottom: 0;
}
@media screen and (max-width: 767.98px) {
  .trainer-content__title .h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .trainer-content__title .h3 {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
.trainer-content__title .h3 span {
  font-size: 45px;
  font-size: 4.5rem;
  font-family: "Plus Jakarta Sans", sans-serif;
}
.trainer-content__title::before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 1rem;
}
@media screen and (max-width: 767.98px) {
  .trainer-content__title::before {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .trainer-content__title::before {
    width: 5px;
    height: 70px;
    left: -5.8rem;
  }
}
.trainer-content__group {
  display: grid;
  background-color: #fff;
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .trainer-content__group {
    border-radius: 5.2rem 1rem 5.2rem 1rem;
    flex-direction: column;
    height: 50.6rem;
  }
}
@media screen and (min-width: 768px) {
  .trainer-content__group {
    border-radius: 7.4rem 1rem 7.4rem 1rem;
    width: 39rem;
    height: 59rem;
  }
}
.trainer-content__group:last-child {
  margin-bottom: 0;
}
.trainer-content__group-header {
  display: flex;
  justify-content: flex-start;
  gap: 2rem;
  align-items: center;
  position: relative;
  z-index: 1;
}
.trainer-content__group-header h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
}
.trainer-content__group-header span {
  font-size: 10px;
  font-size: 1rem;
  font-family: "Plus Jakarta Sans", sans-serif;
  text-transform: uppercase;
  color: #b4b4b4;
}
.trainer-content__group-image {
  right: 0;
}
@media screen and (max-width: 767.98px) {
  .trainer-content__group-image {
    width: 12rem;
    height: 13.5rem;
    aspect-ratio: 120/135;
  }
}
@media screen and (min-width: 768px) {
  .trainer-content__group-image {
    width: 16.4rem;
    height: 19.2rem;
    aspect-ratio: 164/192;
  }
}
.trainer-content__group-image .trainer-content__picture {
  display: block;
  overflow: hidden;
}
.trainer-content__group-image .trainer-content__picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767.98px) {
  .trainer-content__group-image .trainer-content__picture {
    border-radius: 2.2rem;
  }
}
@media screen and (min-width: 768px) {
  .trainer-content__group-image .trainer-content__picture {
    border-radius: 3.4rem;
  }
}
.trainer-content__group-body {
  padding-top: 2rem;
}
.trainer-content__group-body p {
  font-size: 13px;
  font-size: 1.3rem;
  color: #FF860B;
  font-weight: bold;
  margin-bottom: 2rem;
  line-height: 1;
}
.trainer-content__group-body li {
  font-weight: bold;
  position: relative;
  line-height: 2.4rem;
  margin-left: 3rem;
  margin-bottom: 1.4rem;
  list-style: none;
}
@media screen and (max-width: 767.98px) {
  .trainer-content__group-body li {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 768px) {
  .trainer-content__group-body li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.trainer-content__group-body li span {
  font-size: 12px;
  font-size: 1.2rem;
}
.trainer-content__group-body li:last-child {
  margin-bottom: 0;
}
.trainer-content__group-body li::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_410%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20410%22%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2211%22%20transform%3D%22translate(0%202)%22%20fill%3D%22%23ff860b%22%20opacity%3D%220.5%22%2F%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_411%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20411%22%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%226.5%22%20transform%3D%22translate(11)%22%20fill%3D%22%23ff860b%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 0.2rem;
  width: 2.1rem;
  height: 2rem;
  left: -3rem;
}
.trainer-content__group-body .trainer-subtheme {
  margin-top: 1.5rem;
}
.trainer-content__group-body .trainer-subtheme p {
  font-size: 12px;
  font-size: 1.2rem;
  color: #6E7486;
  margin-bottom: 1rem;
  line-height: 1;
}
.trainer-content__group-body .trainer-subtheme li {
  background: #ECEFF2;
  padding: 0.5rem 1rem;
  margin: 0 0 0.5rem 0;
  border-radius: 0.5rem;
  display: inline-block;
}
.trainer-content__group-body .trainer-subtheme li::before {
  display: none;
}
.trainer-content__group-body .trainer-subtheme li span {
  font-size: 12px;
  font-size: 1.2rem;
  color: #6E7486;
}
.trainer-content__group-body .trainer-subtheme li span::before {
  background-image: url(../../assets/img/button_subtheme.svg);
  width: 1rem;
  height: 1rem;
  transform: translateY(8px);
  margin-right: 0.5rem;
}
.trainer-content__group-footer {
  text-align: center;
}
.trainer-content__group-footer .heading {
  padding: 2.9rem 0;
  border-radius: 0 0 7.4rem 1rem;
  background: linear-gradient(90deg, #ff6310 0%, #ffac4b 100%);
  justify-content: center;
  position: relative;
}
.trainer-content__group-footer .heading-icon--pdf::before {
  background-image: url(../../assets/img/button_pdf.svg);
  width: 1.8rem;
  height: 2rem;
  transform: translateY(5px);
}
.trainer-content__group-footer .heading.card__csa {
  background: #2B2F3C;
}
.trainer-content__group-footer .heading.card__csa.button-change::after {
  background: linear-gradient(90deg, #ff6310 0%, #ffac4b 100%);
}
.trainer-content__group-footer .heading-icon--blank {
  flex-direction: row-reverse;
}
.trainer-content__group-footer .heading-icon--blank::before {
  background-image: url(../../assets/img/button_blank.svg);
  width: 1.3rem;
  height: 1.3rem;
  transform: translateY(9px);
  margin-left: 1rem;
}
.trainer-content__group-footer span {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #fff;
}
.trainer-content__group-sidetext picture {
  position: absolute;
  top: 2.48rem;
}
@media screen and (max-width: 767.98px) {
  .trainer-content__group-sidetext picture {
    right: 0.5rem;
    width: 3.17rem;
    aspect-ratio: 31.7/374.7;
  }
}
@media screen and (min-width: 768px) {
  .trainer-content__group-sidetext picture {
    right: 1rem;
  }
}
.trainer-content__container {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 10;
}
@media screen and (max-width: 767.98px) {
  .trainer-content__container {
    padding: 3rem 3rem 5rem 3rem;
  }
}
@media screen and (min-width: 768px) {
  .trainer-content__container {
    padding: 4rem 4rem 5.5rem 4rem;
  }
}
.trainer #sennin .trainer-content__title::before {
  background-image: url("../../assets/img/trainer_list_meter1.svg");
}
.trainer #partner .trainer-content__title::before {
  background-image: url("../../assets/img/trainer_list_meter2.svg");
}
.trainer .home-training__background {
  z-index: -1;
}
@media screen and (max-width: 767.98px) {
  .trainer .home-training__background {
    height: 620rem;
  }
}
@media screen and (min-width: 768px) {
  .trainer .home-training__background {
    height: 481rem;
  }
}
.trainer .home-training__background .home-training__background-item {
  background-position: top center;
  background-size: cover;
}
@media screen and (max-width: 767.98px) {
  .trainer .home-training__background .home-training__background-item {
    background-image: url(../../assets/img/trainer_bg_sp.png);
  }
}
@media screen and (min-width: 768px) {
  .trainer .home-training__background .home-training__background-item {
    background-image: url(../../assets/img/trainer_bg_pc.png);
  }
}
.trainer .footer {
  position: relative;
  z-index: 1;
}

.shitsumon .content__header-list {
  width: 100%;
}
@media screen and (max-width: 767.98px) {
  .shitsumon .content__header-list {
    margin-top: 2.4rem;
  }
}
@media screen and (min-width: 768px) {
  .shitsumon .content__header-list {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shitsumon .content__header-list-item {
    margin-right: 2.1rem;
  }
}
@media screen and (min-width: 768px) {
  .shitsumon .content__header-list-item {
    margin-right: 6.5rem;
  }
}
.shitsumon .content__header-list-picture {
  display: block;
  overflow: hidden;
  border-radius: 0 3rem 3rem 0;
}
@media screen and (max-width: 767.98px) {
  .shitsumon .content__header-list-picture {
    height: 230px;
  }
}
@media screen and (min-width: 768px) {
  .shitsumon .content__header-list-picture {
    height: 310px;
  }
}
.shitsumon .content__header-list img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767.98px) {
  .shitsumon .content__body {
    margin: 2rem 0 8rem;
  }
}
@media screen and (min-width: 768px) {
  .shitsumon .content__body {
    margin: 10.7rem 0 12rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shitsumon-about .h2 {
    font-size: 20px;
    font-size: 2rem;
    text-align: left;
    margin-top: 6rem;
    margin-bottom: 3rem;
  }
}
@media screen and (min-width: 768px) {
  .shitsumon-about .h2 {
    font-size: 24px;
    font-size: 2.4rem;
    text-align: center;
    margin-bottom: 7rem;
  }
}
.shitsumon-about .card {
  background: linear-gradient(-95deg, #ff6310 0%, #ffac4b 100%);
}
.shitsumon-about .card__header span {
  color: #fff;
}
.shitsumon-about .card__body {
  background: #fff;
  display: flex;
  justify-content: center;
  padding: 4rem 0;
}
@media screen and (max-width: 767.98px) {
  .shitsumon-about .card__body {
    height: 21.4rem;
  }
}
.shitsumon-about .card__body p {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #2B2F3C;
}
.shitsumon-schedule .shinnyusyain-kensyu-schedule__content {
  margin-bottom: 3rem;
}
@media screen and (min-width: 768px) {
  .shitsumon-schedule .shinnyusyain-kensyu-schedule__content {
    display: grid;
    grid-template-columns: 26.3rem 1fr;
    gap: 11rem;
  }
}
.shitsumon-schedule .shinnyusyain-kensyu-schedule__content-header {
  display: inline-block;
}
.shitsumon-schedule .shinnyusyain-kensyu-schedule__content-header h3 {
  background: #2B2F3C;
  border-radius: 0.7rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shitsumon-schedule .shinnyusyain-kensyu-schedule__content-header h3 span {
  color: #fff;
  margin-bottom: 0;
}
@media screen and (max-width: 767.98px) {
  .shitsumon-schedule .shinnyusyain-kensyu-schedule__content-header h3 span {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 768px) {
  .shitsumon-schedule .shinnyusyain-kensyu-schedule__content-header h3 span {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shitsumon-schedule .shinnyusyain-kensyu-schedule__content-header h3 {
    padding: 0.8rem 2.2rem;
  }
}
@media screen and (min-width: 768px) {
  .shitsumon-schedule .shinnyusyain-kensyu-schedule__content-header h3 {
    width: 26.3rem;
    padding: 1.1rem 0;
  }
}
.shitsumon-schedule .shinnyusyain-kensyu-schedule__content-detail {
  padding-bottom: 3rem;
  border-bottom: 1px solid #C5CAD2;
}
.shitsumon-schedule .shinnyusyain-kensyu-schedule__content-detail h4 {
  font-weight: bold;
}
@media screen and (max-width: 767.98px) {
  .shitsumon-schedule .shinnyusyain-kensyu-schedule__content-detail h4 {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .shitsumon-schedule .shinnyusyain-kensyu-schedule__content-detail h4 {
    font-size: 20px;
    font-size: 2rem;
    margin-bottom: 3rem;
  }
}
.shitsumon-schedule .shinnyusyain-kensyu-schedule__content-detail .disc-list {
  list-style-type: none;
}
.shitsumon-schedule .shinnyusyain-kensyu-schedule__content-detail .disc-list li {
  display: flex;
  gap: 0.75rem;
  margin-bottom: 1.5rem;
}
@media screen and (max-width: 767.98px) {
  .shitsumon-schedule .shinnyusyain-kensyu-schedule__content-detail .disc-list li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 768px) {
  .shitsumon-schedule .shinnyusyain-kensyu-schedule__content-detail .disc-list li {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.shitsumon-schedule .shinnyusyain-kensyu-schedule__content-detail .disc-list li:last-child {
  margin-bottom: 0;
}
.shitsumon-schedule .shinnyusyain-kensyu-schedule__content-detail .disc-list li::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  background: #9F9F9F;
  display: block;
  transform: translateY(1.35rem);
}
.shitsumon-schedule .shinnyusyain-kensyu-schedule__content-detail .disc-list li span {
  margin-top: 0.75rem;
}
@media screen and (max-width: 767.98px) {
  .shitsumon-schedule .shinnyusyain-kensyu-schedule__content-detail .disc-list li span {
    font-size: 10px;
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .shitsumon-schedule .shinnyusyain-kensyu-schedule__content-detail .disc-list li span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shitsumon .voice-group {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shitsumon .voice-group .voice-list__item {
    padding-top: 7.4rem;
  }
}
@media screen and (min-width: 768px) {
  .shitsumon .voice-group .voice-list__item {
    padding-top: 11.3rem;
    padding-left: 11.2rem;
  }
}
@media screen and (min-width: 768px) {
  .shitsumon .voice-group .voice-list__content {
    height: 15.6rem;
    display: flex;
    align-items: center;
  }
}
.shitsumon .voice-group .voice-list__item--women1::before {
  background-image: url(../img/voice_women2.svg);
}
.shitsumon .voice-group .voice-list__item--women2::before {
  background-image: url(../img/voice_women3.svg);
}
.shitsumon .voice-group .voice-list__item--men1::before {
  background-image: url(../img/voice_men3.svg);
}
.shitsumon .voice-group .voice-list__item--men2::before {
  background-image: url(../img/voice_men4.svg);
}
@media screen and (max-width: 767.98px) {
  .shitsumon-course {
    margin-top: 8rem;
  }
}
@media screen and (min-width: 768px) {
  .shitsumon-course {
    margin-top: 12rem;
  }
}
.shitsumon .shinnyusyain-kensyu-course__content {
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  .shitsumon .shinnyusyain-kensyu-course__content:first-of-type {
    margin-bottom: 6rem;
  }
}
@media screen and (min-width: 768px) {
  .shitsumon .shinnyusyain-kensyu-course__content:first-of-type {
    margin-bottom: 12rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shitsumon .shinnyusyain-kensyu-course__content-header {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .shitsumon .shinnyusyain-kensyu-course__content-header {
    width: 35.6rem;
  }
}
.shitsumon .shinnyusyain-kensyu-course__content-header p {
  margin-bottom: 4rem;
}
.shitsumon .shinnyusyain-kensyu-course__content .tandoku-image {
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .shitsumon .shinnyusyain-kensyu-course__content .tandoku-image {
    width: 100%;
    height: auto;
  }
}
@media screen and (min-width: 768px) {
  .shitsumon .shinnyusyain-kensyu-course__content .tandoku-image {
    width: 63.5rem;
    height: 68.1rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shitsumon .shinnyusyain-kensyu-course__content .tandoku-image .tandoku__point {
    top: unset !important;
    bottom: unset !important;
    right: unset !important;
    left: unset !important;
    transform: unset !important;
    width: 33.4rem;
    height: 8.5rem;
    display: grid;
    margin-bottom: 1rem;
    margin-right: auto;
    margin-left: auto;
  }
  .shitsumon .shinnyusyain-kensyu-course__content .tandoku-image .tandoku__point:first-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .shitsumon .shinnyusyain-kensyu-course__content .tandoku-image .tandoku__point {
    width: 22.4rem;
    height: 20.7rem;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
.shitsumon .shinnyusyain-kensyu-course__content .tandoku-image .tandoku__point-white {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}
@media screen and (max-width: 767.98px) {
  .shitsumon .shinnyusyain-kensyu-course__content .tandoku-image .tandoku__point-white {
    background: url(../img/hexagon_frame_sp.svg);
  }
}
@media screen and (min-width: 768px) {
  .shitsumon .shinnyusyain-kensyu-course__content .tandoku-image .tandoku__point-white {
    background: url(../img/hexagon_frame_pc.svg);
  }
}
@media screen and (max-width: 767.98px) {
  .shitsumon .shinnyusyain-kensyu-course__content .tandoku-image .tandoku__point-box {
    padding-left: 2.4rem;
    display: grid;
    grid-template-columns: 3.4rem 1fr;
  }
}
.shitsumon .shinnyusyain-kensyu-course__content .tandoku-image .tandoku__point-box .card__point {
  position: relative;
  justify-content: center;
}
@media screen and (max-width: 767.98px) {
  .shitsumon .shinnyusyain-kensyu-course__content .tandoku-image .tandoku__point-box .card__point {
    font-size: 10px;
    font-size: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .shitsumon .shinnyusyain-kensyu-course__content .tandoku-image .tandoku__point-box .card__point {
    font-size: 11px;
    font-size: 1.1rem;
    margin-bottom: 2.5rem;
  }
}
@media screen and (max-width: 767.98px) {
  .shitsumon .shinnyusyain-kensyu-course__content .tandoku-image .tandoku__point-box .card__point-number {
    font-size: 20px;
    font-size: 2rem;
    margin-left: 0;
    margin-top: 0.5rem;
  }
}
@media screen and (min-width: 768px) {
  .shitsumon .shinnyusyain-kensyu-course__content .tandoku-image .tandoku__point-box .card__point-number {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
.shitsumon .shinnyusyain-kensyu-course__content .tandoku-image .tandoku__point-box .card__point::before {
  position: absolute;
}
@media screen and (max-width: 767.98px) {
  .shitsumon .shinnyusyain-kensyu-course__content .tandoku-image .tandoku__point-box .card__point::before {
    top: 50%;
    right: -3rem;
    transform: translateY(-50%);
  }
}
@media screen and (min-width: 768px) {
  .shitsumon .shinnyusyain-kensyu-course__content .tandoku-image .tandoku__point-box .card__point::before {
    bottom: -1.5rem;
    left: 50%;
    transform: translateX(-50%);
  }
}
.shitsumon .shinnyusyain-kensyu-course__content .tandoku-image .tandoku__point-box p {
  display: flex;
}
@media screen and (max-width: 767.98px) {
  .shitsumon .shinnyusyain-kensyu-course__content .tandoku-image .tandoku__point-box p {
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .shitsumon .shinnyusyain-kensyu-course__content .tandoku-image .tandoku__point-box p {
    text-align: center;
  }
}
.shitsumon .shinnyusyain-kensyu-course__content .tandoku-image .tandoku__point-box p span {
  font-size: 12px;
  font-size: 1.2rem;
}
@media screen and (max-width: 767.98px) {
  .shitsumon .shinnyusyain-kensyu-course__content .tandoku-image .tandoku__point-box p span {
    text-align: left;
    padding-left: 4rem;
    line-height: 1.8;
  }
}
@media screen and (min-width: 768px) {
  .shitsumon .shinnyusyain-kensyu-course__content .tandoku-image .tandoku__point-box p span {
    text-align: center;
  }
}
.shitsumon .shinnyusyain-kensyu-course__content .tandoku-image #p00 {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.shitsumon .shinnyusyain-kensyu-course__content .tandoku-image #p00 h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}
.shitsumon .shinnyusyain-kensyu-course__content .tandoku-image #p00 h3 .font-nb {
  font-size: 56px;
  font-size: 5.6rem;
  font-family: "Plus Jakarta Sans", sans-serif;
  color: #FF860B;
}
.shitsumon .shinnyusyain-kensyu-course__content .tandoku-image #p00 h3 .font-en {
  font-size: 29px;
  font-size: 2.9rem;
  font-family: "Plus Jakarta Sans", sans-serif;
  text-transform: uppercase;
}
@media screen and (max-width: 767.98px) {
  .shitsumon .shinnyusyain-kensyu-course__content .tandoku-image #p00 h3 .font-en {
    margin-left: 0.2rem;
  }
}
.shitsumon .shinnyusyain-kensyu-course__content .tandoku-image #p01 {
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
.shitsumon .shinnyusyain-kensyu-course__content .tandoku-image #p02 {
  top: 11.8rem;
  right: 0;
}
.shitsumon .shinnyusyain-kensyu-course__content .tandoku-image #p03 {
  bottom: 11.8rem;
  right: 0;
}
.shitsumon .shinnyusyain-kensyu-course__content .tandoku-image #p04 {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
.shitsumon .shinnyusyain-kensyu-course__content .tandoku-image #p05 {
  bottom: 11.8rem;
  left: 0;
}
.shitsumon .shinnyusyain-kensyu-course__content .tandoku-image #p06 {
  top: 11.8rem;
  left: 0;
}
@media screen and (max-width: 767.98px) {
  .shitsumon .shinnyusyain-kensyu-course__content .button-contact {
    margin-top: 2.5rem;
    width: 100%;
  }
  .shitsumon .shinnyusyain-kensyu-course__content .button-arrow {
    margin-top: 1rem;
    width: 100%;
  }
}

.un-learning .small {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: 400;
}
.un-learning .content__header-list {
  width: 100%;
}
@media screen and (max-width: 767.98px) {
  .un-learning .content__header-list {
    margin-top: 2.4rem;
  }
}
@media screen and (min-width: 768px) {
  .un-learning .content__header-list {
    margin-top: 4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .un-learning .content__header-list-item {
    margin-right: 2.1rem;
  }
}
@media screen and (min-width: 768px) {
  .un-learning .content__header-list-item {
    margin-right: 6.5rem;
  }
}
.un-learning .content__header-list-picture {
  display: block;
  overflow: hidden;
  border-radius: 0 3rem 3rem 0;
}
@media screen and (max-width: 767.98px) {
  .un-learning .content__header-list-picture {
    height: 230px;
  }
}
@media screen and (min-width: 768px) {
  .un-learning .content__header-list-picture {
    height: 310px;
  }
}
.un-learning .content__header-list img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767.98px) {
  .un-learning .content__body {
    margin: 6rem 0 8rem;
  }
}
@media screen and (min-width: 768px) {
  .un-learning .content__body {
    margin: 10.5rem 0 12rem;
  }
}
.un-learning-about .h3 {
  line-height: 1;
}
.un-learning-about .font-en {
  font-size: 12px;
  font-size: 1.2rem;
  font-family: "Plus Jakarta Sans", sans-serif;
  text-transform: uppercase;
}
.un-learning-merit {
  display: grid;
}
@media screen and (max-width: 767.98px) {
  .un-learning-merit {
    padding-top: 8rem;
    padding-bottom: 7.2rem;
    grid-template-columns: 1fr;
  }
}
@media screen and (min-width: 768px) {
  .un-learning-merit {
    padding: 8rem 0 12rem;
    grid-template-columns: 1fr 1fr;
    gap: 10.5rem;
  }
}
@media screen and (max-width: 767.98px) {
  .un-learning-merit .merit-detail {
    padding-left: 0;
  }
}
@media screen and (min-width: 768px) {
  .un-learning-merit .merit-detail {
    padding-left: 5.25rem;
  }
}
.un-learning-merit .merit-detail h2 {
  white-space: nowrap;
  font-weight: bold;
}
@media screen and (max-width: 767.98px) {
  .un-learning-merit .merit-detail h2 {
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 2.3;
    margin-bottom: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .un-learning-merit .merit-detail h2 {
    font-size: 35px;
    font-size: 3.5rem;
    line-height: 2.3;
    margin-top: 2rem;
    margin-bottom: 4.5rem;
  }
}
.un-learning-merit .merit-detail h3 {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  position: relative;
}
.un-learning-merit .merit-detail h3::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_410%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20410%22%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2211%22%20transform%3D%22translate(0%202)%22%20fill%3D%22%23ff860b%22%20opacity%3D%220.5%22%2F%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_411%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20411%22%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%226.5%22%20transform%3D%22translate(11)%22%20fill%3D%22%23ff860b%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.4rem;
  height: 2.4rem;
  transform: translateY(8px);
}
.un-learning-merit .merit-detail ul {
  list-style: none;
  margin-top: 1.5rem;
}
.un-learning-merit .merit-detail ul li {
  background: #fff;
  border-radius: 1.1rem;
  padding: 0.6rem 1.5rem 0.6rem;
  line-height: 1.6;
}
@media screen and (max-width: 767.98px) {
  .un-learning-merit .merit-detail ul li {
    font-size: 15px;
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .un-learning-merit .merit-detail ul li {
    margin-bottom: 0.5rem;
  }
}
.un-learning-merit .merit-detail .merit-strong--bk {
  color: #fff;
  background: #2B2F3C;
  border-radius: 5rem;
  margin-right: 1rem;
}
@media screen and (max-width: 767.98px) {
  .un-learning-merit .merit-detail .merit-strong--bk {
    padding: 0.4rem 1.5rem 0.8rem;
  }
}
@media screen and (min-width: 768px) {
  .un-learning-merit .merit-detail .merit-strong--bk {
    padding: 0.6rem 2.2rem 1rem;
  }
}
.un-learning-merit .merit-detail .merit-strong--gr {
  color: #fff;
  background: linear-gradient(-95deg, #ff6310 0%, #ffac4b 100%);
  border-radius: 5rem;
  margin-right: 0.6rem;
}
@media screen and (max-width: 767.98px) {
  .un-learning-merit .merit-detail .merit-strong--gr {
    padding: 0.4rem 1.5rem 0.8rem;
  }
}
@media screen and (min-width: 768px) {
  .un-learning-merit .merit-detail .merit-strong--gr {
    padding: 0.6rem 2.2rem 1rem;
  }
}
@media screen and (max-width: 767.98px) {
  .un-learning-merit .merit-image {
    padding-right: 0;
    padding-bottom: 4rem;
  }
}
@media screen and (min-width: 768px) {
  .un-learning-merit .merit-image {
    padding-right: 5.25rem;
  }
}
.un-learning-merit .merit-image_inner {
  overflow: hidden;
}
@media screen and (max-width: 767.98px) {
  .un-learning-merit .merit-image_inner {
    width: 33.4rem;
    aspect-ratio: 334/220;
    border-radius: 8rem;
  }
}
@media screen and (min-width: 768px) {
  .un-learning-merit .merit-image_inner {
    width: 38rem;
    aspect-ratio: 380/250;
    border-radius: 10rem;
  }
}
.un-learning-merit .merit-image_inner:last-child {
  margin-top: 2rem;
  margin-left: auto;
}
.un-learning .kaisou-kensyu-content__box {
  margin-top: 4rem;
  gap: 0;
  border-radius: 1rem 7.4rem 1rem 7.4rem;
}
@media screen and (max-width: 767.98px) {
  .un-learning .kaisou-kensyu-content__box-image {
    width: 100%;
    aspect-ratio: 334/188;
  }
}
@media screen and (min-width: 768px) {
  .un-learning .kaisou-kensyu-content__box-image {
    width: 41.5rem;
    height: 25rem;
    aspect-ratio: 415/250;
  }
}
@media screen and (max-width: 767.98px) {
  .un-learning .kaisou-kensyu-content__box-image picture {
    border-radius: 1rem 7.4rem 0 0;
  }
}
@media screen and (min-width: 768px) {
  .un-learning .kaisou-kensyu-content__box-image picture {
    border-radius: 1rem 7.4rem 1rem 7.4rem;
  }
}
.un-learning .kaisou-kensyu-content__box-title {
  justify-content: center;
}
@media screen and (max-width: 767.98px) {
  .un-learning .kaisou-kensyu-content__box-title {
    padding: 4rem 3rem;
  }
}
@media screen and (min-width: 768px) {
  .un-learning .kaisou-kensyu-content__box-title {
    padding: 0 4rem;
  }
}
.un-learning-program .h3 {
  text-align: center;
  line-height: 1.35;
}
.un-learning-program__section {
  background: #fff;
  border-radius: 3rem;
}
@media screen and (max-width: 767.98px) {
  .un-learning-program__section {
    padding: 4rem 2rem;
    margin-bottom: 3rem;
  }
  .un-learning-program__section#s02 .program__section-box {
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .un-learning-program__section {
    padding: 5rem;
    margin-bottom: 2rem;
  }
}
@media screen and (max-width: 767.98px) {
  .un-learning-program__section .program__section-box {
    display: flex;
    flex-direction: column-reverse;
  }
}
@media screen and (min-width: 768px) {
  .un-learning-program__section .program__section-box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
  }
}
@media screen and (max-width: 767.98px) {
  .un-learning-program__section .program__detail-box {
    padding-top: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .un-learning-program__section .program__detail-box {
    padding-top: 2rem;
    padding-left: 2rem;
  }
}
.un-learning-program__section .program__detail-box h3 {
  font-weight: bold;
  margin-bottom: 2rem;
}
@media screen and (max-width: 767.98px) {
  .un-learning-program__section .program__detail-box h3 {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .un-learning-program__section .program__detail-box h3 {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media screen and (min-width: 768px) {
  .un-learning-program__section .program__detail-box p {
    padding-right: 2rem;
  }
}
.un-learning-program__section .program__detail-box ul {
  margin-top: 3rem;
}
@media screen and (max-width: 767.98px) {
  .un-learning-program__section .program__work {
    padding-top: 3rem;
  }
  .un-learning-program__section .program__work:first-of-type {
    padding: 0;
  }
}
.un-learning-program__section .program__work .program__image {
  margin-bottom: 0.5rem;
}
@media screen and (max-width: 767.98px) {
  .un-learning-program__section .program__work-box {
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  .un-learning-program__section .program__work-box {
    padding: 0 2rem;
  }
}
.un-learning-program__section .program__work-box h4 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #FF860B;
  position: relative;
  display: flex;
  margin-bottom: 1.3rem;
}
.un-learning-program__section .program__work-box h4::before {
  content: "";
  display: block;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_410%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20410%22%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2211%22%20transform%3D%22translate(0%202)%22%20fill%3D%22%23ff860b%22%20opacity%3D%220.5%22%2F%3E%20%3Ccircle%20id%3D%22%E6%A5%95%E5%86%86%E5%BD%A2_411%22%20data-name%3D%22%E6%A5%95%E5%86%86%E5%BD%A2%20411%22%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%226.5%22%20transform%3D%22translate(11)%22%20fill%3D%22%23ff860b%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  width: 2.4rem;
  height: 2.4rem;
  margin-right: 1.2rem;
  transform: translateY(6px);
}
@media screen and (max-width: 767.98px) {
  .un-learning-program__section .program__image {
    width: 100%;
    min-width: 29.5rem;
    aspect-ratio: 295/173;
    margin-bottom: 2.5rem;
  }
}
@media screen and (min-width: 768px) {
  .un-learning-program__section .program__image {
    width: 48rem;
    height: 28rem;
    aspect-ratio: 480/280;
  }
}
.un-learning-program__section .program__image picture {
  display: block;
  overflow: hidden;
}
@media screen and (max-width: 767.98px) {
  .un-learning-program__section .program__image picture {
    border-radius: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .un-learning-program__section .program__image picture {
    border-radius: 3rem;
  }
}
.un-learning-program__section .program__image picture img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767.98px) {
  .un-learning .shinnyusyain-kensyu-course__content-header {
    width: 100%;
    margin-bottom: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .un-learning .shinnyusyain-kensyu-course__content-header {
    width: 37.5rem;
  }
}
.un-learning .shinnyusyain-kensyu-course__content-header .button {
  margin-top: 4rem;
  width: 100%;
}
.un-learning .shinnyusyain-kensyu-schedule__content .button {
  margin-top: 4rem;
  width: 100%;
}
.un-learning__common {
  background: none;
  border-radius: unset !important;
}
@media screen and (max-width: 767.98px) {
  .un-learning__common {
    margin-top: 8rem !important;
    margin-bottom: 4rem !important;
  }
}
@media screen and (min-width: 768px) {
  .un-learning__common {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important;
  }
}
.un-learning__common--image {
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767.98px) {
  .un-learning__common--image {
    width: 100% !important;
    min-width: 33.5rem;
    aspect-ratio: 335/188;
    border-radius: 1rem;
  }
}
@media screen and (min-width: 768px) {
  .un-learning__common--image {
    width: 26.3rem !important;
    height: 26.3rem !important;
    border-radius: 3.4rem;
  }
}
.un-learning__common--detail {
  justify-content: flex-start !important;
}
.un-learning__common--detail .heading-icon--center {
  justify-content: flex-start;
}
.un-learning__common--detail .button {
  margin-top: 4rem;
}
@media screen and (max-width: 767.98px) {
  .un-learning__common--detail .button {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .un-learning__common--detail .button {
    width: 28.5rem;
  }
}
.un-learning .voice-about {
  margin-bottom: 4rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.un-learning .voice-about .h2 {
  margin-bottom: 0;
}
.un-learning .voice-about span {
  text-align: center;
}
.un-learning .voice-group .voice-list__item--men1::before {
  background-image: url(../img/unlearning_voice_01.svg);
}
.un-learning .voice-group .voice-list__item--women1::before {
  background-image: url(../img/unlearning_voice_02.svg);
}
.un-learning .voice-group .voice-list__item--women2::before {
  background-image: url(../img/unlearning_voice_03.svg);
}
.un-learning .voice-group .voice-list__item--men2::before {
  background-image: url(../img/unlearning_voice_04.svg);
}
.un-learning .voice-group .voice-list__item--women3::before {
  background-image: url(../img/unlearning_voice_05.svg);
}
.un-learning .voice-group .voice-list__item--women4::before {
  background-image: url(../img/unlearning_voice_06.svg);
}
@media screen and (max-width: 767.98px) {
  .un-learning .voice-list__item {
    padding-top: 7.5rem;
  }
}
@media screen and (min-width: 768px) {
  .un-learning .voice-list__item {
    padding-top: 13.8rem;
  }
}
.un-learning .heading-icon--case::before {
  background-image: url(../img/icon_case.svg);
  width: 4.5rem;
  height: 4.8rem;
  transform: translateY(6px);
  margin-right: 2rem;
}
@media screen and (max-width: 767.98px) {
  .un-learning-case .program__section-box {
    flex-direction: column;
  }
}
.un-learning-case .definition-table {
  padding: 0;
}
@media screen and (max-width: 767.98px) {
  .un-learning-case .definition-table:last-child {
    margin-top: 3rem;
  }
}
.un-learning-case .definition-table__header {
  min-width: unset;
}
@media screen and (max-width: 767.98px) {
  .un-learning-case .definition-table__header {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 768px) {
  .un-learning-case .definition-table__header {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 767.98px) {
  .un-learning-case .program__content {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 767.98px) {
  .un-learning-case .program__content dl {
    margin-bottom: 3rem;
  }
  .un-learning-case .program__content dl:last-child {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .un-learning-case .program__content dl {
    margin-bottom: 2rem;
  }
  .un-learning-case .program__content dl:last-child {
    margin-bottom: 0;
  }
}
.un-learning-case .program__content dt {
  background: #2B2F3C;
  color: #fff;
  font-weight: bold;
  display: flex;
}
@media screen and (max-width: 767.98px) {
  .un-learning-case .program__content dt {
    font-size: 14px;
    font-size: 1.4rem;
    border-radius: 2rem;
    flex-direction: column;
    padding: 1.5rem 2rem;
  }
}
@media screen and (min-width: 768px) {
  .un-learning-case .program__content dt {
    font-size: 18px;
    font-size: 1.8rem;
    border-radius: 3rem;
    align-items: center;
    padding: 1rem 3rem;
  }
}
.un-learning-case .program__content dt span {
  position: relative;
}
@media screen and (max-width: 767.98px) {
  .un-learning-case .program__content dt span {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media screen and (min-width: 768px) {
  .un-learning-case .program__content dt span {
    margin-left: 6rem;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .un-learning-case .program__content dt span::before {
    content: "";
    width: 1px;
    left: 0;
    height: calc(100% - 8px);
    top: 6px;
    left: -3rem;
    background-color: #E0E0E0;
    position: absolute;
  }
}
@media screen and (max-width: 767.98px) {
  .un-learning-case .program__content dd {
    padding: 2rem 1rem 0 1rem;
  }
}
@media screen and (min-width: 768px) {
  .un-learning-case .program__content dd {
    padding: 1.5rem 3rem 0 3rem;
  }
}
.un-learning-course {
  margin-top: 12rem;
}
@media screen and (max-width: 767.98px) {
  .un-learning-course .button-group {
    margin-top: 4rem;
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .un-learning-course .button-group {
    margin-top: 8rem;
  }
}
@media screen and (max-width: 767.98px) {
  .un-learning-course .button {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .un-learning-course .button {
    width: 37.5rem;
  }
}

.text-slideup__mask {
  display: block;
  overflow: hidden;
  color: transparent;
  line-height: 1.5;
}
.text-slideup__text {
  text-shadow: 0 1.5em 0 currentColor;
  transition: transform 0.32s ease-in-out;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .text-slideup:hover .text-slideup__text {
    transform: translateY(-1.5em);
  }
}

.button-change > * {
  z-index: 2;
}
.button-change::before {
  z-index: 2;
}
.button-change::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  border-radius: 0 0 7.4rem 1rem;
  transition: opacity 0.32s ease-in-out;
  background: linear-gradient(90deg, #3D3833 0%, #111111 100%);
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .button-change:hover::after {
    opacity: 1;
  }
}/*# sourceMappingURL=app.css.map */