@charset "UTF-8";
/*! destyle.css v3.0.0 | 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*/
}

/* 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 (enumeration) */
/* ============================================ */
ul,
ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* 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] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; /* 2 */
}

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

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

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

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* 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 */
  -moz-appearance: none;
  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;
  -moz-appearance: checkbox;
  appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  -moz-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 */
}

caption {
  text-align: left;
}

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

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

/* Base
   ----------------------------------------------------------------- */
/**
 * Body
 */
body {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  font-style: normal;
  text-align: justify;
  line-height: 2;
}
body.open {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  body main {
    padding-bottom: 100px;
    margin-top: 135px;
  }
}
@media screen and (max-width: 767px) {
  body main {
    padding-bottom: 50px;
    margin-top: 72px;
  }
}
body img {
  display: block;
  max-width: 100%;
}
body .en {
  font-family: "Battambang", cursive;
}
@media screen and (max-width: 767px) {
  body .pc {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  body .sp {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  header {
    display: block;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    transition: 0.3s ease background-color;
  }
  header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 40px;
    margin: 0 auto;
  }
  header.animation-play {
    background-color: transparent;
  }
  header.animation-play.on-intro2 .header__logo .logo-pink {
    opacity: 1;
  }
  header.animation-play.on-intro2 .header__logo .logo-white {
    opacity: 0;
  }
  header.animation-play.on-intro2 .header__btns__btn a {
    color: #F12C68;
    background-color: #fff;
    border-color: #F12C68;
  }
  header.animation-play.on-intro2 .header__btns__btn a:hover {
    color: #fff;
    background-color: #F12C68;
  }
  header.animation-play.isHidden {
    pointer-events: none;
  }
  header.animation-play .header__logo .logo-pink {
    opacity: 0;
  }
  header.animation-play .header__logo .logo-white {
    opacity: 1;
  }
  header.animation-play .header__btns__btn a {
    color: #fff;
    background-color: #F12C68;
    border-color: #fff;
  }
  header.animation-play .header__btns__btn a:hover {
    color: #F12C68;
    background-color: #fff;
  }
  header.open {
    background-color: transparent !important;
  }
  header.open .header__logo .logo-pink {
    opacity: 0 !important;
  }
  header.open .header__logo .logo-white {
    opacity: 1 !important;
  }
  header.open .header__btns__btn a {
    color: #fff !important;
    background-color: #F12C68 !important;
    border-color: #fff !important;
  }
  header.open .header__btns__btn a:hover {
    color: #F12C68 !important;
    background-color: #fff !important;
  }
  header .header__logo {
    width: 260px;
    height: 55px;
    position: relative;
    transition: 0.3s ease opacity;
  }
  header .header__logo:hover {
    opacity: 0.7;
  }
  header .header__logo img {
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.3s ease opacity;
  }
  header .header__logo .logo-pink {
    opacity: 1;
  }
  header .header__logo .logo-white {
    opacity: 0;
  }
  header .header__btns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  header .header__btns__btn {
    display: inline-block;
  }
  header .header__btns__btn a {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #F12C68;
    padding: 4px 78px;
    border: 1px solid #F12C68;
    border-radius: 25px;
    transition: 0.3s ease background-color;
  }
  header .header__btns__btn a:hover {
    color: #F12C68;
    background-color: #fff;
  }
  header .header__btns__btn a p {
    font-size: 22px;
    line-height: 1.8181818182;
    letter-spacing: 0.05em;
    display: inline-block;
  }
  header .header__btns__hamburger {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-color: #fff;
    border-radius: 50%;
    margin-left: 20px;
    position: relative;
    cursor: pointer;
  }
  header .header__btns__hamburger:hover span:nth-child(1) {
    transform: translateY(2px);
  }
  header .header__btns__hamburger:hover span:nth-child(3) {
    transform: translateY(-2px);
  }
  header .header__btns__hamburger.open span:nth-child(1) {
    top: calc(50% - 1px);
    transform: rotate(-135deg) scale(1.1428571429, 1);
  }
  header .header__btns__hamburger.open span:nth-child(2) {
    transform: scale(0, 1);
  }
  header .header__btns__hamburger.open span:nth-child(3) {
    top: calc(50% - 1px);
    transform: rotate(135deg) scale(1.1428571429, 1);
  }
  header .header__btns__hamburger span {
    display: inline-block;
    width: 28px;
    height: 2px;
    background-color: #F12C68;
    position: absolute;
    left: calc(50% - 14px);
    transition: 0.3s ease transform;
  }
  header .header__btns__hamburger span:nth-child(1) {
    top: calc(50% - 9px);
  }
  header .header__btns__hamburger span:nth-child(2) {
    top: calc(50% - 1px);
  }
  header .header__btns__hamburger span:nth-child(3) {
    top: calc(50% + 7px);
  }
  #gnav {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #F12C68;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease opacity, 0s 0.3s ease visibility;
  }
  #gnav.open {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
  }
  #gnav .container {
    width: 100%;
    max-width: 1440px;
    height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: auto;
  }
  #gnav .gnav__bg {
    width: 100%;
    height: 84.5%;
    position: absolute;
    left: 0;
    bottom: 2.5%;
    z-index: -1;
  }
  #gnav .gnav__bg img {
    width: 126.8055555556%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  #gnav .gnav__wrapper {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 100%;
    min-height: 100%;
    padding: 12.1527777778% 12.5%;
  }
  #gnav .gnav__block {
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 4.1666666667%;
  }
  #gnav .gnav__list:nth-child(n+2) {
    margin-left: 22.2222222222%;
  }
  #gnav .gnav__list a {
    transition: 0.3s ease opacity;
  }
  #gnav .gnav__list a:hover {
    opacity: 0.5;
  }
  #gnav .gnav__list__item:nth-child(n+2) {
    margin-top: 50px;
  }
  #gnav .gnav__list__item p {
    font-size: 48px;
    line-height: 1;
    letter-spacing: normal;
    margin-bottom: 8px;
  }
  #gnav .gnav__list__item span {
    font-size: 13px;
    line-height: 1.4615384615;
    letter-spacing: 0.05em;
    font-weight: bold;
    display: block;
  }
  #gnav .gnav__list__other {
    margin-top: 50px;
  }
  #gnav .gnav__list__other a {
    font-size: 16px;
    line-height: 1.5625;
    letter-spacing: 0.05em;
    font-weight: bold;
    display: block;
    padding: 24px 20px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: relative;
  }
  #gnav .gnav__list__other a::after {
    content: "";
    display: block;
    width: 8px;
    height: 15px;
    background: url(../img/common/arrow_link_white.svg) center/contain no-repeat;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
  }
  #gnav .gnav__baners {
    width: 100%;
  }
  #gnav .gnav__baners ul {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
  }
  #gnav .gnav__baners ul li {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    margin-right: 20px;
    margin-bottom: 10px;
  }
  #gnav .gnav__baners a {
    display: inline-block;
    transition: 0.3s ease opacity;
  }
  #gnav .gnav__baners a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  header {
    display: block;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    transition: 0.3s ease background-color;
  }
  header .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 20px 15px 20px 20px;
    margin: 0 auto;
  }
  header.animation-play {
    background-color: transparent;
  }
  header.animation-play.on-intro2 .header__logo .logo-pink {
    opacity: 1;
  }
  header.animation-play.on-intro2 .header__logo .logo-white {
    opacity: 0;
  }
  header.animation-play.on-intro2 .header__btns__btn a {
    color: #F12C68;
    background-color: #fff;
    border-color: #F12C68;
  }
  header.animation-play.on-intro2 .header__btns__btn a:hover {
    color: #fff;
    background-color: #F12C68;
  }
  header.animation-play.isHidden {
    pointer-events: none;
  }
  header.animation-play .header__logo .logo-pink {
    opacity: 0;
  }
  header.animation-play .header__logo .logo-white {
    opacity: 1;
  }
  header.animation-play .header__btns__btn a {
    color: #fff;
    background-color: #F12C68;
    border-color: #fff;
  }
  header.animation-play .header__btns__btn a:hover {
    color: #F12C68;
    background-color: #fff;
  }
  header.open {
    background-color: #F12C68 !important;
  }
  header.open .header__logo .logo-pink {
    opacity: 0 !important;
  }
  header.open .header__logo .logo-white {
    opacity: 1 !important;
  }
  header.open .header__btns__btn a {
    color: #fff !important;
    background-color: #F12C68 !important;
    border-color: #fff !important;
  }
  header.open .header__btns__btn a:hover {
    color: #F12C68 !important;
    background-color: #fff !important;
  }
  header .header__logo {
    width: 150px;
    height: 31px;
    position: relative;
    transition: 0.3s ease opacity;
  }
  header .header__logo:hover {
    opacity: 0.7;
  }
  header .header__logo img {
    position: absolute;
    top: 0;
    left: 0;
    transition: 0.3s ease opacity;
  }
  header .header__logo .logo-pink {
    opacity: 1;
  }
  header .header__logo .logo-white {
    opacity: 0;
  }
  header .header__btns {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  header .header__btns__btn {
    display: inline-block;
  }
  header .header__btns__btn a {
    color: #fff;
    display: inline-block;
    background-color: #F12C68;
    padding: 3px 40px;
    border: 1px solid #F12C68;
    border-radius: 20px;
    transition: 0.3s ease background-color;
  }
  header .header__btns__btn a:hover {
    color: #F12C68;
    background-color: #fff;
  }
  header .header__btns__btn a p {
    font-size: 14px;
    line-height: 1.7142857143;
    letter-spacing: normal;
    display: inline-block;
  }
  header .header__btns__hamburger {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: #fff;
    border-radius: 50%;
    margin-left: 8px;
    position: relative;
    cursor: pointer;
  }
  header .header__btns__hamburger.open span:nth-child(1) {
    top: calc(50% - 1px);
    transform: rotate(-135deg) scale(1.1428571429, 1);
  }
  header .header__btns__hamburger.open span:nth-child(2) {
    transform: scale(0, 1);
  }
  header .header__btns__hamburger.open span:nth-child(3) {
    top: calc(50% - 1px);
    transform: rotate(135deg) scale(1.1428571429, 1);
  }
  header .header__btns__hamburger span {
    display: inline-block;
    width: 18px;
    height: 1.2px;
    background-color: #F12C68;
    position: absolute;
    left: calc(50% - 9px);
    transition: 0.3s ease transform, 0.3s ease top;
  }
  header .header__btns__hamburger span:nth-child(1) {
    top: calc(50% - 7px);
  }
  header .header__btns__hamburger span:nth-child(2) {
    top: calc(50% - 1px);
  }
  header .header__btns__hamburger span:nth-child(3) {
    top: calc(50% + 5px);
  }
  #gnav {
    display: block;
    width: 100%;
    height: 100%;
    background-color: #F12C68;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease opacity, 0s 0.3s ease visibility;
  }
  #gnav.open {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
  }
  #gnav .container {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: auto;
  }
  #gnav .gnav__bg {
    width: 100%;
    padding-top: 198.6666666667%;
    position: absolute;
    left: 50%;
    top: 88px;
    transform: translateX(-50%);
    overflow: hidden;
    z-index: -1;
  }
  #gnav .gnav__bg img {
    width: 170.6666666667%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  #gnav .gnav__wrapper {
    padding: 96px 10.6666666667% 80px;
  }
  #gnav .gnav__block {
    color: #fff;
    width: 100%;
    margin-bottom: 60px;
  }
  #gnav .gnav__list:nth-child(n+2) {
    margin-top: 35px;
  }
  #gnav .gnav__list__item:nth-child(n+2) {
    margin-top: 35px;
  }
  #gnav .gnav__list__item p {
    font-size: 26px;
    line-height: 1;
    letter-spacing: normal;
    margin-bottom: 8px;
  }
  #gnav .gnav__list__item span {
    font-size: 11px;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: bold;
    display: block;
  }
  #gnav .gnav__list__other {
    margin-top: 35px;
  }
  #gnav .gnav__list__other a {
    font-size: 14px;
    line-height: 1.4285714286;
    letter-spacing: 0.05em;
    font-weight: bold;
    display: block;
    padding: 20px 0;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: relative;
  }
  #gnav .gnav__list__other a::after {
    content: "";
    display: block;
    width: 8px;
    height: 15px;
    background: url(../img/common/arrow_link_white.svg) center/contain no-repeat;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
  }
  #gnav .gnav__baners {
    width: 100%;
  }
  #gnav .gnav__baners li {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    align-content: flex-start;
    width: 100%;
  }
  #gnav .gnav__baners li:nth-child(n+2) {
    margin-top: 10px;
  }
  #gnav .gnav__baners li a {
    display: inline-block;
    max-width: 100%;
  }
}
@media screen and (min-width: 768px) {
  footer {
    padding: 60px 0;
  }
  footer .container {
    max-width: 1440px;
    margin: 0 auto;
  }
  footer .footer__btns {
    padding: 0 120px;
    margin-bottom: 120px;
  }
  footer .footer__btns__btn {
    color: #fff;
    width: 100%;
  }
  footer .footer__btns__btn:hover a {
    color: #F12C68;
    background-color: #fff;
  }
  footer .footer__btns__btn:hover a::before {
    background-color: #F12C68;
  }
  footer .footer__btns__btn:hover a::after {
    background-image: url(../img/common/arrow_link_white.svg);
  }
  footer .footer__btns__btn a {
    text-align: center;
    display: block;
    width: 100%;
    padding: 31px 0 12px;
    background-color: #F12C68;
    border: 1px solid #F12C68;
    border-radius: 70px;
    overflow: hidden;
    position: relative;
    transition: 0.3s ease background-color;
  }
  footer .footer__btns__btn a::before {
    content: "";
    display: inline-block;
    width: 54px;
    height: 54px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
  }
  footer .footer__btns__btn a::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 13px;
    background: center/contain no-repeat;
    background-image: url(../img/common/arrow_link_pink.svg);
    position: absolute;
    top: 50%;
    right: 63.5px;
    transform: translateY(-50%);
  }
  footer .footer__btns__btn span {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
  footer .footer__btns__btn p {
    font-size: 42px;
    line-height: 1.8095238095;
    letter-spacing: normal;
    margin-top: -0.1904761905em;
  }
  footer .footer__section {
    padding: 0 120px;
  }
  footer .footer__logo {
    width: 300px;
    transition: 0.3s ease opacity;
  }
  footer .footer__logo:hover {
    opacity: 0.7;
  }
  footer .footer__baner {
    width: 195px;
    transition: 0.3s ease opacity;
  }
  footer .footer__baner:hover {
    opacity: 0.7;
  }
  footer .footer__block {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  footer .footer__block + .footer__block {
    margin-top: 30px;
  }
  footer .footer__block__links {
    font-size: 12px;
    line-height: 1.4166666667;
    letter-spacing: normal;
  }
  footer .footer__block__links ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  footer .footer__block__links ul li:nth-child(n+2) {
    margin-left: 25px;
  }
  footer .footer__block__links ul li a {
    transition: 0.3s ease opacity;
  }
  footer .footer__block__links ul li a:hover {
    opacity: 0.5;
  }
  footer .footer__block__copy {
    font-size: 11px;
    line-height: 1.4545454545;
    letter-spacing: normal;
    color: #999;
  }
  footer .footer__copy {
    font-size: 11px;
    line-height: 1.4545454545;
    letter-spacing: normal;
    text-align: center;
    color: #999;
  }
}
@media screen and (max-width: 767px) {
  footer {
    padding: 30px 0;
  }
  footer .container {
    margin: 0 auto;
  }
  footer .footer__btns {
    padding: 0 20px;
    margin-bottom: 100px;
  }
  footer .footer__btns__btn {
    color: #fff;
    width: 100%;
  }
  footer .footer__btns__btn:hover a {
    color: #F12C68;
    background-color: #fff;
  }
  footer .footer__btns__btn:hover a::before {
    background-color: #F12C68;
  }
  footer .footer__btns__btn:hover a::after {
    background-image: url(../img/common/arrow_link_white.svg);
  }
  footer .footer__btns__btn a {
    text-align: center;
    display: block;
    width: 100%;
    padding: 15px 0 3px;
    background-color: #F12C68;
    border: 1px solid #F12C68;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    transition: 0.3s ease background-color;
  }
  footer .footer__btns__btn a::before {
    content: "";
    display: inline-block;
    width: 48px;
    height: 48px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
  }
  footer .footer__btns__btn a::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 12px;
    background: center/contain no-repeat;
    background-image: url(../img/common/arrow_link_pink.svg);
    position: absolute;
    top: 50%;
    right: 40.25px;
    transform: translateY(-50%);
  }
  footer .footer__btns__btn span {
    font-size: 13px;
    line-height: 1.4615384615;
    letter-spacing: 0.1em;
  }
  footer .footer__btns__btn p {
    font-size: 32px;
    line-height: 1.8125;
    letter-spacing: normal;
    margin-top: -0.4375em;
  }
  footer .footer__section {
    padding: 0 40px;
  }
  footer .footer__logo {
    width: 250px;
    margin-bottom: 25px;
    transition: 0.3s ease opacity;
  }
  footer .footer__logo:hover {
    opacity: 0.7;
  }
  footer .footer__baner {
    margin-bottom: 40px;
  }
  footer .footer__baner a {
    display: inline-block;
  }
  footer .footer__block__links {
    font-size: 12px;
    line-height: 1.4166666667;
    letter-spacing: normal;
  }
  footer .footer__block__links ul {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
  footer .footer__block__links ul li {
    margin: 0 20px 15px 0;
  }
  footer .footer__block__copy {
    font-size: 11px;
    line-height: 1.4545454545;
    letter-spacing: normal;
    color: #999;
  }
  footer .footer__copy {
    font-size: 11px;
    line-height: 1.4545454545;
    letter-spacing: normal;
    text-align: center;
    color: #999;
  }
}
@media screen and (min-width: 768px) {
  #top {
    min-width: 1200px;
  }
  #top main {
    margin-top: 0;
    padding-bottom: 40px;
  }
  #top #kv {
    padding: 120px 0 129px;
    position: relative;
    overflow: hidden;
  }
  #top #kv .container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
  }
  #top #kv .kv__bg {
    width: 100%;
    height: 100%;
    max-width: 1440px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
  #top #kv .kv__bg img {
    max-width: none;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  #top #kv .kv__text {
    width: 18.0555555556%;
    margin: 0 auto;
  }
  #top #kv .kv__text img {
    width: 100%;
  }
  #top #links {
    margin-bottom: 65px;
  }
  #top #links .container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
  }
  #top #links .links__list {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    padding: 0 12.5%;
  }
  #top #links .links__list + .links__list {
    margin-top: 90px;
  }
  #top #links .links__list__item {
    width: 50%;
    padding: 0 2.7777777778%;
    border-left: 1px solid #F12C68;
  }
  #top #links .links__list__item:nth-child(n+2) {
    border-right: 1px solid #F12C68;
  }
  #top #links .links__list__item a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 36px 0 91px;
    border-radius: 20px;
    background-color: transparent;
    position: relative;
    transition: 0.3s ease background-color;
  }
  #top #links .links__list__item a:hover {
    background-color: #FEF4F7;
  }
  #top #links .links__list__item a:hover::before {
    background-color: #fff;
  }
  #top #links .links__list__item a:hover::after {
    background-image: url(../img/common/arrow_link_pink.svg);
  }
  #top #links .links__list__item a::before {
    content: "";
    display: block;
    width: 54px;
    height: 54px;
    border: 1px solid #F12C68;
    background-color: #F12C68;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    transition: 0.3s ease background-color;
  }
  #top #links .links__list__item a::after {
    content: "";
    display: block;
    width: 7px;
    height: 13px;
    background: url(../img/common/arrow_link_white.svg) center/contain no-repeat;
    position: absolute;
    left: 50%;
    bottom: 40px;
    transform: translateX(-50%);
  }
  #top #links .links__list__item p {
    font-size: 52px;
    line-height: 1.1;
    letter-spacing: normal;
    text-align: center;
    padding: 8.4px 0;
    margin-bottom: 3px;
  }
  #top #links .links__list__item span {
    font-size: 18px;
    line-height: 1.4444444444;
    letter-spacing: 0.05em;
    color: #F12C68;
    font-weight: bold;
    text-align: center;
    display: block;
  }
  #top #links .links__list__item--high-school a {
    padding-top: 0;
  }
  #top #links .links__list__item--high-school a p {
    font-size: 48px;
    line-height: 1.083;
  }
  #top #others .container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
  }
  #top #others .others__list {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 21.1805555556%;
  }
  #top #others .others__list__item {
    width: 48.1927710843%;
    padding-top: 35px;
    position: relative;
  }
  #top #others .others__list__item:nth-child(n+2) {
    margin-left: 3.6144578313%;
  }
  #top #others .others__list__item__btn {
    width: 100%;
    margin-bottom: 21px;
    position: relative;
  }
  #top #others .others__list__item__btn.hidden::before {
    content: "【特設ページ 近日公開】";
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #999;
    font-weight: bold;
    text-align: center;
    width: 100%;
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
  }
  #top #others .others__list__item__btn.hidden a {
    color: #ccc;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    pointer-events: none;
  }
  #top #others .others__list__item__btn.hidden a::before {
    background-image: url(../img/common/arrow_link_gray.svg);
  }
  #top #others .others__list__item__btn:not(.hidden) a:hover {
    color: #fff;
    background-color: #F12C68;
  }
  #top #others .others__list__item__btn:not(.hidden) a:hover::before {
    background-image: url(../img/common/arrow_link_white.svg);
  }
  #top #others .others__list__item__btn a {
    display: block;
    font-size: 16px;
    line-height: 1.625;
    letter-spacing: 0.05625em;
    text-align: center;
    color: #F12C68;
    font-weight: bold;
    padding: 36px 30px;
    border: 1px solid #F12C68;
    border-radius: 20px;
    transition: 0.3s ease background-color;
  }
  #top #others .others__list__item__btn a::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 13px;
    background: url(../img/common/arrow_link_pink.svg) center/contain no-repeat;
    position: absolute;
    top: 50%;
    right: 23.5px;
    transform: translateY(-50%);
  }
  #top #others .others__list__item__caption {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #F12C68;
    text-align: center;
    font-weight: bold;
  }
  #top #others .others__list__item__caption a {
    display: inline-block;
    padding-bottom: 8px;
    position: relative;
  }
  #top #others .others__list__item__caption a:hover::after {
    transform: scale(0, 1);
  }
  #top #others .others__list__item__caption a::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #F12C68;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: 0.3s ease transform;
  }
}
@media screen and (max-width: 767px) {
  #top main {
    margin-top: 0;
    padding-bottom: 50px;
  }
  #top #kv {
    padding: 140px 0 80px;
    margin-bottom: 24px;
    position: relative;
    overflow: hidden;
  }
  #top #kv .kv__bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
  #top #kv .kv__bg img {
    max-width: none;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  #top #kv .kv__text {
    width: 44.8%;
    margin: 0 auto;
  }
  #top #kv .kv__text img {
    width: 100%;
  }
  #top #links {
    margin-bottom: 80px;
  }
  #top #links .container {
    width: 100%;
    margin: 0 auto;
  }
  #top #links .links__list {
    padding: 0 8%;
  }
  #top #links .links__list:last-child .links__list__item:last-child {
    border-bottom: 1px solid #F12C68;
  }
  #top #links .links__list__item {
    width: 100%;
    padding: 3.1746031746% 0;
    border-top: 1px solid #F12C68;
  }
  #top #links .links__list__item a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 5.7142857143% 0 25.3968253968%;
    border-radius: 20px;
    background-color: transparent;
    position: relative;
    transition: 0.3s ease background-color;
  }
  #top #links .links__list__item a:hover {
    background-color: #FEF4F7;
  }
  #top #links .links__list__item a:hover::before {
    background-color: #fff;
  }
  #top #links .links__list__item a:hover::after {
    background-image: url(../img/common/arrow_link_pink.svg);
  }
  #top #links .links__list__item a::before {
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    border: 1px solid #F12C68;
    background-color: #F12C68;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    bottom: 15px;
    transform: translateX(-50%);
    transition: 0.3s ease background-color;
  }
  #top #links .links__list__item a::after {
    content: "";
    display: block;
    width: 7px;
    height: 13px;
    background: url(../img/common/arrow_link_white.svg) center/contain no-repeat;
    position: absolute;
    left: 50%;
    bottom: 30.5px;
    transform: translateX(-50%);
  }
  #top #links .links__list__item p {
    font-size: 40px;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    margin-bottom: 24px;
  }
  #top #links .links__list__item span {
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.05em;
    color: #F12C68;
    font-weight: bold;
    text-align: center;
    display: block;
  }
  #top #others .container {
    width: 100%;
    margin: 0 auto;
  }
  #top #others .others__list {
    padding: 0 8%;
  }
  #top #others .others__list__item {
    width: 100%;
  }
  #top #others .others__list__item:nth-child(n+2) {
    margin-top: 12.6984126984%;
  }
  #top #others .others__list__item__btn {
    width: 100%;
    position: relative;
  }
  #top #others .others__list__item__btn.hidden {
    padding-top: 32px;
  }
  #top #others .others__list__item__btn.hidden::before {
    content: "【特設ページ 近日公開】";
    font-size: 14px;
    line-height: 1.4285714286;
    letter-spacing: 0.05em;
    color: #999;
    font-weight: bold;
    text-align: center;
    width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  #top #others .others__list__item__btn.hidden a {
    color: #ccc;
    background-color: #f5f5f5;
    border-color: #f5f5f5;
    pointer-events: none;
  }
  #top #others .others__list__item__btn.hidden a::before {
    background-image: url(../img/common/arrow_link_gray.svg);
  }
  #top #others .others__list__item__btn:not(.hidden) a:hover {
    color: #fff;
    background-color: #F12C68;
  }
  #top #others .others__list__item__btn:not(.hidden) a:hover::before {
    background-image: url(../img/common/arrow_link_white.svg);
  }
  #top #others .others__list__item__btn a {
    display: block;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    text-align: center;
    color: #F12C68;
    font-weight: bold;
    padding: 27px 30px;
    border: 1px solid #F12C68;
    border-radius: 16px;
    position: relative;
    transition: 0.3s ease background-color;
  }
  #top #others .others__list__item__btn a::before {
    content: "";
    display: inline-block;
    width: 7px;
    height: 13px;
    background: url(../img/common/arrow_link_pink.svg) center/contain no-repeat;
    position: absolute;
    top: 50%;
    right: 18px;
    transform: translateY(-50%);
  }
  #top #others .others__list__item__caption {
    font-size: 14px;
    line-height: 1.4285714286;
    letter-spacing: 0.05em;
    color: #F12C68;
    text-align: center;
    font-weight: bold;
    margin-top: 14px;
  }
  #top #others .others__list__item__caption a {
    display: inline-block;
    padding-bottom: 7px;
    position: relative;
  }
  #top #others .others__list__item__caption a:hover::after {
    transform: scale(0, 1);
  }
  #top #others .others__list__item__caption a::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #F12C68;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: 0.3s ease transform;
  }
}
@media screen and (min-width: 768px) {
  #graduate {
    min-width: 1200px;
  }
  #graduate #loading {
    display: block;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
  }
  #graduate section {
    position: relative;
  }
  #graduate section .container {
    max-width: 1440px;
    margin: 0 auto;
  }
  #graduate section .background-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  #graduate section .background-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  #graduate #animation-block {
    height: 100vh;
    height: 100lvh;
    margin-top: -135px;
    overflow: auto;
  }
  #graduate #animation-block::-webkit-scrollbar {
    width: 0;
  }
  #graduate #animation-block #mask {
    width: 100%;
    height: 100vh;
    height: 100lvh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  #graduate #animation-block #mask #cross {
    display: block;
  }
  #graduate #animation-block #mask #hole {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: cx, cy, r;
  }
  #graduate #animation-block #kv {
    width: 100%;
    height: 100vh;
    position: relative;
  }
  #graduate #animation-block #kv .container {
    width: 100%;
    height: 100%;
    position: relative;
  }
  #graduate #animation-block #kv .kv__text {
    width: 20.625%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #graduate #animation-block #kv .kv__text p {
    display: none;
  }
  #graduate #animation-block #kv .kv__scroll {
    width: 2.5%;
    max-width: 36px;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    opacity: 0;
  }
  #graduate #animation-block #kv .kv__scroll img {
    transition: 0.3s ease opacity;
  }
  #graduate #animation-block #kv .kv__scroll.after-scroll img {
    opacity: 0;
  }
  #graduate #animation-block #kv .kv__skip {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.05em;
    color: #fff;
    display: inline-block;
    padding-bottom: 6px;
    position: fixed;
    bottom: 3.8202247191%;
    right: 5.5555555556%;
    z-index: 100;
    transition: 0.3s ease background-color, 0.3s ease opacity, 0s ease visibility;
    cursor: pointer;
  }
  #graduate #animation-block #kv .kv__skip.after-scroll {
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease background-color, 0.3s ease opacity, 0s 0.3s ease visibility;
  }
  #graduate #animation-block #kv .kv__skip::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #graduate #animation-block #intro1 {
    overflow: hidden;
  }
  #graduate #animation-block #intro1 #bgChangeTrigger {
    position: absolute;
    width: 100%;
    padding-top: 36.4583333333%;
    left: 0;
    bottom: 0;
  }
  #graduate #animation-block #intro1 .intro__bg {
    width: 100%;
    top: 380px;
  }
  #graduate #animation-block #intro1 .intro__bg__img {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
  }
  #graduate #animation-block #intro1 .intro__bg__img.fixed {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
  }
  #graduate #animation-block #intro1 .intro__bg__img__inner {
    width: 100%;
    padding-top: 262.3611111111%;
  }
  #graduate #animation-block #intro1 .intro__bg__img img {
    width: 166.6666666667%;
    max-width: 2400px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  #graduate #animation-block #intro1 .intro__box {
    width: 100%;
    padding: 15.9722222222% 0 36.4583333333%;
    position: relative;
  }
  #graduate #animation-block #intro1 .intro__text {
    display: block;
    position: relative;
    z-index: 1;
  }
  #graduate #animation-block #intro1 .intro__text img {
    display: block;
  }
  #graduate #animation-block #intro1 .intro__text p {
    display: none;
  }
  #graduate #animation-block #intro1 .intro__text.lead01 {
    padding-bottom: 9.0972222222%;
    pointer-events: none;
  }
  #graduate #animation-block #intro1 .intro__text.lead01 .js-holeAnimationTrigger {
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 60px;
    left: 0;
  }
  #graduate #animation-block #intro1 .intro__text.lead01 img {
    width: 33.6805555556%;
    margin: 0 auto;
  }
  #graduate #animation-block #intro1 .intro__text.lead02 {
    padding-bottom: 13.3333333333%;
    pointer-events: none;
  }
  #graduate #animation-block #intro1 .intro__text.lead02 .js-holeAnimationTrigger {
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 80px;
    left: 0;
  }
  #graduate #animation-block #intro1 .intro__text.lead02 img {
    width: 25.2777777778%;
    margin: 0 auto 0 16%;
  }
  #graduate #animation-block #intro1 .intro__text.lead03 {
    padding-bottom: 26.3888888889%;
    pointer-events: none;
  }
  #graduate #animation-block #intro1 .intro__text.lead03 .js-holeAnimationTrigger {
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 190px;
    left: 0;
  }
  #graduate #animation-block #intro1 .intro__text.lead03 img {
    width: 36.3888888889%;
    margin: 0 auto;
  }
  #graduate #animation-block #intro1 .intro__text.lead04 {
    scroll-snap-align: center;
    pointer-events: none;
  }
  #graduate #animation-block #intro1 .intro__text.lead04 img {
    width: 30.625%;
    margin: 0 auto;
  }
  #graduate #animation-block #intro2 {
    background-color: #F12C68;
    margin-top: -1px;
    position: relative;
    overflow: hidden;
  }
  #graduate #animation-block #intro2 #intro2InitialTrigger {
    position: absolute;
    top: 0;
    left: 0;
  }
  #graduate #animation-block #intro2 .intro__bg {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  #graduate #animation-block #intro2 .intro__bg__img {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
  }
  #graduate #animation-block #intro2 .intro__bg__img.fixed {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
  }
  #graduate #animation-block #intro2 .intro__bg__img__inner {
    width: 100%;
    padding-top: 369.7222222222%;
  }
  #graduate #animation-block #intro2 .intro__bg__img img {
    width: 166.6666666667%;
    max-width: 2400px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  #graduate #animation-block #intro2 .intro__box {
    width: 100%;
    padding: 27.7083333333% 0 0;
  }
  #graduate #animation-block #intro2 .intro__item {
    position: relative;
    z-index: 1;
  }
  #graduate #animation-block #intro2 .intro__item .icon {
    position: absolute;
  }
  #graduate #animation-block #intro2 .intro__item#intro-item01 {
    padding-bottom: 19.4444444444%;
    pointer-events: none;
  }
  #graduate #animation-block #intro2 .intro__item#intro-item01 #intro-item01-trigger {
    position: absolute;
    bottom: 9.7222222222%;
    left: 0;
  }
  #graduate #animation-block #intro2 .intro__item#intro-item01 .text {
    width: 54.4444444444%;
    margin: 0 auto 0 12.5%;
  }
  #graduate #animation-block #intro2 .intro__item#intro-item01 .icon {
    width: 16.8055555556%;
    margin-bottom: 20.4166666667%;
    left: 69.8611111111%;
    bottom: 0;
  }
  #graduate #animation-block #intro2 .intro__item#intro-item02 {
    padding-bottom: 24.3055555556%;
    pointer-events: none;
  }
  #graduate #animation-block #intro2 .intro__item#intro-item02 #intro-item02-trigger {
    position: absolute;
    bottom: 6.9444444444%;
    left: 0;
  }
  #graduate #animation-block #intro2 .intro__item#intro-item02 .text {
    width: 25.4166666667%;
    margin: 0 auto 0 43.0555555556%;
  }
  #graduate #animation-block #intro2 .intro__item#intro-item02 .icon {
    width: 18.4027777778%;
    left: 24.0972222222%;
    margin-bottom: 22.2222222222%;
    bottom: 0;
  }
  #graduate #animation-block #intro2 .intro__item#intro-item03 {
    padding-bottom: 26.3888888889%;
    pointer-events: none;
  }
  #graduate #animation-block #intro2 .intro__item#intro-item03 #intro-item03-trigger {
    position: absolute;
    bottom: 13.1944444444%;
    left: 0;
  }
  #graduate #animation-block #intro2 .intro__item#intro-item03 .text {
    width: 48.2638888889%;
    margin: 0 auto 0 12.5%;
  }
  #graduate #animation-block #intro2 .intro__item#intro-item03 .icon {
    width: 11.5972222222%;
    margin-bottom: 22.4305555556%;
    left: 64.7222222222%;
    bottom: 0;
  }
  #graduate #animation-block #intro2 .intro__text {
    position: relative;
    z-index: 1;
  }
  #graduate #animation-block #intro2 .intro__text.intro-text01 {
    padding-bottom: 33.4722222222%;
  }
  #graduate #animation-block #intro2 .intro__text.intro-text01 img {
    width: 48.9583333333%;
    margin: 0 auto;
    pointer-events: none;
  }
  #graduate #animation-block #intro2 .intro__text.intro-text02 {
    padding-bottom: 45.8333333333%;
  }
  #graduate #animation-block #intro2 .intro__text.intro-text02 img {
    width: 64.9305555556%;
    margin: 0 auto;
    pointer-events: none;
  }
  #graduate #menu {
    overflow: hidden;
  }
  #graduate #menu .container {
    padding: 13.8888888889% 0 8.1944444444%;
  }
  #graduate #menu .menu__bg {
    width: 100%;
    max-width: 1440px;
    height: calc(100% + 280px);
    top: -280px;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
  #graduate #menu .menu__bg img {
    width: 166.6666666667%;
    max-width: 2400px;
    height: 100%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
  #graduate #menu .menu__title {
    width: 454px;
    margin: 0 auto 180px;
  }
  #graduate #menu .menu__title h3 {
    font-size: 36px;
    line-height: 2;
    letter-spacing: 0.05em;
    color: #F12C68;
    font-weight: bold;
    margin-bottom: 60px;
  }
  #graduate #menu .menu__title p {
    font-size: 16px;
    line-height: 2.25;
    letter-spacing: normal;
  }
  #graduate #menu .menu__list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 5.2083333333%;
  }
  #graduate #menu .menu__list__item {
    position: relative;
  }
  #graduate #menu .menu__list__item.will-animation {
    opacity: 0;
  }
  #graduate #menu .menu__list__item.item01 {
    width: 44.1860465116%;
  }
  #graduate #menu .menu__list__item.item01 .menu__list__item__wrapper {
    padding: 45px 8.5964912281% 0;
  }
  #graduate #menu .menu__list__item.item02 {
    width: 44.5736434109%;
    margin: 306px 3.6434108527% 92px 0;
  }
  #graduate #menu .menu__list__item.item02 .menu__list__item__wrapper {
    padding: 45px 12.6956521739% 0;
  }
  #graduate #menu .menu__list__item.item02 .menu__list__item__img::before {
    content: "";
    display: inline-block;
    width: 76.8695652174%;
    background: url(../img/graduate/deco_top_menu_business.svg) center/contain no-repeat;
    padding-top: 76.8695652174%;
    position: absolute;
    top: 37.5838926174%;
    right: -39.1304347826%;
    z-index: 1;
  }
  #graduate #menu .menu__list__item.item03 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: row-reverse;
    width: 100%;
    padding: 0 3.6434108527%;
    margin-bottom: 131px;
  }
  #graduate #menu .menu__list__item.item03 .menu__list__item__img {
    width: 59.364548495%;
  }
  #graduate #menu .menu__list__item.item03 .menu__list__item__wrapper {
    flex: 1;
    padding: 63px 5.5183946488% 0 0;
  }
  #graduate #menu .menu__list__item.item03 .menu__list__item__name {
    font-size: 105px;
    margin-bottom: 34px;
  }
  #graduate #menu .menu__list__item.item03 .menu__list__item__desc {
    margin-bottom: 48px;
  }
  #graduate #menu .menu__list__item.item04 {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    padding: 0 3.6434108527% 0 0;
    margin-bottom: 259px;
  }
  #graduate #menu .menu__list__item.item04 .menu__list__item__img {
    width: 59.9356395817%;
  }
  #graduate #menu .menu__list__item.item04 .menu__list__item__img::before {
    content: "";
    display: inline-block;
    width: 63.355704698%;
    background: url(../img/graduate/deco_top_menu_career.svg) center/contain no-repeat;
    padding-top: 50.6040268456%;
    position: absolute;
    top: 76.1403508772%;
    left: -21.4765100671%;
    z-index: 1;
  }
  #graduate #menu .menu__list__item.item04 .menu__list__item__wrapper {
    flex: 1;
    padding: 162px 0 0 5.6856187291%;
  }
  #graduate #menu .menu__list__item.item04 .menu__list__item__name {
    font-size: 105px;
    margin-bottom: 34px;
  }
  #graduate #menu .menu__list__item.item04 .menu__list__item__desc {
    margin-bottom: 48px;
  }
  #graduate #menu .menu__list__item.item05 {
    width: 45.1162790698%;
  }
  #graduate #menu .menu__list__item.item05 .menu__list__item__wrapper {
    padding: 45px 6.1855670103% 0;
  }
  #graduate #menu .menu__list__item.item06 {
    width: 43.7984496124%;
    margin: 350px 4.4186046512% 0 0;
  }
  #graduate #menu .menu__list__item.item06 .menu__list__item__wrapper {
    padding: 0 4.6017699115% 0;
  }
  #graduate #menu .menu__list__item.item06 .menu__list__item__img::before {
    content: "";
    display: inline-block;
    width: 28.3185840708%;
    background: url(../img/graduate/deco_top_menu_voice.svg) center/contain no-repeat;
    padding-top: 28.3185840708%;
    position: absolute;
    top: 73.8562091503%;
    left: 69.203539823%;
    z-index: 1;
  }
  #graduate #menu .menu__list__item.item07 {
    width: 40.7751937984%;
    margin-top: -58px;
  }
  #graduate #menu .menu__list__item.item07 .menu__list__item__wrapper {
    padding: 60px 8.174904943% 0;
  }
  #graduate #menu .menu__list__item.item07 .menu__list__item__img::before {
    content: "";
    display: inline-block;
    width: 30.4182509506%;
    background: url(../img/graduate/deco_top_menu_voice.svg) center/contain no-repeat;
    padding-top: 30.4182509506%;
    position: absolute;
    top: 75.7009345794%;
    left: 69.5817490494%;
    z-index: 1;
  }
  #graduate #menu .menu__list__item:hover .menu__list__item__img img {
    opacity: 0.7;
  }
  #graduate #menu .menu__list__item:hover .menu__list__item__link a::before {
    background-color: #fff;
  }
  #graduate #menu .menu__list__item:hover .menu__list__item__link a::after {
    background-image: url(../img/common/arrow_link_pink.svg);
  }
  #graduate #menu .menu__list__item > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
  #graduate #menu .menu__list__item__img {
    width: 100%;
    position: relative;
  }
  #graduate #menu .menu__list__item__img img {
    transition: 0.3s ease opacity;
  }
  #graduate #menu .menu__list__item__name {
    font-size: 74px;
    line-height: 1;
    letter-spacing: normal;
    margin-bottom: 14px;
  }
  #graduate #menu .menu__list__item__desc {
    font-size: 22px;
    line-height: 1.4545454545;
    letter-spacing: 0.05em;
    color: #F12C68;
    font-weight: bold;
    margin-bottom: 26px;
  }
  #graduate #menu .menu__list__item__text {
    font-size: 16px;
    line-height: 2.25;
    letter-spacing: normal;
    margin-bottom: 30px;
  }
  #graduate #menu .menu__list__item__link a {
    font-size: 16px;
    line-height: 1.125;
    color: #F12C68;
    font-weight: bold;
    display: inline-block;
    padding-right: 69px;
    position: relative;
  }
  #graduate #menu .menu__list__item__link a::before {
    content: "";
    display: inline-block;
    width: 54px;
    height: 54px;
    background-color: #F12C68;
    border: 1px solid #F12C68;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.3s ease background-color;
  }
  #graduate #menu .menu__list__item__link a::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 13px;
    background: url(../img/common/arrow_link_white.svg) center/contain no-repeat;
    position: absolute;
    top: 50%;
    right: 23.5px;
    transform: translateY(-50%);
  }
  #graduate #menu .menu__list__item__link a span {
    display: inline-block;
    padding: 18px 0;
    position: relative;
  }
  #graduate #menu .menu__list__item__link a span::after {
    content: "";
    background-color: currentColor;
    display: inline-block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 13px;
    left: 0;
  }
  #graduate #menu .menu__x {
    width: 31.7829457364%;
    background-color: #fff;
    padding: 40px 3.488372093%;
    border-radius: 20px;
    margin: 213px 8.5271317829% 0 0;
  }
  #graduate #menu .menu__x__head {
    font-size: 30px;
    line-height: 1;
    letter-spacing: normal;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
  }
  #graduate #menu .menu__x__head img {
    width: 37px;
  }
  #graduate #menu .menu__x__body {
    width: 100%;
    height: 460px;
  }
  #graduate #menu .menu__x__body .twitter-timeline {
    width: 100% !important;
  }
  #graduate #menu .menu__x__body .twitter-timeline iframe {
    width: 100% !important;
  }
  #graduate #overlay {
    width: 10vmax;
    height: 10vmax;
    border-radius: 50%;
    position: fixed;
    top: -5vmax;
    right: -5vmax;
    overflow: hidden;
    z-index: 99999;
    opacity: 0;
    pointer-events: none;
    transform: scale(30);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  }
  #graduate #overlay.is-show {
    pointer-events: auto;
  }
  #graduate #overlay #overlay__bg {
    display: block;
    height: 100vh;
    background-color: #fff;
  }
  #graduate.animation-play {
    min-width: 0;
    overflow: hidden;
  }
  #graduate.animation-play main {
    padding-bottom: 0;
  }
  #graduate.animation-play #menu {
    display: none;
  }
  #graduate.animation-play footer {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #graduate #loading {
    display: block;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
  }
  #graduate section {
    position: relative;
  }
  #graduate section .container {
    margin: 0 auto;
  }
  #graduate section .background-image {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  #graduate section .background-image > div {
    position: relative;
    top: 0;
    left: 0;
  }
  #graduate section .background-image > div.fixed {
    position: fixed;
  }
  #graduate section .background-image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  #graduate #animation-block {
    height: 100vh;
    height: 100lvh;
    margin-top: -72px;
    overflow: auto;
  }
  #graduate #animation-block::-webkit-scrollbar {
    width: 0;
  }
  #graduate #animation-block #mask {
    width: 100%;
    height: 100vh;
    height: 100lvh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  #graduate #animation-block #mask #cross {
    display: block;
  }
  #graduate #animation-block #mask #hole {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: cx, cy, r;
  }
  #graduate #animation-block #mask #bg1 {
    width: 100%;
    height: 100%;
  }
  #graduate #animation-block #kv {
    width: 100%;
    height: 100vh;
    height: 100lvh;
    position: relative;
  }
  #graduate #animation-block #kv .container {
    width: 100%;
    height: 100%;
    position: relative;
  }
  #graduate #animation-block #kv .kv__text {
    width: 39.4666666667%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #graduate #animation-block #kv .kv__text p {
    display: none;
  }
  #graduate #animation-block #kv .kv__scroll {
    width: 9.0666666667%;
    max-width: 34px;
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
    opacity: 0;
  }
  #graduate #animation-block #kv .kv__scroll img {
    transition: 0.3s ease opacity;
  }
  #graduate #animation-block #kv .kv__scroll.after-scroll img {
    opacity: 0;
  }
  #graduate #animation-block #kv .kv__skip {
    font-size: 14px;
    line-height: 1.4285714286;
    letter-spacing: 0.05em;
    color: #fff;
    display: inline-block;
    padding-bottom: 6px;
    position: fixed;
    bottom: 4.1871921182%;
    right: 2.6666666667%;
    z-index: 100;
    transition: 0.3s ease background-color, 0.3s ease opacity, 0s ease visibility;
    cursor: pointer;
  }
  #graduate #animation-block #kv .kv__skip.after-scroll {
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease background-color, 0.3s ease opacity, 0s 0.3s ease visibility;
  }
  #graduate #animation-block #kv .kv__skip::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #graduate #animation-block #intro1 {
    overflow: hidden;
  }
  #graduate #animation-block #intro1 #bgChangeTrigger {
    position: absolute;
    width: 100%;
    padding-top: 48%;
    left: 0;
    bottom: 0;
  }
  #graduate #animation-block #intro1 .intro__bg {
    width: 100%;
    top: 148px;
    left: 0;
  }
  #graduate #animation-block #intro1 .intro__bg__img {
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
  #graduate #animation-block #intro1 .intro__bg__img.fixed {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
  }
  #graduate #animation-block #intro1 .intro__bg__img__inner {
    width: 100%;
    padding-top: 431.4666666667%;
  }
  #graduate #animation-block #intro1 .intro__bg__img img {
    width: 213.3333333333%;
    max-width: 800px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  #graduate #animation-block #intro1 .intro__box {
    width: 100%;
    padding: 24% 0 48%;
    position: relative;
  }
  #graduate #animation-block #intro1 .intro__text {
    display: block;
    position: relative;
    z-index: 1;
  }
  #graduate #animation-block #intro1 .intro__text img {
    display: block;
  }
  #graduate #animation-block #intro1 .intro__text p {
    display: none;
  }
  #graduate #animation-block #intro1 .intro__text.lead01 {
    padding-bottom: 26.6666666667%;
    pointer-events: none;
  }
  #graduate #animation-block #intro1 .intro__text.lead01 .js-holeAnimationTrigger {
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 60px;
    left: 0;
  }
  #graduate #animation-block #intro1 .intro__text.lead01 img {
    width: 51.7333333333%;
    margin: 0 auto;
  }
  #graduate #animation-block #intro1 .intro__text.lead02 {
    padding-bottom: 37.3333333333%;
    pointer-events: none;
  }
  #graduate #animation-block #intro1 .intro__text.lead02 .js-holeAnimationTrigger {
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 80px;
    left: 0;
  }
  #graduate #animation-block #intro1 .intro__text.lead02 img {
    width: 38.6666666667%;
    margin: 0 auto 0 10.6666666667%;
  }
  #graduate #animation-block #intro1 .intro__text.lead03 {
    padding-bottom: 48%;
    pointer-events: none;
  }
  #graduate #animation-block #intro1 .intro__text.lead03 .js-holeAnimationTrigger {
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 80px;
    left: 0;
  }
  #graduate #animation-block #intro1 .intro__text.lead03 img {
    width: 56%;
    margin: 0 auto 0 32.5333333333%;
  }
  #graduate #animation-block #intro1 .intro__text.lead04 {
    scroll-snap-align: center;
    pointer-events: none;
  }
  #graduate #animation-block #intro1 .intro__text.lead04 img {
    width: 46.9333333333%;
    margin: 0 auto;
  }
  #graduate #animation-block #intro2 {
    background-color: #F12C68;
    margin-top: -1px;
    position: relative;
    overflow: hidden;
  }
  #graduate #animation-block #intro2 #bgChangeTrigger {
    position: absolute;
    top: 0;
    left: 0;
  }
  #graduate #animation-block #intro2 #intro2InitialTrigger {
    position: absolute;
    top: 0;
    left: 0;
  }
  #graduate #animation-block #intro2 .intro__bg {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  #graduate #animation-block #intro2 .intro__bg__img {
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
  #graduate #animation-block #intro2 .intro__bg__img.fixed {
    position: fixed;
    left: 50%;
    transform: translateX(-50%);
  }
  #graduate #animation-block #intro2 .intro__bg__img__inner {
    width: 100%;
    padding-top: 644.8%;
  }
  #graduate #animation-block #intro2 .intro__bg__img img {
    width: 213.3333333333%;
    max-width: 800px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  #graduate #animation-block #intro2 .intro__box {
    width: 100%;
    padding: 42.6666666667% 0 0;
  }
  #graduate #animation-block #intro2 .intro__item {
    position: relative;
    z-index: 1;
  }
  #graduate #animation-block #intro2 .intro__item .icon {
    position: absolute;
  }
  #graduate #animation-block #intro2 .intro__item#intro-item01 {
    padding-bottom: 78.6666666667%;
    pointer-events: none;
  }
  #graduate #animation-block #intro2 .intro__item#intro-item01 #intro-item01-trigger {
    position: absolute;
    bottom: 37.3333333333%;
    left: 0;
  }
  #graduate #animation-block #intro2 .intro__item#intro-item01 .text {
    width: 83.7333333333%;
    margin: 0 auto 0 5.3333333333%;
  }
  #graduate #animation-block #intro2 .intro__item#intro-item01 .icon {
    width: 25.8666666667%;
    margin-bottom: 32%;
    left: 59.7333333333%;
    bottom: 0;
  }
  #graduate #animation-block #intro2 .intro__item#intro-item02 {
    padding-bottom: 51.2%;
    pointer-events: none;
  }
  #graduate #animation-block #intro2 .intro__item#intro-item02 #intro-item02-trigger {
    position: absolute;
    bottom: 26.6666666667%;
    left: 0;
  }
  #graduate #animation-block #intro2 .intro__item#intro-item02 .text {
    width: 38.9333333333%;
    margin: 0 auto 0 40%;
  }
  #graduate #animation-block #intro2 .intro__item#intro-item02 .icon {
    width: 28.2666666667%;
    left: 19.2%;
    margin-bottom: 32%;
    bottom: 0;
  }
  #graduate #animation-block #intro2 .intro__item#intro-item03 {
    padding-bottom: 62.9333333333%;
    pointer-events: none;
  }
  #graduate #animation-block #intro2 .intro__item#intro-item03 #intro-item03-trigger {
    position: absolute;
    bottom: 50.6666666667%;
    left: 0;
  }
  #graduate #animation-block #intro2 .intro__item#intro-item03 .text {
    width: 74.1333333333%;
    margin: 0 auto 0 9.3333333333%;
  }
  #graduate #animation-block #intro2 .intro__item#intro-item03 .icon {
    width: 17.8666666667%;
    margin-bottom: 37.3333333333%;
    left: 71.7333333333%;
    bottom: 0;
  }
  #graduate #animation-block #intro2 .intro__text {
    position: relative;
    z-index: 1;
  }
  #graduate #animation-block #intro2 .intro__text.intro-text01 {
    padding-bottom: 42.6666666667%;
  }
  #graduate #animation-block #intro2 .intro__text.intro-text01 img {
    width: 75.2%;
    margin: 0 auto;
    pointer-events: none;
  }
  #graduate #animation-block #intro2 .intro__text.intro-text02 {
    padding-bottom: 50vh;
  }
  #graduate #animation-block #intro2 .intro__text.intro-text02 img {
    width: 86.6666666667%;
    margin: 0 auto;
    pointer-events: none;
  }
  #graduate #menu {
    overflow: hidden;
  }
  #graduate #menu .container {
    padding: 39.2% 0 33.0666666667%;
  }
  #graduate #menu .menu__bg {
    width: 100%;
    top: 0;
    left: 50%;
    transform: translate(-50%, -1.7699115044%);
    z-index: -1;
  }
  #graduate #menu .menu__bg__img {
    width: 100%;
    padding-top: 1356%;
    position: relative;
  }
  #graduate #menu .menu__bg__img img {
    width: 213.3333333333%;
    max-width: 800px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  #graduate #menu .menu__title {
    padding: 0 5.3333333333%;
    margin: 0 auto 24%;
  }
  #graduate #menu .menu__title h3 {
    font-size: 24px;
    line-height: 2;
    letter-spacing: 0.05em;
    color: #F12C68;
    font-weight: bold;
    margin-bottom: 28px;
  }
  #graduate #menu .menu__title p {
    font-size: 14px;
    line-height: 2.1428571429;
    letter-spacing: normal;
  }
  #graduate #menu .menu__list {
    padding: 0 5.3333333333%;
  }
  #graduate #menu .menu__list__item {
    position: relative;
  }
  #graduate #menu .menu__list__item.will-animation {
    opacity: 0;
  }
  #graduate #menu .menu__list__item.item01 {
    margin-bottom: 23.8805970149%;
  }
  #graduate #menu .menu__list__item.item01 .menu__list__item__img {
    width: 85.0746268657%;
  }
  #graduate #menu .menu__list__item.item02 {
    width: 85.9701492537%;
    margin: 0 0 32.8358208955% auto;
  }
  #graduate #menu .menu__list__item.item02 .menu__list__item__img {
    position: relative;
  }
  #graduate #menu .menu__list__item.item02 .menu__list__item__img::before {
    content: "";
    display: inline-block;
    width: 76.7361111111%;
    background: url(../img/graduate/deco_top_menu_business.svg) center/contain no-repeat;
    padding-top: 76.7361111111%;
    position: absolute;
    top: 29.4807370184%;
    right: -30.5555555556%;
    z-index: 1;
  }
  #graduate #menu .menu__list__item.item03 {
    width: 100%;
    margin-bottom: 29.8507462687%;
  }
  #graduate #menu .menu__list__item.item03 .menu__list__item__name {
    font-size: 68px;
    margin-bottom: 12px;
  }
  #graduate #menu .menu__list__item.item03 .menu__list__item__desc {
    margin-bottom: 26px;
  }
  #graduate #menu .menu__list__item.item04 {
    width: 100%;
    margin-bottom: 32.8358208955%;
  }
  #graduate #menu .menu__list__item.item04 .menu__list__item__img::before {
    content: "";
    display: inline-block;
    width: 70.447761194%;
    background: url(../img/graduate/deco_top_menu_career.svg) center/contain no-repeat;
    padding-top: 56.2686567164%;
    position: absolute;
    top: 45.3125%;
    right: -32.8358208955%;
    z-index: 1;
  }
  #graduate #menu .menu__list__item.item04 .menu__list__item__name {
    font-size: 68px;
    margin-bottom: 12px;
  }
  #graduate #menu .menu__list__item.item04 .menu__list__item__desc {
    margin-bottom: 26px;
  }
  #graduate #menu .menu__list__item.item05 {
    margin-bottom: 23.8805970149%;
  }
  #graduate #menu .menu__list__item.item05 .menu__list__item__img {
    width: 86.8656716418%;
  }
  #graduate #menu .menu__list__item.item06 {
    width: 84.4776119403%;
    margin: 0 0 23.8805970149% auto;
  }
  #graduate #menu .menu__list__item.item06 .menu__list__item__img::before {
    content: "";
    display: inline-block;
    width: 28.2685512367%;
    background: url(../img/graduate/deco_top_menu_voice.svg) center/contain no-repeat;
    padding-top: 28.2685512367%;
    position: absolute;
    top: 65.2173913043%;
    left: -6.3604240283%;
    z-index: 1;
  }
  #graduate #menu .menu__list__item.item06 .menu__list__item__wrapper {
    padding-top: 8px;
  }
  #graduate #menu .menu__list__item.item07 .menu__list__item__img {
    width: 78.5074626866%;
  }
  #graduate #menu .menu__list__item.item07 .menu__list__item__img::before {
    content: "";
    display: inline-block;
    width: 30.4182509506%;
    background: url(../img/graduate/deco_top_menu_voice.svg) center/contain no-repeat;
    padding-top: 30.4182509506%;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
  }
  #graduate #menu .menu__list__item:hover .menu__list__item__img img {
    opacity: 0.7;
  }
  #graduate #menu .menu__list__item:hover .menu__list__item__link a::before {
    background-color: #fff;
  }
  #graduate #menu .menu__list__item:hover .menu__list__item__link a::after {
    background-image: url(../img/common/arrow_link_pink.svg);
  }
  #graduate #menu .menu__list__item > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
  #graduate #menu .menu__list__item__img {
    width: 100%;
    position: relative;
  }
  #graduate #menu .menu__list__item__img img {
    transition: 0.3s ease opacity;
  }
  #graduate #menu .menu__list__item__wrapper {
    padding: 18px 20px 0;
  }
  #graduate #menu .menu__list__item__name {
    font-size: 44px;
    line-height: 1;
    letter-spacing: normal;
    margin-bottom: 3px;
  }
  #graduate #menu .menu__list__item__desc {
    font-size: 14px;
    line-height: 1.7142857143;
    letter-spacing: 0.05em;
    color: #F12C68;
    font-weight: bold;
    margin-bottom: 15px;
  }
  #graduate #menu .menu__list__item__text {
    font-size: 14px;
    line-height: 2.1428571429;
    letter-spacing: normal;
    margin-bottom: 30px;
  }
  #graduate #menu .menu__list__item__link a {
    font-size: 14px;
    line-height: 1.1428571429;
    color: #F12C68;
    font-weight: bold;
    display: inline-block;
    padding-right: 69px;
    position: relative;
  }
  #graduate #menu .menu__list__item__link a::before {
    content: "";
    display: inline-block;
    width: 54px;
    height: 54px;
    background-color: #F12C68;
    border: 1px solid #F12C68;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 0;
    transition: 0.3s ease background-color;
  }
  #graduate #menu .menu__list__item__link a::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 13px;
    background: url(../img/common/arrow_link_white.svg) center/contain no-repeat;
    position: absolute;
    top: 50%;
    right: 23.5px;
    transform: translateY(-50%);
  }
  #graduate #menu .menu__list__item__link a span {
    display: inline-block;
    padding: 17px 0 21px;
    position: relative;
  }
  #graduate #menu .menu__list__item__link a span::after {
    content: "";
    background-color: currentColor;
    display: inline-block;
    width: 100%;
    height: 1px;
    position: absolute;
    bottom: 18px;
    left: 0;
  }
  #graduate #menu .menu__x {
    width: 100%;
    background-color: #fff;
    padding: 40px 7.7611940299%;
    border-radius: 20px;
    margin: 170px 0 0;
  }
  #graduate #menu .menu__x__head {
    font-size: 30px;
    line-height: 1;
    letter-spacing: normal;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px;
  }
  #graduate #menu .menu__x__head img {
    width: 29px;
  }
  #graduate #menu .menu__x__body {
    width: 100%;
  }
  #graduate #menu .menu__x__body .twitter-timeline {
    width: 100% !important;
  }
  #graduate #menu .menu__x__body .twitter-timeline iframe {
    width: 100% !important;
  }
  #graduate #overlay {
    width: 10vmax;
    height: 10vmax;
    border-radius: 50%;
    position: fixed;
    top: -5vmax;
    right: -5vmax;
    overflow: hidden;
    z-index: 99999;
    opacity: 0;
    pointer-events: none;
    transform: scale(30);
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);
  }
  #graduate #overlay.is-show {
    pointer-events: auto;
  }
  #graduate #overlay #overlay__bg {
    display: block;
    height: 100vh;
    background-color: #fff;
  }
  #graduate.animation-play {
    overflow: hidden;
  }
  #graduate.animation-play::-webkit-scrollbar {
    width: 0;
  }
  #graduate.animation-play main {
    padding-bottom: 0;
  }
  #graduate.animation-play #menu {
    display: none;
  }
  #graduate.animation-play footer {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #about {
    min-width: 1200px;
  }
  #about main .container {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
  }
  #about .lead-section {
    margin-bottom: 120px;
  }
  #about #anchors {
    margin-bottom: 160px;
  }
  #about #anchors .anchors__wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 0 12.5%;
  }
  #about #anchors .anchors__title {
    width: 256px;
    padding-right: 12px;
    position: relative;
  }
  #about #anchors .anchors__title::before {
    content: "";
    display: block;
    width: 480px;
    height: 342px;
    background: url(../img/about/deco_about_ranking.svg) center/contain no-repeat;
    position: absolute;
    bottom: -265px;
    left: -270px;
    z-index: -1;
  }
  #about #anchors .anchors__title span {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4285714286;
    letter-spacing: 0.005em;
    color: #F12C68;
    display: block;
  }
  #about #anchors .anchors__title p {
    font-size: 60px;
    line-height: 1.8;
    letter-spacing: normal;
    margin-top: -14px;
  }
  #about #anchors .anchors__list {
    width: 66.6666666667%;
  }
  #about #anchors .anchors__list__item {
    border-top: 1px solid #DCDCDC;
  }
  #about #anchors .anchors__list__item:last-child {
    border-bottom: 1px solid #DCDCDC;
  }
  #about #anchors .anchors__list__item:hover .anchors__list__item__title {
    color: #F12C68;
  }
  #about #anchors .anchors__list__item > a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 15px 56px 10px 15px;
    position: relative;
  }
  #about #anchors .anchors__list__item > a::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 8px;
    border-top: 8px solid #F12C68;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
  }
  #about #anchors .anchors__list__item__num {
    color: #F12C68;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    vertical-align: bottom;
    margin-right: 30px;
  }
  #about #anchors .anchors__list__item__num strong {
    font-size: 36px;
    line-height: 1.1666666667;
    letter-spacing: normal;
    text-align: center;
    font-weight: 400;
    display: inline-block;
    width: 22px;
  }
  #about #anchors .anchors__list__item__num span {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.044375em;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 6px;
  }
  #about #anchors .anchors__list__item__title {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: bold;
    transition: 0.3s ease color;
  }
  #about .ranking + .ranking {
    margin-top: 200px;
  }
  #about .ranking .ranking__wrapper {
    padding: 0 12.5%;
  }
  #about .ranking .ranking__heading {
    position: relative;
    padding-left: 220px;
    margin-bottom: 40px;
  }
  #about .ranking .ranking__title__num {
    color: #F12C68;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    vertical-align: bottom;
    position: absolute;
    left: 20px;
  }
  #about .ranking .ranking__title__num strong {
    font-size: 135px;
    line-height: 0.9259259259;
    letter-spacing: normal;
    text-align: center;
    font-weight: 400;
    display: inline-block;
  }
  #about .ranking .ranking__title__num span {
    font-size: 45px;
    line-height: 1.4444444444;
    letter-spacing: normal;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 12px;
  }
  #about .ranking .ranking__title__text {
    font-size: 30px;
    line-height: 1.6;
    letter-spacing: 0.05em;
    font-weight: bold;
    margin-bottom: 26px;
  }
  #about .ranking .ranking__description {
    font-size: 16px;
    line-height: 2.25;
    letter-spacing: 0.05em;
  }
  #about .ranking .ranking__img {
    width: 100%;
    margin-bottom: 60px;
  }
  #about .ranking .ranking__img img {
    border-radius: 40px;
  }
  #about .ranking .ranking__fukidashi {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
  }
  #about .ranking .ranking__fukidashi__item {
    width: 29.1666666667%;
  }
  #about .ranking .ranking__fukidashi__item__wrapper {
    font-size: 15px;
    line-height: 2.2666666667;
    letter-spacing: 0.05;
    padding: 20px 30px 40px 0;
    border-right: 1px solid #979797;
    border-bottom: 1px solid #979797;
    margin-bottom: 25px;
    position: relative;
  }
  #about .ranking .ranking__fukidashi__item__wrapper::before {
    content: "";
    display: inline-block;
    width: 25.5px;
    height: 1px;
    background-color: #979797;
    position: absolute;
    bottom: 0;
    right: calc(50% + 5.5px);
    transform: rotate(-45deg);
    transform-origin: 105% center;
  }
  #about .ranking .ranking__fukidashi__item__wrapper::after {
    content: "";
    display: block;
    width: 10px;
    height: 5px;
    background-color: #fff;
    position: absolute;
    left: calc(50% - 5px);
    bottom: -2.5px;
  }
  #about .ranking .ranking__fukidashi__item__personal {
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }
  #about .ranking .ranking__fukidashi__item__personal__icon {
    width: 68px;
    margin-right: 18px;
  }
  #about .ranking .ranking__fukidashi__item__personal__initial {
    font-size: 16px;
    line-height: 1.625;
    letter-spacing: 0.05em;
    font-weight: bold;
  }
  #about .ranking .ranking__fukidashi__item__personal__other {
    font-size: 15px;
    line-height: 1.7333333333;
    letter-spacing: 0.05em;
  }
  #about .ranking .ranking__list__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 50px 30px;
    border-top: 1px solid #DCDCDC;
  }
  #about .ranking .ranking__list__item:last-child {
    border-bottom: 1px solid #DCDCDC;
  }
  #about .ranking .ranking__list__item__logo {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160px;
    margin-right: 60px;
  }
  #about .ranking .ranking__list__item__logo img {
    max-width: 100%;
    max-height: 117px;
    margin: 0 auto;
  }
  #about .ranking .ranking__list__item__text {
    font-size: 16px;
    line-height: 2.25;
    letter-spacing: 0.05;
    flex: 1;
  }
  #about .ranking#rank01 .ranking__title__num {
    top: 31px;
  }
  #about .ranking#rank02 .ranking__title__num {
    top: 14px;
  }
  #about .ranking#rank03 .ranking__title__num {
    top: 31px;
  }
  #about .ranking#rank04 .ranking__title__num {
    top: 0;
  }
  #about .ranking#rank05 .ranking__title__num {
    top: 12px;
  }
  #about .ranking#rank05 .ranking__fukidashi__item {
    width: 46.7592592593%;
  }
}
@media screen and (max-width: 767px) {
  #about main {
    overflow: hidden;
  }
  #about main .container {
    margin: 0 auto;
    position: relative;
  }
  #about .lead-section {
    margin-bottom: 80px;
  }
  #about #anchors {
    margin-bottom: 74px;
  }
  #about #anchors .anchors__wrapper {
    padding: 0 5.3333333333%;
  }
  #about #anchors .anchors__title {
    margin-bottom: 34px;
    position: relative;
  }
  #about #anchors .anchors__title::before {
    content: "";
    display: block;
    width: 195px;
    height: 139px;
    background: url(../img/about/deco_about_ranking.svg) center/contain no-repeat;
    position: absolute;
    top: -50px;
    left: 217px;
    z-index: -1;
  }
  #about #anchors .anchors__title span {
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.004em;
    color: #F12C68;
    display: block;
    margin-bottom: 8px;
  }
  #about #anchors .anchors__title p {
    font-size: 40px;
    line-height: 1.05;
    letter-spacing: normal;
  }
  #about #anchors .anchors__list {
    width: 100%;
  }
  #about #anchors .anchors__list__item {
    border-top: 1px solid #DCDCDC;
  }
  #about #anchors .anchors__list__item:last-child {
    border-bottom: 1px solid #DCDCDC;
  }
  #about #anchors .anchors__list__item > a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 18px 48px 18px 7px;
    position: relative;
  }
  #about #anchors .anchors__list__item > a::after {
    content: "";
    display: inline-block;
    width: 16px;
    height: 8px;
    border-top: 8px solid #F12C68;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
  }
  #about #anchors .anchors__list__item__num {
    color: #F12C68;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    vertical-align: bottom;
    margin-right: 20px;
  }
  #about #anchors .anchors__list__item__num strong {
    font-size: 36px;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    font-weight: 400;
    display: inline-block;
    width: 22px;
  }
  #about #anchors .anchors__list__item__num span {
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.044375em;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 6px;
  }
  #about #anchors .anchors__list__item__title {
    font-size: 14px;
    line-height: 1.7142857143;
    letter-spacing: 0.04em;
    font-weight: bold;
  }
  #about .ranking + .ranking {
    margin-top: 120px;
  }
  #about .ranking .ranking__wrapper {
    padding: 0 5.3333333333%;
  }
  #about .ranking .ranking__heading {
    position: relative;
    margin-bottom: 40px;
  }
  #about .ranking .ranking__title {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 30px;
  }
  #about .ranking .ranking__title__num {
    color: #F12C68;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    vertical-align: bottom;
    margin-right: 10px;
  }
  #about .ranking .ranking__title__num strong {
    font-size: 68px;
    line-height: 1;
    letter-spacing: -0.01em;
    text-align: center;
    font-weight: 400;
    display: inline-block;
    width: 40px;
  }
  #about .ranking .ranking__title__num span {
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 11px;
  }
  #about .ranking .ranking__title__text {
    font-size: 22px;
    line-height: 1.4545454545;
    letter-spacing: 0.05em;
    font-weight: bold;
    text-align: left;
  }
  #about .ranking .ranking__description {
    font-size: 14px;
    line-height: 2.1428571429;
    letter-spacing: 0.04em;
  }
  #about .ranking .ranking__img {
    width: 100%;
    margin-bottom: 30px;
  }
  #about .ranking .ranking__img img {
    border-radius: 16px;
  }
  #about .ranking .ranking__fukidashi__item {
    width: 100%;
  }
  #about .ranking .ranking__fukidashi__item:nth-child(n+2) {
    margin-top: 40px;
  }
  #about .ranking .ranking__fukidashi__item__wrapper {
    font-size: 13px;
    line-height: 2.0769230769;
    letter-spacing: 0.04;
    padding: 10px 25px 30px 0;
    border-right: 1px solid #979797;
    border-bottom: 1px solid #979797;
    margin-bottom: 25px;
    position: relative;
  }
  #about .ranking .ranking__fukidashi__item__wrapper::before {
    content: "";
    display: inline-block;
    width: 25.5px;
    height: 1px;
    background-color: #979797;
    position: absolute;
    bottom: 0;
    right: calc(50% + 5.5px);
    transform: rotate(-45deg);
    transform-origin: 105% center;
  }
  #about .ranking .ranking__fukidashi__item__wrapper::after {
    content: "";
    display: block;
    width: 10px;
    height: 5px;
    background-color: #fff;
    position: absolute;
    left: calc(50% - 5px);
    bottom: -2.5px;
  }
  #about .ranking .ranking__fukidashi__item__personal {
    display: flex;
    align-items: flex-end;
    justify-content: center;
  }
  #about .ranking .ranking__fukidashi__item__personal__icon {
    width: 48px;
    margin-right: 15px;
  }
  #about .ranking .ranking__fukidashi__item__personal__initial {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: 0.04em;
    font-weight: bold;
  }
  #about .ranking .ranking__fukidashi__item__personal__other {
    font-size: 13px;
    line-height: 1.6153846154;
    letter-spacing: 0.04em;
  }
  #about .ranking .ranking__list__item {
    padding: 44px 0 46px;
    border-top: 1px solid #DCDCDC;
  }
  #about .ranking .ranking__list__item:last-child {
    border-bottom: 1px solid #DCDCDC;
  }
  #about .ranking .ranking__list__item__logo {
    margin-bottom: 36px;
  }
  #about .ranking .ranking__list__item__logo img {
    max-width: 140px;
    max-height: 91px;
    margin: 0 auto;
  }
  #about .ranking .ranking__list__item__text {
    font-size: 14px;
    line-height: 2.1428571429;
    letter-spacing: 0.04;
    flex: 1;
  }
}
@media screen and (min-width: 768px) {
  #business {
    min-width: 1200px;
  }
  #business main .container {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
  }
  #business .lead-section {
    margin-bottom: 120px;
  }
  #business .intro:nth-child(n+2) {
    margin-top: 160px;
  }
  #business .intro:nth-child(even) .intro__wrapper {
    flex-direction: row-reverse;
  }
  #business .intro#introduce01 .intro__box {
    padding-right: 60px;
  }
  #business .intro#introduce01 .intro__img {
    width: 43.0555555556%;
  }
  #business .intro#introduce02 .intro__box {
    padding-left: 80px;
  }
  #business .intro#introduce02 .intro__img {
    width: 47.2222222222%;
  }
  #business .intro#introduce03 .intro__box {
    padding-right: 80px;
  }
  #business .intro#introduce03 .intro__img {
    width: 47.2222222222%;
  }
  #business .intro .intro__wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 12.5%;
  }
  #business .intro .intro__box {
    flex: 1;
  }
  #business .intro .intro__number {
    width: 200px;
    margin-bottom: 46px;
  }
  #business .intro .intro__title {
    font-size: 30px;
    line-height: 1.6;
    letter-spacing: 0.05em;
    font-weight: bold;
    margin-bottom: 29px;
  }
  #business .intro .intro__description {
    font-size: 16px;
    line-height: 2.25;
    letter-spacing: 0.05em;
  }
}
@media screen and (max-width: 767px) {
  #business main {
    overflow: hidden;
  }
  #business main .container {
    margin: 0 auto;
    position: relative;
  }
  #business .lead-section {
    margin-bottom: 80px;
  }
  #business .intro:nth-child(n+2) {
    margin-top: 80px;
  }
  #business .intro .intro__wrapper {
    padding: 0 5.3333333333%;
  }
  #business .intro .intro__number {
    width: 245px;
    margin-bottom: 25px;
  }
  #business .intro .intro__title {
    font-size: 22px;
    line-height: 1.4545454545;
    letter-spacing: 0.05em;
    font-weight: bold;
    margin-bottom: 22px;
  }
  #business .intro .intro__description {
    font-size: 14px;
    line-height: 2.1428571429;
    letter-spacing: 0.04em;
    margin-bottom: 32px;
  }
  #business .intro .intro__img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  #people main .container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
  }
  #people .lead-section {
    margin-bottom: 120px;
  }
  #people #list .list__wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 16.6666666667% 0 18.75%;
  }
  #people #list .list__item {
    width: 43.0107526882%;
    position: relative;
  }
  #people #list .list__item:nth-child(even) {
    padding-top: 80px;
  }
  #people #list .list__item:nth-child(n+3) {
    margin-top: 35px;
  }
  #people #list .list__item:hover .list__item__occupation {
    background-color: #fff;
  }
  #people #list .list__item:hover .list__item__occupation span {
    color: #F12C68;
  }
  #people #list .list__item:hover .list__item__img img {
    opacity: 0.7;
    transform: scale(1.05);
  }
  #people #list .list__item__inner {
    width: 100%;
    position: relative;
  }
  #people #list .list__item__inner > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
  }
  #people #list .list__item__occupation {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100px;
    height: 100px;
    background-color: #F12C68;
    border: 1px solid #F12C68;
    border-radius: 50%;
    position: absolute;
    top: -40px;
    right: -20px;
    z-index: 2;
    transition: 0.3s ease background-color;
  }
  #people #list .list__item__occupation span {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05;
    font-weight: bold;
    color: #fff;
  }
  #people #list .list__item__img {
    width: 100%;
    padding-top: 125%;
    border-radius: 20px;
    margin-bottom: 28px;
    position: relative;
    overflow: hidden;
    z-index: 1;
  }
  #people #list .list__item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: transform 2.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s ease;
  }
  #people #list .list__item__text__title {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: bold;
    color: #F12C68;
    margin-bottom: 24px;
  }
  #people #list .list__item__text__name {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: bold;
    margin-bottom: 7px;
  }
  #people #list .list__item__text__other {
    font-size: 13px;
    line-height: 1.8;
    letter-spacing: 0.05;
  }
  #people_detail {
    min-width: 1200px;
  }
  #people_detail main {
    overflow: hidden;
  }
  #people_detail main .container {
    max-width: 1440px;
    margin: 0 auto;
  }
  #people_detail #kv {
    width: 100%;
    margin: 0 auto 11.1111111111%;
    position: relative;
  }
  #people_detail #kv .kv__img {
    width: calc(50% + 47.2222222222%);
    padding-top: 45.8333333333%;
    margin: 0 0 0 auto;
    position: relative;
  }
  #people_detail #kv .kv__img::before {
    content: "";
    position: absolute;
    top: 6.6666666667%;
    left: -4.5714285714%;
    width: 26.2857142857%;
    padding-top: 19.9285714286%;
    background-image: url("../img/common/deco_people_detail_kv.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #people_detail #kv .kv__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
  }
  #people_detail #kv .kv__text {
    width: 710px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    padding: 43px 0 0 60px;
    border-top-left-radius: 20px;
  }
  #people_detail #kv .kv__text__sub {
    color: #F12C68;
    margin-bottom: 1.71875%;
  }
  #people_detail #kv .kv__text__sub__type {
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: normal;
    padding-right: 1.4705882353%;
    border-right: 1px solid #F12C68;
  }
  #people_detail #kv .kv__text__sub__department {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4444444444;
    padding-left: 1.5625%;
    letter-spacing: 0.05em;
  }
  #people_detail #kv .kv__text__heading {
    color: #F12C68;
    font-size: 45px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: normal;
    margin-bottom: 4.5562130178%;
  }
  #people_detail #kv .kv__text__name {
    color: #222;
    font-size: 13px;
    line-height: 1.8;
    letter-spacing: 0.05em;
  }
  #people_detail #kv .kv__text__name span {
    color: #222;
    font-weight: bold;
    font-size: 18px;
    line-height: 1.4444444444;
    letter-spacing: 0.05em;
    padding-right: 2.0689655172%;
  }
  #people_detail .interview {
    width: 100%;
    position: relative;
  }
  #people_detail .interview .interview__wrapper {
    display: flex;
    align-items: flex-start;
    justify-self: flex-start;
    padding: 0 12.5%;
    position: relative;
  }
  #people_detail .interview .interview__img {
    flex: 1;
    position: relative;
  }
  #people_detail .interview .interview__box {
    width: 48.1481481481%;
  }
  #people_detail .interview .interview__question {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #F12C68;
    font-weight: bold;
    margin-bottom: 3.8461538462%;
  }
  #people_detail .interview .interview__question .number {
    font-size: 76px;
    font-weight: bold;
    line-height: 1;
    position: relative;
    color: #222;
    padding-right: 2.8846153846%;
  }
  #people_detail .interview .interview__question .number::before {
    content: "#";
    font-size: 34px;
    font-weight: bold;
    position: absolute;
    top: 5px;
    left: 0;
    transform: translateX(-100%);
  }
  #people_detail .interview .interview__text:not(:last-child) {
    margin-bottom: 7.6923076923%;
  }
  #people_detail .interview .interview__text__heading {
    margin-bottom: 5.7692307692%;
  }
  #people_detail .interview .interview__text__heading p {
    font-size: 30px;
    line-height: 1.4666666667;
    letter-spacing: 0.05em;
    color: #222;
    font-weight: bold;
  }
  #people_detail .interview .interview__text__answer p {
    font-size: 16px;
    line-height: 2.25;
    letter-spacing: 0.05em;
    color: #222;
  }
  #people_detail .interview .interview__text__answer p:not(:last-child) {
    margin-bottom: 7.6923076923%;
  }
  #people_detail .interview .interview__text__answer p span {
    font-weight: bold;
    padding-right: 2.8846153846%;
  }
  #people_detail #item01 {
    margin-bottom: 110px;
  }
  #people_detail #item01 .box01 {
    margin-bottom: 17.8846153846%;
  }
  #people_detail #item01 .interview__img {
    margin-bottom: 240px;
  }
  #people_detail #item01 .interview__img::before {
    content: "";
    width: 34.1071428571%;
    padding-top: 38.0357142857%;
    position: absolute;
    top: -26.7857142857%;
    left: -26.7857142857%;
    background-image: url("../img/common/deco_people_detail01.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #people_detail #item01 .interview__img__inner {
    width: calc(50vw + -16.0714285714%);
    padding-top: 38.8888888889vw;
    margin-left: 19.6428571429%;
    position: relative;
  }
  #people_detail #item01 .interview__img__inner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 40px 0 0 40px;
  }
  #people_detail #item02 {
    margin-bottom: 91px;
  }
  #people_detail #item02 .interview__img::before {
    content: "";
    width: 60px;
    height: 60px;
    position: absolute;
    top: -231px;
    right: 310px;
    background-image: url("../img/common/deco_people_detail02.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #people_detail #item02 .interview__img::after {
    content: "";
    width: 55.2777777778%;
    padding-top: 39.9074074074%;
    position: absolute;
    top: -171px;
    right: -230px;
    background-image: url("../img/common/deco_people_detail03.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #people_detail #item02 .interview__img__inner {
    width: calc(50vw + 27.962962963%);
    padding-top: 36.1111111111vw;
    position: relative;
    margin-left: calc(50% - 50vw);
  }
  #people_detail #item02 .interview__img__inner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0 40px 40px 0;
  }
  #people_detail #item03 {
    width: 100%;
    margin-bottom: 240px;
  }
  #people_detail #item03 .box04 {
    margin-top: 140px;
  }
  #people_detail #item03 .interview__wrapper {
    display: block;
    padding: 0 13.1944444444%;
  }
  #people_detail #item03 .interview__img {
    width: calc(50vw + 20.9722222222%);
    padding-top: 36.1111111111%;
    position: relative;
    margin-bottom: 8.3333333333%;
  }
  #people_detail #item03 .interview__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 40px 0 0 40px;
  }
  #people_detail #item03 .interview__box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    position: relative;
  }
  #people_detail #item03 .interview__box > div {
    width: 44.3396226415%;
  }
  #people_detail #column {
    margin-bottom: 2.0833333333%;
    position: relative;
  }
  #people_detail #column::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -2;
  }
  #people_detail #column::after {
    content: "";
    width: 100%;
    padding-top: 7.6388888889%;
    background: url(../img/common/bg_people_detail_wave02.svg) center/cover no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
  #people_detail #column .container {
    padding: 0;
    position: relative;
  }
  #people_detail #column .column__bg {
    width: 100%;
    height: 1px;
    position: absolute;
    top: 280px;
    left: 0;
    z-index: -1;
  }
  #people_detail #column .column__bg::before {
    content: "";
    width: 100%;
    padding-top: 42.3611111111%;
    background: linear-gradient(to bottom, #fff 0%, #f0f0f0 100%);
    position: absolute;
    bottom: 123px;
    left: 0;
  }
  #people_detail #column .column__bg::after {
    content: "";
    width: 100%;
    padding-top: 29.375%;
    background: url(../img/common/bg_people_detail_wave01.svg) center/cover no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
  }
  #people_detail #column .column__img {
    position: relative;
    padding: 0 2.7777777778%;
  }
  #people_detail #column .column__img img {
    border-radius: 40px;
  }
  #people_detail #column .column__img::before {
    content: "";
    width: 110px;
    padding-top: 110px;
    position: absolute;
    top: -222px;
    left: 60px;
    background-image: url("../img/common/deco_people_detail04.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #people_detail #column .column__wrapper {
    margin-top: -69.97px;
    padding: 0 180px 0 320px;
    position: relative;
  }
  #people_detail #column .column__wrapper::before {
    content: "";
    width: 25.2777777778%;
    padding-top: 17.5694444444%;
    position: absolute;
    top: 294px;
    left: -42px;
    background-image: url("../img/common/deco_people_detail05.svg");
    background-repeat: no-repeat;
    background-size: contain;
  }
  #people_detail #column .column__wrapper::after {
    content: "";
    display: block;
    width: 16.1111111111%;
    padding-top: 14.6527777778%;
    background-image: url("../img/common/deco_people_detail06.svg");
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: -100px;
    right: 213px;
    z-index: 2;
  }
  #people_detail #column .column__title p {
    font-size: 90px;
    line-height: 1.8111111111;
    letter-spacing: normal;
    position: absolute;
    top: 216px;
    left: 40px;
    transform: rotate(-270deg);
  }
  #people_detail #column .column__list {
    padding-bottom: 24.4680851064%;
  }
  #people_detail #column .column__list__item {
    width: 100%;
    padding: 7.4436170213% 8.5106382979% 8.5106382979% 8.2978723404%;
    margin: 0 auto;
    border-radius: 40px;
    background-color: #fff;
    position: relative;
  }
  #people_detail #column .column__list__item span {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 240px;
    background: #F12C68;
    padding: 0.585106383% 0;
    border-radius: 24px;
    position: absolute;
    top: -2.1595744681%;
    left: 20px;
  }
  #people_detail #column .column__list__item span::after {
    content: "";
    width: 9px;
    height: 9px;
    border-top: 4.5px solid #F12C68;
    border-right: 4.5px solid #F12C68;
    border-bottom: 4.5px solid transparent;
    border-left: 4.5px solid transparent;
    position: absolute;
    top: 100%;
    left: 20px;
  }
  #people_detail #column .column__list__item:nth-child(n+2) {
    margin-top: 70px;
  }
  #people_detail #column .column__list__item h3 {
    font-size: 26px;
    line-height: 1.4230769231;
    letter-spacing: 0.05em;
    color: #222;
    font-weight: bold;
    margin-bottom: 26px;
  }
  #people_detail #column .column__list__item p {
    font-size: 16px;
    line-height: 2.25;
    letter-spacing: 0.05em;
    font-feature-settings: "palt";
  }
  #people_detail #links {
    width: 100%;
    margin: 0 auto;
  }
  #people_detail #links .links__sub {
    font-size: 14px;
    line-height: 1.4285714286;
    letter-spacing: 0.05em;
    color: #F12C68;
    font-weight: bold;
    padding: 0 12.5%;
    margin-bottom: 10px;
  }
  #people_detail #links .links__title {
    font-size: 60px;
    line-height: 1;
    letter-spacing: normal;
    color: #222;
    padding: 0 12.5%;
    margin-bottom: 60px;
  }
  #people_detail #links .links__list {
    display: flex;
    justify-content: space-between;
    align-content: flex-start;
    flex-wrap: wrap;
    padding: 0 12.5%;
  }
  #people_detail #links .links__list__item {
    position: relative;
    flex: 1;
  }
  #people_detail #links .links__list__item:not(:first-child) {
    margin-left: 60px;
  }
  #people_detail #links .links__list__item:hover .links__list__item__img img {
    opacity: 0.7;
    transform: scale(1.05);
  }
  #people_detail #links .links__list__item > a {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  #people_detail #links .links__list__item__img {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  #people_detail #links .links__list__item__img img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    transition: transform 2.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s ease;
  }
  #people_detail #links .links__list__item__text {
    text-align: center;
    margin: 0 0 0 auto;
  }
  #people_detail #links .links__list__item__text__department {
    font-size: 20px;
    line-height: 1.45;
    letter-spacing: 0.05em;
    color: #F12C68;
    padding: 20px 0 16px;
    margin-bottom: 22px;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
  }
  #people_detail #links .links__list__item__text__name {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #222;
    font-weight: bold;
    margin-bottom: 4px;
  }
  #people_detail #links .links__list__item__text__affiliation {
    font-size: 13px;
    line-height: 1.6923076923;
    letter-spacing: 0.05em;
    color: #222;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  #people_detail #item01 .interview__img__inner {
    width: 112.5%;
    padding-top: 100%;
  }
  #people_detail #item02 .interview__img__inner {
    width: 94.6296296296%;
    padding-top: 48.1481481481%;
    position: relative;
    margin-left: -16.6666666667%;
  }
}
@media screen and (max-width: 767px) {
  #people main .container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
  }
  #people .lead-section {
    margin-bottom: 80px;
  }
  #people #list .list__wrapper {
    padding: 0 10.6666666667%;
  }
  #people #list .list__item {
    width: 100%;
    position: relative;
  }
  #people #list .list__item:nth-child(n+2) {
    margin-top: 60px;
  }
  #people #list .list__item__inner {
    width: 100%;
    position: relative;
  }
  #people #list .list__item__inner > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  #people #list .list__item__occupation {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 80px;
    height: 80px;
    background-color: #F12C68;
    border: 1px solid #F12C68;
    border-radius: 50%;
    position: absolute;
    top: -25px;
    right: -15px;
    transition: 0.3s ease background-color;
  }
  #people #list .list__item__occupation span {
    font-size: 13px;
    line-height: 1.4615384615;
    letter-spacing: 0.05;
    font-weight: bold;
    color: #fff;
  }
  #people #list .list__item__img {
    width: 100%;
    padding-top: 125%;
    border-radius: 16px;
    margin-bottom: 22px;
    position: relative;
    overflow: hidden;
  }
  #people #list .list__item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: transform 2.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s ease;
  }
  #people #list .list__item__text__title {
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0.04em;
    font-weight: bold;
    color: #F12C68;
    margin-bottom: 13px;
  }
  #people #list .list__item__text__name {
    font-size: 14px;
    line-height: 1.4285714286;
    letter-spacing: 0.04em;
    font-weight: bold;
    margin-bottom: 7px;
  }
  #people #list .list__item__text__other {
    font-size: 12px;
    line-height: 1.4166666667;
    letter-spacing: 0.04;
  }
  #people_detail main {
    overflow: hidden;
  }
  #people_detail main .container {
    margin: 0 auto;
  }
  #people_detail #kv {
    width: 100%;
    margin: 0 auto 66.67px;
    position: relative;
  }
  #people_detail #kv .kv__img {
    width: calc(50% + 44.6666666667%);
    padding-top: 69.3333333333%;
    margin: 0 0 21px auto;
    position: relative;
  }
  #people_detail #kv .kv__img::before {
    content: "";
    position: absolute;
    top: 12.3943661972%;
    left: -18.0281690141%;
    width: 39.4366197183%;
    padding-top: 29.8591549296%;
    background-image: url("../img/common/deco_people_detail_kv.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #people_detail #kv .kv__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
  }
  #people_detail #kv .kv__text {
    width: 100%;
    background: #fff;
  }
  #people_detail #kv .kv__text__wrapper {
    padding-left: 5.3333333333%;
  }
  #people_detail #kv .kv__text__sub {
    color: #F12C68;
    margin-bottom: 4px;
  }
  #people_detail #kv .kv__text__sub__type {
    font-size: 12px;
    line-height: 1.8333333333;
    letter-spacing: normal;
    padding-right: 1.3888888889%;
    border-right: 1px solid #F12C68;
  }
  #people_detail #kv .kv__text__sub__department {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4285714286;
    padding-left: 2.2222222222%;
    letter-spacing: 0.04em;
  }
  #people_detail #kv .kv__text__heading {
    color: #F12C68;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.3846153846;
    letter-spacing: normal;
    margin-bottom: 16px;
  }
  #people_detail #kv .kv__text__name {
    color: #222;
    font-size: 12px;
    line-height: 1.4166666667;
    letter-spacing: 0.04em;
  }
  #people_detail #kv .kv__text__name span {
    color: #222;
    font-weight: bold;
    font-size: 14px;
    line-height: 1.4285714286;
    letter-spacing: 0.04em;
    padding-right: 2.7777777778%;
  }
  #people_detail .interview {
    width: 100%;
    position: relative;
  }
  #people_detail .interview .interview__wrapper {
    padding: 0 5.3333333333%;
    position: relative;
  }
  #people_detail .interview .interview__img {
    position: relative;
  }
  #people_detail .interview .interview__box {
    width: 100%;
    margin-bottom: 73px;
  }
  #people_detail .interview .interview__question {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 14px;
    line-height: 1.4285714286;
    letter-spacing: 0.05em;
    color: #F12C68;
    font-weight: bold;
    margin-bottom: 17px;
  }
  #people_detail .interview .interview__question .number {
    font-size: 50px;
    font-weight: bold;
    line-height: 1;
    position: relative;
    color: #222;
    padding-right: 3.5820895522%;
  }
  #people_detail .interview .interview__question .number::before {
    content: "#";
    font-size: 24px;
    font-weight: bold;
    position: relative;
    top: -20px;
    left: 0;
  }
  #people_detail .interview .interview__text__heading {
    margin-bottom: 25px;
  }
  #people_detail .interview .interview__text__heading p {
    font-size: 22px;
    line-height: 1.4545454545;
    letter-spacing: 0.05em;
    color: #222;
    font-weight: bold;
  }
  #people_detail .interview .interview__text__answer p {
    font-size: 14px;
    line-height: 2.1428571429;
    letter-spacing: 0.04em;
    color: #222;
  }
  #people_detail .interview#item01 {
    margin-bottom: 80px;
  }
  #people_detail .interview#item01 .box01 {
    margin-bottom: 70px;
  }
  #people_detail .interview#item01 .box01 .interview__question {
    position: relative;
  }
  #people_detail .interview#item01 .box01 .interview__question::before {
    content: "";
    width: 24.1791044776%;
    max-width: 91px;
    padding-top: 25.671641791%;
    position: absolute;
    top: 10px;
    right: 0px;
    background-image: url("../img/common/deco_people_detail01.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #people_detail .interview#item01 .interview__img::before {
    content: "";
    width: 7.1641791045%;
    padding-top: 7.1641791045%;
    position: absolute;
    top: -40px;
    left: 10px;
    background-image: url("../img/common/deco_people_detail02.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #people_detail .interview#item01 .interview__img__inner {
    width: calc(50vw + 50%);
    padding-top: 84.2666666667vw;
    position: relative;
  }
  #people_detail .interview#item01 .interview__img__inner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 40px 0 0 40px;
  }
  #people_detail .interview#item02 {
    overflow-x: clip;
    margin-bottom: 80px;
  }
  #people_detail .interview#item02 .interview__img::before {
    content: "";
    width: 52.5373134328%;
    padding-top: 37.9104477612%;
    position: absolute;
    top: -71px;
    left: -58px;
    background-image: url("../img/common/deco_people_detail03.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #people_detail .interview#item02 .interview__img__inner {
    width: calc(50vw + 50%);
    padding-top: 54.0298507463vw;
    position: relative;
    margin-left: calc(50% - 50vw);
  }
  #people_detail .interview#item02 .interview__img__inner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0 24px 24px 0;
  }
  #people_detail .interview#item03 {
    width: 100%;
    margin-bottom: 97.67px;
  }
  #people_detail .interview#item03 .box03 {
    margin-bottom: 70px;
  }
  #people_detail #column {
    padding-bottom: 8%;
    position: relative;
    overflow-x: clip;
  }
  #people_detail #column::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #f5f5f5;
    position: absolute;
    top: 140px;
    left: 0;
    z-index: -2;
  }
  #people_detail #column::after {
    content: "";
    width: 100%;
    padding-top: 8%;
    background: url(../img/common/bg_people_detail_wave02.svg) center/cover no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
  #people_detail #column .container {
    padding: 0;
    position: relative;
  }
  #people_detail #column .column__bg {
    width: 100%;
    height: 1px;
    position: absolute;
    top: 100px;
    left: 0;
    z-index: -1;
  }
  #people_detail #column .column__bg::before {
    content: "";
    width: 100%;
    padding-top: 110.9333333333%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F0F0F0 100%);
    position: absolute;
    bottom: 44px;
    left: 0;
  }
  #people_detail #column .column__bg::after {
    content: "";
    width: 100%;
    padding-top: 32%;
    background: url(../img/common/sp/bg_people_detail_wave01.svg) center/cover no-repeat;
    position: absolute;
    bottom: 28.46px;
    left: 0;
  }
  #people_detail #column .column__img {
    position: relative;
    padding-top: 53.3333333333%;
    margin-bottom: 37px;
  }
  #people_detail #column .column__img img {
    width: 89.3333333333%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 50%;
    border-radius: 24px;
    transform: translateX(-50%);
  }
  #people_detail #column .column__img::before {
    content: "";
    width: 60px;
    padding-top: 60px;
    position: absolute;
    top: -72.3px;
    left: -10px;
    background-image: url("../img/common/deco_people_detail04.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #people_detail #column .column__img::after {
    content: "";
    width: 58.6666666667%;
    padding-top: 40.8%;
    position: absolute;
    top: 94px;
    right: -96px;
    background-image: url("../img/common/deco_people_detail05.svg");
    background-repeat: no-repeat;
    background-size: contain;
  }
  #people_detail #column .column__wrapper {
    padding: 0 5.3333333333% 21.3333333333%;
    position: relative;
  }
  #people_detail #column .column__wrapper::after {
    content: "";
    width: 41.3333333333%;
    padding-top: 41.3333333333%;
    position: absolute;
    bottom: -85px;
    right: 0;
    background-image: url("../img/common/deco_people_detail06.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 2;
  }
  #people_detail #column .column__title {
    margin-bottom: 8px;
  }
  #people_detail #column .column__title p {
    font-size: 48px;
    line-height: 1.8125;
    letter-spacing: normal;
  }
  #people_detail #column .column__list__item {
    width: 100%;
    padding: 14.4% 9.3333333333% 11.4666666667%;
    margin: 0 auto;
    border-radius: 20px;
    background-color: #fff;
    position: relative;
  }
  #people_detail #column .column__list__item span {
    font-size: 13px;
    line-height: 1.4615384615;
    letter-spacing: 0.05em;
    color: #fff;
    font-weight: bold;
    text-align: center;
    min-width: 194px;
    background: #F12C68;
    padding: 1.7910447761% 4.4776119403%;
    border-radius: 20px;
    position: absolute;
    top: -2.9850746269%;
    left: 20px;
  }
  #people_detail #column .column__list__item span::after {
    content: "";
    width: 9px;
    height: 9px;
    border-top: 4.5px solid #F12C68;
    border-right: 4.5px solid #F12C68;
    border-bottom: 4.5px solid transparent;
    border-left: 4.5px solid transparent;
    position: absolute;
    top: 100%;
    left: 38px;
  }
  #people_detail #column .column__list__item:nth-child(n+2) {
    margin-top: 50px;
  }
  #people_detail #column .column__list__item h3 {
    font-size: 18px;
    line-height: 1.4444444444;
    letter-spacing: 0.05em;
    color: #222;
    font-weight: bold;
    margin-bottom: 21px;
  }
  #people_detail #column .column__list__item p {
    font-size: 14px;
    line-height: 2.0714285714;
    letter-spacing: 0.04em;
  }
  #people_detail #links {
    width: 100%;
    padding-top: 18.6666666667%;
    margin: 0 auto;
    background: #fff;
  }
  #people_detail #links .links__sub {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.05em;
    color: #F12C68;
    font-weight: bold;
    padding-left: 5.3333333333%;
    margin-bottom: 10px;
  }
  #people_detail #links .links__title {
    font-size: 40px;
    line-height: 1;
    letter-spacing: normal;
    color: #222;
    padding-left: 5.3333333333%;
    margin-bottom: 31px;
  }
  #people_detail #links .links__list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 0 5.3333333333%;
  }
  #people_detail #links .links__list > :last-child .links__list__item__text__affiliation {
    line-height: 1.6363636364;
  }
  #people_detail #links .links__list__item {
    width: calc(50% - 17.5px);
    position: relative;
  }
  #people_detail #links .links__list__item:nth-child(odd) {
    margin-right: 17.5px;
  }
  #people_detail #links .links__list__item:nth-child(even) {
    margin-left: 17.5px;
  }
  #people_detail #links .links__list__item:nth-child(n+3) {
    margin-top: 45px;
  }
  #people_detail #links .links__list__item > a {
    display: block;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  #people_detail #links .links__list__item__img {
    padding-top: 100%;
    border-radius: 50%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    overflow: hidden;
  }
  #people_detail #links .links__list__item__img img {
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
  }
  #people_detail #links .links__list__item__text {
    text-align: center;
    margin: 0 0 0 auto;
  }
  #people_detail #links .links__list__item__text__department {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #F12C68;
    padding: 8% 0;
    margin-bottom: 15.47px;
    border-bottom: 1px solid #ccc;
    font-weight: bold;
  }
  #people_detail #links .links__list__item__text__name {
    font-size: 13px;
    line-height: 1.4615384615;
    letter-spacing: 0.05em;
    color: #222;
    font-weight: bold;
    margin-bottom: 1px;
  }
  #people_detail #links .links__list__item__text__affiliation {
    font-size: 11px;
    line-height: 2;
    letter-spacing: 0.05em;
    color: #222;
  }
}
@media screen and (min-width: 768px) {
  #career {
    min-width: 1200px;
  }
  #career main .container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
  }
  #career .lead-section {
    margin-bottom: 120px;
  }
  #career #list .list__wrapper {
    padding: 0 12.5%;
  }
  #career #list .list__item {
    position: relative;
  }
  #career #list .list__item:nth-child(n+2) {
    margin-top: 50px;
  }
  #career #list .list__item:hover .list__item__img img {
    opacity: 0.7;
    transform: scale(1.05);
  }
  #career #list .list__item:hover .list__item__img--comingsoon img {
    opacity: 1;
    transform: scale(1);
  }
  #career #list .list__item:hover .list__item__text::before {
    background-color: #fff;
  }
  #career #list .list__item:hover .list__item__text::after {
    background-image: url(../img/common/arrow_link_pink.svg);
  }
  #career #list .list__item > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
  }
  #career #list .list__item__img {
    width: 100%;
    padding-top: 40.7407407407%;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    z-index: 1;
  }
  #career #list .list__item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: transform 2.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s ease;
  }
  #career #list .list__item__text {
    width: 360px;
    padding: 27px 0 0 35px;
    background-color: #fff;
    border-radius: 20px 0 0 0;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
  }
  #career #list .list__item__text::before {
    content: "";
    display: block;
    width: 54px;
    height: 54px;
    background-color: #F12C68;
    border: 1px solid #F12C68;
    border-radius: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: 0.3s ease background-color;
  }
  #career #list .list__item__text::after {
    content: "";
    display: block;
    width: 7px;
    height: 13px;
    background: url(../img/common/arrow_link_white.svg) center/contain no-repeat;
    position: absolute;
    bottom: 20.5px;
    right: 23px;
  }
  #career #list .list__item__text h3 {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.058em;
    font-weight: bold;
    color: #F12C68;
    margin-bottom: 10px;
  }
  #career #list .list__item__text p {
    font-size: 14px;
    line-height: 1.4285714286;
    letter-spacing: 0.05em;
    font-weight: bold;
  }
  #career #list .list__item__text span {
    font-size: 12px;
    line-height: 1.8333333333;
    letter-spacing: 0.025em;
    font-weight: normal;
    margin-right: 8px;
  }
  #career_detail {
    min-width: 1200px;
  }
  #career_detail main {
    overflow: hidden;
  }
  #career_detail main p {
    font-size: 16px;
    line-height: 2.25;
    letter-spacing: 0.05em;
    font-feature-settings: "palt";
  }
  #career_detail main .container {
    max-width: 1440px;
    margin: 0 auto;
  }
  #career_detail #kv {
    width: 100%;
    margin: 0 auto 5.5555555556%;
    position: relative;
  }
  #career_detail #kv .kv__img {
    width: calc(50% + 47.2222222222%);
    padding-top: 45.8333333333%;
    margin: 0 0 0 auto;
    position: relative;
  }
  #career_detail #kv .kv__img::before {
    content: "";
    position: absolute;
    bottom: 12.8571428571%;
    left: -4.7142857143%;
    width: 25%;
    padding-top: 17.4285714286%;
    background: url("../img/common/deco_career_detail_kv.svg") center/contain no-repeat;
    z-index: 1;
  }
  #career_detail #kv .kv__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
  }
  #career_detail #kv .kv__text {
    width: 680px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    padding: 43px 0 0 60px;
    border-top-left-radius: 20px;
  }
  #career_detail #kv .kv__text__sub {
    color: #F12C68;
    margin-bottom: 2.3529411765%;
  }
  #career_detail #kv .kv__text__sub__type {
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: normal;
    padding-right: 1.4705882353%;
    border-right: 1px solid #F12C68;
  }
  #career_detail #kv .kv__text__sub__department {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4444444444;
    padding-left: 1.4705882353%;
    letter-spacing: 0.05em;
  }
  #career_detail #kv .kv__text__heading {
    color: #F12C68;
    font-size: 52px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: normal;
    margin-bottom: 6.7647058824%;
  }
  #career_detail #kv .kv__text__info {
    font-size: 18px;
    font-weight: bold;
    line-height: 1.4444444444;
    letter-spacing: 0.05em;
  }
  #career_detail #kv .kv__text__info span {
    font-size: 13px;
    font-weight: normal;
    line-height: 1.8;
    letter-spacing: 0.05em;
    padding-left: 1.7647058824%;
  }
  #career_detail #lead {
    width: 100%;
    margin: 0 auto 185px;
  }
  #career_detail #lead .lead__text {
    padding: 0 12.5%;
  }
  #career_detail #interview {
    width: 100%;
    margin: 0 auto;
  }
  #career_detail #interview .interview__list {
    padding: 0 12.5%;
    position: relative;
  }
  #career_detail #interview .interview__list__inner {
    position: relative;
  }
  #career_detail #interview .interview__list__inner::before {
    content: "";
    display: block;
    width: 4px;
    height: 100%;
    background: radial-gradient(circle farthest-side, #bcbcbc, #bcbcbc 30%, transparent 30%, transparent);
    background-size: 4px 12px;
    position: absolute;
    top: 0;
    left: 8px;
    z-index: -1;
  }
  #career_detail #interview .interview__list__inner .item01 {
    position: relative;
  }
  #career_detail #interview .interview__list__inner .item01::before {
    content: "";
    width: 42.5925925926%;
    padding-top: 34.8148148148%;
    position: absolute;
    top: 34.1614906832%;
    left: 1.5527950311%;
    background: url("../img/common/deco_career_detail02.svg") center/contain no-repeat;
    z-index: 1;
    transform: translate(-50%, -50%);
  }
  #career_detail #interview .interview__list__inner .item01::after {
    content: "";
    width: 7.4074074074%;
    padding-top: 7.4074074074%;
    height: 80px;
    position: absolute;
    top: -7.7639751553%;
    right: -7.7639751553%;
    background-image: url("../img/common/deco_career_detail01.svg");
    background-repeat: no-repeat;
    background-size: contain;
  }
  #career_detail #interview .interview__list__inner .item01 .interview__item__wrapper__img::before {
    content: "";
    width: 36.6220735786%;
    padding-top: 29.7658862876%;
    position: absolute;
    top: 54.7770700637%;
    left: -8.3612040134%;
    background-image: url("../img/common/deco_career_detail03.svg");
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    transform: translate(-50%, -50%);
  }
  #career_detail #interview .interview__list__inner .item01 .interview__item__heading::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 25px;
    top: 0;
    left: 0;
    background: #fff;
    transform: translateY(-50%);
  }
  #career_detail #interview .interview__list__inner .item03 {
    position: relative;
  }
  #career_detail #interview .interview__list__inner .item03::before {
    content: "";
    width: 4.7619047619%;
    padding-top: 4.7619047619%;
    position: absolute;
    top: -55.5555555556%;
    left: 23.8095238095%;
    background-image: url("../img/common/deco_career_detail04.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #career_detail #interview .interview__list__inner .item03::after {
    content: "";
    width: 14.2857142857%;
    padding-top: 14.2857142857%;
    position: absolute;
    top: -15.873015873%;
    right: -6.3492063492%;
    background-image: url("../img/common/deco_career_detail05.svg");
    background-repeat: no-repeat;
    background-size: contain;
  }
  #career_detail #interview .interview__list__inner .item04 {
    position: relative;
  }
  #career_detail #interview .interview__list__inner .item04::before {
    content: "";
    width: 18.4920634921%;
    padding-top: 16.8253968254%;
    position: absolute;
    top: 31.746031746%;
    left: 7.9365079365%;
    background-image: url("../img/common/deco_career_detail06.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #career_detail #interview .interview__item {
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    margin-bottom: 160px;
  }
  #career_detail #interview .interview__item__img {
    width: 100%;
    padding-top: 30.5555555556vw;
    position: relative;
  }
  #career_detail #interview .interview__item__img__inner {
    width: calc(50vw + 50%);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 40px 40px 0;
    overflow: hidden;
  }
  #career_detail #interview .interview__item__img__inner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  #career_detail #interview .interview__item__heading {
    width: 43.9814814815%;
    padding-left: 4.1666666667%;
    padding-right: 3.7037037037%;
    position: relative;
  }
  #career_detail #interview .interview__item__heading::after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    top: 22px;
    left: 0;
    background: #fff;
    border-radius: 50%;
    border: 3px solid #F12C68;
    transform: translateY(-50%);
  }
  #career_detail #interview .interview__item__heading p {
    position: relative;
    font-size: 30px;
    line-height: 1.4666666667;
    letter-spacing: 0.05em;
    font-weight: bold;
  }
  #career_detail #interview .interview__item__wrapper {
    flex: 1;
  }
  #career_detail #interview .interview__item__wrapper__text {
    margin-bottom: 80px;
  }
  #career_detail #interview .interview__item__wrapper__img {
    width: 100%;
    padding-top: 30.5555555556vw;
    position: relative;
  }
  #career_detail #interview .interview__item__wrapper__img__inner {
    width: calc(50vw + 10.6907894737%);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 40px 0 0 40px;
    overflow: hidden;
  }
  #career_detail #interview .interview__item__wrapper__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  #career_detail #end {
    background-color: #f5f5f5;
    padding-bottom: 7.6388888889%;
    margin-bottom: 2.0833333333%;
    position: relative;
  }
  #career_detail #end::before {
    content: "";
    display: block;
    width: 100%;
    height: 35%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  #career_detail #end::after {
    content: "";
    width: 100%;
    padding-top: 7.6388888889%;
    background: url(../img/common/bg_career_detail_wave.svg) center/contain no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
  #career_detail #end .container {
    padding: 0;
    max-width: 1440px;
  }
  #career_detail #end .end__img {
    position: relative;
    padding: 0 2.7777777778% 9.0277777778%;
  }
  #career_detail #end .end__img img {
    border-radius: 40px;
  }
  #career_detail #end .end__img::before {
    content: "";
    width: 460px;
    height: 348px;
    position: absolute;
    top: 110px;
    left: -130px;
    background: url("../img/common/deco_career_detail07.svg") no-repeat;
    transform: translateY(-100%);
  }
  #career_detail #links {
    width: 100%;
    margin: 0 auto;
  }
  #career_detail #links .links__sub {
    font-size: 14px;
    line-height: 1.4285714286;
    letter-spacing: 0.05em;
    color: #F12C68;
    font-weight: bold;
    padding: 0 12.5%;
    margin-bottom: 10px;
  }
  #career_detail #links .links__title {
    font-size: 60px;
    line-height: 1;
    letter-spacing: normal;
    color: #222;
    padding: 0 12.5%;
    margin-bottom: 60px;
  }
  #career_detail #links .links__list {
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    padding: 0 12.5%;
  }
  #career_detail #links .links__list__item {
    transition: ease opacity 0.5s;
    width: calc(50% - 40px);
    flex: 1;
    position: relative;
  }
  #career_detail #links .links__list__item:nth-child(even) {
    margin-left: 40px;
  }
  #career_detail #links .links__list__item:hover .links__list__item__img img {
    opacity: 0.7;
    transform: scale(1.05);
  }
  #career_detail #links .links__list__item:hover .links__list__item__img--comingsoon img {
    opacity: 1;
    transform: scale(1);
  }
  #career_detail #links .links__list__item > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
  }
  #career_detail #links .links__list__item__img {
    width: 100%;
    padding-top: 46.1538461538%;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    z-index: 1;
  }
  #career_detail #links .links__list__item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 2.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s ease;
  }
  #career_detail #links .links__list__item__text {
    text-align: center;
    display: inline-block;
    min-width: 38.4615384615%;
    margin: 0 0 0 auto;
    position: absolute;
    top: 50%;
    right: 9.6153846154%;
    transform: translateY(-50%);
    z-index: 2;
  }
  #career_detail #links .links__list__item__text__department {
    font-size: 20px;
    line-height: 1.45;
    letter-spacing: 0.05em;
    color: #F12C68;
    padding-bottom: 22px;
    margin-bottom: 22px;
    border-bottom: 1px solid #fff;
    font-weight: bold;
  }
  #career_detail #links .links__list__item__text__name {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #222;
    font-weight: bold;
  }
  #career_detail #links .links__list__item__text__affiliation {
    font-size: 13px;
    line-height: 1.6923076923;
    letter-spacing: 0.05em;
    color: #222;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  #career_detail #interview .interview__item__img {
    padding-top: 40.7407407407%;
  }
  #career_detail #interview .interview__item__img__inner {
    width: calc(100% + 16.6666666667%);
  }
  #career_detail #interview .interview__item__wrapper__img {
    padding-top: 72.3684210526%;
  }
  #career_detail #interview .interview__item__wrapper__img__inner {
    width: calc(100% + 29.6052631579%);
  }
}
@media screen and (max-width: 767px) {
  #career main .container {
    width: 100%;
    margin: 0 auto;
  }
  #career .lead-section {
    margin-bottom: 80px;
  }
  #career #list {
    padding-bottom: 20px;
  }
  #career #list .list__wrapper {
    padding: 0 5.3333333333%;
  }
  #career #list .list__item {
    position: relative;
  }
  #career #list .list__item:nth-child(n+2) {
    margin-top: 40px;
  }
  #career #list .list__item > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  #career #list .list__item__img {
    width: 100%;
    padding-top: 53.7313432836%;
    border-radius: 16px;
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
  }
  #career #list .list__item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: transform 2.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s ease;
  }
  #career #list .list__item__text {
    position: relative;
  }
  #career #list .list__item__text::before {
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    background-color: #F12C68;
    border: 1px solid #F12C68;
    border-radius: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: 0.3s ease background-color;
  }
  #career #list .list__item__text::after {
    content: "";
    display: block;
    width: 6.22px;
    height: 11.56px;
    background: url(../img/common/arrow_link_white.svg) center/contain no-repeat;
    position: absolute;
    bottom: 18.22px;
    right: 20.45px;
  }
  #career #list .list__item__text h3 {
    font-size: 20px;
    line-height: 1.35;
    letter-spacing: 0.04em;
    font-weight: bold;
    color: #F12C68;
    margin-bottom: 4px;
  }
  #career #list .list__item__text p {
    font-size: 13px;
    line-height: 1.4615384615;
    letter-spacing: 0.04em;
    font-weight: bold;
  }
  #career #list .list__item__text span {
    font-size: 12px;
    line-height: 1.8333333333;
    letter-spacing: 0.025em;
    font-weight: normal;
    margin-right: 8px;
  }
  #career_detail main p {
    font-size: 14px;
    line-height: 2.1428571429;
    letter-spacing: 0.04em;
    font-feature-settings: "palt";
  }
  #career_detail main .container {
    margin: 0 auto;
  }
  #career_detail #kv {
    width: 100%;
    margin: 0 auto 13.3333333333%;
    position: relative;
    overflow: hidden visible;
  }
  #career_detail #kv .kv__img {
    width: calc(50% + 44.6666666667%);
    padding-top: 69.3333333333%;
    margin: 0 0 5.6% auto;
    position: relative;
  }
  #career_detail #kv .kv__img::before {
    content: "";
    position: absolute;
    bottom: -19.7183098592%;
    right: -2.8169014085%;
    width: 39.4366197183%;
    height: 37.6923076923%;
    background-image: url("../img/common/deco_career_detail_kv.svg");
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
  }
  #career_detail #kv .kv__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
  }
  #career_detail #kv .kv__text {
    width: 100%;
    background: #fff;
    color: #222;
    padding: 0 21.3333333333% 0 5.6%;
  }
  #career_detail #kv .kv__text__sub {
    color: #F12C68;
    margin-bottom: 1.0666666667%;
  }
  #career_detail #kv .kv__text__sub__type {
    font-size: 12px;
    line-height: 1.8333333333;
    letter-spacing: normal;
    padding-right: 1.976284585%;
    border-right: 1px solid #F12C68;
  }
  #career_detail #kv .kv__text__sub__department {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4285714286;
    padding-left: 3.162055336%;
    letter-spacing: 0.04em;
  }
  #career_detail #kv .kv__text__heading {
    color: #F12C68;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.3846153846;
    letter-spacing: normal;
    margin-bottom: 8.6956521739%;
  }
  #career_detail #kv .kv__text__info {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4285714286;
    letter-spacing: 0.04em;
  }
  #career_detail #kv .kv__text__info span {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4166666667;
    letter-spacing: 0.04em;
    padding-left: 2.6666666667%;
  }
  #career_detail #lead {
    width: 100%;
    margin: 0 auto 80px;
  }
  #career_detail #lead .lead__text {
    padding: 0 5.3333333333%;
  }
  #career_detail #interview {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
  }
  #career_detail #interview .interview__list {
    padding: 0 8% 0 5.3333333333%;
    position: relative;
  }
  #career_detail #interview .interview__list__inner {
    padding-bottom: 77px;
    position: relative;
  }
  #career_detail #interview .interview__list__inner::before {
    content: "";
    display: block;
    width: 2px;
    height: 100%;
    background: radial-gradient(circle farthest-side, #bcbcbc, #bcbcbc 30%, transparent 30%, transparent);
    background-size: 2px 6px;
    position: absolute;
    top: 0;
    left: 7px;
    z-index: -1;
  }
  #career_detail #interview .interview__list .item01 .interview__item__wrapper__img::before {
    content: "";
    width: 62.1118012422%;
    height: 95%;
    position: absolute;
    top: 18.6335403727%;
    left: -9.3167701863%;
    background-image: url("../img/common/deco_career_detail02.svg");
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 1;
    transform: translate(-50%, -50%);
  }
  #career_detail #interview .interview__list .item01 .interview__item__wrapper__img::after {
    content: "";
    width: 32.6086956522%;
    height: 45.5555555556%;
    position: absolute;
    top: -27.950310559%;
    right: -4.6583850932%;
    background-image: url("../img/common/deco_career_detail03.svg");
    background-repeat: no-repeat;
    background-size: cover;
  }
  #career_detail #interview .interview__list .item03 .interview__item__img::before {
    content: "";
    width: 8.4507042254%;
    height: 15%;
    position: absolute;
    top: -27.950310559%;
    left: 15.5279503106%;
    background-image: url("../img/common/deco_career_detail04.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #career_detail #interview .interview__list .item03 .interview__item__img::after {
    content: "";
    width: 31.0559006211%;
    height: 55.5555555556%;
    position: absolute;
    top: -15.5279503106%;
    right: -13.9751552795%;
    background-image: url("../img/common/deco_career_detail05.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #career_detail #interview .interview__list .item04 .interview__item__wrapper__img::before {
    content: "";
    width: 29.1095890411%;
    height: 62%;
    position: absolute;
    top: -18.8356164384%;
    left: 13.698630137%;
    background-image: url("../img/common/deco_career_detail06.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #career_detail #interview .interview__item:not(:last-child) {
    margin-bottom: 77px;
  }
  #career_detail #interview .interview__item:first-child {
    position: relative;
  }
  #career_detail #interview .interview__item:first-child .interview__item__heading::before {
    content: "";
    position: absolute;
    width: 20px;
    height: 25px;
    top: 0;
    left: 0;
    background: #fff;
    transform: translateY(-50%);
  }
  #career_detail #interview .interview__item__img {
    width: 100%;
    padding-top: 53.3333333333vw;
    position: relative;
  }
  #career_detail #interview .interview__item__img__inner {
    width: calc(50vw + 51.5384615385%);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 0 20px 20px 0;
    overflow: hidden;
  }
  #career_detail #interview .interview__item__img__inner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  #career_detail #interview .interview__item__heading {
    width: 100%;
    padding-left: 10.1538461538%;
    position: relative;
    margin-bottom: 30px;
  }
  #career_detail #interview .interview__item__heading::after {
    content: "";
    position: absolute;
    width: 16px;
    height: 16px;
    top: 13px;
    left: 0;
    background: #fff;
    border-radius: 50%;
    border: 3px solid #F12C68;
    transform: translateY(-50%);
  }
  #career_detail #interview .interview__item__heading p {
    position: relative;
    font-size: 22px;
    line-height: 1.4545454545;
    letter-spacing: 0.05em;
    font-weight: bold;
  }
  #career_detail #interview .interview__item__wrapper {
    padding-left: 10.1538461538%;
  }
  #career_detail #interview .interview__item__wrapper__text {
    margin-bottom: 80px;
  }
  #career_detail #interview .interview__item__wrapper__img {
    width: 100%;
    padding-top: 48vw;
    position: relative;
  }
  #career_detail #interview .interview__item__wrapper__img__inner {
    width: calc(50vw + 46.0616438356%);
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 20px 0 0 20px;
    overflow: hidden;
  }
  #career_detail #interview .interview__item__wrapper__img__inner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
  #career_detail #end {
    background-color: #f5f5f5;
    padding-bottom: 21.3333333333%;
    margin-bottom: 18.6666666667%;
    position: relative;
  }
  #career_detail #end::before {
    content: "";
    display: block;
    width: 100%;
    height: 40%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  #career_detail #end::after {
    content: "";
    width: 100%;
    padding-top: 8%;
    background: url(../img/common/bg_career_detail_wave.svg) center/contain no-repeat;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 1;
  }
  #career_detail #end .container {
    padding: 0;
  }
  #career_detail #end .end__img {
    position: relative;
    padding: 53.3333333333% 0 0;
  }
  #career_detail #end .end__img img {
    position: absolute;
    top: 0;
    left: 50%;
    width: calc(100% - 40px);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 20px;
    transform: translateX(-50%);
  }
  #career_detail #end .end__img::before {
    content: "";
    width: 46.6666666667%;
    height: 66%;
    position: absolute;
    top: 10.6666666667%;
    left: -8%;
    background-image: url("../img/common/deco_career_detail07.svg");
    background-repeat: no-repeat;
    background-size: cover;
    transform: translateY(-50%);
    z-index: 1;
  }
  #career_detail #links {
    width: 100%;
    margin: 0 auto;
  }
  #career_detail #links .links__sub {
    font-size: 12px;
    line-height: 1.4166666667;
    letter-spacing: 0.05em;
    color: #F12C68;
    font-weight: bold;
    padding: 0 5.3333333333%;
    margin-bottom: 10px;
  }
  #career_detail #links .links__title {
    font-size: 40px;
    line-height: 1;
    letter-spacing: normal;
    color: #222;
    padding: 0 5.3333333333%;
    margin-bottom: 60px;
  }
  #career_detail #links .links__list {
    padding: 0 5.3333333333%;
  }
  #career_detail #links .links__list__item {
    width: 100%;
    position: relative;
  }
  #career_detail #links .links__list__item:nth-child(n+2) {
    margin-top: 27px;
  }
  #career_detail #links .links__list__item > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  #career_detail #links .links__list__item__img {
    width: 100%;
    padding-top: 47.6923076923%;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
  }
  #career_detail #links .links__list__item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
  #career_detail #links .links__list__item__text {
    max-width: 180px;
    text-align: center;
    position: absolute;
    top: 50%;
    right: 32.8358208955%;
    transform: translate(50%, -50%);
  }
  #career_detail #links .links__list__item__text__department {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    color: #F12C68;
    padding-bottom: 8px;
    margin-bottom: 9px;
    border-bottom: 1px solid #fff;
    font-weight: bold;
  }
  #career_detail #links .links__list__item__text__name {
    font-size: 13px;
    line-height: 1.4615384615;
    letter-spacing: 0.05em;
    color: #222;
    font-weight: bold;
  }
  #career_detail #links .links__list__item__text__affiliation {
    font-size: 11px;
    line-height: 2;
    letter-spacing: 0.05em;
    color: #222;
  }
  #career_detail.career_hs1 #kv .kv__img img {
    -o-object-position: 35% 50%;
    object-position: 35% 50%;
  }
}
@media screen and (min-width: 768px) {
  #session {
    min-width: 1200px;
  }
  #session main .container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
  }
  #session .lead-section {
    margin-bottom: 120px;
  }
  #session #list .list__wrapper {
    padding: 0 12.5%;
  }
  #session #list .list__item {
    position: relative;
  }
  #session #list .list__item:nth-child(n+2) {
    margin-top: 50px;
  }
  #session #list .list__item:hover .list__item__img img {
    opacity: 0.7;
    transform: scale(1.05);
  }
  #session #list .list__item:hover .list__item__text::before {
    background-color: #fff;
  }
  #session #list .list__item:hover .list__item__text::after {
    background-image: url(../img/common/arrow_link_pink.svg);
  }
  #session #list .list__item > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
  }
  #session #list .list__item__img {
    width: 100%;
    padding-top: 40.7407407407%;
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    z-index: 1;
  }
  #session #list .list__item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: transform 2.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s ease;
  }
  #session #list .list__item__text {
    width: 400px;
    padding: 27px 0 0 35px;
    background-color: #fff;
    border-radius: 20px 0 0 0;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
  }
  #session #list .list__item__text::before {
    content: "";
    display: block;
    width: 54px;
    height: 54px;
    background-color: #F12C68;
    border: 1px solid #F12C68;
    border-radius: 50%;
    position: absolute;
    right: 0;
    bottom: 14px;
    transition: 0.3s ease background-color;
  }
  #session #list .list__item__text::after {
    content: "";
    display: block;
    width: 7px;
    height: 13px;
    background: url(../img/common/arrow_link_white.svg) center/contain no-repeat;
    position: absolute;
    bottom: 34.5px;
    right: 23px;
  }
  #session #list .list__item__text p {
    font-size: 12px;
    line-height: 1.4166666667;
    letter-spacing: 0.0583333333em;
    font-weight: bold;
    margin-bottom: 10px;
  }
  #session #list .list__item__text h3 {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.058em;
    font-weight: bold;
    color: #F12C68;
  }
  #session_detail {
    min-width: 1200px;
  }
  #session_detail main {
    overflow: hidden;
  }
  #session_detail main p {
    font-size: 16px;
    line-height: 2.25;
    letter-spacing: 0.05em;
    font-feature-settings: "palt";
  }
  #session_detail main .container {
    max-width: 1440px;
    margin: 0 auto;
  }
  #session_detail #kv {
    width: 100%;
    margin: 0 auto 5.5555555556%;
    position: relative;
  }
  #session_detail #kv .kv__img {
    width: calc(50% + 47.2222222222%);
    padding-top: 45.8333333333%;
    margin: 0 0 0 auto;
    position: relative;
  }
  #session_detail #kv .kv__img::before {
    content: "";
    position: absolute;
    top: 57.8571428571%;
    left: -7.1428571429%;
    width: 32.1428571429%;
    padding-top: 23.2142857143%;
    background-image: url("../img/common/deco_session_detail_kv.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #session_detail #kv .kv__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
  }
  #session_detail #kv .kv__text {
    width: 640px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: #fff;
    padding: 43px 0 0 60px;
    border-top-left-radius: 20px;
  }
  #session_detail #kv .kv__text__sub {
    color: #F12C68;
    margin-bottom: 1.71875%;
  }
  #session_detail #kv .kv__text__sub__department {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.5;
    letter-spacing: 0.05em;
    display: inline-block;
    padding-left: 0.46875%;
  }
  #session_detail #kv .kv__text__heading {
    color: #F12C68;
    font-size: 45px;
    font-weight: bold;
    line-height: 1.4;
    letter-spacing: normal;
  }
  #session_detail #lead {
    width: 100%;
    margin-bottom: 240px;
    position: relative;
  }
  #session_detail #lead::after {
    content: "";
    width: 100%;
    padding-top: 22.3611111111%;
    background: url(../img/common/bg_session_detail_wave01.svg) center/cover no-repeat;
    position: absolute;
  }
  #session_detail #lead .container {
    max-width: none;
  }
  #session_detail #lead .lead__wrapper {
    max-width: 1440px;
    margin: 0 auto;
  }
  #session_detail #lead .lead__text {
    padding: 0 12.5%;
    margin: 0 auto 102px;
  }
  #session_detail #lead .lead__img {
    padding-bottom: 2.7777777778%;
    background-image: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(245, 245, 245, 0.45) 23.27%, #f5f5f5 100%);
  }
  #session_detail #lead .lead__img__wrapper {
    width: 65.2777777778%;
    max-width: 940px;
    margin: 0 auto;
    position: relative;
  }
  #session_detail #lead .lead__img__wrapper::before {
    content: "";
    width: 20.3191489362%;
    padding-top: 17.3404255319%;
    position: absolute;
    top: -5.3191489362%;
    right: -17.0212765957%;
    background-image: url("../img/common/deco_session_detail01.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #session_detail #lead .lead__img__wrapper::after {
    content: "";
    width: 6.3829787234%;
    padding-top: 6.3829787234%;
    position: absolute;
    bottom: -1.0638297872%;
    left: -15.9574468085%;
    background-image: url("../img/common/deco_session_detail02.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #session_detail #lead .lead__img__wrapper img {
    width: 100%;
  }
  #session_detail .interview {
    width: 100%;
    margin-bottom: 160px;
    position: relative;
  }
  #session_detail .interview .interview__wrapper {
    display: flex;
    align-items: flex-start;
    justify-self: flex-start;
    padding: 0 12.5%;
    position: relative;
  }
  #session_detail .interview .interview__img {
    flex: 1;
    position: relative;
  }
  #session_detail .interview .interview__box {
    width: 58.3333333333%;
  }
  #session_detail .interview .interview__heading {
    font-size: 30px;
    line-height: 1.4666666667;
    letter-spacing: 0.05em;
    color: #222;
    font-weight: bold;
    margin-bottom: 4.6296296296%;
  }
  #session_detail .interview .interview__text:not(:last-child) {
    margin-bottom: 3.7037037037%;
  }
  #session_detail .interview .interview__text__question {
    margin-bottom: 3.7037037037%;
  }
  #session_detail .interview .interview__text__question p {
    color: #F12C68;
  }
  #session_detail .interview .interview__text__question p::before {
    content: "― ";
    display: inline-block;
    font-size: 16px;
    line-height: 2.25;
    letter-spacing: 0.05em;
    font-feature-settings: "palt";
  }
  #session_detail .interview .interview__text__answer p:not(:last-child) {
    margin-bottom: 3.7037037037%;
  }
  #session_detail .interview .interview__text__answer p span {
    font-weight: bold;
    padding-right: 1.3888888889%;
  }
  #session_detail #item01 .interview__wrapper::after {
    content: "";
    width: 4.1666666667%;
    padding-top: 4.1666666667%;
    position: absolute;
    top: calc(100% + 21px);
    right: 2.7777777778%;
    background-image: url("../img/common/deco_session_detail04.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #session_detail #item01 .interview__img {
    margin-bottom: 332px;
  }
  #session_detail #item01 .interview__img::before {
    content: "";
    width: 124.4444444444%;
    padding-top: 101.7777777778%;
    position: absolute;
    top: 80.9677419355%;
    left: 34.4444444444%;
    background-image: url("../img/common/deco_session_detail03.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #session_detail #item01 .interview__img__inner {
    width: calc(50vw + -44.4444444444%);
    padding-top: 43.0555555556vw;
    margin-left: 24.4444444444%;
    position: relative;
  }
  #session_detail #item01 .interview__img__inner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 40px 0 0 40px;
  }
  #session_detail #item02 .interview__img__inner,
