@charset "UTF-8";
/*---リセットCSS---*/
html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul,
li {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  outline: none;
}

img {
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

br {
  line-height: inherit;
}

span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

section {
  position: relative;
}

input[type=submit],
input[type=button] {
  appearance: button;
  border: none;
  box-sizing: border-box;
}
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;
}

main {
  display: block;
}

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

button {
  outline: none;
}

iframe {
  display: block;
}

/*---レスポンシブサイズ---*/
/*---変数---*/
:root {
  --mc: #efbf16;
  --sc: #0173bc;
  --bc: #f5f5f5;
  --fc: #333;
  --base: "Zen Kaku Gothic New", sans-serif;
  --sub: "Noto Sans JP", sans-serif;
  --en: "M PLUS 1p", sans-serif;
  --meiryo: "メイリオ", Meiryo, "Hiragino Kaku Gothic ProN", sans-serif;
}

/*---基本設定---*/
html {
  box-sizing: border-box;
  font-size: 62.5%;
}

body {
  -webkit-text-size-adjust: 100%;
  position: relative;
  color: var(--fc);
  font-family: var(--base);
}
@media all and (-ms-high-contrast: none) {
  body {
    font-family: var(--base);
  }
}

body.modal-open {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

html,
body {
  width: 100%;
}

*:focus {
  outline: none;
}

div,
p,
li,
dl,
tr,
th,
td {
  font-size: 1.6rem;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  div,
  p,
  li,
  dl,
  tr,
  th,
  td {
    font-size: 1.5rem;
    letter-spacing: 0.025em;
  }
}

span {
  font-weight: inherit;
  letter-spacing: inherit;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    letter-spacing: 0.025em;
  }
}

a,
a * {
  box-sizing: border-box;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-family: inherit;
  letter-spacing: inherit;
  text-decoration: none;
  color: inherit;
  backface-visibility: hidden;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  cursor: pointer;
}

/*---display---*/
.pc {
  display: block;
}
@media screen and (max-width: 1024px) {
  .pc {
    display: none !important;
  }
}

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

.tb-sp {
  display: none !important;
}
@media screen and (max-width: 1024px) {
  .tb-sp {
    display: block !important;
  }
}

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

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

/*---cmn---*/
.cmn-wrap {
  position: relative;
  margin: 0 auto;
  padding-inline: 80px;
  width: 100%;
  max-width: 1360px;
}
@media screen and (max-width: 1024px) {
  .cmn-wrap {
    padding-inline: 40px 60px;
  }
}
@media screen and (max-width: 767px) {
  .cmn-wrap {
    padding-inline: 15px;
  }
}
.cmn-wrap.--large {
  max-width: none;
}
.cmn-wrap.--full {
  padding: 0;
  max-width: none;
}
.cmn-wrap.--size1 {
  max-width: 1270px;
}
.cmn-wrap.--top {
  max-width: none;
  padding-inline: 0;
}
@media screen and (max-width: 1439px) {
  .cmn-wrap.--top {
    padding-inline: 40px;
  }
}
@media screen and (max-width: 767px) {
  .cmn-wrap.--top {
    padding-inline: 15px;
  }
}

.cmn-ttl {
  position: relative;
  margin-inline: 0 auto;
  text-align: left;
  color: var(--mc);
}
.cmn-ttl__main {
  display: block;
  font-size: 5rem;
  font-weight: 800;
  letter-spacing: 0.05em;
  line-height: 1;
}
@media screen and (max-width: 1024px) {
  .cmn-ttl__main {
    font-size: 4.2rem;
  }
}
@media screen and (max-width: 767px) {
  .cmn-ttl__main {
    font-size: 3.5rem;
  }
}
.cmn-ttl__sub {
  display: block;
  font-size: 1.8rem;
  font-weight: bold;
  text-decoration: underline;
  text-underline-offset: 10px;
  letter-spacing: 0.05em;
  line-height: 1.667;
  color: #9c1311;
}
@media screen and (max-width: 767px) {
  .cmn-ttl__sub {
    font-size: 1.6rem;
  }
}
.cmn-ttl.--layer {
  text-align: right;
  color: #000;
}
.cmn-ttl.--layer .cmn-ttl__main {
  font-size: 8rem;
  font-weight: 900;
  letter-spacing: 0.065em;
  line-height: 1.245;
}
@media screen and (max-width: 1024px) {
  .cmn-ttl.--layer .cmn-ttl__main {
    font-size: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .cmn-ttl.--layer .cmn-ttl__main {
    font-size: 4rem;
  }
}
.cmn-ttl.--layer .cmn-ttl__sub {
  font-size: 2.1rem;
  line-height: 2.5;
  color: #000;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .cmn-ttl.--layer .cmn-ttl__sub {
    font-size: 1.8rem;
  }
}
.cmn-ttl.--large .cmn-ttl__main {
  font-size: 6rem;
  line-height: 1.75;
}
@media screen and (max-width: 1024px) {
  .cmn-ttl.--large .cmn-ttl__main {
    font-size: 5rem;
  }
}
@media screen and (max-width: 767px) {
  .cmn-ttl.--large .cmn-ttl__main {
    font-size: 4rem;
    line-height: 1.55;
  }
}
.cmn-ttl.--small .cmn-ttl__main {
  margin-bottom: 25px;
  font-size: 3.6rem;
  font-weight: bold;
}
@media screen and (max-width: 1024px) {
  .cmn-ttl.--small .cmn-ttl__main {
    font-size: 2.4rem;
  }
}
@media screen and (max-width: 767px) {
  .cmn-ttl.--small .cmn-ttl__main {
    font-size: 2rem;
  }
}
.cmn-ttl.--vertical {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 26px;
}
@media screen and (max-width: 767px) {
  .cmn-ttl.--vertical {
    gap: 0;
  }
}
.cmn-ttl.--vertical .cmn-ttl__main {
  padding-right: 0;
  line-height: 0.75;
  writing-mode: sideways-rl;
}
.cmn-ttl.--vertical .cmn-ttl__sub {
  padding-top: 10px;
  letter-spacing: 0.3em;
  writing-mode: vertical-rl;
}
@media screen and (max-width: 767px) {
  .cmn-ttl.--vertical .cmn-ttl__sub {
    padding-top: 0;
  }
}
.cmn-ttl.--white {
  color: #fff;
}
.cmn-ttl.--white .cmn-ttl__sub {
  color: #fff;
}
.cmn-ttl.--center {
  text-align: center;
}

.cmn-btn {
  width: 100%;
  height: 100%;
}
.cmn-btn__link {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-inline: clamp(4rem, 0.5rem + 9.28vw, 12.4rem) clamp(2rem, -7.2rem + 9.02vw, 4.3rem);
  width: 100%;
  height: 100%;
  border: 3px solid #fff;
  border-radius: 70px;
  background: #ffffff;
  box-shadow: 2.5px 4.33px 5px 0px rgba(0, 0, 0, 0.2470588235);
  color: var(--mc);
  transition: 0.4s;
}
@media screen and (min-width: 1025px) {
  .cmn-btn__link:hover {
    background: var(--mc);
    color: #fff;
  }
  .cmn-btn__link:hover .cmn-btn__txt-icon img,
  .cmn-btn__link:hover .cmn-btn__arw img {
    opacity: 0;
  }
  .cmn-btn__link:hover .cmn-btn__txt-icon::before,
  .cmn-btn__link:hover .cmn-btn__arw::before {
    opacity: 1;
  }
}
.cmn-btn__txt {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: clamp(1.2rem, 0.7rem + 1.44vw, 2.5rem);
}
.cmn-btn__txt-icon {
  position: relative;
  width: 55px;
  aspect-ratio: 110/132;
}
@media screen and (max-width: 767px) {
  .cmn-btn__txt-icon {
    width: 35px;
  }
}
.cmn-btn__txt-icon img {
  transition: 0.4s;
}
.cmn-btn__txt-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: url(../img/cmn/icon-entry_white.png) no-repeat center center/cover;
  opacity: 0;
  transition: 0.4s;
}
.cmn-btn__txt-st {
  font-size: clamp(2rem, 1.5rem + 1.33vw, 3.2rem);
  font-family: var(--sub);
  font-weight: bold;
  line-height: 0.666;
}
.cmn-btn__arw {
  position: relative;
  width: clamp(3rem, 2.4rem + 1.55vw, 4.4rem);
  aspect-ratio: 1;
  transition: 0.4s;
}
.cmn-btn__arw::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: url(../img/cmn/icon-arw_white.png) no-repeat center center/cover;
  opacity: 0;
  transition: 0.4s;
}
.cmn-btn.--green .cmn-btn__link {
  justify-content: center;
  padding-inline: clamp(2rem, 1.2rem + 2.21vw, 4rem);
  border: 3px solid var(--mc);
  background: var(--mc);
  color: #fff;
}
@media screen and (min-width: 1025px) {
  .cmn-btn.--green .cmn-btn__link:hover {
    background: #fff;
    color: var(--mc);
  }
}
.cmn-btn.--green .cmn-btn__txt-icon::before {
  background: url(../img/cmn/icon-entry.png) no-repeat center center/cover;
}
.cmn-btn.--green .cmn-btn__arw {
  position: absolute;
  top: 50%;
  right: clamp(2rem, 1rem + 2.76vw, 4.5rem);
  transform: translateY(-50%);
}
.cmn-btn.--green .cmn-btn__arw::before {
  background: url(../img/cmn/icon-arw.png) no-repeat center center/cover;
}

.cmn-btn2 {
  width: 100%;
  height: 100%;
}
.cmn-btn2__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: 25px;
  width: 100%;
  height: 100%;
  border: 2px solid var(--sc);
  border-radius: 35px;
  color: #0173bc;
  transition: 0.4s;
}
.cmn-btn2__txt-st {
  font-size: 18px;
  font-weight: bold;
}
.cmn-btn2__icon {
  position: absolute;
  top: 50%;
  right: 24px;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
}
.cmn-btn2__icon img {
  transition: 0.4s;
}
.cmn-btn2__icon::before {
  opacity: 0;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: url(../img/cmn/icon-link_white.png) no-repeat center center/cover;
  transition: 0.4s;
}

.--en {
  font-family: var(--en);
}

.--sub {
  font-family: var(--sub);
}

.--color {
  color: var(--mc);
}

.--sub-color {
  color: var(--sc);
}

.--underline {
  text-decoration: underline;
  text-decoration-thickness: 0.35em;
  text-decoration-color: #f1ef59;
  text-underline-offset: -0.05em;
  text-decoration-skip-ink: none;
}

.mfp-content {
  width: 90%;
  height: 90vh;
  margin-inline: auto;
  overflow: auto;
}

.--fade {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}
.--fade.fade-up {
  opacity: 1;
  transform: translateY(0);
}

.--img-anime {
  position: relative;
  overflow: clip;
}
.--img-anime::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--mc);
  transform: translateX(0);
  transition: transform 0.8s ease;
  z-index: 2;
}
.--img-anime.show::before {
  transform: translateX(100%);
}
.--img-anime.--blue::before {
  background: var(--sc);
}

.hd {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100px;
  line-height: 1;
  transition: all 0.4s;
  z-index: 1000;
  height: 110px;
}
@media screen and (max-width: 1024px) {
  .hd {
    height: 80px;
  }
}
.hd-cnt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
  margin: 0 auto;
  padding-inline: 40px 30px;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .hd-cnt {
    padding-inline: 24px;
  }
}
.hd-phone {
  position: absolute;
  top: 50%;
  right: 120px;
  transform: translateY(-50%);
}
@media screen and (max-width: 1024px) {
  .hd-phone {
    display: none;
  }
}
.hd-phone__sub {
  font-size: 14px;
  text-shadow: 1px 1px #fff, 1px -1px #fff, -1px 1px #fff, -1px -1px #fff, 1px 1px #fff, 1px -1px #fff, -1px 1px #fff, -1px -1px #fff;
  margin-bottom: 10px;
}
.hd-phone__main {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  transition: 0.4s;
}
.hd-phone__main-icon {
  width: 23px;
  aspect-ratio: 1;
}
.hd-phone__main-st {
  font-size: 24px;
  font-weight: 700;
  color: #000;
  line-height: 0.426;
  text-shadow: 1px 1px #fff, 1px -1px #fff, -1px 1px #fff, -1px -1px #fff, 1px 1px #fff, 1px -1px #fff, -1px 1px #fff, -1px -1px #fff;
}
.hd-name {
  width: clamp(20rem, 7.9rem + 11.76vw, 23rem);
  z-index: 1001;
}
@media screen and (max-width: 1024px) {
  .hd-name {
    width: 180px;
  }
}
.hd-company {
  display: none;
}
.hd-nav {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 100%;
  padding-top: 120px;
  padding-inline: 30px;
  width: 100%;
  max-width: 480px;
  height: 100dvh;
  background: rgba(1, 115, 188, 0.7450980392);
  overflow-y: scroll;
  opacity: 0;
  transition: transform 0.2s, opacity 0.2s, visibility 0s 0.2s;
  visibility: hidden;
  z-index: 1000;
}
@media screen and (max-width: 767px) {
  .hd-nav {
    padding-top: 80px;
    padding-inline: 15px;
  }
}
.hd-nav__list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-inline: auto;
  width: 100%;
  max-width: 420px;
}
@media screen and (max-width: 767px) {
  .hd-nav__list {
    gap: 10px;
  }
}
.hd-nav__item {
  padding: 0;
  width: calc((100% - 20px) / 2);
  line-height: 1;
  aspect-ratio: 200/165;
}
@media screen and (max-width: 767px) {
  .hd-nav__item {
    width: calc((100% - 10px) / 2);
  }
}
.hd-nav__item.--top {
  width: 100%;
  aspect-ratio: 200/25;
}
.hd-nav__link {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding-block: 27px 26px;
  width: 100%;
  height: 100%;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  transition: 0.4s;
}
@media screen and (min-width: 1025px) {
  .hd-nav__link:hover {
    opacity: 0.6;
  }
}
.hd-nav__link-icon {
  width: 85px;
  aspect-ratio: 1;
}
@media screen and (max-width: 767px) {
  .hd-nav__link-icon {
    width: min(20vw, 7.5rem);
  }
}
.hd-nav__link-main {
  font-size: 18px;
  color: #000000;
  font-weight: bold;
  line-height: 3.333;
}
@media screen and (max-width: 767px) {
  .hd-nav__link-main {
    font-size: min(4.2666666667vw, 1.8rem);
  }
}
.hd-toggle {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
  width: 70px;
  aspect-ratio: 1;
  background: #000;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  z-index: 1002;
}
@media screen and (max-width: 767px) {
  .hd-toggle {
    width: 50px;
  }
}
.hd-toggle div {
  position: relative;
  display: block;
  width: 30px;
  height: 20px;
}
@media screen and (max-width: 767px) {
  .hd-toggle div {
    width: 20px;
    height: 16px;
  }
}
.hd-toggle span {
  display: block;
  position: absolute;
  right: 0;
  transition: 0.35s ease-in-out;
  width: 100%;
  height: 2px;
  background: #fff;
  color: #fff;
}
.hd-toggle span:nth-child(1) {
  top: 0;
}
.hd-toggle span:nth-child(2) {
  top: 9px;
}
@media screen and (max-width: 767px) {
  .hd-toggle span:nth-child(2) {
    top: 7px;
  }
}
.hd-toggle span:nth-child(3) {
  top: 18px;
}
@media screen and (max-width: 767px) {
  .hd-toggle span:nth-child(3) {
    top: 14px;
  }
}
.hd.fixed {
  backdrop-filter: blur(10px);
  color: #000;
}
.hd.open .hd-nav {
  opacity: 1;
  transform: translateX(-100%);
  transition: transform 0.4s, opacity 0.4s;
  visibility: visible;
}
.hd.open .hd-toggle {
  align-items: center;
}
.hd.open .hd-toggle span:nth-child(1) {
  top: 8px;
  transform: rotate(45deg);
}
.hd.open .hd-toggle span:nth-child(2) {
  left: 50%;
  width: 0;
}
.hd.open .hd-toggle span:nth-child(3) {
  top: 8px;
  transform: rotate(-45deg);
}

body.company .hd-company {
  display: block;
}
@media screen and (max-width: 1024px) {
  body.company .hd-company {
    display: none;
  }
}
body.company .hd-company__list {
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
  gap: 8px;
}
body.company .hd-company__item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(0.8rem, -4rem + 4.71vw, 2rem);
  padding-inline: clamp(0.8rem, -4rem + 4.71vw, 2rem);
  border-radius: 5px;
  background: #fff;
  min-width: clamp(15rem, -1.1rem + 15.69vw, 19rem);
  height: 70px;
}
body.company .hd-company__item.--phone .hd-company__link {
  flex-direction: column;
}
body.company .hd-company__item.--phone .hd-company__link-main {
  font-size: clamp(1.8rem, 0.6rem + 1.18vw, 2.1rem);
  font-weight: bold;
  line-height: 1;
  letter-spacing: 0;
}
body.company .hd-company__item.--contact {
  background-color: #efbf16;
  color: #fff;
}
body.company .hd-company__link {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  transition: 0.4s;
}
@media screen and (min-width: 1025px) {
  body.company .hd-company__link:hover {
    opacity: 0.6;
  }
}
body.company .hd-company__link-main {
  font-size: clamp(1.3rem, 0.1rem + 1.18vw, 1.6rem);
  font-weight: bold;
  line-height: 3.75;
}
body.company .hd-company__link-sub {
  font-size: clamp(1.2rem, 0.4rem + 0.78vw, 1.4rem);
  line-height: 1;
}
body.company .hd-company__link-icon {
  width: 22px;
  height: 17px;
}
body.company .hd-toggle {
  display: none;
}
@media screen and (max-width: 1024px) {
  body.company .hd-toggle {
    display: flex;
  }
}
body.company .hd-phone {
  display: none;
}

