@charset "UTF-8";
/*
 * Fonts
 * -------------------------------------------------------------------
 */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap");
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  box-sizing: border-box;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  display: block;
  width: 100%;
}

html {
  font-size: 0.7vw;
}

html.no-scroll {
  overflow: hidden !important;
  height: 100vh;
}

@media (max-width: 767px) {
  html {
    font-size: 10px;
  }
}

body {
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
  color: #111111;
  background-color: #f5f4f1;
  line-height: 1.7;
  margin: 0;
  padding: 0;
  font-size: 1.6rem;
  letter-spacing: .04em;
  font-weight: 400;
  position: relative;
}

@media (max-width: 767px) {
  body {
    font-size: 1.4rem;
    font-weight: 400;
  }
}

body.no-scroll {
  overflow: hidden;
  height: 100%;
}

body.home {
  background-color: #fff;
}

body.page, body.archive, body.single {
  background-color: #fff;
}

body.page-template-page-contact, body.page-template-page-kaiji, body.page-template-page-contact-thanks {
  background-color: #f5f4f1;
}

.pc {
  display: block;
}

@media (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

.sp {
  display: none;
}

@media (max-width: 767px) {
  .sp {
    display: block !important;
  }
}

sup {
  font-size: 0.6em;
}

.scroll-target {
  scroll-margin-top: 20.0rem;
}

@media (max-width: 767px) {
  .scroll-target {
    scroll-margin-top: 8.0rem;
  }
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

a {
  text-decoration: none;
  transition: all .4s ease;
  color: #111111;
  overflow-wrap: anywhere;
  word-break: break-word;
}

a.external {
  position: relative;
  display: flex;
  align-items: center;
}

a.external::after {
  content: "";
  width: 1.2rem;
  height: 1.2rem;
  margin-left: 0.4rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-image: url("../img/common/icon-external.png");
}

.palt {
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
}

@media (max-width: 767px) {
  .palt {
    letter-spacing: 0.03em;
  }
}

/*ニュース・ブログ カテゴリー カラー*/
.newsblog-cat {
  line-height: 1;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 1.6rem;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  font-weight: 600;
  border-radius: 1.3rem;
  padding: 0.5rem 1.5rem;
}

@media (max-width: 767px) {
  .newsblog-cat {
    font-size: 1.1rem;
    padding: 0.5rem 1.0rem;
  }
}

.emoji {
  font-family: "Noto Color Emoji", sans-serif;
  display: inline-block;
  margin-left: 0.5rem;
}

.newsblog-cat--1 {
  background-color: #2c9dbe;
  border-color: #2c9dbe;
  color: #fff;
}

.newsblog-cat--2 {
  background-color: #2ab378;
  border-color: #2ab378;
  color: #fff;
}

.newsblog-cat--3 {
  background-color: #fd9b28;
  border-color: #fd9b28;
  color: #fff;
}

.newsblog-cat--4 {
  background-color: #ada5ff;
  border-color: #ada5ff;
  color: #fff;
}

.newsblog-cat--5 {
  background-color: #fd80a3;
  border-color: #fd80a3;
  color: #fff;
}

.newsblog-cat--6 {
  background-color: #97c449;
  border-color: #97c449;
  color: #fff;
}

.newsblog-cat--7 {
  background-color: #67ccd2;
  border-color: #67ccd2;
  color: #fff;
}

.newsblog-cat--8 {
  background-color: #f1c600;
  border-color: #f1c600;
  color: #fff;
}

.newsblog-cat--9 {
  background-color: #6782e7;
  border-color: #6782e7;
  color: #fff;
}

.newsblog-cat--10 {
  background-color: #f44e46;
  border-color: #f44e46;
  color: #fff;
}

/*ヘッダー*/
.header {
  width: 100%;
  position: fixed;
  top: 0;
  z-index: 999;
  background-color: transparent;
  transition: background-color 0.25s ease, box-shadow 0.25s ease;
}

.header::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0);
  pointer-events: none;
  transition: background-color 0.3s ease;
}

@media (max-width: 767px) {
  .header::after {
    content: none;
  }
}

@media (min-width: 901px) {
  .header:has(.gnav-list_item:hover > .dropdown_nav) {
    background-color: rgba(255, 255, 255, 0.96);
  }
}

@media (min-width: 901px) {
  .header:has(.gnav-list_item:hover > .dropdown_nav)::after {
    background-color: rgba(0, 0, 0, 0.4);
  }
}

@media (max-width: 767px) {
  .header.is-nav-open {
    background-color: #fff;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  }
}

.header .sp-menu__icon {
  display: none;
}

@media (max-width: 767px) {
  .header .sp-menu__icon {
    display: inline-flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 0.8rem;
    width: 8.0rem;
    height: 4.0rem;
    cursor: pointer;
    border: 0.1rem solid transparent;
    border-radius: 0.6rem;
    padding: 1.2rem 1.9rem;
    background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #ff7f32, #ffa956) border-box;
    transition: width 0.5s ease, height 0.5s ease, padding 0.5s ease, gap 0.5s ease;
  }
}

@media (max-width: 767px) {
  .header .sp-menu__icon .sp-menu__bar {
    width: 100%;
    height: 2px;
    background-color: #111111;
    transition: transform 0.2s ease, opacity 0.2s ease;
  }
  .header .sp-menu__icon .sp-menu__bar:nth-child(1) {
    width: 4.0rem;
  }
  .header .sp-menu__icon .sp-menu__bar:nth-child(2) {
    width: 3.0rem;
  }
}

@media (max-width: 767px) {
  .header .sp-menu__icon.is-active .sp-menu__bar:nth-child(1) {
    width: 4.0rem;
    transform: translateY(5px) rotate(18deg);
  }
  .header .sp-menu__icon.is-active .sp-menu__bar:nth-child(2) {
    width: 4.0rem;
    transform: translateY(-5px) rotate(-18deg);
  }
}

.header .inner {
  max-width: 150.0rem;
  width: 95%;
  margin: 0 auto;
  padding: 2.0rem 0;
  transition: padding 0.5s ease;
}

@media (max-width: 767px) {
  .header .inner {
    padding: 1.3rem 0;
    width: 90%;
  }
}

.header .inner .header-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.header .inner .site_logo a {
  display: block;
}

.header .inner .site_logo a img {
  width: Min(17rem, 200px);
  height: auto;
  transition: width 0.5s ease;
}

@media (max-width: 767px) {
  .header .inner .site_logo a img {
    width: 13.0rem;
  }
}

.header .inner .gnav {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}

@media (max-width: 767px) {
  .header .inner .gnav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 5.0rem;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background-color: #fff;
    padding: 4.3rem 5% 2.4rem;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-8px);
    overflow: hidden;
    transition: opacity 0.25s ease,transform 0.25s ease,visibility 0.25s ease;
  }
}

.header .inner .gnav-list {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}

@media (max-width: 767px) {
  .header .inner .gnav-list {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
    border-bottom: 0.1rem dotted rgba(134, 134, 134, 0.3);
    width: 100%;
  }
}

.header .inner .gnav-list_item {
  position: relative;
}

@media (max-width: 767px) {
  .header .inner .gnav-list_item {
    width: 100%;
  }
}

.header .inner .gnav-list_item::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3.5rem;
  height: 3.5rem;
}

@media (max-width: 767px) {
  .header .inner .gnav-list_item::after {
    content: none;
  }
}

.header .inner .gnav-list_item .item_link {
  color: #111111;
  font-size: Min(1.6rem, 18px);
  font-weight: 500;
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  cursor: pointer;
  transition: color .3s ease, font-size 0.5s ease;
}

@media (max-width: 767px) {
  .header .inner .gnav-list_item .item_link {
    display: block;
    width: 100%;
    padding: 1.5rem 1.4rem;
    border-top: 0.1rem dotted rgba(134, 134, 134, 0.3);
  }
}

.header .inner .gnav-list_item .item_link:hover {
  color: #ff890b;
}

.header .inner .gnav-list_item .dropdown_nav {
  position: absolute;
  right: -30%;
  top: calc(100% + 3.2rem);
  min-width: 32.0rem;
  padding: 1.5rem 2.2rem 1.5rem 1.5rem;
  border-radius: 0.8rem;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
  border: 2px solid transparent;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #ff7f32, #ffa956) border-box;
  opacity: 0;
  visibility: hidden;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
  transition: opacity 0.3s ease,max-height 0.4s ease,padding 0.4s ease,visibility 0.3s ease;
  z-index: 2;
}

@media (max-width: 767px) {
  .header .inner .gnav-list_item .dropdown_nav {
    position: static;
    transform: none;
    box-shadow: none;
    border-radius: 0;
    padding: 0 1.6rem;
    max-height: none;
    opacity: 1;
    visibility: visible;
    overflow: visible;
    background: #fff;
    border: none;
  }
}

.header .inner .gnav-list_item .dropdown_nav.interview_nav {
  width: 60.0rem;
}

@media (max-width: 767px) {
  .header .inner .gnav-list_item .dropdown_nav.interview_nav {
    width: 100%;
    max-height: 0;
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 0.3s ease;
  }
}

.header .inner .gnav-list_item .dropdown_nav ul {
  display: flex;
  flex-direction: column;
}

.header .inner .gnav-list_item .dropdown_nav ul.row_box {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 0 1.8rem;
}

@media (max-width: 767px) {
  .header .inner .gnav-list_item .dropdown_nav ul.row_box {
    flex-direction: column;
  }
}

.header .inner .gnav-list_item .dropdown_nav ul.row_box li {
  width: calc(100% / 2 - 0.9rem);
}

@media (max-width: 767px) {
  .header .inner .gnav-list_item .dropdown_nav ul.row_box li {
    width: 100%;
  }
}

.header .inner .gnav-list_item .dropdown_nav ul.row_box li:nth-last-child(2):nth-child(odd) a {
  border-bottom: none;
}

@media (max-width: 767px) {
  .header .inner .gnav-list_item .dropdown_nav ul {
    padding-bottom: 1.5rem;
  }
}

.header .inner .gnav-list_item .dropdown_nav li:not(:last-child) a {
  border-bottom: 0.1rem dotted rgba(134, 134, 134, 0.5);
}

@media (max-width: 767px) {
  .header .inner .gnav-list_item .dropdown_nav li:not(:last-child) a {
    border-bottom: none;
  }
}

.header .inner .gnav-list_item .dropdown_nav a {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  font-size: Min(1.6rem, 18px);
  font-weight: 500;
  line-height: 1;
  color: #111111;
  white-space: nowrap;
  padding: 1.8rem 1.0rem;
  position: relative;
}

@media (max-width: 767px) {
  .header .inner .gnav-list_item .dropdown_nav a {
    gap: 0.8rem;
    font-size: 1.5rem;
    padding: 1.0rem 0;
  }
}

