@charset "UTF-8";
* {
  box-sizing: border-box;
}

body {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
  font-display: swap;
  -webkit-text-size-adjust: 100%;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
table,
th,
td,
tbody,
tfoot,
thead,
object,
iframe,
code,
fieldset,
legend,
caption,
article,
aside,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
audio,
video,
canvas {
  margin: 0;
  padding: 0;
  font-size: inherit;
  box-sizing: border-box;
  /* フォントレンダリング設定: 1x解像度ではsubpixel、2x以上の解像度ではgrayscale→ */
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: unset;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
  body,
  div,
  dl,
  dt,
  dd,
  ul,
  ol,
  li,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  pre,
  form,
  fieldset,
  input,
  textarea,
  p,
  blockquote,
  table,
  th,
  td,
  tbody,
  tfoot,
  thead,
  object,
  iframe,
  code,
  fieldset,
  legend,
  caption,
  article,
  aside,
  figure,
  footer,
  header,
  hgroup,
  menu,
  nav,
  section,
  audio,
  video,
  canvas {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
}

table {
  font-size: 1.5rem;
  border-collapse: collapse;
  border-spacing: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  line-height: 1.5;
}

img,
fieldset {
  border: 0;
}

li {
  list-style-type: none;
}

figure {
  text-align: center;
}

br {
  letter-spacing: normal;
}

img {
  -ms-interpolation-mode: bicubic;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

input[type=text] {
  padding: 0;
  border: none;
  border-radius: 0;
  outline: none;
  background: none;
}

textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  resize: none;
  padding: 0;
  border: 0;
  outline: none;
  background: transparent;
}

input[type=submit],
input[type=button],
button {
  padding: 0;
  -webkit-appearance: button;
  appearance: button;
  color: inherit;
  font-size: inherit;
  font-family: inherit;
  background: none;
  border: none;
  border-radius: 0;
  box-sizing: border-box;
  cursor: pointer;
}

input[type=submit]::-webkit-search-decoration,
input[type=button]::-webkit-search-decoration {
  display: none;
}

input[type=submit]::focus,
input[type=button]::focus {
  outline-offset: -2px;
}

a {
  text-decoration: none;
  display: inline-block;
  color: inherit;
}

/* default */
html {
  font-size: 62.5%;
}

/*可変フォントサイズ*/
body {
  background: #fff;
  font-size: 1.6rem;
  color: #343434;
  font-family: "Roboto", "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", Osaka, "MS P Gothic", sans-serif;
}

a {
  cursor: pointer;
  transition: all 0.3s ease-out;
}

.textarea {
  line-height: 1.75;
}

body:not(.home) {
  background: url("../img2026/bg__page-title.jpg") top center/cover no-repeat;
  background-attachment: fixed;
}
@media only screen and (max-width: 560px ) {
  body:not(.home) {
    background-size: 150% auto;
    background-position: top left;
  }
}

.page-header {
  position: relative;
  height: 320px;
}
.page-header .section__inner {
  position: absolute;
  bottom: 0;
}
.page-header__title {
  font-size: 3.2rem;
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
}
.page-header__title .en,
.page-header__title .jpn {
  display: inline-block;
}
.page-header__title .en {
  position: relative;
  margin-right: 34px;
  padding-right: 40px;
  font-family: "Roboto Condensed", "Roboto", "Noto Sans JP", sans-serif;
  font-size: 5.4rem;
}
.page-header__title .en::after {
  position: absolute;
  right: 0;
  width: 6px;
  height: 100%;
  background: #fff;
  content: "";
  border-radius: 3px 3px 0 0;
}
@media only screen and (max-width: 1024px ) {
  .page-header {
    height: 30vw;
  }
  .page-header__title {
    font-size: 2.8rem;
  }
  .page-header__title .en {
    margin-right: 24px;
    padding-right: 28px;
    font-size: 4.2rem;
  }
  .page-header__title .en::after {
    width: 4px;
  }
}
@media only screen and (max-width: 560px ) {
  .page-header {
    height: 170px;
  }
  .page-header .section__inner {
    bottom: 0.75em;
  }
  .page-header__title {
    font-size: 1.8rem;
  }
  .page-header__title .en {
    margin-right: 16px;
    padding-right: 20px;
    font-size: 2.8rem;
  }
  .page-header__title .en::after {
    width: 3px;
  }
}

/* side_menu */
@media only screen and (min-width: 1025px ) {
  .side-nav {
    position: absolute;
    top: calc(100% + 10px);
    opacity: 0;
    pointer-events: none;
    transition: all 0.3s ease-out;
  }
  .side-open .side-nav {
    opacity: 1;
    pointer-events: inherit;
  }
  .sp_globalnav {
    display: none;
  }
}
@media only screen and (max-width: 1024px ) {
  .side-nav {
    position: fixed;
    top: 0;
    left: 0;
    padding: 90px 2em 0;
    width: 100%;
    height: 100%;
    background: #343434;
    overflow: auto;
    opacity: 0;
    pointer-events: none;
    z-index: -1;
    transition: all 0.3s ease-out;
  }
  .side-nav__inner {
    padding-bottom: 60px;
  }
  .side-open .side-nav {
    opacity: 1;
    pointer-events: inherit;
    z-index: 1000;
  }
  .sp_globalnav > .nav_item > a {
    padding: 1.5em 2.5em 1.5em 0;
    display: block;
    font-size: 1.5rem;
    color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #fff;
  }
  .sp_globalnav > .nav_item:first-child {
    border-top: 1px solid #fff;
  }
  .sp_globalnav .nav_item.has_child > a {
    position: relative;
  }
  .sp_globalnav .nav_item.has_child > a::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    width: 13px;
    height: 8px;
    content: "";
    background: #fff;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    transition: all 0.3s ease-out;
  }
  .sp_globalnav .nav_item.has_child.menu-open > a::after {
    transform: rotate(-180deg);
  }
  .sp_globalnav .nav--child {
    display: none;
  }
  .sp_globalnav .nav--child > .nav_item > a {
    position: relative;
    padding: 1em 2.5em 1em 1em;
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
    background: #f5f5f5;
    border-bottom: 1px solid #333;
  }
  .sp_globalnav .nav--child > .nav_item > a::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 1em;
    margin: auto;
    width: 8px;
    height: 13px;
    content: "";
    background: #333;
    clip-path: polygon(0 0, 100% 50%, 0 100%);
  }
}
/* humberger_btn */
.side-menu-btn {
  position: relative;
  display: inline-block;
  padding: 15px;
  background: #2ac874;
  border-radius: 10px;
  cursor: pointer;
  overflow: hidden;
}
.side-menu-btn.mouse-on .ellipsis-v:not(.--copy) {
  transform: translateX(200%);
}
.side-menu-btn.mouse-on .ellipsis-v.--copy {
  transform: translateX(0);
}
.side-open .side-menu-btn {
  background: #343434;
}
@media only screen and (max-width: 1024px ) {
  .side-open .side-menu-btn {
    animation-name: side-open_humberger;
    animation-duration: 0.3s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
  }
}

@keyframes side-open_humberger {
  0% {
    z-index: inherit;
    top: inherit;
    right: inherit;
  }
  100% {
    position: fixed;
    top: 12px;
    right: 22px;
    z-index: 1001;
  }
}
.ellipsis-v {
  position: relative;
  display: block;
  cursor: pointer;
  width: 16px;
  height: 16px;
  background: none;
  border: none;
  appearance: none;
  outline: none;
  transition: all 0.1s ease-out;
}
.ellipsis-v .point {
  position: absolute;
  left: 0;
  right: 0;
  display: block;
  width: 100%;
  height: 2px;
  margin: auto;
  background: #fff;
  transition: all 0.3s;
}
.ellipsis-v .point.top {
  top: 0;
}
.ellipsis-v .point.mid {
  top: 0;
  bottom: 0;
}
.ellipsis-v .point.bot {
  bottom: 0;
}
.side-open .ellipsis-v .point.top, .side-open .ellipsis-v .point.bot {
  transform: rotate(45deg);
  top: 0;
  bottom: 0;
}
.side-open .ellipsis-v .point.mid {
  opacity: 0;
}
.side-open .ellipsis-v .point.bot {
  transform: rotate(-45deg);
  top: 0;
  bottom: 0;
}
.ellipsis-v.--copy {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transform: translateX(-200%);
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  background: #fff;
  box-shadow: 0 2px 20px rgba(0, 0, 0, 0.14);
  z-index: 999;
}
.header__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 0 75px;
  width: 100%;
}
@media only screen and (max-width: 1024px ) {
  .header__inner {
    padding: 0 22px;
  }
}
.header__logo {
  padding: 1.2em 0 1em;
  width: 40%;
  max-width: 125px;
}
@media only screen and (max-width: 1024px ) {
  .header__logo {
    padding: 0.75em 0 0.5em;
    max-width: 110px;
  }
}
.header__nav-area {
  flex: 1;
  display: flex;
  justify-content: right;
  align-items: center;
  gap: 1.2em;
}
.header__nav {
  display: flex;
  justify-content: right;
  flex: 1;
}
.header__nav > .nav_item > a {
  padding: 2.3em 1.2em;
  font-size: 1.5rem;
  font-weight: bold;
}
.header__nav > .nav_item.has_child {
  position: relative;
}
.header__nav > .nav_item.has_child::before {
  position: absolute;
  left: 0;
  bottom: 1.3em;
  right: 0;
  margin: auto;
  width: 11px;
  height: 7px;
  content: "";
  background: #2ac874;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  opacity: 0;
  transition: all 0.3s ease-out;
}
.header__nav > .nav_item.has_child::after {
  position: absolute;
  left: 0;
  bottom: 1.5em;
  right: 0;
  margin: auto;
  width: 19px;
  height: 2px;
  content: "";
  background: #707070;
  transition: all 0.3s ease-out;
}
.header__nav > .nav_item.has_child .nav--child {
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease-out;
  visibility: hidden;
}
.header__nav > .nav_item.has_child:hover {
  color: #2ac874;
}
.header__nav > .nav_item.has_child:hover::after {
  opacity: 0;
}
.header__nav > .nav_item.has_child:hover::before {
  opacity: 1;
}
.header__nav > .nav_item.has_child:hover .nav--child {
  opacity: 1;
  pointer-events: inherit;
  visibility: visible;
}
.header__nav > .nav_item:last-child .nav--child {
  left: 50%;
  transform: translateX(-50%);
}
.header__nav .nav--child {
  position: absolute;
  top: 100%;
  padding: 10px 1em;
  width: 360px;
  font-size: 1.5rem;
  color: #fff;
  font-weight: bold;
  background: #343434;
}
.header__nav .nav--child a {
  position: relative;
  padding: 10px 1.75em 10px 10px;
  transition: all 0.3s ease-out;
}
.header__nav .nav--child a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 5px;
  height: 7px;
  content: "";
  background: currentColor;
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
}
.header__nav .nav--child a:hover {
  color: #0cd08f;
}
@media only screen and (max-width: 1024px ) {
  .header__nav {
    display: none;
  }
}

.btn__basic {
  position: relative;
  padding: 1em 3em 1em 1em;
  width: 100%;
  max-width: 250px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0.1em;
  background: #fff;
  border: 2px solid currentColor;
  border-radius: 0 1.75em 1.75em 0;
  transition: all 0.2s ease-out;
}
.btn__basic::after {
  position: absolute;
  right: 1.5em;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 8px;
  height: 13px;
  content: "";
  background: currentColor;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  transition: all 0.2s ease-out;
}
.btn__basic.btn__home {
  margin-top: 4em;
  background: #fff;
}
@media (hover: hover) {
  .btn__basic:hover {
    color: #fff;
    background: #343434;
    border: 2px solid #343434;
  }
}
@media only screen and (max-width: 560px ) {
  .btn__basic {
    max-width: 240px;
    font-size: 1.6rem;
  }
  .btn__basic::after {
    width: 7px;
    height: 12px;
  }
  .btn__basic.btn__home {
    margin-top: 3em;
  }
}
.btn__basic[target=_blank]::before {
  position: absolute;
  right: 1.65em;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 4px;
  height: 4px;
  content: "";
  background: currentColor;
  border-radius: 50%;
  transform: translateY(2px);
}
@media (hover: hover) {
  .btn__basic[target=_blank]:hover::after {
    transform: rotate(-45deg) translate(2px, 2px);
    transform-origin: top left;
  }
}
.btn__basic.btn__inner-link::before {
  position: absolute;
  right: 1.65em;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 4px;
  height: 4px;
  content: "";
  background: currentColor;
  border-radius: 50%;
  transition: all 0.2s ease-out;
}
@media (hover: hover) {
  .btn__basic.btn__inner-link:hover::before {
    transform: translateX(-4px);
  }
  .btn__basic.btn__inner-link:hover::after {
    transform: translateX(4px);
  }
}
.btn__basic.btn__back-jobs::before, .btn__basic.btn__back-people::before {
  position: absolute;
  right: 1.5em;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 4px;
  height: 4px;
  content: "";
  background: currentColor;
  border-radius: 50%;
  transition: all 0.2s ease-out;
}
.btn__basic.btn__back-jobs::after, .btn__basic.btn__back-people::after {
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
}
@media (hover: hover) {
  .btn__basic.btn__back-jobs:hover::before, .btn__basic.btn__back-people:hover::before {
    transform: translateX(4px);
  }
  .btn__basic.btn__back-jobs:hover::after, .btn__basic.btn__back-people:hover::after {
    transform: translateX(-4px);
  }
}

.btn__link-list {
  margin-top: 4em;
}

.btn__link-list:has(.js-hover-toggle) {
  position: relative;
  max-width: 250px;
}
@media (hover: hover) {
  .btn__link-list:has(.js-hover-toggle) .btn__basic:hover::after {
    transform: rotate(90deg);
  }
}
.btn__link-list:has(.js-hover-toggle) .btn__basic.btn__menu-open {
  color: #fff;
  background: #343434;
}
.btn__link-list:has(.js-hover-toggle) .btn__basic.btn__menu-open::after {
  transform: rotate(90deg);
}
.btn__link-list:has(.js-hover-toggle) .section-link-list {
  position: absolute;
  left: 0;
  top: 100%;
  padding-top: 10px;
  width: 50vw;
  max-width: 440px;
  display: none;
  z-index: 100;
}
.btn__link-list:has(.js-hover-toggle) .section-link-list .btn__basic {
  background: #fff;
}
.btn__link-list:has(.js-hover-toggle) .section-link-list .link-item.has__link-child {
  position: relative;
}
.btn__link-list:has(.js-hover-toggle) .section-link-list .link-item .link-list--child {
  position: absolute;
  top: 0;
}
.btn__link-list:has(.js-hover-toggle) .section-link-list .link-item .link-list--child.--homejobs {
  left: 216px;
}
.btn__link-list:has(.js-hover-toggle) .section-link-list .link-item a {
  position: relative;
  padding: 0.75em 3em 0.75em 0.25em;
  min-width: 200px;
  font-weight: bold;
  border-bottom: 2px solid #343434;
}
.btn__link-list:has(.js-hover-toggle) .section-link-list .link-item a::after {
  position: absolute;
  right: 0.25em;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 8px;
  height: 13px;
  content: "";
  background: #343434;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.btn__link-list:has(.js-hover-toggle) .section-link-list .link-item a:hover {
  opacity: 0.6;
}
@media only screen and (max-width: 1024px ) {
  .btn__link-list:has(.js-hover-toggle) .section-link-list .link-item .link-list--child {
    position: inherit;
    top: inherit;
  }
  .btn__link-list:has(.js-hover-toggle) .section-link-list .link-item .link-list--child.--homejobs {
    left: inherit;
  }
}
@media only screen and (max-width: 560px ) {
  .btn__link-list:has(.js-hover-toggle) .section-link-list {
    width: 90vw;
  }
  .btn__link-list:has(.js-hover-toggle) .section-link-list .link-item a {
    background: rgba(255, 255, 255, 0.9);
  }
}