.ft {
  margin-top: -312px;
  padding-top: 312px;
  background: var(--sc);
  color: #fff;
}
@media screen and (max-width: 767px) {
  .ft {
    padding-bottom: 50px;
  }
}
.ft__inr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-inline: auto;
  padding-inline: 80px 100px;
  max-width: 1265px;
  padding-top: 70px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .ft__inr {
    padding-inline: 40px;
  }
}
@media screen and (max-width: 767px) {
  .ft__inr {
    flex-direction: column;
    justify-content: center;
    gap: 80px;
    padding-block: 35px 25px;
    padding-inline: 20px;
  }
}
.ft__logo {
  display: block;
  margin-bottom: 40px;
  width: 235px;
}
@media screen and (max-width: 767px) {
  .ft__logo {
    width: 175px;
  }
}
.ft__name {
  margin-bottom: 15px;
}
.ft__name-st {
  font-size: 21px;
  font-weight: bold;
  line-height: 1.429;
}
@media screen and (max-width: 767px) {
  .ft__name-st {
    font-size: min(4.8vw, 1.8rem);
  }
}
.ft__data-st {
  line-height: 1.875;
}
@media screen and (max-width: 767px) {
  .ft__data-st {
    font-size: min(4.2666666667vw, 1.6rem);
  }
}
.ft .ft-nav {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: clamp(4rem, -8rem + 15.56vw, 8rem);
}
.ft .ft-nav__link {
  margin-bottom: 28px;
  line-height: 1.875;
  transition: 0.4s;
}
@media screen and (min-width: 1025px) {
  .ft .ft-nav__link:hover {
    opacity: 0.6;
  }
}
.ft__copy {
  margin-inline: auto;
  padding-block: 30px 45px;
  padding-inline: 40px;
  max-width: 1265px;
  width: 100%;
  font-size: 12px;
  line-height: 2.5;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .ft__copy {
    padding-block: 44px 30px;
    padding-inline: 20px;
    font-size: min(2.6666666667vw, 1rem);
    text-align: center;
  }
}

.cmn-contact {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 485px;
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .cmn-contact {
    padding-block: 40px;
    height: auto;
  }
}
.cmn-contact::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 1680px;
  height: 100%;
  background-color: #efbf16;
  background: url(../img/cmn/bg-cntact.jpg) no-repeat center center/cover;
  border-radius: 0 0 80px 0;
}
.cmn-contact__cnt {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .cmn-contact__cnt {
    flex-direction: column;
    align-items: center;
  }
}
.cmn-contact__ttl {
  margin-bottom: 35px;
}
.cmn-contact__ttl-st {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: clamp(1.5rem, 1.3rem + 0.55vw, 2rem);
  font-size: clamp(4rem, 3.3rem + 1.99vw, 5.8rem);
  font-weight: 900;
  line-height: 1;
}
.cmn-contact__ttl-st span {
  font-size: clamp(1.8rem, 1.3rem + 1.33vw, 3rem);
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1.389;
}
.cmn-contact__txt {
  margin-bottom: 35px;
}
.cmn-contact__txt-st {
  font-size: clamp(1.8rem, 1.7rem + 0.33vw, 2.1rem);
  font-weight: bold;
  line-height: 1.714;
}
.cmn-contact__phone {
  margin-bottom: 25px;
}
.cmn-contact__phone-link {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 15px;
  transition: 0.4s;
}
@media screen and (min-width: 1025px) {
  .cmn-contact__phone-link:hover {
    opacity: 0.6;
  }
}
.cmn-contact__phone-icon {
  width: clamp(2.5rem, 2.1rem + 1.1vw, 3.5rem);
  aspect-ratio: 35/36;
}
.cmn-contact__phone-st {
  font-family: var(--en);
  font-size: 50px;
  font-size: clamp(3.5rem, 2.9rem + 1.66vw, 5rem);
  color: #ffffff;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 0.426;
}
.cmn-contact__access-st {
  font-size: clamp(1.6rem, 1.5rem + 0.22vw, 1.8rem);
  color: #ffffff;
  font-weight: bold;
  line-height: 1.333;
}
.cmn-contact__anchor {
  flex: 1;
  max-width: clamp(46rem, -2.2rem + 47.06vw, 58rem);
}
@media screen and (max-width: 1024px) {
  .cmn-contact__anchor {
    width: 100%;
  }
}
.cmn-contact__note {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
  margin-inline: auto;
  max-width: 396px;
  width: 100%;
  height: 76px;
  aspect-ratio: 784/150;
}
.cmn-contact__note::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  background: url(../img/cmn/icon-balloon.png) no-repeat center center/contain;
  z-index: 1;
}
.cmn-contact__note-st {
  padding-bottom: 12px;
  text-align: center;
  font-size: 21px;
  color: #ffffff;
  font-weight: bold;
  line-height: 1.015;
}
@media screen and (max-width: 767px) {
  .cmn-contact__note-st {
    font-size: 1.8rem;
  }
}
.cmn-contact__btn {
  width: 100%;
  height: clamp(7rem, 4.1rem + 7.73vw, 14rem);
}

.company .anchor {
  display: none;
}

.anchor {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: fixed;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .anchor {
    flex-direction: row;
    gap: 0;
    top: auto;
    bottom: 0;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    width: 100%;
  }
}
.anchor__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 16px;
  background: #efbf16;
  border-radius: 10px 0 0 10px;
  width: 80px;
  height: 300px;
  font-size: 21px;
  color: #fff;
  font-weight: 900;
  line-height: 1.015;
  writing-mode: vertical-lr;
  transition: 0.4s;
}
@media screen and (max-width: 1024px) {
  .anchor__link {
    width: 60px;
    height: 240px;
  }
}
@media screen and (max-width: 767px) {
  .anchor__link {
    width: 100%;
    height: 60px;
    border-radius: 0;
    writing-mode: initial;
  }
}
@media screen and (min-width: 1025px) {
  .anchor__link:hover {
    opacity: 0.6;
  }
}
.anchor__link::after {
  content: "";
  width: 18px;
  aspect-ratio: 1;
  background: url(../img/cmn/icon-arw_white.png) no-repeat center center/cover;
}
.anchor__link.--item02 {
  background: #fff;
  border: 3px solid #0173bc;
  border-right: none;
  color: #000;
}
@media screen and (max-width: 767px) {
  .anchor__link.--item02 {
    border-right: 3px solid #0173bc;
    border-bottom: none;
  }
}
.anchor__link.--item02::after {
  background: url(../img/cmn/icon-arw_blue.png) no-repeat center center/cover;
}

body {
  position: relative;
}
body::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  opacity: 0;
  pointer-events: none;
  transition: 0.4s;
  z-index: 100;
}
body.open::before {
  opacity: 1;
}

.top-mv {
  position: relative;
  overflow: clip;
}
.top-mv__ttl {
  position: absolute;
  top: 44%;
  left: 50%;
  transform: translateX(-50%);
  max-width: 1110px;
  width: 60%;
  aspect-ratio: 2220/384;
  z-index: 2;
}
@media screen and (max-width: 1024px) {
  .top-mv__ttl {
    top: 50%;
  }
}
@media screen and (max-width: 767px) {
  .top-mv__ttl {
    width: 92%;
    top: 36%;
  }
}
.top-mv__bg {
  padding-top: 50px;
  padding-bottom: 145px;
}
@media screen and (max-width: 1024px) {
  .top-mv__bg {
    padding-top: 80px;
  }
}
@media screen and (max-width: 767px) {
  .top-mv__bg {
    padding-bottom: 20px;
  }
}
.top-mv__bg-item {
  position: relative;
  width: calc((100% - 100px) / 3);
  max-width: 620px;
}
@media screen and (max-width: 1024px) {
  .top-mv__bg-item {
    max-width: none;
    width: 100%;
  }
}
.top-mv__bg-item.--item01, .top-mv__bg-item.--item03 {
  margin-top: 50px;
}
@media screen and (max-width: 1024px) {
  .top-mv__bg-item.--item01, .top-mv__bg-item.--item03 {
    margin-top: 0;
  }
}
.top-mv__bg-ph {
  height: min(18vw, 520px);
  background: #ccc;
  border-radius: clamp(1rem, -1.1rem + 5.52vw, 6rem);
  overflow: clip;
}
@media screen and (max-width: 1024px) {
  .top-mv__bg-ph {
    height: min(30vw, 520px);
  }
}
@media screen and (max-width: 767px) {
  .top-mv__bg-ph {
    height: min(40vw, 42rem);
    border-radius: 30px;
  }
}
.top-mv__bg-ph img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.top-mv__bg-info {
  position: relative;
  width: 670px;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .top-mv__bg-info {
    width: clamp(58rem, 46.1rem + 15.56vw, 62rem);
  }
}
@media screen and (max-width: 767px) {
  .top-mv__bg-info {
    width: clamp(32rem, 7.1rem + 66.33vw, 58rem);
    padding-top: clamp(9.5rem, -0.5rem + 26.79vw, 20rem);
    position: relative;
    bottom: auto;
  }
}
.top-mv__bg-info::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: clamp(10rem, 5.9rem + 11.05vw, 20rem);
  height: auto;
  aspect-ratio: 400/290;
  background: url(../img/top/illust-mv.png) no-repeat center center/cover;
}
.top-mv__bg-ttl {
  position: relative;
  margin-bottom: 4px;
  font-size: clamp(2.4rem, 1.9rem + 1.33vw, 3.6rem);
  color: #000;
  font-weight: 900;
  line-height: 1.95;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .top-mv__bg-ttl {
    text-align: center;
    text-shadow: 1px 3px #fff, 1px -3px #fff, -1px 3px #fff, -1px -3px #fff, 2px 2px #fff, 2px -2px #fff, -2px 2px #fff, -2px -2px #fff, 3px 1px #fff, 3px -1px #fff, -3px 1px #fff, -3px -1px #fff;
  }
}
.top-mv__bg-ttl span {
  position: relative;
  color: var(--sc);
}
.top-mv__bg-ttl span::before {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 120%;
  aspect-ratio: 442/52;
  background: url(../img/top/ttl-top-mv-bg.png) no-repeat center center/cover;
}
.top-mv__bg-txt {
  position: relative;
  font-size: clamp(1.6rem, 1.4rem + 0.55vw, 2.1rem);
  color: #000;
  font-weight: bold;
  line-height: 1.714;
  z-index: 1;
}
.top-anchor {
  padding-block: 30px 15px;
}
@media screen and (max-width: 767px) {
  .top-anchor {
    padding-bottom: 65px;
  }
}
.top-anchor .anchor-list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 20px;
}
@media screen and (max-width: 767px) {
  .top-anchor .anchor-list {
    gap: 10px;
  }
}
.top-anchor .anchor-list__item {
  position: relative;
  width: calc((100% - 40px) / 3);
  border-radius: 10px;
  overflow: clip;
}
@media screen and (max-width: 1024px) {
  .top-anchor .anchor-list__item {
    width: calc((100% - 20px) / 2);
  }
}
@media screen and (max-width: 767px) {
  .top-anchor .anchor-list__item {
    width: calc((100% - 10px) / 2);
  }
}
@media screen and (min-width: 1025px) {
  .top-anchor .anchor-list__link:hover .anchor-list__ttl-balloon {
    opacity: 1;
  }
  .top-anchor .anchor-list__link:hover .anchor-list__ttl::before {
    width: 100%;
  }
}
.top-anchor .anchor-list__ph {
  width: 100%;
  max-height: 180px;
  aspect-ratio: 1248/360;
}
@media screen and (max-width: 1024px) {
  .top-anchor .anchor-list__ph {
    aspect-ratio: 390/180;
  }
}
@media screen and (max-width: 767px) {
  .top-anchor .anchor-list__ph {
    width: 100%;
    height: min(21.3333333333vw, 12rem);
  }
}
.top-anchor .anchor-list__ph img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.top-anchor .anchor-list__ttl {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 60px;
  background: rgba(9, 108, 171, 0.702);
}
@media screen and (max-width: 1439px) {
  .top-anchor .anchor-list__ttl {
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .top-anchor .anchor-list__ttl {
    height: min(8vw, 4.5rem);
  }
}
.top-anchor .anchor-list__ttl::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60px;
  height: 60px;
  background: #00416b;
  transition: 0.4s;
}
@media screen and (max-width: 1439px) {
  .top-anchor .anchor-list__ttl::before {
    width: 40px;
    height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .top-anchor .anchor-list__ttl::before {
    width: min(8vw, 4.5rem);
    height: min(8vw, 4.5rem);
  }
}
.top-anchor .anchor-list__ttl-arw {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60px;
  aspect-ratio: 1;
  z-index: 1;
}
@media screen and (max-width: 1439px) {
  .top-anchor .anchor-list__ttl-arw {
    width: 40px;
  }
}
@media screen and (max-width: 767px) {
  .top-anchor .anchor-list__ttl-arw {
    width: min(8vw, 4.5rem);
  }
}
.top-anchor .anchor-list__ttl-arw img {
  width: 26px;
  aspect-ratio: 1;
}
@media screen and (max-width: 767px) {
  .top-anchor .anchor-list__ttl-arw img {
    width: min(4vw, 2rem);
  }
}
.top-anchor .anchor-list__ttl-st {
  flex: 1;
  text-align: center;
  font-size: clamp(1.2rem, 0.7rem + 1.33vw, 2.4rem);
  color: #fff;
  font-weight: bold;
  line-height: 60px;
  z-index: 1;
}
@media screen and (max-width: 1439px) {
  .top-anchor .anchor-list__ttl-st {
    line-height: 40px;
  }
}
@media screen and (max-width: 767px) {
  .top-anchor .anchor-list__ttl-st {
    line-height: min(8vw, 4.5rem);
    font-size: min(3.7333333333vw, 1.6rem);
  }
}
.top-anchor .anchor-list__ttl-balloon {
  position: absolute;
  bottom: 75%;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  max-width: 369px;
  aspect-ratio: 738/142;
  background: url(../img/top/balloon-anchor.png) no-repeat center center/cover;
  opacity: 0;
  transition: 0.4s;
}

.layer-mv {
  position: relative;
}
.layer-mv__ttl {
  position: absolute;
  top: 50%;
  left: 21.5%;
  transform: translateY(-50%);
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .layer-mv__ttl {
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 767px) {
  .layer-mv__ttl {
    line-height: 1.2;
  }
}
.layer-mv__ttl small {
  display: block;
  margin-bottom: 4px;
  font-size: clamp(2rem, 1.2rem + 2.21vw, 4rem);
  font-weight: 900;
  color: #000;
  text-shadow: 1px 3px #fff, 1px -3px #fff, -1px 3px #fff, -1px -3px #fff, 2px 2px #fff, 2px -2px #fff, -2px 2px #fff, -2px -2px #fff, 3px 1px #fff, 3px -1px #fff, -3px 1px #fff, -3px -1px #fff;
}
.layer-mv__ttl strong {
  font-size: clamp(3rem, 1.3rem + 4.42vw, 7rem);
  font-weight: 900;
  color: #000;
  line-height: 0.9;
  letter-spacing: 0.1em;
  text-shadow: 1px 3px #fff, 1px -3px #fff, -1px 3px #fff, -1px -3px #fff, 2px 2px #fff, 2px -2px #fff, -2px 2px #fff, -2px -2px #fff, 3px 1px #fff, 3px -1px #fff, -3px 1px #fff, -3px -1px #fff;
}
.layer-mv__ph {
  margin-inline: auto 0;
  width: 100%;
  max-width: 1470px;
  height: clamp(24rem, 7rem + 45.3vw, 65rem);
  aspect-ratio: 1470/650;
}
.layer-mv__ph img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.layer-mv__left {
  position: absolute;
  top: 0;
  left: 0;
  width: 41vw;
  height: 100%;
  background: url(../img/cmn/bg-mv-img01.png) no-repeat right center/cover;
}
.layer-mv__left::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24vw;
  height: 100%;
  background: url(../img/cmn/bg-mv-img02.png) no-repeat right center/cover;
}
.layer-mv__right {
  position: absolute;
  top: 0;
  right: 0;
  width: 251px;
  width: clamp(9rem, 2.3rem + 17.79vw, 25.1rem);
  height: 100%;
  aspect-ratio: 502/1300;
  background: url(../img/message/bg-mv-img03.png) no-repeat left center/cover;
  z-index: 1;
}

.message .message-main {
  position: relative;
  padding-block: 220px 210px;
}
@media screen and (max-width: 1024px) {
  .message .message-main {
    padding-block: 110px 105px;
  }
}
@media screen and (max-width: 1024px) {
  .message .message-main {
    padding-block: 50px 105px;
  }
}
.message .message-main::before {
  content: "";
  position: absolute;
  top: 220px;
  left: 0;
  width: 95%;
  max-width: 1440px;
  height: calc(100% - 430px - 180px);
  background: #f5f5f5;
  border-radius: 0 clamp(4rem, 2.3rem + 4.42vw, 8rem) clamp(4rem, 2.3rem + 4.42vw, 8rem) 0;
  pointer-events: none;
}
@media screen and (max-width: 1024px) {
  .message .message-main::before {
    top: 110px;
    height: calc(100% - 215px - 90px);
  }
}
@media screen and (max-width: 767px) {
  .message .message-main::before {
    height: calc(100% - 155px - 90px);
    top: 50px;
  }
}
.message .message-main__head {
  position: relative;
}
.message .message-main__intro {
  padding-block: clamp(7.5rem, 4.4rem + 8.29vw, 15rem) clamp(5.8rem, 3.4rem + 6.3vw, 11.5rem);
  margin-inline: auto;
  width: 90%;
  max-width: 960px;
}
@media screen and (max-width: 767px) {
  .message .message-main__intro {
    margin-inline: 0 auto;
    width: 100%;
  }
}
.message .message-main__ttl {
  margin-bottom: clamp(2.3rem, 1.4rem + 2.43vw, 4.5rem);
}
.message .message-main__ttl-st {
  font-size: clamp(2.1rem, 1.2rem + 2.32vw, 4.2rem);
  font-weight: bold;
  line-height: 1.429;
}
@media screen and (max-width: 375px) {
  .message .message-main__ttl-st {
    font-size: min(5.6vw, 2.1rem);
  }
}
.message .message-main__txt-st {
  font-size: clamp(1.6rem, 1.4rem + 0.55vw, 2.1rem);
  color: #333333;
  font-weight: bold;
  line-height: 1.905;
}
@media screen and (max-width: 375px) {
  .message .message-main__txt-st {
    font-size: min(4.2666666667vw, 1.6rem);
  }
}
.message .message-main__cnt {
  position: relative;
}
.message .message-main__cnt::before {
  content: "";
  position: absolute;
  bottom: 100%;
  right: 6.5vw;
  width: 43.5vw;
  aspect-ratio: 835/600;
  background: url(../img/message/message-box-img01.png) no-repeat center center/cover;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .message .message-main__cnt::before {
    right: 0;
  }
}
.message .message-main__box {
  position: relative;
  padding-block: clamp(7.7rem, 4.5rem + 8.62vw, 15.5rem) clamp(7rem, 4.1rem + 7.73vw, 14rem);
}
.message .message-main__box::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 95%;
  height: 100%;
  max-width: 1560px;
  aspect-ratio: 1560/938;
  background: #fff;
  border-radius: clamp(4rem, 2.3rem + 4.42vw, 8rem) 0 0 clamp(4rem, 2.3rem + 4.42vw, 8rem);
  pointer-events: none;
}
.message .message-main__box::after {
  content: "";
  position: absolute;
  bottom: -8vw;
  left: 5px;
  width: 100%;
  max-width: 27.5vw;
  background: url(../img/message/message-box-img02.png) no-repeat top right/cover;
  aspect-ratio: 1052/1762;
  pointer-events: none;
}
.message .message-main__box .message-box {
  position: relative;
  margin-inline: auto 20px;
  width: 97%;
  max-width: 920px;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .message .message-main__box .message-box {
    width: 90%;
  }
}
@media screen and (max-width: 767px) {
  .message .message-main__box .message-box {
    margin-inline: auto 0;
  }
}
.message .message-main__box .message-box__ttl {
  margin-bottom: clamp(2.7rem, 1.5rem + 3.09vw, 5.5rem);
}
.message .message-main__box .message-box__ttl-st {
  font-size: clamp(1.8rem, 1.1rem + 1.99vw, 3.6rem);
  font-weight: bold;
  line-height: 1.667;
}
@media screen and (max-width: 375px) {
  .message .message-main__box .message-box__ttl-st {
    font-size: min(4.8vw, 1.8rem);
  }
}
.message .message-main__box .message-box__txt {
  margin-bottom: clamp(3rem, 1.8rem + 3.31vw, 6rem);
}
.message .message-main__box .message-box__txt-st {
  font-size: clamp(1.6rem, 1.4rem + 0.55vw, 2.1rem);
  font-weight: 500;
  color: #000;
  line-height: 1.905;
}
@media screen and (max-width: 375px) {
  .message .message-main__box .message-box__txt-st {
    font-size: min(4.2666666667vw, 1.6rem);
  }
}
.message .message-main__box .message-box__txt-st:not(:last-child) {
  margin-bottom: 40px;
}
.message .message-main__box .message-box__name {
  padding-right: clamp(1.8rem, 1.1rem + 1.88vw, 3.5rem);
}
.message .message-main__box .message-box__name-st {
  text-align: right;
  font-size: clamp(1.6rem, 1.4rem + 0.55vw, 2.1rem);
  font-weight: 500;
  color: #333;
  line-height: 1.905;
}
@media screen and (max-width: 375px) {
  .message .message-main__box .message-box__name-st {
    font-size: min(4.2666666667vw, 1.6rem);
  }
}
.message .message-main__ph {
  width: 85%;
  max-width: 1140px;
  aspect-ratio: 1140/380;
  border-radius: 0 0 clamp(4rem, 2.3rem + 4.42vw, 8rem) 0;
  overflow: clip;
}
@media screen and (max-width: 767px) {
  .message .message-main__ph {
    width: 100%;
    border-radius: 0;
  }
}