#session_detail #item04 .interview__img__inner {
    width: calc(50vw + -44.4444444444%);
    padding-top: 43.0555555556vw;
    position: relative;
    margin-left: calc(115.5555555556% - 50vw);
  }
  #session_detail #item02 .interview__img__inner img,
#session_detail #item04 .interview__img__inner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0 40px 40px 0;
  }
  #session_detail #item03 .interview__wrapper {
    display: block;
  }
  #session_detail #item03 .interview__wrapper::before {
    content: "";
    width: 19.4444444444%;
    padding-top: 13.5416666667%;
    position: absolute;
    top: -125px;
    left: 12.5%;
    background-image: url("../img/common/deco_session_detail05.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    transform: translateX(-50%);
  }
  #session_detail #item03 .interview__img {
    width: calc(50vw + 50%);
    padding-top: 48.1481481481%;
    position: relative;
    margin-bottom: 11.1111111111%;
  }
  #session_detail #item03 .interview__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 40px 0 0 40px;
  }
  #session_detail #item03 .interview__box {
    width: 100%;
    padding: 0 11.1111111111%;
    position: relative;
  }
  #session_detail #item03 .interview__box::before {
    content: "";
    width: 17.6851851852%;
    padding-top: 16.0185185185%;
    position: absolute;
    top: 130px;
    left: calc(100% + -11.1111111111%);
    background-image: url("../img/common/deco_session_detail06.svg");
    background-repeat: no-repeat;
    background-size: contain;
  }
  #session_detail #item04 .interview__img {
    margin-bottom: 120px;
  }
  #session_detail #item04 .interview__img::before {
    content: "";
    width: 40%;
    padding-top: 40%;
    position: absolute;
    top: -60px;
    right: 15.5555555556%;
    background-image: url("../img/common/deco_session_detail07.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #session_detail #links {
    width: 100%;
    margin: 0 auto;
  }
  #session_detail #links .links__sub {
    font-size: 14px;
    line-height: 1.4285714286;
    letter-spacing: 0.05em;
    color: #F12C68;
    font-weight: bold;
    padding: 0 12.5%;
    margin-bottom: 10px;
  }
  #session_detail #links .links__title {
    font-size: 60px;
    line-height: 1;
    letter-spacing: normal;
    color: #222;
    padding: 0 12.5%;
    margin-bottom: 60px;
  }
  #session_detail #links .links__list {
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
    padding: 0 12.5%;
  }
  #session_detail #links .links__list__item {
    width: calc(50% - 40px);
    flex: 1;
    position: relative;
  }
  #session_detail #links .links__list__item:nth-child(even) {
    margin-left: 40px;
  }
  #session_detail #links .links__list__item:hover .links__list__item__img img {
    opacity: 0.7;
    transform: scale(1.05);
  }
  #session_detail #links .links__list__item > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
  }
  #session_detail #links .links__list__item__img {
    width: 100%;
    padding-top: 46.1538461538%;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    z-index: 1;
  }
  #session_detail #links .links__list__item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 2.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s ease;
  }
  #session_detail #links .links__list__item__text {
    width: 100%;
    max-width: 210px;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
  }
  #session_detail #links .links__list__item__text__title {
    font-size: 20px;
    line-height: 1.45;
    letter-spacing: 0.05em;
    color: #fff;
    font-weight: bold;
  }
  #session_detail #end {
    background-color: #f5f5f5;
    padding-bottom: 7.6388888889%;
    margin-bottom: 2.0833333333%;
    position: relative;
  }
  #session_detail #end::before {
    content: "";
    display: block;
    width: 100%;
    height: 35%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  #session_detail #end::after {
    content: "";
    width: 100%;
    padding-top: 7.6388888889%;
    background: url(../img/common/bg_session_detail_wave02.svg) center/contain no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
  #session_detail #end .container {
    padding: 0;
    max-width: 1440px;
  }
  #session_detail #end .end__img {
    position: relative;
    padding: 0 2.7777777778% 9.0277777778%;
  }
  #session_detail #end .end__img img {
    border-radius: 40px;
  }
  #session_detail #end .end__img::before {
    content: "";
    width: 37.5%;
    padding-top: 26.7361111111%;
    position: absolute;
    top: -27.7777777778%;
    left: 8.3333333333%;
    background-image: url("../img/common/deco_session_detail08.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
    transform: translateX(-50%);
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  #session_detail #item01 .interview__img__inner {
    width: calc(100% + 15.5555555556%);
    padding-top: 137.7777777778%;
  }
  #session_detail #item02 .interview__img__inner,