.article-bnr {
  margin: 0 auto;
  width: 100%;
  max-width: 690px;
  border: 2px solid #f07114;
  border-radius: 10px;
  background: #fff;
}
.article-bnr .header-title {
  padding: 0.6em;
  width: 95%;
  max-width: 457px;
  font-size: 2rem;
  font-weight: bold;
  color: #fff;
  line-height: 1.2;
  background: #f07114;
  border-radius: 8px 10px 10px 0;
}
.article-bnr .article-section {
  padding: 20px;
  display: flex;
  flex-direction: row-reverse;
  gap: 1em;
}
.article-bnr .article-section__textarea {
  flex: 1;
}
.article-bnr .article-section__title {
  font-size: 2.1rem;
  font-weight: bold;
}
.article-bnr .article-section__btn {
  margin-top: 1em;
}
.article-bnr .article-section__img {
  width: 30%;
}
@media only screen and (max-width: 560px ) {
  .article-bnr .header-title {
    font-size: 1.8rem;
  }
  .article-bnr .article-section {
    display: block;
  }
  .article-bnr .article-section__textarea {
    flex: inherit;
    margin-top: 1em;
  }
  .article-bnr .article-section__title {
    font-size: 1.8rem;
  }
  .article-bnr .article-section__img {
    width: 100%;
  }
  .article-bnr .article-section__img img {
    aspect-ratio: 16/9;
    object-fit: cover;
  }
}

.sns-link {
  display: flex;
  gap: 10px;
  background: #343434;
}
.sns-link .nav_item__teamwork a {
  padding: 8px;
  height: 38px;
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 3px;
  transition: all 0.3s ease-out;
}
.sns-link .nav_item__teamwork a img {
  width: 136px;
}
.sns-link .nav_item__teamwork a:hover {
  opacity: 0.7;
}
.sns-link .nav_item a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  background: #fff;
  border-radius: 3px;
  transition: all 0.3s ease-out;
}
.sns-link .nav_item a:hover {
  opacity: 0.7;
}
.sns-link .nav_item img {
  width: auto;
  height: 22px;
}
@media only screen and (min-width: 1025px ) {
  .side-nav .sns-link {
    margin-top: 5px;
    padding: 16px;
    border-radius: 10px;
  }
}
@media only screen and (max-width: 1024px ) {
  .side-nav .sns-link {
    margin-top: 1.5em;
  }
}
.footer .sns-link {
  margin-top: 24px;
}