.team .team-intro {
  padding-block: clamp(5rem, 2.7rem + 6.08vw, 10.5rem) clamp(4.5rem, 2.4rem + 5.52vw, 9.5rem);
  text-align: center;
}
.team .team-intro__ttl {
  margin-bottom: 45px;
}
.team .team-intro__ttl-st {
  font-size: clamp(1.8rem, 1.2rem + 1.55vw, 3.2rem);
  color: #000;
  font-weight: bold;
  line-height: 1.667;
}
@media screen and (max-width: 767px) {
  .team .team-intro__ttl-st {
    font-size: min(4.8vw, 1.8rem);
  }
}
.team .team-intro__txt-st {
  font-size: clamp(1.6rem, 1.4rem + 0.44vw, 2rem);
  color: #000;
  font-weight: bold;
  line-height: 1.905;
}
@media screen and (max-width: 767px) {
  .team .team-intro__txt-st {
    font-size: min(4.2666666667vw, 1.6rem);
    text-align: left;
  }
}
.team .team-main {
  position: relative;
  padding-bottom: clamp(7rem, 3.9rem + 8.29vw, 14.5rem);
  overflow-x: clip;
}
.team .team-main::before {
  content: "";
  position: absolute;
  top: -10vw;
  right: 0;
  width: min(29.1666666667vw, 56rem);
  background: url(../img/team/bg-illust-img01.png) no-repeat center center/cover;
  aspect-ratio: 1120/676;
  z-index: 1;
}
.team .team-main__block {
  position: relative;
  padding-top: clamp(5rem, 2.9rem + 5.52vw, 10rem);
}
.team .team-main__block:not(:last-child) {
  margin-bottom: clamp(3.5rem, 1.8rem + 4.42vw, 7.5rem);
}
.team .team-main__block::before {
  content: "";
  position: absolute;
  top: 5vw;
  right: -19vw;
  width: 32vw;
  width: 760px;
  aspect-ratio: 1520/2880;
  background: url(../img/team/bg-main.png) no-repeat center center/cover;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .team .team-main__block::before {
    right: -30vw;
    width: 65vw;
  }
}
.team .team-main__block::after {
  content: "";
  position: absolute;
  top: 0;
  left: calc((100% - 100vw) / 2);
  width: calc(90% + (100vw - 100%) / 2);
  max-width: 1440px;
  height: 78.5%;
  background: #eef9ff;
  border-radius: 0 clamp(4rem, 2.3rem + 4.42vw, 8rem) clamp(4rem, 2.3rem + 4.42vw, 8rem) 0;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .team .team-main__block::after {
    height: 100%;
  }
}
.team .team-main__block:nth-child(even)::before {
  left: -17vw;
  background: url(../img/team/bg-main2.png) no-repeat center center/cover;
}
.team .team-main__block:nth-child(even)::after {
  left: auto;
  right: calc((100% - 100vw) / 2);
  border-radius: clamp(4rem, 2.3rem + 4.42vw, 8rem) 0 0 clamp(4rem, 2.3rem + 4.42vw, 8rem);
}
.team .team-main .member-list {
  position: relative;
  z-index: 1;
}
.team .team-main .member-list__item:not(:last-child) {
  margin-bottom: clamp(3.5rem, 2rem + 3.87vw, 7rem);
}
.team .team-main .member-list__item:nth-child(even) .item-box {
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .team .team-main .member-list__item:nth-child(even) .item-box {
    flex-direction: column;
  }
}
.team .team-main .member-list__item:nth-child(even) .item-box__info::before {
  left: auto;
  right: 0;
}
.team .team-main .member-list__item:nth-child(even) .item-box__num {
  left: auto;
  right: 30px;
}
.team .team-main .item-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .team .team-main .item-box {
    flex-direction: column;
  }
}
@media screen and (min-width: 1025px) {
  .team .team-main .item-box:hover .item-box__ph img {
    transform: scale(1.05);
  }
  .team .team-main .item-box:hover .cmn-btn2__link {
    background: #0173bc;
    color: #fff;
  }
  .team .team-main .item-box:hover .cmn-btn2__icon img {
    opacity: 0;
  }
  .team .team-main .item-box:hover .cmn-btn2__icon::before {
    opacity: 1;
  }
}
.team .team-main .item-box__num {
  position: absolute;
  top: clamp(1.5rem, -2.3rem + 4.88vw, 4rem);
  left: clamp(1.5rem, -2.3rem + 4.88vw, 4rem);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-size: clamp(1.4rem, 1.3rem + 0.22vw, 1.6rem);
  font-weight: 900;
  color: #efbf16;
  line-height: 1;
  gap: 5px;
  text-transform: uppercase;
}
.team .team-main .item-box__num span {
  font-size: 10px;
}
.team .team-main .item-box__info {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  min-height: clamp(46rem, 11.5rem + 44.92vw, 69rem);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .team .team-main .item-box__info {
    width: 90%;
  }
}
.team .team-main .item-box__info::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 117%;
  height: 100%;
  border-radius: clamp(1rem, 0.6rem + 1.1vw, 2rem);
  background: #ffffff;
  box-shadow: 0px 0px 9.5px 0.5px rgba(0, 0, 0, 0.0196078431);
  z-index: -1;
}
.team .team-main .item-box__info-label {
  margin-bottom: clamp(1.5rem, 0.7rem + 2.21vw, 3.5rem);
}
.team .team-main .item-box__info-label span {
  position: relative;
  font-size: clamp(1.6rem, 1.3rem + 0.88vw, 2.4rem);
  font-weight: 900;
  color: #0173bc;
  line-height: 2.083;
}
.team .team-main .item-box__info-label span::after {
  content: "";
  position: absolute;
  top: -5px;
  left: calc(100% + 5px);
  width: 19px;
  aspect-ratio: 19/28;
  background: url(../img/team/ttl-point.png) no-repeat center center/cover;
}
.team .team-main .item-box__info-ttl {
  margin-bottom: clamp(1.5rem, 0.9rem + 1.66vw, 3rem);
  font-size: clamp(2.4rem, 0.6rem + 2.34vw, 3.6rem);
  color: #000000;
  font-weight: bold;
  line-height: 1.389;
}
.team .team-main .item-box__info-data {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: clamp(1.5rem, 0.7rem + 2.21vw, 3.5rem);
}
.team .team-main .item-box__info-position {
  padding-inline: 15px;
  border-radius: 5px;
  background-color: #0173bc;
  height: clamp(3rem, 2.6rem + 1.1vw, 4rem);
  font-size: clamp(1.4rem, 1.3rem + 0.22vw, 1.6rem);
  font-weight: 500;
  color: #ffffff;
  line-height: clamp(3rem, 2.6rem + 1.1vw, 4rem);
}
.team .team-main .item-box__info-start {
  font-size: clamp(1.6rem, 1.5rem + 0.22vw, 1.8rem);
  font-weight: bold;
  line-height: 2.778;
}
.team .team-main .item-box__info-btn {
  margin-inline: auto;
  max-width: 304px;
  width: 100%;
  height: clamp(6rem, 3.9rem + 2.73vw, 7.4rem);
}
.team .team-main .item-box__ph {
  width: 50%;
  border-radius: clamp(1rem, 0.6rem + 1.1vw, 2rem);
  overflow: clip;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .team .team-main .item-box__ph {
    margin-top: -50px;
    width: 100%;
  }
}
.team .team-main .item-box__ph img {
  transition: 0.4s;
}

.team-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: 0.4s;
  z-index: 9999;
}
.team-popup.active {
  opacity: 1;
  visibility: visible;
}
.team-popup .team-popup__bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(1, 115, 188, 0.851);
}
.team-popup .close-btn {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 30px;
  margin-bottom: clamp(1.5rem, 0.5rem + 0.78vw, 2rem);
  cursor: pointer;
  transition: 0.4s;
}
@media screen and (min-width: 1025px) {
  .team-popup .close-btn:hover {
    opacity: 0.6;
  }
}
.team-popup .close-btn__txt {
  font-size: clamp(1.2rem, 0.9rem + 0.88vw, 2rem);
  font-weight: 900;
  color: #ffffff;
  line-height: 2;
}
.team-popup .close-btn__icon {
  display: block;
  width: 40px;
  height: 40px;
}
.team-popup .close-btn__icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.team-popup .popup-area {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: clamp(96rem, 48rem + 37.5vw, 120rem);
  width: 90%;
  height: 90vh;
  overflow: clip;
  opacity: 0;
  transform: translate(-50%, -40%);
  transition: 0.4s ease;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .team-popup .popup-area {
    height: 643px;
  }
}
.team-popup .popup-area.show {
  opacity: 1;
  transform: translate(-50%, -50%);
  pointer-events: auto;
}
.team-popup .popup-area__cnt {
  margin-bottom: clamp(2rem, 0rem + 1.56vw, 3rem);
  padding: clamp(5rem, -6rem + 8.59vw, 10.5rem) clamp(2rem, -6rem + 6.25vw, 6rem);
  width: 100%;
  height: calc(100% - clamp(12rem, 9rem + 2.34vw, 13.5rem));
  background-color: #fff;
  box-shadow: 0px 0px 9.5px 0.5px rgba(0, 0, 0, 0.0196078431);
  border-radius: clamp(1rem, 0.6rem + 1.1vw, 2rem);
  z-index: 10;
  overflow-y: scroll;
}
.team-popup .popup-area__ttl {
  margin-bottom: clamp(2rem, -2rem + 3.13vw, 4rem);
}
.team-popup .popup-area__ttl-st {
  text-align: center;
  font-size: clamp(1.8rem, 1.1rem + 1.99vw, 3.6rem);
  color: #000;
  font-weight: bold;
  line-height: 1.389;
}
.team-popup .popup-area__data {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: clamp(2rem, -3rem + 3.91vw, 4.5rem);
}
.team-popup .popup-area__position {
  padding-inline: 15px;
  border-radius: 5px;
  background-color: #0173bc;
  height: clamp(2rem, 1.2rem + 2.21vw, 4rem);
  font-size: clamp(1.4rem, 1.3rem + 0.22vw, 1.6rem);
  font-weight: 500;
  color: #ffffff;
  line-height: clamp(2rem, 1.2rem + 2.21vw, 4rem);
}
.team-popup .popup-area__start {
  font-size: clamp(1.6rem, 1.5rem + 0.22vw, 1.8rem);
  font-weight: bold;
  line-height: 2.778;
}
.team-popup .popup-area__box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 30px 80px;
  padding-block: clamp(3.5rem, -3.5rem + 5.47vw, 7rem) clamp(3rem, -3rem + 4.69vw, 6rem);
  padding-inline: 10px;
}
@media screen and (max-width: 1024px) {
  .team-popup .popup-area__box {
    flex-direction: column;
  }
}
.team-popup .popup-area__box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 10px;
  background: url(../img/cmn/line.jpg) no-repeat center center/contain;
}
.team-popup .popup-area__box-info {
  flex: 1;
  padding-left: clamp(1rem, 0.6rem + 1.1vw, 2rem);
}
.team-popup .popup-area__box-txt {
  font-size: clamp(1.4rem, 1.3rem + 0.22vw, 1.6rem);
  line-height: 1.875;
}
.team-popup .popup-area__box-txt:not(:last-child) {
  margin-bottom: clamp(1.5rem, -1.5rem + 2.34vw, 3rem);
}
.team-popup .popup-area__box-ph {
  width: 50%;
  border-radius: clamp(1rem, 0.6rem + 1.1vw, 2rem);
  overflow: clip;
  margin-inline: auto 0;
}
@media screen and (max-width: 1024px) {
  .team-popup .popup-area__box-ph {
    max-width: 400px;
    width: 80%;
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  .team-popup .popup-area__box-ph {
    margin-inline: auto;
  }
}
.team-popup .popup-area__txt {
  padding-left: clamp(1.5rem, 0.9rem + 1.66vw, 3rem);
}
.team-popup .popup-area__txt-st {
  font-size: clamp(1.4rem, 1.3rem + 0.22vw, 1.6rem);
  line-height: 1.875;
}
.team-popup .popup-area__txt-st:not(:last-child) {
  margin-bottom: clamp(1.5rem, -1.5rem + 2.34vw, 3rem);
}
.team-popup .popup-area__count {
  text-align: right;
}
.team-popup .popup-area__anchor .anchor-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(3.5rem, 2rem + 3.87vw, 7rem);
}
.team-popup .popup-area__anchor .anchor-list__item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  cursor: pointer;
  opacity: 0.7;
}
@media screen and (max-width: 1024px) {
  .team-popup .popup-area__anchor .anchor-list__item {
    opacity: 1;
  }
}
.team-popup .popup-area__anchor .anchor-list__item-arw {
  width: 30px;
  height: 30px;
}
.team-popup .popup-area__anchor .anchor-list__item-st {
  font-size: clamp(1.6rem, 1.5rem + 0.22vw, 1.8rem);
  color: #fff;
  font-weight: bold;
  line-height: 2.5;
}
.team-popup .popup-area__anchor .anchor-list__item.--prev .anchor-list__item-arw {
  transform: scale(-1, 1);
}
.team-popup .popup-area__anchor .anchor-list__item.--close {
  border: 2px solid #fff;
  border-radius: clamp(1.5rem, 0.9rem + 1.66vw, 3rem);
  max-width: 254px;
  width: 100%;
  height: 45px;
}
@media screen and (min-width: 1025px) {
  .team-popup .popup-area__anchor .anchor-list__item:hover {
    opacity: 1;
  }
}