#session_detail #item04 .interview__img__inner {
    width: 115.5555555556%;
    padding-top: 137.7777777778%;
    position: relative;
    margin-left: -40%;
  }
  #session_detail #item03 .interview__img {
    width: calc(100% + 16.6666666667%);
  }
}
@media screen and (max-width: 767px) {
  #session main .container {
    width: 100%;
    margin: 0 auto;
  }
  #session #common-kv .kv__bg img {
    -o-object-position: 80.9523809524% center;
    object-position: 80.9523809524% center;
  }
  #session .lead-section {
    margin-bottom: 80px;
  }
  #session #list {
    padding-bottom: 20px;
  }
  #session #list .list__wrapper {
    padding: 0 5.3333333333%;
  }
  #session #list .list__item {
    position: relative;
  }
  #session #list .list__item:nth-child(n+2) {
    margin-top: 40px;
  }
  #session #list .list__item > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  #session #list .list__item__img {
    width: 100%;
    padding-top: 53.7313432836%;
    border-radius: 16px;
    margin-bottom: 18px;
    position: relative;
    overflow: hidden;
  }
  #session #list .list__item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: transform 2.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s ease;
  }
  #session #list .list__item__text {
    padding-right: 60px;
    position: relative;
  }
  #session #list .list__item__text::before {
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    background-color: #F12C68;
    border: 1px solid #F12C68;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    transition: 0.3s ease background-color;
  }
  #session #list .list__item__text::after {
    content: "";
    display: block;
    width: 6.22px;
    height: 11.56px;
    background: url(../img/common/arrow_link_white.svg) center/contain no-repeat;
    position: absolute;
    top: 50%;
    right: 20.45px;
    transform: translateY(-50%);
  }
  #session #list .list__item__text p {
    font-size: 12px;
    line-height: 1.3333333333;
    letter-spacing: 0.0583333333em;
    font-weight: bold;
    margin-bottom: 6px;
  }
  #session #list .list__item__text h3 {
    font-size: 20px;
    line-height: 1.35;
    letter-spacing: 0.04em;
    font-weight: bold;
    color: #F12C68;
  }
  #session_detail main {
    overflow: hidden;
  }
  #session_detail main p {
    font-size: 14px;
    line-height: 2.1428571429;
    letter-spacing: 0.04em;
    font-feature-settings: "palt";
  }
  #session_detail main .container {
    margin: 0 auto;
  }
  #session_detail #kv {
    width: 100%;
    margin: 0 auto 50px;
    position: relative;
  }
  #session_detail #kv .kv__img {
    width: calc(50% + 44.6666666667%);
    padding-top: 69.3333333333%;
    margin: 0 0 5.6% auto;
    position: relative;
  }
  #session_detail #kv .kv__img::before {
    content: "";
    position: absolute;
    bottom: -4.6153846154%;
    left: -12.676056338%;
    width: 39.4366197183%;
    padding-top: 28.4507042254%;
    background-image: url("../img/common/deco_session_detail_kv.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #session_detail #kv .kv__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-top-left-radius: 50px;
    border-bottom-left-radius: 50px;
  }
  #session_detail #kv .kv__text {
    background: #fff;
    padding: 0 5.3333333333%;
  }
  #session_detail #kv .kv__text__sub {
    color: #F12C68;
    margin-bottom: 4px;
  }
  #session_detail #kv .kv__text__sub__department {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4285714286;
    letter-spacing: 0.04em;
  }
  #session_detail #kv .kv__text__heading {
    color: #F12C68;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.3846153846;
    letter-spacing: normal;
    margin-bottom: 22px;
  }
  #session_detail #lead {
    width: 100%;
    padding-bottom: 23.0555555556%;
    margin: 0 auto 28px;
  }
  #session_detail #lead::after {
    content: "";
    width: 100%;
    padding-top: 23.0555555556%;
    background: url(../img/common/bg_session_detail_wave01.svg) center/cover no-repeat;
    position: absolute;
  }
  #session_detail #lead .container {
    max-width: none;
  }
  #session_detail #lead .lead__text {
    padding: 0 5.3333333333%;
    margin: 0 auto 70px;
  }
  #session_detail #lead .lead__img {
    padding-bottom: 10.6666666667%;
    background-image: linear-gradient(180deg, rgb(255, 255, 255) 0%, rgba(245, 245, 245, 0.45) 23.27%, #f5f5f5 100%);
  }
  #session_detail #lead .lead__img img {
    width: 100%;
  }
  #session_detail #lead .lead__img__wrapper {
    width: 89.3333333333%;
    margin: 0 auto;
    position: relative;
  }
  #session_detail #lead .lead__img__wrapper::before {
    content: "";
    width: 36.4179104478%;
    padding-top: 29.552238806%;
    position: absolute;
    top: 42px;
    right: -11.9402985075%;
    background-image: url("../img/common/deco_session_detail01.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #session_detail #lead .lead__img__wrapper::after {
    content: "";
    width: 7.1641791045%;
    padding-top: 7.1641791045%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url("../img/common/deco_session_detail02.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #session_detail #wrapper {
    margin-bottom: 100px;
  }
  #session_detail .interview {
    width: 100%;
    position: relative;
  }
  #session_detail .interview:nth-child(n+2) {
    margin-top: 60px;
  }
  #session_detail .interview .interview__wrapper {
    padding: 0 5.3333333333%;
    position: relative;
  }
  #session_detail .interview .interview__img {
    position: relative;
  }
  #session_detail .interview .interview__img + .interview__box {
    margin-top: 80px;
  }
  #session_detail .interview .interview__box + .interview__img {
    margin-top: 80px;
  }
  #session_detail .interview .interview__heading {
    font-size: 22px;
    line-height: 1.4545454545;
    letter-spacing: 0.05em;
    color: #222;
    font-weight: bold;
    margin-bottom: 23px;
  }
  #session_detail .interview .interview__text:not(:last-child) {
    margin-bottom: 30px;
  }
  #session_detail .interview .interview__text__question {
    margin-bottom: 30px;
  }
  #session_detail .interview .interview__text__question p {
    color: #F12C68;
  }
  #session_detail .interview .interview__text__question p::before {
    content: "― ";
    display: inline-block;
    font-size: 16px;
    line-height: 2.25;
    letter-spacing: 0.05em;
    font-feature-settings: "palt";
  }
  #session_detail .interview .interview__text__answer p:not(:last-child) {
    margin-bottom: 30px;
  }
  #session_detail .interview .interview__text__answer p span {
    font-weight: bold;
    padding-right: 4.4776119403%;
  }
  #session_detail #item01 .interview__img {
    width: calc(50vw + 50%);
    padding-top: 113.0666666667vw;
    margin-right: 0;
    margin-left: auto;
    position: relative;
  }
  #session_detail #item01 .interview__img::before {
    content: "";
    width: 56.338028169%;
    padding-top: 46.1971830986%;
    position: absolute;
    top: -36px;
    right: 61.9718309859%;
    background-image: url("../img/common/deco_session_detail03.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #session_detail #item01 .interview__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 24px 0 0 24px;
  }
  #session_detail #item02 .interview__wrapper::after {
    content: "";
    width: 9.3333333333%;
    padding-top: 9.3333333333%;
    position: absolute;
    top: -14px;
    right: 12.8%;
    background-image: url("../img/common/deco_session_detail04.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #session_detail #item03 .interview__wrapper {
    display: block;
  }
  #session_detail #item03 .interview__wrapper::before {
    content: "";
    width: 28%;
    padding-top: 19.2%;
    position: absolute;
    top: -59px;
    right: 79.4666666667%;
    background-image: url("../img/common/deco_session_detail05.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #session_detail #item03 .interview__img__inner {
    width: calc(50vw + 50%);
    padding-top: 41.4084507042vw;
    position: relative;
  }
  #session_detail #item03 .interview__img__inner::after {
    content: "";
    width: 32.3943661972%;
    padding-top: 28.1690140845%;
    position: absolute;
    bottom: -62px;
    right: -3.3802816901%;
    background-image: url("../img/common/deco_session_detail06.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #session_detail #item03 .interview__img__inner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 24px 0 0 24px;
  }
  #session_detail #item04 .interview__img__inner::before {
    content: "";
    width: 24.4444444444%;
    padding-top: 24.4444444444%;
    position: absolute;
    bottom: -51px;
    right: 9.7222222222%;
    background-image: url("../img/common/deco_session_detail07.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
  #session_detail #item02 .interview__img,
#session_detail #item04 .interview__img {
    width: 100%;
    padding-top: 112.8vw;
    margin-bottom: 77px;
    position: relative;
  }
  #session_detail #item02 .interview__img__inner,