@media only screen and (min-width: 1025px ) {
  .side-nav .related-link {
    width: 393px;
  }
  .side-nav .related-link .nav_item + .nav_item {
    margin-top: 5px;
  }
  .side-nav .related-link .nav_item a {
    position: relative;
    padding: 1em 2em 1em 1em;
    display: flex;
    align-items: center;
    gap: 0.75em;
    background: #343434;
    border-radius: 10px;
    transition: all 0.3s ease-out;
  }
  .side-nav .related-link .nav_item a::after {
    position: absolute;
    top: 1em;
    right: 1em;
    width: 9px;
    height: 9px;
    content: "";
    background: #fff;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
  }
  .side-nav .related-link .nav_item a:hover {
    opacity: 0.9;
  }
  .side-nav .related-link__icon {
    width: 38px;
  }
  .side-nav .related-link__textarea {
    flex: 1;
    font-size: 1.5rem;
    font-weight: bold;
    color: #fff;
  }
  .side-nav .related-link__textarea img {
    margin-top: 0.4em;
    width: auto;
    max-height: 1em;
  }
  .side-nav .related-link__kind {
    display: block;
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 1024px ) {
  .side-nav .related-link .nav_item a {
    position: relative;
    padding: 1.5em 1.5em 1.5em 0;
    display: flex;
    align-items: center;
    gap: 0.75em;
    font-size: 1.5rem;
    color: #fff;
    font-weight: bold;
    border-bottom: 1px solid #fff;
  }
  .side-nav .related-link .nav_item a::after {
    position: absolute;
    top: 1.5em;
    right: 12px;
    width: 9px;
    height: 9px;
    content: "";
    background: #fff;
    clip-path: polygon(0 0, 100% 0, 100% 100%);
  }
  .side-nav .related-link__icon {
    width: 20%;
    max-width: 36px;
  }
  .side-nav .related-link__textarea {
    flex: 1;
  }
  .side-nav .related-link__textarea img {
    margin-top: 0.4em;
    width: auto;
    max-height: 1em;
  }
  .side-nav .related-link__kind {
    display: block;
    font-size: 1.1rem;
  }
}

.footer .related-link .nav_item a {
  position: relative;
  padding: 1.5em 1.5em 1.5em 0;
  display: flex;
  align-items: center;
  gap: 0.75em;
  font-size: 1.5rem;
  color: #fff;
  font-weight: bold;
  border-bottom: 1px solid #fff;
}
.footer .related-link .nav_item a::after {
  position: absolute;
  top: 1.5em;
  right: 12px;
  width: 9px;
  height: 9px;
  content: "";
  background: #fff;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}
.footer .related-link__icon {
  width: 20%;
  max-width: 36px;
}
.footer .related-link__textarea {
  flex: 1;
}
.footer .related-link__textarea img {
  margin-top: 0.4em;
  width: auto;
  max-height: 1em;
}
.footer .related-link__kind {
  display: block;
  font-size: 1.1rem;
}

.footer__entry a {
  position: relative;
  padding: 100px 40px;
  display: block;
  background: linear-gradient(90deg, #2ac874, #16daa6);
}
.footer__entry a::after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(90deg, #2ac874, #16daa6);
  opacity: 0;
  pointer-events: none;
  z-index: 89;
  transition: all 0.3s ease-out;
}
.footer__entry a:hover::after {
  opacity: 1;
}
.footer__entry .section__inner {
  position: relative;
  z-index: 90;
}
.footer__entry-title {
  margin: 0 auto;
  width: fit-content;
  color: #fff;
  font-weight: bold;
  text-align: center;
  text-align-last: justify;
}
.footer__entry-title .en {
  font-size: 9.1rem;
  line-height: 1;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.footer__entry-title .jpn {
  padding: 0 0.5em;
  font-size: 2.7rem;
}
.footer__entry-arrow {
  position: absolute;
  top: 0;
  right: 40px;
  bottom: 0;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 70px;
  height: 70px;
  content: "";
  border: 3px solid #fff;
  border-radius: 50%;
  transition: all 0.2s ease-out;
}
.footer__entry-arrow .arrow {
  display: block;
  width: 8px;
  height: 13px;
  background: #fff;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  transform: translateX(2px);
}
a:hover .footer__entry-arrow {
  transform: scale(1.2);
}
@media only screen and (max-width: 1024px ) {
  .footer__entry a {
    padding: 80px 40px;
  }
  .footer__entry-title .en {
    font-size: 6.4rem;
  }
  .footer__entry-title .jpn {
    font-size: 1.8rem;
  }
  .footer__entry-arrow {
    right: 30px;
    width: 60px;
    height: 60px;
  }
  .footer__entry-arrow .arrow {
    width: 7px;
    height: 12px;
  }
}
@media only screen and (max-width: 560px ) {
  .footer__entry a {
    padding: 60px 20px;
  }
  .footer__entry-title .en {
    font-size: 4.8rem;
  }
  .footer__entry-title .jpn {
    font-size: 1.4rem;
  }
  .footer__entry-arrow {
    right: 15px;
    width: 40px;
    height: 40px;
  }
  .footer__entry-arrow .arrow {
    width: 5px;
    height: 10px;
  }
}

.fixed__entry-btn {
  position: fixed;
  right: 30px;
  bottom: 60px;
  padding: 1em 3.5em 1em 1.75em;
  font-size: 2rem;
  font-weight: bold;
  color: #2ac874;
  font-family: "din-2014", "Noto Sans JP", sans-serif;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  border: 4px solid #2ac874;
  border-radius: 12px;
  background: #fff;
  z-index: 998;
  transition: all 0.2s ease-out;
  overflow: hidden;
}
.fixed__entry-btn.is-hidden {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
}
.fixed__entry-btn__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #0cd08f;
  transform: translateX(-100%);
  z-index: -1;
  transition: all 0.1s ease-out;
}
.fixed__entry-btn::before {
  position: absolute;
  right: 1.65em;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 4px;
  height: 4px;
  content: "";
  background: currentColor;
  border-radius: 50%;
  transform: translateY(2px);
}
.fixed__entry-btn::after {
  position: absolute;
  right: 1.5em;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 8px;
  height: 13px;
  content: "";
  background: currentColor;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  transition: all 0.1s ease-out;
}
@media (hover: hover) {
  .fixed__entry-btn:hover {
    border-color: #343434;
    color: #fff;
  }
  .fixed__entry-btn:hover .fixed__entry-btn__bg {
    background: #343434;
    transform: translateX(0);
  }
  .fixed__entry-btn:hover::after {
    transform: rotate(-45deg) translate(2px, 2px);
    transform-origin: top left;
  }
}
@media only screen and (max-width: 1024px ) {
  .fixed__entry-btn {
    right: 10px;
    bottom: 30px;
    padding: 0.75em 2.75em 0.75em 1.25em;
    font-size: 1.6rem;
  }
}

.footer__inner {
  position: relative;
  padding: 50px 0 20px;
  background: #343434;
  z-index: 998;
}
.footer__logo figure {
  text-align: left;
}
.footer__logo figure img {
  max-width: 177px;
}
.footer__nav-area {
  margin-top: 24px;
  display: flex;
  justify-content: space-between;
  gap: 5%;
  border-top: 1px solid #fff;
}
.footer__global-nav {
  display: flex;
  gap: 8%;
  flex: 1;
}
.footer__related-nav {
  width: 32.3%;
  max-width: 330px;
}
.footer__related-nav .nav_item a:hover {
  opacity: 0.7;
}
.footer__nav {
  flex: 1;
  max-width: 330px;
}
.footer__nav > .nav_item {
  position: relative;
}
.footer__nav > .nav_item > a {
  position: relative;
  padding: 1.5em 2.5em 1.5em 0;
  display: block;
  font-size: 1.5rem;
  color: #fff;
  font-weight: bold;
  border-bottom: 1px solid #fff;
}
.footer__nav > .nav_item:hover > a {
  opacity: 0.7;
}
.footer__nav > .nav_item.has_child > a::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  width: 13px;
  height: 8px;
  content: "";
  background: #fff;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  transition: all 0.2s ease-out;
}
.footer__nav .nav--child {
  transition: all 0.2s ease-out;
  background: #fff;
}
.footer__nav .nav--child .nav_item a {
  position: relative;
  display: block;
  padding: 0.75em 2.25em 0.75em 1em;
  font-size: 1.5rem;
  font-weight: bold;
  background: #fff;
  border-bottom: 1px solid #343434;
}
.footer__nav .nav--child .nav_item a::after {
  position: absolute;
  right: 1.25em;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 8px;
  height: 13px;
  content: "";
  background: #343434;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.footer__nav .nav--child .nav_item a:hover {
  opacity: 0.7;
}
.footer .copyright {
  margin-top: 60px;
  font-size: 1.2rem;
  color: #fff;
  letter-spacing: 0.1em;
}
@media only screen and (min-width: 1025px ) {
  .footer__nav > .nav_item.has_child:hover > a::after {
    transform: rotate(-90deg);
  }
  .footer__nav > .nav_item.has_child:hover .nav--child {
    opacity: 1;
    pointer-events: inherit;
  }
  .footer__nav .nav--child {
    position: absolute;
    top: 10px;
    left: 100%;
    padding-left: 5px;
    width: 340px;
    z-index: 100;
    opacity: 0;
    pointer-events: none;
  }
}
@media only screen and (max-width: 1024px ) {
  .footer__global-nav {
    display: block;
  }
  .footer__nav {
    max-width: inherit;
  }
  .footer__nav .nav--child {
    display: none;
  }
  .footer__related-nav {
    flex: 1;
    width: inherit;
    max-width: inherit;
  }
}
@media only screen and (max-width: 800px ) {
  .footer__nav-area {
    display: block;
  }
  .footer__global-nav {
    max-width: inherit;
  }
}

.single-contents {
  /*リスト設定*/
  /*整形済みテキスト*/
  /*ライン*/
  /*テーブル*/
  /*引用*/
  /*枠線ボックス*/
  /*二重線ボックス*/
  /*背景ボックス*/
  /*ペーパーボックス*/
  /*太文字ボックス*/
  /*括弧ボックス*/
  /*はてなボックス*/
  /*ビックリボックス*/
  /*ポイントボックス*/
  /*注釈*/
  /*イエローマーカー*/
  /*ピンクマーカー*/
  /*ブルーマーカー*/
  /*記事内広告*/
}
.single-contents ul,
.single-contents ol {
  list-style-type: none;
  margin-top: 20px;
}
.single-contents ul ul,
.single-contents ul ol,
.single-contents ol ul,
.single-contents ol ol {
  margin-top: 0;
}
.single-contents ol {
  counter-reset: number;
}
.single-contents ul li:before {
  content: "・";
  position: absolute;
  left: 0;
}
.single-contents ol li:before {
  counter-increment: number;
  content: counter(number) ".";
  position: absolute;
  left: 0;
}
.single-contents ul li,
.single-contents ol li {
  position: relative;
  line-height: 1.5;
  padding: 10px 0 0 20px;
  font-size: 1em;
}
.single-contents pre {
  font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
  font-weight: 400;
  font-size: 1em;
  margin-top: 20px;
  padding: 20px;
  background-color: #F2F2F2;
  border-left: solid 5px #191919;
  color: #7F7F7F;
  overflow: auto;
}
.single-contents hr {
  margin-top: 40px;
  border-top: 1px solid #F2F2F2;
  border-bottom: 1px solid #E5E5E5;
}
.single-contents table {
  margin-top: 20px;
  width: 100%;
  border-top: 1px solid #E5E5E5;
  border-left: 1px solid #E5E5E5;
  font-size: 1em;
}
.single-contents table th {
  padding: 10px;
  background: #323232;
  color: #fff;
  border-right: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
}
.single-contents table td {
  padding: 10px;
  border-right: 1px solid #E5E5E5;
  border-bottom: 1px solid #E5E5E5;
}
.single-contents .wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
  background-color: #f4ead7;
}
.single-contents blockquote {
  position: relative;
  color: #3F3F3F;
  margin-top: 20px;
  padding: 20px 20px 20px 70px;
  background-color: #F2F2F2;
}
.single-contents blockquote::before {
  position: absolute;
  top: 10px;
  left: 20px;
  font-family: "icomoon";
  content: "\e909";
  font-size: 1.05em;
  color: #D9D9D9;
}
.single-contents .borderBox {
  border: 1px solid #E5E5E5;
  padding: 20px;
  margin-top: 20px;
}
.single-contents .border2Box {
  border: 4px double #E5E5E5;
  padding: 20px;
  margin-top: 20px;
}
.single-contents .bgBox {
  background: #f4ead7;
  padding: 20px;
  margin-top: 20px;
}
.single-contents .paperBox {
  position: relative;
  padding: 20px;
  margin-top: 20px;
  background-color: #f4ead7;
}
.single-contents .paperBox::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  border-color: #D8D8D8 #ffffff #ffffff #D8D8D8;
  border-style: solid;
  border-width: 0 0 20px 20px;
}
.single-contents .boldBox {
  border: 3px solid #191919;
  padding: 20px;
  margin-top: 20px;
  font-weight: 700;
}
.single-contents .bracketsBox {
  position: relative;
  padding: 20px;
  margin-top: 20px;
}
.single-contents .bracketsBox::before, .single-contents .bracketsBox::after {
  display: inline-block;
  position: absolute;
  width: 20px;
  height: 30px;
  content: "";
}
.single-contents .bracketsBox::before {
  top: 0;
  left: 0;
  border-top: solid 1px #191919;
  border-left: solid 1px #191919;
}
.single-contents .bracketsBox::after {
  right: 0;
  bottom: 0;
  border-right: solid 1px #191919;
  border-bottom: solid 1px #191919;
}
.single-contents .questionBox,
.single-contents .exclamationBox {
  position: relative;
  margin-top: 20px;
  padding: 20px 20px 20px 70px;
}
.single-contents .questionBox::before,
.single-contents .exclamationBox::before {
  position: absolute;
  top: 20px;
  left: 20px;
  font-size: 1.05em;
  font-weight: 700;
  color: #ffffff;
  text-align: center;
  vertical-align: middle;
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
}
.single-contents .questionBox {
  background-color: #D9EFF7;
}
.single-contents .questionBox::before {
  content: "?";
  background: #0096c8;
}
.single-contents .exclamationBox {
  background-color: #F6E1DF;
}
.single-contents .exclamationBox::before {
  content: "!";
  background: #c53929;
}
.single-contents .pointBox {
  position: relative;
  border: 2px solid #c53929;
  border-radius: 5px;
  padding: 20px;
  margin-top: 20px;
}
.single-contents .pointBox::before {
  content: "POINT";
  position: absolute;
  top: -15px;
  left: 15px;
  font-size: 1em;
  font-weight: 700;
  background-color: #ffffff;
  color: #c53929;
  padding: 0 10px;
}
.single-contents .asterisk {
  display: block;
  font-size: 0.9em;
  color: #7F7F7F;
}
.single-contents .markerYellow {
  background: linear-gradient(transparent 60%, #ffffbc 60%);
}
.single-contents .markerPink {
  background: linear-gradient(transparent 60%, #FFDFEF 60%);
}
.single-contents .markerBlue {
  background: linear-gradient(transparent 60%, #cce5ff 60%);
}
.single-contents .adPost {
  width: 100%;
  overflow: hidden;
  margin-top: 20px;
  padding: 0 10px;
  background-color: #F2F2F2;
  background-image: linear-gradient(to top right, #fff 0%, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent 100%);
  background-size: 6px 6px;
}

body:not(.toppage) {
  padding-top: 90px;
}
@media only screen and (max-width: 1024px ) {
  body:not(.toppage) {
    padding-top: 70px;
  }
}

.section__inner {
  margin: 0 auto;
  padding: 0 80px;
  width: 100%;
  max-width: 1410px;
}
.section__inner.--narrow {
  max-width: 1120px;
}
@media only screen and (max-width: 1024px ) {
  .section__inner {
    padding: 0 60px;
  }
}
@media only screen and (max-width: 560px ) {
  .section__inner {
    padding: 0 20px;
  }
}

.flex-2col {
  display: flex;
  justify-content: space-between;
  gap: 1.5em 5%;
}
.flex-2col.--reverse {
  flex-direction: row-reverse;
}
.flex-2col__figure {
  flex: 1;
}
.flex-2col__figure img {
  border-radius: 10px;
}
.flex-2col__textarea {
  width: 50%;
}
@media only screen and (max-width: 800px ) {
  .flex-2col {
    flex-wrap: wrap;
  }
  .flex-2col__figure {
    flex: inherit;
    width: 100%;
  }
  .flex-2col__textarea {
    width: 100%;
  }
}

.section-title01 {
  font-weight: bold;
  line-height: 1.4;
}
.section-title01 .en {
  display: inline-block;
  font-size: 3.2rem;
  font-family: "Roboto Condensed", "Roboto", "Noto Sans JP", sans-serif;
}
.section-title01 .jpn {
  margin-left: 1em;
  font-size: 1.3rem;
}
@media only screen and (max-width: 560px ) {
  .section-title01 {
    font-size: 1.6rem;
  }
  .section-title01 .en {
    font-size: 2.4rem;
  }
}

.section-copy01 {
  font-size: 4rem;
  font-weight: bold;
}
@media only screen and (max-width: 560px ) {
  .section-copy01 {
    font-size: 2.8rem;
  }
}
.section-title01 + .section-copy01 {
  margin-top: 0.75em;
}

.section-text01 {
  margin-top: 2em;
  line-height: 1.75;
}
@media only screen and (max-width: 560px ) {
  .section-text01 {
    margin-top: 1em;
  }
}

.page_contents {
  background: #fff;
}
.page_contents .section__wrapper:first-child {
  padding-top: 100px;
}
.page_contents .section__wrapper:not(:first-child) {
  margin-top: 120px;
}
.page_contents .section__wrapper:last-child {
  padding-bottom: 100px;
}
@media only screen and (max-width: 560px ) {
  .page_contents .section__wrapper:first-child {
    padding-top: 80px;
  }
  .page_contents .section__wrapper:not(:first-child) {
    margin-top: 80px;
  }
  .page_contents .section__wrapper:last-child {
    padding-bottom: 80px;
  }
}

.sp {
  display: none;
}
@media only screen and (max-width: 560px ) {
  .sp {
    display: inherit;
  }
}

@media only screen and (max-width: 560px ) {
  .pc {
    display: none;
  }
}

.home {
  background: url("../img2026/fixed-bg_base.jpg") center center/cover no-repeat;
  background-attachment: fixed;
}
@media only screen and (max-width: 560px ) {
  .home {
    background: url("../img2026/fixed-bg_base.jpg") center center/cover no-repeat;
    background-attachment: fixed;
  }
  .home main {
    overflow: hidden;
  }
}

.main-visual {
  position: relative;
  display: flex;
}
.main-visual__inner {
  width: 100vw;
}
.main-visual__sticky {
  position: absolute;
  top: 0;
  right: 6.4285714286%;
  width: 22.5%;
  min-width: 200px;
  height: 100%;
}
.main-visual__sticky .sticky-img__list {
  position: sticky;
  top: 0;
}
.main-visual__sticky .sticky-img__slider li + li {
  margin-top: 30px;
}
.main-visual__sticky .sticky-img__slider img {
  width: 100%;
  aspect-ratio: 219/211;
  object-fit: cover;
  mask-image: url(../img2026/mv_slider_path.png);
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
}
.main-visual__contents {
  margin-top: 90px;
}
.main-visual__decoration {
  position: fixed;
  right: 0;
  bottom: 0;
  width: 30%;
  opacity: 0.6;
}
.main-visual__copy {
  position: relative;
  white-space: nowrap;
  margin-left: 6vw;
}
.main-visual__copy .main-copy {
  font-size: 9rem;
  font-weight: bold;
  font-family: "din-2014", "Noto Sans JP", sans-serif;
  color: #fff;
  line-height: 1.2;
  letter-spacing: 0.025em;
  text-shadow: 0 0 7px rgba(0, 0, 0, 0.2);
}
.main-visual__copy .main-copy .en {
  display: inline-block;
  margin: 0 0.1em;
  font-size: 9.6rem;
}
.main-visual__copy .main-copy br.sp {
  display: none;
}
.main-visual__copy .sub-copy {
  margin-top: 78px;
}
.main-visual__bg {
  position: absolute;
  left: -14%;
  top: -54%;
  z-index: -1;
}
.main-visual__bg-svg {
  width: 60vw;
  min-width: 700px;
}
@media only screen and (min-width: 1025px ) {
  .main-visual__contents {
    height: calc(100vh - 90px);
    display: flex;
    align-items: center;
  }
}
@media only screen and (max-width: 1024px ) {
  .main-visual {
    flex-wrap: wrap;
  }
  .main-visual__contents {
    margin-top: 70px;
    padding-top: 14vw;
    padding-bottom: 8vw;
    overflow: hidden;
  }
  .main-visual__inner {
    overflow: hidden;
  }
  .main-visual__sticky {
    display: none;
  }
  .main-visual__decoration {
    width: 30%;
  }
  .main-visual__copy .main-copy {
    font-size: 12.8571428571vw;
  }
  .main-visual__copy .main-copy .en {
    font-size: 14.2857142857vw;
  }
  .main-visual__copy .main-copy br.sp {
    display: inherit;
  }
  .main-visual__copy .sub-copy {
    margin-top: 5vw;
  }
  .main-visual__copy .sub-copy img {
    width: 30vw;
    min-width: 210px;
  }
  .main-visual__bg {
    left: -10vw;
    top: -14vw;
    z-index: -1;
    width: 100vw;
  }
  .main-visual__bg-svg {
    position: relative;
    top: -16vw;
    left: -15vw;
    width: 130vw;
    min-width: 460px;
  }
}
@media only screen and (max-width: 560px ) {
  .main-visual__contents {
    padding-top: 20vw;
    padding-left: 20px;
    padding-bottom: 12vw;
  }
  .main-visual__decoration {
    width: 100%;
  }
  .main-visual__copy .main-copy {
    font-size: 15.7142857143vw;
  }
  .main-visual__copy .main-copy .en {
    font-size: 17.1428571429vw;
  }
  .main-visual__bg {
    left: -20px;
    top: -14vw;
  }
  .main-visual__bg-svg {
    top: -20vw;
    left: -20vw;
    width: 140vw;
  }
}

.sticky-img--sp {
  display: none;
}
@media only screen and (max-width: 1024px ) {
  .sticky-img--sp {
    display: inherit;
  }
  .sticky-img--sp .sticy-img__item img {
    width: 100%;
    aspect-ratio: 219/211;
    object-fit: cover;
    mask-image: url(../img2026/mv_slider_path.png);
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
  }
}

.scroll-animation {
  position: relative;
  margin-top: -12vh;
}
.scroll-animation__bg {
  margin: 0 auto;
  width: 37px;
  padding: 13px 18px;
  background: #fff;
  border-radius: 18px;
}
.scroll-animation__line {
  position: relative;
  width: 1px;
  height: 53px;
  background: #343434;
}
.scroll-animation__line::after {
  position: absolute;
  top: 0;
  left: -5px;
  width: 11px;
  height: 6px;
  content: "";
  background: #343434;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  animation: scroll 1.3s ease-out infinite;
}
@media only screen and (max-width: 1024px ) {
  .scroll-animation {
    margin-top: 40px;
  }
}

@keyframes scroll {
  0% {
    top: 0;
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
  80% {
    opacity: 1;
  }
  100% {
    top: calc(100% - 6px);
    opacity: 0;
  }
}
.main-visual__news {
  position: relative;
  display: flex;
  gap: 0 11.1428571429%;
  margin-top: 100px;
  padding: 25px 5.1428571429%;
  width: 97.1428571429%;
  max-width: 1260px;
  color: #fff;
  background: #343434;
  border-radius: 0 999px 999px 0;
}
.main-visual__news-title {
  font-size: 3rem;
  font-family: "Roboto Condensed", "Roboto", "Noto Sans JP", sans-serif;
  font-weight: 500;
  text-transform: capitalize;
}
.main-visual__news-list {
  flex: 1;
  max-width: 800px;
}
.main-visual__news-list .news-item + .news-item {
  border-top: 1px dashed #fff;
}
.main-visual__news-list .news-item a {
  display: flex;
  align-items: center;
  gap: 30px;
  padding: 1em 0;
  width: 100%;
}
.main-visual__news-list .news-item a:hover {
  opacity: 0.6;
}
.main-visual__news-list .news-item__date {
  width: fit-content;
  font-size: 1.5rem;
  font-family: "Roboto Condensed", "Roboto", "Noto Sans JP", sans-serif;
  font-weight: 500;
}
.main-visual__news-list .news-item__title {
  flex: 1;
  font-size: 1.8rem;
  font-weight: bold;
}
@media only screen and (max-width: 1024px ) {
  .main-visual__news {
    gap: 0 7.1428571429%;
    margin-top: 30px;
    padding: 0.75em 5.1428571429%;
  }
  .main-visual__news-title {
    font-size: 2.8rem;
  }
  .main-visual__news-list .news-item {
    width: calc(100% - 30px);
  }
  .main-visual__news-list .news-item a {
    gap: 1.25em;
  }
  .main-visual__news-list .news-item__date {
    font-size: 1.4rem;
  }
  .main-visual__news-list .news-item__title {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 560px ) {
  .main-visual__news {
    flex-wrap: wrap;
    gap: 0;
    padding: 1em 20px;
  }
  .main-visual__news-title {
    width: 100%;
    font-size: 2.4rem;
  }
  .main-visual__news-list .news-item a {
    flex-wrap: wrap;
    gap: 0;
  }
  .main-visual__news-list .news-item__date {
    width: 100%;
    font-size: 1.2rem;
  }
  .main-visual__news-list .news-item__title {
    font-size: 1.4rem;
  }
}

.main-visual__messasge {
  position: relative;
  padding: 400px 5.1428571429% 84px;
}
.main-visual__messasge::after {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 86%;
  aspect-ratio: 10/9;
  content: "";
  background: rgba(112, 196, 151, 0.3);
  border-radius: 9999px 0 0 9999px;
  z-index: -1;
  mix-blend-mode: multiply;
}
.main-visual__messasge::before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(0deg, #2ac874 0, rgba(42, 200, 116, 0.75) 25%, rgba(42, 200, 116, 0.75) 50%, rgba(209, 209, 209, 0.75) 85%, rgba(209, 209, 209, 0) 100%);
  z-index: -1;
}
.main-visual__messasge-title {
  font-size: 6.5rem;
  font-weight: bold;
  color: #fff;
}
.main-visual__messasge-textarea {
  width: 100%;
  max-width: 732px;
  margin-top: 4.8em;
  font-size: 2.9rem;
  font-weight: bold;
  color: #fff;
  line-height: 1.75;
}
.main-visual__messasge-textarea p + p {
  margin-top: 2em;
}
@media only screen and (max-width: 1024px ) {
  .main-visual__messasge {
    padding: 8em 5.1428571429% 3em;
  }
  .main-visual__messasge-title {
    font-size: 6.5vw;
  }
  .main-visual__messasge-textarea {
    font-size: 2.9vw;
  }
}
@media only screen and (max-width: 560px ) {
  .main-visual__messasge {
    padding: 100px 20px 60px;
  }
  .main-visual__messasge-title {
    font-size: 2.8rem;
  }
  .main-visual__messasge-textarea {
    margin-top: 1.75em;
    font-size: 1.6rem;
  }
}

.section__home-youtube {
  position: relative;
  padding-top: 13.6428571429vw;
  background: #fff;
}
.section__home-youtube::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 66%;
  content: "";
  background: linear-gradient(180deg, #2ac874 0%, #2ac874 30%, rgba(42, 200, 116, 0) 100%);
  z-index: 99;
}
@media only screen and (max-width: 560px ) {
  .section__home-youtube {
    padding-top: 60px;
  }
  .section__home-youtube::after {
    height: 200px;
  }
}

.home-youtube__textarea {
  position: absolute;
  bottom: 5vw;
  color: #fff;
  z-index: 100;
  filter: drop-shadow(0 0 20px rgba(0, 0, 0, 0.6));
}
.home-youtube__title {
  font-size: 3rem;
  font-weight: bold;
}
.home-youtube__text {
  margin-top: 1em;
  font-size: 1.8rem;
}
.home-youtube__link {
  margin-top: 2em;
  width: fit-content;
  max-width: inherit;
  background: transparent;
}
.home-youtube__img {
  position: relative;
}
.home-youtube__img::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: linear-gradient(0deg, rgba(93, 93, 93, 0.6) 0%, rgba(93, 93, 93, 0.6) 33%, rgba(186, 186, 186, 0.2) 66%, rgba(186, 186, 186, 0.2) 100%);
  z-index: 99;
}
.home-youtube__img video {
  width: 100%;
}
@media only screen and (max-width: 1024px ) {
  .home-youtube__textarea {
    padding-bottom: 0;
  }
  .home-youtube__title {
    font-size: 2.8rem;
  }
  .home-youtube__text {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 560px ) {
  .home-youtube__title {
    font-size: 2.4rem;
  }
  .home-youtube__img {
    overflow: hidden;
  }
  .home-youtube__img video {
    transform: translateX(-20%);
    width: 140vw;
  }
}

.page-section__area {
  position: relative;
  background: url("../img2026/bg_home-aboutus.png") top center/100% auto no-repeat, url("../img2026/bg_home-recruit.png") bottom center/100% auto no-repeat, #fff;
}

.section__home-aboutus {
  padding-top: 180px;
}
.section__home-aboutus .flex-2col__figure {
  position: relative;
}
.section__home-aboutus .flex-2col__figure .figure__aboutus {
  position: relative;
}
.section__home-aboutus .flex-2col__figure .figure-bg__aboutus {
  position: absolute;
  right: -5%;
  top: -5%;
  z-index: 0;
}
@media only screen and (max-width: 560px ) {
  .section__home-aboutus {
    padding-top: 100px;
  }
}

.section__home-jobs {
  margin-top: 120px;
}
.section__home-jobs .flex-2col__figure {
  position: relative;
}
.section__home-jobs .flex-2col__figure .figure__jobs {
  position: relative;
}
.section__home-jobs .flex-2col__figure .figure-bg__jobs {
  position: absolute;
  right: 10%;
  top: -10%;
  z-index: 0;
}
@media only screen and (max-width: 560px ) {
  .section__home-jobs {
    margin-top: 100px;
  }
}

.section__home-people {
  margin-top: 120px;
}
.section__home-people__textarea {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 5%;
}
.section__home-people__textarea .text {
  flex: 1;
}
.section__home-people__textarea .btn {
  width: fit-content;
  min-width: 250px;
}
@media only screen and (max-width: 560px ) {
  .section__home-people {
    margin-top: 100px;
  }
  .section__home-people__textarea {
    margin-top: 0;
    display: block;
  }
  .section__home-people__textarea .btn {
    margin-top: 40px;
    min-width: 240px;
  }
}

.slider-people {
  margin-top: 40px;
}
.slider-people__item {
  position: relative;
  transform: scale(1.02);
  max-width: 620px;
  z-index: 100;
}
.slider-people__item .btn__basic {
  pointer-events: none;
}
.slider-people__item .slider-people__item__inner * {
  opacity: 0.6;
  transition: all 0.3s ease-out;
}
.slider-people__item.is-active-next, .slider-people__item.slick-current {
  z-index: 99;
}
.slider-people__item.is-active-next .btn__basic, .slider-people__item.slick-current .btn__basic {
  pointer-events: inherit;
}
.slider-people__item.is-active-next .slider-people__item__inner *, .slider-people__item.slick-current .slider-people__item__inner * {
  opacity: 1;
}
.slider-people__item.is-active-next + .slider-people__item, .slider-people__item.slick-current + .slider-people__item {
  z-index: 98;
}
.slider-people__item__inner {
  display: flex;
  flex-wrap: wrap;
  padding: 30px;
  border-radius: 0 9999px 9999px 0;
  background: #fff;
  filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.16));
}
.slider-people__list {
  padding: 10px 0;
}
.slider-people__textarea {
  flex: 1;
  padding: 0.5em 0;
}
.slider-people__img {
  width: 50%;
}
.slider-people__img img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 50%;
}
.slider-people__title {
  font-size: 2.1rem;
  font-weight: bold;
}
.slider-people__outline {
  margin-top: 3em;
  font-size: 1.5rem;
}
.slider-people .btn__basic {
  transform: scale(0.95);
  transform-origin: center left;
  margin-top: 1.5em;
}
.slider-people__arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 70px;
  height: 70px;
  z-index: 101;
  cursor: pointer;
}
.slider-people__arrow.prev-arrow {
  left: 30px;
}
.slider-people__arrow.prev-arrow .border-circle::after {
  right: -18px;
}
.slider-people__arrow.prev-arrow .center-arrow {
  clip-path: polygon(0 50%, 100% 0, 100% 100%);
}
.slider-people__arrow.next-arrow {
  right: 30px;
}
.slider-people__arrow.next-arrow .border-circle::after {
  left: -18px;
}
.slider-people__arrow.next-arrow .center-arrow {
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
@media (hover: hover) {
  .slider-people__arrow:hover .border-circle {
    transform: scale(1.2);
  }
  .slider-people__arrow:hover .center-circle {
    background: #343434;
  }
  .slider-people__arrow:hover .center-arrow {
    background: #fff;
  }
}
.slider-people__arrow__inner {
  position: relative;
  width: 100%;
  height: 100%;
}
.slider-people__arrow__inner .border-circle {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border: 3px solid #343434;
  border-radius: 50%;
  z-index: 100;
  transition: all 0.1s ease-out;
}
.slider-people__arrow__inner .border-circle::after {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 11px;
  height: 11px;
  content: "";
  border-radius: 50%;
  background: #343434;
}
.slider-people__arrow__inner .center-circle {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 64px;
  height: 64px;
  background: #fff;
  border-radius: 50%;
  z-index: 99;
  transition: all 0.1s ease-out;
}
.slider-people__arrow__inner .center-arrow {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 8px;
  height: 13px;
  background: #343434;
  z-index: 100;
  transform: translateX(1px);
  transition: all 0.1s ease-out;
}
@media only screen and (max-width: 1024px ) {
  .slider-people__item {
    transform: scale(1);
  }
  .slider-people__title {
    font-size: 1.8rem;
  }
  .slider-people__outline {
    font-size: 1.4rem;
  }
  .slider-people .btn__basic {
    transform: scale(1);
  }
  .slider-people__arrow {
    width: 60px;
    height: 60px;
  }
  .slider-people__arrow.prev-arrow {
    left: 20px;
  }
  .slider-people__arrow.prev-arrow .border-circle::after {
    right: -16px;
  }
  .slider-people__arrow.next-arrow {
    right: 20px;
  }
  .slider-people__arrow.next-arrow .border-circle::after {
    left: -16px;
  }
  .slider-people__arrow__inner .border-circle::after {
    width: 8px;
    height: 8px;
  }
  .slider-people__arrow__inner .center-circle {
    width: 54px;
    height: 54px;
  }
  .slider-people__arrow__inner .center-arrow {
    width: 7px;
    height: 12px;
  }
}
@media screen and (max-width: 700px) {
  .slider-people__item {
    width: 95vw;
  }
  .slider-people__item__inner {
    padding: 20px;
  }
  .slider-people__list {
    padding: 5px 0;
  }
  .slider-people__outline {
    margin-top: 2em;
  }
}
@media only screen and (max-width: 560px ) {
  .slider-people {
    margin-top: 0;
  }
  .slider-people__item {
    transform: scale(1);
    width: 90vw;
  }
  .slider-people__item__inner {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    padding: 20px;
    border-radius: 9999px 9999px 0 0;
  }
  .slider-people__textarea {
    flex: inherit;
    width: 100%;
    padding: 0;
  }
  .slider-people__img {
    width: 100%;
  }
  .slider-people__title {
    margin-top: 1em;
    font-size: 1.8rem;
  }
  .slider-people__title br {
    display: none;
  }
  .slider-people__outline {
    margin-top: 1em;
    font-size: 1.4rem;
  }
  .slider-people__outline br {
    content: "";
  }
  .slider-people__outline br::before {
    margin-left: 0.25em;
    content: "";
  }
}

.slick-initialized .slick-slide.slider-people__item {
  padding: 40px 0;
}
@media only screen and (max-width: 560px ) {
  .slick-initialized .slick-slide.slider-people__item {
    padding: 40px 10px;
  }
}

.section__home-environment {
  margin-top: 120px;
}
.section__home-environment .flex-2col__figure {
  position: relative;
}
.section__home-environment .flex-2col__figure .figure__environment {
  position: relative;
}
.section__home-environment .flex-2col__figure .figure-bg__environment {
  position: absolute;
  right: 6%;
  top: -3%;
  z-index: 0;
}
@media only screen and (max-width: 560px ) {
  .section__home-environment {
    margin-top: 100px;
  }
}

.section__home-recruitment {
  margin-top: 120px;
  padding-bottom: 120px;
}
.section__home-recruitment .flex-2col__figure {
  position: relative;
}
.section__home-recruitment .flex-2col__figure .figure__recruitment {
  position: relative;
}
.section__home-recruitment .flex-2col__figure .figure-bg__recruitment {
  position: absolute;
  right: -5%;
  top: -13%;
  z-index: 0;
}
@media only screen and (max-width: 560px ) {
  .section__home-recruitment {
    margin-top: 100px;
  }
}

.scroll-effect {
  opacity: 0;
  transform: scale(0) rotate(45deg);
  transition: all 0.9s ease-out;
}
.scroll-effect.in-screen {
  opacity: 1;
  transform: scale(1) rotate(0);
}

.noresult {
  margin-top: 2em;
}

/*
*
* Page - Philosophy
*
*/
.page-philosophy {
  background: url("../img2026/bg_philosophy.jpg") center top 100px/cover no-repeat, #fff;
}
@media only screen and (max-width: 560px ) {
  .page-philosophy {
    background-size: auto 95%;
    background-position: center bottom;
  }
}

.page-philosophy__vision .section__vision-inner {
  padding-left: 40px;
  display: flex;
  flex-direction: row-reverse;
  gap: 30px;
}
@media screen and (min-width: 1331px) {
  .page-philosophy__vision .section__vision-inner {
    padding-left: calc((100vw - 1250px) / 2);
  }
}
.page-philosophy__vision .vision__figure {
  width: 52%;
}
.page-philosophy__vision .vision__figure img {
  border-radius: 10px 0 0 10px;
}
.page-philosophy__vision .vision__textarea {
  flex: 1;
}
@media only screen and (max-width: 560px ) {
  .page-philosophy__vision .section__vision-inner {
    padding: 0 20px;
    display: inherit;
  }
  .page-philosophy__vision .vision__figure {
    width: 100%;
  }
  .page-philosophy__vision .vision__figure img {
    border-radius: 10px;
  }
  .page-philosophy__vision .vision__textarea {
    margin-top: 1.75em;
  }
}

.page-philosophy__value .value-list {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  margin-top: 40px;
}
.page-philosophy__value .value-item {
  flex: 1;
}
.page-philosophy__value .value-item__title {
  font-size: 2.5rem;
  font-weight: bold;
}
.page-philosophy__value .value-item__img {
  margin-top: 1.5em;
}
.page-philosophy__value .value-item__img img {
  width: 100%;
  aspect-ratio: 9/5;
  object-fit: cover;
  border-radius: 10px;
}
.page-philosophy__value .value-item__textarea {
  margin-top: 2em;
  font-size: 1.4rem;
}
@media only screen and (max-width: 1024px ) {
  .page-philosophy__value .value-item {
    flex: inherit;
    width: calc((100% - 30px) / 2);
  }
}
@media only screen and (max-width: 560px ) {
  .page-philosophy__value .value-list {
    margin-top: 50px;
    gap: 50px;
  }
  .page-philosophy__value .value-item {
    flex: inherit;
    width: 100%;
  }
  .page-philosophy__value .value-item__title {
    font-size: 2.4rem;
  }
  .page-philosophy__value .value-item__img {
    margin-top: 1em;
  }
  .page-philosophy__value .value-item__textarea {
    margin-top: 1em;
    font-size: 1.6rem;
  }
}

.page-philosophy__sustainability .sustainability-list {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}
.page-philosophy__sustainability .sustainability-item {
  width: calc((100% - 60px) / 3);
}
.page-philosophy__sustainability .sustainability-item a {
  display: block;
  width: 100%;
  height: 100%;
}
.page-philosophy__sustainability .sustainability-item a:hover {
  opacity: 0.6;
}
.page-philosophy__sustainability .sustainability-item img {
  width: 100%;
  border-radius: 10px;
}
.page-philosophy__sustainability .sustainability-item__title {
  margin-top: 0.6em;
  font-size: 1.2rem;
}
@media only screen and (max-width: 1024px ) {
  .page-philosophy__sustainability .sustainability-item {
    width: calc((100% - 30px) / 2);
  }
}
@media only screen and (max-width: 560px ) {
  .page-philosophy__sustainability .sustainability-list {
    margin-top: 30px;
    gap: 30px;
  }
  .page-philosophy__sustainability .sustainability-item {
    flex: inherit;
    width: 100%;
  }
}

/*
*
* Page - What We Look For
*
*/
.page-lookfor {
  background: url("../img2026/bg_what-we-look-for.jpg") center top 100px/cover no-repeat, #fff;
}
@media only screen and (max-width: 560px ) {
  .page-lookfor {
    background-size: auto 95%;
    background-position: center bottom;
  }
}

.lookfor__heading-text {
  margin-bottom: 90px;
  text-align: justify;
}
@media only screen and (max-width: 560px ) {
  .lookfor__heading-text {
    margin-bottom: 50px;
  }
}

.lookfor__feature-list {
  display: flex;
  flex-wrap: wrap;
  gap: 50px 30px;
}
.lookfor__feature-list .feature-item {
  flex: 1;
}
.lookfor__feature-list .feature-item__img img {
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  border-radius: 10px;
}
.lookfor__feature-list .feature-item__title {
  margin-top: 0.6em;
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
}
.lookfor__feature-list .feature-item__textarea {
  margin-top: 0.5em;
  text-align: justify;
}
@media only screen and (max-width: 560px ) {
  .lookfor__feature-list .feature-item {
    flex: inherit;
    width: 100%;
  }
  .lookfor__feature-list .feature-item__title {
    text-align: left;
  }
}

.page-lookfor__message .section__message-inner {
  padding-left: 40px;
  display: flex;
  flex-direction: row-reverse;
  gap: 30px;
}
@media screen and (min-width: 1331px) {
  .page-lookfor__message .section__message-inner {
    padding-left: calc((100vw - 1250px) / 2);
  }
}
.page-lookfor__message .message__figure {
  width: 52%;
}
.page-lookfor__message .message__figure img {
  border-radius: 10px 0 0 10px;
}
.page-lookfor__message .message__textarea {
  flex: 1;
}
.page-lookfor__message .message__textarea .section-text01 p + p {
  margin-top: 1em;
}
.page-lookfor__message .message__textarea .message__sign {
  margin-top: 1.5em;
  font-size: 1.8rem;
}
@media only screen and (max-width: 560px ) {
  .page-lookfor__message .section__message-inner {
    padding: 0 20px;
    display: inherit;
  }
  .page-lookfor__message .message__figure {
    width: 100%;
  }
  .page-lookfor__message .message__figure img {
    border-radius: 10px;
  }
  .page-lookfor__message .message__textarea {
    margin-top: 1.75em;
  }
}

/*
*
* Page - applicants
*
*/
.page-applicants {
  background: url("../img2026/bg_applicants-and-flows.jpg") center top 110px/100% no-repeat, #fff;
}
@media only screen and (max-width: 560px ) {
  .page-applicants {
    background-size: 300% auto;
    background-position: center top 150px;
  }
}

.applicants__heading-text {
  margin-bottom: 90px;
}
@media only screen and (max-width: 560px ) {
  .applicants__heading-text {
    margin-bottom: 50px;
  }
}

.application_item_link {
  display: block;
  width: 100%;
  max-width: 347px;
  margin: 0 auto;
  padding: 1.25em 2.25em 1.25em 1.75em;
  font-size: 1.7rem;
  font-weight: bold;
  color: #fff;
  background: linear-gradient(90deg, #2ac874 0%, #16daa6 100%);
  border-radius: 0 999px 999px 0;
}
.application_item_link span {
  position: relative;
  display: block;
  padding-right: 1em;
}
.application_item_link span::after {
  position: absolute;
  top: 0.25em;
  right: 0;
  width: 9px;
  height: 9px;
  content: "";
  background: #fff;
  clip-path: polygon(0 0, 100% 0, 100% 100%);
}
.application_item_link:hover {
  opacity: 0.6;
}

.requirements-contents {
  margin-top: 50px;
}

.switch-cat-list {
  display: flex;
  gap: 5px 0;
  position: relative;
  margin-bottom: 40px;
  border-bottom: 1px solid #ccc;
}
.switch-cat-list::after {
  position: absolute;
  bottom: -1px;
  left: var(--after-left, 0);
  width: var(--after-width, 0);
  height: 3px;
  content: "";
  background: #343434;
  transition: left 0.2s ease-out;
}
.switch-cat-list li {
  flex: 1;
}
.switch-cat-list li .btn__switch-cat {
  padding: 0 0.5em 1em;
  width: 100%;
  color: #aaa;
  font-weight: bold;
  text-align: center;
}
.switch-cat-list li .btn__switch-cat.active {
  color: #343434;
}

.requirements-item {
  transition: all 0.3s ease-out;
}
.requirements-item + .requirements-item {
  margin-top: 20px;
}
.requirements-item:has(.open) + .requirements-item:has(.open) {
  margin-top: 30px;
}
.requirements-item__title {
  position: relative;
  padding: 1em calc(1em + 18px + 1em) 1em 1em;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  background: #f4a951;
  border-radius: 10px 10px 0 0;
  transition: all 0.2s ease-out;
}
.requirements-item__title::before {
  position: absolute;
  top: 0;
  right: 1em;
  bottom: 0;
  margin: auto;
  width: 18px;
  height: 2px;
  background: currentColor;
}
.requirements-item__title::after {
  position: absolute;
  top: 0;
  right: calc(1em + 8px);
  bottom: 0;
  margin: auto;
  width: 2px;
  height: 18px;
  background: currentColor;
  transition: all 0.2s ease-out;
  transform: rotate(0);
}
.requirements-item__title:has(+ .requirements-item__list.open) {
  cursor: pointer;
}
.requirements-item__list {
  overflow: hidden;
  padding: 30px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 0 0 10px 10px;
  height: 130px;
  transition: all 0.3s ease;
  position: relative;
  cursor: pointer;
}
.requirements-item__list:after {
  content: "";
  display: block;
  width: 20px;
  height: 10px;
  background-color: #aaa;
  clip-path: polygon(0 0, 50% 100%, 100% 0);
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: 1;
  pointer-events: none;
  transition: 0.3s ease;
  transition-property: transform background-color;
}
#occupation_engineer .requirements-item__list:after {
  content: unset;
}
.requirements-item__list .requirements-item__list__trigger {
  content: "";
  display: block;
  width: 100%;
  height: 130px;
  background-image: linear-gradient(to top, white, white 20%, rgba(255, 255, 255, 0) 60%);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  opacity: 1;
  transition: opacity 0.3s ease;
}
@media only screen and (max-width: 560px ) {
  .requirements-item__list .requirements-item__list__trigger {
    background-image: linear-gradient(to top, white, white 10%, rgba(255, 255, 255, 0) 40%);
  }
}
#occupation_engineer .requirements-item__list .requirements-item__list__trigger {
  pointer-events: none;
}
#occupation_general .requirements-item__list__inner {
  padding-bottom: 30px;
}
.requirements-item__list:has(.requirements-item__list__trigger:hover):after {
  background-color: #f4a951;
}
.requirements-item__list.open {
  height: unset;
  cursor: auto;
}
.requirements-item__list.open .requirements-item__list__trigger {
  height: 60px;
  opacity: 0;
  cursor: pointer;
}
@media only screen and (max-width: 560px ) {
  .requirements-item__list.open .requirements-item__list__trigger {
    height: 50px;
  }
}
.requirements-item__list.open:after {
  bottom: 25px;
  transform: scale(1, -1);
}
@media only screen and (max-width: 560px ) {
  .requirements-item__list.open:after {
    bottom: 20px;
  }
}
@media only screen and (max-width: 560px ) {
  .requirements-item__list {
    padding: 20px 1em;
  }
}
.requirements-item__btns {
  margin-top: 50px;
}
#occupation_engineer .requirements-item__title {
  pointer-events: none;
}
#occupation_engineer .requirements-item__title::before, #occupation_engineer .requirements-item__title::after {
  display: none;
}

