@charset "UTF-8";
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  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;
}

*, *::before, *::after {
  box-sizing: border-box;
}

body {
  text-size-adjust: 100%;
  letter-spacing: 0;
  color: #000;
  font-feature-settings: "palt";
  font-family: "游ゴシック体", YuGothic, "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN W3", HiraKakuProN-W3, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  background: #fff;
}

img {
  vertical-align: bottom;
  width: 100%;
  height: auto;
}

/* iOSでのデフォルトスタイルをリセット */
input[type=submit],
input[type=button],
input[type=date] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
}
input[type=submit]:-webkit-search-decoration,
input[type=button]:-webkit-search-decoration,
input[type=date]:-webkit-search-decoration {
  display: none;
}
input[type=submit]:focus,
input[type=button]:focus,
input[type=date]:focus {
  outline-offset: -2px;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

body {
  font-size: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
}

a {
  font-size: 16px;
  color: #222222;
  text-decoration: none;
}

.button, .topWorks__moreButton {
  margin: auto;
  padding: 24px 80px 24px 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #fff;
  background: #d43f0b;
  border: 1px solid #d43f0b;
  border-radius: 100px;
  transition: all 0.25s ease-in-out;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .button, .topWorks__moreButton {
    width: 100%;
    max-width: 375px;
    justify-content: space-between;
  }
}
.button::before, .topWorks__moreButton::before {
  margin: auto;
  content: "";
  position: absolute;
  top: 0;
  right: 40px;
  bottom: 0;
  width: 20px;
  height: 20px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="2.5" fill="white" stroke="white" stroke-width="2" /></svg>');
  transition: all 0.25s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .button::before, .topWorks__moreButton::before {
    background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.1667 3.33325C14.1667 6.55301 16.7802 9.16658 20 9.16658V10.8333C16.7802 10.8333 14.1667 13.4468 14.1667 16.6666H12.5C12.5 14.3113 13.5873 12.2085 15.2871 10.8333H0V9.16658H15.2871C13.5873 7.79131 12.5 5.68857 12.5 3.33325H14.1667Z" fill="white" /></svg>');
  }
}
.button:hover, .topWorks__moreButton:hover {
  color: #d43f0b;
  background: #fff;
}
.button:hover::before, .topWorks__moreButton:hover::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.1667 3.33325C14.1667 6.55301 16.7802 9.16658 20 9.16658V10.8333C16.7802 10.8333 14.1667 13.4468 14.1667 16.6666H12.5C12.5 14.3113 13.5873 12.2085 15.2871 10.8333H0V9.16658H15.2871C13.5873 7.79131 12.5 5.68857 12.5 3.33325H14.1667Z" fill="rgb(212,63,11)" /></svg>');
}
.button.--reverse, .--reverse.topWorks__moreButton {
  background: #fff;
  color: #d43f0b;
}
.button.--reverse::before, .--reverse.topWorks__moreButton::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="2.5" fill="rgb(212,63,11)" stroke="rgb(212,63,11)" stroke-width="2" /></svg>');
}
@media only screen and (max-width: 767px) {
  .button.--reverse::before, .--reverse.topWorks__moreButton::before {
    background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.1667 3.33325C14.1667 6.55301 16.7802 9.16658 20 9.16658V10.8333C16.7802 10.8333 14.1667 13.4468 14.1667 16.6666H12.5C12.5 14.3113 13.5873 12.2085 15.2871 10.8333H0V9.16658H15.2871C13.5873 7.79131 12.5 5.68857 12.5 3.33325H14.1667Z" fill="rgb(212,63,11)" /></svg>');
  }
}
.button.--reverse:hover, .--reverse.topWorks__moreButton:hover {
  color: #fff;
  background: #d43f0b;
  border: 1px solid #fff;
}
.button.--reverse:hover::before, .--reverse.topWorks__moreButton:hover::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.1667 3.33325C14.1667 6.55301 16.7802 9.16658 20 9.16658V10.8333C16.7802 10.8333 14.1667 13.4468 14.1667 16.6666H12.5C12.5 14.3113 13.5873 12.2085 15.2871 10.8333H0V9.16658H15.2871C13.5873 7.79131 12.5 5.68857 12.5 3.33325H14.1667Z" fill="rgb(255, 255, 255)" /></svg>');
}

.button-container {
  display: flex;
  max-width: 500px;
  z-index: 1;
}
.button-container > .button.--reverse, .button-container > .--reverse.topWorks__moreButton {
  margin-right: 10px;
}
@media only screen and (max-width: 767px) {
  .button-container {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .button-container {
    display: none;
  }
}

#fvCta.button-container {
  display: flex;
  max-width: 550px;
}
@media only screen and (max-width: 767px) {
  #fvCta.button-container {
    margin-top: 30px;
    gap: 10px;
    width: 100%;
    justify-content: center;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media only screen and (max-width: 600px) {
  #fvCta.button-container {
    flex-wrap: wrap;
    margin-top: 30px;
    gap: 10px;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #fvCta.button-container > .button, #fvCta.button-container > .topWorks__moreButton {
    width: 48%;
    height: 45px;
  }
}
@media only screen and (max-width: 600px) {
  #fvCta.button-container > .button, #fvCta.button-container > .topWorks__moreButton {
    width: 100%;
    height: 45px;
  }
}
@media only screen and (max-width: 767px) {
  #fvCta.button-container > .button.--reverse, #fvCta.button-container > .--reverse.topWorks__moreButton {
    margin-right: auto;
  }
}
@media only screen and (max-width: 600px) {
  #fvCta.button-container > .button.--reverse, #fvCta.button-container > .--reverse.topWorks__moreButton {
    margin-right: auto;
  }
}

.blogcard {
  margin: auto;
  width: 100%;
  max-width: 1000px;
}
@media only screen and (max-width: 767px) {
  .blogcard {
    padding: 0 24px;
  }
}
.blogcard > .box {
  background-color: #f4f4f4;
  border-radius: 16px;
  overflow: hidden;
  display: block;
}
.blogcard > .box > .blogtable {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .blogcard > .box > .blogtable {
    flex-direction: column;
  }
}
.blogcard > .box > .blogtable > .blogcard_thumbnail {
  width: 400px;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .blogcard > .box > .blogtable > .blogcard_thumbnail {
    width: 100%;
  }
}
.blogcard > .box > .blogtable > .blogcard_thumbnail > img {
  width: 100%;
  height: 100%;
  aspect-ratio: 400/236;
  object-fit: cover;
}
.blogcard > .box > .blogtable > .blogcard_content {
  padding: 36px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .blogcard > .box > .blogtable > .blogcard_content {
    padding: 24px;
  }
}
.blogcard > .box > .blogtable > .blogcard_content > .blogcard_subtitle {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .blogcard > .box > .blogtable > .blogcard_content > .blogcard_subtitle {
    font-size: 14px;
  }
}
.blogcard > .box > .blogtable > .blogcard_content > .blogcard_title {
  margin-top: 12px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .blogcard > .box > .blogtable > .blogcard_content > .blogcard_title {
    font-size: 20px;
  }
}
.blogcard > .box > .blogtable > .blogcard_content > .blogcard_bottom {
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.blogcard > .box > .blogtable > .blogcard_content > .blogcard_bottom > .category-box {
  display: flex;
  align-items: center;
}
.blogcard > .box > .blogtable > .blogcard_content > .blogcard_bottom > .category-box > img {
  margin-right: 8px;
  width: 15px;
  height: 15px;
}
.blogcard > .box > .blogtable > .blogcard_content > .blogcard_bottom > .category-box {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 13px;
  line-height: 100%;
  color: #d43f0b;
}
.blogcard > .box > .blogtable > .blogcard_content > .blogcard_bottom > .date {
  margin-left: 20px;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 13px;
  line-height: 160%;
  color: #1c1c1c;
}

.header {
  margin: 0;
  padding: 28px 36px;
  width: 100%;
  height: 104px;
  position: -webkit-sticky;
  position: sticky;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 0;
  z-index: 990;
  background-color: transparent;
}
.header.fixed {
  padding: 0 36px;
  position: fixed;
  background: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(4px);
  height: 100px;
}
@media only screen and (max-width: 767px) {
  .header.fixed {
    position: -webkit-sticky;
    position: sticky;
  }
}
.header.--hr-boost {
  padding: 0 36px;
  height: 80px;
  background: #fff;
}
@media only screen and (max-width: 767px) {
  .header.--hr-boost {
    padding: 0 24px;
    height: 60px;
  }
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .header {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .header {
    height: 60px;
    padding-top: 0;
    padding-right: 48px;
    padding-left: 48px;
    padding-bottom: 0;
    background-color: #fff;
  }
}
@media only screen and (max-width: 767px) {
  .header {
    height: 60px;
    padding: 0 24px;
    background-color: #fff;
  }
}
.header__inner {
  margin: auto;
  width: 100%;
  max-width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.header__inner__logo > .logo > .link {
  display: flex;
  align-items: center;
}
.header__inner__logo > .logo > .link > .image {
  width: 185px;
  height: 30px;
}
@media only screen and (max-width: 767px) {
  .header__inner__logo > .logo > .link > .image {
    width: 160px;
    height: 26px;
  }
}
@media only screen and (max-width: 767px) {
  .header__inner__logo > .logo > .link > .image.--hr-boost {
    width: 152px;
    height: 40px;
  }
}
.header__inner__nav {
  margin-left: auto;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .header__inner__nav {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .header__inner__nav {
    display: none;
  }
}
.header__inner__nav > .link {
  margin-right: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 160%;
  color: #1c1c1c;
  transition: all 0.25s ease-in-out;
}
@media only screen and (min-width: 1020px) and (max-width: 1160px) {
  .header__inner__nav > .link {
    margin-right: 14px;
    font-size: 15px;
  }
}
.header__inner__nav > .link.--button {
  padding: 10px 24px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #ffffff;
  background: #d43f0b;
  border: 1px solid #d43f0b;
  border-radius: 48px;
}
.header__inner__nav > .link.--button:hover {
  background: #fff;
}
.header__inner__nav > .link:last-child {
  margin-right: 0;
}
.header__inner__nav > .link.--is-opened {
  color: #d43f0b;
}
.header__inner__nav > .link.--is-opened > .icon-lower-triangle {
  transform: rotate(180deg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none"><path d="M5 8L0 0L10 1.00947e-06L5 8Z" fill="rgb(212,63,11)"/></svg>');
}
.header__inner__nav > .link:hover {
  color: #d43f0b;
}
.header__inner__nav > .link:hover > .icon {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.33337 2L15.3334 2V11.3333H3.33337L3.33337 2ZM4.66671 3.33333V10H14V3.33333H4.66671Z" fill="rgb(212,63,11)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M0.666687 5.3335H2.00002V12.6668H12V14.0002H0.666687L0.666687 5.3335Z" fill="rgb(212,63,11)" /></svg>');
}
.header__inner__nav > .link:hover > .icon-lower-triangle {
  transform: rotate(180deg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none"><path d="M5 8L0 0L10 1.00947e-06L5 8Z" fill="rgb(212,63,11)"/></svg>');
}
.header__inner__nav > .link > .icon {
  margin-left: 8px;
  display: inline-block;
  width: 16px;
  height: 16px;
  transition: all 0.25s ease-in-out;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.33337 2L15.3334 2V11.3333H3.33337L3.33337 2ZM4.66671 3.33333V10H14V3.33333H4.66671Z" fill="rgb(28,28,28)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M0.666687 5.3335H2.00002V12.6668H12V14.0002H0.666687L0.666687 5.3335Z" fill="rgb(28, 28, 28)" /></svg>');
}
.header__inner__nav > .lp-button.download {
  padding: 16px 24px;
  width: fit-content;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
  background: #ffffff;
  border: 2px solid #d43f0b;
  border-radius: 100px;
}
.header__inner__nav > .lp-button.download::after {
  margin: auto;
  margin-left: 8px;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.header__inner__nav > .lp-button.contact {
  margin-left: 16px;
  padding: 16px 24px;
  width: fit-content;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #ffffff;
  background: #d43f0b;
  border-radius: 100px;
}
.header__inner__nav > .lp-button.contact::after {
  margin: auto;
  margin-left: 8px;
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.header__inner__nav__service {
  position: relative;
}
.header__inner__nav__service .header-bg {
  margin: 0;
  width: 100vw;
  height: 0;
  background-color: #101010;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  opacity: 0;
  z-index: 990;
  transition: opacity 0.25s ease-in;
}
.header__inner__nav__service .header-bg.--is-opened {
  opacity: 0.4;
  height: 100vh;
}
.header__inner__nav__service > .link {
  margin-right: 30px;
  display: flex;
  align-items: center;
  color: #1c1c1c;
  leading-trim: both;
  text-edge: cap;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px;
  line-height: normal;
  transition: all 0.25s ease-in;
  cursor: pointer;
  position: relative;
}
.header__inner__nav__service > .link > .icon-lower-triangle {
  margin-left: 8px;
  display: inline-block;
  width: 10px;
  height: 8px;
  transition: all 0.25s ease-in-out;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none"><path d="M5 8L0 0L10 1.00947e-06L5 8Z" fill="rgb(28, 28, 28)"/></svg>');
}
.header__inner__nav__service > .link.--is-active {
  color: #d43f0b;
}
.header__inner__nav__service > .link.--is-active > .icon-lower-triangle {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none"><path d="M5 8L0 0L10 1.00947e-06L5 8Z" fill="rgb(212,63,11)"/></svg>');
}
.header__inner__nav__service > .link.--is-opened {
  color: #d43f0b;
}
.header__inner__nav__service > .link.--is-opened > .icon-lower-triangle {
  transform: rotate(180deg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none"><path d="M5 8L0 0L10 1.00947e-06L5 8Z" fill="rgb(212,63,11)"/></svg>');
}
.header__inner__nav__service > .inner-box {
  position: absolute;
  top: 0;
  z-index: 999;
}
.header__inner__nav__service > .inner-box.--is-opened > .link {
  color: #d43f0b;
}
.header__inner__nav__service > .inner-box.--is-opened > .link > .icon-lower-triangle {
  transform: rotate(180deg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="8" viewBox="0 0 10 8" fill="none"><path d="M5 8L0 0L10 1.00947e-06L5 8Z" fill="rgb(212,63,11)"/></svg>');
}
.header__inner__nav__service > .inner-box.--is-opened > .service__menu {
  top: 40px;
}
.header__inner__nav__service > .inner-box > .dummy-link {
  width: 85px;
  height: 19px;
  display: block;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.header__inner__nav__service > .inner-box > .service__menu {
  padding: 36px;
  width: fit-content;
  background-color: #fff;
  border-radius: 16px;
  position: absolute;
  top: -100vh;
  left: 0;
}
.header__inner__nav__service > .inner-box > .service__menu > .link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  column-gap: 8px;
  color: var(--Primary, #d43f0b);
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.18px;
  position: relative;
}
.header__inner__nav__service > .inner-box > .service__menu > .link::after {
  margin: 0;
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data: image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="17" viewBox="0 0 16 17" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.3333 3.16669C11.3333 5.7425 13.4242 7.83335 16 7.83335V9.16669C13.4242 9.16669 11.3333 11.2575 11.3333 13.8334H10C10 11.9491 10.8699 10.2669 12.2297 9.16669H0V7.83335H12.2297C10.8699 6.73313 10 5.05094 10 3.16669H11.3333Z" fill="rgb(212,63,11)"/></svg>');
}
.header__inner__nav__service > .inner-box > .service__menu > .list {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}
.header__inner__nav__service > .inner-box > .service__menu > .list .sub-list {
  margin-top: 16px;
  margin-left: 24px;
}
.header__inner__nav__service > .inner-box > .service__menu > .list .sub-list li {
  margin-bottom: 12px;
}
.header__inner__nav__service > .inner-box > .service__menu > .list .sub-list .eng {
  color: var(--Grayscale-01, #1c1c1c);
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 15px;
  line-height: 22.5px;
  letter-spacing: -0.1px;
}
.header__inner__nav__service > .inner-box > .service__menu > .list .sub-list .eng:hover {
  color: #d43f0b;
}
.header__inner__nav__service > .inner-box > .service__menu > .list .sub-list .sub-list-icon {
  width: 12px;
  height: 12px;
  vertical-align: baseline;
  margin-right: 8px;
}
.header__inner__nav__service > .inner-box > .service__menu > .list .link {
  width: 287px;
  display: flex;
  flex-direction: column;
  position: relative;
}
.header__inner__nav__service > .inner-box > .service__menu > .list .link::after {
  margin: auto;
  content: "";
  display: block;
  width: 36px;
  height: 36px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data: image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none"><circle cx="18" cy="18" r="4.5" fill="rgb(212,63,11)"/></svg>');
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  transform: all 0.25s ease-in;
}
.header__inner__nav__service > .inner-box > .service__menu > .list .link > .eng {
  color: var(--Grayscale-01, #1c1c1c);
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 18px;
  line-height: 150%; /* 27px */
  letter-spacing: -0.18px;
}
.header__inner__nav__service > .inner-box > .service__menu > .list .link > .jpn {
  color: var(--Grayscale-01, #1c1c1c);
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 13px;
  line-height: 160%; /* 20.8px */
}
.header__inner__nav__service > .inner-box > .service__menu > .list .link:hover::after {
  width: 16px;
  height: 16px;
  right: 8px;
  background-image: url('data: image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.3333 2.66666C11.3333 5.24247 13.4242 7.33332 16 7.33332V8.66666C13.4242 8.66666 11.3333 10.7575 11.3333 13.3333H10C10 11.4491 10.8699 9.76688 12.2297 8.66666H0V7.33332H12.2297C10.8699 6.2331 10 4.55091 10 2.66666H11.3333Z" fill="rgb(212,63,11)"/></svg>');
}
.header__inner__nav-left {
  margin-left: 40px;
  display: flex;
  align-items: center;
  column-gap: 40px;
}
.header__inner__nav-left > .link {
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  color: #000;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.32px;
}
.header__inner__menu {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .header__inner__menu {
    margin-left: auto;
    display: block;
    width: 24px;
    height: 14px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data: image/svg+xml;utf8,<svg width="24" height="14" viewBox="0 0 24 14" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="2" fill="rgb(28,28,28)" /><rect y="6" width="24" height="2" fill="rgb(28, 28, 28)" /><rect y="12" width="24" height="2" fill="rgb(28, 28, 28)" /></svg>');
    cursor: pointer;
    transition-property: background-image;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
  }
  .header__inner__menu.--is-open {
    background-image: url('data: image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" fill="white" /><rect x="2.80762" y="19.7783" width="24" height="2" transform="rotate(-45 2.80762 19.7783)" fill="rgb(28, 28, 28)" /><rect x="4.22192" y="2.80762" width="24" height="2" transform="rotate(45 4.22192 2.80762)" fill="rgb(28, 28, 28)" /></svg>');
  }
  .header__inner__menu.--red {
    background-image: url('data: image/svg+xml;utf8,<svg width="24" height="14" viewBox="0 0 24 14" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="2" fill="rgb(212,63,11)" /><rect y="6" width="24" height="2" fill="rgb(212,63,11)" /><rect y="12" width="24" height="2" fill="rgb(212,63,11)" /></svg>');
  }
  .header__inner__menu.--red.--is-open {
    background-image: url('data: image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" fill="white" /><rect x="2.80762" y="19.7783" width="24" height="2" transform="rotate(-45 2.80762 19.7783)" fill="rgb(212,63,11)" /><rect x="4.22192" y="2.80762" width="24" height="2" transform="rotate(45 4.22192 2.80762)" fill="rgb(212,63,11)" /></svg>');
  }
}
@media only screen and (max-width: 767px) {
  .header__inner__menu {
    margin-left: auto;
    display: block;
    width: 24px;
    height: 14px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data: image/svg+xml;utf8,<svg width="24" height="14" viewBox="0 0 24 14" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="2" fill="rgb(28,28,28)" /><rect y="6" width="24" height="2" fill="rgb(28, 28, 28)" /><rect y="12" width="24" height="2" fill="rgb(28, 28, 28)" /></svg>');
    cursor: pointer;
    transition-property: background-image;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
  }
  .header__inner__menu.--is-open {
    background-image: url('data: image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" fill="white" /><rect x="2.80762" y="19.7783" width="24" height="2" transform="rotate(-45 2.80762 19.7783)" fill="rgb(28, 28, 28)" /><rect x="4.22192" y="2.80762" width="24" height="2" transform="rotate(45 4.22192 2.80762)" fill="rgb(28, 28, 28)" /></svg>');
  }
  .header__inner__menu.--red {
    background-image: url('data: image/svg+xml;utf8,<svg width="24" height="14" viewBox="0 0 24 14" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="2" fill="rgb(212,63,11)" /><rect y="6" width="24" height="2" fill="rgb(212,63,11)" /><rect y="12" width="24" height="2" fill="rgb(212,63,11)" /></svg>');
  }
  .header__inner__menu.--red.--is-open {
    background-image: url('data: image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" fill="white" /><rect x="2.80762" y="19.7783" width="24" height="2" transform="rotate(-45 2.80762 19.7783)" fill="rgb(212,63,11)" /><rect x="4.22192" y="2.80762" width="24" height="2" transform="rotate(45 4.22192 2.80762)" fill="rgb(212,63,11)" /></svg>');
  }
}

.hamburger-menu {
  width: 100%;
  height: calc(100vh - 60px);
  position: fixed;
  top: 60px;
  background-color: #ffffff;
  z-index: 990;
  transform: translateX(100%);
  transition-property: transform;
  transition-duration: 300ms;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
}
.hamburger-menu.--is-open {
  transform: translateX(0);
}
.hamburger-menu__inner {
  margin: auto;
  padding: 36px 24px;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .hamburger-menu__inner {
    padding: 36px 48px;
  }
}
.hamburger-menu__inner__nav {
  display: flex;
  flex-direction: column;
}
.hamburger-menu__inner__nav > .link {
  margin-top: 24px;
  width: 100%;
  display: block;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 24px;
  line-height: 120%;
  letter-spacing: -0.01em;
  color: #1c1c1c;
}
.hamburger-menu__inner__nav > .link:first-child {
  margin-top: 0;
}
.hamburger-menu__inner__nav > .link > .icon {
  margin-left: 10px;
  display: inline-block;
  width: 22px;
  height: 22px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.33337 2L15.3334 2V11.3333H3.33337L3.33337 2ZM4.66671 3.33333V10H14V3.33333H4.66671Z" fill="rgb(28,28,28)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M0.666687 5.3335H2.00002V12.6668H12V14.0002H0.666687L0.666687 5.3335Z" fill="rgb(28, 28, 28)" /></svg>');
}
.hamburger-menu__inner__nav > .button, .hamburger-menu__inner__nav > .topWorks__moreButton {
  margin-top: 48px;
}
.hamburger-menu__inner__nav > .lp-button.download {
  padding: 16px 24px;
  width: 100%;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
  background: #ffffff;
  border: 2px solid #d43f0b;
  border-radius: 100px;
}
.hamburger-menu__inner__nav > .lp-button.download::after {
  margin: 0;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.hamburger-menu__inner__nav > .lp-button.contact {
  margin-top: 8px;
  padding: 16px 24px;
  width: 100%;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #ffffff;
  background: #d43f0b;
  border-radius: 100px;
}
.hamburger-menu__inner__nav > .lp-button.contact::after {
  margin: 0;
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

@media only screen and (max-width: 767px) {
  .footer-wrapper {
    margin-top: 0;
  }
}

.footer__post {
  margin: 100px 0 0 0;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .footer__post {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .footer__post {
    padding: 0 48px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__post {
    margin-top: 54px;
    padding: 0 24px;
  }
}
.footer__post__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.footer__post__inner > .posts-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 40px;
}
@media only screen and (max-width: 767px) {
  .footer__post__inner > .posts-box {
    row-gap: 60px;
  }
}
.footer__post__inner > .posts-box > .post-box {
  margin: 0;
  padding: 60px 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #1c1c1c;
  position: relative;
  transition: all 0.25s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .footer__post__inner > .posts-box > .post-box {
    padding: 0 76px 36px 0;
  }
}
.footer__post__inner > .posts-box > .post-box > .title {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #1c1c1c;
  transition: all 0.25s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .footer__post__inner > .posts-box > .post-box > .title {
    font-size: 26px;
  }
}
.footer__post__inner > .posts-box > .post-box > .desc {
  margin: 8px 0 0 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  transition: all 0.25s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .footer__post__inner > .posts-box > .post-box > .desc {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 14px;
  }
}
.footer__post__inner > .posts-box > .post-box::before {
  margin: auto;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 80px;
  height: 80px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data: image/svg+xml;utf8,<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="40" cy="40" r="40" fill="rgb(212,63,11)" /><circle cx="40" cy="40" r="2.5" fill="white" stroke="white" stroke-width="2" /></svg>');
  transition: all 0.25s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .footer__post__inner > .posts-box > .post-box::before {
    width: 60px;
    height: 60px;
    background-image: url('data: image/svg+xml;utf8,<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="40" cy="40" r="40" fill="rgb(212,63,11)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M44.1667 33.3333C44.1667 36.553 46.7802 39.1666 50 39.1666V40.8333C46.7802 40.8333 44.1667 43.4468 44.1667 46.6666H42.5C42.5 44.3113 43.5873 42.2085 45.2871 40.8333H30V39.1666H45.2871C43.5873 37.7913 42.5 35.6886 42.5 33.3333H44.1667Z" fill="white" /></svg>');
  }
}
.footer__post__inner > .posts-box > .post-box:hover {
  border-bottom: 1px solid #d43f0b;
}
.footer__post__inner > .posts-box > .post-box:hover > .title {
  color: #d43f0b;
}
.footer__post__inner > .posts-box > .post-box:hover > .desc {
  color: #d43f0b;
}
.footer__post__inner > .posts-box > .post-box:hover::before {
  background-image: url('data: image/svg+xml;utf8,<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="40" cy="40" r="40" fill="rgb(212,63,11)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M44.1667 33.3333C44.1667 36.553 46.7802 39.1666 50 39.1666V40.8333C46.7802 40.8333 44.1667 43.4468 44.1667 46.6666H42.5C42.5 44.3113 43.5873 42.2085 45.2871 40.8333H30V39.1666H45.2871C43.5873 37.7913 42.5 35.6886 42.5 33.3333H44.1667Z" fill="white" /></svg>');
}

.footer__contact {
  margin: 40px 0;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .footer__contact {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .footer__contact {
    padding: 0 48px;
  }
}
@media only screen and (max-width: 767px) {
  .footer__contact {
    margin: 60px 0;
    padding: 0 24px;
  }
}
.footer__contact__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.footer__contact__inner > .contacts-box {
  margin: auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .footer__contact__inner > .contacts-box {
    flex-wrap: wrap;
  }
}
.footer__contact__inner > .contacts-box > .contact-box,
.footer__contact__inner > .contacts-box > .download-box {
  margin: 0;
  padding: 60px 116px 60px 0;
  width: calc(50% - 30px);
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #1c1c1c;
  position: relative;
  transition: all 0.25s ease-in-out;
}
.footer__contact__inner > .contacts-box > .contact-box.--wide,
.footer__contact__inner > .contacts-box > .download-box.--wide {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .footer__contact__inner > .contacts-box > .contact-box,
  .footer__contact__inner > .contacts-box > .download-box {
    padding: 0 76px 36px 0;
    width: 100%;
  }
  .footer__contact__inner > .contacts-box > .contact-box:last-of-type,
  .footer__contact__inner > .contacts-box > .download-box:last-of-type {
    margin-top: 60px;
  }
}
.footer__contact__inner > .contacts-box > .contact-box > .title,
.footer__contact__inner > .contacts-box > .download-box > .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 36px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  transition: all 0.25s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .footer__contact__inner > .contacts-box > .contact-box > .title,
  .footer__contact__inner > .contacts-box > .download-box > .title {
    font-size: 20px;
  }
}
.footer__contact__inner > .contacts-box > .contact-box > .desc,
.footer__contact__inner > .contacts-box > .download-box > .desc {
  margin: 16px 0 0 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  transition: all 0.25s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .footer__contact__inner > .contacts-box > .contact-box > .desc,
  .footer__contact__inner > .contacts-box > .download-box > .desc {
    margin-top: 8px;
    font-size: 14px;
  }
}
.footer__contact__inner > .contacts-box > .contact-box::before,
.footer__contact__inner > .contacts-box > .download-box::before {
  margin: auto;
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 80px;
  height: 80px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data: image/svg+xml;utf8,<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="40" cy="40" r="40" fill="rgb(212,63,11)" /><circle cx="40" cy="40" r="2.5" fill="white" stroke="white" stroke-width="2" /></svg>');
  transition: all 0.25s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .footer__contact__inner > .contacts-box > .contact-box::before,
  .footer__contact__inner > .contacts-box > .download-box::before {
    width: 60px;
    height: 60px;
    background-image: url('data: image/svg+xml;utf8,<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="40" cy="40" r="40" fill="rgb(212,63,11)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M44.1667 33.3333C44.1667 36.553 46.7802 39.1666 50 39.1666V40.8333C46.7802 40.8333 44.1667 43.4468 44.1667 46.6666H42.5C42.5 44.3113 43.5873 42.2085 45.2871 40.8333H30V39.1666H45.2871C43.5873 37.7913 42.5 35.6886 42.5 33.3333H44.1667Z" fill="white" /></svg>');
  }
}
.footer__contact__inner > .contacts-box > .contact-box:hover,
.footer__contact__inner > .contacts-box > .download-box:hover {
  border-bottom: 1px solid #d43f0b;
}
.footer__contact__inner > .contacts-box > .contact-box:hover > .title,
.footer__contact__inner > .contacts-box > .download-box:hover > .title {
  color: #d43f0b;
}
.footer__contact__inner > .contacts-box > .contact-box:hover > .desc,
.footer__contact__inner > .contacts-box > .download-box:hover > .desc {
  color: #d43f0b;
}
.footer__contact__inner > .contacts-box > .contact-box:hover::before,
.footer__contact__inner > .contacts-box > .download-box:hover::before {
  background-image: url('data: image/svg+xml;utf8,<svg width="80" height="80" viewBox="0 0 80 80" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="40" cy="40" r="40" fill="rgb(212,63,11)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M44.1667 33.3333C44.1667 36.553 46.7802 39.1666 50 39.1666V40.8333C46.7802 40.8333 44.1667 43.4468 44.1667 46.6666H42.5C42.5 44.3113 43.5873 42.2085 45.2871 40.8333H30V39.1666H45.2871C43.5873 37.7913 42.5 35.6886 42.5 33.3333H44.1667Z" fill="white" /></svg>');
}

.footer {
  margin: 160px 0 0 0;
  padding: 100px 80px 40px 80px;
  width: 100%;
  position: relative;
  z-index: 2;
  background: #1c1c1c;
}
.footer.lp {
  margin: 0;
  padding: 64px 0 40px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .footer {
    padding-right: 48px;
    padding-left: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .footer {
    margin-top: 80px;
    padding: 60px 24px;
  }
}
.footer__inner {
  margin: auto;
  width: 100%;
  max-width: 1240px;
}
.footer__inner__top {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .footer__inner__top {
    flex-wrap: wrap;
  }
}
.footer__inner__top > .logo {
  width: 50%;
}
.footer__inner__top > .logo.lp {
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .footer__inner__top > .logo {
    width: 40%;
  }
}
@media only screen and (max-width: 767px) {
  .footer__inner__top > .logo {
    width: 100%;
  }
}
.footer__inner__top > .logo > .link {
  display: block;
}
.footer__inner__top > .logo > .link > .image {
  width: 240px;
  height: 39px;
}
@media only screen and (max-width: 767px) {
  .footer__inner__top > .logo > .link > .image {
    width: 216px;
    height: 35px;
  }
}
.footer__inner__top > .nav {
  width: 50%;
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .footer__inner__top > .nav {
    width: 60%;
  }
}
@media only screen and (max-width: 767px) {
  .footer__inner__top > .nav {
    margin-top: 36px;
    width: 100%;
    flex-wrap: wrap;
  }
}
.footer__inner__top > .nav > .list {
  width: auto;
}
.footer__inner__top > .nav > .list > li {
  margin-bottom: 8px;
}
.footer__inner__top > .nav > .list > li > .link {
  display: flex;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 24px;
  line-height: 160%;
  color: #ffffff;
  transition: all 0.25s ease-in-out;
}
.footer__inner__top > .nav > .list > li > .link:hover {
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .footer__inner__top > .nav > .list > li > .link {
    font-size: 20px;
  }
}
.footer__inner__top > .nav > .list > li:last-of-type {
  margin-bottom: 0;
}
.footer__inner__top > .nav > .banners-box {
  width: 320px;
}
@media only screen and (max-width: 767px) {
  .footer__inner__top > .nav > .banners-box {
    margin-top: 36px;
    width: 100%;
    max-width: 327px;
  }
}
.footer__inner__top > .nav > .banners-box > .list > li {
  margin-bottom: 16px;
}
.footer__inner__top > .nav > .banners-box > .list > li > .link {
  width: 100%;
  padding: 24px 40px;
  display: flex;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 160%;
  color: #ffffff;
  background: #d43f0b;
  border-radius: 100px;
  position: relative;
  background: #d43f0b;
  border: 1px solid #d43f0b;
  transition: all 0.25s ease-in-out;
}
.footer__inner__top > .nav > .banners-box > .list > li > .link.--contact {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
}
.footer__inner__top > .nav > .banners-box > .list > li > .link::after {
  margin: auto;
  content: "";
  position: absolute;
  right: 40px;
  top: 0;
  bottom: 0;
  transition: all 0.25s ease-in-out;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="2.5" fill="white" stroke="white" stroke-width="2"/></svg>');
}
@media only screen and (max-width: 767px) {
  .footer__inner__top > .nav > .banners-box > .list > li > .link::after {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.1667 3.33325C14.1667 6.55301 16.7802 9.16658 20 9.16658V10.8333C16.7802 10.8333 14.1667 13.4468 14.1667 16.6666H12.5C12.5 14.3113 13.5873 12.2085 15.2871 10.8333H0V9.16658H15.2871C13.5873 7.79131 12.5 5.68857 12.5 3.33325H14.1667Z" fill="white" /></svg>');
    border: 0;
    background-color: transparent;
  }
}
.footer__inner__top > .nav > .banners-box > .list > li > .link:hover {
  background: #fff;
  color: #d43f0b;
}
.footer__inner__top > .nav > .banners-box > .list > li > .link:hover::after {
  width: 20px;
  height: 20px;
  border: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.1667 3.33331C14.1667 6.55308 16.7802 9.16665 20 9.16665V10.8333C16.7802 10.8333 14.1667 13.4469 14.1667 16.6666H12.5C12.5 14.3113 13.5873 12.2086 15.2871 10.8333H0V9.16665H15.2871C13.5873 7.79137 12.5 5.68863 12.5 3.33331H14.1667Z" fill="rgb(212,63,11)" /></svg>');
}
.footer__inner__top > .nav > .banners-box > .list > li:last-of-type {
  margin-bottom: 0;
}
.footer__inner__copyright-box {
  margin-top: 100px;
  padding-top: 40px;
  width: 100%;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 12px;
  line-height: 14px;
  color: #fff;
  letter-spacing: -0.02em;
  text-align: left;
  border-top: 1px solid #666666;
}
.footer__inner__copyright-box.lp {
  margin-top: 64px;
}
@media only screen and (max-width: 767px) {
  .footer__inner__copyright-box {
    margin-top: 36px;
    padding-top: 24px;
    text-align: center;
  }
}
.footer__inner__bottom {
  position: relative;
}
.footer__inner__sublist-box {
  position: absolute;
  display: flex;
  right: 0;
  bottom: 0;
  gap: 30px;
}
@media only screen and (max-width: 767px) {
  .footer__inner__sublist-box {
    position: relative;
    display: block;
    margin: 36px 0;
    right: auto;
    bottom: auto;
  }
}
.footer__inner__sublist-box li a {
  color: #fff;
  font-size: 12px;
  margin-bottom: 1em;
}

.container {
  margin: 0;
  width: 100%;
}
.container.work {
  overflow: clip;
}
.container.news {
  overflow: hidden;
}
.container.about {
  overflow: hidden;
}
.container__inner {
  margin: auto;
  margin-top: 56px;
  width: 100%;
  max-width: 1280px;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .container__inner {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .container__inner {
    padding: 0 48px;
  }
}
@media only screen and (max-width: 767px) {
  .container__inner {
    margin-top: 36px;
    padding: 0 24px;
  }
}
.container__inner__header {
  width: 100%;
}
.container__inner__header > .title-container {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .container__inner__header > .title-container {
    flex-wrap: wrap;
  }
}
.container__inner__header > .title-container > .title {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.container__inner__header > .title-container > .title > .jpn {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .container__inner__header > .title-container > .title > .jpn {
    font-size: 14px;
    line-height: 160%;
  }
}
.container__inner__header > .title-container > .title > .eng {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 70px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .container__inner__header > .title-container > .title > .eng {
    font-size: 54px;
    line-height: 120%;
  }
}
@media only screen and (max-width: 767px) {
  .container__inner__header > .title-container > .title.--small > .eng {
    font-size: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .container__inner__header > .title-container > .title.--about-us > .eng {
    font-size: 42px;
  }
}
@media only screen and (max-width: 767px) {
  .container__inner__header > .title-container > .title.--about-us > .jpn {
    line-height: normal;
  }
}
.container__inner__header > .title {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.container__inner__header > .title > .jpn {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .container__inner__header > .title > .jpn {
    font-size: 14px;
    line-height: 160%;
  }
}
.container__inner__header > .title > .eng {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 70px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .container__inner__header > .title > .eng {
    font-size: 54px;
    line-height: 120%;
  }
}
@media only screen and (max-width: 767px) {
  .container__inner__header > .title.--small > .eng {
    font-size: 35px;
  }
}
@media only screen and (max-width: 767px) {
  .container__inner__header > .title.--about-us > .eng {
    font-size: 42px;
  }
}
@media only screen and (max-width: 767px) {
  .container__inner__header > .title.--about-us > .jpn {
    line-height: normal;
  }
}
.container__inner__header__breadcrumb {
  margin: 0;
  margin-bottom: 60px;
}
.container__inner__header__breadcrumb > .link {
  display: flex;
  align-items: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  text-align: justify;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .container__inner__header__breadcrumb > .link {
    font-size: 14px;
  }
}
.container__inner__header__breadcrumb > .link > .icon {
  margin-right: 16px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.83333 16.6665C5.83333 13.4467 3.21977 10.8332 5.09966e-07 10.8332L6.55671e-07 9.1665C3.21977 9.1665 5.83333 6.55293 5.83334 3.33317L7.5 3.33317C7.5 5.68849 6.41268 7.79122 4.71291 9.1665L20 9.1665L20 10.8332L4.71291 10.8332C6.41268 12.2084 7.5 14.3112 7.5 16.6665L5.83333 16.6665Z" fill="rgb(28,28,28)" /></svg>');
}
.container__inner__content {
  margin-top: 100px;
  margin-bottom: 160px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .container__inner__content {
    margin-top: 48px;
    margin-bottom: 80px;
  }
}

.top__copy {
  margin: 0;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .top__copy {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .top__copy {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .top__copy {
    padding: 0 24px;
  }
}
.top__copy__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
  height: calc(100vh - 103px - 80px);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .top__copy__inner {
    height: 100%;
    margin-bottom: 40px;
    flex-wrap: wrap;
    align-content: center;
  }
}
.top__copy__inner > .copy-text {
  width: 53.9%;
}
@media only screen and (max-width: 767px) {
  .top__copy__inner > .copy-text {
    width: 100%;
  }
}
.top__copy__inner > .copy-text > .text {
  margin: 40px 0 0 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 28px;
  line-height: 100%;
  letter-spacing: 0.02em;
  font-feature-settings: "palt" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .top__copy__inner > .copy-text > .text {
    margin-top: 16px;
    font-size: 15.4px;
    line-height: 160%;
    text-align: center;
  }
}
.top__copy__inner > .copy-image {
  width: 39.84%;
}
@media only screen and (max-width: 767px) {
  .top__copy__inner > .copy-image {
    margin-top: 36px;
    width: 100%;
  }
}

.top__video {
  margin: 0;
  padding: 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .top__video {
    padding: 0;
  }
}
.top__video__inner {
  margin: auto;
  width: 100%;
}
.top__video__inner > .video-box {
  width: 100%;
  aspect-ratio: 1280/706;
  border-radius: 60px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .top__video__inner > .video-box {
    aspect-ratio: 375/375;
  }
}
.top__video__inner > .video-box > video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.top__lead {
  margin: 160px 0 0 0;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .top__lead {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .top__lead {
    padding: 0 48px;
  }
}
@media only screen and (max-width: 767px) {
  .top__lead {
    margin-top: 80px;
    padding: 0 24px;
  }
}
.top__lead__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.top__lead__inner > .title {
  margin: 0;
  padding: 0;
  width: 100%;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 64px;
  line-height: 120%;
  letter-spacing: -0.01em;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .top__lead__inner > .title {
    font-size: 30px;
    line-height: 120%;
  }
}
.top__lead__inner > .text {
  margin: 36px 0 0 0;
  padding: 0;
  width: 100%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .top__lead__inner > .text {
    margin-top: 24px;
    font-size: 16px;
  }
}
.top__lead__inner > .services-box {
  margin: 100px 0 0 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .top__lead__inner > .services-box {
    margin-top: 34px;
  }
}
.top__lead__inner > .services-box > .list-box {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-column-gap: 16px;
}
@media only screen and (max-width: 767px) {
  .top__lead__inner > .services-box > .list-box {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 24px;
  }
}
.top__lead__inner > .services-box > .list-box > .item-box {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .top__lead__inner > .services-box > .list-box > .item-box {
    max-width: 327px;
    display: flex;
    gap: 24px;
  }
}
.top__lead__inner > .services-box > .list-box > .item-box > .image-box {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .top__lead__inner > .services-box > .list-box > .item-box > .image-box {
    width: 48px;
    align-items: flex-start;
  }
}
.top__lead__inner > .services-box > .list-box > .item-box > .image-box > .image {
  width: 100px;
  height: 100px;
}
@media only screen and (max-width: 767px) {
  .top__lead__inner > .services-box > .list-box > .item-box > .image-box > .image {
    width: 48px;
    height: 48px;
  }
}
.top__lead__inner > .services-box > .list-box > .item-box > .text-box {
  margin: 60px 0 0 0;
}
@media only screen and (max-width: 767px) {
  .top__lead__inner > .services-box > .list-box > .item-box > .text-box {
    margin: 0;
  }
}
.top__lead__inner > .services-box > .list-box > .item-box > .text-box > .title {
  margin-bottom: 16px;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 26px;
  line-height: 150%;
  text-align: center;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .top__lead__inner > .services-box > .list-box > .item-box > .text-box > .title {
    min-height: 78px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .top__lead__inner > .services-box > .list-box > .item-box > .text-box > .title {
    min-height: 78px;
  }
}
@media only screen and (max-width: 767px) {
  .top__lead__inner > .services-box > .list-box > .item-box > .text-box > .title {
    font-size: 24px;
    line-height: 120%;
    text-align: left;
  }
}
.top__lead__inner > .services-box > .list-box > .item-box > .text-box > .text {
  margin-top: auto;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  text-align: center;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .top__lead__inner > .services-box > .list-box > .item-box > .text-box > .text {
    font-size: 14px;
    line-height: 160%;
    text-align: left;
  }
}
.top__lead__inner > .services-box > .bottom-box {
  margin: 100px 0 0 0;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .top__lead__inner > .services-box > .bottom-box {
    margin-top: 60px;
  }
}
.top__lead__inner > .corporate-grid-image {
  margin: 160px 0;
}
.top__lead__inner > .corporate-grid-image > .title {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #1c1c1c;
  margin-bottom: 34px;
}
.top__lead__inner > .corporate-grid-image > .title.--black {
  color: #1c1c1c;
}
.top__lead__inner > .corporate-grid-image > .title.--black > .small {
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .top__lead__inner > .corporate-grid-image > .title {
    font-size: 35px;
    line-height: 120%;
  }
}
.top__lead__inner > .corporate-grid-image > .title.--center {
  text-align: center;
  display: flex;
  flex-direction: column;
}
.top__lead__inner > .corporate-grid-image > .title > .small {
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .top__lead__inner > .corporate-grid-image > .title > .small {
    font-size: 14px;
    line-height: 160%;
  }
}
.top__lead__inner > .corporate-grid-image > .title > .jpn {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .top__lead__inner > .corporate-grid-image > .title > .jpn {
    font-size: 14px;
    line-height: 160%;
  }
}
.top__lead__inner > .corporate-grid-image > .title > .eng {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .top__lead__inner > .corporate-grid-image > .title > .eng {
    font-size: 35px;
    line-height: 120%;
  }
}
.top__lead__inner > .corporate-grid-image .list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .top__lead__inner > .corporate-grid-image .list {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .top__lead__inner > .corporate-grid-image .list {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.top__lead__inner > .corporate-grid-image .list .listColumn {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .top__lead__inner > .corporate-grid-image .list .listColumn {
    display: contents;
  }
}
@media only screen and (max-width: 767px) {
  .top__lead__inner > .corporate-grid-image .list .listColumn {
    display: contents;
  }
}
.top__lead__inner > .corporate-grid-image .list .logo-box {
  aspect-ratio: 17/10;
  width: 14.2857142857%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .top__lead__inner > .corporate-grid-image .list .logo-box {
    width: 20%;
  }
}
@media only screen and (max-width: 767px) {
  .top__lead__inner > .corporate-grid-image .list .logo-box {
    width: 33.3333333333%;
  }
}
.top__lead__inner > .corporate-grid-image .list .logo-box img.image {
  width: 100%;
  height: auto;
  object-fit: contain;
}

@keyframes loop-slide {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop-slide2 {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
.top__works {
  margin: auto;
  padding: 160px 0;
  width: 100%;
  border-radius: 60px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .top__works {
    padding: 160px 0px;
  }
}
@media only screen and (max-width: 767px) {
  .top__works {
    margin-top: 80px;
    padding: 20px 0px;
    border-radius: 30px;
  }
}
.top__works.service__page {
  padding: 0;
  background: #fff;
  border-radius: 0;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .top__works.service__page {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .top__works.service__page {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .top__works.service__page {
    padding: 0 24px;
  }
}
@media only screen and (max-width: 767px) {
  .top__works.service__page > .top__works__inner > .worksSwiper {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .top__works.service__page > .top__works__inner > .worksSwiper > .works-box {
    flex-direction: row;
  }
}
@media only screen and (max-width: 767px) {
  .top__works.service__page > .top__works__inner > .worksSwiper > .works-box > .work-box {
    margin-bottom: 0;
    max-width: 270px;
  }
}
.top__works__inner {
  margin: auto;
  width: 100%;
}
.top__works__inner > .title {
  max-width: 1280px;
  margin: auto;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .top__works__inner > .title {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.top__works__inner > .title.--black {
  color: #1c1c1c;
}
.top__works__inner > .title.--black > .small {
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .top__works__inner > .title {
    font-size: 35px;
    line-height: 120%;
  }
}
.top__works__inner > .title.--center {
  text-align: center;
  display: flex;
  flex-direction: column;
}
.top__works__inner > .title > .small {
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .top__works__inner > .title > .small {
    font-size: 14px;
    line-height: 160%;
  }
}
.top__works__inner > .title > .jpn {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .top__works__inner > .title > .jpn {
    font-size: 14px;
    line-height: 160%;
  }
}
.top__works__inner > .title > .eng {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .top__works__inner > .title > .eng {
    font-size: 35px;
    line-height: 120%;
  }
}
.top__works__inner > .text {
  max-width: 1280px;
  margin: 36px auto 0 auto;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .top__works__inner > .text {
    font-size: 16px;
    line-height: 160%;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.top__works__inner > .corporate-box {
  margin-top: 60px;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  margin-bottom: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .top__works__inner > .corporate-box {
    margin-top: 36px;
  }
}
.top__works__inner > .corporate-box > .list {
  display: flex;
  animation: loop-slide 250s -125s infinite linear;
}
.top__works__inner > .corporate-box > .list:last-child {
  animation: loop-slide2 250s infinite linear;
}
.top__works__inner > .corporate-box > .list > .logo-box {
  margin-right: 16px;
  width: 169px;
  height: 169px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fff;
  border-radius: 50%;
}
@media only screen and (max-width: 767px) {
  .top__works__inner > .corporate-box > .list > .logo-box {
    margin-right: 8px;
    margin-left: -52px;
    width: 103px;
    height: 103px;
  }
  .top__works__inner > .corporate-box > .list > .logo-box:nth-child(2n) {
    margin-top: 103px;
  }
}
.top__works__inner > .corporate-box > .list > .logo-box > .image {
  width: 120px;
}
@media only screen and (max-width: 767px) {
  .top__works__inner > .corporate-box > .list > .logo-box > .image {
    width: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .top__works__inner > .corporate-box > .list.--last {
    animation: loop-slide 10s 20s infinite linear 1s both;
  }
}
@media only screen and (max-width: 767px) {
  .top__works__inner > .corporate-box > .list.--last > .logo-box:nth-child(2n) {
    margin-top: 0;
  }
  .top__works__inner > .corporate-box > .list.--last > .logo-box:nth-child(2n+1) {
    margin-top: 103px;
  }
}
.top__works__inner > .worksSwiper {
  margin-top: 60px;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: calc((99.5vw - 1280px) / 2);
  padding-right: calc((99.5vw - 1280px) / 2);
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .top__works__inner > .worksSwiper {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .top__works__inner > .worksSwiper {
    padding: 0 48px;
  }
}
@media only screen and (max-width: 767px) {
  .top__works__inner > .worksSwiper {
    margin-top: 80px;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .top__works__inner > .worksSwiper.--sp-row {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media only screen and (max-width: 767px) {
  .top__works__inner > .worksSwiper.--sp-row > .works-box {
    flex-direction: row;
  }
}
@media only screen and (max-width: 767px) {
  .top__works__inner > .worksSwiper.--sp-row > .works-box > .work-box {
    margin-bottom: 0;
    max-width: 270px;
  }
}
@media only screen and (max-width: 767px) {
  .top__works__inner > .worksSwiper > .works-box {
    flex-direction: column;
  }
}
.top__works__inner > .worksSwiper > .works-box > .work-box {
  width: 50%;
  max-width: 720px;
  height: auto;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .top__works__inner > .worksSwiper > .works-box > .work-box {
    width: 100%;
    margin-bottom: 60px;
    margin-right: auto;
    margin-left: auto;
    max-width: 720px;
  }
  .top__works__inner > .worksSwiper > .works-box > .work-box:last-of-type {
    margin-bottom: 0;
  }
}
.top__works__inner > .worksSwiper > .works-box > .work-box > .item-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.top__works__inner > .worksSwiper > .works-box > .work-box > .item-box > .image-box {
  width: 100%;
  aspect-ratio: 720/405;
  overflow: hidden;
  border-radius: 16px;
}
.top__works__inner > .worksSwiper > .works-box > .work-box > .item-box > .image-box > .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.top__works__inner > .worksSwiper > .works-box > .work-box > .item-box > .name {
  margin: 24px 0 0 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%;
  font-feature-settings: "pkna" on;
  color: #666666;
  transition: all 0.25s ease-in-out;
}
.top__works__inner > .worksSwiper > .works-box > .work-box > .item-box > .title {
  margin: 8px 0 25px 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  transition: all 0.25s ease-in-out;
}
.top__works__inner > .worksSwiper > .works-box > .work-box > .item-box > .category-box {
  margin: auto 0 0 0;
  display: flex;
  align-items: center;
  gap: 20px;
}
.top__works__inner > .worksSwiper > .works-box > .work-box > .item-box > .category-box > .category {
  display: flex;
  align-items: center;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 13px;
  line-height: 100%;
  color: #d43f0b;
}
.top__works__inner > .worksSwiper > .works-box > .work-box > .item-box > .category-box > .category > .image {
  margin: 0 8px 0 0;
  padding: 0;
  display: block;
  width: 15px;
  height: 15px;
}
.top__works__inner > .worksSwiper > .works-box > .work-box > .item-box:hover .name {
  color: #d43f0b;
}
.top__works__inner > .worksSwiper > .works-box > .work-box > .item-box:hover .title {
  color: #d43f0b;
}
.top__works__inner > .worksSwiper > .works-box > .button-box {
  flex-shrink: 0;
  width: 100%;
  max-width: 720px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .top__works__inner > .worksSwiper > .works-box > .button-box {
    margin: auto;
    max-width: 240px;
  }
}
.top__works__inner > .worksSwiper > .works-box > .button-box > .link {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  width: 360px;
  height: 360px;
  background: #d43f0b;
  border-radius: 50%;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .top__works__inner > .worksSwiper > .works-box > .button-box > .link {
    width: 240px;
    height: 240px;
  }
}
.top__works__inner > .worksSwiper > .works-box > .button-box > .link > .eng {
  display: block;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  text-align: center;
  letter-spacing: -0.01em;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .top__works__inner > .worksSwiper > .works-box > .button-box > .link > .eng {
    font-size: 35px;
    line-height: 120%;
  }
}
.top__works__inner > .worksSwiper > .works-box > .button-box > .link > .jpn {
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  text-align: center;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .top__works__inner > .worksSwiper > .works-box > .button-box > .link > .jpn {
    font-size: 14px;
  }
}
.top__works__inner > .worksSwiper > .works-box > .button-box > .link::before {
  margin: auto;
  content: "";
  width: 36px;
  height: 36px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: 48px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M25.5 6C25.5 11.7956 30.2044 16.5 36 16.5V19.5C30.2044 19.5 25.5 24.2044 25.5 30H22.5C22.5 25.7604 24.4572 21.9755 27.5168 19.5H0V16.5H27.5168C24.4572 14.0245 22.5 10.2396 22.5 6H25.5Z" fill="white" /></svg>');
}
@media only screen and (max-width: 767px) {
  .top__works__inner > .worksSwiper > .works-box > .button-box > .link::before {
    width: 24px;
    height: 24px;
    bottom: 36px;
  }
}
.top__works__inner > .worksSwiper > .swiper-button-next {
  right: 80px;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="24" fill="rgb(28,28,28)" /><path d="M21 18L27 24L21 30" stroke="white" stroke-width="1.5" stroke-linejoin="round" /></svg>');
}
.top__works__inner > .worksSwiper > .swiper-button-next::after {
  display: none;
}
.top__works__inner > .worksSwiper > .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .top__works__inner > .worksSwiper > .swiper-button-next {
    display: none;
  }
}
.top__works__inner > .worksSwiper > .swiper-button-prev {
  left: 80px;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="24" transform="rotate(-180 24 24)" fill="rgb(28, 28, 28)" /><path d="M27 30L21 24L27 18" stroke="white" stroke-width="1.5" stroke-linejoin="round" /></svg>');
}
.top__works__inner > .worksSwiper > .swiper-button-prev::after {
  display: none;
}
.top__works__inner > .worksSwiper > .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .top__works__inner > .worksSwiper > .swiper-button-prev {
    display: none;
  }
}
.top__works__inner > .bottom-box {
  margin-top: 60px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
.top__works__inner > .bottom-box > .button, .top__works__inner > .bottom-box > .topWorks__moreButton {
  margin-left: 0;
}

.topWorks {
  margin: auto;
  width: 100%;
  overflow: hidden;
}

.topWorks__title {
  max-width: 1280px;
  margin: auto;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #1c1c1c;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .topWorks__title {
    padding-inline: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .topWorks__title {
    padding-inline: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .topWorks__title {
    padding-inline: 24px;
    font-size: 35px;
    line-height: 120%;
  }
}

.topWorks__titleSmall {
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .topWorks__titleSmall {
    font-size: 14px;
  }
}

.topWorks__text {
  max-width: 1280px;
  margin: 36px auto 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .topWorks__text {
    padding-inline: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .topWorks__text {
    padding: 0 48px;
  }
}
@media only screen and (max-width: 767px) {
  .topWorks__text {
    padding-inline: 24px;
    font-size: 16px;
  }
}

.topWorks__cardsList {
  margin-top: 80px;
  max-width: 1440px;
  width: 100%;
  margin-inline: auto;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .topWorks__cardsList {
    padding-inline: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .topWorks__cardsList {
    margin-inline: 0;
    padding: 0;
    flex-direction: column;
  }
}
@media only screen and (min-width: 1441px) {
  .topWorks__cardsList {
    justify-content: center;
  }
}
@media only screen and (min-width: 1020px) {
  .topWorks__cardsList {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 36px 0;
  }
}

.topWorksCard {
  width: 50%;
  max-width: 720px;
  min-width: 320px;
  height: auto;
  flex-shrink: 0;
  display: flex;
}
@media only screen and (min-width: 1020px) {
  .topWorksCard {
    width: 100%;
    max-width: none;
    min-width: 0;
  }
}
@media only screen and (max-width: 767px) {
  .topWorksCard {
    width: 100%;
    max-width: 720px;
    margin: 0 auto;
  }
}

.topWorksCard__link {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.topWorksCard__link:hover .topWorksCard__contentName,
.topWorksCard__link:hover .topWorksCard__contentTitle,
.topWorksCard__link:hover .topWorksCard__contentWrap {
  color: #d43f0b;
}

.topWorksCard__thumbnail {
  position: relative;
  width: 100%;
  aspect-ratio: 720/405;
  overflow: hidden;
}
.topWorksCard__thumbnail:hover .topWorksCard__thumbnailImage.hover-image {
  display: none;
}
@media only screen and (max-width: 767px) {
  .topWorksCard__thumbnail:hover .topWorksCard__thumbnailImage.hover-image {
    display: block;
  }
}
.topWorksCard__thumbnail:hover .topWorksCard__thumbnailMedia {
  display: block;
}
@media only screen and (max-width: 767px) {
  .topWorksCard__thumbnail:hover .topWorksCard__thumbnailMedia {
    display: none;
  }
}

.topWorksCard__thumbnailImage {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .topWorksCard__thumbnailImage {
    width: 100vw;
  }
}

.topWorksCard__thumbnailMedia {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.topWorksCard__thumbnailNewLabel {
  position: absolute;
  top: 12px;
  right: 12px;
  padding: 2px 10px;
  border-radius: 100px;
  background-color: #d43f0b;
  color: #fff;
  font-size: 10px;
  line-height: 1.6;
}

.topWorksCard__content {
  padding: 32px 32px 48px;
}
@media only screen and (max-width: 767px) {
  .topWorksCard__content {
    padding: 24px 24px 48px;
  }
}

.topWorksCard__contentName {
  margin-top: 20px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.02px;
  font-feature-settings: "pkna" on;
  transition: all 0.25s ease-in-out;
}

.topWorksCard__contentTitle {
  margin-top: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 22px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  transition: all 0.25s ease-in-out;
}

.topWorksCard__contentCategories {
  margin-top: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}

.topWorksCategory {
  display: flex;
  align-items: center;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 11px;
  line-height: 100%;
  color: #d43f0b;
}

.topWorksCategory__image {
  margin-right: 4px;
  display: block;
  width: 10px;
  height: 10px;
}

.topWorksCard__contentWrap {
  display: flex;
  flex-wrap: wrap;
  gap: 8px 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1;
  font-size: 13px;
  margin-top: 12px;
  transition: all 0.25s ease-in-out;
}

.topWorks__more {
  margin-top: 80px;
  width: 100%;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .topWorks__more {
    margin-top: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .topWorks__moreButton {
    max-width: 257px;
  }
}

.top__about-us {
  margin: 160px 0 0 0;
  padding: 0;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .top__about-us {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .top__about-us {
    padding: 0 48px;
  }
}
@media only screen and (max-width: 767px) {
  .top__about-us {
    margin-top: 80px;
    padding: 0 24px;
  }
}
.top__about-us__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.top__about-us__inner > .link {
  width: 100%;
  height: 480px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 16px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
  transition: all 0.25s ease-in-out;
  overflow: hidden;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .top__about-us__inner > .link {
    height: 436px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
  }
}
.top__about-us__inner > .link::before {
  margin: 0;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(0deg, rgba(28, 28, 28, 0.2), rgba(28, 28, 28, 0.2));
  transition: all 0.25s ease-in-out;
}
.top__about-us__inner > .link::after {
  margin: 0;
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-image: linear-gradient(0deg, rgba(234, 56, 0, 0.9), rgba(234, 56, 0, 0.9));
  transition: all 0.25s ease-in-out;
  opacity: 0;
}
.top__about-us__inner > .link > .jpn {
  margin: 0;
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  text-align: center;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #ffffff;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .top__about-us__inner > .link > .jpn {
    font-size: 14px;
  }
}
.top__about-us__inner > .link > .eng {
  margin: 4px 0 0 0;
  display: block;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  text-align: center;
  letter-spacing: -0.01em;
  color: #ffffff;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .top__about-us__inner > .link > .eng {
    font-size: 35px;
    line-height: 120%;
  }
}
.top__about-us__inner > .link > .icon {
  margin: auto;
  display: block;
  width: 36px;
  height: 36px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 60px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="18" cy="18" r="4.5" fill="white" stroke="white" stroke-width="2" /></svg>');
  transition: all 0.25s ease-in-out;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .top__about-us__inner > .link > .icon {
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml;utf8,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M25.5 6C25.5 11.7956 30.2044 16.5 36 16.5V19.5C30.2044 19.5 25.5 24.2044 25.5 30H22.5C22.5 25.7604 24.4572 21.9755 27.5168 19.5H0V16.5H27.5168C24.4572 14.0245 22.5 10.2396 22.5 6H25.5Z" fill="white" /></svg>');
  }
}
.top__about-us__inner > .link:hover::before {
  opacity: 0;
}
.top__about-us__inner > .link:hover::after {
  opacity: 1;
}
.top__about-us__inner > .link:hover > .icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M25.5 6C25.5 11.7956 30.2044 16.5 36 16.5V19.5C30.2044 19.5 25.5 24.2044 25.5 30H22.5C22.5 25.7604 24.4572 21.9755 27.5168 19.5H0V16.5H27.5168C24.4572 14.0245 22.5 10.2396 22.5 6H25.5Z" fill="white" /></svg>');
}
@supports (background-image: url("../assets/photo-placeholder-1.svg")) {
  .top__about-us__inner > .link {
    background-image: url("../assets/photo-placeholder-1.svg");
  }
  @media only screen and (max-width: 767px) {
    .top__about-us__inner > .link {
      background-image: url("../assets/photo-placeholder-0.svg");
    }
  }
}

.top__posts {
  margin: 160px 0 0 0;
  padding: 0;
  width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .top__posts {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .top__posts {
    padding: 0 48px;
  }
}
@media only screen and (max-width: 767px) {
  .top__posts {
    margin-top: 80px;
    padding: 0 24px;
  }
}
.top__posts__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.top__posts__inner > .title {
  display: flex;
  flex-direction: column;
}
.top__posts__inner > .title > .jpn {
  margin: 0;
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .top__posts__inner > .title > .jpn {
    font-size: 14px;
  }
}
.top__posts__inner > .title > .eng {
  margin: 0;
  display: block;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .top__posts__inner > .title > .eng {
    font-size: 35px;
    line-height: 120%;
  }
}
.top__posts__inner > .posts-box {
  margin: 60px 0 0 0;
}
@media only screen and (max-width: 767px) {
  .top__posts__inner > .posts-box {
    margin-top: 48px;
  }
}
.top__posts__inner > .posts-box > .subtitle {
  margin: 0;
  padding: 0 0 0 32px;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 24px;
  line-height: 29px;
  text-align: justify;
  letter-spacing: -0.02em;
  color: #d43f0b;
  position: relative;
}
.top__posts__inner > .posts-box > .subtitle::before {
  margin: auto;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 16px;
  height: 1px;
  background: #d43f0b;
}
.top__posts__inner > .posts-box > .postsSwiper {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: calc((100vw - 1280px) / 2);
  padding-right: calc((100vw - 1280px) / 2);
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .top__posts__inner > .posts-box > .postsSwiper {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .top__posts__inner > .posts-box > .postsSwiper {
    padding: 0 48px;
  }
}
@media only screen and (max-width: 767px) {
  .top__posts__inner > .posts-box > .postsSwiper {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.top__posts__inner > .posts-box > .postsSwiper > .list-box {
  margin: 24px 0 0 0;
  display: flex;
}
.top__posts__inner > .posts-box > .postsSwiper > .list-box > .post-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 270px;
  min-height: 312px;
  border-radius: 8px;
  background: #f4f4f4;
  border: 1px solid transparent;
  transition: all 0.25s ease-in-out;
  overflow: hidden;
}
.top__posts__inner > .posts-box > .postsSwiper > .list-box > .post-box > .image-box {
  width: 100%;
  height: 167px;
}
.top__posts__inner > .posts-box > .postsSwiper > .list-box > .post-box > .image-box > .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.top__posts__inner > .posts-box > .postsSwiper > .list-box > .post-box > .text-box {
  margin: 0;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.top__posts__inner > .posts-box > .postsSwiper > .list-box > .post-box > .text-box > .title {
  margin-bottom: 12px;
  min-height: 62px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  transition: all 0.25s ease-in-out;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.top__posts__inner > .posts-box > .postsSwiper > .list-box > .post-box > .text-box > .bottom-box {
  margin: auto 0 0 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.top__posts__inner > .posts-box > .postsSwiper > .list-box > .post-box > .text-box > .bottom-box > .category-box > .category {
  display: block;
  margin: 0;
  padding: 4px 10px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 10px;
  line-height: 160%;
  display: flex;
  align-items: center;
  letter-spacing: 0.08em;
  font-feature-settings: "palt" on;
  color: #1c1c1c;
  border: 1px solid #1c1c1c;
  border-radius: 100px;
  transition: all 0.25s ease-in-out;
}
.top__posts__inner > .posts-box > .postsSwiper > .list-box > .post-box > .text-box > .bottom-box > .date {
  margin: 0 0 0 4px;
  padding: 0;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: #1c1c1c;
  transition: all 0.25s ease-in-out;
}
.top__posts__inner > .posts-box > .postsSwiper > .list-box > .post-box > .text-box > .event-box {
  margin: auto 0 0 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  transition: all 0.25s ease-in-out;
}
.top__posts__inner > .posts-box > .postsSwiper > .list-box > .post-box > .text-box > .event-box > .icon {
  margin-left: 10px;
  display: block;
  width: 20px;
  height: 20px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="5.5" y="4.66666" width="11.5" height="7.33333" stroke="rgb(28, 28, 28)" /><path d="M2.5 6.66666L2.5 15H15" stroke="rgb(28,28,28)" /></svg>');
  transition: all 0.25s ease-in-out;
}
.top__posts__inner > .posts-box > .postsSwiper > .list-box > .post-box:hover {
  border: 1px solid #d43f0b;
  background-color: #ffffff;
}
.top__posts__inner > .posts-box > .postsSwiper > .list-box > .post-box:hover > .text-box > .title {
  color: #d43f0b;
}
.top__posts__inner > .posts-box > .postsSwiper > .list-box > .post-box:hover > .text-box > .bottom-box > .category-box > .category {
  color: #d43f0b;
  border: 1px solid #d43f0b;
}
.top__posts__inner > .posts-box > .postsSwiper > .list-box > .post-box:hover > .text-box > .bottom-box > .date {
  color: #d43f0b;
}
.top__posts__inner > .posts-box > .postsSwiper > .list-box > .post-box:hover > .text-box > .event-box {
  color: #d43f0b;
}
.top__posts__inner > .posts-box > .postsSwiper > .list-box > .post-box:hover > .text-box > .event-box > .icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="5.5" y="4.66666" width="11.5" height="7.33333" stroke="rgb(212,63,11)" /><path d="M2.5 6.66666L2.5 15H15" stroke="rgb(212,63,11)" /></svg>');
}
.top__posts__inner > .posts-box > .postsSwiper > .swiper-button-next {
  right: 80px;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="24" fill="rgb(28,28,28)" /><path d="M21 18L27 24L21 30" stroke="white" stroke-width="1.5" stroke-linejoin="round" /></svg>');
}
.top__posts__inner > .posts-box > .postsSwiper > .swiper-button-next::after {
  display: none;
}
.top__posts__inner > .posts-box > .postsSwiper > .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .top__posts__inner > .posts-box > .postsSwiper > .swiper-button-next {
    display: none;
  }
}
.top__posts__inner > .posts-box > .postsSwiper > .swiper-button-prev {
  left: 80px;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="24" transform="rotate(-180 24 24)" fill="rgb(28, 28, 28)" /><path d="M27 30L21 24L27 18" stroke="white" stroke-width="1.5" stroke-linejoin="round" /></svg>');
}
.top__posts__inner > .posts-box > .postsSwiper > .swiper-button-prev::after {
  display: none;
}
.top__posts__inner > .posts-box > .postsSwiper > .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .top__posts__inner > .posts-box > .postsSwiper > .swiper-button-prev {
    display: none;
  }
}
.top__posts__inner > .button-box {
  margin: 60px 0 0 0;
}
.top__posts__inner > .button-box > .button, .top__posts__inner > .button-box > .topWorks__moreButton {
  margin-left: 0;
  width: fit-content;
}

.top__recruit {
  margin: 160px 0 0 0;
  margin-top: 340px;
  padding: 160px 0;
  width: 100%;
  background: #d43f0b;
  border-radius: 60px;
  z-index: 990;
  overflow: hidden;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .top__recruit {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .top__recruit {
    padding: 160px 48px;
  }
}
@media only screen and (max-width: 767px) {
  .top__recruit {
    margin-top: 80px;
    padding: 80px 24px;
    border-radius: 30px;
  }
}
.top__recruit__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.top__recruit__inner > .title {
  display: flex;
  flex-direction: column;
}
.top__recruit__inner > .title > .jpn {
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .top__recruit__inner > .title > .jpn {
    font-size: 14px;
  }
}
.top__recruit__inner > .title > .eng {
  display: block;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .top__recruit__inner > .title > .eng {
    font-size: 35px;
  }
}
.top__recruit__inner > .images-box {
  margin-top: 36px;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  margin-bottom: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
  z-index: 10;
}
@media only screen and (max-width: 767px) {
  .top__recruit__inner > .images-box {
    margin-top: 47px;
  }
}
.top__recruit__inner > .images-box > .list {
  display: flex;
  animation: loop-slide 250s -125s infinite linear;
}
.top__recruit__inner > .images-box > .list:last-child {
  animation: loop-slide2 250s infinite linear;
}
.top__recruit__inner > .images-box > .list > .image-box {
  margin-right: 60px;
  width: 280px;
  height: 280px;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .top__recruit__inner > .images-box > .list > .image-box {
    margin-right: 30px;
    width: 150px;
    height: 150px;
  }
}
.top__recruit__inner > .images-box > .list > .image-box > .image {
  width: 100%;
  height: auto;
}
.top__recruit__inner > .images-box > .list > .image-box.--middle {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .top__recruit__inner > .images-box > .list > .image-box.--middle {
    margin-top: 20px;
  }
}
.top__recruit__inner > .images-box > .list > .image-box.--bottom {
  margin-top: 80px;
}
@media only screen and (max-width: 767px) {
  .top__recruit__inner > .images-box > .list > .image-box.--bottom {
    margin-top: 40px;
  }
}
.top__recruit__inner > .join-our-team-box {
  position: relative;
  margin-left: auto;
  margin-top: -78px;
  width: 480px;
  height: 114px;
  z-index: 12;
}
@media only screen and (max-width: 767px) {
  .top__recruit__inner > .join-our-team-box {
    margin-top: -37px;
    width: 154px;
    height: 60px;
  }
}
.top__recruit__inner > .text {
  margin: 24px 0 0 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .top__recruit__inner > .text {
    font-size: 16px;
  }
}
.top__recruit__inner > .button-box {
  margin: 60px 0 0 0;
}
@media only screen and (max-width: 767px) {
  .top__recruit__inner > .button-box {
    margin-top: 36px;
  }
}
.top__recruit__inner > .button-box > .button, .top__recruit__inner > .button-box > .topWorks__moreButton {
  margin-left: 0;
  width: fit-content;
}
@media only screen and (max-width: 767px) {
  .top__recruit__inner > .button-box > .button, .top__recruit__inner > .button-box > .topWorks__moreButton {
    width: 100%;
  }
}

.about__head {
  margin: auto;
  margin-top: 212px;
  width: 100%;
  max-width: 1000px;
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .about__head {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .about__head {
    padding-left: 48px;
    padding-right: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .about__head {
    margin-top: 80px;
    padding: 0 24px;
  }
}
.about__head > .toc-box {
  margin-bottom: 240px;
  width: 154px;
  height: 100%;
  position: sticky;
  top: 329px;
}
@media only screen and (max-width: 767px) {
  .about__head > .toc-box {
    display: none;
  }
}
.about__head > .toc-box > .list > .item > .link {
  display: flex;
  align-items: center;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #cccccc;
}
.about__head > .toc-box > .list > .item > .link::before {
  content: "";
  display: inline-block;
  width: 36px;
  height: 36px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="18" cy="18" r="4.5" fill="rgb(204,204,204)" /></svg>');
}
.about__head > .toc-box > .list > .item > .link.--is-active {
  color: #d43f0b;
}
.about__head > .toc-box > .list > .item > .link.--is-active::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="18" cy="18" r="4.5" fill="rgb(212,63,11)" /></svg>');
}
.about__head > .content-box {
  width: 700px;
}
@media only screen and (max-width: 767px) {
  .about__head > .content-box {
    width: 100%;
  }
}
.about__head > .content-box > .text-box {
  margin-bottom: 240px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .about__head > .content-box > .text-box {
    margin-bottom: 120px;
  }
}
.about__head > .content-box > .text-box > .subtitle {
  display: none;
}
@media only screen and (max-width: 767px) {
  .about__head > .content-box > .text-box > .subtitle {
    margin-bottom: 36px;
    display: block;
    display: flex;
    align-items: center;
    font-family: "Helvetica Neue", sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 15px;
    line-height: 120%;
    letter-spacing: -0.01em;
    color: #d43f0b;
  }
  .about__head > .content-box > .text-box > .subtitle::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;utf8,<svg width="36" height="36" viewBox="0 0 36 36" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="18" cy="18" r="4.5" fill="rgb(212,63,11)" /></svg>');
  }
}
.about__head > .content-box > .text-box > .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 30px;
  line-height: 180%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .about__head > .content-box > .text-box > .title {
    font-size: 24px;
  }
}
.about__head > .content-box > .text-box > .title.--red {
  font-size: 48px;
  line-height: 160%;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .about__head > .content-box > .text-box > .title.--red {
    font-size: 40px;
    line-height: 160%;
  }
}
.about__head > .content-box > .text-box > .title.--large {
  font-size: 36px;
  line-height: 160%;
}
@media only screen and (max-width: 767px) {
  .about__head > .content-box > .text-box > .title.--large {
    font-size: 30px;
  }
}
.about__head > .content-box > .text-box > .text {
  margin-top: 24px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .about__head > .content-box > .text-box > .text {
    font-size: 16px;
  }
}

.about__our-value {
  margin: 240px 0 0 0;
  padding: 160px 80px;
  width: 100%;
  background: #d43f0b;
  border-radius: 60px;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .about__our-value {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .about__our-value {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .about__our-value {
    margin-top: 120px;
    padding: 80px 24px;
    border-radius: 30px;
  }
}
.about__our-value__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.about__our-value__inner > .title {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.about__our-value__inner > .title > .jpn {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .about__our-value__inner > .title > .jpn {
    font-size: 14px;
  }
}
.about__our-value__inner > .title > .eng {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .about__our-value__inner > .title > .eng {
    font-size: 35px;
    line-height: 120%;
  }
}
.about__our-value__inner > .our-value-box {
  margin-top: 60px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 36px;
  row-gap: 60px;
}
@media only screen and (max-width: 767px) {
  .about__our-value__inner > .our-value-box {
    grid-template-columns: repeat(1, 1fr);
    column-gap: 0;
    row-gap: 0;
  }
}
.about__our-value__inner > .our-value-box > .value-box {
  width: 100%;
  padding-top: 16px;
  border-top: 1px solid #ffffff;
  transition: all 0.25s ease-in;
}
@media only screen and (max-width: 767px) {
  .about__our-value__inner > .our-value-box > .value-box {
    padding-bottom: 16px;
  }
  .about__our-value__inner > .our-value-box > .value-box:last-child {
    border-bottom: 1px solid #ffffff;
  }
}
.about__our-value__inner > .our-value-box > .value-box > .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #ffffff;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .about__our-value__inner > .our-value-box > .value-box > .title::after {
    margin: auto;
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13 11V5H11V11H5V13H11V19H13V13H19V11H13Z" fill="white"/></svg>');
    transition: all 0.25s ease-in;
  }
}
.about__our-value__inner > .our-value-box > .value-box > .text {
  margin-top: 24px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%;
  font-feature-settings: "pkna" on;
  color: #ffffff;
  transition: all 0.25s ease-in;
}
@media only screen and (max-width: 767px) {
  .about__our-value__inner > .our-value-box > .value-box > .text {
    margin-top: 0;
    opacity: 0;
    height: 0;
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  .about__our-value__inner > .our-value-box > .value-box.--is-open > .title::after {
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 13L5 13L5 11L19 11L19 13Z" fill="white"/></svg>');
  }
}
@media only screen and (max-width: 767px) {
  .about__our-value__inner > .our-value-box > .value-box.--is-open > .text {
    margin-top: 16px;
    height: auto;
    opacity: 1;
  }
}

.about__leadership {
  margin: 160px 0 0 0;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .about__leadership {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .about__leadership {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .about__leadership {
    margin-top: 80px;
    padding: 0 24px;
  }
}
.about__leadership__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.about__leadership__inner > .title {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.about__leadership__inner > .title > .jpn {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
.about__leadership__inner > .title > .eng {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
.about__leadership__inner > .list-box {
  margin: 36px 0 0 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 48px;
  row-gap: 48px;
}
@media only screen and (max-width: 767px) {
  .about__leadership__inner > .list-box {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 51px;
    column-gap: 51px;
  }
}
.about__leadership__inner > .list-box > .item-box {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .about__leadership__inner > .list-box > .item-box {
    max-width: 327px;
  }
}
.about__leadership__inner > .list-box > .item-box > .image-box {
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.about__leadership__inner > .list-box > .item-box > .title {
  margin-top: 36px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .about__leadership__inner > .list-box > .item-box > .title {
    margin-top: 24px;
    font-size: 20px;
  }
}
.about__leadership__inner > .list-box > .item-box > .text {
  margin-top: 8px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .about__leadership__inner > .list-box > .item-box > .text {
    font-size: 14px;
  }
}
.about__leadership__inner > .list-box > .item-box > .list {
  margin-top: 18px;
}
@media only screen and (max-width: 767px) {
  .about__leadership__inner > .list-box > .item-box > .list {
    margin-top: 16px;
  }
}
.about__leadership__inner > .list-box > .item-box > .list > li {
  margin-bottom: 3px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 13px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #0f0f0f;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .about__leadership__inner > .list-box > .item-box > .list > li {
    margin-bottom: 0;
    font-size: 11px;
  }
}
.about__leadership__inner > .list-box > .item-box > .list > li:last-child {
  margin-bottom: 0;
}
.about__leadership__inner > .list-box > .item-box > .list > li::before {
  margin-right: 4px;
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="3" fill="rgb(212,63,11)" /></svg>');
}
@media only screen and (max-width: 767px) {
  .about__leadership__inner > .list-box > .item-box > .list > li::before {
    width: 20px;
    height: 20px;
  }
}

.about__company-info {
  margin-top: 160px;
  margin-bottom: 160px;
  padding: 160px 240px;
  width: 100%;
  background: #f4f4f4;
  border-radius: 60px;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .about__company-info {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .about__company-info {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .about__company-info {
    margin-top: 80px;
    padding: 80px 24px;
    border-radius: 30px;
  }
}
.about__company-info__inner {
  margin: auto;
  width: 100%;
  max-width: 1000px;
}
.about__company-info__inner > .title {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.about__company-info__inner > .title > .jpn {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .about__company-info__inner > .title > .jpn {
    font-size: 14px;
  }
}
.about__company-info__inner > .title > .eng {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .about__company-info__inner > .title > .eng {
    font-size: 35px;
    line-height: 120%;
  }
}
.about__company-info__inner > .info-box {
  margin-top: 36px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.about__company-info__inner > .info-box > dt {
  padding: 24px 0;
  width: 82px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  border-top: 1px solid #1c1c1c;
}
.about__company-info__inner > .info-box > dt:last-of-type {
  border-bottom: 1px solid #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .about__company-info__inner > .info-box > dt:last-of-type {
    border-bottom: none;
  }
}
@media only screen and (max-width: 767px) {
  .about__company-info__inner > .info-box > dt {
    padding: 24px 0 0 0;
    width: 100%;
    font-size: 14px;
  }
}
.about__company-info__inner > .info-box > dd {
  padding: 24px 0 24px 60px;
  width: calc(100% - 82px);
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  border-top: 1px solid #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .about__company-info__inner > .info-box > dd {
    padding: 8px 0 24px 0;
    width: 100%;
    font-size: 14px;
    border-top: none;
  }
}
.about__company-info__inner > .info-box > dd:last-of-type {
  border-bottom: 1px solid #1c1c1c;
}
.about__company-info__inner > .info-box > dd > .note {
  margin-top: 8px;
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%;
  font-feature-settings: "pkna" on;
  color: #999999;
}
@media only screen and (max-width: 767px) {
  .about__company-info__inner > .info-box > dd > .note {
    font-size: 11px;
  }
}
.about__company-info__inner > .info-box > dd > .map {
  margin-top: 24px;
  width: 100%;
}
.about__company-info__inner > .info-box > dd > .map > iframe {
  width: 100%;
  aspect-ratio: 854/410;
}
@media only screen and (max-width: 767px) {
  .about__company-info__inner > .info-box > dd > .map > iframe {
    aspect-ratio: 100/100;
  }
}
.about__company-info__inner > .info-box > dd > .activities {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
.about__company-info__inner > .info-box > dd > .activities span {
  font-size: 13px;
  margin-right: 0.4em;
}
@media only screen and (max-width: 767px) {
  .about__company-info__inner > .info-box > dd > .activities span {
    font-size: 11px;
  }
}
.about__company-info__inner > .info-box > dd > .activities + .note {
  margin-top: 0;
}
.about__company-info__inner > .info-box > dd > .activities.top {
  margin-top: 8px;
}

.about__lead {
  margin-top: 160px;
}
.about__lead > .title {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}
.about__lead > .title > .eng {
  color: var(--Primary, #d43f0b);
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 26px;
  line-height: 150%; /* 39px */
  letter-spacing: -0.26px;
}
@media only screen and (max-width: 767px) {
  .about__lead > .title > .eng {
    font-size: 20px;
    line-height: normal;
    letter-spacing: -0.2px;
  }
}
.about__lead > .title > .jpn {
  color: var(--Primary, #d43f0b);
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 48px;
  line-height: 160%; /* 76.8px */
  letter-spacing: 0.96px;
}
@media only screen and (max-width: 767px) {
  .about__lead > .title > .jpn {
    font-size: 30px;
    line-height: 160%;
    letter-spacing: 0.6px;
  }
}
.about__lead > .text {
  margin-top: 36px;
  color: var(--Grayscale-01, #1c1c1c);
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 200%; /* 48px */
  letter-spacing: 0.48px;
}
@media only screen and (max-width: 767px) {
  .about__lead > .text {
    margin-top: 24px;
    font-size: 18px;
    letter-spacing: 0.36px;
  }
}
.about__lead > .button-box {
  margin-top: 48px;
}
@media only screen and (max-width: 767px) {
  .about__lead > .button-box {
    margin-top: 36px;
  }
}
.about__lead > .button-box > .button, .about__lead > .button-box > .topWorks__moreButton {
  margin-left: 0;
  width: 413px;
}
@media only screen and (max-width: 767px) {
  .about__lead > .button-box > .button, .about__lead > .button-box > .topWorks__moreButton {
    width: 100%;
  }
}

.about__menu {
  margin-top: 160px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 60px;
  row-gap: 60px;
}
@media only screen and (max-width: 767px) {
  .about__menu {
    margin-top: 120px;
    margin-bottom: 120px;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 36px;
  }
}
.about__menu.--footer-menu {
  margin-top: 200px;
  margin-bottom: 60px;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 48px;
}
@media only screen and (max-width: 767px) {
  .about__menu.--footer-menu {
    margin-top: 120px;
    margin-bottom: 120px;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 36px;
  }
}
.about__menu.--footer-menu > .menu-box > .image-box {
  height: auto;
  aspect-ratio: 395/142;
}
.about__menu > .menu-box {
  width: 100%;
}
.about__menu > .menu-box:hover > .text-box::after {
  width: 16px;
  height: 16px;
  right: 8px;
  background-image: url('data: image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.3333 2.66666C11.3333 5.24247 13.4242 7.33332 16 7.33332V8.66666C13.4242 8.66666 11.3333 10.7575 11.3333 13.3333H10C10 11.4491 10.8699 9.76688 12.2297 8.66666H0V7.33332H12.2297C10.8699 6.2331 10 4.55091 10 2.66666H11.3333Z" fill="rgb(212,63,11)"/></svg>');
}
.about__menu > .menu-box > .image-box {
  display: block;
  width: 100%;
  height: 219px;
  overflow: hidden;
  border-radius: 16px;
}
@media only screen and (max-width: 767px) {
  .about__menu > .menu-box > .image-box {
    height: 117px;
    border-radius: 8px;
  }
}
.about__menu > .menu-box > .text-box {
  margin-top: 24px;
  display: flex;
  flex-direction: column;
  row-gap: 2px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .about__menu > .menu-box > .text-box {
    margin-top: 16px;
    row-gap: 4px;
  }
}
.about__menu > .menu-box > .text-box > .eng {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  color: var(--Grayscale-01, #1c1c1c);
  font-size: 26px;
  line-height: 150%;
  letter-spacing: -0.26px;
}
@media only screen and (max-width: 767px) {
  .about__menu > .menu-box > .text-box > .eng {
    font-size: 28px;
    line-height: normal;
    letter-spacing: -0.28px;
  }
}
.about__menu > .menu-box > .text-box > .jpn {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  color: var(--Grayscale-01, #1c1c1c);
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.32px;
}
@media only screen and (max-width: 767px) {
  .about__menu > .menu-box > .text-box > .jpn {
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0.28px;
  }
}
.about__menu > .menu-box > .text-box::after {
  margin: auto;
  content: "";
  width: 36px;
  height: 36px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36" fill="none"><circle cx="18" cy="18" r="4.5" fill="rgb(212,63,11)" stroke="rgb(212,63,11)" stroke-width="2"/></svg>');
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.about__culture__philosophy {
  margin: 80px auto 0;
  max-width: 1000px;
}
.about__culture__philosophy .title {
  color: #d43f0b;
  text-align: center;
  font-size: 36px;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .about__culture__philosophy .title {
    font-size: 26px;
  }
}
.about__culture__philosophy .text {
  margin-top: 24px;
  margin-bottom: 24px;
  color: #1c1c1c;
  text-align: center;
  font-size: 20px;
}
@media only screen and (max-width: 767px) {
  .about__culture__philosophy .text {
    font-size: 16px;
    text-align: left;
  }
}
.about__culture__philosophy .image-box {
  display: block;
  margin: 0 auto;
  max-width: 650px;
  width: 100%;
  height: auto;
}

.about__culture {
  position: relative;
}

.about__culture__purpose {
  margin-top: 160px;
  overflow: hidden;
  position: sticky;
  top: 0;
}
@media only screen and (max-width: 767px) {
  .about__culture__purpose {
    height: 120vh;
  }
}
.about__culture__purpose .sky {
  position: relative;
  will-change: transform;
  height: 180vh;
}
.about__culture__purpose .sky img {
  height: 180vh;
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .about__culture__purpose .sky {
    height: 180vh;
  }
}
@media only screen and (max-width: 767px) {
  .about__culture__purpose .sky img {
    object-fit: cover;
    height: 120vh;
  }
}
.about__culture__purpose .tokyo {
  position: absolute;
  width: 100%;
  top: 0;
  will-change: transform;
}
.about__culture__purpose .tokyo img {
  object-fit: cover;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .about__culture__purpose .tokyo img {
    height: 140vh;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .about__culture__purpose .tokyo img {
    height: 120vh;
  }
}
@media only screen and (max-width: 767px) {
  .about__culture__purpose .tokyo img {
    height: 120vh;
  }
}
.about__culture__purpose .tornade01 {
  position: absolute;
  top: -190px;
  right: 20px;
  mix-blend-mode: color-burn;
  will-change: transform;
  transform: scale(0.8);
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .about__culture__purpose .tornade01 {
    top: 80px;
    right: 30px;
    transform: scale(1.6);
  }
}
@media only screen and (max-width: 767px) {
  .about__culture__purpose .tornade01 {
    top: 80px;
    right: 80px;
    transform: scale(1.6);
  }
}
.about__culture__purpose .tornade02 {
  position: absolute;
  top: -160px;
  right: 80px;
  mix-blend-mode: plus-lighter;
  transform: scale(0.8);
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .about__culture__purpose .tornade02 {
    top: 120px;
    right: 90px;
    transform: scale(1.6);
  }
}
@media only screen and (max-width: 767px) {
  .about__culture__purpose .tornade02 {
    top: 120px;
    right: 20px;
    transform: scale(1.6);
  }
}
.about__culture__purpose .tornade03 {
  position: absolute;
  top: -120px;
  right: 20%;
  width: 100vh;
  will-change: transform;
  scale: 1.2;
}
.about__culture__purpose .tornade03 img {
  height: 100vh;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .about__culture__purpose .tornade03 {
    right: -20%;
  }
}
@media only screen and (max-width: 767px) {
  .about__culture__purpose .tornade03 {
    right: -100px;
  }
}
.about__culture__purpose .contents {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.about__culture__purpose .contents .text-container {
  overflow: hidden;
}
.about__culture__purpose .contents .topContents {
  margin: 100px 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .about__culture__purpose .contents .topContents {
    margin: 100px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .about__culture__purpose .contents .topContents {
    margin: 102px 24px;
  }
}
.about__culture__purpose .contents .topContents .title {
  color: #fff;
  font-family: "Helvetica Neue";
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -0.4px;
  transform: translateY(100%);
}
@media only screen and (max-width: 767px) {
  .about__culture__purpose .contents .topContents .title {
    font-size: 28px;
    letter-spacing: -0.28px;
  }
}
.about__culture__purpose .contents .topContents .maincopy {
  margin-top: 16px;
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  letter-spacing: 1.2px;
  transform: translateY(100%);
}
@media only screen and (max-width: 767px) {
  .about__culture__purpose .contents .topContents .maincopy {
    font-size: 30px;
    letter-spacing: 0.6px;
  }
}
.about__culture__purpose .contents .topContents .description {
  margin-top: 20%;
  color: #fff;
  text-align: right;
  font-size: 16px;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.32px;
  transform: translateY(100%);
}
@media only screen and (max-width: 767px) {
  .about__culture__purpose .contents .topContents .description {
    margin-top: 24px;
    top: auto;
    right: auto;
    transform: none;
    text-align: left;
    font-size: 12px;
    letter-spacing: 0.24px;
  }
}

.about__culture__mission {
  overflow: hidden;
  position: sticky;
  top: 0;
  will-change: transform;
}
@media only screen and (max-width: 767px) {
  .about__culture__mission {
    height: 120vh;
  }
}
.about__culture__mission .tokyo {
  position: relative;
  will-change: transform;
}
.about__culture__mission .tokyo img {
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .about__culture__mission .tokyo img {
    height: 140vh;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .about__culture__mission .tokyo {
    left: -50%;
  }
  .about__culture__mission .tokyo img {
    height: 180vh;
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .about__culture__mission .tokyo img {
    height: 120vh;
    object-fit: cover;
    object-position: center;
  }
}
.about__culture__mission .paint {
  position: absolute;
  mix-blend-mode: hard-light;
  will-change: transform;
  width: 90%;
  height: auto;
  top: 50vh;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .about__culture__mission .paint {
    width: 200%;
    left: auto;
    right: -50%;
    transform: scale(1.2);
    top: 15vh;
  }
}
@media only screen and (max-width: 767px) {
  .about__culture__mission .paint {
    width: 200%;
    left: auto;
    right: -50%;
    transform: scale(1.2);
    top: 20vh;
  }
}
.about__culture__mission .contents {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.about__culture__mission .contents .text-container {
  overflow: hidden;
}
.about__culture__mission .contents .topContents {
  margin: 100px 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .about__culture__mission .contents .topContents {
    margin: 100px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .about__culture__mission .contents .topContents {
    margin: 102px 24px;
  }
}
.about__culture__mission .contents .topContents .title {
  color: #fff;
  font-family: "Helvetica Neue";
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -0.4px;
  transform: translateY(100%);
}
@media only screen and (max-width: 767px) {
  .about__culture__mission .contents .topContents .title {
    font-size: 28px;
    letter-spacing: -0.28px;
  }
}
.about__culture__mission .contents .topContents .maincopy {
  margin-top: 16px;
  color: #fff;
  font-size: 60px;
  font-weight: 700;
  letter-spacing: 1.2px;
  transform: translateY(100%);
}
@media only screen and (max-width: 767px) {
  .about__culture__mission .contents .topContents .maincopy {
    font-size: 30px;
    letter-spacing: 0.6px;
  }
}
.about__culture__mission .contents .topContents .description {
  margin-top: 20%;
  color: #fff;
  text-align: right;
  font-size: 16px;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.32px;
  transform: translateY(100%);
}
@media only screen and (max-width: 767px) {
  .about__culture__mission .contents .topContents .description {
    margin-top: 24px;
    text-align: left;
    font-size: 12px;
    letter-spacing: 0.24px;
  }
}

.about__culture__vision {
  overflow: hidden;
  position: sticky;
  top: 0;
  will-change: transform;
}
.about__culture__vision .fuji {
  position: relative;
  will-change: transform;
}
.about__culture__vision .fuji img {
  position: relative;
  top: -20vh;
  object-fit: cover;
  object-position: center;
  height: calc(160vh - 60px);
}
@media only screen and (max-width: 767px) {
  .about__culture__vision .fuji img {
    top: -16vh;
    height: calc(140vh - 30px);
    object-fit: cover;
    object-position: center;
  }
}
.about__culture__vision .moon {
  position: absolute;
  width: 80%;
  top: 0;
  left: 50%;
  will-change: transform;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .about__culture__vision .moon {
    width: 160%;
  }
}
@media only screen and (max-width: 767px) {
  .about__culture__vision .moon {
    width: 200%;
  }
}
.about__culture__vision .contents {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}
.about__culture__vision .contents .text-container {
  overflow: hidden;
}
.about__culture__vision .contents .topContents {
  margin: 100px 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .about__culture__vision .contents .topContents {
    margin: 100px 40px;
  }
}
@media only screen and (max-width: 767px) {
  .about__culture__vision .contents .topContents {
    margin: 102px 24px;
  }
}
.about__culture__vision .contents .topContents .title {
  color: #fff;
  font-family: "Helvetica Neue";
  font-size: 40px;
  font-weight: 700;
  letter-spacing: -0.4px;
  transform: translateY(100%);
}
@media only screen and (max-width: 767px) {
  .about__culture__vision .contents .topContents .title {
    font-size: 28px;
    letter-spacing: -0.28px;
  }
}
.about__culture__vision .contents .topContents .maincopy {
  margin-top: 16px;
  color: #fff;
  font-size: 72px;
  font-weight: 700;
  letter-spacing: 1.2px;
  transform: translateY(100%);
}
@media only screen and (max-width: 767px) {
  .about__culture__vision .contents .topContents .maincopy {
    font-size: 42px;
    letter-spacing: 0.6px;
  }
}
.about__culture__vision .contents .topContents .description {
  margin-top: 25%;
  color: #fff;
  text-align: right;
  font-size: 16px;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.32px;
  transform: translateY(100%);
}
@media only screen and (max-width: 767px) {
  .about__culture__vision .contents .topContents .description {
    margin-top: 24px;
    text-align: left;
    font-size: 12px;
    letter-spacing: 0.24px;
  }
}

.about__culture__statement {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  background-color: #d43f0b;
  border-radius: 60px;
  padding: 240px 220px;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .about__culture__statement {
    padding: 240px 60px;
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .about__culture__statement {
    height: auto;
    padding: 120px 32px;
    flex-direction: column;
    top: -30px;
    border-radius: 30px;
  }
}
.about__culture__statement .description {
  flex-shrink: 0;
  width: 261px;
  margin-right: 79px;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .about__culture__statement .description {
    width: 100%;
    margin-right: 0;
    margin-bottom: 54px;
  }
}
@media only screen and (max-width: 767px) {
  .about__culture__statement .description {
    margin-right: 0;
    margin-bottom: 24px;
  }
}
.about__culture__statement .title {
  width: 261px;
  height: auto;
}
.about__culture__statement .text {
  margin-top: 24px;
  color: #ffffff;
  text-align: justify;
  font-size: 13px;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .about__culture__statement .text {
    display: none;
  }
}
.about__culture__statement .mainText {
  flex-shrink: 0;
  color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.48px;
}
.about__culture__statement .mainText p:not(:first-child) {
  margin-top: 2px;
}
@media only screen and (max-width: 767px) {
  .about__culture__statement .mainText {
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    letter-spacing: 0.32px;
  }
  .about__culture__statement .mainText p:not(:first-child) {
    margin-top: 12px;
  }
}

.about__culture__value {
  background: linear-gradient(#f4f4f4, #ffffff);
  padding: 160px 0;
  position: relative;
  top: -60px;
}
@media only screen and (max-width: 767px) {
  .about__culture__value {
    padding: 60px 0;
  }
}
.about__culture__value .wrap {
  max-width: 1000px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .about__culture__value .wrap {
    margin: 0 24px;
  }
}
@media only screen and (max-width: 767px) {
  .about__culture__value .wrap {
    max-width: 90%;
    margin: 80px auto 0;
  }
}
.about__culture__value .title {
  color: #1c1c1c;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.5;
  padding-bottom: 24px;
}
@media only screen and (max-width: 767px) {
  .about__culture__value .title {
    font-size: 35px;
    line-height: 1.2;
  }
}
.about__culture__value .leadText {
  font-size: 13px;
  font-weight: 500;
  padding-bottom: 36px;
}
.about__culture__value .contents {
  display: flex;
  justify-content: space-between;
}
.about__culture__value .contents .textContents {
  width: 400px;
  flex-shrink: 0;
  margin-right: 60px;
  padding: 160px 0;
}
@media only screen and (max-width: 767px) {
  .about__culture__value .contents .textContents {
    width: 50%;
    margin-right: 24px;
    padding: 80px 0;
  }
}
.about__culture__value .contents .textContents .text {
  padding: 60px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .about__culture__value .contents .textContents .text {
    padding: 30px 0;
  }
}
.about__culture__value .contents .textContents .contentsTitle {
  color: #d43f0b;
  font-family: "Helvetica Neue";
  font-size: 72px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: -1.44px;
}
@media only screen and (max-width: 767px) {
  .about__culture__value .contents .textContents .contentsTitle {
    font-size: 32px;
    letter-spacing: -0.32px;
  }
}
.about__culture__value .contents .textContents .description {
  margin-top: 36px;
  color: #1c1c1c;
  text-align: justify;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 0.32px;
}
@media only screen and (max-width: 767px) {
  .about__culture__value .contents .textContents .description {
    margin-top: 16px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.22px;
  }
}
.about__culture__value .contents .imageContentsWrap {
  position: relative;
  width: 100%;
}
.about__culture__value .contents .imageContentsWrap .imageContents {
  position: sticky;
  top: calc((100vh - 618px) / 2);
  width: 100%;
  height: auto;
  padding-bottom: 618px;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .about__culture__value .contents .imageContentsWrap .imageContents {
    padding-bottom: 450px;
    top: calc((100vh - 450px) / 2);
  }
}
@media only screen and (max-width: 767px) {
  .about__culture__value .contents .imageContentsWrap .imageContents {
    padding-bottom: 395px;
    top: calc((100vh - 395px) / 2);
  }
}
.about__culture__value .contents .imageContentsWrap .imageContents .image {
  opacity: 0;
  position: absolute;
  top: 0;
  right: 0;
  width: 440px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .about__culture__value .contents .imageContentsWrap .imageContents .image {
    max-width: 320px;
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 767px) {
  .about__culture__value .contents .imageContentsWrap .imageContents .image {
    max-width: 151px;
    width: 100%;
    height: auto;
    border-radius: 4px;
  }
}

.about__culture__book {
  max-width: 1000px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .about__culture__book {
    margin-top: 80px;
  }
}
.about__culture__book .title {
  color: #1c1c1c;
  font-size: 40px;
  font-weight: 700;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .about__culture__book .title {
    font-size: 35px;
    line-height: 1.2;
  }
}
.about__culture__book .title .small {
  font-size: 16px;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  .about__culture__book .title .small {
    font-size: 14px;
  }
}
.about__culture__book .description {
  margin-top: 36px;
  font-size: 20px;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  .about__culture__book .description {
    margin-top: 24px;
    font-size: 16px;
  }
}
.about__culture__book .frame {
  margin-top: 48px;
}
.about__culture__book .frame iframe {
  width: 100%;
  aspect-ratio: 1280/680;
}
@media only screen and (max-width: 767px) {
  .about__culture__book .frame iframe {
    aspect-ratio: 327/308;
  }
}

.about__profile {
  margin-top: 60px;
}
.about__profile > .image-box {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1280/480;
  overflow: hidden;
  border-radius: 16px;
}
.about__profile > .image-box > .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .about__profile > .image-box {
    aspect-ratio: 327/436;
  }
}
.about__profile > dl {
  margin: auto;
  margin-top: 165px;
  width: 100%;
  max-width: 1000px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .about__profile > dl {
    margin-top: 120px;
  }
}
.about__profile > dl > dt {
  padding: 24px 0;
  width: 142px;
  color: var(--Grayscale-01, #1c1c1c);
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%; /* 25.6px */
  letter-spacing: 0.32px;
  border-top: 1px solid #1c1c1c;
}
.about__profile > dl > dt:last-of-type {
  border-bottom: 1px solid #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .about__profile > dl > dt {
    padding: 24px 0 0 0;
    width: 100%;
  }
  .about__profile > dl > dt:last-of-type {
    border-bottom: 0;
  }
}
.about__profile > dl > dd {
  padding: 24px 0;
  width: calc(100% - 142px);
  color: var(--Grayscale-01, #1c1c1c);
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%; /* 25.6px */
  letter-spacing: 0.32px;
  border-top: 1px solid #1c1c1c;
}
.about__profile > dl > dd:last-of-type {
  border-bottom: 1px solid #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .about__profile > dl > dd {
    padding: 6px 0 24px 0;
    border-top: 0;
    width: 100%;
  }
}
.about__profile > dl > dd > .map {
  margin-top: 24px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .about__profile > dl > dd > .map {
    margin-top: 16px;
  }
}
.about__profile > dl > dd > .map > iframe {
  width: 100%;
  aspect-ratio: 858/250;
}
@media only screen and (max-width: 767px) {
  .about__profile > dl > dd > .map > iframe {
    aspect-ratio: 327/166;
  }
}
.about__profile > dl > dd > .note {
  display: block;
  color: var(--Grayscale-03, #999);
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%;
}
.about__profile > dl > dd > ul {
  margin-bottom: 1em;
}
.about__profile > dl > dd > ul > li {
  color: var(--Grayscale-01, #1c1c1c);
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%; /* 25.6px */
  letter-spacing: 0.32px;
}

.about__message {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .about__message {
    margin-top: 50px;
  }
}
.about__message > .image-box {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1280/480;
  overflow: hidden;
  border-radius: 16px;
}
.about__message > .image-box > .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .about__message > .image-box {
    aspect-ratio: 327/218;
  }
}
.about__message > .title {
  margin-top: 82px;
  color: var(--Primary, #d43f0b);
  text-align: center;
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 48px;
  line-height: 160%; /* 76.8px */
  letter-spacing: 0.96px;
}
@media only screen and (max-width: 767px) {
  .about__message > .title {
    margin-top: 36px;
    font-size: 30px;
    text-align: justify;
    letter-spacing: 0.6px;
  }
}
.about__message > .text {
  margin: auto;
  margin-top: 42px;
  width: 100%;
  max-width: 1000px;
  color: var(--Grayscale-01, #1c1c1c);
  leading-trim: both;
  text-edge: cap;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 20px;
  line-height: 160%; /* 32px */
}
@media only screen and (max-width: 767px) {
  .about__message > .text {
    margin-top: 24px;
    font-size: 16px;
    letter-spacing: 0.32px;
  }
}
.about__message > .names-box {
  margin-top: 60px;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .about__message > .names-box {
    flex-direction: column;
    row-gap: 36px;
  }
}
.about__message > .names-box > .name-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
@media only screen and (max-width: 767px) {
  .about__message > .names-box > .name-box {
    row-gap: 16px;
  }
}
.about__message > .names-box > .name-box > .eng {
  color: var(--Grayscale-01, #1c1c1c);
  text-align: center;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 18px;
  line-height: 150%; /* 27px */
  letter-spacing: -0.18px;
}
@media only screen and (max-width: 767px) {
  .about__message > .names-box > .name-box > .eng {
    font-size: 15px;
    letter-spacing: -0.15px;
  }
}
.about__message > .names-box > .name-box > .jpn {
  color: var(--Grayscale-01, #1c1c1c);
  text-align: center;
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 160%; /* 38.4px */
  letter-spacing: 0.48px;
}
@media only screen and (max-width: 767px) {
  .about__message > .names-box > .name-box > .jpn {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}

.about__management-team {
  margin-top: 60px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 48px;
  row-gap: 120px;
}
@media only screen and (max-width: 767px) {
  .about__management-team {
    margin-top: 36px;
    grid-template-columns: repeat(1, 1fr);
    row-gap: 60px;
  }
}
.about__management-team > .member-box {
  width: 100%;
}
.about__management-team > .member-box > .image-box {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  overflow: hidden;
}
.about__management-team > .member-box > .image-box > .image {
  border-radius: 16px;
}
.about__management-team > .member-box > .text-box {
  margin-top: 24px;
}
.about__management-team > .member-box > .text-box > .name-box {
  display: flex;
  flex-direction: column;
  row-gap: 4px;
}
@media only screen and (max-width: 767px) {
  .about__management-team > .member-box > .text-box > .name-box {
    row-gap: 8px;
  }
}
.about__management-team > .member-box > .text-box > .name-box > .position {
  color: var(--Grayscale-01, #1c1c1c);
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%; /* 25.6px */
  letter-spacing: 0.32px;
}
@media only screen and (max-width: 767px) {
  .about__management-team > .member-box > .text-box > .name-box > .position {
    font-size: 14px;
    letter-spacing: 0.28px;
  }
}
.about__management-team > .member-box > .text-box > .name-box > .name {
  color: var(--Grayscale-01, #1c1c1c);
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 160%; /* 38.4px */
  letter-spacing: 0.48px;
}
@media only screen and (max-width: 767px) {
  .about__management-team > .member-box > .text-box > .name-box > .name {
    font-size: 20px;
    letter-spacing: 0.4;
  }
}
.about__management-team > .member-box > .text-box > .text {
  margin-top: 16px;
  color: var(--Grayscale-01, #1c1c1c);
  text-align: justify;
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%; /* 20.8px */
}
@media only screen and (max-width: 767px) {
  .about__management-team > .member-box > .text-box > .text {
    margin-top: 24px;
    font-size: 11px;
    letter-spacing: 0.22px;
  }
}
.about__management-team > .member-box > .text-box > .skills {
  margin-top: 16px;
}
.about__management-team > .member-box > .text-box > .skills > li {
  color: var(--Grayscale-01, #1c1c1c);
  text-align: justify;
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%; /* 20.8px */
}
@media only screen and (max-width: 767px) {
  .about__management-team > .member-box > .text-box > .skills > li {
    margon-top: 1em;
    font-size: 11px;
    letter-spacing: 0.22px;
  }
}
.about__management-team > .member-box > .text-box > .skills > li::before {
  content: "・";
  display: inline-block;
  width: 1em;
}

.service__copy {
  margin: 84px 0 0 0;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__copy {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__copy {
    padding: 0 48px;
  }
}
@media only screen and (max-width: 767px) {
  .service__copy {
    margin-top: 36px;
    padding: 0 24px;
  }
}
.service__copy__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.service__copy__inner > .title-container {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .service__copy__inner > .title-container {
    flex-wrap: wrap;
  }
}
.service__copy__inner > .title-container > .title {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.service__copy__inner > .title-container > .title > .jpn {
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.32px;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .service__copy__inner > .title-container > .title > .jpn {
    font-size: 14px;
    letter-spacing: 0.28px;
  }
}
.service__copy__inner > .title-container > .title > .eng {
  display: block;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 70px;
  line-height: 150%;
  letter-spacing: -0.7px;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .service__copy__inner > .title-container > .title > .eng {
    font-size: 42px;
    line-height: normal;
    letter-spacing: -0.42px;
  }
}
.service__copy__inner__cover {
  margin-top: 72px;
  width: 100%;
}
.service__copy__inner__content {
  margin-top: 84px;
  display: flex;
  column-gap: 70px;
}
.service__copy__inner__content.--bcs {
  margin-top: 68px;
}
@media only screen and (max-width: 767px) {
  .service__copy__inner__content {
    margin-top: 50px;
    flex-direction: column;
    row-gap: 36px;
  }
}
.service__copy__inner__content > .text-box {
  order: 1;
}
@media only screen and (max-width: 767px) {
  .service__copy__inner__content > .text-box {
    order: 2;
  }
}
.service__copy__inner__content > .text-box > .title {
  color: var(--Grayscale-01, #1c1c1c);
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 36px;
  line-height: 160%;
  letter-spacing: 0.72px;
}
@media only screen and (max-width: 767px) {
  .service__copy__inner__content > .text-box > .title {
    font-size: 26px;
    letter-spacing: 0.52px;
  }
}
.service__copy__inner__content > .text-box > .text {
  margin-top: 24px;
  color: var(--Grayscale-01, #1c1c1c);
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.4px;
}
@media only screen and (max-width: 767px) {
  .service__copy__inner__content > .text-box > .text {
    font-size: 16px;
    letter-spacing: 0.32px;
  }
}
.service__copy__inner__content > .image-box {
  width: 520px;
  flex-shrink: 0;
  order: 2;
}
@media only screen and (max-width: 767px) {
  .service__copy__inner__content > .image-box {
    order: 2;
    width: 100%;
  }
}
.service__copy__inner > .text-box {
  margin: 60px auto 0 auto;
  width: 100%;
  max-width: 1000px;
}
@media only screen and (max-width: 767px) {
  .service__copy__inner > .text-box {
    margin-top: 36px;
  }
}
.service__copy__inner > .text-box .title {
  color: var(--Primary, #d43f0b);
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 48px;
  line-height: 160%;
  letter-spacing: 0.96px;
}
@media only screen and (max-width: 767px) {
  .service__copy__inner > .text-box .title {
    font-size: 32px;
    letter-spacing: 0.64px;
  }
}
.service__copy__inner > .text-box .text {
  margin-top: 24px;
  color: var(--Grayscale-01, #1c1c1c);
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 200%;
  letter-spacing: 0.48px;
}
@media only screen and (max-width: 767px) {
  .service__copy__inner > .text-box .text {
    font-size: 18px;
    letter-spacing: 0.36px;
  }
}

.service__services {
  margin: 102px 0 0 0;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__services {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__services {
    padding: 0 48px;
  }
}
@media only screen and (max-width: 767px) {
  .service__services {
    margin-top: 80px;
    margin-top: 80px;
    padding: 0 16px;
  }
}
.service__services__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.service__services__inner > .list {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  row-gap: 36px;
}
@media only screen and (max-width: 767px) {
  .service__services__inner > .list {
    row-gap: 24px;
  }
}
.service__services__inner > .list > .service-box {
  padding: 90px 80px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  border-radius: var(--SP-radius-small, 16px);
  background: var(--Primary, #d43f0b);
}
@media only screen and (max-width: 767px) {
  .service__services__inner > .list > .service-box {
    padding: 63px 24px 170px 24px;
    flex-direction: column;
    position: relative;
  }
}
.service__services__inner > .list > .service-box:nth-child(2) {
  background: var(--Grayscale-06, #f4f4f4);
}
.service__services__inner > .list > .service-box:nth-child(2) > .text-box .title .number {
  color: #d43f0b;
}
.service__services__inner > .list > .service-box:nth-child(2) > .text-box .title .eng {
  color: #d43f0b;
}
.service__services__inner > .list > .service-box:nth-child(2) > .text-box .title .jpn {
  color: #1c1c1c;
}
.service__services__inner > .list > .service-box:nth-child(2) > .text-box > .text {
  color: #1c1c1c;
}
.service__services__inner > .list > .service-box > .text-box > .title {
  display: flex;
  flex-direction: column;
}
.service__services__inner > .list > .service-box > .text-box > .title > .number {
  color: var(--Grayscale-07, #fff);
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.18px;
}
@media only screen and (max-width: 767px) {
  .service__services__inner > .list > .service-box > .text-box > .title > .number {
    font-size: 15px;
    letter-spacing: -0.15px;
  }
}
.service__services__inner > .list > .service-box > .text-box > .title > .eng {
  color: var(--Grayscale-07, #fff);
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 52px;
  line-height: 150%;
  letter-spacing: -0.52px;
}
@media only screen and (max-width: 767px) {
  .service__services__inner > .list > .service-box > .text-box > .title > .eng {
    margin-top: 24px;
    font-size: 28px;
    letter-spacing: -0.28px;
  }
}
.service__services__inner > .list > .service-box > .text-box > .title > .jpn {
  color: var(--Grayscale-07, #fff);
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.32px;
}
@media only screen and (max-width: 767px) {
  .service__services__inner > .list > .service-box > .text-box > .title > .jpn {
    margin-top: 24px;
    font-size: 14px;
    letter-spacing: 0.28px;
  }
}
.service__services__inner > .list > .service-box > .text-box > .text {
  margin-top: 24px;
  color: var(--Grayscale-07, #fff);
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.4px;
}
@media only screen and (max-width: 767px) {
  .service__services__inner > .list > .service-box > .text-box > .text {
    font-size: 16px;
    letter-spacing: 0.32px;
  }
}
.service__services__inner > .list > .service-box > .text-box > .button, .service__services__inner > .list > .service-box > .text-box > .topWorks__moreButton {
  margin-top: 36px;
  margin-left: 0;
  width: 209px;
}
@media only screen and (max-width: 767px) {
  .service__services__inner > .list > .service-box > .text-box > .button, .service__services__inner > .list > .service-box > .text-box > .topWorks__moreButton {
    margin: auto;
    width: calc(100% - 48px);
    position: absolute;
    left: 24px;
    right: 24px;
    bottom: 61px;
  }
}
.service__services__inner > .list > .service-box > .image-box {
  flex-shrink: 0;
  width: 315px;
}
@media only screen and (max-width: 767px) {
  .service__services__inner > .list > .service-box > .image-box {
    margin: 32px auto 0 auto;
    width: 162px;
  }
}

.service__page__header {
  margin: 57px 0 0 0;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__page__header {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__page__header {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .service__page__header {
    margin-top: 16px;
    padding: 0 24px;
  }
}
.service__page__header__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.service__page__header__inner__breadcrumb {
  margin: 0;
}
.service__page__header__inner__breadcrumb > .link {
  display: flex;
  align-items: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  text-align: justify;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .service__page__header__inner__breadcrumb > .link {
    font-size: 14px;
  }
}
.service__page__header__inner__breadcrumb > .link > .icon {
  margin-right: 16px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.83333 16.6665C5.83333 13.4467 3.21977 10.8332 5.09966e-07 10.8332L6.55671e-07 9.1665C3.21977 9.1665 5.83333 6.55293 5.83334 3.33317L7.5 3.33317C7.5 5.68849 6.41268 7.79122 4.71291 9.1665L20 9.1665L20 10.8332L4.71291 10.8332C6.41268 12.2084 7.5 14.3112 7.5 16.6665L5.83333 16.6665Z" fill="rgb(28,28,28)" /></svg>');
}
.service__page__header__inner > .title {
  margin-top: 60px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .service__page__header__inner > .title {
    margin-top: 48px;
    font-size: 44px;
    line-height: 120%;
    align-items: flex-start;
    flex-shrink: 0;
  }
}
.service__page__header__inner > .title > .icon {
  margin-right: 40px;
  display: block;
  width: 80px;
  height: 80px;
}
@media only screen and (max-width: 767px) {
  .service__page__header__inner > .title > .icon {
    margin-right: 24px;
    width: 54px;
    height: 54px;
  }
}
.service__page__header__inner > .title > .icon > img {
  vertical-align: baseline;
}
@media only screen and (max-width: 767px) {
  .service__page__header__inner > .title > .icon > img {
    width: 54px;
    height: 54px;
  }
}
.service__page__header__inner > .title > .text {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 70px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #1c1c1c;
  display: flex;
  align-items: baseline;
}
@media only screen and (max-width: 767px) {
  .service__page__header__inner > .title > .text {
    font-size: 44px;
    line-height: 120%;
    flex-wrap: wrap;
  }
}
.service__page__header__inner > .title > .text > .jpn {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  margin-left: 24px;
  font-size: 24px;
  line-height: 160%;
}
@media only screen and (max-width: 767px) {
  .service__page__header__inner > .title > .text > .jpn {
    margin-left: 0;
  }
}
.service__page__header__inner > .text {
  margin-top: 16px;
  margin-left: 120px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .service__page__header__inner > .text {
    margin-top: 24px;
    margin-left: 78px;
    font-size: 16px;
  }
}

.service__page__kv {
  margin-top: 100px;
  padding-left: calc((100% - 1280px) / 2);
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__page__kv {
    padding-left: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__page__kv {
    padding-left: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .service__page__kv {
    margin-top: 48px;
    padding-left: 24px;
  }
}
.service__page__kv > .kv-box {
  width: 100%;
  height: 340px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
  border-radius: 16px 0 0 16px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .service__page__kv > .kv-box {
    height: 280px;
    border-radius: 8px 0 0 8px;
  }
}
.service__page__kv > .kv-box.--business-design {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
}
.service__page__kv > .kv-box.--brand-design {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
}
.service__page__kv > .kv-box.--uxui-design {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
}
.service__page__kv > .kv-box.--marketing-growth {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
}
.service__page__kv > .kv-box.--dx-solution {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
}

.service__page__copy {
  margin-top: 160px;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__page__copy {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__page__copy {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .service__page__copy {
    margin-top: 80px;
    padding: 0 24px;
  }
}
.service__page__copy__inner {
  margin: auto;
  width: 100%;
  max-width: 1040px;
}
.service__page__copy__inner > .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 48px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .service__page__copy__inner > .title {
    font-size: 30px;
  }
}
.service__page__copy__inner > .text {
  margin-top: 36px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .service__page__copy__inner > .text {
    margin-top: 24px;
    font-size: 14px;
  }
}

.service__page__our {
  margin-top: 160px;
  padding: 160px 0;
  width: 100%;
  background: #f4f4f4;
  border-radius: 60px;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__page__our {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__page__our {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .service__page__our {
    margin-top: 80px;
    padding: 80px 24px;
    border-radius: 30px;
  }
}
.service__page__our__inner {
  margin: auto;
  width: 100%;
  max-width: 1000px;
}
.service__page__our__inner > .title {
  display: flex;
  flex-direction: column;
}
.service__page__our__inner > .title > .jpn {
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  text-align: justify;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .service__page__our__inner > .title > .jpn {
    font-size: 14px;
  }
}
.service__page__our__inner > .title > .eng {
  display: block;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .service__page__our__inner > .title > .eng {
    font-size: 35px;
    line-height: 120%;
  }
}
.service__page__our__inner > .points-box {
  margin-top: 60px;
  width: 100%;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .service__page__our__inner > .points-box {
    margin-top: 48px;
  }
}
.service__page__our__inner > .points-box > .point-box {
  padding: 60px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #1c1c1c;
}
.service__page__our__inner > .points-box > .point-box:last-of-type {
  border-bottom: none;
}
@media only screen and (max-width: 767px) {
  .service__page__our__inner > .points-box > .point-box:last-of-type {
    padding-bottom: 0;
  }
}
@media only screen and (max-width: 767px) {
  .service__page__our__inner > .points-box > .point-box {
    padding: 48px 0;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.service__page__our__inner > .points-box > .point-box > .text-box {
  width: calc(100% - 240px - 60px);
}
@media only screen and (max-width: 767px) {
  .service__page__our__inner > .points-box > .point-box > .text-box {
    margin-top: 24px;
    width: 100%;
    order: 2;
    position: relative;
  }
}
.service__page__our__inner > .points-box > .point-box > .text-box > .title {
  display: flex;
  align-items: flex-start;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 36px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .service__page__our__inner > .points-box > .point-box > .text-box > .title {
    font-size: 20px;
  }
}
.service__page__our__inner > .points-box > .point-box > .text-box > .title > .count {
  margin-right: 31px;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 26px;
  line-height: 57px;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .service__page__our__inner > .points-box > .point-box > .text-box > .title > .count {
    position: absolute;
    top: -224px;
    left: 0;
    font-size: 24px;
    line-height: 120%;
  }
}
.service__page__our__inner > .points-box > .point-box > .text-box > .text {
  margin-top: 16px;
  margin-left: 60px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .service__page__our__inner > .points-box > .point-box > .text-box > .text {
    margin-left: 0;
    font-size: 14px;
  }
}
.service__page__our__inner > .points-box > .point-box > .image-box {
  width: 240px;
  height: 240px;
}
@media only screen and (max-width: 767px) {
  .service__page__our__inner > .points-box > .point-box > .image-box {
    width: 200px;
    height: 200px;
    order: 1;
  }
}
.service__page__our__inner > .points-box > .point-box > .image-box > .image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.service__page__process {
  margin-top: 160px;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__page__process {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__page__process {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .service__page__process {
    margin-top: 80px;
    padding: 0 24px;
  }
}
.service__page__process__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.service__page__process__inner > .title {
  display: flex;
  flex-direction: column;
}
.service__page__process__inner > .title > .jpn {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .service__page__process__inner > .title > .jpn {
    font-size: 14px;
  }
}
.service__page__process__inner > .title > .eng {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .service__page__process__inner > .title > .eng {
    font-size: 35px;
    line-height: 120%;
  }
}
.service__page__process__inner > .processes-box {
  margin-top: 38px;
  width: 100%;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .service__page__process__inner > .processes-box {
    flex-direction: column;
  }
}
.service__page__process__inner > .processes-box > .process-box {
  margin-right: 36px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .service__page__process__inner > .processes-box > .process-box {
    margin-right: 0;
    margin-bottom: 28px;
    display: flex;
    align-items: center;
  }
}
.service__page__process__inner > .processes-box > .process-box:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .service__page__process__inner > .processes-box > .process-box:last-child {
    margin-bottom: 0;
  }
}
.service__page__process__inner > .processes-box > .process-box:last-child > .title::after {
  display: none;
}
.service__page__process__inner > .processes-box > .process-box > .title {
  width: 100%;
  height: 112px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 20px;
  line-height: 160%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
  border: 1px solid #d43f0b;
  border-radius: 8px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .service__page__process__inner > .processes-box > .process-box > .title {
    width: 130px;
    height: 54px;
    flex-shrink: 0;
    font-size: 14px;
  }
}
.service__page__process__inner > .processes-box > .process-box > .title::after {
  margin: auto;
  position: absolute;
  top: 0;
  right: -33px;
  bottom: 0;
  content: "";
  width: 30px;
  height: 30px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.75 15L11.25 22.5L11.25 7.5L18.75 15Z" fill="rgb(212,63,11)" /></svg>');
}
@media only screen and (max-width: 767px) {
  .service__page__process__inner > .processes-box > .process-box > .title::after {
    top: auto;
    right: 0;
    left: 0;
    bottom: -26px;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 15L6 8.99999L18 8.99999L12 15Z" fill="rgb(212,63,11)"/></svg>');
  }
}
.service__page__process__inner > .processes-box > .process-box > .text {
  margin-top: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .service__page__process__inner > .processes-box > .process-box > .text {
    margin: 0 0 0 16px;
    font-size: 11px;
  }
}
.service__page__process__inner > .image-box {
  margin-top: 38px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .service__page__process__inner > .image-box {
    margin-top: 48px;
  }
}

.service__page__more {
  margin-top: 160px;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__page__more {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__page__more {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .service__page__more {
    margin-top: 80px;
    padding: 0 24px;
  }
}
.service__page__more__inner {
  margin: auto;
  max-width: 1000px;
}
.service__page__more__inner > .link {
  padding: 36px 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  background: #f4f4f4;
  border-radius: 16px;
}
.service__page__more__inner > .link > .eng {
  display: block;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 32px;
  line-height: 150%;
  text-align: center;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .service__page__more__inner > .link > .eng {
    font-size: 28px;
    line-height: 120%;
  }
}
.service__page__more__inner > .link > .jpn {
  margin-top: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 160%;
  text-align: center;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .service__page__more__inner > .link > .jpn {
    font-size: 20px;
  }
}
.service__page__more__inner > .link > .jpn::after {
  margin-left: 16px;
  display: inline-block;
  content: "";
  width: 24px;
  height: 24px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5 3L23 3V17H5V3ZM7 5V15H21V5H7Z" fill="rgb(212,63,11)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M1 8H3L3 19H18V21H1L1 8Z" fill="rgb(212,63,11)" /></svg>');
}
@media only screen and (max-width: 767px) {
  .service__page__more__inner > .link > .jpn::after {
    margin-left: 10px;
    width: 20px;
    height: 20px;
  }
}

.service__bcs__services {
  margin: 168px 0 0 0;
  overflow: hidden;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__bcs__services {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__bcs__services {
    padding: 0 48px;
  }
}
@media only screen and (max-width: 767px) {
  .service__bcs__services {
    margin-top: 120px;
  }
}
.service__bcs__services__inner {
  margin: auto;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .service__bcs__services__inner {
    padding: 0;
  }
}
.service__bcs__services__inner > .title {
  margin: auto;
  width: 100%;
  max-width: 1280px;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .service__bcs__services__inner > .title {
    padding: 0 24px;
  }
}
.service__bcs__services__inner > .title > .jpn {
  color: var(--Grayscale-01, #1c1c1c);
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.32px;
}
@media only screen and (max-width: 767px) {
  .service__bcs__services__inner > .title > .jpn {
    font-size: 14px;
    letter-spacing: 0.28px;
  }
}
.service__bcs__services__inner > .title > .eng {
  color: var(--Grayscale-01, #1c1c1c);
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.4px;
}
@media only screen and (max-width: 767px) {
  .service__bcs__services__inner > .title > .eng {
    font-size: 28px;
    letter-spacing: -0.28px;
  }
}
.service__bcs__services__inner > .list {
  margin-top: 60px;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .service__bcs__services__inner > .list {
    margin-top: 36px;
  }
}
@media only screen and (max-width: 767px) {
  .service__bcs__services__inner > .list > .service-box {
    border-top: 1px solid #ccc;
  }
  .service__bcs__services__inner > .list > .service-box:last-child {
    border-bottom: 1px solid #ccc;
  }
}
.service__bcs__services__inner > .list > .service-box > .link {
  width: 100%;
  display: block;
  position: relative;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__bcs__services__inner > .list > .service-box > .link {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__bcs__services__inner > .list > .service-box > .link {
    padding: 0 48px;
  }
}
.service__bcs__services__inner > .list > .service-box > .link::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
  opacity: 0;
  z-index: -1;
  transition: all 0.25s ease-in;
}
.service__bcs__services__inner > .list > .service-box > .link.--business-design::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
}
.service__bcs__services__inner > .list > .service-box > .link.--brand-design::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
}
.service__bcs__services__inner > .list > .service-box > .link.--uxui-design::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
}
.service__bcs__services__inner > .list > .service-box > .link.--marketing-growth::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
}
.service__bcs__services__inner > .list > .service-box > .link.--dx-solution::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
}
.service__bcs__services__inner > .list > .service-box > .link > .inner-box {
  margin: auto;
  width: 100%;
  max-width: 1280px;
  padding: 53px 80px 53px 0;
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .service__bcs__services__inner > .list > .service-box > .link > .inner-box {
    padding: 36px 24px 84px 24px;
    flex-direction: column;
  }
}
.service__bcs__services__inner > .list > .service-box > .link > .inner-box > .title {
  width: 50%;
  color: var(--Primary, #d43f0b);
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%; /* 60px */
  letter-spacing: -0.4px;
  transition: all 0.25s ease-in;
}
@media only screen and (max-width: 767px) {
  .service__bcs__services__inner > .list > .service-box > .link > .inner-box > .title {
    width: 100%;
    font-size: 28px;
    letter-spacing: -0.28px;
  }
}
.service__bcs__services__inner > .list > .service-box > .link > .inner-box > .text-box {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .service__bcs__services__inner > .list > .service-box > .link > .inner-box > .text-box {
    margin-top: 24px;
    width: 100%;
    display: flex;
    column-gap: 16px;
  }
}
.service__bcs__services__inner > .list > .service-box > .link > .inner-box > .text-box > .image-box {
  width: 36px;
}
@media only screen and (max-width: 767px) {
  .service__bcs__services__inner > .list > .service-box > .link > .inner-box > .text-box > .image-box {
    width: 32px;
    flex-shrink: 0;
  }
}
.service__bcs__services__inner > .list > .service-box > .link > .inner-box > .text-box > .image-box > .image > svg > path {
  transition: all 0.25s ease-in;
}
.service__bcs__services__inner > .list > .service-box > .link > .inner-box > .text-box > .text {
  margin-top: 24px;
  color: var(--Grayscale-01, #1c1c1c);
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.32px;
  transition: all 0.25s ease-in;
}
@media only screen and (max-width: 767px) {
  .service__bcs__services__inner > .list > .service-box > .link > .inner-box > .text-box > .text {
    margin-top: 0;
  }
}
.service__bcs__services__inner > .list > .service-box > .link > .inner-box::after {
  content: "";
  display: block;
  margin: auto;
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M17 4C17 7.86372 20.1363 11 24 11V13C20.1363 13 17 16.1363 17 20H15C15 17.1736 16.3048 14.6503 18.3445 13H0V11H18.3445C16.3048 9.34966 15 6.82638 15 4H17Z" fill="rgb(28,28,28)"/></svg>');
  transition: all 0.25s ease-in;
}
@media only screen and (max-width: 767px) {
  .service__bcs__services__inner > .list > .service-box > .link > .inner-box::after {
    top: auto;
    right: auto;
    bottom: 36px;
    left: 28px;
  }
}
.service__bcs__services__inner > .list > .service-box > .link:hover::before {
  opacity: 1;
}
.service__bcs__services__inner > .list > .service-box > .link:hover > .inner-box > .title {
  color: #fff;
}
.service__bcs__services__inner > .list > .service-box > .link:hover > .inner-box > .text-box > .image-box > .image > svg > path {
  fill: #ffffff;
}
.service__bcs__services__inner > .list > .service-box > .link:hover > .inner-box > .text-box > .text {
  color: #fff;
}
.service__bcs__services__inner > .list > .service-box > .link:hover > .inner-box::after {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M17 4C17 7.86372 20.1363 11 24 11V13C20.1363 13 17 16.1363 17 20H15C15 17.1736 16.3048 14.6503 18.3445 13H0V11H18.3445C16.3048 9.34966 15 6.82638 15 4H17Z" fill="white"/></svg>');
}

.service__bcs__flow {
  margin: 153px 0 0 0;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__bcs__flow {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__bcs__flow {
    padding: 0 48px;
  }
}
@media only screen and (max-width: 767px) {
  .service__bcs__flow {
    margin-top: 120px;
  }
}
.service__bcs__flow__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
@media only screen and (max-width: 767px) {
  .service__bcs__flow__inner {
    padding: 0 24px;
  }
}
.service__bcs__flow__inner > .title {
  color: var(--Grayscale-01, #1c1c1c);
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 36px;
  line-height: 160%;
  letter-spacing: 0.72px;
}
@media only screen and (max-width: 767px) {
  .service__bcs__flow__inner > .title {
    font-size: 26px;
    letter-spacing: 0.52px;
  }
}
.service__bcs__flow__inner > .text {
  margin-top: 17px;
  color: var(--Grayscale-01, #1c1c1c);
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.32px;
}
@media only screen and (max-width: 767px) {
  .service__bcs__flow__inner > .text {
    margin-top: 16px;
    font-size: 14px;
    letter-spacing: 0.28px;
  }
}
.service__bcs__flow__inner > .image-box {
  margin-top: 60px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .service__bcs__flow__inner > .image-box {
    margin-top: 36px;
  }
}

.service__hr-solution__features {
  margin: 160px 0 0 0;
  padding: 160px 0;
  width: 100%;
  background-color: #f4f4f4;
  border-radius: 60px;
}
@media only screen and (max-width: 767px) {
  .service__hr-solution__features {
    margin-top: 120px;
    padding: 80px 24px;
    border-radius: 30px;
  }
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__hr-solution__features {
    padding: 160px 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__hr-solution__features {
    padding: 160px 48px;
  }
}
.service__hr-solution__features__inner {
  margin: auto;
  width: 100%;
  max-width: 1000px;
}
.service__hr-solution__features__inner .title-box .title {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
}
@media only screen and (max-width: 767px) {
  .service__hr-solution__features__inner .title-box .title {
    row-gap: 0;
  }
}
.service__hr-solution__features__inner .title-box .title > .jpn {
  color: var(--Grayscale-01, #1c1c1c);
  text-align: justify;
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.32px;
}
@media only screen and (max-width: 767px) {
  .service__hr-solution__features__inner .title-box .title > .jpn {
    font-size: 14px;
    letter-spacing: 0.28px;
  }
}
.service__hr-solution__features__inner .title-box .title > .eng {
  color: var(--Grayscale-01, #1c1c1c);
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.4px;
}
@media only screen and (max-width: 767px) {
  .service__hr-solution__features__inner .title-box .title > .eng {
    font-size: 35px;
    letter-spacing: -0.35px;
  }
}
.service__hr-solution__features__inner .content-box {
  margin: 60px 0 0 0;
  display: flex;
  justify-content: space-between;
  column-gap: 60px;
}
@media only screen and (max-width: 767px) {
  .service__hr-solution__features__inner .content-box {
    margin-top: 36px;
    flex-direction: column;
    column-gap: 0;
    row-gap: 36px;
  }
}
.service__hr-solution__features__inner .content-box > .image-box {
  width: 280px;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .service__hr-solution__features__inner .content-box > .image-box {
    width: 100%;
  }
}
.service__hr-solution__features__inner .content-box > .image-box > .image-wrapper {
  overflow: hidden;
  border-radius: 16px;
}
.service__hr-solution__features__inner .content-box > .features-box {
  display: flex;
  flex-direction: column;
}
.service__hr-solution__features__inner .content-box > .features-box .feature-box {
  padding: 48px 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  column-gap: 30px;
  border-bottom: 1px solid #1c1c1c;
}
.service__hr-solution__features__inner .content-box > .features-box .feature-box:first-child {
  padding-top: 0;
}
.service__hr-solution__features__inner .content-box > .features-box .feature-box:last-child {
  border-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .service__hr-solution__features__inner .content-box > .features-box .feature-box {
    padding: 36px 0;
    column-gap: 16px;
  }
}
.service__hr-solution__features__inner .content-box > .features-box .feature-box > .count-box {
  padding-top: 10px;
}
@media only screen and (max-width: 767px) {
  .service__hr-solution__features__inner .content-box > .features-box .feature-box > .count-box {
    padding-top: 6px;
  }
}
.service__hr-solution__features__inner .content-box > .features-box .feature-box > .count-box > .count {
  color: var(--Primary, #d43f0b);
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 26px;
  line-height: 150%;
  letter-spacing: -0.26px;
}
@media only screen and (max-width: 767px) {
  .service__hr-solution__features__inner .content-box > .features-box .feature-box > .count-box > .count {
    font-size: 20px;
    letter-spacing: -0.2px;
  }
}
.service__hr-solution__features__inner .content-box > .features-box .feature-box > .text-box > .title {
  color: var(--Primary, #d43f0b);
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 36px;
  line-height: 160%;
  letter-spacing: 0.72px;
}
@media only screen and (max-width: 767px) {
  .service__hr-solution__features__inner .content-box > .features-box .feature-box > .text-box > .title {
    font-size: 26px;
    letter-spacing: 0.52px;
  }
}
.service__hr-solution__features__inner .content-box > .features-box .feature-box > .text-box > .text {
  margin-top: 16px;
  color: var(--Grayscale-01, #1c1c1c);
  text-align: justify;
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.32px;
}
@media only screen and (max-width: 767px) {
  .service__hr-solution__features__inner .content-box > .features-box .feature-box > .text-box > .text {
    margin-top: 8px;
    font-size: 14px;
    letter-spacing: 0.28px;
  }
}

.service__hr-solution__solutions {
  margin-top: 160px;
}
@media only screen and (max-width: 767px) {
  .service__hr-solution__solutions {
    margin-top: 120px;
    padding: 0 24px;
  }
}
.service__hr-solution__solutions__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.service__hr-solution__solutions__inner .title-box .title {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
}
@media only screen and (max-width: 767px) {
  .service__hr-solution__solutions__inner .title-box .title {
    row-gap: 0;
  }
}
.service__hr-solution__solutions__inner .title-box .title > .jpn {
  color: var(--Grayscale-01, #1c1c1c);
  text-align: justify;
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.32px;
}
@media only screen and (max-width: 767px) {
  .service__hr-solution__solutions__inner .title-box .title > .jpn {
    font-size: 14px;
    letter-spacing: 0.28px;
  }
}
.service__hr-solution__solutions__inner .title-box .title > .eng {
  color: var(--Grayscale-01, #1c1c1c);
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.4px;
}
@media only screen and (max-width: 767px) {
  .service__hr-solution__solutions__inner .title-box .title > .eng {
    font-size: 35px;
    letter-spacing: -0.35px;
  }
}
.service__hr-solution__solutions__inner .solutions-box {
  margin-top: 60px;
  display: flex;
  flex-direction: column;
  row-gap: 160px;
}
@media only screen and (max-width: 767px) {
  .service__hr-solution__solutions__inner .solutions-box {
    margin-top: 36px;
    row-gap: 80px;
  }
}
.service__hr-solution__solutions__inner .solutions-box .solution-box > .image-box {
  width: 100%;
}
.service__hr-solution__solutions__inner .solutions-box .solution-box > .text-box {
  margin: 60px auto 0 auto;
  width: 100%;
  max-width: 1000px;
}
@media only screen and (max-width: 767px) {
  .service__hr-solution__solutions__inner .solutions-box .solution-box > .text-box {
    margin-top: 36px;
  }
}
.service__hr-solution__solutions__inner .solutions-box .solution-box > .text-box > .title-box {
  display: flex;
  flex-direction: column;
  row-gap: 2px;
}
@media only screen and (max-width: 767px) {
  .service__hr-solution__solutions__inner .solutions-box .solution-box > .text-box > .title-box {
    row-gap: 8px;
  }
}
.service__hr-solution__solutions__inner .solutions-box .solution-box > .text-box > .title-box > .title {
  color: var(--Primary, #d43f0b);
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 52px;
  line-height: 150%;
  letter-spacing: -0.52px;
}
@media only screen and (max-width: 767px) {
  .service__hr-solution__solutions__inner .solutions-box .solution-box > .text-box > .title-box > .title {
    font-size: 35px;
    letter-spacing: -0.35px;
  }
}
.service__hr-solution__solutions__inner .solutions-box .solution-box > .text-box > .title-box > .subtitle {
  color: var(--Grayscale-01, #1c1c1c);
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: 0.48px;
}
@media only screen and (max-width: 767px) {
  .service__hr-solution__solutions__inner .solutions-box .solution-box > .text-box > .title-box > .subtitle {
    font-size: 20px;
    letter-spacing: 0.4px;
  }
}
.service__hr-solution__solutions__inner .solutions-box .solution-box > .text-box > .text {
  margin-top: 36px;
  color: var(--Grayscale-01, #1c1c1c);
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.32px;
}
@media only screen and (max-width: 767px) {
  .service__hr-solution__solutions__inner .solutions-box .solution-box > .text-box > .text {
    font-size: 14px;
    letter-spacing: 0.28px;
  }
}
.service__hr-solution__solutions__inner .solutions-box .solution-box > .text-box > .buttons-box {
  margin-top: 88px;
}
@media only screen and (max-width: 767px) {
  .service__hr-solution__solutions__inner .solutions-box .solution-box > .text-box > .buttons-box {
    margin-top: 36px;
  }
}
.service__hr-solution__solutions__inner .solutions-box .solution-box > .text-box > .buttons-box > .button, .service__hr-solution__solutions__inner .solutions-box .solution-box > .text-box > .buttons-box > .topWorks__moreButton {
  margin-left: 0;
  width: fit-content;
}
@media only screen and (max-width: 767px) {
  .service__hr-solution__solutions__inner .solutions-box .solution-box > .text-box > .buttons-box > .button, .service__hr-solution__solutions__inner .solutions-box .solution-box > .text-box > .buttons-box > .topWorks__moreButton {
    width: 100%;
    padding: 24px 40px;
  }
}

.service__detail__kv {
  margin-top: 0;
  padding-left: calc((100% - 1280px) / 2);
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__detail__kv {
    padding-left: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__detail__kv {
    padding-left: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .service__detail__kv {
    margin-top: 0;
    padding-left: 24px;
  }
}
.service__detail__kv > .kv-box {
  width: 100%;
  height: 340px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
  border-radius: 16px 0 0 16px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .service__detail__kv > .kv-box {
    height: 140px;
    border-radius: 8px 0 0 8px;
  }
}
.service__detail__kv > .kv-box.--business-design {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
}
.service__detail__kv > .kv-box.--brand-design {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
}
.service__detail__kv > .kv-box.--uxui-design {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
}
@media only screen and (max-width: 767px) {
  .service__detail__kv > .kv-box.--uxui-design {
    background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
  }
}
.service__detail__kv > .kv-box.--marketing-growth {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
}
.service__detail__kv > .kv-box.--dx-solution {
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
}

.service__detail__header {
  margin-top: 40px;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__detail__header {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__detail__header {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .service__detail__header {
    margin-top: 24px;
    padding: 0 24px;
  }
}
.service__detail__header__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.service__detail__header__inner > .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 64px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .service__detail__header__inner > .title {
    margin-bottom: 16px;
    font-size: 40px;
  }
}
.service__detail__header__inner > .bottom-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 80px;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__detail__header__inner > .bottom-box {
    gap: 24px;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .service__detail__header__inner > .bottom-box {
    gap: 24px;
    flex-wrap: wrap;
  }
}
.service__detail__header__inner > .bottom-box > .text {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .service__detail__header__inner > .bottom-box > .text {
    font-size: 14px;
  }
}
.service__detail__header__inner > .bottom-box > .button-box {
  width: fit-content;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .service__detail__header__inner > .bottom-box > .button-box {
    width: 100%;
    max-width: 327px;
  }
}

.service__detail__message {
  margin-top: 144px;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__detail__message {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__detail__message {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .service__detail__message {
    margin-top: 64px;
    padding: 0 24px;
  }
}
.service__detail__message__inner {
  margin: auto;
  width: 100%;
  max-width: 1040px;
}
.service__detail__message__inner > .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 48px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .service__detail__message__inner > .title {
    font-size: 30px;
  }
}
.service__detail__message__inner > .text {
  margin-top: 40px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .service__detail__message__inner > .text {
    margin-top: 24px;
    font-size: 14px;
  }
}
.service__detail__message__inner > .image-box {
  margin-top: 42px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .service__detail__message__inner > .image-box {
    margin-top: 40px;
    height: 320px;
  }
}
@media only screen and (max-width: 767px) {
  .service__detail__message__inner > .image-box > .image {
    height: 100%;
    object-fit: contain;
  }
}

.service__detail__process {
  margin-top: 160px;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__detail__process {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__detail__process {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .service__detail__process {
    margin-top: 80px;
    padding: 0 24px;
  }
}
.service__detail__process__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.service__detail__process__inner > .title {
  display: flex;
  flex-direction: column;
}
.service__detail__process__inner > .title > .jpn {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .service__detail__process__inner > .title > .jpn {
    font-size: 14px;
  }
}
.service__detail__process__inner > .title > .eng {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .service__detail__process__inner > .title > .eng {
    font-size: 35px;
    line-height: 120%;
  }
}
.service__detail__process__inner > .processes-box {
  margin-top: 38px;
  width: 100%;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .service__detail__process__inner > .processes-box {
    flex-direction: column;
  }
}
.service__detail__process__inner > .processes-box > .process-box {
  margin-right: 36px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .service__detail__process__inner > .processes-box > .process-box {
    margin-right: 0;
    margin-bottom: 28px;
    display: flex;
    align-items: center;
  }
}
.service__detail__process__inner > .processes-box > .process-box:last-child {
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  .service__detail__process__inner > .processes-box > .process-box:last-child {
    margin-bottom: 0;
  }
}
.service__detail__process__inner > .processes-box > .process-box:last-child > .title::after {
  display: none;
}
.service__detail__process__inner > .processes-box > .process-box > .title {
  width: 100%;
  height: 80px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 20px;
  line-height: 160%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
  border: 1px solid #d43f0b;
  border-radius: 8px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .service__detail__process__inner > .processes-box > .process-box > .title {
    width: 130px;
    height: 54px;
    flex-shrink: 0;
    font-size: 14px;
  }
}
.service__detail__process__inner > .processes-box > .process-box > .title::after {
  margin: auto;
  position: absolute;
  top: 0;
  right: -33px;
  bottom: 0;
  content: "";
  width: 30px;
  height: 30px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.75 15L11.25 22.5L11.25 7.5L18.75 15Z" fill="rgb(212,63,11)" /></svg>');
}
@media only screen and (max-width: 767px) {
  .service__detail__process__inner > .processes-box > .process-box > .title::after {
    top: auto;
    right: 0;
    left: 0;
    bottom: -26px;
    width: 24px;
    height: 24px;
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 15L6 8.99999L18 8.99999L12 15Z" fill="rgb(212,63,11)"/></svg>');
  }
}
.service__detail__process__inner > .processes-box > .process-box > .text {
  margin-top: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .service__detail__process__inner > .processes-box > .process-box > .text {
    margin: 0 0 0 16px;
    font-size: 11px;
  }
}
.service__detail__process__inner > .image-box {
  margin-top: 38px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .service__detail__process__inner > .image-box {
    margin-top: 48px;
  }
}

.service__detail__case {
  margin-top: 160px;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__detail__case {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__detail__case {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .service__detail__case {
    margin-top: 80px;
    padding: 0 24px;
  }
}
.service__detail__case__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.service__detail__case__inner > .title {
  display: flex;
  flex-direction: column;
}
.service__detail__case__inner > .title > .jpn {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .service__detail__case__inner > .title > .jpn {
    font-size: 14px;
  }
}
.service__detail__case__inner > .title > .eng {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .service__detail__case__inner > .title > .eng {
    font-size: 35px;
    line-height: 120%;
  }
}

.case-list-box {
  margin-top: 40px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, 400px);
  column-gap: 40px;
  row-gap: 32px;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .case-list-box {
    grid-template-columns: repeat(auto-fill, 327px);
  }
}
.case-list-box > .item-box {
  display: flex;
  flex-direction: column;
}
.case-list-box > .item-box:hover > .title {
  color: #d43f0b;
}
.case-list-box > .item-box:hover > .text {
  color: #d43f0b;
}
.case-list-box > .item-box > .image-box {
  width: 100%;
  height: auto;
  aspect-ratio: 400/225;
  border-radius: 16px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .case-list-box > .item-box > .image-box {
    aspect-ratio: 327/184;
    border-radius: 13px;
  }
}
.case-list-box > .item-box > .image-box > .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.case-list-box > .item-box > .title {
  margin-top: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  transition: all 0.25s ease-in;
}
@media only screen and (max-width: 767px) {
  .case-list-box > .item-box > .title {
    font-size: 20px;
  }
}
.case-list-box > .item-box > .title.--small {
  font-size: 22px;
}
@media only screen and (max-width: 767px) {
  .case-list-box > .item-box > .title.--small {
    font-size: 20px;
  }
}
.case-list-box > .item-box > .text {
  margin-top: 8px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  transition: all 0.25s ease-in;
}
@media only screen and (max-width: 767px) {
  .case-list-box > .item-box > .text {
    font-size: 14px;
  }
}

.service__detail__flow {
  margin-top: 160px;
  padding: 80px;
  width: 100%;
  background: #f4f4f4;
  border-radius: 60px;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__detail__flow {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__detail__flow {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .service__detail__flow {
    margin-top: 80px;
    border-radius: 30px;
    padding: 40px 24px;
  }
}
.service__detail__flow__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__detail__flow__inner {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__detail__flow__inner {
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .service__detail__flow__inner {
    flex-wrap: wrap;
  }
}
.service__detail__flow__inner > .flow-list {
  display: flex;
  gap: 100px;
  position: relative;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__detail__flow__inner > .flow-list {
    margin-top: 140px;
    margin-bottom: 140px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__detail__flow__inner > .flow-list {
    margin-top: 140px;
    margin-bottom: 140px;
  }
}
@media only screen and (max-width: 767px) {
  .service__detail__flow__inner > .flow-list {
    width: 100%;
    justify-content: space-between;
    margin-top: 50px;
    margin-bottom: 50px;
    gap: 0;
  }
}
.service__detail__flow__inner > .flow-list > .flow-item {
  width: 160px;
  height: 48px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 160%;
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
  border: 1px solid #d43f0b;
  border-radius: 8px;
  position: relative;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .service__detail__flow__inner > .flow-list > .flow-item {
    width: 82px;
    height: 23px;
    font-size: 11px;
    border-radius: 4px;
  }
}
.service__detail__flow__inner > .flow-list > .flow-item::after {
  margin: auto;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: -70px;
  width: 40px;
  height: 16px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="40" height="16" viewBox="0 0 40 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M40 8L0 8" stroke="rgb(212,63,11)" stroke-width="2" stroke-miterlimit="10"/><path d="M32 0C32 4.416 35.584 8 40 8C35.584 8 32 11.584 32 16" stroke="rgb(212,63,11)" stroke-width="2" stroke-miterlimit="10"/></svg>');
}
@media only screen and (max-width: 767px) {
  .service__detail__flow__inner > .flow-list > .flow-item::after {
    right: calc(((100vw - 24px - 24px - 246px) / 2 - 10px) * -1);
    width: 20px;
    height: 8px;
  }
}
.service__detail__flow__inner > .flow-list > .flow-item:last-child::after {
  display: none;
}
.service__detail__flow__inner > .flow-list > .circle {
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 420px;
  height: 260px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="420" height="260" viewBox="0 0 420 260" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M339 130C339 201.245 281.245 259 210 259C138.755 259 81 201.245 81 130C81 58.7553 138.755 1 210 1C281.245 1 339 58.7553 339 130Z" stroke="rgb(212,63,11)" stroke-width="2"/><rect y="50" width="210" height="120" fill="rgb(244, 244, 244)"/><rect x="210" y="90" width="210" height="120" fill="rgb(244, 244, 244)"/><path d="M301 210.515C304.596 213.077 309.595 212.238 312.158 208.642C309.595 212.238 310.434 217.237 314.03 219.8" stroke="rgb(212,63,11)" stroke-width="2" stroke-miterlimit="10"/><path d="M117.556 51.7686C114.059 49.0724 109.032 49.7226 106.336 53.22C109.032 49.7226 108.382 44.696 104.884 41.9998" stroke="rgb(212,63,11)" stroke-width="2" stroke-miterlimit="10"/></svg>');
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .service__detail__flow__inner > .flow-list > .circle {
    right: 38px;
    width: 125px;
    height: 125px;
  }
}
.service__detail__flow__inner > .desc-box {
  margin-left: 80px;
  margin-top: 140px;
  margin-bottom: 140px;
  width: 520px;
}
@media only screen and (max-width: 767px) {
  .service__detail__flow__inner > .desc-box {
    width: 100%;
    margin-top: 40px;
    margin-left: 0;
    margin-bottom: 0;
  }
}
.service__detail__flow__inner > .desc-box > .title {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .service__detail__flow__inner > .desc-box > .title {
    font-size: 24px;
  }
}
.service__detail__flow__inner > .desc-box > .text {
  margin-top: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .service__detail__flow__inner > .desc-box > .text {
    font-size: 16px;
  }
}

.service__detail__menu {
  margin-top: 160px;
  width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__detail__menu {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__detail__menu {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .service__detail__menu {
    margin-top: 80px;
    padding: 0 24px;
  }
}
.service__detail__menu__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.service__detail__menu__inner > .header-box {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__detail__menu__inner > .header-box {
    gap: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .service__detail__menu__inner > .header-box {
    gap: 0;
  }
}
.service__detail__menu__inner > .header-box > .text-box > .title {
  display: flex;
  flex-direction: column;
}
.service__detail__menu__inner > .header-box > .text-box > .title > .jpn {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .service__detail__menu__inner > .header-box > .text-box > .title > .jpn {
    font-size: 14px;
  }
}
.service__detail__menu__inner > .header-box > .text-box > .title > .eng {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .service__detail__menu__inner > .header-box > .text-box > .title > .eng {
    font-size: 35px;
    line-height: 120%;
  }
}
.service__detail__menu__inner > .header-box > .text-box > .text {
  margin-top: 18px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 150%;
  letter-spacing: 0.05em;
  color: #1c1c1c;
}
.service__detail__menu__inner > .header-box > .button-box {
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .service__detail__menu__inner > .header-box > .button-box {
    display: none;
  }
}
.service__detail__menu__inner > .bottom-box {
  margin-top: 60px;
  display: flex;
  justify-content: center;
}

.menu-swiper-box {
  margin-top: 48px;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: calc((100vw - 1280px) / 2);
  padding-right: calc((100vw - 1280px) / 2);
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .menu-swiper-box {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .menu-swiper-box {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .menu-swiper-box {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.menu-swiper-box > .menuSwiper-button-next {
  margin: auto;
  position: absolute;
  top: 0;
  right: 80px;
  bottom: 0;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="24" fill="rgb(28, 28, 28)"/><path d="M21 18L27 24L21 30" stroke="white" stroke-width="1.5" stroke-linejoin="round"/></svg>');
  cursor: pointer;
  z-index: 2;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .menu-swiper-box > .menuSwiper-button-next {
    right: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .menu-swiper-box > .menuSwiper-button-next {
    right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .menu-swiper-box > .menuSwiper-button-next {
    display: none;
  }
}
.menu-swiper-box > .menuSwiper-button-prev {
  margin: auto;
  position: absolute;
  top: 0;
  left: 80px;
  bottom: 0;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="24" transform="rotate(180 24 24)" fill="rgb(28, 28, 28)"/><path d="M27 30L21 24L27 18" stroke="white" stroke-width="1.5" stroke-linejoin="round"/></svg>');
  cursor: pointer;
  z-index: 2;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .menu-swiper-box > .menuSwiper-button-prev {
    left: 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .menu-swiper-box > .menuSwiper-button-prev {
    left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .menu-swiper-box > .menuSwiper-button-prev {
    display: none;
  }
}
.menu-swiper-box > .menuSwiper-pagination {
  margin-top: 40px;
  display: flex;
  justify-content: center;
}
.menu-swiper-box > .menuSwiper-pagination > .swiper-pagination-bullet {
  background: #e9e9e9;
  opacity: 1 !important;
}
.menu-swiper-box > .menuSwiper-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background: #d43f0b;
}
.menu-swiper-box > .list-box {
  width: 100%;
}
.menu-swiper-box > .list-box > .item-box {
  padding: 32px;
  width: 100%;
  max-width: 402px;
  height: auto;
  display: flex;
  flex-direction: column;
  background: #f4f4f4;
  border-radius: 16px;
  border: 1px solid #f4f4f4;
  transition: all 0.25s ease-in;
}
@media only screen and (max-width: 767px) {
  .menu-swiper-box > .list-box > .item-box {
    padding: 16px;
  }
}
.menu-swiper-box > .list-box > .item-box > .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: 0.02em;
  color: #1c1c1c;
  transition: all 0.25s ease-in;
}
@media only screen and (max-width: 767px) {
  .menu-swiper-box > .list-box > .item-box > .title {
    font-size: 20px;
  }
}
.menu-swiper-box > .list-box > .item-box > .text {
  margin-top: 16px;
  margin-bottom: 40px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  color: #1c1c1c;
  transition: all 0.25s ease-in;
}
@media only screen and (max-width: 767px) {
  .menu-swiper-box > .list-box > .item-box > .text {
    font-size: 14px;
  }
}
.menu-swiper-box > .list-box > .item-box > .bottom-box {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
}
.menu-swiper-box > .list-box > .item-box > .bottom-box > .text {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .menu-swiper-box > .list-box > .item-box > .bottom-box > .text {
    font-size: 14px;
  }
}
.menu-swiper-box > .list-box > .item-box > .bottom-box > .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12.0043" cy="12" r="12" fill="rgb(212,63,11)"/></svg>');
  transition: all 0.25s ease-in;
}
@media only screen and (max-width: 767px) {
  .menu-swiper-box > .list-box > .item-box > .bottom-box > .icon {
    width: 16px;
    height: 16px;
  }
}
.menu-swiper-box > .list-box > .item-box:hover {
  background-color: #ffffff;
  border: 1px solid #d43f0b;
}
.menu-swiper-box > .list-box > .item-box:hover > .title {
  color: #d43f0b;
}
.menu-swiper-box > .list-box > .item-box:hover > .text {
  color: #d43f0b;
}
.menu-swiper-box > .list-box > .item-box:hover > .bottom-box > .icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.1667 3.33325C14.1667 6.55301 16.7802 9.16658 20 9.16658V10.8333C16.7802 10.8333 14.1667 13.4468 14.1667 16.6666H12.5C12.5 14.3113 13.5873 12.2085 15.2871 10.8333H0V9.16658H15.2871C13.5873 7.79131 12.5 5.68857 12.5 3.33325H14.1667Z" fill="rgb(212,63,11)" /></svg>');
}

.menu-list-box {
  margin-top: 40px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, 400px);
  column-gap: 40px;
  row-gap: 40px;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .menu-list-box {
    margin-top: 24px;
    grid-template-columns: repeat(auto-fill, 327px);
    column-gap: 24px;
    row-gap: 24px;
  }
}
.menu-list-box > .item-box {
  padding: 32px;
  width: 100%;
  display: flex;
  flex-direction: column;
  background: #f4f4f4;
  border-radius: 16px;
  border: 1px solid #f4f4f4;
  transition: all 0.25s ease-in;
}
@media only screen and (max-width: 767px) {
  .menu-list-box > .item-box {
    padding: 16px;
  }
}
.menu-list-box > .item-box > .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: 0.02em;
  color: #1c1c1c;
  transition: all 0.25s ease-in;
}
@media only screen and (max-width: 767px) {
  .menu-list-box > .item-box > .title {
    font-size: 20px;
  }
}
.menu-list-box > .item-box > .text {
  margin-top: 16px;
  margin-bottom: 40px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  color: #1c1c1c;
  transition: all 0.25s ease-in;
}
@media only screen and (max-width: 767px) {
  .menu-list-box > .item-box > .text {
    font-size: 14px;
  }
}
.menu-list-box > .item-box > .bottom-box {
  margin-top: auto;
  display: flex;
  justify-content: space-between;
}
.menu-list-box > .item-box > .bottom-box > .text {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .menu-list-box > .item-box > .bottom-box > .text {
    font-size: 14px;
  }
}
.menu-list-box > .item-box > .bottom-box > .icon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12.0043" cy="12" r="12" fill="rgb(212,63,11)"/></svg>');
  transition: all 0.25s ease-in;
}
@media only screen and (max-width: 767px) {
  .menu-list-box > .item-box > .bottom-box > .icon {
    width: 16px;
    height: 16px;
  }
}
.menu-list-box > .item-box:hover {
  background-color: #ffffff;
  border: 1px solid #d43f0b;
}
.menu-list-box > .item-box:hover > .title {
  color: #d43f0b;
}
.menu-list-box > .item-box:hover > .text {
  color: #d43f0b;
}
.menu-list-box > .item-box:hover > .bottom-box > .icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.1667 3.33325C14.1667 6.55301 16.7802 9.16658 20 9.16658V10.8333C16.7802 10.8333 14.1667 13.4468 14.1667 16.6666H12.5C12.5 14.3113 13.5873 12.2085 15.2871 10.8333H0V9.16658H15.2871C13.5873 7.79131 12.5 5.68857 12.5 3.33325H14.1667Z" fill="rgb(212,63,11)" /></svg>');
}

.service__detail__post {
  margin-top: 160px;
  width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__detail__post {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__detail__post {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .service__detail__post {
    margin-top: 80px;
    padding: 0 24px;
  }
}
.service__detail__post__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.service__detail__post__inner > .title {
  display: flex;
  flex-direction: column;
}
.service__detail__post__inner > .title > .jpn {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .service__detail__post__inner > .title > .jpn {
    font-size: 14px;
  }
}
.service__detail__post__inner > .title > .eng {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .service__detail__post__inner > .title > .eng {
    font-size: 35px;
    line-height: 120%;
  }
}
.service__detail__post__inner > .postsSwiper {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: calc((100vw - 1280px) / 2);
  padding-right: calc((100vw - 1280px) / 2);
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__detail__post__inner > .postsSwiper {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__detail__post__inner > .postsSwiper {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .service__detail__post__inner > .postsSwiper {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.service__detail__post__inner > .postsSwiper > .list-box {
  margin: 24px 0 0 0;
  display: flex;
}
.service__detail__post__inner > .postsSwiper > .list-box > .post-box {
  width: 100%;
  max-width: 270px;
  height: auto;
  border-radius: 8px;
  background: #f4f4f4;
  border: 1px solid transparent;
  transition: all 0.25s ease-in-out;
  overflow: hidden;
}
.service__detail__post__inner > .postsSwiper > .list-box > .post-box > .item-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.service__detail__post__inner > .postsSwiper > .list-box > .post-box > .item-box > .image-box {
  width: 100%;
  height: 167px;
}
.service__detail__post__inner > .postsSwiper > .list-box > .post-box > .item-box > .image-box > .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.service__detail__post__inner > .postsSwiper > .list-box > .post-box > .item-box > .text-box {
  margin: 0;
  padding: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.service__detail__post__inner > .postsSwiper > .list-box > .post-box > .item-box > .text-box > .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  transition: all 0.25s ease-in-out;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.service__detail__post__inner > .postsSwiper > .list-box > .post-box > .item-box > .text-box > .bottom-box {
  margin: auto 0 0 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.service__detail__post__inner > .postsSwiper > .list-box > .post-box > .item-box > .text-box > .bottom-box > .category-box > .category {
  margin: 0;
  padding: 4px 10px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 10px;
  line-height: 160%;
  display: flex;
  align-items: center;
  letter-spacing: 0.08em;
  font-feature-settings: "palt" on;
  color: #1c1c1c;
  border: 1px solid #1c1c1c;
  border-radius: 100px;
  transition: all 0.25s ease-in-out;
}
.service__detail__post__inner > .postsSwiper > .list-box > .post-box > .item-box > .text-box > .bottom-box > .date {
  margin: 0 0 0 4px;
  padding: 0;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: #1c1c1c;
  transition: all 0.25s ease-in-out;
}
.service__detail__post__inner > .postsSwiper > .list-box > .post-box:hover {
  border: 1px solid #d43f0b;
  background-color: #ffffff;
}
.service__detail__post__inner > .postsSwiper > .list-box > .post-box:hover > .text-box > .title {
  color: #d43f0b;
}
.service__detail__post__inner > .postsSwiper > .list-box > .post-box:hover > .text-box > .bottom-box > .category-box > .category {
  color: #d43f0b;
  border: 1px solid #d43f0b;
}
.service__detail__post__inner > .postsSwiper > .list-box > .post-box:hover > .text-box > .bottom-box > .date {
  color: #d43f0b;
}
.service__detail__post__inner > .postsSwiper > .list-box > .post-box:hover > .text-box > .event-box {
  color: #d43f0b;
}
.service__detail__post__inner > .postsSwiper > .list-box > .post-box:hover > .text-box > .event-box > .icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="5.5" y="4.66666" width="11.5" height="7.33333" stroke="rgb(212,63,11)" /><path d="M2.5 6.66666L2.5 15H15" stroke="rgb(212,63,11)" /></svg>');
}
.service__detail__post__inner > .postsSwiper > .swiper-button-next {
  right: 80px;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="24" fill="rgb(28,28,28)" /><path d="M21 18L27 24L21 30" stroke="white" stroke-width="1.5" stroke-linejoin="round" /></svg>');
}
.service__detail__post__inner > .postsSwiper > .swiper-button-next::after {
  display: none;
}
.service__detail__post__inner > .postsSwiper > .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .service__detail__post__inner > .postsSwiper > .swiper-button-next {
    display: none;
  }
}
.service__detail__post__inner > .postsSwiper > .swiper-button-prev {
  left: 80px;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="24" transform="rotate(-180 24 24)" fill="rgb(28, 28, 28)" /><path d="M27 30L21 24L27 18" stroke="white" stroke-width="1.5" stroke-linejoin="round" /></svg>');
}
.service__detail__post__inner > .postsSwiper > .swiper-button-prev::after {
  display: none;
}
.service__detail__post__inner > .postsSwiper > .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .service__detail__post__inner > .postsSwiper > .swiper-button-prev {
    display: none;
  }
}
.service__detail__post__inner > .buttons-box {
  margin-top: 60px;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .service__detail__post__inner > .buttons-box {
    margin-top: 36px;
  }
}
.service__detail__post__inner > .buttons-box > .link {
  padding: 24px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 160%;
  text-align: center;
  color: #ffffff;
  background: #d43f0b;
  border-radius: 100px;
  border: 1px solid #d43f0b;
  transition: all 0.25s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .service__detail__post__inner > .buttons-box > .link {
    width: 100%;
    max-width: 327px;
  }
}
.service__detail__post__inner > .buttons-box > .link::after {
  margin-left: 24px;
  content: "";
  width: 20px;
  height: 20px;
  transition: all 0.25s ease-in-out;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.16406 2.5L19.1641 2.5V14.1667H4.16406V2.5ZM5.83073 4.16667V12.5H17.4974V4.16667H5.83073Z" fill="white" /><path fill-rule="evenodd" clip-rule="evenodd" d="M0.832031 6.66666H2.4987V15.8333H14.9987V17.5H0.832031L0.832031 6.66666Z" fill="white" /></svg>');
}
.service__detail__post__inner > .buttons-box > .link:hover {
  color: #d43f0b;
  background: #ffffff;
}
.service__detail__post__inner > .buttons-box > .link:hover::after {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.16406 2.5L19.1641 2.5V14.1667H4.16406V2.5ZM5.83073 4.16667V12.5H17.4974V4.16667H5.83073Z" fill="rgb(212,63,11)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M0.832031 6.66666H2.4987V15.8333H14.9987V17.5H0.832031L0.832031 6.66666Z" fill="rgb(212,63,11)" /></svg>');
}

.service__detail__menu__breadcrumb {
  margin-top: 40px;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__detail__menu__breadcrumb {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__detail__menu__breadcrumb {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .service__detail__menu__breadcrumb {
    margin-top: 0;
    padding: 0 24px;
  }
}
.service__detail__menu__breadcrumb__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.service__detail__menu__breadcrumb__inner > .list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.service__detail__menu__breadcrumb__inner > .list > .item {
  margin-right: 4px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  display: flex;
}
.service__detail__menu__breadcrumb__inner > .list > .item::after {
  margin-left: 4px;
  margin-right: 4px;
  content: " > ";
}
.service__detail__menu__breadcrumb__inner > .list > .item:last-of-type::after {
  display: none;
}
.service__detail__menu__breadcrumb__inner > .list > .item > .link {
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  transition: all 0.25s ease-in;
}
.service__detail__menu__breadcrumb__inner > .list > .item > .link:hover {
  color: #d43f0b;
}

.service__detail__menu__header {
  margin-top: 80px;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__detail__menu__header {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__detail__menu__header {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .service__detail__menu__header {
    margin-top: 40px;
    padding: 0 24px;
  }
}
.service__detail__menu__header__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.service__detail__menu__header__inner > .title {
  display: flex;
  flex-direction: column;
}
.service__detail__menu__header__inner > .title > .jpn {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .service__detail__menu__header__inner > .title > .jpn {
    font-size: 14px;
  }
}
.service__detail__menu__header__inner > .title > .eng {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .service__detail__menu__header__inner > .title > .eng {
    font-size: 35px;
    line-height: 120%;
  }
}
.service__detail__menu__header__inner > .text {
  margin-top: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .service__detail__menu__header__inner > .text {
    font-size: 14px;
  }
}

.service__detail__menu__menu {
  margin-top: 80px;
  margin-bottom: 160px;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__detail__menu__menu {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__detail__menu__menu {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .service__detail__menu__menu {
    margin-top: 24px;
    margin-bottom: 80px;
    padding: 0 24px;
  }
}

.service__detail__case__header {
  margin-top: 80px;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__detail__case__header {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__detail__case__header {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .service__detail__case__header {
    margin-top: 40px;
    padding: 0 24px;
  }
}
.service__detail__case__header__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.service__detail__case__header__inner > .subtitle {
  display: flex;
  flex-direction: column;
}
.service__detail__case__header__inner > .subtitle > .eng {
  display: block;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #999999;
}
@media only screen and (max-width: 767px) {
  .service__detail__case__header__inner > .subtitle > .eng {
    font-size: 14px;
  }
}
.service__detail__case__header__inner > .subtitle > .jpn {
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 36px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .service__detail__case__header__inner > .subtitle > .jpn {
    font-size: 20px;
  }
}
.service__detail__case__header__inner > .title {
  margin-top: 40px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 48px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .service__detail__case__header__inner > .title {
    font-size: 30px;
  }
}
.service__detail__case__header__inner > .text {
  margin-top: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .service__detail__case__header__inner > .text {
    font-size: 14px;
  }
}

.service__detail__menu__content {
  margin-top: 150px;
  padding: 160px 0;
  width: 100%;
  background: #f4f4f4;
  border-radius: 60px;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__detail__menu__content {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__detail__menu__content {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .service__detail__menu__content {
    margin-top: 80px;
    padding: 40px 24px;
    border-radius: 30px;
  }
}
.service__detail__menu__content__inner {
  margin: auto;
  width: 100%;
  max-width: 760px;
}
.service__detail__menu__content__inner > h2 {
  margin-top: 80px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 36px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
.service__detail__menu__content__inner > h2:first-of-type {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .service__detail__menu__content__inner > h2 {
    margin-top: 24px;
    font-size: 20px;
  }
}
.service__detail__menu__content__inner > p {
  margin-top: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .service__detail__menu__content__inner > p {
    margin-top: 8px;
    font-size: 14px;
  }
}
.service__detail__menu__content__inner > .wp-block-image > figure {
  border-radius: 16px;
  overflow: hidden;
}
.service__detail__menu__content__inner > figure {
  margin-top: 16px;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}

.service__detail__case__content {
  margin-top: 160px;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .service__detail__case__content {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .service__detail__case__content {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .service__detail__case__content {
    margin-top: 80px;
    padding: 0 24px;
  }
}
.service__detail__case__content__inner {
  margin: auto;
  width: 100%;
  max-width: 1140px;
  display: flex;
  justify-content: space-between;
  gap: 80px;
}
.service__detail__case__content__inner > .toc-box {
  width: 320px;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .service__detail__case__content__inner > .toc-box {
    display: none;
  }
}
.service__detail__case__content__inner > .toc-box > .toc {
  width: 100%;
  position: sticky;
  top: 104px;
}
.service__detail__case__content__inner > .toc-box > .toc > .toc-list > li {
  margin-bottom: 16px;
}
.service__detail__case__content__inner > .toc-box > .toc > .toc-list > li > a {
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
.service__detail__case__content__inner > .toc-box > .toc > .toc-list > li > a.--is-active {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  color: #d43f0b;
}
.service__detail__case__content__inner > .toc-box > .toc > .toc-list > li > a:hover {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  color: #d43f0b;
}
.service__detail__case__content__inner > .toc-box > .toc > .toc-list > li > ul {
  margin-top: 4px;
  margin-left: 1em;
}
.service__detail__case__content__inner > .toc-box > .toc > .toc-list > li > ul > li {
  margin-bottom: 4px;
}
.service__detail__case__content__inner > .toc-box > .toc > .toc-list > li > ul > li > a {
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  position: relative;
}
.service__detail__case__content__inner > .toc-box > .toc > .toc-list > li > ul > li > a::before {
  content: "・";
  position: absolute;
  left: -1em;
}
.service__detail__case__content__inner > .toc-box > .toc > .toc-list > li > ul > li > a.--is-active {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  color: #d43f0b;
}
.service__detail__case__content__inner > .toc-box > .toc > .toc-list > li > ul > li > a:hover {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  color: #d43f0b;
}
.service__detail__case__content__inner > .content-box {
  width: 100%;
  max-width: 760px;
}
.service__detail__case__content__inner > .content-box > .thumbnail-box {
  margin-bottom: 80px;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.service__detail__case__content__inner > .content-box > h2 {
  margin-top: 80px;
  margin-bottom: 40px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 36px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .service__detail__case__content__inner > .content-box > h2 {
    margin-top: 40px;
    margin-bottom: 24px;
    font-size: 30px;
  }
}
.service__detail__case__content__inner > .content-box > h2::first-of-type {
  margin-top: 0;
}
.service__detail__case__content__inner > .content-box > h3 {
  margin-top: 26px;
  margin-bottom: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .service__detail__case__content__inner > .content-box > h3 {
    margin-bottom: 8px;
    font-size: 20px;
  }
}
.service__detail__case__content__inner > .content-box > .wp-block-image > figure {
  border-radius: 16px;
  overflow: hidden;
}
.service__detail__case__content__inner > .content-box > figure {
  margin-bottom: 80px;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.service__detail__case__content__inner > .content-box > p {
  margin-bottom: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
.service__detail__case__content__inner > .content-box > p > strong {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
}
@media only screen and (max-width: 767px) {
  .service__detail__case__content__inner > .content-box > p {
    margin-bottom: 24px;
    font-size: 14px;
  }
}
.service__detail__case__content__inner > .content-box > ul {
  margin-bottom: 16px;
  padding-left: 1em;
  list-style: disc;
  line-height: 160%;
}
@media only screen and (max-width: 767px) {
  .service__detail__case__content__inner > .content-box > ul {
    margin-bottom: 24px;
  }
}
.service__detail__case__content__inner > .content-box > ul > li {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .service__detail__case__content__inner > .content-box > ul > li {
    font-size: 14px;
  }
}
.service__detail__case__content__inner > .content-box > ol {
  margin-bottom: 16px;
  padding-left: 1em;
  list-style: decimal;
  line-height: 160%;
}
@media only screen and (max-width: 767px) {
  .service__detail__case__content__inner > .content-box > ol {
    margin-bottom: 24px;
  }
}
.service__detail__case__content__inner > .content-box > ol > li {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .service__detail__case__content__inner > .content-box > ol > li {
    font-size: 14px;
  }
}

.works__container__inner {
  margin: auto;
  margin-top: 56px;
  width: 100%;
  max-width: 1440px;
}
@media only screen and (max-width: 767px) {
  .works__container__inner {
    margin-top: 36px;
  }
}

.container__works {
  margin: 0;
  width: 100%;
  overflow: hidden;
}

.works__inner .link-box {
  max-width: 480px;
  margin: auto;
  margin-top: 54px;
}
@media only screen and (max-width: 767px) {
  .works__inner .link-box {
    max-width: 327px;
  }
}
.works__inner .link-box .button::before, .works__inner .link-box .topWorks__moreButton::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g transform="rotate(90 10 10)"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.1667 3.33325C14.1667 6.55301 16.7802 9.16658 20 9.16658V10.8333C16.7802 10.8333 14.1667 13.4468 14.1667 16.6666H12.5C12.5 14.3113 13.5873 12.2085 15.2871 10.8333H0V9.16658H15.2871C13.5873 7.79131 12.5 5.68857 12.5 3.33325H14.1667Z" fill="white"/></g></svg>');
}
.works__inner .link-box .button:hover, .works__inner .link-box .topWorks__moreButton:hover {
  color: #fff;
  background: #d43f0b;
}
.works__inner .link-box .button:hover::before, .works__inner .link-box .topWorks__moreButton:hover::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><g transform="rotate(90 10 10)"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.1667 3.33325C14.1667 6.55301 16.7802 9.16658 20 9.16658V10.8333C16.7802 10.8333 14.1667 13.4468 14.1667 16.6666H12.5C12.5 14.3113 13.5873 12.2085 15.2871 10.8333H0V9.16658H15.2871C13.5873 7.79131 12.5 5.68857 12.5 3.33325H14.1667Z" fill="white"/></g></svg>');
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .works__inner {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .works__inner {
    padding-left: 48px;
    padding-right: 48px;
  }
}
.works__inner > .worksSwiper {
  margin: auto;
  margin-top: 60px;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: calc((100vw - 1280px) / 2);
  padding-right: calc((100vw - 1280px) / 2);
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .works__inner > .worksSwiper {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .works__inner > .worksSwiper {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .works__inner > .worksSwiper {
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .works__inner > .worksSwiper > .works-box {
    flex-direction: column;
  }
}
.works__inner > .worksSwiper > .works-box > .work-box {
  width: 100%;
  max-width: 320px;
  height: auto;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .works__inner > .worksSwiper > .works-box > .work-box {
    width: 100%;
    margin-bottom: 60px;
    margin-right: auto;
    margin-left: auto;
    max-width: 720px;
  }
  .works__inner > .worksSwiper > .works-box > .work-box:last-of-type {
    margin-bottom: 0;
  }
}
.works__inner > .worksSwiper > .works-box > .work-box > .item-box {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.works__inner > .worksSwiper > .works-box > .work-box > .item-box > .image-box {
  width: 100%;
  aspect-ratio: 375/500;
  overflow: hidden;
  border-radius: 16px;
}
.works__inner > .worksSwiper > .works-box > .work-box > .item-box > .image-box > .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.works__inner > .worksSwiper > .works-box > .work-box > .item-box > .name {
  margin: 24px 0 0 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  font-feature-settings: "pkna" on;
  color: #666666;
  transition: all 0.25s ease-in-out;
}
.works__inner > .worksSwiper > .works-box > .work-box > .item-box > .title {
  margin: 8px 0 25px 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  transition: all 0.25s ease-in-out;
}
.works__inner > .worksSwiper > .works-box > .work-box > .item-box > .category-box {
  margin: auto 0 0 0;
  display: flex;
  align-items: center;
  gap: 20px;
}
.works__inner > .worksSwiper > .works-box > .work-box > .item-box > .category-box > .category {
  display: flex;
  align-items: center;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 13px;
  line-height: 100%;
  color: #d43f0b;
}
.works__inner > .worksSwiper > .works-box > .work-box > .item-box > .category-box > .category > .image {
  margin: 0 8px 0 0;
  padding: 0;
  display: block;
  width: 15px;
  height: 15px;
}
.works__inner > .worksSwiper > .works-box > .work-box > .item-box:hover .name {
  color: #d43f0b;
}
.works__inner > .worksSwiper > .works-box > .work-box > .item-box:hover .title {
  color: #d43f0b;
}
.works__inner > .worksSwiper > .swiper-button-next {
  right: 80px;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="24" fill="rgb(28,28,28)" /><path d="M21 18L27 24L21 30" stroke="white" stroke-width="1.5" stroke-linejoin="round" /></svg>');
}
.works__inner > .worksSwiper > .swiper-button-next::after {
  display: none;
}
.works__inner > .worksSwiper > .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .works__inner > .worksSwiper > .swiper-button-next {
    display: none;
  }
}
.works__inner > .worksSwiper > .swiper-button-prev {
  left: 80px;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="24" transform="rotate(-180 24 24)" fill="rgb(28, 28, 28)" /><path d="M27 30L21 24L27 18" stroke="white" stroke-width="1.5" stroke-linejoin="round" /></svg>');
}
.works__inner > .worksSwiper > .swiper-button-prev::after {
  display: none;
}
.works__inner > .worksSwiper > .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .works__inner > .worksSwiper > .swiper-button-prev {
    display: none;
  }
}

.categorySwiper__wrapper {
  margin-top: 36px;
  width: 100%;
  max-width: 1280px;
  margin-inline: auto;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .categorySwiper__wrapper {
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .categorySwiper__wrapper {
    margin-left: calc(-50vw + 50%) !important;
    margin-right: calc(-50vw + 50%) !important;
  }
}
@media only screen and (max-width: 767px) {
  .categorySwiper__wrapper {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
  }
}
.categorySwiper__wrapper .categorySwiper {
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .categorySwiper__wrapper .categorySwiper {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .categorySwiper__wrapper .categorySwiper {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .categorySwiper__wrapper .categorySwiper {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.categorySwiper__wrapper .categorySwiper > .categories-box {
  width: 100%;
  display: flex;
  align-items: center;
}
.categorySwiper__wrapper .categorySwiper > .categories-box > .category {
  margin-right: 12px;
  padding: 8px 20px;
  width: fit-content;
  display: block;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.01em;
  color: #1c1c1c;
  border: 1px solid #1c1c1c;
  border-radius: 100px;
  transition: all 0.25s ease-in;
}
.categorySwiper__wrapper .categorySwiper > .categories-box > .category.--is-active {
  color: #ffffff;
  background: #d43f0b;
  border: 1px solid #d43f0b;
}
.categorySwiper__wrapper .categorySwiper > .categories-box > .category:hover {
  color: #ffffff;
  background: #d43f0b;
  border: 1px solid #d43f0b;
}

.works-wrapper {
  margin-top: 60px;
  width: 100%;
  max-width: 1440px;
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .works-wrapper {
    margin-top: 60px;
    margin-left: 0;
    margin-right: 0;
    padding: 0;
  }
}
.works-wrapper .is-hidden {
  display: none;
}
.works-wrapper > .works-box {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  row-gap: 36px;
}
@media only screen and (max-width: 767px) {
  .works-wrapper > .works-box {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 0;
  }
}
.works-wrapper > .works-box > .work-box {
  height: auto;
  flex-shrink: 0;
}
.works-wrapper > .works-box > .work-box .hover-video-wrapper {
  position: relative;
  width: 100%;
  height: auto;
}
.works-wrapper > .works-box > .work-box .hover-video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.works-wrapper > .works-box > .work-box .hover-video-wrapper:hover .hover-image {
  display: none;
}
@media only screen and (max-width: 767px) {
  .works-wrapper > .works-box > .work-box .hover-video-wrapper:hover .hover-image {
    display: block;
  }
}
.works-wrapper > .works-box > .work-box .hover-video-wrapper:hover .hover-video {
  display: block;
}
@media only screen and (max-width: 767px) {
  .works-wrapper > .works-box > .work-box .hover-video-wrapper:hover .hover-video {
    display: none;
  }
}
.works-wrapper > .works-box > .work-box > .item-box {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.works-wrapper > .works-box > .work-box > .item-box > .image-box {
  width: 100%;
  aspect-ratio: 720/405;
  overflow: hidden;
}
.works-wrapper > .works-box > .work-box > .item-box > .image-box > .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.works-wrapper > .works-box > .work-box > .item-box .text-box {
  padding: 32px 32px 48px 32px;
}
@media only screen and (max-width: 767px) {
  .works-wrapper > .works-box > .work-box > .item-box .text-box {
    padding: 24px 24px 48px 24px;
  }
}
.works-wrapper > .works-box > .work-box > .item-box .newLabel {
  position: absolute;
  top: 12px;
  right: 12px;
  color: #fff;
  background-color: #d43f0b;
  padding: 2px 10px;
  border-radius: 100px;
  font-size: 10px;
  line-height: 1.6;
}
.works-wrapper > .works-box > .work-box > .item-box .name {
  margin-top: 20px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02px;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  transition: all 0.25s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .works-wrapper > .works-box > .work-box > .item-box .name {
    font-size: 14px;
  }
}
.works-wrapper > .works-box > .work-box > .item-box .title {
  margin-top: 12px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 22px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  transition: all 0.25s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .works-wrapper > .works-box > .work-box > .item-box .title {
    font-size: 20px;
  }
}
.works-wrapper > .works-box > .work-box > .item-box .details {
  display: flex;
  align-content: center;
  flex-wrap: wrap;
  gap: 2px 16px;
  transition: all 0.25s ease-in-out;
  margin-top: 4px;
  font-size: 13px;
}
@media only screen and (max-width: 767px) {
  .works-wrapper > .works-box > .work-box > .item-box .details {
    font-size: 11px;
  }
}
.works-wrapper > .works-box > .work-box > .item-box .detailsWrap dt,
.works-wrapper > .works-box > .work-box > .item-box .detailsWrap dd {
  display: inline;
}
.works-wrapper > .works-box > .work-box > .item-box .category-box {
  margin: auto 0 0 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
}
.works-wrapper > .works-box > .work-box > .item-box .category-box > .category {
  display: flex;
  align-items: center;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 11px;
  line-height: 100%;
  color: #d43f0b;
}
.works-wrapper > .works-box > .work-box > .item-box .category-box > .category > .image {
  margin: 0 8px 0 0;
  padding: 0;
  display: block;
  width: 10px;
  height: 10px;
}
.works-wrapper > .works-box > .work-box > .item-box:hover .name,
.works-wrapper > .works-box > .work-box > .item-box:hover .title,
.works-wrapper > .works-box > .work-box > .item-box:hover .details {
  color: #d43f0b;
}

.works__single__header {
  width: 100%;
}
.works__single__header__inner {
  margin: auto;
  width: 100%;
  max-width: 1000px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .works__single__header__inner {
    flex-wrap: wrap;
  }
}
.works__single__header__inner > .thumbnail-box {
  width: 470px;
  height: 627px;
  aspect-ratio: 470/627;
  overflow: hidden;
  border-radius: 16px;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .works__single__header__inner > .thumbnail-box {
    width: 100%;
    height: 100%;
    aspect-ratio: 327/443;
  }
}
.works__single__header__inner > .thumbnail-box > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.works__single__header__inner > .text-box {
  width: calc(100% - 470px - 60px);
}
@media only screen and (max-width: 767px) {
  .works__single__header__inner > .text-box {
    margin-top: 29px;
    width: 100%;
  }
}
.works__single__header__inner > .text-box > .company-name {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .works__single__header__inner > .text-box > .company-name {
    font-size: 14px;
  }
}
.works__single__header__inner > .text-box > .title {
  margin-top: 8px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 36px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .works__single__header__inner > .text-box > .title {
    font-size: 30px;
  }
}
.works__single__header__inner > .text-box > .text {
  margin-top: 24px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .works__single__header__inner > .text-box > .text {
    font-size: 14px;
  }
}
.works__single__header__inner > .text-box > .bottom-box {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.works__single__header__inner > .text-box > .bottom-box > .category-box {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
.works__single__header__inner > .text-box > .bottom-box > .category-box > .category {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 13px;
  line-height: 100%;
  display: flex;
  align-items: center;
  color: #d43f0b;
}
.works__single__header__inner > .text-box > .bottom-box > .category-box > .category > .image {
  margin: 0 8px 0 0;
  padding: 0;
  display: block;
  width: 15px;
  height: 15px;
}
.works__single__header__inner > .text-box > .bottom-box > .category-box > .year-box {
  margin-left: 20px;
}
.works__single__header__inner > .text-box > .bottom-box > .category-box > .year-box.--multiple {
  margin-left: 0;
  width: 100%;
}
.works__single__header__inner > .text-box > .bottom-box > .category-box > .year-box > span {
  margin-right: 8px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%;
  font-feature-settings: "pkna" on;
  color: #666666;
}
@media only screen and (max-width: 767px) {
  .works__single__header__inner > .text-box > .bottom-box > .category-box > .year-box > span {
    font-size: 11px;
  }
}

.works__single__header__title .thumbnail_image {
  max-width: 1440px;
  max-height: 800px;
  width: 100%;
  height: 100%;
  aspect-ratio: 1440/800;
}
.works__single__header__title .workss__header__box {
  padding-left: 80px;
  padding-right: 80px;
}
@media only screen and (max-width: 767px) {
  .works__single__header__title .workss__header__box {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.works__single__header__title .tag-box {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 20px;
}
.works__single__header__title .tag-box > .category {
  display: flex;
  align-items: center;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 13px;
  line-height: 100%;
  color: #d43f0b;
}
.works__single__header__title .tag-box > .category > .image {
  margin: 0 8px 0 0;
  padding: 0;
  display: block;
  width: 15px;
  height: 15px;
}
.works__single__header__title .title-box {
  display: grid;
  grid-template-columns: 87fr 33fr;
  column-gap: 80px;
  margin-bottom: 80px;
  margin-top: 30px;
}
@media only screen and (max-width: 767px) {
  .works__single__header__title .title-box {
    margin-top: 24px;
    margin-bottom: 36px;
    display: block;
  }
}
.works__single__header__title .title-box .title {
  font-weight: 700;
  font-size: 44px;
  line-height: 160%;
  letter-spacing: 1.02px;
  vertical-align: bottom;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .works__single__header__title .title-box .title {
    margin-top: 0px;
    width: 100%;
    font-size: 26px;
  }
}
.works__single__header__title .title-box .company-name {
  font-weight: 700;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 1.02px;
}
@media only screen and (max-width: 767px) {
  .works__single__header__title .title-box .company-name {
    font-size: 14px;
  }
}
.works__single__header__title .title-box .titleBox__details {
  margin-top: 12px;
}
@media only screen and (max-width: 767px) {
  .works__single__header__title .title-box .titleBox__details {
    margin-top: 16px;
  }
}
.works__single__header__title .title-box .titleBox__detailsInformation {
  display: flex;
  flex-direction: column;
  margin-top: 12px;
  font-size: 13px;
}
@media only screen and (max-width: 767px) {
  .works__single__header__title .title-box .titleBox__detailsInformation {
    margin-top: 8px;
    font-size: 11px;
  }
}
.works__single__header__title .title-box .titleBox__detailsInformationWrap dt,
.works__single__header__title .title-box .titleBox__detailsInformationWrap dd {
  display: inline;
}
.works__single__header__title .movie {
  width: 100%;
}

.works__single__content {
  margin-top: 68px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .works__single__content {
    margin-top: 36px;
  }
  .works__single__content .mobile-iframe-youtube {
    width: 100%;
    height: 100%;
    padding-left: 24px;
    padding-right: 24px;
    aspect-ratio: 5/3;
  }
}
.works__single__content .strong__summary {
  font-weight: 700;
  font-size: 18px;
  line-height: 170%;
  letter-spacing: 0.04px;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-color: #d43f0b;
  text-decoration-thickness: 12%;
  text-underline-offset: 25%;
}
@media only screen and (max-width: 767px) {
  .works__single__content .strong__summary {
    font-size: 14px;
  }
}
.works__single__content > .summaryBlock {
  display: table;
  width: 100%;
  max-width: 1280px;
  margin: auto auto 30px;
}
@media only screen and (max-width: 767px) {
  .works__single__content > .summaryBlock {
    margin-bottom: 0px;
  }
}
.works__single__content > .summaryBlock .summaryLink .icon {
  margin-left: 8px;
  display: inline-block;
  width: 16px;
  height: 16px;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M3.33337 2L15.3334 2V11.3333H3.33337L3.33337 2ZM4.66671 3.33333V10H14V3.33333H4.66671Z" fill="rgb(28,28,28)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M0.666687 5.3335H2.00002V12.6668H12V14.0002H0.666687L0.666687 5.3335Z" fill="rgb(28, 28, 28)" /></svg>');
  vertical-align: text-top;
}
.works__single__content > .summaryBlock > .summaryContent {
  font-size: 18px;
  display: flex;
  justify-content: flex-start;
  padding-top: 32px;
  padding-bottom: 32px;
  border-bottom: 1px solid #e9e9e9;
}
@media only screen and (max-width: 767px) {
  .works__single__content > .summaryBlock > .summaryContent {
    flex-direction: column;
    font-size: 14px;
    border: none;
    padding-top: 0px;
    padding-bottom: 16px;
  }
}
.works__single__content > .summaryBlock > .summaryContent > .summaryTitle {
  font-family: "Helvetica Neue", sans-serif;
  max-width: 480px;
  width: 100%;
  display: table-cell;
  padding: 5px;
  color: #d43f0b;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .works__single__content > .summaryBlock > .summaryContent > .summaryTitle {
    padding-left: 24px;
    padding-right: 24px;
    font-size: 18px;
    line-height: 150%;
    letter-spacing: -1.01px;
    display: block;
  }
}
.works__single__content > .summaryBlock > .summaryContent > .summaryDescription {
  padding: 5px;
  width: 100%;
  font-weight: 500;
  font-size: 18px;
  line-height: 170%;
  letter-spacing: 1.04px;
  max-width: 800px;
}
@media only screen and (max-width: 767px) {
  .works__single__content > .summaryBlock > .summaryContent > .summaryDescription {
    display: block;
    padding-left: 24px;
    padding-right: 24px;
    font-size: 14px;
    letter-spacing: 1.02px;
  }
}
.works__single__content > .summaryBlock > .summaryContent > .summaryDescription ul {
  list-style: disc;
}
.works__single__content > .summaryBlock > .summaryContent:last-child {
  border-bottom: none;
}
.works__single__content > .content {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .works__single__content > .content {
    margin: auto;
  }
}
.works__single__content > .content > h2 {
  margin: auto;
  margin-top: 60px;
  margin-bottom: 16px;
  width: 100%;
  max-width: 840px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 36px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
.works__single__content > .content > h2:first-of-type {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .works__single__content > .content > h2 {
    margin-top: 36px;
    margin-bottom: 20px;
    font-size: 30px;
  }
}
.works__single__content > .content > h3 {
  margin: auto;
  margin-top: 60px;
  margin-bottom: 16px;
  width: 100%;
  max-width: 840px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
.works__single__content > .content > h3:first-of-type {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  .works__single__content > .content > h3 {
    margin-top: 36px;
    margin-bottom: 20px;
    font-size: 14px;
  }
}
.works__single__content > .content > p {
  margin: auto;
  margin-bottom: 1em;
  width: 100%;
  max-width: 840px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
.works__single__content > .content > p > strong {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
}
@media only screen and (max-width: 767px) {
  .works__single__content > .content > p {
    margin-bottom: 1em;
    font-size: 14px;
  }
}
.works__single__content > .content > figure {
  margin: auto;
  margin-top: 100px;
  margin-bottom: 60px;
  max-width: 840px;
  width: 100%;
  overflow: hidden;
  border-radius: 16px;
}
@media only screen and (max-width: 767px) {
  .works__single__content > .content > figure {
    margin-top: 36px;
    margin-bottom: 36px;
    width: auto;
  }
  .works__single__content > .content > figure > img {
    width: 100%;
  }
}
.works__single__content > .content > ul {
  margin: auto;
  padding-left: 1em;
  width: 100%;
  max-width: 840px;
  list-style: disc;
  line-height: 160%;
}
.works__single__content > .content > ul > li {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .works__single__content > .content > ul > li {
    font-size: 14px;
  }
}
.works__single__content .separate_section_left {
  margin-top: 160px;
  display: flex;
  gap: 80px;
}
@media only screen and (max-width: 767px) {
  .works__single__content .separate_section_left {
    flex-direction: column;
    margin-top: 100px;
    gap: 36px;
  }
}
.works__single__content .separate_section_left .right_pane {
  width: 60%;
}
@media only screen and (max-width: 767px) {
  .works__single__content .separate_section_left .right_pane {
    width: 100%;
    order: 2;
  }
}
.works__single__content .separate_section_left .left_pane {
  width: 40%;
  padding-right: 80px;
}
@media only screen and (max-width: 767px) {
  .works__single__content .separate_section_left .left_pane {
    width: 100%;
    padding-right: 24px;
    padding-left: 24px;
  }
}
.works__single__content .separate_section_left .sticky {
  position: sticky;
  top: 160px;
}
.works__single__content .separate_section_left p {
  font-size: 18px;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 1.04px;
}
@media only screen and (max-width: 767px) {
  .works__single__content .separate_section_left p {
    font-size: 14px;
    letter-spacing: 1.02px;
  }
}
.works__single__content .separate_section_left .order_num {
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0;
  color: #d43f0b;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .works__single__content .separate_section_left .order_num {
    margin-bottom: 24px;
    font-size: 20px;
  }
}
.works__single__content .separate_section_left .section_title {
  font-weight: 700;
  font-size: 26px;
  line-height: 170%;
  letter-spacing: 1.02px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .works__single__content .separate_section_left .section_title {
    margin-bottom: 24px;
  }
}
.works__single__content .content__link {
  color: #d43f0b;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 1.02px;
  vertical-align: middle;
}
.works__single__content .content__link .link-icon {
  color: #d43f0b;
  background: #fff;
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.1667 3.33325C14.1667 6.55301 16.7802 9.16658 20 9.16658V10.8333C16.7802 10.8333 14.1667 13.4468 14.1667 16.6666H12.5C12.5 14.3113 13.5873 12.2085 15.2871 10.8333H0V9.16658H15.2871C13.5873 7.79131 12.5 5.68857 12.5 3.33325H14.1667Z" fill="rgb(212,63,11)" /></svg>');
  width: 20px;
  height: 20px;
  display: inline-block;
  vertical-align: sub;
  margin-left: 8px;
}
.works__single__content ul {
  list-style: disc;
  list-style-position: outside;
  margin-left: 20px;
}
.works__single__content .separate_section_right {
  display: flex;
  gap: 80px;
  margin-top: 160px;
}
@media only screen and (max-width: 767px) {
  .works__single__content .separate_section_right {
    flex-direction: column;
    margin-top: 100px;
    gap: 36px;
  }
}
.works__single__content .separate_section_right .right_pane {
  width: 40%;
  padding-left: 80px;
}
@media only screen and (max-width: 767px) {
  .works__single__content .separate_section_right .right_pane {
    width: 100%;
    padding-right: 24px;
    padding-left: 24px;
  }
}
.works__single__content .separate_section_right .left_pane {
  width: 60%;
}
@media only screen and (max-width: 767px) {
  .works__single__content .separate_section_right .left_pane {
    width: 100%;
    order: 2;
  }
}
.works__single__content .separate_section_right .sticky {
  position: sticky;
  top: 160px;
}
.works__single__content .separate_section_right p {
  font-size: 18px;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 1.04px;
}
@media only screen and (max-width: 767px) {
  .works__single__content .separate_section_right p {
    font-size: 14px;
    letter-spacing: 1.02px;
  }
}
.works__single__content .separate_section_right .order_num {
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0;
  color: #d43f0b;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .works__single__content .separate_section_right .order_num {
    margin-bottom: 24px;
    font-size: 20px;
  }
}
.works__single__content .separate_section_right .section_title {
  font-weight: 700;
  font-size: 26px;
  line-height: 170%;
  letter-spacing: 1.02px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .works__single__content .separate_section_right .section_title {
    margin-bottom: 24px;
  }
}
.works__single__content .section_center {
  margin: auto;
  margin-top: 160px;
}
@media only screen and (max-width: 767px) {
  .works__single__content .section_center {
    margin-top: 100px;
  }
}
.works__single__content .section_center p {
  margin: auto;
  max-width: 860px;
  font-size: 18px;
  font-weight: 500;
  line-height: 180%;
  letter-spacing: 1.04px;
}
@media only screen and (max-width: 767px) {
  .works__single__content .section_center p {
    font-size: 14px;
    letter-spacing: 1.02px;
    padding-right: 24px;
    padding-left: 24px;
  }
}
.works__single__content .section_center .order_num {
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 700;
  font-size: 24px;
  line-height: 100%;
  letter-spacing: 0;
  color: #d43f0b;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .works__single__content .section_center .order_num {
    padding-right: 24px;
    padding-left: 24px;
  }
}
.works__single__content .section_center .section_title {
  margin: auto;
  max-width: 860px;
  font-weight: 700;
  font-size: 26px;
  line-height: 170%;
  letter-spacing: 0.02px;
  margin-bottom: 30px;
}
@media only screen and (max-width: 767px) {
  .works__single__content .section_center .section_title {
    padding-right: 24px;
    padding-left: 24px;
  }
}
.works__single__content .section_center img {
  margin-top: 60px;
}

.works__single__related-posts {
  margin: auto;
  margin-top: 160px;
  max-width: 860px;
  width: 100%;
  overflow: visible !important;
}
@media only screen and (max-width: 859px) {
  .works__single__related-posts {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .works__single__related-posts {
    margin-top: 100px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.works__single__related-posts .works__single__related-posts__section__download {
  margin-top: 24px;
  display: flex;
  gap: 36px;
}
@media only screen and (max-width: 767px) {
  .works__single__related-posts .works__single__related-posts__section__download {
    flex-direction: column;
    gap: 0;
  }
}
.works__single__related-posts .works__single__related-posts__section__download .works__single__related-posts__section__download__text {
  max-width: 344px;
  padding-top: 36px;
  padding-bottom: 36px;
}
.works__single__related-posts .works__single__related-posts__section__download .works__single__related-posts__section__download__text .button, .works__single__related-posts .works__single__related-posts__section__download .works__single__related-posts__section__download__text .topWorks__moreButton {
  max-width: 184px;
  height: 56px;
  padding: 16px 24px;
  line-height: 100%;
  letter-spacing: 1.02px;
  margin-left: 0;
  margin-right: 0;
  margin-top: 24px;
  word-break: keep-all;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .works__single__related-posts .works__single__related-posts__section__download .works__single__related-posts__section__download__text .button, .works__single__related-posts .works__single__related-posts__section__download .works__single__related-posts__section__download__text .topWorks__moreButton {
    margin: auto;
    margin-top: 24px;
  }
}
.works__single__related-posts .works__single__related-posts__section__download .works__single__related-posts__section__download__text .button::before, .works__single__related-posts .works__single__related-posts__section__download .works__single__related-posts__section__download__text .topWorks__moreButton::before {
  display: none;
}
.works__single__related-posts .works__single__related-posts__section__download .works__single__related-posts__section__download__tag {
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0;
  vertical-align: middle;
  color: #d43f0b;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .works__single__related-posts .works__single__related-posts__section__download .works__single__related-posts__section__download__tag {
    font-size: 14px;
  }
}
.works__single__related-posts .works__single__related-posts__section__download .works__single__related-posts__section__download__tag .image {
  margin: 0 8px 0 0;
  padding: 0;
  display: block;
  width: 15px;
  height: 15px;
}
.works__single__related-posts .works__single__related-posts__section__download .works__single__related-posts__section__download__title {
  margin-top: 8px;
  font-weight: 700;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: 1.02px;
}
@media only screen and (max-width: 767px) {
  .works__single__related-posts .works__single__related-posts__section__download .works__single__related-posts__section__download__title {
    font-weight: 700;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 1.02px;
  }
}
.works__single__related-posts .works__single__related-posts__section__title {
  margin: auto;
  color: #d43f0b;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 700;
  font-size: 40px;
  line-height: 100%;
  letter-spacing: -0.01px;
  display: flex;
  flex-direction: column;
}
.works__single__related-posts .works__single__related-posts__section__title_order {
  height: 49px;
}
@media only screen and (max-width: 767px) {
  .works__single__related-posts .works__single__related-posts__section__title_order {
    height: auto;
    font-size: 35px;
    line-height: 120%;
    order: 2;
  }
}
.works__single__related-posts .works__single__related-posts__section__subtitle {
  margin-top: 4px;
  color: #d43f0b;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.02px;
  height: 24px;
}
@media only screen and (max-width: 767px) {
  .works__single__related-posts .works__single__related-posts__section__subtitle {
    order: 1;
    height: auto;
    font-size: 14px;
    line-height: 160%;
  }
}
.works__single__related-posts .works__single__related-posts__section__inner {
  margin-top: 20px;
  display: flex;
  max-width: 860px;
}
@media only screen and (max-width: 767px) {
  .works__single__related-posts .works__single__related-posts__section__inner {
    aspect-ratio: 270/320;
    flex-direction: column;
  }
}
.works__single__related-posts .works__single__related-posts__section__inner__img {
  width: 290px;
  object-fit: cover;
  aspect-ratio: 290/152;
  border-radius: 8px 0 0 8px;
}
@media only screen and (max-width: 767px) {
  .works__single__related-posts .works__single__related-posts__section__inner__img {
    border-radius: 8px 8px 0 0;
  }
}
.works__single__related-posts .works__single__related-posts__section__inner__text {
  background-color: #f4f4f4;
  padding: 36px;
  max-width: 570px;
  width: 100%;
  border-radius: 0 8px 8px 0;
}
@media only screen and (max-width: 767px) {
  .works__single__related-posts .works__single__related-posts__section__inner__text {
    height: 176px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 24px;
    border-radius: 0 0 8px 8px;
  }
}
.works__single__related-posts .works__single__related-posts__section__inner__text .works__single__related-posts__section__inner__title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 1.02px;
  display: -webkit-box;
  height: 48px;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .works__single__related-posts .works__single__related-posts__section__inner__text .works__single__related-posts__section__inner__title {
    margin: 24px 24px 0 24px;
    line-clamp: 4;
    -webkit-line-clamp: 4;
  }
}
.works__single__related-posts .works__single__related-posts__section__inner__text__sub {
  position: relative;
  margin-top: 16px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .works__single__related-posts .works__single__related-posts__section__inner__text__sub {
    position: absolute;
    bottom: 49.5px;
    margin-top: 0px;
    justify-content: initial;
    gap: 36px;
    justify-content: space-between;
  }
}
.works__single__related-posts .works__single__related-posts__section__inner__text__tag {
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 700;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: 0;
  vertical-align: middle;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .works__single__related-posts .works__single__related-posts__section__inner__text__tag {
    padding-left: 24px;
  }
}
.works__single__related-posts .works__single__related-posts__section__inner__text__date {
  color: #1c1c1c;
  font-family: "Helvetica Neue", sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 100%;
  letter-spacing: -1.02px;
}
@media only screen and (max-width: 767px) {
  .works__single__related-posts .works__single__related-posts__section__inner__text__date {
    padding-right: 24px;
  }
}
.works__single__related-posts .swiper-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.works__single__related-posts .swiper-slide {
  width: 100%;
  max-width: 860px;
}
@media only screen and (max-width: 767px) {
  .works__single__related-posts .swiper-slide {
    max-width: 290px;
  }
}
.works__single__related-posts .swiper-button-next {
  right: -120px;
  top: 160px;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="24" fill="rgb(28,28,28)" /><path d="M21 18L27 24L21 30" stroke="white" stroke-width="1.5" stroke-linejoin="round" /></svg>');
}
.works__single__related-posts .swiper-button-next::after {
  display: none;
}
.works__single__related-posts .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .works__single__related-posts .swiper-button-next {
    display: none;
  }
}
.works__single__related-posts .swiper-button-prev {
  left: -120px;
  top: 160px;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="24" transform="rotate(-180 24 24)" fill="rgb(28, 28, 28)" /><path d="M27 30L21 24L27 18" stroke="white" stroke-width="1.5" stroke-linejoin="round" /></svg>');
}
.works__single__related-posts .swiper-button-prev::after {
  display: none;
}
.works__single__related-posts .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .works__single__related-posts .swiper-button-prev {
    display: none;
  }
}

.works__single__related-works {
  max-width: 1280px;
  padding-left: 48px;
  padding-right: 48px;
  margin-top: 160px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .works__single__related-works {
    margin-top: 80px;
  }
}
.works__single__related-works__inner {
  width: 100%;
  max-width: 1280px;
}
.works__single__related-works__inner > .title {
  display: flex;
  flex-direction: column;
}
.works__single__related-works__inner > .title > .jpn {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .works__single__related-works__inner > .title > .jpn {
    font-size: 14px;
  }
}
.works__single__related-works__inner > .title > .eng {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .works__single__related-works__inner > .title > .eng {
    font-size: 35px;
  }
}
.works__single__related-works__inner > .title .adjust-height-jpn {
  height: 24px;
  line-height: 100%;
}
.works__single__related-works__inner > .title .adjust-height-eng {
  height: 49px;
  margin-bottom: 20px;
  line-height: 100%;
}
@media screen and (min-width: 1100px) {
  .works__single__related-works__inner .contact_flex_box {
    width: 100% !important;
  }
}
.works__single__related-works .--contact {
  max-width: 860px;
  margin: auto;
}
.works__single__related-works .--works__contact {
  max-width: 1440px;
}
@media only screen and (max-width: 767px) {
  .works__single__related-works .--works__contact {
    padding-left: 24px;
    padding-right: 24px;
  }
}

.works__single__download {
  margin-top: 160px;
  margin-bottom: -160px;
  padding: 120px 80px;
  width: 100%;
  background: #f4f4f4;
  border-radius: 60px 60px 0px 0px;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .works__single__download {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .works__single__download {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .works__single__download {
    margin-top: 80px;
    margin-bottom: -80px;
    padding: 80px 24px;
    border-radius: 30px 30px 0px 0px;
  }
}
.works__single__download > .title {
  display: flex;
  flex-direction: column;
}
.works__single__download > .title > .jpn {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
.works__single__download > .title > .eng {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
.works__single__download > .content {
  margin-top: 60px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .works__single__download > .content {
    flex-wrap: wrap;
  }
}
.works__single__download > .content > .left-box {
  width: calc(50% - 30px);
}
@media only screen and (max-width: 767px) {
  .works__single__download > .content > .left-box {
    width: 100%;
  }
}
.works__single__download > .content > .left-box > .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .works__single__download > .content > .left-box > .title {
    font-size: 20px;
  }
}
.works__single__download > .content > .left-box > .text {
  margin-top: 24px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .works__single__download > .content > .left-box > .text {
    font-size: 14px;
  }
}
.works__single__download > .content > .left-box > .image-box {
  margin-top: 36px;
  width: 610px;
  height: auto;
  aspect-ratio: 610/360;
  border-radius: 16px;
  overflow: hidden;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .works__single__download > .content > .left-box > .image-box {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .works__single__download > .content > .left-box > .image-box {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .works__single__download > .content > .left-box > .image-box {
    width: 100%;
  }
}
.works__single__download > .content > .left-box > .image-box > .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.works__single__download > .content > .right-box {
  width: calc(50% - 30px);
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .works__single__download > .content > .right-box {
    margin-top: 48px;
    width: 100%;
  }
}
.works__single__download > .content > .right-box > .form-box {
  width: 100%;
}

@media only screen and (min-width: 1328px) {
  .pc_none {
    display: none !important;
  }
}

@media only screen and (max-width: 767px) {
  .sp_none {
    display: none !important;
  }
}

.floatingDownloadMaterial {
  max-width: 260px;
  position: fixed;
  bottom: 20px;
  left: 20px;
  z-index: 9999;
  transform: translateY(120%);
}
.floatingDownloadMaterial.visible {
  transform: translateY(0);
}
.floatingDownloadMaterial .closing_button {
  display: block;
  margin-left: calc(100% - 32px);
  margin-bottom: 8px;
  height: 32px;
  width: 32px;
  border-radius: 50%;
  border: 1px solid #666;
  background-color: #666;
  position: relative;
  cursor: pointer;
}
.floatingDownloadMaterial .closing_button::before,
.floatingDownloadMaterial .closing_button::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1px;
  height: 8px;
  background: #fff;
}
.floatingDownloadMaterial .closing_button::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.floatingDownloadMaterial .closing_button::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.floatingDownloadMaterialBox {
  width: 260px;
  height: 290px;
  background-color: #fff2ee;
  border: 1px solid #f2d5cc;
  border-radius: 8px;
  padding-top: 24px;
}
.floatingDownloadMaterialBox .--toho__inner {
  position: relative;
}
.floatingDownloadMaterialBox .floatingDownloadMaterial__inner .floatingDownloadMaterial__inner__text {
  padding-left: 20px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: 1px;
}
.floatingDownloadMaterialBox .floatingDownloadMaterial__inner .floatingDownloadMaterial__inner__text span {
  background: linear-gradient(transparent 0%, #d43f0b 0%);
  padding: 0.4px 2px;
}
.floatingDownloadMaterialBox .floatingDownloadMaterial__inner .--toho__text span {
  background: linear-gradient(transparent 0%, #009cd0 0%);
}
.floatingDownloadMaterialBox .floatingDownloadMaterial__inner .floatingDownloadMaterial__inner__toho__img {
  height: 32px;
  width: 120px;
  position: absolute;
  right: 26px;
  top: 55px;
}
.floatingDownloadMaterialBox .floatingDownloadMaterial__inner .floatingDownloadMaterial__inner__middle__text {
  color: #000;
  font-weight: 700;
  font-size: 11px;
  line-height: 100%;
  letter-spacing: 0.04px;
  margin-top: 12px;
  padding-left: 20px;
  z-index: 2;
  position: relative;
}
.floatingDownloadMaterialBox .floatingDownloadMaterial__inner .--company__txt {
  text-align: center;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-thickness: 9%;
  line-height: 180%;
  padding-left: 0px;
}
.floatingDownloadMaterialBox .floatingDownloadMaterial__inner .floatingDownloadMaterial__inner__image {
  position: relative;
  height: 100px;
}
.floatingDownloadMaterialBox .floatingDownloadMaterial__inner .floatingDownloadMaterial__inner__image img {
  position: absolute;
  margin-top: -20px;
  width: 189px;
  left: 10%;
}
.floatingDownloadMaterialBox .floatingDownloadMaterial__inner .--toho__img {
  height: 144px;
}
.floatingDownloadMaterialBox .floatingDownloadMaterial__inner .--toho__img img {
  margin-top: 15px;
  width: 194px;
}
.floatingDownloadMaterialBox .floatingDownloadMaterial__inner .--company__img {
  height: 120px;
}
.floatingDownloadMaterialBox .floatingDownloadMaterial__inner .--company__img img {
  width: 200px;
  margin-top: 5px;
}
.floatingDownloadMaterialBox .floatingDownloadMaterial__inner .floatingDownloadMaterial__inner__cta {
  margin-top: 16px;
}
.floatingDownloadMaterialBox .floatingDownloadMaterial__inner .button, .floatingDownloadMaterialBox .floatingDownloadMaterial__inner .topWorks__moreButton {
  max-width: 220px;
  height: 30px;
  font-size: 13px;
  font-weight: 700 !important;
  line-height: 22.4px;
  letter-spacing: -0.011em;
  padding: 12px 0px;
  padding-left: 20px;
  margin-bottom: 12px;
  justify-content: start;
}
.floatingDownloadMaterialBox .floatingDownloadMaterial__inner .button:hover, .floatingDownloadMaterialBox .floatingDownloadMaterial__inner .topWorks__moreButton:hover {
  background-color: #d43f0b;
  color: #fff;
}
.floatingDownloadMaterialBox .floatingDownloadMaterial__inner .--toho__cta {
  background-color: #1c1c1c;
  color: #fff;
  border-color: #1c1c1c;
}
.floatingDownloadMaterialBox .floatingDownloadMaterial__inner .--toho__cta:hover {
  background-color: #1c1c1c;
  color: #fff;
}
.floatingDownloadMaterialBox .floatingDownloadMaterial__inner .circle {
  margin-left: 20px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #fff;
  position: relative;
}
.floatingDownloadMaterialBox .floatingDownloadMaterial__inner .icon-arrow-right {
  position: absolute;
  top: 6px;
  left: 5px;
  display: inline-block;
  box-sizing: border-box;
  width: 4px;
  height: 4px;
  border-style: solid;
  border-width: 1px 1px 0 0;
  border-color: #d43f0b;
  transform: rotate(45deg);
}
.floatingDownloadMaterialBox .floatingDownloadMaterial__inner .icon-arrow-right {
  transform: rotate(45deg);
}
.floatingDownloadMaterialBox .floatingDownloadMaterial__inner .--toho__icon {
  border-color: #1c1c1c;
}
.floatingDownloadMaterialBox .floatingDownloadMaterial__inner .button::before, .floatingDownloadMaterialBox .floatingDownloadMaterial__inner .topWorks__moreButton::before {
  content: "";
  background-image: none;
}
.floatingDownloadMaterialBox .floatingDownloadMaterial__inner .button:hover::before, .floatingDownloadMaterialBox .floatingDownloadMaterial__inner .topWorks__moreButton:hover::before {
  background-image: none;
}

.--companyMaterial {
  height: 300px;
}

.--tohoMaterial {
  background-color: #ebf3f6;
  border: 1px solid #cee9f2;
}

.works__single__cta {
  max-width: 407px;
  margin: auto;
  text-align: center;
  padding-top: 100px;
}
@media only screen and (max-width: 767px) {
  .works__single__cta {
    margin-top: 36px;
    margin-bottom: 36px;
    padding-top: 0;
    max-width: 307px;
  }
}
.works__single__cta .attention_text {
  font-size: 20px;
  font-weight: 700;
  color: #d43f0b;
  word-break: keep-all;
}
@media only screen and (max-width: 767px) {
  .works__single__cta .attention_text {
    font-size: 18px;
  }
}
.works__single__cta .cta {
  margin-top: 24px;
  max-width: 307px;
}

.container__works .top__works {
  background: none;
  margin: 160px 0;
  padding-top: 0;
  padding-bottom: 0;
  border-radius: 0;
}
@media only screen and (max-width: 767px) {
  .container__works .top__works {
    margin: 100px 0;
  }
}
.container__works .top__works__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .container__works .top__works__inner {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .container__works .top__works__inner {
    padding-left: 48px;
    padding-right: 48px;
  }
}
.container__works .top__works__inner .title {
  margin-bottom: 34px;
}
.container__works .top__works__inner .title span.jpn {
  display: block;
}
.container__works .top__works__inner > .corporate-grid-image .list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .container__works .top__works__inner > .corporate-grid-image .list {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .container__works .top__works__inner > .corporate-grid-image .list {
    flex-direction: row;
    flex-wrap: wrap;
  }
}
.container__works .top__works__inner > .corporate-grid-image .list .listColumn {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .container__works .top__works__inner > .corporate-grid-image .list .listColumn {
    display: contents;
  }
}
@media only screen and (max-width: 767px) {
  .container__works .top__works__inner > .corporate-grid-image .list .listColumn {
    display: contents;
  }
}
.container__works .top__works__inner > .corporate-grid-image .list .logo-box {
  aspect-ratio: 17/10;
  width: 14.2857142857%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .container__works .top__works__inner > .corporate-grid-image .list .logo-box {
    width: 20%;
  }
}
@media only screen and (max-width: 767px) {
  .container__works .top__works__inner > .corporate-grid-image .list .logo-box {
    width: 33.3333333333%;
  }
}
.container__works .top__works__inner > .corporate-grid-image .list .logo-box img.image {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.worksSingle__other {
  margin-top: 160px;
  width: 100%;
}

.worksSingle__otherTitle {
  display: flex;
  flex-direction: column;
}
.worksSingle__otherTitle > .jpn {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .worksSingle__otherTitle > .jpn {
    font-size: 14px;
  }
}
.worksSingle__otherTitle > .eng {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .worksSingle__otherTitle > .eng {
    font-size: 35px;
  }
}

.worksSingle__otherInner {
  max-width: 1376px;
  padding-left: 48px;
  padding-right: 48px;
  width: 100%;
  margin-inline: auto;
}
@media only screen and (max-width: 767px) {
  .worksSingle__otherInner {
    padding-inline: 24px;
  }
}

.worksSingle__otherList {
  display: flex;
  margin-top: 64px;
}
@media only screen and (max-width: 767px) {
  .worksSingle__otherList {
    margin-top: 36px;
  }
}

.worksSingleOtherListItem > a {
  text-decoration: none;
}
.worksSingleOtherListItem > a:hover .worksSingleOtherListItem__informationTitle,
.worksSingleOtherListItem > a:hover .worksSingleOtherListItem__informationCompany {
  color: #D43F0B;
}

.worksSingleOtherListItem__image {
  aspect-ratio: 369/207;
  overflow: hidden;
}
.worksSingleOtherListItem__image > img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.worksSingleOtherListItem__information {
  padding: 24px;
}

.worksSingleOtherListItem__informationCategory {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.worksSingleOtherListItem__informationCategory > li {
  display: flex;
  gap: 4px;
  align-items: center;
  color: #D43F0B;
  font-size: 11px;
  letter-spacing: -0.01em;
  line-height: 1;
  font-weight: bold;
  font-family: "Helvetica Neue", sans-serif;
}
.worksSingleOtherListItem__informationCategory > li > img {
  max-width: 10px;
  min-width: 10px;
  aspect-ratio: 1/1;
}

.worksSingleOtherListItem__informationTitle {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  margin-top: 12px;
  display: -webkit-box;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  transition: color 0.25s ease-in-out;
}

.worksSingleOtherListItem__informationCompany {
  margin-top: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1;
  font-size: 16px;
  letter-spacing: 0.02em;
  transition: color 0.25s ease-in-out;
}

.worksSingle__otherButton {
  max-width: 258px;
  margin-top: 64px;
}
@media only screen and (max-width: 767px) {
  .worksSingle__otherButton {
    margin-top: 32px;
    max-width: 100%;
  }
}

.worksSingleOtherListItem__pageWrap {
  z-index: 1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 100%;
  width: calc(100% - 48px);
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .worksSingleOtherListItem__pageWrap {
    width: calc(100% - 24px);
  }
}

.worksSingleOtherListItem__page {
  aspect-ratio: 1/1;
  background-color: #1c1c1c;
  border-radius: 999px;
  max-width: 48px;
  min-width: 48px;
  min-height: 48px;
  max-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  pointer-events: auto;
}
.worksSingleOtherListItem__page::after {
  font-size: 12px;
  color: #fff;
}

.worksSingleOtherListItem__page.swiper-button-next {
  right: 0;
}

.worksSingleOtherListItem__page.swiper-button-prev {
  left: 0;
}

.worksSingleOtherListItem__page.swiper-button-prev.swiper-button-disabled {
  display: none;
}

.news-list-box {
  margin: auto;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, 322px);
  column-gap: 36px;
  row-gap: 36px;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .news-list-box {
    grid-template-columns: repeat(auto-fill, 327px);
    row-gap: 24px;
  }
}
.news-list-box > .news-box {
  display: flex;
  flex-direction: column;
  background: #f4f4f4;
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid transparent;
  transition: all 0.25s ease-in-out;
}
.news-list-box > .news-box > .image-box {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  overflow: hidden;
  flex-shrink: 0;
}
.news-list-box > .news-box > .image-box > .image {
  aspect-ratio: 16/9;
  object-fit: cover;
}
.news-list-box > .news-box > .text-box {
  padding: 24px;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.news-list-box > .news-box > .text-box > .title {
  margin-bottom: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.news-list-box > .news-box > .text-box > .desc {
  display: none;
}
@media only screen and (max-width: 767px) {
  .news-list-box > .news-box > .text-box > .desc {
    margin-bottom: 12px;
    display: block;
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-size: 13px;
    line-height: 160%;
    font-feature-settings: "pkna" on;
    color: #0f0f0f;
  }
}
.news-list-box > .news-box > .text-box > .bottom-box {
  margin-top: auto;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.news-list-box > .news-box > .text-box > .bottom-box > .category-box > .category {
  margin-right: 4px;
  padding: 4px 10px;
  display: inline-block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 10px;
  line-height: 160%;
  letter-spacing: 0.08em;
  font-feature-settings: "palt" on;
  color: #1c1c1c;
  border: 1px solid #1c1c1c;
  border-radius: 100px;
}
.news-list-box > .news-box > .text-box > .bottom-box > .category-box > .category:last-child {
  margin-right: 0;
}
.news-list-box > .news-box > .text-box > .bottom-box > .date {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: #1c1c1c;
}
.news-list-box > .news-box > .text-box > .event-box {
  margin: auto 0 0 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  transition: all 0.25s ease-in-out;
}
.news-list-box > .news-box > .text-box > .event-box > .icon {
  margin-left: 10px;
  display: block;
  width: 20px;
  height: 20px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="5.5" y="4.66666" width="11.5" height="7.33333" stroke="rgb(28, 28, 28)" /><path d="M2.5 6.66666L2.5 15H15" stroke="rgb(28,28,28)" /></svg>');
  transition: all 0.25s ease-in-out;
}
.news-list-box > .news-box:hover {
  border: 1px solid #d43f0b;
  background-color: #ffffff;
}
.news-list-box > .news-box:hover > .text-box > .title {
  color: #d43f0b;
}
.news-list-box > .news-box:hover > .text-box > .bottom-box > .category-box > .category {
  color: #d43f0b;
  border: 1px solid #d43f0b;
}
.news-list-box > .news-box:hover > .text-box > .bottom-box > .date {
  color: #d43f0b;
}
.news-list-box > .news-box:hover > .text-box > .event-box {
  color: #d43f0b;
}
.news-list-box > .news-box:hover > .text-box > .event-box > .icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="5.5" y="4.66666" width="11.5" height="7.33333" stroke="rgb(212,63,11)" /><path d="M2.5 6.66666L2.5 15H15" stroke="rgb(212,63,11)" /></svg>');
}

.news__single__header {
  width: 100%;
}
.news__single__header__inner {
  margin: auto;
  width: 100%;
  max-width: 660px;
}
.news__single__header__inner > .thumbnail-box {
  margin-bottom: 36px;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 16px;
}
.news__single__header__inner > .thumbnail-box > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.news__single__header__inner > .category-box {
  margin-bottom: 16px;
  width: 100%;
}
.news__single__header__inner > .category-box > .category {
  margin: 0;
  padding: 2px 10px;
  display: inline-block;
  width: fit-content;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 10px;
  line-height: 15px;
  letter-spacing: 0.08em;
  font-feature-settings: "palt" on;
  color: #1c1c1c;
  border: 1px solid #1c1c1c;
  border-radius: 100px;
}
@media only screen and (max-width: 767px) {
  .news__single__header__inner > .category-box > .category {
    font-size: 14px;
  }
}
.news__single__header__inner > .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 36px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .news__single__header__inner > .title {
    font-size: 20px;
  }
}

.news__single__content {
  margin: 36px 0 0 0;
  width: 100%;
}
.news__single__content__inner {
  margin: auto;
  width: 100%;
  max-width: 660px;
}
.news__single__content__inner > .content {
  width: 100%;
}
.news__single__content__inner > .content > h2 {
  margin-bottom: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .news__single__content__inner > .content > h2 {
    font-size: 20px;
  }
}
.news__single__content__inner > .content > h3 {
  margin-bottom: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .news__single__content__inner > .content > h3 {
    font-size: 14px;
  }
}
.news__single__content__inner > .content > p {
  margin-bottom: 36px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
.news__single__content__inner > .content > p > strong {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
}
@media only screen and (max-width: 767px) {
  .news__single__content__inner > .content > p {
    font-size: 14px;
  }
}
.news__single__content__inner > .content > figure {
  margin-bottom: 36px;
  width: 100%;
  border-radius: 16px;
  overflow: hidden;
}
.news__single__content__inner > .content > ul {
  padding-left: 1em;
  list-style: disc;
  line-height: 160%;
}
.news__single__content__inner > .content > ul > li {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}

.news__single__related-news {
  margin-top: 160px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .news__single__related-news {
    margin-top: 80px;
  }
}
.news__single__related-news__inner {
  margin: auto;
  width: 100%;
  max-width: 1040px;
}
.news__single__related-news__inner > .header-box > .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 36px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .news__single__related-news__inner > .header-box > .title {
    font-size: 30px;
  }
}
.news__single__related-news__inner > .postsSwiper {
  margin-top: 36px;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: calc((100vw - 1040px) / 2);
  padding-right: calc((100vw - 1040px) / 2);
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .news__single__related-news__inner > .postsSwiper {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .news__single__related-news__inner > .postsSwiper {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .news__single__related-news__inner > .postsSwiper {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.news__single__related-news__inner > .postsSwiper > .list-box {
  margin: 24px 0 0 0;
  display: flex;
}
.news__single__related-news__inner > .postsSwiper > .list-box > .post-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 270px;
  min-height: 312px;
  border-radius: 8px;
  background: #f4f4f4;
  border: 1px solid transparent;
  transition: all 0.25s ease-in-out;
  overflow: hidden;
}
.news__single__related-news__inner > .postsSwiper > .list-box > .post-box > .image-box {
  width: 100%;
  height: 167px;
}
.news__single__related-news__inner > .postsSwiper > .list-box > .post-box > .image-box > .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.news__single__related-news__inner > .postsSwiper > .list-box > .post-box > .text-box {
  margin: 0;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.news__single__related-news__inner > .postsSwiper > .list-box > .post-box > .text-box > .title {
  margin-bottom: 12px;
  min-height: 62px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  transition: all 0.25s ease-in-out;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.news__single__related-news__inner > .postsSwiper > .list-box > .post-box > .text-box > .bottom-box {
  margin: auto 0 0 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.news__single__related-news__inner > .postsSwiper > .list-box > .post-box > .text-box > .bottom-box > .category-box > .category {
  display: block;
  margin: 0;
  padding: 4px 10px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 10px;
  line-height: 160%;
  display: flex;
  align-items: center;
  letter-spacing: 0.08em;
  font-feature-settings: "palt" on;
  color: #1c1c1c;
  border: 1px solid #1c1c1c;
  border-radius: 100px;
  transition: all 0.25s ease-in-out;
}
.news__single__related-news__inner > .postsSwiper > .list-box > .post-box > .text-box > .bottom-box > .date {
  margin: 0 0 0 4px;
  padding: 0;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: #1c1c1c;
  transition: all 0.25s ease-in-out;
}
.news__single__related-news__inner > .postsSwiper > .list-box > .post-box > .text-box > .event-box {
  margin: auto 0 0 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  transition: all 0.25s ease-in-out;
}
.news__single__related-news__inner > .postsSwiper > .list-box > .post-box > .text-box > .event-box > .icon {
  margin-left: 10px;
  display: block;
  width: 20px;
  height: 20px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="5.5" y="4.66666" width="11.5" height="7.33333" stroke="rgb(28, 28, 28)" /><path d="M2.5 6.66666L2.5 15H15" stroke="rgb(28,28,28)" /></svg>');
  transition: all 0.25s ease-in-out;
}
.news__single__related-news__inner > .postsSwiper > .list-box > .post-box:hover {
  border: 1px solid #d43f0b;
  background-color: #ffffff;
}
.news__single__related-news__inner > .postsSwiper > .list-box > .post-box:hover > .text-box > .title {
  color: #d43f0b;
}
.news__single__related-news__inner > .postsSwiper > .list-box > .post-box:hover > .text-box > .bottom-box > .category-box > .category {
  color: #d43f0b;
  border: 1px solid #d43f0b;
}
.news__single__related-news__inner > .postsSwiper > .list-box > .post-box:hover > .text-box > .bottom-box > .date {
  color: #d43f0b;
}
.news__single__related-news__inner > .postsSwiper > .list-box > .post-box:hover > .text-box > .event-box {
  color: #d43f0b;
}
.news__single__related-news__inner > .postsSwiper > .list-box > .post-box:hover > .text-box > .event-box > .icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="5.5" y="4.66666" width="11.5" height="7.33333" stroke="rgb(212,63,11)" /><path d="M2.5 6.66666L2.5 15H15" stroke="rgb(212,63,11)" /></svg>');
}
.news__single__related-news__inner > .postsSwiper > .swiper-button-next {
  right: 80px;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="24" fill="rgb(28,28,28)" /><path d="M21 18L27 24L21 30" stroke="white" stroke-width="1.5" stroke-linejoin="round" /></svg>');
}
.news__single__related-news__inner > .postsSwiper > .swiper-button-next::after {
  display: none;
}
.news__single__related-news__inner > .postsSwiper > .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .news__single__related-news__inner > .postsSwiper > .swiper-button-next {
    display: none;
  }
}
.news__single__related-news__inner > .postsSwiper > .swiper-button-prev {
  left: 80px;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="24" transform="rotate(-180 24 24)" fill="rgb(28, 28, 28)" /><path d="M27 30L21 24L27 18" stroke="white" stroke-width="1.5" stroke-linejoin="round" /></svg>');
}
.news__single__related-news__inner > .postsSwiper > .swiper-button-prev::after {
  display: none;
}
.news__single__related-news__inner > .postsSwiper > .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .news__single__related-news__inner > .postsSwiper > .swiper-button-prev {
    display: none;
  }
}
.news__single__related-news__inner > .button-box {
  margin-top: 60px;
  width: 100%;
  display: flex;
  justify-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .news__single__related-news__inner > .button-box {
    margin-top: 36px;
  }
}
.news__single__related-news__inner > .button-box > .button, .news__single__related-news__inner > .button-box > .topWorks__moreButton {
  margin-left: 0;
}

.ebook {
  margin-top: 36px;
}

@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .ebook-categorySwiper {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .ebook-categorySwiper {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .ebook-categorySwiper {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding-left: 24px;
    padding-right: 24px;
  }
}
.ebook-categorySwiper > .categories-box {
  width: 100%;
  display: flex;
  align-items: center;
}
.ebook-categorySwiper > .categories-box > .category {
  margin-right: 12px;
  padding: 8px 20px;
  width: fit-content;
  display: block;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: -0.01em;
  color: #1C1C1C;
  border: 1px solid #1C1C1C;
  border-radius: 100px;
  transition: all 0.25s ease-in;
}
.ebook-categorySwiper > .categories-box > .category.--is-active {
  color: #FFFFFF;
  background: #D43F0B;
  border: 1px solid #D43F0B;
}
.ebook-categorySwiper > .categories-box > .category:hover {
  color: #FFFFFF;
  background: #D43F0B;
  border: 1px solid #D43F0B;
}

.ebook-list-box {
  margin: auto;
  margin-top: 60px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, 610px);
  column-gap: 60px;
  row-gap: 60px;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .ebook-list-box {
    grid-template-columns: repeat(auto-fill, 327px);
    column-gap: 48px;
    row-gap: 48px;
  }
}
.ebook-list-box > .ebook-box {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.ebook-list-box > .ebook-box > .image-box {
  width: 100%;
  aspect-ratio: 610/343;
  overflow: hidden;
  border-radius: 16px;
}
@media only screen and (max-width: 767px) {
  .ebook-list-box > .ebook-box > .image-box {
    aspect-ratio: 327/184;
  }
}
.ebook-list-box > .ebook-box > .image-box > .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.ebook-list-box > .ebook-box > .text-box {
  margin-top: 24px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .ebook-list-box > .ebook-box > .text-box {
    margin-top: 28px;
  }
}
.ebook-list-box > .ebook-box > .text-box > .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1C1C1C;
}
@media only screen and (max-width: 767px) {
  .ebook-list-box > .ebook-box > .text-box > .title {
    font-size: 20px;
  }
}
.ebook-list-box > .ebook-box > .text-box > .desc {
  margin-top: 8px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1C1C1C;
}
@media only screen and (max-width: 767px) {
  .ebook-list-box > .ebook-box > .text-box > .desc {
    font-size: 14px;
  }
}
.ebook-list-box > .ebook-box > .text-box > .bottom-box {
  margin-top: 25px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .ebook-list-box > .ebook-box > .text-box > .bottom-box {
    margin-top: 28px;
  }
}
.ebook-list-box > .ebook-box > .text-box > .bottom-box > .category-box {
  display: flex;
  align-items: center;
}
.ebook-list-box > .ebook-box > .text-box > .bottom-box > .category-box > .image {
  width: 15px;
  height: 15px;
}
.ebook-list-box > .ebook-box > .text-box > .bottom-box > .category-box > .category {
  margin-left: 8px;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 13px;
  line-height: 100%;
  color: #D43F0B;
}

.ebook-single__breadcrumb > .link {
  display: flex;
  align-items: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  text-align: justify;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1C1C1C;
}
@media only screen and (max-width: 767px) {
  .ebook-single__breadcrumb > .link {
    font-size: 14px;
  }
}
.ebook-single__breadcrumb > .link > .icon {
  margin-right: 16px;
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.83333 16.6665C5.83333 13.4467 3.21977 10.8332 5.09966e-07 10.8332L6.55671e-07 9.1665C3.21977 9.1665 5.83333 6.55293 5.83334 3.33317L7.5 3.33317C7.5 5.68849 6.41268 7.79122 4.71291 9.1665L20 9.1665L20 10.8332L4.71291 10.8332C6.41268 12.2084 7.5 14.3112 7.5 16.6665L5.83333 16.6665Z" fill="rgb(28,28,28)" /></svg>');
}

.ebook-single__intro {
  display: none;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .ebook-single__intro {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  .ebook-single__intro {
    display: block;
  }
}
.ebook-single__intro > .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 36px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1C1C1C;
}
@media only screen and (max-width: 767px) {
  .ebook-single__intro > .title {
    font-size: 20px;
  }
}
.ebook-single__intro > .desc {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1C1C1C;
}
@media only screen and (max-width: 767px) {
  .ebook-single__intro > .desc {
    margin-top: 8px;
    font-size: 14px;
  }
}

.ebook-single__content {
  margin: auto;
  margin-top: 60px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .ebook-single__content {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .ebook-single__content {
    margin-top: 36px;
    flex-wrap: wrap;
  }
}
.ebook-single__content > .left-box {
  width: 600px;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .ebook-single__content > .left-box {
    width: calc(50% - 30px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .ebook-single__content > .left-box {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .ebook-single__content > .left-box {
    width: 100%;
  }
}
.ebook-single__content > .left-box > .image-box {
  width: 600px;
  border-radius: 16px;
  overflow: hidden;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .ebook-single__content > .left-box > .image-box {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .ebook-single__content > .left-box > .image-box {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .ebook-single__content > .left-box > .image-box {
    width: 100%;
  }
}
.ebook-single__content > .left-box > .image-box > .image {
  width: 100%;
  height: auto;
}
.ebook-single__content > .left-box > .detail-box > h2 {
  font-weight: 700;
  margin-top: 32px;
  font-size: 24px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .ebook-single__content > .left-box > .detail-box > h2 {
    font-size: 20px;
  }
}
.ebook-single__content > .left-box > .detail-box ul {
  list-style: disc;
  margin: 16px 0;
  padding-left: 1.2em;
}
.ebook-single__content > .left-box > .detail-box ul li {
  margin-top: 4px;
  font-weight: 700;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .ebook-single__content > .left-box > .detail-box ul li {
    font-size: 14px;
  }
}
.ebook-single__content > .left-box > .detail-box ol {
  list-style: decimal;
  margin: 16px 0;
  padding-left: 1.2em;
}
.ebook-single__content > .left-box > .detail-box ol li {
  margin-top: 4px;
  font-weight: 700;
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .ebook-single__content > .left-box > .detail-box ol li {
    font-size: 14px;
  }
}
.ebook-single__content > .left-box > .detail-box p {
  font-size: 16px;
  margin-top: 16px;
}
@media only screen and (max-width: 767px) {
  .ebook-single__content > .left-box > .detail-box p {
    font-size: 14px;
  }
}
.ebook-single__content > .left-box > .detail-box a {
  text-decoration: underline;
}
.ebook-single__content > .text-box {
  width: calc(100% - 600px - 60px);
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .ebook-single__content > .text-box {
    width: calc(50% - 39px);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .ebook-single__content > .text-box {
    margin-top: 48px;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .ebook-single__content > .text-box {
    margin-top: 28px;
    width: 100%;
  }
}
.ebook-single__content > .text-box > .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 36px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1C1C1C;
}
@media only screen and (max-width: 767px) {
  .ebook-single__content > .text-box > .title {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .ebook-single__content > .text-box > .title {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .ebook-single__content > .text-box > .title {
    display: none;
    font-size: 20px;
  }
}
.ebook-single__content > .text-box > .desc {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1C1C1C;
}
@media only screen and (max-width: 767px) {
  .ebook-single__content > .text-box > .desc {
    margin-top: 8px;
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .ebook-single__content > .text-box > .desc {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .ebook-single__content > .text-box > .desc {
    display: none;
  }
}
.ebook-single__content > .text-box > .category-box {
  margin-top: 24px;
  display: flex;
  align-items: center;
}
.ebook-single__content > .text-box > .category-box > .image {
  width: 15px;
  height: 15px;
}
.ebook-single__content > .text-box > .category-box > .category {
  margin-left: 8px;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 13px;
  line-height: 100%;
  color: #D43F0B;
}
.ebook-single__content > .text-box > .form-box {
  margin-top: 36px;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .ebook-single__content > .text-box > .form-box > iframe {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .ebook-single__content > .text-box > .form-box > iframe {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .ebook-single__content > .text-box > .form-box > iframe {
    width: 100%;
    aspect-ratio: 327/200;
  }
}

.recruit__header {
  margin-top: 56px;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .recruit__header {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .recruit__header {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .recruit__header {
    margin-top: 36px;
    padding: 0 24px;
  }
}
.recruit__header__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.recruit__header__inner > .title > .jpn {
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .recruit__header__inner > .title > .jpn {
    font-size: 14px;
  }
}
.recruit__header__inner > .title > .eng {
  display: block;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 70px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .recruit__header__inner > .title > .eng {
    font-size: 54px;
  }
}

.recruit__menu {
  margin-top: 24px;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .recruit__menu {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .recruit__menu {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .recruit__menu {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding-left: 24px;
    padding-right: 24px;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}
@media only screen and (max-width: 767px) {
  .recruit__menu::-webkit-scrollbar {
    display: none;
  }
}
.recruit__menu__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.recruit__menu__inner > .menu {
  display: flex;
}
@media only screen and (max-width: 767px) {
  .recruit__menu__inner > .menu {
    width: 460px;
  }
}
.recruit__menu__inner > .menu > .item:first-child > .link {
  padding-left: 60px;
  border-radius: 70px 0 0 70px;
}
.recruit__menu__inner > .menu > .item:last-child > .link {
  padding-right: 60px;
  border-radius: 0 70px 70px 0;
}
.recruit__menu__inner > .menu > .item > .link {
  padding: 18px 24px;
  display: flex;
  align-items: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #000000;
  background-color: #f4f4f4;
}
.recruit__menu__inner > .menu > .item > .link > .icon {
  margin-left: 8px;
  display: block;
  width: 12px;
  height: 12px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10 8.5C8.06814 8.5 6.5 10.0681 6.5 12L5.5 12C5.5 10.0681 3.93186 8.5 2 8.5L2 7.5C3.41319 7.5 4.67483 8.15239 5.5 9.17226L5.5 -1.96701e-07L6.5 -1.5299e-07L6.5 9.17226C7.32517 8.15239 8.58681 7.5 10 7.5L10 8.5Z" fill="rgb(28,28,28)" /></svg>');
}

.recruit__mission {
  margin-top: 100px;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .recruit__mission {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .recruit__mission {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .recruit__mission {
    margin-top: 60px;
    padding: 0 24px;
  }
}
.recruit__mission__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.recruit__mission__inner > .header-box {
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .recruit__mission__inner > .header-box {
    gap: 24px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .recruit__mission__inner > .header-box {
    flex-wrap: wrap;
  }
}
@media only screen and (max-width: 767px) {
  .recruit__mission__inner > .header-box {
    flex-wrap: wrap;
  }
}
.recruit__mission__inner > .header-box > .title {
  width: 50%;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .recruit__mission__inner > .header-box > .title {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .recruit__mission__inner > .header-box > .title {
    width: 100%;
  }
}
.recruit__mission__inner > .header-box > .title > .eng {
  display: block;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .recruit__mission__inner > .header-box > .title > .eng {
    font-size: 15px;
    line-height: 120%;
  }
}
.recruit__mission__inner > .header-box > .title > .jpn {
  margin-top: 8px;
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 30px;
  line-height: 170%;
  letter-spacing: 0.02em;
  font-feature-settings: "palt" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .recruit__mission__inner > .header-box > .title > .jpn {
    font-size: 21px;
    line-height: 160%;
  }
}
.recruit__mission__inner > .header-box > .text {
  margin-top: 35px;
  width: 50%;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .recruit__mission__inner > .header-box > .text {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .recruit__mission__inner > .header-box > .text {
    margin-top: 24px;
    width: 100%;
    font-size: 14px;
  }
}
.recruit__mission__inner > .image-box {
  margin-top: 60px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .recruit__mission__inner > .image-box {
    margin-top: 48px;
    aspect-ratio: 327/436;
    overflow: hidden;
    border-radius: 16px;
  }
}
.recruit__mission__inner > .image-box > .image {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media only screen and (max-width: 767px) {
  .recruit__mission__inner > .image-box > .image {
    object-position: -50px;
    object-fit: cover;
  }
}

.recruit__our-team {
  margin-top: 160px;
  padding: 160px 80px;
  width: 100%;
  background: #d43f0b;
  border-radius: 60px;
  overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .recruit__our-team {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .recruit__our-team {
    margin-top: 80px;
    padding: 80px 24px;
    border-radius: 30px;
  }
}
.recruit__our-team__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.recruit__our-team__inner > .title > .jpn {
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .recruit__our-team__inner > .title > .jpn {
    font-size: 14px;
  }
}
.recruit__our-team__inner > .title > .eng {
  display: block;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .recruit__our-team__inner > .title > .eng {
    font-size: 35px;
    line-height: 120%;
  }
}
.recruit__our-team__inner > .text {
  margin-top: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .recruit__our-team__inner > .text {
    margin-top: 44px;
    font-size: 14px;
  }
}
.recruit__our-team__inner > .teamsSwiper {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: calc((100vw - 1280px) / 2);
  padding-right: calc((100vw - 1280px) / 2);
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .recruit__our-team__inner > .teamsSwiper {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .recruit__our-team__inner > .teamsSwiper {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .recruit__our-team__inner > .teamsSwiper {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.recruit__our-team__inner > .teamsSwiper > .list-box {
  margin: 80px 0 0 0;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .recruit__our-team__inner > .teamsSwiper > .list-box {
    margin-top: 36px;
  }
}
.recruit__our-team__inner > .teamsSwiper > .list-box > .team-box {
  width: 100%;
  max-width: 200px;
}
@media only screen and (max-width: 767px) {
  .recruit__our-team__inner > .teamsSwiper > .list-box > .team-box {
    max-width: 120px;
  }
}
.recruit__our-team__inner > .teamsSwiper > .list-box > .team-box:nth-child(2n) {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .recruit__our-team__inner > .teamsSwiper > .list-box > .team-box:nth-child(2n) {
    margin-top: 36px;
  }
}
.recruit__our-team__inner > .teamsSwiper > .list-box > .team-box > .item-box {
  margin-bottom: 60px;
  width: 100%;
  cursor: pointer;
}
.recruit__our-team__inner > .teamsSwiper > .list-box > .team-box > .item-box:last-child {
  margin-bottom: 0;
}
.recruit__our-team__inner > .teamsSwiper > .list-box > .team-box > .item-box > .image-box {
  width: 200px;
  height: 200px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .recruit__our-team__inner > .teamsSwiper > .list-box > .team-box > .item-box > .image-box {
    width: 120px;
    height: 120px;
  }
}
.recruit__our-team__inner > .teamsSwiper > .list-box > .team-box > .item-box > .image-box > .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recruit__our-team__inner > .teamsSwiper > .list-box > .team-box > .item-box > .position {
  margin-top: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%;
  text-align: center;
  font-feature-settings: "pkna" on;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .recruit__our-team__inner > .teamsSwiper > .list-box > .team-box > .item-box > .position {
    font-size: 11px;
  }
}
.recruit__our-team__inner > .teamsSwiper > .list-box > .team-box > .item-box > .name {
  margin-top: 0;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  letter-spacing: -0.01em;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .recruit__our-team__inner > .teamsSwiper > .list-box > .team-box > .item-box > .name {
    font-size: 12px;
  }
}
.recruit__our-team__inner > .teamsSwiper > .swiper-button-next {
  right: 80px;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="24" fill="rgb(28, 28, 28)" /><path d="M21 18L27 24L21 30" stroke="white" stroke-width="1.5" stroke-linejoin="round" /></svg>');
}
.recruit__our-team__inner > .teamsSwiper > .swiper-button-next::after {
  display: none;
}
.recruit__our-team__inner > .teamsSwiper > .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .recruit__our-team__inner > .teamsSwiper > .swiper-button-next {
    display: none;
  }
}
.recruit__our-team__inner > .teamsSwiper > .swiper-button-prev {
  left: 80px;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="24" transform="rotate(-180 24 24)" fill="rgb(28, 28, 28)" /><path d="M27 30L21 24L27 18" stroke="white" stroke-width="1.5" stroke-linejoin="round" /></svg>');
}
.recruit__our-team__inner > .teamsSwiper > .swiper-button-prev::after {
  display: none;
}
.recruit__our-team__inner > .teamsSwiper > .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .recruit__our-team__inner > .teamsSwiper > .swiper-button-prev {
    display: none;
  }
}
.recruit__our-team__inner > .image-box {
  margin-top: 48px;
  display: flex;
  justify-content: flex-end;
}
@media only screen and (max-width: 767px) {
  .recruit__our-team__inner > .image-box {
    margin-top: 36px;
    justify-content: center;
  }
}
.recruit__our-team__inner > .image-box > .image {
  width: 540px;
  height: 125px;
}
@media only screen and (max-width: 767px) {
  .recruit__our-team__inner > .image-box > .image {
    width: 280px;
    height: 65px;
  }
}

.recruit__our-culture {
  margin-top: 160px;
  width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .recruit__our-culture {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .recruit__our-culture {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture {
    margin-top: 80px;
    padding: 0 24px;
  }
}
.recruit__our-culture__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.recruit__our-culture__inner > .title > .jpn {
  display: block;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .title > .jpn {
    font-size: 14px;
  }
}
.recruit__our-culture__inner > .title > .eng {
  display: block;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .title > .eng {
    font-size: 35px;
    line-height: 120%;
  }
}
.recruit__our-culture__inner > .section-box {
  margin-top: 100px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .section-box {
    margin-top: 48px;
  }
}
.recruit__our-culture__inner > .section-box > .subtitle {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 26px;
  line-height: 150%;
  text-align: justify;
  letter-spacing: -0.01em;
  color: #1c1c1c;
  position: relative;
  display: flex;
  align-items: center;
  width: fit-content;
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .section-box > .subtitle {
    font-size: 24px;
    line-height: 120%;
  }
}
.recruit__our-culture__inner > .section-box > .subtitle::before {
  margin: auto;
  display: inline-block;
  content: "";
  width: 36px;
  height: 36px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="36" height="37" viewBox="0 0 36 37" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="18" cy="18.5" r="4.5" fill="rgb(28,28,28)" /></svg>');
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .section-box > .subtitle::before {
    width: 30px;
    height: 30px;
  }
}
.recruit__our-culture__inner > .section-box > .values-box {
  margin-top: 36px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 36px;
  row-gap: 60px;
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .section-box > .values-box {
    grid-template-columns: repeat(1, 1fr);
    column-gap: 0;
    row-gap: 0;
  }
}
.recruit__our-culture__inner > .section-box > .values-box > .value-box {
  width: 100%;
  padding-top: 16px;
  border-top: 1px solid #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .section-box > .values-box > .value-box {
    padding-bottom: 16px;
  }
  .recruit__our-culture__inner > .section-box > .values-box > .value-box:last-child {
    border-bottom: 1px solid #1c1c1c;
  }
}
.recruit__our-culture__inner > .section-box > .values-box > .value-box > .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .section-box > .values-box > .value-box > .title::after {
    margin: auto;
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 16px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13 11V5H11V11H5V13H11V19H13V13H19V11H13Z" fill="rgb(28,28,28)"/></svg>');
    transition: all 0.25s ease-in;
  }
}
.recruit__our-culture__inner > .section-box > .values-box > .value-box > .text {
  margin-top: 24px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .section-box > .values-box > .value-box > .text {
    margin-top: 0;
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.25s ease-in;
  }
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .section-box > .values-box > .value-box.--is-open > .title::after {
    background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19 13L5 13L5 11L19 11L19 13Z" fill="rgb(28,28,28)"/></svg>');
  }
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .section-box > .values-box > .value-box.--is-open > .text {
    margin-top: 16px;
    height: auto;
    opacity: 1;
  }
}
.recruit__our-culture__inner > .section-box > .buttons-box {
  margin-top: 60px;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .section-box > .buttons-box {
    margin-top: 36px;
  }
}
.recruit__our-culture__inner > .section-box > .buttons-box > .link {
  padding: 24px 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  line-height: 160%;
  text-align: center;
  color: #ffffff;
  background: #d43f0b;
  border-radius: 100px;
  border: 1px solid #d43f0b;
  transition: all 0.25s ease-in-out;
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .section-box > .buttons-box > .link {
    width: 100%;
    max-width: 327px;
  }
}
.recruit__our-culture__inner > .section-box > .buttons-box > .link::after {
  margin-left: 24px;
  content: "";
  width: 20px;
  height: 20px;
  transition: all 0.25s ease-in-out;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.16406 2.5L19.1641 2.5V14.1667H4.16406V2.5ZM5.83073 4.16667V12.5H17.4974V4.16667H5.83073Z" fill="white" /><path fill-rule="evenodd" clip-rule="evenodd" d="M0.832031 6.66666H2.4987V15.8333H14.9987V17.5H0.832031L0.832031 6.66666Z" fill="white" /></svg>');
}
.recruit__our-culture__inner > .section-box > .buttons-box > .link:hover {
  color: #d43f0b;
  background: #ffffff;
}
.recruit__our-culture__inner > .section-box > .buttons-box > .link:hover::after {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.16406 2.5L19.1641 2.5V14.1667H4.16406V2.5ZM5.83073 4.16667V12.5H17.4974V4.16667H5.83073Z" fill="rgb(212,63,11)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M0.832031 6.66666H2.4987V15.8333H14.9987V17.5H0.832031L0.832031 6.66666Z" fill="rgb(212,63,11)" /></svg>');
}
.recruit__our-culture__inner > .section-box > .items-box {
  margin-top: 36px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 60px;
  row-gap: 36px;
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .section-box > .items-box {
    grid-template-columns: repeat(1, 1fr);
    column-gap: 24px;
    row-gap: 24px;
  }
}
.recruit__our-culture__inner > .section-box > .items-box > .item-box > .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .section-box > .items-box > .item-box > .title {
    font-size: 20px;
  }
}
.recruit__our-culture__inner > .section-box > .items-box > .item-box > .text {
  margin-top: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .section-box > .items-box > .item-box > .text {
    font-size: 14px;
  }
}
.recruit__our-culture__inner > .culture-deck-box > .frame {
  margin-top: 36px;
  width: 100%;
}
.recruit__our-culture__inner > .culture-deck-box > .frame > iframe {
  width: 100%;
  aspect-ratio: 1280/680;
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .culture-deck-box > .frame > iframe {
    aspect-ratio: 327/308;
  }
}
.recruit__our-culture__inner > .workplace-box {
  margin: 100px 0 0 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .workplace-box {
    margin-top: 36px;
  }
}
.recruit__our-culture__inner > .workplace-box > .imagesSwiper {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: calc((100vw - 1280px) / 2);
  padding-right: calc((100vw - 1280px) / 2);
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .recruit__our-culture__inner > .workplace-box > .imagesSwiper {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .recruit__our-culture__inner > .workplace-box > .imagesSwiper {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .workplace-box > .imagesSwiper {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.recruit__our-culture__inner > .workplace-box > .imagesSwiper > .list-box {
  margin: 36px 0 0 0;
  display: flex;
}
.recruit__our-culture__inner > .workplace-box > .imagesSwiper > .list-box > .image-box {
  width: 100%;
  max-width: 628px;
  aspect-ratio: 628/392;
  overflow: hidden;
  border-radius: 16px;
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .workplace-box > .imagesSwiper > .list-box > .image-box {
    max-width: 270px;
    aspect-ratio: 270/360;
  }
}
.recruit__our-culture__inner > .workplace-box > .imagesSwiper > .list-box > .image-box:nth-child(2n) {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .workplace-box > .imagesSwiper > .list-box > .image-box:nth-child(2n) {
    margin-top: 0;
  }
}
.recruit__our-culture__inner > .workplace-box > .imagesSwiper > .list-box > .image-box > .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recruit__our-culture__inner > .workplace-box > .imagesSwiper > .swiper-button-next {
  right: 80px;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="24" fill="rgb(212,63,11)" /><path d="M21 18L27 24L21 30" stroke="white" stroke-width="1.5" stroke-linejoin="round" /></svg>');
}
.recruit__our-culture__inner > .workplace-box > .imagesSwiper > .swiper-button-next::after {
  display: none;
}
.recruit__our-culture__inner > .workplace-box > .imagesSwiper > .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .workplace-box > .imagesSwiper > .swiper-button-next {
    display: none;
  }
}
.recruit__our-culture__inner > .workplace-box > .imagesSwiper > .swiper-button-prev {
  left: 80px;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="24" transform="rotate(-180 24 24)" fill="rgb(212,63,11)" /><path d="M27 30L21 24L27 18" stroke="white" stroke-width="1.5" stroke-linejoin="round" /></svg>');
}
.recruit__our-culture__inner > .workplace-box > .imagesSwiper > .swiper-button-prev::after {
  display: none;
}
.recruit__our-culture__inner > .workplace-box > .imagesSwiper > .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .workplace-box > .imagesSwiper > .swiper-button-prev {
    display: none;
  }
}
.recruit__our-culture__inner > .recruit-event-posts-box {
  margin: 100px 0 0 0;
  width: 100%;
}
.recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: calc((100vw - 1280px) / 2);
  padding-right: calc((100vw - 1280px) / 2);
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper > .list-box {
  margin: 24px 0 0 0;
  display: flex;
}
.recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper > .list-box > .post-box {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 270px;
  min-height: 312px;
  border-radius: 8px;
  background: #f4f4f4;
  border: 1px solid transparent;
  transition: all 0.25s ease-in-out;
  overflow: hidden;
}
.recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper > .list-box > .post-box > .image-box {
  width: 100%;
  height: 167px;
}
.recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper > .list-box > .post-box > .image-box > .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper > .list-box > .post-box > .text-box {
  margin: 0;
  padding: 24px;
  display: flex;
  flex-direction: column;
}
.recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper > .list-box > .post-box > .text-box > .title {
  margin-bottom: 12px;
  min-height: 62px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  transition: all 0.25s ease-in-out;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper > .list-box > .post-box > .text-box > .bottom-box {
  margin: auto 0 0 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper > .list-box > .post-box > .text-box > .bottom-box > .category-box > .category {
  display: block;
  margin: 0;
  padding: 4px 10px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 10px;
  line-height: 160%;
  display: flex;
  align-items: center;
  letter-spacing: 0.08em;
  font-feature-settings: "palt" on;
  color: #1c1c1c;
  border: 1px solid #1c1c1c;
  border-radius: 100px;
  transition: all 0.25s ease-in-out;
}
.recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper > .list-box > .post-box > .text-box > .bottom-box > .date {
  margin: 0 0 0 4px;
  padding: 0;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: #1c1c1c;
  transition: all 0.25s ease-in-out;
}
.recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper > .list-box > .post-box > .text-box > .event-box {
  margin: auto 0 0 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  transition: all 0.25s ease-in-out;
}
.recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper > .list-box > .post-box > .text-box > .event-box > .icon {
  margin-left: 10px;
  display: block;
  width: 20px;
  height: 20px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="5.5" y="4.66666" width="11.5" height="7.33333" stroke="rgb(28, 28, 28)" /><path d="M2.5 6.66666L2.5 15H15" stroke="rgb(28,28,28)" /></svg>');
  transition: all 0.25s ease-in-out;
}
.recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper > .list-box > .post-box:hover {
  border: 1px solid #d43f0b;
  background-color: #ffffff;
}
.recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper > .list-box > .post-box:hover > .text-box > .title {
  color: #d43f0b;
}
.recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper > .list-box > .post-box:hover > .text-box > .bottom-box > .category-box > .category {
  color: #d43f0b;
  border: 1px solid #d43f0b;
}
.recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper > .list-box > .post-box:hover > .text-box > .bottom-box > .date {
  color: #d43f0b;
}
.recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper > .list-box > .post-box:hover > .text-box > .event-box {
  color: #d43f0b;
}
.recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper > .list-box > .post-box:hover > .text-box > .event-box > .icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="5.5" y="4.66666" width="11.5" height="7.33333" stroke="rgb(212,63,11)" /><path d="M2.5 6.66666L2.5 15H15" stroke="rgb(212,63,11)" /></svg>');
}
.recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper > .swiper-button-next {
  right: 80px;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="24" fill="rgb(28,28,28)" /><path d="M21 18L27 24L21 30" stroke="white" stroke-width="1.5" stroke-linejoin="round" /></svg>');
}
.recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper > .swiper-button-next::after {
  display: none;
}
.recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper > .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper > .swiper-button-next {
    display: none;
  }
}
.recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper > .swiper-button-prev {
  left: 80px;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="24" transform="rotate(-180 24 24)" fill="rgb(28, 28, 28)" /><path d="M27 30L21 24L27 18" stroke="white" stroke-width="1.5" stroke-linejoin="round" /></svg>');
}
.recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper > .swiper-button-prev::after {
  display: none;
}
.recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper > .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .recruit-event-posts-box > .postsSwiper > .swiper-button-prev {
    display: none;
  }
}
.recruit__our-culture__inner > .culture-posts-box {
  margin: 100px 0 0 0;
  width: 100%;
}
.recruit__our-culture__inner > .culture-posts-box > .postsSwiper {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  padding-left: calc((100vw - 1280px) / 2);
  padding-right: calc((100vw - 1280px) / 2);
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .recruit__our-culture__inner > .culture-posts-box > .postsSwiper {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .recruit__our-culture__inner > .culture-posts-box > .postsSwiper {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .culture-posts-box > .postsSwiper {
    padding-left: 24px;
    padding-right: 24px;
  }
}
.recruit__our-culture__inner > .culture-posts-box > .postsSwiper > .list-box {
  margin: 24px 0 0 0;
  display: flex;
}
.recruit__our-culture__inner > .culture-posts-box > .postsSwiper > .list-box > .post-box {
  width: 100%;
  max-width: 270px;
  height: auto;
  border-radius: 8px;
  background: #f4f4f4;
  border: 1px solid transparent;
  transition: all 0.25s ease-in-out;
  overflow: hidden;
}
.recruit__our-culture__inner > .culture-posts-box > .postsSwiper > .list-box > .post-box > .item-box {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.recruit__our-culture__inner > .culture-posts-box > .postsSwiper > .list-box > .post-box > .item-box > .image-box {
  width: 100%;
  height: 167px;
}
.recruit__our-culture__inner > .culture-posts-box > .postsSwiper > .list-box > .post-box > .item-box > .image-box > .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.recruit__our-culture__inner > .culture-posts-box > .postsSwiper > .list-box > .post-box > .item-box > .text-box {
  margin: 0;
  padding: 24px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.recruit__our-culture__inner > .culture-posts-box > .postsSwiper > .list-box > .post-box > .item-box > .text-box > .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  transition: all 0.25s ease-in-out;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.recruit__our-culture__inner > .culture-posts-box > .postsSwiper > .list-box > .post-box > .item-box > .text-box > .bottom-box {
  margin: auto 0 0 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.recruit__our-culture__inner > .culture-posts-box > .postsSwiper > .list-box > .post-box > .item-box > .text-box > .bottom-box > .category-box > .category {
  margin: 0;
  padding: 4px 10px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 10px;
  line-height: 160%;
  display: flex;
  align-items: center;
  letter-spacing: 0.08em;
  font-feature-settings: "palt" on;
  color: #1c1c1c;
  border: 1px solid #1c1c1c;
  border-radius: 100px;
  transition: all 0.25s ease-in-out;
}
.recruit__our-culture__inner > .culture-posts-box > .postsSwiper > .list-box > .post-box > .item-box > .text-box > .bottom-box > .date {
  margin: 0 0 0 4px;
  padding: 0;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 13px;
  line-height: 16px;
  letter-spacing: -0.02em;
  color: #1c1c1c;
  transition: all 0.25s ease-in-out;
}
.recruit__our-culture__inner > .culture-posts-box > .postsSwiper > .list-box > .post-box:hover {
  border: 1px solid #d43f0b;
  background-color: #ffffff;
}
.recruit__our-culture__inner > .culture-posts-box > .postsSwiper > .list-box > .post-box:hover > .text-box > .title {
  color: #d43f0b;
}
.recruit__our-culture__inner > .culture-posts-box > .postsSwiper > .list-box > .post-box:hover > .text-box > .bottom-box > .category-box > .category {
  color: #d43f0b;
  border: 1px solid #d43f0b;
}
.recruit__our-culture__inner > .culture-posts-box > .postsSwiper > .list-box > .post-box:hover > .text-box > .bottom-box > .date {
  color: #d43f0b;
}
.recruit__our-culture__inner > .culture-posts-box > .postsSwiper > .list-box > .post-box:hover > .text-box > .event-box {
  color: #d43f0b;
}
.recruit__our-culture__inner > .culture-posts-box > .postsSwiper > .list-box > .post-box:hover > .text-box > .event-box > .icon {
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="5.5" y="4.66666" width="11.5" height="7.33333" stroke="rgb(212,63,11)" /><path d="M2.5 6.66666L2.5 15H15" stroke="rgb(212,63,11)" /></svg>');
}
.recruit__our-culture__inner > .culture-posts-box > .postsSwiper > .swiper-button-next {
  right: 80px;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="24" fill="rgb(28,28,28)" /><path d="M21 18L27 24L21 30" stroke="white" stroke-width="1.5" stroke-linejoin="round" /></svg>');
}
.recruit__our-culture__inner > .culture-posts-box > .postsSwiper > .swiper-button-next::after {
  display: none;
}
.recruit__our-culture__inner > .culture-posts-box > .postsSwiper > .swiper-button-next.swiper-button-disabled {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .culture-posts-box > .postsSwiper > .swiper-button-next {
    display: none;
  }
}
.recruit__our-culture__inner > .culture-posts-box > .postsSwiper > .swiper-button-prev {
  left: 80px;
  width: 48px;
  height: 48px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="24" cy="24" r="24" transform="rotate(-180 24 24)" fill="rgb(28, 28, 28)" /><path d="M27 30L21 24L27 18" stroke="white" stroke-width="1.5" stroke-linejoin="round" /></svg>');
}
.recruit__our-culture__inner > .culture-posts-box > .postsSwiper > .swiper-button-prev::after {
  display: none;
}
.recruit__our-culture__inner > .culture-posts-box > .postsSwiper > .swiper-button-prev.swiper-button-disabled {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  .recruit__our-culture__inner > .culture-posts-box > .postsSwiper > .swiper-button-prev {
    display: none;
  }
}

.recruit__jobs {
  margin-top: 160px;
  margin-bottom: -160px;
  padding: 120px 80px;
  width: 100%;
  background: #f4f4f4;
  border-radius: 60px 60px 0px 0px;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .recruit__jobs {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .recruit__jobs {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .recruit__jobs {
    margin-top: 80px;
    margin-bottom: -80px;
    padding: 80px 24px;
    border-radius: 30px 30px 0px 0px;
  }
}
.recruit__jobs__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.recruit__jobs__inner > .title > .jpn {
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
.recruit__jobs__inner > .title > .eng {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
.recruit__jobs__inner > .wrapper-box {
  margin-top: 40px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .recruit__jobs__inner > .wrapper-box {
    margin-top: 48px;
    flex-wrap: wrap;
  }
}
.recruit__jobs__inner > .wrapper-box > .toc-box {
  width: 240px;
  height: 100%;
  position: sticky;
  top: 200px;
}
@media only screen and (max-width: 767px) {
  .recruit__jobs__inner > .wrapper-box > .toc-box {
    width: 100%;
    position: relative;
    top: 0;
  }
}
.recruit__jobs__inner > .wrapper-box > .toc-box > .list > .item:last-child > .link {
  margin-bottom: 0;
}
.recruit__jobs__inner > .wrapper-box > .toc-box > .list > .item > .link {
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #999999;
}
@media only screen and (max-width: 767px) {
  .recruit__jobs__inner > .wrapper-box > .toc-box > .list > .item > .link {
    font-size: 14px;
  }
}
.recruit__jobs__inner > .wrapper-box > .toc-box > .list > .item > .link::before {
  margin-right: 8px;
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="3" fill="rgb(153,153,153)" /></svg>');
}
.recruit__jobs__inner > .wrapper-box > .toc-box > .list > .item > .link.--is-active {
  color: #d43f0b;
}
.recruit__jobs__inner > .wrapper-box > .toc-box > .list > .item > .link.--is-active::before {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="3" fill="rgb(212,63,11)" /></svg>');
}
.recruit__jobs__inner > .wrapper-box > .jobs-box {
  width: calc(100% - 240px - 60px);
}
@media only screen and (max-width: 767px) {
  .recruit__jobs__inner > .wrapper-box > .jobs-box {
    margin-top: 36px;
    width: 100%;
  }
}
.recruit__jobs__inner > .wrapper-box > .jobs-box > .job-box {
  margin-bottom: 24px;
  padding: 48px;
  width: 100%;
  background: #ffffff;
  border-radius: 16px;
}
@media only screen and (max-width: 767px) {
  .recruit__jobs__inner > .wrapper-box > .jobs-box > .job-box {
    padding: 24px;
  }
}
.recruit__jobs__inner > .wrapper-box > .jobs-box > .job-box:last-of-type {
  margin: 0;
}
.recruit__jobs__inner > .wrapper-box > .jobs-box > .job-box > .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .recruit__jobs__inner > .wrapper-box > .jobs-box > .job-box > .title {
    font-size: 20px;
  }
}
.recruit__jobs__inner > .wrapper-box > .jobs-box > .job-box > .text {
  margin-top: 24px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .recruit__jobs__inner > .wrapper-box > .jobs-box > .job-box > .text {
    font-size: 14px;
  }
}
.recruit__jobs__inner > .wrapper-box > .jobs-box > .job-box.--is-active > .desc-box {
  display: block;
}
.recruit__jobs__inner > .wrapper-box > .jobs-box > .job-box.--is-active > .buttons-box > .toggle-button::after {
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="5" y="11" width="14" height="2" fill="rgb(212,63,11)" /></svg>');
}
.recruit__jobs__inner > .wrapper-box > .jobs-box > .job-box > .desc-box {
  margin-top: 26px;
  display: none;
}
.recruit__jobs__inner > .wrapper-box > .jobs-box > .job-box > .desc-box > dl {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #e9e9e9;
}
.recruit__jobs__inner > .wrapper-box > .jobs-box > .job-box > .desc-box > dl > dt {
  padding: 24px 0;
  width: 120px;
  border-bottom: 1px solid #e9e9e9;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .recruit__jobs__inner > .wrapper-box > .jobs-box > .job-box > .desc-box > dl > dt {
    padding: 24px 0 0 0;
    width: 100%;
    font-size: 14px;
    border-bottom: 0;
  }
}
.recruit__jobs__inner > .wrapper-box > .jobs-box > .job-box > .desc-box > dl > dd {
  margin-left: 0;
  padding: 24px 0;
  padding-left: 48px;
  width: calc(100% - 120px);
  border-bottom: 1px solid #e9e9e9;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .recruit__jobs__inner > .wrapper-box > .jobs-box > .job-box > .desc-box > dl > dd {
    margin-top: 8px;
    margin-left: 0;
    padding: 0 0 24px 0;
    width: 100%;
    font-size: 11px;
  }
}
.recruit__jobs__inner > .wrapper-box > .jobs-box > .job-box > .desc-box > .buttons-box {
  margin-top: 36px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.recruit__jobs__inner > .wrapper-box > .jobs-box > .job-box > .desc-box > .buttons-box > .link {
  padding: 24px 42px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 160%;
  text-align: center;
  color: #ffffff;
  background: #d43f0b;
  border-radius: 100px;
}
@media only screen and (max-width: 767px) {
  .recruit__jobs__inner > .wrapper-box > .jobs-box > .job-box > .desc-box > .buttons-box > .link {
    width: 100%;
    max-width: 275px;
  }
}
.recruit__jobs__inner > .wrapper-box > .jobs-box > .job-box > .desc-box > .buttons-box > .link::after {
  margin-left: 24px;
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.6667 3.33325C14.6667 6.55301 17.2802 9.16658 20.5 9.16658V10.8333C17.2802 10.8333 14.6667 13.4468 14.6667 16.6666H13C13 14.3113 14.0873 12.2085 15.7871 10.8333H0.5V9.16658H15.7871C14.0873 7.79131 13 5.68857 13 3.33325H14.6667Z" fill="white" /></svg>');
}
.recruit__jobs__inner > .wrapper-box > .jobs-box > .job-box > .buttons-box {
  margin-top: 36px;
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .recruit__jobs__inner > .wrapper-box > .jobs-box > .job-box > .buttons-box {
    margin-top: 24px;
  }
}
.recruit__jobs__inner > .wrapper-box > .jobs-box > .job-box > .buttons-box > .toggle-button {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
  cursor: pointer;
}
.recruit__jobs__inner > .wrapper-box > .jobs-box > .job-box > .buttons-box > .toggle-button::after {
  margin-left: 8px;
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M13 11V5H11V11H5V13H11V19H13V13H19V11H13Z" fill="rgb(212,63,11)" /></svg>');
}

.contact__content {
  width: 100%;
  margin-top: 56px;
}
@media screen and (max-width: 1099px) {
  .contact__content {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .contact__content {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .contact__content {
    margin-top: 40px;
    padding: 0 24px;
  }
}
@media screen and (min-width: 1100px) {
  .contact__content__logo {
    width: 50%;
  }
}
.contact__content__inner {
  margin: auto;
  width: 100%;
}
@media screen and (min-width: 1100px) {
  .contact__content__inner {
    display: flex;
  }
}
.contact__content__inner .partner__title {
  color: #d43f0b;
  font-weight: 700;
  font-size: 24px;
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .contact__content__inner .partner__title {
    font-size: 14px;
  }
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .text {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #000000;
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group {
  margin-top: 36px;
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group:first-of-type {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  .contact__content__inner > .wpcf7 > .wpcf7-form > .form-group:first-of-type {
    margin-top: 48px;
  }
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > label {
  display: flex;
  align-items: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > label {
    flex-wrap: wrap;
  }
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > label > .required {
  margin-left: 10px;
  width: 40px;
  height: 20px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 10px;
  line-height: 20px;
  leading-trim: both;
  text-edge: cap;
  text-align: center;
  font-feature-settings: "pkna" on;
  color: #ffffff;
  background: #d43f0b;
  border-radius: 50px;
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > label > .note {
  margin-left: 36px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%;
  font-feature-settings: "pkna" on;
  color: #666666;
}
@media only screen and (max-width: 767px) {
  .contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > label > .note {
    margin-top: 8px;
    margin-left: 0;
  }
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > .form-content {
  margin-top: 12px;
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > .form-content.row {
  display: flex;
  gap: 24px;
}
@media only screen and (max-width: 767px) {
  .contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > .form-content.row {
    flex-wrap: wrap;
    gap: 12px;
  }
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > .form-content > .row-content {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > .form-content > .row-content {
    width: 100%;
  }
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > .form-content > .row-content > label {
  margin-right: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #000000;
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > .form-content > .row-content > span > input {
  padding: 12px 20px;
  width: 100%;
  height: 50px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  background: #f4f4f4;
  border-radius: 8px;
  border: 1px solid transparent;
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > .form-content > .row-content > span > input.wpcf7-not-valid {
  border: 1px solid #d43f0b;
}
@media only screen and (max-width: 767px) {
  .contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > .form-content > .row-content > span > input {
    height: 46px;
    font-size: 14px;
  }
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > .form-content > .row-content > span > .wpcf7-not-valid-tip {
  display: none;
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > .form-content > span > input {
  padding: 12px 20px;
  width: 100%;
  height: 50px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  background: #f4f4f4;
  border-radius: 8px;
  border: 1px solid transparent;
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > .form-content > span > input.wpcf7-not-valid {
  border: 1px solid #d43f0b;
}
@media only screen and (max-width: 767px) {
  .contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > .form-content > span > input {
    height: 46px;
    font-size: 14px;
  }
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > .form-content > span > select {
  padding: 12px 20px;
  width: 100%;
  height: 50px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  background: #f4f4f4;
  border-radius: 8px;
  border: 1px solid transparent;
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > .form-content > span > select.wpcf7-not-valid {
  border: 1px solid #d43f0b;
}
@media only screen and (max-width: 767px) {
  .contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > .form-content > span > select {
    height: 46px;
    font-size: 14px;
  }
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > .form-content > span[data-name=title],
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > .form-content span[data-name=contact_type],
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > .form-content span[data-name=contact_source],
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > .form-content span[data-name=budget] {
  position: relative;
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > .form-content > span[data-name=title]::after,
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > .form-content span[data-name=contact_type]::after,
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > .form-content span[data-name=contact_source]::after,
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > .form-content span[data-name=budget]::after {
  content: "";
  margin: auto;
  display: block;
  width: 24px;
  height: 24px;
  position: absolute;
  top: -4px;
  right: 20px;
  bottom: auto;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12 15L6 8.99999L18 8.99999L12 15Z" fill="rgb(28,28,28)"/></svg>');
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > .form-content > span > textarea {
  padding: 12px 20px;
  width: 100%;
  height: 204px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  background: #f4f4f4;
  border-radius: 8px;
  border: 1px solid transparent;
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > .form-content > span > textarea.wpcf7-not-valid {
  border: 1px solid #d43f0b;
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > span > span > span {
  margin: 0;
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > span > span > span label {
  display: flex;
  align-items: center;
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > span > span > span label > input {
  background: #f4f4f4;
  border-radius: 4px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: relative;
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > span > span > span label > input:checked {
  background: #d43f0b;
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > span > span > span label > input:checked::before {
  margin: auto;
  content: "";
  width: 4px;
  height: 4px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  background-color: #ffffff;
  border-radius: 50%;
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > span > span > span label > span {
  margin-left: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > span > span > span label > span > a {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%;
  text-decoration-line: underline;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-group > span > span > span label > span > .required {
  margin-left: 10px;
  display: inline-block;
  width: 40px;
  height: 20px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 10px;
  line-height: 20px;
  leading-trim: both;
  text-edge: cap;
  text-align: center;
  font-feature-settings: "pkna" on;
  color: #ffffff;
  background: #d43f0b;
  border-radius: 50px;
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-action {
  margin-top: 60px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-action > .button, .contact__content__inner > .wpcf7 > .wpcf7-form > .form-action > .topWorks__moreButton {
  width: 187px;
  height: 74px;
}
@media only screen and (max-width: 767px) {
  .contact__content__inner > .wpcf7 > .wpcf7-form > .form-action > .button, .contact__content__inner > .wpcf7 > .wpcf7-form > .form-action > .topWorks__moreButton {
    width: 100%;
    height: 74px;
  }
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-action > .button > input, .contact__content__inner > .wpcf7 > .wpcf7-form > .form-action > .topWorks__moreButton > input {
  width: 187px;
  height: 74px;
  flex-shrink: 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  text-align: center;
  color: #ffffff;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .contact__content__inner > .wpcf7 > .wpcf7-form > .form-action > .button > input, .contact__content__inner > .wpcf7 > .wpcf7-form > .form-action > .topWorks__moreButton > input {
    width: 100%;
    height: 74px;
    text-align: left;
  }
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-action > .button > .wpcf7-spinner, .contact__content__inner > .wpcf7 > .wpcf7-form > .form-action > .topWorks__moreButton > .wpcf7-spinner {
  margin: auto;
  position: absolute;
  right: 0;
}
.contact__content__inner > .wpcf7 > .wpcf7-form > .form-action > .button:hover > input, .contact__content__inner > .wpcf7 > .wpcf7-form > .form-action > .topWorks__moreButton:hover > input {
  color: #d43f0b;
}
.contact__content .pardot-form {
  /*width: 660px;*/
  width: 100%;
}
@media screen and (min-width: 1100px) {
  .contact__content .contact_flex_box {
    width: 50%;
  }
}
.contact__content .contact_flex_box .contact_flex_box_headline {
  font-size: 24px;
  font-weight: 700;
  line-height: 160%;
  letter-spacing: 0.02em;
}
@media only screen and (max-width: 767px) {
  .contact__content .contact_flex_box .contact_flex_box_headline {
    display: none;
  }
}
.contact__content .contact_flex_box .contact_flex_box_text {
  font-size: 16px;
}
@media only screen and (max-width: 767px) {
  .contact__content .contact_flex_box .contact_flex_box_text {
    font-size: 14px;
  }
}
.contact__content .contact_flex_box .contact_flex_box_link {
  color: #538AFF;
  font-weight: 700;
}
@media only screen and (max-width: 767px) {
  .contact__content .contact_flex_box .contact_flex_box_link {
    font-size: 14px;
  }
}
.contact__content .contact__wrapper__flow {
  margin-left: 67px;
  width: 370px;
  flex-shrink: 0;
}
.contact__content .flow-step {
  display: flex;
  align-items: flex-start;
  margin-bottom: 20px;
}
.contact__content .step-number {
  flex: 0 0 40px;
  height: 40px;
  border: 1px solid;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: bold;
  margin-right: 15px;
}
.contact__content .step-content {
  flex: 1;
  margin-top: 5px;
}
.contact__content .step-content h3 {
  margin: 0 0 5px;
  font-size: 18px;
}
.contact__content .step-content p {
  margin: 0;
  color: #666;
  font-size: 14px;
}
.contact__content .logo-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}
@media screen and (min-width: 1100px) {
  .contact__content .logo-container {
    justify-content: left;
    padding: 0px 61px 0px 0px;
  }
}
.contact__content .logo {
  flex: 1 1 100px; /* Adjust the width as needed */
  text-align: center;
}
.contact__content .logo .img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .contact__content .contact_flex_box {
    display: flex;
    flex-direction: column;
  }
  .contact__content .contact_flex_box .contact__wrapper__flow {
    order: 1;
    margin-left: 0px;
    max-width: none;
    width: 100%;
  }
  .contact__content .contact_flex_box #pardot-form {
    order: 2;
  }
  .contact__content .pardot-form {
    width: 100%;
  }
}

.wpcf7-response-output {
  display: none;
}

.contact-complete__content {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .contact-complete__content {
    padding: 0 24px;
  }
}
.contact-complete__content__inner {
  margin: 160px auto;
  width: 100%;
  max-width: 1000px;
}
@media only screen and (max-width: 767px) {
  .contact-complete__content__inner {
    margin-top: 36px;
    margin-bottom: 80px;
  }
}
.contact-complete__content__inner > .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 36px;
  line-height: 160%;
  letter-spacing: 0.02em;
  text-align: center;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .contact-complete__content__inner > .title {
    font-size: 30px;
  }
}
.contact-complete__content__inner > .text {
  margin-top: 40px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  text-align: center;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .contact-complete__content__inner > .text {
    font-size: 14px;
  }
}
.contact-complete__content__inner > .buttons-box {
  margin-top: 40px;
  width: 100%;
  display: flex;
  justify-content: center;
}

.contact__wrapper__flow {
  padding: 25px 0 0 0;
  margin-left: 67px;
  width: 370px;
  flex-shrink: 0;
}
.contact__wrapper__flow p {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 15px;
}
.contact__wrapper__flow ul {
  margin-top: 15px;
}
.contact__wrapper__flow ul li {
  margin-top: 24px;
}
.contact__wrapper__flow ul li:nth-child(1) {
  margin-top: 0;
}

.contact__footer .footer {
  background-color: #ffffff;
  padding-top: 0px;
}
@media screen and (max-width: 1099px) {
  .contact__footer .footer {
    padding-bottom: 24px;
  }
}
.contact__footer .footer__inner__copyright-box {
  border-top: none;
  color: #1c1c1c;
  text-align: center;
}

@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .header__contact {
    height: 60px;
    padding: 28px 36px;
  }
}
.header__contact__inner {
  max-width: 1440px;
}

.contactPage {
  display: grid;
  grid-template-columns: 1fr 586px;
  column-gap: clamp(24px, 5vw, 64px);
  max-width: 1328px;
  margin: 0 auto;
  padding-left: 24px;
  padding-right: 24px;
  margin-top: 56px;
}
@media screen and (max-width: 1000px) {
  .contactPage {
    grid-template-columns: 1fr;
    row-gap: 40px;
  }
}
.contactPage__headTitle {
  display: flex;
  flex-direction: column;
}
.contactPage__headTitle > .jpn {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #D43F0B;
}
@media screen and (max-width: 767px) {
  .contactPage__headTitle > .jpn {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-weight: 700 !important;
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0.02em;
    font-feature-settings: "pkna" on;
  }
}
.contactPage__headTitle > .eng {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 52px;
  line-height: 1;
  letter-spacing: -0.01em;
  color: #D43F0B;
  min-height: 63px;
  display: flex;
  align-items: center;
}
.contactPage__headText {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  line-height: 1.5;
  letter-spacing: 0.02em;
  font-size: 16px;
  margin-top: 8px;
}
@media screen and (max-width: 767px) {
  .contactPage__headText {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 1.6;
    letter-spacing: 0.02em;
    font-size: 14px;
    margin-top: 16px;
  }
}
.contactPage__case {
  margin-top: 64px;
  border: solid 2px #E9E9E9;
  border-radius: 16px;
  padding: 24px 24px 16px 24px;
  color: #1C1C1C;
  container-type: inline-size;
}
@media screen and (max-width: 767px) {
  .contactPage__case {
    margin-top: 40px;
    padding: 20px 16px;
  }
}
.contactPage__caseTitle {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .contactPage__caseTitle {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-weight: 700 !important;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0.02em;
    font-feature-settings: "pkna" on;
  }
}
.contactPage__caseList {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px 20px;
  margin-top: 20px;
}
@container (max-width: 400px) {
  .contactPage__caseList {
    grid-template-columns: 1fr;
  }
  @media screen and (max-width: 767px) {
    .contactPage__caseList {
      grid-template-columns: repeat(2, 1fr);
    }
  }
}
@media screen and (max-width: 767px) {
  .contactPage__caseList {
    margin-top: 16px;
  }
}
.contactPageCaseListItem {
  background-color: #F4F4F4;
  border-radius: 12px;
  display: flex;
  align-items: center;
  padding: 22px 12px;
  justify-content: center;
  column-gap: 18px;
}
@media screen and (max-width: 767px) {
  .contactPageCaseListItem {
    padding-block: 12px;
    flex-direction: column;
    row-gap: 4px;
    padding: 22px 4px;
  }
}
.contactPageCaseListItem__title {
  text-align: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 1.4;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
}
@media screen and (max-width: 767px) {
  .contactPageCaseListItem__title {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  .contactPageCaseListItem__title br {
    display: none;
  }
}
.contactPageCaseListItem__text {
  color: #D43F0B;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 1.6;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
}
@media screen and (max-width: 767px) {
  .contactPageCaseListItem__text {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-weight: 700 !important;
    line-height: 1;
    font-size: 13px;
  }
}
.contactPageCaseListItem__text > strong {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 1;
  letter-spacing: -0.01em;
  color: #D43F0B;
}
@media screen and (max-width: 767px) {
  .contactPageCaseListItem__text > strong {
    font-family: "Helvetica Neue", sans-serif !important;
    font-style: normal !important;
    font-weight: 700 !important;
    font-size: 28px;
    line-height: 1;
    letter-spacing: -0.01em;
  }
}
.contactPageCaseListItem__note {
  margin-top: 5px;
  color: #666666;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 10px;
  line-height: 1;
  text-align: right;
}
.contactPage__caseLogo {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 20px;
  padding: 16px;
}
.contactPage__caseLogo > li {
  display: flex;
  align-items: center;
  justify-content: center;
}
.contactPage__caseLogo > li > img {
  width: 100%;
  height: auto;
}
@media screen and (max-width: 767px) {
  .contactPage__caseLogo > li:last-child {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .contactPage__caseLogo {
    grid-template-columns: repeat(4, 1fr);
    padding: 9px;
  }
}
.contactPage__formHead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  column-gap: 32px;
  margin-inline: 4px;
}
@media screen and (max-width: 767px) {
  .contactPage__formHead {
    flex-direction: column;
    align-items: flex-start;
    row-gap: 12px;
  }
}
.contactPage__formHeadTitle {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 1;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
}
.contactPage__formHeadLink {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  line-height: 1;
  font-size: 13px;
  color: #538AFF;
}
@media screen and (max-width: 767px) {
  .contactPage__formHeadLink {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
    font-style: normal !important;
    font-weight: 500 !important;
    font-weight: 700 !important;
    line-height: 1;
    font-size: 11px;
  }
}

.lp-uxui-cover {
  width: 100%;
  overflow: hidden;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .lp-uxui-cover {
    margin-top: 100px;
    padding: 40px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .lp-uxui-cover {
    margin-top: 100px;
    padding: 40px 20px;
  }
}
@media only screen and (max-width: 767px) {
  .lp-uxui-cover {
    padding: 40px 20px;
  }
}
.lp-uxui-cover > .inner-box {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.lp-uxui-cover > .inner-box > .wrapper-box {
  display: flex;
  align-items: center;
  gap: 68px;
}
@media only screen and (max-width: 767px) {
  .lp-uxui-cover > .inner-box > .wrapper-box {
    flex-wrap: wrap;
    gap: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .lp-uxui-cover > .inner-box > .wrapper-box {
    flex-wrap: wrap;
    gap: 0;
  }
}
.lp-uxui-cover > .inner-box > .wrapper-box > .title-box > .title {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 82px;
  line-height: 116%;
  letter-spacing: 0.02em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .lp-uxui-cover > .inner-box > .wrapper-box > .title-box > .title {
    font-size: 48px;
    line-height: 100%;
  }
}
.lp-uxui-cover > .inner-box > .wrapper-box > .title-box > .subtitle {
  margin-top: 32px;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 34px;
  letter-spacing: 0.02em;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .lp-uxui-cover > .inner-box > .wrapper-box > .title-box > .subtitle {
    margin-top: 16px;
    font-size: 18px;
    line-height: 150%;
  }
}
.lp-uxui-cover > .inner-box > .wrapper-box > .image-box {
  margin-right: calc(-50vw + 50%);
  width: 100%;
  aspect-ratio: 1440/871;
}
.lp-uxui-cover > .inner-box > .wrapper-box > .scroll-image-box {
  margin-top: 32px;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  display: flex;
  gap: 10px;
  overflow: hidden;
}
.lp-uxui-cover > .inner-box > .wrapper-box > .scroll-image-box > .images-box {
  display: flex;
  gap: 10px;
  animation: loop-slide 50s -25s infinite linear;
}
.lp-uxui-cover > .inner-box > .wrapper-box > .scroll-image-box > .images-box:last-child {
  animation: loop-slide2 50s infinite linear;
}
.lp-uxui-cover > .inner-box > .wrapper-box > .scroll-image-box > .images-box > .inner-box > .top-box {
  width: 514px;
  height: 142px;
  margin-left: -113px;
}
.lp-uxui-cover > .inner-box > .wrapper-box > .scroll-image-box > .images-box > .inner-box > .bottom-box {
  margin-top: 10px;
  width: 514px;
  height: 142px;
}

.logos-section {
  margin-top: 140px;
  width: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .logos-section {
    margin-top: 40px;
  }
}
.logos-section > .corporate-box {
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  margin-bottom: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.logos-section > .corporate-box > .list {
  display: flex;
  animation: loop-slide 250s -125s infinite linear;
}
.logos-section > .corporate-box > .list:last-child {
  animation: loop-slide2 250s infinite linear;
}
.logos-section > .corporate-box > .list > .logo-box {
  margin-right: 16px;
  width: 160px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .logos-section > .corporate-box > .list > .logo-box {
    width: 120px;
    height: 48px;
  }
}
.logos-section > .corporate-box > .list > .logo-box > .image {
  width: 160px;
  height: 64px;
  object-fit: contain;
}
@media only screen and (max-width: 767px) {
  .logos-section > .corporate-box > .list > .logo-box > .image {
    width: 120px;
    height: 48px;
  }
}

.partner-section {
  margin-top: 115px;
  width: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .partner-section {
    margin-top: 80px;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .partner-section {
    margin-top: 80px;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .partner-section {
    padding: 0 20px;
  }
}
.partner-section > .inner-box {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.partner-section > .inner-box > .partner-box {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 25px;
}
@media only screen and (max-width: 767px) {
  .partner-section > .inner-box > .partner-box {
    flex-wrap: wrap;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .partner-section > .inner-box > .partner-box {
    flex-wrap: wrap;
  }
}
.partner-section > .inner-box > .partner-box > .text-box {
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .partner-section > .inner-box > .partner-box > .text-box {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .partner-section > .inner-box > .partner-box > .text-box {
    width: 100%;
  }
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .partner-section > .inner-box > .partner-box > .text-box {
    width: 50%;
  }
}
.partner-section > .inner-box > .partner-box > .text-box > .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .partner-section > .inner-box > .partner-box > .text-box > .title {
    font-size: 30px;
    line-height: 160%;
  }
}
.partner-section > .inner-box > .partner-box > .text-box > .text {
  margin-top: 36px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .partner-section > .inner-box > .partner-box > .text-box > .text {
    margin-top: 16px;
    font-size: 16px;
  }
}
.partner-section > .inner-box > .partner-box > .text-box > .buttons-box {
  margin-top: 54px;
  display: flex;
  gap: 20px;
}
.partner-section > .inner-box > .partner-box > .text-box > .buttons-box > .link.download {
  padding: 24px 32px;
  width: fit-content;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
  background: #ffffff;
  border: 2px solid #d43f0b;
  border-radius: 100px;
}
.partner-section > .inner-box > .partner-box > .text-box > .buttons-box > .link.download::after {
  margin: auto;
  margin-left: 8px;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.partner-section > .inner-box > .partner-box > .text-box > .buttons-box > .link.contact {
  padding: 24px 32px;
  width: fit-content;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #ffffff;
  background: #d43f0b;
  border-radius: 100px;
}
.partner-section > .inner-box > .partner-box > .text-box > .buttons-box > .link.contact::after {
  margin: auto;
  margin-right: 0;
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.partner-section > .inner-box > .partner-box > .image-box {
  margin-right: calc(-50vw + 50%);
  width: 100%;
  aspect-ratio: 820/360;
  overflow: hidden;
  border-radius: 16px 0 0 16px;
}
@media only screen and (max-width: 767px) {
  .partner-section > .inner-box > .partner-box > .image-box {
    margin: 0;
    border-radius: 8px;
  }
}
.partner-section > .inner-box > .partner-box > .buttons-box {
  margin-top: 24px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .partner-section > .inner-box > .partner-box > .buttons-box {
    width: 100%;
    flex-wrap: nowrap;
  }
}
.partner-section > .inner-box > .partner-box > .buttons-box > .link.download {
  padding: 24px 32px;
  width: 100%;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
  background: #ffffff;
  border: 2px solid #d43f0b;
  border-radius: 100px;
}
.partner-section > .inner-box > .partner-box > .buttons-box > .link.download::after {
  margin-right: 0;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.partner-section > .inner-box > .partner-box > .buttons-box > .link.contact {
  padding: 24px 32px;
  width: 100%;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #ffffff;
  background: #d43f0b;
  border-radius: 100px;
}
.partner-section > .inner-box > .partner-box > .buttons-box > .link.contact::after {
  margin: auto;
  margin-right: 0;
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}

.kpi-section {
  margin-top: 123px;
  padding: 160px 0;
  width: 100%;
  background: #d43f0b;
  border-radius: 60px;
}
@media only screen and (max-width: 767px) {
  .kpi-section {
    margin-top: 32px;
    padding: 40px 20px;
    border-radius: 30px;
  }
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .kpi-section {
    padding: 160px 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .kpi-section {
    margin-top: 32px;
    padding: 40px 20px;
    border-radius: 30px;
  }
}
.kpi-section > .inner-box {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.kpi-section > .inner-box > .title {
  display: flex;
  flex-direction: column;
}
.kpi-section > .inner-box > .title > .jpn {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .kpi-section > .inner-box > .title > .jpn {
    font-size: 20px;
  }
}
.kpi-section > .inner-box > .title > .eng {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .kpi-section > .inner-box > .title > .eng {
    font-size: 44px;
    line-height: 120%;
  }
}
.kpi-section > .inner-box > .text {
  margin-top: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .kpi-section > .inner-box > .text {
    margin-top: 24px;
    font-size: 16px;
  }
}
.kpi-section > .inner-box > .list {
  margin-top: 68px;
  display: grid;
  gap: 48px;
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 767px) {
  .kpi-section > .inner-box > .list {
    margin-top: 36px;
    grid-template-columns: repeat(1, 1fr);
    gap: 8px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .kpi-section > .inner-box > .list {
    margin-top: 36px;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px;
  }
}
.kpi-section > .inner-box > .list > .item-box {
  width: 100%;
  height: 244px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background: #ffffff;
  border-radius: 16px;
}
@media only screen and (max-width: 767px) {
  .kpi-section > .inner-box > .list > .item-box {
    height: 188px;
  }
}
.kpi-section > .inner-box > .list > .item-box > .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 160%;
  text-align: center;
  letter-spacing: 0.02em;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .kpi-section > .inner-box > .list > .item-box > .title {
    font-size: 20px;
  }
}
.kpi-section > .inner-box > .list > .item-box > .number-box > .number {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 64px;
  line-height: 160%;
  letter-spacing: 0.02em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .kpi-section > .inner-box > .list > .item-box > .number-box > .number {
    font-size: 54px;
  }
}
.kpi-section > .inner-box > .list > .item-box > .number-box > .text {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 44px;
  line-height: 160%;
  letter-spacing: 0.02em;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .kpi-section > .inner-box > .list > .item-box > .number-box > .text {
    font-size: 40px;
  }
}

.record-section {
  margin-top: 160px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .record-section {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .record-section > .top__works > .top__works__inner > .title {
    font-size: 44px;
    line-height: 120%;
  }
}
@media only screen and (max-width: 767px) {
  .record-section > .top__works > .top__works__inner > .title > .small {
    font-size: 20px;
  }
}

.solution-section {
  margin-top: 160px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .solution-section {
    margin-top: 80px;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .solution-section {
    margin-top: 80px;
    padding: 0 20px;
  }
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .solution-section {
    padding: 0 20px;
  }
}
.solution-section > .inner-box {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.solution-section > .inner-box > .title {
  display: flex;
  flex-direction: column;
}
.solution-section > .inner-box > .title > .jpn {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .solution-section > .inner-box > .title > .jpn {
    font-size: 20px;
  }
}
.solution-section > .inner-box > .title > .eng {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .solution-section > .inner-box > .title > .eng {
    font-size: 44px;
    line-height: 120%;
  }
}
.solution-section > .inner-box > .text {
  margin-top: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .solution-section > .inner-box > .text {
    margin-top: 32px;
    font-size: 16px;
  }
}
.solution-section > .inner-box > .wrapper-box {
  margin-top: 92px;
  width: 100%;
  display: flex;
  gap: 60px;
}
@media only screen and (max-width: 767px) {
  .solution-section > .inner-box > .wrapper-box {
    margin-top: 24px;
    gap: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .solution-section > .inner-box > .wrapper-box {
    margin-top: 24px;
    gap: 0;
  }
}
.solution-section > .inner-box > .wrapper-box > .toc-box {
  margin-top: 105px;
  height: 100%;
  position: sticky;
  top: 200px;
}
@media only screen and (max-width: 767px) {
  .solution-section > .inner-box > .wrapper-box > .toc-box {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .solution-section > .inner-box > .wrapper-box > .toc-box {
    display: none;
  }
}
.solution-section > .inner-box > .wrapper-box > .toc-box > .list > .item {
  margin-bottom: 17px;
}
.solution-section > .inner-box > .wrapper-box > .toc-box > .list > .item:last-of-type {
  margin-bottom: 0;
}
.solution-section > .inner-box > .wrapper-box > .toc-box > .list > .item > .link {
  display: flex;
  align-items: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 18px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #cccccc;
}
.solution-section > .inner-box > .wrapper-box > .toc-box > .list > .item > .link::before {
  margin-right: 22px;
  display: block;
  content: "";
  width: 9px;
  height: 9px;
  background: #cccccc;
  flex-shrink: 0;
  border-radius: 50%;
}
.solution-section > .inner-box > .wrapper-box > .toc-box > .list > .item > .link.--is-active {
  color: #d43f0b;
}
.solution-section > .inner-box > .wrapper-box > .toc-box > .list > .item > .link.--is-active::before {
  background: #d43f0b;
}
.solution-section > .inner-box > .wrapper-box > .solutions-box {
  width: 100%;
  display: flex;
  flex-direction: column;
  row-gap: 60px;
}
@media only screen and (max-width: 767px) {
  .solution-section > .inner-box > .wrapper-box > .solutions-box {
    gap: 40px;
  }
}
.solution-section > .inner-box > .wrapper-box > .solutions-box > .solution-box {
  display: flex;
  column-gap: 36px;
}
@media only screen and (max-width: 767px) {
  .solution-section > .inner-box > .wrapper-box > .solutions-box > .solution-box {
    flex-wrap: wrap;
    column-gap: 0;
  }
}
.solution-section > .inner-box > .wrapper-box > .solutions-box > .solution-box > .image-box {
  width: 401px;
  flex-shrink: 0;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .solution-section > .inner-box > .wrapper-box > .solutions-box > .solution-box > .image-box {
    width: 100%;
  }
}
.solution-section > .inner-box > .wrapper-box > .solutions-box > .solution-box > .image-box > .image {
  width: 100%;
  height: auto;
  aspect-ratio: 401/247;
  object-fit: cover;
  border-radius: 16px;
}
@media only screen and (max-width: 767px) {
  .solution-section > .inner-box > .wrapper-box > .solutions-box > .solution-box > .image-box > .image {
    aspect-ratio: 335/207;
    border-radius: 14px;
  }
}
@media only screen and (max-width: 767px) {
  .solution-section > .inner-box > .wrapper-box > .solutions-box > .solution-box > .text-box {
    margin-top: 16px;
  }
}
.solution-section > .inner-box > .wrapper-box > .solutions-box > .solution-box > .text-box > .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: 0.02em;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .solution-section > .inner-box > .wrapper-box > .solutions-box > .solution-box > .text-box > .title {
    font-size: 20px;
  }
}
.solution-section > .inner-box > .wrapper-box > .solutions-box > .solution-box > .text-box > .text {
  margin-top: 24px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .solution-section > .inner-box > .wrapper-box > .solutions-box > .solution-box > .text-box > .text {
    margin-top: 12px;
    font-size: 14px;
  }
}

.customer-comments-section {
  margin-top: 160px;
  padding: 160px 0 180px 0;
  width: 100%;
  background: #f4f4f4;
  border-radius: 60px;
}
@media only screen and (max-width: 767px) {
  .customer-comments-section {
    margin-top: 80px;
    padding: 60px 20px;
    border-radius: 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .customer-comments-section {
    margin-top: 80px;
    padding: 60px 20px;
    border-radius: 30px;
  }
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .customer-comments-section {
    padding: 160px 20px 180px 20px;
  }
}
.customer-comments-section > .inner-box {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.customer-comments-section > .inner-box > .title {
  display: flex;
  flex-direction: column;
}
.customer-comments-section > .inner-box > .title > .jpn {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .customer-comments-section > .inner-box > .title > .jpn {
    font-size: 20px;
  }
}
.customer-comments-section > .inner-box > .title > .eng {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .customer-comments-section > .inner-box > .title > .eng {
    font-size: 44px;
    line-height: 120%;
  }
}
.customer-comments-section > .inner-box > .text {
  margin-top: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 20px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #000000;
}
@media only screen and (max-width: 767px) {
  .customer-comments-section > .inner-box > .text {
    margin-top: 32px;
    font-size: 16px;
  }
}
.customer-comments-section > .inner-box > .list {
  margin-top: 92px;
  display: flex;
  column-gap: 40px;
}
@media only screen and (max-width: 767px) {
  .customer-comments-section > .inner-box > .list {
    margin-top: 24px;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding: 0 20px;
    column-gap: 16px;
    overflow: scroll;
  }
}
.customer-comments-section > .inner-box > .list > .item-box {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .customer-comments-section > .inner-box > .list > .item-box {
    max-width: 283px;
    flex-shrink: 0;
  }
}
.customer-comments-section > .inner-box > .list > .item-box > .top-box {
  display: flex;
  align-items: center;
  column-gap: 24px;
}
.customer-comments-section > .inner-box > .list > .item-box > .top-box > .image-box {
  width: 80px;
  height: 78px;
}
.customer-comments-section > .inner-box > .list > .item-box > .top-box > .text-box > .position {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  color: #000000;
}
.customer-comments-section > .inner-box > .list > .item-box > .top-box > .text-box > .year {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  color: #000000;
}
.customer-comments-section > .inner-box > .list > .item-box > .comment-box {
  margin-top: 16px;
  padding: 32px 24px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  color: #000000;
  background: #ffffff;
  border-radius: 8px;
}
@media only screen and (max-width: 767px) {
  .customer-comments-section > .inner-box > .list > .item-box > .comment-box {
    padding: 16px;
    font-size: 14px;
  }
}
.customer-comments-section > .inner-box > .list > .item-box > .comment-box > .bold {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  color: #d43f0b;
}

.process-section {
  margin-top: 160px;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .process-section {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .process-section {
    margin-top: 80px;
    padding: 0 20px;
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  .process-section {
    margin-top: 80px;
    padding: 0 20px;
    overflow: hidden;
  }
}
.process-section > .inner-box {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.process-section > .inner-box > .title {
  display: flex;
  flex-direction: column;
}
.process-section > .inner-box > .title > .jpn {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .process-section > .inner-box > .title > .jpn {
    font-size: 20px;
  }
}
.process-section > .inner-box > .title > .eng {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .process-section > .inner-box > .title > .eng {
    font-size: 44px;
    line-height: 120%;
  }
}
.process-section > .inner-box > .processes-box {
  margin-top: 38px;
  width: 100%;
  display: flex;
}
@media only screen and (max-width: 767px) {
  .process-section > .inner-box > .processes-box {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding: 0 20px;
    width: auto;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .process-section > .inner-box > .processes-box::-webkit-scrollbar {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .process-section > .inner-box > .processes-box {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding: 0 20px;
    width: auto;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .process-section > .inner-box > .processes-box::-webkit-scrollbar {
    display: none;
  }
}
.process-section > .inner-box > .processes-box > .process-box {
  margin-right: 36px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .process-section > .inner-box > .processes-box > .process-box {
    flex-shrink: 0;
    max-width: 182px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .process-section > .inner-box > .processes-box > .process-box {
    flex-shrink: 0;
    max-width: 182px;
  }
}
.process-section > .inner-box > .processes-box > .process-box:last-child {
  margin-right: 0;
}
.process-section > .inner-box > .processes-box > .process-box:last-child > .title::after {
  display: none;
}
.process-section > .inner-box > .processes-box > .process-box > .title {
  width: 100%;
  height: 80px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 20px;
  line-height: 160%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
  border: 1px solid #d43f0b;
  border-radius: 8px;
  position: relative;
}
.process-section > .inner-box > .processes-box > .process-box > .title::after {
  margin: auto;
  position: absolute;
  top: 0;
  right: -33px;
  bottom: 0;
  content: "";
  width: 30px;
  height: 30px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="30" height="30" viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.75 15L11.25 22.5L11.25 7.5L18.75 15Z" fill="rgb(212,63,11)" /></svg>');
}
.process-section > .inner-box > .processes-box > .process-box > .tags {
  margin-top: 16px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  row-gap: 8px;
}
.process-section > .inner-box > .processes-box > .process-box > .tags > .tag {
  width: fit-content;
  padding: 10px 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 12px;
  line-height: 100%;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  background: #e9e9e9;
  border-radius: 99.7898px;
}
.process-section > .inner-box > .processes-box > .process-box > .icon-box {
  margin-top: 8px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 13px;
  line-height: 100%;
  color: #000000;
  text-align: right;
}
.process-section > .inner-box > .processes-box > .process-box > .text {
  margin-top: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 13px;
  line-height: 160%;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
.process-section > .inner-box > .image-box {
  margin-top: 38px;
  width: 100%;
}

.contact-section {
  margin-top: 160px;
  padding-top: 60px;
  padding-bottom: 60px;
  width: 100%;
  background: #d43f0b;
  border-radius: 60px 60px 0px 0px;
}
@media only screen and (max-width: 767px) {
  .contact-section {
    margin-top: 80px;
    padding: 50px 20px 40px 20px;
    border-radius: 30px 30px 0px 0px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .contact-section {
    margin-top: 80px;
    padding: 50px 20px 40px 20px;
    border-radius: 30px 30px 0px 0px;
  }
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .contact-section {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.contact-section > .inner-box {
  margin: auto;
  width: 100%;
  max-width: 1280px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 60px;
}
@media only screen and (max-width: 767px) {
  .contact-section > .inner-box {
    flex-wrap: wrap;
    gap: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .contact-section > .inner-box {
    flex-wrap: wrap;
    gap: 0;
  }
}
.contact-section > .inner-box > .image-box {
  width: 621px;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .contact-section > .inner-box > .image-box {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    margin-bottom: -84px;
    width: 100vw;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .contact-section > .inner-box > .image-box {
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    margin-bottom: -84px;
    width: 100vw;
  }
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .contact-section > .inner-box > .image-box {
    width: 50%;
  }
}
.contact-section > .inner-box > .image-box > .image {
  width: 100%;
}
.contact-section > .inner-box > .text-box {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.contact-section > .inner-box > .text-box > .download-box {
  padding: 40px;
  width: 100%;
  background: #f5f5f5;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .contact-section > .inner-box > .text-box > .download-box {
    padding: 22px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .contact-section > .inner-box > .text-box > .download-box {
    padding: 22px;
  }
}
.contact-section > .inner-box > .text-box > .download-box > .title {
  width: 100%;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 35px;
  letter-spacing: 0.02em;
  font-feature-settings: "palt" on;
  color: #101010;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .contact-section > .inner-box > .text-box > .download-box > .title {
    font-size: 20px;
    line-height: 160%;
  }
}
.contact-section > .inner-box > .text-box > .download-box > .title::before {
  margin: auto;
  margin-left: 0;
  margin-right: 16px;
  content: "";
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .contact-section > .inner-box > .text-box > .download-box > .title::before {
    margin-right: 8px;
    width: 8px;
    height: 8px;
  }
}
.contact-section > .inner-box > .text-box > .download-box > .text {
  margin-top: 16px;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "palt" on;
  color: #101010;
}
@media only screen and (max-width: 767px) {
  .contact-section > .inner-box > .text-box > .download-box > .text {
    margin-top: 8px;
    font-size: 11px;
  }
}
.contact-section > .inner-box > .text-box > .download-box > .button-box {
  margin-top: 36px;
}
.contact-section > .inner-box > .text-box > .download-box > .button-box > .link {
  padding: 24px 32px;
  width: fit-content;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
  background: #ffffff;
  border: 2px solid #d43f0b;
  border-radius: 100px;
}
@media only screen and (max-width: 767px) {
  .contact-section > .inner-box > .text-box > .download-box > .button-box > .link {
    padding: 21px 35px;
    width: 100%;
    font-size: 14px;
    justify-content: space-between;
  }
}
.contact-section > .inner-box > .text-box > .download-box > .button-box > .link::after {
  margin: auto;
  margin-left: 8px;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .contact-section > .inner-box > .text-box > .download-box > .button-box > .link::after {
    margin-right: 0;
    margin-left: auto;
    width: 18px;
    height: 18px;
  }
}
.contact-section > .inner-box > .text-box > .contact-box {
  padding: 40px;
  width: 100%;
  background: #f5f5f5;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .contact-section > .inner-box > .text-box > .contact-box {
    padding: 22px;
  }
}
.contact-section > .inner-box > .text-box > .contact-box > .title {
  width: 100%;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 35px;
  letter-spacing: 0.02em;
  font-feature-settings: "palt" on;
  color: #101010;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .contact-section > .inner-box > .text-box > .contact-box > .title {
    font-size: 20px;
    line-height: 160%;
  }
}
.contact-section > .inner-box > .text-box > .contact-box > .text {
  margin-top: 16px;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "palt" on;
  color: #101010;
}
@media only screen and (max-width: 767px) {
  .contact-section > .inner-box > .text-box > .contact-box > .text {
    margin-top: 8px;
    font-size: 11px;
  }
}
.contact-section > .inner-box > .text-box > .contact-box > .button-box {
  margin-top: 36px;
}
@media only screen and (max-width: 767px) {
  .contact-section > .inner-box > .text-box > .contact-box > .button-box {
    margin-top: 20px;
  }
}
.contact-section > .inner-box > .text-box > .contact-box > .button-box > .link {
  padding: 24px 32px;
  width: 277px;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #ffffff;
  background: #d43f0b;
  border-radius: 100px;
}
@media only screen and (max-width: 767px) {
  .contact-section > .inner-box > .text-box > .contact-box > .button-box > .link {
    padding: 20px 35px;
    width: 100%;
    font-size: 14px;
    border-radius: 88.5805px;
  }
}
.contact-section > .inner-box > .text-box > .contact-box > .button-box > .link::after {
  margin: auto;
  margin-right: 0;
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .contact-section > .inner-box > .text-box > .contact-box > .button-box > .link::after {
    width: 18px;
    height: 18px;
  }
}

.hr-boost__cover {
  padding: 81px 109px;
  background: #d43f0b;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .hr-boost__cover {
    padding: 291px 16px 40px 16px;
  }
}
.hr-boost__cover__inner {
  margin: auto;
  width: 100%;
  max-width: 1294px;
  position: relative;
  z-index: 2;
}
.hr-boost__cover__inner > .title-box > .subtitle {
  display: block;
  color: #fff;
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 160%;
  letter-spacing: 0.8px;
}
@media only screen and (max-width: 767px) {
  .hr-boost__cover__inner > .title-box > .subtitle {
    font-size: 18px;
    letter-spacing: 0.36px;
  }
}
.hr-boost__cover__inner > .title-box > .title {
  display: block;
  color: #fff;
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 80px;
  line-height: 160%;
  letter-spacing: 1.6px;
}
@media only screen and (max-width: 767px) {
  .hr-boost__cover__inner > .title-box > .title {
    font-size: 32px;
    letter-spacing: 0.64px;
  }
}
.hr-boost__cover__inner > .text {
  color: #fff;
  font-feature-settings: "pkna" on;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%; /* 25.6px */
  letter-spacing: 0.32px;
}
@media only screen and (max-width: 767px) {
  .hr-boost__cover__inner > .text {
    margin-top: 8px;
    font-size: 14px;
    letter-spacing: 0.28px;
  }
}
.hr-boost__cover__inner > .buttons-box {
  margin-top: 40px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .hr-boost__cover__inner > .buttons-box {
    margin-top: 32px;
    row-gap: 16px;
    flex-direction: column;
  }
}
.hr-boost__cover__inner > .buttons-box > .lp-button.download {
  padding: 24px 32px;
  width: fit-content;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  display: flex;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #fff;
  background: transparent;
  border: 2px solid #fff;
  border-radius: 100px;
}
.hr-boost__cover__inner > .buttons-box > .lp-button.download::after {
  margin: auto;
  margin-left: 30px;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .hr-boost__cover__inner > .buttons-box > .lp-button.download::after {
    margin-left: auto;
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .hr-boost__cover__inner > .buttons-box > .lp-button.download {
    margin: auto;
    width: 100%;
    max-width: 343px;
  }
}
.hr-boost__cover__inner > .buttons-box > .lp-button.contact {
  margin-left: 24px;
  padding: 24px 32px;
  width: fit-content;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
  background: #fff;
  border-radius: 100px;
}
.hr-boost__cover__inner > .buttons-box > .lp-button.contact::after {
  margin: auto;
  margin-left: 56px;
  display: block;
  content: "";
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media only screen and (max-width: 767px) {
  .hr-boost__cover__inner > .buttons-box > .lp-button.contact::after {
    margin-left: auto;
    margin-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .hr-boost__cover__inner > .buttons-box > .lp-button.contact {
    margin: auto;
    width: 100%;
    max-width: 343px;
  }
}
.hr-boost__cover > .cover-image {
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  width: 833px;
  height: 630px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .hr-boost__cover > .cover-image {
    width: 375px;
    height: 320px;
  }
}

.hr-boost__client {
  padding: 60px 0 120px 0;
  width: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .hr-boost__client {
    padding: 40px 0;
  }
}
.hr-boost__client__inner {
  margin: auto;
  width: 100%;
  max-width: 1000px;
}
.hr-boost__client__inner > .title {
  margin: auto;
  width: fit-content;
}
.hr-boost__client__inner > .title > .jpn {
  margin: auto;
  display: block;
  color: var(--primary, #d43f0b);
  font-feature-settings: "pkna" on;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.32px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .hr-boost__client__inner > .title > .jpn {
    font-size: 14px;
    letter-spacing: 0.28px;
  }
}
.hr-boost__client__inner > .title > .eng {
  color: var(--primary, #d43f0b);
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%; /* 60px */
  letter-spacing: -0.4px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .hr-boost__client__inner > .title > .eng {
    font-size: 32px;
    letter-spacing: -0.32px;
  }
}
.hr-boost__client__inner > .corporate-box {
  margin-top: 24px;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  margin-bottom: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.hr-boost__client__inner > .corporate-box > .list {
  display: flex;
  animation: loop-slide 250s -125s infinite linear;
}
.hr-boost__client__inner > .corporate-box > .list:last-child {
  animation: loop-slide2 250s infinite linear;
}
.hr-boost__client__inner > .corporate-box > .list > .logo-box {
  margin-right: 16px;
  width: 160px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .hr-boost__client__inner > .corporate-box > .list > .logo-box {
    width: 120px;
    height: 65px;
  }
}
.hr-boost__client__inner > .corporate-box > .list > .logo-box > .image {
  width: 160px;
  height: 80px;
  object-fit: contain;
}
@media only screen and (max-width: 767px) {
  .hr-boost__client__inner > .corporate-box > .list > .logo-box > .image {
    width: 120px;
    height: 65px;
  }
}

.hr-boost__whatis {
  width: 100%;
  overflow: hidden;
}
.hr-boost__whatis__inner {
  margin: auto;
  width: 100%;
  max-width: 1000px;
}
.hr-boost__whatis__inner > .title {
  margin: auto;
  width: fit-content;
}
.hr-boost__whatis__inner > .title > .jpn {
  margin: auto;
  display: block;
  color: var(--primary, #d43f0b);
  font-feature-settings: "pkna" on;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.32px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .hr-boost__whatis__inner > .title > .jpn {
    font-size: 14px;
    letter-spacing: 0.28px;
  }
}
.hr-boost__whatis__inner > .title > .eng {
  color: var(--primary, #d43f0b);
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%; /* 60px */
  letter-spacing: -0.4px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .hr-boost__whatis__inner > .title > .eng {
    font-size: 32px;
    letter-spacing: -0.32px;
  }
}
.hr-boost__whatis__inner > .top-box {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
}
@media only screen and (max-width: 767px) {
  .hr-boost__whatis__inner > .top-box {
    margin-top: 24px;
    padding: 0 16px;
  }
}
.hr-boost__whatis__inner > .top-box > .head-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .hr-boost__whatis__inner > .top-box > .head-box {
    margin-top: 16px;
    flex-direction: column;
    row-gap: 16px;
    order: 2;
  }
}
.hr-boost__whatis__inner > .top-box > .head-box > .title {
  width: 39.4%;
  color: #d43f0b;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 32px;
  line-height: 140%;
  letter-spacing: 1.28px;
}
@media only screen and (max-width: 767px) {
  .hr-boost__whatis__inner > .top-box > .head-box > .title {
    width: 100%;
    font-size: 24px;
    letter-spacing: 0.96px;
  }
}
.hr-boost__whatis__inner > .top-box > .head-box > .text {
  width: 52.6%;
  color: #131313;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 180%;
}
@media only screen and (max-width: 767px) {
  .hr-boost__whatis__inner > .top-box > .head-box > .text {
    width: 100%;
  }
}
.hr-boost__whatis__inner > .top-box > .image-box {
  margin-top: 24px;
  width: 100%;
  aspect-ratio: 1000/400;
  overflow: hidden;
  border-radius: 16px;
}
@media only screen and (max-width: 767px) {
  .hr-boost__whatis__inner > .top-box > .image-box {
    margin-top: 0;
    aspect-ratio: 343/168;
    border-radius: 8px;
    order: 1;
  }
  .hr-boost__whatis__inner > .top-box > .image-box > .image {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.hr-boost__whatis__inner > .services-box {
  margin-top: 76px;
  margin-left: calc(-50vw + 50%);
  margin-right: calc(-50vw + 50%);
  display: flex;
  flex-direction: column;
  row-gap: 80px;
}
@media only screen and (max-width: 767px) {
  .hr-boost__whatis__inner > .services-box {
    margin-top: 24px;
  }
}
.hr-boost__whatis__inner > .services-box > .service-box {
  width: 100%;
  height: 800px;
  position: relative;
}
.hr-boost__whatis__inner > .services-box > .service-box > .text-box {
  padding: 40px;
  position: absolute;
  top: 40px;
  left: 0;
  width: 48.4126984127%;
  border-radius: 0 16px 16px 0;
  background: #d43f0b;
  z-index: 2;
}
@media only screen and (max-width: 767px) {
  .hr-boost__whatis__inner > .services-box > .service-box > .text-box {
    padding: 24px;
    width: 100%;
    position: relative;
    top: 0;
    border-radius: 0;
  }
}
.hr-boost__whatis__inner > .services-box > .service-box > .text-box > .inner-box {
  margin-left: auto;
  width: 100%;
  max-width: 652px;
}
.hr-boost__whatis__inner > .services-box > .service-box > .text-box > .inner-box > .logo-box {
  width: 100%;
  height: 200px;
  border-radius: 8px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .hr-boost__whatis__inner > .services-box > .service-box > .text-box > .inner-box > .logo-box {
    height: 120px;
  }
}
.hr-boost__whatis__inner > .services-box > .service-box > .text-box > .inner-box > .logo-box > .image {
  width: 245px;
  height: 60px;
}
@media only screen and (max-width: 767px) {
  .hr-boost__whatis__inner > .services-box > .service-box > .text-box > .inner-box > .logo-box > .image {
    width: 177px;
    height: 44px;
  }
}
.hr-boost__whatis__inner > .services-box > .service-box > .text-box > .inner-box > .title {
  margin-top: 24px;
  padding-bottom: 16px;
  border-bottom: 1px solid #fff;
}
@media only screen and (max-width: 767px) {
  .hr-boost__whatis__inner > .services-box > .service-box > .text-box > .inner-box > .title {
    margin-top: 16px;
  }
}
.hr-boost__whatis__inner > .services-box > .service-box > .text-box > .inner-box > .title > .company {
  display: block;
  color: #fff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 14px;
  line-height: 160%; /* 22.4px */
}
@media only screen and (max-width: 767px) {
  .hr-boost__whatis__inner > .services-box > .service-box > .text-box > .inner-box > .title > .company {
    font-size: 12px;
  }
}
.hr-boost__whatis__inner > .services-box > .service-box > .text-box > .inner-box > .title > .service {
  display: block;
  color: #fff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 32px;
  line-height: 120%; /* 38.4px */
  letter-spacing: 1.28px;
}
@media only screen and (max-width: 767px) {
  .hr-boost__whatis__inner > .services-box > .service-box > .text-box > .inner-box > .title > .service {
    font-size: 24px;
    letter-spacing: 0.96px;
  }
}
.hr-boost__whatis__inner > .services-box > .service-box > .text-box > .inner-box > .text {
  margin-top: 16px;
  color: #fff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%; /* 25.6px */
}
.hr-boost__whatis__inner > .services-box > .service-box > .text-box > .inner-box > .link-box {
  margin-top: 16px;
  display: flex;
  justify-content: flex-end;
}
.hr-boost__whatis__inner > .services-box > .service-box > .text-box > .inner-box > .link-box > .link {
  display: flex;
  align-items: center;
  color: #fff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 18px;
  line-height: 160%;
}
.hr-boost__whatis__inner > .services-box > .service-box > .text-box > .inner-box > .link-box > .link::after {
  margin-left: 4px;
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="21" viewBox="0 0 20 21" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.16797 3L19.168 3V14.6667H4.16797V3ZM5.83464 4.66667V13H17.5013V4.66667H5.83464Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M0.833984 7.1665H2.50065V16.3332H15.0006V17.9998H0.833984L0.833984 7.1665Z" fill="white"/></svg>');
}
.hr-boost__whatis__inner > .services-box > .service-box > .images-box {
  padding: 40px 40px 0 140px;
  position: absolute;
  top: 0;
  right: 0;
  width: 56.8783068783%;
  border-radius: 16px 0px 0px 16px;
  background: #f4f4f4;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .hr-boost__whatis__inner > .services-box > .service-box > .images-box {
    margin: 0;
    padding: 24px 24px 0 24px;
    position: relative;
    width: 100%;
    border-radius: 0;
  }
}
.hr-boost__whatis__inner > .services-box > .service-box > .images-box > .inner-box {
  width: 100%;
  max-width: 680px;
  display: flex;
  justify-content: space-between;
  column-gap: 0;
}
.hr-boost__whatis__inner > .services-box > .service-box.--nck > .text-box {
  right: 0;
  left: auto;
  border-radius: 16px 0 0 16px;
}
@media only screen and (max-width: 767px) {
  .hr-boost__whatis__inner > .services-box > .service-box.--nck > .text-box {
    border-radius: 0;
  }
}
.hr-boost__whatis__inner > .services-box > .service-box.--nck > .text-box > .inner-box > .logo-box > .image {
  width: 398px;
  height: 57px;
}
@media only screen and (max-width: 767px) {
  .hr-boost__whatis__inner > .services-box > .service-box.--nck > .text-box > .inner-box > .logo-box > .image {
    width: 271px;
    height: 39px;
  }
}
.hr-boost__whatis__inner > .services-box > .service-box.--nck > .images-box {
  padding: 40px 140px 0 40px;
  right: auto;
  left: 0;
  border-radius: 0 16px 16px 0;
}
@media only screen and (max-width: 767px) {
  .hr-boost__whatis__inner > .services-box > .service-box.--nck > .images-box {
    border-radius: 0;
    padding: 24px 24px 0 24px;
  }
}

.hr-boost__boost {
  margin-top: 120px;
  width: 100%;
  background: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .hr-boost__boost {
    margin-top: 80px;
  }
}
.hr-boost__boost__inner {
  margin: auto;
  padding: 70px 0 109px 0;
  width: 100%;
  max-width: 1000px;
}
@media only screen and (max-width: 767px) {
  .hr-boost__boost__inner {
    padding: 40px 16px;
  }
}
.hr-boost__boost__inner > .title {
  margin: auto;
  width: 467px;
}
@media only screen and (max-width: 767px) {
  .hr-boost__boost__inner > .title {
    width: 292px;
  }
}
.hr-boost__boost__inner > .text {
  margin-top: 20px;
  color: #fff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 18px;
  line-height: 160%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .hr-boost__boost__inner > .text {
    margin-top: 30px;
    font-size: 18px;
  }
}
.hr-boost__boost__inner > .items-box {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .hr-boost__boost__inner > .items-box {
    flex-direction: column;
  }
}
.hr-boost__boost__inner > .items-box > .item-box {
  padding: 16px 0;
  border-radius: 8px;
  background: #fff;
}
.hr-boost__boost__inner > .items-box > .item-box > .title {
  display: flex;
  flex-direction: column;
}
.hr-boost__boost__inner > .items-box > .item-box > .title > .jpn {
  color: #d43f0b;
  text-align: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 120%; /* 19.2px */
}
.hr-boost__boost__inner > .items-box > .item-box > .title > .eng {
  color: #d43f0b;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 32px;
  line-height: 100%; /* 32px */
  text-align: center;
}
.hr-boost__boost__inner > .items-box > .item-box > .image-box {
  margin-top: 14px;
}
.hr-boost__boost__inner > .items-box > .item-box > .text {
  margin-top: 14px;
  padding: 0 16px;
  color: #131313;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%; /* 25.6px */
}
@media only screen and (max-width: 767px) {
  .hr-boost__boost__inner > .items-box > .item-box > .text {
    margin-top: 16px;
  }
}
.hr-boost__boost__inner > .items-box > .cross-box {
  padding: 0 0 16px 0;
  color: #fff;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 60px;
  line-height: 120%; /* 72px */
}

.hr-boost__solution {
  margin-top: 120px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .hr-boost__solution {
    margin-top: 40px;
  }
}
.hr-boost__solution__inner {
  margin: auto;
  width: 100%;
  max-width: 1000px;
}
.hr-boost__solution__inner > .title {
  margin: auto;
  width: fit-content;
}
.hr-boost__solution__inner > .title > .jpn {
  margin: auto;
  display: block;
  color: var(--primary, #d43f0b);
  font-feature-settings: "pkna" on;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.32px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .hr-boost__solution__inner > .title > .jpn {
    font-size: 14px;
    letter-spacing: 0.28px;
  }
}
.hr-boost__solution__inner > .title > .eng {
  display: block;
  color: var(--primary, #d43f0b);
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%; /* 60px */
  letter-spacing: -0.4px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .hr-boost__solution__inner > .title > .eng {
    font-size: 32px;
    letter-spacing: -0.32px;
  }
}
.hr-boost__solution__inner > .solutions-box {
  margin-top: 24px;
  padding: 0 15px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 24px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .hr-boost__solution__inner > .solutions-box {
    padding: 0 16px;
    grid-template-columns: repeat(1, 1fr);
  }
}
.hr-boost__solution__inner > .solutions-box > .solution-box {
  padding: 16px;
  width: 100%;
  background: #f4f4f4;
}
.hr-boost__solution__inner > .solutions-box > .solution-box.top-box {
  padding-bottom: 24px;
  border-radius: 16px 16px 0 0;
}
@media only screen and (max-width: 767px) {
  .hr-boost__solution__inner > .solutions-box > .solution-box.top-box {
    border-radius: 0;
    order: 1;
  }
  .hr-boost__solution__inner > .solutions-box > .solution-box.top-box:first-of-type {
    border-radius: 16px 16px 0 0;
  }
}
.hr-boost__solution__inner > .solutions-box > .solution-box.top-box > .image-box {
  width: 100%;
  height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #fff;
}
.hr-boost__solution__inner > .solutions-box > .solution-box.top-box > .image-box > .image {
  width: auto;
  height: 100px;
  object-fit: contain;
}
.hr-boost__solution__inner > .solutions-box > .solution-box.top-box > .title {
  margin-top: 16px;
  color: #d43f0b;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 20px;
  line-height: normal;
}
.hr-boost__solution__inner > .solutions-box > .solution-box.top-box > .text {
  margin-top: 8px;
  color: #131313;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: normal;
}
.hr-boost__solution__inner > .solutions-box > .solution-box.bottom-box {
  margin-top: 100px;
  padding-top: 43px;
  position: relative;
  border-radius: 0 0 16px 16px;
}
@media only screen and (max-width: 767px) {
  .hr-boost__solution__inner > .solutions-box > .solution-box.bottom-box {
    margin-top: 0;
    padding-top: 40px;
    border-radius: 0;
    order: 3;
  }
  .hr-boost__solution__inner > .solutions-box > .solution-box.bottom-box::before {
    display: none;
  }
  .hr-boost__solution__inner > .solutions-box > .solution-box.bottom-box:nth-of-type(4)::before {
    display: block;
  }
  .hr-boost__solution__inner > .solutions-box > .solution-box.bottom-box:nth-of-type(6) {
    border-radius: 0 0 16px 16px;
  }
}
.hr-boost__solution__inner > .solutions-box > .solution-box.bottom-box::before {
  margin: auto;
  content: "";
  width: 100px;
  height: 40px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="41" viewBox="0 0 100 41" fill="none"><path d="M57 37.9999C51 41 51 41 44 38L3.01592 17.6665C-1.47345 15.4161 -0.748638 0.499995 3.85009 0.499995L96.1499 0.500003C100.749 0.500004 101.473 15.4161 96.9841 17.6665L57 37.9999Z" fill="rgb(212,63,11)"/></svg>');
  position: absolute;
  top: -20px;
  left: 0;
  right: 0;
}
.hr-boost__solution__inner > .solutions-box > .solution-box.bottom-box > .image-box {
  width: 100%;
  height: 140px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 8px;
  background: #fff;
}
.hr-boost__solution__inner > .solutions-box > .solution-box.bottom-box > .image-box > .image {
  width: auto;
  height: 100px;
  object-fit: contain;
}
.hr-boost__solution__inner > .solutions-box > .solution-box.bottom-box > .text {
  margin-top: 18px;
  color: #666;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: normal;
}
.hr-boost__solution__inner > .solutions-box > .solution-box.bottom-box > .text > .red {
  color: #d43f0b;
}
.hr-boost__solution__inner > .solutions-box > .boost-box {
  margin: auto;
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 282px;
  left: 0;
  right: 0;
  bottom: auto;
  border-radius: 8px;
  background: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .hr-boost__solution__inner > .solutions-box > .boost-box {
    width: 100vw;
    margin-left: -16px;
    margin-right: -16px;
    position: relative;
    top: auto;
    right: auto;
    left: auto;
    order: 2;
    border-radius: 0;
  }
}
.hr-boost__solution__inner > .solutions-box > .boost-box > .image {
  width: 274px;
}

.hr-boost__why {
  margin-top: 120px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .hr-boost__why {
    margin-top: 40px;
  }
}
.hr-boost__why__inner {
  margin: auto;
  width: 100%;
  max-width: 1000px;
}
.hr-boost__why__inner > .title {
  margin: auto;
  width: fit-content;
}
.hr-boost__why__inner > .title > .jpn {
  margin: auto;
  display: block;
  color: var(--primary, #d43f0b);
  font-feature-settings: "pkna" on;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.32px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .hr-boost__why__inner > .title > .jpn {
    font-size: 14px;
    letter-spacing: 0.28px;
  }
}
.hr-boost__why__inner > .title > .eng {
  display: block;
  color: var(--primary, #d43f0b);
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%; /* 60px */
  letter-spacing: -0.4px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .hr-boost__why__inner > .title > .eng {
    font-size: 32px;
    letter-spacing: -0.32px;
  }
}
.hr-boost__why__inner > .reasons-box {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  row-gap: 80px;
}
@media only screen and (max-width: 767px) {
  .hr-boost__why__inner > .reasons-box {
    margin-top: 16px;
  }
}
.hr-boost__why__inner > .reasons-box > .reason-box {
  display: flex;
  justify-content: space-between;
  column-gap: 40px;
}
@media only screen and (max-width: 767px) {
  .hr-boost__why__inner > .reasons-box > .reason-box {
    flex-direction: column;
    row-gap: 8px;
  }
}
.hr-boost__why__inner > .reasons-box > .reason-box > .text-box {
  width: 440px;
}
@media only screen and (max-width: 767px) {
  .hr-boost__why__inner > .reasons-box > .reason-box > .text-box {
    padding: 0 16px;
    width: 100%;
    order: 2;
  }
}
.hr-boost__why__inner > .reasons-box > .reason-box > .text-box > .title > .count {
  display: block;
  color: #d43f0b;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 80px;
  line-height: normal;
}
@media only screen and (max-width: 767px) {
  .hr-boost__why__inner > .reasons-box > .reason-box > .text-box > .title > .count {
    font-size: 40px;
  }
}
.hr-boost__why__inner > .reasons-box > .reason-box > .text-box > .title > .jpn {
  color: #131313;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 32px;
  line-height: 140%; /* 44.8px */
}
@media only screen and (max-width: 767px) {
  .hr-boost__why__inner > .reasons-box > .reason-box > .text-box > .title > .jpn {
    margin-top: 8px;
    font-size: 24px;
  }
}
.hr-boost__why__inner > .reasons-box > .reason-box > .text-box > .text {
  margin-top: 24px;
  color: #131313;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 180%; /* 28.8px */
}
@media only screen and (max-width: 767px) {
  .hr-boost__why__inner > .reasons-box > .reason-box > .text-box > .text {
    margin-top: 8px;
  }
}
.hr-boost__why__inner > .reasons-box > .reason-box > .image-box {
  width: 520px;
}
@media only screen and (max-width: 767px) {
  .hr-boost__why__inner > .reasons-box > .reason-box > .image-box {
    width: 100%;
    order: 1;
  }
}

.hr-boost__comparison {
  margin-top: 102px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .hr-boost__comparison {
    margin-top: 80px;
  }
}
.hr-boost__comparison__inner {
  margin: auto;
  width: 100%;
  max-width: 1000px;
}
.hr-boost__comparison__inner > .title {
  margin: auto;
  width: fit-content;
}
.hr-boost__comparison__inner > .title > .jpn {
  margin: auto;
  display: block;
  color: var(--primary, #d43f0b);
  font-feature-settings: "pkna" on;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.32px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .hr-boost__comparison__inner > .title > .jpn {
    font-size: 14px;
    letter-spacing: 0.28px;
  }
}
.hr-boost__comparison__inner > .title > .eng {
  display: block;
  color: var(--primary, #d43f0b);
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%; /* 60px */
  letter-spacing: -0.4px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .hr-boost__comparison__inner > .title > .eng {
    font-size: 32px;
    letter-spacing: -0.32px;
  }
}
.hr-boost__comparison__inner > .comparison-box {
  margin-top: 38px;
  width: 100%;
  overflow: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.hr-boost__comparison__inner > .comparison-box::-webkit-scrollbar {
  display: none;
}
@media only screen and (max-width: 767px) {
  .hr-boost__comparison__inner > .comparison-box {
    margin-top: 24px;
    padding: 0 16px;
  }
}

.comparison-table {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .comparison-table {
    width: 920px;
  }
}
.comparison-table > thead > tr > th {
  padding: 24px 0 31px;
  width: 20%;
  color: #131313;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 18px;
  line-height: 140%; /* 25.2px */
  text-align: center;
  border-right: 1px solid #ccc;
}
@media only screen and (max-width: 767px) {
  .comparison-table > thead > tr > th {
    width: 200px;
  }
}
.comparison-table > thead > tr > th:first-of-type {
  border-right: 0;
}
@media only screen and (max-width: 767px) {
  .comparison-table > thead > tr > th:first-of-type {
    width: 120px;
  }
}
.comparison-table > thead > tr > th:last-of-type {
  border-right: 0;
}
.comparison-table > thead > tr > th.boost {
  color: #d43f0b;
  background: rgba(234, 56, 0, 0.08);
  border-left: 1px solid #d43f0b;
  border-right: 1px solid #d43f0b;
}
.comparison-table > tbody > tr {
  border-top: 1px solid #ccc;
}
.comparison-table > tbody > tr > th {
  padding: 28px;
  color: #131313;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 18px;
  line-height: 140%; /* 25.2px */
  text-align: left;
  vertical-align: middle;
}
@media only screen and (max-width: 767px) {
  .comparison-table > tbody > tr > th {
    padding: 28px 16px;
  }
}
.comparison-table > tbody > tr > td {
  padding: 16px 0;
  text-align: center;
  border-right: 1px solid #ccc;
}
.comparison-table > tbody > tr > td:last-of-type {
  border-right: 0;
}
.comparison-table > tbody > tr > td > .symbol {
  display: block;
  color: #999;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 100%; /* 28.8px */
}
.comparison-table > tbody > tr > td > .text {
  color: #999;
  text-align: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 14px;
  line-height: 100%; /* 19.6px */
}
.comparison-table > tbody > tr > td.boost {
  background: rgba(234, 56, 0, 0.08);
  border-left: 1px solid #d43f0b;
  border-right: 1px solid #d43f0b;
}
.comparison-table > tbody > tr > td.boost > .symbol {
  color: #d43f0b;
}
.comparison-table > tbody > tr > td.boost > .text {
  color: #d43f0b;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
}

.hr-boost__process {
  margin-top: 120px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .hr-boost__process {
    margin-top: 80px;
  }
}
.hr-boost__process__inner {
  margin: auto;
  width: 100%;
  max-width: 1000px;
}
.hr-boost__process__inner > .title {
  margin: auto;
  width: fit-content;
}
.hr-boost__process__inner > .title > .jpn {
  margin: auto;
  display: block;
  color: var(--primary, #d43f0b);
  font-feature-settings: "pkna" on;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.32px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .hr-boost__process__inner > .title > .jpn {
    font-size: 14px;
    letter-spacing: 0.28px;
  }
}
.hr-boost__process__inner > .title > .eng {
  display: block;
  color: var(--primary, #d43f0b);
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%; /* 60px */
  letter-spacing: -0.4px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .hr-boost__process__inner > .title > .eng {
    font-size: 32px;
    letter-spacing: -0.32px;
  }
}
.hr-boost__process__inner > .processes-wrapper-box {
  margin-top: 40px;
}
@media only screen and (max-width: 767px) {
  .hr-boost__process__inner > .processes-wrapper-box {
    margin-top: 24px;
    padding: 0 16px 22px 16px;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .hr-boost__process__inner > .processes-wrapper-box::-webkit-scrollbar {
    display: none;
  }
}
.hr-boost__process__inner > .processes-wrapper-box > .processes-box {
  display: flex;
  column-gap: 20px;
}
@media only screen and (max-width: 767px) {
  .hr-boost__process__inner > .processes-wrapper-box > .processes-box {
    width: 1000px;
  }
}
.hr-boost__process__inner > .processes-wrapper-box > .processes-box > .process-box {
  width: 100%;
}
.hr-boost__process__inner > .processes-wrapper-box > .processes-box > .process-box > .title-box {
  padding: 15px 25px 15px 0;
  display: block;
  color: #fff;
  text-align: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 20px;
  line-height: normal;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="233" height="60" viewBox="0 0 233 60" fill="none">  <path d="M0 8C0 3.58172 3.58172 0 8 0H206.132C208.499 0 210.744 1.0481 212.264 2.86241L230.696 24.8624C233.186 27.8348 233.186 32.1652 230.696 35.1376L212.264 57.1376C210.744 58.9519 208.499 60 206.132 60H8C3.58172 60 0 56.4183 0 52V8Z" fill="rgb(19, 19, 19)"/></svg>');
}
.hr-boost__process__inner > .processes-wrapper-box > .processes-box > .process-box > .item-box {
  margin-top: 40px;
  margin-right: 25px;
  padding: 10px;
  width: calc(100% - 25px);
  min-height: 180px;
  border-radius: 8px;
  background: #d43f0b;
  position: relative;
}
.hr-boost__process__inner > .processes-wrapper-box > .processes-box > .process-box > .item-box:nth-of-type(2) {
  margin-top: 20px;
}
.hr-boost__process__inner > .processes-wrapper-box > .processes-box > .process-box > .item-box::after {
  margin: auto;
  content: "";
  width: 100%;
  height: 37px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="210" height="37" viewBox="0 0 210 37" fill="none"><path d="M106.752 36.8113C105.598 37.0629 104.402 37.0629 103.248 36.8113L6.33344 15.6805C-3.09425 13.6249 -1.57214 5.77262e-07 8.08518 1.42153e-06L201.915 1.83667e-05C211.572 1.92109e-05 213.094 13.6249 203.667 15.6805L106.752 36.8113Z" fill="rgb(212,63,11)"/></svg>');
  position: absolute;
  left: 0;
  right: 0;
  bottom: -22px;
  z-index: -1;
}
.hr-boost__process__inner > .processes-wrapper-box > .processes-box > .process-box > .item-box > .title {
  color: #fff;
  text-align: center;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 18px;
  line-height: 110%; /* 19.8px */
}
.hr-boost__process__inner > .processes-wrapper-box > .processes-box > .process-box > .item-box > .text-box {
  margin-top: 10px;
  padding: 10px;
  min-height: 130px;
  border-radius: 4px;
  background: #fff;
}
.hr-boost__process__inner > .processes-wrapper-box > .processes-box > .process-box > .item-box > .text-box > .text {
  color: #131313;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 14px;
  line-height: 140%; /* 19.6px */
}
.hr-boost__process__inner > .processes-wrapper-box > .processes-box > .process-box > .item-box > .text-box > .list {
  margin-top: 10px;
  list-style-type: disc;
  padding-left: 1em;
}
.hr-boost__process__inner > .processes-wrapper-box > .processes-box > .process-box > .item-box > .text-box > .list > li {
  color: #131313;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 14px;
  line-height: 140%;
}

.hr-boost__plan {
  margin-top: 80px;
  padding: 80px 0 90px 0;
  border-radius: 40px 40px 0 0;
  background: #f4f4f4;
}
@media only screen and (max-width: 767px) {
  .hr-boost__plan {
    border-radius: 16px 16px 0 0;
  }
}
.hr-boost__plan__inner {
  margin: auto;
  width: 100%;
  max-width: 1000px;
}
.hr-boost__plan__inner > .title {
  margin: auto;
  width: fit-content;
}
.hr-boost__plan__inner > .title > .jpn {
  margin: auto;
  display: block;
  color: var(--primary, #d43f0b);
  font-feature-settings: "pkna" on;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.32px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .hr-boost__plan__inner > .title > .jpn {
    font-size: 14px;
    letter-spacing: 0.28px;
  }
}
.hr-boost__plan__inner > .title > .eng {
  display: block;
  color: var(--primary, #d43f0b);
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%; /* 60px */
  letter-spacing: -0.4px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .hr-boost__plan__inner > .title > .eng {
    font-size: 32px;
    letter-spacing: -0.32px;
  }
}
.hr-boost__plan__inner > .text {
  margin-top: 24px;
  color: #131313;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 160%; /* 38.4px */
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .hr-boost__plan__inner > .text {
    margin-top: 16px;
    padding: 0 16px;
    font-size: 18px;
  }
}
.hr-boost__plan__inner > .plans-box {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  column-gap: 24px;
}
@media only screen and (max-width: 767px) {
  .hr-boost__plan__inner > .plans-box {
    margin-top: 24px;
    padding: 0 16px;
    flex-direction: column;
    column-gap: 0;
    row-gap: 0;
  }
}
.hr-boost__plan__inner > .plans-box > .plan-box {
  padding: 24px;
  border-radius: 8px;
  border: 2px solid #d43f0b;
  background: #fff;
}
.hr-boost__plan__inner > .plans-box > .plan-box > .title > .eng {
  display: block;
  color: #d43f0b;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%; /* 25.6px */
}
.hr-boost__plan__inner > .plans-box > .plan-box > .title > .jpn {
  display: block;
  color: #131313;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 32px;
  line-height: 160%; /* 51.2px */
}
.hr-boost__plan__inner > .plans-box > .plan-box > .text {
  margin-top: 8px;
  color: #666;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%; /* 25.6px */
}
.hr-boost__plan__inner > .plans-box > .plus-box {
  color: #d43f0b;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 60px;
  line-height: 120%; /* 72px */
}
@media only screen and (max-width: 767px) {
  .hr-boost__plan__inner > .plans-box > .plus-box {
    margin-bottom: 16px;
  }
}
.hr-boost__plan__inner > .options-box {
  margin-top: 26px;
}
@media only screen and (max-width: 767px) {
  .hr-boost__plan__inner > .options-box {
    margin-top: 52px;
  }
}
.hr-boost__plan__inner > .options-box > .title {
  width: 100%;
  color: #d43f0b;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 32px;
  line-height: 160%;
  text-align: center;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .hr-boost__plan__inner > .options-box > .title {
    font-size: 24px;
  }
}
.hr-boost__plan__inner > .options-box > .title::before {
  margin: auto;
  width: 416px;
  height: 1px;
  content: "";
  background: #ccc;
  position: absolute;
  top: 29px;
  left: 0;
}
@media only screen and (max-width: 767px) {
  .hr-boost__plan__inner > .options-box > .title::before {
    width: calc((100vw - 131px) / 2);
    top: 22px;
  }
}
.hr-boost__plan__inner > .options-box > .title::after {
  margin: auto;
  width: 416px;
  height: 1px;
  content: "";
  background: #ccc;
  position: absolute;
  top: 29px;
  right: 0;
}
@media only screen and (max-width: 767px) {
  .hr-boost__plan__inner > .options-box > .title::after {
    width: calc((100vw - 131px) / 2);
    top: 22px;
  }
}
.hr-boost__plan__inner > .options-box > .items-box {
  margin-top: 19px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 17px;
}
@media only screen and (max-width: 767px) {
  .hr-boost__plan__inner > .options-box > .items-box {
    margin-top: 26px;
    padding: 0 16px;
    grid-template-columns: repeat(1, 1fr);
    gap: 16px;
  }
}
.hr-boost__plan__inner > .options-box > .items-box > .item-box {
  display: flex;
  align-items: center;
  column-gap: 16px;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}
.hr-boost__plan__inner > .options-box > .items-box > .item-box > .image-box {
  width: 80px;
  height: 80px;
  flex-shrink: 0;
  overflow: hidden;
}
.hr-boost__plan__inner > .options-box > .items-box > .item-box > .text-box > .title > .eng {
  display: block;
  color: #ccc;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px;
  line-height: 160%; /* 22.4px */
}
.hr-boost__plan__inner > .options-box > .items-box > .item-box > .text-box > .title > .jpn {
  display: block;
  color: #131313;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 18px;
  line-height: 160%; /* 28.8px */
}

.hr-boost__download {
  margin-bottom: -160px;
  padding: 80px 0;
  width: 100%;
  border-radius: 40px 40px 0px 0px;
  background: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .hr-boost__download {
    margin-bottom: -80px;
    padding: 40px 16px 80px 16px;
    border-radius: 16px 16px 0 0;
  }
}
.hr-boost__download__inner {
  margin: auto;
  width: 100%;
  max-width: 1000px;
}
.hr-boost__download__inner > .title {
  margin: auto;
  width: fit-content;
}
.hr-boost__download__inner > .title > .jpn {
  margin: auto;
  display: block;
  color: #fff;
  font-feature-settings: "pkna" on;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.32px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .hr-boost__download__inner > .title > .jpn {
    font-size: 14px;
    letter-spacing: 0.28px;
  }
}
.hr-boost__download__inner > .title > .eng {
  display: block;
  color: #fff;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.4px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .hr-boost__download__inner > .title > .eng {
    font-size: 32px;
    letter-spacing: -0.32px;
  }
}
.hr-boost__download__inner > .download-box {
  margin-top: 40px;
  display: flex;
  justify-content: space-between;
  column-gap: 40px;
}
@media only screen and (max-width: 767px) {
  .hr-boost__download__inner > .download-box {
    margin-top: 24px;
    flex-direction: column;
  }
}
.hr-boost__download__inner > .download-box > .text-box {
  width: 400px;
  flex-shrink: 0;
}
@media only screen and (max-width: 767px) {
  .hr-boost__download__inner > .download-box > .text-box {
    width: 100%;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
  }
}
.hr-boost__download__inner > .download-box > .text-box > .title {
  color: #fff;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 32px;
  line-height: 140%; /* 44.8px */
}
@media only screen and (max-width: 767px) {
  .hr-boost__download__inner > .download-box > .text-box > .title {
    font-size: 24px;
    order: 2;
  }
}
.hr-boost__download__inner > .download-box > .text-box > .image-box {
  margin-top: 16px;
  border-radius: 8px;
  background: var(--grayscale-06, #f4f4f4);
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .hr-boost__download__inner > .download-box > .text-box > .image-box {
    margin-top: 0;
    order: 1;
  }
}
.hr-boost__download__inner > .download-box > .form-box {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .hr-boost__download__inner > .download-box > .form-box {
    margin-top: 24px;
  }
}
.hr-boost__download__inner > .download-box > .form-box > #pardot-form {
  width: 100%;
}

.hr-boost__partners {
  margin-top: 102px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .hr-boost__partners {
    margin-top: 80px;
  }
}
.hr-boost__partners__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.hr-boost__partners__inner > .title {
  margin: auto;
  width: fit-content;
}
.hr-boost__partners__inner > .title > .jpn {
  margin: auto;
  display: block;
  color: var(--primary, #d43f0b);
  font-feature-settings: "pkna" on;
  font-family: "Noto Sans JP", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.32px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .hr-boost__partners__inner > .title > .jpn {
    font-size: 14px;
    letter-spacing: 0.28px;
  }
}
.hr-boost__partners__inner > .title > .eng {
  display: block;
  color: var(--primary, #d43f0b);
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%; /* 60px */
  letter-spacing: -0.4px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .hr-boost__partners__inner > .title > .eng {
    font-size: 32px;
    letter-spacing: -0.32px;
  }
}
.hr-boost__partners__inner > .corporate-grid-image {
  margin-top: 34px;
}
@media only screen and (max-width: 767px) {
  .hr-boost__partners__inner > .corporate-grid-image {
    margin-top: 24px;
    padding: 0 16px;
  }
}
.hr-boost__partners__inner > .corporate-grid-image .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.hr-boost__partners__inner > .corporate-grid-image .list .logo-box {
  aspect-ratio: 17/10;
  width: 14.2857142857%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .hr-boost__partners__inner > .corporate-grid-image .list .logo-box {
    width: 20%;
  }
}
@media only screen and (max-width: 767px) {
  .hr-boost__partners__inner > .corporate-grid-image .list .logo-box {
    width: 33.3333333333%;
  }
}
.hr-boost__partners__inner > .corporate-grid-image .list .logo-box img.image {
  width: 100%;
  height: auto;
  object-fit: contain;
}

.policy__header {
  margin-top: 56px;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .policy__header {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .policy__header {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .policy__header {
    margin-top: 36px;
    padding: 0 24px;
  }
}
.policy__header__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
.policy__header__inner > .title > .jpn {
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .policy__header__inner > .title > .jpn {
    font-size: 14px;
  }
}
.policy__header__inner > .title > .eng {
  display: block;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 70px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .policy__header__inner > .title > .eng {
    font-size: 35px;
  }
}

.policy__contents {
  margin-top: 80px;
}
.policy__contents__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
  display: flex;
  justify-content: space-between;
  gap: 80px;
}
@media only screen and (max-width: 767px) {
  .policy__contents__inner {
    padding: 0 24px;
  }
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .policy__contents__inner {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .policy__contents__inner {
    padding-left: 48px;
    padding-right: 48px;
  }
}
.policy__contents__inner > .toc-box {
  width: 320px;
  height: 100%;
  position: sticky;
  top: 100px;
}
@media only screen and (max-width: 767px) {
  .policy__contents__inner > .toc-box {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .policy__contents__inner > .toc-box {
    display: none;
  }
}
.policy__contents__inner > .toc-box > .list > .item {
  margin-bottom: 8px;
}
.policy__contents__inner > .toc-box > .list > .item > .link {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
.policy__contents__inner > .toc-box > .list > .item > .link.--is-active {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  color: #d43f0b;
}
.policy__contents__inner > .toc-box > .list > .item:last-of-type {
  margin-bottom: 0;
}
.policy__contents__inner > .policy-content {
  width: calc(100% - 320px - 80px);
}
@media only screen and (max-width: 767px) {
  .policy__contents__inner > .policy-content {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .policy__contents__inner > .policy-content {
    width: 100%;
  }
}
.policy__contents__inner > .policy-content > .text {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
.policy__contents__inner > .policy-content > .section {
  margin-top: 40px;
}
.policy__contents__inner > .policy-content > .section > .title {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
.policy__contents__inner > .policy-content > .section > .text {
  margin-top: 16px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
.policy__contents__inner > .policy-content > .section > .text > a {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
.policy__contents__inner > .policy-content > .section > ul {
  margin-top: 16px;
  list-style-type: disc;
}
.policy__contents__inner > .policy-content > .section > ul > li {
  margin-left: 1em;
}
.policy__contents__inner > .policy-content > .section > ul > li > a {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
  word-break: break-all;
}
.policy__contents__inner > .policy-content > .bottom-box {
  margin-top: 40px;
}
.policy__contents__inner > .policy-content > .bottom-box > .text {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}

#pressKit .presskit__header {
  margin-top: 56px;
  width: 100%;
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  #pressKit .presskit__header {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  #pressKit .presskit__header {
    padding-left: 48px;
    padding-right: 48px;
  }
}
@media only screen and (max-width: 767px) {
  #pressKit .presskit__header {
    margin-top: 36px;
    padding: 0 24px;
  }
}
#pressKit .presskit__header__inner {
  margin: auto;
  width: 100%;
  max-width: 1280px;
}
#pressKit .presskit__header__inner > .title > .jpn {
  display: block;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  #pressKit .presskit__header__inner > .title > .jpn {
    font-size: 14px;
  }
}
#pressKit .presskit__header__inner > .title > .eng {
  display: block;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 70px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  #pressKit .presskit__header__inner > .title > .eng {
    font-size: 54px;
  }
}
#pressKit .presskit__header__inner .desc {
  font-size: 14px;
  letter-spacing: 0.02em;
}
#pressKit .dlList {
  max-width: 1048px;
  width: 100%;
  margin: 100px auto;
  margin-top: 100px;
}
#pressKit .dlList__area {
  display: grid;
  gap: 60px;
  padding: 0 24px;
}
@media only screen and (max-width: 767px) {
  #pressKit .dlList__area {
    padding: 0 24px;
  }
}
#pressKit .dlList__item {
  display: grid;
  grid-template-columns: 400px auto;
  gap: 48px;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  #pressKit .dlList__item {
    grid-template-columns: 1fr;
  }
}
#pressKit .dlList__title {
  font-size: 24px;
  font-weight: 700;
  line-height: 36px;
  margin-bottom: 16px;
}
#pressKit .dlList__desc {
  font-size: 16px;
  margin-bottom: 16px;
}
#pressKit .dlList__link {
  color: #d43f0b;
}
#pressKit .dlList__link:after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22/%3E");
  background-repeat: no-repeat;
  width: 1.2em;
  height: 1.2em;
  display: inline-block;
  margin-left: 1em;
  position: relative;
  top: 4px;
}

.pagination {
  margin: 60px auto 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pagination > .pager {
  margin-right: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: -0.01em;
  color: #D43F0B;
  border-radius: 50%;
  background-color: #fff;
}
.pagination > .pager.current {
  color: #fff;
  background-color: #D43F0B;
}
.pagination > .prev {
  display: block;
  margin-right: 16px;
  width: 24px;
  height: 24px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data: image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 20C7 16.1363 3.86372 13 6.11959e-07 13L7.86805e-07 11C3.86372 11 7 7.86371 7 4L9 4C9 6.82638 7.69522 9.34966 5.65549 11L24 11L24 13L5.65549 13C7.69522 14.6503 9 17.1736 9 20L7 20Z" fill="rgb(204,204,204)" /></svg>');
}
.pagination > .prev.--active {
  background-image: url('data: image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M7 20C7 16.1363 3.86372 13 6.11959e-07 13L7.86805e-07 11C3.86372 11 7 7.86371 7 4L9 4C9 6.82638 7.69522 9.34966 5.65549 11L24 11L24 13L5.65549 13C7.69522 14.6503 9 17.1736 9 20L7 20Z" fill="rgb(212,63,11)" /></svg>');
}
.pagination > .next {
  display: block;
  width: 24px;
  height: 24px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data: image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17 4C17 7.86372 20.1363 11 24 11V13C20.1363 13 17 16.1363 17 20H15C15 17.1736 16.3048 14.6503 18.3445 13H0V11H18.3445C16.3048 9.34966 15 6.82638 15 4H17Z" fill="rgb(204, 204, 204)" /></svg>');
}
.pagination > .next.--active {
  background-image: url('data: image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17 4C17 7.86372 20.1363 11 24 11V13C20.1363 13 17 16.1363 17 20H15C15 17.1736 16.3048 14.6503 18.3445 13H0V11H18.3445C16.3048 9.34966 15 6.82638 15 4H17Z" fill="rgb(212,63,11)" /></svg>');
}

.modal__member {
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #d43f0b;
  z-index: 999;
  opacity: 1;
  transform: translateY(100vh);
  overflow: hidden;
  transition-property: transform, opacity;
  transition-duration: 200ms;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
}
.modal__member.--is-active {
  transform: translate(0);
}
.modal__member.--is-active > .modal__member__inner {
  transform: translateY(0);
}
.modal__member__inner {
  margin: auto;
  padding-top: 120px;
  width: 100%;
  max-width: 1120px;
  height: 100%;
  position: relative;
  transform: translateY(100vh);
  transition-property: transform;
  transition-duration: 300ms;
  transition-delay: 300ms;
  transition-timing-function: cubic-bezier(0.2, 0, 0, 1);
}
@media only screen and (max-width: 767px) {
  .modal__member__inner {
    padding-top: 90px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.modal__member__inner > .memberModalSwiper {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 60px 60px 0px 0px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .modal__member__inner > .memberModalSwiper {
    border-radius: 30px 30px 0px 0px;
  }
}
@media only screen and (max-width: 767px) {
  .modal__member__inner > .memberModalSwiper > .list-box > .team-box {
    overflow: scroll;
  }
}
.modal__member__inner > .memberModalSwiper > .list-box > .team-box > .item-box {
  padding: 100px 100px 0 100px;
  display: flex;
  justify-content: space-between;
}
@media only screen and (max-width: 767px) {
  .modal__member__inner > .memberModalSwiper > .list-box > .team-box > .item-box {
    padding: 60px 30px 30px 30px;
    flex-direction: column;
  }
}
.modal__member__inner > .memberModalSwiper > .list-box > .team-box > .item-box > .image-box {
  width: 320px;
  height: 320px;
}
@media only screen and (max-width: 767px) {
  .modal__member__inner > .memberModalSwiper > .list-box > .team-box > .item-box > .image-box {
    margin: auto;
    width: 160px;
    height: 160px;
  }
}
.modal__member__inner > .memberModalSwiper > .list-box > .team-box > .item-box > .image-box > .image {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.modal__member__inner > .memberModalSwiper > .list-box > .team-box > .item-box > .text-box {
  width: calc(100% - 320px - 60px);
}
@media only screen and (max-width: 767px) {
  .modal__member__inner > .memberModalSwiper > .list-box > .team-box > .item-box > .text-box {
    width: 100%;
  }
}
.modal__member__inner > .memberModalSwiper > .list-box > .team-box > .item-box > .text-box > .position {
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 24px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .modal__member__inner > .memberModalSwiper > .list-box > .team-box > .item-box > .text-box > .position {
    margin-top: 24px;
    font-size: 14px;
    text-align: center;
  }
}
.modal__member__inner > .memberModalSwiper > .list-box > .team-box > .item-box > .text-box > .name {
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 40px;
  line-height: 150%;
  letter-spacing: -0.01em;
  color: #d43f0b;
}
@media only screen and (max-width: 767px) {
  .modal__member__inner > .memberModalSwiper > .list-box > .team-box > .item-box > .text-box > .name {
    font-size: 24px;
    line-height: 120%;
    text-align: center;
  }
}
.modal__member__inner > .memberModalSwiper > .list-box > .team-box > .item-box > .text-box > .text {
  margin-top: 24px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1c1c1c;
}
@media only screen and (max-width: 767px) {
  .modal__member__inner > .memberModalSwiper > .list-box > .team-box > .item-box > .text-box > .text {
    font-size: 14px;
  }
}
.modal__member__inner > .memberModalSwiper > .list-box > .team-box > .item-box > .text-box > .list {
  margin-top: 24px;
}
.modal__member__inner > .memberModalSwiper > .list-box > .team-box > .item-box > .text-box > .list > li {
  margin-bottom: 3px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-weight: 700 !important;
  font-size: 13px;
  line-height: 160%;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #0f0f0f;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .modal__member__inner > .memberModalSwiper > .list-box > .team-box > .item-box > .text-box > .list > li {
    font-size: 11px;
  }
}
.modal__member__inner > .memberModalSwiper > .list-box > .team-box > .item-box > .text-box > .list > li:last-child {
  margin-bottom: 0;
}
.modal__member__inner > .memberModalSwiper > .list-box > .team-box > .item-box > .text-box > .list > li::before {
  margin-right: 4px;
  content: "";
  display: block;
  width: 24px;
  height: 24px;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="3" fill="rgb(212,63,11)" /></svg>');
}
@media only screen and (max-width: 767px) {
  .modal__member__inner > .memberModalSwiper > .list-box > .team-box > .item-box > .text-box > .list > li::before {
    width: 20px;
    height: 20px;
  }
}
.modal__member > .close-button {
  position: fixed;
  top: 48px;
  right: 48px;
  width: 72px;
  height: 72px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="36" cy="36" r="35" stroke="white" stroke-width="2" /><line x1="42.2538" y1="42.7296" x2="29.5259" y2="30.0016" stroke="white" stroke-width="2" /><line x1="29.6132" y1="42.3432" x2="42.3411" y2="29.6153" stroke="white" stroke-width="2" /></svg>');
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  .modal__member > .close-button {
    top: 16px;
    right: 24px;
    width: 50px;
    height: 50px;
  }
}
.modal__member > .swiper-button-next {
  margin: 0;
  position: fixed;
  top: 136px;
  right: 48px;
  width: 72px;
  height: 72px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="36" cy="36" r="36" fill="rgb(28, 28, 28)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M39.75 30C39.75 32.8978 42.1022 35.25 45 35.25V36.75C42.1022 36.75 39.75 39.1022 39.75 42H38.25C38.25 39.8802 39.2286 37.9878 40.7584 36.75H27V35.25H40.7584C39.2286 34.0122 38.25 32.1198 38.25 30H39.75Z" fill="white" /></svg>');
}
@media only screen and (max-width: 767px) {
  .modal__member > .swiper-button-next {
    top: 16px;
    left: 90px;
    right: auto;
    width: 50px;
    height: 50px;
  }
}
.modal__member > .swiper-button-next::after {
  display: none;
}
.modal__member > .swiper-button-next.swiper-button-disabled {
  opacity: 1;
}
.modal__member > .swiper-button-prev {
  margin: 0;
  position: fixed;
  top: 224px;
  right: 48px;
  left: auto;
  width: 72px;
  height: 72px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('data:image/svg+xml;utf8,<svg width="72" height="72" viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="36" cy="36" r="36" transform="rotate(180 36 36)" fill="rgb(28,28,28)" /><path fill-rule="evenodd" clip-rule="evenodd" d="M32.25 42C32.25 39.1022 29.8978 36.75 27 36.75V35.25C29.8978 35.25 32.25 32.8978 32.25 30H33.75C33.75 32.1198 32.7714 34.0122 31.2416 35.25H45V36.75H31.2416C32.7714 37.9878 33.75 39.8802 33.75 42H32.25Z" fill="white" /></svg>');
}
@media only screen and (max-width: 767px) {
  .modal__member > .swiper-button-prev {
    top: 16px;
    left: 24px;
    right: auto;
    width: 50px;
    height: 50px;
  }
}
.modal__member > .swiper-button-prev::after {
  display: none;
}
.modal__member > .swiper-button-prev.swiper-button-disabled {
  opacity: 1;
}

.notfound__content {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .notfound__content {
    padding: 0 24px;
  }
}
.notfound__content__inner {
  margin: 160px auto;
  width: 100%;
  max-width: 1000px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.notfound__content__inner > .title {
  margin: auto;
  width: 176px;
}
.notfound__content__inner > .title > .eng {
  margin-top: 22px;
  display: block;
  font-family: "Helvetica Neue", sans-serif !important;
  font-style: normal !important;
  font-weight: 700 !important;
  font-size: 20px;
  line-height: 100%;
  text-align: center;
  color: #D43F0B;
}
.notfound__content__inner > .text {
  margin-top: 36px;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif !important;
  font-style: normal !important;
  font-weight: 500 !important;
  font-size: 16px;
  line-height: 160%;
  text-align: center;
  letter-spacing: 0.02em;
  font-feature-settings: "pkna" on;
  color: #1C1C1C;
}
.notfound__content__inner > .buttons-box {
  margin: 60px auto 0 auto;
  width: 204px;
}
@media only screen and (max-width: 767px) {
  .notfound__content__inner > .buttons-box {
    width: 100%;
  }
}

.floatingArea {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  transform: translateY(100%);
  transition: transform 0.3s ease-in-out;
  z-index: 1000;
  display: none;
}
@media only screen and (max-width: 767px) {
  .floatingArea {
    display: block;
  }
}
.floatingArea.visible {
  transform: translateY(0);
}
.floatingArea__inner {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #d43f0b;
}
.floatingArea__link {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 48px;
  font-weight: 500;
  font-size: 13px;
  color: #fff;
  position: relative;
}
.floatingArea__link:after {
  content: "";
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url('data:image/svg+xml;utf8,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.1667 3.33325C14.1667 6.55301 16.7802 9.16658 20 9.16658V10.8333C16.7802 10.8333 14.1667 13.4468 14.1667 16.6666H12.5C12.5 14.3113 13.5873 12.2085 15.2871 10.8333H0V9.16658H15.2871C13.5873 7.79131 12.5 5.68857 12.5 3.33325H14.1667Z" fill="white" /></svg>');
  background-repeat: no-repeat;
  background-size: contain;
  right: 16px;
  position: absolute;
}
.floatingArea__link:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../assets/aadcda94-icon_mailboard.svg");
  background-repeat: no-repeat;
  background-size: contain;
  left: -10px;
  position: relative;
}

@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .--visible-pc {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .--visible-pc {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .--visible-pc {
    display: none !important;
  }
}

@media only screen and (min-width: 1328px) {
  .--visible-pc-small {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .--visible-pc-small {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .--visible-pc-small {
    display: none !important;
  }
}

@media only screen and (min-width: 1328px) {
  .--visible-tablet {
    display: none !important;
  }
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .--visible-tablet {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .--visible-tablet {
    display: none !important;
  }
}

@media only screen and (min-width: 1328px) {
  .--visible-sp {
    display: none !important;
  }
}
@media only screen and (min-width: 1020px) and (max-width: 1327px) {
  .--visible-sp {
    display: none !important;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1019px) {
  .--visible-sp {
    display: none !important;
  }
}

.fadeIn {
  transform: translate3d(0, 10px, 0);
  transition: 1s;
  opacity: 0;
}

.fadeIn.animated {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}/*# sourceMappingURL=style.css.map */