#session_detail #item04 .interview__img__inner {
    width: calc(50vw + 50%);
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
  }
  #session_detail #item02 .interview__img__inner img,
#session_detail #item04 .interview__img__inner img {
    width: 100%;
    height: 100%;
    border-radius: 0 24px 24px 0;
    -o-object-fit: cover;
    object-fit: cover;
  }
  #session_detail #links {
    width: 100%;
    margin: 0 auto;
  }
  #session_detail #links .links__sub {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.05em;
    color: #F12C68;
    font-weight: bold;
    padding: 0 5.3333333333%;
    margin-bottom: 10px;
  }
  #session_detail #links .links__title {
    font-size: 40px;
    line-height: 1;
    letter-spacing: normal;
    color: #222;
    padding: 0 5.3333333333%;
    margin-bottom: 30px;
  }
  #session_detail #links .links__list {
    padding: 0 5.3333333333%;
  }
  #session_detail #links .links__list__item {
    transition: ease opacity 0.5s;
    width: 100%;
    position: relative;
  }
  #session_detail #links .links__list__item:nth-child(n+2) {
    margin-top: 27px;
  }
  #session_detail #links .links__list__item > a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  #session_detail #links .links__list__item__img {
    width: 100%;
    padding-top: 47.6923076923%;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
  }
  #session_detail #links .links__list__item__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
  #session_detail #links .links__list__item__text {
    text-align: center;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  #session_detail #links .links__list__item__text__title {
    font-size: 18px;
    line-height: 1.4444444444;
    letter-spacing: 0.05em;
    color: #fff;
    font-weight: bold;
  }
  #session_detail #end {
    background-color: #f5f5f5;
    padding-bottom: 8%;
    margin-bottom: 18.6666666667%;
    position: relative;
  }
  #session_detail #end::before {
    content: "";
    display: block;
    width: 100%;
    height: 40%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
  #session_detail #end::after {
    content: "";
    width: 100%;
    padding-top: 8%;
    background: url(../img/common/bg_session_detail_wave02.svg) center/contain no-repeat;
    position: absolute;
    bottom: -1px;
    left: 0;
    z-index: 1;
  }
  #session_detail #end .container {
    padding: 0;
  }
  #session_detail #end .end__img {
    position: relative;
    padding: 53.3333333333% 5.3333333333% 0;
    margin-bottom: 13.3333333333%;
  }
  #session_detail #end .end__img img {
    position: absolute;
    top: 0;
    left: 50%;
    width: 89.3333333333%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 24px;
    transform: translateX(-50%);
  }
  #session_detail #end .end__img::before {
    content: "";
    width: 42.6666666667%;
    padding-top: 30.4%;
    position: absolute;
    top: -68px;
    left: -8.5333333333%;
    background-image: url("../img/common/deco_session_detail08.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
  }
}
@media screen and (min-width: 768px) {
  #voice {
    min-width: 1200px;
  }
  #voice main {
    min-width: 1200px;
  }
  #voice main .container {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
  }
  #voice .sec-title {
    padding: 0 12.5%;
    margin-bottom: 15px;
  }
  #voice .sec-title h2 span {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4285714286;
    letter-spacing: 0.005em;
    color: #F12C68;
    display: block;
  }
  #voice .sec-title h2 p {
    font-size: 60px;
    line-height: 1.8;
    letter-spacing: normal;
    margin-top: -14px;
  }
  #voice .sec-img {
    padding: 0 12.5%;
    margin-bottom: 80px;
  }
  #voice .sec-img img {
    width: 100%;
    border-radius: 40px;
  }
  #voice .sec-wrapper {
    padding: 0 12.5%;
  }
  #voice .lead-section {
    margin-bottom: 120px;
  }
  #voice .qa + .qa {
    margin-top: 120px;
  }
  #voice .qa .qa__question {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
  }
  #voice .qa .qa__question img {
    width: 64px;
    margin-right: 20px;
  }
  #voice .qa .qa__question p {
    font-size: 30px;
    line-height: 1.4666666667;
    letter-spacing: 0.05em;
    font-weight: bold;
    flex: 1;
  }
  #voice .qa .qa__answer__list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-left: 7.4074074074%;
  }
  #voice .qa .qa__answer__list__item {
    width: 47%;
    padding: 19px 0 0 30px;
    position: relative;
  }
  #voice .qa .qa__answer__list__item:nth-child(n+3) {
    margin-top: 30px;
  }
  #voice .qa .qa__answer__list__item::before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    border-left: 1px solid #979797;
    border-top: 1px solid #979797;
    position: absolute;
    top: 0;
    left: 0;
  }
  #voice .qa .qa__answer__list__item__text {
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.05em;
    font-weight: bold;
    margin-bottom: 9px;
  }
  #voice .qa .qa__answer__list__item__personal {
    font-size: 13px;
    line-height: 2.1538461538;
    letter-spacing: 0.05em;
  }
  #voice .qa .qa__answer__ranking {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 7.4074074074%;
  }
  #voice .qa .qa__answer__ranking__body {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex: 1;
  }
  #voice .qa .qa__answer__ranking__body__item {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: flex-start;
    flex-wrap: wrap;
    width: 33.3333333333%;
    min-height: 164px;
    padding-top: 16px;
    border-left: 1px solid #DCDCDC;
  }
  #voice .qa .qa__answer__ranking__body__item:last-child {
    border-right: 1px solid #DCDCDC;
  }
  #voice .qa .qa__answer__ranking__body__item__num {
    color: #F12C68;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    margin-bottom: 13px;
  }
  #voice .qa .qa__answer__ranking__body__item__num strong {
    font-size: 40px;
    line-height: 1.25;
    letter-spacing: normal;
    text-align: center;
    font-weight: 400;
    display: inline-block;
  }
  #voice .qa .qa__answer__ranking__body__item__num span {
    font-size: 20px;
    line-height: 1.45;
    letter-spacing: normal;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 7px;
  }
  #voice .qa .qa__answer__ranking__body__item__name {
    font-size: 18px;
    line-height: 1.4444444444;
    letter-spacing: 0.05;
    font-weight: bold;
    width: 100%;
    margin-bottom: 12px;
  }
  #voice .qa .qa__answer__ranking__body__item__other {
    font-size: 14px;
    line-height: 1.4285714286;
    letter-spacing: 0.05;
    width: 100%;
  }
  #voice .qa .qa__answer__ranking__other {
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.05em;
    width: 170px;
    margin-left: 50px;
  }
  #voice #qa-hunting {
    margin-bottom: 155px;
  }
}
@media screen and (max-width: 767px) {
  #voice main {
    overflow: hidden;
  }
  #voice main .container {
    margin: 0 auto;
    position: relative;
  }
  #voice .lead-section {
    margin-bottom: 80px;
  }
  #voice .sec-title {
    padding: 0 5.3333333333%;
    margin-bottom: 33px;
  }
  #voice .sec-title h2 span {
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.004em;
    color: #F12C68;
    display: block;
    margin-bottom: 8px;
  }
  #voice .sec-title h2 p {
    font-size: 40px;
    line-height: 1.05;
    letter-spacing: normal;
  }
  #voice .sec-img {
    padding: 0 5.3333333333%;
    margin-bottom: 40px;
  }
  #voice .sec-img img {
    width: 100%;
    border-radius: 16px;
  }
  #voice .sec-wrapper {
    padding: 0 5.3333333333%;
  }
  #voice .qa + .qa {
    margin-top: 80px;
  }
  #voice .qa .qa__question {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
  }
  #voice .qa .qa__question img {
    width: 35px;
    margin-right: 12px;
  }
  #voice .qa .qa__question p {
    font-size: 22px;
    line-height: 1.4545454545;
    letter-spacing: 0.05em;
    font-weight: bold;
    flex: 1;
  }
  #voice .qa .qa__answer__list__item {
    padding: 20px 20px 0 19px;
    position: relative;
  }
  #voice .qa .qa__answer__list__item:nth-child(n+2) {
    margin-top: 23px;
  }
  #voice .qa .qa__answer__list__item::before {
    content: "";
    display: block;
    width: 31px;
    height: 31px;
    border-left: 1px solid #979797;
    border-top: 1px solid #979797;
    position: absolute;
    top: 0;
    left: 0;
  }
  #voice .qa .qa__answer__list__item__text {
    font-size: 14px;
    line-height: 1.7142857143;
    letter-spacing: 0.04em;
    font-weight: bold;
    margin-bottom: 6px;
  }
  #voice .qa .qa__answer__list__item__personal {
    font-size: 12px;
    line-height: 2.3333333333;
    letter-spacing: 0.05em;
  }
  #voice .qa .qa__answer__ranking__body {
    flex: 1;
  }
  #voice .qa .qa__answer__ranking__body__item {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 20px 10px;
    border-top: 1px solid #DCDCDC;
  }
  #voice .qa .qa__answer__ranking__body__item:last-child {
    border-bottom: 1px solid #DCDCDC;
  }
  #voice .qa .qa__answer__ranking__body__item__num {
    color: #F12C68;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 40px;
    margin-right: 18px;
  }
  #voice .qa .qa__answer__ranking__body__item__num strong {
    font-size: 36px;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    font-weight: 400;
    display: inline-block;
    margin-right: 4px;
  }
  #voice .qa .qa__answer__ranking__body__item__num span {
    font-size: 16px;
    line-height: 1;
    letter-spacing: normal;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 7px;
  }
  #voice .qa .qa__answer__ranking__body__item__name {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05;
    font-weight: bold;
    text-align: left;
  }
  #voice .qa .qa__answer__ranking__body__item__other {
    font-size: 12px;
    line-height: 1.4166666667;
    letter-spacing: 0.05;
    text-align: left;
    margin-top: 5px;
  }
  #voice .qa .qa__answer__ranking__other {
    font-size: 12px;
    line-height: 1.8333333333;
    letter-spacing: 0.05em;
    margin-top: 20px;
  }
  #voice #qa-hunting {
    margin-bottom: 80px;
  }
}
@media screen and (min-width: 768px) {
  #recruitment {
    min-width: 1200px;
  }
  #recruitment main {
    overflow: hidden;
  }
  #recruitment main .container {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
  }
  #recruitment .lead-section {
    margin-bottom: 120px;
  }
  #recruitment #links .links__list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 12.5%;
  }
  #recruitment #links .links__list__item {
    width: 47.6851851852%;
    border-radius: 20px;
    overflow: hidden;
    z-index: 1;
  }
  #recruitment #links .links__list__item:nth-child(1) {
    width: 100%;
  }
  #recruitment #links .links__list__item:nth-child(1) .links__list__item__bg {
    padding-top: 40.7407407407%;
  }
  #recruitment #links .links__list__item:nth-child(1) .links__list__item__name {
    min-width: 29.6296296296%;
    padding: 3.8888888889% 8.7037037037% 1.1111111111% 3.2407407407%;
  }
  #recruitment #links .links__list__item:nth-child(n+2) {
    margin-top: 50px;
  }
  #recruitment #links .links__list__item:hover .links__list__item__bg img {
    opacity: 0.7;
    transform: scale(1.05);
  }
  #recruitment #links .links__list__item:hover .links__list__item__name::before {
    background-color: #fff;
  }
  #recruitment #links .links__list__item:hover .links__list__item__name::after {
    background-image: url(../img/common/arrow_link_pink.svg);
  }
  #recruitment #links .links__list__item a {
    display: block;
    position: relative;
  }
  #recruitment #links .links__list__item__bg {
    width: 100%;
    padding-top: 69.9029126214%;
    position: relative;
    overflow: hidden;
  }
  #recruitment #links .links__list__item__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: transform 2.5s cubic-bezier(0.19, 1, 0.22, 1), opacity 1s ease;
  }
  #recruitment #links .links__list__item__name {
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 0.058em;
    color: #F12C68;
    font-weight: bold;
    min-width: 62.1359223301%;
    padding: 8.1553398058% 18.2524271845% 2.3300970874% 6.7961165049%;
    background-color: #fff;
    border-radius: 20px 0 0 0;
    position: absolute;
    bottom: 0;
    right: 0;
    transition: 0.3s ease background-color;
    z-index: 2;
  }
  #recruitment #links .links__list__item__name::before {
    content: "";
    display: block;
    width: 54px;
    height: 54px;
    background-color: #F12C68;
    border: 1px solid #F12C68;
    border-radius: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: 0.3s ease background-color;
  }
  #recruitment #links .links__list__item__name::after {
    content: "";
    display: block;
    width: 7px;
    height: 13px;
    background: url(../img/common/arrow_link_white.svg) center/contain no-repeat;
    position: absolute;
    bottom: 20.5px;
    right: 23px;
  }
  #topinterview {
    min-width: 1200px;
  }
  #topinterview main {
    overflow: hidden;
  }
  #topinterview main .container {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
  }
  #topinterview #kv {
    padding-bottom: 10px;
    margin-bottom: 70px;
    position: relative;
    overflow: hidden;
  }
  #topinterview #kv .container {
    max-width: none;
    position: static;
  }
  #topinterview #kv .kv__bg {
    width: 97.2222222222%;
    border-radius: 65px 0 0 65px;
    margin: 0 0 0 auto;
    overflow: hidden;
  }
  #topinterview #kv .kv__wrapper {
    width: 100%;
    max-width: 1440px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  #topinterview #kv .kv__wrapper::before {
    content: "";
    display: block;
    width: 50vw;
    height: 100%;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 100%;
  }
  #topinterview #kv .kv__text {
    color: #F12C68;
    font-weight: bold;
    width: 44.4444444444%;
    background-color: #fff;
    padding: 43px 60px 0;
    border-radius: 20px 0 0 0;
    margin: 0 0 0 auto;
    position: relative;
  }
  #topinterview #kv .kv__text::after {
    content: "";
    display: block;
    width: 49.375%;
    padding-top: 40.3125%;
    background: url(../img/topinterview/deco_topinterview_kv.svg) center/contain no-repeat;
    position: absolute;
    top: -223px;
    right: -28px;
  }
  #topinterview #kv .kv__text h1 {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    margin-bottom: 11px;
  }
  #topinterview #kv .kv__text h2 {
    font-size: 45px;
    line-height: 1.4;
    letter-spacing: normal;
  }
  #topinterview #wrapper {
    padding-top: 160px;
    margin-bottom: 120px;
  }
  #topinterview .interview {
    position: relative;
  }
  #topinterview .interview:nth-child(n+2) {
    margin-top: 160px;
  }
  #topinterview .interview .interview__wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 0 12.5%;
    position: relative;
  }
  #topinterview .interview .interview__box {
    width: 58.3333333333%;
  }
  #topinterview .interview .interview__heading {
    font-size: 30px;
    line-height: 1.4666666667;
    letter-spacing: 0.05em;
    font-weight: bold;
    text-align: left;
    margin-bottom: 50px;
  }
  #topinterview .interview .interview__body__block {
    font-size: 16px;
    line-height: 2.25;
    letter-spacing: 0.05em;
  }
  #topinterview .interview .interview__body__block:nth-child(n+2) {
    margin-top: 36px;
  }
  #topinterview .interview .interview__body__block__q {
    color: #F12C68;
    margin-bottom: 36px;
  }
  #topinterview .interview .interview__body__block__q p::before {
    content: "―";
    display: inline-block;
  }
  #topinterview .interview .interview__body__block__a p + p {
    margin-top: 36px;
  }
  #topinterview .interview .interview__img {
    flex: 1;
    position: relative;
  }
  #topinterview .interview .interview__img__inner {
    width: 100%;
    padding-top: 43.0555555556vw;
    position: relative;
  }
  #topinterview .interview .interview__img__inner img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
  #topinterview #item01 .interview__wrapper::before {
    content: "";
    display: block;
    width: 4.1666666667%;
    padding-top: 4.1666666667%;
    background: url(../img/topinterview/deco_topinterview01.svg) center/contain no-repeat;
    position: absolute;
    bottom: calc(100% + 51px);
    left: 81px;
  }
  #topinterview #item01 .interview__img {
    margin-bottom: 144px;
  }
  #topinterview #item01 .interview__img::before {
    content: "";
    display: block;
    width: 42.1153846154%;
    padding-top: 34.2307692308%;
    background: url(../img/topinterview/deco_topinterview02.svg) center/contain no-repeat;
    position: absolute;
    top: calc(100% + 65.45px);
    left: 42.3076923077%;
  }
  #topinterview #item01 .interview__img__inner {
    width: calc(50vw + -44.4444444444%);
    margin-left: 24.4444444444%;
  }
  #topinterview #item01 .interview__img__inner img {
    border-radius: 40px 0 0 40px;
  }
  #topinterview #item02 .interview__wrapper {
    flex-direction: row-reverse;
  }
  #topinterview #item02 .interview__wrapper::before {
    content: "";
    display: block;
    width: 16.1805555556%;
    padding-top: 14.7222222222%;
    background: url(../img/topinterview/deco_topinterview04.svg) center/contain no-repeat;
    position: absolute;
    bottom: -76px;
    left: -68px;
  }
  #topinterview #item02 .interview__img {
    margin-bottom: 470px;
  }
  #topinterview #item02 .interview__img::before {
    content: "";
    display: block;
    width: 86.5384615385%;
    padding-top: 62.5%;
    background: url(../img/topinterview/deco_topinterview03.svg) center/contain no-repeat;
    position: absolute;
    top: calc(100% - 35px);
    right: 322px;
    z-index: 1;
  }
  #topinterview #item02 .interview__img__inner {
    width: calc(50vw + -44.4444444444%);
    margin-left: calc(115.5555555556% - 50vw);
  }
  #topinterview #item02 .interview__img__inner img {
    border-radius: 0 40px 40px 0;
  }
  #topinterview #item03 .interview__wrapper {
    width: 100%;
    margin: 0 auto;
  }
  #topinterview #item03 .interview__wrapper::before {
    content: "";
    display: block;
    width: 4.1666666667%;
    padding-top: 4.1666666667%;
    background: url(../img/topinterview/deco_topinterview05.svg) center/contain no-repeat;
    position: absolute;
    top: -43px;
    right: 143px;
  }
  #topinterview #item03 .interview__box {
    width: 100%;
    padding: 0 11.1111111111%;
  }
  #topinterview #end {
    background: linear-gradient(to bottom, #fff 26.1437908497%, #f5f5f5 26.1437908497%);
    padding-bottom: 13.1944444444%;
    position: relative;
  }
  #topinterview #end::after {
    content: "";
    display: block;
    width: 100%;
    padding-top: 7.6388888889%;
    background: url(../img/common/bg_common_wave.svg) center/cover no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
  #topinterview #end .end__img {
    padding: 0 2.7777777778%;
    position: relative;
  }
  #topinterview #end .end__img::before {
    content: "";
    display: block;
    width: 19.4444444444%;
    padding-top: 13.5416666667%;
    background: url(../img/topinterview/deco_topinterview06.svg) center/contain no-repeat;
    position: absolute;
    top: -100px;
    right: -2.4305555556%;
  }
  #topinterview #end .end__img img {
    border-radius: 40px;
  }
  #topinterview #end .end__box {
    width: 65.2777777778%;
    padding: 4.1666666667% 5.5555555556% 5.5555555556%;
    background-color: #fff;
    border-radius: 40px;
    margin: -2.7777777778% auto 0;
    position: relative;
  }
  #topinterview #end .end__box__name {
    margin-bottom: 35px;
  }
  #topinterview #end .end__box__name span {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 10px;
  }
  #topinterview #end .end__box__name p {
    font-size: 20px;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: bold;
  }
  #topinterview #end .end__box__text {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.05em;
  }
  #information {
    min-width: 1200px;
  }
  #information main {
    overflow: hidden;
  }
  #information main .container {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
  }
  #information .sec-title {
    padding: 0 12.5%;
    margin-bottom: 15px;
  }
  #information .sec-title h2 span {
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4285714286;
    letter-spacing: 0.005em;
    color: #F12C68;
    display: block;
  }
  #information .sec-title h2 p {
    font-size: 60px;
    line-height: 1.8;
    letter-spacing: normal;
    margin-top: -14px;
  }
  #information .sec-img {
    padding: 0 12.5%;
    margin-bottom: 80px;
  }
  #information .sec-img img {
    width: 100%;
    border-radius: 40px;
  }
  #information .lead-section {
    margin-bottom: 120px;
  }
  #information #occupation .occupation__img {
    margin-bottom: 92px;
  }
  #information #occupation .occupation__wrapper {
    padding: 0 12.5%;
  }
  #information #occupation .occupation__explanation {
    margin-bottom: 110px;
  }
  #information #occupation .occupation__explanation__name {
    margin-bottom: 20px;
  }
  #information #occupation .occupation__explanation__name span {
    font-size: 16px;
    line-height: 1;
    letter-spacing: 0.05;
    font-weight: bold;
    display: block;
    margin-bottom: 18px;
  }
  #information #occupation .occupation__explanation__name p {
    font-size: 30px;
    line-height: 1;
    letter-spacing: 0.05;
    font-weight: bold;
  }
  #information #occupation .occupation__explanation__text {
    font-size: 16px;
    line-height: 2.25;
    letter-spacing: 0.05em;
  }
  #information #occupation .occupation__list__title {
    font-size: 30px;
    line-height: 1.6;
    letter-spacing: 0.05em;
    font-weight: bold;
    margin-bottom: 30px;
  }
  #information #occupation .occupation__list__item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 44px 0 42px;
    position: relative;
  }
  #information #occupation .occupation__list__item::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, #F12C68 16.6666666667%, #DCDCDC 16.6666666667%);
    position: absolute;
    top: 0;
    left: 0;
  }
  #information #occupation .occupation__list__item:last-child {
    padding-bottom: 52px;
  }
  #information #occupation .occupation__list__item:last-child::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, #F12C68 16.6666666667%, #DCDCDC 16.6666666667%);
    position: absolute;
    left: 0;
    bottom: 0;
  }
  #information #occupation .occupation__list__item__heading {
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: 0.05em;
    font-weight: bold;
    width: 24.0740740741%;
    padding-right: 16px;
  }
  #information #occupation .occupation__list__item__body {
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 2;
    flex: 1;
  }
  #information #occupation .occupation__list__item__body__box {
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.05em;
  }
  #information #occupation .occupation__list__item__body__box:nth-child(n+2) {
    margin-top: 42px;
  }
  #information #occupation .occupation__list__item__body__box__name {
    line-height: 1;
    font-weight: bold;
    padding-left: 16px;
    position: relative;
    margin-bottom: 8px;
  }
  #information #occupation .occupation__list__item__body__box__name::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background-color: #F12C68;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  #information #occupation .occupation__list__item__body__box__text {
    padding-left: 16px;
  }
  #information #development {
    margin-top: 160px;
  }
  #information #development .development__wrapper {
    padding: 0 12.5%;
  }
  #information #development .development__list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 98px;
  }
  #information #development .development__list__item {
    width: 43.5185185185%;
  }
  #information #development .development__list__item:nth-child(n+3) {
    margin-top: 80px;
  }
  #information #development .development__list__item__head {
    font-size: 24px;
    line-height: 1.6;
    letter-spacing: 0.05em;
    font-weight: bold;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 20px;
  }
  #information #development .development__list__item__head img {
    width: 17.0212765957%;
    margin-right: 30px;
  }
  #information #development .development__list__item__text {
    font-size: 16px;
    line-height: 2.25;
    letter-spacing: 0.05em;
  }
  #information #development .development__afterword {
    font-size: 16px;
    line-height: 2.25;
    letter-spacing: 0.05;
    padding: 50px 0;
    border-top: 1px dashed #979797;
    border-bottom: 1px dashed #979797;
  }
  #information #benefits {
    margin-top: 122.5px;
  }
  #information #benefits .benefits__list {
    padding: 0 12.5%;
  }
  #information #benefits .benefits__list__item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    padding: 52px 0 50px;
    position: relative;
  }
  #information #benefits .benefits__list__item::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, #F12C68 16.6666666667%, #DCDCDC 16.6666666667%);
    position: absolute;
    top: 0;
    left: 0;
  }
  #information #benefits .benefits__list__item:last-child {
    padding-bottom: 52px;
  }
  #information #benefits .benefits__list__item:last-child::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, #F12C68 16.6666666667%, #DCDCDC 16.6666666667%);
    position: absolute;
    left: 0;
    bottom: 0;
  }
  #information #benefits .benefits__list__item__heading {
    font-size: 18px;
    line-height: 1.6;
    letter-spacing: 0.05em;
    font-weight: bold;
    width: 24.0740740741%;
    padding-right: 16px;
  }
  #information #benefits .benefits__list__item__body {
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 2;
    flex: 1;
  }
  #faq {
    min-width: 1200px;
  }
  #faq main {
    overflow: hidden;
  }
  #faq main .container {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
  }
  #faq .lead-section {
    margin-bottom: 80px;
  }
  #faq #list .list__wrapper {
    padding: 0 12.5%;
  }
  #faq #list .list__item {
    padding: 27px 0;
    border-top: 1px solid #DCDCDC;
    position: relative;
  }
  #faq #list .list__item:last-child {
    border-bottom: 1px solid #DCDCDC;
  }
  #faq #list .list__item__heading {
    padding: 24px 0;
    position: relative;
    cursor: pointer;
  }
  #faq #list .list__item__heading:hover p {
    color: #F12C68;
  }
  #faq #list .list__item__heading img {
    width: 40px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  #faq #list .list__item__heading p {
    font-size: 20px;
    line-height: 1.44;
    letter-spacing: 0.05em;
    font-weight: bold;
    padding: 0 94px 0 60px;
    transition: 0.3s ease color;
  }
  #faq #list .list__item__heading.open .list__item__heading__icon span:nth-child(1) {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  #faq #list .list__item__heading.open .list__item__heading__icon span:nth-child(2) {
    transform: translate(-50%, -50%) scale(0, 1);
  }
  #faq #list .list__item__heading__icon {
    display: block;
    background-color: #F12C68;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  #faq #list .list__item__heading__icon span {
    width: 16px;
    height: 1.5px;
    border-radius: 2px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: 0.3s ease transform;
  }
  #faq #list .list__item__heading__icon span:nth-child(1) {
    transform: translate(-50%, -50%) rotate(270deg);
  }
  #faq #list .list__item__heading__icon span:nth-child(2) {
    transform: translate(-50%, -50%);
  }
  #faq #list .list__item__body {
    font-size: 16px;
    letter-spacing: 0.05em;
    line-height: 2.25;
    padding: 22px 100px 24px 60px;
  }
  #faq #list .list__item__body img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  #topinterview #item01 .interview__img__inner {
    width: calc(100% + 15.5555555556%);
    padding-top: 137.7777777778%;
  }
  #topinterview #item02 .interview__img__inner,
