@charset "UTF-8";
/*==================================================

ベース

==================================================*/
html {
  line-height: 1.5;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
html.menu-open {
  overflow: hidden;
}

html.lenis,
html.lenis body {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto !important;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

body {
  background-color: #fff;
  color: #000;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: max(16px, 1.6rem);
  -webkit-font-smoothing: antialiased;
  /*	font-feature-settings: "palt";*/
  letter-spacing: 0;
}
body.menu-open {
  overflow: hidden;
}

/*========= font family変数指定 ==========*/
:root {
  --font-serif: "Sawarabi Mincho", serif;
  /* 縦書き専用明朝。Sawarabi Minchoは縦組みメトリクス(vhea/vmtx)未収録で
     ブラウザごとに縦送りが崩れる(Chrome=1.39em/字, Safariは句読点も乱れる)ため、
     writing-mode: vertical-rl のセリフ要素のみ縦組み対応のShippori Minchoを使う。
     切替時にletter-spacingも旧値+0.39emに補正済み(旧値はChromeの1.39em送り前提だった) */
  --font-serif-v: "Shippori Mincho", serif;
  --font-noto: "Noto Sans JP", sans-serif;
  --font-en: "Vina Sans", sans-serif;
}

/*===================*/
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

a {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

/* フェードイン */
.js-inview {
  opacity: 0;
  transition: opacity 0.8s;
}
.js-inview.is-show {
  opacity: 1;
}

/* アンカー
--------------------------------------------------*/
[id] {
  position: relative;
}

@media print, only screen and (min-width: 768px) {
  [id] {
    scroll-margin-top: 11.8rem;
  }
}
@media screen and (max-width: 767px) {
  [id] {
    scroll-margin-top: 7.4rem;
  }
}
/*==================================================

全ページ共通

==================================================*/
/* PC */
@media print, only screen and (min-width: 768px) {
  html {
    font-size: 10px;
  }
  .sp {
    display: none !important;
  }
  a:hover {
    text-decoration: none;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  html {
    font-size: 2.5vw;
  }
  .pc {
    display: none !important;
  }
}
/* form リセット
--------------------------------------------------*/
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

input[type=checkbox] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

/* 順番フェードイン（.js-fadestagger）
   一文字ずつフェードの子は、JS で文字分割が終わるまで非表示にしてチラつきを防ぐ
--------------------------------------------------*/
.js-fadestagger-chars:not(.is-ready) {
  opacity: 0;
}

.js-fadestagger-chars .js-char {
  display: inline-block;
}

/*==================================================

ヘッダー

==================================================*/
/* レイアウト
--------------------------------------------------*/
.l-header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}
.l-header a {
  display: block;
}
.l-header .l-header__logo {
  transition: opacity 0.3s ease;
}
.l-header .l-header__logo:hover {
  opacity: 0.7;
}
.l-header__logo {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
@media print, only screen and (min-width: 1000px) {
  .l-header {
    height: 11.8rem;
    background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 100%);
  }
  .l-header .l-header__logo {
    height: fit-content;
    left: 4rem;
  }
  .l-header .l-header__logo img {
    width: 5.6rem;
    margin-right: 5.1rem;
    vertical-align: middle;
  }
  .l-header .l-header__text {
    font-size: max(16px, 2.4rem);
    font-weight: 900;
    letter-spacing: 0.04em;
    position: relative;
    top: 0.5rem;
  }
}
@media screen and (max-width: 999px) {
  .l-header .l-header__logo {
    top: 0.8rem;
    left: 0.8rem;
  }
  .l-header .l-header__logo img {
    width: 5.8rem;
    height: 5.8rem;
  }
  .l-header .l-header__text {
    display: none;
  }
}

.l-recruit a {
  transition: opacity 0.3s ease;
}
.l-recruit a:hover {
  opacity: 0.7;
}
@media print, only screen and (min-width: 1000px) {
  .l-recruit {
    width: 22.8rem;
    height: 11rem;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    border: 1px #000 solid;
    border-right: none;
  }
  .l-recruit.-contact .l-recruit__item {
    background: #c2db89;
  }
}
@media screen and (max-width: 999px) {
  .l-recruit {
    width: 9.6rem;
    height: 4.8rem;
    position: fixed;
    right: 6.4rem;
    top: 1.3rem;
    border: 1px #fff solid;
    border-radius: 0.4rem;
    overflow: hidden;
    z-index: 90;
  }
  .l-recruit .spnone {
    display: none;
  }
}
@media print, only screen and (min-width: 1000px) {
  .l-recruit {
    opacity: 0;
    visibility: hidden;
  }
}
.l-recruit__item {
  font-family: var(--font-serif);
  display: block;
}
@media print, only screen and (min-width: 1000px) {
  .l-recruit__item {
    height: 100%;
    background: url("../images/shared/recruit-button-bg.png") center center no-repeat;
    background-size: cover;
    font-size: max(16px, 1.8rem);
    line-height: 1.26;
    letter-spacing: 0.2em;
    padding: 3.3rem 0 0 3.5rem;
    box-sizing: border-box;
  }
  .l-recruit__item:hover .l-recruit__arrow {
    transform: scale(1.7);
  }
  .l-recruit__item:hover .l-recruit__arrow:before {
    opacity: 1;
  }
}
@media screen and (max-width: 999px) {
  .l-recruit__item {
    height: 100%;
    background: url("../images/shared/recruit-button-bg-sp.png") center center no-repeat;
    background-size: cover;
    font-size: max(16px, 1.6rem);
    text-align: center;
    padding-top: 1.2rem;
    box-sizing: border-box;
  }
}
@media print, only screen and (min-width: 1000px) {
  .l-recruit__arrow {
    width: 1.6rem;
    height: 1.6rem;
    background: url("../images/shared/icon.svg") center center no-repeat;
    background-size: 100% auto;
    display: inline-block;
    margin-left: 0.7rem;
    position: relative;
    top: 0.1rem;
    transition: transform 0.3s ease;
  }
  .l-recruit__arrow:before {
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    background: url("../images/shared/arrow-white.svg") center center no-repeat;
    background-size: 0.43rem auto;
    display: block;
    position: absolute;
    top: 0;
    left: 0.065rem;
    bottom: 0;
    transition: all 0.2s ease;
    opacity: 0;
  }
}

/* グローバルナビ
--------------------------------------------------*/
.nav-global__english {
  color: #838383;
  font-family: var(--font-en);
  letter-spacing: 0.12em;
  line-height: 1.3;
  display: block;
}
.nav-global__japanese {
  font-family: var(--font-serif);
  display: block;
}
@media print, only screen and (min-width: 1000px) {
  .nav-global {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto 0;
    display: flex;
    justify-content: flex-end;
  }
  .nav-global .nav-global__english {
    font-size: max(16px, 1.8rem);
    line-height: 1.3;
  }
  .nav-global .nav-global__japanese {
    width: fit-content;
    font-size: max(16px, 1.6rem);
    position: relative;
  }
  .nav-global .nav-global__japanese:after {
    content: "";
    background: #9ed9e0;
    filter: blur(0.8rem);
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s ease;
  }
  .nav-global .nav-global__itemIn {
    padding: 3.55rem 2.5rem;
  }
  .nav-global .nav-global__itemIn:hover .nav-global__japanese:after {
    opacity: 1;
  }
  .nav-global .nav-global__item:last-child .nav-global__itemIn {
    padding-right: 4rem;
  }
}
@media screen and (max-width: 999px) {
  .nav-global {
    padding: 9.8rem 4rem 2.4rem 4rem;
  }
  .nav-global .nav-global__english {
    font-size: max(16px, 1.6rem);
  }
  .nav-global .nav-global__japanese {
    width: fit-content;
    font-size: max(16px, 2.4rem);
    position: relative;
  }
  .nav-global .nav-global__item {
    border-top: 1px #000 solid;
  }
  .nav-global .nav-global__item:first-child {
    border-top: none;
  }
  .nav-global .nav-global__itemIn {
    padding: 1.2rem 0;
  }
}

/* 中間段B：1340〜1519px
   グローバルナビ表示時の段階縮小。以下B→C→D→Eは下限1000pxで重ねて上書きする
   （セレクタの詳細度は上のPC段と揃える。揃えないと上書きされない）
--------------------------------------------------*/
@media screen and (min-width: 1000px) and (max-width: 1519px) {
  .l-header .l-header__text {
    font-size: max(16px, 2.2rem);
  }
  .l-header .l-header__logo img {
    width: 5.2rem;
    margin-right: 2rem;
  }
  .nav-global .nav-global__itemIn {
    padding: 3.55rem 2rem;
  }
  .nav-global .nav-global__english {
    font-size: max(16px, 1.7rem);
  }
  .nav-global .nav-global__japanese {
    font-size: max(15px, 1.5rem);
  }
  .nav-global .nav-global__item:last-child .nav-global__itemIn {
    padding-right: 3rem;
  }
}
/* 中間段C：1140〜1339px
--------------------------------------------------*/
@media screen and (min-width: 1000px) and (max-width: 1339px) {
  .l-header .l-header__text {
    font-size: max(16px, 1.9rem);
  }
  .l-header .l-header__logo img {
    width: 4.5rem;
    margin-right: 1.2rem;
  }
  .nav-global .nav-global__itemIn {
    padding: 3.55rem 1.3rem;
  }
  .nav-global .nav-global__english {
    font-size: max(16px, 1.6rem);
  }
  .nav-global .nav-global__japanese {
    font-size: max(14px, 1.4rem);
  }
  .nav-global .nav-global__item:last-child .nav-global__itemIn {
    padding-right: 2rem;
  }
}
/* 中間段D：1040〜1139px（グローバルナビ表示の下限）
--------------------------------------------------*/
@media screen and (min-width: 1000px) and (max-width: 1139px) {
  .l-header .l-header__logo {
    bottom: auto;
    margin: 0;
    top: 1.3rem;
  }
  .l-header .l-header__logo img {
    width: 4.5rem;
    margin-right: 1.2rem;
  }
  .nav-global {
    top: auto;
    margin: 0;
  }
  .nav-global .nav-global__itemIn {
    padding: 0.8rem 1rem;
  }
  .nav-global .nav-global__item:last-child .nav-global__itemIn {
    padding-right: 1rem;
  }
  .nav-global .nav-global__english {
    font-size: max(15px, 1.5rem);
  }
  .nav-global .nav-global__japanese {
    font-size: max(13px, 1.3rem);
  }
}
/* 中間段E：1000〜1039px（グローバルナビ表示の下限。ブラウザ拡大150%想定）
--------------------------------------------------*/
@media screen and (min-width: 1000px) and (max-width: 1039px) {
  .nav-global .nav-global__itemIn {
    padding: 0.8rem 0.6rem;
  }
  .nav-global .nav-global__item:last-child .nav-global__itemIn {
    padding-right: 0.6rem;
  }
}
/* ハンバーガー
--------------------------------------------------*/
@media print, only screen and (min-width: 1000px) {
  .m-hamburger {
    display: none;
  }
}
@media screen and (max-width: 999px) {
  .m-hamburger {
    width: 4.8rem;
    height: 4.8rem;
    position: absolute;
    top: 1.3rem;
    right: 0.8rem;
    cursor: pointer;
    z-index: 100;
    background: linear-gradient(100.37deg, #c2db89 1.79%, #9ed9e0 100%);
    border: 1px solid #fff;
    border-radius: 0.4rem;
  }
}
@media screen and (max-width: 999px) {
  .m-hamburger__lines {
    height: 95%;
    width: 66.6%;
    margin: 0 auto;
    position: relative;
  }
  .m-hamburger__lines > div {
    background-color: #fff;
    width: 100%;
    height: 4%;
    transition: transform 0.3s ease, opacity 0.3s ease;
    position: absolute;
    left: 0;
    top: 50%;
  }
  .m-hamburger__lines > div:first-child {
    transform: translateY(-600%);
  }
  .m-hamburger__lines > div:last-child {
    transform: translateY(600%);
  }
}

@media print, only screen and (min-width: 1000px) {
  .l-header__menus {
    display: block !important;
  }
}
@media screen and (max-width: 999px) {
  .l-header__menus {
    background-color: #e7eaf1;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    height: 100vh;
    box-sizing: border-box;
    display: none;
    width: 40rem;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 999px) {
  .l-header__menus {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    transform: translateX(100%);
    visibility: hidden;
    pointer-events: none;
    transition: transform 0.3s ease, visibility 0s linear 0.3s;
  }
}
@media screen and (max-width: 767px) {
  .l-header__menus {
    width: 100%;
  }
}

.l-header__menuslogo {
  display: none;
}
@media screen and (max-width: 999px) {
  .l-header__menuslogo {
    width: fit-content;
    position: absolute;
    left: 0.8rem;
    top: 0.8rem;
    display: block;
  }
  .l-header__menuslogo img {
    width: 5.6rem;
    margin-right: 1.6rem;
  }
  .l-header__menuslogo .l-header__menuslogoText {
    font-size: max(16px, 2.4rem);
    font-weight: 900;
    position: relative;
    top: -0.9rem;
  }
}

@media screen and (min-width: 768px) and (max-width: 999px) {
  .menu-open .l-header__menus {
    transform: translateX(0);
    visibility: visible;
    pointer-events: auto;
    transition: transform 0.3s ease, visibility 0s linear 0s;
  }
}

@media screen and (max-width: 999px) {
  .menu-open .m-hamburger__lines > div:first-child {
    transform: rotate(225deg);
  }
  .menu-open .m-hamburger__lines > div:nth-child(2) {
    transform: translateX(-50%);
    opacity: 0;
  }
  .menu-open .m-hamburger__lines > div:last-child {
    transform: rotate(-225deg);
  }
}

/* SP */
@media screen and (max-width: 767px) {
  .l-header__texts {
    background: url("../images/shared/footer-bg-sp.jpg") center center no-repeat;
    background-size: cover;
    padding: 6.4rem 2rem;
    text-align: center;
    color: #fff;
    font-size: max(16px, 3.2rem);
    font-weight: 900;
    letter-spacing: 0.1em;
  }
  .l-header__texts a {
    color: #fff;
  }
  .l-header__logo02 img {
    width: 3.9rem;
    margin-right: 1.5rem;
  }
  .l-header__address {
    font-size: max(16px, 1.6rem);
    font-weight: 900;
    letter-spacing: 0.08em;
  }
  .l-header__address span {
    font-size: max(12px, 1.2rem);
  }
  .l-header__tel {
    font-size: max(16px, 2.4rem);
    font-size: 900;
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: 1.4rem;
  }
  .l-header__tel span {
    font-size: 2;
  }
}
/*==================================================

フッター

==================================================*/
.l-footer a {
  color: #fff;
  display: block;
  transition: color 0.3s ease;
}

.l-footer a:hover {
  color: #9ED9E0;
}

.l-footer__texts {
  font-weight: 900;
  color: #fff;
}

.l-footer__address {
  font-weight: 900;
}

.l-footer__copy {
  text-align: center;
  font-family: var(--font-serif);
  color: #fff;
}

/* PC */
@media print, only screen and (min-width: 1024px) {
  .l-footer {
    background: url("../images/shared/footer-bg.jpg") center center no-repeat;
    background-size: cover;
    padding: 37.7rem 4rem 10rem 4rem;
  }
  .l-footer__inner {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 5rem 0;
  }
  .l-footer__texts {
    width: 55.6rem;
    font-size: max(16px, 3rem);
    letter-spacing: 0.1em;
  }
  .l-footer__logo img {
    width: 3.9rem;
    margin-right: 1.5rem;
  }
  .l-footer__address {
    font-size: max(16px, 1.8rem);
    letter-spacing: 0.1em;
    padding-left: 5.4rem;
    margin-top: 0.5rem;
  }
  .l-footer__navis {
    flex: 1;
  }
  .nav-footer {
    display: flex;
    flex-wrap: wrap;
    gap: 5rem;
    margin-bottom: 4.5rem;
  }
  .nav-footer:last-child {
    margin-bottom: 0;
  }
  .nav-footer__english {
    font-family: var(--font-en);
    font-size: max(16px, 4rem);
    line-height: 1;
    letter-spacing: 0.1em;
    display: block;
  }
  .nav-footer__japanese {
    font-family: var(--font-serif);
    font-size: max(16px, 1.8rem);
    letter-spacing: 0.05em;
    display: block;
  }
  .l-footer__copy {
    font-size: max(16px, 1.6rem);
    letter-spacing: 0.4em;
    margin-top: 20rem;
  }
  .l-footer__tel {
    display: none;
  }
}
/* SP */
@media screen and (max-width: 1023px) {
  .l-footer {
    background: url("../images/shared/footer-bg-sp.jpg") center center no-repeat;
    background-size: cover;
    padding: 11rem 3rem 4.1rem 3rem;
    text-align: center;
  }
  .l-footer__texts {
    font-size: max(16px, 3.2rem);
    font-weight: 900;
    letter-spacing: 0.1em;
  }
  .l-footer__logo img {
    width: 3.9rem;
    margin-right: 1.5rem;
  }
  .l-footer__address {
    font-size: max(16px, 1.6rem);
    letter-spacing: 0.08em;
  }
  .l-footer__address span {
    font-size: max(12px, 1.2rem);
  }
  .l-footer__tel {
    font-size: max(16px, 2.4rem);
    font-size: 900;
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: 1.6rem;
  }
  .l-footer__tel span {
    font-size: 2;
  }
  .l-footer__copy {
    font-size: max(12px, 1.2rem);
    margin-top: 6.3rem;
  }
  .l-footer__navs {
    display: none;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .l-footer {
    padding: 4.1rem 3rem 1.3rem 3rem;
  }
  .l-footer__copy {
    font-size: max(12px, 1.2rem);
    margin-top: 4.1rem;
  }
}
/*==================================================

セカンド共通

==================================================*/
/* レイアウト
--------------------------------------------------*/
main {
  overflow-x: hidden;
}

.l-content {
  line-height: 1.7;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .l-content {
    max-width: 100rem;
    font-size: max(16px, 1.6rem);
    padding: 0 3rem;
    margin: 0 auto 9rem auto;
    box-sizing: content-box;
  }
  .l-container {
    max-width: 100rem;
    font-size: max(16px, 1.6rem);
    display: flex;
    justify-content: space-between;
    padding: 0 3rem;
    margin: 0 auto 9rem auto;
    box-sizing: content-box;
  }
  .l-container .l-sidebar {
    width: 27rem;
  }
  .l-container .l-main {
    width: 78rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .l-content {
    font-size: max(16px, 1.6rem);
  }
  .l-container {
    font-size: max(16px, 1.6rem);
  }
}
/* ページタイトル
--------------------------------------------------*/
.m-pageTitle {
  position: relative;
}

.m-pageTitle__content {
  position: relative;
}

.m-pageTitle__english {
  font-family: var(--font-en);
  line-height: 1;
  display: block;
}

.m-pageTitle__japanese {
  font-weight: 900;
  display: block;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .m-pageTitle {
    height: min(108rem, 56.25vw);
  }
  .m-pageTitle__content {
    height: 100%;
  }
  .m-pageTitle__title {
    height: fit-content;
    padding: min(0.3rem, 0.1562vw) min(1rem, 0.52083vw) min(1rem, 0.52083vw) min(5rem, 2.60416vw);
    background: rgba(255, 255, 255, 0.7);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    z-index: 10;
  }
  .m-pageTitle__english {
    font-size: clamp(19px, 2.60416vw, 5rem);
    letter-spacing: 0.05em;
    margin-bottom: 0.2rem;
  }
  .m-pageTitle__japanese {
    font-size: clamp(17px, 1.25vw, 2.4rem);
    letter-spacing: 0.1em;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-pageTitle {
    margin-top: 7.4rem;
  }
  .m-pageTitle__title {
    font-size: max(16px, 2.4rem);
    padding: 1rem 0 0.7rem 0;
    text-align: center;
  }
  .m-pageTitle__english {
    letter-spacing: 0.05em;
    margin-bottom: 0.2rem;
  }
  .m-pageTitle__japanese {
    letter-spacing: 0.1em;
  }
}
/* 見出し1
--------------------------------------------------*/
.m-heading {
  font-size: max(16px, 2rem);
  font-weight: bold;
}

/* PC */
/* SP */
/* ぱんくず
--------------------------------------------------*/
.m-bread {
  padding: 1.4rem 3rem 5.5rem 3rem;
}

.m-bread__inner {
  max-width: 110rem;
  display: flex;
  justify-content: flex-end;
  flex-wrap: wrap;
  margin: 0 auto;
}

.m-bread li {
  font-size: max(14px, 1.4rem);
  font-weight: 500;
}

@media screen and (max-width: 767px) {
  .m-bread li {
    font-size: max(14px, 1.4rem);
  }
}
.m-bread a {
  color: #12326c;
  position: relative;
}

.m-bread a:after {
  content: "";
  width: 0.8rem;
  height: 1rem;
  background: url("../images/shared/arrow-bread.svg") center center no-repeat;
  background-size: 100% auto;
  display: inline-block;
  margin: 0 1.3rem 0 1.4rem;
}

/* PC */
/* SP */
/*==================================================

トップページ

==================================================*/
/* ローダー（交差ドット）
--------------------------------------------------*/
body.is-loading {
  overflow: hidden;
}

.home-loader {
  position: fixed;
  inset: 0;
  z-index: 10000;
  display: grid;
  place-content: center;
  background-color: #fff;
}

.home-loader__dots {
  position: relative;
  width: 8rem;
  height: 2rem;
}

.home-loader__dot {
  --size: 2rem;
  position: absolute;
  top: 50%;
  left: 50%;
  width: var(--size);
  height: var(--size);
}

.home-loader__dot:nth-child(1) {
  transform: translate(-170%, -50%);
  animation: home-loader-move-a 0.9s cubic-bezier(0.78, 0.04, 0.16, 1) infinite;
}

.home-loader__dot:nth-child(1) .home-loader__dotIn {
  background-color: #C2DB89;
}

.home-loader__dot:nth-child(2) {
  transform: translate(70%, -50%);
  animation: home-loader-move-b 0.9s cubic-bezier(0.78, 0.04, 0.16, 1) infinite;
}

.home-loader__dot:nth-child(2) .home-loader__dotIn {
  background-color: #9ED9E0;
}

.home-loader__dotIn {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 999px;
  animation: home-loader-pulse 0.9s ease-in-out infinite;
}

@keyframes home-loader-move-a {
  from {
    transform: translate(-210%, -50%);
  }
  to {
    transform: translate(110%, -50%);
  }
}
@keyframes home-loader-move-b {
  from {
    transform: translate(110%, -50%);
  }
  to {
    transform: translate(-210%, -50%);
  }
}
@keyframes home-loader-pulse {
  from, 10%, to {
    transform: scale(1, 1);
  }
  60% {
    transform: scale(3.2, 3);
  }
}
/* メイン
--------------------------------------------------*/
.home-cover {
  height: 100vh;
  position: relative;
}

.home-cover__image {
  z-index: -1;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: center center;
}

.home-cover img {
  width: 100%;
}

.home-cover__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 100% 0;
}

.home-cover__texts {
  position: absolute;
  text-align: center;
}

.home-cover__logo {
  width: 10rem;
  margin: 0 auto;
}

.home-cover__text01 {
  color: #fff;
  font-weight: 900;
}

.home-cover__text02 {
  margin: 0 auto;
}
.home-cover__text03-pc {
  display: none;
}
/* PC */
@media print, only screen and (min-width: 1024px) {
  .home-cover__texts {
    padding-bottom: 56px;
  }
  .home-cover__text03 {
    display: none;
  }
  .home-cover__text03-pc {
    position: absolute;
    display: inline-block;
    width: 46vw;
    height: auto;
    left: 3vw;
    bottom: 0;
    opacity: .5;
  }
}
/* PC */
@media print, only screen and (min-width: 768px) {
  .home-cover__texts {
    width: fit-content;
    height: fit-content;
    /* top: 8rem; */
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
  }
  .home-cover__text01 {
    font-size: max(16px, 2.4rem);
    letter-spacing: 0.04em;
    margin-bottom: 1.5rem;
  }
  .home-cover__text02 {
    width: 48rem;
  }
  .home-cover__text03 {
    width: 35.8rem;
    margin: -1.3rem auto 0 auto;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .home-cover__texts {
    width: fit-content;
    top: 8rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
  }
  .home-cover__text01 {
    font-size: max(16px, 1.8rem);
    margin-bottom: 0.3rem;
  }
  .home-cover__text02 {
    width: 34rem;
  }
  .home-cover__text03 {
    width: 25.9rem;
    margin: -0.5rem auto 0 auto;
  }
}
/* イントロ
--------------------------------------------------*/
.home-intro img {
  width: 100%;
}

.home-intro {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 30.29%);
  position: relative;
  overflow-x: hidden;
}

.home-intro:after {
  content: "";
  aspect-ratio: 960/643;
  background: url("../images/home/intro-picture.png") right bottom no-repeat;
  background-size: 100% auto;
  display: block;
  position: absolute;
}

.home-intro__text01 {
  font-family: var(--font-serif);
  text-shadow: 1px 1px 5px rgb(255, 255, 255);
}

.home-intro__text02 {
  font-family: var(--font-serif);
}

.home-intro .js-intro-block:not(.is-ready) {
  opacity: 0;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .home-intro {
    padding: 10rem 0;
  }
  .home-intro:after {
    width: 96rem;
    width: min(96rem, 63vw);
    right: 0;
    bottom: 6.9rem;
  }
  .home-intro__inner {
    max-width: 128rem;
    padding: 0 4rem;
    margin: 0 auto;
    box-sizing: content-box;
  }
  .home-intro__texts {
    position: relative;
    z-index: 3;
  }
  .home-intro__text01 {
    font-size: max(16px, 2.4rem);
    line-height: 2.4;
    margin-bottom: 5rem;
  }
  .home-intro__text02 {
    font-size: max(16px, 5rem);
    line-height: 1.1;
    margin-bottom: 5rem;
  }
  .home-intro__text02 span {
    margin-left: 1.2rem;
  }
  .home-intro .m-button {
    width: 48rem;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .home-intro:after {
    height: fit-content;
    right: auto;
    top: 0;
    bottom: 0;
    left: 43%;
    margin: auto 0;
  }
  .home-intro__text01 {
    font-size: max(16px, 1.6rem);
    margin-bottom: 2rem;
  }
  .home-intro__text02 {
    font-size: max(16px, 4rem);
    margin-bottom: 4rem;
  }
  .home-intro__text02 span {
    margin-left: 0.2rem;
  }
  .home-intro .m-button {
    width: 40rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .home-intro {
    padding: 4rem 2.4rem 31rem 2.4rem;
  }
  .home-intro:after {
    width: calc(100% - 4.8rem);
    left: 2.4rem;
    right: 2.4rem;
    bottom: 3.5rem;
  }
  .home-intro__texts {
    text-align: center;
  }
  .home-intro__text01 {
    font-size: max(16px, 1.6rem);
    line-height: 2.4;
    margin-bottom: 4.5rem;
  }
  .home-intro__text02 {
    font-size: max(16px, 4rem);
    line-height: 1.1;
    margin-bottom: 4rem;
  }
  .home-intro .m-button {
    text-align: left;
  }
  .home-intro .m-button__item {
    width: 100%;
  }
}
/*  ボタン
--------------------------------------------------*/
.m-button__item {
  background-color: #fff;
  border: 1px #323232 solid;
  display: block;
  font-family: var(--font-serif);
  transition: background-color 0.3s ease;
}

.m-button__arrow {
  background: url("../images/shared/icon.svg") center center no-repeat;
  background-size: 100% auto;
  display: inline-block;
  position: relative;
}

.m-button__arrow:before {
  content: "";
  background: url("../images/shared/arrow-white.svg") center center no-repeat;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
}

.m-button.-white .m-button__item {
  background-color: transparent;
  border: 1px #fff solid;
  color: #fff;
}

.m-button.-white .m-button__arrow {
  background: url("../images/shared/icon-white.svg") center center no-repeat;
}

.m-button.-white .m-button__arrow:before {
  background: url("../images/shared/arrow.svg") center center no-repeat;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .m-button {
    width: fit-content;
  }
  .m-button__item {
    padding: 0.7rem 2.2rem 0.7rem 2rem;
    font-size: max(16px, 2rem);
    letter-spacing: 0.1em;
  }
  .m-button__arrow {
    width: 1.6rem;
    height: 1.6rem;
    margin-left: 1.6rem;
    top: 0.1rem;
    transition: transform 0.3s ease;
  }
  .m-button__arrow:before,
  .m-button.-white .m-button__arrow:before {
    width: 1.6rem;
    height: 1.6rem;
    background-size: 0.43rem auto;
    left: 0.065rem;
    transition: all 0.2s ease;
    opacity: 0;
  }
  .m-button__item:hover .m-button__arrow {
    transform: scale(1.7);
  }
  .m-button__item:hover .m-button__arrow:before {
    opacity: 1;
  }
  .m-button .m-button__item:hover,
  a:hover .m-button .m-button__item {
    background-color: #A1D824;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .m-button__arrow:before,
  .m-button.-white .m-button__arrow:before {
    background-size: 0.5rem auto;
    opacity: 1;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-button__item {
    width: fit-content;
    padding: 0.5rem 1.6rem 0.5rem 1.6rem;
    font-size: max(16px, 1.6rem);
  }
  .m-button__arrow {
    width: 1.6rem;
    height: 1.6rem;
    margin-left: 0.8rem;
    top: 0.1rem;
  }
  .m-button__arrow:before {
    width: 1.6rem;
    height: 1.6rem;
    background-size: 0.39rem auto !important;
    left: 0.05rem;
  }
}
/*  タイトル
--------------------------------------------------*/
.home-title img {
  width: 100%;
}

.home-title {
  text-align: center;
}

.home-title__logo {
  display: block;
  margin: 0 auto;
}

.home-title__text {
  color: #fff;
  font-weight: 900;
  display: block;
}

.m-title img {
  width: 100%;
}

.m-title {
  display: flex;
  align-items: center;
}

.m-title__text {
  font-weight: 900;
}

.m-title.-white .m-title__text {
  color: #fff;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .home-title__logo {
    width: 13.5rem;
  }
  .home-title__text {
    font-size: max(16px, 3rem);
    letter-spacing: 0.1em;
    margin-top: 0.5rem;
  }
  .m-title {
    gap: 0 2rem;
    margin-bottom: 3.3rem;
  }
  .m-title__logo {
    width: 4.2rem;
  }
  .m-title__text {
    font-size: max(16px, 2.4rem);
    letter-spacing: 0.1em;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-title {
    gap: 0 0.9rem;
    margin-bottom: 0.8rem;
  }
  .m-title__logo {
    width: 2.4rem;
  }
  .m-title__text {
    font-size: max(16px, 2.4rem);
  }
}
/*  テキスト
--------------------------------------------------*/
.m-subTitle {
  font-family: var(--font-serif);
}

.m-text {
  font-weight: 500;
}

.mb0 {
  margin-bottom: 0 !important;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .m-subTitle {
    font-size: max(16px, 4rem);
    line-height: 1.8;
    margin-bottom: 3rem;
  }
  .m-text {
    font-size: max(16px, 2rem);
    margin-bottom: 3rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-subTitle {
    font-size: max(16px, 2.4rem);
    line-height: 1.3;
    margin-bottom: 0.8rem;
  }
  .m-text {
    font-size: max(16px, 1.6rem);
    margin-bottom: 1.6rem;
  }
}
/* 事業内容
--------------------------------------------------*/
.home-about {
  background-color: #fff;
}

.home-about img {
  width: 100%;
}

.home-about__inin {
  position: relative;
}

.home-about__inin:before {
  content: "";
  background: linear-gradient(to bottom right, #C2DB89 0%, #9ED9E0 100%);
  position: absolute;
  inset: 0;
  display: block;
}

.home-about__item {
  color: #fff;
  text-align: center;
  position: relative;
  aspect-ratio: 1440/669;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  overflow: hidden;
}

.home-about__itemIn {
  position: relative;
  z-index: 3;
}

.home-about__item:before,
.home-about__item:after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  transition: all 0.3s ease;
}

.home-about__text01 {
  font-family: var(--font-serif);
}

.home-about__text02 {
  font-family: var(--font-serif);
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .home-about__in {
    padding: 0 10rem min(20rem, 12.048vw) 10rem;
  }
  .home-about__in {
    max-width: 146rem;
    margin: 0 auto;
  }
  .home-about__inin {
    padding: min(0.8rem, 0.4819vw);
  }
  .home-about__item {
    padding-top: min(3.8rem, 2.28915vw);
  }
  .home-about__item:before {
    background: url("../images/home/banner-about.jpg") center center no-repeat;
    background-size: cover;
    opacity: 1;
  }
  .home-about__item:after {
    background: url("../images/home/banner-about-hover.jpg") center center no-repeat;
    background-size: cover;
    opacity: 0;
  }
  .home-about__item:hover:before,
  .home-about__item:hover:after {
    transform: scale(1.2);
  }
  .home-about__item:hover:after {
    opacity: 1;
  }
  .home-about__item:hover:after {
    opacity: 1;
  }
  .home-about__text01 {
    font-size: max(16px, min(6.4rem, 3.8554vw));
    letter-spacing: 0.02em;
    line-height: 1.1;
    margin-top: min(2.5rem, 1.50602vw);
  }
  .home-about__text01 span {
    letter-spacing: 0.07em;
  }
  .home-about__text02 {
    font-size: max(16px, min(11.6rem, 6.98795vw));
    line-height: 1.3;
    letter-spacing: -0.05em;
    margin-top: -0.7vw;
  }
  .home-about .home-title__logo {
    width: min(13.5rem, 8.13253vw);
  }
  .home-about .home-title__text {
    font-size: max(16px, min(3rem, 1.80722vw));
    margin-top: min(0.5rem, 0.3012vw);
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .home-about {
    padding: 0 2.4rem 4rem 2.4rem;
  }
  .home-about__inin {
    padding: 0.8rem;
  }
  .home-about__item {
    aspect-ratio: 352/254;
    padding-top: 2rem;
    display: block;
  }
  .home-about__item:before {
    background: url("../images/home/banner-about-sp.jpg") center center no-repeat;
    background-size: 100% auto;
  }
  .home-about__item:after {
    background: url("../images/home/banner-about-sp-hover.jpg") center center no-repeat;
    background-size: 100% auto;
    opacity: 0;
    transition-delay: 0.5s;
  }
  .home-about.is-show .home-about__item:after {
    opacity: 1;
  }
  .home-about__text01 {
    font-size: max(16px, 2.4rem);
    line-height: 1.1;
    margin-top: 1.4rem;
  }
  .home-about__text02 {
    font-size: max(16px, 3.2rem);
    line-height: 1;
    margin-top: 1.8rem;
    margin-top: 1rem;
  }
  .home-about .home-title__logo {
    width: 6rem;
  }
  .home-about .home-title__text {
    font-size: max(16px, 2rem);
    margin-top: 0.2rem;
  }
}
/* 社長メッセージ
--------------------------------------------------*/
.home-message img {
  width: 100%;
}

.home-message {
  position: relative;
  aspect-ratio: 1920/999;
  overflow: hidden;
}

.home-message:before,
.home-message:after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  transition: all 0.3s ease;
}

.home-message:before {
  background: url("../images/home/banner-message.jpg") center center no-repeat;
  background-size: cover;
  opacity: 1;
}

.home-message:after {
  background: url("../images/home/banner-message-hover.jpg") center center no-repeat;
  background-size: cover;
  opacity: 0;
}

.home-message__item {
  height: 100%;
  display: block;
  position: relative;
  z-index: 3;
}

.home-message .home-title {
  height: fit-content;
  position: absolute;
  inset: 0;
  margin: auto;
}

.home-message__text01,
.home-message__text02 {
  background-color: #fff;
  font-family: var(--font-serif-v);
  writing-mode: vertical-rl;
  position: absolute;
}

.home-message__text01 {
  top: 0;
}

.home-message__text02 {
  bottom: 0;
}

.home-message__text01 span:not(.js-char) {
  color: #006579;
}

.home-message__text02 span:not(.js-char) {
  color: #A1D824;
}

.home-message__text01.js-char-drop:not(.is-ready),
.home-message__text02.js-char-drop:not(.is-ready) {
  opacity: 0;
}

.home-message__text01 .js-char,
.home-message__text02 .js-char {
  display: inline-block;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .home-message:hover:before,
  .home-message:hover:after {
    transform: scale(1.2);
  }
  .home-message:hover:after {
    opacity: 1;
  }
  .home-message__text01,
  .home-message__text02 {
    font-size: max(16px, min(8rem, 4.46vw));
    line-height: 1;
    letter-spacing: -0.01em;
  }
  .home-message__text01 {
    left: calc(50% + min(56rem, 31.22vw));
    padding-top: 0.1em;
  }
  .home-message__text02 {
    right: calc(50% + min(56rem, 31.22vw));
    padding-top: 0.1em;
  }
  .home-message__text01 span:not(.js-char) {
    margin-top: -0.65em;
  }
  .home-message__text02 span:not(.js-char) {
    margin-top: -0.65em;
  }
  .home-message .home-title__logo {
    width: min(13.5rem, 7.52625vw);
  }
  .home-message .home-title__text {
    font-size: max(16px, min(3rem, 1.6725vw));
    margin-top: min(0.5rem, 0.27875vw);
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .home-message {
    background-size: 100% auto;
  }
  .home-message__text01,
  .home-message__text02 {
    font-size: max(16px, 1.7rem);
    line-height: 1.2;
    letter-spacing: -0.01em;
  }
  .home-message__text01 {
    right: 6.7rem;
    padding-bottom: 0.5rem;
  }
  .home-message__text02 {
    left: 6.7rem;
    margin-bottom: 0;
  }
  .home-message__text01 span:not(.js-char) {
    margin-top: -1rem;
  }
  .home-message__text02 span:not(.js-char) {
    margin-top: -1rem;
  }
  .home-message .home-title__logo {
    width: 2.9rem;
  }
  .home-message .home-title__text {
    font-size: max(16px, 2.4rem);
    margin-top: 0.5rem;
  }

  .home-message:before {
    /* background-size: 100% auto; */
  }
  .home-message:after {
    /* background-size: 100% auto;
    opacity: 0; */
    transition-delay: 0.5s;
  }
  .home-message.is-show:after {
    opacity: 1;
  }
}
/* 企業理念
--------------------------------------------------*/
.home-philosophy {
  background-color: #fff;
}

.home-philosophy img {
  width: 100%;
}

.home-philosophy__item {
  background-color: #323232;
  color: #fff;
}

.home-philosophy__text01 {
  font-family: var(--font-serif);
}

.home-philosophy__image {
  position: relative;
  overflow: hidden;
}

.home-philosophy__image:before,
.home-philosophy__image:after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  transition: all 0.3s ease .5s;
}

.home-philosophy__image:before {
  background: url("../images/home/banner-philosophy.jpg") center center no-repeat;
  background-size: cover;
  opacity: 1;
}

.home-philosophy__image:after {
  background: url("../images/home/banner-philosophy-hover.jpg") center center no-repeat;
  background-size: cover;
  opacity: 0;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .home-philosophy img {
    transition: transform 0.3s ease;
  }
  .home-philosophy {
    background: url("../images/home/philosophy-bg.png") center center no-repeat;
    background-size: cover;
    padding: min(20rem, 11.56vw) 6.5rem min(11.5rem, 6.6473vw) 6.5rem;
  }
  .home-philosophy__inner {
    max-width: 160rem;
    margin: 0 auto;
  }
  .home-philosophy__item {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 11.7rem 3.3rem 0 8rem;
  }
  .home-philosophy__item:hover .home-philosophy__image:before,
  .home-philosophy__item:hover .home-philosophy__image:after {
    transform: scale(1.2);
  }
  .home-philosophy__item:hover .home-philosophy__image:after {
    opacity: 1;
  }
  .home-philosophy__texts {
    width: 52rem;
    margin-bottom: 13rem;
  }
  .home-philosophy__text01 {
    font-size: max(16px, 4rem);
    line-height: 1.8;
    margin-bottom: 3rem;
  }
  .home-philosophy__text02 {
    font-size: max(16px, 2rem);
    margin-bottom: 3rem;
  }
  .home-philosophy__image {
    width: calc(100% - 52rem);
    height: 64.4rem;
    overflow: hidden;
  }
  .home-philosophy__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 3px #fff solid;
  }
  .home-philosophy__item:hover .m-button__arrow {
    transform: scale(1.8);
  }
  .home-philosophy__item:hover .m-button__arrow:before {
    opacity: 1;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .home-philosophy__item {
    display: block;
    padding-bottom: 4rem;
  }
  .home-philosophy__image {
    width: 100%;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .home-philosophy__item {
    padding: 4.2rem 2.4rem;
  }
  .home-philosophy__texts {
    margin-bottom: 8.6rem;
  }
  .home-philosophy__text01 {
    font-size: max(16px, 2.4rem);
    line-height: 1.5;
    margin: 0 0 1.2rem 3.2rem;
  }
  .home-philosophy__text02 {
    font-size: max(16px, 1.6rem);
    margin: 0 0 2rem 3.2rem;
  }
  .home-philosophy .m-button {
    margin-left: 3.2rem;
  }
  .home-philosophy__image {
    aspect-ratio: 483/322;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .home-philosophy {
    padding: 4rem 2.4rem;
  }
  .home-philosophy__item {
    padding: 2.5rem 2.4rem;
    display: block;
  }
  .home-philosophy__texts {
    margin-bottom: 3.2rem;
  }
  .home-philosophy__text01 {
    font-size: max(16px, 2.4rem);
    line-height: 1.8;
    margin-bottom: 3.2rem;
  }
  .home-philosophy__text02 {
    font-size: max(16px, 1.6rem);
    margin-bottom: 3.2rem;
  }
  .home-philosophy__image {
    aspect-ratio: 483/322;
  }
  .home-philosophy__image:after {
    transition-delay: .5s;
  }
  .home-philosophy__image.is-show:after {
    opacity: 1;
  }
}
/* 設備・事例紹介
--------------------------------------------------*/
.home-cases {
  background-color: #fff;
}

.home-cases__inner {
  position: relative;
  overflow: hidden;
  border: 1px #000 solid;
}

.home-cases__item {
  display: block;
  position: relative;
  z-index: 3;
}

.home-cases__text01 {
  font-family: var(--font-serif);
}

.home-cases__text02 {
  font-size: 500;
}

.home-cases__inner:before,
.home-cases__inner:after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  transition: all 0.3s ease;
}

.home-cases__inner:before {
  background: url("../images/home/banner-case.jpg") center center no-repeat;
  background-size: cover;
  opacity: 1;
}

.home-cases__inner:after {
  background: url("../images/home/banner-case-hover.jpg") center center no-repeat;
  background-size: cover;
  opacity: 0;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .home-cases {
    padding: min(8.5rem, 4.91329vw) 6.5rem min(20rem, 11.5606vw) 6.5rem;
  }
  .home-cases__inner {
    max-width: 160rem;
    margin: 0 auto;
    box-sizing: content-box;
  }
  .home-cases__inner:hover:before,
  .home-cases__inner:hover:after {
    transform: scale(1.2);
  }
  .home-cases__inner:hover:after {
    opacity: 1;
  }
  .home-cases__item {
    padding: 10rem 8rem 13rem 8rem;
  }
  .home-cases__text01 {
    font-size: max(16px, 4rem);
    margin-bottom: 3.5rem;
  }
  .home-cases__text02 {
    font-size: max(16px, 2rem);
    margin-bottom: 3rem;
  }
  .home-cases__item:hover .m-button__arrow {
    transform: scale(1.8);
  }
  .home-cases__item:hover .m-button__arrow:before {
    opacity: 1;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .home-cases__item {
    padding: 4.2rem 2.4rem;
  }
  .home-cases__text01 {
    font-size: max(16px, 2.4rem);
    margin: 0 0 1.2rem 3.2rem;
  }
  .home-cases__text02 {
    font-size: max(16px, 1.6rem);
    margin: 0 0 2rem 3.2rem;
  }
  .home-cases .m-button {
    font-size: max(16px, 1.6rem);
    margin-left: 3.2rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .home-cases {
    padding: 0 2.4rem 4rem 2.4rem;
  }
  .home-cases__item {
    background: url("../images/home/banner-case-sp.jpg") center center no-repeat;
    background-size: cover;
    padding: 2.4rem;
  }
  .home-cases__text01 {
    font-size: max(16px, 2.4rem);
    margin-bottom: 4rem;
  }
  .home-cases__text02 {
    font-size: max(16px, 1.6rem);
    margin-bottom: 4rem;
  }
}
/* 採用情報
--------------------------------------------------*/
.home-recruit__inner {
  position: relative;
}

.home-recruit__item {
  position: relative;
  display: block;
  z-index: 3;
}

.home-recruit__inner:before,
.home-recruit__inner:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: block;
  transition: opacity 0.3s ease;
  aspect-ratio: 179/240;
}

.home-recruit__inner:before {
  background: url("../images/home/banner-recruit.jpg") center center no-repeat;
  background-size: cover;
  opacity: 1;
}

.home-recruit__inner:after {
  background: url("../images/home/banner-recruit-hover.jpg") center center no-repeat;
  background-size: cover;
  opacity: 0;
}

.home-recruit__texts {
  position: relative;
  z-index: 3;
}

.home-recruit__text01 {
  color: #fff;
  font-family: var(--font-en);
  line-height: 1;
  text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.5);
}

.home-recruit__text02 {
  height: fit-content;
  writing-mode: vertical-rl;
  font-family: var(--font-serif-v);
  letter-spacing: 0.39em;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  white-space: nowrap;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .home-recruit {
    background: url("../images/home/recruit-bg.jpg") center center no-repeat;
    background-size: cover;
    padding: 0 10rem;
  }
  .home-recruit__inner {
    max-width: 144rem;
    margin: 0 auto;
  }
  .home-recruit__inner:hover:after {
    opacity: 1;
  }
  .home-recruit__item {
    padding: min(27rem, 16.4634vw) min(6.7rem, 4.08536vw) min(37.2rem, 22.6829vw) min(6.7rem, 4.08536vw);
  }
  .home-recruit__inner:before,
  .home-recruit__inner:after {
    width: 62.2%;
    height: 100%;
  }
  .home-recruit__text01 {
    font-size: max(16px, min(43rem, 26.219vw));
    letter-spacing: -0.01em;
    margin-bottom: min(0.5rem, 0.304878vw);
  }
  .home-recruit__text02 {
    font-size: max(16px, min(3rem, 1.829vw));
    right: 0;
  }
  .home-recruit__item:hover .m-button__arrow {
    transform: scale(1.8);
  }
  .home-recruit__item:hover .m-button__arrow:before {
    opacity: 1;
  }
}
@media (min-width: 768px) and (max-width: 1000px) {
  .home-recruit__text02 {
    right: -7rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .home-recruit {
    background: url("../images/home/recruit-bg-sp.jpg") center center no-repeat;
    background-size: cover;
    padding: 0 5rem;
  }
  .home-recruit__item {
    padding: 9rem 1.7rem 12rem 1.7rem;
  }
  .home-recruit__item:before {
    width: 100%;
  }
  .home-recruit__text01 {
    font-size: max(16px, 10.7rem);
    letter-spacing: -0.01em;
    margin-bottom: 0.8rem;
  }
  .home-recruit__text02 {
    white-space: nowrap;
    font-size: max(16px, 1.6rem);
    right: -5rem;
  }
  .home-recruit__inner:after {
    transition-delay: 0.5s;
  }
  .home-recruit.is-show .home-recruit__inner:after {
    opacity: 1;
  }
}
/* お知らせ
--------------------------------------------------*/
.home-news img {
  width: 100%;
}

.m-news__listItemIn {
  background-color: #fff;
  box-shadow: 4px 4px 7px rgba(0, 0, 0, 0.25);
  display: block;
}

.m-news__timeCategory {
  display: flex;
  flex-wrap: wrap;
  font-weight: 500;
}

.m-news__category {
  background-color: #C2DB89;
  border: 1px #000 solid;
  line-height: 1;
}

.m-news__title {
  font-family: var(--font-serif);
}

.m-news__text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.home-news .m-button__item {
  background-color: transparent;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .home-news {
    background: url("../images/home/news-bg.jpg") center center no-repeat;
    background-size: cover;
    padding: 20rem 4rem 23rem 4rem;
  }
  .home-news__inner {
    max-width: 128rem;
    margin: 0 auto;
  }
  .m-news__list {
    display: flex;
    flex-wrap: wrap;
    gap: 3.7rem;
    margin-bottom: 6rem;
  }
  .m-news__listItem {
    width: calc(33.3333333333% - 2.667rem);
  }
  .m-news__listItemIn {
    border: 1px rgba(0, 0, 0, 0.5) solid;
    padding: 2rem 2rem 4rem 2rem;
    transition: transform 0.3s ease;
  }
  .m-news__listItemIn:hover {
    transform: scale(1.05);
  }
  .m-news__image {
    margin-bottom: 2rem;
  }
  .m-news__timeCategory {
    margin-bottom: 1.6rem;
    gap: 1rem 1.6rem;
    font-size: max(16px, 2rem);
  }
  .m-news__category {
    padding: 0.4rem 1.6rem;
  }
  .m-news__title {
    font-size: max(16px, 1.8rem);
    letter-spacing: 0.09em;
    margin-bottom: 0.4rem;
  }
  .m-news__text {
    font-size: max(16px, 1.6rem);
    letter-spacing: 0.09em;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .home-news {
    background: url("../images/home/news-bg.jpg") center center no-repeat;
    background-size: cover;
    padding: 8.3rem 4rem 8.3rem 4rem;
  }
  .m-news__list {
    gap: 1.6rem;
    margin-bottom: 2.5rem;
  }
  .m-news__listItem {
    width: calc(33.3333333333% - 1.06667rem);
  }
  .m-news__listItemIn {
    padding: 0.8rem;
  }
  .m-news__title {
    font-size: max(16px, 2rem);
    line-height: 1.3;
    margin-bottom: 0.2rem;
  }
  .m-news__timeCategory {
    gap: 1rem 0.6rem;
    font-size: max(16px, 1.6rem);
    margin-bottom: 1rem;
  }
  .m-news__category {
    padding: 0.4rem 0.6rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .home-news {
    background: url("../images/home/news-bg-sp.jpg") center center no-repeat;
    background-size: cover;
    padding: 4rem 2.4rem 7rem 2.4rem;
  }
  .home-news .m-title {
    margin-bottom: 1.6rem;
  }
  .m-news__list {
    display: flex;
    flex-wrap: wrap;
    gap: 0.8rem;
    margin-bottom: 2.4rem;
  }
  .home-news .m-news__list {
    display: block;
    margin-bottom: 4rem;
  }
  .m-news__listItem {
    width: calc(50% - 0.4rem);
  }
  .home-news .m-news__listItem {
    width: 100%;
    margin-bottom: 1.6rem;
  }
  .m-news__listItem:last-child {
    margin-bottom: 0;
  }
  .m-news__listItemIn {
    border: 1px rgba(0, 0, 0, 0.2) solid;
    padding: 0.9rem;
  }
  .home-news .m-news__listItemIn {
    display: flex;
    gap: 0 0.8rem;
  }
  .home-news .m-news__image {
    width: 12rem;
    height: 12rem;
  }
  .home-news .m-news__texts {
    flex: 1;
  }
  .home-news .m-news__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .m-news__timeCategory {
    margin-top: 0.9rem;
    margin-bottom: 0.2rem;
    align-items: center;
    gap: 0 0.5rem;
  }
  .home-news .m-news__timeCategory {
    justify-content: space-between;
    margin-top: 0;
  }
  .m-news__time {
    font-size: max(12px, 1.2rem);
  }
  .home-news .m-news__time {
    font-size: max(16px, 1.6rem);
  }
  .m-news__category {
    font-size: max(12px, 1.2rem);
    padding: 0.1rem 0.5rem;
  }
  .m-news__title {
    font-size: max(16px, 2rem);
    letter-spacing: 0.09em;
    margin-bottom: 0.4rem;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
  }
  .m-news__text {
    font-size: max(16px, 1.6rem);
    line-height: 1.2;
    letter-spacing: 0.09em;
  }
}
/* 募集要項
--------------------------------------------------*/
.m-require {
  position: relative;
  overflow: hidden;
}

.m-require:before,
.m-require:after {
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  transition: all 0.3s ease;
  z-index: -1;
}

.m-require__item {
  display: block;
  position: relative;
}

.m-require__text01Item {
  font-family: var(--font-serif);
  position: relative;
  z-index: 3;
}

.m-require__text01Item span:not(.js-char) {
  background-color: #fff;
  display: inline-block;
}

.m-require__text01Item span:not(.js-char):last-child {
  margin-bottom: 0;
}

.m-require__text02 {
  font-weight: 900;
  font-size: max(16px, 13.6rem);
  line-height: 1;
  background: linear-gradient(100deg, #C2DB89, #9ED9E0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  mix-blend-mode: hard-light;
  position: absolute;
  right: 0;
  bottom: 0;
  padding-right: 8.8rem;
  z-index: 3;
}

.m-require__text02Arrow {
  background: url("../images/shared/icon-white.svg") center center no-repeat;
  background-size: 100% auto;
  display: inline-block;
  position: absolute;
  bottom: 0;
  margin: auto 0;
}

.m-require__text02Arrow:before {
  content: "";
  background: url("../images/shared/arrow.svg") center center no-repeat;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .m-require {
    border-top: min(0.5rem, 0.2604vw) #000 solid;
    border-bottom: min(0.5rem, 0.2604vw) #000 solid;
  }
  .m-require:before {
    background: url("../images/shared/banner-require.jpg") center center no-repeat;
    background-size: cover;
    opacity: 1;
  }
  .m-require:after {
    background: url("../images/shared/banner-require-hover.jpg") center center no-repeat;
    background-size: cover;
    opacity: 0;
  }
  .m-require:hover:before,
  .m-require:hover:after {
    transform: scale(1.2);
  }
  .m-require:hover:after {
    opacity: 1;
  }
  .m-require__item {
    padding: min(22.7rem, 11.8229vw) min(4rem, 2.0833vw);
  }
  .m-require__text01 {
    max-width: 144rem;
    margin: 0 auto;
  }
  .m-require__text01Item {
    font-size: max(16px, min(8rem, 4.1666vw));
    line-height: 1.2;
  }
  .m-require__text01Item span:not(.js-char) {
    padding: 0 min(1rem, 0.52083vw);
    margin-bottom: min(2rem, 1.04166vw);
  }
  .m-require__text02 {
    font-weight: 900;
    font-size: max(16px, min(13.6rem, 7.0833vw));
    padding-right: min(8.8rem, 4.5833vw);
  }
  .m-require__text02Arrow {
    width: min(1.6rem, 0.8333vw);
    height: min(1.6rem, 0.8333vw);
    margin-left: min(1.6rem, 0.8333vw);
    top: min(1.2rem, 0.625vw);
    right: min(2.3rem, 1.1979vw);
    transition: transform 0.3s ease;
  }
  .m-require__text02Arrow:before {
    width: min(1.6rem, 0.8333vw);
    height: min(1.6rem, 0.8333vw);
    background-size: min(0.43rem, 0.223958vw) auto;
    left: 0.065rem;
    transition: all 0.2s ease;
    opacity: 0;
  }
  .m-require__item:hover .m-require__text02Arrow {
    transform: scale(1.7);
  }
  .m-require__item:hover .m-require__text02Arrow:before {
    opacity: 1;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-require:before {
    background: url("../images/shared/banner-require-sp.jpg") center center no-repeat;
    background-size: cover;
  }
  .m-require:after {
    background: url("../images/shared/banner-require-sp-hover.jpg") center center no-repeat;
    background-size: cover;
    opacity: 0;
    transition-delay: 0.5s;
  }
  .m-require.is-show:after {
    opacity: 1;
  }
  .m-require__item {
    padding: 6.9rem 0 6.9rem 5rem;
    border-top: 0.2rem #000 solid;
    border-bottom: 0.2rem #000 solid;
  }
  .m-require__text01Item {
    font-size: max(16px, 2.4rem);
    line-height: 1.2;
  }
  .m-require__text01Item span:not(.js-char) {
    margin-bottom: 0.4rem;
  }
  .m-require__text02 {
    font-weight: 900;
    font-size: max(16px, 4rem);
    padding-right: 3.2rem;
  }
  .m-require__text02Arrow {
    width: 1.6rem;
    height: 1.6rem;
    margin-left: 0.8rem;
    top: 0.3rem;
  }
  .m-require__text02Arrow:before {
    width: 1.6rem;
    height: 1.6rem;
    background-size: 0.39rem auto !important;
    left: 0.05rem;
  }
}
/* お問い合わせ
--------------------------------------------------*/
.m-contact__text01 {
  font-family: var(--font-serif);
}

.m-contact__text02 {
  font-weight: 500;
}

.m-contact__button {
  position: relative;
}

.m-contact__button:last-child {
  margin-bottom: 0;
}

.m-contact__button:before,
.m-contact__button:after {
  content: "";
  position: absolute;
  inset: 0;
  transition: opacity 0.3s ease;
  border-radius: 1rem;
}

.m-contact__button:before {
  border: 1px #000 solid;
}

.m-contact__button:after {
  border: 1px #fff solid;
  opacity: 0;
}

.m-contact__buttonItem:before,
.m-contact__buttonItem:after {
  content: "";
  position: absolute;
  inset: 0;
  transition: opacity 0.3s ease;
  border-radius: 1rem;
  outline-offset: 1px;
}

.m-contact__buttonItem:before {
  background: rgba(255, 255, 255, 0.4);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
}

.m-contact__buttonItem:after {
  background: linear-gradient(100.37deg, #C2DB89 1.79%, #9ED9E0 100%);
  mix-blend-mode: multiply;
  opacity: 0;
}

.m-contact__buttonItemIn {
  display: block;
  position: relative;
  font-weight: bold;
  transition: all 0.3s ease;
  z-index: 3;
}

.m-contact__button.-tel .m-contact__buttonItemIn:before {
  background-color: #000;
  -webkit-mask: url("../images/shared/icon-tel.svg") center/100% no-repeat;
  mask: url("../images/shared/icon-tel.svg") center/100% no-repeat;
}

.m-contact__button.-mail .m-contact__buttonItemIn:before {
  background-color: #000;
  -webkit-mask: url("../images/shared/icon-mail.svg") center/100% no-repeat;
  mask: url("../images/shared/icon-mail.svg") center/100% no-repeat;
}

.m-contact__button.-instagram .m-contact__buttonItemIn:before {
  background-color: #000;
  -webkit-mask: url("../images/shared/icon-insta.svg") center/100% no-repeat;
  mask: url("../images/shared/icon-insta.svg") center/100% no-repeat;
}

.m-contact__buttonItemIn:before {
  content: "";
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  transition: all 0.3s ease;
}

.m-contact__buttonItemIn:after {
  width: 1px;
  content: "";
  background-color: #000;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  transition: background 0.3s ease;
}

.m-contact__arrow {
  background: url("../images/shared/icon.svg") center center no-repeat;
  background-size: 100% auto;
  display: inline-block;
  position: relative;
}

.m-contact__arrow:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0.04rem;
  margin: auto 0;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .m-contact {
    background: url("../images/shared/contact-bg.jpg") center center no-repeat;
    background-size: cover;
    padding: 23rem 4rem;
  }
  .m-contact__inner {
    max-width: 128rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
  .m-contact__texts {
    width: 53%;
  }
  .m-contact__text01 {
    font-size: max(16px, 4rem);
    line-height: 1.8;
    margin-bottom: 3rem;
  }
  .m-contact__text02 {
    font-size: max(16px, 2rem);
  }
  .m-contact__buttons {
    width: 46.9%;
  }
  .m-contact__button {
    margin-bottom: 3rem;
  }
  .m-contact__button:hover:before {
    border: 1px #000 solid;
    opacity: 0;
  }
  .m-contact__button:hover:after {
    border: 1px #fff solid;
    opacity: 1;
  }
  .m-contact__buttonItem:hover:before {
    opacity: 0;
  }
  .m-contact__buttonItem:hover:after {
    opacity: 1;
  }
  .m-contact__buttonItemIn {
    padding: 5.6rem 2rem 5.6rem 12rem;
    font-size: max(16px, 2.4rem);
    transition: all 0.3s ease;
  }
  .m-contact__buttonItem:hover .m-contact__buttonItemIn {
    color: #fff;
  }
  .m-contact__buttonItemIn:before {
    width: 3rem;
    height: 3rem;
    left: 4rem;
    transition: all 0.3s ease;
  }
  .m-contact__button.-mail .m-contact__buttonItemIn:before {
    height: 2.4rem;
  }
  .m-contact__button.-tel .m-contact__buttonItem:hover .m-contact__buttonItemIn:before {
    background: none;
    background-color: #fff;
  }
  .m-contact__button.-mail .m-contact__buttonItem:hover .m-contact__buttonItemIn:before {
    background: none;
    background-color: #fff;
  }
  .m-contact__button.-instagram .m-contact__buttonItem:hover .m-contact__buttonItemIn:before {
    background: none;
    background-color: #fff;
  }
  .m-contact__buttonItemIn:after {
    width: 1px;
    height: 3.8rem;
    left: 9.4rem;
    transition: background 0.3s ease;
  }
  .m-contact__buttonItem:hover .m-contact__buttonItemIn:after {
    background-color: #fff;
  }
  .m-contact__arrow {
    width: 1.6rem;
    height: 1.6rem;
    margin-left: 2.2rem;
    transition: transform 0.3s ease;
  }
  .m-contact__arrow:before {
    width: 1.6rem;
    height: 1.6rem;
    transition: opacity 0.3s ease;
    opacity: 0;
  }
  .m-contact__buttonItem:hover .m-contact__arrow {
    transform: scale(1.7);
  }
  .m-contact__buttonItem:hover .m-contact__arrow:before {
    opacity: 1;
  }
  .m-contact__buttonItem:hover .m-contact__arrow {
    background: none;
    background-color: #fff;
    -webkit-mask: url("../images/shared/icon.svg") center/100% no-repeat;
    mask: url("../images/shared/icon.svg") center/100% no-repeat;
  }
  .m-contact__buttonItem:hover .m-contact__arrow:before {
    background: none;
    background-color: #000;
    -webkit-mask: url("../images/shared/arrow-white.svg") center/0.39rem no-repeat;
    mask: url("../images/shared/arrow-white.svg") center/0.39rem no-repeat;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .m-contact {
    padding: 8.2rem 8.7rem;
  }
  .m-contact .m-title {
    margin-bottom: 1.5rem;
  }
  .m-contact__texts {
    width: 48.872%;
  }
  .m-contact__text01 {
    font-size: max(16px, 2.4rem);
    line-height: 1.3;
    margin-bottom: 1.25rem;
  }
  .m-contact__text02 {
    font-size: max(16px, 1.6rem);
  }
  .m-contact__buttons {
    width: 45%;
  }
  .m-contact__button {
    margin-bottom: 1.25rem;
  }
  .m-contact__buttonItemIn {
    padding: 1.6rem 2.4rem 1.6rem 7.7rem;
    font-size: max(16px, 1.6rem);
  }
  .m-contact__buttonItemIn:before {
    width: 2rem;
    height: 2rem;
    left: 2.4rem;
  }
  .m-contact__button.-mail .m-contact__buttonItemIn:before {
    height: 1.55rem;
  }
  .m-contact__buttonItemIn:after {
    width: 1px;
    height: 2.4rem;
    left: 6rem;
  }
  .m-contact__arrow {
    width: 1.3rem;
    height: 1.3rem;
    margin-left: 0.6rem;
  }
  .m-contact__arrow:before {
    width: 1.3rem;
    height: 1.3rem;
    background: url("../images/shared/arrow-white.svg") center center no-repeat;
    background-size: 0.4rem auto !important;
    opacity: 1;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-contact {
    background: url("../images/shared/contact-bg-sp.jpg") center center no-repeat;
    background-size: cover;
    padding: 2.4rem;
  }
  .m-contact__texts {
    margin-bottom: 2.4rem;
  }
  .m-contact__text01 {
    font-size: max(16px, 2.4rem);
    line-height: 1.3;
    margin-bottom: 1.6rem;
  }
  .m-contact__text02 {
    font-size: max(16px, 1.6rem);
  }
  .m-contact__button {
    margin-bottom: 0.8rem;
  }
  .m-contact__buttonItemIn {
    padding: 1.6rem 2rem 1.6rem 7.7rem;
    font-size: max(16px, 1.6rem);
  }
  .m-contact__buttonItemIn:before {
    width: 2rem;
    height: 2rem;
    left: 2.4rem;
  }
  .m-contact__button.-mail .m-contact__buttonItemIn:before {
    height: 2rem;
  }
  .m-contact__buttonItemIn:after {
    width: 1px;
    height: 2.4rem;
    left: 5.9rem;
  }
  .m-contact__arrow {
    width: 1.6rem;
    height: 1.6rem;
    margin-left: 0.8rem;
    top: 0.3rem;
    position: relative;
  }
  .m-contact__arrow:before {
    width: 1.6rem;
    height: 1.6rem;
    left: 0.05rem;
    background: url("../images/shared/arrow-white.svg") center center no-repeat;
    background-size: 0.39rem auto !important;
  }
  .m-contact .m-title__logo {
    width: 4.1rem;
  }
  .m-contact .m-title {
    gap: 0 2rem;
  }
}
/* 下部スライダー
--------------------------------------------------*/
.m-flowing {
  position: relative;
}

.m-flowing__text {
  width: fit-content;
  height: fit-content;
  font-family: var(--font-serif);
  color: #fff;
  text-shadow: 0px 0px 14px #000000;
  position: absolute;
  inset: 0;
  margin: auto;
}

.m-flowing__text:not(.is-ready) {
  opacity: 0;
}

.m-flowing__text .js-char {
  display: inline-block;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .m-flowing__image {
    width: 70rem !important;
  }
  .m-flowing__text {
    font-size: max(16px, 4rem);
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .m-flowing__image {
    width: 29.2rem !important;
  }
  .m-flowing__text {
    font-size: max(16px, 3.2rem);
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-flowing__image {
    width: 14.5rem !important;
  }
  .m-flowing__text {
    font-size: max(16px, 2.4rem);
  }
}
/*==================================================

平野工業について

==================================================*/
/* title
--------------------------------------------------*/
.m-pageTitle.-about {
  position: relative;
  overflow: hidden;
}

.m-pageTitle.-about video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.m-pageTitle.-about .m-pageTitle__text {
  background: rgba(255, 255, 255, 0.2);
  border: 1px solid #006579;
  position: absolute;
  z-index: 1;
}

.m-pageTitle.-about .m-pageTitle__textItem {
  color: #006579;
  font-family: var(--font-serif);
  position: absolute;
  z-index: 1;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .m-pageTitle.-about .m-pageTitle__text {
    top: min(20.4rem, 10.625vw);
    left: min(8rem, 4.16666vw);
    right: min(8rem, 4.16666vw);
    bottom: min(8rem, 4.16666vw);
  }
  .m-pageTitle.-about .m-pageTitle__textItem {
    writing-mode: vertical-rl;
    /* SPは横書きのままなのでPC(縦書き)のみ縦書き用フォント */
    font-family: var(--font-serif-v);
    font-size: clamp(20px, 2.1875vw, 4.2rem);
    line-height: 1.65;
    letter-spacing: 0.19em;
    left: min(14.5rem, 7.552083vw);
    bottom: min(19rem, 9.89583vw);
  }
  .m-pageTitle.-about .m-pageTitle__textItem p {
    margin-right: min(7rem, 3.64583vw);
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-pageTitle.-about .m-pageTitle__content {
    position: relative;
    height: 22.5rem;
  }
  .m-pageTitle.-about .m-pageTitle__text {
    left: 2rem;
    right: 2rem;
    bottom: 2rem;
    top: 2rem;
  }
  .m-pageTitle.-about .m-pageTitle__textItem {
    height: fit-content;
    font-size: 1.6rem;
    line-height: 1.2;
    top: 0;
    bottom: 0;
    left: 1.9rem;
    right: 1.9rem;
    margin: auto 0;
  }
  .m-pageTitle.-about .m-pageTitle__textItem p {
    margin-bottom: 1rem;
  }
  .m-pageTitle.-about .m-pageTitle__textItem p:last-child {
    margin-bottom: 0;
  }
}
/* 代表挨拶
--------------------------------------------------*/
.about-greeting__inner {
  position: relative;
}

.about-greeting__text01 {
  font-family: var(--font-serif-v);
  writing-mode: vertical-rl;
}

.about-greeting__text02 {
  font-weight: 500;
}

.about-greeting__name {
  font-weight: bold;
}

.about-greeting {
  position: relative;
}

.about-greeting:before,
.about-greeting:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-repeat: no-repeat;
  background-position: center top;
  transition: opacity 0.3s ease;
}
.about-greeting::before {
  z-index: -2;
}
.about-greeting:after {
  opacity: 0;
  transition-delay: 1s;
  z-index: -1;
}
.about-greeting.is-show:after {
  opacity: 1;
}

.about-greeting__image {
  position: relative;
  aspect-ratio: 360/123;
}

.about-greeting__image:before,
.about-greeting__image:after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100% auto;
  transition: opacity 1s ease;
}

.about-greeting__image:before {
  background-image: url("../images/about/picture.jpg");
}

.about-greeting__image:after {
  background-image: url("../images/about/picture-color.jpg");
  opacity: 0;
  transition-delay: .5s;
}
.about-greeting__image.is-show:after {
  opacity: 1;
}

/* is-color を外せば白黒（picture.jpg）に戻る */
.about-greeting__image.is-color:after {
  /* opacity: 1; */
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .about-greeting {
    padding: 14.2rem 4rem 0 4rem;
    margin-bottom: 10.8rem;
  }
  .about-greeting:before,
  .about-greeting:after {
    height: 100%;
  }
  .about-greeting:before {
    background-image: url("../images/about/main.jpg");
    background-size: 100% auto;
    background-attachment: fixed;
  }
  .about-greeting:after {
    background-image: url("../images/about/main-color.jpg");
    background-size: 100% auto;
    background-attachment: fixed;
  }
  .about-greeting__inner {
    max-width: 144rem;
    margin: 0 auto;
  }
  .about-greeting__text01 {
    font-size: max(16px, 5rem);
    line-height: 1.6;
    letter-spacing: 0.09em;
    margin: 5.6rem 26.5rem 28rem auto;
    background: linear-gradient(100.37deg, #C2DB89 1.79%, #9ED9E0 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    mix-blend-mode: hard-light, normal;
  }
  .about-greeting__text02 {
    width: fit-content;
    font-size: max(16px, 2rem);
    margin: 0 6.4rem 26rem auto;
  }
  .about-greeting__name {
    font-size: max(16px, 2.4rem);
    margin-top: 2.8rem;
  }
  .about-greeting__name span {
    margin-left: 1.3rem;
  }
}
@media (min-width: 768px) and (max-width: 1452px) {
  .about-greeting__text01 {
    margin-right: 15rem;
  }
  .about-greeting__text02 {
    margin-right: 0;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .about-greeting {
    padding: 2.4rem;
  }
  .about-greeting:before,
  .about-greeting:after {
    height: 100%;
  }
  .about-greeting:before {
    background-image: url("../images/about/main-sp.jpg");
    background-size: 100% auto;
  }
  .about-greeting:after {
    background-image: url("../images/about/main-sp-color.jpg");
    background-size: 100% auto;
  }
  .about-greeting__text01 {
    font-size: max(16px, 1.6rem);
    line-height: 1.6;
    letter-spacing: 0.09em;
    margin: 4rem 0 4rem auto;
    background: linear-gradient(100.37deg, #C2DB89 1.79%, #9ED9E0 100%);
    background: linear-gradient(100.37deg, #b7d17e 1.79%, #95d5dc 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    mix-blend-mode: hard-light, normal;
  }
  .about-greeting__text02 {
    font-size: max(16px, 1.6rem);
    margin: 4rem 0 2.4rem 0;
  }
  .about-greeting__name {
    font-size: max(16px, 1.6rem);
    margin-top: 5rem;
  }
  .about-greeting__name span {
    margin-left: 0.8rem;
  }
}
/* 会社概要
--------------------------------------------------*/
.about-detail__listItem {
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid #000;
  display: flex;
  align-items: center;
}

.about-detail__listItem:last-child {
  margin-bottom: 0;
}

.about-detail__title {
  font-weight: bold;
}

.about-detail__text {
  font-weight: 500;
  flex: 1;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .about-detail {
    background: url("../images/about/detail-bg.jpg") center center no-repeat;
    background-size: cover;
    padding: 20rem 4rem;
  }
  .about-detail__inner {
    max-width: 128rem;
    margin: 0 auto;
  }
  .about-detail__list {
    margin-top: 8rem;
  }
  .about-detail__listItem {
    padding: 4.35rem 3.2rem;
    border-radius: 1rem;
    margin-bottom: 3rem;
    font-size: max(16px, 2.4rem);
    gap: 0 5.8rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .about-detail {
    background: url("../images/about/detail-bg-sp.jpg") center center no-repeat;
    background-size: cover;
    padding: 4rem 2.4rem;
  }
  .about-detail__listItem {
    padding: 1.3rem 1.6rem;
    border-radius: 0.6rem;
    margin-bottom: 0.8rem;
    font-size: max(16px, 1.6rem);
    line-height: 1.3;
    gap: 0 2.4rem;
  }
}
/* 沿革
--------------------------------------------------*/
.about-history__listItem {
  position: relative;
}

.about-history__listItem:last-child {
  padding-bottom: 0;
}

.about-history__listItem:before {
  content: "";
  background-color: #000;
  width: 1px;
  position: absolute;
  display: block;
}

.about-history__listItem:last-child:before {
  content: none;
}

.about-history__date {
  font-family: var(--font-serif);
  display: block;
}

.about-history__text {
  font-weight: 500;
  display: block;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .about-history {
    background: url("../images/about/history-bg.png") center top repeat-y;
    background-attachment: fixed;
    background-size: cover;
    padding: 12.3rem 4rem 20.4rem 4rem;
  }
  .about-history__inner {
    max-width: 128rem;
    margin: 0 auto;
  }
  .about-history__list {
    max-width: 81.6rem;
    margin: 8rem 15.4rem 0 auto;
  }
  .about-history__listItem {
    padding-bottom: 16.2rem;
  }
  .about-history__listItem:before {
    height: 12.3rem;
    bottom: 1.7rem;
    left: 2rem;
  }
  .about-history__date {
    font-size: max(16px, 4rem);
    margin-bottom: 1rem;
  }
  .about-history__text {
    font-size: max(16px, 2.4rem);
  }
}
@media (min-width: 768px) and (max-width: 1100px) {
  .about-history__list {
    margin-right: 0;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .about-history {
    /* iOSはbackground-attachment: fixed非対応のため、clip-path+fixed疑似要素で固定背景を再現 */
    clip-path: inset(0);
    padding: 4rem 2.4rem;
  }
  .about-history:before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    background: url("../images/about/history-bg-sp.jpg") center top repeat-y;
    background-size: 100% auto;
  }
  .about-history__list {
    margin-top: 4rem;
  }
  .about-history__listItem {
    padding-bottom: 11.4rem;
  }
  .about-history__listItem:before {
    height: 8.2rem;
    bottom: 1.6rem;
    left: 1.3rem;
  }
  .about-history__date {
    font-size: max(16px, 2.4rem);
    margin-bottom: 1rem;
  }
  .about-history__text {
    font-size: max(16px, 1.6rem);
  }
}
/* アクセス
--------------------------------------------------*/
.about-access {
  background-color: #F1F1F1;
}

.about-access__texts {
  font-weight: 900;
  letter-spacing: 0.11em;
}

.about-access__map iframe {
  width: 100% !important;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .about-access {
    padding: 10rem 4rem;
  }
  .about-access__inner {
    max-width: 128rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .about-access__texts {
    width: 46%;
  }
  .about-access__text01 {
    font-size: max(16px, 3rem);
    margin-bottom: 1rem;
  }
  .about-access__text02 {
    font-size: max(16px, 2rem);
    line-height: 1.4;
  }
  .about-access__map {
    width: 52%;
    padding-right: 7rem;
    box-sizing: border-box;
  }
  .about-access__map iframe {
    aspect-ratio: 327/243;
  }
}
@media (min-width: 768px) and (max-width: 1370px) {
  .about-access__map {
    padding-right: 0;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .about-access {
    padding: 4rem 2.4rem;
  }
  .about-access__texts {
    margin-bottom: 4rem;
  }
  .about-access__text01 {
    font-size: max(16px, 2rem);
    margin-bottom: 0.5rem;
  }
  .about-access__text02 {
    font-size: max(16px, 1.6rem);
    line-height: 1.4;
  }
  .about-access__map iframe {
    aspect-ratio: 176/131;
  }
}
/*==================================================

事業内容

==================================================*/
/* title
--------------------------------------------------*/
.m-pageTitle.-service {
  position: relative;
}

.m-pageTitle.-service .m-pageTitle__content {
  height: 100%;
  position: relative;
}

.m-pageTitle.-service .m-pageTitle__content:before {
  background-image: url("../images/service/main.jpg");
}

.m-pageTitle.-service .m-pageTitle__content:after {
  background-image: url("../images/service/main-color.jpg");
  opacity: 0;
}

.m-pageTitle.-service .m-pageTitle__content.is-color:after {
  opacity: 1;
}

.m-pageTitle.-service .m-pageTitle__content:before,
.m-pageTitle.-service .m-pageTitle__content:after {
  content: "";
  inset: 0;
  position: absolute;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  transition: opacity 1.2s ease;
  display: block;
}

.m-pageTitle.-service .m-pageTitle__text {
  height: fit-content;
  writing-mode: vertical-rl;
  font-family: var(--font-serif-v);
  position: absolute;
  z-index: 3;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .m-pageTitle.-service {
    margin-top: 11.8rem;
  }
  .m-pageTitle.-service .m-pageTitle__content:before,
  .m-pageTitle.-service .m-pageTitle__content:after {
    right: min(9.8rem, 5.10416vw);
    left: min(32rem, 16.66666vw);
  }
  .m-pageTitle.-service {
    height: min(88.1rem, 45.885416vw);
  }
  .m-pageTitle.-service .m-pageTitle__text {
    font-size: clamp(20px, 2.60416vw, 5rem);
    letter-spacing: 0.09em;
    line-height: 1.7;
    top: min(6.2rem, 3.22916vw);
    left: min(9.6rem, 5vw);
  }
  .m-pageTitle.-service .m-pageTitle__text span {
    margin-top: 6.4em;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-pageTitle.-service {
    padding: 0 2.4rem 0 8rem;
  }
  .m-pageTitle.-service .m-pageTitle__content {
    height: 18rem;
    position: relative;
  }
  .m-pageTitle.-service .m-pageTitle__title {
    margin: 0 -2.4rem 0 -8rem;
  }
  .m-pageTitle.-service .m-pageTitle__text {
    font-size: max(16px, 1.6rem);
    letter-spacing: 0.09em;
    line-height: 1.6;
    top: 0;
    left: -6rem;
    white-space: nowrap;
  }
  .m-pageTitle.-service .m-pageTitle__text span {
    margin-top: 2.3em;
  }
}
/* 事業内容
--------------------------------------------------*/
.service-about__image img {
  width: 100%;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .service-about {
    max-width: 144rem;
    margin: 16rem auto 13.8rem auto;
    position: relative;
  }
  .service-about__item {
    position: relative;
    z-index: 3;
  }
  .service-about__texts {
    width: 35%;
    position: absolute;
    top: 16%;
    left: 8rem;
    text-shadow: 1px 1px 0.5rem rgba(255, 255, 255, 0.5);
  }
  .service-about__image {
    margin-left: -11.4rem;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .service-about__texts {
    width: 49%;
    top: 0;
    left: 4rem;
  }
  .service-about__image {
    margin-left: 15rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .service-about {
    margin: 4rem 2.4rem;
  }
  .service-about__texts {
    margin-bottom: 0.8rem;
  }
  .service-about__image {
    margin: 0 -2.4rem;
  }
  .service-about__image img {
    width: auto;
  }
}
/* 平野工業の強み
--------------------------------------------------*/
.service-strengths {
  background-color: #000;
  position: relative;
}

.service-strengths__item {
  position: relative;
}

.service-strengths__image {
  overflow: hidden;
  position: relative;
}

.service-strengths__image img {
  width: 100%;
}

.service-strengths__item:first-child .service-strengths__image:before {
  background-image: url("../images/service/strengths-picture01.jpg");
}

.service-strengths__item:nth-child(2) .service-strengths__image:before {
  background-image: url("../images/service/strengths-picture02.jpg");
}

.service-strengths__item:nth-child(3) .service-strengths__image:before {
  background-image: url("../images/service/strengths-picture03.jpg");
}

.service-strengths__item:first-child .service-strengths__image:after {
  background-image: url("../images/service/strengths-picture01-color.jpg");
}

.service-strengths__item:nth-child(2) .service-strengths__image:after {
  background-image: url("../images/service/strengths-picture02-color.jpg");
}

.service-strengths__item:nth-child(3) .service-strengths__image:after {
  background-image: url("../images/service/strengths-picture03-color.jpg");
}

.service-strengths__image:after,
.service-strengths__image:before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100% auto;
  transition: opacity 0.3s ease;
}

.service-strengths__image:after {
  opacity: 0;
}

.service-strengths__image.is-color:after {
  opacity: 1;
}

.service-strengths__texts {
  color: #fff;
  z-index: 5;
}

.service-strengths__number {
  font-family: var(--font-en);
  line-height: 1;
  transform: matrix(1, 0, -0.1, 0.99, 0, 0);
}

.service-strengths__text01 {
  font-family: var(--font-serif);
}

.service-strengths__text01 span {
  background-color: #000;
}

.service-strengths__text02 {
  font-weight: bold;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .service-strengths {
    padding-left: min(24rem, 12.5vw);
  }
  .service-strengths__inner {
    max-width: 192rem;
    margin: 0 auto;
  }
  .service-strengths .m-title {
    position: absolute;
    top: min(7.9rem, 7.114vw);
    left: min(9.7rem, 5.052vw);
    flex-direction: column;
  }
  .service-strengths .m-title__logo {
    width: min(7.6rem, 3.958vw);
    margin-bottom: min(3.2rem, 1.66vw);
  }
  .service-strengths .m-title__text {
    writing-mode: vertical-rl;
    font-size: max(16px, min(5rem, 2.604vw));
    letter-spacing: 0.2em;
  }
  .service-strengths__image {
    border-radius: min(32rem, 16.66vw) 0 min(32rem, 16.66vw) 0;
    position: absolute;
    inset: 0;
  }
  .service-strengths__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .service-strengths__item {
    min-height: min(97.5rem, 50.78125vw);
    display: flex;
  }
  .service-strengths__texts {
    min-height: min(97.5rem, 50.78125vw);
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem min(8rem, 4.166vw);
    position: relative;
    box-sizing: border-box;
  }
  .service-strengths__number {
    font-size: max(16px, min(35rem, 18.23vw));
    letter-spacing: -0.01em;
    margin-bottom: 1.4rem;
  }
  .service-strengths__text01 {
    font-size: max(16px, min(5rem, 2.604vw));
    margin-bottom: min(2.5rem, 1.302vw);
    line-height: 1.4;
  }
  .service-strengths__text01 span {
    padding: 0 min(3rem, 1.5606vw);
  }
  .service-strengths__text02 {
    font-size: max(16px, clamp(1.3rem, 1.0416vw, 2rem));
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .service-strengths {
    padding: 2.4rem;
  }
  .service-strengths__image {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border-radius: 6.6rem 0 6.6rem 0;
    aspect-ratio: 350/203;
  }
  .service-strengths__texts {
    position: relative;
    padding: 12.3rem 0 4rem 7.33rem;
  }
  .service-strengths__number {
    font-size: max(16px, 7.3rem);
    letter-spacing: -0.01em;
    position: absolute;
    top: 11rem;
    left: 0;
  }
  .service-strengths__text01 {
    font-size: max(16px, 2.4rem);
    line-height: 1.3;
    background-color: #000;
    display: inline;
  }
  .service-strengths__text02 {
    margin-top: 2.4rem;
    font-size: max(16px, 1.6rem);
  }
}
/* 受注までの流れ
--------------------------------------------------*/
.service-flow {
  overflow-x: hidden;
}

.service-flow__image {
  position: relative;
}

.service-flow__controls {
  position: absolute;
  display: flex;
  height: fit-content;
}

.service-flow .slick-prev {
  background-image: url("../images/shared/prev.svg");
}

.service-flow .slick-next {
  background-image: url("../images/shared/next.svg");
}

.service-flow .slick-arrow {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  text-indent: -9999px;
  cursor: pointer;
}

.service-flow__slideItem {
  background-color: #9a9a9a;
  position: relative;
}

.service-flow__text {
  width: fit-content;
  height: fit-content;
  color: #fff;
  font-weight: 900;
  position: absolute;
  inset: 0;
  margin: auto;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .service-flow__inner {
    max-width: 128rem;
    padding: 0 4rem;
    margin: 12rem auto 23.8rem auto;
    box-sizing: content-box;
    display: flex;
    justify-content: space-between;
    gap: 0 2rem;
  }
  .service-flow__texts {
    width: 42%;
  }
  .service-flow__image {
    width: calc(58% + 50vw - 50%);
    margin: 1.5rem calc(50% - 50vw) 0 0;
  }
  .service-flow__controls {
    bottom: 0;
    left: -23.3rem;
    gap: 0 0.8rem;
  }
  .service-flow .slick-arrow {
    width: 6.3rem;
    height: 6.3rem;
  }
  .service-flow__slideItem {
    width: 80rem !important;
    border: 0.6rem #000 solid;
    margin: 0 4rem;
  }
  .service-flow__text {
    background: url("../images/shared/logo-white.svg") left center no-repeat;
    background-size: 4.3rem auto;
    font-size: max(16px, 3rem);
    padding-left: 6.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1470px) {
  .service-flow__slideItem {
    width: 55rem !important;
    margin: 0 2rem;
  }
  .service-flow__text {
    background-size: 2.5rem auto;
    font-size: max(16px, 2.5rem);
    padding-left: 3.8rem;
  }
}
@media (min-width: 768px) and (max-width: 1040px) {
  .service-flow__inner {
    max-width: 128rem;
    padding: 0 4rem;
    margin: 12rem auto 23.8rem auto;
    box-sizing: content-box;
    display: block;
    justify-content: space-between;
    gap: 0 2rem;
  }
  .service-flow__texts {
    width: 100%;
    margin-bottom: 4rem;
  }
  .service-flow__image {
    width: auto;
    margin: 1.5rem calc(50% - 50vw) 0 0;
    position: relative;
  }
  .service-flow__controls {
    width: fit-content;
    position: absolute;
    bottom: -10rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .service-flow__inner {
    padding: 4rem 2.4rem 8.8rem 2.4rem;
    position: relative;
  }
  .service-flow__texts {
    margin-bottom: 2.4rem;
  }
  .service-flow__image {
    margin: 0 -2.4rem;
  }
  .service-flow__controls {
    width: fit-content;
    bottom: -4.8rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    gap: 0 0.9rem;
  }
  .service-flow .slick-arrow {
    width: 2.5rem;
    height: 2.5rem;
  }
  .service-flow__slideItem {
    width: 25rem !important;
    border: 0.2rem #000 solid;
    margin-right: 2.4rem;
  }
  .service-flow__slide .slick-track {
    margin-left: 2.4rem;
  }
  .service-flow__text {
    background: url("../images/shared/logo-white.svg") left center no-repeat;
    background-size: 2rem auto;
    font-size: max(14px, 1.4rem);
    padding-left: 3.1rem;
  }
}
/* 加工品サンプル
--------------------------------------------------*/
.service-sample__bannerItem {
  position: relative;
  display: block;
  box-sizing: border-box;
  aspect-ratio: 1440/529;
}

.service-sample__bannerItem:before {
  content: "";
  background: url("../images/service/banner-sample.jpg") center center no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0;
  margin: auto;
}

.service-sample__text {
  width: fit-content;
  height: fit-content;
  background-color: #fff;
  font-family: var(--font-serif);
  line-height: 1.1;
  margin: 0 auto;
  position: absolute;
  inset: 0;
  margin: auto;
  z-index: 3;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .service-sample {
    max-width: 128rem;
    padding: 0 10rem 18.5rem 10rem;
    margin: 0 auto;
    box-sizing: content-box;
  }
  .service-sample__banner {
    margin: 6rem -8rem 0 -8rem;
  }
  .service-sample__bannerItem {
    border: 5px #000 solid;
    padding: 0 4rem;
    overflow: hidden;
  }
  .service-sample__bannerItem:before {
    transition: transform 0.3s ease;
  }
  .service-sample__bannerItem:hover:before {
    transform: scale(1.2);
  }
  .service-sample__text {
    font-size: max(16px, clamp(6rem, 5vw, 8rem));
    border: 5px #000 solid;
    padding: 0 0.5rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .service-sample {
    margin: 0 2.4rem 4rem 2.4rem;
  }
  .service-sample__banner {
    margin-top: 2.4rem;
  }
  .service-sample__bannerItem {
    border: 1px #000 solid;
  }
  .service-sample__text {
    font-size: max(16px, 2rem);
    border: 1px #000 solid;
    padding: 0 0.5rem;
  }
}
/*==================================================

企業理念

==================================================*/
/* title
--------------------------------------------------*/
.m-pageTitle.-philosophy .m-pageTitle__content {
  height: 100%;
  position: relative;
}

.m-pageTitle.-philosophy .m-pageTitle__content:before {
  background-image: url("../images/philosophy/main.jpg");
}

.m-pageTitle.-philosophy .m-pageTitle__content:after {
  background-image: url("../images/philosophy/main-color.jpg");
  opacity: 0;
}
.m-pageTitle.-philosophy .m-pageTitle__content.is-show:after {
  opacity: 1;
}

.m-pageTitle.-philosophy .m-pageTitle__content:before,
.m-pageTitle.-philosophy .m-pageTitle__content:after {
  content: "";
  inset: 0;
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: opacity .5s ease .5s;
  display: block;
}

.m-pageTitle.-philosophy .m-pageTitle__text {
  width: fit-content;
  height: fit-content;
  writing-mode: vertical-rl;
  position: absolute;
  inset: 0;
  margin: auto;
  font-family: var(--font-serif-v);
  z-index: 3;
}

.m-pageTitle.-philosophy .m-pageTitle__text span {
  position: relative;
  display: inline-block;
}

.m-pageTitle.-philosophy .m-pageTitle__text span:before {
  content: "";
  background-color: #fff;
  position: absolute;
  display: block;
  z-index: -1;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .m-pageTitle.-philosophy .m-pageTitle__text {
    font-size: clamp(16px, 6.041666vw, 11.6rem);
    letter-spacing: 0;
    line-height: 1.25;
  }
  .m-pageTitle.-philosophy .m-pageTitle__text span:before {
    top: min(1.5rem, 0.625vw);
    bottom: min(1.5rem, -1.822916vw);
    top: min(-0.5rem, -0.260416vw);
    bottom: min(-0.5rem, -0.260416vw);
    left: 0.2rem;
    right: 0.2rem;
  }
  .m-pageTitle.-philosophy .m-pageTitle__text span:last-child {
    margin-top: 3em;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-pageTitle.-philosophy .m-pageTitle__content {
    height: 22.5rem;
  }
  .m-pageTitle.-philosophy .m-pageTitle__text {
    font-size: max(16px, 2.4rem);
    letter-spacing: 0;
    line-height: 1.25;
  }
  .m-pageTitle.-philosophy .m-pageTitle__text span:before {
    top: -0.3rem;
    bottom: -0.3rem;
    left: 0.1rem;
    right: 0.1rem;
  }
  .m-pageTitle.-philosophy .m-pageTitle__text span:last-child {
    margin-top: 3em;
  }
}
/* 経営理念
--------------------------------------------------*/
.philosophy-detail img {
  width: 100%;
}

.philosophy-detail .m-title {
  justify-content: center;
}

.philosophy-detail {
  text-align: center;
  line-height: 1.8;
}

.philosophy-detail__text01 {
  font-family: var(--font-serif);
}

.philosophy-detail__text02 {
  font-weight: 500;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .philosophy-detail {
    background: url("../images/philosophy/detail-bg.png") center center no-repeat;
    background-size: cover;
    padding: 13rem 4rem 14rem 4rem;
  }
  .philosophy-detail__text01 {
    font-size: max(16px, 5rem);
    letter-spacing: 0.1em;
    margin-bottom: 4.2rem;
  }
  .philosophy-detail__text02 {
    font-size: max(16px, 2.4rem);
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .philosophy-detail {
    background: url("../images/philosophy/detail-bg-sp.png") center center no-repeat;
    background-size: cover;
    padding: 2.4rem;
  }
  .philosophy-detail__text01 {
    font-size: max(16px, 2.4rem);
    margin-bottom: 1.6rem;
  }
  .philosophy-detail__text02 {
    font-size: max(16px, 1.6rem);
    text-align: left;
  }
}
/* 行動指針
--------------------------------------------------*/
.philosophy-guideline__item:nth-child(4) {
  margin-bottom: 0;
}

.philosophy-guideline__item {
  position: relative;
}

.philosophy-guideline__item:first-child:before {
  background-image: url("../images/philosophy/guideline-picture01.jpg");
}

.philosophy-guideline__item:first-child:after {
  background-image: url("../images/philosophy/guideline-picture01-color.jpg");
}

.philosophy-guideline__item:nth-child(2):before {
  background-image: url("../images/philosophy/guideline-picture02.jpg");
}

.philosophy-guideline__item:nth-child(2):after {
  background-image: url("../images/philosophy/guideline-picture02-color.jpg");
}

.philosophy-guideline__item:nth-child(3):before {
  background-image: url("../images/philosophy/guideline-picture03.jpg");
}

.philosophy-guideline__item:nth-child(3):after {
  background-image: url("../images/philosophy/guideline-picture03-color.jpg");
}

.philosophy-guideline__item:nth-child(4):before {
  background-image: url("../images/philosophy/guideline-picture04.jpg");
}

.philosophy-guideline__item:nth-child(4):after {
  background-image: url("../images/philosophy/guideline-picture04-color.jpg");
}

.philosophy-guideline__item:before,
.philosophy-guideline__item:after {
  content: "";
  inset: 0;
  position: absolute;
  background-position: center top;
  background-repeat: no-repeat;
  transition: opacity 0.3s ease;
  display: block;
}

.philosophy-guideline__item:after {
  opacity: 0;
  transition-delay: 1s;
}
.philosophy-guideline__item.is-show:after {
  opacity: 1;
}

.philosophy-guideline__text01 {
  font-family: var(--font-serif);
  color: #fff;
}

.philosophy-guideline__texts {
  position: relative;
  z-index: 5;
}

.philosophy-guideline__text01 .js-ribbon,
.philosophy-guideline__text03 .js-ribbon {
  position: relative;
  display: inline-block;
}
.philosophy-guideline__text01 .js-ribbon:before,
.philosophy-guideline__text03 .js-ribbon:before {
  content: "";
  background-color: #000;
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.7s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 1.2s ease;
}
.philosophy-guideline__text01 .js-ribbon .js-ribbon__text,
.philosophy-guideline__text03 .js-ribbon .js-ribbon__text {
  opacity: 0;
  transition: opacity 0.45s ease 0.3s;
}
.philosophy-guideline__text01 .js-ribbon.is-show:before,
.philosophy-guideline__text03 .js-ribbon.is-show:before {
  opacity: 1;
  transform: scaleX(1);
}
.philosophy-guideline__text01 .js-ribbon.is-show .js-ribbon__text,
.philosophy-guideline__text03 .js-ribbon.is-show .js-ribbon__text {
  opacity: 1;
}

.philosophy-guideline__text02 {
  font-weight: 500;
}

.philosophy-guideline__text03 {
  color: #fff;
  font-weight: 500;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .philosophy-guideline {
    max-width: 128rem;
    margin: 10rem auto 28rem auto;
    padding: 0 4rem;
    box-sizing: content-box;
  }
  .philosophy-guideline__item {
    overflow: hidden;
    margin-bottom: 5rem;
  }
  .philosophy-guideline__item:before,
  .philosophy-guideline__item:after {
    background-size: cover;
  }
  .philosophy-guideline__item:nth-child(odd) {
    padding-bottom: 3.6rem;
  }
  .philosophy-guideline__item:nth-child(even) .philosophy-guideline__texts {
    width: 50rem;
    margin-left: auto;
  }
  .philosophy-guideline__text01 {
    font-size: max(16px, 6rem);
    line-height: 1.38;
    margin: 0.3rem 0 5rem 0;
  }
  .philosophy-guideline__text01 .js-ribbon {
    padding: 0.3rem 1rem;
  }
  .philosophy-guideline__text02 {
    font-size: max(16px, 2rem);
    line-height: 2;
  }
  .philosophy-guideline__text03 {
    font-size: max(16px, 2rem);
    line-height: 1;
  }
  .philosophy-guideline__text03 .js-ribbon {
    padding: 0.7rem 1.2rem;
    margin-bottom: 0.8rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .philosophy-guideline {
    padding: 4rem 2.4rem;
  }
  .philosophy-guideline__item {
    padding-top: 3.1rem;
    margin-bottom: 4rem;
  }
  .philosophy-guideline__item:before,
  .philosophy-guideline__item:after {
    background-size: 100% auto;
  }
  .philosophy-guideline__item:nth-child(even) .philosophy-guideline__text01,
  .philosophy-guideline__item:nth-child(even) .philosophy-guideline__text02,
  .philosophy-guideline__item:nth-child(even) .philosophy-guideline__text03 {
    margin-left: auto;
  }
  .philosophy-guideline__item:nth-child(even) .philosophy-guideline__text01 {
    width: fit-content;
  }
  .philosophy-guideline__text02 {
    width: 24.5rem;
  }
  .philosophy-guideline__item:nth-child(even) .philosophy-guideline__text03 {
    width: fit-content;
    text-align: right;
  }
  .philosophy-guideline__text01 {
    font-size: max(16px, 2.4rem);
    line-height: 1.3;
    margin-bottom: 1.6rem;
  }
  .philosophy-guideline__text01 .js-ribbon {
    padding: 0 0.3rem;
  }
  .philosophy-guideline__text02 {
    font-size: max(16px, 1.6rem);
    line-height: 1.3;
    margin-bottom: 0.3rem;
  }
  .philosophy-guideline__text03 {
    font-size: max(16px, 1.6rem);
    line-height: 1;
  }
  .philosophy-guideline__text03 .js-ribbon {
    padding: 0.5rem 0.6rem;
    margin-bottom: 0.6rem;
  }
}
/*==================================================

設備・加工事例

==================================================*/
/* title
--------------------------------------------------*/
.m-pageTitle.-cases {
  position: relative;
  height: auto;
}

.m-pageTitle.-cases .m-pageTitle__text {
  font-family: var(--font-serif);
}

/* ヒーロー背景は webp を参照（jpgは 1.8MB + 2.7MB = 4.5MB で表示が遅れるため。
   webp版は 243KB + 271KB で同解像度 3840x998） */
.m-pageTitle.-cases .m-pageTitle__content:before {
  background-image: url("../images/cases/main.jpg.webp");
}

.m-pageTitle.-cases .m-pageTitle__content:after {
  background-image: url("../images/cases/main-color.jpg.webp");
  opacity: 0;
}

.m-pageTitle.-cases .m-pageTitle__content.is-color:after {
  opacity: 1;
}

.m-pageTitle.-cases .m-pageTitle__content:before,
.m-pageTitle.-cases .m-pageTitle__content:after {
  content: "";
  inset: 0;
  position: absolute;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  transition: opacity 1.2s ease;
  display: block;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .m-pageTitle.-cases {
    margin-top: min(22rem, 11.45833vw);
  }
  .m-pageTitle.-cases .m-pageTitle__content {
    height: min(49.9rem, 25.989583vw);
    background-size: cover;
  }
  .m-pageTitle.-cases .m-pageTitle__text {
    max-width: 144rem;
    font-size: clamp(16px, 4.558823vw, 6.2rem);
    padding: 0 4rem;
    margin: 0 auto min(4.6rem, 3.382352vw) auto;
    box-sizing: content-box;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-pageTitle.-cases .m-pageTitle__content {
    height: 10.4rem;
    background-size: 100% auto;
  }
  .m-pageTitle.-cases .m-pageTitle__text {
    font-size: max(16px, 2rem);
    text-align: center;
    margin: 2rem 0 0.8rem 0;
  }
}
/* 設備一覧
--------------------------------------------------*/
.cases-facility__item:last-child {
  margin-bottom: 0;
}

.cases-facility__item {
  border-left: 1px #000 solid;
}
.cases-facility__item.narrow {
  max-width: 1178px;
}

.cases-facility__title {
  width: fit-content;
  background-color: #000;
  color: #fff;
  font-weight: 500;
}

.cases-facility__list {
  display: flex;
  flex-wrap: wrap;
}

.cases-facility__listItem {
  display: flex;
  border: 1px #000 solid;
  font-size: max(16px, 2.4rem);
  margin-top: -1px;
  margin-left: -1px;
  font-weight: 500;
}

.cases-facility__left {
  position: relative;
}

.cases-facility__left:after {
  content: "";
  background-color: #000;
  width: 1px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  display: block;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .cases-image {
    margin-top: min(22.3rem, 11.614583vw);
  }
  .cases-facility {
    max-width: 127.7rem;
    margin: 0 auto;
    padding: 5rem 4rem 0 4rem;
    box-sizing: content-box;
  }
  .cases-facility__item {
    margin-bottom: 5rem;
  }
  .cases-facility__title {
    font-size: max(16px, 2.4rem);
    padding: 2.3rem 3.2rem;
  }
  .cases-facility__listItem {
    gap: 0 8rem;
    padding: 2.1rem 3.2rem;
    font-size: max(16px, 2.4rem);
  }
  .cases-facility__listItem.-facilitywidth {
    width: 55.2rem;
  }
  .cases-facility__left:after {
    height: 3.3rem;
    right: -4rem;
  }
  .cases-facility__lists {
    display: flex;
    flex-wrap: wrap;
    gap: 5rem 2.9rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .cases-image {
    margin-top: 0.8rem;
  }
  .cases-facility {
    padding: 2.4rem 2.4rem 4rem 2.4rem;
  }
  .cases-facility__item {
    margin-bottom: 2.6rem;
  }
  .cases-facility__title {
    font-size: max(16px, 1.6rem);
    padding: 0.2rem 0.6rem;
  }
  .cases-facility__listItem {
    gap: 0 1.6rem;
    padding: 0.2rem 0.6rem;
    font-size: max(16px, 1.6rem);
    letter-spacing: -0.03em;
    align-items: center;
  }
  .cases-facility__left {
    white-space: nowrap;
  }
  .cases-facility__left:after {
    height: 2rem;
    right: -0.8rem;
  }
  .cases-facility__item {
    border-left: none;
  }
  .cases-facility__title {
    border-left: 1px #000 solid;
    margin-left: -1px;
  }
  .cases-facility__listsItem {
    margin-bottom: 2.6rem;
  }
  .cases-facility__listsItem:last-child {
    margin-bottom: 0;
  }
}
/* 加工事例
--------------------------------------------------*/
.cases-process img {
  width: 100%;
}

.cases-process {
  background: url("../images/cases/process-bg.png") center top no-repeat;
  background-size: 100% auto;
}

.cases-process__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.cases-process__listItem {
  position: relative;
}

.cases-process__listText {
  font-weight: bold;
  line-height: 1.3;
  position: absolute;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .cases-process {
    padding: 18rem 4rem 19rem 4rem;
  }
  .cases-process__inner {
    max-width: 144rem;
    margin: 0 auto;
  }
  .cases-process .m-title {
    margin-left: 8.2rem;
  }
  .cases-process__list {
    gap: 3.1rem 3.1rem;
    margin-top: 9.8rem;
  }
  .cases-process__listItem {
    width: calc(33.3333333333% - 2.6rem);
    border: 4px #000 solid;
  }
  .cases-process__listText {
    font-size: max(16px, 2.4rem);
    left: 2rem;
    right: 1rem;
    bottom: 2.2rem;
  }
}
@media (min-width: 768px) and (max-width: 1150px) {
  .cases-process__listText {
    font-size: max(16px, 2rem);
    left: 1rem;
    bottom: 1rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .cases-process {
    padding: 18rem 4rem 19rem 4rem;
  }
  .cases-process__inner {
    max-width: 144rem;
    margin: 0 auto;
  }
  .cases-process .m-title {
    margin-left: 8.2rem;
  }
  .cases-process__list {
    gap: 0.8rem;
  }
  .cases-process__listItem {
    width: calc(50% - 0.4rem);
    border: 1px #000 solid;
  }
  .cases-process__listText {
    background-color: #fff;
    font-size: max(16px, 1.6rem);
    left: 0.4rem;
    bottom: 0.2rem;
  }
}
/*==================================================

社長メッセージ

==================================================*/
/* title
--------------------------------------------------*/
.m-pageTitle.-message .m-pageTitle__content:before {
  background-image: url("../images/message/main.jpg");
}

.m-pageTitle.-message .m-pageTitle__content:after {
  background-image: url("../images/message/main-color.jpg");
  opacity: 0;
}

.m-pageTitle.-message .m-pageTitle__content:before,
.m-pageTitle.-message .m-pageTitle__content:after {
  content: "";
  inset: 0;
  position: absolute;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  transition: opacity 0.3s ease;
  display: block;
}

.m-pageTitle.-message .m-pageTitle__text {
  width: fit-content;
  height: fit-content;
  color: #fff;
  font-family: var(--font-serif);
  text-align: center;
  line-height: 1.1;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 3;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .m-pageTitle.-message .m-pageTitle__text {
    font-size: clamp(20px, 5.20833vw, 10rem);
    top: min(10rem, 5.20833vw);
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-pageTitle.-message .m-pageTitle__content {
    height: 22.5rem;
  }
  .m-pageTitle.-message .m-pageTitle__text {
    font-size: max(16px, 2rem);
    top: 1rem;
  }
}
/*  メッセージ  
--------------------------------------------------*/
.message-content {
  position: relative;
}

.message-content:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 50.07%, #FFFFFF 100%);
  display: block;
}

.message-text01 {
  font-family: var(--font-serif);
  position: relative;
  z-index: 3;
}

.message-text01 span {
  display: inline-block;
  background: linear-gradient(100.37deg, #73ae21 1.79%, #3aabb1 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

.message-text02 {
  font-weight: 500;
  position: relative;
  z-index: 3;
}

.message-text02 .js-vribbon {
  position: relative;
  color: #fff;
  display: inline-block;
}
.message-text02 .js-vribbon:before {
  background-color: #000;
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  opacity: 0;
  transform: scaleY(0);
  transform-origin: top center;
  transition: transform 0.7s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 1.2s ease;
}
.message-text02 .js-vribbon .js-vribbon__text {
  opacity: 0;
  transition: opacity 0.45s ease 0.3s;
}
.message-text02 .js-vribbon.is-show:before {
  opacity: 1;
  transform: scaleY(1);
}
.message-text02 .js-vribbon.is-show .js-vribbon__text {
  opacity: 1;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .message-content {
    background: url("../images/message/bg01.png") center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 23rem 0 0 0;
    margin-bottom: 5.8rem;
  }
  .message-content:after {
    height: 98.6rem;
  }
  .message-content01 {
    max-width: 102.7rem;
    writing-mode: vertical-rl;
    margin: 0 auto;
  }
  .message-text01 {
    font-size: max(16px, 5rem);
    line-height: 1.3;
  }
  .message-text02 {
    font-size: max(16px, 2rem);
    line-height: 1.8;
  }
  .message-text02 .js-vribbon {
    padding: 0.9rem 0;
    margin: 0 0.45rem;
    display: inline-block;
  }
  .message-text02 .padding0 {
    padding: 0;
  }
  .message-content01 {
    margin-bottom: 21.5rem;
  }
  .message-content01 .message-text01 {
    font-family: var(--font-serif-v);
    line-height: 1.4;
    letter-spacing: 0.09em;
    margin-top: -0.5rem;
    margin-left: 5rem;
  }
  .message-content02 {
    max-width: 102.8rem;
    padding-bottom: 15.4rem;
    margin: 0 auto;
    position: relative;
  }
  .message-content02:before {
    content: "";
    width: 38.5%;
    aspect-ratio: 783/1566;
    background: url("../images/message/picture01.png") center center no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: -9rem;
    bottom: 0;
  }
  .message-content02 .message-text01 {
    text-align: center;
    margin-bottom: 13.9rem;
  }
  .message-content02 .message-text02 {
    writing-mode: vertical-rl;
    position: relative;
    margin-left: auto;
  }
  .message-scroll03 {
    position: relative;
  }
  .message-scroll03:before {
    height: 100%;
    content: "";
    background: url("../images/message/picture02.jpg") center center no-repeat;
    background-size: cover;
    position: absolute;
    right: calc(50% - 50vw);
    top: 0;
    left: calc(50% - 30rem);
    display: block;
    z-index: 0;
  }
  .message-content03 {
    max-width: 128rem;
    padding: 17rem 4rem 7.7rem 4rem;
    margin: 0 auto;
    box-sizing: content-box;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 0 6rem;
  }
  .message-content03 .message-text02 {
    writing-mode: vertical-rl;
    order: 1;
  }
  .message-content03 .message-text01 {
    order: 2;
    margin-top: -6rem;
  }
  .message-content04 {
    background: url("../images/message/bg02.png") center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    padding: 47.5rem 4rem 32.3rem 4rem;
  }
  .message-content04 .message-text01 {
    line-height: 1.1;
  }
  .message-content04 .message-text02 {
    line-height: 2;
    margin-top: 16.5rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .message-content {
    background: url("../images/message/bg01.png") center top repeat-y;
    background-size: 100% auto;
    background-attachment: fixed;
    padding: 4rem 2.4rem;
  }
  .message-content:after {
    height: 30rem;
  }
  .message-text01 {
    font-size: max(16px, 2.4rem);
    line-height: 1.3;
  }
  .message-text02 {
    font-size: max(16px, 1.6rem);
    line-height: 1.6;
  }
  .message-text02 .js-vribbon {
    margin: 0.1rem 0;
  }
  .message-text02 .js-vribbon:before {
    transform: scaleX(0);
    transform-origin: left center;
  }
  .message-text02 .js-vribbon.is-show:before {
    transform: scaleX(1);
  }
  .message-content01 {
    margin-bottom: 4rem;
  }
  .message-content01 .message-text01 {
    writing-mode: vertical-rl;
    font-family: var(--font-serif-v);
    line-height: 1.2;
    letter-spacing: 0.09em;
    margin: 0 auto 3.5rem auto;
  }
  .message-content02 {
    position: relative;
  }
  .message-content02:before {
    content: "";
    width: 12.5rem;
    height: 16.1rem;
    background: url("../images/message/picture01-sp.png") center center no-repeat;
    background-size: 100% auto;
    position: absolute;
    left: 0;
    top: 0;
  }
  .message-content02 .message-text01 {
    padding: 3.4rem 0 3.4rem 14.9rem;
  }
  .message-content02 .message-text02 {
    margin-top: 2.4rem;
  }
  .message-content03 {
    padding: 0 2.4rem 26.4rem 2.4rem;
    position: relative;
  }
  .message-content03:before {
    height: 20rem;
    content: "";
    background: url("../images/message/picture02-sp.jpg") center center no-repeat;
    background-size: 100% auto;
    position: absolute;
    right: 2.4rem;
    bottom: 4rem;
    left: 2.4rem;
    display: block;
  }
  .message-content03 .message-text01 {
    margin-bottom: 2.4rem;
  }
  .message-content04 {
    background: url("../images/message/bg02-sp.png") center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
    text-align: center;
    padding: 7.8rem 2.4rem 3.8rem 2.4rem;
  }
  .message-content04 .message-text01 {
    line-height: 1.1;
  }
  .message-content04 .message-text02 {
    line-height: 2;
    margin-top: 3.8rem;
  }
}
.message-prev,
.message-next {
  display: none;
}

@media (min-width: 768px) and (max-width: 1120px) {
  .message-prev,
  .message-next {
    width: 7.5rem;
    height: fit-content;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    z-index: 5;
    cursor: pointer;
  }
  .message-scroll01 .message-prev,
  .message-scroll01 .message-next {
    top: -30rem;
  }
  .message-prev img,
  .message-next img {
    width: 100%;
  }
  .message-prev {
    left: 2rem;
  }
  .message-next {
    right: 2rem;
  }
  .message-scroll {
    position: relative;
  }
  .message-scroll__in {
    width: 100%;
    overflow-x: hidden;
    position: relative;
  }
  .message-scroll__inin {
    min-width: 120rem;
    padding: 0 8rem;
    margin: 0 auto;
  }
}
/*==================================================

お知らせ

==================================================*/
/* title
--------------------------------------------------*/
.m-pageTitle.-news {
  height: auto;
}

.m-pageTitle.-news .m-pageTitle__content {
  height: auto;
  background: url("../images/news/main.jpg") center top no-repeat;
  background-size: 100% auto;
  aspect-ratio: 1283/713;
  filter: grayscale(100%);
  transition: filter 1.2s ease;
}

.m-pageTitle.-news .m-pageTitle__content.is-color {
  filter: grayscale(0%);
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .m-pageTitle.-news {
    background: url("../images/news/title-bg.png") center top no-repeat;
    background-size: cover;
    padding: 21.6rem 4rem 6rem 4rem;
  }
  .m-pageTitle.-news .m-pageTitle__title {
    top: 10rem;
  }
  .m-pageTitle.-news .m-pageTitle__content {
    max-width: 128.3rem;
    margin: 0 auto;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-pageTitle.-news {
    margin-bottom: 1.6rem;
  }
}
/* tab
--------------------------------------------------*/
.news-tab {
  display: flex;
}

.news-tab__itemIn {
  border: 1px #C2DB89 solid;
  line-height: 1;
  text-align: center;
  font-weight: 500;
  transition: all 0.3s ease;
  cursor: pointer;
  box-sizing: border-box;
  display: block;
}

.news-tab__itemIn.-current {
  background-color: #737373;
  border: 1px #000 solid;
  color: #fff;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .news-content {
    max-width: 128.3rem;
    margin: 0 auto;
    padding: 0 4rem;
    box-sizing: content-box;
  }
  .news-tab {
    gap: 0 1.3rem;
    margin-bottom: 4.8rem;
  }
  .news-tab__itemIn {
    min-width: 13.4rem;
    font-size: max(16px, 2rem);
    padding: 0.6rem 2rem;
  }
  .news-tab__itemIn:hover {
    background-color: #737373;
    border: 1px #000 solid;
    color: #fff;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .news-content {
    padding: 1.6rem 2.4rem 4rem 2.4rem;
  }
  .news-tab {
    gap: 0 0.4rem;
    margin-bottom: 1.6rem;
  }
  .news-tab__itemIn {
    font-size: max(16px, 1.6rem);
    padding: 0.4rem 0.8rem;
  }
}
/* pager
--------------------------------------------------*/
.m-pagenavi {
  display: flex;
  justify-content: center;
  align-items: center;
}

.m-pagenavi a,
.m-pagenavi span {
  background-color: #fff;
  border: 1px #000 solid;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: bold;
  position: relative;
}

.m-pagenavi .-current {
  background-color: #000;
  color: #fff;
}

.m-pagenavi .prev:before,
.m-pagenavi .top:before,
.m-pagenavi .top:after,
.m-pagenavi .next:before,
.m-pagenavi .last:before,
.m-pagenavi .last:after {
  content: "";
  position: absolute;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  top: 0;
  bottom: 0;
  margin: auto 0;
}

.m-pagenavi .prev:before,
.m-pagenavi .top:before,
.m-pagenavi .top:after {
  transform: rotate(-45deg);
}

.m-pagenavi .next:before,
.m-pagenavi .last:before,
.m-pagenavi .last:after {
  transform: rotate(135deg);
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .m-pagenavi {
    gap: 0 1rem;
    margin-bottom: 7rem;
  }
  .m-pagenavi a,
  .m-pagenavi span {
    width: 5.1rem;
    height: 5.1rem;
    font-size: max(16px, 2.1rem);
    transition: all 0.3s ease;
  }
  .m-pagenavi a:hover {
    background-color: #000;
    color: #fff;
  }
  .m-pagenavi .prev:before,
  .m-pagenavi .top:before,
  .m-pagenavi .top:after,
  .m-pagenavi .next:before,
  .m-pagenavi .last:before,
  .m-pagenavi .last:after {
    width: 1.6rem;
    height: 1.6rem;
    transition: all 0.3s ease;
  }
  .m-pagenavi a.prev:hover:before,
  .m-pagenavi a.top:hover:before,
  .m-pagenavi a.top:hover:after,
  .m-pagenavi a.next:hover:before,
  .m-pagenavi a.last:hover:before,
  .m-pagenavi a.last:hover:after {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
  }
  .m-pagenavi .prev:before {
    left: 2.1rem;
  }
  .m-pagenavi .top:before {
    left: 2.6rem;
  }
  .m-pagenavi .top:after {
    left: 1.6rem;
  }
  .m-pagenavi .next:before {
    right: 2.1rem;
  }
  .m-pagenavi .last:before {
    right: 2.6rem;
  }
  .m-pagenavi .last:after {
    right: 1.6rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-pagenavi {
    gap: 0 0.7rem;
    margin-bottom: 4rem;
  }
  .m-pagenavi a,
  .m-pagenavi span {
    width: 3.7rem;
    height: 3.7rem;
    font-size: max(16px, 1.6rem);
  }
  .m-pagenavi .prev:before,
  .m-pagenavi .top:before,
  .m-pagenavi .top:after,
  .m-pagenavi .next:before,
  .m-pagenavi .last:before,
  .m-pagenavi .last:after {
    width: 1.3rem;
    height: 1.3rem;
  }
  .m-pagenavi .prev:before {
    left: 1.5rem;
  }
  .m-pagenavi .top:before {
    left: 1.8rem;
  }
  .m-pagenavi .top:after {
    left: 1.1rem;
  }
  .m-pagenavi .next:before {
    right: 1.5rem;
  }
  .m-pagenavi .last:before {
    right: 1.8rem;
  }
  .m-pagenavi .last:after {
    right: 1.1rem;
  }
}
/* 詳細
--------------------------------------------------*/
.news-detail__body img {
  width: 100%;
}

.m-detailTitle {
  border-bottom: 1px #000 solid;
}

.m-timeCategory {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-weight: 500;
}

.m-timeCategory__category {
  background-color: #C2DB89;
  border: 1px #000 solid;
  line-height: 1;
  display: inline-block;
}

.m-detailTitle__title {
  font-family: var(--font-serif);
}

.m-title02 {
  font-weight: bold;
}

.m-title03 {
  font-weight: bold;
  border: 1px #000 solid;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .news-detail {
    background: url("../images/news/title-bg.png") left top no-repeat;
    background-size: 100% auto;
    padding: 21.6rem 4rem 24.4rem 4rem;
  }
  .news-detail__inner {
    max-width: 128.3rem;
    margin: 0 auto;
  }
  .news-detail__body {
    margin-bottom: 10rem;
  }
  .m-main {
    margin-bottom: 3rem;
  }
  .m-detailTitle {
    padding-bottom: 3rem;
    margin-bottom: 3rem;
  }
  .m-timeCategory {
    margin-bottom: 1rem;
    gap: 1rem 1.6rem;
    font-size: max(16px, 2rem);
  }
  .m-timeCategory__category {
    padding: 0.6rem 1.9rem;
  }
  .m-detailTitle__title {
    font-size: max(16px, 3rem);
    line-height: 1.8;
    letter-spacing: 0.1em;
  }
  .m-title02 {
    font-size: max(16px, 2.4rem);
    margin-bottom: 3rem;
  }
  .m-title03 {
    font-size: max(16px, 2rem);
    padding: 1.9rem 2rem;
    margin-bottom: 3rem;
  }
  .m-image {
    margin-bottom: 3rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .news-detail {
    padding: 0 2.4rem 2.4rem 2.4rem;
  }
  .news-detail__body {
    margin-bottom: 4rem;
  }
  .m-main {
    margin: 7.4rem -2.4rem 1.6rem -2.4rem;
  }
  .m-detailTitle {
    padding-bottom: 1.6rem;
    margin-bottom: 1.6rem;
  }
  .m-timeCategory {
    margin-bottom: 2rem;
    gap: 0.5rem 0.7rem;
    font-size: max(16px, 1.6rem);
  }
  .m-timeCategory__category {
    padding: 0.1rem 0.8rem;
  }
  .m-detailTitle__title {
    font-size: max(16px, 2.4rem);
    line-height: 1.4;
    letter-spacing: 0.09em;
  }
  .m-title02 {
    font-size: max(16px, 2rem);
    line-height: 1.3;
    margin-bottom: 1.6rem;
  }
  .m-title03 {
    font-size: max(16px, 1.6rem);
    line-height: 1.3;
    padding: 0.8rem;
    margin-bottom: 1.6rem;
  }
  .m-image {
    margin: 0 -2.4rem 1.6rem -2.4rem;
  }
}
/* ページャー
--------------------------------------------------*/
.m-nextprev a {
  display: block;
  font-weight: 500;
  text-align: center;
  border: 1px #000 solid;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .m-nextprev {
    width: 62.3rem;
    position: relative;
    margin: 7.8rem auto 0 auto;
  }
  .m-nextprev li {
    width: 20.1rem;
  }
  .m-nextprev a {
    font-size: max(16px, 2.1rem);
    padding: 0.9rem 2rem;
    transition: all 0.3s ease;
  }
  .m-nextprev a:hover {
    background-color: #000;
    color: #fff;
  }
  .m-nextprev__list {
    position: relative;
    margin: 0 auto;
  }
  .m-nextprev__prev,
  .m-nextprev__next {
    position: absolute;
    top: 0;
  }
  .m-nextprev__prev {
    left: 0;
  }
  .m-nextprev__next {
    right: 0;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-nextprev {
    width: 13.9rem;
    margin: 2.4rem auto 4rem auto;
  }
  .m-nextprev li {
    margin-bottom: 0.8rem;
  }
  .m-nextprev li:last-child {
    margin-bottom: 0;
  }
  .m-nextprev a {
    font-size: max(16px, 1.6rem);
    padding: 0.3rem 0.8rem;
  }
}
/*==================================================

お問い合わせ

==================================================*/
/* main
--------------------------------------------------*/
.m-pageTitle.-contact {
  height: auto;
}

.m-pageTitle.-contact .m-pageTitle__content {
  position: relative;
}

.m-pageTitle.-contact .m-pageTitle__content:before {
  content: "";
  background: url("../images/contact/main.jpg") center center no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0;
}

.m-pageTitle.-contact .m-pageTitle__text {
  height: fit-content;
  font-family: var(--font-serif);
  color: #fff;
  text-align: center;
  text-shadow: 0px 0px 1.4rem #000;
  position: absolute;
  inset: 0;
  margin: auto;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .m-pageTitle.-contact .m-pageTitle__content {
    height: min(70rem, 36.45833vw);
    margin-top: min(12rem, 6.25vw);
  }
  .m-pageTitle.-contact .m-pageTitle__text {
    font-size: clamp(30px, 2.08333vw, 4rem);
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-pageTitle.-contact .m-pageTitle__content {
    height: 14.6rem;
  }
  .m-pageTitle.-contact .m-pageTitle__text {
    font-size: max(16px, 2.4rem);
  }
}
/* 上部
--------------------------------------------------*/
.contact-text {
  font-weight: bold;
}

.contact-box {
  border: 2px #000 solid;
  text-align: center;
}

.contact-box__tel {
  font-weight: 500;
}

.contact-step img {
  width: 100%;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .contact-text {
    font-size: max(16px, 2.1rem);
    line-height: 2;
    margin-bottom: 5rem;
    text-align: center;
  }
  .contact-content {
    max-width: 120rem;
    margin: 0 auto;
    padding: 9rem 4rem 13rem 4rem;
    box-sizing: content-box;
  }
  .contact-box {
    width: fit-content;
    padding: 4rem 10rem 4.2rem 10rem;
    margin: 0 auto 11.1rem auto;
  }
  .contact-box__tel {
    font-size: max(16px, 3.2rem);
    margin-bottom: 4rem;
  }
  .contact-box__tel span {
    margin-right: 1.5rem;
  }
  .contact-box__text {
    font-size: max(16px, 1.6rem);
  }
  .contact-step {
    max-width: 110.6rem;
    margin: 0 auto 4.5rem auto;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .contact-text {
    font-size: max(16px, 1.6rem);
    line-height: 2;
    margin-bottom: 2.5rem;
  }
  .contact-content {
    padding: 4rem 2.4rem;
  }
  .contact-box {
    padding: 1.6rem 1rem;
    margin-bottom: 4rem;
  }
  .contact-box__tel {
    font-size: max(16px, 2.4rem);
    margin-bottom: 1.6rem;
  }
  .contact-box__tel span {
    margin-right: 0.8rem;
  }
  .contact-box__text {
    font-size: max(16px, 1.6rem);
  }
  .contact-step {
    margin-bottom: 4rem;
  }
}
/* フォーム
--------------------------------------------------*/
.m-form {
  font-family: var(--font-noto);
}

.m-form__row {
  border-bottom: 1px #9BAEC9 solid;
}

.m-form__row.-bordernone {
  border-bottom: none;
  padding-bottom: 0;
}

.m-form__title {
  font-weight: 500;
}

.m-form__title legend {
  float: left;
}

.m-form__title p {
  display: inline;
}

.m-form__must {
  background-color: #000;
  color: #fff;
  font-weight: 300;
}

.m-form input[type=email],
.m-form input[type=tel],
.m-form input[type=text],
textarea {
  width: 100%;
  border: 1px #000 solid;
  background-color: #F2F2F2;
  box-sizing: border-box;
}

.m-form__search {
  color: #fff;
  background-color: #000;
}

.m-form__text {
  color: #4C4C4C;
}

.m-form__list {
  margin-left: -1em;
}

.m-form__listItem .wpcf7-list-item label {
  position: relative;
}

.m-form__listItem:last-child {
  margin-bottom: 0;
}

.m-form__listItem input[type=radio] {
  width: 2.5rem;
  height: 2.5rem;
  border: 1px solid #000;
  border-radius: 50%;
  position: absolute;
  left: 0;
  cursor: pointer;
}

.m-form__listItem input[type=radio]:checked {
  border-color: #000;
}

.m-form__listItem input[type=radio]:checked::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  width: 1.3rem;
  height: 1.3rem;
  background-color: #000;
  border-radius: 50%;
}

.m-form__agree {
  font-family: var(--font-noto);
}

.m-form__agree input[type=checkbox] {
  width: 2.1rem;
  height: 2.1rem;
  border: 1px solid #000;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
}

.m-form__agree input[type=checkbox]:checked::before {
  content: "";
  position: absolute;
  top: 0.2rem;
  left: 0.65rem;
  width: 0.6rem;
  height: 1.1rem;
  border: solid #000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

label {
  cursor: pointer;
}

.m-form__buttons input,
.wpcf7cp-btns button {
  text-align: center;
  font-weight: bold;
  border: 1px #000 solid;
  cursor: pointer;
  display: inline-block;
  box-sizing: border-box;
  /* iOSはUAデフォルトの文字色が白系に解決されるため明示指定 */
  color: #000;
  -webkit-text-fill-color: #000;
}

.m-form__buttons input:disabled,
.wpcf7cp-btns button:disabled {
  color: rgba(0, 0, 0, 0.3);
  -webkit-text-fill-color: rgba(0, 0, 0, 0.3);
  cursor: default;
}

.m-form__buttons p {
  position: relative;
  display: inline-block;
}

.wpcf7cp-btns button {
  position: relative;
}

.m-form__buttons p:after,
.wpcf7cp-btns button:after {
  content: "";
  display: block;
  position: absolute;
}

button.wpcf7cp-cfm-edit-btn:after {
  content: none;
}

.m-form__buttons .wpcf7-spinner {
  position: absolute;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .m-form__row {
    padding: 4.7rem 1rem;
  }
  .m-form__rowItem {
    max-width: 90rem;
    margin: 0 auto;
    display: flex;
  }
  .m-form__title {
    width: 43%;
    font-size: max(16px, 2.1rem);
  }
  .m-form__must {
    padding: 0.2rem 1rem 0.3rem 1rem;
    border-radius: 0.5rem;
    margin-left: 3rem;
  }
  .m-form__input {
    width: 55.5%;
  }
  .m-form input[type=email],
  .m-form input[type=tel],
  .m-form input[type=text],
  textarea {
    border-radius: 1rem;
    padding: 2.2rem 2rem;
  }
  textarea {
    height: 20rem;
  }
  .m-form__zip input[type=text] {
    width: 20rem;
  }
  .m-form__zip p {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem 2rem;
    margin-right: -4rem;
  }
  .m-form__mark {
    font-size: max(16px, 2.4rem);
  }
  .m-form__search {
    font-size: max(16px, 2.1rem);
    border-radius: 1rem;
    padding: 0.8rem 1.9rem;
  }
  .m-form__text {
    font-size: max(16px, 1.6rem);
    margin-top: 1.7rem;
  }
  .m-form__listItem p {
    font-size: max(16px, 2.1rem);
    margin-bottom: 3.6rem;
  }
  .m-form__listItem label {
    padding-left: 4.5rem;
  }
  .m-form__agree input[type=checkbox] {
    top: -0.3rem;
    margin: 0 3rem 0 3rem;
  }
  div#wpcf7cpcnf {
    font-size: 2rem;
  }
  .m-form__agree {
    font-size: max(16px, 2.1rem);
  }
  .m-form__buttons {
    display: flex;
    justify-content: center;
  }
  .m-form__buttons input,
  .wpcf7cp-btns button {
    width: 34.8rem;
    padding: 3rem 1rem;
    font-size: max(16px, 2.4rem);
    transition: opacity 0.3s ease;
  }
  .m-form__buttons input:hover,
  .wpcf7cp-btns button:hover {
    opacity: 0.7;
  }
  .m-form__buttons p:after,
  .wpcf7cp-btns button:after {
    background: url("../images/contact/arrow.svg") center center no-repeat;
    background-size: 100% auto;
    width: 29.4rem;
    height: 2.6rem;
    bottom: 2rem;
    right: -9.75rem;
    transition: opacity 0.3s ease;
  }
  .m-form__buttons input:hover p:after,
  .wpcf7cp-btns button:hover:after {
    opacity: 0.7;
  }
  div.wpcf7cp-btns {
    justify-content: center;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-form__row {
    padding: 2.4rem 0;
  }
  .m-form__row.-spbordernone {
    padding-bottom: 0;
    border-bottom: none;
  }
  .m-form__title {
    font-size: max(16px, 2rem);
    margin-bottom: 0.8rem;
  }
  .m-form__must {
    font-size: max(16px, 1.6rem);
    padding: 0.2rem 0.4rem;
    border-radius: 0.5rem;
    margin-left: 0.8rem;
  }
  div#wpcf7cpcnf {
    font-size: 2rem;
  }
  .m-form input[type=email],
  .m-form input[type=tel],
  .m-form input[type=text],
  textarea {
    border-radius: 1rem;
    padding: 1.6rem 2rem;
  }
  textarea {
    height: 20rem;
  }
  .m-form__zip input[type=text] {
    width: 30.8rem;
  }
  .m-form__zip p {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.8rem 2rem;
  }
  .m-form__mark {
    font-size: max(16px, 2.4rem);
  }
  .m-form__search {
    font-size: max(16px, 1.6rem);
    border-radius: 1rem;
    padding: 0.8rem 1.9rem;
  }
  .m-form__text {
    font-size: max(16px, 1.6rem);
    margin-top: 0.8rem;
  }
  .m-form__listItem p {
    font-size: max(16px, 2rem);
    margin-bottom: 0.6rem;
  }
  .m-form__listItem label {
    padding-left: 4.5rem;
  }
  .m-form__agree {
    font-size: max(16px, 2.1rem);
    padding-left: 5rem;
    position: relative;
  }
  .m-form__agreeItem {
    margin-top: 0.8rem;
    display: block;
  }
  .m-form__agree .m-form__must {
    margin-left: -5rem;
  }
  .m-form__agree input[type=checkbox] {
    position: absolute;
    top: 1.3rem;
    left: -5rem;
  }
  .m-form__buttons {
    text-align: center;
  }
  .m-form__buttons input,
  .wpcf7cp-btns button {
    width: 13.8rem;
    padding: 0.6rem 1rem;
    font-size: max(16px, 1.6rem);
  }
  .m-form__buttons p:after,
  .wpcf7cp-btns button:after {
    background: url("../images/contact/arrow-sp.svg") center center no-repeat;
    background-size: 100% auto;
    width: 9.5rem;
    height: 1rem;
    bottom: 0.6rem;
    right: -2.9rem;
  }
  div.wpcf7cp-btns {
    gap: 1em !important;
    justify-content: center;
  }
  .wpcf7-acceptance {
    position: absolute;
  }
}
/* プライバシー
--------------------------------------------------*/
.m-form__privacy {
  background-color: #DDD;
  box-sizing: border-box;
  font-family: var(--font-noto);
}

.m-form__privacyInner {
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #F2F2F2 transparent;
}

.m-form__privacyTitle {
  text-align: center;
}

.m-form__privacyInner::-webkit-scrollbar {
  width: 8px;
}

.m-form__privacyInner::-webkit-scrollbar-track {
  background: transparent;
}

.m-form__privacyInner::-webkit-scrollbar-thumb {
  background: #F2F2F2;
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: content-box;
}

.m-form__agree {
  font-weight: 500;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .m-form__privacy {
    max-width: 80rem;
    margin: 5rem auto 0 auto;
    padding: 1.7rem 1.2rem;
  }
  .m-form__privacyInner {
    height: 38.5rem;
    padding: 3.3rem 3.5rem 3.3rem 3.8rem;
  }
  .m-form__privacyTitle {
    font-size: max(16px, 2.1rem);
    margin-bottom: 5rem;
  }
  .m-form__privacyText {
    font-size: max(16px, 1.6rem);
  }
  .m-form__agree {
    text-align: center;
    font-size: max(16px, 2.1rem);
    margin: 5.3rem 0;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-form__privacy {
    margin-bottom: 2.4rem;
    padding: 0.8rem 0.8rem 2.4rem 2.4rem;
  }
  .m-form__privacyInner {
    height: 29.8rem;
    padding: 1.6rem 1.6rem 1.6rem 0;
  }
  .m-form__privacyTitle {
    font-size: max(16px, 2rem);
    margin-bottom: 1.6rem;
  }
  .m-form__privacyText {
    font-size: max(16px, 1.6rem);
    line-height: 1.6;
  }
  .m-form__agree {
    font-size: max(16px, 2rem);
    line-height: 1.2;
    margin: 2.4rem 0;
  }
}
.custom-wpcf7cp-confirm + div table tr:last-child {
  display: none;
}

/* 確認画面: 入力フォームをレイアウトから外し、確認内容の高さに合わせる */
.wpcf7cp-form-hide {
  display: none !important;
}

div#wpcf7cpcnf {
  position: static !important;
}

/*==================================================

採用

==================================================*/
/* intro
--------------------------------------------------*/
.m-pageTitle.-recruit .m-pageTitle__text {
  font-family: var(--font-serif);
}

.m-pageTitle.-recruit .m-pageTitle__text.js-char-fade:not(.is-ready) {
  opacity: 0;
}

.m-pageTitle.-recruit .m-pageTitle__text .js-char {
  display: inline-block;
}

.recruit-intro {
  font-weight: 500;
}

.recruit-intro.js-line-fade:not(.is-ready) {
  opacity: 0;
}

.recruit-intro__line {
  display: block;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  body.page-id-22 {
    background: url("../images/recruit/bg.png") center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
  .m-pageTitle.-recruit .m-pageTitle__text {
    max-width: 128rem;
    height: fit-content;
    font-size: clamp(16px, 4.84375vw, 6.2rem);
    position: absolute;
    top: min(38rem, 29.6875vw);
    left: 0;
    right: 0;
    margin: 0 auto;
    padding: 0 4rem;
    box-sizing: content-box;
  }
  .m-pageTitle.-recruit .m-pageTitle__textIndent {
    margin-left: 6.2rem;
  }
  .recruit-intro {
    max-width: 128rem;
    margin: 0 auto 16.6rem auto;
    padding: 0 4rem;
    box-sizing: content-box;
    font-size: max(16px, 2rem);
    line-height: 4;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  body.page-id-22 {
    background: url("../images/recruit/bg-sp.png") center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
  }
  .m-pageTitle.-recruit .m-pageTitle__text {
    font-size: max(16px, 2.4rem);
    margin: 7.5rem 0 3.2rem 0;
    text-align: center;
  }
  .m-pageTitle.-recruit .m-pageTitle__textIndent {
    margin-left: 1.3rem;
  }
  .recruit-intro {
    margin: 0 2.4rem 3.8rem 2.4rem;
    font-size: max(16px, 1.6rem);
    line-height: 2.4;
  }
}
/* バナー1
--------------------------------------------------*/
.recruit-banner01__item {
  background: url("../images/recruit/banner-bg.jpg") left top no-repeat;
  background-size: cover;
  position: relative;
  display: block;
  border: 2px #000 solid;
  box-sizing: border-box;
}

.recruit-banner01__image {
  position: absolute;
  bottom: 0;
  right: 0;
}

.recruit-banner01__text01,
.recruit-banner01__text02 {
  font-family: var(--font-serif);
  position: relative;
  z-index: 3;
}

.recruit-banner01__text01 {
  display: block;
}

.recruit-banner01__text02 {
  border-bottom: 1px #000 solid;
}

.m-link__arrow {
  background: url("../images/shared/icon.svg") center center no-repeat;
  background-size: 100% auto;
  display: inline-block;
  position: relative;
}

.m-link__arrow:before {
  content: "";
  background: url("../images/shared/arrow-white.svg") center center no-repeat;
  background-size: 100% auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
}

.-white .m-link__arrow {
  background: url("../images/shared/icon-white.svg") center center no-repeat;
  background-size: 100% auto;
  display: inline-block;
  position: relative;
}

.-white .m-link__arrow:before {
  content: "";
  background: url("../images/shared/arrow.svg") center center no-repeat;
  background-size: 100% auto;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .recruit-banner01 {
    max-width: 128rem;
    margin: 0 auto 16rem auto;
    padding: 0 4rem;
    box-sizing: content-box;
  }
  .recruit-banner01__item {
    height: min(78.6rem, 57.79411vw);
    margin-right: calc(50% - 50vw);
    border: 2px #000 solid;
    border-right: none;
    padding: min(4.4rem, 3.23529vw) 0 min(4.4rem, 3.23529vw) min(3.6rem, 86.25vw);
  }
  .recruit-banner01__image {
    width: min(117.3rem, 86.25vw);
  }
  .recruit-banner01__text01 {
    font-size: clamp(16px, 4.55825vw, 6.2rem);
    line-height: 1.48;
    margin-bottom: min(1.8rem, 1.32352vw);
  }
  .recruit-banner01__text02 {
    font-size: clamp(16px, 1.47058vw, 2rem);
    line-height: 1.8;
    letter-spacing: 0.1em;
    padding: 0 min(0.5rem, 0.36764vw) min(0.2rem, 0.14705vw) 0;
  }
  .m-link__arrow {
    width: clamp(1.5rem, 1.17647vw, 1.6rem);
    height: clamp(1.5rem, 1.17647vw, 1.6rem);
    margin-left: min(1.6rem, 1.17647vw);
    top: min(0.1rem, 0.07352vw);
    transition: transform 0.3s ease;
  }
  .m-link__arrow:before,
  .-white .m-link__arrow:before,
  .interview-navi__itemIn .m-link__arrow:before {
    background-size: 100% auto;
    width: 33%;
    transition: all 0.2s ease;
    opacity: 0;
    top: 0;
    left: 8%;
    right: 0;
    bottom: 0;
    margin: auto auto;
  }
  .recruit-banner01__item:hover .m-link__arrow,
  .recruit-banner02__item:hover .m-link__arrow,
  .m-link__item:hover .m-link__arrow,
  .recruit-content__slideItemIn:hover .m-link__arrow,
  .job-button__item:hover .m-link__arrow,
  .interview-navi__itemIn:hover .m-link__arrow {
    transform: scale(1.7);
    transform-origin: center center;
  }
  .recruit-banner01__item:hover .m-link__arrow:before,
  .recruit-banner02__item:hover .m-link__arrow:before,
  .m-link__item:hover .m-link__arrow:before,
  .recruit-content__slideItemIn:hover .m-link__arrow:before,
  .job-button__item:hover .m-link__arrow:before,
  .interview-navi__itemIn:hover .m-link__arrow:before {
    opacity: 1;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .recruit-banner01 {
    margin: 8rem -2rem 0 2.4rem;
  }
  .recruit-banner01__item {
    border: 1px #000 solid;
    border-right: none;
    padding: 0.85rem 0 1.1rem 1.4rem;
  }
  .recruit-banner01__image {
    width: 24rem;
    overflow: hidden;
  }
  .recruit-banner01__text01 {
    font-size: 2.4rem;
    line-height: 1.35;
    margin-bottom: 0.8rem;
  }
  .recruit-banner01__text02 {
    font-size: 1.6rem;
    padding: 0 0.2rem 0.2rem 0;
  }
  .m-link__arrow {
    width: 1.2rem;
    height: 1.2rem;
    margin-left: 0.8rem;
    top: -0.05rem;
  }
  .m-link__arrow:before {
    width: 0.42rem;
    height: 100%;
    background-size: 100% auto;
    top: 0;
    bottom: 0;
    left: 0.05em;
    right: 0;
    margin: auto auto;
  }
}
/* 内容
--------------------------------------------------*/
.recruit-content {
  overflow-x: hidden;
}

.recruit-content__text {
  font-family: var(--font-serif);
}

.m-link__item {
  font-family: var(--font-serif);
  border-bottom: 1px #000 solid;
}

.recruit-content__slideItem {
  border: 1px #000 solid;
  position: relative;
}

.recruit-content__texts {
  width: fit-content;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-family: var(--font-serif);
  text-align: center;
}

.recruit-content__text02 {
  line-height: 1;
}

.recruit-content__text03 {
  width: fit-content;
  border-bottom: 1px #000 solid;
  margin: 0 auto;
}

.recruit-content__controls .slick-prev {
  background-image: url("../images/shared/prev.svg");
}

.recruit-content__controls .slick-next {
  background-image: url("../images/shared/next.svg");
}

.recruit-content__controls .slick-arrow {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
  text-indent: -9999px;
  cursor: pointer;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .recruit-content {
    margin-bottom: 10rem;
  }
  .recruit-content__inner {
    max-width: 128rem;
    margin: 0 auto;
    padding: 0 4rem;
    box-sizing: content-box;
  }
  .recruit-content__text {
    font-size: max(16px, 9.2rem);
    line-height: 1.478;
    margin-bottom: 2.6rem;
  }
  .m-link__item {
    font-size: max(16px, 2rem);
    line-height: 1.8;
    letter-spacing: 0.1em;
    padding: 0 0.5rem 0.2rem 0;
  }
  .recruit-content__slide {
    margin: 0 calc(50% - 50vw);
  }
  .recruit-content__slideItem {
    width: 71.9rem !important;
    margin-right: 3rem;
  }
  .recruit-content__texts {
    bottom: 4.5rem;
  }
  .recruit-content__text01 {
    font-size: max(16px, 2.4rem);
    margin-bottom: 1rem;
  }
  .recruit-content__text02 {
    font-size: max(16px, 9.2rem);
    margin-bottom: 4.2rem;
  }
  .recruit-content__text03 {
    font-size: max(16px, 2rem);
    letter-spacing: 0.1em;
    line-height: 1.8;
    padding: 0 0.5rem 0 0;
  }
  .recruit-content__slide .slick-track {
    margin-left: calc(50% - 72rem);
  }
  .recruit-content__controls {
    width: fit-content;
    margin: 0 0 6.2rem auto;
  }
  .recruit-content__controls .slick-arrow {
    width: 6.3rem;
    height: 6.3rem;
  }
}
@media (min-width: 768px) and (max-width: 1518px) {
  .recruit-content__slide .slick-track {
    margin-left: 4rem;
  }
  .recruit-content__slideItem {
    width: 50rem !important;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .recruit-content {
    padding: 4rem 2.4rem;
  }
  .recruit-content__text {
    font-size: max(16px, 2.4rem);
    line-height: 1.458;
    margin-bottom: 0.7rem;
  }
  .m-link__item {
    font-size: max(16px, 1.6rem);
    line-height: 1.8;
    padding: 0 0.2rem 0 0;
    display: inline-block;
  }
  .recruit-content__slide {
    margin: 0 calc(50% - 50vw);
  }
  .recruit-content__slideItem {
    width: 15rem !important;
    margin-right: 0.6rem;
  }
  .recruit-content__texts {
    bottom: 1rem;
  }
  .recruit-content__text01 {
    font-size: max(16px, 1.6rem);
  }
  .recruit-content__text02 {
    font-size: max(16px, 2.4rem);
  }
  .recruit-content__text03 {
    font-size: max(16px, 1.6rem);
    line-height: 1.8;
    padding: 0 0.2rem 0 0;
  }
  .recruit-content__slide .slick-track {
    margin-left: 2.4rem;
  }
  .recruit-content__controls {
    width: fit-content;
    margin: 0.7rem 0 0.7rem auto;
  }
  .recruit-content__controls .slick-arrow {
    width: 2.5rem;
    height: 2.5rem;
    margin-left: 0.7rem;
  }
}
/* バナー2
--------------------------------------------------*/
.recruit-banner02__item {
  position: relative;
  display: block;
  font-family: var(--font-serif);
  height: 100%;
}

.recruit-banner02__texts {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  color: #fff;
  text-align: center;
}

.recruit-banner02__text01 {
  -webkit-text-stroke: 1px #000;
  paint-order: stroke fill;
  text-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
}

.recruit-banner02__text02 {
  width: fit-content;
  margin: 0 auto;
  border-bottom: 1px #fff solid;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .recruit-banner02 {
    padding: 0 4rem;
    margin-bottom: 25.2rem;
  }
  .recruit-banner02__inner {
    max-width: 144rem;
    margin: 0 auto;
    background: url("../images/recruit/banner.png") center top no-repeat;
    background-size: 100% auto;
    aspect-ratio: 360/189;
  }
  .recruit-banner02__texts {
    top: min(38.5rem, 25.32894vw);
  }
  .recruit-banner02__text01 {
    font-size: max(16px, min(6rem, 3.9473vw));
    line-height: 1.2;
    margin-bottom: min(3.4rem, 2.23684vw);
  }
  .recruit-banner02__text02 {
    font-size: max(16px, min(2rem, 1.31578vw));
    letter-spacing: 0.1em;
    line-height: 1.8;
    padding: 0 min(0.5rem, 0.32894vw) 0 0;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .recruit-banner02 {
    margin: 0 2.4rem 4rem 2.4rem;
  }
  .recruit-banner02__inner {
    background: url("../images/recruit/banner-sp.png") center top no-repeat;
    background-size: 100% auto;
    aspect-ratio: 352/186;
  }
  .recruit-banner02__texts {
    top: 6.3rem;
  }
  .recruit-banner02__text01 {
    font-size: max(16px, 2.4rem);
    line-height: 1.2;
    margin-bottom: 1rem;
  }
  .recruit-banner02__text02 {
    font-size: max(16px, 1.6rem);
    line-height: 1.8;
    padding: 0 0.2rem 0 0;
    display: inline-block;
    -webkit-text-stroke: 1px #000;
    paint-order: stroke fill;
  }
}
/*==================================================

働く環境

==================================================*/
/* title
--------------------------------------------------*/
.m-pageTitle.-environment .m-pageTitle__content {
  background: url("../images/recruit/environment/main.jpg") center center no-repeat;
  background-size: cover;
  position: relative;
}

.m-pageTitle.-environment .m-pageTitle__text {
  height: fit-content;
  writing-mode: vertical-rl;
  font-family: var(--font-serif-v);
  font-size: min(6.2rem, 3.22916vw);
  line-height: 1.3;
  letter-spacing: -0.01em;
  position: absolute;
  top: min(-23rem, 11.97916vw);
  bottom: 0;
  margin: auto 0;
  left: calc(50% - 64rem);
}

/* PC */
@media (min-width: 768px) and (max-width: 1370px) {
  .m-pageTitle.-environment .m-pageTitle__text {
    top: -10rem;
    left: 4rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-pageTitle.-environment .m-pageTitle__content {
    height: 22.5rem;
  }
  .m-pageTitle.-environment .m-pageTitle__text {
    font-size: max(16px, 1.6rem);
    line-height: 1.3;
    letter-spacing: 0.09em;
    top: -2rem;
    left: 6.7rem;
  }
}
/* 数字で見る
--------------------------------------------------*/
.environment-number__items {
  display: flex;
  flex-wrap: wrap;
}

.environment-number__item {
  background-color: #fff;
  display: flex;
}

.environment-number__text01 {
  background-color: #000;
  color: #fff;
  writing-mode: vertical-rl;
  font-weight: 900;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
}

.environment-number__text02 {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  color: #C2DB89;
}

.environment-number__item {
  text-align: center;
}

.environment-number__number {
  font-family: var(--font-en);
  line-height: 1;
}

/* スロット風カウントアップ（JSが桁ごとに生成） */
.environment-number__number .num-roll {
  display: inline-block;
  height: 1em;
  overflow: hidden;
  vertical-align: top;
}

.environment-number__number .num-roll__strip {
  display: block;
  will-change: transform;
}

.environment-number__number .num-roll__digit {
  display: block;
  height: 1em;
  line-height: 1;
  text-align: center;
}

.environment-number__unit {
  line-height: 1;
  font-weight: 900;
}

.environment-number__colon {
  font-weight: 900;
}

.environment-number__text {
  line-height: 1;
  font-weight: 900;
  display: block;
}

.environment-number__item.-paid .environment-number__text {
  width: 100%;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .environment-number {
    background: url("../images/recruit/environment/number-picture.jpg") right top no-repeat;
    background-size: 133.6rem auto;
    padding: 20rem 4rem 10rem 4rem;
  }
  .environment-number__inner {
    max-width: 128rem;
    margin: 0 auto;
  }
  .environment-number__items {
    gap: 2.6rem 2.6rem;
    margin-top: 5.7rem;
  }
  .environment-number__item {
    width: calc(33.3333333333% - 1.73334rem);
    aspect-ratio: 400/247;
    border: 2px #000 solid;
  }
  .environment-number__text01 {
    width: min(4.9rem, 3.60294vw);
    font-size: max(16px, min(2.4rem, 1.7647vw));
    letter-spacing: 0.18em;
  }
  .environment-number__text02 {
    gap: 0 min(0.7rem, 0.514705vw);
    padding-bottom: min(2rem, 1.147058vw);
  }
  .environment-number__number {
    font-size: max(16px, min(17rem, 11.7vw));
    letter-spacing: -0.01em;
  }
  .environment-number__unit {
    font-size: max(16px, min(5rem, 3.67647vw));
    letter-spacing: 0.1em;
    margin-top: min(9rem, 6.61764vw);
  }
  .environment-number__colon {
    font-size: max(16px, min(5rem, 3.67647vw));
    margin-top: min(6.5rem, 4.77941vw);
  }
  .environment-number__text {
    font-size: max(16px, min(2.4rem, 1.7647vw));
    line-height: 1;
    letter-spacing: 0.1em;
    margin-top: min(1rem, 0.73529vw);
  }
  .environment-number__item.-paid .environment-number__text {
    margin-top: min(-1.7rem, -1.3vw);
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .environment-number {
    background: url("../images/recruit/environment/number-picture-sp.jpg") right top no-repeat;
    background-size: 25.9rem auto;
    padding: 4rem 2.4rem;
  }
  .environment-number__items {
    gap: 0.8rem;
    justify-content: center;
  }
  .environment-number__item {
    width: calc(50% - 0.4rem);
    aspect-ratio: 86/53;
    border: 1px #000 solid;
  }
  .environment-number__text01 {
    width: 2.2rem;
    font-size: max(12px, 1.2rem);
  }
  .environment-number__text02 {
    gap: 0 0.3rem;
    padding-bottom: 1rem;
  }
  .environment-number__number {
    font-size: max(16px, 7.3rem);
    letter-spacing: -0.01em;
  }
  .environment-number__unit {
    font-size: max(16px, 2rem);
    letter-spacing: 0.1em;
    margin-top: 4.2rem;
  }
  .environment-number__colon {
    font-size: max(16px, 2.2rem);
    margin-top: 2.4rem;
  }
  .environment-number__text {
    font-size: max(12px, 1.2rem);
    margin-top: 0.5rem;
  }
  .environment-number__item.-paid .environment-number__text {
    margin-top: -0.5rem;
  }
}
/* 福利厚生
--------------------------------------------------*/
.environment-benefit__title {
  background-color: #fff;
  border: 1px #000 solid;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.1em;
}

.environment-benefit__list:last-child {
  margin-bottom: 0;
}

.environment-benefit__listItem {
  background: rgba(255, 255, 255, 0.5);
  box-shadow: 0px 0px 23px rgba(0, 0, 0, 0.1);
  text-align: center;
}

.environment-benefit__listTitle {
  background-color: #9ED9E0;
  font-weight: 900;
  line-height: 1.2;
  letter-spacing: 0.1em;
  display: block;
}

.environment-benefit__listText {
  font-weight: 500;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .environment-benefit {
    background: url("../images/recruit/environment/benefit-bg.png") center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 10rem 4rem;
  }
  .environment-benefit__inner {
    max-width: 144rem;
    margin: 0 auto;
  }
  .environment-benefit__row {
    margin-bottom: 5rem;
  }
  .environment-benefit__title {
    width: fit-content;
    font-size: max(16px, 2.4rem);
    padding: 1.8rem 7.8rem;
    margin-bottom: 3rem;
  }
  .environment-benefit__heading {
    max-width: 128rem;
    margin: 0 auto;
  }
  .environment-benefit__list {
    max-width: 128rem;
    margin: 0 auto 2rem auto;
    display: flex;
    gap: 0 2rem;
  }
  .environment-benefit__listItem {
    width: calc(50% - 1rem);
  }
  .environment-benefit__list.-col4 .environment-benefit__listItem {
    width: calc(25% - 1.5rem);
  }
  .environment-benefit__list.-col4-2 .environment-benefit__listItem {
    width: 22.5%;
  }
  .environment-benefit__list.-col4-2 .environment-benefit__listItem:nth-child(2) {
    width: 29.48%;
  }
  .environment-benefit__list.-col3 .environment-benefit__listItem {
    width: calc(33.3333333333% - 1.3334rem);
  }
  .environment-benefit__listTitle {
    font-size: max(16px, 2.4rem);
    padding: 1rem;
  }
  .environment-benefit__listText {
    min-height: 10.9rem;
    font-size: max(16px, 2rem);
    font-weight: 500;
  }
  .environment-benefit__listText span {
    font-size: max(16px, 1.6rem);
  }
}
@media (min-width: 768px) and (max-width: 940px) {
  .environment-benefit__listTitle {
    font-size: max(16px, 2.1rem);
  }
  .environment-benefit__listText {
    font-size: max(16px, 1.7rem);
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .environment-benefit {
    background: url("../images/recruit/environment/benefit-bg-sp.png") center top no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 4rem 2.4rem;
  }
  .environment-benefit__row {
    margin-bottom: 4rem;
  }
  .environment-benefit__image {
    margin-top: -2.4rem;
  }
  .environment-benefit__title {
    text-align: center;
    font-size: max(16px, 2rem);
    padding: 0.8rem 1rem;
    margin-bottom: 2.4rem;
  }
  .environment-benefit__listItem {
    margin-bottom: 1.4rem;
  }
  .environment-benefit__listTitle {
    font-size: max(16px, 2rem);
    padding: 0.8rem 1rem;
  }
  .environment-benefit__listText {
    font-size: max(16px, 1.6rem);
    padding: 0.9rem 1rem 1rem 1rem;
    display: block;
  }
}
/*==================================================

スタッフインタビュー

==================================================*/
/* title
--------------------------------------------------*/
.m-pageTitle.-interview .m-pageTitle__content {
  background: url("../images/recruit/interview/main.jpg") center center no-repeat;
  background-size: cover;
  position: relative;
}

.m-pageTitle.-interview .m-pageTitle__text {
  font-family: var(--font-serif);
  position: absolute;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .m-pageTitle.-interview .m-pageTitle__text {
    height: fit-content;
    font-size: max(16px, 6.2rem);
    line-height: 1.483;
    top: -10rem;
    bottom: 0;
    margin: auto 0;
    left: calc(50% - 64rem);
  }
}
@media (min-width: 768px) and (max-width: 1370px) {
  .m-pageTitle.-interview .m-pageTitle__text {
    left: 4rem;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-pageTitle.-interview .m-pageTitle__content {
    height: 22.5rem;
  }
  .m-pageTitle.-interview .m-pageTitle__text {
    font-size: max(16px, 2.4rem);
    line-height: 1.483;
    top: 8.7rem;
    left: 5.1rem;
    -webkit-text-stroke: 2px #fff;
    paint-order: stroke fill;
  }
}
/* ページナビ
--------------------------------------------------*/
.interview-content {
  overflow-x: hidden;
}

.interview-navi {
  display: flex;
  flex-wrap: wrap;
}

.interview-navi__item {
  box-sizing: border-box;
}

.interview-navi__itemIn {
  display: block;
  position: relative;
  font-family: var(--font-serif);
}

.interview-navi__text01 {
  position: absolute;
  top: 0;
  writing-mode: vertical-rl;
  font-family: var(--font-serif-v);
  z-index: 3;
}

.interview-navi__text01 span {
  background-color: #fff;
  border: 1px #000 solid;
  border-top: none;
}

.interview-navi__text01 span.num {
  height: 1.2em;
  text-align: center;
  background-color: transparent;
  border: none;
  padding: 0;
  display: inline-block;
  transform: rotate(-90deg);
  transform-origin: center;
}

.interview-navi__text02 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  border-top: 1px #000 solid;
  text-align: center;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
}

.interview-navi__item.-ishigami .interview-navi__itemIn:before {
  background-image: url("../images/recruit/interview/nav-picture01.jpg");
}

.interview-navi__item.-ishigami .interview-navi__itemIn:after {
  background-image: url("../images/recruit/interview/nav-picture01-hover.jpg");
}

.interview-navi__item.-taguchi .interview-navi__itemIn:before {
  background-image: url("../images/recruit/interview/nav-picture02.jpg");
}

.interview-navi__item.-taguchi .interview-navi__itemIn:after {
  background-image: url("../images/recruit/interview/nav-picture02-hover.jpg");
}

.interview-navi__item.-ishihara .interview-navi__itemIn:before {
  background-image: url("../images/recruit/interview/nav-picture03.jpg");
}

.interview-navi__item.-ishihara .interview-navi__itemIn:after {
  background-image: url("../images/recruit/interview/nav-picture03-hover.jpg");
}

.interview-navi__item.-maeda .interview-navi__itemIn:before {
  background-image: url("../images/recruit/interview/nav-picture04.jpg");
}

.interview-navi__item.-maeda .interview-navi__itemIn:after {
  background-image: url("../images/recruit/interview/nav-picture04-hover.jpg");
}

.interview-navi__itemIn:before,
.interview-navi__itemIn:after {
  content: "";
  display: block;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .interview-content__inner {
    max-width: 136rem;
    padding: 0 4rem;
    margin: 0 auto;
    box-sizing: content-box;
  }
  .interview-navi {
    flex-wrap: nowrap;
    border-top: 1px #000 solid;
    border-left: 1px #000 solid;
    margin: 8rem 0 10rem 0;
  }
  .interview-navi__item {
    flex: 1 1 0;
    min-width: 0;
    border-right: 1px #000 solid;
    border-bottom: 1px #000 solid;
    transition: flex 0.3s ease;
  }
  .interview-navi__itemIn {
    min-height: 38.2rem;
  }
  .interview-navi__text01 {
    right: 1.8rem;
    font-size: max(16px, 2.4rem);
    line-height: 2.1;
    letter-spacing: 0.09em;
    z-index: 3;
  }
  .interview-navi__text01 span {
    padding: 0.5rem 0.4rem 0.8rem 0.4rem;
  }
  .interview-navi__text01 span.num {
    letter-spacing: -0.03em;
    margin-top: -0.2rem;
  }
  .interview-navi__text02 {
    min-height: 5rem;
    font-size: max(16px, 1.6rem);
    line-height: 1.1;
    transition: font-size 0.3s ease;
    padding: 1rem 1rem;
    box-sizing: border-box;
  }
  .interview-navi__itemIn:before,
  .interview-navi__itemIn:after {
    transition: all 0.3s ease;
  }
  .interview-navi__itemIn:after {
    opacity: 0;
  }
  .interview-navi__itemIn:hover:after {
    opacity: 1;
  }
  .interview-navi__item:hover {
    flex-grow: 1.47;
  }
  .interview-navi__itemIn:hover .interview-navi__text02 {
    font-size: max(16px, 2.4rem);
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .interview-content__inner {
    margin: 2.4rem 2.4rem 5.6rem 2.4rem;
  }
  .interview-navi {
    gap: 0.8rem;
    margin-bottom: 3rem;
  }
  .interview-navi__item {
    width: calc(50% - 0.4rem);
    border: 1px #000 solid;
  }
  .interview-navi__itemIn {
    min-height: 14.7rem;
  }
  .interview-navi__text01 {
    right: 0.5rem;
    font-size: max(16px, 1.6rem);
    line-height: 1.1;
    letter-spacing: -0.11em;
    z-index: 3;
  }
  .interview-navi__text01 span {
    padding: 0 0.1rem 0.8rem 0.1rem;
    display: inline-block;
    margin-left: 0.4rem;
  }
  .interview-navi__text01 span.num {
    letter-spacing: -0.03em;
    line-height: 1.1;
    margin-left: 0;
  }
  .interview-navi__text02 {
    height: 2.2rem;
    font-size: max(16px, 1.6rem);
  }
}
/* 内容
--------------------------------------------------*/
.interview-sections {
  overflow-x: hidden;
}

.interview-section:nth-child(odd) {
  background-color: #F5F5F5;
}

.interview-section__name01,
.interview-section__name02 {
  width: fit-content;
  background-color: #fff;
  border: 1px #000 solid;
}

.interview-section__name01 {
  font-weight: 500;
}

.interview-section__name02 {
  font-weight: bold;
}

.interview-section__imageItem {
  border: 1px #000 solid;
}

.interview-section__imageItem img {
  width: 100%;
}

.interview-section__row {
  border: 1px #000 solid;
}

.interview-section__row:last-child {
  margin-bottom: 0;
}

.interview-section__q {
  border-bottom: 1px #000 solid;
  font-weight: bold;
  display: flex;
}

.interview-section__a {
  font-weight: 500;
}

.interview-section__a .js-ribbon.black {
  position: relative;
  z-index: 0;
  display: inline-block;
  color: #fff;
  font-weight: 500;
}
.interview-section__a .js-ribbon.black:before {
  content: "";
  background-color: #000;
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.7s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 1.2s ease;
}
.interview-section__a .js-ribbon.black .js-ribbon__text {
  opacity: 0;
  transition: opacity 0.45s ease 0.3s;
}
.interview-section__a .js-ribbon.black.is-show:before {
  opacity: 1;
  transform: scaleX(1);
}
.interview-section__a .js-ribbon.black.is-show .js-ribbon__text {
  opacity: 1;
}

.interview-section__a .js-ribbon.blue {
  position: relative;
  z-index: 0;
  display: inline-block;
  color: #000;
  font-weight: bold;
}
.interview-section__a .js-ribbon.blue:before {
  content: "";
  background-color: #9ED9E0;
  position: absolute;
  z-index: -1;
  inset: 0;
  opacity: 0;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.7s cubic-bezier(0.25, 0.1, 0.25, 1), opacity 1.2s ease;
}
.interview-section__a .js-ribbon.blue .js-ribbon__text {
  opacity: 0;
  transition: opacity 0.45s ease 0.3s;
}
.interview-section__a .js-ribbon.blue.is-show:before {
  opacity: 1;
  transform: scaleX(1);
}
.interview-section__a .js-ribbon.blue.is-show .js-ribbon__text {
  opacity: 1;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .interview-section:nth-child(odd) {
    margin: 0 calc(50% - 50vw);
  }
  .interview-section:nth-child(odd) .interview-section__inner {
    max-width: 136rem;
    margin: 0 auto;
    padding: 10rem 4rem;
    box-sizing: content-box;
  }
  .interview-section__inner {
    padding: 10rem 0;
    display: flex;
    justify-content: space-between;
  }
  .interview-section__left {
    width: 46.9%;
  }
  .interview-section__right {
    width: 50.45%;
  }
  .interview-section__name {
    margin-bottom: 2.3rem;
  }
  .interview-section__name01 {
    font-size: max(16px, 1.8rem);
    padding: 1rem 2rem;
    margin-bottom: 1rem;
  }
  .interview-section__name02 {
    font-size: max(16px, 2.4rem);
    padding: 1rem 2rem;
  }
  .interview-section__imageItem {
    margin-bottom: 1.7rem;
  }
  .interview-section__row {
    margin-bottom: 3rem;
  }
  .interview-section__q {
    padding: 1rem 2rem;
    font-size: max(16px, 2.4rem);
    gap: 0 0.6rem;
  }
  .interview-section__a {
    padding: 2rem;
    font-size: max(16px, 2rem);
  }
  .interview-section__a .js-ribbon.black {
    padding: 0.5rem 1rem;
    margin: 1rem 0;
  }
  .interview-section__a .js-ribbon.blue {
    padding: 0.5rem 1rem;
    margin: 1rem 0;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .interview-section:nth-child(odd) {
    margin: 0 -2.4rem;
  }
  .interview-section:nth-child(odd) .interview-section__inner {
    margin: 0 2.4rem;
  }
  .interview-section {
    padding: 2.4rem 0;
  }
  .interview-section__left {
    margin-bottom: 0.8rem;
  }
  .interview-section__name {
    margin-bottom: 0.8rem;
  }
  .interview-section__name01 {
    font-size: max(16px, 1.6rem);
    padding: 0.2rem 0.5rem;
    margin-bottom: 0.8rem;
  }
  .interview-section__name02 {
    font-size: max(16px, 2rem);
    padding: 0.2rem 0.5rem;
  }
  .interview-section__image {
    margin-bottom: 0.8rem;
    display: flex;
    justify-content: space-between;
    gap: 0.4rem;
  }
  .interview-section__imageItem {
    width: calc(50% - 0.2rem);
  }
  .interview-section__row {
    margin-bottom: 0.8rem;
  }
  .interview-section__q {
    padding: 0.4rem 0.8rem;
    font-size: max(16px, 1.6rem);
    gap: 0 0.4rem;
  }
  .interview-section__a {
    padding: 0.4rem 0.8rem 0.6rem 0.8rem;
    font-size: max(16px, 1.6rem);
  }
  .interview-section__a .js-ribbon.black {
    padding: 0.2rem 0.1rem;
    margin: 0.3rem 0;
  }
  .interview-section__a .js-ribbon.blue {
    padding: 0.2rem 0.1rem;
    margin: 0.3rem 0;
  }
}
/*==================================================

募集要項

==================================================*/
/* title
--------------------------------------------------*/
.m-pageTitle.-jobdetails .m-pageTitle__content {
  position: relative;
}

.m-pageTitle.-jobdetails .m-pageTitle__content:before,
.m-pageTitle.-jobdetails .m-pageTitle__content:after {
  content: "";
  inset: 0;
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  transition: opacity 1.2s ease;
  display: block;
}

.m-pageTitle.-jobdetails .m-pageTitle__content:after {
  opacity: 0;
}

.m-pageTitle.-jobdetails .m-pageTitle__content.is-color:after {
  opacity: 1;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .m-pageTitle.-jobdetails {
    height: min(70rem, 36.45833vw);
  }
  .m-pageTitle.-jobdetails .m-pageTitle__content {
    height: min(70rem, 36.45833vw);
  }
  .m-pageTitle.-jobdetails .m-pageTitle__content:before {
    background: url("../images/recruit/job-details/main.jpg") center center no-repeat;
    background-size: cover;
  }
  .m-pageTitle.-jobdetails .m-pageTitle__content:after {
    background: url("../images/recruit/job-details/main-color.jpg") center center no-repeat;
    background-size: cover;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .m-pageTitle.-jobdetails .m-pageTitle__content {
    height: 22.5rem;
  }
  .m-pageTitle.-jobdetails .m-pageTitle__content:before {
    background: url("../images/recruit/job-details/main-sp.jpg") center center no-repeat;
    background-size: 100% auto;
  }
}
/* ページナビ
--------------------------------------------------*/
.job-content {
  background-color: #f1f6f9;
}

.job-navi {
  font-weight: 500;
}

.job-navi__list {
  display: flex;
}

.job-navi__listItemIn {
  background: url("../images/recruit/job-details/arrow.svg") right 1.6rem center no-repeat;
  background-size: 1rem auto;
  color: #006DA3;
  border: 1px #006DA3 solid;
  display: block;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .job-content {
    padding: 8rem 4rem;
  }
  .job-content__inner {
    max-width: 136rem;
    margin: 0 auto;
  }
  .job-navi {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1rem 2.4rem;
    font-size: max(16px, 2.4rem);
    margin-bottom: 8rem;
  }
  .job-navi__title span {
    margin-left: 0.8rem;
  }
  .job-navi__list {
    gap: 0 2.4rem;
  }
  .job-navi__listItemIn {
    border-radius: 0.4rem;
    padding: 0.25rem 3.3rem 0.25rem 1.6rem;
    transition: background 0.3s ease;
  }
  .job-navi__listItemIn:hover {
    background-color: #EAEDF3;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .job-content {
    padding: 4rem 2.4rem;
  }
  .job-navi {
    font-size: max(16px, 1.6rem);
    margin-bottom: 2.4rem;
  }
  .job-navi__title span {
    margin-left: 0.8rem;
  }
  .job-navi__list {
    margin-top: 0.2rem;
    gap: 0.8rem 0.8rem;
  }
  .job-navi__listItemIn {
    background-position: right 1.2rem center;
    border-radius: 0.4rem;
    padding: 0.25rem 3rem 0.25rem 1.2rem;
  }
}
/* 詳細
--------------------------------------------------*/
.job-detail {
  width: 100%;
  border-top: 1px #a9a9a9 solid;
  border-right: 1px #a9a9a9 solid;
}

.job-detail th,
.job-detail td {
  line-height: 1.6;
  font-weight: 500;
  vertical-align: middle;
  border-bottom: 1px #a9a9a9 solid;
  border-left: 1px #a9a9a9 solid;
}

.job-detail th {
  background-color: #e7eaf1;
  box-sizing: border-box;
  text-align: center;
}

.job-detail__listItem {
  position: relative;
}

.job-detail__listItem:before {
  content: "・";
  position: absolute;
  left: 0;
  top: 0;
}

.bold {
  font-weight: 900;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .job-detail {
    margin-bottom: 8rem;
  }
  .job-detail th,
  .job-detail td {
    font-size: max(16px, 2rem);
    padding: 1.6rem 2.4rem;
  }
  .job-detail th {
    width: 24.4rem;
  }
  .job-detail__listItem {
    padding-left: 1.2em;
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .job-detail {
    margin-bottom: 2.5rem;
  }
  .job-detail th,
  .job-detail td {
    font-size: max(16px, 1.6rem);
    padding: 0.4rem 0.8rem;
  }
  .job-detail th {
    width: 8.8rem;
  }
  .job-detail__listItem {
    padding-left: 1.1em;
  }
}
/* ボタン
--------------------------------------------------*/
.job-button__item {
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.4);
  border: 1px solid #000000;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
  border-radius: 1rem;
  font-weight: bold;
  text-align: center;
  display: block;
}

/* PC */
@media print, only screen and (min-width: 768px) {
  .job-button__item {
    max-width: 60rem;
    padding: 5.6rem 1.6rem;
    font-size: max(16px, 2.4rem);
  }
}
/* SP */
@media screen and (max-width: 767px) {
  .job-button {
    margin-bottom: 2.5rem;
  }
  .job-button__item {
    padding: 1.6rem 1.6rem;
    font-size: max(16px, 1.6rem);
    margin-bottom: 2.5rem;
  }
}