.item-data {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25em 1em;
}
.item-data + .item-data {
  margin-top: 1.75em;
}
.item-data__title {
  width: 7em;
  font-weight: bold;
}
.item-data__text {
  flex: 1;
}

@media only screen and (max-width: 1024px ) {
  .requirements-item__title {
    font-size: 1.6rem;
  }
  .requirements-item__title::before {
    width: 16px;
  }
  .requirements-item__title::after {
    right: calc(1em + 7px);
    height: 16px;
  }
  .requirements-item__list {
    padding: 1.25em 1em;
  }
  .item-data + .item-data {
    margin-top: 1.25em;
  }
  .item-data__title {
    width: 100%;
  }
  .item-data__text {
    width: 100%;
    flex: inherit;
  }
}
@media only screen and (max-width: 560px ) {
  .application_item_link {
    padding: 1em 2em 1em 1.5em;
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 400px) {
  .switch-cat-list li .btn__switch-cat {
    font-size: clamp(11px, 3.5vw, 16px);
  }
}
.flow-list {
  margin-top: 50px;
}
@media only screen and (max-width: 560px ) {
  .flow-list {
    margin-top: 40px;
  }
}

.flow-item {
  position: relative;
}
.flow-item:not(:last-child) {
  padding-bottom: 50px;
}
.flow-item:before {
  position: absolute;
  top: 0;
  left: 23px;
  width: 3px;
  height: 100%;
  content: "";
  background: #f4a951;
  z-index: 99;
}
.flow-item__ttl {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-size: 2rem;
  z-index: 100;
}
.flow-item__num {
  width: 48px;
  padding: 1.3rem 0;
  font-size: 2.2rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 1;
  background: #f4a951;
  border-radius: 10px;
}
.flow-item__inner {
  position: relative;
  display: flex;
  gap: 1em;
  align-items: center;
  margin-top: 5px;
  padding: 1.25em 1.25em;
  border: 1px solid #707070;
  border-radius: 10px;
  background: #fff;
  z-index: 100;
}
@media only screen and (max-width: 1024px ) {
  .flow-item__ttl {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 800px ) {
  .flow-item__inner {
    display: block;
  }
  .flow-item__inner .application_item_link {
    margin: 1em 0 0;
  }
}
@media only screen and (max-width: 560px ) {
  .flow-item:not(:last-child) {
    padding-bottom: 30px;
  }
}

.flow__footer-text {
  margin-top: 70px;
  font-size: 2.5rem;
  font-weight: bold;
  text-align: center;
}

/*
*
* Page - Benefit & Learning
*
*/
.page-benefit {
  background: url("../img2026/bg_benefit.jpg") center top 100px/cover no-repeat, #fff;
}
@media only screen and (max-width: 560px ) {
  .page-benefit {
    background-size: auto 100%;
    background-position: center bottom;
  }
}

.benefit-item.--main {
  display: flex;
  gap: 4.2857142857%;
  margin-top: 50px;
}
.benefit-item.--main.--reverse {
  flex-direction: row-reverse;
}
.benefit-item.--main + .benefit-item.--main {
  margin-top: 90px;
}
.benefit-item.--main .benefit-item__img {
  width: 31.25%;
}
.benefit-item.--main .benefit-item__img img {
  border-radius: 10px;
}
.benefit-item.--main .benefit-item__textarea {
  flex: 1;
}
.benefit-item.--main .benefit-item__title {
  font-size: 3rem;
  font-weight: bold;
}
.benefit-item.--main .benefit-item__text {
  margin-top: 2.25em;
}
.benefit-item.--main .benefit-item__link {
  position: relative;
  margin-top: 1em;
  color: #2ac874;
  font-weight: bold;
}
.benefit-item.--main .benefit-item__link::after {
  position: absolute;
  left: 0;
  bottom: -0.25em;
  width: 100%;
  height: 1px;
  background: currentColor;
  content: "";
}
.benefit-item.--main .benefit-item__link:hover {
  opacity: 0.6;
}
@media only screen and (max-width: 800px ) {
  .benefit-item.--main {
    display: block;
    margin-top: 30px;
  }
  .benefit-item.--main + .benefit-item.--main {
    margin-top: 50px;
  }
  .benefit-item.--main .benefit-item__img {
    margin-top: 1.5em;
    width: 100%;
  }
  .benefit-item.--main .benefit-item__textarea {
    flex: inherit;
  }
  .benefit-item.--main .benefit-item__title {
    font-size: 2.4rem;
  }
  .benefit-item.--main .benefit-item__text {
    margin-top: 1em;
  }
}

.benefit-sub-list {
  margin-top: 50px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.benefit-item.--main + .benefit-sub-list {
  margin-top: 120px;
}
.benefit-sub-list .benefit-item.--sub {
  padding: 20px 20px 30px;
  width: calc((100% - 10px) / 2);
  background: #fff;
  border: 2px solid #efefef;
  border-radius: 10px;
}
.benefit-sub-list .benefit-item__icon img {
  width: 100px;
}
.benefit-sub-list .benefit-item__title {
  display: flex;
  align-items: center;
  gap: 0.75em;
  font-size: 2rem;
  font-weight: bold;
}
.benefit-sub-list .benefit-item__text {
  margin-top: 10px;
}
@media only screen and (max-width: 560px ) {
  .benefit-sub-list {
    margin-top: 30px;
  }
  .benefit-item.--main + .benefit-sub-list {
    margin-top: 50px;
  }
  .benefit-sub-list .benefit-item.--sub {
    width: 100%;
  }
  .benefit-sub-list .benefit-item__icon img {
    width: 48px;
  }
  .benefit-sub-list .benefit-item__title {
    font-size: 1.8rem;
  }
}

.benefit-etc-list__wrapper {
  margin-top: 20px;
  padding: 48px;
  background: #fff;
  border: 1px solid #efefef;
  border-radius: 10px;
}
@media only screen and (max-width: 560px ) {
  .benefit-etc-list__wrapper {
    padding: 30px;
  }
}

.benefit-etc-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
  gap: 30px;
  margin: 0 auto;
  width: 100%;
  max-width: 1000px;
}
.benefit-etc-list .benefit-item {
  text-align: center;
}
.benefit-etc-list .benefit-item__icon img {
  max-width: 98px;
}
.benefit-etc-list .benefit-item__title {
  margin-top: 0.5em;
  font-size: 1.4rem;
  font-weight: bold;
}

/*
*
* Page - Work style
*
*/
.page-workstyle {
  background: url("../img2026/bg_benefit.jpg") center top 100px/cover no-repeat, #fff;
}
@media only screen and (max-width: 560px ) {
  .page-workstyle {
    background-size: auto 100%;
    background-position: center bottom;
  }
}

.workstyle-item {
  display: flex;
  gap: 4.2857142857%;
}
.workstyle-item.--reverse {
  flex-direction: row-reverse;
}
.workstyle-item + .workstyle-item {
  margin-top: 90px;
}
.workstyle-item .workstyle-item__img {
  width: 31.25%;
}
.workstyle-item .workstyle-item__img img {
  border-radius: 10px;
}
.workstyle-item .workstyle-item__textarea {
  flex: 1;
}
.workstyle-item .workstyle-item__title {
  font-size: 3rem;
  font-weight: bold;
}
.workstyle-item .workstyle-item__text {
  margin-top: 2.25em;
}
@media only screen and (max-width: 800px ) {
  .workstyle-item {
    display: block;
    margin: 30px auto 0;
  }
  .workstyle-item + .workstyle-item {
    margin-top: 50px;
  }
  .workstyle-item .workstyle-item__img {
    margin-top: 1.5em;
    width: 100%;
  }
  .workstyle-item .workstyle-item__textarea {
    flex: inherit;
  }
  .workstyle-item .workstyle-item__title {
    font-size: 2.4rem;
  }
  .workstyle-item .workstyle-item__text {
    margin-top: 1em;
  }
}

.article-bnr__surroundings__wrapper {
  padding-top: 30px;
  /* @include media(sp) {
      padding-top: 50px;
  } */
}

.slider__workstyle.slick-dotted.slick-slider {
  margin-bottom: 63px;
}
.slider__workstyle .slider-item {
  width: 40vw;
}
.slider__workstyle .slider-item.slick-slide {
  padding: 0 5px;
}
.slider__workstyle .slider-item figure {
  background: #60c6a4;
  border-radius: 10px;
}
.slider__workstyle .slider-item img {
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
  border-radius: 10px;
  opacity: 0.6;
  transition: all 0.3s ease-out;
}
.slider__workstyle .slider-item.slick-current img {
  border: 2px solid #0cd08f;
  opacity: 1;
}
.slider__workstyle .slider__workstyle-dots {
  position: absolute;
  top: calc(30vw + 7px);
  left: 0;
  right: 0;
  margin: 0 auto;
  padding: 18px 20px;
  display: flex;
  gap: 20px;
  align-items: center;
  width: fit-content;
  background: #fff;
  border-radius: 999px;
}
.slider__workstyle .slider__workstyle-dots button {
  display: block;
  width: 12px;
  height: 12px;
  font-size: 0;
  color: transparent;
  background: #9ae5b4;
  border: none;
  border-radius: 50%;
  outline: none;
  cursor: pointer;
}
.slider__workstyle .slider__workstyle-dots .slick-active button {
  background: #0cd08f;
  transform: scale(1.5);
}
@media only screen and (max-width: 560px ) {
  .slider__workstyle .slider-item {
    width: 80vw;
  }
  .slider__workstyle .slider__workstyle-dots {
    top: calc(60vw + 7px);
  }
}

.slider__surroundings {
  margin-top: 50px;
}
@media only screen and (max-width: 560px ) {
  .slider__surroundings {
    margin-top: 30px;
  }
}

.slider__office {
  margin-top: 50px;
}
.slider__office .slider-item__title {
  margin-top: 78px;
  font-size: 2.2rem;
  font-weight: bold;
}
.slider__office .slider-item__textarea {
  margin-top: 1em;
}
.slider__office .slider-item__title, .slider__office .slider-item__textarea {
  opacity: 0;
  transition: all 0.3s ease-out;
  transition-delay: 0.1s;
}
.slider__office .slider-item.slick-current .slider-item__title,
.slider__office .slider-item.slick-current .slider-item__textarea {
  opacity: 1;
}
@media only screen and (max-width: 560px ) {
  .slider__office {
    margin-top: 30px;
  }
  .slider__office .slider-item__title {
    font-size: 1.8rem;
  }
  .slider__office .slider-item__textarea {
    font-size: 1.4rem;
  }
}

/*
*
* Page - 3min
*
*/
.page-3min {
  background: url("../img2026/bg_3minaboutus.jpg") center top 100px/cover no-repeat, #fff;
}
@media only screen and (max-width: 560px ) {
  .page-3min {
    background-size: auto 95%;
    background-position: center bottom;
  }
}

.page-3min__section01 .service-results {
  margin-top: 50px;
}
.page-3min__section01 .service-results__list .results-item {
  display: flex;
  align-items: center;
  gap: 1em;
  padding: 0.75em 0;
  font-weight: bold;
}
.page-3min__section01 .service-results__list .results-item + .results-item {
  border-top: 1px solid #343434;
}
.page-3min__section01 .service-results__list .results-item dt {
  width: 9em;
  font-size: 1.7857142857vw;
  text-align: left;
}
.page-3min__section01 .service-results__list .results-item dd {
  flex: 1;
  font-size: 1.4285714286vw;
  text-align: right;
}
.page-3min__section01 .service-results__list .results-item dd .num {
  display: inline-block;
  margin-right: 0.1em;
  font-size: 2.8571428571vw;
}
.page-3min__section01 .service-results__list .results-item dd .num .number {
  display: inline-block;
  font-size: 1.1em;
  transform: translateY(0.02em);
}
.page-3min__section01 .service-results__list .results-item dd .status-bar {
  margin-top: 0.25em;
  margin-left: auto;
  width: 50%;
  height: 12px;
  background: linear-gradient(120deg, #2ac874, #16daa6);
  border-radius: 999px;
}
.page-3min__section01 .service-results__list .results-item dd .status-bar.range0 {
  width: 0;
}
.page-3min__section01 .service-results__list .results-item dd .status-bar.range10 {
  width: 10%;
}
.page-3min__section01 .service-results__list .results-item dd .status-bar.range20 {
  width: 20%;
}
.page-3min__section01 .service-results__list .results-item dd .status-bar.range30 {
  width: 30%;
}
.page-3min__section01 .service-results__list .results-item dd .status-bar.range40 {
  width: 40%;
}
.page-3min__section01 .service-results__list .results-item dd .status-bar.range50 {
  width: 50%;
}
.page-3min__section01 .service-results__list .results-item dd .status-bar.range60 {
  width: 60%;
}
.page-3min__section01 .service-results__list .results-item dd .status-bar.range70 {
  width: 70%;
}
.page-3min__section01 .service-results__list .results-item dd .status-bar.range80 {
  width: 80%;
}
.page-3min__section01 .service-results__list .results-item dd .status-bar.range90 {
  width: 90%;
}
.page-3min__section01 .service-results__list .results-item dd .status-bar.range100 {
  width: 100%;
}
.page-3min__section01 .sercive-results__caution {
  margin-top: 0.5em;
  font-size: 1.4rem;
  text-align: right;
}
@media only screen and (max-width: 800px ) {
  .page-3min__section01 .service-results {
    display: block;
  }
  .page-3min__section01 .service-results .flex-2col__textarea {
    width: 100%;
  }
  .page-3min__section01 .service-results__list .results-item dt {
    font-size: 2.5rem;
  }
  .page-3min__section01 .service-results__list .results-item dd {
    font-size: 2.5rem;
  }
  .page-3min__section01 .service-results__list .results-item dd .num {
    font-size: 4rem;
  }
}
@media only screen and (max-width: 560px ) {
  .page-3min__section01 .service-results {
    margin-top: 30px;
  }
  .page-3min__section01 .service-results__list .results-item dt {
    font-size: 1.6rem;
  }
  .page-3min__section01 .service-results__list .results-item dd {
    font-size: 1.6rem;
  }
  .page-3min__section01 .service-results__list .results-item dd .num {
    font-size: 2.8rem;
  }
  .page-3min__section01 .service-results__list .results-item dd .status-bar {
    height: 8px;
  }
  .page-3min__section01 .sercive-results__caution {
    font-size: 1.3rem;
  }
}

.article-bnr__manga {
  margin-top: 60px;
}
.article-bnr__manga .article-section__img {
  width: 90px;
}
@media only screen and (max-width: 560px ) {
  .article-bnr__manga {
    margin-top: 30px;
  }
  .article-bnr__manga .article-section__img img {
    aspect-ratio: inherit;
  }
}

.page-3min__section02 .automation-expert {
  margin-top: 50px;
}
@media only screen and (max-width: 560px ) {
  .page-3min__section02 .automation-expert {
    margin-top: 30px;
  }
}

.page-3min__section03 .horizontal-sass {
  margin-top: 50px;
}
.page-3min__section03 .btn__official {
  margin: 40px auto 0;
  display: block;
  max-width: 328px;
}
@media only screen and (max-width: 560px ) {
  .page-3min__section03 .horizontal-sass {
    margin-top: 30px;
  }
}

.about3min__case {
  margin-top: 70px;
}
.about3min__case .case-title {
  font-size: 1.4rem;
  text-align: center;
}
.about3min__case .case-list {
  margin-top: 1em;
  display: flex;
  gap: 20px;
}
.about3min__case .case-item img {
  border-radius: 10px;
}
@media only screen and (max-width: 1024px ) {
  .about3min__case {
    margin-top: 40px;
  }
  .about3min__case .case-list {
    flex-wrap: wrap;
    gap: 10px;
  }
  .about3min__case .case-item {
    width: calc((100% - 10px) / 2);
  }
}

.page_contents .section__wrapper.page-3min__section04 {
  margin-top: 140px;
}
@media only screen and (max-width: 560px ) {
  .page_contents .section__wrapper.page-3min__section04 {
    margin-top: 80px;
  }
}

.bnr__official {
  margin-top: 100px;
}
.bnr__official a {
  margin: 0 auto;
  display: block;
  max-width: 600px;
  transition: all 0.3s ease-out;
}
.bnr__official a:hover {
  opacity: 0.7;
}
@media only screen and (max-width: 560px ) {
  .bnr__official {
    margin-top: 60px;
  }
}

.global-strength {
  margin-top: 70px;
}
.global-strength .section-text01 {
  margin-top: 0;
}
@media only screen and (max-width: 560px ) {
  .global-strength {
    margin-top: 30px;
  }
}

.crros-teams {
  margin-top: 70px;
  align-items: center;
}
.crros-teams .section-copy01 {
  text-align: right;
}
@media only screen and (max-width: 560px ) {
  .crros-teams {
    margin-top: 50px;
  }
  .crros-teams .section-copy01 {
    text-align: left;
  }
}

/*
*
* Page - Working Data
*
*/
.page-working-data {
  background: url("../img2026/bg_working-data.png") center top 100px/cover no-repeat, #fff;
}
@media only screen and (max-width: 560px ) {
  .page-working-data {
    background-size: auto 95%;
    background-position: center bottom;
  }
}

.chart-list {
  display: flex;
  flex-wrap: wrap;
  gap: 100px 20px;
  margin-top: 60px;
}
.chart-list .chart-item {
  width: calc((100% - 40px) / 3);
}
.chart-list .chart-item__title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  height: 80px;
  max-width: 360px;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  line-height: 1.2;
  background: #fff;
  border-radius: 10px;
}
.chart-list .chart-item__title .sub-title {
  display: block;
  margin-top: 0.25em;
  font-size: 1.4rem;
}
.chart-list .chart-item__img {
  position: relative;
  width: 100%;
  aspect-ratio: 1/1;
}
.chart-list .chart-item__img__pie, .chart-list .chart-item__img__notes {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 100%;
  transform: scale(1.2);
}
@media only screen and (max-width: 1024px ) {
  .chart-list {
    gap: 80px 20px;
  }
  .chart-list .chart-item {
    width: calc((100% - 20px) / 2);
  }
  .chart-list .chart-item__title {
    height: 72px;
    max-width: 320px;
    font-size: 1.8rem;
  }
  .chart-list .chart-item__title .sub-title {
    font-size: 1.3rem;
  }
}
@media only screen and (max-width: 560px ) {
  .chart-list {
    gap: 60px 20px;
  }
  .chart-list .chart-item {
    width: 100%;
  }
  .chart-list .chart-item__title {
    max-width: inherit;
  }
  .chart-list .chart-item__img {
    margin-top: -20px;
  }
  .chart-list .chart-item__img__pie, .chart-list .chart-item__img__notes {
    transform: scale(1);
  }
}

.working-data__numerical {
  margin-top: 150px;
}
@media only screen and (max-width: 560px ) {
  .working-data__numerical {
    margin-top: 100px;
  }
}

.numerical-data__list {
  display: grid;
  gap: 10px;
}
.numerical-data__list .data-item {
  padding: 30px;
  background: #fff;
  border-radius: 10px;
}
.numerical-data__list .data-item__title {
  margin-bottom: 20px;
  font-size: 2.1rem;
  font-weight: bold;
  text-align: center;
}
.numerical-data__list .data-item__img img {
  width: 90%;
  max-width: 156px;
}
.numerical-data__list .data-item__number {
  margin-top: 1em;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}
.numerical-data__list .data-item__number .num {
  display: inline-block;
  margin-right: 0.1em;
  font-size: 6rem;
}
.numerical-data__list .data-item__year {
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}
.numerical-data__list .data-item.--recruit {
  grid-row: 1/3;
  grid-column: 1/3;
}
.numerical-data__list .data-item.--recruit .data-item__img img {
  max-width: 424px;
}
.numerical-data__list .data-item.--overtime {
  grid-row: 1/2;
  grid-column: 3/4;
}
.numerical-data__list .data-item.--holiday {
  grid-row: 1/2;
  grid-column: 4/5;
}
.numerical-data__list .data-item.--age {
  grid-row: 2/3;
  grid-column: 3/4;
}
@media only screen and (max-width: 1024px ) {
  .numerical-data__list .data-item__number {
    font-size: 1.8rem;
  }
  .numerical-data__list .data-item__number .num {
    font-size: 5.6rem;
  }
  .numerical-data__list .data-item__year {
    font-size: 1.4rem;
  }
  .numerical-data__list .data-item.--recruit {
    grid-row: 1/2;
    grid-column: 1/3;
  }
  .numerical-data__list .data-item.--overtime {
    grid-row: 2/3;
    grid-column: 1/2;
  }
  .numerical-data__list .data-item.--holiday {
    grid-row: 2/3;
    grid-column: 2/3;
  }
  .numerical-data__list .data-item.--age {
    grid-row: 3/4;
    grid-column: 1/2;
  }
}
@media only screen and (max-width: 560px ) {
  .numerical-data__list {
    display: block;
  }
  .numerical-data__list .data-item + .data-item {
    margin-top: 20px;
  }
}

/*
*
* Page - Jobs
*
*/
.page-jobs {
  background: url("../img2026/bg_jobs.jpg") center top 100px/cover no-repeat, #fff;
}
@media only screen and (max-width: 560px ) {
  .page-jobs {
    background-size: auto 95%;
    background-position: center bottom;
  }
}

.section__organization-chart-inner {
  margin-top: 70px;
}
@media only screen and (max-width: 1024px ) {
  .section__organization-chart-inner {
    padding-right: 0;
  }
}
@media only screen and (max-width: 560px ) {
  .section__organization-chart-inner {
    margin-top: 50px;
  }
}

.organization-chart {
  display: grid;
  grid-template-columns: auto 1fr 1fr 1fr;
  gap: 5px;
  min-width: 940px;
}
.organization-chart .chart__row-title {
  position: relative;
  flex: 1;
  padding: 1em;
  text-align: center;
  background: #2ac874;
  color: #fff;
}
.organization-chart .chart__row-title__wrapper {
  grid-row: 1/2;
  grid-column: 2/5;
  display: flex;
}
.organization-chart .chart__row-title:first-child {
  border-radius: 10px 0 0 0;
}
.organization-chart .chart__row-title:last-child {
  border-radius: 0 10px 0 0;
}
.organization-chart .chart__row-title + .chart__row-title::after {
  position: absolute;
  left: -36px;
  top: 0;
  bottom: 0;
  margin: auto;
  width: 40px;
  height: 40px;
  content: "";
  border-right: 4px solid #fff;
  border-bottom: 4px solid #fff;
  transform: rotate(-45deg);
}
.organization-chart .chart__column-title {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1em;
  color: #fff;
  text-align: center;
  background: #343434;
}
.organization-chart .chart__column-title.--groupware {
  grid-row: 2/6;
  grid-column: 1/2;
  border-radius: 10px 0 0 0;
}
.organization-chart .chart__column-title.--business {
  grid-row: 6/7;
  grid-column: 1/2;
  border-radius: 0 0 0 10px;
}
.organization-chart .chart__contents {
  grid-auto-columns: 1fr;
  display: flex;
  align-items: center;
  gap: 0.5em;
  padding: 1.5em;
  background: #efefef;
}
.organization-chart .chart__contents.--webengineering {
  grid-row: 2/3;
  grid-column: 2/3;
}
.organization-chart .chart__contents.--webengineering .icon {
  padding: 4px;
}
.organization-chart .chart__contents.--infraengineering {
  grid-row: 3/4;
  grid-column: 2/3;
}
.organization-chart .chart__contents.--planning {
  grid-row: 4/5;
  grid-column: 2/3;
}
.organization-chart .chart__contents.--quality {
  grid-row: 5/6;
  grid-column: 2/3;
}
.organization-chart .chart__contents.--quality .icon {
  padding: 1px;
}
.organization-chart .chart__contents.--marketing {
  grid-row: 2/4;
  grid-column: 3/4;
}
.organization-chart .chart__contents.--marketing .icon {
  padding: 3px;
}
.organization-chart .chart__contents.--consulting {
  grid-row: 4/6;
  grid-column: 3/4;
}
.organization-chart .chart__contents.--consulting .icon {
  padding: 1px;
}
.organization-chart .chart__contents.--customer {
  grid-row: 2/6;
  grid-column: 4/5;
}
.organization-chart .chart__contents.--corporate {
  grid-row: 6/7;
  grid-column: 2/5;
}
.organization-chart .chart__contents.--corporate .icon {
  padding: 2px;
}
.organization-chart .chart__contents .icon {
  width: auto;
  max-width: 3em;
  height: auto;
  max-height: 3em;
}
@media only screen and (max-width: 1024px ) {
  .organization-chart__wrapper {
    overflow-x: scroll;
  }
}
@media only screen and (max-width: 560px ) {
  .organization-chart {
    min-width: 740px;
  }
  .organization-chart .chart__row-title {
    font-size: 1.4rem;
  }
  .organization-chart .chart__column-title {
    font-size: 1.4rem;
  }
  .organization-chart .chart__contents {
    font-size: 1.4rem;
    padding: 1em;
  }
  .organization-chart .chart__contents .icon {
    max-width: 2em;
    max-height: 2em;
  }
}

.jobs-list {
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
  gap: 90px 5%;
}
.jobs-list .jobs-item {
  width: 30%;
}
.jobs-list .jobs-item__eyecatch {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
}
.jobs-list .jobs-item__eyecatch img {
  width: 100%;
  aspect-ratio: 11/6;
  object-fit: cover;
}
.jobs-list .jobs-item__eyecatch::after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(42, 200, 116, 0.3);
  z-index: 101;
  transform: translateY(100%);
  transition: all 0.3s ease-out;
}
.jobs-list .jobs-item__eyecatch .arrow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  width: 56px;
  height: 56px;
  background: #fff;
  border-radius: 50%;
  z-index: 102;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.jobs-list .jobs-item__eyecatch .arrow::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  width: 4px;
  height: 4px;
  content: "";
  background: #2ac874;
  border-radius: 50%;
  transition: all 0.3s ease-out;
}
.jobs-list .jobs-item__eyecatch .arrow::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  width: 8px;
  height: 13px;
  content: "";
  background: #2ac874;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  transition: all 0.3s ease-out;
}
.jobs-list .jobs-item__title {
  position: relative;
  margin-top: 0.5em;
  padding-left: 1em;
  font-size: 2.3rem;
  font-weight: bold;
}
.jobs-list .jobs-item__title::before {
  position: absolute;
  left: 0;
  top: 0.525em;
  width: 9px;
  height: 14px;
  content: "";
  background: currentColor;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
}
.jobs-list .jobs-item__textarea {
  margin-top: 1em;
}
.jobs-list .jobs-item a:hover .jobs-item__eyecatch::after {
  transform: translateY(0);
}
.jobs-list .jobs-item a:hover .jobs-item__eyecatch .arrow {
  opacity: 1;
}
.jobs-list .jobs-item a:hover .jobs-item__eyecatch .arrow::before {
  transform: translateX(-5px);
}
.jobs-list .jobs-item a:hover .jobs-item__eyecatch .arrow::after {
  transform: translateX(4px);
}
@media only screen and (max-width: 1024px ) {
  .jobs-list {
    margin-top: 30px;
    gap: 60px 6%;
  }
  .jobs-list .jobs-item {
    width: 47%;
  }
  .jobs-list .jobs-item__title {
    font-size: 2.1rem;
    font-weight: bold;
  }
}
@media only screen and (max-width: 560px ) {
  .jobs-list {
    gap: 60px 10%;
  }
  .jobs-list .jobs-item {
    width: 100%;
  }
}