.guidelines .guidelines-intro {
  padding-block: clamp(5rem, 2.9rem + 5.52vw, 10rem) clamp(4.4rem, 2.6rem + 4.86vw, 8.8rem);
  text-align: center;
}
.guidelines .guidelines-intro__cnt {
  display: flex;
  justify-content: flex-start;
  gap: 25px clamp(5rem, -15.1rem + 19.61vw, 10rem);
  margin-left: calc((100% - 100vw) / 2);
}
@media screen and (max-width: 1024px) {
  .guidelines .guidelines-intro__cnt {
    flex-direction: column;
  }
}
.guidelines .guidelines-intro__ph {
  flex: 1;
  border-radius: 0 20px 20px 0;
  overflow: clip;
}
.guidelines .guidelines-intro__ph img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.guidelines .guidelines-intro__info {
  position: relative;
  padding-top: clamp(1.2rem, -4rem + 5.1vw, 2.5rem);
  max-width: 600px;
  width: 100%;
  text-align: left;
}
@media screen and (max-width: 1024px) {
  .guidelines .guidelines-intro__info {
    padding-top: 0;
    padding-left: 40px;
    max-width: none;
    width: calc(100% - 150px);
  }
}
@media screen and (max-width: 767px) {
  .guidelines .guidelines-intro__info {
    padding-left: 15px;
    width: 100%;
  }
}
.guidelines .guidelines-intro__info::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -100px;
  width: clamp(12rem, -0.3rem + 11.96vw, 22.7rem);
  aspect-ratio: 227/212;
  background: url(../img/guidelines/illust-intro.png) no-repeat center center/cover;
}
@media screen and (max-width: 1679px) {
  .guidelines .guidelines-intro__info::after {
    top: 23vw;
    bottom: auto;
    right: 0;
  }
}
@media screen and (max-width: 1024px) {
  .guidelines .guidelines-intro__info::after {
    top: auto;
    bottom: 0;
    left: calc(100% + 30px);
  }
}
@media screen and (max-width: 767px) {
  .guidelines .guidelines-intro__info::after {
    top: calc(100% - 20px);
    bottom: auto;
    left: auto;
    right: 0;
  }
}
.guidelines .guidelines-intro__ttl {
  margin-bottom: clamp(1.2rem, 0.7rem + 1.33vw, 2.4rem);
}
.guidelines .guidelines-intro__ttl-st {
  font-size: clamp(1.8rem, 1.1rem + 1.99vw, 3.6rem);
  color: #000;
  font-weight: bold;
  line-height: 1.667;
}
@media screen and (max-width: 767px) {
  .guidelines .guidelines-intro__ttl-st {
    font-size: min(4.8vw, 1.8rem);
  }
}
.guidelines .guidelines-intro__txt-st {
  font-size: clamp(1.6rem, 1.4rem + 0.55vw, 2.1rem);
  color: #000;
  font-weight: bold;
  line-height: 1.905;
}
@media screen and (max-width: 767px) {
  .guidelines .guidelines-intro__txt-st {
    font-size: min(4.2666666667vw, 1.6rem);
    text-align: left;
  }
}
.guidelines .guidelines-intro__point {
  margin-top: 70px;
}
.guidelines .guidelines-intro__point-ttl {
  position: relative;
  margin-inline: auto;
  border: solid 5px #0173bc;
  background-color: #115fad;
  max-width: 790px;
  width: 100%;
  height: 80px;
  border-radius: 40px;
  font-size: clamp(2rem, 1.3rem + 1.77vw, 3.6rem);
  color: #fff;
  font-weight: bold;
  line-height: 70px;
}
@media screen and (max-width: 767px) {
  .guidelines .guidelines-intro__point-ttl {
    height: 56px;
    line-height: 50px;
  }
}
.guidelines .guidelines-intro__point-ttl::before {
  content: "";
  position: absolute;
  top: -70px;
  right: 6%;
  width: clamp(8rem, 6.8rem + 3.31vw, 11rem);
  aspect-ratio: 110/106;
  background: url(../img/guidelines/ttl-point.png) no-repeat center center/cover;
}
.guidelines .guidelines-intro .point-list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: clamp(1rem, -2rem + 3.91vw, 3rem);
  margin-top: clamp(3rem, 1.8rem + 3.31vw, 6rem);
}
@media screen and (max-width: 767px) {
  .guidelines .guidelines-intro .point-list {
    flex-direction: column;
  }
}
.guidelines .guidelines-intro .point-list__item {
  flex: 1;
  margin-inline: auto;
  max-width: 381px;
  height: auto;
}
.guidelines .guidelines-intro .point-list .item-box {
  padding-block: clamp(1rem, 0.6rem + 1.1vw, 2rem) clamp(2rem, 1rem + 2.76vw, 4.5rem);
  padding-inline: clamp(2rem, -1rem + 3.91vw, 4rem);
  height: 100%;
  border: 5px solid #0173bc;
  border-radius: 20px;
  background-color: #fff;
  height: 100%;
}
.guidelines .guidelines-intro .point-list .item-box__ttl span {
  position: relative;
  font-size: clamp(1.6rem, 1.3rem + 0.88vw, 2.4rem);
  font-weight: 900;
  color: #0173bc;
  line-height: 2.083;
}
.guidelines .guidelines-intro .point-list .item-box__ttl span strong {
  font-family: var(--en);
  font-size: clamp(2.4rem, 1.7rem + 1.77vw, 4rem);
  color: #115fad;
  font-weight: bold;
  line-height: 2.4;
}
.guidelines .guidelines-intro .point-list .item-box__ttl span::after {
  content: "";
  position: absolute;
  top: -5px;
  left: calc(100% + 5px);
  width: 19px;
  aspect-ratio: 19/28;
  background: url(../img/team/ttl-point.png) no-repeat center center/cover;
}
.guidelines .guidelines-intro .point-list .item-box__txt {
  text-align: left;
  font-size: clamp(1.6rem, 1.4rem + 0.55vw, 2.1rem);
  color: #000000;
  font-weight: bold;
  line-height: 1.905;
}
.guidelines .guidelines-main {
  position: relative;
}
.guidelines .guidelines-main__head {
  position: relative;
  padding-bottom: clamp(5rem, 2.9rem + 5.52vw, 10rem);
}
.guidelines .guidelines-main__head.--bg::before {
  content: "";
  position: absolute;
  bottom: -100px;
  right: 0;
  max-width: 1130px;
  width: 59%;
  aspect-ratio: 1130/1150;
  background: url(../img/guidelines/bg-head-img01.png) no-repeat center center/cover;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .guidelines .guidelines-main__head.--bg::before {
    width: 100%;
  }
}
.guidelines .guidelines-main__head.--bg2::before {
  content: "";
  position: absolute;
  bottom: 412px;
  right: 0;
  max-width: 1130px;
  width: 59%;
  aspect-ratio: 1130/1150;
  background: url(../img/guidelines/bg-head-img01.png) no-repeat center center/cover;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .guidelines .guidelines-main__head.--bg2::before {
    width: 100%;
  }
}
.guidelines .guidelines-main .tab-list {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: clamp(1rem, -0.5rem + 1.95vw, 2rem) clamp(1.1rem, -0.6rem + 2.15vw, 2.2rem);
}
@media screen and (max-width: 767px) {
  .guidelines .guidelines-main .tab-list {
    margin-inline: auto;
    max-width: 420px;
  }
}
.guidelines .guidelines-main .tab-list__item {
  width: calc((100% - 44px) / 3);
  max-width: 385px;
  height: clamp(6.5rem, 3.8rem + 7.29vw, 13.1rem);
}
@media screen and (max-width: 767px) {
  .guidelines .guidelines-main .tab-list__item {
    width: calc((100% - 11px) / 2);
  }
}
.guidelines .guidelines-main .tab-list__btn {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 5px 0;
  padding-inline: clamp(1.5rem, -0.8rem + 2.93vw, 3rem);
  width: 100%;
  height: 100%;
  background: #9ac9e2;
  border: none;
  border-radius: clamp(0.5rem, 0.1rem + 1.1vw, 1.5rem);
  transition: 0.4s;
}
@media screen and (max-width: 374px) {
  .guidelines .guidelines-main .tab-list__btn {
    padding-inline: 3vw;
  }
}
.guidelines .guidelines-main .tab-list__btn.active {
  background: #0173bc;
}
.guidelines .guidelines-main .tab-list__btn.active .tab-list__icon .--noactive {
  display: none;
}
.guidelines .guidelines-main .tab-list__btn.active .tab-list__icon .--active {
  display: block;
}
@media screen and (min-width: 1025px) {
  .guidelines .guidelines-main .tab-list__btn:hover {
    background: #0173bc;
  }
  .guidelines .guidelines-main .tab-list__btn:hover .tab-list__icon .--noactive {
    display: none;
  }
  .guidelines .guidelines-main .tab-list__btn:hover .tab-list__icon .--active {
    display: block;
  }
}
.guidelines .guidelines-main .tab-list__icon {
  width: clamp(3.5rem, 2rem + 3.87vw, 7rem);
  height: clamp(3.5rem, 2rem + 3.87vw, 7rem);
}
.guidelines .guidelines-main .tab-list__icon .--noactive {
  display: block;
  transition: 0.4s;
}
.guidelines .guidelines-main .tab-list__icon .--active {
  display: none;
  transition: 0.4s;
}
.guidelines .guidelines-main .tab-list__st {
  font-size: clamp(1.4rem, 1rem + 1.1vw, 2.4rem);
  color: #fff;
  font-weight: bold;
  line-height: 1.5;
  flex: 1;
  text-align: center;
}
@media screen and (max-width: 375px) {
  .guidelines .guidelines-main .tab-list__st {
    font-size: 3.7333333333vw;
  }
}
.guidelines .guidelines-main__cnt {
  position: relative;
  padding-block: clamp(5rem, 2.9rem + 5.52vw, 10rem);
  background: #eef9ff;
  overflow: clip;
  z-index: 1;
}
.guidelines .guidelines-main__cnt::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  aspect-ratio: 3900/4140;
}
@media screen and (max-width: 1919px) {
  .guidelines .guidelines-main__cnt::before {
    width: 1920px;
  }
}
.guidelines .guidelines-main__detail-block {
  margin-bottom: clamp(4.5rem, 2.6rem + 4.97vw, 9rem);
  padding-block: clamp(4rem, 2.1rem + 4.97vw, 8.5rem) clamp(3rem, 1.1rem + 4.97vw, 7.5rem);
  padding-inline: clamp(2rem, 0.1rem + 4.97vw, 6.5rem);
  border: 5px solid #0173bc;
  border-radius: clamp(1rem, 0.6rem + 1.1vw, 2rem);
  background: #fff;
  width: 100%;
}
.guidelines .guidelines-main__detail-btn {
  margin-inline: auto;
  max-width: clamp(46rem, -2.2rem + 47.06vw, 58rem);
  width: 100%;
  height: clamp(7rem, 4.1rem + 7.73vw, 14rem);
}
.guidelines .guidelines-main__overview-ttl {
  margin-bottom: clamp(2rem, 1rem + 2.76vw, 4.5rem);
}
.guidelines .guidelines-main__overview-ttl-st {
  text-align: center;
  font-size: clamp(1.8rem, 1.1rem + 1.99vw, 3.6rem);
  color: #000;
  font-weight: bold;
  line-height: 1.389;
}
.guidelines .guidelines-main .overview-list {
  position: relative;
  padding-top: clamp(4rem, 2.3rem + 4.42vw, 8rem);
}
.guidelines .guidelines-main .overview-list::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 10px;
  background: url(../img/cmn/line.jpg) no-repeat center center/contain;
}
.guidelines .guidelines-main .overview-list__item {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
  .guidelines .guidelines-main .overview-list__item {
    flex-direction: column;
  }
}
.guidelines .guidelines-main .overview-list__item:first-child {
  border-top: 1px solid #ccc;
}
.guidelines .guidelines-main .overview-list__label {
  padding: clamp(0.8rem, 0.4rem + 0.99vw, 1.7rem) clamp(1rem, -0.7rem + 4.42vw, 5rem);
  width: clamp(12rem, 7rem + 13.26vw, 24rem);
  background: #0173bc;
  font-size: clamp(1.4rem, 1.2rem + 0.44vw, 1.8rem);
  color: #fff;
  font-weight: bold;
  line-height: 1.944;
}
@media screen and (max-width: 767px) {
  .guidelines .guidelines-main .overview-list__label {
    width: 100%;
  }
}
.guidelines .guidelines-main .overview-list__value {
  flex: 1;
  padding-block: clamp(0.8rem, 0.4rem + 0.99vw, 1.7rem);
  padding-left: clamp(1rem, -0.9rem + 4.97vw, 5.5rem);
  font-size: clamp(1.4rem, 1.2rem + 0.44vw, 1.8rem);
  color: #333333;
  line-height: 1.944;
}
@media screen and (max-width: 767px) {
  .guidelines .guidelines-main .overview-list__value {
    width: 100%;
  }
}
.guidelines .guidelines-career {
  padding-top: clamp(4.8rem, 2.9rem + 5.19vw, 9.5rem);
  padding-bottom: clamp(7.5rem, 4.4rem + 8.29vw, 15rem);
}
.guidelines .guidelines-career__txt {
  margin-bottom: clamp(2.8rem, 1.6rem + 3.09vw, 5.6rem);
}
.guidelines .guidelines-career__txt-st {
  text-align: center;
  font-size: clamp(1.6rem, 1.4rem + 0.55vw, 2.1rem);
  color: #000;
  font-weight: bold;
  line-height: 1.905;
}
@media screen and (max-width: 374px) {
  .guidelines .guidelines-career__txt-st {
    font-size: min(4.0625vw, 1.6rem);
  }
}
.guidelines .guidelines-career__box {
  margin-bottom: clamp(2.8rem, 1.6rem + 3.09vw, 5.6rem);
  margin-inline: auto;
  padding-block: clamp(1.9rem, 1.1rem + 2.1vw, 3.8rem);
  padding-inline: clamp(2rem, 1.2rem + 2.21vw, 4rem);
  max-width: 852px;
  height: 204px;
  border: 2px solid #0173bc;
  border-radius: clamp(1rem, 0.6rem + 1.1vw, 2rem);
}
.guidelines .guidelines-career__box-ttl {
  margin-bottom: clamp(1rem, 0.4rem + 1.66vw, 2.5rem);
  margin-inline: auto;
  max-width: 670px;
  width: 100%;
  height: 45px;
  background: #0173bc;
  border-radius: clamp(1.1rem, 0.6rem + 1.27vw, 2.25rem);
  text-align: center;
  font-size: clamp(1.6rem, 1.3rem + 0.88vw, 2.4rem);
  color: #fff;
  font-weight: bold;
  line-height: 45px;
}
.guidelines .guidelines-career__box-txt {
  text-align: center;
  font-size: clamp(1.6rem, 1.5rem + 0.22vw, 1.8rem);
  font-weight: bold;
  line-height: 2.222;
}
.guidelines .guidelines-career__ttl {
  margin-bottom: clamp(1rem, 0.4rem + 1.66vw, 2.5rem);
}
.guidelines .guidelines-career__ttl-st {
  text-align: center;
  font-size: clamp(1.6rem, 1.3rem + 0.88vw, 2.4rem);
  color: #0173bc;
  font-weight: bold;
  line-height: 1.667;
}
@media screen and (max-width: 375px) {
  .guidelines .guidelines-career__ttl-st {
    font-size: min(4.2666666667vw, 1.6rem);
  }
}
.guidelines .guidelines-career__ph {
  margin-inline: auto;
  width: 300px;
  height: 90px;
}
.guidelines.guidelines_carwash .guidelines-main__cnt::before {
  background: url(../img/guidelines/bg-carwash-main.jpg) no-repeat center center/cover;
}
.guidelines.guidelines_headquarters .guidelines-intro {
  padding-block: clamp(6rem, 3.5rem + 6.63vw, 12rem) clamp(5.5rem, 3.2rem + 6.08vw, 11rem);
}
@media screen and (max-width: 767px) {
  .guidelines.guidelines_headquarters .guidelines-intro {
    padding-bottom: 110px;
  }
}
.guidelines.guidelines_headquarters .guidelines-main__cnt::before {
  background: url(../img/guidelines/bg-headquarters-main.jpg) no-repeat center center/cover;
}
.guidelines.guidelines_sales .guidelines-intro {
  padding-block: clamp(5rem, 2.7rem + 6.08vw, 10.5rem) clamp(5.5rem, 3rem + 6.63vw, 11.5rem);
}
.guidelines.guidelines_sales .guidelines-main__cnt::before {
  background: url(../img/guidelines/bg-sales-main.jpg) no-repeat center center/cover;
}
.guidelines.guidelines_sales2 .guidelines-intro {
  padding-block: clamp(6rem, 3.5rem + 6.63vw, 12rem) clamp(6rem, 3.5rem + 6.63vw, 12rem);
}
.guidelines.guidelines_sales2 .guidelines-intro__info:after {
  background: url(../img/guidelines/illust-sales2-intro.png) no-repeat center center/cover;
  aspect-ratio: 300/235;
  width: clamp(12rem, -8.6rem + 20.11vw, 30rem);
}
@media screen and (max-width: 767px) {
  .guidelines.guidelines_sales2 .guidelines-intro__info:after {
    top: -20px;
    bottom: auto;
  }
}
.guidelines.guidelines_sales2 .guidelines-main__cnt::before {
  background: url(../img/guidelines/bg-sales2-main.jpg) no-repeat center center/cover;
}