#topinterview #item04 .interview__img__inner {
    width: 115.5555555556%;
    padding-top: 137.7777777778%;
    position: relative;
    margin-left: -40%;
  }
  #topinterview #item03 .interview__img {
    width: calc(100% + 16.6666666667%);
  }
}
@media screen and (max-width: 767px) {
  #recruitment main .container {
    margin: 0 auto;
    position: relative;
  }
  #recruitment .lead-section {
    margin-bottom: 80px;
  }
  #recruitment #links {
    padding-bottom: 20px;
  }
  #recruitment #links .links__list {
    padding: 0 5.3333333333%;
  }
  #recruitment #links .links__list__item {
    width: 100%;
    overflow: hidden;
  }
  #recruitment #links .links__list__item:nth-child(n+2) {
    margin-top: 40px;
  }
  #recruitment #links .links__list__item a {
    display: block;
    position: relative;
  }
  #recruitment #links .links__list__item__bg {
    width: 100%;
    padding-top: 53.7313432836%;
    border-radius: 16px;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
  }
  #recruitment #links .links__list__item__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
  }
  #recruitment #links .links__list__item__name {
    font-size: 20px;
    line-height: 1.4;
    letter-spacing: 0.058em;
    color: #F12C68;
    font-weight: bold;
    min-width: 62.1359223301%;
    padding: 10px 0;
    background-color: #fff;
    position: relative;
  }
  #recruitment #links .links__list__item__name::before {
    content: "";
    display: block;
    width: 48px;
    height: 48px;
    background-color: #F12C68;
    border: 1px solid #F12C68;
    border-radius: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: 0.3s ease background-color;
  }
  #recruitment #links .links__list__item__name::after {
    content: "";
    display: block;
    width: 6.22px;
    height: 11.56px;
    background: url(../img/common/arrow_link_white.svg) center/contain no-repeat;
    position: absolute;
    top: 50%;
    right: 20.45px;
    transform: translateY(-50%);
  }
  #topinterview main {
    overflow-x: hidden;
  }
  #topinterview main .container {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
  }
  #topinterview #kv {
    margin-bottom: 46px;
    position: relative;
    overflow: hidden;
  }
  #topinterview #kv .container {
    max-width: none;
    position: static;
  }
  #topinterview #kv .kv__bg {
    width: 94.6666666667%;
    padding-top: 69.3333333333%;
    margin: 0 0 21px auto;
    position: relative;
  }
  #topinterview #kv .kv__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 60px 0 0 60px;
    position: absolute;
    top: 0;
    left: 0;
  }
  #topinterview #kv .kv__wrapper {
    width: 100%;
  }
  #topinterview #kv .kv__text {
    color: #F12C68;
    font-weight: bold;
    padding: 0 5.3333333333% 0;
    margin: 0 auto;
    position: relative;
  }
  #topinterview #kv .kv__text::after {
    content: "";
    display: block;
    width: 43.7333333333%;
    padding-top: 35.7333333333%;
    background: url(../img/topinterview/deco_topinterview_kv.svg) center/contain no-repeat;
    position: absolute;
    bottom: 54px;
    right: -15.7333333333%;
  }
  #topinterview #kv .kv__text h1 {
    font-size: 14px;
    line-height: 1.4285714286;
    letter-spacing: 0.05em;
    margin-bottom: 4px;
  }
  #topinterview #kv .kv__text h2 {
    font-size: 26px;
    line-height: 1.3846153846;
    font-weight: bold;
    letter-spacing: 0;
  }
  #topinterview #wrapper {
    padding-top: 80px;
    margin-bottom: 120px;
  }
  #topinterview .interview {
    padding: 0 5.3333333333%;
    position: relative;
  }
  #topinterview .interview:nth-child(n+2) {
    margin-top: 72px;
  }
  #topinterview .interview .interview__heading {
    font-size: 22px;
    line-height: 1.4545454545;
    letter-spacing: 0.05em;
    font-weight: bold;
    text-align: left;
    margin-bottom: 30px;
  }
  #topinterview .interview .interview__body__block {
    font-size: 14px;
    line-height: 2.1428571429;
    letter-spacing: 0.04em;
  }
  #topinterview .interview .interview__body__block:nth-child(n+2) {
    margin-top: 30px;
  }
  #topinterview .interview .interview__body__block__q {
    color: #F12C68;
    margin-bottom: 30px;
  }
  #topinterview .interview .interview__body__block__q p::before {
    content: "―";
    display: inline-block;
  }
  #topinterview .interview .interview__body__block__a p + p {
    margin-top: 30px;
  }
  #topinterview .interview .interview__img {
    width: 105.9701492537%;
    margin-top: 80px;
    position: relative;
  }
  #topinterview .interview .interview__img__inner {
    width: 100%;
  }
  #topinterview #item01::before {
    content: "";
    display: block;
    width: 8.8%;
    padding-top: 8.8%;
    background: url(../img/topinterview/deco_topinterview01.svg) center/contain no-repeat;
    position: absolute;
    bottom: 100%;
    right: 4.5333333333%;
  }
  #topinterview #item01 .interview__img::before {
    content: "";
    display: block;
    width: 30.338028169%;
    padding-top: 24.676056338%;
    background: url(../img/topinterview/deco_topinterview02.svg) center/contain no-repeat;
    position: absolute;
    bottom: 92.1985815603%;
    left: 9.014084507%;
  }
  #topinterview #item01 .interview__img img {
    border-radius: 40px 0 0 40px;
  }
  #topinterview #item02 .interview__img {
    left: -5.9701492537%;
  }
  #topinterview #item02 .interview__img::before {
    content: "";
    display: block;
    width: 73.5211267606%;
    padding-top: 53.2394366197%;
    background: url(../img/topinterview/deco_topinterview03.svg) center/contain no-repeat;
    position: absolute;
    bottom: 62.4113475177%;
    left: -20.8450704225%;
    z-index: 1;
  }
  #topinterview #item02 .interview__img::after {
    content: "";
    display: block;
    width: 27.1464788732%;
    padding-top: 24.6985915493%;
    background: url(../img/topinterview/deco_topinterview04.svg) center/contain no-repeat;
    position: absolute;
    bottom: -15.6028368794%;
    right: 2.2535211268%;
  }
  #topinterview #item02 .interview__img img {
    border-radius: 0 40px 40px 0;
  }
  #topinterview #item03 {
    margin-top: 112px;
  }
  #topinterview #item03::before {
    content: "";
    display: block;
    width: 8.5333333333%;
    padding-top: 8.5333333333%;
    background: url(../img/topinterview/deco_topinterview05.svg) center/contain no-repeat;
    position: absolute;
    top: calc(100% + 34px);
    right: 51.2%;
  }
  #topinterview #end {
    background: linear-gradient(to bottom, #fff 16.0857908847%, #f5f5f5 16.0857908847%);
    padding-bottom: 24%;
    position: relative;
  }
  #topinterview #end::after {
    content: "";
    display: block;
    width: 100%;
    padding-top: 8%;
    background: url(../img/common/bg_common_wave.svg) center/cover no-repeat;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
  #topinterview #end .end__img {
    width: calc(100% - 10.6666666667%);
    padding: 53.3333333333% 5.3333333333% 0;
    margin: 0 auto;
    position: relative;
  }
  #topinterview #end .end__img::before {
    content: "";
    display: block;
    width: 32.2388059701%;
    padding-top: 22.3880597015%;
    background: url(../img/topinterview/deco_topinterview06.svg) center/contain no-repeat;
    position: absolute;
    bottom: 81.5%;
    left: 78.2089552239%;
    z-index: 1;
  }
  #topinterview #end .end__img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 14.78px;
    position: absolute;
    top: 0;
    left: 0;
  }
  #topinterview #end .end__box {
    width: 81.3333333333%;
    padding: 10.6666666667% 8%;
    background-color: #fff;
    border-radius: 20px;
    margin: -10.6666666667% auto 0;
    position: relative;
  }
  #topinterview #end .end__box__name {
    margin-bottom: 27px;
  }
  #topinterview #end .end__box__name span {
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.05em;
    display: block;
    margin-bottom: 8px;
  }
  #topinterview #end .end__box__name p {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: bold;
  }
  #topinterview #end .end__box__text {
    font-size: 14px;
    line-height: 2;
    letter-spacing: 0.04em;
  }
  #information main .container {
    margin: 0 auto;
    position: relative;
  }
  #information .sec-title {
    padding: 0 5.3333333333%;
    margin-bottom: 33px;
  }
  #information .sec-title h2 span {
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    letter-spacing: 0.004em;
    color: #F12C68;
    display: block;
    margin-bottom: 8px;
  }
  #information .sec-title h2 p {
    font-size: 40px;
    line-height: 1.05;
    letter-spacing: normal;
  }
  #information .sec-img {
    padding: 0 5.3333333333%;
    margin-bottom: 40px;
  }
  #information .sec-img img {
    width: 100%;
    border-radius: 16px;
  }
  #information .lead-section {
    margin-bottom: 80px;
  }
  #information #occupation .occupation__wrapper {
    padding: 0 5.3333333333%;
  }
  #information #occupation .occupation__explanation {
    margin-bottom: 72px;
  }
  #information #occupation .occupation__explanation__name {
    margin-bottom: 26px;
  }
  #information #occupation .occupation__explanation__name span {
    font-size: 14px;
    line-height: 1.4285714286;
    letter-spacing: 0.05;
    font-weight: bold;
    display: block;
    margin-bottom: 3px;
  }
  #information #occupation .occupation__explanation__name p {
    font-size: 22px;
    line-height: 1.4545454545;
    letter-spacing: 0.05;
    font-weight: bold;
  }
  #information #occupation .occupation__explanation__text {
    font-size: 14px;
    line-height: 2.1428571429;
    letter-spacing: 0.04em;
  }
  #information #occupation .occupation__list__title {
    font-size: 22px;
    line-height: 1.4545454545;
    letter-spacing: 0.05;
    font-weight: bold;
    margin-bottom: 20px;
  }
  #information #occupation .occupation__list__item {
    padding: 32px 0 35px;
    position: relative;
  }
  #information #occupation .occupation__list__item::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, #F12C68 17.9104477612%, #DCDCDC 17.9104477612%);
    position: absolute;
    top: 0;
    left: 0;
  }
  #information #occupation .occupation__list__item:last-child {
    padding-bottom: 37px;
  }
  #information #occupation .occupation__list__item:last-child::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, #F12C68 17.9104477612%, #DCDCDC 17.9104477612%);
    position: absolute;
    left: 0;
    bottom: 0;
  }
  #information #occupation .occupation__list__item__heading {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: bold;
    margin-bottom: 20px;
  }
  #information #occupation .occupation__list__item__body {
    font-size: 14px;
    letter-spacing: 0.04em;
    line-height: 2;
  }
  #information #occupation .occupation__list__item__body__box:nth-child(n+2) {
    margin-top: 40px;
  }
  #information #occupation .occupation__list__item__body__box__name {
    font-weight: bold;
    padding-left: 14px;
    position: relative;
    margin-bottom: 8px;
  }
  #information #occupation .occupation__list__item__body__box__name::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #F12C68;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  #information #occupation .occupation__list__item__body__box__text {
    padding-left: 14px;
  }
  #information #development {
    margin-top: 80px;
  }
  #information #development .development__wrapper {
    padding: 0 5.3333333333%;
  }
  #information #development .development__list {
    margin-bottom: 52px;
  }
  #information #development .development__list__item:nth-child(n+2) {
    margin-top: 52px;
  }
  #information #development .development__list__item__head {
    font-size: 20px;
    line-height: 1.45;
    letter-spacing: 0.05em;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 17px;
  }
  #information #development .development__list__item__head img {
    width: 14.371257485%;
    margin-right: 20px;
  }
  #information #development .development__list__item__text {
    font-size: 14px;
    line-height: 2.1428571429;
    letter-spacing: 0.04em;
  }
  #information #development .development__afterword {
    font-size: 14px;
    line-height: 2.1428571429;
    letter-spacing: 0.04;
    padding: 32px 0;
    border-top: 1px dashed #979797;
    border-bottom: 1px dashed #979797;
  }
  #information #benefits {
    margin-top: 80px;
  }
  #information #benefits .benefits__list {
    padding: 0 5.3333333333%;
  }
  #information #benefits .benefits__list__title {
    font-size: 22px;
    line-height: 1.4545454545;
    letter-spacing: 0.05;
    font-weight: bold;
    margin-bottom: 20px;
  }
  #information #benefits .benefits__list__item {
    padding: 32px 0 35px;
    position: relative;
  }
  #information #benefits .benefits__list__item::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, #F12C68 17.9104477612%, #DCDCDC 17.9104477612%);
    position: absolute;
    top: 0;
    left: 0;
  }
  #information #benefits .benefits__list__item:last-child {
    padding-bottom: 37px;
  }
  #information #benefits .benefits__list__item:last-child::after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, #F12C68 17.9104477612%, #DCDCDC 17.9104477612%);
    position: absolute;
    left: 0;
    bottom: 0;
  }
  #information #benefits .benefits__list__item__heading {
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: bold;
    margin-bottom: 20px;
  }
  #information #benefits .benefits__list__item__body {
    font-size: 14px;
    letter-spacing: 0.04em;
    line-height: 2;
  }
  #information #benefits .benefits__list__item__body__box:nth-child(n+2) {
    margin-top: 40px;
  }
  #information #benefits .benefits__list__item__body__box__name {
    font-weight: bold;
    padding-left: 14px;
    position: relative;
    margin-bottom: 8px;
  }
  #information #benefits .benefits__list__item__body__box__name::before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #F12C68;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  #information #benefits .benefits__list__item__body__box__text {
    padding-left: 14px;
  }
  #faq main .container {
    margin: 0 auto;
    position: relative;
  }
  #faq .lead-section {
    margin-bottom: 80px;
  }
  #faq #list .list__wrapper {
    padding: 0 5.3333333333%;
  }
  #faq #list .list__item {
    padding: 10px 0;
    border-top: 1px solid #DCDCDC;
    position: relative;
  }
  #faq #list .list__item:last-child {
    border-bottom: 1px solid #DCDCDC;
  }
  #faq #list .list__item__heading {
    padding: 20px 0;
    position: relative;
    cursor: pointer;
  }
  #faq #list .list__item__heading img {
    width: 30px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
  }
  #faq #list .list__item__heading p {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.04em;
    font-weight: bold;
    padding: 0 57px 0 45px;
  }
  #faq #list .list__item__heading.open .list__item__heading__icon span:nth-child(1) {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  #faq #list .list__item__heading.open .list__item__heading__icon span:nth-child(2) {
    transform: translate(-50%, -50%) scale(0, 1);
  }
  #faq #list .list__item__heading__icon {
    display: block;
    background-color: #F12C68;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  #faq #list .list__item__heading__icon span {
    width: 14px;
    height: 1.3px;
    border-radius: 1.78px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: 0.3s ease transform;
  }
  #faq #list .list__item__heading__icon span:nth-child(1) {
    transform: translate(-50%, -50%) rotate(270deg);
  }
  #faq #list .list__item__heading__icon span:nth-child(2) {
    transform: translate(-50%, -50%);
  }
  #faq #list .list__item__body {
    font-size: 14px;
    letter-spacing: 0.04em;
    line-height: 2;
    padding: 10px 28px 25px 45px;
  }
  #faq #list .list__item__body img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  #mid-career {
    min-width: 1200px;
  }
  #mid-career main {
    margin-top: 0;
    padding-bottom: 40px;
  }
  #mid-career #wrapper {
    padding: 180px 0 164px;
    position: relative;
    overflow: hidden;
  }
  #mid-career #wrapper .wrapper__bg {
    width: 100%;
    height: 100%;
    max-width: 1440px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
  #mid-career #wrapper .wrapper__bg img {
    max-width: none;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  #mid-career #wrapper .wrapper__box {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
  }
  #mid-career #wrapper .wrapper__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 12.5%;
  }
  #mid-career #kv {
    width: 40.7407407407%;
    padding: 0 5.5555555556%;
    position: relative;
    overflow: hidden;
  }
  #mid-career #kv .container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
  }
  #mid-career #kv .kv__text {
    width: 56.25%;
    margin: 0 auto 80px;
  }
  #mid-career #kv .kv__text img {
    width: 100%;
  }
  #mid-career #kv .kv__description {
    font-size: 16px;
    line-height: 2.25;
    letter-spacing: 0.05em;
  }
  #mid-career #links {
    width: 51.8518518519%;
  }
  #mid-career #links .container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
  }
  #mid-career #links .links__list__item {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    width: 100%;
    padding: 50px 0 30px;
    border-top: 1px solid #F12C68;
    position: relative;
  }
  #mid-career #links .links__list__item:first-child {
    border-top: none;
    padding-top: 0;
  }
  #mid-career #links .links__list__item:last-child {
    padding-bottom: 0;
  }
  #mid-career #links .links__list__item:hover .links__list__item__img {
    opacity: 0.7;
  }
  #mid-career #links .links__list__item:hover .links__list__item__name::before {
    background-color: #fff;
  }
  #mid-career #links .links__list__item:hover .links__list__item__name::after {
    background-image: url(../img/common/arrow_link_pink.svg);
  }
  #mid-career #links .links__list__item a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  #mid-career #links .links__list__item__img {
    width: 33.9285714286%;
    margin-right: 30px;
    transition: 0.3s ease opacity;
  }
  #mid-career #links .links__list__item__box {
    flex: 1;
  }
  #mid-career #links .links__list__item__about {
    font-size: 18px;
    line-height: 1.4444444444;
    letter-spacing: 0.05;
    font-weight: bold;
    color: #F12C68;
    margin-bottom: 23px;
  }
  #mid-career #links .links__list__item__name {
    padding-right: 60px;
    position: relative;
  }
  #mid-career #links .links__list__item__name::before {
    content: "";
    display: block;
    width: 54px;
    height: 54px;
    border: 1px solid #F12C68;
    background-color: #F12C68;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s ease background-color;
  }
  #mid-career #links .links__list__item__name::after {
    content: "";
    display: block;
    width: 7px;
    height: 13px;
    background: url(../img/common/arrow_link_white.svg) center/contain no-repeat;
    position: absolute;
    right: 23px;
    top: 50%;
    transform: translateY(-50%);
  }
  #mid-career #links .links__list__item__name__text {
    font-size: 56px;
    line-height: 1;
    letter-spacing: normal;
    margin-bottom: 3px;
  }
  #mid-career #links .links__list__item__name__description {
    font-size: 14px;
    line-height: 1.4285714286;
    letter-spacing: 0.05;
    font-weight: bold;
  }
  #mid-career #end {
    margin-top: -40px;
  }
  #mid-career #end .end__wrapper {
    padding: 0 22.2222222222%;
  }
  #mid-career #end .end__btn.disabled a {
    color: #222;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    pointer-events: none;
  }
  #mid-career #end .end__btn.disabled a::after {
    background-image: url(../img/common/arrow_link_gray.svg);
  }
  #mid-career #end .end__btn.disabled a span,