.header .inner .gnav-list_item .dropdown_nav a::before {
  content: "";
  flex-shrink: 0;
  width: 0.8rem;
  height: 0.8rem;
  position: relative;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: linear-gradient(-45deg, #ff9c32, #ffd16e);
}

.header .inner .gnav-list_item .dropdown_nav a:hover {
  color: #ff9c32;
}

@media (min-width: 901px) {
  .header .inner .gnav-list_item:hover > .dropdown_nav {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    max-height: 50rem;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    overflow: visible;
  }
}

@media (max-width: 767px) {
  .header .inner .gnav-list_item.is-open > .dropdown_nav {
    max-height: 400px;
    opacity: 1;
    visibility: visible;
  }
}

@media (max-width: 767px) {
  .header .inner .gnav-list_item:has(.interview_nav) > .item_link {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .header .inner .gnav-list_item:has(.interview_nav) > .item_link::after {
    content: "";
    flex-shrink: 0;
    width: 2.0rem;
    height: 2.0rem;
    border-radius: 50%;
    background-color: #1e1e1e;
    position: relative;
  }
}

@media (max-width: 767px) {
  .header .inner .gnav-list_item:has(.interview_nav) > .item_link::after {
    background-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
    background-size: 1.0rem 0.15rem, 0.15rem 1.0rem;
    background-position: center;
    background-repeat: no-repeat;
    transition: background-size 0.3s ease;
  }
}

@media (max-width: 767px) {
  .header .inner .gnav-list_item.is-open:has(.interview_nav) > .item_link::after {
    background-size: 1.0rem 0.15rem, 0rem 0rem;
  }
}

.header .inner .gnav .btn_box.btn_box_sp {
  display: none;
}

@media (max-width: 767px) {
  .header .inner .gnav .btn_box.btn_box_sp {
    margin-top: 0rem;
    display: flex !important;
    justify-content: space-between;
    gap: 0.8rem;
    width: 100%;
  }
}

.header .inner .gnav .btn_box_link {
  border-radius: 2.6rem;
  overflow: hidden;
  isolation: isolate;
}

@media (max-width: 767px) {
  .header .inner .gnav .btn_box_link {
    width: calc(100% / 2);
  }
}

.header .inner .gnav .btn_box_link::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(-45deg, #ff890b 0%, #ffbe34 100%);
  border-radius: inherit;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 1;
}

.header .inner .gnav .btn_box_link:hover::after {
  opacity: 1;
}

.header .inner .gnav .btn_box_link .wrap {
  gap: 1.0rem;
  border-radius: 2.5rem;
  background-color: transparent;
  padding: 0.7rem 1.8rem 0.7rem 0.7rem;
  transition: padding 0.5s ease;
}

@media (max-width: 767px) {
  .header .inner .gnav .btn_box_link .wrap {
    padding: 0.7rem 1.5rem 0.7rem 0.7rem;
    gap: 0.8rem;
    width: 100%;
  }
}

.header .inner .gnav .btn_box_link .mail_icon {
  width: Min(3.4rem, 50px);
  height: Min(3.4rem, 50px);
  transition: width 0.5s ease, height 0.5s ease;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.header .inner .gnav .btn_box_link .mail_icon::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: 50%;
  opacity: 0;
  z-index: 0;
  transform: scale(0);
  transition: opacity 0.3s ease, transform 0.35s ease;
}

.header .inner .gnav .btn_box_link .mail_icon img {
  width: Min(2.4rem, 30px);
  height: auto;
  margin-top: 0.2rem;
  position: relative;
  z-index: 1;
  transition: filter 0.3s ease;
}

.header .inner .gnav .btn_box_link .mail_icon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  margin-top: 0.1rem;
}

.header .inner .gnav .btn_box_link .mail_icon .icon svg {
  width: Min(2rem, 24px);
  height: auto;
  display: block;
  transition: transform 0.3s ease 0.1s;
}

.header .inner .gnav .btn_box_link .mail_icon .icon.icon1 svg path {
  fill: #fff;
}

.header .inner .gnav .btn_box_link .mail_icon .icon.icon2 svg {
  transform: scale(0);
}

.header .inner .gnav .btn_box_link .mail_icon .icon.icon2 svg path {
  fill: #ff890b;
}

.header .inner .gnav .btn_box_link .text {
  color: #1e1e1e;
  font-size: Min(1.6rem, 18px);
  transition: font-size 0.5s ease, color 0.3s ease;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .header .inner .gnav .btn_box_link .text {
    font-size: 1.5rem;
    letter-spacing: 0;
  }
}

.header .inner .gnav .btn_box_link:hover .mail_icon::after {
  opacity: 1;
  transform: scale(1.2);
}

.header .inner .gnav .btn_box_link:hover .mail_icon .icon1 svg {
  transform: scale(0);
}

.header .inner .gnav .btn_box_link:hover .mail_icon .icon2 svg {
  transform: scale(1);
}

.header .inner .gnav .btn_box_link:hover .text {
  color: #fff;
}

@media (max-width: 767px) {
  .header .inner .gnav .btn_box_link.entry_link {
    background: linear-gradient(-45deg, #ffbe34 0%, #ff890b 100%) padding-box, linear-gradient(-45deg, #ffbe34 0%, #ff890b 100%) border-box;
  }
  .header .inner .gnav .btn_box_link.entry_link .wrap {
    background-color: transparent;
  }
  .header .inner .gnav .btn_box_link.entry_link .entry_icon {
    width: 3.4rem;
    height: 3.4rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
  }
  .header .inner .gnav .btn_box_link.entry_link .entry_icon img {
    width: 2.0rem;
    height: auto;
  }
  .header .inner .gnav .btn_box_link.entry_link .text {
    color: #fff;
  }
}

.header.is-scrolled {
  background-color: white;
}

.header.is-scrolled .inner {
  padding: 0.8rem 0;
}

@media (max-width: 767px) {
  .header.is-scrolled .inner {
    padding: 0.6rem 0;
  }
}

.header.is-scrolled .site_logo a img {
  width: Min(12rem, 150px);
}

@media (max-width: 767px) {
  .header.is-scrolled .site_logo a img {
    width: 10.0rem;
  }
}

.header.is-scrolled .gnav-list_item .item_link {
  font-size: Min(1.4rem, 15px);
}

@media (max-width: 767px) {
  .header.is-scrolled .gnav-list_item .item_link {
    font-size: 1.6rem;
  }
}

.header.is-scrolled .gnav-list_item .dropdown_nav {
  top: calc(100% + 1.4rem);
}

@media (max-width: 767px) {
  .header.is-scrolled .sp-menu__icon {
    width: 6.8rem;
    height: 3.4rem;
    padding: 0.8rem 1.5rem;
    gap: 0.7rem;
  }
}

.header.is-scrolled .btn_box .btn_box_link .wrap {
  padding: 0.5rem 1.2rem 0.5rem 0.5rem;
  gap: 0.5rem;
}

.header.is-scrolled .btn_box .btn_box_link .mail_icon {
  width: 2.6rem;
  height: 2.6rem;
}

@media (max-width: 767px) {
  .header.is-scrolled .btn_box .btn_box_link .mail_icon {
    width: 3.4rem;
    height: 3.4rem;
  }
}

.header.is-scrolled .btn_box .btn_box_link .mail_icon img {
  width: 1.7rem;
}

@media (max-width: 767px) {
  .header.is-scrolled .btn_box .btn_box_link .mail_icon img {
    width: 2.4rem;
  }
}

.header.is-scrolled .btn_box .btn_box_link .mail_icon .icon svg {
  width: 1.5rem;
}

@media (max-width: 767px) {
  .header.is-scrolled .btn_box .btn_box_link .mail_icon .icon svg {
    width: 2.0rem;
  }
}

.header.is-scrolled .btn_box .btn_box_link .text {
  font-size: Min(1.4rem, 15px);
}

@media (max-width: 767px) {
  .header.is-scrolled .btn_box .btn_box_link .text {
    font-size: 1.5rem;
  }
}

@media (max-width: 767px) {
  .header.is-nav-open .gnav {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
    height: calc(100dvh - var(--header-h, 60px));
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
}

/*フッター*/
.footer {
  background-color: #171717;
  color: #fff;
  overflow: hidden;
}

.footer .top-nav {
  max-width: 135.2rem;
  width: 90%;
  margin: 0 auto;
  padding-bottom: 4.0rem;
}

@media (max-width: 767px) {
  .footer .top-nav {
    padding-bottom: 5.0rem;
  }
}

.footer .top-nav__main {
  display: flex;
  margin-bottom: 10.0rem;
  padding-top: 10.0rem;
}

@media (max-width: 767px) {
  .footer .top-nav__main {
    flex-direction: column;
    width: 90%;
    margin: 0 auto 8.0rem;
    padding-top: 4.0rem;
  }
}

.footer .top-nav__main .nav_item {
  width: calc(100% / 5);
  padding-top: 2.2rem;
}

@media (max-width: 767px) {
  .footer .top-nav__main .nav_item {
    width: 100%;
    padding-top: 1.5rem;
    padding-bottom: 1.7rem;
  }
}

.footer .top-nav__main .nav_item:not(:last-child) {
  border-right: 0.1rem solid rgba(244, 244, 239, 0.2);
}

@media (max-width: 767px) {
  .footer .top-nav__main .nav_item:not(:last-child) {
    border-right: none;
    border-bottom: 0.1rem solid rgba(244, 244, 239, 0.2);
  }
}

.footer .top-nav__main .nav_item:not(:first-child) {
  padding-left: 2.5rem;
}

@media (max-width: 767px) {
  .footer .top-nav__main .nav_item:not(:first-child) {
    padding-left: 0;
  }
}

.footer .top-nav__main .nav_item .parent-link__txt {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
  line-height: 1;
  display: block;
}

@media (max-width: 767px) {
  .footer .top-nav__main .nav_item .parent-link__txt {
    font-size: 1.6rem;
    letter-spacing: 0.03em;
  }
}

.footer .top-nav__main .nav_item .child-link {
  display: flex;
  flex-direction: column;
  gap: 1.3rem;
  margin-top: 1.8rem;
}

@media (max-width: 767px) {
  .footer .top-nav__main .nav_item .child-link {
    gap: 2.0rem;
  }
}

.footer .top-nav__main .nav_item .child-link a {
  color: #b6b6b6;
  font-size: 1.3rem;
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: 0.07em;
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: 0.3rem;
}

@media (max-width: 767px) {
  .footer .top-nav__main .nav_item .child-link a {
    font-size: 1.3rem;
    letter-spacing: 0.035rem;
  }
}

.footer .top-nav__main .nav_item .child-link a::before {
  content: "";
  position: relative;
  width: 0.6rem;
  height: 0.6rem;
  border-left: 0.095rem solid currentColor;
  border-bottom: 0.095rem solid currentColor;
  transform: translateY(-50%);
}

.footer .top-nav__main .nav_item a:hover {
  opacity: 0.7;
}

.footer .top-nav__info {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.footer .top-nav__info .info_box {
  display: flex;
  flex-direction: column;
  gap: 4.0rem;
}

@media (max-width: 767px) {
  .footer .top-nav__info .info_box {
    gap: 1.7rem;
  }
}

.footer .top-nav__info .info_box .site_name {
  font-size: 4.0rem;
  font-weight: 300;
  line-height: 1;
  background: linear-gradient(-45deg, #ff890b 0%, #ffbe34 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  font-family: "Outfit", sans-serif;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
}

@media (max-width: 767px) {
  .footer .top-nav__info .info_box .site_name {
    font-size: 2.6rem;
  }
}

.footer .top-nav__info .info_box .btn_box_link {
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

.footer .top-nav__info .info_box .btn_box_link::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(-45deg, #ff890b 0%, #ffbe34 100%);
  border-radius: inherit;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 0;
}

.footer .top-nav__info .info_box .btn_box_link:hover::after {
  opacity: 1;
}

.footer .top-nav__info .info_box .btn_box_link .wrap {
  position: relative;
  z-index: 1;
  background-color: transparent;
}

.footer .top-nav__info .info_box .btn_box_link .mail_icon {
  position: relative;
}

.footer .top-nav__info .info_box .btn_box_link .mail_icon::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  opacity: 0;
  border-radius: 50%;
  z-index: 0;
  transform: scale(0);
  transition: opacity 0.3s ease, transform 0.35s ease;
}

.footer .top-nav__info .info_box .btn_box_link .text {
  transition: color 0.3s ease;
}

.footer .top-nav__info .info_box .btn_box_link:hover .mail_icon::after {
  opacity: 1;
  transform: scale(1.2);
}

.footer .top-nav__info .info_box .btn_box_link:hover .mail_icon .icon1 svg {
  transform: scale(0);
}

.footer .top-nav__info .info_box .btn_box_link:hover .mail_icon .icon2 svg {
  transform: scale(1);
}

.footer .top-nav__info .info_box .btn_box_link:hover .text {
  color: #fff;
}

.footer .bottom-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 135.2rem;
  width: 90%;
  margin: 0 auto;
  padding: 3.0rem 0;
  position: relative;
}

@media (max-width: 767px) {
  .footer .bottom-nav {
    flex-direction: column-reverse;
    align-items: flex-start;
    gap: 4.0rem;
    padding: 2.7rem 0;
  }
}

.footer .bottom-nav::before {
  content: "";
  width: 100vw;
  height: 0.1rem;
  background-color: rgba(244, 244, 239, 0.2);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.footer .bottom-nav .copyright p {
  font-size: 1.4rem;
  letter-spacing: 0.04em;
}

@media (max-width: 767px) {
  .footer .bottom-nav .copyright p {
    font-size: 1.2rem;
  }
}

.footer .bottom-nav .other-link {
  flex-shrink: 0;
}

.footer .bottom-nav .other-link__list {
  display: flex;
  align-items: center;
  gap: 1.0rem 2.0rem;
}

@media (max-width: 767px) {
  .footer .bottom-nav .other-link__list {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 1.5rem 3.0rem;
  }
}

@media (max-width: 767px) {
  .footer .bottom-nav .other-link__item {
    width: calc(100% / 2 - 1.5rem);
  }
}

.footer .bottom-nav .other-link__item .link {
  display: flex;
  color: #fff;
  font-size: 1.3rem;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
}

@media (max-width: 767px) {
  .footer .bottom-nav .other-link__item .link {
    line-height: 1;
    font-size: 1.1rem;
    letter-spacing: 0.03em;
  }
}

@media (hover: hover) and (pointer: fine) {
  .footer .bottom-nav .other-link__item .link:hover {
    opacity: 0.7;
  }
}

/*ページトップ*/
.page_top {
  display: flex;
  align-items: center;
  gap: 1.0rem;
  margin-right: -4rem;
  cursor: pointer;
}

@media (max-width: 767px) {
  .page_top {
    margin-right: 0;
    gap: 0.5rem;
  }
}

.page_top .text {
  color: #fff;
  font-size: 2.0rem;
  font-weight: 600;
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
}

@media (max-width: 767px) {
  .page_top .text {
    font-size: 1.5rem;
    letter-spacing: 0.02em;
  }
}

.page_top .emoji {
  font-family: "Noto Color Emoji", sans-serif;
  font-size: 3.0rem;
  line-height: 1;
}

@media (max-width: 767px) {
  .page_top .emoji {
    font-size: 2.3rem;
  }
}

/*CAT エリア*/
.footer-cat {
  border-radius: 8.0rem 8.0rem 0 0;
  overflow: hidden;
  position: relative;
  background: url(../img/common/footer-cat-top_bg_02.jpg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  background-color: #373737;
  background-blend-mode: overlay;
  height: 80.0rem;
  z-index: 2;
}

@media (max-width: 767px) {
  .footer-cat {
    border-radius: 4.0rem 4.0rem 0 0;
    height: 45.0rem;
    background: url(../img/common/footer-cat-top_bg_02_sp.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    background-color: #373737;
    background-blend-mode: overlay;
  }
}

.footer-cat::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30%;
  background: linear-gradient(to top, #171717 0%, rgba(23, 23, 23, 0) 100%);
  pointer-events: none;
}

.footer-cat__inner {
  height: 100%;
  z-index: 4;
  position: relative;
}

.footer-cat__block {
  max-width: 120.0rem;
  width: 90%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
}

.footer-cat__block .catch-box {
  position: relative;
  width: 90%;
}

@media (max-width: 767px) {
  .footer-cat__block .catch-box {
    width: 100%;
    margin: 0 auto;
  }
}

.footer-cat__block .catch-box .item_linkbtn {
  margin-top: 5.0rem;
}

@media (max-width: 767px) {
  .footer-cat__block .catch-box .item_linkbtn {
    margin-top: 7.0rem;
  }
}

.footer-cat__block .catch-box .item_linkbtn .link {
  border: none;
  background: none;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  border-radius: 3.2rem;
  min-width: 25.0rem;
  width: max-content;
  padding: 1.4rem 1.3rem 1.4rem 2.8rem;
  color: #fff;
  font-size: 2.0rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 3.5rem;
  justify-content: space-between;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  overflow: hidden;
  background: linear-gradient(90deg, #ff6b4e 0%, #f79515 100%);
  z-index: 0;
  position: relative;
}

@media (max-width: 767px) {
  .footer-cat__block .catch-box .item_linkbtn .link {
    gap: 1.5rem;
    letter-spacing: 0.03em;
    font-size: 1.6rem;
    min-width: 28.0rem;
    padding: 1.2rem 1.3rem 1.2rem 2.8rem;
  }
}

.footer-cat__block .catch-box .item_linkbtn .link .arrow_icon {
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  border: 0.1rem solid #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .footer-cat__block .catch-box .item_linkbtn .link .arrow_icon {
    width: 3.8rem;
    height: 3.8rem;
  }
}

.footer-cat__block .catch-box .item_linkbtn .link .arrow_icon::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #fff;
  transform: scale(0);
  transform-origin: 50% 50%;
  transition: transform .35s ease;
  z-index: 0;
}

.footer-cat__block .catch-box .item_linkbtn .link .arrow_icon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease 0.1s;
  width: 100%;
  height: 100%;
}

.footer-cat__block .catch-box .item_linkbtn .link .arrow_icon .icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease 0.1s;
  width: 1.3rem;
  height: 1.0rem;
}

.footer-cat__block .catch-box .item_linkbtn .link .arrow_icon .icon.icon1 svg path {
  fill: #fff;
}

.footer-cat__block .catch-box .item_linkbtn .link .arrow_icon .icon.icon2 svg {
  transform: translate(-50%, -50%) scale(0);
}

.footer-cat__block .catch-box .item_linkbtn .link .arrow_icon .icon.icon2 svg path {
  fill: #ff6b4e !important;
}

.footer-cat__block .catch-box .item_linkbtn .link:hover .arrow_icon::before {
  transform: scale(1);
}

.footer-cat__block .catch-box .item_linkbtn .link:hover .arrow_icon .icon1 svg {
  transform: translate(-50%, -50%) scale(0);
}

.footer-cat__block .catch-box .item_linkbtn .link:hover .arrow_icon .icon2 svg {
  transform: translate(-50%, -50%) scale(1);
}

.footer-cat__block .catch-box .item_linkbtn .link::before, .footer-cat__block .catch-box .item_linkbtn .link::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: -1;
  transition: all .5s ease;
}

.footer-cat__block .catch-box .item_linkbtn .link::before {
  background: linear-gradient(90deg, #ff6b4e 0%, #f79515 100%);
  opacity: 1;
}

.footer-cat__block .catch-box .item_linkbtn .link::after {
  background: linear-gradient(90deg, #f79515 0%, #ff6b4e 100%);
  opacity: 0;
}

.footer-cat__block .catch-box .item_linkbtn .link:hover {
  transform: translateY(0);
}

.footer-cat__block .catch-box .item_linkbtn .link:hover::before {
  opacity: 0;
}

.footer-cat__block .catch-box .item_linkbtn .link:hover::after {
  opacity: 1;
}

.footer-cat__block .catch_txt {
  font-size: 5.6rem;
  font-weight: 700;
  line-height: 1.4;
  color: #fff;
}

@media (max-width: 767px) {
  .footer-cat__block .catch_txt {
    font-size: 2.7rem;
    line-height: 1.6;
  }
}

.footer-cat__block .catch_subtxt {
  color: #fff;
  font-size: 2.1rem;
  line-height: 1.5;
  margin-top: 2.5rem;
}

@media (max-width: 767px) {
  .footer-cat__block .catch_subtxt {
    font-size: 1.4rem;
    margin-top: 1.0rem;
  }
}

.footer-cat__block .btn_box {
  margin-top: 5.0rem;
}

@media (max-width: 767px) {
  .footer-cat__block .btn_box {
    margin-top: 7.0rem;
  }
}

.footer-cat__block .btn_box_link {
  border-radius: 6.0rem;
  border: 0.4rem solid transparent;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}

@media (max-width: 767px) {
  .footer-cat__block .btn_box_link {
    border: 0.3rem solid transparent;
    border-radius: 3.2rem;
  }
}

.footer-cat__block .btn_box_link::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(-45deg, #ff890b 0%, #ffbe34 100%);
  border-radius: inherit;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 0;
}

.footer-cat__block .btn_box_link:hover::after {
  opacity: 1;
}

.footer-cat__block .btn_box_link .wrap {
  border-radius: 5.0rem;
  padding: 1.6rem 4.2rem 1.6rem 1.6rem;
  gap: 1.7rem;
  position: relative;
  background-color: transparent;
  z-index: 1;
}

@media (max-width: 767px) {
  .footer-cat__block .btn_box_link .wrap {
    border-radius: 2.8rem;
    padding: 0.9rem 5.0rem 0.9rem 1.0rem;
    gap: 1.2rem;
  }
}

.footer-cat__block .btn_box_link .wrap .mail_icon {
  width: 5.0rem;
  height: 5.0rem;
  background: linear-gradient(-45deg, #ff890b 0%, #ffbe34 100%);
  position: relative;
  overflow: hidden;
}

@media (max-width: 767px) {
  .footer-cat__block .btn_box_link .wrap .mail_icon {
    width: 3.8rem;
    height: 3.8rem;
  }
}

.footer-cat__block .btn_box_link .wrap .mail_icon::after {
  content: "";
  position: absolute;
  inset: 0;
  background: #fff;
  border-radius: 50%;
  transform: scale(0);
  transform-origin: 50% 50%;
  transition: transform 0.35s ease;
}

.footer-cat__block .btn_box_link .wrap .mail_icon .icon {
  width: 3.2rem;
  margin-top: 0;
}

.footer-cat__block .btn_box_link .wrap .mail_icon svg {
  width: 100%;
  position: relative;
  margin-top: 0.3rem;
  z-index: 1;
  transition: filter 0.3s ease, transform 0.35s ease;
}

@media (max-width: 767px) {
  .footer-cat__block .btn_box_link .wrap .mail_icon svg {
    width: 2.0rem;
  }
}

.footer-cat__block .btn_box_link .wrap .text {
  font-size: 2.0rem;
  transition: color 0.3s ease;
}

@media (max-width: 767px) {
  .footer-cat__block .btn_box_link .wrap .text {
    font-size: 1.6rem;
  }
}

.footer-cat__block .btn_box_link:hover .mail_icon::after {
  transform: scale(1);
}

.footer-cat__block .btn_box_link:hover .mail_icon .icon svg {
  transform: scale(0);
}

.footer-cat__block .btn_box_link:hover .mail_icon .icon2 svg {
  transform: scale(1);
}

.footer-cat__block .btn_box_link:hover .text {
  color: #fff;
}

.footer-cat__block .cat-svg {
  position: absolute;
  bottom: -5rem;
  right: -20rem;
  width: 64.0rem;
  height: 23.0rem;
}

@media (max-width: 767px) {
  .footer-cat__block .cat-svg {
    width: 17.8rem;
    height: auto;
    right: -1.3rem;
    top: 12.5rem;
    bottom: initial;
  }
}

.footer-cat__block #catsvg {
  max-width: 64.0rem;
  height: auto;
  transform: rotate(-8.888deg);
  transform-origin: 50% 50%;
}

.footer-cat.recruit {
  border-radius: 8.0rem 8.0rem 0 0;
  overflow: hidden;
  position: relative;
  background: url(../img/common/footer-cat-top_bg.jpg);
  background-size: cover;
  background-position: top;
  background-repeat: no-repeat;
  background-color: #373737;
  background-blend-mode: overlay;
  height: 80.0rem;
  z-index: 2;
}

@media (max-width: 767px) {
  .footer-cat.recruit {
    border-radius: 4.0rem 4.0rem 0 0;
    height: 45.0rem;
    background: url(../img/common/footer-cat-top_bg_sp.jpg);
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    background-color: #373737;
    background-blend-mode: overlay;
  }
}

.footer-cat.recruit::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 30%;
  background: linear-gradient(to top, #171717 0%, rgba(23, 23, 23, 0) 100%);
  pointer-events: none;
}

.footer-cat.recruit__inner, .footer-cat.recruit__block {
  position: relative;
  z-index: 2;
}

.footer-cat.recruit::after {
  z-index: 3;
}

@media (max-width: 767px) {
  .footer-cat.recruit .catch-box {
    width: 100%;
  }
}

.footer-cat.recruit .footer-recruit__block {
  position: relative;
  z-index: 4;
  width: 90%;
  max-width: 130.0rem;
}

.footer-cat.recruit .catch_subtxt {
  font-size: 2.6rem;
  line-height: 1.8;
  font-weight: 700;
}

@media (max-width: 767px) {
  .footer-cat.recruit .catch_subtxt {
    font-size: 1.5rem;
    line-height: 1.7;
  }
}

.footer-cat.recruit .joinus-svg {
  width: 63.0rem;
  margin-top: 28.0rem;
}

@media (max-width: 767px) {
  .footer-cat.recruit .joinus-svg {
    position: absolute;
    right: 0;
    bottom: 17rem;
    width: 21.0rem;
  }
}

/*下層 mv*/
.lower-page_motif {
  position: absolute;
  top: -16.6rem;
  right: -33.1rem;
  width: 194.5rem;
  will-change: transform;
  transform: translate3d(0, 0, 0);
}

@media (max-width: 767px) {
  .lower-page_motif {
    top: -17.6rem;
    right: -32.1rem;
    width: 121.5rem;
  }
}

.lower-page_motif svg {
  visibility: hidden;
}

.lower-page_motif #motif_svg #line_item1,
.lower-page_motif #motif_svg #line_item2 {
  will-change: stroke-dashoffset;
}

/*下層 ページタイトル*/
.lower-page .page-info {
  position: relative;
  overflow: hidden;
  background-color: #f5f4f1;
  height: 54.5rem;
}

@media (max-width: 767px) {
  .lower-page .page-info {
    height: 24.2rem;
  }
}

.lower-page .page-info.cover_block {
  position: sticky;
  top: 0;
}

.lower-page .page-info_inner {
  position: relative;
  height: 100%;
  max-width: 120.0rem;
  width: 90%;
  margin: 0 auto;
}

.lower-page .page-info__ttl {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
  gap: 0.5rem;
}

@media (max-width: 767px) {
  .lower-page .page-info__ttl {
    justify-content: flex-start;
    padding-top: 13.5rem;
  }
}

.lower-page .page-info__ttl .ja_txt {
  position: relative;
  font-size: 2.0rem;
  font-weight: 500;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 1.0rem;
}

@media (max-width: 767px) {
  .lower-page .page-info__ttl .ja_txt {
    font-size: 1.5rem;
    gap: 0.5rem;
  }
}

.lower-page .page-info__ttl .ja_txt::before {
  content: "";
  position: relative;
  margin-left: -1.3rem;
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 50%;
  background: linear-gradient(-45deg, #ff9c32, #ffd16e);
  aspect-ratio: 1 / 1;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .lower-page .page-info__ttl .ja_txt::before {
    width: 0.8rem;
    height: 0.8rem;
  }
}

.lower-page .page-info__ttl .en_txt {
  font-family: "Outfit", sans-serif;
  font-size: 10.4rem;
  font-weight: 500;
  font-feature-settings: "palt";
  letter-spacing: 0;
  line-height: 1;
}

@media (max-width: 767px) {
  .lower-page .page-info__ttl .en_txt {
    font-size: 4.1rem;
  }
}

/*パンくず*/
.breadcrumb {
  position: absolute;
  top: 11.0rem;
  z-index: 2;
}

@media (max-width: 767px) {
  .breadcrumb {
    top: 8.0rem;
  }
}

.breadcrumb_list {
  display: flex;
  align-items: center;
  gap: 1.2rem;
}

@media (max-width: 767px) {
  .breadcrumb_list {
    gap: 0.5rem 5px;
    flex-wrap: wrap;
  }
}

.breadcrumb_list_item {
  display: flex;
  align-items: center;
  gap: 0.9rem;
}

@media (max-width: 767px) {
  .breadcrumb_list_item {
    gap: 4px;
  }
}

.breadcrumb_list_item:not(:last-child)::after {
  content: "";
  width: 0.4rem;
  height: 0.8rem;
  margin-top: 0.1rem;
  position: relative;
  background: #111111;
  mask: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 11"><path d="M0.876064 10.4965C0.622358 10.4965 0.377401 10.3916 0.202431 10.1816C-0.103765 9.81416 -0.060023 9.26301 0.316162 8.94806L4.76039 5.24745L0.316162 1.54685C-0.0512745 1.2319 -0.103765 0.680749 0.202431 0.313312C0.508628 -0.0541237 1.06853 -0.106615 1.43597 0.199582L6.68505 4.57382C6.88627 4.74004 7 4.985 7 5.24745C7 5.50991 6.88627 5.75487 6.68505 5.92109L1.43597 10.2953C1.26975 10.4353 1.07728 10.4965 0.876064 10.4965Z"/></svg>') no-repeat center/contain;
}

@media (max-width: 767px) {
  .breadcrumb_list_item:not(:last-child)::after {
    width: 0.4rem;
    height: 0.8rem;
  }
}

.breadcrumb_list_item .txt {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
}

@media (max-width: 767px) {
  .breadcrumb_list_item .txt {
    font-size: 1.1rem;
  }
}

.breadcrumb_list_item .txt.link_txt {
  color: #111111;
}

.breadcrumb_list_item .txt.link_txt:hover {
  opacity: 0.6;
}

.breadcrumb_list_item .txt.is-current {
  color: #979797;
}

/*ナビゲーション*/
.p-pager {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 9.0rem auto 0;
}

.p-pager__list {
  display: flex;
  gap: 1.5rem;
}

@media (max-width: 767px) {
  .p-pager__list {
    gap: 0.8rem;
  }
}

.p-pager__item {
  width: 5.2rem;
  height: 5.2rem;
  border-radius: 0.6rem;
  overflow: hidden;
  border: 0.1rem solid #b0b0b0;
}

.p-pager__item:hover a.page-numbers {
  background-color: #201f1e;
  color: #fff;
}

@media (max-width: 767px) {
  .p-pager__item {
    width: 4.0rem;
    height: 4.0rem;
  }
}

.p-pager__item .page-numbers {
  width: 100%;
  height: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Outfit", sans-serif;
  font-size: 1.8rem;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
}

@media (max-width: 767px) {
  .p-pager__item .page-numbers {
    letter-spacing: 0.02em;
    font-size: 1.4rem;
  }
}

.p-pager__item .prev, .p-pager__item .next {
  background-color: #b0b0b0;
}

.p-pager__item.is-current .current {
  opacity: 0.5;
  pointer-events: none;
}

.p-pager__item.is-current:hover .current {
  pointer-events: none !important;
}

.p-pager__item.is-dots {
  border: none;
  width: auto;
}

.p-pager__item.is-dots .page-numbers.dots {
  background: transparent;
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
}

.p-pager__item .p-pager__icon {
  display: block;
  width: 2.1rem;
  height: 1.6rem;
}

@media (max-width: 767px) {
  .p-pager__item .p-pager__icon {
    width: 1.5rem;
  }
}

.p-pager__item .prev, .p-pager__item .next {
  color: #fff;
}

.p-pager__item .prev:hover, .p-pager__item .next:hover {
  color: #b0b0b0;
  background-color: #fff;
}

/*下層 ページネーション*/
.wp-pagenavi {
  margin-top: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.4rem;
  font-family: "Outfit", sans-serif;
  font-size: 2.0rem;
  transition: all .4s ease;
}

@media (max-width: 767px) {
  .wp-pagenavi {
    margin-top: 3.4rem;
    font-size: 1.5rem;
    gap: 1.3rem;
  }
}

.wp-pagenavi .page {
  font-weight: 500;
  color: #fff;
  width: 4.6rem;
  height: 4.6rem;
  border-radius: 50%;
  border: 0.1rem solid #fff;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.wp-pagenavi .page:hover {
  opacity: 0.7;
}

@media (max-width: 767px) {
  .wp-pagenavi .page {
    width: 4.0rem;
    height: 4.0rem;
  }
}

.wp-pagenavi .current {
  font-weight: 700;
  background-color: #ff9c00;
  border: 0.1rem solid #ff9c00;
}

.wp-pagenavi .current:hover {
  opacity: 1;
}

.wp-pagenavi .extend {
  color: #fff;
}

.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.6rem;
  height: 4.6rem;
  border-radius: 50%;
  border: 0.1rem solid #fff;
  aspect-ratio: 1 / 1;
  color: #fff;
  font-weight: 600;
  line-height: 1;
  transition: all .4s ease;
}

.wp-pagenavi .previouspostslink:hover, .wp-pagenavi .nextpostslink:hover {
  opacity: 0.7;
}

@media (max-width: 767px) {
  .wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
    font-size: 1.2rem;
    padding: 0.6rem 1.0rem;
    width: 4.0rem;
    height: 4.0rem;
  }
}

.wp-pagenavi .previouspostslink .arrow_svg, .wp-pagenavi .nextpostslink .arrow_svg {
  stroke: #fff;
  width: 2.2rem;
  transition: all .4s ease;
}

@media (max-width: 767px) {
  .wp-pagenavi .previouspostslink .arrow_svg, .wp-pagenavi .nextpostslink .arrow_svg {
    width: 1.8rem;
  }
}

.wp-pagenavi .previouspostslink {
  margin-right: 1.0rem;
}

@media (max-width: 767px) {
  .wp-pagenavi .previouspostslink {
    margin-right: 0.5rem;
    flex-direction: column-reverse;
  }
}

.wp-pagenavi .nextpostslink {
  margin-left: 1.0rem;
}

@media (max-width: 767px) {
  .wp-pagenavi .nextpostslink {
    margin-left: 0.5rem;
    flex-direction: column;
  }
}

/*下層 追従サイドメニュー*/
.main_area {
  position: relative;
}

.main_area .side_navBox {
  padding-bottom: 10.0rem;
  width: 18.0rem;
}

@media (max-width: 767px) {
  .main_area .side_navBox {
    display: none;
  }
}

.main_area .side_navBox .side_navBox_wrap {
  position: sticky;
  top: 20.0rem;
}

@media (max-width: 767px) {
  .main_area .side_navBox .side_navBox_wrap {
    padding: 10.0rem 2.8rem !important;
  }
}

/*ボタン パーツ*/
.btn_box_link {
  display: inline-flex;
  align-items: center;
  position: relative;
  border-radius: 4.0rem;
  border: 0.2rem solid transparent;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(-45deg, #ff890b 0%, #ffbe34 100%) border-box;
}

@media (max-width: 767px) {
  .btn_box_link {
    border-radius: 3.5rem;
  }
}

.btn_box_link .wrap {
  display: inline-flex;
  align-items: center;
  gap: 1.5rem;
  border-radius: 3.0rem;
  background-color: #fff;
  padding: 0.8rem 3.0rem 0.8rem 1.0rem;
  position: relative;
  z-index: 2;
}

@media (max-width: 767px) {
  .btn_box_link .wrap {
    gap: 1.0rem;
    border-radius: 2.5rem;
    padding: 0.6rem 3.0rem 0.6rem 0.8rem;
  }
}

.btn_box_link .mail_icon {
  width: 4.0rem;
  height: 4.0rem;
  border-radius: 50%;
  background: linear-gradient(-45deg, #ff890b 0%, #ffbe34 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1 / 1;
  position: relative;
  overflow: hidden;
}

@media (max-width: 767px) {
  .btn_box_link .mail_icon {
    width: 3.4rem;
    height: 3.4rem;
  }
}

.btn_box_link .mail_icon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  margin-top: 0.15rem;
}

.btn_box_link .mail_icon .icon svg {
  width: 2.2rem;
  height: auto;
  display: block;
  transition: transform 0.3s ease 0.1s;
}

@media (max-width: 767px) {
  .btn_box_link .mail_icon .icon svg {
    width: 1.7rem;
  }
}

.btn_box_link .mail_icon .icon.icon1 svg path {
  fill: #fff;
}

.btn_box_link .mail_icon .icon.icon2 svg {
  transform: scale(0);
}

.btn_box_link .mail_icon .icon.icon2 svg path {
  fill: #ff890b;
}

.btn_box_link .text {
  color: #1e1e1e;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
}

@media (max-width: 767px) {
  .btn_box_link .text {
    font-size: 1.4rem;
    letter-spacing: 0.03em;
  }
}

.btn_box.default .btn_box_link {
  display: flex;
  align-items: center;
  position: relative;
  max-width: 25.0rem;
  border-radius: 4.0rem;
  overflow: hidden;
  background: linear-gradient(90deg, #ff6b4e 0%, #f79515 100%);
  border: none;
}

.btn_box.default .btn_box_link::before, .btn_box.default .btn_box_link::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: 0;
  transition: opacity 0.5s ease;
}

.btn_box.default .btn_box_link::before {
  background: linear-gradient(90deg, #ff6b4e 0%, #f79515 100%);
  opacity: 1;
}

.btn_box.default .btn_box_link::after {
  background: linear-gradient(90deg, #f79515 0%, #ff6b4e 100%);
  opacity: 0;
}

.btn_box.default .btn_box_link:hover::before {
  opacity: 0;
}

.btn_box.default .btn_box_link:hover::after {
  opacity: 1;
}

.btn_box.default .btn_box_link .wrap {
  width: 100%;
  justify-content: space-between;
  background-color: transparent;
  padding: 1.3rem 1.5rem 1.3rem 3.0rem;
  position: relative;
  z-index: 1;
}

.btn_box.default .btn_box_link .wrap .text {
  color: #fff;
}

@media (max-width: 767px) {
  .btn_box.default .btn_box_link .wrap .text {
    font-size: 1.6rem;
  }
}

.btn_box.default .btn_box_link .wrap .arrow-icon {
  width: 3.4rem;
  height: 3.4rem;
  border: 0.1rem solid #fff;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  flex-shrink: 0;
}

.btn_box.default .btn_box_link .wrap .arrow-icon::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #fff;
  transform: scale(0);
  transform-origin: 50% 50%;
  transition: transform 0.35s ease;
  z-index: 0;
}

.btn_box.default .btn_box_link .wrap .arrow-icon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}

.btn_box.default .btn_box_link .wrap .arrow-icon .icon svg {
  width: 1.3rem;
  height: 1.0rem;
  transition: transform 0.3s ease 0.1s;
}

.btn_box.default .btn_box_link .wrap .arrow-icon .icon.icon1 svg path {
  fill: #fff;
}

.btn_box.default .btn_box_link .wrap .arrow-icon .icon.icon2 svg {
  transform: scale(0);
}

.btn_box.default .btn_box_link .wrap .arrow-icon .icon.icon2 svg path {
  fill: #ff6b4e !important;
}

.btn_box.default .btn_box_link:hover .arrow-icon::before {
  transform: scale(1);
}

.btn_box.default .btn_box_link:hover .arrow-icon .icon1 svg {
  transform: scale(0);
}

.btn_box.default .btn_box_link:hover .arrow-icon .icon2 svg {
  transform: scale(1) !important;
}

.btn_box.default.white .btn_box_link {
  background: #fff;
  border: 0.2rem solid #fff;
}

.btn_box.default.white .btn_box_link .wrap {
  width: 100%;
  justify-content: space-between;
  background-color: transparent;
  padding: 1.3rem 1.5rem 1.3rem 3.0rem;
}

.btn_box.default.white .btn_box_link .wrap .text {
  color: #111111;
}

@media (max-width: 767px) {
  .btn_box.default.white .btn_box_link .wrap .text {
    font-size: 1.6rem;
  }
}

.btn_box.default.white .btn_box_link .wrap .arrow-icon {
  width: 3.4rem;
  height: 3.4rem;
  border: 0.1rem solid #111;
  background: #111;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
}

/*アニメーション*/
@keyframes slideUpMasked {
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.ani {
  opacity: 0;
  transition: all 0.6s cubic-bezier(0.33, 1, 0.68, 1);
}

.ani-up {
  transform: translateY(30px);
}

.ani-up.show {
  opacity: 1;
  transform: translateY(0);
}

.ani-down {
  transform: translateY(-30px);
}

.ani-down.show {
  opacity: 1;
  transform: translateY(0);
}

.ani-left {
  transform: translateX(-30px);
}

.ani-left.show {
  opacity: 1;
  transform: translateX(0);
}

.ani-right {
  transform: translateX(30px);
}

.ani-right.show {
  opacity: 1;
  transform: translateX(0);
}

.ani-zoom {
  transform: scale(0.9);
}

.ani-zoom.show {
  opacity: 1;
  transform: scale(1);
}

.ani-fade.show {
  opacity: 1;
}

.d1 {
  transition-delay: 0.2s;
}

.d2 {
  transition-delay: 0.4s;
}

.d3 {
  transition-delay: 0.6s;
}

.d4 {
  transition-delay: 0.8s;
}

.d5 {
  transition-delay: 1.0s;
}

.d6 {
  transition-delay: 1.2s;
}

.front-page {
  position: relative;
  overflow: clip;
  /*共通*/
  /*セクション別*/
  /*ボタン*/
}

.front-page .sec-info {
  max-width: 135.2rem;
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

@media (max-width: 767px) {
  .front-page .sec-info {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.2rem;
  }
}

.front-page .sec-info .sec-ttl {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.8rem;
}

@media (max-width: 767px) {
  .front-page .sec-info .sec-ttl {
    gap: 1.0rem;
  }
}

.front-page .sec-info .sec-ttl .ja-txt {
  position: relative;
  font-size: 1.7rem;
  line-height: 1;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 1.0rem;
}

@media (max-width: 767px) {
  .front-page .sec-info .sec-ttl .ja-txt {
    font-size: 1.3rem;
    gap: 0.5rem;
  }
}

.front-page .sec-info .sec-ttl .ja-txt::before {
  content: "";
  position: relative;
  margin-left: -1.3rem;
  width: 1.3rem;
  height: 1.3rem;
  border-radius: 50%;
  background: linear-gradient(-45deg, #ff9c32, #ffd16e);
  aspect-ratio: 1 / 1;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .front-page .sec-info .sec-ttl .ja-txt::before {
    margin-left: 0;
    width: 0.8rem;
    height: 0.8rem;
  }
}

.front-page .sec-info .sec-ttl .en-txt {
  font-family: "Outfit", sans-serif;
  font-size: 7.4rem;
  font-weight: 500;
  letter-spacing: 0.02em;
  line-height: 1;
}

@media (max-width: 767px) {
  .front-page .sec-info .sec-ttl .en-txt {
    font-size: 4.0rem;
  }
}

.front-page .sec-info .archive-box .archive-link {
  display: flex;
  align-items: center;
  gap: 1.0rem;
}

.front-page .sec-info .archive-box .archive-link .txt {
  font-size: 1.7rem;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
}

@media (max-width: 767px) {
  .front-page .sec-info .archive-box .archive-link .txt {
    font-size: 1.4rem;
    letter-spacing: 0.03em;
  }
}

.front-page .sec-info .archive-box .archive-link .arrow_icon {
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  background: linear-gradient(-45deg, #ff890b 0%, #ffbe34 100%);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .front-page .sec-info .archive-box .archive-link .arrow_icon {
    width: 2.6rem;
    height: 2.6rem;
  }
}

.front-page .sec-info .archive-box .archive-link .arrow_icon::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #fff;
  transform: scale(0);
  transform-origin: 50% 50%;
  transition: transform .35s ease;
  z-index: 0;
}

.front-page .sec-info .archive-box .archive-link .arrow_icon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease 0.1s;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.front-page .sec-info .archive-box .archive-link .arrow_icon .icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease 0.1s;
  width: 1.3rem;
  height: 1.0rem;
}

.front-page .sec-info .archive-box .archive-link .arrow_icon .icon.icon1 svg path {
  fill: #fff;
}

.front-page .sec-info .archive-box .archive-link .arrow_icon .icon.icon2 svg {
  transform: translate(-50%, -50%) scale(0);
}

.front-page .sec-info .archive-box .archive-link .arrow_icon .icon.icon2 svg path {
  fill: #ff890b !important;
}

.front-page .sec-info .archive-box .archive-link:hover .arrow_icon::before {
  transform: scale(1);
  border: 0.1rem solid #ff890b;
}

.front-page .sec-info .archive-box .archive-link:hover .arrow_icon .icon1 svg {
  transform: translate(-50%, -50%) scale(0);
}

.front-page .sec-info .archive-box .archive-link:hover .arrow_icon .icon2 svg {
  transform: translate(-50%, -50%) scale(1);
}

.front-page .mv {
  width: 100%;
  background-color: #fff;
  padding-top: calc(var(--header-height));
  top: 0;
  z-index: -1;
}

.front-page .mv .inner {
  position: relative;
}

.front-page .mv_slide_box {
  padding: 0 1.5%;
  overflow: hidden;
  height: calc(100vh - var(--header-height) - 3vw);
  background-color: #fff;
  border-radius: 3.2rem;
}

@media (max-width: 767px) {
  .front-page .mv_slide_box {
    height: calc(100svh - var(--header-height) - 50vw);
    padding: 0 4.5%;
    border-radius: 1.6rem;
  }
}

.front-page .seamless-slider {
  overflow: hidden;
  width: 100%;
  height: 100%;
  border-radius: 3.2rem;
  opacity: 0;
}

@media (max-width: 767px) {
  .front-page .seamless-slider {
    border-radius: 1.6rem;
  }
}

.front-page .slider-track {
  display: flex;
  width: max-content;
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

.front-page .slider-track img {
  width: auto;
  height: calc(100vh - var(--header-height) - 3vw);
  aspect-ratio: 930.01 / 650.02;
  object-fit: cover;
  margin: 0 1.0rem;
  border-radius: 3.2rem;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

@media (max-width: 767px) {
  .front-page .slider-track img {
    height: calc(100svh - var(--header-height) - 50vw);
    border-radius: 1.6rem;
    margin: 0 0.5rem;
  }
}

.front-page .sec-message {
  width: 100%;
  padding-bottom: 19.5rem;
  background-color: #fff;
  position: relative;
  margin-top: 0;
  z-index: 1;
}

@media (max-width: 767px) {
  .front-page .sec-message {
    padding-bottom: 10.0rem;
  }
}

.front-page .sec-message .message_inner {
  margin: 0 auto;
}

.front-page .sec-message .catch-block {
  border-radius: 0 3.2rem 0 0;
  background-color: #fff;
  position: absolute;
  bottom: 100%;
  left: 1.5%;
  height: 12vw;
  width: 79.0rem;
}

@media (max-width: 767px) {
  .front-page .sec-message .catch-block {
    width: 90%;
    height: auto;
    left: 0;
    position: relative;
    margin: 0 auto;
    padding-top: 2.6rem;
  }
}

.front-page .sec-message .catch-block::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 100%;
  width: 3.2rem;
  height: 3.2rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><path fill-rule='evenodd' fill='rgb(255,255,255)' d='M-0.001,0.000 L-0.001,32.000 L31.999,32.000 C14.326,32.000 -0.001,17.672 -0.001,0.000 Z'/></svg>");
}

@media (max-width: 767px) {
  .front-page .sec-message .catch-block::before {
    content: none;
  }
}

.front-page .sec-message .catch-block::after {
  content: "";
  position: absolute;
  left: 100%;
  bottom: 0;
  width: 3.2rem;
  height: 3.2rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><path fill-rule='evenodd' fill='rgb(255,255,255)' d='M-0.001,-0.000 L-0.001,32.000 L31.999,32.000 C14.326,32.000 -0.001,17.673 -0.001,-0.000 Z'/></svg>");
}

@media (max-width: 767px) {
  .front-page .sec-message .catch-block::after {
    content: none;
  }
}

.front-page .sec-message .catch-block__txt {
  position: absolute;
  top: -1.8rem;
  right: 4.5rem;
  z-index: 2;
}

@media (max-width: 767px) {
  .front-page .sec-message .catch-block__txt {
    position: relative;
    inset: 0;
  }
}

.front-page .sec-message .catch-block__txt img {
  max-width: 96%;
  margin-right: 0;
  margin-left: auto;
}

@media (max-width: 767px) {
  .front-page .sec-message .catch-block__txt img {
    max-width: 100%;
    margin: 0 auto;
  }
}

.front-page .sec-message .catch-block__txt .site_name {
  font-family: "Outfit", sans-serif;
  font-size: 1.6rem;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
  position: absolute;
  bottom: 2rem;
  left: 3rem;
}

@media (max-width: 767px) {
  .front-page .sec-message .catch-block__txt .site_name {
    font-size: 1.2rem;
    bottom: 1rem;
    left: 0;
    letter-spacing: 0.02em;
  }
}

.front-page .sec-message .catch-block__img {
  position: absolute;
  top: -11.8rem;
  left: -12.6rem;
  width: 100%;
  z-index: 1;
}

@media (max-width: 767px) {
  .front-page .sec-message .catch-block__img {
    top: -7.8rem;
    left: -10.6rem;
  }
}

.front-page .sec-message .catch-block__img img {
  max-width: 58%;
}

.front-page .sec-message .catch-block__img svg {
  max-width: 62%;
  overflow: visible;
}

@media (max-width: 767px) {
  .front-page .sec-message .catch-block__img svg {
    max-width: 400px;
  }
}

.front-page .sec-message .message-block {
  padding-top: 25.0rem;
}

@media (max-width: 767px) {
  .front-page .sec-message .message-block {
    padding-top: 16.0rem;
  }
}

.front-page .sec-message .message-block_inner {
  max-width: 120.0rem;
  width: 90%;
  margin: 0 auto;
}

.front-page .sec-message .message-block .main-catch {
  position: relative;
}

.front-page .sec-message .message-block .main-catch .text {
  font-size: 5.6rem;
  font-weight: 700;
  line-height: 1.4;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: end;
  margin-bottom: 3.0rem;
}

@media (max-width: 767px) {
  .front-page .sec-message .message-block .main-catch .text {
    font-size: 4.81vw;
    align-items: flex-start;
  }
}

.front-page .sec-message .message-block .main-catch .text .right-txt {
  font-size: 2.0rem;
  display: block;
  text-align: right;
  font-feature-settings: "palt";
  letter-spacing: 0.03em;
  margin-top: 1.0rem;
  font-weight: 500;
  opacity: 0.8;
  font-family: "Outfit", sans-serif;
}

@media (max-width: 767px) {
  .front-page .sec-message .message-block .main-catch .text .right-txt {
    font-size: 3.0vw;
    width: 100%;
  }
}

.front-page .sec-message .message-block .main-catch .text-img {
  max-width: 101.4rem;
  width: 100%;
  margin: 0 0 0 auto;
}

.front-page .sec-message .message-block .message-detail {
  max-width: 85.0rem;
  width: 100%;
  margin: 2.0rem 0 0 auto;
  display: flex;
  justify-content: flex-end;
}

@media (max-width: 767px) {
  .front-page .sec-message .message-block .message-detail {
    margin: 1.0rem auto 0;
    padding-left: 27vw;
  }
}

.front-page .sec-message .message-block .message-detail p {
  font-size: 2.6rem;
  line-height: 1.8;
  font-weight: 500;
  text-align: justify;
  margin-bottom: 4.0rem;
}

@media (max-width: 767px) {
  .front-page .sec-message .message-block .message-detail p {
    font-size: 3.1vw;
    line-height: 1.6;
    margin-bottom: 4.5rem;
  }
}

.front-page .sec-message .message-block .message-detail p .large {
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1.4;
  display: block;
  margin-bottom: 3.0rem;
}

@media (max-width: 767px) {
  .front-page .sec-message .message-block .message-detail p .large {
    font-size: 3.8vw;
    margin-bottom: 0.5rem;
  }
}

.front-page .sec-message .message-block .message-detail p .right-txt {
  font-size: 2.0rem;
  display: block;
  text-align: right;
  font-feature-settings: "palt";
  letter-spacing: 0.03em;
  margin-top: 1.0rem;
  font-weight: 500;
  opacity: 0.8;
  font-family: "Outfit", sans-serif;
}

@media (max-width: 767px) {
  .front-page .sec-message .message-block .message-detail p .right-txt {
    margin-top: 0.5rem;
    font-size: 3.0vw;
  }
}

.front-page .sec-message .message-block .message-svg-text {
  position: absolute;
  bottom: -1rem;
  right: 26.3rem;
  opacity: 0.3;
}

@media (max-width: 767px) {
  .front-page .sec-message .message-block .message-svg-text {
    right: 8.0rem;
  }
}

.front-page .sec-message .message-block .message-svg-text svg {
  width: 30.0rem;
}

@media (max-width: 767px) {
  .front-page .sec-message .message-block .message-svg-text svg {
    width: 10.6rem;
  }
}

.front-page .sec-newsblog {
  background-color: #fff;
  position: relative;
  border-radius: 0 0 0 8.0rem;
  padding-bottom: 16.0rem;
  overflow: hidden;
  z-index: 1;
}

@media (max-width: 767px) {
  .front-page .sec-newsblog {
    border-radius: 0 0 0 4.0rem;
    padding-bottom: 7.5rem;
  }
}

.front-page .sec-newsblog .newsblog-block {
  margin: 9.0rem auto 0;
  padding-left: 14.0rem;
  max-width: 135.2rem;
  width: 90%;
}

@media (max-width: 767px) {
  .front-page .sec-newsblog .newsblog-block {
    padding-left: 0;
    margin: 3.5rem auto 0;
  }
}

.front-page .sec-newsblog .newsblog-block__inner {
  overflow: visible;
  padding-top: 6.0rem;
  background-image: linear-gradient(to right, #222222, #222222 0.1rem, transparent 0.1rem, transparent 0.3rem);
  background-size: 0.3rem 0.1rem;
  background-position: left top;
  background-repeat: repeat-x;
}

@media (max-width: 767px) {
  .front-page .sec-newsblog .newsblog-block__inner {
    padding-top: 3.0rem;
  }
}

.front-page .sec-newsblog .newsblog-block .splide__track {
  margin-right: calc(50% - 50vw);
  padding-right: 10vw !important;
}

@media (max-width: 767px) {
  .front-page .sec-newsblog .newsblog-block .splide__track {
    padding-right: 13vw !important;
  }
}

.front-page .sec-newsblog .newsblog-block__list {
  align-items: stretch;
}

.front-page .sec-newsblog .newsblog-block__item {
  max-width: 36.0rem;
}

.front-page .sec-newsblog .newsblog-block__item a {
  border-radius: 1.6rem;
  overflow: hidden;
  display: block;
  border: 0.1rem solid #cacaca;
  background-color: #fff;
  height: 100%;
}

@media (hover: hover) and (pointer: fine) {
  .front-page .sec-newsblog .newsblog-block__item a:hover figure img {
    transform: scale(1.06);
  }
}

.front-page .sec-newsblog .newsblog-block__item figure {
  width: 100%;
  aspect-ratio: 409.99 / 231;
  position: relative;
  overflow: hidden;
  transition: all .3s ease;
}

.front-page .sec-newsblog .newsblog-block__item figure img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
  position: relative;
  margin: 0 auto;
  transition: all .3s ease;
}

.front-page .sec-newsblog .newsblog-block__item .item {
  padding: 2.0rem 2.0rem 4.0rem;
}

.front-page .sec-newsblog .newsblog-block__item .item-info {
  display: flex;
  align-items: baseline;
  gap: 1.0rem;
  margin-bottom: 1.2rem;
}

.front-page .sec-newsblog .newsblog-block__item .item-info .date {
  font-family: "Outfit", sans-serif;
  font-size: 1.5rem;
  line-height: 1;
  flex-shrink: 0;
}

.front-page .sec-newsblog .newsblog-block__item .item-info .article-cat__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.7rem;
}

.front-page .sec-newsblog .newsblog-block__item .item-info .article-cat__item .newsblog-cat {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
  line-height: 1;
}

.front-page .sec-newsblog .newsblog-block__item .item .item-ttl {
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 1.6;
  margin-bottom: 1.4rem;
}

.front-page .sec-newsblog .newsblog-block__item .article_info_author {
  display: flex;
  align-items: center;
  gap: 1.0rem;
}

.front-page .sec-newsblog .newsblog-block__item .article_info_author .author_icon {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  overflow: hidden;
  aspect-ratio: 1 / 1;
}

.front-page .sec-newsblog .newsblog-block__item .article_info_author .author_name {
  font-size: 1.6rem;
  font-weight: 500;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
}

.front-page .sec-newsblog .newsblog-block__controls {
  display: flex;
  align-items: center;
  gap: 3.0rem;
  margin-top: 6.0rem;
}

.front-page .sec-newsblog .newsblog-block__progress {
  position: relative;
  flex: 1;
  height: 0.6rem;
  border-radius: 9999px;
  background-color: #dfdfdf;
  overflow: hidden;
}

.front-page .sec-newsblog .newsblog-block__progress-bar {
  position: absolute;
  inset: 0;
  width: 0;
  border-radius: inherit;
  background-color: #f79515;
  transition: width 0.3s ease;
}

.front-page .sec-newsblog .newsblog-block__arrows {
  display: flex;
  align-items: center;
  gap: 1.0rem;
}

@media (max-width: 767px) {
  .front-page .sec-newsblog .newsblog-block__arrows {
    display: none;
  }
}

.front-page .sec-newsblog .newsblog-block__arrow {
  width: 5.0rem;
  height: 5.0rem;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  border: 0.1rem solid #cacaca;
  background: #fff;
  font-size: 1.2rem;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  position: relative;
  transition: all .3s ease;
}

.front-page .sec-newsblog .newsblog-block__arrow::before {
  content: "";
  position: relative;
  transform: translateX(-0.2rem) rotate(45deg);
  width: 0.6rem;
  height: 0.6rem;
  border-top: 0.15rem solid #333;
  border-right: 0.15rem solid #333;
}

.front-page .sec-newsblog .newsblog-block__arrow--prev::before {
  transform: translateX(0.2rem) rotate(-136deg);
}

.front-page .sec-newsblog .newsblog-block__arrow:hover {
  background: rgba(202, 202, 202, 0.2);
}

.front-page .sec-about {
  position: relative;
  background-color: #f5f4f1;
  padding-top: 17.0rem;
  border-radius: 0 0 0 8.0rem;
}

@media (max-width: 767px) {
  .front-page .sec-about {
    padding-top: 6.0rem;
    border-radius: 0 0 0 4.0rem;
  }
}

.front-page .sec-about::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  width: 100%;
  height: 10.0rem;
  background-color: #f5f4f1;
  z-index: 0;
}

.front-page .sec-about::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 50.0rem;
  background-color: #f5f4f1;
  z-index: 0;
}

.front-page .sec-about .about_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3.0rem 14.0rem;
  max-width: 135.2rem;
  width: 90%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .front-page .sec-about .about_inner {
    flex-direction: column;
  }
}

.front-page .sec-about .sec-info {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-shrink: 0;
  width: 35%;
}

@media (max-width: 767px) {
  .front-page .sec-about .sec-info {
    width: 100%;
    gap: 0;
  }
}

.front-page .sec-about .sec-info .sec-ttl {
  gap: 1.0rem;
  margin-bottom: 5.0rem;
}

@media (max-width: 767px) {
  .front-page .sec-about .sec-info .sec-ttl {
    gap: 0.8rem;
    margin-bottom: 1.5rem;
  }
}

.front-page .sec-about .sec-info .sec-ttl .en-txt {
  font-size: 11.0rem;
}

@media (max-width: 767px) {
  .front-page .sec-about .sec-info .sec-ttl .en-txt {
    font-size: 6.4rem;
  }
}

.front-page .sec-about .sec-info .sec-detail {
  font-size: 1.7rem;
  line-height: 2.0;
}

@media (max-width: 767px) {
  .front-page .sec-about .sec-info .sec-detail {
    font-size: 1.4rem;
    line-height: 1.8;
  }
}

.front-page .sec-about .about-block {
  width: 65%;
}

@media (max-width: 767px) {
  .front-page .sec-about .about-block {
    width: 100%;
  }
}

.front-page .sec-about .about-block__list {
  display: flex;
  flex-direction: column;
}

.front-page .sec-about .about-block__item {
  background-image: linear-gradient(to right, #222222, #222222 0.1rem, transparent 0.1rem, transparent 0.3rem);
  background-size: 0.3rem 0.1rem;
  background-position: left bottom;
  background-repeat: repeat-x;
}

.front-page .sec-about .about-block__item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 2.0rem 1.8rem 2.0rem 2.4rem;
}

@media (max-width: 767px) {
  .front-page .sec-about .about-block__item a {
    padding: 1.5rem 0 1.5rem 0;
  }
}

.front-page .sec-about .about-block__item a .item-wrap {
  display: flex;
  align-items: center;
  gap: 2.5rem;
}

@media (max-width: 767px) {
  .front-page .sec-about .about-block__item a .item-wrap {
    gap: 2.4rem;
  }
}

.front-page .sec-about .about-block__item a .item-wrap figure {
  border-radius: 0.6rem;
  overflow: hidden;
  width: 13.2rem;
  aspect-ratio: 132 / 80;
}

@media (max-width: 767px) {
  .front-page .sec-about .about-block__item a .item-wrap figure {
    width: 10.7rem;
    border-radius: 0.3rem;
  }
}

.front-page .sec-about .about-block__item a .item-wrap figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.front-page .sec-about .about-block__item a .item-wrap .item-ttl {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.front-page .sec-about .about-block__item a .item-wrap .item-ttl .en-txt {
  font-family: "Outfit", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
}

@media (max-width: 767px) {
  .front-page .sec-about .about-block__item a .item-wrap .item-ttl .en-txt {
    font-size: 1.3rem;
  }
}

.front-page .sec-about .about-block__item a .item-wrap .item-ttl .ja-txt {
  font-size: 2.4rem;
  line-height: 1;
  font-weight: 600;
}

@media (max-width: 767px) {
  .front-page .sec-about .about-block__item a .item-wrap .item-ttl .ja-txt {
    font-size: 1.8rem;
  }
}

.front-page .sec-about .about-block__item a .arrow_icon {
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  background: linear-gradient(-45deg, #ff890b 0%, #ffbe34 100%);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .front-page .sec-about .about-block__item a .arrow_icon {
    width: 2.6rem;
    height: 2.6rem;
  }
}

.front-page .sec-about .about-block__item a .arrow_icon::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #fff;
  transform: scale(0);
  transform-origin: 50% 50%;
  transition: transform .35s ease;
  z-index: 0;
}

.front-page .sec-about .about-block__item a .arrow_icon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease 0.1s;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.front-page .sec-about .about-block__item a .arrow_icon .icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease 0.1s;
  width: 1.3rem;
  height: 1.0rem;
}

.front-page .sec-about .about-block__item a .arrow_icon .icon.icon1 svg path {
  fill: #fff;
}

.front-page .sec-about .about-block__item a .arrow_icon .icon.icon2 svg {
  transform: translate(-50%, -50%) scale(0);
}

.front-page .sec-about .about-block__item a .arrow_icon .icon.icon2 svg path {
  fill: #ff890b !important;
}

.front-page .sec-about .about-block__item a:hover .arrow_icon::before {
  transform: scale(1);
  border: 0.1rem solid #ff890b;
}

.front-page .sec-about .about-block__item a:hover .arrow_icon .icon1 svg {
  transform: translate(-50%, -50%) scale(0);
}

.front-page .sec-about .about-block__item a:hover .arrow_icon .icon2 svg {
  transform: translate(-50%, -50%) scale(1);
}

.front-page .scroll_txt {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding-top: 8.0rem;
  padding-bottom: 6.0rem;
}

@media (max-width: 767px) {
  .front-page .scroll_txt {
    padding-top: 3.0rem;
    padding-bottom: 4.0rem;
  }
}

.front-page .scroll_txt .txt {
  font-family: "Outfit", sans-serif;
  font-size: 20.0rem;
  color: #fff;
  font-weight: 600;
  line-height: 1;
  position: sticky;
  top: 40%;
  transform: translate3d(0, 0, 0);
  will-change: transform;
  white-space: nowrap;
  font-feature-settings: "palt";
  letter-spacing: 0.02em;
  display: inline-block;
}

@media (max-width: 767px) {
  .front-page .scroll_txt .txt {
    font-size: 10.0rem;
  }
}

.front-page .sec_recruit {
  background-color: #fff;
  position: relative;
  margin-bottom: 12.0rem;
}

@media (max-width: 767px) {
  .front-page .sec_recruit {
    margin-bottom: 8.0rem;
  }
}

.front-page .sec_recruit .recruit_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3.0rem 12.0rem;
  max-width: 135.2rem;
  width: 90%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .front-page .sec_recruit .recruit_inner {
    flex-direction: column;
  }
}

.front-page .sec_recruit .sec-info {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-shrink: 0;
  width: 35%;
}

@media (max-width: 767px) {
  .front-page .sec_recruit .sec-info {
    width: 100%;
    gap: 0;
  }
}

.front-page .sec_recruit .sec-info .sec-ttl {
  gap: 1.0rem;
  margin-bottom: 5.0rem;
}

@media (max-width: 767px) {
  .front-page .sec_recruit .sec-info .sec-ttl {
    gap: 0.8rem;
    margin-bottom: 2.2rem;
  }
}

.front-page .sec_recruit .sec-info .sec-ttl .en-txt {
  font-size: 11.0rem;
}

@media (max-width: 767px) {
  .front-page .sec_recruit .sec-info .sec-ttl .en-txt {
    font-size: 6.4rem;
  }
}

.front-page .sec_recruit .sec-info .sec-detail {
  font-size: 1.7rem;
  line-height: 2;
  margin-bottom: 3.5rem;
}

@media (max-width: 767px) {
  .front-page .sec_recruit .sec-info .sec-detail {
    font-size: 1.4rem;
    line-height: 1.8;
    margin-bottom: 0;
  }
}

.front-page .sec_recruit .sec-info .sec-detail .detail_ttl {
  font-size: 3.7rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
  .front-page .sec_recruit .sec-info .sec-detail .detail_ttl {
    font-size: 2.1rem;
  }
}

@media (max-width: 767px) {
  .front-page .sec_recruit .sec-info .recruit-img {
    margin: 3.0rem auto 4.0rem;
  }
}

@media (max-width: 767px) {
  .front-page .sec_recruit .sec-info .recruit_btnBox {
    margin: 0 auto;
  }
}