.hrd .hrd-intro {
  position: relative;
  padding-block: clamp(5rem, 2.7rem + 6.08vw, 10.5rem) clamp(3rem, 1.8rem + 3.31vw, 6rem);
  text-align: center;
}
.hrd .hrd-intro::before {
  content: "";
  position: absolute;
  top: 6vw;
  left: 0;
  width: min(58.8541666667vw, 113rem);
  background: url(../img/hrd/bg-intro.png) no-repeat center center/cover;
  aspect-ratio: 2260/2300;
  z-index: -1;
}
.hrd .hrd-intro__ttl {
  margin-bottom: clamp(2.5rem, 1.3rem + 3.31vw, 5.5rem);
}
.hrd .hrd-intro__ttl-st {
  font-size: clamp(1.8rem, 1.1rem + 1.99vw, 3.6rem);
  color: #000;
  font-weight: bold;
  line-height: 1.667;
}
@media screen and (max-width: 767px) {
  .hrd .hrd-intro__ttl-st {
    font-size: min(4.8vw, 1.8rem);
  }
}
.hrd .hrd-intro__txt-st {
  font-size: clamp(1.6rem, 1.4rem + 0.44vw, 2rem);
  color: #000;
  font-weight: bold;
  line-height: 1.905;
}
@media screen and (max-width: 767px) {
  .hrd .hrd-intro__txt-st {
    font-size: min(4.2666666667vw, 1.6rem);
    text-align: left;
  }
}
.hrd .hrd-head {
  position: relative;
  padding-bottom: clamp(5rem, 2.9rem + 5.52vw, 10rem);
}
.hrd .hrd-head .anchor-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(1rem, -3.5rem + 5.86vw, 4rem);
}
@media screen and (max-width: 767px) {
  .hrd .hrd-head .anchor-list {
    flex-direction: column;
  }
}
.hrd .hrd-head .anchor-list__item {
  flex: 1;
  max-width: 580px;
}
@media screen and (max-width: 767px) {
  .hrd .hrd-head .anchor-list__item {
    width: 100%;
    max-width: 400px;
  }
}
.hrd .hrd-head .anchor-list__item.--sales .item-box {
  border: 5px solid var(--sc);
}
.hrd .hrd-head .anchor-list__item.--sales .item-box__arw {
  background: var(--sc);
}
.hrd .hrd-head .anchor-list__item.--engineer .item-box {
  border: 5px solid var(--sc);
}
.hrd .hrd-head .anchor-list__item.--engineer .item-box__arw {
  background: var(--sc);
}
.hrd .hrd-head .item-box {
  border-radius: clamp(1.5rem, 0.9rem + 1.66vw, 3rem);
  background: #fff;
  overflow: clip;
}
.hrd .hrd-head .item-box__link {
  display: block;
  padding-top: clamp(1.5rem, 0.7rem + 2.21vw, 3.5rem);
  transition: 0.4s;
}
@media screen and (min-width: 1025px) {
  .hrd .hrd-head .item-box__link:hover {
    opacity: 0.6;
  }
}
.hrd .hrd-head .item-box__ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: clamp(1rem, 0.6rem + 1.1vw, 2rem);
  margin-bottom: clamp(1rem, 0.4rem + 1.66vw, 2.5rem);
}
.hrd .hrd-head .item-box__ttl-icon {
  width: clamp(4.5rem, 2.6rem + 4.97vw, 9rem);
  height: clamp(4.5rem, 2.6rem + 4.97vw, 9rem);
}
.hrd .hrd-head .item-box__ttl-st {
  font-size: clamp(1.8rem, 1.3rem + 1.33vw, 3rem);
  color: #000;
  font-weight: bold;
  line-height: 1.666;
}
.hrd .hrd-head .item-box__txt {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline: auto;
  padding: 15px clamp(0.5rem, -0.3rem + 0.98vw, 1rem);
  max-width: 360px;
  width: 90%;
  background: #fff;
  border: solid 3px #000;
  border-radius: clamp(0.5rem, 0.3rem + 0.55vw, 1rem);
  box-sizing: border-box;
  box-shadow: 2px 4px 0 5px rgba(0, 0, 0, 0.15);
}
.hrd .hrd-head .item-box__txt:before {
  content: "";
  position: absolute;
  bottom: -23px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #fff;
  z-index: 2;
}
.hrd .hrd-head .item-box__txt:after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #000;
  z-index: 1;
}
.hrd .hrd-head .item-box__txt-st {
  text-align: center;
  font-size: clamp(1.4rem, 1.1rem + 0.77vw, 2.1rem);
  color: #000;
  font-weight: bold;
  line-height: 1.524;
}
.hrd .hrd-head .item-box__Ph {
  margin-top: -50px;
  margin-block: -45px clamp(1.5rem, 0.9rem + 1.66vw, 3rem);
  margin-inline: auto;
  padding-inline: 10px;
  max-width: 500px;
}
.hrd .hrd-head .item-box__Ph img {
  border-radius: clamp(1rem, 0.6rem + 1.1vw, 2rem);
}
.hrd .hrd-head .item-box__arw {
  display: flex;
  justify-content: center;
  align-items: center;
  height: clamp(4.5rem, 2.4rem + 5.52vw, 9.5rem);
}
.hrd .hrd-head .item-box__arw-st {
  position: relative;
  font-size: clamp(1.6rem, 1.4rem + 0.55vw, 2.1rem);
  color: #fff;
  font-weight: bold;
  text-decoration: underline;
  line-height: 2.381;
}
.hrd .hrd-head .item-box__arw-st::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -45px;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url(../img/hrd/icon-arw.png) no-repeat center center/cover;
}
.hrd .hrd-head .item-box__arw-icon {
  width: 20px;
  height: 20px;
}
.hrd .hrd-sales {
  padding-block: clamp(4.5rem, 2.4rem + 5.52vw, 9.5rem);
  background: url(../img/hrd/bg-sales.jpg) no-repeat center center/cover;
}
.hrd .hrd-engineer {
  margin-bottom: clamp(7rem, 4.1rem + 7.73vw, 14rem);
  padding-block: clamp(4.5rem, 2.4rem + 5.52vw, 9.5rem);
  background: url(../img/hrd/bg-engineer.jpg) no-repeat center center/cover;
}
.hrd .hrd-engineer__block {
  margin-bottom: clamp(3rem, 1.8rem + 3.31vw, 6rem);
}
.hrd .hrd-block {
  padding-block: clamp(5rem, 2.8rem + 5.75vw, 10.2rem) clamp(3rem, 1.8rem + 3.31vw, 6rem);
  padding-inline: clamp(2rem, 0.8rem + 3.31vw, 5rem);
  border-radius: clamp(1rem, 0.6rem + 1.1vw, 2rem);
  background-color: #fff;
  overflow: clip;
}
.hrd .hrd-block.--sales .hrd-block__ttl::before {
  width: clamp(4.5rem, 2.3rem + 5.86vw, 9.8rem);
  height: clamp(6rem, 3.3rem + 7.29vw, 12.6rem);
  background: url(../img/hrd/ttl-sales.png) no-repeat center center/cover;
}
.hrd .hrd-block.--engineer .hrd-block__ttl::before {
  width: clamp(6.5rem, 3.6rem + 7.85vw, 13.6rem);
  height: clamp(6rem, 3.5rem + 6.63vw, 12rem);
  background: url(../img/hrd/ttl-engineer.png) no-repeat center center/cover;
}
.hrd .hrd-block.--engineer .hrd-block__ttl-sub {
  color: var(--sc);
}
.hrd .hrd-block__head {
  margin-bottom: clamp(2.5rem, 1.3rem + 3.31vw, 5.5rem);
}
.hrd .hrd-block__ttl {
  position: relative;
  text-align: center;
  z-index: 1;
}
.hrd .hrd-block__ttl::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.hrd .hrd-block__ttl-sub {
  display: block;
  font-size: clamp(1.6rem, 1.3rem + 0.88vw, 2.4rem);
  font-weight: 900;
  color: var(--sc);
  line-height: 1.8;
}
.hrd .hrd-block__ttl-main {
  display: block;
  font-size: clamp(2rem, 1.2rem + 2.21vw, 4rem);
  color: #000;
  font-weight: bold;
  line-height: 1;
}
.hrd .hrd-block__box {
  display: flex;
  justify-content: flex-end;
  align-items: stretch;
  gap: clamp(2rem, -2.5rem + 5.86vw, 5rem);
  margin-bottom: clamp(2rem, 1.2rem + 2.21vw, 4rem);
}
@media screen and (max-width: 767px) {
  .hrd .hrd-block__box {
    flex-direction: column;
  }
}
.hrd .hrd-block__info {
  flex: 1;
}
.hrd .hrd-block__info-label {
  margin-bottom: clamp(1rem, 0.6rem + 1.1vw, 2rem);
  margin-inline: auto;
  width: clamp(8rem, 2rem + 7.81vw, 12rem);
}
.hrd .hrd-block__info-ttl {
  margin-bottom: clamp(2rem, 1.2rem + 2.21vw, 4rem);
  text-align: center;
  font-size: clamp(2rem, 0.2rem + 2.34vw, 3.2rem);
  font-weight: bold;
  color: #000;
  line-height: 1.389;
}
.hrd .hrd-block__info-txt {
  font-size: clamp(1.4rem, 1.2rem + 0.44vw, 1.8rem);
  color: #333333;
  font-weight: 500;
  line-height: 1.668;
}
.hrd .hrd-block__ph {
  width: 50%;
  height: 100%;
  border-radius: clamp(1rem, 0.6rem + 1.1vw, 2rem);
  overflow: clip;
}
@media screen and (max-width: 767px) {
  .hrd .hrd-block__ph {
    width: 100%;
  }
}
.hrd .hrd-block__txt-st {
  flex: 1;
  font-size: clamp(1.4rem, 1.2rem + 0.44vw, 1.8rem);
  color: #333333;
  font-weight: 500;
  line-height: 1.668;
}
.hrd .hrd-block__txt-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(3rem, 1.5rem + 3.87vw, 6.5rem);
}
@media screen and (max-width: 767px) {
  .hrd .hrd-block__txt-row {
    flex-direction: column;
  }
}
.hrd .hrd-block__txt-illust {
  width: clamp(14rem, -7rem + 27.34vw, 28rem);
  aspect-ratio: 280/260;
}
.hrd .hrd-block .engineer-list {
  margin-top: clamp(3rem, 1.8rem + 3.31vw, 6rem);
  padding-block: clamp(3rem, 1.8rem + 3.31vw, 6rem) clamp(2.5rem, 1.5rem + 2.76vw, 5rem);
  padding-inline: clamp(2rem, 0.8rem + 3.31vw, 5rem);
  background: #f5f5f5;
  border-radius: clamp(1rem, 0.6rem + 1.1vw, 2rem);
  overflow: clip;
}
.hrd .hrd-block .engineer-list__item:not(:last-child) {
  margin-bottom: clamp(2rem, 1.2rem + 2.21vw, 4rem);
}
.hrd .hrd-block .item-box {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  gap: clamp(2rem, 1rem + 2.76vw, 4.5rem);
}
@media screen and (max-width: 767px) {
  .hrd .hrd-block .item-box {
    flex-direction: column;
  }
}
.hrd .hrd-block .item-box__place {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(3rem, 2rem + 2.65vw, 5.4rem);
  border: 2px solid var(--sc);
  background-color: #fff;
  border-radius: clamp(1rem, 0.4rem + 1.66vw, 2.5rem);
  font-size: clamp(1.6rem, 1.3rem + 0.88vw, 2.4rem);
  color: var(--sc);
  font-weight: bold;
  line-height: 1.25;
  writing-mode: vertical-rl;
}
@media screen and (max-width: 767px) {
  .hrd .hrd-block .item-box__place {
    width: 100%;
    height: 30px;
    writing-mode: unset;
  }
}
.hrd .hrd-block .item-box__cnt {
  flex: 1;
  padding-top: 12px;
}
@media screen and (max-width: 767px) {
  .hrd .hrd-block .item-box__cnt {
    padding-top: 0;
  }
}
.hrd .hrd-block .item-box__head {
  margin-bottom: clamp(2rem, 1.2rem + 2.21vw, 4rem);
  border-bottom: 2px solid var(--sc);
}
.hrd .hrd-block .item-box__ttl {
  margin-bottom: clamp(1rem, 0.4rem + 1.66vw, 2.5rem);
}
.hrd .hrd-block .item-box__ttl-st {
  font-size: clamp(1.6rem, 1.3rem + 0.88vw, 2.4rem);
  color: #000;
  font-weight: bold;
  line-height: 1.25;
}
.hrd .hrd-block .item-box__detail {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: clamp(2.5rem, -1.3rem + 4.88vw, 5rem);
}
@media screen and (max-width: 1024px) {
  .hrd .hrd-block .item-box__detail {
    flex-direction: column;
  }
}
.hrd .hrd-block .item-box__info {
  flex: 1;
}
.hrd .hrd-block .item-box__step {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: clamp(1rem, 0.6rem + 1.1vw, 2rem);
  gap: clamp(1.5rem, 0.9rem + 1.66vw, 3rem);
}
.hrd .hrd-block .item-box__month {
  width: 65px;
  width: clamp(4.5rem, 3.7rem + 2.21vw, 6.5rem);
}
.hrd .hrd-block .item-box__month img {
  width: 100%;
  height: auto;
}
.hrd .hrd-block .item-box__prog {
  flex: 1;
}
.hrd .hrd-block .item-box__prog-ttl {
  margin-bottom: clamp(1rem, 0.6rem + 1.1vw, 2rem);
  max-width: 146px;
  width: 100%;
  height: 40px;
  background-color: #333333;
  border-radius: 5px;
  text-align: center;
  font-size: clamp(1.4rem, 1.2rem + 0.44vw, 1.8rem);
  color: #fff;
  font-weight: bold;
  line-height: 40px;
}
.hrd .hrd-block .item-box__prog-txt {
  font-size: clamp(1.4rem, 1.2rem + 0.44vw, 1.8rem);
  font-weight: bold;
  line-height: 1.668;
}
.hrd .hrd-block .item-box__media {
  width: 53%;
}
@media screen and (max-width: 1024px) {
  .hrd .hrd-block .item-box__media {
    width: 100%;
  }
}
.hrd .hrd-block .item-box__ph {
  border-radius: clamp(1rem, 0.6rem + 1.1vw, 2rem);
  overflow: clip;
}
.hrd .hrd-block .item-box__anchor {
  margin-top: clamp(2rem, 1.2rem + 2.21vw, 4rem);
}
.hrd .hrd-block .item-box__anchor-link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline: auto;
  max-width: 300px;
  width: 100%;
  height: 52px;
  background-color: var(--sc);
  border-radius: 25px;
}
@media screen and (max-width: 767px) {
  .hrd .hrd-block .item-box__anchor-link {
    height: 45px;
  }
}
.hrd .hrd-block .item-box__anchor-st {
  font-size: 16px;
  color: #ffffff;
  font-weight: bold;
  text-decoration: underline;
  line-height: 3.125;
}
.hrd .hrd-block .item-box__anchor-arw {
  position: absolute;
  top: calc(50% - 6px);
  right: 35px;
  transform: translateY(-50%);
  width: 14px;
  height: 14px;
  transform: rotate(-90deg);
}
.hrd .hrd-block__note {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-inline: auto;
  padding-inline: clamp(2rem, 1.2rem + 2.21vw, 4rem);
  max-width: 960px;
  height: 120px;
  background: var(--sc);
  border-radius: clamp(0.5rem, 0.3rem + 0.55vw, 1rem);
}
.hrd .hrd-block__note-st {
  font-size: clamp(1.4rem, 1.2rem + 0.44vw, 1.8rem);
  color: #fff;
  font-weight: bold;
  line-height: 1.667;
}
.hrd .center-block {
  padding-block: clamp(3.5rem, 1.8rem + 4.42vw, 7.5rem) clamp(3rem, 1.8rem + 3.31vw, 6rem);
  padding-inline: clamp(2rem, 0.1rem + 4.97vw, 6.5rem);
  border-radius: clamp(1rem, 0.6rem + 1.1vw, 2rem);
  background-color: #fff;
  overflow: clip;
}
.hrd .center-block__head {
  position: relative;
  margin-bottom: clamp(2rem, 1.2rem + 2.21vw, 4rem);
  padding-bottom: clamp(2.5rem, 1.3rem + 3.31vw, 5.5rem);
}
.hrd .center-block__head::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 10px;
  background: url(../img/cmn/line.jpg) no-repeat center center/contain;
}
.hrd .center-block__ttl {
  position: relative;
  text-align: center;
  z-index: 1;
}
.hrd .center-block__ttl::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: clamp(6rem, 3.4rem + 6.85vw, 12.2rem);
  height: clamp(4rem, 2.4rem + 4.31vw, 7.9rem);
  background: url(../img/hrd/ttl-center.png) no-repeat center center/cover;
  z-index: -1;
}
.hrd .center-block__ttl-main {
  display: block;
  font-size: clamp(1.8rem, 1.1rem + 1.99vw, 3.6rem);
  color: #000;
  font-weight: bold;
  line-height: 1.389;
}
.hrd .center-block__txt {
  margin-bottom: clamp(2.5rem, 1.5rem + 2.76vw, 5rem);
}
.hrd .center-block__txt-st {
  flex: 1;
  text-align: center;
  font-size: clamp(1.4rem, 1.2rem + 0.44vw, 1.8rem);
  font-weight: 500;
  line-height: 1.667;
}
.hrd .center-block__box {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: clamp(1rem, -0.2rem + 3.31vw, 4rem);
}
@media screen and (max-width: 767px) {
  .hrd .center-block__box {
    flex-direction: column;
  }
}
.hrd .center-block__ph {
  width: 50%;
  max-width: 460px;
  border-radius: clamp(1rem, 0.6rem + 1.1vw, 2rem);
  overflow: clip;
}
@media screen and (max-width: 767px) {
  .hrd .center-block__ph {
    width: 100%;
    max-width: none;
  }
}