#mid-career #end .end__btn.disabled a p {
    opacity: 0.2;
  }
  #mid-career #end .end__btn:not(.disabled):hover a {
    color: #F12C68;
    background-color: #fff;
  }
  #mid-career #end .end__btn:not(.disabled):hover a::before {
    background-color: #F12C68;
  }
  #mid-career #end .end__btn:not(.disabled):hover a::after {
    background-image: url(../img/common/arrow_link_white.svg);
  }
  #mid-career #end .end__btn a {
    color: #fff;
    text-align: center;
    display: block;
    width: 100%;
    padding: 31px 0 12px;
    background-color: #F12C68;
    border: 1px solid #F12C68;
    border-radius: 70px;
    overflow: hidden;
    position: relative;
    transition: 0.3s ease background-color;
  }
  #mid-career #end .end__btn a::before {
    content: "";
    display: inline-block;
    width: 54px;
    height: 54px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
  }
  #mid-career #end .end__btn a::after {
    content: "";
    display: inline-block;
    width: 7px;
    height: 13px;
    background: center/contain no-repeat;
    background-image: url(../img/common/arrow_link_pink.svg);
    position: absolute;
    top: 50%;
    right: 63.5px;
    transform: translateY(-50%);
  }
  #mid-career #end .end__btn span {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.1em;
  }
  #mid-career #end .end__btn p {
    font-size: 42px;
    line-height: 1.8095238095;
    letter-spacing: normal;
    margin-top: -0.1904761905em;
  }
}
@media screen and (max-width: 767px) {
  #mid-career main {
    margin-top: 0;
    padding-bottom: 50px;
  }
  #mid-career #kv {
    position: relative;
    overflow: hidden;
    margin-bottom: 52px;
  }
  #mid-career #kv .container {
    width: 100%;
    margin: 0 auto;
  }
  #mid-career #kv .kv__text {
    padding: 110px 0 42px;
    margin: 0 auto 38px;
    position: relative;
  }
  #mid-career #kv .kv__text__bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
  #mid-career #kv .kv__text__bg img {
    max-width: none;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  #mid-career #kv .kv__text__inner {
    width: 48%;
    margin: 0 auto;
  }
  #mid-career #kv .kv__text__inner img {
    width: 100%;
  }
  #mid-career #kv .kv__desecription {
    font-size: 14px;
    line-height: 2.1428571429;
    letter-spacing: 0.04em;
    padding: 0 10.6666666667%;
  }
  #mid-career #links {
    margin-bottom: 80px;
  }
  #mid-career #links .container {
    width: 100%;
    margin: 0 auto;
  }
  #mid-career #links .links__list {
    padding: 0 5.3333333333%;
  }
  #mid-career #links .links__list__item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    padding: 30px 0 32px;
    border-top: 1px solid #F12C68;
    position: relative;
  }
  #mid-career #links .links__list__item:first-child {
    border-top: none;
    padding-top: 0;
  }
  #mid-career #links .links__list__item:last-child {
    padding-bottom: 0;
  }
  #mid-career #links .links__list__item a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
  }
  #mid-career #links .links__list__item__img {
    width: 26.8656716418%;
    margin-right: 25px;
    transition: 0.3s ease opacity;
  }
  #mid-career #links .links__list__item__box {
    flex: 1;
  }
  #mid-career #links .links__list__item__about {
    font-size: 14px;
    line-height: 1;
    letter-spacing: 0.04;
    font-weight: bold;
    color: #F12C68;
    margin-bottom: 18px;
  }
  #mid-career #links .links__list__item__name {
    padding-right: 60px;
    position: relative;
  }
  #mid-career #links .links__list__item__name::before {
    content: "";
    display: block;
    width: 54px;
    height: 54px;
    border: 1px solid #F12C68;
    background-color: #F12C68;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.3s ease background-color;
  }
  #mid-career #links .links__list__item__name::after {
    content: "";
    display: block;
    width: 7px;
    height: 13px;
    background: url(../img/common/arrow_link_white.svg) center/contain no-repeat;
    position: absolute;
    right: 23px;
    top: 50%;
    transform: translateY(-50%);
  }
  #mid-career #links .links__list__item__name__text {
    font-size: 36px;
    line-height: 1;
    letter-spacing: normal;
    margin-bottom: 3px;
  }
  #mid-career #links .links__list__item__name__description {
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0.04;
    font-weight: bold;
  }
  #mid-career #end .end__wrapper {
    padding: 0 5.3333333333%;
  }
  #mid-career #end .end__btn.disabled a {
    color: #222;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5;
    pointer-events: none;
  }
  #mid-career #end .end__btn.disabled a::after {
    background-image: url(../img/common/arrow_link_gray.svg);
  }
  #mid-career #end .end__btn.disabled a span,