.front-page .sec_recruit .sec-info .recruit_btnBox__list {
  display: flex;
  gap: 2.0rem;
  margin-top: 3.5rem;
}

@media (max-width: 767px) {
  .front-page .sec_recruit .sec-info .recruit_btnBox__list {
    gap: 1.6rem;
    margin-top: 3.0rem;
  }
}

.front-page .sec_recruit .sec-info .recruit_btnBox__item {
  width: 50%;
}

.front-page .sec_recruit .sec-info .recruit_btnBox__item a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
  background-image: linear-gradient(to right, #222222, #222222 0.1rem, transparent 0.1rem, transparent 0.3rem);
  background-size: 0.3rem 0.1rem;
  background-position: left bottom;
  background-repeat: repeat-x;
  padding-bottom: 0.8rem;
}

@media (max-width: 767px) {
  .front-page .sec_recruit .sec-info .recruit_btnBox__item a {
    font-size: 1.6rem;
  }
}

.front-page .sec_recruit .sec-info .recruit_btnBox__item a .arrow_icon {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  background: linear-gradient(-45deg, #ff890b 0%, #ffbe34 100%);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .front-page .sec_recruit .sec-info .recruit_btnBox__item a .arrow_icon {
    width: 1.8rem;
    height: 1.8rem;
  }
}

.front-page .sec_recruit .sec-info .recruit_btnBox__item a .arrow_icon::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #fff;
  transform: scale(0);
  transform-origin: 50% 50%;
  transition: transform .35s ease;
  z-index: 0;
}

.front-page .sec_recruit .sec-info .recruit_btnBox__item a .arrow_icon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease 0.1s;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.front-page .sec_recruit .sec-info .recruit_btnBox__item a .arrow_icon .icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease 0.1s;
  width: 1.0rem;
  height: 0.7rem;
}

.front-page .sec_recruit .sec-info .recruit_btnBox__item a .arrow_icon .icon.icon1 svg path {
  fill: #fff;
}

.front-page .sec_recruit .sec-info .recruit_btnBox__item a .arrow_icon .icon.icon2 svg {
  transform: translate(-50%, -50%) scale(0);
}

.front-page .sec_recruit .sec-info .recruit_btnBox__item a .arrow_icon .icon.icon2 svg path {
  fill: #ff890b !important;
}

.front-page .sec_recruit .sec-info .recruit_btnBox__item a:hover .arrow_icon::before {
  transform: scale(1);
  border: 0.1rem solid #ff890b;
}

.front-page .sec_recruit .sec-info .recruit_btnBox__item a:hover .arrow_icon .icon1 svg {
  transform: translate(-50%, -50%) scale(0);
}

.front-page .sec_recruit .sec-info .recruit_btnBox__item a:hover .arrow_icon .icon2 svg {
  transform: translate(-50%, -50%) scale(1);
}

.front-page .sec_career {
  padding: 0 4.0rem;
  margin-bottom: 20.0rem;
}

@media (max-width: 767px) {
  .front-page .sec_career {
    padding: 0;
    margin-bottom: 7.0rem;
  }
}

.front-page .sec_career .career_inner {
  width: 100%;
  border-radius: 3.2rem;
  background-image: url(../img/front-page/career_gd.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  overflow: hidden;
  aspect-ratio: 1456 / 860;
  position: relative;
}

@media (max-width: 767px) {
  .front-page .sec_career .career_inner {
    border-radius: 4.0rem 0 4.0rem 0;
    background-image: url(../img/front-page/career_gd_sp.jpg);
    aspect-ratio: auto;
  }
}

.front-page .sec_career .sec-info {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  flex-shrink: 0;
  width: 43%;
  color: #fff;
  padding-top: 12.0rem;
  margin: 0;
}

@media (max-width: 767px) {
  .front-page .sec_career .sec-info {
    width: 90%;
    gap: 0;
    padding-top: 6.0rem;
    margin: 0 auto;
  }
}

.front-page .sec_career .sec-info .sec-ttl {
  gap: 1.0rem;
  margin-bottom: 4.0rem;
}

@media (max-width: 767px) {
  .front-page .sec_career .sec-info .sec-ttl {
    gap: 0.8rem;
    margin-bottom: 1.5rem;
  }
}

.front-page .sec_career .sec-info .sec-ttl .en-txt {
  font-size: 11.0rem;
}

@media (max-width: 767px) {
  .front-page .sec_career .sec-info .sec-ttl .en-txt {
    font-size: 6.4rem;
  }
}

.front-page .sec_career .sec-info .sec-detail {
  font-size: 1.7rem;
  line-height: 2;
  margin-bottom: 3.5rem;
}

@media (max-width: 767px) {
  .front-page .sec_career .sec-info .sec-detail {
    font-size: 1.4rem;
    line-height: 1.8;
    margin-bottom: 3.5rem;
    letter-spacing: 0.03em;
  }
}

.front-page .sec_career .sec-info .sec-detail .detail_ttl {
  font-size: 3.7rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
  .front-page .sec_career .sec-info .sec-detail .detail_ttl {
    font-size: 2.1rem;
  }
}

.front-page .sec_career .career_block {
  margin: 0 12.5rem;
  display: flex;
  justify-content: space-between;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .front-page .sec_career .career_block {
    flex-direction: column;
    gap: 6.0rem;
    margin: 0;
    padding-bottom: 12.0rem;
  }
}

.front-page .sec_career .career-slide {
  width: 50.0rem;
  overflow: hidden;
}

@media (max-width: 767px) {
  .front-page .sec_career .career-slide {
    width: 100%;
  }
}

.front-page .sec_career .career-slide__box {
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  will-change: transform;
}

@media (max-width: 767px) {
  .front-page .sec_career .career-slide__box {
    flex-direction: row;
    gap: 0.8rem;
  }
}

.front-page .sec_career .career-slide__item {
  border-radius: 0.8rem;
  overflow: hidden;
  aspect-ratio: 500 / 324;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .front-page .sec_career .career-slide__item {
    width: 35.0rem;
    max-width: 35.0rem;
  }
}

.front-page .sec_career .career-slide__item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}

.front-page .sec_career .seamless_txt {
  position: absolute;
  bottom: 7.0rem;
  left: 0;
  width: 100%;
  z-index: 0;
}

@media (max-width: 767px) {
  .front-page .sec_career .seamless_txt {
    bottom: 6.0rem;
  }
}

.front-page .sec_career .seamless_txt .en-txt {
  font-family: "Outfit", sans-serif;
  font-size: 18.0rem;
  font-weight: 700;
  font-feature-settings: "palt";
  letter-spacing: 0.02em;
  color: #ffde44;
  opacity: 0.2;
  line-height: 1;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  will-change: transform;
}

.front-page .sec_career .seamless_txt .en-txt span {
  flex-shrink: 0;
  padding-right: 0.5em;
}

@media (max-width: 767px) {
  .front-page .sec_career .seamless_txt .en-txt {
    font-size: 9.0rem;
  }
}

.front-page .sec_pro {
  position: relative;
  background-color: #fff;
  position: relative;
  border-radius: 0 8.0rem 0 0;
  padding-top: 20.0rem;
  margin-bottom: 12.0rem;
}

@media (max-width: 767px) {
  .front-page .sec_pro {
    border-radius: 0 4.0rem 0 0;
    padding-top: 6.0rem;
    margin-bottom: 7.5rem;
  }
}

.front-page .sec_pro .circle {
  position: absolute;
  right: 0;
  top: 15.0rem;
  width: 90.0rem;
  z-index: 0;
}

@media (max-width: 767px) {
  .front-page .sec_pro .circle {
    top: 4.0rem;
    width: 93%;
  }
}

.front-page .sec_pro .pro_inner {
  display: block;
  position: relative;
  z-index: 1;
}

.front-page .sec_pro .sec-info {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  width: 88%;
  margin-bottom: 4.0rem;
}

@media (max-width: 767px) {
  .front-page .sec_pro .sec-info {
    width: 90%;
    gap: 1.5rem;
    margin-bottom: 2.0rem;
  }
}

.front-page .sec_pro .sec-info .sec-ttl {
  width: 100%;
  gap: 1.0rem;
  margin-bottom: 3.0rem;
}

@media (max-width: 767px) {
  .front-page .sec_pro .sec-info .sec-ttl {
    gap: 0.8rem;
    margin-bottom: 0;
  }
}

.front-page .sec_pro .sec-info .sec-ttl .en-txt {
  font-size: 11.0rem;
}

@media (max-width: 767px) {
  .front-page .sec_pro .sec-info .sec-ttl .en-txt {
    font-size: 6.0rem;
  }
}

.front-page .sec_pro .sec-info .sec-detail {
  font-size: 1.7rem;
  line-height: 2;
}

@media (max-width: 767px) {
  .front-page .sec_pro .sec-info .sec-detail {
    font-size: 1.4rem;
    line-height: 1.8;
  }
}

.front-page .sec_pro .interview-archive__ttl {
  display: none;
}

.front-page .sec_pro .interview-slide {
  position: relative;
  padding-bottom: 9.0rem;
}

@media (max-width: 767px) {
  .front-page .sec_pro .interview-slide {
    padding-bottom: 0;
  }
}

.front-page .sec_pro .interview-slide .splide__slide {
  transition: transform 0.6s ease;
}

.front-page .sec_pro .interview-slide .splide__slide.is-down {
  transform: translateY(3.5rem);
}

@media (max-width: 767px) {
  .front-page .sec_pro .interview-slide .splide__slide.is-down {
    transform: translateY(2rem);
  }
}

.front-page .sec_pro .interview-slide .interview-archive__item {
  width: 100%;
}

@media (max-width: 767px) {
  .front-page .sec_pro .interview-slide .interview-archive__item .item_mv {
    margin-bottom: 1.5rem;
  }
}

@media (max-width: 767px) {
  .front-page .sec_pro .interview-slide .interview-archive__item .item_mv figure .person {
    height: 83vw !important;
  }
}

@media (max-width: 767px) {
  .front-page .sec_pro .interview-slide .interview-archive__item .item_mv figure .jobtxt.engineer {
    max-width: 15.2rem;
  }
  .front-page .sec_pro .interview-slide .interview-archive__item .item_mv figure .jobtxt.tech_lead {
    max-width: 18.2rem;
  }
  .front-page .sec_pro .interview-slide .interview-archive__item .item_mv figure .jobtxt.chief {
    max-width: 11.0rem;
  }
  .front-page .sec_pro .interview-slide .interview-archive__item .item_mv figure .jobtxt.sec_manager {
    max-width: 21.5rem;
  }
  .front-page .sec_pro .interview-slide .interview-archive__item .item_mv figure .jobtxt.project_manager {
    max-width: 23.0rem;
  }
  .front-page .sec_pro .interview-slide .interview-archive__item .item_mv figure .jobtxt.sales {
    max-width: 10.2rem;
  }
  .front-page .sec_pro .interview-slide .interview-archive__item .item_mv figure .jobtxt.leader {
    max-width: 13.2rem;
  }
  .front-page .sec_pro .interview-slide .interview-archive__item .item_mv figure .jobtxt.lead_architect {
    max-width: 18.0rem;
  }
}

@media (max-width: 767px) {
  .front-page .sec_pro .interview-slide .interview-archive__item .item_text .catch {
    font-size: 1.6rem;
  }
}

@media (max-width: 767px) {
  .front-page .sec_pro .interview-slide .interview-archive__item .item_text .member-info__txt {
    font-size: 1.3rem;
  }
}

@media (max-width: 767px) {
  .front-page .sec_pro .interview-slide .interview-archive__item .item_text .member-info__job {
    font-size: 1.5rem;
  }
}

@media (max-width: 767px) {
  .front-page .sec_pro .interview-slide .interview-archive__item .item_text .member-info__name .main {
    font-size: 3.0rem;
  }
}

@media (max-width: 767px) {
  .front-page .sec_pro .interview-slide .interview-archive__item .item_text .member-info__name .sub {
    font-size: 1.3rem;
  }
}

.front-page .sec_pro .interview-slide .splide__track {
  padding-top: 6.5rem;
  padding-bottom: 3.5rem;
}

@media (max-width: 767px) {
  .front-page .sec_pro .interview-slide .splide__track {
    padding-top: 6.0rem;
    padding-bottom: 2.0rem;
  }
}

.front-page .sec_pro .interview-slide .splide__arrows {
  position: absolute;
  bottom: 0;
  right: 7%;
  display: flex;
  gap: 1.0rem;
  z-index: 2;
}

@media (max-width: 767px) {
  .front-page .sec_pro .interview-slide .splide__arrows {
    display: none;
  }
}

.front-page .sec_pro .interview-slide .splide__arrows .splide__arrow {
  position: static;
  transform: none;
  width: 6.0rem;
  height: 6.0rem;
  aspect-ratio: 1 / 1;
  background: #fff;
  border: 0.15rem solid #cacaca;
  opacity: 1;
  transition: all .3s ease;
}

@media (max-width: 767px) {
  .front-page .sec_pro .interview-slide .splide__arrows .splide__arrow {
    width: 4.0rem;
    height: 4.0rem;
  }
}

.front-page .sec_pro .interview-slide .splide__arrows .splide__arrow svg {
  fill: #333;
  width: 1.2rem;
  height: 1.2rem;
}

.front-page .sec_pro .interview-slide .splide__arrows .splide__arrow:hover {
  background: rgba(202, 202, 202, 0.2);
}

.front-page .custom-arrows {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  pointer-events: none;
}

.front-page .custom-arrows .splide__arrow {
  width: 60px;
  height: 60px;
  background: rgba(0, 0, 0, 0.4);
  border: none;
  pointer-events: auto;
  cursor: pointer;
  z-index: 10;
}

.front-page .custom-arrows .splide__arrow--prev::before {
  content: '◀';
  color: #fff;
  font-size: 1.3rem;
}

.front-page .custom-arrows .splide__arrow--next::before {
  content: '▶';
  color: #fff;
  font-size: 1.3rem;
}

.front-page .item_linkbtn .link {
  border: none;
  background: none;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  border-radius: 3.2rem;
  min-width: 25.0rem;
  width: max-content;
  padding: 1.4rem 1.3rem 1.4rem 2.8rem;
  color: #fff;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 3.5rem;
  justify-content: space-between;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  overflow: hidden;
  background: linear-gradient(90deg, #ff6b4e 0%, #f79515 100%);
  z-index: 0;
  position: relative;
}

@media (max-width: 767px) {
  .front-page .item_linkbtn .link {
    gap: 1.5rem;
    letter-spacing: 0.03em;
    font-size: 1.6rem;
    min-width: 28.0rem;
    padding: 1.2rem 1.3rem 1.2rem 2.8rem;
  }
}

.front-page .item_linkbtn .link .arrow_icon {
  width: 3.4rem;
  height: 3.4rem;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  border: 0.1rem solid #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 767px) {
  .front-page .item_linkbtn .link .arrow_icon {
    width: 3.8rem;
    height: 3.8rem;
  }
}

.front-page .item_linkbtn .link .arrow_icon::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #fff;
  transform: scale(0);
  transform-origin: 50% 50%;
  transition: transform .35s ease;
  z-index: 0;
}

.front-page .item_linkbtn .link .arrow_icon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease 0.1s;
  width: 100%;
  height: 100%;
}

.front-page .item_linkbtn .link .arrow_icon .icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease 0.1s;
  width: 1.3rem;
  height: 1.0rem;
}

.front-page .item_linkbtn .link .arrow_icon .icon.icon1 svg path {
  fill: #fff;
}

.front-page .item_linkbtn .link .arrow_icon .icon.icon2 svg {
  transform: translate(-50%, -50%) scale(0);
}

.front-page .item_linkbtn .link .arrow_icon .icon.icon2 svg path {
  fill: #ff6b4e !important;
}

.front-page .item_linkbtn .link:hover .arrow_icon::before {
  transform: scale(1);
}

.front-page .item_linkbtn .link:hover .arrow_icon .icon1 svg {
  transform: translate(-50%, -50%) scale(0);
}

.front-page .item_linkbtn .link:hover .arrow_icon .icon2 svg {
  transform: translate(-50%, -50%) scale(1);
}

.front-page .item_linkbtn .link::before, .front-page .item_linkbtn .link::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: -1;
  transition: all .5s ease;
}

.front-page .item_linkbtn .link::before {
  background: linear-gradient(90deg, #ff6b4e 0%, #f79515 100%);
  opacity: 1;
}

.front-page .item_linkbtn .link::after {
  background: linear-gradient(90deg, #f79515 0%, #ff6b4e 100%);
  opacity: 0;
}

.front-page .item_linkbtn .link:hover {
  transform: translateY(0);
}

.front-page .item_linkbtn .link:hover::before {
  opacity: 0;
}

.front-page .item_linkbtn .link:hover::after {
  opacity: 1;
}

.home .footer-cat.top {
  opacity: 0;
  transform: translateY(3rem);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.home .footer-cat.top.is-footer-visible {
  opacity: 1;
  transform: translateY(0);
}

.home #footer {
  opacity: 0;
  transform: translateY(2rem);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.home #footer.is-footer-visible {
  opacity: 1;
  transform: translateY(0);
}

.policy .main_area {
  position: relative;
  z-index: 3;
  margin-bottom: 12.0rem;
}

@media (max-width: 767px) {
  .policy .main_area {
    margin-bottom: 6.0rem;
  }
}

.policy .main_area .inner {
  max-width: 1312px;
  width: 90%;
  margin: 0 auto 6.0rem;
}

@media (max-width: 767px) {
  .policy .main_area .inner {
    width: 90%;
    margin: 0 auto 4.0rem;
  }
}

.policy .policy_block {
  border-radius: 5.0rem;
  background-color: #fff;
  padding: 9.6rem 11.2rem;
}

.policy .policy_block:not(:last-child) {
  margin-bottom: 6.0rem;
}

@media (max-width: 767px) {
  .policy .policy_block {
    border-radius: 2.0rem;
    padding: 2.6rem 2.2rem;
  }
}

.policy .policy_block .block_intro {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.8;
  margin-bottom: 8.0rem;
  text-align: justify;
}

@media (max-width: 767px) {
  .policy .policy_block .block_intro {
    font-size: 1.4rem;
    line-height: 1.7;
    margin-bottom: 5.0rem;
  }
}

.policy .policy_block .policy_block__box:not(:last-child) {
  margin-bottom: 4.2rem;
}

@media (max-width: 767px) {
  .policy .policy_block .policy_block__box:not(:last-child) {
    margin-bottom: 3.2rem;
  }
}

.policy .policy_block .policy_block__box .box_ttl {
  color: #00BEC0;
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 1.6rem;
}

@media (max-width: 767px) {
  .policy .policy_block .policy_block__box .box_ttl {
    font-size: 1.6rem;
    line-height: 1.4;
  }
}

.policy .policy_block .policy_block__box .box_body {
  font-size: 1.6rem;
  line-height: 1.8;
}

.policy .policy_block .policy_block__box .box_body.right {
  text-align: right;
}

@media (max-width: 767px) {
  .policy .policy_block .policy_block__box .box_body {
    font-size: 1.4rem;
  }
}

.policy .policy_block .policy_block__box .box_body .emphasis {
  font-weight: 600;
  font-size: 1.8rem;
}

@media (max-width: 767px) {
  .policy .policy_block .policy_block__box .box_body .emphasis {
    font-size: 1.5rem;
  }
}

.policy .policy_block .policy_block__box .box_body ul {
  margin-top: 1.6rem;
  margin-left: 1.0rem;
}

@media (max-width: 767px) {
  .policy .policy_block .policy_block__box .box_body ul {
    margin-left: 0.5rem;
  }
}

.policy .policy_block .policy_block__box .box_body ul li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.0rem;
}

@media (max-width: 767px) {
  .policy .policy_block .policy_block__box .box_body ul li {
    align-items: baseline;
  }
}

.policy .policy_block .policy_block__box .box_body ul li::before {
  content: "";
  width: 0.5rem;
  height: 0.5rem;
  background-color: currentColor;
  border-radius: 50%;
  position: relative;
  display: block;
  margin-top: 0.2rem;
  flex-shrink: 0;
  aspect-ratio: 1 / 1;
}

.policy .policy_block .policy_block__box .box_body a {
  color: #003278;
  font-weight: 500;
  text-decoration: underline;
}

.policy .policy_block .policy_block__box .box_body a:hover {
  opacity: 0.8;
}

.company .page-body {
  background-color: #fff;
  position: relative;
  z-index: 10;
  padding-top: 11.0rem;
  padding-bottom: 18.0rem;
  z-index: 2;
}

@media (max-width: 767px) {
  .company .page-body {
    padding-top: 7.0rem;
    padding-bottom: 8.0rem;
  }
}

.company .page-body::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  z-index: 2;
  width: 8.0rem;
  height: 8.0rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%3E%3Cpath%20fill-rule='evenodd'%20fill='rgb(255%2C255%2C255)'%20d='M0%2C0%20L0%2C80%20L80%2C80%20C35.817%2C80%200%2C44.183%200%2C0%20Z'/%3E%3C/svg%3E");
}

@media (max-width: 767px) {
  .company .page-body::before {
    width: 4.5rem;
    height: 4.5rem;
  }
}

.company .main_area {
  display: flex;
  gap: 2.0rem;
  justify-content: center;
}

@media (max-width: 767px) {
  .company .main_area {
    width: 90%;
    margin: 0 auto;
  }
}

@media (max-width: 767px) {
  .company .side_navBox {
    display: none;
  }
}

.company .side_navBox .side_list_item {
  padding-bottom: 2.2rem;
}

.company .side_navBox .side_list_item .item_link {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: 500;
}

.company .side_navBox .side_list_item .item_link.is-current::before {
  content: "";
  opacity: 1;
  position: absolute;
  left: -1.5rem;
}

.company .side_navBox .side_list_item .item_link::before {
  content: "";
  opacity: 0;
  position: absolute;
  left: -2rem;
  width: 0.9rem;
  height: 0.975rem;
  background: linear-gradient(15deg, #ff890b 0%, #fbb00e 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  transition: all .3s ease;
}

.company .main_container {
  max-width: 110.0rem;
  width: 110.0rem;
}

@media (max-width: 767px) {
  .company .main_container {
    width: 100%;
  }
}

.company .sec_item .sec-info {
  margin-bottom: 6.0rem;
}

@media (max-width: 767px) {
  .company .sec_item .sec-info {
    margin-bottom: 3.0rem;
  }
}

.company .sec_item .sec-info__ttl {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.company .sec_item .sec-info__ttl .ja-txt {
  font-size: 2.0rem;
  font-weight: 500;
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
  position: relative;
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .company .sec_item .sec-info__ttl .ja-txt {
    font-size: 1.4rem;
  }
}

.company .sec_item .sec-info__ttl .ja-txt::before {
  content: "";
  position: absolute;
  left: -2rem;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: linear-gradient(15deg, #ff890b 0%, #fbb00e 100%);
  mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 0);
}

@media (max-width: 767px) {
  .company .sec_item .sec-info__ttl .ja-txt::before {
    width: 1.0rem;
    height: 1.0rem;
    left: -1.3rem;
  }
}

.company .sec_item .sec-info__ttl .en-txt {
  font-family: "Outfit", sans-serif;
  font-size: 8.0rem;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 767px) {
  .company .sec_item .sec-info__ttl .en-txt {
    font-size: 3.2rem;
  }
}

.company .sec_profile {
  margin-bottom: 12.0rem;
}

@media (max-width: 767px) {
  .company .sec_profile {
    margin-bottom: 8.0rem;
  }
}

.company .sec_profile .profile-block__list {
  display: flex;
  align-items: flex-start;
  padding: 2.5rem 0;
  border-top: 0.03rem solid rgba(134, 134, 134, 0.5);
}

.company .sec_profile .profile-block__list:last-child {
  border-bottom: 0.03rem solid rgba(134, 134, 134, 0.5);
}

@media (max-width: 767px) {
  .company .sec_profile .profile-block__list {
    flex-direction: column;
    padding: 1.3rem 0;
  }
}

.company .sec_profile .profile-block__list .ttl {
  width: 28.0rem;
  flex-shrink: 0;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 2;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
}

@media (max-width: 767px) {
  .company .sec_profile .profile-block__list .ttl {
    width: 100%;
    font-size: 1.4rem;
    padding: 0 0.7rem;
    letter-spacing: 0.03em;
    line-height: 1.8;
    margin-bottom: 0.8rem;
  }
}

.company .sec_profile .profile-block__list .text {
  font-size: 1.6rem;
  line-height: 2;
  width: 100%;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
}

@media (max-width: 767px) {
  .company .sec_profile .profile-block__list .text {
    font-size: 1.3rem;
    padding: 0 0.7rem;
    letter-spacing: 0.03em;
    line-height: 1.8;
  }
}

.company .sec_profile .profile-block__list .text iframe {
  margin-bottom: 2.5rem;
  width: 100%;
  aspect-ratio: 812 / 483;
}

@media (max-width: 767px) {
  .company .sec_profile .profile-block__list .text iframe {
    aspect-ratio: 674 / 759;
  }
}

.company .sec_profile .profile-block__list .text .board-member {
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: center;
  column-gap: 1.8rem;
}

.company .sec_profile .profile-block__list .text .board-member .board-member__item {
  display: contents;
}

.company .sec_profile .profile-block__list .text .board-member .board-member__item .label {
  grid-column: 1;
}

.company .sec_profile .profile-block__list .text .board-member .board-member__item .member-name {
  grid-column: 2;
}

.company .sec_business {
  margin-bottom: 12.0rem;
}

@media (max-width: 767px) {
  .company .sec_business {
    margin-bottom: 8.0rem;
  }
}

@media (max-width: 767px) {
  .company .sec_business .business-block {
    height: auto;
  }
}

.company .sec_business .business-block__contents p {
  font-size: 1.8rem;
  line-height: 2;
}

@media (max-width: 767px) {
  .company .sec_business .business-block__contents p {
    font-size: 1.6rem;
    line-height: 1.8;
    text-indent: -2.3em;
    margin-left: 2em;
  }
}

.company .sec_history .history-block__list {
  display: flex;
  align-items: baseline;
  padding: 2.5rem 0;
  border-top: 0.03rem solid rgba(134, 134, 134, 0.5);
}

.company .sec_history .history-block__list:last-child {
  border-bottom: 0.03rem solid rgba(134, 134, 134, 0.5);
}

@media (max-width: 767px) {
  .company .sec_history .history-block__list {
    flex-direction: column;
    padding: 1.6rem 0;
  }
}

.company .sec_history .history-block__list .year {
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  font-size: 1.7rem;
  line-height: 1;
  width: 23.0rem;
  flex-shrink: 0;
  font-weight: 500;
}

@media (max-width: 767px) {
  .company .sec_history .history-block__list .year {
    width: 100%;
    letter-spacing: 0.03em;
    font-size: 1.4rem;
    margin-bottom: 1.3rem;
    padding: 0 0.7rem;
  }
}

.company .sec_history .history-block__list .text {
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  font-size: 1.6rem;
  line-height: 1.8;
  width: 100%;
}

@media (max-width: 767px) {
  .company .sec_history .history-block__list .text {
    letter-spacing: 0.03em;
    font-size: 1.3rem;
    padding: 0 0.7rem;
  }
}

.news-blog .page-info {
  height: 100.0rem;
}

@media (max-width: 767px) {
  .news-blog .page-info {
    height: 100%;
    padding-bottom: 4rem;
  }
}

.news-blog .page-info_inner {
  max-height: 45rem;
  padding-top: 10rem;
}

@media (max-width: 767px) {
  .news-blog .page-info_inner {
    max-height: 23rem;
    padding-top: 0;
  }
}

.news-blog .cover_block {
  position: relative !important;
}

.news-blog .pickup-block {
  position: relative;
  z-index: 2;
  max-width: 148.0rem;
  width: 95%;
  margin: 0 auto;
  border-radius: 2.8rem;
  background-color: #fff;
  padding: 6.0rem 3.4rem 6.0rem 6.2rem;
}

@media (max-width: 767px) {
  .news-blog .pickup-block {
    border-radius: 1.4rem;
    width: 90%;
    padding: 3.0rem 1.8rem 1.8rem;
    margin-top: 4.0rem;
  }
}

.news-blog .pickup-block .pickup-slide {
  display: flex;
  gap: 3.5rem;
}

@media (max-width: 767px) {
  .news-blog .pickup-block .pickup-slide {
    flex-direction: column;
    gap: 3.0rem;
  }
}

.news-blog .pickup-block .pickup-slide.splide {
  position: relative;
}

.news-blog .pickup-block .pickup-slide__controls {
  position: relative;
  inset: initial;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: space-between;
  gap: 1.2rem;
  z-index: 5;
}

@media (max-width: 767px) {
  .news-blog .pickup-block .pickup-slide__controls {
    margin-bottom: 2.0rem;
  }
}

.news-blog .pickup-block .pickup-slide__controls .splide__arrows {
  display: flex;
  flex-direction: column;
  gap: 1.3rem;
}

@media (max-width: 767px) {
  .news-blog .pickup-block .pickup-slide__controls .splide__arrows {
    flex-direction: row;
    justify-content: space-between;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
  }
}

.news-blog .pickup-block .pickup-slide__controls .splide__arrows .splide__arrow {
  position: relative;
  inset: initial;
  width: 5.0rem;
  height: 5.0rem;
  aspect-ratio: 1 / 1;
  border: 0.15rem solid #cacaca;
  background-color: #fff;
  transform: translate(0);
  opacity: 1;
  transition: all .3s ease;
}

@media (max-width: 767px) {
  .news-blog .pickup-block .pickup-slide__controls .splide__arrows .splide__arrow {
    width: 4.0rem;
    height: 4.0rem;
  }
}

.news-blog .pickup-block .pickup-slide__controls .splide__arrows .splide__arrow:hover {
  background: #f5f4f1;
}

.news-blog .pickup-block .pickup-slide__controls .splide__arrows .splide__arrow::before {
  content: "";
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  border-top: 0.15rem solid #333;
  border-right: 0.15rem solid #333;
  position: absolute;
  top: 50%;
  left: 50%;
}

.news-blog .pickup-block .pickup-slide__controls .splide__arrows .splide__arrow--prev::before {
  transform: translate(-30%, -50%) rotate(-135deg);
}

.news-blog .pickup-block .pickup-slide__controls .splide__arrows .splide__arrow--next::before {
  transform: translate(-70%, -50%) rotate(45deg);
}

.news-blog .pickup-block .pickup-slide__controls .splide__pagination {
  display: flex;
  flex-direction: column;
  gap: 1.0rem;
  position: relative;
  inset: 0;
}

@media (max-width: 767px) {
  .news-blog .pickup-block .pickup-slide__controls .splide__pagination {
    flex-direction: row;
  }
}

.news-blog .pickup-block .pickup-slide__controls .splide__pagination__page {
  width: 1.2rem;
  height: 1.2rem;
  aspect-ratio: 1 / 1;
  background-color: #ebeae8;
  margin: 0;
  opacity: 1;
}

@media (max-width: 767px) {
  .news-blog .pickup-block .pickup-slide__controls .splide__pagination__page {
    width: 0.6rem;
    height: 0.6rem;
  }
}

.news-blog .pickup-block .pickup-slide__controls .splide__pagination__page.is-active {
  background-color: #f79515;
  transform: scale(1);
}

.news-blog .pickup-block .pickup-slide .splide__track {
  overflow: hidden;
}

.news-blog .pickup-block .pickup-slide .splide__list {
  margin: 0;
  padding: 0;
}

.news-blog .pickup-block .pickup-slide .splide__slide {
  list-style: none;
}

.news-blog .pickup-block .pickup-slide .pickup-slide__item {
  width: 100%;
}

.news-blog .pickup-block .pickup-slide__item a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 3.0rem 6.0rem;
}

@media (max-width: 767px) {
  .news-blog .pickup-block .pickup-slide__item a {
    flex-direction: column;
  }
}

.news-blog .pickup-block .pickup-slide .article-thumbnail {
  aspect-ratio: 619.99 / 348.01;
  width: 61.999rem;
  flex-shrink: 0;
  border-radius: 0.8rem;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  will-change: transform;
}

@media (max-width: 767px) {
  .news-blog .pickup-block .pickup-slide .article-thumbnail {
    width: 100%;
  }
}

.news-blog .pickup-block .pickup-slide .article-thumbnail img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}

.news-blog .pickup-block .pickup-slide__text {
  transform: translate3d(0, 0, 0);
  will-change: transform;
}

.news-blog .pickup-block .pickup-slide__text .article_ttl {
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.5;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
  .news-blog .pickup-block .pickup-slide__text .article_ttl {
    font-size: 2.2rem;
    letter-spacing: 0.03em;
  }
}

.news-blog .pickup-block .pickup-slide__text .article_summary {
  font-size: 1.6rem;
  line-height: 1.8;
  margin-bottom: 2.5rem;
}

@media (max-width: 767px) {
  .news-blog .pickup-block .pickup-slide__text .article_summary {
    font-size: 1.4rem;
  }
}

.news-blog .pickup-block .pickup-slide__text .article_info {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

.news-blog .pickup-block .pickup-slide__text .article_info_item {
  display: flex;
  align-items: center;
  gap: 1rem 1.5rem;
}

.news-blog .pickup-block .pickup-slide__text .article_info_item .date {
  font-family: "Outfit", sans-serif;
  font-size: 1.6rem;
  line-height: 1;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .news-blog .pickup-block .pickup-slide__text .article_info_item .date {
    font-size: 1.3rem;
  }
}

.news-blog .pickup-block .pickup-slide__text .article_info_item .article-cat__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1rem;
}

@media (max-width: 767px) {
  .news-blog .pickup-block .pickup-slide__text .article_info_item .article-cat__list {
    gap: 0.4rem;
  }
}

.news-blog .pickup-block .pickup-slide__text .article_info_author {
  display: flex;
  align-items: center;
  gap: 1.0rem;
}

.news-blog .pickup-block .pickup-slide__text .article_info_author .author_icon {
  border-radius: 50%;
  overflow: hidden;
  width: 4.0rem;
  height: 4.0rem;
  aspect-ratio: 1 / 1;
}

@media (max-width: 767px) {
  .news-blog .pickup-block .pickup-slide__text .article_info_author .author_icon {
    width: 3.1rem;
    height: 3.1rem;
  }
}

.news-blog .pickup-block .pickup-slide__text .article_info_author .author_icon img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}

.news-blog .pickup-block .pickup-slide__text .article_info_author .author_name {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
}

@media (max-width: 767px) {
  .news-blog .pickup-block .pickup-slide__text .article_info_author .author_name {
    font-size: 1.3rem;
    letter-spacing: 0.03em;
  }
}

.news-blog .page-body {
  background-color: #fff;
  position: relative;
  z-index: 10;
  padding-top: 11.0rem;
  padding-bottom: 18.0rem;
  z-index: 2;
}

@media (max-width: 767px) {
  .news-blog .page-body {
    padding-top: 5.0rem;
    padding-bottom: 9.0rem;
  }
}

.news-blog .page-body::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  z-index: 2;
  width: 8.0rem;
  height: 8.0rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%3E%3Cpath%20fill-rule='evenodd'%20fill='rgb(255%2C255%2C255)'%20d='M0%2C0%20L0%2C80%20L80%2C80%20C35.817%2C80%200%2C44.183%200%2C0%20Z'/%3E%3C/svg%3E");
}

@media (max-width: 767px) {
  .news-blog .page-body::before {
    width: 4.5rem;
    height: 4.5rem;
  }
}

.news-blog .cat-block {
  max-width: 120.0rem;
  width: 90%;
  margin: 0 auto;
}

.news-blog .cat-block .ttl {
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  display: block;
  width: 100%;
  padding-bottom: 1.5rem;
  margin-bottom: 4.0rem;
  border-bottom: 0.1rem solid currentColor;
}

@media (max-width: 767px) {
  .news-blog .cat-block .ttl {
    font-size: 2.0rem;
    letter-spacing: 0.03em;
    padding-bottom: 1.2rem;
    margin-bottom: 1.8rem;
  }
}

.news-blog .cat-block .newsblog-cat__list {
  display: flex;
  gap: 2.0rem 1.0rem;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .news-blog .cat-block .newsblog-cat__list {
    gap: 1.0rem 0.7rem;
  }
}

.news-blog .cat-block .newsblog-cat__item .newsblog-cat_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  color: #111111;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  border-radius: 2.0rem;
  padding: 1.0rem 3.0rem;
  border: 0.1rem solid #b0b0b0;
  background-color: #fff;
}

@media (max-width: 767px) {
  .news-blog .cat-block .newsblog-cat__item .newsblog-cat_btn {
    font-size: 1.3rem;
    letter-spacing: 0.03em;
    border-radius: 1.5rem;
    padding: 0.8rem 1.7rem;
    gap: 0.6rem;
  }
}

.news-blog .cat-block .newsblog-cat__item .newsblog-cat_btn span {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
}

@media (max-width: 767px) {
  .news-blog .cat-block .newsblog-cat__item .newsblog-cat_btn span {
    width: 0.5rem;
    height: 0.5rem;
  }
}

.news-blog .cat-block .newsblog-cat__item .newsblog-cat_btn:hover {
  background-color: #111111;
  border: 0.1rem solid #111111;
  color: #fff;
}

.news-blog .newsblog-articles {
  max-width: 120.0rem;
  width: 90%;
  margin: 7.5rem auto 0;
}

@media (max-width: 767px) {
  .news-blog .newsblog-articles {
    margin: 5.0rem auto 0;
  }
}

.news-blog .newsblog-articles__list {
  display: flex;
  flex-wrap: wrap;
  gap: 7.5rem 3.0rem;
}

@media (max-width: 767px) {
  .news-blog .newsblog-articles__list {
    gap: 3.0rem;
  }
}

.news-blog .newsblog-articles__item {
  max-width: calc(100% / 3 - 2.0rem);
}

@media (max-width: 767px) {
  .news-blog .newsblog-articles__item {
    max-width: 100%;
  }
}

.news-blog .newsblog-articles__link {
  width: 100%;
  display: flex;
  flex-direction: column;
}

.news-blog .newsblog-articles__link:hover .article-thumbnail {
  transform: scale(0.98);
}

.news-blog .newsblog-articles__link:hover .article-thumbnail img {
  transform: scale(1.08);
}

.news-blog .newsblog-articles__link .article-thumbnail {
  width: 100%;
  aspect-ratio: 409.99 / 231;
  margin-bottom: 2.5rem;
  border-radius: 0.8rem;
  overflow: hidden;
  transition: all .3s ease;
}

@media (max-width: 767px) {
  .news-blog .newsblog-articles__link .article-thumbnail {
    margin-bottom: 2.0rem;
  }
}

.news-blog .newsblog-articles__link .article-thumbnail img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
  transition: all .38s ease;
}