/*
*
* Page - People
*
*/
.page-people {
  background: url("../img2026/bg_people.jpg") center top 100px/cover no-repeat, #fff;
}
@media only screen and (max-width: 560px ) {
  .page-people {
    background-size: auto 95%;
    background-position: center bottom;
  }
}

.people-list {
  counter-reset: number 0;
}
.people-list .people-item {
  position: relative;
  padding-top: 70px;
}
.people-list .people-item + .people-item {
  margin-top: 160px;
}
.people-list .people-item__title {
  position: absolute;
  top: 0;
  width: 50%;
  font-size: 3rem;
  font-weight: bold;
  z-index: 100;
}
.people-list .people-item__title br {
  content: "";
}
.people-list .people-item__title br::after {
  margin-left: -0.25em;
  content: "";
}
.people-list .people-item__title::before {
  counter-increment: number 1;
  content: counter(number, decimal-leading-zero);
  display: block;
  font-size: 11.1rem;
}
.people-list .people-item__title:hover + .people-item__eyecatch a::before {
  transform: translateY(0);
}
.people-list .people-item__title:hover + .people-item__eyecatch .arrow {
  opacity: 1;
}
.people-list .people-item__title:hover + .people-item__eyecatch .arrow::before {
  transform: translateX(-5px);
}
.people-list .people-item__title:hover + .people-item__eyecatch .arrow::after {
  transform: translateX(4px);
}
.people-list .people-item__title:hover + .people-item__eyecatch::after {
  transform: rotate(0);
}
.people-list .people-item__eyecatch {
  position: relative;
  width: 53%;
  z-index: 99;
}
.people-list .people-item__eyecatch::after {
  position: absolute;
  bottom: -11px;
  right: -11px;
  width: 100%;
  height: 100%;
  content: "";
  background: #fff;
  border-radius: 10px;
  z-index: 99;
  transform: rotate(-4deg);
  transform-origin: 100% 0;
  box-shadow: 0 2px 20px rgba(155, 104, 35, 0.23);
  transition: all 0.3s ease-out;
}
.people-list .people-item__eyecatch a {
  position: relative;
  display: block;
  border-radius: 10px;
  overflow: hidden;
}
.people-list .people-item__eyecatch a::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: rgba(42, 200, 116, 0.3);
  z-index: 101;
  transform: translateY(100%);
  transition: all 0.3s ease-out;
}
.people-list .people-item__eyecatch a .arrow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  width: 56px;
  height: 56px;
  background: #fff;
  border-radius: 50%;
  z-index: 102;
  opacity: 0;
  transition: all 0.3s ease-out;
}
.people-list .people-item__eyecatch a .arrow::before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  width: 4px;
  height: 4px;
  content: "";
  background: #2ac874;
  border-radius: 50%;
  transition: all 0.3s ease-out;
}
.people-list .people-item__eyecatch a .arrow::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  margin: auto;
  width: 8px;
  height: 13px;
  content: "";
  background: #2ac874;
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  transition: all 0.3s ease-out;
}
.people-list .people-item__eyecatch a:hover::before {
  transform: translateY(0);
}
.people-list .people-item__eyecatch a:hover .arrow {
  opacity: 1;
}
.people-list .people-item__eyecatch a:hover .arrow::before {
  transform: translateX(-5px);
}
.people-list .people-item__eyecatch a:hover .arrow::after {
  transform: translateX(4px);
}
.people-list .people-item__eyecatch:has(a:hover)::after {
  transform: rotate(0);
}
.people-list .people-item__eyecatch img {
  position: relative;
  width: 100%;
  aspect-ratio: 20/13;
  object-fit: cover;
  z-index: 100;
}
.people-list .people-item__belong {
  position: relative;
  margin-top: 20px;
  width: 53%;
  z-index: 100;
}
.people-list .people-item__belong .department {
  font-size: 2rem;
}
.people-list .people-item__belong .join-year {
  margin-top: 0.25em;
}
.people-list .people-item:nth-child(2n+1) .people-item__title {
  left: 50%;
}
.people-list .people-item:nth-child(2n) .people-item__title {
  left: 0;
}
.people-list .people-item:nth-child(2n) .people-item__title::before {
  text-align: right;
}
.people-list .people-item:nth-child(2n) .people-item__eyecatch {
  margin: 0 0 0 auto;
}
.people-list .people-item:nth-child(2n) .people-item__belong {
  margin: 20px 0 0 auto;
  text-align: right;
}
@media only screen and (max-width: 560px ) {
  .people-list .people-item {
    padding-top: 0;
  }
  .people-list .people-item + .people-item {
    margin-top: 60px;
  }
  .people-list .people-item__title {
    position: relative;
    top: inherit;
    width: 100%;
    font-size: 2.4rem;
  }
  .people-list .people-item__title::before {
    font-size: 6rem;
  }
  .people-list .people-item__eyecatch {
    margin-top: 0.5em;
    width: 100%;
  }
  .people-list .people-item__eyecatch::after {
    bottom: -8px;
    right: -8px;
    transform: rotate(-2deg);
  }
  .people-list .people-item__belong {
    margin-top: 0.25em;
    width: 100%;
  }
  .people-list .people-item__belong .department {
    font-size: 1.6rem;
  }
  .people-list .people-item__belong .join-year {
    margin-top: 0;
    font-size: 1.4rem;
  }
  .people-list .people-item:nth-child(2n+1) .people-item__title {
    left: 0;
  }
  .people-list .people-item:nth-child(2n) .people-item__title::before {
    text-align: left;
  }
  .people-list .people-item:nth-child(2n) .people-item__eyecatch {
    margin: 0.5em 0 0;
  }
  .people-list .people-item:nth-child(2n) .people-item__belong {
    margin: 0.25em 0 0 0;
    text-align: left;
  }
}