#mid-career #end .end__btn.disabled a p {
    opacity: 0.2;
  }
  #mid-career #end .end__btn:not(.disabled):hover a {
    color: #F12C68;
    background-color: #fff;
  }
  #mid-career #end .end__btn:not(.disabled):hover a::before {
    background-color: #F12C68;
  }
  #mid-career #end .end__btn:not(.disabled):hover a::after {
    background-image: url(../img/common/arrow_link_white.svg);
  }
  #mid-career #end .end__btn a {
    text-align: center;
    display: block;
    width: 100%;
    padding: 15px 0 3px;
    background-color: #F12C68;
    border: 1px solid #F12C68;
    border-radius: 50px;
    overflow: hidden;
    position: relative;
    transition: 0.3s ease background-color;
  }
  #mid-career #end .end__btn a::before {
    content: "";
    display: inline-block;
    width: 48px;
    height: 48px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
  }
  #mid-career #end .end__btn a::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 12px;
    background: center/contain no-repeat;
    background-image: url(../img/common/arrow_link_pink.svg);
    position: absolute;
    top: 50%;
    right: 40.25px;
    transform: translateY(-50%);
  }
  #mid-career #end .end__btn span {
    font-size: 13px;
    line-height: 1.4615384615;
    letter-spacing: 0.1em;
  }
  #mid-career #end .end__btn p {
    font-size: 32px;
    line-height: 1.8125;
    letter-spacing: normal;
    margin-top: -0.4375em;
  }
}
@media screen and (min-width: 768px) {
  #errors {
    min-width: 1200px;
  }
  #errors main {
    margin-top: 0;
    overflow: hidden;
  }
  #errors #message {
    padding: 146px 0 0;
  }
  #errors #message .container {
    width: 100%;
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
  }
  #errors #message .message__bg {
    width: 100%;
    padding-top: 34.7916666667%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
  #errors #message .message__bg img {
    max-width: none;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  #errors #message .message__wrapper {
    padding: 68px 22.6388888889% 0;
  }
  #errors #message .message__title {
    width: 33.6294416244%;
    margin: 0 auto 69px;
  }
  #errors #message .message__text {
    font-size: 30px;
    line-height: 1.4666666667;
    letter-spacing: 0.05em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 31px;
  }
  #errors #message .message__description {
    font-size: 16px;
    line-height: 2.25;
    letter-spacing: 0.05;
    margin-bottom: 64px;
  }
  #errors #message .message__link {
    font-size: 18px;
    line-height: 1.4444444444;
    letter-spacing: 0.05;
    font-weight: bold;
    text-align: center;
  }
  #errors #message .message__link a {
    display: inline-block;
    padding-bottom: 7px;
    position: relative;
  }
  #errors #message .message__link a::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  #errors main {
    margin-top: 0;
    overflow: hidden;
  }
  #errors #message {
    padding: 99px 0 0;
  }
  #errors #message .container {
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
  #errors #message .message__bg {
    width: 100%;
    padding-top: 66.6666666667%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: -1;
  }
  #errors #message .message__bg img {
    max-width: none;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  #errors #message .message__wrapper {
    padding: 31px 5.3333333333% 0;
  }
  #errors #message .message__title {
    width: 159px;
    margin: 0 auto 54px;
  }
  #errors #message .message__title img {
    width: 100%;
  }
  #errors #message .message__text {
    font-size: 22px;
    line-height: 1.4545454545;
    letter-spacing: 0.05em;
    font-weight: bold;
    text-align: center;
    margin-bottom: 25px;
  }
  #errors #message .message__description {
    font-size: 14px;
    line-height: 2.25;
    letter-spacing: 0.04;
    margin-bottom: 44px;
  }
  #errors #message .message__link {
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 0.05;
    font-weight: bold;
    text-align: center;
  }
  #errors #message .message__link a {
    display: inline-block;
    padding-bottom: 7px;
    position: relative;
  }
  #errors #message .message__link a::after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background-color: currentColor;
    position: absolute;
    bottom: 0;
    left: 0;
  }
}
@media screen and (min-width: 768px) {
  #common-kv {
    margin-bottom: 65px;
    position: relative;
  }
  #common-kv .container {
    max-width: 1440px;
    margin: 0 auto;
    position: static !important;
  }
  #common-kv .kv__bg {
    width: 100%;
    height: calc(100% - 15px);
    position: absolute;
    top: 0;
    left: 0;
  }
  #common-kv .kv__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
  #common-kv .kv__wrapper {
    padding: 23.6111111111% 8.3333333333% 0;
  }
  #common-kv .kv__text {
    color: #F12C68;
    display: inline-block;
    background-color: #fff;
    padding: 2.9166666667% 6.6666666667% 0 5%;
    border-radius: 20px 20px 0 0;
    position: relative;
    z-index: 1;
  }
  #common-kv .kv__text span {
    font-size: 16px;
    line-height: 2.125;
    font-weight: bold;
    display: block;
    margin-bottom: 2.7272727273%;
  }
  #common-kv .kv__text p {
    font-size: 88px;
    line-height: 1;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #common-kv {
    margin-bottom: 33px;
    position: relative;
  }
  #common-kv .container {
    position: static !important;
  }
  #common-kv .kv__bg {
    width: 100%;
    height: 230px;
    position: relative;
  }
  #common-kv .kv__bg img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
  }
  #common-kv .kv__wrapper {
    margin-top: -32px;
  }
  #common-kv .kv__text {
    color: #F12C68;
    word-wrap: break-word;
    display: inline-block;
    max-width: 100%;
    background-color: #fff;
    padding: 5.3333333333% 8% 0 5.3333333333%;
    border-radius: 0 10px 0 0;
    position: relative;
    z-index: 1;
  }
  #common-kv .kv__text span {
    font-size: 13px;
    line-height: 1;
    letter-spacing: 0.04em;
    font-weight: bold;
    display: block;
    margin-bottom: 8px;
  }
  #common-kv .kv__text p {
    font-size: 52px;
    line-height: 1;
    letter-spacing: normal;
    display: block;
  }
}
@media screen and (min-width: 768px) {
  #common-lead .container {
    max-width: 1440px;
    margin: 0 auto;
    position: relative;
  }
  #common-lead .lead__text {
    font-size: 16px;
    line-height: 2.25;
    padding: 0 12.5%;
  }
}
@media screen and (max-width: 767px) {
  #common-lead .container {
    margin: 0 auto;
    position: relative;
  }
  #common-lead .lead__text {
    font-size: 14px;
    line-height: 2.1428571429;
    padding: 0 5.3333333333%;
  }
}