.news-blog .newsblog-articles__link .article__text .article_ttl {
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
  .news-blog .newsblog-articles__link .article__text .article_ttl {
    font-size: 1.8rem;
  }
}

.news-blog .newsblog-articles__link .article__text .article_info {
  display: flex;
  flex-direction: column;
  gap: 1.4rem;
}

@media (max-width: 767px) {
  .news-blog .newsblog-articles__link .article__text .article_info {
    gap: 1.3rem;
  }
}

.news-blog .newsblog-articles__link .article__text .article_info_item {
  display: flex;
  align-items: center;
  gap: 1.0rem;
}

.news-blog .newsblog-articles__link .article__text .article_info_item .date {
  font-family: "Outfit", sans-serif;
  font-size: 1.5rem;
  line-height: 1;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .news-blog .newsblog-articles__link .article__text .article_info_item .date {
    font-size: 1.3rem;
  }
}

.news-blog .newsblog-articles__link .article__text .article_info_item .article-cat__list {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.news-blog .newsblog-articles__link .article__text .article_info_item .article-cat__list .article-cat__item .newsblog-cat {
  font-size: 1.4rem;
  border-radius: 1.2rem;
  letter-spacing: .04em;
  padding: 0.55rem 1.2rem;
}

@media (max-width: 767px) {
  .news-blog .newsblog-articles__link .article__text .article_info_item .article-cat__list .article-cat__item .newsblog-cat {
    font-size: 1.1rem;
  }
}

.news-blog .newsblog-articles__link .article__text .article_info_author {
  display: flex;
  align-items: center;
  gap: 0.7rem;
}

.news-blog .newsblog-articles__link .article__text .article_info_author .author_icon {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  overflow: hidden;
  aspect-ratio: 1 / 1;
}

@media (max-width: 767px) {
  .news-blog .newsblog-articles__link .article__text .article_info_author .author_icon {
    width: 3.1rem;
    height: 3.1rem;
  }
}

.news-blog .newsblog-articles__link .article__text .article_info_author .author_icon img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}

.news-blog .newsblog-articles__link .article__text .article_info_author .author_name {
  font-size: 1.6rem;
  font-weight: 500;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
}

@media (max-width: 767px) {
  .news-blog .newsblog-articles__link .article__text .article_info_author .author_name {
    letter-spacing: 0.03em;
    font-size: 1.3rem;
  }
}

/*カテゴリー一覧*/
.news-blog.taxonomy {
  background-color: #fff;
}

.news-blog.taxonomy .page-info {
  background-color: #fff;
  height: 22rem;
}

@media (max-width: 767px) {
  .news-blog.taxonomy .page-info {
    height: 14rem;
  }
}

.news-blog.taxonomy .page-body {
  padding-top: 0;
}

.news-blog.taxonomy .page-body::before {
  content: none;
}

.news-blog.taxonomy .newsblog-articles .cat-ttl {
  font-size: 2.6rem;
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 4.0rem;
}

/*詳細ページ*/
.news-blog.article {
  background-color: #fff;
}

.news-blog.article .page-info {
  background-color: #fff;
  height: 22rem;
}

@media (max-width: 767px) {
  .news-blog.article .page-info {
    height: 14rem;
  }
}

.news-blog.article .page-body {
  padding-top: 0;
}

.news-blog.article .page-body::before {
  content: none;
}

.news-blog.article .page-body .article_inner {
  max-width: 76.0rem;
  width: 90%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .news-blog.article .page-body .article_inner {
    max-width: 100%;
  }
}

.news-blog.article .page-body .article_info {
  margin-bottom: 9.0rem;
}

.news-blog.article .page-body .article_info_item {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 1.5rem;
}

.news-blog.article .page-body .article_info_item .date {
  font-size: 1.6rem;
  line-height: 1;
  font-family: "Outfit", sans-serif;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .news-blog.article .page-body .article_info_item .date {
    font-size: 1.3rem;
  }
}

.news-blog.article .page-body .article_info_item .article-cat__list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 1.0rem;
}

.news-blog.article .page-body .article_info .article-mv {
  width: 100%;
  border-radius: 0.8rem;
  aspect-ratio: 760.02 / 427.01;
  overflow: hidden;
  margin-bottom: 3.0rem;
}

.news-blog.article .page-body .article_info .article-mv img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}

.news-blog.article .page-body .article_info .article-ttl {
  font-size: 3.2rem;
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 2.0rem;
}

@media (max-width: 767px) {
  .news-blog.article .page-body .article_info .article-ttl {
    font-size: 2.3rem;
  }
}

.news-blog.article .page-body .article_info .article_info_author {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.news-blog.article .page-body .article_info .article_info_author .author_icon {
  width: 4.6rem;
  height: 4.6rem;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  overflow: hidden;
}

@media (max-width: 767px) {
  .news-blog.article .page-body .article_info .article_info_author .author_icon {
    width: 4.1rem;
    height: 4.1rem;
  }
}

.news-blog.article .page-body .article_info .article_info_author .author_icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.news-blog.article .page-body .article_info .article_info_author .author_name {
  font-size: 1.6rem;
  font-weight: 500;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
}

@media (max-width: 767px) {
  .news-blog.article .page-body .article_info .article_info_author .author_name {
    font-size: 1.5rem;
    letter-spacing: 0.03em;
  }
}

.news-blog.article .article-social {
  display: flex;
  align-items: center;
  margin-bottom: 1.0rem;
}

.news-blog.article .article-social .wpulike .wp_ulike_general_class {
  display: flex;
}

.news-blog.article .article-social .wpulike-robeen button.wp_ulike_btn {
  width: 3.0rem;
  height: 3.0rem;
}

.news-blog.article .article-social .wpulike-robeen .wp_ulike_put_image:after {
  width: 2.8rem;
  height: 2.8rem;
}

.news-blog.article .article-social .wpulike-robeen .count-box {
  padding: 0 1.4rem 0 0.8rem;
  font-size: 1.6rem;
}

.news-blog.article .article-social .share-x {
  margin-right: 1.4rem;
}

.news-blog.article .article-social .share-x:hover {
  opacity: 0.7;
}

.news-blog.article .article-social .share-x img {
  width: 2.8rem;
  height: 2.8rem;
}

.news-blog.article .article-social .share__btn {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  position: relative;
  transition: all .3s ease;
}

.news-blog.article .article-social .share__btn:hover {
  opacity: 0.7;
}

.news-blog.article .article-social .share__btn img {
  width: 2.6rem;
  height: 2.6rem;
}

.news-blog.article .article-social .share__btn.is-copied::after {
  content: "コピーしました";
  position: absolute;
  bottom: calc(100% + 0.6rem);
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: 1.2rem;
  color: #fff;
  background: #333;
  padding: 0.4rem 0.8rem;
  border-radius: 0.4rem;
}

.news-blog.article .article_body {
  margin-bottom: 8.0rem;
}

@media (max-width: 767px) {
  .news-blog.article .article_body {
    margin-bottom: 4.0rem;
  }
}

.news-blog.article .article-layout:not(:last-child) {
  margin-bottom: 6.0rem;
}

@media (max-width: 767px) {
  .news-blog.article .article-layout:not(:last-child) {
    margin-bottom: 4.0rem;
  }
}

.news-blog.article .article-layout__ttl {
  font-size: 2.1rem;
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: 2.0rem;
}

@media (max-width: 767px) {
  .news-blog.article .article-layout__ttl {
    font-size: 1.8rem;
  }
}

.news-blog.article .article-layout__text {
  font-size: 1.6rem;
  line-height: 2;
}

@media (max-width: 767px) {
  .news-blog.article .article-layout__text {
    font-size: 1.4rem;
    line-height: 1.8;
  }
}

.news-blog.article .article-layout__img {
  max-width: 90%;
  margin: 0 auto;
}

.news-blog.article .article-layout__img img {
  width: 100%;
}

.news-blog.article .article-layout a {
  text-decoration: underline;
}

.news-blog.article .article-layout a:hover {
  opacity: 0.8;
}

.news-blog.article .relation-box {
  margin-bottom: 7.0rem;
}

@media (max-width: 767px) {
  .news-blog.article .relation-box {
    margin-bottom: 4.0rem;
  }
}

.news-blog.article .relation-box .article_info_item {
  margin-bottom: 0;
}

.news-blog.article .relation-box .article_info {
  margin-bottom: 0;
}

.news-blog.article .relation-box__ttl {
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1;
  padding-bottom: 1.5rem;
  margin-bottom: 2.0rem;
  border-bottom: 0.1rem solid #f5f4f1;
}

.news-blog.article .btn_box_link {
  margin: 0 auto;
  max-width: 37.0rem;
}

@media (max-width: 767px) {
  .news-blog.article .btn_box_link {
    max-width: 33.0rem;
  }
}

.recruitment {
  overflow-x: clip;
  /*横スクロール テキスト*/
}

.recruitment .page-body {
  background-color: #fff;
  position: relative;
  z-index: 10;
  padding-top: 11.0rem;
  padding-bottom: 18.0rem;
  z-index: 2;
}

@media (max-width: 767px) {
  .recruitment .page-body {
    padding-top: 7.0rem;
    padding-bottom: 8.0rem;
  }
}

.recruitment .page-body::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 0;
  z-index: 2;
  width: 8.0rem;
  height: 8.0rem;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='80'%20height='80'%20viewBox='0%200%2080%2080'%3E%3Cpath%20fill-rule='evenodd'%20fill='rgb(255%2C255%2C255)'%20d='M0%2C0%20L0%2C80%20L80%2C80%20C35.817%2C80%200%2C44.183%200%2C0%20Z'/%3E%3C/svg%3E");
}

@media (max-width: 767px) {
  .recruitment .page-body::before {
    width: 4.5rem;
    height: 4.5rem;
  }
}

.recruitment .main_area {
  display: flex;
  gap: 2.0rem;
  justify-content: center;
  max-width: 120.0rem;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .recruitment .main_area {
    width: 90%;
    margin: 0 auto;
  }
}

.recruitment .side_navBox .side_list_item {
  padding-bottom: 2.2rem;
}

.recruitment .side_navBox .side_list_item .item_link {
  position: relative;
  display: flex;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.8;
  font-weight: 500;
}

.recruitment .side_navBox .side_list_item .item_link.is-current::before {
  content: "";
  opacity: 1;
  position: absolute;
  left: -1.5rem;
}