.single-contents {
  line-height: 1.75;
}
.single-contents p + p {
  margin-top: 1em;
}
.single-contents figure {
  margin: 1.5em 0;
}
.single-contents figure figcaption {
  font-size: 1.4rem;
  color: #555;
}
.single-contents .wp-block-image {
  margin: 0.5em 0;
}
.single-contents a {
  color: #2ac874;
  font-weight: bold;
}
.single-contents h2,
.single-contents h3,
.single-contents h4,
.single-contents h5,
.single-contents h6 {
  font-weight: bold;
  margin-bottom: 1em;
  margin-top: 1.75em;
}
.single-contents h2 {
  font-size: 2.8rem;
}
.single-contents h3 {
  font-size: 2.4rem;
}
.single-contents h4 {
  font-size: 2.1rem;
}
.single-contents h5 {
  font-size: 1.8rem;
}
.single-contents h6 {
  font-size: 1.6rem;
}
.single-contents table td {
  padding: 0.75em;
  text-align: left;
  border: 1px solid #676767;
}

/*
*
* Single - News
*
*/
body.single.single-news {
  background: #fff;
}

.single-news__wrapper {
  margin-top: 50px;
  padding-top: 100px;
  padding-bottom: 120px;
  background: url("../img2026/bg_news.jpg") center top/cover no-repeat, #FFF8EB;
}
@media only screen and (max-width: 560px ) {
  .single-news__wrapper {
    background-size: auto 95%;
    background-position: center bottom;
  }
}
.single-news__wrapper .single-title {
  font-size: 4rem;
  font-weight: bold;
  line-height: 1.3;
}
.single-news__wrapper .single-time {
  display: block;
  margin-top: 0.5em;
  font-size: 1.8rem;
  color: #767676;
}
.single-news__wrapper .single-contents {
  margin-top: 70px;
}
.single-news__wrapper .single-btnarea {
  margin-top: 120px;
}
.single-news__wrapper .single-btnarea .btn__basic {
  display: block;
  margin: 0 auto;
}
.single-news__wrapper .single-btnarea .btn__basic::after {
  transform: rotate(180deg);
}