.numbers .numbers-intro {
  padding-block: clamp(5rem, 2.7rem + 6.08vw, 10.5rem) clamp(4rem, 2.3rem + 4.42vw, 8rem);
  text-align: center;
}
.numbers .numbers-intro__ttl {
  margin-bottom: 45px;
}
.numbers .numbers-intro__ttl-st {
  font-size: clamp(3rem, 0.6rem + 2.35vw, 3.6rem);
  color: #000;
  font-weight: bold;
  line-height: 1.667;
}
@media screen and (max-width: 1024px) {
  .numbers .numbers-intro__ttl-st {
    font-size: clamp(2.6rem, 1.4rem + 1.56vw, 3rem);
  }
}
@media screen and (max-width: 767px) {
  .numbers .numbers-intro__ttl-st {
    font-size: min(5.3333333333vw, 2.6rem);
  }
}
.numbers .numbers-intro__txt-st {
  font-size: clamp(1.6rem, 1.4rem + 0.44vw, 2rem);
  color: #000;
  font-weight: bold;
  line-height: 1.905;
}
@media screen and (max-width: 767px) {
  .numbers .numbers-intro__txt-st {
    font-size: min(4.2666666667vw, 1.6rem);
    text-align: left;
  }
}
.numbers .numbers-main {
  position: relative;
  padding-bottom: clamp(7.5rem, 4.4rem + 8.29vw, 15rem);
  overflow: clip;
}
.numbers .numbers-main::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 100%;
  height: 100%;
  aspect-ratio: 3840/4222;
  background: url(../img/numbers/bg-main.jpg) no-repeat center center/cover;
}
.numbers .numbers-main__block {
  position: relative;
}
.numbers .numbers-main .numbers-list {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .numbers .numbers-main .numbers-list {
    gap: 5px;
  }
}
.numbers .numbers-main .numbers-list:not(:last-child) {
  margin-bottom: clamp(2rem, -1rem + 3.91vw, 4rem);
}
@media screen and (max-width: 767px) {
  .numbers .numbers-main .numbers-list:not(:last-child) {
    margin-bottom: 5px;
  }
}
.numbers .numbers-main .numbers-list.--list02 {
  gap: 15px;
}
@media screen and (max-width: 767px) {
  .numbers .numbers-main .numbers-list.--list02 {
    gap: 5px;
  }
}
.numbers .numbers-main .numbers-list__item {
  border-radius: clamp(1rem, 0.6rem + 1.1vw, 2rem);
  overflow: hidden;
}
.numbers .numbers-main .numbers-list__item.--item01 {
  max-width: 700px;
  aspect-ratio: 700/460;
}
.numbers .numbers-main .numbers-list__item.--item02 {
  max-width: 460px;
  aspect-ratio: 1;
}
.numbers .numbers-main .numbers-list__item.--item03, .numbers .numbers-main .numbers-list__item.--item04, .numbers .numbers-main .numbers-list__item.--item05 {
  max-width: 380px;
  aspect-ratio: 380/460;
}
.numbers .numbers-main .numbers-list__item.--item04 {
  position: relative;
}
.numbers .numbers-main .numbers-list__item.--item04::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  border: 5px solid var(--sc);
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .numbers .numbers-main .numbers-list__item.--item04::before {
    border: 3px solid var(--sc);
  }
}
.numbers .numbers-main .numbers-list__item.--item06, .numbers .numbers-main .numbers-list__item.--item07 {
  max-width: 580px;
  aspect-ratio: 580/460;
}
.numbers .numbers-main .numbers-list__item.--item08 {
  max-width: 700px;
  aspect-ratio: 700/510;
}
.numbers .numbers-main .numbers-list__item.--item09 {
  max-width: 460px;
  aspect-ratio: 460/510;
}
.numbers .numbers-main .numbers-list__item.--item10 {
  max-width: 460px;
  aspect-ratio: 460/425;
}
.numbers .numbers-main .numbers-list__item.--item11 {
  max-width: 700px;
  aspect-ratio: 700/425;
}

.benefits .benefits-intro {
  position: relative;
  padding-block: clamp(5rem, 2.7rem + 6.08vw, 10.5rem) clamp(8.5rem, 5rem + 9.39vw, 17rem);
  text-align: center;
}
.benefits .benefits-intro::before {
  content: "";
  position: absolute;
  bottom: 1.5vw;
  right: 0;
  width: min(65.625vw, 126rem);
  background: url(../img/benefits/bg-illust-img01.png) no-repeat center center/cover;
  aspect-ratio: 1260/803;
}
@media screen and (max-width: 767px) {
  .benefits .benefits-intro::before {
    width: 122.6666666667vw;
  }
}
.benefits .benefits-intro__ttl {
  margin-bottom: clamp(4.5rem, 2.6rem + 4.97vw, 9rem);
}
.benefits .benefits-intro__ttl-st {
  font-size: clamp(1.8rem, 1.2rem + 1.55vw, 3.2rem);
  color: #000;
  font-weight: bold;
  line-height: 1.667;
}
@media screen and (max-width: 767px) {
  .benefits .benefits-intro__ttl-st {
    font-size: min(4.8vw, 1.8rem);
  }
}
.benefits .benefits-intro__block {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: clamp(5rem, -1.8rem + 9.23vw, 10rem);
  margin-bottom: clamp(5rem, 2.7rem + 6.08vw, 10.5rem);
}
@media screen and (max-width: 1024px) {
  .benefits .benefits-intro__block {
    flex-direction: column;
  }
}
.benefits .benefits-intro__ph {
  flex: 1;
  margin-left: calc((100% - 100vw) / 2);
  border-radius: 0 clamp(1rem, 0.6rem + 1.1vw, 2rem) clamp(1rem, 0.6rem + 1.1vw, 2rem) 0;
  overflow: clip;
}
.benefits .benefits-intro__txt {
  padding-top: clamp(1.5rem, -1.5rem + 3.91vw, 3.5rem);
  max-width: 706px;
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .benefits .benefits-intro__txt {
    padding-top: 0;
    width: 100%;
    max-width: none;
  }
}
.benefits .benefits-intro__txt-st {
  margin-bottom: clamp(3.5rem, 2rem + 3.87vw, 7rem);
  max-width: 610px;
  font-size: clamp(1.6rem, 1.4rem + 0.55vw, 2.1rem);
  color: #000;
  font-weight: bold;
  line-height: 1.905;
  text-align: left;
}
@media screen and (max-width: 1024px) {
  .benefits .benefits-intro__txt-st {
    margin-bottom: 0;
  }
}
@media screen and (max-width: 767px) {
  .benefits .benefits-intro__txt-st {
    font-size: min(4.2666666667vw, 1.6rem);
    text-align: left;
  }
}
.benefits .benefits-intro__txt-illust {
  margin-inline: auto 0;
  width: clamp(15rem, 8.8rem + 16.57vw, 30rem);
  aspect-ratio: 300/292;
}
@media screen and (min-width: 1680px) {
  .benefits .benefits-intro__txt-illust {
    margin-inline: auto -17%;
  }
}
.benefits .benefits-intro__point {
  position: relative;
  margin-top: clamp(3.5rem, 2rem + 3.87vw, 7rem);
  padding-bottom: 120px;
  margin-inline: auto;
  max-width: 1200px;
}
.benefits .benefits-intro__point::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: calc((100% - 100vw) / 2);
  max-width: 1440px;
  width: calc(95% + (100vw - 100%) / 2);
  height: 140%;
  background-color: #eef9ff;
  border-radius: 0 clamp(4rem, 2.3rem + 4.42vw, 8rem) clamp(4rem, 2.3rem + 4.42vw, 8rem) 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .benefits .benefits-intro__point::before {
    height: 125%;
  }
}
.benefits .benefits-intro__point .point-list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 90px clamp(1.5rem, -4.5rem + 5.88vw, 3rem);
}
@media screen and (max-width: 1024px) {
  .benefits .benefits-intro__point .point-list {
    flex-wrap: wrap;
    gap: 90px 15px;
  }
}
@media screen and (max-width: 767px) {
  .benefits .benefits-intro__point .point-list {
    gap: 50px;
  }
}
.benefits .benefits-intro__point .point-list__item {
  flex: 1;
  height: auto;
}
@media screen and (max-width: 1024px) {
  .benefits .benefits-intro__point .point-list__item {
    flex: none;
    width: calc((100% - 15px) / 2);
  }
}
@media screen and (max-width: 767px) {
  .benefits .benefits-intro__point .point-list__item {
    width: 100%;
  }
}
.benefits .benefits-intro__point .item-box {
  position: relative;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  gap: clamp(1rem, 0.6rem + 1.1vw, 2rem);
  margin-inline: auto;
  padding-block: 75px 45px;
  padding-inline: clamp(1rem, -9rem + 9.8vw, 3.5rem);
  height: 100%;
  border: 5px solid var(--mc);
  border-radius: clamp(1rem, 0.6rem + 1.1vw, 2rem);
  background: #fff;
  max-width: 381px;
}
@media screen and (max-width: 767px) {
  .benefits .benefits-intro__point .item-box {
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;
    padding-block: 45px 30px;
    max-width: 450px;
  }
}
.benefits .benefits-intro__point .item-box__num {
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 5px;
  border-radius: 50%;
  background: #efbf16;
  width: 110px;
  height: 110px;
  font-family: var(--en);
  font-size: clamp(2rem, 1.2rem + 2.21vw, 4rem);
  color: #fff;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .benefits .benefits-intro__point .item-box__num {
    top: -40px;
    width: 75px;
    height: 75px;
  }
}
.benefits .benefits-intro__point .item-box__num small {
  font-family: var(--base);
  font-size: clamp(1.4rem, 1.3rem + 0.22vw, 1.6rem);
  line-height: 1;
}
.benefits .benefits-intro__point .item-box__ph {
  margin-inline: auto;
  max-width: 200px;
  aspect-ratio: 1;
}
@media screen and (max-width: 1024px) {
  .benefits .benefits-intro__point .item-box__ph {
    max-width: 150px;
  }
}
@media screen and (max-width: 767px) {
  .benefits .benefits-intro__point .item-box__ph {
    margin-inline: 0;
    max-width: 80px;
  }
}
.benefits .benefits-intro__point .item-box__info {
  display: flex;
  justify-content: stretch;
  align-items: center;
  flex-direction: column;
  gap: clamp(1rem, 0.4rem + 1.66vw, 2.5rem);
  flex: 1;
}
@media screen and (max-width: 767px) {
  .benefits .benefits-intro__point .item-box__info {
    display: contents;
    gap: 10px;
  }
}
.benefits .benefits-intro__point .item-box__ttl {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 80px;
}
@media screen and (max-width: 1024px) {
  .benefits .benefits-intro__point .item-box__ttl {
    min-height: 60px;
  }
}
@media screen and (max-width: 767px) {
  .benefits .benefits-intro__point .item-box__ttl {
    width: fit-content;
    min-height: none;
  }
}
.benefits .benefits-intro__point .item-box__ttl-st {
  font-size: clamp(1.8rem, 1.5rem + 0.77vw, 2.5rem);
  color: #000;
  font-weight: bold;
  line-height: 1.333;
}
@media screen and (max-width: 767px) {
  .benefits .benefits-intro__point .item-box__ttl-st {
    text-align: left;
  }
}
.benefits .benefits-intro__point .item-box__txt {
  flex: 1;
  padding-top: clamp(1rem, 0.4rem + 1.66vw, 2.5rem);
  border-top: 1px solid var(--sc);
}
@media screen and (max-width: 767px) {
  .benefits .benefits-intro__point .item-box__txt {
    flex: auto;
    padding-top: 10px;
    width: 100%;
  }
}
.benefits .benefits-intro__point .item-box__txt-st {
  font-size: clamp(1.4rem, 1.3rem + 0.22vw, 1.6rem);
  line-height: 1.875;
  text-align: left;
}
.benefits .benefits-intro__point .item-box__txt-st small {
  display: block;
  margin-top: clamp(1rem, 0.6rem + 1.1vw, 2rem);
  font-size: clamp(1.2rem, 1.1rem + 0.22vw, 1.4rem);
  color: #333333;
  line-height: 1.429;
}
.benefits .benefits-program {
  padding-block: clamp(5rem, 2.9rem + 5.52vw, 10rem) clamp(1.5rem, 0.7rem + 2.21vw, 3.5rem);
  background: url(../img/benefits/bg-main.jpg) no-repeat center center/cover;
  overflow: clip;
}
.benefits .benefits-program__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: clamp(3rem, -1.5rem + 5.86vw, 6rem);
  margin-bottom: clamp(5rem, 3rem + 5.3vw, 9.8rem);
}
@media screen and (max-width: 767px) {
  .benefits .benefits-program__head {
    flex-direction: column;
  }
}
.benefits .benefits-program__ttl {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: clamp(1rem, 0rem + 2.76vw, 3.5rem);
  margin-bottom: clamp(2.5rem, 1.5rem + 2.76vw, 5rem);
}
.benefits .benefits-program__ttl-icon {
  width: clamp(8rem, -4.6rem + 16.41vw, 16.4rem);
  height: clamp(8rem, -4.6rem + 16.41vw, 16.4rem);
}
@media screen and (max-width: 767px) {
  .benefits .benefits-program__ttl-icon {
    width: min(17.3333333333vw, 8rem);
    height: min(17.3333333333vw, 8rem);
  }
}
.benefits .benefits-program__ttl-st {
  font-size: clamp(1.8rem, 0.6rem + 1.56vw, 2.6rem);
  color: #fff;
  font-weight: bold;
  line-height: 1.667;
}
@media screen and (max-width: 767px) {
  .benefits .benefits-program__ttl-st {
    font-size: min(4.8vw, 2.2rem);
  }
}
.benefits .benefits-program__ttl-st strong {
  font-size: clamp(2.5rem, 1.6rem + 2.32vw, 4.6rem);
  font-weight: bold;
}
.benefits .benefits-program__txt {
  margin-bottom: clamp(2rem, 1rem + 2.76vw, 4.5rem);
}
.benefits .benefits-program__txt-st {
  font-size: clamp(1.6rem, 1.4rem + 0.55vw, 2.1rem);
  color: #ffffff;
  font-weight: bold;
  line-height: 1.714;
}
.benefits .benefits-program__amount {
  border-radius: clamp(1rem, 0.6rem + 1.1vw, 2rem);
  overflow: clip;
}
.benefits .benefits-program__ph {
  padding-top: 5px;
}
.benefits .benefits-program__list {
  position: relative;
  padding-bottom: clamp(6rem, 3.3rem + 7.18vw, 12.5rem);
}
.benefits .benefits-program__list::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: -6%;
  width: min(18.75vw, 24rem);
  background: url(../img/benefits/bg-illust-img02.png) no-repeat center center/cover;
  aspect-ratio: 240/175;
}
@media screen and (max-width: 767px) {
  .benefits .benefits-program__list::after {
    width: 32vw;
  }
}
.benefits .benefits-program .program-list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 75px 30px;
  margin-inline: auto 0;
  max-width: 1190px;
}
@media screen and (max-width: 1024px) {
  .benefits .benefits-program .program-list {
    flex-direction: column;
    gap: 80px;
  }
}
@media screen and (max-width: 767px) {
  .benefits .benefits-program .program-list {
    gap: 60px 15px;
  }
}
.benefits .benefits-program .program-list__item {
  width: calc((100% - 30px) / 2);
  height: auto;
}
@media screen and (max-width: 1024px) {
  .benefits .benefits-program .program-list__item {
    width: 100%;
  }
}
.benefits .benefits-program .program-list__item.--item01 .item-box::before {
  background: url(../img/benefits/program-list-num01.png) no-repeat center center/cover;
}
.benefits .benefits-program .program-list__item.--item02 .item-box::before {
  background: url(../img/benefits/program-list-num02.png) no-repeat center center/cover;
}
.benefits .benefits-program .program-list__item.--item03 .item-box::before {
  background: url(../img/benefits/program-list-num03.png) no-repeat center center/cover;
}
.benefits .benefits-program .program-list__item.--item04 .item-box::before {
  background: url(../img/benefits/program-list-num04.png) no-repeat center center/cover;
}
.benefits .benefits-program .program-list .item-box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 30px;
  padding-block: 35px 30px;
  padding-inline: 35px 30px;
  height: 100%;
  border: 5px solid rgba(239, 191, 22, 0.5);
  border-radius: 8px;
  background-color: #fff;
  max-width: 580px;
}
@media screen and (max-width: 1024px) {
  .benefits .benefits-program .program-list .item-box {
    width: 100%;
    max-width: none;
  }
}
@media screen and (max-width: 767px) {
  .benefits .benefits-program .program-list .item-box {
    align-items: center;
    gap: 10px;
    margin-inline: auto;
    padding-block: 10px;
    padding-inline: 10px;
    max-width: 450px;
  }
}
.benefits .benefits-program .program-list .item-box::before {
  content: "";
  position: absolute;
  bottom: calc(100% - 5px);
  left: 10px;
  width: 140px;
  height: 45px;
}
@media screen and (max-width: 1024px) {
  .benefits .benefits-program .program-list .item-box::before {
    bottom: 100%;
  }
}
.benefits .benefits-program .program-list .item-box__ph {
  width: 121px;
  aspect-ratio: 1;
}
@media screen and (max-width: 767px) {
  .benefits .benefits-program .program-list .item-box__ph {
    width: 80px;
  }
}
.benefits .benefits-program .program-list .item-box__info {
  flex: 1;
}
.benefits .benefits-program .program-list .item-box__ttl {
  margin-bottom: clamp(0.5rem, 0.3rem + 0.55vw, 1rem);
}
.benefits .benefits-program .program-list .item-box__ttl-st {
  font-size: clamp(1.8rem, 1.6rem + 0.66vw, 2.4rem);
  color: var(--sc);
  font-weight: bold;
  line-height: 1.333;
}
.benefits .benefits-program .program-list .item-box__ttl-st small {
  font-size: clamp(1.4rem, 1.3rem + 0.22vw, 1.6rem);
  font-weight: bold;
}
.benefits .benefits-program .program-list .item-box__txt-st {
  font-size: clamp(1.4rem, 1.3rem + 0.22vw, 1.6rem);
  line-height: 1.874;
}
.benefits .benefits-program .program-list .item-box__txt-st span {
  color: var(--sc);
  font-size: clamp(2rem, 1.8rem + 0.44vw, 2.4rem);
  line-height: 1.5;
  font-weight: bold;
}
.benefits .benefits-program .program-list .item-box__txt-st span.--line {
  text-decoration: underline;
}
.benefits .benefits-program .program-list__ph {
  aspect-ratio: 1160/470;
}
.benefits .benefits-event {
  position: relative;
  padding-bottom: clamp(10rem, 5.9rem + 11.05vw, 20rem);
}
.benefits .benefits-event::before {
  content: "";
  position: absolute;
  bottom: clamp(6rem, 3.6rem + 6.41vw, 11.8rem);
  right: 57%;
  width: min(64.84375vw, 83rem);
  aspect-ratio: 830/613;
  background: url(../img/benefits/bg-illust-img03.png) no-repeat center center/cover;
}
@media screen and (max-width: 767px) {
  .benefits .benefits-event::before {
    width: 96vw;
  }
}
.benefits .benefits-event__bg {
  position: relative;
  padding-top: clamp(11.5rem, 6.7rem + 12.71vw, 23rem);
}
.benefits .benefits-event__bg::before {
  content: "";
  position: absolute;
  top: 0;
  right: calc((100% - 100vw) / 2);
  max-width: 1440px;
  width: calc(90% + (100vw - 100%) / 2);
  height: 100%;
  background: #eef9ff;
  border-radius: 0 0 0 clamp(4rem, 2.3rem + 4.42vw, 8rem);
  z-index: -1;
}
.benefits .benefits-event__ttl {
  position: relative;
  margin-bottom: clamp(5.5rem, 3.2rem + 6.08vw, 11rem);
  margin-inline: auto;
  max-width: 790px;
  height: clamp(5rem, 3.8rem + 3.31vw, 8rem);
  background: #115fad;
  border: 5px solid var(--sc);
  border-radius: clamp(2rem, 1.2rem + 2.21vw, 4rem);
}
@media screen and (max-width: 767px) {
  .benefits .benefits-event__ttl {
    max-width: 420px;
  }
}
.benefits .benefits-event__ttl::before {
  content: "";
  position: absolute;
  bottom: calc(100% + 5px);
  left: calc(50% + clamp(3rem, 1.5rem + 3.87vw, 6.5rem));
  transform: translateX(-50%);
  width: clamp(6.5rem, 3.8rem + 7.29vw, 13.1rem);
  aspect-ratio: 131/110;
  background: url(../img/benefits/ttl-event.png) no-repeat center center/cover;
}
.benefits .benefits-event__ttl-st {
  text-align: center;
  font-size: clamp(1.8rem, 1.1rem + 1.99vw, 3.6rem);
  color: #fff;
  font-weight: bold;
  line-height: clamp(4rem, 3.2rem + 2.21vw, 6rem);
}
.benefits .benefits-event__list {
  position: relative;
  padding-bottom: clamp(6rem, 3.7rem + 6.08vw, 11.5rem);
}
.benefits .benefits-event .event-list {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 50px clamp(2rem, 1.2rem + 2.21vw, 4rem);
}
@media screen and (max-width: 767px) {
  .benefits .benefits-event .event-list {
    flex-direction: column;
  }
}
.benefits .benefits-event .event-list__item {
  height: auto;
}
.benefits .benefits-event .item-box {
  position: relative;
  padding-block: clamp(5rem, 4.2rem + 2.21vw, 7rem) clamp(3.5rem, 2rem + 3.87vw, 7rem);
  padding-inline: clamp(1.5rem, 0.9rem + 1.66vw, 3rem);
  max-width: 580px;
  height: 100%;
  background: #fff;
  border: 5px solid var(--mc);
  border-radius: clamp(1rem, 0.6rem + 1.1vw, 2rem);
}
@media screen and (max-width: 767px) {
  .benefits .benefits-event .item-box {
    margin-inline: auto;
    max-width: 420px;
  }
}
.benefits .benefits-event .item-box__icon {
  position: absolute;
  top: -60px;
  left: 50%;
  transform: translateX(-50%);
  width: 110px;
  height: 110px;
}
@media screen and (max-width: 767px) {
  .benefits .benefits-event .item-box__icon {
    top: -40px;
    width: 75px;
    height: 75px;
  }
}
.benefits .benefits-event .item-box__ttl {
  margin-bottom: clamp(1.5rem, 0.9rem + 1.66vw, 3rem);
}
.benefits .benefits-event .item-box__ttl-st {
  text-align: center;
  font-size: clamp(1.8rem, 1.2rem + 1.55vw, 3.2rem);
  color: #000;
  font-weight: bold;
  line-height: 1.389;
}
.benefits .benefits-event .item-box__ph {
  margin-bottom: clamp(1.5rem, 0.9rem + 1.66vw, 3rem);
  max-width: 500px;
  border-radius: clamp(1rem, 0.6rem + 1.1vw, 2rem);
  aspect-ratio: 500/380;
  overflow: clip;
}
.benefits .benefits-event .item-box__txt-st {
  font-size: clamp(1.4rem, 1.3rem + 0.22vw, 1.6rem);
  line-height: 1.875;
}