.recruitment .side_navBox .side_list_item .item_link::before {
  content: "";
  opacity: 0;
  position: absolute;
  left: -2rem;
  width: 0.9rem;
  height: 0.975rem;
  background: linear-gradient(15deg, #ff890b 0%, #fbb00e 100%);
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  transition: all .3s ease;
}

.recruitment .main_container {
  max-width: 110.0rem;
  width: 110.0rem;
}

.recruitment .sec_item .sec-info {
  margin-bottom: 6.0rem;
}

@media (max-width: 767px) {
  .recruitment .sec_item .sec-info {
    margin-bottom: 2.5rem;
  }
}

.recruitment .sec_item .sec-info__ttl {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.recruitment .sec_item .sec-info__ttl .ja-txt {
  font-size: 2.0rem;
  font-weight: 500;
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
  position: relative;
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .recruitment .sec_item .sec-info__ttl .ja-txt {
    font-size: 1.4rem;
  }
}

.recruitment .sec_item .sec-info__ttl .ja-txt::before {
  content: "";
  position: absolute;
  left: -2rem;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: linear-gradient(15deg, #ff890b 0%, #fbb00e 100%);
  mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 0);
}

@media (max-width: 767px) {
  .recruitment .sec_item .sec-info__ttl .ja-txt::before {
    width: 1.0rem;
    height: 1.0rem;
    left: -1.3rem;
  }
}

.recruitment .sec_item .sec-info__ttl .en-txt {
  font-family: "Outfit", sans-serif;
  font-size: 8.0rem;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 767px) {
  .recruitment .sec_item .sec-info__ttl .en-txt {
    font-size: 3.2rem;
  }
}

.recruitment .sec_recruitment_info {
  margin-bottom: 12.0rem;
}

@media (max-width: 767px) {
  .recruitment .sec_recruitment_info {
    margin-bottom: 5.0rem;
  }
}

.recruitment .sec_recruitment_info .profile-block__list {
  display: flex;
  align-items: flex-start;
  padding: 2.5rem 0;
  border-top: 0.03rem solid rgba(134, 134, 134, 0.5);
}

.recruitment .sec_recruitment_info .profile-block__list:last-child {
  border-bottom: 0.03rem solid rgba(134, 134, 134, 0.5);
}

@media (max-width: 767px) {
  .recruitment .sec_recruitment_info .profile-block__list {
    flex-direction: column;
    padding: 1.5rem 2%;
  }
}

.recruitment .sec_recruitment_info .profile-block__list .ttl {
  width: 28.0rem;
  flex-shrink: 0;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 2;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
}

@media (max-width: 767px) {
  .recruitment .sec_recruitment_info .profile-block__list .ttl {
    width: 100%;
    font-size: 1.4rem;
    letter-spacing: 0.03em;
    margin-bottom: 1.0rem;
  }
}

.recruitment .sec_recruitment_info .profile-block__list .text {
  font-size: 1.6rem;
  line-height: 2;
  width: 100%;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
}

@media (max-width: 767px) {
  .recruitment .sec_recruitment_info .profile-block__list .text {
    font-size: 1.3rem;
    letter-spacing: 0.03em;
    line-height: 1.8;
  }
}

.recruitment .sec_recruitment_info .profile-block__list .text iframe {
  margin-bottom: 2.5rem;
  width: 100%;
  aspect-ratio: 812 / 483;
}

.recruitment .sec_recruitment_info .profile-block__list .text.board-member {
  display: grid;
  grid-template-columns: max-content 1fr;
  align-items: center;
  column-gap: 1.8rem;
}

.recruitment .sec_recruitment_info .profile-block__list .text.board-member .board-member__item {
  display: contents;
}

.recruitment .sec_recruitment_info .profile-block__list .text.board-member .board-member__item .label {
  grid-column: 1;
}

.recruitment .sec_recruitment_info .profile-block__list .text.board-member .board-member__item .member-name {
  grid-column: 2;
}

.recruitment .sec_history {
  position: relative;
}

.recruitment .sec_history .history-block__list {
  display: flex;
  align-items: baseline;
  padding: 2.5rem 0;
  border-top: 0.03rem solid rgba(134, 134, 134, 0.5);
}

.recruitment .sec_history .history-block__list:last-child {
  border-bottom: 0.03rem solid rgba(134, 134, 134, 0.5);
}

.recruitment .sec_history .history-block__list .year {
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  font-size: 1.7rem;
  line-height: 1;
  width: 23.0rem;
  flex-shrink: 0;
}

.recruitment .sec_history .history-block__list .text {
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  font-size: 1.6rem;
  line-height: 1.8;
  width: 100%;
}

.recruitment .js-anchor-target {
  height: 0;
}

.recruitment .scroll_txt {
  width: 100vw;
  position: absolute;
  overflow: hidden;
  padding-bottom: 13.8rem;
}

.recruitment .scroll_txt .txt {
  font-family: "Outfit", sans-serif;
  font-size: 20.0rem;
  color: #f7f7f7;
  font-weight: 600;
  line-height: 0.8;
  position: sticky;
  top: 40%;
  transform: translate3d(0, 0, 0);
  will-change: transform;
  white-space: nowrap;
  font-feature-settings: "palt";
  letter-spacing: 0.02em;
  display: inline-block;
}

@media (max-width: 767px) {
  .recruitment .scroll_txt .txt {
    font-size: 10.0rem;
  }
}

.recruitment .scroll_txt2 {
  position: absolute;
  left: 50%;
  width: 100vw;
  transform: translateY(-8vw);
  margin-left: -50vw;
  margin-right: -50vw;
  pointer-events: none;
  z-index: -1;
  overflow: hidden;
}

@media (max-width: 767px) {
  .recruitment .scroll_txt2 {
    transform: translateY(-12vw);
  }
}

.recruitment .scroll_txt2 .txt {
  font-family: "Outfit", sans-serif;
  font-size: 20.0rem;
  color: #f7f7f7;
  font-weight: 600;
  line-height: 1.7;
  position: sticky;
  transform: translate3d(0, 0, 0);
  will-change: transform;
  white-space: nowrap;
  font-feature-settings: "palt";
  letter-spacing: 0.02em;
  display: inline-block;
}

@media (max-width: 767px) {
  .recruitment .scroll_txt2 .txt {
    font-size: 10.0rem;
  }
}

.recruitment .entry-txt_box {
  text-align: center;
  position: relative;
  padding: 9.0rem 0;
  margin-bottom: 8.0rem;
}

@media (max-width: 767px) {
  .recruitment .entry-txt_box {
    padding: 5.0rem 0 4.0rem;
    margin-bottom: 5.0rem;
  }
}

.recruitment .entry-txt_box::after {
  content: "";
  height: 0.1rem;
  background-color: #111;
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(100vw - 30rem);
  margin-right: -50vw;
}

@media (max-width: 767px) {
  .recruitment .entry-txt_box::after {
    width: 100vw;
    margin-right: 0;
    left: 50%;
    transform: translateX(-50%);
  }
}

.recruitment .entry-txt_box .date {
  font-size: 5.3rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
  gap: 2.0rem;
  justify-content: center;
}

@media (max-width: 767px) {
  .recruitment .entry-txt_box .date {
    font-size: 3.1rem;
  }
}

.recruitment .entry-txt_box .date .num {
  font-size: 8.1rem;
  font-weight: 700;
  font-family: "Outfit", sans-serif;
}

@media (max-width: 767px) {
  .recruitment .entry-txt_box .date .num {
    font-size: 4.7rem;
  }
}

.recruitment .entry-txt_box .subtxt {
  font-size: 2.6rem;
  font-weight: 600;
}

@media (max-width: 767px) {
  .recruitment .entry-txt_box .subtxt {
    font-size: 2.0rem;
  }
}

.recruitment .entry-txt_box .gradient-text {
  color: #ff7200;
  background: linear-gradient(90deg, #ff6b4e 0%, #f79515 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.interview {
  --bg: transparent;
}

.interview.is-color-blue {
  --bg: linear-gradient(0deg, #4cb6d5 0%, #98eafc 100%);
  --bg_dot: linear-gradient(-45deg, #98eafc 0%, #4cb6d5 100%);
}

.interview.is-color-green {
  --bg: linear-gradient(0deg, #74cd81 0%, #a0eeac 100%);
  --bg_dot: linear-gradient(-45deg, #a0eeac 0%, #74cd81 100%);
}

.interview.is-color-orange {
  --bg: linear-gradient(0deg, #ffba00 0%, #ffd409 100%);
  --bg_dot: linear-gradient(-45deg, #ffd409 0%, #ffba00 100%);
}

.interview.is-color-pink {
  --bg: linear-gradient(0deg, #ff97a3 0%, #ffc3c9 100%);
  --bg_dot: linear-gradient(-45deg, #ffc3c9 0%, #ff97a3 100%);
}

.interview .page-info {
  background-color: transparent;
  height: auto;
}

.interview .page-info .page-info__ttl {
  padding-top: 24rem;
}

@media (max-width: 767px) {
  .interview .page-info .page-info__ttl {
    padding-top: 14rem;
  }
}

.interview .interview-mv {
  margin-top: -23.0rem;
}

@media (max-width: 767px) {
  .interview .interview-mv {
    margin-top: -21.0rem;
    overflow: hidden;
  }
}

.interview .interview-mv__inner {
  width: 95%;
  margin: 0 auto;
  position: relative;
}

@media (max-width: 767px) {
  .interview .interview-mv__inner {
    width: 97%;
    margin-left: 3%;
  }
}

.interview .interview-mv__inner::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 19.5rem);
  overflow: hidden;
  border-radius: 5.0rem 0 5.0rem 0;
  z-index: -1;
  background: url(../img/interview/interview-mv_motif.png) 8rem -10rem/135rem auto no-repeat, var(--bg);
}

@media (max-width: 767px) {
  .interview .interview-mv__inner::after {
    border-radius: 2.5rem 0 0 2.5rem;
    background: url(../img/interview/interview-mv_motif.png) 3rem 12rem/60rem auto no-repeat, var(--bg);
  }
}

.interview .interview-mv__contents {
  display: flex;
  justify-content: center;
  align-items: stretch;
  width: 90%;
  margin: 0 auto;
  gap: 0 5.0rem;
}

@media (max-width: 767px) {
  .interview .interview-mv__contents {
    flex-direction: column;
    width: 87%;
  }
}

.interview .interview-mv__info {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 24rem;
  width: 44%;
  margin-left: 7%;
}

@media (max-width: 767px) {
  .interview .interview-mv__info {
    width: 100%;
    margin-left: 3%;
    position: relative;
    z-index: 1;
  }
}

.interview .interview-mv__catch {
  margin-bottom: 4.0rem;
}

@media (max-width: 767px) {
  .interview .interview-mv__catch {
    margin-bottom: 1.5rem;
  }
}

.interview .interview-mv__catch-highlight {
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  font-size: 3.4rem;
  font-weight: 600;
  display: inline;
  background: #fff;
  padding: 0.1em 0;
  line-height: 1.9;
  box-decoration-break: clone;
  box-shadow: 1.7rem 0 0 #fff, -1.7rem 0 0 #fff;
}

@media (max-width: 767px) {
  .interview .interview-mv__catch-highlight {
    font-size: 1.8rem;
    box-shadow: 1.0rem 0 0 #fff, -1.0rem 0 0 #fff;
  }
}

.interview .interview-mv .member-info {
  margin-left: -1.7rem;
}

@media (max-width: 767px) {
  .interview .interview-mv .member-info {
    margin-left: -1.0rem;
  }
}

.interview .interview-mv .member-info__box {
  display: flex;
  gap: 1.0rem;
  flex-wrap: wrap;
  margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
  .interview .interview-mv .member-info__box {
    gap: 0.5rem;
    margin-bottom: 1.0rem;
  }
}

.interview .interview-mv .member-info__txt {
  border-radius: 1.5rem;
  font-size: 1.5rem;
  font-weight: 500;
  display: inline-block;
  line-height: 1;
  padding: 0.5rem 1rem;
  background-color: #000;
  color: #fff;
}

@media (max-width: 767px) {
  .interview .interview-mv .member-info__txt {
    font-size: 1.2rem;
  }
}

.interview .interview-mv .member-info__job {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 1.0rem;
}

@media (max-width: 767px) {
  .interview .interview-mv .member-info__job {
    font-size: 1.3rem;
  }
}

.interview .interview-mv .member-info__name {
  display: flex;
  align-items: baseline;
  gap: 0.5rem 0.2rem;
}

@media (max-width: 767px) {
  .interview .interview-mv .member-info__name {
    flex-direction: column;
  }
}

.interview .interview-mv .member-info__name .main {
  font-family: "Outfit", sans-serif;
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 767px) {
  .interview .interview-mv .member-info__name .main {
    font-size: 2.5rem;
  }
}

.interview .interview-mv .member-info__name .sub {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1;
  margin-bottom: 0.2rem;
}

@media (max-width: 767px) {
  .interview .interview-mv .member-info__name .sub {
    font-size: 1.3rem;
  }
}

.interview .interview-mv__img {
  position: relative;
  width: 50%;
  margin-right: 3%;
}

@media (max-width: 767px) {
  .interview .interview-mv__img {
    height: 74vw;
    width: 100%;
    margin-right: 0;
  }
}

@media (max-width: 767px) {
  .interview .interview-mv__img figure {
    width: 88%;
    height: 120%;
    position: absolute;
    bottom: 0;
    right: 0;
  }
}

.interview .interview-mv__img figure img {
  height: 76.0rem;
  width: auto;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .interview .interview-mv__img figure img {
    height: 100%;
    margin: 0 0 0 auto;
  }
}

.interview .interview-mv__img .jobtxt {
  position: absolute;
  bottom: 4.0rem;
  right: -8.0rem;
  width: 37.1rem;
}

@media (max-width: 767px) {
  .interview .interview-mv__img .jobtxt {
    bottom: 3.0rem;
    left: 1.0rem;
    right: initial;
    width: 18.4rem;
  }
}

.interview .interview-mv__img .jobtxt.chief {
  width: 30.0rem;
  bottom: 10.0rem;
}

@media (max-width: 767px) {
  .interview .interview-mv__img .jobtxt.chief {
    width: 13.4rem;
    bottom: 3.0rem;
  }
}

.interview .interview-mv__img .jobtxt.sec_manager {
  width: 48.0rem;
}

@media (max-width: 767px) {
  .interview .interview-mv__img .jobtxt.sec_manager {
    width: 23.4rem;
    bottom: 3.0rem;
  }
}

.interview .interview-mv__img .jobtxt.tech_lead {
  width: 38rem;
  bottom: 6.0rem;
}

@media (max-width: 767px) {
  .interview .interview-mv__img .jobtxt.tech_lead {
    width: 19.4rem;
    bottom: 3.0rem;
  }
}

.interview .interview-mv__img .jobtxt.project_manager {
  width: 48.0rem;
}

@media (max-width: 767px) {
  .interview .interview-mv__img .jobtxt.project_manager {
    width: 23.4rem;
    bottom: 3.0rem;
  }
}

.interview .interview-mv__img .jobtxt.sales {
  width: 30rem;
  bottom: 10.0rem;
}

@media (max-width: 767px) {
  .interview .interview-mv__img .jobtxt.sales {
    width: 14.4rem;
    bottom: 3.0rem;
  }
}

.interview .page-body {
  background-color: #fff;
  position: relative;
  z-index: 10;
  padding-top: 11.0rem;
  padding-bottom: 18.0rem;
  z-index: 2;
}

@media (max-width: 767px) {
  .interview .page-body {
    padding-top: 4.2rem;
    padding-bottom: 8.0rem;
  }
}

.interview .main_area {
  display: flex;
  gap: 0;
  justify-content: center;
  width: 87%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  .interview .main_area {
    width: 90%;
    margin: 0 auto;
  }
}

.interview .side_navBox {
  width: 31.0rem;
  flex-shrink: 0;
  padding-right: 1.0rem;
}

@media (max-width: 767px) {
  .interview .side_navBox {
    display: none;
  }
}

.interview .side_navBox .side_navBox_ttl {
  font-family: "Outfit", sans-serif;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: 0.02em;
  margin-bottom: 3.0rem;
}

.interview .side_navBox .side_list_item {
  padding-bottom: 2.2rem;
}

.interview .side_navBox .side_list_item .item_link {
  position: relative;
  display: flex;
  gap: 1.4rem;
  align-items: flex-start;
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
}

.interview .side_navBox .side_list_item .item_link.is-current::before {
  content: "";
  opacity: 1;
  position: absolute;
  left: -1.5rem;
}

.interview .side_navBox .side_list_item .item_link::before {
  content: "";
  opacity: 0;
  position: absolute;
  top: 1.0rem;
  left: -2rem;
  width: 0.9rem;
  height: 0.975rem;
  background: #000;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  transition: all .3s ease;
}

.interview .side_navBox .side_list_item .item_link .num {
  font-family: "Outfit", sans-serif;
  font-size: 1.8rem;
  flex-shrink: 0;
}

.interview .main_container.interview__container {
  max-width: 110.0rem;
  width: 110.0rem;
  padding-left: 9.5rem;
  border-left: 0.1rem dotted #000;
}

@media (max-width: 767px) {
  .interview .main_container.interview__container {
    width: 100%;
    border-left: 0;
    padding-left: 0;
  }
}

.interview .interview_item:not(:last-child) {
  margin-bottom: 8.0rem;
}

@media (max-width: 767px) {
  .interview .interview_item:not(:last-child) {
    margin-bottom: 4.0rem;
  }
}

.interview .interview_item .sec_ttl {
  position: relative;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 3.5rem;
}

@media (max-width: 767px) {
  .interview .interview_item .sec_ttl {
    font-size: 1.8rem;
    margin-bottom: 2.5rem;
    line-height: 1.3;
  }
}

.interview .interview_item .sec_ttl::before {
  content: "";
  width: 1.0rem;
  height: 1.0rem;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background: var(--bg_dot);
  position: absolute;
  top: 2.0rem;
  left: -1.5rem;
}

@media (max-width: 767px) {
  .interview .interview_item .sec_ttl::before {
    width: 0.7rem;
    height: 0.7rem;
    top: 1.0rem;
    left: -1.0rem;
  }
}

.interview .interview_item .sec_subttl {
  font-size: 1.8rem;
  line-height: 2;
  font-weight: 600;
  color: #525a60;
  margin-bottom: 1.8rem;
}

@media (max-width: 767px) {
  .interview .interview_item .sec_subttl {
    font-size: 1.4rem;
    margin-bottom: 1.5rem;
  }
}

.interview .interview_item .sec_text {
  font-size: 1.6rem;
  line-height: 1.7;
  font-weight: 400;
}

@media (max-width: 767px) {
  .interview .interview_item .sec_text {
    font-size: 1.4rem;
    text-align: justify;
    font-weight: 400;
  }
}

.interview .interview_item .sec_box:not(:last-child) {
  margin-bottom: 4.0rem;
}

@media (max-width: 767px) {
  .interview .interview_item .sec_box:not(:last-child) {
    margin-bottom: 2.5rem;
  }
}

.interview .interview_item .sec_box figure {
  margin-top: 6.0rem;
  border-radius: 1.2rem;
  overflow: hidden;
  aspect-ratio: 880 / 544;
  width: 100%;
}

@media (max-width: 767px) {
  .interview .interview_item .sec_box figure {
    border-radius: 0.8rem;
    margin-top: 3.0rem;
  }
}

.interview .interview_item .sec_box figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  object-position: center;
}

.interview .interview_member {
  margin-top: 12.0rem;
  width: 87%;
  margin-left: auto;
  margin-right: auto;
}

@media (max-width: 767px) {
  .interview .interview_member {
    margin-top: 7.5rem;
    width: 90%;
  }
}

.interview-archive__ttl {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 14.0rem;
}

@media (max-width: 767px) {
  .interview-archive__ttl {
    margin-bottom: 5.8rem;
  }
}

.interview-archive__ttl .ja-txt {
  font-size: 2.0rem;
  font-weight: 500;
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
  position: relative;
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .interview-archive__ttl .ja-txt {
    font-size: 1.4rem;
  }
}

.interview-archive__ttl .ja-txt::before {
  content: "";
  position: absolute;
  left: -2rem;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: linear-gradient(15deg, #ff890b 0%, #fbb00e 100%);
  mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 0);
}

@media (max-width: 767px) {
  .interview-archive__ttl .ja-txt::before {
    width: 1.0rem;
    height: 1.0rem;
    left: -1.3rem;
  }
}

.interview-archive__ttl .en-txt {
  font-family: "Outfit", sans-serif;
  font-size: 8.0rem;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 767px) {
  .interview-archive__ttl .en-txt {
    font-size: 3.2rem;
  }
}

.interview-archive__list {
  display: flex;
  flex-wrap: wrap;
  gap: 11.5rem 5.0rem;
}

@media (max-width: 767px) {
  .interview-archive__list {
    gap: 5.0rem 1.4rem;
  }
}

.interview-archive__item {
  --bg: transparent;
  width: calc(100% / 4 - 3.8rem);
}

.interview-archive__item.is-archive-color-blue {
  --bg_archive: linear-gradient(0deg, #4cb6d5 0%, #98eafc 100%);
}

.interview-archive__item.is-archive-color-green {
  --bg_archive: linear-gradient(0deg, #74cd81 0%, #a0eeac 100%);
}

.interview-archive__item.is-archive-color-orange {
  --bg_archive: linear-gradient(0deg, #ffba00 0%, #ffd409 100%);
}

.interview-archive__item.is-archive-color-pink {
  --bg_archive: linear-gradient(0deg, #ff97a3 0%, #ffc3c9 100%);
}

@media (max-width: 767px) {
  .interview-archive__item {
    width: calc(100% / 2 - 0.9rem);
  }
}

.interview-archive__item .item_link {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  height: 100%;
  transition: all .3s ease;
}

.interview-archive__item .item_link:hover .item_mv {
  transform: scale(0.96);
}

.interview-archive__item .item_mv {
  border-radius: 3.0rem 0 3.0rem 0;
  background: var(--bg_archive);
  aspect-ratio: 1 / 1;
  width: 100%;
  position: relative;
  margin-bottom: 1.5rem;
  transition: all .3s ease;
}

@media (max-width: 767px) {
  .interview-archive__item .item_mv {
    border-radius: 2.0rem 0 2.0rem 0;
    margin-bottom: 0.5rem;
  }
}

.interview-archive__item .item_mv figure {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 100%;
}

.interview-archive__item .item_mv figure .person {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: auto;
  height: calc(61.5rem / 2);
}

@media (max-width: 767px) {
  .interview-archive__item .item_mv figure .person {
    height: 50vw;
  }
}

.interview-archive__item .item_mv figure.person_001 .person {
  height: calc(64.5rem / 2);
  transform: translateX(-53%);
}

@media (max-width: 767px) {
  .interview-archive__item .item_mv figure.person_001 .person {
    height: 50vw;
  }
}

.interview-archive__item .item_mv figure.person_002 .person {
  height: calc(62.6rem / 2);
  transform: translateX(-46%);
}

@media (max-width: 767px) {
  .interview-archive__item .item_mv figure.person_002 .person {
    height: 48vw;
  }
}

.interview-archive__item .item_mv figure.person_003 .person {
  height: calc(62.7rem / 2);
  transform: translateX(-55%);
}

@media (max-width: 767px) {
  .interview-archive__item .item_mv figure.person_003 .person {
    height: 51vw;
  }
}

.interview-archive__item .item_mv figure.person_004 .person {
  height: calc(63rem / 2);
  transform: translateX(-56%);
}

@media (max-width: 767px) {
  .interview-archive__item .item_mv figure.person_004 .person {
    height: 50vw;
  }
}

.interview-archive__item .item_mv figure.person_005 .person {
  height: calc(64.1rem / 2);
}

@media (max-width: 767px) {
  .interview-archive__item .item_mv figure.person_005 .person {
    height: 50vw;
  }
}

.interview-archive__item .item_mv figure.person_006 .person {
  height: calc(63.7rem / 2);
}

@media (max-width: 767px) {
  .interview-archive__item .item_mv figure.person_006 .person {
    height: 50vw;
  }
}

.interview-archive__item .item_mv figure.person_007 .person {
  height: calc(62.5rem / 2);
  transform: translateX(-54%);
}

@media (max-width: 767px) {
  .interview-archive__item .item_mv figure.person_007 .person {
    height: 50vw;
  }
}

.interview-archive__item .item_mv figure.person_008 .person {
  height: calc(64.5rem / 2);
  transform: translateX(-54%);
}

@media (max-width: 767px) {
  .interview-archive__item .item_mv figure.person_008 .person {
    height: 50vw;
  }
}

.interview-archive__item .item_mv figure.person_009 .person {
  height: calc(63.5rem / 2);
}

@media (max-width: 767px) {
  .interview-archive__item .item_mv figure.person_009 .person {
    height: 50vw;
  }
}

.interview-archive__item .item_mv figure.person_010 .person {
  height: calc(60.5rem / 2);
}

@media (max-width: 767px) {
  .interview-archive__item .item_mv figure.person_010 .person {
    height: 50vw;
  }
}

.interview-archive__item .item_mv figure.person_011 .person {
  height: calc(63.5rem / 2);
}

@media (max-width: 767px) {
  .interview-archive__item .item_mv figure.person_011 .person {
    height: 50vw;
  }
}

.interview-archive__item .item_mv figure.person_012 .person {
  height: calc(63.0rem / 2);
}

@media (max-width: 767px) {
  .interview-archive__item .item_mv figure.person_012 .person {
    height: 50vw;
  }
}

.interview-archive__item .item_mv figure.person_013 .person {
  height: calc(63.5rem / 2);
  transform: translateX(-48%);
}

@media (max-width: 767px) {
  .interview-archive__item .item_mv figure.person_013 .person {
    height: 50vw;
  }
}

.interview-archive__item .item_mv figure.person_014 .person {
  height: calc(64.5rem / 2);
}

@media (max-width: 767px) {
  .interview-archive__item .item_mv figure.person_014 .person {
    height: 50vw;
  }
}

.interview-archive__item .item_mv figure.person_015 .person {
  height: calc(62.5rem / 2);
}

@media (max-width: 767px) {
  .interview-archive__item .item_mv figure.person_015 .person {
    height: 50vw;
  }
}

.interview-archive__item .item_mv figure .jobtxt {
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 15.2rem;
  width: 100%;
}

@media (max-width: 767px) {
  .interview-archive__item .item_mv figure .jobtxt {
    max-width: 8.2rem;
  }
}

.interview-archive__item .item_mv figure .jobtxt.engineer {
  bottom: 0.6rem;
  right: 1.0rem;
}

.interview-archive__item .item_mv figure .jobtxt.tech_lead {
  max-width: 18.2rem;
  bottom: 1.0rem;
  right: 1.3rem;
}

@media (max-width: 767px) {
  .interview-archive__item .item_mv figure .jobtxt.tech_lead {
    max-width: 10.2rem;
  }
}

.interview-archive__item .item_mv figure .jobtxt.chief {
  max-width: 11.0rem;
  bottom: 3.0rem;
  right: 1.0rem;
}

@media (max-width: 767px) {
  .interview-archive__item .item_mv figure .jobtxt.chief {
    bottom: 2.0rem;
    max-width: 6.2rem;
  }
}

.interview-archive__item .item_mv figure .jobtxt.sec_manager {
  max-width: 21.5rem;
  bottom: 1.3rem;
  right: 1.5rem;
}

@media (max-width: 767px) {
  .interview-archive__item .item_mv figure .jobtxt.sec_manager {
    bottom: 0.5rem;
    max-width: 13.2rem;
  }
}

.interview-archive__item .item_mv figure .jobtxt.project_manager {
  max-width: 23.0rem;
  bottom: 1.0rem;
  right: 1.3rem;
}

@media (max-width: 767px) {
  .interview-archive__item .item_mv figure .jobtxt.project_manager {
    bottom: 0.8rem;
    max-width: 13.2rem;
  }
}

.interview-archive__item .item_mv figure .jobtxt.sales {
  max-width: 10.2rem;
  bottom: 2.8rem;
  right: 1.3rem;
}

@media (max-width: 767px) {
  .interview-archive__item .item_mv figure .jobtxt.sales {
    bottom: 1.8rem;
    right: 1.0rem;
    max-width: 6.2rem;
  }
}

.interview-archive__item .item_mv figure .jobtxt.leader {
  max-width: 12.2rem;
  bottom: 2.5rem;
  right: 1.3rem;
}

@media (max-width: 767px) {
  .interview-archive__item .item_mv figure .jobtxt.leader {
    bottom: 1.4rem;
    right: 1.0rem;
    max-width: 6.8rem;
  }
}

.interview-archive__item .item_mv figure .jobtxt.lead_architect {
  max-width: 19.7rem;
  bottom: 1.0rem;
  right: 1.3rem;
}

@media (max-width: 767px) {
  .interview-archive__item .item_mv figure .jobtxt.lead_architect {
    bottom: 0.8rem;
    max-width: 13.2rem;
  }
}

.interview-archive__item .item_text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: 1.3rem;
  flex: 1;
}

@media (max-width: 767px) {
  .interview-archive__item .item_text {
    gap: 1.0rem;
  }
}

.interview-archive__item .item_text .catch {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .interview-archive__item .item_text .catch {
    font-size: 1.3rem;
  }
}

.interview-archive__item .item_text .member-info__txt {
  border-radius: 1.3rem;
  font-size: 1.4rem;
  font-weight: 500;
  display: inline-block;
  line-height: 1;
  padding: 0.5rem 1rem;
  background-color: #000;
  color: #fff;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
}

@media (max-width: 767px) {
  .interview-archive__item .item_text .member-info__txt {
    font-size: 1.1rem;
    padding: 0.4rem 0.8rem 0.5rem;
  }
}

@media (max-width: 767px) {
  .interview-archive__item .item_text .member-info__txt + .member-info__txt {
    margin-top: 0.3rem;
  }
}

.interview-archive__item .item_text .member-info__job {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
  margin-top: 1.0rem;
  margin-bottom: 0.5rem;
}

@media (max-width: 767px) {
  .interview-archive__item .item_text .member-info__job {
    margin-top: 0.8rem;
    font-size: 1.2rem;
  }
}

.interview-archive__item .item_text .member-info__name {
  display: flex;
  align-items: baseline;
  gap: 0.2rem;
}

.interview-archive__item .item_text .member-info__name .main {
  font-family: "Outfit", sans-serif;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: 0.04em;
}

@media (max-width: 767px) {
  .interview-archive__item .item_text .member-info__name .main {
    font-size: 2.0rem;
  }
}

.interview-archive__item .item_text .member-info__name .sub {
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1;
  margin-bottom: 0.2rem;
}

@media (max-width: 767px) {
  .interview-archive__item .item_text .member-info__name .sub {
    font-size: 1.1rem;
  }
}

.guide .guide-mv {
  height: 73.0rem;
  position: relative;
  isolation: isolate;
}

@media (max-width: 767px) {
  .guide .guide-mv {
    margin-bottom: 6.5rem;
    z-index: 3;
    height: 100%;
    aspect-ratio: 39 / 71;
  }
}

.guide .guide-mv__inner {
  height: 100%;
  position: relative;
  overflow: hidden;
}

.guide .page-body {
  background-color: #fff;
  position: relative;
  z-index: 2;
  padding-top: 11.0rem;
  padding-bottom: 0;
}

@media (max-width: 767px) {
  .guide .page-body {
    padding-top: 0;
    padding-bottom: 0;
  }
}

.guide .page-body::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 50.0rem;
  background-color: #f9f8f4;
  z-index: -1;
}

@media (max-width: 767px) {
  .guide .page-body::after {
    height: 20.0rem;
  }
}

.guide .sec_intro {
  position: relative;
  display: flex;
  align-items: flex-end;
  gap: 7.5rem;
  width: 122.0rem;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .guide .sec_intro {
    align-items: flex-start;
    flex-direction: column;
    gap: 2.0rem;
    width: 90%;
  }
}

.guide .sec_intro .intro_ttl {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 1.0rem;
  width: 47.0rem;
}

@media (max-width: 767px) {
  .guide .sec_intro .intro_ttl {
    width: 100%;
  }
}

.guide .sec_intro .intro_ttl .ja {
  font-size: 2.0rem;
  font-weight: 500;
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
  position: relative;
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .guide .sec_intro .intro_ttl .ja {
    font-size: 1.3rem;
    margin-left: 1.8rem;
  }
}

.guide .sec_intro .intro_ttl .ja::before {
  content: "";
  position: absolute;
  left: -2rem;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  background: linear-gradient(15deg, #ff890b 0%, #fbb00e 100%);
  mask: radial-gradient(farthest-side, transparent calc(100% - 2px), #000 0);
}

@media (max-width: 767px) {
  .guide .sec_intro .intro_ttl .ja::before {
    width: 1.0rem;
    height: 1.0rem;
    left: -1.6rem;
  }
}

.guide .sec_intro .intro_ttl .en {
  font-family: "Outfit", sans-serif;
  font-size: 9.4rem;
  font-weight: 600;
  line-height: 1;
}

@media (max-width: 767px) {
  .guide .sec_intro .intro_ttl .en {
    font-size: 5.8rem;
  }
}

.guide .sec_intro .intro_text {
  font-size: 1.8rem;
  line-height: 2;
  padding-bottom: 2.0rem;
}

@media (max-width: 767px) {
  .guide .sec_intro .intro_text {
    font-size: 1.4rem;
    line-height: 1.8;
  }
}

.guide .sec_lead {
  position: relative;
  max-width: 122.0rem;
  width: 90%;
  margin: 0 auto 12.0rem;
}

@media (max-width: 767px) {
  .guide .sec_lead {
    margin: -2.5rem auto 3.5rem;
  }
}

.guide .sec_lead .lead_svg {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 95%;
  height: auto;
  z-index: -1;
}

.guide .sec_lead .lead_box {
  position: relative;
  display: flex;
  gap: 7.5rem;
  padding-top: 7.0rem;
}

@media (max-width: 767px) {
  .guide .sec_lead .lead_box {
    flex-direction: column;
    gap: 2.2rem;
  }
}

.guide .sec_lead .lead_box__ttl {
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  gap: 1.0rem;
  width: 47.0rem;
}

@media (max-width: 767px) {
  .guide .sec_lead .lead_box__ttl {
    width: 100%;
  }
}

.guide .sec_lead .lead_box__ttl .sub {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1;
}

@media (max-width: 767px) {
  .guide .sec_lead .lead_box__ttl .sub {
    font-size: 1.6rem;
  }
}

.guide .sec_lead .lead_box__ttl .main {
  font-size: 6.8rem;
  font-weight: 700;
  line-height: 1;
}

@media (max-width: 767px) {
  .guide .sec_lead .lead_box__ttl .main {
    font-size: 3.6rem;
  }
}

.guide .sec_lead .lead_box__text {
  font-size: 1.8rem;
  line-height: 2;
  padding-top: 2.6em;
}

@media (max-width: 767px) {
  .guide .sec_lead .lead_box__text {
    font-size: 1.4rem;
    line-height: 1.8;
    padding-top: 0;
  }
}

.guide .local-nav__list {
  max-width: 122.0rem;
  width: 90%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  border-radius: 3.2rem;
  background-color: #f2f2f2;
  padding: 1.5rem;
}

@media (max-width: 767px) {
  .guide .local-nav__list {
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    background-color: transparent;
    border-radius: 0;
    padding: 0;
    gap: 0.6rem;
  }
}

.guide .local-nav__item {
  overflow: hidden;
}

.guide .local-nav__item:not(:last-child) {
  padding-right: 5.0rem;
  margin-right: 5.0rem;
  border-right: 0.1rem solid #fff;
}

@media (max-width: 767px) {
  .guide .local-nav__item:not(:last-child) {
    padding-right: 0;
    margin-right: 0;
    border-right: none;
  }
}

.guide .local-nav__item a {
  font-family: "Outfit", sans-serif;
  font-size: 2.1rem;
  font-weight: 500;
  line-height: 1.5;
  font-feature-settings: "palt";
  letter-spacing: 0.02em;
  display: inline-block;
  position: relative;
  transition: transform .3s ease-in-out;
}

@media (max-width: 767px) {
  .guide .local-nav__item a {
    font-size: 1.3rem;
    background-color: #f2f2f2;
    border-radius: 1.5rem;
    line-height: 1;
    padding: 0.9rem 1.4rem;
  }
}

.guide .local-nav__item a::after {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(100%);
  white-space: nowrap;
  color: #fb5106;
}

@media (max-width: 767px) {
  .guide .local-nav__item a::after {
    content: none;
  }
}

.guide .local-nav__item a:hover {
  transform: translateY(-100%);
}

@media (max-width: 767px) {
  .guide .local-nav__item a:hover {
    transform: translateY(0);
  }
}

.guide .sec_values {
  margin-top: 17.0rem;
}

@media (max-width: 767px) {
  .guide .sec_values {
    margin-top: 10.5rem;
  }
}

.guide .sec_values .sec_intro {
  margin-bottom: 7.0rem;
}

.guide .sec_values .values_block {
  position: relative;
  /* 1枚目ピン留め開始で “下からスッ” */
  /* ピン留め中は右上固定 */
  /* 3枚目がピン留め完了して下にスクロール可能になったら消える */
}

.guide .sec_values .values_block__inner {
  position: relative;
}

.guide .sec_values .values_block .values_panels {
  max-width: 145.6rem;
  min-height: calc(100vh * 3);
  width: 95%;
  margin: 0 auto;
  position: relative;
}

@media (max-width: 767px) {
  .guide .sec_values .values_block .values_panels {
    min-height: calc(100svh * 2);
  }
}

.guide .sec_values .values_block .values_panels__item {
  position: sticky;
  top: 10rem;
  border-radius: 5.0rem;
  background-image: url(../img/guide/values_panels_bg_gray1.png);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 6.5rem 10.0rem 5.0rem 8.0rem;
  aspect-ratio: 1456 / 760;
  width: 100%;
}

@media (max-width: 767px) {
  .guide .sec_values .values_block .values_panels__item {
    border-radius: 2.5rem;
    aspect-ratio: 733 / 984;
    padding: 3.5rem 2.6rem 5.0rem 2.6rem;
  }
}

.guide .sec_values .values_block .values_panels__item.panels1 {
  margin-bottom: 1.5rem;
}

.guide .sec_values .values_block .values_panels__item.panels1 .values_panels__pic {
  width: 96.0rem;
}

@media (max-width: 767px) {
  .guide .sec_values .values_block .values_panels__item.panels1 .values_panels__pic {
    width: 95%;
  }
}

.guide .sec_values .values_block .values_panels__item.panels2 {
  margin-bottom: 1.5rem;
  top: 11.5rem;
  background-image: url(../img/guide/values_panels_bg_gray2.png);
}

.guide .sec_values .values_block .values_panels__item.panels3 {
  top: 13.5rem;
  background-image: url(../img/guide/values_panels_bg_gray3.png);
}

.guide .sec_values .values_block .values_panels__ttl {
  font-size: 5.2rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  z-index: 2;
}

@media (max-width: 767px) {
  .guide .sec_values .values_block .values_panels__ttl {
    font-size: 2.5rem;
  }
}

.guide .sec_values .values_block .values_panels__pic {
  width: 92.0rem;
  margin: 0 0 0 auto;
  position: absolute;
  right: 10.0rem;
  bottom: 5.0rem;
  z-index: 1;
}

@media (max-width: 767px) {
  .guide .sec_values .values_block .values_panels__pic {
    width: 95%;
    right: initial;
    left: 50%;
    transform: translateX(-50%);
  }
}

.guide .sec_values .values_block .values_panels__comment {
  position: absolute;
  bottom: 6.4rem;
  left: 3.0rem;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transform: translateY(10px);
  z-index: 2;
}

@media (max-width: 767px) {
  .guide .sec_values .values_block .values_panels__comment {
    bottom: -15.0rem;
    left: 0;
  }
}

.guide .sec_values .values_block .values_panels__comment .comment_box {
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 3.2rem 3.2rem 3.2rem 0;
  border: 0.1rem solid #111111;
  padding: 1.8rem 2.4rem;
  position: relative;
  max-width: 36.0rem;
}

@media (max-width: 767px) {
  .guide .sec_values .values_block .values_panels__comment .comment_box {
    border-radius: 2.4rem 2.4rem 2.4rem 0;
    max-width: 33.0rem;
    padding: 2.0rem 2.4rem;
  }
}

.guide .sec_values .values_block .values_panels__comment .comment_box .comment_icon {
  position: absolute;
  bottom: 0;
  left: 1.0rem;
  width: 14.0rem;
}

@media (max-width: 767px) {
  .guide .sec_values .values_block .values_panels__comment .comment_box .comment_icon {
    width: 12.0rem;
  }
}

.guide .sec_values .values_block .values_panels__comment .comment_box .comment_text {
  font-size: 1.5rem;
  line-height: 1.6;
  padding-left: 14.0rem;
  max-width: 32.0rem;
}

@media (max-width: 767px) {
  .guide .sec_values .values_block .values_panels__comment .comment_box .comment_text {
    font-size: 1.3rem;
    padding-left: 12.0rem;
  }
}

.guide .sec_values .values_block .values_panels.is-comment-visible .values_panels__comment {
  visibility: visible;
  animation: values-comment-in 0.65s ease forwards;
}

@keyframes values-comment-in {
  0% {
    opacity: 0;
    transform: translateY(3rem);
  }
  55% {
    opacity: 1;
    transform: translateY(-1rem);
  }
  75% {
    transform: translateY(0.5rem);
  }
  90% {
    transform: translateY(-0.3rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.guide .sec_values .values_block .values_panels:not(.is-comment-visible) .values_panels__comment {
  animation: values-comment-out 0.3s ease-in forwards;
}

@keyframes values-comment-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(2rem);
  }
}

.guide .sec_values .values_block .values_panels__pager {
  position: absolute;
  right: 6.5rem;
  top: 17rem;
  z-index: 50;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(10px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.0rem;
}

@media (max-width: 767px) {
  .guide .sec_values .values_block .values_panels__pager {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    top: -6.0rem;
    right: 2rem;
    flex-direction: row;
  }
}

.guide .sec_values .values_block .values_panels__pager .text {
  font-family: "Outfit", sans-serif;
  font-size: 2.0rem;
  writing-mode: vertical-rl;
  text-orientation: mixed;
  line-height: 1;
  font-weight: 300;
}

@media (max-width: 767px) {
  .guide .sec_values .values_block .values_panels__pager .text {
    writing-mode: initial;
    text-orientation: mixed;
    font-size: 1.5rem;
  }
}

.guide .sec_values .values_block .values_panels__pager .dot {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1.0rem;
  margin-right: 0.5rem;
}

@media (max-width: 767px) {
  .guide .sec_values .values_block .values_panels__pager .dot {
    flex-direction: row;
  }
}

.guide .sec_values .values_block .values_panels__pager .dot button {
  width: 0.8rem;
  height: 0.8rem;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background-color: #c7c2b7;
  border: none;
  padding: 0;
  cursor: pointer;
  transition: all .38s ease;
}

@media (max-width: 767px) {
  .guide .sec_values .values_block .values_panels__pager .dot button {
    width: 1.2rem;
    height: 1.2rem;
  }
}

.guide .sec_values .values_block .values_panels__pager .dot button.is-active {
  width: 1.0rem;
  height: 1.0rem;
  background: #807b76;
}

@media (max-width: 767px) {
  .guide .sec_values .values_block .values_panels__pager .dot button.is-active {
    width: 1.4rem;
    height: 1.4rem;
  }
}

.guide .sec_values .values_block .values_panels.is-pager-visible .values_panels__pager {
  visibility: visible;
  pointer-events: auto;
  animation: pager-in .28s ease-out forwards;
}

.guide .sec_values .values_block .values_panels.is-pager-fixed .values_panels__pager {
  position: fixed;
  right: 6.5rem;
  top: 17rem;
}

@media (max-width: 767px) {
  .guide .sec_values .values_block .values_panels.is-pager-fixed .values_panels__pager {
    position: fixed;
    top: 6.0rem;
    right: 2rem;
  }
}

.guide .sec_values .values_block .values_panels.is-pager-hidden .values_panels__pager {
  pointer-events: none;
  animation: pager-out .22s ease-in forwards;
}

@keyframes pager-in {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes pager-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(10px);
    visibility: hidden;
  }
}

.guide .sec_credo {
  margin-top: 21.0rem;
  padding-bottom: 26.0rem;
  position: relative;
}

@media (max-width: 767px) {
  .guide .sec_credo {
    margin-top: 24.5rem;
    padding-bottom: 5.0rem;
  }
}

.guide .sec_credo .sec_intro {
  margin-bottom: 7.0rem;
}

@media (max-width: 767px) {
  .guide .sec_credo .sec_intro {
    margin-bottom: 0;
  }
}

.guide .sec_credo .credo_icon {
  position: absolute;
  top: -11.0rem;
  right: 7.5rem;
  width: 44.0rem;
}

@media (max-width: 767px) {
  .guide .sec_credo .credo_icon {
    display: none;
  }
}

.guide .sec_credo__inner {
  position: relative;
  z-index: 1;
  transform-origin: 50% 50%;
  will-change: transform, opacity;
}

.guide .sec_credo__dark {
  position: absolute;
  inset: 0;
  background: #414040;
  opacity: 0;
  pointer-events: none;
  z-index: 2;
}

.guide .sec_credo .credo_block {
  max-width: 122.0rem;
  width: 90%;
  margin: 0 auto;
}

.guide .sec_credo .credo_panels {
  display: flex;
  gap: 5.0rem;
  position: relative;
}

@media (max-width: 767px) {
  .guide .sec_credo .credo_panels {
    flex-direction: column;
    gap: 3.0rem;
  }
}

.guide .sec_credo .credo_panels__toc {
  background: url(../img/guide/credo_bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 66.0rem;
  height: 100%;
  aspect-ratio: 750 / 785;
  position: sticky;
  top: 10.0rem;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .guide .sec_credo .credo_panels__toc {
    position: relative;
    top: 0;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
    background: url(../img/guide/credo_bg_sp.png);
    background-size: contain;
    background-repeat: no-repeat;
    aspect-ratio: 702 / 958;
  }
}

.guide .sec_credo .credo_panels__toc .inner {
  position: relative;
  margin-top: 5.0rem;
  padding-right: 5.3rem;
}

@media (max-width: 767px) {
  .guide .sec_credo .credo_panels__toc .inner {
    margin-top: 6.2rem;
    padding-right: 1.0rem;
    padding-left: 1.0rem;
    display: grid;
    justify-items: center;
  }
}

.guide .sec_credo .credo_panels__toc .circle_bg {
  width: 86%;
  margin: 0 auto 3.0rem;
}

@media (max-width: 767px) {
  .guide .sec_credo .credo_panels__toc .circle_bg {
    width: 95%;
    grid-row: 1;
    grid-column: 1;
    margin-bottom: 0;
  }
}

.guide .sec_credo .credo_panels__toc .circle_label__txt {
  font-family: "Outfit", sans-serif;
  color: #fff;
  font-size: 2.1rem;
  position: absolute;
  top: -1.8rem;
  right: 1rem;
  writing-mode: vertical-rl;
}

@media (max-width: 767px) {
  .guide .sec_credo .credo_panels__toc .circle_label__txt {
    writing-mode: horizontal-tb;
    font-size: 1.8rem;
    top: -5.8rem;
    right: 1.8rem;
  }
}

.guide .sec_credo .credo_panels__toc .catch {
  color: #fff;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
  text-align: center;
}

@media (max-width: 767px) {
  .guide .sec_credo .credo_panels__toc .catch {
    font-size: 1.9rem;
    letter-spacing: 0.02em;
    margin-top: 2.0rem;
  }
}

.guide .sec_credo .credo_panels__toc .credo_circles {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}

@media (max-width: 767px) {
  .guide .sec_credo .credo_panels__toc .credo_circles {
    position: relative;
    grid-row: 1;
    grid-column: 1;
    width: 100%;
    height: auto;
    aspect-ratio: 1197 / 1126;
  }
}

.guide .sec_credo .credo_panels__toc .credo_circles__item {
  position: absolute;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background-color: #fff;
  width: 22.0rem;
  height: 22.0rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}

@media (max-width: 767px) {
  .guide .sec_credo .credo_panels__toc .credo_circles__item {
    width: 41%;
    height: auto;
  }
}

.guide .sec_credo .credo_panels__toc .credo_circles__item.credoToc1 {
  left: 6.5rem;
  bottom: 8rem;
}

@media (max-width: 767px) {
  .guide .sec_credo .credo_panels__toc .credo_circles__item.credoToc1 {
    left: 6%;
    bottom: 9%;
  }
}

.guide .sec_credo .credo_panels__toc .credo_circles__item.credoToc2 {
  left: 19.5rem;
  top: 2.2rem;
}

@media (max-width: 767px) {
  .guide .sec_credo .credo_panels__toc .credo_circles__item.credoToc2 {
    left: 29.5%;
    top: 4%;
  }
}

.guide .sec_credo .credo_panels__toc .credo_circles__item.credoToc3 {
  left: 32.5rem;
  bottom: 8rem;
}

@media (max-width: 767px) {
  .guide .sec_credo .credo_panels__toc .credo_circles__item.credoToc3 {
    left: 53%;
    bottom: 9%;
  }
}

.guide .sec_credo .credo_panels__toc .credo_circles__item .en {
  font-family: "Outfit", sans-serif;
  font-size: 1.7rem;
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
}

@media (max-width: 767px) {
  .guide .sec_credo .credo_panels__toc .credo_circles__item .en {
    font-size: 1.2rem;
    letter-spacing: 0.02em;
  }
}

.guide .sec_credo .credo_panels__toc .credo_circles__item .ja {
  font-size: 2.3rem;
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: 0.08em;
  font-weight: 500;
}

@media (max-width: 767px) {
  .guide .sec_credo .credo_panels__toc .credo_circles__item .ja {
    font-size: 1.6rem;
    letter-spacing: 0.04em;
  }
}

.guide .sec_credo .credo_panels__toc .credo_circles__item .credo_ring {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.guide .sec_credo .credo_panels__toc .credo_circles__item .credo_ring__circle {
  fill: none;
  stroke: url(#credoRingGrad);
  stroke-width: 3;
  stroke-linecap: round;
  stroke-dasharray: 999;
  stroke-dashoffset: 999;
  transform: rotate(-90deg);
  transform-origin: 50% 50%;
}

.guide .sec_credo .credo_panels__contents {
  margin-top: 40rem;
  position: relative;
  padding-bottom: 5.0rem;
}

@media (max-width: 767px) {
  .guide .sec_credo .credo_panels__contents {
    margin-top: 0rem;
  }
}

.guide .sec_credo .credo_panels__contents .credo_contents {
  position: relative;
}

.guide .sec_credo .credo_panels__contents .credo_contents_item {
  margin-bottom: 8.5rem;
  opacity: 0.1;
  transition: opacity 0.2s linear;
}

@media (max-width: 767px) {
  .guide .sec_credo .credo_panels__contents .credo_contents_item {
    margin-bottom: 4.0rem;
    opacity: 1;
  }
}

.guide .sec_credo .credo_panels__contents .credo_contents_item.is-active {
  opacity: 1;
}

.guide .sec_credo .credo_panels__contents .credo_contents_item:last-child {
  margin-bottom: 30rem;
}

@media (max-width: 767px) {
  .guide .sec_credo .credo_panels__contents .credo_contents_item:last-child {
    margin-bottom: 0;
  }
}

.guide .sec_credo .credo_panels__contents .credo_contents_item .credo_box {
  margin-bottom: 3.5rem;
}

@media (max-width: 767px) {
  .guide .sec_credo .credo_panels__contents .credo_contents_item .credo_box {
    margin-bottom: 2.0rem;
  }
}

.guide .sec_credo .credo_panels__contents .credo_contents_item .credo_box .credo_label {
  display: flex;
  align-items: center;
  gap: 1.0rem;
  font-size: 2.0rem;
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
  margin-bottom: 2.0rem;
}

@media (max-width: 767px) {
  .guide .sec_credo .credo_panels__contents .credo_contents_item .credo_box .credo_label {
    font-size: 1.5rem;
    margin-bottom: 1.2rem;
    letter-spacing: 0.02em;
  }
}

.guide .sec_credo .credo_panels__contents .credo_contents_item .credo_box .credo_ttl {
  font-size: 4.8rem;
  font-weight: 700;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
  line-height: 1;
}

@media (max-width: 767px) {
  .guide .sec_credo .credo_panels__contents .credo_contents_item .credo_box .credo_ttl {
    font-size: 2.4rem;
  }
}

.guide .sec_credo .credo_panels__contents .credo_contents_item .credo_text {
  font-size: 2.0rem;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
  line-height: 1.7;
}

@media (max-width: 767px) {
  .guide .sec_credo .credo_panels__contents .credo_contents_item .credo_text {
    font-size: 1.4rem;
  }
}

.guide .sec_credo .credo_panels .credo_panels__comment {
  position: absolute;
  bottom: 18rem;
  left: 0;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transform: translateY(10px);
  z-index: 2;
}

@media (max-width: 767px) {
  .guide .sec_credo .credo_panels .credo_panels__comment {
    position: relative;
    bottom: initial;
    left: initial;
    margin-top: 5.0rem;
  }
}

.guide .sec_credo .credo_panels .credo_panels__comment .comment_box {
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 3.2rem 3.2rem 0 3.2rem;
  border: 0.1rem solid #111111;
  padding: 1.8rem 2.4rem;
  position: relative;
  max-width: 36.0rem;
}

@media (max-width: 767px) {
  .guide .sec_credo .credo_panels .credo_panels__comment .comment_box {
    border-radius: 2.4rem 2.4rem 0 2.4rem;
    max-width: 33.0rem;
    width: max-content;
    padding: 2.0rem 2.4rem;
    margin-left: auto;
    margin-right: 0;
  }
}

.guide .sec_credo .credo_panels .credo_panels__comment .comment_box .comment_icon {
  position: absolute;
  bottom: 0;
  right: 1.0rem;
  width: 12.0rem;
}

@media (max-width: 767px) {
  .guide .sec_credo .credo_panels .credo_panels__comment .comment_box .comment_icon {
    width: 10.0rem;
  }
}

.guide .sec_credo .credo_panels .credo_panels__comment .comment_box .comment_text {
  font-size: 1.5rem;
  line-height: 1.6;
  padding-right: 14.0rem;
  max-width: 32.0rem;
}

@media (max-width: 767px) {
  .guide .sec_credo .credo_panels .credo_panels__comment .comment_box .comment_text {
    padding-right: 11.0rem;
    font-size: 1.3rem;
  }
}

.guide .sec_credo .credo_panels:has(.credo3.is-active) .credo_panels__comment {
  visibility: visible;
  animation: comment-in 0.65s ease 0.4s both;
}

@media (max-width: 767px) {
  .guide .sec_credo .credo_panels:has(.credo3.is-active) .credo_panels__comment {
    visibility: visible;
    animation: comment-in 0.65s ease 0.4s both;
  }
}

@keyframes comment-in {
  0% {
    opacity: 0;
    transform: translateY(3rem);
  }
  55% {
    opacity: 1;
    transform: translateY(-1rem);
  }
  75% {
    transform: translateY(0.5rem);
  }
  90% {
    transform: translateY(-0.3rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.guide .sec_credo .credo_panels:not(.is-comment-visible) .credo_panels__comment {
  animation: comment-out 0.3s ease-in forwards;
}

@keyframes comment-out {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(2rem);
  }
}

.guide .sec_topics {
  margin-bottom: 16.0rem;
  position: relative;
}

@media (max-width: 767px) {
  .guide .sec_topics {
    margin-bottom: 6.0rem;
  }
}

.guide .sec_topics .band {
  width: 100%;
  height: 100.0rem;
  position: absolute;
  z-index: -1;
  background-color: #414040;
  overflow: hidden;
  perspective: 1000px;
}

.guide .sec_topics .band__inner {
  padding-top: 3rem;
  width: 100%;
  height: 100%;
  transform-origin: 50% 50%;
  will-change: transform;
  transform-box: fill-box;
  position: relative;
  z-index: 1;
}

.guide .sec_topics .band__dark {
  position: absolute;
  inset: 0;
  background: #111;
  opacity: 0;
  pointer-events: none;
  z-index: 2;
}

.guide .sec_topics .band .roop-wrap {
  display: flex;
  width: max-content;
  animation: roop-slide 90s linear infinite;
}

.guide .sec_topics .band .roop-txt {
  color: #464646;
  font-size: 23rem;
  font-family: "Outfit", sans-serif;
  font-weight: 600;
  line-height: 1;
  padding-right: 8rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .band .roop-txt {
    font-size: 11.6rem;
  }
}

@keyframes roop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.guide .sec_topics .sec_intro {
  margin-bottom: 6.0rem;
  padding-top: 16rem;
}

.guide .sec_topics .sec_intro .intro_ttl, .guide .sec_topics .sec_intro .intro_text {
  color: #fff;
}

.guide .sec_topics .topics_block {
  border-radius: 8.0rem;
  background-color: #f5f4f1;
  padding: 11.0rem 0;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block {
    border-radius: 4.0rem;
    padding: 5.0rem 0;
  }
}

.guide .sec_topics .topics_block__inner {
  max-width: 122.0rem;
  width: 90%;
  margin: 0 auto;
}

.guide .sec_topics .topics_block__box:not(:last-child) {
  padding-bottom: 7.0rem;
  margin-bottom: 7.0rem;
  border-bottom: 0.03rem solid rgba(134, 134, 134, 0.5);
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box:not(:last-child) {
    padding-bottom: 4.0rem;
    margin-bottom: 4.0rem;
  }
}

.guide .sec_topics .topics_block__box .item_ttl {
  display: flex;
  flex-direction: column;
}

.guide .sec_topics .topics_block__box .item_ttl .label {
  display: flex;
  align-items: center;
  gap: 0 0.5rem;
  font-family: "Outfit", sans-serif;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box .item_ttl .label {
    margin-bottom: 0.5rem;
  }
}

.guide .sec_topics .topics_block__box .item_ttl .label .txt {
  font-size: 1.8rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box .item_ttl .label .txt {
    font-size: 1.5rem;
  }
}

.guide .sec_topics .topics_block__box .item_ttl .label .num {
  font-size: 3.2rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box .item_ttl .label .num {
    font-size: 2.6rem;
  }
}

.guide .sec_topics .topics_block__box .item_ttl .main {
  font-size: 4.1rem;
  font-weight: 700;
  line-height: 1.3;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box .item_ttl .main {
    font-size: 2.2rem;
    line-height: 1.6;
  }
}

.guide .sec_topics .topics_block__box .item_ttl .main.large {
  font-size: 8.6rem;
  line-height: 0;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box .item_ttl .main.large {
    font-size: 3.6rem;
  }
}

.guide .sec_topics .topics_block__box .item_ttl .main.medium {
  font-size: 3.9rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box .item_ttl .main.medium {
    font-size: 2.2rem;
  }
}

.guide .sec_topics .topics_block__box .item_ttl .main.small {
  font-size: 3.6rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box .item_ttl .main.small {
    font-size: 2.2rem;
  }
}

.guide .sec_topics .topics_block__box .item_ttl .main.small2 {
  font-size: 3.0rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box .item_ttl .main.small2 {
    font-size: 2.2rem;
  }
}

.guide .sec_topics .topics_block__box .item_ttl .sub {
  font-size: 2.1rem;
  font-weight: 600;
  margin-top: 1.0rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box .item_ttl .sub {
    font-size: 1.5rem;
  }
}

.guide .sec_topics .topics_block__box .item_text {
  font-size: 1.7rem;
  line-height: 1.8;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box .item_text {
    font-size: 1.4rem;
  }
}

.guide .sec_topics .topics_block__box .item_text b {
  display: block;
  font-size: 1.9rem;
  font-weight: 600;
  margin: 1.8rem 0 1.0rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box .item_text b {
    font-size: 1.5rem;
  }
}

.guide .sec_topics .topics_block__box .item_text + .item_linkbtn {
  margin-top: 3.0rem;
}

.guide .sec_topics .topics_block__box .item_linkbtn .link {
  border: none;
  background: none;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  border-radius: 2.8rem;
  min-width: 28.0rem;
  width: max-content;
  padding: 1.0rem 1.2rem 1.0rem 3.0rem;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 3.0rem;
  justify-content: space-between;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  overflow: hidden;
  background: linear-gradient(90deg, #ff6b4e 0%, #f79515 100%);
  z-index: 0;
  position: relative;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box .item_linkbtn .link {
    letter-spacing: 0.03em;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.4rem;
  }
}

.guide .sec_topics .topics_block__box .item_linkbtn .link .arrow_icon {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  border: 0.1rem solid #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.guide .sec_topics .topics_block__box .item_linkbtn .link .arrow_icon::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #fff;
  transform: scale(0);
  transform-origin: 50% 50%;
  transition: transform .35s ease;
  z-index: 0;
}

.guide .sec_topics .topics_block__box .item_linkbtn .link .arrow_icon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease 0.1s;
  width: 100%;
  height: 100%;
}

.guide .sec_topics .topics_block__box .item_linkbtn .link .arrow_icon .icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease 0.1s;
  width: 1.3rem;
  height: 1.0rem;
}

.guide .sec_topics .topics_block__box .item_linkbtn .link .arrow_icon .icon.icon1 svg path {
  fill: #fff;
}

.guide .sec_topics .topics_block__box .item_linkbtn .link .arrow_icon .icon.icon2 svg {
  transform: translate(-50%, -50%) scale(0);
}

.guide .sec_topics .topics_block__box .item_linkbtn .link .arrow_icon .icon.icon2 svg path {
  fill: #ff6b4e !important;
}

.guide .sec_topics .topics_block__box .item_linkbtn .link:hover .arrow_icon::before {
  transform: scale(1);
}

.guide .sec_topics .topics_block__box .item_linkbtn .link:hover .arrow_icon .icon1 svg {
  transform: translate(-50%, -50%) scale(0);
}

.guide .sec_topics .topics_block__box .item_linkbtn .link:hover .arrow_icon .icon2 svg {
  transform: translate(-50%, -50%) scale(1);
}

.guide .sec_topics .topics_block__box .item_linkbtn .link::before, .guide .sec_topics .topics_block__box .item_linkbtn .link::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: -1;
  transition: all .5s ease;
}

.guide .sec_topics .topics_block__box .item_linkbtn .link::before {
  background: linear-gradient(90deg, #ff6b4e 0%, #f79515 100%);
  opacity: 1;
}

.guide .sec_topics .topics_block__box .item_linkbtn .link::after {
  background: linear-gradient(90deg, #f79515 0%, #ff6b4e 100%);
  opacity: 0;
}

.guide .sec_topics .topics_block__box .item_linkbtn .link:hover {
  transform: translateY(0);
}

.guide .sec_topics .topics_block__box .item_linkbtn .link:hover::before {
  opacity: 0;
}

.guide .sec_topics .topics_block__box .item_linkbtn .link:hover::after {
  opacity: 1;
}

.guide .sec_topics .topics_block__box.style1 {
  display: flex;
  gap: 3.0rem 10.0rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style1 {
    flex-direction: column;
  }
}

.guide .sec_topics .topics_block__box.style1 .topics_block__item {
  width: 57%;
  display: flex;
  flex-direction: column;
  gap: 2.0rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style1 .topics_block__item {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style1 .topics_block__item .item_pic {
    margin-top: 2.0rem;
    margin-bottom: 1.0rem;
  }
}

.guide .sec_topics .topics_block__box.style1 .topics_block__item .item_pic img {
  width: 90%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style1 .topics_block__item .item_pic img {
    width: 100%;
  }
}

.guide .sec_topics .topics_block__box.style1 .topics_block__item:first-child {
  width: 40%;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style1 .topics_block__item:first-child {
    width: 100%;
    padding-bottom: 3.0rem;
    border-bottom: 0.03rem solid rgba(134, 134, 134, 0.5);
  }
}

.guide .sec_topics .topics_block__box.style1 .topics_block__item:first-child .item_pic {
  margin-top: 2.0rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style1 .topics_block__item:first-child .item_pic {
    margin-top: 0;
  }
}

.guide .sec_topics .topics_block__box.style1 .topics_block__item:first-child .item_pic img {
  width: 100%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style1 .topics_block__item:first-child .item_pic img {
    width: 90%;
  }
}

.guide .sec_topics .topics_block__box.style2 .topics_block__item {
  display: flex;
  align-items: flex-start;
  gap: 3.0rem 6.0rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style2 .topics_block__item {
    flex-direction: column;
  }
}

.guide .sec_topics .topics_block__box.style2 .topics_block__item .item_ttl {
  margin-bottom: 2.0rem;
}

.guide .sec_topics .topics_block__box.style2 .item_pic {
  border-radius: 0.8rem;
  overflow: hidden;
  width: 50.0rem;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style2 .item_pic {
    width: 100%;
  }
}

.guide .sec_topics .topics_block__box.style2 .item_pic img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.guide .sec_topics .topics_block__box.style2 .wrap2 {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style2 .wrap2 .item_pic {
    margin: 2.5rem auto;
  }
}

.guide .sec_topics .topics_block__box.style3 .topics_block__item .item_ttl {
  margin-bottom: 2.0rem;
}

.guide .sec_topics .topics_block__box.style3 .topics_block__item .wrap {
  display: flex;
  align-items: flex-start;
  gap: 3.0rem 7.0rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style3 .topics_block__item .wrap {
    flex-direction: column;
  }
}

.guide .sec_topics .topics_block__box.style3 .topics_block__item .wrap .item_text {
  display: flex;
  flex-direction: column;
  gap: 3.0rem;
}

.guide .sec_topics .topics_block__box.style3 .topics_block__item .item_pic {
  border-radius: 0.8rem;
  overflow: hidden;
  flex-shrink: 0;
  max-width: 45.0rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style3 .topics_block__item .item_pic {
    max-width: 100%;
  }
}

.guide .sec_topics .topics_block__box.style3 .topics_block__item .item_pic img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  aspect-ratio: 504 / 316;
}

.guide .sec_topics .topics_block__box.style4 .topics_block__item .item_ttl {
  justify-content: center;
  align-items: center;
  margin-bottom: 4.5rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style4 .topics_block__item .item_ttl {
    align-items: flex-start;
    justify-content: flex-start;
    margin-bottom: 1.5rem;
  }
}

.guide .sec_topics .topics_block__box.style4 .topics_block__item .wrap {
  display: flex;
  gap: 3.0rem 7.0rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style4 .topics_block__item .wrap {
    flex-direction: column;
  }
}

.guide .sec_topics .topics_block__box.style4 .topics_block__item .wrap .item_pic {
  max-width: 68.0rem;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style4 .topics_block__item .wrap .item_pic {
    max-width: 100%;
    margin: 2.5rem auto;
  }
}

.guide .sec_topics .topics_block__box.style4 .topics_block__item .wrap2 {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.guide .sec_topics .topics_block__box.style5 {
  display: flex;
  gap: 5.0rem 10.0rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style5 {
    flex-direction: column;
    gap: 0;
  }
}

.guide .sec_topics .topics_block__box.style5 .topics_block__item {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 2.0rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style5 .topics_block__item {
    width: 100%;
    gap: 2.5rem;
  }
  .guide .sec_topics .topics_block__box.style5 .topics_block__item:not(:last-child) {
    padding-bottom: 4.0rem;
    margin-bottom: 2.5rem;
    border-bottom: 0.03rem solid rgba(134, 134, 134, 0.5);
  }
}

.guide .sec_topics .topics_block__box.style5 .topics_block__item .item_pic {
  border-radius: 0.8rem;
  overflow: hidden;
}

.guide .sec_topics .topics_block__box.style5 .topics_block__item .item_pic img {
  object-fit: cover;
  height: 100%;
  width: 100%;
}

.guide .sec_topics .topics_block__box.style5 .topics_block__item .item_pic + .item_ttl {
  margin-top: 1.0rem;
}

.guide .sec_topics .topics_block__box.style5 .topics_block__item .item_text + .item_pic {
  margin-top: 2.0rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style5 .topics_block__item .item_text + .item_pic {
    margin-top: 0;
  }
}

.guide .sec_topics .topics_block__box.style6 .topics_block__item .item_ttl {
  justify-content: center;
  align-items: center;
  margin-bottom: 4.5rem;
  text-align: center;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style6 .topics_block__item .item_ttl {
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
    margin-bottom: 2.5rem;
  }
}

.guide .sec_topics .topics_block__box.style6 .topics_block__item .wrap {
  display: flex;
  align-items: center;
  gap: 3.0rem 7.0rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style6 .topics_block__item .wrap {
    flex-direction: column;
  }
}

.guide .sec_topics .topics_block__box.style6 .topics_block__item .wrap .item_pic {
  max-width: 50%;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style6 .topics_block__item .wrap .item_pic {
    max-width: 100%;
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
  }
}

.guide .sec_topics .topics_block__box.style7 {
  display: flex;
  gap: 0;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style7 {
    flex-direction: column;
  }
}

.guide .sec_topics .topics_block__box.style7 .topics_block__item {
  width: 50%;
  display: flex;
  flex-direction: column;
  gap: 3.0rem;
  padding-left: 5.0rem;
  padding-top: 4.0rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style7 .topics_block__item {
    width: 100%;
    padding-left: 0;
    gap: 2.5rem;
  }
}

.guide .sec_topics .topics_block__box.style7 .topics_block__item .item_pic {
  border-radius: 0.8rem;
  overflow: hidden;
}

.guide .sec_topics .topics_block__box.style7 .topics_block__item .item_pic img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

.guide .sec_topics .topics_block__box.style7 .topics_block__item:first-child {
  width: 50%;
  padding: 0;
  gap: 7.5rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style7 .topics_block__item:first-child {
    width: 100%;
    gap: 0;
  }
}

.guide .sec_topics .topics_block__box.style7 .topics_block__item:first-child .topics_block__area {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3.0rem 6.5rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style7 .topics_block__item:first-child .topics_block__area {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.5rem 6.5rem;
  }
}

.guide .sec_topics .topics_block__box.style7 .topics_block__item:first-child .topics_block__area:last-child {
  align-items: flex-start;
  gap: 3.0rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style7 .topics_block__item:first-child .topics_block__area:last-child {
    padding-top: 3.5rem;
    margin-top: 3.5rem;
    padding-bottom: 3.5rem;
    border-top: 0.03rem solid rgba(134, 134, 134, 0.5);
    border-bottom: 0.03rem solid rgba(134, 134, 134, 0.5);
  }
}

.guide .sec_topics .topics_block__box.style7 .topics_block__item:first-child .topics_block__area:last-child .item_pic {
  width: 15.8rem;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style7 .topics_block__item:first-child .topics_block__area:last-child .item_pic {
    width: 11.0rem;
  }
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style7 .topics_block__item:first-child .topics_block__area:last-child .item_ttl {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style7 .topics_block__item:first-child .topics_block__area:last-child .wrap2 {
    display: flex;
    align-items: center;
    gap: 2.0rem;
  }
}

.guide .sec_topics .topics_block__box.style7 .topics_block__item:first-child .topics_block__area .item_ttl {
  margin-bottom: 3.0rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style7 .topics_block__item:first-child .topics_block__area .item_ttl {
    margin-bottom: 2.5rem;
  }
}

.guide .sec_topics .topics_block__box.style7 .topics_block__item .item_data {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  color: #2db181;
  font-weight: 600;
  line-height: 1;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style7 .topics_block__item .item_data {
    flex-direction: row;
    gap: 2.0rem;
  }
}

.guide .sec_topics .topics_block__box.style7 .topics_block__item .item_data .data_box {
  display: flex;
  align-items: flex-end;
  gap: 1.4rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style7 .topics_block__item .item_data .data_box {
    gap: 0.6rem;
  }
}

.guide .sec_topics .topics_block__box.style7 .topics_block__item .item_data .data_box .label {
  font-size: 2.8rem;
  line-height: 1.2;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style7 .topics_block__item .item_data .data_box .label {
    font-size: 1.7rem;
  }
}

.guide .sec_topics .topics_block__box.style7 .topics_block__item .item_data .data_box .num {
  height: 7.6rem;
  width: auto;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style7 .topics_block__item .item_data .data_box .num {
    height: 4.8rem;
  }
}

.guide .sec_topics .topics_block__box.style7 .topics_block__item .item_data .data_box .unit {
  font-size: 3.4rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style7 .topics_block__item .item_data .data_box .unit {
    font-size: 2.0rem;
  }
}

.guide .sec_topics .topics_block__box.style7 .topics_block__item .item_data .data_box .unit.date {
  margin-left: -1.4rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style7 .topics_block__item .item_data .data_box .unit.date {
    margin-left: -0.5rem;
  }
}

.guide .sec_topics .topics_block__box.style11 .topics_block__item {
  display: flex;
  flex-direction: column;
  gap: 3.0rem;
}

.guide .sec_topics .topics_block__box.style11 .topics_block__item .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.5rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style11 .topics_block__item .wrap {
    align-items: flex-start;
    gap: 2.0rem;
  }
}

.guide .sec_topics .topics_block__box.style11 .topics_block__item .item_ttl {
  justify-content: center;
  align-items: center;
  text-align: center;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style11 .topics_block__item .item_ttl {
    justify-content: flex-start;
    align-items: flex-start;
    text-align: left;
  }
}

.guide .sec_topics .topics_block__box.style11 .topics_block__item .item_text {
  text-align: center;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style11 .topics_block__item .item_text {
    text-align: left;
  }
}

.guide .sec_topics .topics_block__box.style11 .topics_block__item .item_pic {
  display: flex;
  align-items: flex-start;
  gap: 2.7rem;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style11 .topics_block__item .item_pic {
    gap: 0.7rem;
  }
}

.guide .sec_topics .topics_block__box.style11 .topics_block__item .item_pic.pc_pic {
  display: flex !important;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style11 .topics_block__item .item_pic.pc_pic {
    display: none !important;
  }
}

.guide .sec_topics .topics_block__box.style11 .topics_block__item .item_pic.sp_pic {
  display: none !important;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style11 .topics_block__item .item_pic.sp_pic {
    display: flex !important;
  }
}

.guide .sec_topics .topics_block__box.style11 .topics_block__item .item_pic .box {
  display: flex;
  gap: 2.7rem;
  flex-direction: column;
  width: 30%;
}

@media (max-width: 767px) {
  .guide .sec_topics .topics_block__box.style11 .topics_block__item .item_pic .box {
    width: 56%;
    gap: 0.7rem;
  }
  .guide .sec_topics .topics_block__box.style11 .topics_block__item .item_pic .box:first-child {
    width: 42%;
    padding-top: 1.5rem;
  }
}

.guide .sec_topics .topics_block__box.style11 .topics_block__item .item_pic .box img:nth-child(1) {
  width: 100%;
}

.guide .sec_topics .topics_block__box.style11 .topics_block__item .item_pic .box img:nth-child(2) {
  width: 100%;
  margin-top: 0;
}

.guide .sec_topics .topics_block__box.style11 .topics_block__item .item_pic img {
  border-radius: 0.8rem;
  overflow: hidden;
}

.guide .sec_topics .topics_block__box.style11 .topics_block__item .item_pic img:nth-child(1) {
  width: 30%;
}

.guide .sec_topics .topics_block__box.style11 .topics_block__item .item_pic img:nth-child(2) {
  width: 40%;
  margin-top: 3.0rem;
  flex-shrink: 0;
}

.guide .sec_interview {
  margin-bottom: 18.0rem;
}

.guide .sec_interview .interview_member {
  max-width: 122.0rem;
  margin: 0 auto;
  padding-top: 18.0rem;
}

@media (max-width: 767px) {
  .guide .sec_interview .interview_member {
    width: 90%;
    padding-top: 3.0rem;
  }
}

.guide .sec_interview .interview_member .interview-archive__ttl {
  display: none;
}

.guide .sec_interview .interview_member .interview-archive__list {
  gap: 13.0rem 5.0rem;
  align-items: flex-start;
}

@media (max-width: 767px) {
  .guide .sec_interview .interview_member .interview-archive__list {
    gap: 5.0rem 1.1rem;
  }
}

.guide .sec_interview .interview_member .interview-archive__item {
  transform-origin: 50% 50%;
  will-change: transform;
}

.guide .sec_interview .interview_member .interview-archive__item:nth-child(even) {
  margin-top: -4.5rem;
}

@media (max-width: 767px) {
  .guide .sec_interview .interview_member .interview-archive__item:nth-child(even) {
    margin-top: 0;
  }
}

.guide .sec_insert {
  height: 216vh;
  background-color: #ff7521;
  margin-bottom: 8.0rem;
  overflow: hidden;
  position: relative;
}

@media (max-width: 767px) {
  .guide .sec_insert {
    height: 104.4rem;
    margin-bottom: 3.5rem;
  }
}

@media (max-width: 767px) {
  .guide .sec_insert__inner {
    transform: scale(1.5);
  }
}

.guide .sec_insert .pic_slide {
  display: flex;
  gap: 1.5rem;
  transform: scale(1.01);
  will-change: transform;
}

@media (max-width: 767px) {
  .guide .sec_insert .pic_slide {
    gap: 1.0rem;
  }
}

.guide .sec_insert .pic_slide__box {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  will-change: transform;
  position: relative;
  width: calc(100% / 4);
}

@media (max-width: 767px) {
  .guide .sec_insert .pic_slide__box {
    gap: 1.0rem;
    width: calc(100% / 2);
  }
}

.guide .sec_insert .pic_slide__box:nth-child(odd) {
  top: -20rem;
}

@media (max-width: 767px) {
  .guide .sec_insert .pic_slide__box:nth-child(odd) {
    top: initial;
  }
}

.guide .sec_insert .pic_slide__box:nth-child(even) {
  top: -25rem;
}

@media (max-width: 767px) {
  .guide .sec_insert .pic_slide__box:nth-child(even) {
    top: initial;
  }
}

@media (max-width: 767px) {
  .guide .sec_insert .pic_slide__box:last-child {
    display: none;
  }
}

.guide .sec_insert .pic_slide__box figure {
  border-radius: 1.2rem;
  overflow: hidden;
  aspect-ratio: 394.87 / 480.26;
}

@media (max-width: 767px) {
  .guide .sec_insert .pic_slide__box figure {
    border-radius: 1.0rem;
  }
}

.guide .sec_insert .pic_slide__box figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.guide .sec_insert .insert-svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80%;
}

@media (max-width: 767px) {
  .guide .sec_insert .insert-svg {
    width: 90%;
  }
}

.guide .sec_insert .insert-svg svg {
  width: 100%;
}

.guide .insert_text {
  max-width: 122.0rem;
  width: 90%;
  margin: 0 auto 13.0rem;
}

@media (max-width: 767px) {
  .guide .insert_text {
    margin: 0 auto;
  }
}

.guide .insert_text p {
  font-size: 4.5rem;
  font-weight: 700;
  text-align: center;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .guide .insert_text p {
    font-size: 2.0rem;
  }
}

.guide .sec_recruit {
  position: relative;
  overflow: hidden;
  padding-top: 10.0rem;
}

@media (max-width: 767px) {
  .guide .sec_recruit {
    padding-top: 8.0rem;
  }
}

.guide .sec_recruit .recruit_bg {
  position: absolute;
  width: 180.0rem;
  height: auto;
  top: 5rem;
  right: -45rem;
}

@media (max-width: 767px) {
  .guide .sec_recruit .recruit_bg {
    width: 78rem;
    top: 8rem;
    right: -41rem;
  }
}

.guide .sec_recruit .sec_intro {
  margin-bottom: 8.0rem;
}

@media (max-width: 767px) {
  .guide .sec_recruit .sec_intro {
    margin-bottom: 0;
  }
}

.guide .sec_recruit .recruit_block {
  max-width: 122.0rem;
  width: 90%;
  margin: 0 auto;
  border: 0.1rem solid #050505;
  padding: 4.5rem 9.0rem;
  background-color: #fff;
}

@media (max-width: 767px) {
  .guide .sec_recruit .recruit_block {
    padding: 2.0rem 1.5rem;
  }
}

.guide .sec_recruit .recruit_block .item {
  display: flex;
  align-items: flex-start;
  gap: 5.0rem;
}

@media (max-width: 767px) {
  .guide .sec_recruit .recruit_block .item {
    flex-direction: column;
    gap: 0.5rem;
  }
}

.guide .sec_recruit .recruit_block .item:not(:last-child) {
  padding: 3.5rem 0;
  border-bottom: 0.03rem solid rgba(134, 134, 134, 0.5);
}

@media (max-width: 767px) {
  .guide .sec_recruit .recruit_block .item:not(:last-child) {
    padding: 1.5rem 0;
  }
}

.guide .sec_recruit .recruit_block .item:first-child {
  padding-top: 0;
}

.guide .sec_recruit .recruit_block .item:last-child {
  padding-top: 3.5rem;
}

@media (max-width: 767px) {
  .guide .sec_recruit .recruit_block .item:last-child {
    padding-top: 1.5rem;
  }
}

.guide .sec_recruit .recruit_block .item_ttl {
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 2;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  padding-left: 1.5%;
  width: 26.0rem;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .guide .sec_recruit .recruit_block .item_ttl {
    font-size: 1.4rem;
    letter-spacing: 0.03em;
    padding-left: 0;
  }
}

.guide .sec_recruit .recruit_block .item_text {
  width: 100%;
  font-size: 1.6rem;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  line-height: 2;
}

@media (max-width: 767px) {
  .guide .sec_recruit .recruit_block .item_text {
    font-size: 1.3rem;
    letter-spacing: 0.03em;
    line-height: 1.7;
  }
}

.guide .sec_entry {
  position: relative;
  overflow: hidden;
  margin-top: 20.0rem;
}

@media (max-width: 767px) {
  .guide .sec_entry {
    margin-top: 8.0rem;
  }
}

.guide .sec_entry .sec_inner {
  padding-top: 15.5rem;
  border-radius: 8.0rem 0 0 0;
  background-color: #f9f8f4;
}

@media (max-width: 767px) {
  .guide .sec_entry .sec_inner {
    border-radius: 4.0rem 0 0 0;
    padding-top: 5.7rem;
  }
}

.guide .sec_entry .sec_intro {
  align-items: flex-start;
  margin-bottom: 7.0rem;
}

@media (max-width: 767px) {
  .guide .sec_entry .sec_intro {
    margin-bottom: 3.0rem;
  }
}

.guide .sec_entry .sec_intro .intro_text {
  padding-top: 6.0rem;
  padding-bottom: 0;
}

@media (max-width: 767px) {
  .guide .sec_entry .sec_intro .intro_text {
    padding-top: 0;
  }
}

.guide .sec_entry .entry_belt {
  position: relative;
}

.guide .sec_entry .entry_belt__copy {
  position: absolute;
  top: 4.0rem;
  left: 5.0rem;
  z-index: 2;
  width: 45.0rem;
  height: auto;
  opacity: .9;
  filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.18)) drop-shadow(0 6px 14px rgba(0, 0, 0, 0.08));
}

@media (max-width: 767px) {
  .guide .sec_entry .entry_belt__copy {
    width: 20rem;
    top: 1.5rem;
    left: 2.0rem;
  }
}

.guide .sec_entry .entry_belt__inner {
  display: flex;
  position: relative;
  z-index: 1;
}

.guide .sec_entry .entry_belt__img {
  overflow: hidden;
}

.guide .sec_entry .entry_belt__img img {
  transform: scale(1.1);
  object-fit: cover;
  width: 100%;
  height: 100%;
}

@media (max-width: 767px) {
  .guide .sec_entry .entry_belt__img img {
    transform: scale(1.3);
  }
}

.guide .sec_entry .entry_belt__img.left {
  width: 65%;
}

@media (max-width: 767px) {
  .guide .sec_entry .entry_belt__img.left {
    width: 100%;
  }
}

.guide .sec_entry .entry_belt__img.right {
  width: 35%;
}

@media (max-width: 767px) {
  .guide .sec_entry .entry_belt__img.right {
    display: none;
  }
}

.mv {
  position: relative;
  isolation: isolate;
}

.mv-item {
  position: relative;
}

.mv-person {
  position: absolute;
  width: 122%;
  height: 100%;
  bottom: -12.5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  mix-blend-mode: hard-light;
}

/* ライン共通 */
.mv__line {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

/* 後ろライン */
.mv__line--back {
  z-index: 2;
}

/* 人物 */
.mv__person {
  position: relative;
  width: 36%;
  margin: 0 auto;
  z-index: 3;
}

/* 前ライン */
.mv__line--front {
  z-index: 4;
}

#person-mask image {
  height: 34rem;
  height: 60%;
}

.mv-item {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 2.2s ease;
  /* ← ゆっくり溶ける */
  z-index: 0;
}

.mv-item.is-active {
  opacity: 1;
  z-index: 1;
}

.mv-copy {
  position: absolute;
  bottom: 7.5rem;
  left: 12rem;
  z-index: 5;
  width: 70rem;
}

@media (max-width: 767px) {
  .mv-copy {
    width: 32rem;
    bottom: 10.0rem;
    left: 2.0rem;
  }
}

@keyframes mv-batch-in {
  0% {
    opacity: 0;
    transform: scale(0.4);
  }
  60% {
    opacity: 1;
    transform: scale(1.1);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.mv-batch {
  position: fixed;
  z-index: 100;
  right: 2.5rem;
  bottom: 8.0rem;
  opacity: 0;
  visibility: hidden;
}

.mv-batch.is-visible {
  opacity: 1;
  visibility: visible;
  animation: mv-batch-in 0.7s cubic-bezier(0.34, 1.2, 0.64, 1);
}

@media (max-width: 767px) {
  .mv-batch {
    right: 1.5rem;
    bottom: 6.0rem;
  }
}

.mv-batch__link {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  border-radius: 1.2rem;
  width: 27.6rem;
  height: 12.0rem;
  padding: 1.3rem 0 0 1.8rem;
  background-color: #ff9c00;
  position: relative;
  overflow: hidden;
  box-shadow: 1rem 1rem 0 rgba(17, 17, 17, 0.3);
}

@media (max-width: 767px) {
  .mv-batch__link {
    width: 17rem;
    height: 8.2rem;
    border-radius: 1.0rem;
    padding: 1.0rem 0 0 1.5rem;
    box-shadow: 0.8rem 0.8rem 0 rgba(17, 17, 17, 0.3);
  }
}

.mv-batch__link .bg {
  position: absolute;
  width: 86%;
  height: auto;
  right: 0.5rem;
  bottom: 0;
}

@media (max-width: 767px) {
  .mv-batch__link .bg {
    width: 82%;
    right: -0.5rem;
  }
}

.mv-batch__link .date {
  color: #fff;
  display: flex;
  gap: 0.3rem;
  position: relative;
  z-index: 5;
  line-height: 1;
}

@media (max-width: 767px) {
  .mv-batch__link .date {
    line-height: 1;
  }
}

.mv-batch__link .date .num {
  font-family: "Outfit", sans-serif;
  font-size: 3.0rem;
  font-weight: 600;
}

@media (max-width: 767px) {
  .mv-batch__link .date .num {
    font-size: 2.0rem;
  }
}

.mv-batch__link .date .year, .mv-batch__link .date .month {
  font-size: 1.4rem;
  font-weight: 600;
}

@media (max-width: 767px) {
  .mv-batch__link .date .year, .mv-batch__link .date .month {
    font-size: 1.0rem;
  }
}

.mv-batch__link .subtxt {
  color: #fff;
  font-size: 1.3rem;
  font-weight: 500;
  position: relative;
  z-index: 5;
}

@media (max-width: 767px) {
  .mv-batch__link .subtxt {
    font-size: 1.0rem;
  }
}

.mv-batch__link .arrow_icon {
  width: 2.8rem;
  height: 2.8rem;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  border: 0.1rem solid #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 0.5rem;
  z-index: 5;
}

@media (max-width: 767px) {
  .mv-batch__link .arrow_icon {
    width: 2.0rem;
    height: 2.0rem;
    margin-top: 0.5rem;
  }
}

.mv-batch__link .arrow_icon::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #fff;
  transform: scale(0);
  transform-origin: 50% 50%;
  transition: transform .35s ease;
  z-index: 0;
}

.mv-batch__link .arrow_icon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease 0.1s;
  width: 100%;
  height: 100%;
}

.mv-batch__link .arrow_icon .icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease 0.1s;
  width: 1.3rem;
  height: 1.0rem;
}

@media (max-width: 767px) {
  .mv-batch__link .arrow_icon .icon svg {
    width: 1.0rem;
    height: 0.7rem;
  }
}

.mv-batch__link .arrow_icon .icon.icon1 svg path {
  fill: #fff;
}

.mv-batch__link .arrow_icon .icon.icon2 svg {
  transform: translate(-50%, -50%) scale(0);
}

.mv-batch__link .arrow_icon .icon.icon2 svg path {
  fill: #ff9c00 !important;
}

.mv-batch__link:hover .arrow_icon::before {
  transform: scale(1);
}

.mv-batch__link:hover .arrow_icon .icon1 svg {
  transform: translate(-50%, -50%) scale(0);
}

.mv-batch__link:hover .arrow_icon .icon2 svg {
  transform: translate(-50%, -50%) scale(1);
}

.more {
  position: relative;
}

.more__content {
  position: relative;
  overflow: hidden;
  height: var(--more-collapsed-h, 520px);
  transition: height .45s ease;
}

.more:not(.is-open) .more__content::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 12.0rem;
  pointer-events: none;
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 70%, #fff 100%);
}

.more__footer {
  position: relative;
  margin-top: -4.0rem;
  padding-top: 6.0rem;
  display: flex;
  justify-content: center;
}

.more__footer::before {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 35rem;
  pointer-events: none;
  background: linear-gradient(to top, #fff 0%, #fff 35%, rgba(255, 255, 255, 0) 100%);
}

.more.is-open .more__footer::before {
  display: none;
}

.more__btn {
  position: relative;
  z-index: 1;
  appearance: none;
  border: none;
  background: #111111;
  border-radius: 999px;
  padding: 2.0rem 2.2rem;
  max-width: 60.0rem;
  width: 100%;
  cursor: pointer;
  overflow: hidden;
}

@media (max-width: 767px) {
  .more__btn {
    width: 88%;
  }
}

.more__btn .txt {
  position: relative;
  color: #fff;
  font-size: 2.0rem;
  line-height: 1;
  z-index: 2;
  padding-left: 3.5rem;
}

@media (max-width: 767px) {
  .more__btn .txt {
    font-size: 1.4rem;
  }
}

.more__btn .txt::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1.6rem;
  height: 1.6rem;
  transform: translateY(-50%) rotate(0deg);
  transition: transform .25s ease;
  background: linear-gradient(#fff, #fff) center/2px 100% no-repeat, linear-gradient(#fff, #fff) center/100% 2px no-repeat;
}

.more__btn::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 50%;
  margin: auto;
  width: 60.0rem;
  height: 60.0rem;
  background: #454545;
  transform: scale(0);
  transition: all 0.4s ease-out;
  z-index: 2;
}

.more__btn:hover::before {
  transform: scale(1);
}

.more__btn:hover .txt::before {
  transform: translateY(-50%) rotate(180deg);
}

.more.is-open__content::after {
  display: none;
}

.mv-container {
  position: relative;
  width: 100%;
  height: 100%;
}

.mv-container img.person {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: auto;
  top: 0;
  left: 0;
  display: block;
}

.mv-container img.person.pc {
  display: block;
}

.mv-container img.person.sp {
  display: none;
}

.mv-item img.bg {
  position: absolute;
  z-index: 1;
  width: 100%;
  margin: 0 auto;
  display: block;
}

.mv-item img.bg.pc {
  display: block;
}

.mv-item img.bg.sp {
  display: none;
}

@media (max-width: 767px) {
  .mv-item img.bg {
    aspect-ratio: 39 / 71;
  }
}

.mv__line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  mix-blend-mode: hard-light;
}

@media (max-width: 767px) {
  .mv__line {
    left: 54%;
    width: 236%;
    transform: translateX(-50%);
    top: -2.0rem;
  }
}

.mv__line--front1,
.mv__line--front2 {
  z-index: 3;
  /* 写真の前 */
}

.mv__line--back {
  z-index: 1;
  /* 写真の後ろ */
}

.mv__line svg {
  width: 100%;
  height: 100%;
}

/* 初期状態：線を非表示 */
.mv__line svg path {
  opacity: 0;
}

/*------------------------------
  Topics モーダル
------------------------------*/
.guide-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  visibility: hidden;
}

.guide-modal.is-active, .guide-modal.is-closing {
  visibility: visible;
}

.guide-modal#guideModal-topics4 .guide-modal__content, .guide-modal#guideModal-topics5 .guide-modal__content {
  max-width: 96.0rem;
  width: 95%;
}

.guide-modal#guideModal-topics8 .guide-modal__content, .guide-modal#guideModal-topics7 .guide-modal__content {
  max-width: 85.0rem;
  width: 95%;
}

.guide-modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(160, 160, 160, 0.46);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s ease, backdrop-filter 0.3s ease;
}

.is-active .guide-modal__overlay {
  opacity: 1;
}

.is-closing .guide-modal__overlay {
  transition: opacity 0.7s ease, backdrop-filter 0.7s ease;
}

.guide-modal__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
  width: max-content;
  max-width: 116.0rem;
  max-height: 85vh;
  background: #fff;
  border-radius: 3.0rem;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

@media (max-width: 767px) {
  .guide-modal__content {
    border-radius: 1.5rem;
  }
}

.is-active.is-content-visible .guide-modal__content {
  opacity: 1;
  transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
  .guide-modal__content {
    width: 95%;
    max-height: 90vh;
  }
}

.guide-modal__close {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  width: 5.2rem;
  height: 5.2rem;
  background: #353535;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  z-index: 1;
  transition: all .3s ease;
}

.guide-modal__close::before, .guide-modal__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3.0rem;
  height: 0.2rem;
  background-color: #fff;
}

.guide-modal__close::before {
  transform: translate(-50%, -50%) rotate(30deg);
}

.guide-modal__close::after {
  transform: translate(-50%, -50%) rotate(-30deg);
}

.guide-modal__close:hover {
  opacity: 0.7;
}

@media (max-width: 767px) {
  .guide-modal__close {
    width: 3.0rem;
    height: 3.0rem;
    top: -0.8rem;
    right: -0.3rem;
  }
  .guide-modal__close::before, .guide-modal__close::after {
    width: 2.0rem;
    height: 0.1rem;
  }
}

.guide-modal__body {
  padding: 7.5rem 7.5rem 10.0rem;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 85vh;
  border-radius: 3.0rem;
}

@media (max-width: 767px) {
  .guide-modal__body {
    padding: 4.0rem 7% 5.0rem;
    max-height: 85vh;
  }
}

.guide-modal__info {
  padding-bottom: 3.0rem;
  margin-bottom: 5.0rem;
  border-bottom: 0.1rem solid rgba(134, 134, 134, 0.5);
}

@media (max-width: 767px) {
  .guide-modal__info {
    padding-bottom: 2.0rem;
    margin-bottom: 2.5rem;
  }
}

.guide-modal__ttl {
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 1.5;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

@media (max-width: 767px) {
  .guide-modal__ttl {
    font-size: 2.25rem;
    align-items: flex-start;
    flex-direction: column;
    letter-spacing: 0;
    line-height: 1.4;
  }
}

.guide-modal__ttl .main {
  position: relative;
  display: flex;
  align-items: center;
}

.guide-modal__ttl .main::before {
  content: "";
  position: absolute;
  left: -2rem;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  background: linear-gradient(15deg, #ff890b 0%, #fbb00e 100%);
}

@media (max-width: 767px) {
  .guide-modal__ttl .main::before {
    top: 1.4rem;
    left: -1.5rem;
    width: 0.8rem;
    height: 0.8rem;
  }
}

.guide-modal__ttl .sub {
  font-family: "Outfit", sans-serif;
  font-size: 1.6rem;
  font-feature-settings: "palt";
  letter-spacing: 0.02em;
  font-weight: 400;
}

@media (max-width: 767px) {
  .guide-modal__ttl .sub {
    font-size: 1.4rem;
    letter-spacing: 0.01em;
  }
}

.guide-modal__lead {
  margin-top: 1.5rem;
  font-size: 1.6rem;
  line-height: 1.6;
}

@media (max-width: 767px) {
  .guide-modal__lead {
    font-size: 1.4rem;
  }
}

.guide-modal__text {
  font-size: 1.6rem;
  line-height: 2;
}

@media (max-width: 767px) {
  .guide-modal__text {
    font-size: 1.4rem;
    line-height: 1.8;
  }
}

.guide-modal__text .text-box__ttl {
  font-size: 2.2rem;
  line-height: 1.5;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  font-weight: 700;
  margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
  .guide-modal__text .text-box__ttl {
    font-size: 1.6rem;
    letter-spacing: 0.03em;
    line-height: 1;
  }
}

.guide-modal__text .text-box__detail {
  font-size: 1.6rem;
  line-height: 1.7;
  margin-bottom: 3.0rem;
}

@media (max-width: 767px) {
  .guide-modal__text .text-box__detail {
    font-size: 1.3rem;
    line-height: 1.5;
    text-align: justify;
  }
}

.guide-modal__text .text-box:not(:last-child) {
  margin-bottom: 8.0rem;
}

@media (max-width: 767px) {
  .guide-modal__text .text-box:not(:last-child) {
    margin-bottom: 4.0rem;
  }
}

.guide-modal__text .step_list .item {
  display: flex;
  align-items: center;
  border-bottom: 0.1rem dotted rgba(134, 134, 134, 0.5);
}

.guide-modal__text .step_list .item:nth-child(odd) {
  background-color: #edf4f0;
}

.guide-modal__text .step_list .item:first-child {
  border-top: 0.1rem dotted rgba(134, 134, 134, 0.5);
}

@media (max-width: 767px) {
  .guide-modal__text .step_list .item {
    align-items: stretch;
  }
}

.guide-modal__text .step_list .item_ttl {
  font-family: "Roboto", sans-serif;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 1;
  color: #6a766f;
  width: 13.6rem;
  text-align: center;
  padding: 1.3rem 0;
  background-color: rgba(220, 238, 228, 0.4);
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .guide-modal__text .step_list .item_ttl {
    width: 5.6rem;
    font-size: 1.4rem;
    letter-spacing: 0;
    padding: 1.0rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.guide-modal__text .step_list .item_text {
  font-size: 1.5rem;
  line-height: 1.7;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  padding-left: 6.3rem;
}

@media (max-width: 767px) {
  .guide-modal__text .step_list .item_text {
    font-size: 1.2rem;
    letter-spacing: 0.03em;
    padding: 0.7rem 1.4rem;
    line-height: 1.5;
  }
}

.guide-modal__text .training_list {
  max-width: 65.6rem;
  margin: 0 auto;
}

.guide-modal__text .training_list .list-box {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem 3.5rem;
}

@media (max-width: 767px) {
  .guide-modal__text .training_list .list-box {
    gap: 0.5rem;
  }
}

.guide-modal__text .training_list .list-box_item {
  width: calc(100% / 2 - 2.0rem);
  background-color: #f4f8f6;
  border-left: 0.6rem solid #c3dfcf;
  font-size: 1.6rem;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  line-height: 1;
}

@media (max-width: 767px) {
  .guide-modal__text .training_list .list-box_item {
    font-size: 1.2rem;
    letter-spacing: 0.03em;
    width: calc(100% / 2 - 0.3rem);
  }
}

.guide-modal__text .training_list .list-box_item span {
  padding: 1.2rem 3.0rem;
  display: block;
}

@media (max-width: 767px) {
  .guide-modal__text .training_list .list-box_item span {
    padding: 1.0rem 0.8rem;
  }
}

.guide-modal__text .support-box .box_lead {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 2.0rem;
  margin-bottom: 4.0rem;
}

@media (max-width: 767px) {
  .guide-modal__text .support-box .box_lead {
    align-items: flex-start;
    margin-bottom: 2.0rem;
    gap: 1.5rem;
  }
}

.guide-modal__text .support-box .box_lead .ttl {
  font-size: 2.2rem;
  line-height: 1;
  font-weight: 700;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
}

@media (max-width: 767px) {
  .guide-modal__text .support-box .box_lead .ttl {
    font-size: 1.6rem;
    letter-spacing: 0.03em;
  }
}

.guide-modal__text .support-box .box_lead .text {
  font-size: 1.6rem;
  line-height: 1.5;
}

@media (max-width: 767px) {
  .guide-modal__text .support-box .box_lead .text {
    font-size: 1.3rem;
  }
}

.guide-modal__text .support-box .item_pic {
  width: 100%;
  margin-bottom: 4.0rem;
}

@media (max-width: 767px) {
  .guide-modal__text .support-box .item_pic {
    margin-bottom: 2.5rem;
  }
}

.guide-modal__text .support-box .item_pic img {
  width: 100%;
}

.guide-modal__text .support-box .e_benefits {
  position: relative;
  background-color: #6ac79a;
  padding: 3.0rem 4.5rem 3.0rem 3.0rem;
  max-width: calc(100% - 5.5rem);
}

@media (max-width: 767px) {
  .guide-modal__text .support-box .e_benefits {
    padding: 1.5rem;
    max-width: calc(100% - 3.0rem);
    padding: 1.9rem 1.0rem 1.3rem 1.3rem;
  }
}

.guide-modal__text .support-box .e_benefits::after {
  content: "";
  position: absolute;
  right: 0.06rem;
  top: 0;
  transform: translateX(100%);
  height: 100%;
  aspect-ratio: 47 / 158;
  background-color: #6ac79a;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}

@media (max-width: 767px) {
  .guide-modal__text .support-box .e_benefits::after {
    right: 0;
    aspect-ratio: 40 / 158;
  }
}

.guide-modal__text .support-box .e_benefits__ttl {
  position: absolute;
  font-size: 1.8rem;
  font-weight: 600;
  color: #fff;
  line-height: 1;
  border-radius: 0.8rem;
  background-color: #108276;
  padding: 0.7rem 2.5rem 1.0rem;
  max-width: max-content;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  top: -1.5rem;
}

@media (max-width: 767px) {
  .guide-modal__text .support-box .e_benefits__ttl {
    letter-spacing: 0.03em;
    font-size: 1.4rem;
    border-radius: 0.4rem;
    padding: 0.5rem 1.0rem 0.8rem;
  }
}

.guide-modal__text .support-box .e_benefits__inner {
  border-radius: 1.0rem;
  background-color: #fff;
  padding: 1.5rem 4.0rem;
}

@media (max-width: 767px) {
  .guide-modal__text .support-box .e_benefits__inner {
    border-radius: 0.5rem;
    padding: 1.3rem 1.0rem 1.3rem 2.0rem;
  }
}

.guide-modal__text .support-box .e_benefits__item {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  position: relative;
  line-height: 1.8;
  font-size: 1.5rem;
}

.guide-modal__text .support-box .e_benefits__item::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  background-color: #111;
}

@media (max-width: 767px) {
  .guide-modal__text .support-box .e_benefits__item {
    font-size: 1.2rem;
    line-height: 1.6;
    gap: 0.6rem;
    font-feature-settings: "palt";
    letter-spacing: 0.03em;
  }
}

.guide-modal__text .career-box {
  max-width: 42.0rem;
  margin: 0 auto;
}

.guide-modal__text .career-box .career-item:not(:last-child) {
  margin-bottom: 4.0rem;
}

@media (max-width: 767px) {
  .guide-modal__text .career-box .career-item:not(:last-child) {
    margin-bottom: 3.0rem;
  }
}

.guide-modal__text .career-box .career-item__label {
  font-size: 1.8rem;
  font-weight: 600;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 4.0rem;
  background-color: #6ac79a;
  margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
  .guide-modal__text .career-box .career-item__label {
    font-size: 1.4rem;
    letter-spacing: 0.03em;
    height: 3.0rem;
  }
}

.guide-modal__text .career-box .career-item__job {
  display: flex;
  align-items: center;
  gap: 1.8rem;
  position: relative;
  font-size: 1.6rem;
  padding: 0.5rem 3.1rem;
}

.guide-modal__text .career-box .career-item__job:not(:last-child) {
  border-bottom: 0.1rem dotted rgba(134, 134, 134, 0.5);
}

.guide-modal__text .career-box .career-item__job::before {
  content: "";
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  flex-shrink: 0;
  background-color: #111111;
}

@media (max-width: 767px) {
  .guide-modal__text .career-box .career-item__job {
    gap: 1.3rem;
    font-size: 1.3rem;
    padding: 0.5rem 1.3rem;
  }
}

.guide-modal__text .rank-box {
  max-width: 42.0rem;
  margin: 0 auto;
}

.guide-modal__text .rank-box .rank-item {
  display: flex;
  align-items: center;
  height: 4.0rem;
  background-color: #f4f8f6;
}

@media (max-width: 767px) {
  .guide-modal__text .rank-box .rank-item {
    height: 3.2rem;
  }
}

.guide-modal__text .rank-box .rank-item:not(:last-child) {
  margin-bottom: 1.0rem;
}

@media (max-width: 767px) {
  .guide-modal__text .rank-box .rank-item:not(:last-child) {
    margin-bottom: 0.7rem;
  }
}

.guide-modal__text .rank-box .rank-item:nth-child(n+1) .rank-item__label {
  background-color: #3f9fa4;
}

.guide-modal__text .rank-box .rank-item:nth-child(n+2) .rank-item__label {
  background-color: #46a79a;
}

.guide-modal__text .rank-box .rank-item:nth-child(n+3) .rank-item__label {
  background-color: #4cae90;
}

.guide-modal__text .rank-box .rank-item:nth-child(n+4) .rank-item__label {
  background-color: #53b687;
}

.guide-modal__text .rank-box .rank-item:nth-child(n+5) .rank-item__label {
  background-color: #59bd7d;
}

.guide-modal__text .rank-box .rank-item:nth-child(n+6) .rank-item__label {
  background-color: #5fc473;
}

.guide-modal__text .rank-box .rank-item__label {
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 15.2rem;
  height: 4.0rem;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
}

@media (max-width: 767px) {
  .guide-modal__text .rank-box .rank-item__label {
    font-size: 1.3rem;
    letter-spacing: 0.03em;
    width: 10.0rem;
    height: 3.2rem;
  }
}

.guide-modal__text .rank-box .rank-item__detail {
  font-size: 1.6rem;
  font-weight: 500;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  padding-left: 2.6rem;
}

@media (max-width: 767px) {
  .guide-modal__text .rank-box .rank-item__detail {
    font-size: 1.3rem;
    letter-spacing: 0.03em;
    padding-left: 2.2rem;
  }
}

.guide-modal__text .benefits-modal-content {
  /* 最初の不均等な2カラム専用 */
  /* 共通のカードスタイル */
  /* 1カラム全幅 */
  /* マソンリーレイアウト（CSS columns） */
}

.guide-modal__text .benefits-modal-content .benefits-header-grid {
  display: grid;
  grid-template-columns: 418fr 540fr;
  /* 正確な幅 */
  gap: 1.6rem;
  margin-bottom: 1.6rem;
}

@media (max-width: 767px) {
  .guide-modal__text .benefits-modal-content .benefits-header-grid {
    grid-template-columns: 1fr;
    /* スマホは縦並び */
    gap: 1.0rem;
    margin-bottom: 1.0rem;
  }
}

.guide-modal__text .benefits-modal-content .benefits-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.6rem;
}

@media (max-width: 767px) {
  .guide-modal__text .benefits-modal-content .benefits-grid {
    grid-template-columns: 1fr;
    gap: 1.0rem;
  }
}

.guide-modal__text .benefits-modal-content .benefit-card {
  background: #f0f9f4;
  padding: 5.5rem;
  border-radius: 1.6rem;
}

.guide-modal__text .benefits-modal-content .benefit-card.c1 {
  background: #f4f7f5;
}

.guide-modal__text .benefits-modal-content .benefit-card.c2 {
  background: #eaf4ef;
}

.guide-modal__text .benefits-modal-content .benefit-card.c3 {
  background: #eefaec;
}

@media (max-width: 767px) {
  .guide-modal__text .benefits-modal-content .benefit-card {
    border-radius: 0.8rem;
    padding: 2.0rem 1.5rem;
  }
  .guide-modal__text .benefits-modal-content .benefit-card.sp-c1 {
    background: #f4f7f5;
  }
  .guide-modal__text .benefits-modal-content .benefit-card.sp-c2 {
    background: #eaf4ef;
  }
  .guide-modal__text .benefits-modal-content .benefit-card.sp-c3 {
    background: #eefaec;
  }
}

.guide-modal__text .benefits-modal-content .benefit-card--full {
  grid-column: 1 / -1;
}

.guide-modal__text .benefits-modal-content .benefit-masonry {
  grid-column: 1 / -1;
  column-count: 2;
  column-gap: 1.6rem;
  margin-bottom: -0.8rem;
}

@media (max-width: 767px) {
  .guide-modal__text .benefits-modal-content .benefit-masonry {
    column-count: 1;
    column-gap: 1.0rem;
    margin-bottom: 0rem;
  }
}

.guide-modal__text .benefits-modal-content .benefit-masonry .benefit-card {
  break-inside: avoid;
  margin-bottom: 1.6rem;
}

.guide-modal__text .benefits-modal-content .benefit-masonry .benefit-card:last-child {
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .guide-modal__text .benefits-modal-content .benefit-masonry .benefit-card {
    margin-bottom: 1.0rem;
  }
}

.guide-modal__text .benefits-modal-content .benefit-ttl {
  font-size: 2.2rem;
  font-weight: 600;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
  .guide-modal__text .benefits-modal-content .benefit-ttl {
    font-size: 1.6rem;
    letter-spacing: 0.03em;
    margin-bottom: 1.0rem;
  }
}

.guide-modal__text .benefits-modal-content .benefit-text {
  font-size: 1.6rem;
  line-height: 1.8;
  text-align: justify;
  letter-spacing: 0;
}

@media (max-width: 767px) {
  .guide-modal__text .benefits-modal-content .benefit-text {
    font-size: 1.3rem;
  }
}

.guide-modal__text .benefits-modal-content .benefit-text .indent {
  display: inline-block;
  text-indent: -1em;
  margin-left: 1em;
}

.guide-modal__text .benefits-modal-content .benefit-note {
  font-size: 1.4rem;
  text-indent: -1em;
  margin-left: 1em;
  line-height: 1.6;
  margin-top: 1.5rem;
}

@media (max-width: 767px) {
  .guide-modal__text .benefits-modal-content .benefit-note {
    font-size: 1.2rem;
    margin-top: 1.0rem;
  }
}

.career {
  overflow-x: clip;
}

.career .page-info {
  background-image: url(../img/career/career_page-info_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100%;
  aspect-ratio: 1536 / 790;
}

@media (max-width: 767px) {
  .career .page-info {
    background-image: url(../img/career/career_page-info_bg_sp.jpg);
    aspect-ratio: 780 / 720;
  }
}

.career .page-info__ttl {
  color: #fff;
  justify-content: flex-end;
  padding-bottom: 8.0rem;
}

@media (max-width: 767px) {
  .career .page-info__ttl {
    padding-bottom: 4.0rem;
  }
}

.career .page-info__ttl .sub_txt {
  font-size: 2.6rem;
  font-weight: 600;
  line-height: 1.2;
}

@media (max-width: 767px) {
  .career .page-info__ttl .sub_txt {
    font-size: 1.8rem;
  }
}

.career .page-info__ttl .main_txt {
  font-size: 8.2rem;
  font-weight: 800;
  line-height: 1.1;
}

.career .page-info__ttl .main_txt .num {
  font-family: "Outfit", sans-serif;
}

@media (max-width: 767px) {
  .career .page-info__ttl .main_txt {
    font-size: 3.8rem;
  }
}

.career .page-body {
  background-color: #fff;
  position: relative;
  z-index: 10;
  padding-top: 11.0rem;
  padding-bottom: 18.0rem;
  z-index: 2;
}

@media (max-width: 767px) {
  .career .page-body {
    padding-top: 4.0rem;
    padding-bottom: 8.0rem;
  }
}

.career .main_area {
  display: flex;
  gap: 4.5rem;
  justify-content: flex-start;
}

@media (max-width: 767px) {
  .career .main_area {
    width: 90%;
    margin: 0 auto;
  }
}

.career .side_navBox {
  width: 30.0rem;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .career .side_navBox {
    display: block;
    position: fixed;
    bottom: 3.0rem;
    left: 0;
    width: 100%;
    z-index: 100;
    padding-bottom: 0;
    will-change: transform;
    transition: bottom 0.3s ease, opacity 0.4s ease;
  }
  .career .side_navBox.is-hidden {
    opacity: 0;
    pointer-events: none;
  }
  .career .side_navBox .side_navBox_wrap {
    position: static !important;
    top: auto !important;
    padding: 0 !important;
  }
  .career .side_navBox .side_list {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }
  .career .side_navBox .side_list_item .item_link {
    padding: 1.0rem 0.4rem;
  }
}

@media (max-width: 767px) and (max-width: 767px) {
  .career .side_navBox .side_list_item .item_link {
    padding: 0;
  }
}

.career .side_navBox .side_navBox_wrap {
  top: 10rem;
}

.career .side_navBox .side_list_item {
  padding-bottom: 2.0rem;
  position: relative;
}

@media (max-width: 767px) {
  .career .side_navBox .side_list_item {
    width: calc(100% / 5 - 0.5rem);
    padding-bottom: 0;
  }
}

.career .side_navBox .side_list_item:not(:last-child)::after {
  content: '';
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  height: 2.0rem;
  width: 1.6rem;
  background: #fd5f19;
  border-radius: 1px;
}

@media (max-width: 767px) {
  .career .side_navBox .side_list_item:not(:last-child)::after {
    bottom: auto;
    left: calc(50% + 3.2rem - 0.4rem);
    top: 50%;
    transform: translateY(-50%);
    height: 1.6rem;
    width: calc(100% - 6.4rem + 0.8rem);
    z-index: -1;
  }
}

.career .side_navBox .side_list_item:has(.is-current)::after, .career .side_navBox .side_list_item:has(+ .side_list_item .is-current)::after {
  display: none;
}

@media (max-width: 767px) {
  .career .side_navBox .side_list_item:has(.is-current)::after, .career .side_navBox .side_list_item:has(+ .side_list_item .is-current)::after {
    display: block;
  }
}

.career .side_navBox .side_list_item .item_link {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.career .side_navBox .side_list_item .item_link:not(.is-current):not(:hover)::before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 1.6rem;
  background: #fd5f19;
  border-radius: 1px;
  z-index: -1;
}

@media (max-width: 767px) {
  .career .side_navBox .side_list_item .item_link:not(.is-current):not(:hover)::before {
    display: none;
  }
}

.career .side_navBox .side_list_item .item_link .icon-wrap {
  display: block;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.5s ease-out;
}

@media (max-width: 767px) {
  .career .side_navBox .side_list_item .item_link .icon-wrap {
    position: absolute;
    bottom: 75%;
    left: 50%;
    transform: translateX(-50%);
    max-height: none;
    overflow: visible;
    pointer-events: none;
  }
}

.career .side_navBox .side_list_item .item_link .icon {
  display: block;
  width: 90%;
  max-width: 16.0rem;
  margin: 0 auto;
  opacity: 0;
  transform: translateY(2rem);
  transition: transform 0.5s ease-out, opacity 0.4s ease;
}

@media (max-width: 767px) {
  .career .side_navBox .side_list_item .item_link .icon {
    width: auto;
    height: 6.5rem;
    max-width: none;
    transform: translateY(2rem);
  }
}

.career .side_navBox .side_list_item .item_link .label {
  font-size: 1.6rem;
  line-height: 1;
  font-weight: 500;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  position: relative;
  z-index: 0;
  color: #4a4a4a;
  border-radius: 2.1rem;
  width: 18.0rem;
  text-align: center;
  padding: 1.0rem 0.2rem;
  transition: color 0.3s ease;
}

@media (max-width: 767px) {
  .career .side_navBox .side_list_item .item_link .label {
    font-size: 1.4rem;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    width: 6.4rem;
    height: 6.4rem;
    padding: 0;
    line-height: 6.4rem;
  }
}

.career .side_navBox .side_list_item .item_link .label::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: linear-gradient(90deg, #ff6b4e 0%, #f79515 100%);
  z-index: -1;
}

.career .side_navBox .side_list_item .item_link .label::after {
  content: "";
  position: absolute;
  inset: 0.15rem;
  border-radius: calc(2.1rem - 0.15rem);
  background: #fff;
  z-index: -1;
  transition: opacity 0.3s ease;
}

@media (max-width: 767px) {
  .career .side_navBox .side_list_item .item_link .label::after {
    border-radius: 50%;
  }
}

.career .side_navBox .side_list_item .item_link.is-current .icon-wrap {
  max-height: 20rem;
}

.career .side_navBox .side_list_item .item_link.is-current .icon {
  opacity: 1;
  transform: translateY(0);
}

.career .side_navBox .side_list_item .item_link.is-current .label {
  color: #fff;
}

.career .side_navBox .side_list_item .item_link.is-current .label::after {
  opacity: 0;
}

@media (hover: hover) and (pointer: fine) {
  .career .side_navBox .side_list_item .item_link:hover .label {
    color: #fff;
  }
  .career .side_navBox .side_list_item .item_link:hover .label::after {
    opacity: 0;
  }
}

.career .main_container {
  max-width: 113.0rem;
  width: calc(100% - 34.5rem - 5%);
}

@media (max-width: 767px) {
  .career .main_container {
    width: 100%;
  }
}

.career .sec_item:not(:last-child) {
  margin-bottom: 20.0rem;
}

.career .sec_item .sec-info {
  margin-bottom: 6.0rem;
}

@media (max-width: 767px) {
  .career .sec_item .sec-info {
    margin-bottom: 3.0rem;
  }
}

.career .sec_item .sec-info__ttl {
  position: relative;
  padding: 1.0rem 2.0rem;
  background: linear-gradient(45deg, #1eac82 0%, #a0eeac 100%);
  border-radius: 0.3rem;
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  color: #fff;
}

@media (max-width: 767px) {
  .career .sec_item .sec-info__ttl {
    font-size: 1.6rem;
    letter-spacing: 0.03em;
    padding: 0.7rem 1.2rem;
  }
}

.career .sec_item .sec-info__text {
  font-size: 3.6rem;
  font-weight: 600;
  line-height: 1.4;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  margin: 2.0rem 0 3.5rem;
}

@media (max-width: 767px) {
  .career .sec_item .sec-info__text {
    letter-spacing: 0.03em;
    font-size: 2.0rem;
    margin: 1.3rem 0 2.8rem;
  }
}

.career .sec_item .sec-info__mainimg {
  border-radius: 0 0 0 3.0rem;
  overflow: hidden;
  width: calc(100% + ((100vw - 100%) / 5));
  position: relative;
}

@media (max-width: 767px) {
  .career .sec_item .sec-info__mainimg {
    width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
    border-radius: 0;
  }
}

.career .sec_item .sec-info__mainimg img {
  width: 100%;
  height: auto;
}

.career .sec_item .sec-info__mainimg .copy_block {
  position: absolute;
}

.career .sec_item .sec-info__mainimg .copy_block svg .bg_line,
.career .sec_item .sec-info__mainimg .copy_block svg .text {
  clip-path: inset(0 100% 0 0);
  will-change: clip-path;
}

.career .sec_item .story_block {
  margin-top: 6.0rem;
}

@media (max-width: 767px) {
  .career .sec_item .story_block {
    margin-top: 3.0rem;
  }
}

.career .sec_item .story_block__inner {
  width: 90%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .career .sec_item .story_block__inner {
    width: 100%;
  }
}

.career .sec_item .story_box_point {
  background-color: #f4f4f4;
  border-radius: 1.2rem;
  padding: 6.0rem 7.0rem 5.5rem;
  position: relative;
  margin-top: 10rem;
}

@media (max-width: 767px) {
  .career .sec_item .story_box_point {
    padding: 4.0rem 1.8rem 3.0rem;
    margin-top: 5.0rem;
  }
}

.career .sec_item .story_box_point .box_point__label {
  position: absolute;
  top: -2.0rem;
  left: 0;
  background-color: #1eac82;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  border-radius: 1.2rem 2.3rem 2.3rem 0;
  padding: 0.8rem 2.4rem 0.8rem 2.0rem;
}

@media (max-width: 767px) {
  .career .sec_item .story_box_point .box_point__label {
    gap: 0.5rem;
    border-radius: 1.2rem 1.8rem 1.8rem 0;
    padding: 0.8rem 2.2rem 0.8rem 0.8rem;
  }
}

.career .sec_item .story_box_point .box_point__label .icon {
  width: 2.4rem;
  height: auto;
}

@media (max-width: 767px) {
  .career .sec_item .story_box_point .box_point__label .icon {
    width: 1.6rem;
    margin-top: 0.1rem;
  }
}

.career .sec_item .story_box_point .box_point__label span {
  color: #fff;
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1;
}

@media (max-width: 767px) {
  .career .sec_item .story_box_point .box_point__label span {
    font-size: 1.5rem;
  }
}

.career .sec_item .story_box_point .box_point__ttl {
  font-size: 2.4rem;
  font-weight: 700;
  color: #7d8081;
  line-height: 1.6;
  margin-bottom: 1.8rem;
}

@media (max-width: 767px) {
  .career .sec_item .story_box_point .box_point__ttl {
    font-size: 1.8rem;
  }
}

.career .sec_item .story_box_point .box_point__detail {
  font-size: 1.6rem;
  line-height: 1.8;
}

@media (max-width: 767px) {
  .career .sec_item .story_box_point .box_point__detail {
    font-size: 1.4rem;
    text-align: justify;
  }
}

.career .sec_item:nth-of-type(1) .sec-info__ttl {
  background: linear-gradient(45deg, #1eac82 0%, #a0eeac 100%);
}

.career .sec_item:nth-of-type(1) .story_box_point .box_point__label {
  background-color: #1eac82;
}

.career .sec_item:nth-of-type(2) .sec-info__ttl {
  background: linear-gradient(45deg, #79c734 0%, #bdf180 100%);
}

.career .sec_item:nth-of-type(2) .story_box_point .box_point__label {
  background-color: #79c734;
}

.career .sec_item:nth-of-type(3) .sec-info__ttl {
  background: linear-gradient(45deg, #b2d800 0%, #d5f500 100%);
}

.career .sec_item:nth-of-type(3) .story_box_point .box_point__label {
  background-color: #b2d800;
}

.career .sec_item:nth-of-type(4) .sec-info__ttl {
  background: linear-gradient(45deg, #ffae00 0%, #f5e700 100%);
}

.career .sec_item:nth-of-type(4) .story_box_point .box_point__label {
  background-color: #ffae00;
}

.career .sec_item:nth-of-type(5) .sec-info__ttl {
  background: linear-gradient(45deg, #fe6715 0%, #ffa200 100%);
}

.career .sec_item:nth-of-type(5) .story_box_point .box_point__label {
  background-color: #fe6715;
}

@keyframes point-comment-in {
  0% {
    opacity: 0;
    transform: translateY(3rem);
  }
  55% {
    opacity: 1;
    transform: translateY(-1rem);
  }
  75% {
    transform: translateY(0.5rem);
  }
  90% {
    transform: translateY(-0.3rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.career .point_comment {
  position: absolute;
  bottom: -9.0rem;
  right: -8.0rem;
  width: 40.0rem;
  opacity: 0;
}

@media (max-width: 767px) {
  .career .point_comment {
    bottom: initial;
    top: 110%;
    right: -1.0rem;
    width: 33.2rem;
  }
}

.career .point_comment.is-visible {
  animation: point-comment-in 0.65s ease forwards;
}

.career .point_comment .comment_box {
  display: flex;
  align-items: center;
  background-color: #fff;
  border-radius: 3.2rem 3.2rem 0 3.2rem;
  border: 0.1rem solid #111111;
  padding: 1.8rem 2.8rem;
  position: relative;
  max-width: 40.0rem;
}

@media (max-width: 767px) {
  .career .point_comment .comment_box {
    border-radius: 2.8rem 2.8rem 0 2.8rem;
    max-width: 33.0rem;
    padding: 2.0rem 2.4rem;
  }
}

.career .point_comment .comment_box .comment_icon {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 16.5rem;
}

@media (max-width: 767px) {
  .career .point_comment .comment_box .comment_icon {
    right: 0.5rem;
    width: auto;
    height: 12.0rem;
  }
}

.career .point_comment .comment_box .comment_text {
  font-size: 1.6rem;
  line-height: 1.6;
  padding-right: 13.0rem;
  max-width: 32.0rem;
}

@media (max-width: 767px) {
  .career .point_comment .comment_box .comment_text {
    font-size: 1.3rem;
    padding-right: 12.0rem;
  }
}

.career .item_linkbtn .link {
  border: none;
  background: none;
  cursor: pointer;
  font-family: inherit;
  text-align: left;
  border-radius: 2.8rem;
  min-width: 28.0rem;
  width: max-content;
  padding: 1.0rem 1.2rem 1.0rem 3.0rem;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 3.0rem;
  justify-content: space-between;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  overflow: hidden;
  background: linear-gradient(90deg, #ff6b4e 0%, #f79515 100%);
  z-index: 0;
  position: relative;
}

@media (max-width: 767px) {
  .career .item_linkbtn .link {
    letter-spacing: 0.03em;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.4rem;
  }
}

.career .item_linkbtn .link .arrow_icon {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  border: 0.1rem solid #fff;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.career .item_linkbtn .link .arrow_icon::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: #fff;
  transform: scale(0);
  transform-origin: 50% 50%;
  transition: transform .35s ease;
  z-index: 0;
}

.career .item_linkbtn .link .arrow_icon .icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease 0.1s;
  width: 100%;
  height: 100%;
}

.career .item_linkbtn .link .arrow_icon .icon svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: 0.3s ease 0.1s;
  width: 1.3rem;
  height: 1.0rem;
}

.career .item_linkbtn .link .arrow_icon .icon.icon1 svg path {
  fill: #fff;
}

.career .item_linkbtn .link .arrow_icon .icon.icon2 svg {
  transform: translate(-50%, -50%) scale(0);
}

.career .item_linkbtn .link .arrow_icon .icon.icon2 svg path {
  fill: #ff6b4e !important;
}

.career .item_linkbtn .link:hover .arrow_icon::before {
  transform: scale(1);
}

.career .item_linkbtn .link:hover .arrow_icon .icon1 svg {
  transform: translate(-50%, -50%) scale(0);
}

.career .item_linkbtn .link:hover .arrow_icon .icon2 svg {
  transform: translate(-50%, -50%) scale(1);
}

.career .item_linkbtn .link::before, .career .item_linkbtn .link::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  z-index: -1;
  transition: all .5s ease;
}

.career .item_linkbtn .link::before {
  background: linear-gradient(90deg, #ff6b4e 0%, #f79515 100%);
  opacity: 1;
}

.career .item_linkbtn .link::after {
  background: linear-gradient(90deg, #f79515 0%, #ff6b4e 100%);
  opacity: 0;
}

.career .item_linkbtn .link:hover {
  transform: translateY(0);
}

.career .item_linkbtn .link:hover::before {
  opacity: 0;
}

.career .item_linkbtn .link:hover::after {
  opacity: 1;
}

.career .story_member__list {
  display: flex;
  flex-wrap: wrap;
  gap: 6.0rem 4.0rem;
  margin-top: 2.0rem;
}

@media (max-width: 767px) {
  .career .story_member__list {
    flex-direction: column;
    gap: 2.5rem;
  }
}

.career .story_member__item {
  width: calc(100% / 2 - 3.0rem);
  min-height: 21rem;
}

@media (max-width: 767px) {
  .career .story_member__item {
    width: 100%;
    min-height: auto;
  }
}

.career .story_member__label {
  font-size: 1.8rem;
  font-weight: 600;
  border-bottom: 0.1rem solid currentColor;
  margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
  .career .story_member__label {
    font-size: 1.6rem;
    margin-bottom: 3.5rem;
  }
}

.career .story_member .item_link {
  flex-direction: row;
  align-items: center;
  gap: 2.5rem;
}

.career .story_member .item_link .item_mv {
  width: 50%;
  max-width: 19.0rem;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .career .story_member .item_link .item_mv {
    width: 37%;
  }
}

.career .story_member .item_link .item_mv .person {
  width: 88%;
  height: auto;
}

.career .story_member .item_link .item_mv .person_004 .person {
  width: 63.5%;
}

.career .story_member .item_link .item_mv .person_006 .person {
  width: 72%;
}

.career .story_member .item_link .item_mv .person_013 .person {
  width: 74%;
}

@media (max-width: 767px) {
  .career .story_member .item_link .item_text .member-info__name .main {
    font-size: 2.4rem;
  }
}

@media (max-width: 767px) {
  .career .story_member .item_link .item_text .member-info__name .sub {
    font-size: 1.2rem;
  }
}

.career .project_slide {
  margin-top: 4.0rem;
}

@media (max-width: 767px) {
  .career .project_slide {
    margin-top: 2.5rem;
  }
}

.career .project_slide .splide__track {
  overflow: hidden;
}

.career .project_slide .splide__list {
  display: flex;
}

.career .project_slide .splide__slide {
  flex-shrink: 0;
  width: 100%;
}

.career .project_slide .splide__arrows {
  display: none;
}

.career .project_slide .splide__arrow {
  position: static;
  transform: none;
  width: 4.0rem;
  height: 4.0rem;
  border-radius: 50%;
  background: linear-gradient(135deg, #79c734 0%, #bdf180 100%);
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.3s ease;
}

.career .project_slide .splide__arrow:disabled {
  opacity: 0.3;
  cursor: default;
}

.career .project_slide .splide__arrow svg {
  width: 1.2rem;
  height: 1.2rem;
  fill: #fff;
}

.career .project_slide .splide__arrow--prev svg {
  transform: scaleX(-1);
}

.career .project_slide__thumb {
  margin-bottom: 6.4rem;
}

@media (max-width: 767px) {
  .career .project_slide__thumb {
    margin-bottom: 3.0rem;
  }
}

.career .project_slide__thumb .splide__list {
  gap: 1.0rem;
  justify-content: center;
}

@media (max-width: 767px) {
  .career .project_slide__thumb .splide__list {
    gap: 0.5rem;
    justify-content: flex-start;
  }
}

.career .project_slide__thumb .splide__slide {
  width: auto !important;
  flex-shrink: 0;
  cursor: pointer;
  border-radius: 0.8rem;
  overflow: hidden;
  border: 0.25rem solid transparent;
  opacity: 0.55;
  transition: opacity 0.3s ease, border-color 0.3s ease;
  width: 11.2rem !important;
}

@media (max-width: 767px) {
  .career .project_slide__thumb .splide__slide {
    border-radius: 0.3rem;
    width: calc(100% / 5 - 0.4rem) !important;
    border: 0.15rem solid transparent;
  }
}

.career .project_slide__thumb .splide__slide.is-active {
  opacity: 1;
  border-color: #79c734;
}

@media (max-width: 767px) {
  .career .project_slide__thumb .splide__slide.is-active {
    border-width: 2px;
  }
}

.career .project_slide__thumb .splide__slide .thumb_img {
  aspect-ratio: 434 / 272;
  overflow: hidden;
}

.career .project_slide__thumb .splide__slide .thumb_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.career .project_slide__thumb .splide__slide .thumb_ttl {
  font-size: 1.3rem;
  font-weight: 600;
  text-align: center;
  padding: 0.7rem 0.5rem 0.6rem;
  line-height: 1;
}

@media (max-width: 767px) {
  .career .project_slide__thumb .splide__slide .thumb_ttl {
    font-size: 1.0rem;
  }
}

.career .project_slide__thumb .splide__pagination,
.career .project_slide__thumb .splide__arrows {
  display: none;
}

.career .project_slide__inner .project_item {
  display: flex;
  align-items: flex-start;
  gap: 6.0rem;
}

@media (max-width: 767px) {
  .career .project_slide__inner .project_item {
    flex-direction: column;
    gap: 2.0rem;
  }
}

.career .project_slide__inner .project_item .project_info {
  width: 40%;
}

@media (max-width: 767px) {
  .career .project_slide__inner .project_item .project_info {
    width: 100%;
  }
}

.career .project_slide__inner .project_item .project_info .project_ttl {
  font-size: 2.3rem;
  font-weight: 600;
  margin-bottom: 2.5rem;
}

@media (max-width: 767px) {
  .career .project_slide__inner .project_item .project_info .project_ttl {
    font-size: 1.8rem;
    margin-bottom: 1.5rem;
  }
}

.career .project_slide__inner .project_item .project_info .project_img {
  border-radius: 0.8rem;
  overflow: hidden;
  aspect-ratio: 434 / 272;
}

.career .project_slide__inner .project_item .project_info .project_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.career .project_slide__inner .project_item .project_detail {
  width: 60%;
}

@media (max-width: 767px) {
  .career .project_slide__inner .project_item .project_detail {
    width: 100%;
  }
}

.career .project_slide__inner .project_item .project_detail .detail_label {
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1;
  color: #73807a;
  margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
  .career .project_slide__inner .project_item .project_detail .detail_label {
    font-size: 1.5rem;
  }
}

.career .project_slide__inner .project_item .project_detail .detail_text {
  font-size: 1.6rem;
  line-height: 1.8;
  margin-bottom: 2.2rem;
}

@media (max-width: 767px) {
  .career .project_slide__inner .project_item .project_detail .detail_text {
    font-size: 1.4rem;
    line-height: 1.6;
    margin-bottom: 3.0rem;
  }
}

.career .project_slide__inner .project_item .project_detail .detail_work {
  margin-bottom: 3.2rem;
}

.career .project_slide__inner .project_item .project_detail .detail_work ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem 1.3rem;
}

.career .project_slide__inner .project_item .project_detail .detail_work ul li {
  width: calc(100% / 2 - 1.0rem);
  background-color: #f4f6f7;
  position: relative;
  font-size: 1.5rem;
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  padding: 0.6rem 1.0rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
}

@media (max-width: 767px) {
  .career .project_slide__inner .project_item .project_detail .detail_work ul li {
    width: 100%;
    letter-spacing: 0.03em;
    font-size: 1.3rem;
  }
}

.career .project_slide__inner .project_item .project_detail .detail_work ul li::before {
  content: "";
  width: 0.6rem;
  height: 0.6rem;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  background-color: #79c734;
}

.career .project_slide__inner .project_item .project_detail .detail_overview dl {
  background-color: #f4f6f7;
  display: flex;
  align-items: center;
  gap: 0 1.5rem;
  font-size: 1.5rem;
  line-height: 1.4;
  padding: 0.4rem 2.4rem;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
}

.career .project_slide__inner .project_item .project_detail .detail_overview dl:not(:last-child) {
  margin-bottom: 0.3rem;
}

@media (max-width: 767px) {
  .career .project_slide__inner .project_item .project_detail .detail_overview dl {
    letter-spacing: 0.03em;
    font-size: 1.3rem;
    padding: 0.4rem 1.6rem;
  }
}

.career .project_slide__inner .project_item .project_detail .detail_overview dl dt {
  font-weight: 500;
  width: 12.5rem;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .career .project_slide__inner .project_item .project_detail .detail_overview dl dt {
    width: 9.5rem;
  }
}

.career .sec_story1 .sec-info__mainimg .copy_block {
  right: 7.2rem;
  bottom: 9.5rem;
  max-width: 62.0rem;
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .career .sec_story1 .sec-info__mainimg .copy_block {
    right: 1.7rem;
    bottom: 1.5rem;
    max-width: 30.0rem;
  }
}

.career .sec_story1 .story_box.col-row {
  display: flex;
  align-items: flex-start;
  gap: 3.0rem 6.5rem;
}

@media (max-width: 767px) {
  .career .sec_story1 .story_box.col-row {
    flex-direction: column;
    gap: 2.5rem 6.5rem;
  }
}

.career .sec_story1 .story_box.col-row .wrap {
  width: 50%;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .career .sec_story1 .story_box.col-row .wrap {
    width: 100%;
  }
}

.career .sec_story1 .story_box.col-row figure {
  border-radius: 0.8rem;
  overflow: hidden;
  aspect-ratio: 434 / 273;
}

.career .sec_story1 .story_box.col-row figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.career .sec_story1 .story_box .box-ttl {
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 1.5;
  margin-bottom: 2.0rem;
}

@media (max-width: 767px) {
  .career .sec_story1 .story_box .box-ttl {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}

.career .sec_story1 .story_box .box-detail {
  font-size: 1.6rem;
  line-height: 2;
}

@media (max-width: 767px) {
  .career .sec_story1 .story_box .box-detail {
    font-size: 1.4rem;
    line-height: 1.8;
    text-align: justify;
  }
}

.career .sec_story1 .story_box:not(:last-child) {
  margin-bottom: 6.0rem;
}

@media (max-width: 767px) {
  .career .sec_story1 .story_box:not(:last-child) {
    margin-bottom: 3.0rem;
  }
}

.career .sec_story1 .story_box .box-images {
  margin: 3.0rem auto 4.0rem;
}

@media (max-width: 767px) {
  .career .sec_story1 .story_box .box-images {
    margin: 3.0rem auto;
  }
}

.career .sec_story1 .story_box .box-images.col-row {
  display: flex;
  align-items: flex-start;
  gap: 1.0rem 3.0rem;
}

@media (max-width: 767px) {
  .career .sec_story1 .story_box .box-images.col-row {
    flex-direction: column;
  }
}

.career .sec_story1 .story_box .box-images.col-row figure {
  border-radius: 0.8rem;
  overflow: hidden;
  width: calc(100% / 2);
  aspect-ratio: 434 / 273;
}

.career .sec_story1 .story_box .box-images.col-row figure:last-child {
  margin-top: 6.0rem;
}

@media (max-width: 767px) {
  .career .sec_story1 .story_box .box-images.col-row figure:last-child {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .career .sec_story1 .story_box .box-images.col-row figure {
    width: 100%;
  }
}

.career .sec_story1 .story_box .box-images.col-row figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.career .sec_story1 .story_box .box-table .step_list .item {
  display: flex;
  align-items: center;
  border-bottom: 0.1rem dotted rgba(134, 134, 134, 0.5);
}

.career .sec_story1 .story_box .box-table .step_list .item:nth-child(odd) {
  background-color: #edf4f0;
}

.career .sec_story1 .story_box .box-table .step_list .item:first-child {
  border-top: 0.1rem dotted rgba(134, 134, 134, 0.5);
}

@media (max-width: 767px) {
  .career .sec_story1 .story_box .box-table .step_list .item {
    align-items: stretch;
  }
}

.career .sec_story1 .story_box .box-table .step_list .item_ttl {
  font-family: "Roboto", sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1;
  color: #6a766f;
  width: 16.0rem;
  text-align: center;
  padding: 1.3rem 0;
  background-color: rgba(220, 238, 228, 0.4);
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .career .sec_story1 .story_box .box-table .step_list .item_ttl {
    width: 7.0rem;
    font-size: 1.4rem;
    letter-spacing: 0;
    padding: 1.0rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.career .sec_story1 .story_box .box-table .step_list .item_text {
  font-size: 1.6rem;
  line-height: 1.7;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  padding-left: 6.3rem;
}

@media (max-width: 767px) {
  .career .sec_story1 .story_box .box-table .step_list .item_text {
    font-size: 1.2rem;
    letter-spacing: 0.03em;
    padding: 0.7rem 2.5rem;
    line-height: 1.5;
  }
}

.career .sec_story1 .story_box .training_list {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 3.0rem;
  border-radius: 1.2rem;
  background-color: #fff;
  border: 0.4rem solid #eeeeee;
  padding: 4.0rem 6.0rem;
}

@media (max-width: 767px) {
  .career .sec_story1 .story_box .training_list {
    padding: 2.5rem 1.5rem;
    flex-direction: column;
  }
}

.career .sec_story1 .story_box .training_list .ttl {
  color: #7d8081;
  font-size: 2.2rem;
  text-align: center;
  font-weight: 700;
  line-height: 1.7;
}

@media (max-width: 767px) {
  .career .sec_story1 .story_box .training_list .ttl {
    font-size: 1.5rem;
  }
}

.career .sec_story1 .story_box .training_list .list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 2.5rem;
}

@media (max-width: 767px) {
  .career .sec_story1 .story_box .training_list .list {
    width: 100%;
    gap: 1.0rem;
  }
}

.career .sec_story1 .story_box .training_list .list-item {
  position: relative;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  width: calc(100% / 3 - 2.0rem);
}

@media (max-width: 767px) {
  .career .sec_story1 .story_box .training_list .list-item {
    width: calc(100% / 2 - 0.5rem);
    font-size: 1.4rem;
  }
}

.career .sec_story1 .story_box .training_list .list-item::before {
  content: "";
  position: relative;
  border-radius: 50%;
  width: 0.6rem;
  height: 0.6rem;
  aspect-ratio: 1 / 1;
  background-color: #ababab;
}

.career .sec_story2 .sec-info__mainimg .copy_block {
  left: 4.3rem;
  top: 8.0rem;
  max-width: 54.0rem;
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .career .sec_story2 .sec-info__mainimg .copy_block {
    left: 1.8rem;
    top: initial;
    bottom: 1.5rem;
    max-width: 27.5rem;
  }
}

.career .sec_story2 .story_box .box-label {
  color: #fff;
  font-size: 2.0rem;
  font-weight: 500;
  border-radius: 0.3rem;
  background: linear-gradient(45deg, #79c734 0%, #bdf180 100%);
  line-height: 1;
  padding: 0.6rem 1.6rem;
}

@media (max-width: 767px) {
  .career .sec_story2 .story_box .box-label {
    font-size: 1.5rem;
    padding: 0.5rem 1.0rem 0.6rem;
  }
}

.career .sec_story2 .story_box .wrap.col-row {
  display: flex;
  align-items: flex-start;
  gap: 3.0rem 6.5rem;
}

@media (max-width: 767px) {
  .career .sec_story2 .story_box .wrap.col-row {
    flex-direction: column;
    gap: 2.0rem;
  }
}

.career .sec_story2 .story_box .wrap.col-row .box-detail {
  width: 50%;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .career .sec_story2 .story_box .wrap.col-row .box-detail {
    width: 100%;
  }
}

.career .sec_story2 .story_box .wrap.col-row figure {
  border-radius: 0.8rem;
  overflow: hidden;
  aspect-ratio: 434 / 273;
}

.career .sec_story2 .story_box .wrap.col-row figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.career .sec_story2 .story_box .wrap.col-row2 {
  margin-top: 4.0rem;
  display: flex;
  align-items: flex-start;
  gap: 3.0rem 6.5rem;
}

@media (max-width: 767px) {
  .career .sec_story2 .story_box .wrap.col-row2 {
    flex-direction: column;
  }
}

.career .sec_story2 .story_box .wrap.col-row2 .box-sub__txt {
  width: 55%;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .career .sec_story2 .story_box .wrap.col-row2 .box-sub__txt {
    width: 100%;
  }
}

.career .sec_story2 .story_box .wrap.col-row2 .box-sub__txt .box:not(:last-child) {
  margin-bottom: 3.0rem;
}

.career .sec_story2 .story_box .wrap.col-row2 .box-sub__txt .box .ttl {
  font-size: 1.8rem;
  color: #73807a;
  font-weight: 600;
  line-height: 1.5;
  margin-bottom: 1.5rem;
}

@media (max-width: 767px) {
  .career .sec_story2 .story_box .wrap.col-row2 .box-sub__txt .box .ttl {
    font-size: 1.6rem;
    margin-bottom: 1.0rem;
  }
}

.career .sec_story2 .story_box .wrap.col-row2 .box-detail {
  width: 50%;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .career .sec_story2 .story_box .wrap.col-row2 .box-detail {
    width: 100%;
  }
}

.career .sec_story2 .story_box .wrap.col-row2 .box-images {
  margin-top: 0;
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  .career .sec_story2 .story_box .wrap.col-row2 .box-images {
    margin-bottom: 0;
  }
}

.career .sec_story2 .story_box .wrap.col-row2 .box-images figure {
  border-radius: 0.8rem;
  overflow: hidden;
  aspect-ratio: 370.02 / 232.03;
  width: 80%;
}

.career .sec_story2 .story_box .wrap.col-row2 .box-images figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.career .sec_story2 .story_box .wrap.col-row2 .box-images figure:last-child {
  margin: -2.6rem 0 0 auto;
}

.career .sec_story2 .story_box .box-ttl {
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 1.5;
  margin-bottom: 2.0rem;
}

@media (max-width: 767px) {
  .career .sec_story2 .story_box .box-ttl {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}

.career .sec_story2 .story_box .box-detail {
  font-size: 1.6rem;
  line-height: 2;
}

@media (max-width: 767px) {
  .career .sec_story2 .story_box .box-detail {
    font-size: 1.4rem;
    line-height: 1.8;
    text-align: justify;
  }
}

.career .sec_story2 .story_box:not(:last-child) {
  margin-bottom: 6.0rem;
}

@media (max-width: 767px) {
  .career .sec_story2 .story_box:not(:last-child) {
    margin-bottom: 3.0rem;
  }
}

.career .sec_story2 .story_box .box-images {
  margin: 3.0rem auto 4.0rem;
}

@media (max-width: 767px) {
  .career .sec_story2 .story_box .box-images {
    margin: 3.0rem auto;
  }
}

.career .sec_story2 .story_box .box-images.col-row {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem 3.0rem;
}

@media (max-width: 767px) {
  .career .sec_story2 .story_box .box-images.col-row {
    flex-direction: column;
  }
}

.career .sec_story2 .story_box .box-images.col-row figure {
  border-radius: 0.8rem;
  overflow: hidden;
  width: calc(100% / 2);
  aspect-ratio: 434 / 273;
}

.career .sec_story2 .story_box .box-images.col-row figure:last-child {
  margin-top: 6.0rem;
}

@media (max-width: 767px) {
  .career .sec_story2 .story_box .box-images.col-row figure:last-child {
    margin-top: 0;
  }
}

@media (max-width: 767px) {
  .career .sec_story2 .story_box .box-images.col-row figure {
    width: 100%;
  }
}

.career .sec_story2 .story_box .box-images.col-row figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.career .sec_story2 .story_box .box-table .step_list .item {
  display: flex;
  align-items: center;
  border-bottom: 0.1rem dotted rgba(134, 134, 134, 0.5);
}

.career .sec_story2 .story_box .box-table .step_list .item:nth-child(odd) {
  background-color: #edf4f0;
}

.career .sec_story2 .story_box .box-table .step_list .item:first-child {
  border-top: 0.1rem dotted rgba(134, 134, 134, 0.5);
}

@media (max-width: 767px) {
  .career .sec_story2 .story_box .box-table .step_list .item {
    align-items: stretch;
  }
}

.career .sec_story2 .story_box .box-table .step_list .item_ttl {
  font-family: "Roboto", sans-serif;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1;
  color: #6a766f;
  width: 16.0rem;
  text-align: center;
  padding: 1.3rem 0;
  background-color: rgba(220, 238, 228, 0.4);
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .career .sec_story2 .story_box .box-table .step_list .item_ttl {
    width: 5.6rem;
    font-size: 1.4rem;
    letter-spacing: 0;
    padding: 1.0rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}

.career .sec_story2 .story_box .box-table .step_list .item_text {
  font-size: 1.6rem;
  line-height: 1.7;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  padding-left: 6.3rem;
}

@media (max-width: 767px) {
  .career .sec_story2 .story_box .box-table .step_list .item_text {
    font-size: 1.2rem;
    letter-spacing: 0.03em;
    padding: 0.7rem 1.4rem;
    line-height: 1.5;
  }
}

.career .sec_story2 .story_box .training_list {
  display: flex;
  align-items: center;
  gap: 3.0rem;
  border-radius: 1.2rem;
  background-color: #fff;
  border: 0.4rem solid #eeeeee;
  padding: 4.0rem;
}

@media (max-width: 767px) {
  .career .sec_story2 .story_box .training_list {
    flex-direction: column;
  }
}

.career .sec_story2 .story_box .training_list .ttl {
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.7;
  width: 40%;
}

@media (max-width: 767px) {
  .career .sec_story2 .story_box .training_list .ttl {
    width: 100%;
  }
}

.career .sec_story2 .story_box .training_list .list {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 4.0rem;
  width: 60%;
}

@media (max-width: 767px) {
  .career .sec_story2 .story_box .training_list .list {
    width: 100%;
  }
}

.career .sec_story2 .story_box .training_list .list-item {
  position: relative;
  font-weight: 500;
  font-size: 1.7rem;
  line-height: 1;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  width: calc(100% / 2 - 2.0rem);
}

.career .sec_story2 .story_box .training_list .list-item::before {
  content: "";
  position: relative;
  border-radius: 50%;
  width: 0.6rem;
  height: 0.6rem;
  aspect-ratio: 1 / 1;
  background-color: #ababab;
}

.career .sec_story3 .sec-info__mainimg .copy_block {
  left: 4.0rem;
  bottom: 18.0rem;
  max-width: 48.0rem;
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .career .sec_story3 .sec-info__mainimg .copy_block {
    left: 1.8rem;
    top: initial;
    bottom: 1.5rem;
    max-width: 25rem;
  }
}

.career .sec_story3 .story_box.col-row {
  display: flex;
  align-items: flex-start;
  gap: 3.0rem 6.5rem;
}

@media (max-width: 767px) {
  .career .sec_story3 .story_box.col-row {
    flex-direction: column;
  }
}

.career .sec_story3 .story_box.col-row .wrap {
  width: 50%;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .career .sec_story3 .story_box.col-row .wrap {
    width: 100%;
  }
}

.career .sec_story3 .story_box.col-row figure {
  border-radius: 0.8rem;
  overflow: hidden;
  aspect-ratio: 434 / 273;
}

.career .sec_story3 .story_box.col-row figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.career .sec_story3 .story_box .box-label {
  color: #fff;
  font-size: 2.0rem;
  font-weight: 500;
  border-radius: 0.3rem;
  background: linear-gradient(45deg, #79c734 0%, #bdf180 100%);
  line-height: 1;
  padding: 0.6rem 1.6rem;
}

@media (max-width: 767px) {
  .career .sec_story3 .story_box .box-label {
    font-size: 1.5rem;
    padding: 0.5rem 1.0rem 0.6rem;
  }
}

.career .sec_story3 .story_box .box-ttl {
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 1.5;
  margin-bottom: 2.0rem;
}

@media (max-width: 767px) {
  .career .sec_story3 .story_box .box-ttl {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}

.career .sec_story3 .story_box .box-detail {
  font-size: 1.6rem;
  line-height: 2;
}

@media (max-width: 767px) {
  .career .sec_story3 .story_box .box-detail {
    font-size: 1.4rem;
    line-height: 1.8;
    text-align: justify;
  }
}

.career .sec_story3 .story_box:not(:last-child) {
  margin-bottom: 6.0rem;
}

@media (max-width: 767px) {
  .career .sec_story3 .story_box:not(:last-child) {
    margin-bottom: 3.0rem;
  }
}

.career .sec_story3 .story_box .box-images {
  margin: 3.0rem auto 4.0rem;
}

@media (max-width: 767px) {
  .career .sec_story3 .story_box .box-images {
    margin: 3.0rem auto;
  }
}

.career .sec_story4 .sec-info__mainimg .copy_block {
  right: 3.4rem;
  bottom: 11.6rem;
  max-width: 48.0rem;
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .career .sec_story4 .sec-info__mainimg .copy_block {
    right: 1.8rem;
    top: initial;
    bottom: 1.5rem;
    max-width: 26rem;
  }
}

.career .sec_story4 .story_box.col-row {
  display: flex;
  align-items: flex-start;
  gap: 3.0rem 6.5rem;
}

@media (max-width: 767px) {
  .career .sec_story4 .story_box.col-row {
    flex-direction: column;
  }
}

.career .sec_story4 .story_box.col-row .wrap {
  width: 50%;
  flex-shrink: 0;
}

.career .sec_story4 .story_box.col-row figure {
  border-radius: 0.8rem;
  overflow: hidden;
  aspect-ratio: 434 / 273;
}

.career .sec_story4 .story_box.col-row figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.career .sec_story4 .story_box.col-column {
  display: flex;
  flex-direction: column;
  gap: 2.7rem;
}

.career .sec_story4 .story_box.col-column figure {
  border-radius: 0.8rem;
  overflow: hidden;
  width: 100%;
}

@media (max-width: 767px) {
  .career .sec_story4 .story_box.col-column figure {
    border-radius: 0;
    width: 100vw;
    margin-left: calc((100% - 100vw) / 2);
  }
}

.career .sec_story4 .story_box.col-column figure img {
  width: 100%;
}

.career .sec_story4 .story_box.col-column .item_linkbtn {
  margin: 0 auto;
}

.career .sec_story4 .story_box .box-label {
  color: #fff;
  font-size: 2.0rem;
  font-weight: 500;
  border-radius: 0.3rem;
  background: linear-gradient(45deg, #79c734 0%, #bdf180 100%);
  line-height: 1;
  padding: 0.6rem 1.6rem;
}

@media (max-width: 767px) {
  .career .sec_story4 .story_box .box-label {
    font-size: 1.5rem;
    padding: 0.5rem 1.0rem 0.6rem;
  }
}

.career .sec_story4 .story_box .box-ttl {
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 1.5;
  margin-bottom: 2.0rem;
}

@media (max-width: 767px) {
  .career .sec_story4 .story_box .box-ttl {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}

.career .sec_story4 .story_box .box-detail {
  font-size: 1.6rem;
  line-height: 2;
}

@media (max-width: 767px) {
  .career .sec_story4 .story_box .box-detail {
    font-size: 1.4rem;
    line-height: 1.8;
    text-align: justify;
  }
}

.career .sec_story4 .story_box:not(:last-child) {
  margin-bottom: 6.0rem;
}

@media (max-width: 767px) {
  .career .sec_story4 .story_box:not(:last-child) {
    margin-bottom: 3.0rem;
  }
}

.career .sec_story4 .story_box .box-images {
  margin: 3.0rem auto 4.0rem;
}

@media (max-width: 767px) {
  .career .sec_story4 .story_box .box-images {
    margin: 3.0rem auto;
  }
}

.career .sec_story5 .sec-info__mainimg .copy_block {
  left: 10.0rem;
  bottom: 9.5rem;
  max-width: 35.0rem;
  width: 100%;
  height: auto;
}

@media (max-width: 767px) {
  .career .sec_story5 .sec-info__mainimg .copy_block {
    left: 1.8rem;
    bottom: 1.5rem;
    max-width: 18.5rem;
  }
}

.career .sec_story5 .story_box.col-row {
  display: flex;
  align-items: flex-start;
  gap: 3.0rem 6.5rem;
}

@media (max-width: 767px) {
  .career .sec_story5 .story_box.col-row {
    flex-direction: column;
  }
}

.career .sec_story5 .story_box.col-row .wrap {
  width: 50%;
  flex-shrink: 0;
}

.career .sec_story5 .story_box.col-row figure {
  border-radius: 0.8rem;
  overflow: hidden;
  aspect-ratio: 434 / 273;
}

.career .sec_story5 .story_box.col-row figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.career .sec_story5 .story_box.col-column {
  display: flex;
  flex-direction: column;
  gap: 2.7rem;
}

@media (max-width: 767px) {
  .career .sec_story5 .story_box.col-column {
    margin-bottom: 6.0rem !important;
  }
}

.career .sec_story5 .story_box.col-column figure {
  border-radius: 0.8rem;
  overflow: hidden;
  width: 82%;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .career .sec_story5 .story_box.col-column figure {
    width: 100%;
  }
}

.career .sec_story5 .story_box.col-column figure img {
  width: 100%;
}

.career .sec_story5 .story_box_other {
  margin-top: 14.0rem;
  margin-bottom: 6.0rem;
}

@media (max-width: 767px) {
  .career .sec_story5 .story_box_other {
    margin-top: 19.0rem;
  }
}

.career .sec_story5 .story_box_other .message {
  font-size: 2.8rem;
  font-weight: 600;
  line-height: 1.7;
  text-align: center;
  margin-bottom: 5.0rem;
}

@media (max-width: 767px) {
  .career .sec_story5 .story_box_other .message {
    font-size: 1.6rem;
    margin-bottom: 2.4rem;
  }
}

.career .sec_story5 .story_box_other .images_box {
  position: relative;
  min-height: 46.5rem;
  width: 100%;
}

@media (max-width: 767px) {
  .career .sec_story5 .story_box_other .images_box {
    aspect-ratio: 780 / 400;
    min-height: auto;
    width: 96vw;
    margin-left: calc((100% - 96vw) / 2);
  }
}

.career .sec_story5 .story_box_other .images_box .item {
  background-color: #fff;
  padding: 0.8rem;
  border-radius: 0.3rem;
  box-shadow: 0.5rem 0.5rem 0.5rem rgba(238, 238, 238, 0.5);
  position: absolute;
  opacity: 0;
}

@media (max-width: 767px) {
  .career .sec_story5 .story_box_other .images_box .item {
    padding: 0.4rem;
  }
}

.career .sec_story5 .story_box_other .images_box .item.pic1 {
  top: 3.0rem;
  left: 0;
  aspect-ratio: 302 / 201;
  max-width: 28.2rem;
}

@media (max-width: 767px) {
  .career .sec_story5 .story_box_other .images_box .item.pic1 {
    top: 2.6vw;
    max-width: 28.7vw;
  }
}

.career .sec_story5 .story_box_other .images_box .item.pic2 {
  bottom: 0;
  left: 2.5rem;
  aspect-ratio: 358 / 239;
  max-width: 31.8rem;
}

@media (max-width: 767px) {
  .career .sec_story5 .story_box_other .images_box .item.pic2 {
    left: 3.6vw;
    max-width: 34.9vw;
  }
}

.career .sec_story5 .story_box_other .images_box .item.pic3 {
  top: 0;
  left: 25rem;
  aspect-ratio: 445 / 300;
  max-width: 41.5rem;
}

@media (max-width: 767px) {
  .career .sec_story5 .story_box_other .images_box .item.pic3 {
    max-width: 43.8vw;
    left: 25.6vw;
  }
}

.career .sec_story5 .story_box_other .images_box .item.pic4 {
  top: 1.5rem;
  right: 0;
  aspect-ratio: 272 / 181;
  max-width: 27.2rem;
}

@media (max-width: 767px) {
  .career .sec_story5 .story_box_other .images_box .item.pic4 {
    top: 2.6vw;
    max-width: 28.2vw;
  }
}

.career .sec_story5 .story_box_other .images_box .item.pic5 {
  top: 23.6rem;
  right: 3rem;
  aspect-ratio: 278 / 185;
  max-width: 24.8rem;
}

@media (max-width: 767px) {
  .career .sec_story5 .story_box_other .images_box .item.pic5 {
    max-width: 27.2vw;
    top: initial;
    bottom: 5.9vw;
    right: 1.3vw;
  }
}

.career .sec_story5 .story_box_other .images_box .item.pic6 {
  bottom: 0;
  right: 25.5rem;
  aspect-ratio: 272 / 181;
  max-width: 21.2rem;
}

@media (max-width: 767px) {
  .career .sec_story5 .story_box_other .images_box .item.pic6 {
    max-width: 22.6vw;
    right: 25.6vw;
  }
}

.career .sec_story5 .story_box .box-label {
  color: #fff;
  font-size: 2.0rem;
  font-weight: 500;
  border-radius: 0.3rem;
  background: linear-gradient(45deg, #79c734 0%, #bdf180 100%);
  line-height: 1;
  padding: 0.6rem 1.6rem;
}

@media (max-width: 767px) {
  .career .sec_story5 .story_box .box-label {
    font-size: 1.5rem;
    padding: 0.5rem 1.0rem 0.6rem;
  }
}

.career .sec_story5 .story_box .box-ttl {
  font-weight: 600;
  font-size: 2.5rem;
  line-height: 1.5;
  margin-bottom: 2.0rem;
}

@media (max-width: 767px) {
  .career .sec_story5 .story_box .box-ttl {
    font-size: 1.6rem;
    line-height: 1.6;
  }
}

.career .sec_story5 .story_box .box-detail {
  font-size: 1.6rem;
  line-height: 2;
}

@media (max-width: 767px) {
  .career .sec_story5 .story_box .box-detail {
    font-size: 1.4rem;
    line-height: 1.8;
    text-align: justify;
  }
}

.career .sec_story5 .story_box:not(:last-child) {
  margin-bottom: 6.0rem;
}

@media (max-width: 767px) {
  .career .sec_story5 .story_box:not(:last-child) {
    margin-bottom: 3.0rem;
  }
}

.career .sec_story5 .story_box .box-images {
  margin: 3.0rem auto 4.0rem;
}

@media (max-width: 767px) {
  .career .sec_story5 .story_box .box-images {
    margin: 3.0rem auto;
  }
}

.career .career-vision {
  margin-top: 17.0rem;
}

@media (max-width: 767px) {
  .career .career-vision {
    margin-top: 6.0rem;
  }
}

.career .career-vision__inner {
  width: 100%;
  margin: 0 auto;
}

.career .career-vision__info {
  margin-bottom: 8.0rem;
}

@media (max-width: 767px) {
  .career .career-vision__info {
    margin-bottom: 3.5rem;
  }
}

.career .career-vision__info .ttl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 0.5rem;
  line-height: 1;
  margin-bottom: 4.0rem;
}

@media (max-width: 767px) {
  .career .career-vision__info .ttl {
    margin-bottom: 2.0rem;
  }
}

.career .career-vision__info .ttl .ja-txt {
  font-size: 2.0rem;
  font-weight: 500;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
}

@media (max-width: 767px) {
  .career .career-vision__info .ttl .ja-txt {
    font-size: 1.4rem;
  }
}

.career .career-vision__info .ttl .en-txt {
  font-size: 9.4rem;
  font-weight: 700;
  font-feature-settings: "palt";
}

@media (max-width: 767px) {
  .career .career-vision__info .ttl .en-txt {
    font-size: 4.6rem;
  }
}

.career .career-vision__info .text {
  text-align: center;
  font-size: 3.4rem;
  font-weight: 700;
  line-height: 1.8;
}

@media (max-width: 767px) {
  .career .career-vision__info .text {
    font-size: 1.8rem;
  }
}

.career .career-vision .main_pic {
  overflow: hidden;
  margin-bottom: 8.0rem;
}

@media (max-width: 767px) {
  .career .career-vision .main_pic {
    margin-bottom: 3.5rem;
  }
}

.career .career-vision .main_pic img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.career .career-vision__message {
  text-align: center;
}

.career .career-vision__message .text {
  font-size: 4.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  margin: 0 auto 4.0rem;
  display: inline-block;
  padding: 0 5.0rem;
}

@media (max-width: 767px) {
  .career .career-vision__message .text {
    font-size: 1.9rem;
    padding: 0 3.5rem;
    margin: 0 auto 3.5rem;
  }
}

.career .career-vision__message .text::before, .career .career-vision__message .text::after {
  content: "";
  position: absolute;
  bottom: 0;
  background-color: #111;
  width: 0.15rem;
  height: 56%;
  display: block;
}

@media (max-width: 767px) {
  .career .career-vision__message .text::before, .career .career-vision__message .text::after {
    height: 80%;
  }
}

.career .career-vision__message .text::before {
  left: 0;
  transform: rotate(-35deg);
}

.career .career-vision__message .text::after {
  right: 0;
  transform: rotate(35deg);
}

.career .career-vision__message .item_linkbtn .link {
  max-width: 33.0rem;
  width: 100%;
  margin: 0 auto;
  font-size: 2.0rem;
  padding: 1.3rem 1.5rem 1.3rem 3.8rem;
  border-radius: 4.0rem;
}

@media (max-width: 767px) {
  .career .career-vision__message .item_linkbtn .link {
    font-size: 1.4rem;
    padding: 1.3rem 1.5rem 1.3rem 2.5rem;
    max-width: 30.0rem;
  }
}

.career .career-vision__message .item_linkbtn .link .arrow_icon {
  width: 4.6rem;
  height: 4.6rem;
  aspect-ratio: 1 / 1;
}

@media (max-width: 767px) {
  .career .career-vision__message .item_linkbtn .link .arrow_icon {
    width: 3.4rem;
    height: 3.4rem;
  }
}

.career .career-vision__message .item_linkbtn .link .arrow_icon .icon svg {
  width: 1.6rem;
  height: 1.3rem;
}

@media (max-width: 767px) {
  .career .career-vision__message .item_linkbtn .link .arrow_icon .icon svg {
    width: 1.3rem;
    height: 1.0rem;
  }
}

.contact {
  position: relative;
  overflow: hidden;
  /*情報開示請求*/
}

.contact .lower-page_motif {
  z-index: 1;
}

.contact .page-info .page-info__ttl {
  position: relative;
  z-index: 1;
}

.contact .contact-block {
  border-radius: 3.0rem;
  background-color: #fff;
  padding: 8.0rem 10.0rem;
  max-width: 116.0rem;
  width: 90%;
  margin: 0 auto 16.5rem;
  position: relative;
  z-index: 1;
}

@media (max-width: 767px) {
  .contact .contact-block {
    border-radius: 1.5rem;
    padding: 3.3rem 6% 8.0rem;
    margin: 0 auto 8.0rem;
  }
}

.contact .contact-intro {
  font-size: 1.6rem;
  text-align: center;
  line-height: 2;
  margin-bottom: 6.4rem;
}

@media (max-width: 767px) {
  .contact .contact-intro {
    text-align: left;
    font-size: 1.4rem;
    line-height: 1.8;
  }
}

@media (max-width: 767px) {
  .contact.kaiji .page-info__ttl .en_txt {
    font-size: 3.9rem;
  }
}

/*共通*/
.contact-form .form-group {
  display: flex;
  align-items: baseline;
  gap: 1.5rem 7.5rem;
}

@media (max-width: 767px) {
  .contact-form .form-group {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }
}

.contact-form .form-group:not(:last-of-type) {
  padding-bottom: 2.4rem;
  margin-bottom: 2.4rem;
  border-bottom: 0.1rem dotted rgba(134, 134, 134, 0.5);
}

@media (max-width: 767px) {
  .contact-form .form-group:not(:last-of-type) {
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
  }
}

.contact-form .form-group.form-group--privacy {
  margin-top: 4.0rem;
  justify-content: center;
  flex-wrap: wrap;
}

@media (max-width: 767px) {
  .contact-form .form-group.form-group--privacy {
    margin-top: 3.6rem;
  }
}

.contact-form .form-group.form-group--privacy .just-validate-error-label {
  text-align: center;
}

.contact-form .item-label {
  font-size: 1.7rem;
  line-height: 1;
  text-align: right;
  font-weight: 500;
  flex-shrink: 0;
  width: 20.5rem;
  position: relative;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
}

@media (max-width: 767px) {
  .contact-form .item-label {
    text-align: left;
    width: auto;
    letter-spacing: 0.03em;
    font-size: 1.6rem;
  }
}

.contact-form .item-label.center {
  transform: translateY(-0.3rem);
}

@media (max-width: 767px) {
  .contact-form .item-label.center {
    transform: translateY(0);
  }
}

.contact-form .item-label.note {
  display: flex;
  flex-direction: column;
  gap: 0.8rem;
}

@media (max-width: 767px) {
  .contact-form .item-label.note {
    flex-direction: row;
    align-items: center;
  }
}

.contact-form .item-label.note .sub {
  font-size: 1.4rem;
}

@media (max-width: 767px) {
  .contact-form .item-label.note .sub {
    font-size: 1.2rem;
  }
}

.contact-form .item-label.note .optional {
  transform: translateY(-100%);
}

@media (max-width: 767px) {
  .contact-form .item-label.note .optional {
    transform: translateY(-46%);
  }
}

.contact-form .item-label .optional {
  position: absolute;
  top: 50%;
  left: 100%;
  transform: translateY(-46%);
  display: block;
  font-size: 1.2rem;
  color: #fff;
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: 0.04em;
  background-color: #111111;
  border-radius: 0.3rem;
  margin-left: 1rem;
  padding: 0.3rem 0.5rem;
  white-space: nowrap;
}

@media (max-width: 767px) {
  .contact-form .item-label .optional {
    letter-spacing: 0.02em;
  }
}

.contact-form .input-item {
  line-height: 1;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0.4rem;
  background: #f9f9f9;
  border: 0.1rem solid #a0a0a0;
  font-size: 1.6rem;
  padding: 1.8rem 2.0rem;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
}

.contact-form .input-item.short {
  width: 30%;
  max-width: 8.0rem;
}

.contact-form .input-item:focus {
  outline: none;
  border-color: #ff9812;
}

.contact-form .input-item::placeholder {
  color: #d0cece;
}

@media (max-width: 767px) {
  .contact-form .input-item {
    letter-spacing: 0.03em;
    padding: 1.5rem 1.5rem;
  }
}

.contact-form textarea.input-item {
  line-height: 1.5;
}

.contact-form .box {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 1.0rem;
}

@media (max-width: 767px) {
  .contact-form .box {
    min-width: 100%;
  }
}

.contact-form .box.row {
  flex-direction: row;
  align-items: center;
  flex-wrap: wrap;
}

.contact-form .radio-group {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 1.0rem 4.0rem;
}

@media (max-width: 767px) {
  .contact-form .radio-group {
    margin-left: 1em;
  }
}

.contact-form .radio-group label {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: 1.6rem;
}

@media (max-width: 767px) {
  .contact-form .radio-group label {
    font-size: 1.5rem;
  }
}

.contact-form .radio-group input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 2.0rem;
  height: 2.0rem;
  border: 0.1rem solid #c5c5c5;
  border-radius: 50%;
  margin-right: 1.0rem;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .contact-form .radio-group input[type="radio"] {
    width: 1.8rem;
    height: 1.8rem;
  }
}

.contact-form .radio-group input[type="radio"]:checked {
  border-color: #c5c5c5;
}

.contact-form .radio-group input[type="radio"]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.2rem;
  height: 1.2rem;
  background-color: #ff9812;
  border-radius: 50%;
}

@media (max-width: 767px) {
  .contact-form .radio-group input[type="radio"]:checked::after {
    width: 1.0rem;
    height: 1.0rem;
  }
}

.contact-form .radio-group.column {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}

.contact-form .select-item {
  width: 60%;
  line-height: 1;
  box-sizing: border-box;
  border-radius: 0.4rem;
  background: #f9f9f9;
  border: 0.1rem solid #a0a0a0;
  font-size: 1.6rem;
  padding: 2.2rem 2.0rem;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ, sans-serif;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="13px" height="11px"><path fill-rule="evenodd" fill="rgb(53, 53, 53)" d="M5.452,10.642 L0.089,1.059 C-0.171,0.593 0.142,0.002 0.648,0.002 L11.373,0.002 C11.879,0.002 12.192,0.593 11.932,1.059 L6.569,10.642 C6.316,11.094 5.705,11.094 5.452,10.642 Z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 1.5rem center;
  background-size: 1.3rem 1.1rem;
  appearance: none;
  cursor: pointer;
}

@media (max-width: 767px) {
  .contact-form .select-item {
    width: 100%;
    font-size: 1.5rem;
    letter-spacing: 0.03em;
    padding: 2.0rem 1.5rem;
  }
}

.contact-form .select-item:focus {
  outline: none;
  border-color: #ff9812;
}

.contact-form .char-count {
  font-size: 1.5rem;
  text-align: right;
}

@media (max-width: 767px) {
  .contact-form .char-count {
    font-size: 1.4rem;
  }
}

.contact-form .just-validate-error-label {
  width: 100%;
}

.contact-form .submit_btn {
  display: block;
  margin: 5.5rem auto 0;
  width: 30.0rem;
  border: none;
  font-size: 1.7rem;
  color: #fff;
  font-weight: 600;
  line-height: 1;
  text-align: center;
  padding: 2.3rem 1.5rem;
  border-radius: 3.2rem;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  z-index: 1;
  background: linear-gradient(to right, #ff6b4e, #f79515);
}

@media (max-width: 767px) {
  .contact-form .submit_btn {
    margin: 3.6rem auto 0;
    width: 26.0rem;
    font-size: 1.6rem;
  }
}

.contact-form .submit_btn::before, .contact-form .submit_btn::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 3.2rem;
  z-index: -1;
  transition: opacity 0.3s ease;
}

.contact-form .submit_btn::before {
  background: linear-gradient(to right, #ff6b4e, #f79515);
}

.contact-form .submit_btn::after {
  background: linear-gradient(to left, #ff6b4e, #f79515);
  opacity: 0;
}

.contact-form .submit_btn:hover::before {
  opacity: 0;
}

.contact-form .submit_btn:hover::after {
  opacity: 1;
}

.privacy-checkbox {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.0rem;
  cursor: pointer;
  font-size: 1.6rem;
}

@media (max-width: 767px) {
  .privacy-checkbox {
    font-size: 1.4rem;
    gap: 0.5rem;
    width: 100%;
  }
}

.privacy-checkbox input[type="checkbox"] {
  appearance: none;
  -webkit-appearance: none;
  width: 1.8rem;
  height: 1.8rem;
  border: 0.1rem solid #c5c5c5;
  border-radius: 0.3rem;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
  margin: 0;
}

@media (max-width: 767px) {
  .privacy-checkbox input[type="checkbox"] {
    width: 2.0rem;
    height: 2.0rem;
  }
}

.privacy-checkbox input[type="checkbox"]:checked {
  background-color: #ff9812;
}

.privacy-checkbox input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.2rem;
  height: 1.0rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='13'%3E%3Cpath fill='%23fff' d='M13.592,0.249 C9.727,2.358 5.814,8.359 5.814,8.359 L2.284,4.423 L0.184,6.391 L5.289,12.625 L7.150,12.554 C9.536,5.522 14.809,0.812 14.809,0.812 L13.592,0.249 Z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.privacy-checkbox a {
  color: #111111;
  text-decoration: underline;
}

.privacy-checkbox a:hover {
  opacity: 0.7;
}

/*エントリー*/
.contact-form.entry-form .input-item {
  width: 85%;
}

@media (max-width: 767px) {
  .contact-form.entry-form .input-item {
    width: 100%;
  }
}

.contact-form.entry-form .char-count {
  font-size: 1.5rem;
  text-align: right;
  width: calc(100% - 15%);
}

@media (max-width: 767px) {
  .contact-form.entry-form .char-count {
    width: 100%;
  }
}

/*丸わかり*/
.entry-form-wrapper {
  max-width: 110.0rem;
  width: 90%;
  margin: 8.0rem auto 0;
  padding-bottom: 20.0rem;
}

.entry-form-wrapper .entry-form .input-item {
  background: #fff;
}

.entry-form-wrapper .entry-form .select-item {
  background: #fff;
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="13px" height="11px"><path fill-rule="evenodd" fill="rgb(53, 53, 53)" d="M5.452,10.642 L0.089,1.059 C-0.171,0.593 0.142,0.002 0.648,0.002 L11.373,0.002 C11.879,0.002 12.192,0.593 11.932,1.059 L6.569,10.642 C6.316,11.094 5.705,11.094 5.452,10.642 Z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 1.5rem center;
  background-size: 1.3rem 1.1rem;
}

.entry-form-wrapper .entry-form .radio-group input[type="radio"] {
  background: #fff;
}

.entry-form-wrapper .entry-form .privacy-checkbox input[type="checkbox"] {
  background: #fff;
}

.entry-form-wrapper .entry-form .privacy-checkbox input[type="checkbox"]:checked {
  background-color: #ff9812;
}

.entry-form-wrapper .entry-form .privacy-checkbox input[type="checkbox"]:checked::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1.2rem;
  height: 1.0rem;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='13'%3E%3Cpath fill='%23fff' d='M13.592,0.249 C9.727,2.358 5.814,8.359 5.814,8.359 L2.284,4.423 L0.184,6.391 L5.289,12.625 L7.150,12.554 C9.536,5.522 14.809,0.812 14.809,0.812 L13.592,0.249 Z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

/*モーダル*/
.privacy-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  visibility: hidden;
}

.privacy-modal.is-active, .privacy-modal.is-closing {
  visibility: visible;
}

.privacy-modal__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(160, 160, 160, 0.46);
  backdrop-filter: blur(3px);
  -webkit-backdrop-filter: blur(3px);
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s ease, backdrop-filter 0.3s ease;
}

.is-active .privacy-modal__overlay {
  opacity: 1;
}

.is-closing .privacy-modal__overlay {
  transition: opacity 0.7s ease, backdrop-filter 0.7s ease;
}

.privacy-modal__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
  width: 90%;
  max-width: 116.0rem;
  max-height: 80vh;
  background: #fff;
  border-radius: 1.5rem;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.is-active.is-content-visible .privacy-modal__content {
  opacity: 1;
  transform: translate(-50%, -50%);
}

@media (max-width: 767px) {
  .privacy-modal__content {
    width: 95%;
  }
}

.privacy-modal__close {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  width: 5.2rem;
  height: 5.2rem;
  background: #353535;
  border-radius: 50%;
  border: none;
  cursor: pointer;
  z-index: 1;
  transition: all .3s ease;
}

.privacy-modal__close::before, .privacy-modal__close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 3.0rem;
  height: 0.2rem;
  background-color: #fff;
}

.privacy-modal__close::before {
  transform: translate(-50%, -50%) rotate(30deg);
}

.privacy-modal__close::after {
  transform: translate(-50%, -50%) rotate(-30deg);
}

.privacy-modal__close:hover {
  opacity: 0.7;
}

@media (max-width: 767px) {
  .privacy-modal__close {
    width: 3.0rem;
    height: 3.0rem;
    top: -0.8rem;
    right: -0.3rem;
  }
  .privacy-modal__close::before, .privacy-modal__close::after {
    width: 2.0rem;
    height: 0.1rem;
  }
}

.privacy-modal__body {
  padding: 7.5rem 10rem 8.0rem;
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 80vh;
  border-radius: 1.5rem;
}

@media (max-width: 767px) {
  .privacy-modal__body {
    padding: 3.5rem 7% 4.0rem;
  }
}

.privacy-modal .privacy-policy .sec-info {
  padding-bottom: 3.8rem;
  margin-bottom: 5.0rem;
  border-bottom: 0.1rem solid rgba(134, 134, 134, 0.5);
}

@media (max-width: 767px) {
  .privacy-modal .privacy-policy .sec-info {
    padding-bottom: 3.0rem;
    margin-bottom: 2.0rem;
  }
}

.privacy-modal .privacy-policy .sec-info__ttl {
  display: flex;
  flex-direction: column;
  gap: 1.0rem;
}

@media (max-width: 767px) {
  .privacy-modal .privacy-policy .sec-info__ttl {
    gap: 0.5rem;
  }
}

.privacy-modal .privacy-policy .sec-info__ttl .ja-txt {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1;
  font-feature-settings: "palt";
  letter-spacing: 0.06em;
  position: relative;
}

@media (max-width: 767px) {
  .privacy-modal .privacy-policy .sec-info__ttl .ja-txt {
    font-size: 1.4rem;
  }
}

.privacy-modal .privacy-policy .sec-info__ttl .en-txt {
  font-family: "Outfit", sans-serif;
  font-size: 3.6rem;
  font-weight: 500;
  line-height: 1;
  position: relative;
  display: flex;
  align-items: center;
}

@media (max-width: 767px) {
  .privacy-modal .privacy-policy .sec-info__ttl .en-txt {
    font-size: 2.6rem;
  }
}

.privacy-modal .privacy-policy .sec-info__ttl .en-txt::before {
  content: "";
  position: absolute;
  left: -2rem;
  width: 1.1rem;
  height: 1.1rem;
  border-radius: 50%;
  background: linear-gradient(15deg, #ff890b 0%, #fbb00e 100%);
}

@media (max-width: 767px) {
  .privacy-modal .privacy-policy .sec-info__ttl .en-txt::before {
    width: 0.6rem;
    height: 0.6rem;
    left: -1.1rem;
  }
}

.privacy-modal .privacy-policy .item {
  font-size: 1.6rem;
  line-height: 2;
}

@media (max-width: 767px) {
  .privacy-modal .privacy-policy .item {
    font-size: 1.3rem;
    line-height: 1.8;
  }
}

.privacy-modal .privacy-policy .item .box {
  margin-top: 3.0rem;
}

@media (max-width: 767px) {
  .privacy-modal .privacy-policy .item .box {
    margin-top: 2.5rem;
  }
}

.privacy-modal .privacy-policy .item:not(:last-child) {
  margin-bottom: 3.0rem;
}

@media (max-width: 767px) {
  .privacy-modal .privacy-policy .item:not(:last-child) {
    margin-top: 2.5rem;
  }
}

/*完了*/
.contact.thanks .contact-block .block-ttl {
  font-size: 2.3rem;
  line-height: 1;
  font-weight: 600;
  text-align: center;
  color: #f55923;
  margin-bottom: 2.5rem;
}

@media (max-width: 767px) {
  .contact.thanks .contact-block .block-ttl {
    font-size: 1.8rem;
  }
}

.contact.thanks .contact-block .block-text {
  font-size: 1.6rem;
  line-height: 2;
  text-align: center;
}

@media (max-width: 767px) {
  .contact.thanks .contact-block .block-text {
    font-size: 1.35rem;
    text-align: left;
    line-height: 1.8;
    letter-spacing: 0;
  }
}

.contact.thanks .contact-block .note-box {
  margin-top: 5.5rem;
  border-radius: 1.6rem;
  line-height: 1.8;
  border: 0.1rem solid #a5a5a5;
  padding: 4.0rem 9.0rem;
}

@media (max-width: 767px) {
  .contact.thanks .contact-block .note-box {
    padding: 2.5rem 7%;
    border-radius: 0.8rem;
    margin-top: 3.5rem;
  }
}

.contact.thanks .contact-block .note-box p {
  font-size: 1.6rem;
}

@media (max-width: 767px) {
  .contact.thanks .contact-block .note-box p {
    font-size: 1.3rem;
    letter-spacing: 0;
  }
}

.contact.thanks .contact-block .note-box p + p {
  margin-top: 2.5rem;
}

@media (max-width: 767px) {
  .contact.thanks .contact-block .note-box p + p {
    margin-top: 2.0rem;
  }
}

.contact.thanks .contact-block .note-box p .e-address {
  color: #bbbbbb;
}

.contact.thanks .contact-block .btn_box {
  width: 30.0rem;
  margin: 10.0rem auto 0;
}

@media (max-width: 767px) {
  .contact.thanks .contact-block .btn_box {
    margin: 6.0rem auto 0;
    width: 26.0rem;
  }
}

.contact.thanks .contact-block .btn_box a {
  border-radius: 3.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #111111;
  padding: 2.0rem 0;
}

@media (max-width: 767px) {
  .contact.thanks .contact-block .btn_box a {
    border-radius: 3.0rem;
  }
}

.contact.thanks .contact-block .btn_box a .text {
  color: #fff;
  font-weight: 500;
  font-size: 1.7rem;
  line-height: 1;
}

@media (max-width: 767px) {
  .contact.thanks .contact-block .btn_box a .text {
    font-size: 1.6rem;
  }
}
/*# sourceMappingURL=style.css.map */