/*
*
* Single - Occupation
*
*/
.article-occupation {
  padding-bottom: 80px;
  background: url("../img2026/bg_occupation.jpg") center top 100px/cover no-repeat, #fff;
}
.article-occupation .section__wrapper:first-child {
  padding-top: 120px;
}
.article-occupation__header-title-area {
  display: flex;
  flex-direction: row-reverse;
  gap: 30px 70px;
}
.article-occupation__header-textarea {
  flex: 1;
}
.article-occupation__header-textarea .header-copy {
  margin-top: 50px;
  font-size: 4rem;
  font-weight: bold;
}
.article-occupation__header-img {
  width: 39.7142857143%;
}
.article-occupation__header-img img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 10px;
}
.article-occupation__explain {
  margin-top: 70px;
}
.article-occupation__feature-item {
  padding: 30px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 10px;
}
.article-occupation__feature-item + .article-occupation__feature-item {
  margin-top: 50px;
}
.article-occupation__feature-item .feature-item__title {
  display: flex;
  align-items: center;
  gap: 0.5em;
  font-size: 2.5rem;
  font-weight: bold;
  color: #2ac874;
}
.article-occupation__feature-item .feature-item__title img {
  width: auto;
  height: 2em;
}
.article-occupation__feature-item .feature-item__textarea {
  margin-top: 3em;
}
.article-occupation__feature-item .feature-item__textarea h1,
.article-occupation__feature-item .feature-item__textarea h2,
.article-occupation__feature-item .feature-item__textarea h3,
.article-occupation__feature-item .feature-item__textarea h4,
.article-occupation__feature-item .feature-item__textarea h5,
.article-occupation__feature-item .feature-item__textarea h6 {
  margin-bottom: 0.75em;
}
.article-occupation__feature-item .feature-item__textarea h1:not(:first-child),
.article-occupation__feature-item .feature-item__textarea h2:not(:first-child),
.article-occupation__feature-item .feature-item__textarea h3:not(:first-child),
.article-occupation__feature-item .feature-item__textarea h4:not(:first-child),
.article-occupation__feature-item .feature-item__textarea h5:not(:first-child),
.article-occupation__feature-item .feature-item__textarea h6:not(:first-child) {
  margin-top: 1.25em;
}
.article-occupation__feature-item .feature-item__textarea h1,
.article-occupation__feature-item .feature-item__textarea h2 {
  font-size: 2.8rem;
}
.article-occupation__feature-item .feature-item__textarea h3,
.article-occupation__feature-item .feature-item__textarea h4 {
  font-size: 2.4rem;
}
.article-occupation__feature-item .feature-item__textarea h5,
.article-occupation__feature-item .feature-item__textarea h6 {
  font-size: 2rem;
}
.article-occupation__feature-item .feature-item__textarea ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1em;
}
.article-occupation__feature-item .feature-item__textarea ul li {
  padding-left: 1em;
  text-indent: -1em;
  width: calc((100% - 1em) / 2);
}
.article-occupation__feature-item .feature-item__textarea ul li::before {
  content: "・";
}
.article-occupation__schedule {
  margin-top: 130px;
}
.article-occupation__schedule .include-range {
  display: flex;
  align-items: center;
  gap: 1em;
}
.article-occupation__schedule .include-range .section-title01 {
  flex: 1;
}
.article-occupation__schedule .include-range .range {
  width: 20%;
  max-width: 300px;
  appearance: none;
  background: #343434;
  border-radius: 999px;
  height: 4px;
  cursor: pointer;
}
.article-occupation__schedule .include-range .range::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 23px;
  height: 23px;
  border-radius: 9999px;
  background: #2ac874;
  box-shadow: none;
}
.article-occupation__schedule .include-range .range::-moz-range-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 23px;
  height: 23px;
  border-radius: 9999px;
  background: #2ac874;
  box-shadow: none;
}
@media only screen and (max-width: 1024px ) {
  .article-occupation__header-title-area {
    display: block;
  }
  .article-occupation__header-textarea {
    flex: inherit;
    margin-top: 1em;
  }
  .article-occupation__header-textarea .header-copy {
    margin-top: 1em;
  }
  .article-occupation__header-img {
    width: 100%;
  }
}
@media only screen and (max-width: 560px ) {
  .article-occupation .section__wrapper:first-child {
    padding-top: 80px;
  }
  .article-occupation__header-textarea .header-copy {
    font-size: 2.8rem;
  }
  .article-occupation__explain {
    margin-top: 60px;
  }
  .article-occupation__feature-item {
    padding: 20px;
  }
  .article-occupation__feature-item + .article-occupation__feature-item {
    margin-top: 30px;
  }
  .article-occupation__feature-item .feature-item__title {
    font-size: 2rem;
  }
  .article-occupation__feature-item .feature-item__title img {
    height: 1.5em;
  }
  .article-occupation__feature-item .feature-item__textarea {
    margin-top: 1.5em;
  }
  .article-occupation__feature-item .feature-item__textarea h1,
  .article-occupation__feature-item .feature-item__textarea h2 {
    font-size: 2.4rem;
  }
  .article-occupation__feature-item .feature-item__textarea h3,
  .article-occupation__feature-item .feature-item__textarea h4 {
    font-size: 2rem;
  }
  .article-occupation__feature-item .feature-item__textarea h5,
  .article-occupation__feature-item .feature-item__textarea h6 {
    font-size: 1.8rem;
  }
  .article-occupation__feature-item .feature-item__textarea ul li {
    width: 100%;
  }
  .article-occupation__schedule {
    margin-top: 80px;
  }
  .article-occupation__schedule .include-range {
    display: block;
  }
  .article-occupation__schedule .include-range .range {
    margin: 60px auto 0 0;
    width: 100%;
    max-width: inherit;
  }
}