.company .company-mv {
  position: relative;
  overflow: clip;
}
.company .company-mv__ttl {
  position: absolute;
  margin-left: 30px;
  bottom: -1px;
  left: 0;
  max-width: 1110px;
  width: 85%;
  aspect-ratio: 1110/281;
  z-index: 1;
}
.company .company-mv__bg {
  padding-left: clamp(6rem, -1.5rem + 19.89vw, 24rem);
}
.company .company-mv__bg-ph {
  height: 100svh;
  max-height: 900px;
}
@media screen and (max-width: 1024px) {
  .company .company-mv__bg-ph {
    height: clamp(32rem, 8.9rem + 61.63vw, 72rem);
  }
}
.company .company-mv__bg-ph img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.company .company-about {
  position: relative;
  padding-block: clamp(9rem, 5.3rem + 9.94vw, 18rem) clamp(5rem, 3.3rem + 4.42vw, 9rem);
  overflow: clip;
}
.company .company-about::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  aspect-ratio: 1920/930;
  background: url(../img/company/bg-about.png) no-repeat center center/cover;
}
.company .company-about__cnt {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(3rem, 1.8rem + 3.31vw, 6rem);
}
@media screen and (max-width: 1024px) {
  .company .company-about__cnt {
    flex-direction: column;
  }
}
.company .company-about__info {
  padding-bottom: 30px;
  padding-left: clamp(3.5rem, -0.5rem + 3.91vw, 7rem);
  width: 50%;
  min-width: 500px;
}
@media screen and (max-width: 1024px) {
  .company .company-about__info {
    padding-bottom: 0;
    width: 100%;
    min-width: auto;
  }
}
.company .company-about__ttl-st {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  font-size: clamp(1.8rem, 1.6rem + 0.66vw, 2.4rem);
  font-weight: 900;
  color: #efbf16;
  line-height: 1;
  writing-mode: vertical-rl;
}
@media screen and (max-width: 767px) {
  .company .company-about__ttl-st {
    font-size: min(4.8vw, 1.8rem);
  }
}
.company .company-about__ttl-st span {
  font-size: clamp(1.4rem, 1.3rem + 0.22vw, 1.6rem);
}
@media screen and (max-width: 767px) {
  .company .company-about__ttl-st span {
    font-size: min(3.7333333333vw, 1.4rem);
  }
}
.company .company-about__catch {
  margin-bottom: clamp(2.5rem, 1.5rem + 2.76vw, 5rem);
}
.company .company-about__catch-st {
  font-family: var(--meiryo);
  font-size: clamp(2rem, 1.3rem + 1.77vw, 3.6rem);
  color: #000;
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .company .company-about__catch-st {
    font-size: min(5.3333333333vw, 2rem);
  }
}
.company .company-about__txt-st {
  font-size: clamp(1.6rem, 1.4rem + 0.55vw, 2.1rem);
  color: #000;
  font-weight: bold;
  line-height: 1.714;
  letter-spacing: 0;
}
@media screen and (max-width: 767px) {
  .company .company-about__txt-st {
    font-size: min(4.2666666667vw, 1.6rem);
    text-align: left;
  }
}
.company .company-about__txt-st:not(:first-child) {
  margin-top: clamp(1.5rem, 0.7rem + 2.21vw, 3.5rem);
}
.company .company-about__ph {
  flex: 1;
  margin-right: calc((100% - 100vw) / 2);
  padding-right: 80px;
}
@media screen and (max-width: 1024px) {
  .company .company-about__ph {
    margin-right: 0;
    padding-right: 0;
  }
}
.company .company-message {
  position: relative;
  padding-top: clamp(5rem, 2.7rem + 6.08vw, 10.5rem);
}
.company .company-message::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 90%;
  max-width: 1440px;
  height: 90%;
  max-height: 800px;
  background: var(--sc);
  border-radius: 0 clamp(1.5rem, 0.9rem + 1.66vw, 3rem) clamp(1.5rem, 0.9rem + 1.66vw, 3rem) 0;
}
.company .company-message::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 50%;
  background: #ededed;
  z-index: -1;
}
.company .company-message__head {
  margin-bottom: clamp(3.5rem, 2rem + 3.87vw, 7rem);
}
.company .company-message__ttl {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  gap: clamp(1rem, 0rem + 2.76vw, 3.5rem);
}
.company .company-message__ttl-st {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  font-size: clamp(1.6rem, 1.3rem + 0.88vw, 2.4rem);
  color: #fff;
  line-height: 2.5;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .company .company-message__ttl-st {
    font-size: min(4.2666666667vw, 1.6rem);
  }
}
.company .company-message__ttl-st span {
  font-size: clamp(1.4rem, 1.3rem + 0.22vw, 1.6rem);
}
@media screen and (max-width: 767px) {
  .company .company-message__ttl-st span {
    font-size: min(3.7333333333vw, 1.4rem);
  }
}
.company .company-message__ttl-st strong {
  display: block;
  font-size: clamp(3rem, 1.3rem + 4.42vw, 7rem);
  font-weight: 900;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .company .company-message__ttl-st strong {
    font-size: min(8vw, 3rem);
  }
}
.company .company-message__cnt {
  margin-inline: auto 0;
  padding-block: clamp(3.5rem, 2rem + 3.87vw, 7rem) clamp(4rem, 2.3rem + 4.64vw, 8.2rem);
  padding-left: clamp(1.5rem, -0.8rem + 6.08vw, 7rem);
  width: 100%;
  max-width: 1200px;
  background: #fff;
  border-radius: clamp(1.5rem, 0.9rem + 1.66vw, 3rem) 0 0 clamp(1.5rem, 0.9rem + 1.66vw, 3rem);
}
.company .company-message__box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: clamp(3.5rem, 2rem + 3.87vw, 7rem);
}
@media screen and (max-width: 767px) {
  .company .company-message__box {
    flex-direction: column;
  }
}
.company .company-message__info {
  max-width: 550px;
  width: 51%;
}
@media screen and (max-width: 767px) {
  .company .company-message__info {
    width: 100%;
  }
}
.company .company-message__info-name {
  margin-bottom: clamp(1.5rem, 0.7rem + 2.21vw, 3.5rem);
  padding-bottom: clamp(1.1rem, 0.6rem + 1.22vw, 2.2rem);
  border-bottom: 1px solid #000;
  color: #020202;
  font-size: clamp(1.6rem, 1.3rem + 0.88vw, 2.4rem);
  font-weight: 500;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .company .company-message__info-name {
    font-size: min(4.2666666667vw, 1.8rem);
  }
}
.company .company-message__info-name strong {
  display: block;
  margin-top: 8px;
  font-size: clamp(2rem, 1.6rem + 1.1vw, 3rem);
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .company .company-message__info-name strong {
    font-size: min(5.3333333333vw, 2.2rem);
  }
}
.company .company-message__info-name rt {
  font-size: clamp(1.4rem, 1.3rem + 0.22vw, 1.6rem);
}
@media screen and (max-width: 767px) {
  .company .company-message__info-name rt {
    font-size: min(3.7333333333vw, 1.4rem);
  }
}
.company .company-message__info-txt {
  font-size: clamp(1.6rem, 1.4rem + 0.55vw, 2.1rem);
  font-weight: 500;
  color: #000;
  line-height: 1.714;
}
@media screen and (max-width: 767px) {
  .company .company-message__info-txt {
    font-size: min(4.2666666667vw, 1.8rem);
  }
}
.company .company-message__ph {
  flex: 1;
  border-radius: clamp(1rem, 0.6rem + 1.1vw, 2rem);
  overflow: clip;
}
.company .company-message__features {
  margin-top: clamp(3rem, 1.8rem + 3.31vw, 6rem);
}
.company .company-message__features .company-features__ttl {
  font-size: clamp(1.6rem, 1.4rem + 0.55vw, 2.1rem);
  color: #000;
  font-weight: 500;
  line-height: 1.429;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .company .company-message__features .company-features__ttl {
    font-size: min(4.2666666667vw, 1.8rem);
  }
}
.company .company-message__features .company-features__ttl span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 15px;
  padding-inline: 20px;
  background: linear-gradient(180deg, #fff 0, #fff 22px, #eff9fb 22px, #eff9fb 100%);
}
@media screen and (max-width: 767px) {
  .company .company-message__features .company-features__ttl span {
    gap: 0;
    padding-inline: 10px;
    background: linear-gradient(180deg, #fff 0, #fff 15px, #eff9fb 15px, #eff9fb 100%);
  }
}
.company .company-message__features .company-features__ttl strong {
  display: block;
  font-size: clamp(2.2rem, 1.9rem + 0.88vw, 3rem);
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .company .company-message__features .company-features__ttl strong {
    font-size: min(5.8666666667vw, 2.4rem);
  }
}
.company .company-message__features .company-features__cnt {
  margin-top: -55px;
  padding-block: clamp(6rem, 4.8rem + 3.31vw, 9rem) clamp(3.5rem, 2rem + 3.87vw, 7rem);
  padding-inline: clamp(2rem, 1.2rem + 2.21vw, 4rem);
  border: 2px solid var(--sc);
  border-radius: 10px;
  background: #eff9fb;
  max-width: 1104px;
}
@media screen and (max-width: 767px) {
  .company .company-message__features .company-features__cnt {
    margin-top: -35px;
  }
}
.company .company-message__features .company-features__list {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  gap: 20px;
}
@media screen and (max-width: 767px) {
  .company .company-message__features .company-features__list {
    flex-wrap: wrap;
    gap: 10px;
  }
}
@media screen and (max-width: 767px) {
  .company .company-message__features .company-features__item {
    width: calc((100% - 10px) / 2);
  }
}
.company .company-message__try {
  margin-top: clamp(3rem, 1.9rem + 2.98vw, 5.7rem);
}
.company .company-message__try .company-try__ttl {
  font-size: clamp(1.6rem, 1.4rem + 0.55vw, 2.1rem);
  color: #000;
  font-weight: 500;
  line-height: 1.429;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .company .company-message__try .company-try__ttl {
    font-size: min(4.2666666667vw, 1.8rem);
  }
}
.company .company-message__try .company-try__ttl span {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 15px;
  padding-inline: 20px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .company .company-message__try .company-try__ttl span {
    gap: 0;
    padding-inline: 10px;
  }
}
.company .company-message__try .company-try__ttl strong {
  display: block;
  font-size: clamp(2.2rem, 1.9rem + 0.88vw, 3rem);
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .company .company-message__try .company-try__ttl strong {
    font-size: min(5.8666666667vw, 2.4rem);
  }
}
.company .company-message__try .company-try__cnt {
  margin-top: -55px;
  padding-block: clamp(6rem, 4.5rem + 3.87vw, 9.5rem) clamp(3.5rem, 3.1rem + 1.1vw, 4.5rem);
  padding-inline: clamp(2rem, 1.2rem + 2.21vw, 4rem);
  border: 2px solid var(--sc);
  border-radius: 10px;
  max-width: 1104px;
}
@media screen and (max-width: 767px) {
  .company .company-message__try .company-try__cnt {
    margin-top: -35px;
  }
}
.company .company-message__try .company-try__list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 15px 20px;
  margin-inline: auto;
  max-width: 920px;
}
@media screen and (max-width: 767px) {
  .company .company-message__try .company-try__list {
    gap: 10px;
  }
}
.company .company-message__try .company-try__item {
  width: calc((100% - 20px) / 2);
}
@media screen and (max-width: 767px) {
  .company .company-message__try .company-try__item {
    width: 100%;
  }
}
.company .company-message__txt {
  margin-top: clamp(2.5rem, 1.5rem + 2.76vw, 5rem);
}
.company .company-message__txt-st {
  font-size: clamp(1.6rem, 1.3rem + 0.88vw, 2.4rem);
  font-weight: 500;
  color: #000;
  line-height: 1.429;
}
@media screen and (max-width: 767px) {
  .company .company-message__txt-st {
    font-size: min(4.2666666667vw, 1.8rem);
  }
}
.company .company-message__txt-st strong {
  position: relative;
  display: block;
  padding-top: clamp(4rem, 2.3rem + 4.42vw, 8rem);
  font-size: clamp(3.2rem, 0rem + 3.14vw, 4rem);
  font-family: var(--meiryo);
  color: #000;
  font-weight: bold;
  line-height: 1.524;
  letter-spacing: 0.05em;
  text-align: center;
}
@media screen and (max-width: 1024px) {
  .company .company-message__txt-st strong {
    font-size: clamp(2rem, 1.3rem + 1.85vw, 3.2rem);
  }
}
@media screen and (max-width: 767px) {
  .company .company-message__txt-st strong {
    font-size: min(5.3333333333vw, 2.2rem);
  }
}
.company .company-message__txt-st.--st2 {
  margin-top: clamp(1.5rem, 0.9rem + 1.66vw, 3rem);
}
.company .company-message__txt-st.--st3, .company .company-message__txt-st.--st4 {
  margin-top: clamp(1.5rem, 0.3rem + 3.31vw, 4.5rem);
  letter-spacing: 0;
}
.company .company-message__txt-st.--st5 {
  margin-top: clamp(1.5rem, 0.9rem + 1.66vw, 3rem);
}
.company .company-message__txt-st.--name {
  margin-top: clamp(1.5rem, 0.3rem + 3.31vw, 4.5rem);
  font-size: clamp(1.4rem, 1.2rem + 0.44vw, 1.8rem);
  text-align: right;
}
.company .company-overview {
  padding-block: clamp(6rem, 3.5rem + 6.63vw, 12rem) clamp(5rem, 2.9rem + 5.52vw, 10rem);
  background: #ededed;
}
.company .company-overview__head {
  margin-bottom: clamp(2.5rem, 1.5rem + 2.76vw, 5rem);
}
.company .company-overview__cnt {
  margin-inline: auto;
  max-width: 1000px;
}
.company .company-organization {
  padding-block: clamp(5rem, 2.9rem + 5.52vw, 10rem) clamp(5rem, 2.9rem + 5.52vw, 10rem);
}
.company .company-organization__head {
  margin-bottom: clamp(2.5rem, 1.5rem + 2.76vw, 5rem);
}
@media screen and (min-width: 1025px) {
  .company .company-organization__cnt {
    padding-right: 50px;
  }
}
.company .company-organization__ph {
  width: 100%;
  aspect-ratio: 2300/1140;
}
.company .company-organization__ph img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.company .company-history {
  padding-block: clamp(5rem, 2.9rem + 5.52vw, 10rem) clamp(5rem, 2.9rem + 5.52vw, 10rem);
  background: #ededed;
}
.company .company-history__head {
  margin-bottom: clamp(2.5rem, 1.5rem + 2.76vw, 5rem);
}
.company .company-history__cnt {
  margin-inline: auto;
  max-width: 1000px;
}
.company .company-csr {
  position: relative;
  padding-top: clamp(6rem, 3.3rem + 7.18vw, 12.5rem);
  background: #ededed;
  overflow: clip;
}
.company .company-csr::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  max-width: 600px;
  width: 32%;
  height: 800px;
  background: var(--sc);
  border-radius: clamp(1.5rem, 0.9rem + 1.66vw, 3rem) 0 0 clamp(1.5rem, 0.9rem + 1.66vw, 3rem);
}
.company .company-csr__cnt {
  position: relative;
}
.company .company-csr__cnt::before {
  content: "";
  position: absolute;
  top: 0;
  left: calc((100% - 100vw) / 2);
  max-width: 1680px;
  width: calc(110% + (100vw - 100%) / 2);
  height: 100%;
  background: #fff;
  border-radius: 0 clamp(1.5rem, 0.9rem + 1.66vw, 3rem) 0 0;
}
@media screen and (max-width: 1679px) {
  .company .company-csr__cnt::before {
    width: calc(102% + (100vw - 100%) / 2);
    pointer-events: none;
  }
}
.company .company-csr__head {
  position: absolute;
  top: -25px;
  left: 50%;
  transform: translateX(-50%);
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1024px) {
  .company .company-csr__head {
    top: -15px;
  }
}
@media screen and (max-width: 767px) {
  .company .company-csr__head {
    top: -10px;
  }
}
.company .company-csr__ttl-st {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: clamp(1.6rem, 1.4rem + 0.55vw, 2.1rem);
  font-weight: 500;
  color: #000;
  line-height: 2.5;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .company .company-csr__ttl-st {
    font-size: min(4.2666666667vw, 1.6rem);
  }
}
.company .company-csr__ttl-st span {
  font-size: clamp(1.4rem, 1.3rem + 0.22vw, 1.6rem);
}
@media screen and (max-width: 767px) {
  .company .company-csr__ttl-st span {
    font-size: min(3.7333333333vw, 1.4rem);
  }
}
.company .company-csr__ttl-st strong {
  margin-bottom: clamp(1rem, -0.2rem + 3.31vw, 4rem);
  font-size: clamp(3rem, 1.3rem + 4.42vw, 7rem);
  font-weight: 900;
  color: var(--sc);
  line-height: 0.571;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .company .company-csr__ttl-st strong {
    font-size: min(8vw, 3rem);
  }
}
.company .company-csr .csr-list {
  padding-block: clamp(1.5rem, 0.9rem + 1.66vw, 3rem) clamp(7.5rem, 4.4rem + 8.29vw, 15rem);
}
.company .company-csr .csr-list__item:not(:last-child) {
  margin-bottom: clamp(2.5rem, 1.5rem + 2.76vw, 5rem);
}
.company .company-csr .csr-list__item.--item01 .item-box__info::before, .company .company-csr .csr-list__item.--item03 .item-box__info::before, .company .company-csr .csr-list__item.--item05 .item-box__info::before {
  left: -22%;
}
@media screen and (max-width: 1679px) {
  .company .company-csr .csr-list__item.--item01 .item-box__info::before, .company .company-csr .csr-list__item.--item03 .item-box__info::before, .company .company-csr .csr-list__item.--item05 .item-box__info::before {
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .company .company-csr .csr-list__item.--item01 .item-box__info::before, .company .company-csr .csr-list__item.--item03 .item-box__info::before, .company .company-csr .csr-list__item.--item05 .item-box__info::before {
    left: auto;
    right: 0;
  }
}
.company .company-csr .csr-list__item.--item02 .item-box, .company .company-csr .csr-list__item.--item04 .item-box {
  flex-direction: row-reverse;
}
@media screen and (max-width: 767px) {
  .company .company-csr .csr-list__item.--item02 .item-box, .company .company-csr .csr-list__item.--item04 .item-box {
    flex-direction: column;
  }
}
.company .company-csr .csr-list__item.--item02 .item-box__info::before, .company .company-csr .csr-list__item.--item04 .item-box__info::before {
  right: -20%;
}
@media screen and (max-width: 1679px) {
  .company .company-csr .csr-list__item.--item02 .item-box__info::before, .company .company-csr .csr-list__item.--item04 .item-box__info::before {
    right: 0;
  }
}
.company .company-csr .csr-list__item.--item01 .item-box__info::before {
  width: clamp(15rem, 8.8rem + 16.57vw, 30rem);
  background: url(../img/company/csr-illust01.png) no-repeat center center/contain;
  aspect-ratio: 300/255;
}
.company .company-csr .csr-list__item.--item02 .item-box__info::before {
  width: clamp(15rem, 8.8rem + 16.57vw, 30rem);
  background: url(../img/company/csr-illust02.png) no-repeat center center/contain;
  aspect-ratio: 300/255;
}
.company .company-csr .csr-list__item.--item03 .item-box__info::before {
  width: clamp(14.5rem, 8.5rem + 16.02vw, 29rem);
  background: url(../img/company/csr-illust03.png) no-repeat center center/contain;
  aspect-ratio: 290/240;
}
.company .company-csr .csr-list__item.--item04 .item-box__info::before {
  width: clamp(12.5rem, 7.3rem + 13.81vw, 25rem);
  background: url(../img/company/csr-illust04.png) no-repeat center center/contain;
  aspect-ratio: 250/275;
}
.company .company-csr .csr-list__item.--item05 .item-box__info::before {
  width: clamp(12rem, 7rem + 13.37vw, 24.1rem);
  background: url(../img/company/csr-illust05.png) no-repeat center center/contain;
  aspect-ratio: 241/226;
}
.company .company-csr .csr-list .item-box {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  gap: 16px clamp(3rem, -7.5rem + 13.67vw, 10rem);
}
@media screen and (max-width: 767px) {
  .company .company-csr .csr-list .item-box {
    flex-direction: column;
  }
}
.company .company-csr .csr-list .item-box__info {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  flex: 1;
  height: auto;
  z-index: 1;
}
.company .company-csr .csr-list .item-box__info::before {
  content: "";
  position: absolute;
  bottom: 0;
  max-height: 100%;
  z-index: -1;
}
.company .company-csr .csr-list .item-box__num-st {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  font-size: clamp(1.8rem, 1.6rem + 0.66vw, 2.4rem);
  font-weight: 900;
  color: #efbf16;
  line-height: 2.5;
}
@media screen and (max-width: 767px) {
  .company .company-csr .csr-list .item-box__num-st {
    font-size: min(4.8vw, 1.8rem);
  }
}
.company .company-csr .csr-list .item-box__num-st span {
  font-size: clamp(1.4rem, 1.3rem + 0.22vw, 1.6rem);
}
@media screen and (max-width: 767px) {
  .company .company-csr .csr-list .item-box__num-st span {
    font-size: min(3.7333333333vw, 1.4rem);
  }
}
.company .company-csr .csr-list .item-box__ttl {
  margin-bottom: clamp(1.6rem, 0.9rem + 1.77vw, 3.2rem);
}
.company .company-csr .csr-list .item-box__ttl-st {
  font-size: clamp(1.8rem, 1.1rem + 1.99vw, 3.6rem);
  color: #000;
  font-weight: bold;
  line-height: 1.389;
}
@media screen and (max-width: 767px) {
  .company .company-csr .csr-list .item-box__ttl-st {
    font-size: min(4.8vw, 1.8rem);
  }
}
.company .company-csr .csr-list .item-box__txt-st {
  font-size: clamp(1.6rem, 1.5rem + 0.22vw, 1.8rem);
  font-weight: 500;
  color: #000;
  line-height: 1.714;
}
@media screen and (max-width: 767px) {
  .company .company-csr .csr-list .item-box__txt-st {
    font-size: min(4.2666666667vw, 1.6rem);
  }
}
.company .company-csr .csr-list .item-box__ph {
  width: 50%;
  border-radius: clamp(1rem, 0.6rem + 1.1vw, 2rem);
  overflow: clip;
}
@media screen and (max-width: 767px) {
  .company .company-csr .csr-list .item-box__ph {
    width: 100%;
  }
}
.company .company-csr .csr-list .item-box__ph img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.company .company-ttl__st {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  font-size: clamp(1.6rem, 1.3rem + 0.88vw, 2.4rem);
  font-weight: 500;
  color: #000;
  line-height: 2.5;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .company .company-ttl__st {
    font-size: min(4.2666666667vw, 1.6rem);
  }
}
.company .company-ttl__st span {
  font-size: clamp(1.4rem, 1.3rem + 0.22vw, 1.6rem);
}
@media screen and (max-width: 767px) {
  .company .company-ttl__st span {
    font-size: min(3.7333333333vw, 1.4rem);
  }
}
.company .company-ttl__st strong {
  margin-bottom: clamp(1rem, -0.2rem + 3.31vw, 4rem);
  font-size: clamp(3rem, 1.3rem + 4.42vw, 7rem);
  font-weight: 900;
  color: var(--sc);
  line-height: 0.571;
  letter-spacing: 0.05em;
}
@media screen and (max-width: 767px) {
  .company .company-ttl__st strong {
    font-size: min(8vw, 3rem);
  }
}
.company .company-list {
  margin-inline: auto;
  max-width: 1000px;
}
.company .company-list__item {
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 767px) {
  .company .company-list__item {
    flex-direction: column;
  }
}
.company .company-list__label {
  padding-block: 17px;
  padding-inline: clamp(2rem, -2.5rem + 5.86vw, 5rem) clamp(1.2rem, -0.8rem + 2.54vw, 2.5rem);
  width: 240px;
  background: var(--sc);
  color: #fff;
  font-size: clamp(1.6rem, 1.5rem + 0.22vw, 1.8rem);
  font-weight: bold;
  line-height: 1.944;
}
@media screen and (max-width: 767px) {
  .company .company-list__label {
    padding-block: 12px;
    width: 100%;
    font-size: min(4.2666666667vw, 1.6rem);
  }
}
.company .company-list__value {
  flex: 1;
  padding-block: 17px;
  padding-inline: clamp(2rem, -3.3rem + 6.84vw, 5.5rem);
  background: #fff;
  font-size: clamp(1.6rem, 1.5rem + 0.22vw, 1.8rem);
  line-height: 1.944;
}
@media screen and (max-width: 767px) {
  .company .company-list__value {
    padding-block: 12px;
    font-size: min(4.2666666667vw, 1.6rem);
  }
}
.company .company-list.--history .company-list__label {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline: clamp(2rem, -3.3rem + 6.84vw, 5.5rem);
}
@media screen and (max-width: 767px) {
  .company .company-list.--history .company-list__label {
    justify-content: flex-start;
  }
}
.company .company-list.--history .company-list__label span {
  display: block;
  width: clamp(8.6rem, 7.6rem + 1.37vw, 9.3rem);
  text-align: left;
}
@media screen and (max-width: 767px) {
  .company .company-list.--history .company-list__label span {
    width: auto;
  }
}

@media (min-width: 1025px) {
  /* トラックの制限解除 */
  .top-splide.splide {
    visibility: visible;
  }
}
/*2603追加*/
.team-popup .popup-area {
  max-width: clamp(120rem, 48rem + 37.5vw, 140rem);
  width: calc(100% - 20px);
  height: 96vh;
}

.company .company-message__txt-st strong {
  padding-top: clamp(2rem, 1.1rem + 2.21vw, 4rem);
}

@media screen and (max-width: 767px) {
  .team-popup .popup-area {
    height: 92vh;
  }
}