.schedule-list {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  min-width: max-content;
  background: url("../img2026/bg_schedule.png") left bottom 23%/auto auto repeat-x, linear-gradient(180deg, transparent 80%, #fff 80%), linear-gradient(90deg, rgba(255, 240, 62, 0.4) 0, rgba(255, 178, 55, 0.4) 50%, rgba(255, 169, 51, 0.4) 100%);
}
.schedule-list__wrapper {
  margin-top: 40px;
  padding-top: 90px;
  overflow-x: auto;
  cursor: pointer;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.schedule-list__wrapper::-webkit-scrollbar {
  display: none;
}
.schedule-list .schedule-item {
  padding-bottom: 30px;
  width: 400px;
  min-width: 400px;
  border-top: 5px solid #888;
}
.schedule-list .schedule-item__clock {
  margin: -93px auto 0;
  padding: 5px;
  width: 180px;
  height: 180px;
  background: linear-gradient(180deg, #888 50%, transparent 51%);
  border-radius: 50%;
}
.schedule-list .schedule-item__title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.5em auto 0;
  padding: 0.5em 1em;
  width: 100%;
  max-width: 225px;
  min-height: 4em;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: center;
  background: #fff;
  border-radius: 10px;
}
.schedule-list .schedule-item__pickup {
  position: relative;
  margin-top: 23px;
  padding: 20px;
  background: #fff;
  border: 2px solid #2ac874;
  border-radius: 10px;
  filter: drop-shadow(0 0 10px rgba(213, 144, 33, 0.5));
}
.schedule-list .schedule-item__pickup::after {
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin: auto;
  width: 23px;
  height: 23px;
  content: "";
  background: #2ac874;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
}
.schedule-list .schedule-item__img img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 6px;
}
.schedule-list .schedule-item__text {
  margin-top: 0.5em;
}
@media only screen and (max-width: 560px ) {
  .schedule-list__wrapper {
    margin-top: 30px;
  }
  .schedule-list .schedule-item {
    padding-bottom: 20px;
    width: 300px;
    min-width: 300px;
  }
  .schedule-list .schedule-item__title {
    font-size: 1.6rem;
  }
  .schedule-list .schedule-item__text {
    font-size: 1.4rem;
  }
}

.btn__back-jobs {
  margin: 50px auto 0;
  display: block;
}

.article-bnr__blog__wrapper {
  margin-top: 90px;
}
@media only screen and (max-width: 560px ) {
  .article-bnr__blog__wrapper {
    margin-top: 60px;
  }
}

/*
*
* Single - Post
*
*/
.article-interview {
  padding-bottom: 80px;
  background: url("../img2026/bg_post.jpg") center top 100px/cover no-repeat, #fff;
}
.article-interview .section__wrapper:first-child {
  padding-top: 120px;
}
@media only screen and (max-width: 560px ) {
  .article-interview .section__wrapper:first-child {
    padding-top: 80px;
  }
}
.article-interview__header-title-area {
  display: flex;
  flex-direction: row-reverse;
  gap: 30px;
}
@media only screen and (max-width: 560px ) {
  .article-interview__header-title-area {
    display: block;
  }
}
.article-interview__header-textarea {
  flex: 1;
}
.article-interview__header-textarea .header-title {
  font-size: 4rem;
  font-weight: bold;
}
.article-interview__header-textarea .header-belong {
  margin-top: 2em;
}
.article-interview__header-textarea .header-belong .department,
.article-interview__header-textarea .header-belong .group {
  display: block;
}
.article-interview__header-textarea .join-year {
  margin-top: 1em;
}
@media only screen and (max-width: 560px ) {
  .article-interview__header-textarea {
    margin-top: 1em;
    flex: inherit;
  }
  .article-interview__header-textarea .header-title {
    font-size: 2.4rem;
  }
  .article-interview__header-textarea .header-belong {
    margin-top: 1em;
    font-size: 1.4rem;
  }
  .article-interview__header-textarea .join-year {
    margin-top: 0.25em;
    font-size: 1.4rem;
  }
}
.article-interview__header-img {
  width: 40%;
  max-width: 556px;
}
.article-interview__header-img img {
  width: 100%;
  aspect-ratio: 16/9;
  object-fit: cover;
  border-radius: 10px;
}
@media only screen and (max-width: 560px ) {
  .article-interview__header-img {
    width: 100%;
    max-width: inherit;
  }
}
.article-interview__contents {
  margin-top: 80px;
}
.article-interview__contents p.has-background {
  margin-left: auto;
  margin-right: auto;
  max-width: 1120px;
  border-radius: 10px;
}
.article-interview__contents h1,
.article-interview__contents h2,
.article-interview__contents h3,
.article-interview__contents h4,
.article-interview__contents h5,
.article-interview__contents h6 {
  position: relative;
  margin-top: 60px;
  padding: 84px 50px 20px 70px;
  font-size: 1.8rem;
  font-weight: bold;
  border-radius: 10px 10px 0 0;
  background: rgba(255, 209, 135, 0.3);
  z-index: 100;
}
.article-interview__contents h1::after,
.article-interview__contents h2::after,
.article-interview__contents h3::after,
.article-interview__contents h4::after,
.article-interview__contents h5::after,
.article-interview__contents h6::after {
  position: absolute;
  bottom: 0;
  left: 50px;
  width: calc(100% - 80px);
  height: calc(100% - 64px);
  content: "";
  background: #fff;
  border-radius: 10px;
  z-index: -1;
}
.article-interview__contents h1::before,
.article-interview__contents h2::before,
.article-interview__contents h3::before,
.article-interview__contents h4::before,
.article-interview__contents h5::before,
.article-interview__contents h6::before {
  position: absolute;
  left: 30px;
  top: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  content: "Q.";
  font-size: 2.9rem;
  background: #fff;
  border-radius: 50%;
  text-indent: 0.15em;
}
.article-interview__contents h1:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
.article-interview__contents h2:last-child + .wp-block-group,
.article-interview__contents h3:last-child + .wp-block-group,
.article-interview__contents h4:last-child + .wp-block-group,
.article-interview__contents h5:last-child + .wp-block-group,
.article-interview__contents h6:last-child + .wp-block-group),
.article-interview__contents h2:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
.article-interview__contents h2:last-child + .wp-block-group,
.article-interview__contents h3:last-child + .wp-block-group,
.article-interview__contents h4:last-child + .wp-block-group,
.article-interview__contents h5:last-child + .wp-block-group,
.article-interview__contents h6:last-child + .wp-block-group),
.article-interview__contents h3:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
.article-interview__contents h2:last-child + .wp-block-group,
.article-interview__contents h3:last-child + .wp-block-group,
.article-interview__contents h4:last-child + .wp-block-group,
.article-interview__contents h5:last-child + .wp-block-group,
.article-interview__contents h6:last-child + .wp-block-group),
.article-interview__contents h4:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
.article-interview__contents h2:last-child + .wp-block-group,
.article-interview__contents h3:last-child + .wp-block-group,
.article-interview__contents h4:last-child + .wp-block-group,
.article-interview__contents h5:last-child + .wp-block-group,
.article-interview__contents h6:last-child + .wp-block-group),
.article-interview__contents h5:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
.article-interview__contents h2:last-child + .wp-block-group,
.article-interview__contents h3:last-child + .wp-block-group,
.article-interview__contents h4:last-child + .wp-block-group,
.article-interview__contents h5:last-child + .wp-block-group,
.article-interview__contents h6:last-child + .wp-block-group),
.article-interview__contents h6:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
.article-interview__contents h2:last-child + .wp-block-group,
.article-interview__contents h3:last-child + .wp-block-group,
.article-interview__contents h4:last-child + .wp-block-group,
.article-interview__contents h5:last-child + .wp-block-group,
.article-interview__contents h6:last-child + .wp-block-group) {
  padding: 50px;
}
.article-interview__contents h1:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
.article-interview__contents h2:last-child + .wp-block-group,
.article-interview__contents h3:last-child + .wp-block-group,
.article-interview__contents h4:last-child + .wp-block-group,
.article-interview__contents h5:last-child + .wp-block-group,
.article-interview__contents h6:last-child + .wp-block-group)::after,
.article-interview__contents h2:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
.article-interview__contents h2:last-child + .wp-block-group,
.article-interview__contents h3:last-child + .wp-block-group,
.article-interview__contents h4:last-child + .wp-block-group,
.article-interview__contents h5:last-child + .wp-block-group,
.article-interview__contents h6:last-child + .wp-block-group)::after,
.article-interview__contents h3:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
.article-interview__contents h2:last-child + .wp-block-group,
.article-interview__contents h3:last-child + .wp-block-group,
.article-interview__contents h4:last-child + .wp-block-group,
.article-interview__contents h5:last-child + .wp-block-group,
.article-interview__contents h6:last-child + .wp-block-group)::after,
.article-interview__contents h4:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
.article-interview__contents h2:last-child + .wp-block-group,
.article-interview__contents h3:last-child + .wp-block-group,
.article-interview__contents h4:last-child + .wp-block-group,
.article-interview__contents h5:last-child + .wp-block-group,
.article-interview__contents h6:last-child + .wp-block-group)::after,
.article-interview__contents h5:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
.article-interview__contents h2:last-child + .wp-block-group,
.article-interview__contents h3:last-child + .wp-block-group,
.article-interview__contents h4:last-child + .wp-block-group,
.article-interview__contents h5:last-child + .wp-block-group,
.article-interview__contents h6:last-child + .wp-block-group)::after,
.article-interview__contents h6:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
.article-interview__contents h2:last-child + .wp-block-group,
.article-interview__contents h3:last-child + .wp-block-group,
.article-interview__contents h4:last-child + .wp-block-group,
.article-interview__contents h5:last-child + .wp-block-group,
.article-interview__contents h6:last-child + .wp-block-group)::after {
  left: 30px;
  bottom: 30px;
  width: calc(100% - 60px);
  height: calc(100% - 60px);
}
.article-interview__contents h1:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
.article-interview__contents h2:last-child + .wp-block-group,
.article-interview__contents h3:last-child + .wp-block-group,
.article-interview__contents h4:last-child + .wp-block-group,
.article-interview__contents h5:last-child + .wp-block-group,
.article-interview__contents h6:last-child + .wp-block-group)::before,
.article-interview__contents h2:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
.article-interview__contents h2:last-child + .wp-block-group,
.article-interview__contents h3:last-child + .wp-block-group,
.article-interview__contents h4:last-child + .wp-block-group,
.article-interview__contents h5:last-child + .wp-block-group,
.article-interview__contents h6:last-child + .wp-block-group)::before,
.article-interview__contents h3:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
.article-interview__contents h2:last-child + .wp-block-group,
.article-interview__contents h3:last-child + .wp-block-group,
.article-interview__contents h4:last-child + .wp-block-group,
.article-interview__contents h5:last-child + .wp-block-group,
.article-interview__contents h6:last-child + .wp-block-group)::before,
.article-interview__contents h4:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
.article-interview__contents h2:last-child + .wp-block-group,
.article-interview__contents h3:last-child + .wp-block-group,
.article-interview__contents h4:last-child + .wp-block-group,
.article-interview__contents h5:last-child + .wp-block-group,
.article-interview__contents h6:last-child + .wp-block-group)::before,
.article-interview__contents h5:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
.article-interview__contents h2:last-child + .wp-block-group,
.article-interview__contents h3:last-child + .wp-block-group,
.article-interview__contents h4:last-child + .wp-block-group,
.article-interview__contents h5:last-child + .wp-block-group,
.article-interview__contents h6:last-child + .wp-block-group)::before,
.article-interview__contents h6:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
.article-interview__contents h2:last-child + .wp-block-group,
.article-interview__contents h3:last-child + .wp-block-group,
.article-interview__contents h4:last-child + .wp-block-group,
.article-interview__contents h5:last-child + .wp-block-group,
.article-interview__contents h6:last-child + .wp-block-group)::before {
  display: none;
}
.article-interview__contents h1 + .wp-block-group,
.article-interview__contents h2 + .wp-block-group,
.article-interview__contents h3 + .wp-block-group,
.article-interview__contents h4 + .wp-block-group,
.article-interview__contents h5 + .wp-block-group,
.article-interview__contents h6 + .wp-block-group {
  position: relative;
  padding: 30px 50px 30px 30px;
  border-radius: 0 0 10px 10px;
  background: rgba(244, 224, 192, 0.5);
}
.article-interview__contents h1 + .wp-block-group::before,
.article-interview__contents h2 + .wp-block-group::before,
.article-interview__contents h3 + .wp-block-group::before,
.article-interview__contents h4 + .wp-block-group::before,
.article-interview__contents h5 + .wp-block-group::before,
.article-interview__contents h6 + .wp-block-group::before {
  position: absolute;
  right: 30px;
  top: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 46px;
  height: 46px;
  content: "A.";
  font-size: 2.9rem;
  font-weight: bold;
  background: #fff;
  border-radius: 50%;
  text-indent: 0.15em;
}
.article-interview__contents h1 + .wp-block-group .wp-block-group__inner-container,
.article-interview__contents h2 + .wp-block-group .wp-block-group__inner-container,
.article-interview__contents h3 + .wp-block-group .wp-block-group__inner-container,
.article-interview__contents h4 + .wp-block-group .wp-block-group__inner-container,
.article-interview__contents h5 + .wp-block-group .wp-block-group__inner-container,
.article-interview__contents h6 + .wp-block-group .wp-block-group__inner-container {
  padding: 1.25em;
  background: #fff;
  border-radius: 10px;
  line-height: 1.75;
}
.article-interview__contents h1 + .wp-block-group .wp-block-group__inner-container * + *,
.article-interview__contents h2 + .wp-block-group .wp-block-group__inner-container * + *,
.article-interview__contents h3 + .wp-block-group .wp-block-group__inner-container * + *,
.article-interview__contents h4 + .wp-block-group .wp-block-group__inner-container * + *,
.article-interview__contents h5 + .wp-block-group .wp-block-group__inner-container * + *,
.article-interview__contents h6 + .wp-block-group .wp-block-group__inner-container * + * {
  margin-top: 1em;
}
.article-interview__contents h1 + .wp-block-group .wp-block-group__inner-container a,
.article-interview__contents h2 + .wp-block-group .wp-block-group__inner-container a,
.article-interview__contents h3 + .wp-block-group .wp-block-group__inner-container a,
.article-interview__contents h4 + .wp-block-group .wp-block-group__inner-container a,
.article-interview__contents h5 + .wp-block-group .wp-block-group__inner-container a,
.article-interview__contents h6 + .wp-block-group .wp-block-group__inner-container a {
  color: #2ac874;
  font-weight: bold;
}
@media only screen and (max-width: 560px ) {
  .article-interview__contents {
    margin-top: 30px;
  }
  .article-interview__contents p.has-background {
    padding: 1.25em;
  }
  .article-interview__contents h1,
  .article-interview__contents h2,
  .article-interview__contents h3,
  .article-interview__contents h4,
  .article-interview__contents h5,
  .article-interview__contents h6 {
    margin-top: 40px;
    padding: 64px 40px 20px 60px;
  }
  .article-interview__contents h1::after,
  .article-interview__contents h2::after,
  .article-interview__contents h3::after,
  .article-interview__contents h4::after,
  .article-interview__contents h5::after,
  .article-interview__contents h6::after {
    left: 40px;
    width: calc(100% - 60px);
    height: calc(100% - 44px);
  }
  .article-interview__contents h1::before,
  .article-interview__contents h2::before,
  .article-interview__contents h3::before,
  .article-interview__contents h4::before,
  .article-interview__contents h5::before,
  .article-interview__contents h6::before {
    left: 20px;
    top: 24px;
  }
  .article-interview__contents h1:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
  .article-interview__contents h2:last-child + .wp-block-group,
  .article-interview__contents h3:last-child + .wp-block-group,
  .article-interview__contents h4:last-child + .wp-block-group,
  .article-interview__contents h5:last-child + .wp-block-group,
  .article-interview__contents h6:last-child + .wp-block-group),
  .article-interview__contents h2:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
  .article-interview__contents h2:last-child + .wp-block-group,
  .article-interview__contents h3:last-child + .wp-block-group,
  .article-interview__contents h4:last-child + .wp-block-group,
  .article-interview__contents h5:last-child + .wp-block-group,
  .article-interview__contents h6:last-child + .wp-block-group),
  .article-interview__contents h3:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
  .article-interview__contents h2:last-child + .wp-block-group,
  .article-interview__contents h3:last-child + .wp-block-group,
  .article-interview__contents h4:last-child + .wp-block-group,
  .article-interview__contents h5:last-child + .wp-block-group,
  .article-interview__contents h6:last-child + .wp-block-group),
  .article-interview__contents h4:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
  .article-interview__contents h2:last-child + .wp-block-group,
  .article-interview__contents h3:last-child + .wp-block-group,
  .article-interview__contents h4:last-child + .wp-block-group,
  .article-interview__contents h5:last-child + .wp-block-group,
  .article-interview__contents h6:last-child + .wp-block-group),
  .article-interview__contents h5:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
  .article-interview__contents h2:last-child + .wp-block-group,
  .article-interview__contents h3:last-child + .wp-block-group,
  .article-interview__contents h4:last-child + .wp-block-group,
  .article-interview__contents h5:last-child + .wp-block-group,
  .article-interview__contents h6:last-child + .wp-block-group),
  .article-interview__contents h6:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
  .article-interview__contents h2:last-child + .wp-block-group,
  .article-interview__contents h3:last-child + .wp-block-group,
  .article-interview__contents h4:last-child + .wp-block-group,
  .article-interview__contents h5:last-child + .wp-block-group,
  .article-interview__contents h6:last-child + .wp-block-group) {
    padding: 40px;
  }
  .article-interview__contents h1:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
  .article-interview__contents h2:last-child + .wp-block-group,
  .article-interview__contents h3:last-child + .wp-block-group,
  .article-interview__contents h4:last-child + .wp-block-group,
  .article-interview__contents h5:last-child + .wp-block-group,
  .article-interview__contents h6:last-child + .wp-block-group)::after,
  .article-interview__contents h2:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
  .article-interview__contents h2:last-child + .wp-block-group,
  .article-interview__contents h3:last-child + .wp-block-group,
  .article-interview__contents h4:last-child + .wp-block-group,
  .article-interview__contents h5:last-child + .wp-block-group,
  .article-interview__contents h6:last-child + .wp-block-group)::after,
  .article-interview__contents h3:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
  .article-interview__contents h2:last-child + .wp-block-group,
  .article-interview__contents h3:last-child + .wp-block-group,
  .article-interview__contents h4:last-child + .wp-block-group,
  .article-interview__contents h5:last-child + .wp-block-group,
  .article-interview__contents h6:last-child + .wp-block-group)::after,
  .article-interview__contents h4:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
  .article-interview__contents h2:last-child + .wp-block-group,
  .article-interview__contents h3:last-child + .wp-block-group,
  .article-interview__contents h4:last-child + .wp-block-group,
  .article-interview__contents h5:last-child + .wp-block-group,
  .article-interview__contents h6:last-child + .wp-block-group)::after,
  .article-interview__contents h5:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
  .article-interview__contents h2:last-child + .wp-block-group,
  .article-interview__contents h3:last-child + .wp-block-group,
  .article-interview__contents h4:last-child + .wp-block-group,
  .article-interview__contents h5:last-child + .wp-block-group,
  .article-interview__contents h6:last-child + .wp-block-group)::after,
  .article-interview__contents h6:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
  .article-interview__contents h2:last-child + .wp-block-group,
  .article-interview__contents h3:last-child + .wp-block-group,
  .article-interview__contents h4:last-child + .wp-block-group,
  .article-interview__contents h5:last-child + .wp-block-group,
  .article-interview__contents h6:last-child + .wp-block-group)::after {
    left: 20px;
    bottom: 20px;
    width: calc(100% - 40px);
    height: calc(100% - 40px);
  }
  .article-interview__contents h1:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
  .article-interview__contents h2:last-child + .wp-block-group,
  .article-interview__contents h3:last-child + .wp-block-group,
  .article-interview__contents h4:last-child + .wp-block-group,
  .article-interview__contents h5:last-child + .wp-block-group,
  .article-interview__contents h6:last-child + .wp-block-group)::before,
  .article-interview__contents h2:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
  .article-interview__contents h2:last-child + .wp-block-group,
  .article-interview__contents h3:last-child + .wp-block-group,
  .article-interview__contents h4:last-child + .wp-block-group,
  .article-interview__contents h5:last-child + .wp-block-group,
  .article-interview__contents h6:last-child + .wp-block-group)::before,
  .article-interview__contents h3:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
  .article-interview__contents h2:last-child + .wp-block-group,
  .article-interview__contents h3:last-child + .wp-block-group,
  .article-interview__contents h4:last-child + .wp-block-group,
  .article-interview__contents h5:last-child + .wp-block-group,
  .article-interview__contents h6:last-child + .wp-block-group)::before,
  .article-interview__contents h4:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
  .article-interview__contents h2:last-child + .wp-block-group,
  .article-interview__contents h3:last-child + .wp-block-group,
  .article-interview__contents h4:last-child + .wp-block-group,
  .article-interview__contents h5:last-child + .wp-block-group,
  .article-interview__contents h6:last-child + .wp-block-group)::before,
  .article-interview__contents h5:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
  .article-interview__contents h2:last-child + .wp-block-group,
  .article-interview__contents h3:last-child + .wp-block-group,
  .article-interview__contents h4:last-child + .wp-block-group,
  .article-interview__contents h5:last-child + .wp-block-group,
  .article-interview__contents h6:last-child + .wp-block-group)::before,
  .article-interview__contents h6:last-child:not(.article-interview__contents h1:last-child + .wp-block-group,
  .article-interview__contents h2:last-child + .wp-block-group,
  .article-interview__contents h3:last-child + .wp-block-group,
  .article-interview__contents h4:last-child + .wp-block-group,
  .article-interview__contents h5:last-child + .wp-block-group,
  .article-interview__contents h6:last-child + .wp-block-group)::before {
    display: none;
  }
  .article-interview__contents h1 + .wp-block-group,
  .article-interview__contents h2 + .wp-block-group,
  .article-interview__contents h3 + .wp-block-group,
  .article-interview__contents h4 + .wp-block-group,
  .article-interview__contents h5 + .wp-block-group,
  .article-interview__contents h6 + .wp-block-group {
    padding: 30px 40px 30px 20px;
  }
  .article-interview__contents h1 + .wp-block-group::before,
  .article-interview__contents h2 + .wp-block-group::before,
  .article-interview__contents h3 + .wp-block-group::before,
  .article-interview__contents h4 + .wp-block-group::before,
  .article-interview__contents h5 + .wp-block-group::before,
  .article-interview__contents h6 + .wp-block-group::before {
    right: 20px;
    top: 10px;
  }
}
.article-interview .btn__back-people {
  margin: 80px auto 0;
  display: block;
}
@media only screen and (max-width: 560px ) {
  .article-interview .btn__back-people {
    margin: 50px auto 0;
  }
}/*# sourceMappingURL=style.css.map */