@charset "UTF-8";
/*--------------------------
文字に対して、一括でfont-size、line-height、letter-spacing、font-weightを指定する
---------------------------*/
/*--------------------------
文字に対して、一括でfont-size、line-height、letter-spacing、font-weightを指定する
line-heightが％の場合
---------------------------*/
/*--------------------------------
    remの換算
--------------------------------*/
/*--------------------------------
    vwにする
--------------------------------*/
/*--------------------------------
    親要素に対する割合
--------------------------------*/
/*--------------------------------
    親要素に対する割合
--------------------------------*/
/*--------------------------------
背景のグラデーション
--------------------------------*/
/*--------------------------------
一次関数
画面幅 1440pxの時は、120pxで、そこからどんどん小さくなり、1000pxの時に20pxになるという実装の際に使える関数。
--------------------------------*/
/*--------------------------------
一次関数（最大値、最小値付き）
画面幅 1440pxの時は、120pxで、そこからどんどん小さくなり、1000pxの時に20pxになるという実装の際に使える関数。
--------------------------------*/
/*--------------------------------
擬似要素の背景
--------------------------------*/
/*--------------------------------
三角形
--------------------------------*/
/*--------------------------------
リキッドの設定
--------------------------------*/
html {
  font-size: 16px;
}
@media (max-width: 1120px) {
  html {
    font-size: 1.4285714286vw;
  }
}
@media (max-width: 767px) {
  html {
    font-size: 16px;
  }
}
@media (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}

/*--------------------------
  フォント読み込み
---------------------------*/
body {
  font-family: "Noto Sans JP", sans-serif;
  color: #031A23;
}

/*--------------------------
画像URL(コンパイルごとに ?v= の値が変わり、画像差し替え時にブラウザキャッシュが残らないようにする)
例: background-image: img-url("common/icon-play_wh.svg");
---------------------------*/
*,
*::before,
*::after {
  box-sizing: border-box;
}

/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core root defaults */
html {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
  transition: all ease 0.3s;
}

a:hover {
  opacity: 0.8;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
  width: 100%;
  height: auto;
}

/* Natural flow and rhythm in articles by default */
/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Blur images when they have no alt attribute */
img:not([alt]) {
  filter: blur(10px);
}

/* フォームリセット */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

.inner {
  width: 100%;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto;
  max-width: 1170px;
}
@media screen and (max-width: 768px) {
  .inner {
    max-width: 500px;
    padding-right: 15px;
    padding-left: 15px;
  }
}

br.pc {
  display: block;
}
@media screen and (max-width: 768px) {
  br.pc {
    display: none;
  }
}

br.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  br.sp {
    display: block;
  }
}

/* ==================================================
*  opening animation
================================================== */
html.is-opening,
html.is-opening body {
  overflow: hidden;
}

html.no-opening .opening {
  display: none;
}

.opening {
  position: fixed;
  z-index: 9999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: grid;
  background-color: #ffffff;
}

.opening__stage {
  grid-area: 1/1;
  width: 100%;
  height: 100%;
}

.opening__stage canvas {
  display: block;
}

.opening__loader {
  grid-area: 1/1;
  align-self: end;
  justify-self: center;
  padding-bottom: 14vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.875rem;
}
@media screen and (max-width: 768px) {
  .opening__loader {
    padding-bottom: 10vh;
  }
}

.opening__loader-percent {
  display: flex;
  align-items: baseline;
  font-family: "Montserrat", sans-serif;
  color: #031A23;
  font-size: 1.25rem;
  line-height: 1.2;
  letter-spacing: 0.02em;
  font-weight: 600;
}

.opening__loader-percent-sign {
  margin-left: 0.125rem;
  font-size: 0.75rem;
  line-height: 1.3333333333;
  letter-spacing: 0.02em;
  font-weight: 500;
}

.opening__loader-bar {
  overflow: hidden;
  width: 10rem;
  height: 0.125rem;
  background-color: rgba(3, 26, 35, 0.12);
}

.opening__loader-bar-fill {
  width: 0%;
  height: 100%;
  background-color: #031A23;
}

/* ==================================================
*  header
================================================== */
.header {
  position: fixed;
  z-index: 900;
  top: 0;
  right: 0;
  left: 0;
  transition: background-color 0.3s ease;
  height: 6rem;
}
@media screen and (max-width: 768px) {
  .header {
    height: 3.75rem;
  }
}

body.is-no-mv,
.is-no-mv .header {
  background-color: #F5F7F9;
}

.header.is-scrolled {
  background-color: #fff;
}

.header__inner {
  height: inherit;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  max-width: 82.5rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding: 0 1.25rem;
}
@media screen and (max-width: 768px) {
  .header__inner {
    padding-top: 0.875rem;
    padding-bottom: 0.875rem;
    gap: 1rem;
  }
}

.header__logo {
  max-width: 10.625rem;
  width: 100%;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .header__logo {
    max-width: 6rem;
  }
}

.header__logo img {
  width: 100%;
  height: auto;
}

.header__nav {
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .header__nav {
    display: none;
  }
}

.header__nav-list {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}

.header__nav-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  color: #031A23;
  position: relative;
}
.header__nav-link::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.5rem;
  width: 0;
  height: 0.125rem;
  background-color: #0c998a;
  transform: translateX(-50%);
  transition: width 0.3s ease;
}
.header__nav-link:hover::after {
  width: 100%;
}

.header__nav-link-ja {
  font-size: 0.875rem;
  line-height: 1.1428571429;
  letter-spacing: 0.05em;
  font-weight: 400;
}

.header__nav-link-en {
  font-family: "Montserrat", sans-serif;
  font-size: 0.625rem;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-weight: 400;
}

.header__side {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  flex-shrink: 0;
}
@media screen and (max-width: 768px) {
  .header__side {
    display: none;
  }
}

.header__note {
  max-width: 3.25rem;
  width: 100%;
  flex-shrink: 0;
  border: 1px solid #0c998a;
  padding: 0.25rem;
}

.header__note img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}

.header__contact {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  padding: 1rem 1.5rem;
  background-color: #0c998a;
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  white-space: nowrap;
  font-size: 1rem;
  line-height: 1.25;
  letter-spacing: 0.05em;
  font-weight: 700;
}

.header__hamburger {
  display: none;
  flex-direction: column;
  align-items: center;
  gap: 0.375rem;
  padding: 0.625rem;
  cursor: pointer;
  position: relative;
  z-index: 801;
}
@media screen and (max-width: 768px) {
  .header__hamburger {
    display: flex;
  }
}

.header__hamburger-line {
  width: 1.5rem;
  height: 0.125rem;
  border-radius: 0.125rem;
  background-color: #031A23;
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.header__hamburger.is-open .header__hamburger-line:nth-child(1) {
  transform: translateY(0.5rem) rotate(45deg);
}

.header__hamburger.is-open .header__hamburger-line:nth-child(2) {
  opacity: 0;
}

.header__hamburger.is-open .header__hamburger-line:nth-child(3) {
  transform: translateY(-0.5rem) rotate(-45deg);
}

.header__drawer {
  padding-top: 6.25rem;
  padding-bottom: 2.5rem;
  position: fixed;
  z-index: 800;
  top: 0;
  right: -100%;
  bottom: 0;
  width: 85%;
  max-width: 20rem;
  background-color: rgba(255, 255, 255, 0.97);
  box-shadow: -0.125rem 0 1.25rem rgba(0, 0, 0, 0.1);
  overflow-y: auto;
  transition: right 0.5s ease;
  display: none;
}
@media screen and (max-width: 768px) {
  .header__drawer {
    display: block;
  }
}

.header__drawer.is-open {
  right: 0;
}

.header__drawer-link {
  padding: 1rem 1.5rem;
  display: flex;
  align-items: baseline;
  gap: 0.625rem;
  color: #031A23;
}

.header__drawer-link-ja {
  font-size: 0.9375rem;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-weight: 400;
}

.header__drawer-link-en {
  font-family: "Montserrat", sans-serif;
  font-size: 0.625rem;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-weight: 400;
}

.header__drawer-side {
  margin-top: 1rem;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  display: flex;
  align-items: center;
  gap: 1rem;
}

.header__drawer-note {
  max-width: 2.625rem;
  width: 100%;
  flex-shrink: 0;
  border: 1px solid #0c998a;
  padding: 0.25rem;
}

.header__drawer-note img {
  width: 100%;
  height: auto;
  border-radius: 50%;
}

.header__drawer-contact {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  padding: 0.6875rem 1.375rem;
  background-color: #0c998a;
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  white-space: nowrap;
  font-size: 0.875rem;
  line-height: 1.2857142857;
  letter-spacing: 0.05em;
  font-weight: 700;
}

.header__contact .btn-more__arrow,
.header__drawer-contact .btn-more__arrow {
  background-color: #ffffff;
}

.header__contact:hover .btn-more__arrow-icon--current,
.header__drawer-contact:hover .btn-more__arrow-icon--current {
  opacity: 0;
  transform: translate(120%, -50%);
}

.header__contact:hover .btn-more__arrow-icon--next,
.header__drawer-contact:hover .btn-more__arrow-icon--next {
  opacity: 1;
  transform: translate(-50%, -50%);
}

body.is-drawer-open {
  overflow: hidden;
  height: 100%;
}

/* ==================================================
*  lower-mv(下層ページ共通メインビュー)
================================================== */
.lower-mv {
  position: relative;
  overflow: hidden;
  background: linear-gradient(to bottom, #F5F7F9 0%, #F5F7F9 66%, #ffffff 66%, #ffffff 100%);
  padding-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .lower-mv {
    background: linear-gradient(to bottom, #F5F7F9 0%, #F5F7F9 65%, #ffffff 65%, #ffffff 100%);
    padding-bottom: 2.5rem;
  }
}

.lower-mv__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2.5rem;
  padding-top: 8.4375rem;
  padding-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  .lower-mv__inner {
    flex-direction: column;
    gap: 1.5rem;
    padding-top: 5.75rem;
    padding-bottom: 2rem;
  }
}

.lower-mv__head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  z-index: 10;
  visibility: hidden;
}

.lower-mv__text {
  display: inline-block;
}

.lower-mv__tag {
  padding: 0 0.5rem;
  background-color: #0c998a;
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-size: 4.5rem;
  line-height: 1.2222222222;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .lower-mv__tag {
    font-size: 3rem;
    line-height: 1.25;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.lower-mv__heading {
  margin-top: 0.5rem;
  padding: 0 0.5rem;
  background-color: #0c998a;
  color: #ffffff;
  font-size: 1.25rem;
  line-height: 1.45;
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .lower-mv__heading {
    font-size: 1rem;
    line-height: 1.4375;
    letter-spacing: 0.05em;
    font-weight: 500;
  }
}

.lower-mv__photo {
  max-width: 25rem;
  width: 100%;
  flex-shrink: 0;
  position: relative;
  z-index: 10;
  overflow: hidden;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .lower-mv__photo {
    width: 100%;
  }
}
.lower-mv__photo::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0c998a;
  transform: scaleX(var(--curtain-scale, 0));
  transform-origin: var(--curtain-origin, left center);
  pointer-events: none;
}

.lower-mv__photo img {
  width: 100%;
  aspect-ratio: 400/300;
  object-fit: cover;
  display: block;
}

.lower-mv__deco {
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: 0;
  will-change: transform;
  visibility: hidden;
}

.lower-mv__deco--01 {
  bottom: 10.5rem;
  left: 3.25rem;
  width: 3.45875rem;
}
@media screen and (max-width: 768px) {
  .lower-mv__deco--01 {
    bottom: initial;
    top: 10.3125rem;
    left: 0.3125rem;
    width: 1.375rem;
  }
}

.lower-mv__deco--02 {
  bottom: 5rem;
  left: 30.625rem;
  width: 10.625rem;
}
@media screen and (max-width: 768px) {
  .lower-mv__deco--02 {
    bottom: 0.75rem;
    left: initial;
    right: 6.25rem;
    width: 3.75rem;
  }
}

.lower-mv__deco--03 {
  top: 11.5625rem;
  right: 50%;
  width: 2.75rem;
}
@media screen and (max-width: 768px) {
  .lower-mv__deco--03 {
    top: 5rem;
    right: 9.375rem;
    width: 1.5625rem;
  }
}

.lower-mv__deco--04 {
  bottom: 4.625rem;
  right: 3.625rem;
  width: 3.5rem;
}
@media screen and (max-width: 768px) {
  .lower-mv__deco--04 {
    bottom: initial;
    top: 8.125rem;
    right: 3.125rem;
    width: 1.875rem;
  }
}

/* ==================================================
*  sec-title(コンテンツセクション共通タイトル)
================================================== */
.sec-title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  visibility: hidden;
}

.sec-title__en {
  color: #ffffff;
  background-color: #0c998a;
  padding: 0 0.5rem;
  font-family: "Montserrat", sans-serif;
  font-size: 3.5rem;
  line-height: 1.2142857143;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .sec-title__en {
    font-size: 2.25rem;
    line-height: 1.2777777778;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}

.sec-title__ja {
  margin-top: 0.5rem;
  color: #ffffff;
  background-color: #0c998a;
  padding: 0 0.5rem;
  font-size: 1.125rem;
  line-height: 1.4444444444;
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .sec-title__ja {
    margin-top: 0.375rem;
    font-size: 0.75rem;
    line-height: 1.6666666667;
    letter-spacing: 0.05em;
    font-weight: 500;
  }
}

.sec-title--reverse .sec-title__en,
.sec-title--reverse .sec-title__ja {
  color: #031A23;
  background-color: #ffffff;
}

.sec-title__text {
  display: inline-block;
}

/* ==================================================
*  link-cards
================================================== */
.link-cards {
  position: relative;
  overflow: hidden;
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .link-cards {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}
.link-cards::before {
  content: "";
  position: absolute;
  top: -10%;
  left: 0;
  right: 0;
  bottom: -10%;
  background-image: linear-gradient(rgba(12, 153, 138, 0.82), rgba(12, 153, 138, 0.82)), url("../img/top/service-bg.jpg?v=u0jp5df");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transform: translate3d(0, var(--parallax-y, 0), 0);
  will-change: transform;
  pointer-events: none;
}

.link-cards__inner {
  position: relative;
}

.link-cards__list {
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
  gap: 4rem;
}
@media screen and (max-width: 768px) {
  .link-cards__list {
    flex-direction: column;
    gap: 2rem;
  }
}

.link-cards__item {
  flex: 1;
}

.link-cards__card {
  display: block;
  padding: 2.5rem;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .link-cards__card {
    padding: 1.25rem;
  }
}

.link-cards__photo {
  max-width: 15rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .link-cards__photo {
    max-width: initial;
  }
}

.link-cards__photo img {
  width: 100%;
  height: 100%;
  aspect-ratio: 240/174;
  object-fit: cover;
  display: block;
}
@media screen and (max-width: 768px) {
  .link-cards__photo img {
    aspect-ratio: 240/120;
  }
}

.link-cards__foot {
  margin-top: 2.5rem;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .link-cards__foot {
    margin-top: 1.25rem;
  }
}

.link-cards__foot .sec-title__ja,
.link-cards__foot .sec-title__en {
  background-color: #F5F7F9;
}

.link-cards__foot .btn-more__arrow {
  width: 3.5rem;
  height: 3.5rem;
}
@media screen and (max-width: 768px) {
  .link-cards__foot .btn-more__arrow {
    width: 2.25rem;
    height: 2.25rem;
  }
}

.link-cards__card:hover .btn-more__arrow-icon--current {
  opacity: 0;
  transform: translate(120%, -50%);
}

.link-cards__card:hover .btn-more__arrow-icon--next {
  opacity: 1;
  transform: translate(-50%, -50%);
}

.link-cards__deco {
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: 0;
}

.link-cards__deco--01 {
  top: 4.125rem;
  left: 5.5rem;
  width: 2.75rem;
}
@media screen and (max-width: 768px) {
  .link-cards__deco--01 {
    top: 0.875rem;
    left: 0.625rem;
    width: 1.375rem;
  }
}

.link-cards__deco--02 {
  bottom: 2.1875rem;
  left: 2.5rem;
  width: 8.75rem;
}
@media screen and (max-width: 768px) {
  .link-cards__deco--02 {
    bottom: initial;
    top: 0.625rem;
    left: initial;
    right: 2.5rem;
    width: 3.75rem;
  }
}

.link-cards__deco--03 {
  top: 3.875rem;
  right: 3.5rem;
  width: 5.9375rem;
}
@media screen and (max-width: 768px) {
  .link-cards__deco--03 {
    top: initial;
    bottom: 0.875rem;
    right: initial;
    left: 1.875rem;
    width: 2.8125rem;
  }
}

.link-cards__deco--04 {
  top: 10.1875rem;
  right: 2.5rem;
  width: 2rem;
}
@media screen and (max-width: 768px) {
  .link-cards__deco--04 {
    top: initial;
    bottom: 2.8125rem;
    right: 9.375rem;
    width: 1.375rem;
  }
}

.link-cards__deco--05 {
  bottom: 9.5625rem;
  right: 3.625rem;
  width: 3.5rem;
}
@media screen and (max-width: 768px) {
  .link-cards__deco--05 {
    bottom: 1.25rem;
    right: 3.125rem;
    width: 1.875rem;
  }
}

/* ==================================================
*  cta-banner
================================================== */
.cta-banner {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .cta-banner {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}

.cta-banner__link {
  position: relative;
  display: block;
  overflow: hidden;
}
.cta-banner__link::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background-color: #0c998a;
  opacity: 0.82;
  pointer-events: none;
}

.cta-banner__bg {
  width: 100%;
  will-change: transform;
  aspect-ratio: 1120/262;
  object-fit: cover;
  display: block;
}
@media screen and (max-width: 768px) {
  .cta-banner__bg {
    aspect-ratio: 335/240;
  }
}

.cta-banner__wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5rem 2.5rem;
}
@media screen and (max-width: 768px) {
  .cta-banner__wrapper {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
    padding: 2rem 1.25rem;
  }
}

.cta-banner__title .sec-title__ja,
.cta-banner__title .sec-title__en {
  background-color: #F5F7F9;
}

.cta-banner__note {
  display: flex;
  align-items: center;
  gap: 2.5rem;
  max-width: 21.25rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .cta-banner__note {
    width: 100%;
    gap: 1.25rem;
    justify-content: space-between;
    max-width: none;
  }
}

.cta-banner__text {
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-weight: 700;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .cta-banner__text {
    font-size: 0.8125rem;
    line-height: 1.5384615385;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.cta-banner__note .btn-more__arrow {
  width: 4rem;
  height: 4rem;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .cta-banner__note .btn-more__arrow {
    width: 2.75rem;
    height: 2.75rem;
  }
}

.cta-banner__link:hover .btn-more__arrow-icon--current {
  opacity: 0;
  transform: translate(120%, -50%);
}

.cta-banner__link:hover .btn-more__arrow-icon--next {
  opacity: 1;
  transform: translate(-50%, -50%);
}

/* ==================================================
*  footer(共通)
================================================== */
.footer {
  background-color: #B6E0DC;
  padding-top: 4rem;
  padding-bottom: 1rem;
}
@media screen and (max-width: 768px) {
  .footer {
    padding-top: 2.5rem;
    padding-bottom: 0.875rem;
  }
}

.footer__inner {
  max-width: 83.125rem;
}

.footer__top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1.5rem;
  padding: 0.625rem 0;
}
@media screen and (max-width: 768px) {
  .footer__top {
    flex-direction: column;
    align-items: flex-start;
    gap: 1.5rem;
  }
}

.footer__logo {
  flex-shrink: 0;
  max-width: 16.125rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .footer__logo {
    max-width: 8.125rem;
  }
}

.footer__logo img {
  width: 100%;
  height: auto;
  display: block;
}

.footer__wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .footer__wrap {
    align-items: flex-start;
    gap: 0.375rem;
  }
}

.footer__nav-list {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .footer__nav-list {
    flex-wrap: wrap;
    gap: 0.375rem 1rem;
  }
}

.footer__nav-list a {
  display: block;
  color: #031A23;
  font-size: 0.875rem;
  line-height: 1.2142857143;
  letter-spacing: 0.05em;
  font-weight: 400;
}

.footer__nav-list img {
  width: 3.5rem;
  height: auto;
  display: block;
}

.footer__legal {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .footer__legal {
    flex-wrap: wrap;
    gap: 1rem;
  }
}

.footer__legal a {
  color: #031A23;
  font-size: 0.75rem;
  line-height: 1.1666666667;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .footer__legal a {
    font-size: 0.625rem;
  }
}

.footer__copyright {
  margin-top: 0.5rem;
  color: #031A23;
  text-align: center;
  font-size: 0.625rem;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .footer__copyright {
    margin-top: 1.5rem;
  }
}

/*--------------------------------
  共通：もっと見るボタン
--------------------------------*/
.btn-more {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  background-color: #ffffff;
  color: #031A23;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.9375rem;
  line-height: 1.4666666667;
  font-weight: 700;
  padding: 1rem 1rem 1rem 1.75rem;
  text-decoration: none;
  transition: color 0.3s ease, background-color 0.3s ease;
}
@media screen and (max-width: 768px) {
  .btn-more {
    font-size: 0.875rem;
    line-height: 1.4285714286;
    font-weight: 700;
    padding: 0.75rem 0.75rem 0.75rem 1.25rem;
    gap: 1rem;
  }
}

.btn-more__arrow {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 2.125rem;
  height: 2.125rem;
  border-radius: 50%;
  background-color: #0c998a;
}
@media screen and (max-width: 768px) {
  .btn-more__arrow {
    width: 1.75rem;
    height: 1.75rem;
  }
}

.btn-more__arrow-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 44%;
  height: auto;
  display: block;
  opacity: 1;
  transform: translate(-50%, -50%);
  transition: transform 0.35s ease, opacity 0.3s ease;
}

.btn-more__arrow-icon--next {
  opacity: 0;
  transform: translate(-220%, -50%);
}

.btn-more:hover .btn-more__arrow-icon--current {
  opacity: 0;
  transform: translate(120%, -50%);
}

.btn-more:hover .btn-more__arrow-icon--next {
  opacity: 1;
  transform: translate(-50%, -50%);
}

.btn-more--solid {
  background-color: #0c998a;
  color: #ffffff;
}

.btn-more--solid .btn-more__arrow {
  background-color: #ffffff;
}

/*--------------------------------
  MV
--------------------------------*/
.mv {
  position: relative;
  overflow: hidden;
  background-color: #F5F7F9;
  padding: 6rem 0 4rem;
}
@media screen and (max-width: 768px) {
  .mv {
    padding: 5.75rem 0 3rem;
  }
}

.mv__deco {
  position: absolute;
  left: 0;
  top: 3.5625rem;
  width: 25rem;
  pointer-events: none;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .mv__deco {
    width: 12.5rem;
    top: 1.5rem;
  }
}

.mv__inner {
  position: relative;
  padding-left: 4rem;
}
@media screen and (max-width: 768px) {
  .mv__inner {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.mv__head {
  display: inline-block;
  background-color: #0c998a;
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-size: 7.5rem;
  line-height: 0.8333333333;
  font-weight: 700;
  padding: 0.75rem 1.5rem;
  position: relative;
  z-index: 2;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .mv__head {
    font-size: 2.75rem;
    line-height: 1.0909090909;
    font-weight: 700;
    padding: 0.375rem 1rem;
  }
}

.mv__head-text,
.mv__tag-text {
  display: inline-block;
}

.mv__row {
  display: flex;
  align-items: flex-start;
  gap: 3.5rem;
  margin-top: -1.5rem;
}
@media screen and (max-width: 768px) {
  .mv__row {
    flex-direction: column;
    gap: 1rem;
    margin-top: 1rem;
  }
}

.mv__tag {
  flex-shrink: 0;
  margin-top: 3.125rem;
  background-color: #0c998a;
  color: #ffffff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1.5rem;
  line-height: 1.4583333333;
  font-weight: 700;
  padding: 0.5rem 1.25rem;
  white-space: nowrap;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .mv__tag {
    margin-top: 0;
    font-size: 0.875rem;
    line-height: 1.4285714286;
    font-weight: 700;
    padding: 0.375rem 0.875rem;
    white-space: normal;
  }
}

.mv__media {
  position: relative;
  flex: 1;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .mv__media {
    width: 100%;
  }
}

.mv__photo {
  grid-area: 1/1;
  width: 100%;
  aspect-ratio: 1020/535;
  max-height: calc(100svh - 14.625rem);
  min-height: 22.5rem;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .mv__photo {
    aspect-ratio: 3/2;
    max-height: none;
    min-height: 0;
  }
}

.mv__photo .swiper-wrapper {
  height: 100%;
}

.mv__photo-slide {
  position: absolute !important;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 1 !important;
  transform: none !important;
  z-index: 1;
  clip-path: circle(0% at 100% 0%);
  transition: clip-path 0s linear 1.1s !important;
}

.mv__photo-slide.swiper-slide-active {
  z-index: 2;
}

.mv__photo.is-ready .mv__photo-slide.swiper-slide-active {
  clip-path: circle(150% at 100% 0%) !important;
  transition: clip-path 1.1s cubic-bezier(0.65, 0, 0.35, 1) !important;
}

.mv__photo-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transform: scale(1);
  transform-origin: center;
  transition: transform 0s linear 1.1s !important;
}

.mv__photo.is-ready .mv__photo-slide.swiper-slide-active .mv__photo-img {
  transform: scale(1.08) !important;
  transition: transform 6s ease-out !important;
}

.mv__news {
  grid-area: 1/1;
  z-index: 2;
  align-self: end;
  justify-self: end;
  width: 32%;
  min-width: 12.5rem;
  transform: translateY(0.875rem);
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .mv__news {
    grid-area: 2/1;
    justify-self: stretch;
    width: 100%;
    min-width: 0;
    margin-top: 0.75rem;
    transform: none;
  }
}

.mv__news-slider {
  width: 100%;
}

.mv__news-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 1rem;
  align-items: center;
  padding: 1.25rem;
  backface-visibility: hidden;
}
@media screen and (max-width: 768px) {
  .mv__news-item {
    grid-template-columns: minmax(0, 1fr);
    padding: 0.75rem;
  }
}

.mv__news-meta {
  grid-column: 1;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.mv__news-date {
  font-family: "Montserrat", sans-serif;
  font-size: 0.8125rem;
  line-height: 1.2307692308;
  font-weight: 500;
  color: #031A23;
}

.mv__news-tag {
  border: 1px solid #0c998a;
  color: #0c998a;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.6875rem;
  line-height: 1.4545454545;
  font-weight: 500;
  padding: 0.125rem 0.625rem;
  border-radius: 999px;
  white-space: nowrap;
}

.mv__news-text {
  grid-column: 1;
  margin-top: 0.5rem;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.8125rem;
  line-height: 1.6923076923;
  font-weight: 400;
  color: #031A23;
  overflow-wrap: anywhere;
}

.mv__news-arrow {
  grid-column: 2;
  grid-row: 1/span 2;
  width: 2rem;
  height: 2rem;
}
@media screen and (max-width: 768px) {
  .mv__news-arrow {
    grid-column: 1;
    grid-row: auto;
    justify-self: end;
    width: 1.625rem;
    height: 1.625rem;
    margin-top: 0.75rem;
  }
}

.mv__news-item:hover .btn-more__arrow-icon--current {
  opacity: 0;
  transform: translate(120%, -50%);
}

.mv__news-item:hover .btn-more__arrow-icon--next {
  opacity: 1;
  transform: translate(-50%, -50%);
}

/*--------------------------------
  About
--------------------------------*/
.about {
  background-color: #F5F7F9;
  padding: 7.5rem 0;
  contain: paint;
}
@media screen and (max-width: 768px) {
  .about {
    padding: 4rem 0;
  }
}

.about__inner {
  position: relative;
}

.about__deco {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .about__deco {
    display: none;
  }
}

.about__deco-svg {
  position: absolute;
  fill: none;
  stroke: #0c998a;
  stroke-width: 1;
  overflow: visible;
}

.about__deco-svg--square {
  left: 26.9375rem;
  top: 7.625rem;
  width: 4rem;
  height: 4rem;
}

.about__deco-svg--top {
  left: 55.875rem;
  top: 0.3125rem;
  width: 12.125rem;
  height: 15.6875rem;
}

.about__deco-svg--bottom {
  left: -5.9375rem;
  top: 26.875rem;
  width: 15.375rem;
  height: 12.6875rem;
}

.about__deco-svg--lone {
  left: 68.5625rem;
  top: 35.3125rem;
  width: 3.5rem;
  height: 3.5rem;
}

.about__head {
  position: relative;
}

.about__body {
  display: flex;
  align-items: flex-start;
  gap: 4rem;
  margin-top: 4.5rem;
}
@media screen and (max-width: 768px) {
  .about__body {
    flex-direction: column;
    gap: 2.5rem;
    margin-top: 3rem;
  }
}

.about__photos {
  flex-shrink: 0;
  width: 30rem;
}
@media screen and (max-width: 768px) {
  .about__photos {
    width: 100%;
    max-width: 20rem;
    margin: 0 auto;
  }
}

.about__photo {
  width: 20rem;
}

.about__photo--1 {
  aspect-ratio: 320/179;
  object-fit: cover;
}

.about__photo--2 {
  width: 18.75rem;
  aspect-ratio: 3/4;
  object-fit: cover;
  margin-top: -3.0625rem;
  margin-left: 11.25rem;
}
@media screen and (max-width: 768px) {
  .about__photo--2 {
    width: 62%;
    margin-top: -15%;
    margin-left: 38%;
  }
}

.about__content {
  flex: 1;
  min-width: 0;
  padding-top: 0.5rem;
}

.about__text {
  font-family: "Noto Sans JP", sans-serif;
  color: #031A23;
  font-size: 1rem;
  line-height: 2;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .about__text {
    font-size: 0.9375rem;
    line-height: 1.8666666667;
    font-weight: 400;
  }
}

.about__more {
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .about__more {
    margin-top: 2rem;
  }
}

/*--------------------------------
  Service
--------------------------------*/
.service {
  position: relative;
  overflow: hidden;
  padding: 7.5rem 0;
  isolation: isolate;
}
@media screen and (max-width: 768px) {
  .service {
    padding: 4rem 0;
  }
}

.service__bg {
  position: absolute;
  inset: 0;
  z-index: -2;
}

.service__bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: transform;
}

.service__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #0c998a;
  opacity: 0.82;
}

.service__watermark {
  position: absolute;
  top: 2.5rem;
  right: 0;
  z-index: -1;
  font-family: "Montserrat", sans-serif;
  font-size: 10rem;
  font-weight: 900;
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 1px rgba(255, 255, 255, 0.35);
  white-space: nowrap;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .service__watermark {
    font-size: 5.625rem;
    top: 1rem;
  }
}

.service__head {
  position: relative;
}

.service__list {
  margin-top: 7rem;
}
@media screen and (max-width: 768px) {
  .service__list {
    margin-top: 4rem;
  }
}

.service__item {
  margin-top: 6rem;
}
@media screen and (max-width: 768px) {
  .service__item {
    margin-top: 3.5rem;
  }
}

.service__item:first-child {
  margin-top: 0;
}

.service__num {
  position: relative;
  z-index: 1;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-size: 4rem;
  line-height: 1;
  font-weight: 900;
  color: #ffffff;
  -webkit-text-stroke: 1px #0c998a;
}
@media screen and (max-width: 768px) {
  .service__num {
    font-size: 2.5rem;
    line-height: 1;
    font-weight: 900;
  }
}

.service__cards {
  display: flex;
  align-items: flex-start;
  margin-top: -2.625rem;
  padding-left: 2.9375rem;
}
@media screen and (max-width: 768px) {
  .service__cards {
    flex-direction: column;
    margin-top: 0.75rem;
    padding-left: 0;
  }
}

.service__logo {
  flex-shrink: 0;
  width: 29.875rem;
  height: 17.375rem;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}
@media screen and (max-width: 768px) {
  .service__logo {
    width: 100%;
    height: auto;
    aspect-ratio: 478/278;
  }
}

.service__logo-img {
  width: auto;
  max-width: 15rem;
  height: auto;
  max-height: 4rem;
}

.service__body {
  margin-top: 11.5625rem;
  margin-left: -7.6875rem;
  width: 44.875rem;
  max-width: calc(100% - 22.1875rem);
  background-color: #ffffff;
  padding: 2rem;
}
@media screen and (max-width: 768px) {
  .service__body {
    margin-top: 0;
    margin-left: 0;
    width: 100%;
    max-width: none;
    padding: 1.25rem;
  }
}

.service__body-title {
  font-family: "Noto Sans JP", sans-serif;
  color: #0c998a;
  font-size: 1.25rem;
  line-height: 1.4;
  font-weight: 700;
}

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

.service__body-text {
  margin-top: 0.75rem;
  font-family: "Noto Sans JP", sans-serif;
  color: #031A23;
  font-size: 0.875rem;
  line-height: 1.8571428571;
  font-weight: 400;
}

.service__body--wide {
  margin-top: 1.5rem;
  margin-left: 0;
  width: 100%;
  max-width: none;
  padding: 2rem 2.5rem;
}

.service__more {
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .service__more {
    margin-top: 2.5rem;
  }
}

/*--------------------------------
  Case
--------------------------------*/
.case {
  position: relative;
  overflow: hidden;
  background-color: #F5F7F9;
  padding: 7.5rem 0;
}
@media screen and (max-width: 768px) {
  .case {
    padding: 4rem 0;
  }
}

.case__head {
  position: relative;
}

.case__grid {
  display: flex;
  align-items: flex-start;
  gap: 3.5rem;
  margin-top: 5.5rem;
}
@media screen and (max-width: 768px) {
  .case__grid {
    flex-direction: column;
    gap: 2.5rem;
    margin-top: 3rem;
  }
}

.case__col {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
}

.case__col--offset {
  margin-top: -12.75rem;
}
@media screen and (max-width: 768px) {
  .case__col--offset {
    margin-top: 0;
  }
}

.case__card {
  display: block;
  position: relative;
}

.case__client {
  font-family: "Noto Sans JP", sans-serif;
  color: #031A23;
  font-size: 0.9375rem;
  line-height: 1.4666666667;
  font-weight: 700;
  display: inline-block;
  padding: 0.5rem 1rem;
  background-color: #F5F7F9;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  border-right: 1px solid #0c998a;
  border-bottom: 1px solid #0c998a;
}

.case__photo-frame {
  display: block;
  overflow: hidden;
  border: 1px solid #0c998a;
}

.case__photo {
  width: 100%;
  aspect-ratio: 532/308;
  object-fit: cover;
}

.case__card-title {
  margin-top: 1rem;
  font-family: "Noto Sans JP", sans-serif;
  color: #031A23;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 700;
}

.case__card-text {
  margin-top: 0.5rem;
  font-family: "Noto Sans JP", sans-serif;
  color: #031A23;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  font-weight: 400;
}

.case__pill {
  display: inline-block;
  margin-top: 0.75rem;
  border: 1px solid #0c998a;
  color: #0c998a;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.75rem;
  line-height: 1.5;
  font-weight: 500;
  padding: 0.25rem 1rem;
  border-radius: 999px;
}

.case__more {
  margin-top: 3.5rem;
}
@media screen and (max-width: 768px) {
  .case__more {
    margin-top: 2.5rem;
  }
}

.case__watermark {
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 8.75rem;
  font-weight: 900;
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 1px rgba(12, 153, 138, 0.3);
  white-space: nowrap;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .case__watermark {
    display: none;
  }
}

/*--------------------------------
  News
--------------------------------*/
.news {
  background-color: #ffffff;
  padding: 7.5rem 0;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .news {
    padding: 4rem 0;
  }
}

.news__grid {
  display: flex;
  align-items: flex-start;
  gap: 4rem;
}
@media screen and (max-width: 768px) {
  .news__grid {
    flex-direction: column;
    gap: 2rem;
  }
}

.news__side {
  flex-shrink: 0;
  width: 21rem;
}
@media screen and (max-width: 768px) {
  .news__side {
    width: 100%;
  }
}

.news__head {
  position: relative;
}

.news__filter {
  margin-top: 5.5rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .news__filter {
    margin-top: 3rem;
    flex-direction: row;
    flex-wrap: wrap;
  }
}

.news__filter-label {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  font-family: "Noto Sans JP", sans-serif;
  color: #031A23;
  font-size: 0.9375rem;
  line-height: 1.4666666667;
  font-weight: 400;
  cursor: pointer;
}

.news__filter-radio {
  display: block;
  flex-shrink: 0;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 1px solid #0c998a;
  position: relative;
}

.news__filter-radio::after {
  content: "";
  position: absolute;
  top: 0.1875rem;
  left: 0.1875rem;
  width: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  background-color: #0c998a;
  opacity: 0;
}

.news__filter-input:checked + .news__filter-radio::after {
  opacity: 1;
}

.news__more {
  margin-top: 2rem;
}

.news__body {
  flex: 1;
  min-width: 0;
}
@media screen and (max-width: 768px) {
  .news__body {
    width: 100%;
  }
}

.news__list {
  border-top: 1px solid #0c998a;
}

.news__empty {
  padding: 2.5rem 0;
  border-top: 1px solid #0c998a;
  border-bottom: 1px solid #0c998a;
  font-family: "Noto Sans JP", sans-serif;
  color: #031A23;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  letter-spacing: 0.05em;
  font-weight: 400;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .news__empty {
    padding: 2rem 0;
    font-size: 0.8125rem;
    line-height: 1.6923076923;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

.news__item {
  border-bottom: 1px solid #0c998a;
}

.news__item-link {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1.25rem 0;
  transition: opacity 0.3s ease;
}
@media screen and (max-width: 768px) {
  .news__item-link {
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
  }
}

.news__item-meta {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.news__item-date {
  font-family: "Montserrat", sans-serif;
  font-size: 0.8125rem;
  line-height: 1.3846153846;
  font-weight: 500;
  color: #031A23;
}

.news__item-tag {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 5.5rem;
  border: 1px solid #0c998a;
  border-radius: 4px;
  color: #0c998a;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.6875rem;
  line-height: 1.4545454545;
  font-weight: 500;
  padding: 0.125rem 0.625rem;
  white-space: nowrap;
}

.news__item-text {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: "Noto Sans JP", sans-serif;
  color: #031A23;
  font-size: 0.875rem;
  line-height: 1.5714285714;
  font-weight: 700;
  transition: color 0.3s ease;
}
@media screen and (max-width: 768px) {
  .news__item-text {
    flex: 0 0 100%;
    order: 1;
    white-space: normal;
  }
}

.news__item-arrow {
  flex-shrink: 0;
  display: block;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border: 1px solid #0c998a;
  background-color: transparent;
  background-image: url("../img/common/icon-play_grn.svg?v=u0jp5df");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.625rem auto;
  transition: all 0.3s ease;
}

.news__item-link:hover .news__item-text {
  color: #0c998a;
}

.news__item-link:hover .news__item-arrow {
  background-color: #0c998a;
  background-image: url("../img/common/icon-play_wh.svg?v=u0jp5df");
}

.news__watermark {
  position: absolute;
  left: 0;
  bottom: -1.25rem;
  z-index: 0;
  font-family: "Montserrat", sans-serif;
  font-size: 9.375rem;
  font-weight: 900;
  line-height: 1;
  color: transparent;
  -webkit-text-stroke: 1px rgba(12, 153, 138, 0.3);
  white-space: nowrap;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .news__watermark {
    display: none;
  }
}

/* ==================================================
*  about page
================================================== */
/* ---------- make classic ---------- */
.about-mc {
  position: relative;
  overflow: hidden;
  padding-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .about-mc {
    padding-bottom: 3.75rem;
  }
}

.about-mc__inner {
  position: relative;
}

.about-mc__row {
  display: flex;
  align-items: flex-start;
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .about-mc__row {
    margin-top: 1.875rem;
    display: block;
  }
}

.about-mc__side {
  flex-shrink: 0;
  margin-top: 11.125rem;
  max-width: 27.8125rem;
  width: 100%;
  position: absolute;
  left: calc((1120px + 25px * 2 - 1440px) / 2 - 60px);
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .about-mc__side {
    display: none;
  }
}

.about-mc__side img {
  width: 100%;
  height: auto;
  display: block;
}

.about-mc__body {
  max-width: 48.4375rem;
  width: 100%;
  margin-left: auto;
}

.about-mc__text-box {
  margin-bottom: 2.5rem;
}
@media screen and (max-width: 768px) {
  .about-mc__text-box {
    margin-bottom: 1.25rem;
  }
}

.about-mc__text {
  color: #031A23;
  font-size: 1.125rem;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 400;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .about-mc__text {
    font-size: 0.875rem;
    line-height: 1.8571428571;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

.about-mc__text + .about-mc__text {
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .about-mc__text + .about-mc__text {
    margin-top: 0.875rem;
  }
}

.about-mc__accent {
  color: #0c998a;
  font-weight: 700;
}

.about-mc__lead {
  color: #0c998a;
  font-size: 1.5rem;
  line-height: 2;
  letter-spacing: 0.05em;
  font-weight: 700;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .about-mc__lead {
    font-size: 1rem;
    line-height: 1.75;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

/* ---------- value ---------- */
.about-value {
  background-color: rgba(12, 153, 138, 0.1);
  padding-top: 5rem;
  padding-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .about-value {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}

.about-value__list {
  margin-top: 2.5rem;
  max-width: 54.125rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .about-value__list {
    margin-top: 2.5rem;
  }
}

.about-value__item {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .about-value__item {
    align-items: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .about-value__item + .about-value__item {
    margin-top: 1.5rem;
  }
}

.about-value__item:nth-child(even) {
  flex-direction: row-reverse;
}

.about-value__circle {
  flex-shrink: 0;
  width: 7.5rem;
  height: 7.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background-color: rgba(12, 153, 138, 0.2);
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-size: 3rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .about-value__circle {
    width: 5rem;
    height: 5rem;
    font-size: 1.625rem;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.about-value__content {
  margin-left: -1rem;
}
@media screen and (max-width: 768px) {
  .about-value__content {
    margin-left: -0.5rem;
  }
}

.about-value__item:nth-child(even) .about-value__content {
  margin-right: -1rem;
  text-align: right;
  position: relative;
}
@media screen and (max-width: 768px) {
  .about-value__item:nth-child(even) .about-value__content {
    margin-right: -0.5rem;
  }
}

.about-value__title {
  display: inline-flex;
  padding: 0.5rem 1rem;
  background-color: #ffffff;
  color: #0c998a;
  font-size: 1.125rem;
  line-height: 1.4444444444;
  letter-spacing: 0.05em;
  font-weight: 700;
  border: 1px solid #0c998a;
  border-bottom: none;
}
@media screen and (max-width: 768px) {
  .about-value__title {
    padding: 0.375rem 0.75rem;
    font-size: 0.875rem;
    line-height: 1.4285714286;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.about-value__box {
  padding: 0.5rem 1rem;
  border: 1px solid #0c998a;
  background-color: #ffffff;
  color: #031A23;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .about-value__box {
    padding: 0.375rem 0.75rem;
    font-size: 0.75rem;
    line-height: 1.8333333333;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

/* ---------- message ---------- */
.about-message {
  padding-top: 5rem;
  padding-bottom: 6.25rem;
  background: linear-gradient(to bottom, #F5F7F9 0%, #F5F7F9 74%, #ffffff 74%, #ffffff 100%);
}
@media screen and (max-width: 768px) {
  .about-message {
    padding-top: 3.75rem;
    padding-bottom: 5rem;
    background: linear-gradient(to bottom, #F5F7F9 0%, #F5F7F9 40%, #ffffff 40%, #ffffff 100%);
  }
}

.about-message__row {
  display: flex;
  align-items: flex-start;
  gap: 7.5rem;
  margin-top: 2.5rem;
  max-width: 65rem;
  width: 100%;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .about-message__row {
    flex-direction: column;
    gap: 3.75rem;
    margin-top: 1.875rem;
  }
}

.about-message__photo {
  flex-shrink: 0;
  max-width: 18.75rem;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .about-message__photo {
    margin-left: auto;
    margin-right: auto;
  }
}

.about-message__photo-frame {
  aspect-ratio: 300/400;
  overflow: hidden;
}

.about-message__photo-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.about-message__caption {
  background-color: #ffffff;
  color: #031A23;
  border-top: 1px solid #0c998a;
  border-left: 1px solid #0c998a;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
  font-weight: 400;
  padding: 0.5rem 1rem;
  position: absolute;
  bottom: -1.125rem;
  right: -2.5rem;
}
.about-message__caption span.name {
  margin-top: 0.25rem;
  font-size: 1.125rem;
  line-height: 1.4444444444;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .about-message__caption {
    font-size: 0.75rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 400;
    bottom: -0.625rem;
    right: -1.25rem;
  }
  .about-message__caption span.name {
    margin-top: 0.125rem;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.about-message__body {
  position: relative;
  flex: 1;
}
.about-message__body::before {
  content: "“";
  position: absolute;
  top: -5.125rem;
  left: -3.75rem;
  color: #F5F7F9;
  -webkit-text-stroke: 2px #0c998a;
  paint-order: stroke;
  font-family: "Montserrat", sans-serif;
  font-size: 7.5rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 700;
}
.about-message__body::after {
  content: "“";
  position: absolute;
  bottom: -9.0625rem;
  right: -3.75rem;
  color: #fff;
  transform: rotate(180deg);
  -webkit-text-stroke: 2px #0c998a;
  paint-order: stroke;
  font-family: "Montserrat", sans-serif;
  font-size: 7.5rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .about-message__body::before {
    top: -2.1875rem;
    left: -0.75rem;
    color: #ffffff;
    font-size: 3.75rem;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
  .about-message__body::after {
    bottom: -2.1875rem;
    right: -0.75rem;
    font-size: 3.75rem;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.about-message__text {
  color: #031A23;
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .about-message__text {
    font-size: 0.875rem;
    line-height: 1.8571428571;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

/* ---------- member ---------- */
.about-member {
  padding-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .about-member {
    padding-bottom: 3.75rem;
  }
}

.about-member__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0.25rem;
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .about-member__list {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.125rem 0.25rem;
    margin-top: 1.875rem;
  }
}

.about-member__card {
  display: block;
  position: relative;
  padding: 0.625rem;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .about-member__card {
    padding: 0.375rem;
  }
}

.about-member__photo {
  width: 100%;
  aspect-ratio: 200/266;
  overflow: hidden;
}

.about-member__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.about-member__role {
  background-color: #fff;
  color: #031A23;
  font-size: 0.75rem;
  line-height: 1.1666666667;
  letter-spacing: 0.05em;
  font-weight: 400;
  border-bottom: 1px solid #0c998a;
  border-right: 1px solid #0c998a;
  padding: 0.25rem 0.5rem;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .about-member__role {
    font-size: 0.6875rem;
    line-height: 1.1818181818;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

.about-member__name {
  background-color: #fff;
  color: #031A23;
  font-size: 1rem;
  line-height: 1.4375;
  letter-spacing: 0.05em;
  font-weight: 700;
  border-top: 1px solid #0c998a;
  border-left: 1px solid #0c998a;
  padding: 0.25rem 0.5rem;
  position: absolute;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .about-member__name {
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

/* ==================================================
*  modal(メンバープロフィール)
================================================== */
.modal {
  display: none;
  position: fixed;
  z-index: 2000;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.modal__overlay {
  position: absolute;
  inset: 0;
  background-color: rgba(3, 26, 35, 0.6);
  cursor: pointer;
}

.modal__inner {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 2;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  width: 95%;
  max-width: 70rem;
  max-height: min(90vh, 40rem);
  padding: 2.5rem 3.5rem;
  border: 1px solid #0c998a;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .modal__inner {
    display: block;
    width: calc(100% - 2.25rem);
    max-height: 90vh;
    overflow-y: auto;
    padding: 1.25rem;
  }
}

.modal__close {
  position: absolute;
  top: 2.5rem;
  right: 3.5rem;
  width: 1.875rem;
  height: 1.875rem;
  padding: 0;
  border: none;
  background-color: transparent;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .modal__close {
    top: 1.25rem;
    right: 0.625rem;
    width: 1.25rem;
    height: 1.25rem;
  }
}

.modal__close span {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.875rem;
  height: 3px;
  background-color: #0c998a;
}
@media screen and (max-width: 768px) {
  .modal__close span {
    width: 1.25rem;
    height: 2px;
  }
}

.modal__close span:nth-child(1) {
  transform: translate(-50%, -50%) rotate(45deg);
}

.modal__close span:nth-child(2) {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.modal__nav {
  position: absolute;
  top: 50%;
  z-index: 3;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  padding: 0;
  border: 1px solid #0c998a;
  border-radius: 50%;
  background-color: #ffffff;
  cursor: pointer;
  transition: background-color 0.3s ease;
}
@media screen and (max-width: 768px) {
  .modal__nav {
    width: 2.25rem;
    height: 2.25rem;
  }
}
.modal__nav::before {
  content: "";
  width: 1.25rem;
  height: 0.75rem;
  background: url("../img/common/arrow-green.svg?v=u0jp5df") no-repeat center/contain;
}
@media screen and (max-width: 768px) {
  .modal__nav::before {
    width: 0.875rem;
    height: 0.5625rem;
  }
}
.modal__nav:hover {
  background-color: #0c998a;
}
.modal__nav:hover::before {
  background-image: url("../img/common/arrow-white.svg?v=u0jp5df");
}

.modal__nav--prev {
  left: calc(50% - min(47.5%, 35rem));
  transform: translate(-50%, -50%) rotate(180deg);
}
@media screen and (max-width: 768px) {
  .modal__nav--prev {
    left: 1.125rem;
  }
}

.modal__nav--next {
  left: calc(50% + min(47.5%, 35rem));
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .modal__nav--next {
    left: calc(100% - 1.125rem);
  }
}

.modal__row {
  display: flex;
  gap: 2.5rem;
  min-height: 0;
}
@media screen and (max-width: 768px) {
  .modal__row {
    flex-direction: column;
    gap: 1.25rem;
  }
}

.modal__photo {
  flex-shrink: 0;
  align-self: flex-start;
  max-width: 17.5rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .modal__photo {
    margin-left: auto;
    margin-right: auto;
  }
}

.modal__photo img {
  width: 100%;
  aspect-ratio: 280/373;
  object-fit: cover;
  display: block;
}

.modal__info {
  flex: 1;
  max-width: 41.625rem;
  width: 100%;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding-right: 1rem;
}
@media screen and (max-width: 768px) {
  .modal__info {
    overflow-y: visible;
    padding-right: 0;
  }
}

.modal__role {
  color: #031A23;
  font-size: 1rem;
  line-height: 1.4375;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .modal__role {
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

.modal__name {
  display: flex;
  align-items: baseline;
  gap: 1.03125rem;
  color: #031A23;
  font-size: 2rem;
  line-height: 1.4375;
  letter-spacing: 0em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .modal__name {
    gap: 0.5rem;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: 0.02em;
    font-weight: 700;
  }
}

.modal__name-en {
  color: #0c998a;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  line-height: 1.1875;
  letter-spacing: 0em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .modal__name-en {
    font-size: 0.875rem;
    line-height: 1.2142857143;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

.modal__profile {
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .modal__profile {
    margin-top: 0.75rem;
  }
}

.modal__profile-title {
  padding: 0.5rem 0;
  border-bottom: 1px solid #DBDBDB;
  color: #031A23;
  font-size: 1.125rem;
  line-height: 1.4444444444;
  letter-spacing: 0em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .modal__profile-title {
    padding: 0.375rem 0;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 500;
  }
}

.modal__profile-text {
  padding: 0.5rem 0.28125rem;
  color: #031A23;
  font-size: 1rem;
  line-height: 1.6875;
  letter-spacing: 0em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .modal__profile-text {
    padding: 0.375rem 0.15625rem;
    font-size: 0.8125rem;
    line-height: 1.8461538462;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

.modal__btn {
  margin-top: 2.5rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .modal__btn {
    margin-top: 1.875rem;
  }
}

.modal__btn a {
  display: inline-flex;
  align-items: center;
  gap: 1rem;
  padding: 1.375rem 1.5rem;
  background-color: #0c998a;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.4375;
  letter-spacing: 0.05em;
  font-weight: 700;
}
.modal__btn a::after {
  content: "";
  background-image: url("../img/common/icon-arrow_wh.svg?v=u0jp5df");
  background-size: 100%;
  background-repeat: no-repeat;
  display: inline-block;
  width: 1.9375rem;
  height: 1.9375rem;
}
@media screen and (max-width: 768px) {
  .modal__btn a {
    gap: 0.625rem;
    padding: 1.125rem 1.25rem;
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
  .modal__btn a::after {
    width: 1.25rem;
    height: 1.25rem;
  }
}

/* ==================================================
*  company page
================================================== */
/* ---------- overview(会社概要テーブル) ---------- */
.company-table {
  border-top: 1px solid #DBDBDB;
}

.company-table__row {
  display: flex;
  align-items: flex-start;
  gap: 2.5rem;
  padding: 0.96875rem 12.5rem;
  border-bottom: 1px solid #DBDBDB;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .company-table__row {
    flex-direction: column;
    gap: 0.625rem;
    padding: 0.75rem 0.9375rem;
  }
}

.company-table__label {
  padding-left: 0.6875rem;
  border-left: 5px solid #0c998a;
  flex-shrink: 0;
  width: 9.125rem;
  color: #031A23;
  font-size: 1.125rem;
  line-height: 1.4444444444;
  letter-spacing: 0em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .company-table__label {
    padding-left: 0.5rem;
    border-left: 3px solid #0c998a;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
    width: 100%;
  }
}

.company-table__value {
  flex: 1;
  color: #031A23;
  font-size: 1.25rem;
  line-height: 1.45;
  letter-spacing: 0em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .company-table__value {
    font-size: 0.875rem;
    line-height: 1.8571428571;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

.company-table__heading {
  color: #031A23;
  font-size: 1.25rem;
  line-height: 1.45;
  letter-spacing: 0em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .company-table__heading {
    font-size: 0.875rem;
    line-height: 1.8571428571;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

.company-table__heading--sub {
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .company-table__heading--sub {
    margin-top: 0.5rem;
  }
}

.company-table__list li {
  position: relative;
  margin-left: 1.5em;
  list-style-type: disc;
}
@media screen and (max-width: 768px) {
  .company-table__list li {
    margin-left: 1em;
  }
}

/* ---------- access ---------- */
.company-access {
  padding-top: 7.5rem;
  padding-bottom: 7.5rem;
}
@media screen and (max-width: 768px) {
  .company-access {
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}

.company-access__map {
  position: relative;
  margin-top: 3.5625rem;
  max-width: 65rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .company-access__map {
    margin-top: 1.875rem;
  }
}

.company-access__map iframe {
  width: 100%;
  aspect-ratio: 1040/449;
  display: block;
  border: none;
}
@media screen and (max-width: 768px) {
  .company-access__map iframe {
    aspect-ratio: 335/250;
  }
}

.company-access__info {
  position: absolute;
  right: -5rem;
  bottom: -2.375rem;
  max-width: 24.3125rem;
  width: 100%;
  background-color: #ffffff;
  border-top: 1px solid #0c998a;
  border-left: 1px solid #0c998a;
  padding: 0.9375rem;
}
@media screen and (max-width: 768px) {
  .company-access__info {
    position: static;
    max-width: none;
    margin-top: 1rem;
    padding: 0.625rem;
  }
}

.company-access__name {
  color: #031A23;
  font-size: 1.125rem;
  line-height: 1.4444444444;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .company-access__name {
    font-size: 0.9375rem;
    line-height: 1.4666666667;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.company-access__address {
  margin-top: 0.625rem;
  color: #031A23;
  font-size: 0.875rem;
  line-height: 1.2142857143;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .company-access__address {
    margin-top: 0.375rem;
    font-size: 0.75rem;
    line-height: 1.6666666667;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

.company-access__walk {
  margin-top: 0.625rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  color: #0c998a;
  font-size: 1rem;
  line-height: 1.4375;
  letter-spacing: 0.05em;
  font-weight: 700;
}
.company-access__walk img {
  max-width: 0.625rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .company-access__walk {
    font-size: 0.875rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
  .company-access__walk img {
    max-width: 0.5rem;
  }
}

/* ==================================================
*  news list page
================================================== */
.news-list__inner {
  max-width: 83.125rem;
}
@media screen and (max-width: 768px) {
  .news-list__inner {
    max-width: 500px;
  }
}

/* ---------- filter ---------- */
.news-list__filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .news-list__filter {
    gap: 0.5rem;
  }
}

.news-list__filter-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4375rem 0.9375rem;
  border: 1px solid #0c998a;
  background-color: #ffffff;
  color: #031A23;
  font-size: 1rem;
  line-height: 1.4375;
  letter-spacing: 0.05em;
  font-weight: 500;
}
.news-list__filter-link.is-active {
  background-color: #0c998a;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .news-list__filter-link {
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 500;
  }
}

/* ---------- items ---------- */
.news-list__empty {
  margin-top: 5rem;
  text-align: center;
  color: #031A23;
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .news-list__empty {
    margin-top: 3.75rem;
    font-size: 0.875rem;
    line-height: 1.8571428571;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

.news-list__items {
  margin-top: 5rem;
  border-top: 1px solid #0c998a;
}
@media screen and (max-width: 768px) {
  .news-list__items {
    margin-top: 3.75rem;
  }
}

.news-list__item {
  border-bottom: 1px solid #0c998a;
}

.news-list__link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 2.5rem;
  padding: 1.46875rem 5rem;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .news-list__link {
    flex-wrap: wrap;
    gap: 0.5rem 0.75rem;
    padding: 1rem 2.875rem 1rem 0.625rem;
  }
}

.news-list__wrap {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.news-list__date {
  flex-shrink: 0;
  color: #031A23;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .news-list__date {
    font-size: 0.75rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

.news-list__tag {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 8rem;
  padding: 0.1875rem 0.875rem;
  border-radius: 0.25rem;
  border: 1px solid #0c998a;
  color: #0c998a;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  letter-spacing: 0em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .news-list__tag {
    min-width: 5.5rem;
    padding: 0.125rem 0.5rem;
    font-size: 0.6875rem;
    line-height: 1.4545454545;
    letter-spacing: 0em;
    font-weight: 500;
  }
}

.news-list__title {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  color: #031A23;
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: all 0.3s ease;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .news-list__title {
    flex: 0 0 100%;
    order: 1;
    font-size: 0.875rem;
    line-height: 1.5714285714;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.news-list__arrow {
  flex-shrink: 0;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  border: 1px solid #0c998a;
  background-image: url("../img/common/icon-play_grn.svg?v=u0jp5df");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.75rem auto;
  transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
  .news-list__arrow {
    position: absolute;
    top: 50%;
    right: 1.25rem;
    transform: translateY(-50%);
    width: 1.75rem;
    height: 1.75rem;
    background-size: 0.5625rem auto;
  }
}

.news-list__link:hover {
  opacity: 1;
}

.news-list__link:hover .news-list__title {
  color: #0c998a;
}

.news-list__link:hover .news-list__arrow {
  background-color: #0c998a;
  background-image: url("../img/common/icon-play_wh.svg?v=u0jp5df");
}

/* ---------- pagination ---------- */
.news-pagination {
  margin-top: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .news-pagination {
    margin-top: 2.5rem;
    gap: 0.75rem;
  }
}

.news-pagination__arrow {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  background-color: #0c998a;
  border-radius: 50%;
}
.news-pagination__arrow.is-disabled {
  opacity: 0.2;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .news-pagination__arrow {
    width: 1.25rem;
    height: 1.25rem;
  }
}

.news-pagination__list {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin: 0 1rem;
}
@media screen and (max-width: 768px) {
  .news-pagination__list {
    gap: 1.25rem;
    margin: 0 0.5rem;
  }
}

.news-pagination__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #031A23;
  font-size: 1.25rem;
  line-height: 1.45;
  letter-spacing: 0em;
  font-weight: 700;
}
.news-pagination__link.is-current {
  color: #0c998a;
}
@media screen and (max-width: 768px) {
  .news-pagination__link {
    font-size: 0.9375rem;
    line-height: 1.3333333333;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

/* ==================================================
*  news detail page
================================================== */
.single-news {
  margin-top: 8.375rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .single-news {
    margin-top: 5rem;
    padding-top: 3.75rem;
    padding-bottom: 3.75rem;
  }
}

.single-news__meta {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.single-news__date {
  color: #031A23;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .single-news__date {
    font-size: 0.75rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

.single-news__tag {
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.9375rem;
  border: 1px solid #0c998a;
  border-radius: 0.25rem;
  color: #0c998a;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .single-news__tag {
    padding: 0.125rem 0.5rem;
    font-size: 0.75rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 500;
  }
}

.single-news__title {
  margin-top: 1rem;
  padding-bottom: 0.875rem;
  border-bottom: 1px solid #0c998a;
  color: #031A23;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .single-news__title {
    margin-top: 0.75rem;
    padding-bottom: 0.75rem;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.single-news__thumb {
  margin-top: 2rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 30rem;
  width: 100%;
  aspect-ratio: 480/360;
  background-color: #d9d9d9;
}
@media screen and (max-width: 768px) {
  .single-news__thumb {
    margin-top: 1.5rem;
  }
}
.single-news__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* ---------- contents(投稿本文：タグに直接スタイルを当てる) ---------- */
.single-news__contents {
  margin-top: 2.5rem;
  color: #031A23;
}
@media screen and (max-width: 768px) {
  .single-news__contents {
    margin-top: 1.875rem;
  }
}

.single-news__contents > *:first-child {
  margin-top: 0;
}

.single-news__contents h2 {
  margin-top: 4rem;
  color: #0c998a;
  font-size: 1.75rem;
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .single-news__contents h2 {
    margin-top: 2.5rem;
    font-size: 1.25rem;
    line-height: 1.45;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.single-news__contents h3 {
  margin-top: 3rem;
  padding-left: 0.9375rem;
  border-left: 5px solid #0c998a;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .single-news__contents h3 {
    margin-top: 2rem;
    padding-left: 0.625rem;
    border-left-width: 3px;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.single-news__contents h4 {
  margin-top: 2rem;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .single-news__contents h4 {
    margin-top: 1.5rem;
    font-size: 0.9375rem;
    line-height: 1.6;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.single-news__contents p {
  margin-top: 1.625rem;
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .single-news__contents p {
    margin-top: 1rem;
    font-size: 0.875rem;
    line-height: 1.8571428571;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

.single-news__contents h2 + *,
.single-news__contents h3 + *,
.single-news__contents h4 + * {
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .single-news__contents h2 + *,
  .single-news__contents h3 + *,
  .single-news__contents h4 + * {
    margin-top: 0.75rem;
  }
}

.single-news__contents h2 + h3 {
  margin-top: 1rem;
}
@media screen and (max-width: 768px) {
  .single-news__contents h2 + h3 {
    margin-top: 0.75rem;
  }
}

.single-news__contents ul,
.single-news__contents ol {
  margin-top: 1.625rem;
  padding-left: 1.5rem;
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .single-news__contents ul,
  .single-news__contents ol {
    margin-top: 1rem;
    padding-left: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.8571428571;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

.single-news__contents ul {
  list-style: disc;
}

.single-news__contents ol {
  list-style: decimal;
}

.single-news__contents li + li {
  margin-top: 0.25rem;
}

.single-news__contents a {
  color: #0c998a;
  text-decoration: underline;
  transition: opacity 0.3s ease;
}
.single-news__contents a:hover {
  opacity: 0.7;
}

.single-news__contents strong {
  font-weight: 700;
}

.single-news__contents figure,
.single-news__contents img {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .single-news__contents figure,
  .single-news__contents img {
    margin-top: 1.5rem;
  }
}

.single-news__contents img {
  height: auto;
}

.single-news__contents figure img {
  margin-top: 0;
}

/* ---------- back ---------- */
.single-news__back {
  margin-top: 3.5rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .single-news__back {
    margin-top: 2.5rem;
  }
}

.single-news__back-link {
  display: inline-flex;
  align-items: center;
  gap: 3rem;
  padding: 1.125rem 2rem 1.125rem 1.5rem;
  background-color: #0c998a;
  color: #ffffff;
  font-size: 1.125rem;
  line-height: 1.4444444444;
  letter-spacing: 0.05em;
  font-weight: 700;
  transition: background-color 0.3s ease;
}
@media screen and (max-width: 768px) {
  .single-news__back-link {
    gap: 1.5rem;
    padding: 0.875rem 1.5rem 0.875rem 1.25rem;
    font-size: 0.9375rem;
    line-height: 1.4666666667;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.single-news__back-icon {
  width: 2.3125rem;
  height: 2.3125rem;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .single-news__back-icon {
    width: 1.75rem;
    height: 1.75rem;
  }
}

.single-news__back-icon .btn-more__arrow-icon {
  transform: translate(-50%, -50%) scaleX(-1);
}

.single-news__back-icon .btn-more__arrow-icon--next {
  transform: translate(120%, -50%) scaleX(-1);
}

.single-news__back-link:hover .single-news__back-icon .btn-more__arrow-icon--current {
  opacity: 0;
  transform: translate(-220%, -50%) scaleX(-1);
}

.single-news__back-link:hover .single-news__back-icon .btn-more__arrow-icon--next {
  opacity: 1;
  transform: translate(-50%, -50%) scaleX(-1);
}

/* ==================================================
*  contact page
================================================== */
.contact-form {
  margin-top: -1.375rem;
  padding-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .contact-form {
    margin-top: 0;
    padding-bottom: 3.75rem;
  }
}

.contact-form__panel {
  padding: 5rem 4.6875rem 2.5rem;
  background-color: rgba(12, 153, 138, 0.1);
}
@media screen and (max-width: 768px) {
  .contact-form__panel {
    padding: 1.875rem 1.25rem;
  }
}

.contact-form__row {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2.5rem;
}
@media screen and (max-width: 768px) {
  .contact-form__row {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }
}

.contact-form__row--textarea {
  align-items: flex-start;
}

.contact-form__row + .contact-form__row {
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .contact-form__row + .contact-form__row {
    margin-top: 1.25rem;
  }
}

.contact-form__label {
  flex-shrink: 0;
  width: 16.625rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1.5rem;
  color: #031A23;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .contact-form__label {
    width: 100%;
    justify-content: flex-start;
    gap: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.4285714286;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

.contact-form__required {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.1875rem 0.375rem;
  background-color: #FF0000;
  color: #ffffff;
  font-size: 0.75rem;
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 700;
}
.contact-form__required.is-hidden {
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .contact-form__required {
    padding: 0.125rem 0.25rem;
    font-size: 0.625rem;
    line-height: 1.8;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

.contact-form__control {
  flex: 1;
  display: flex;
  gap: 2.5rem;
  max-width: 40rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .contact-form__control {
    width: 100%;
    gap: 1rem;
  }
}

.contact-form__control input,
.contact-form__control textarea {
  flex: 1;
  min-width: 0;
  padding: 0.6875rem 1.5rem;
  border: 1px solid #DBDBDB;
  background-color: #ffffff;
  color: #031A23;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 400;
}
.contact-form__control input::placeholder,
.contact-form__control textarea::placeholder {
  color: #BDBDBD;
}
@media screen and (max-width: 768px) {
  .contact-form__control input,
  .contact-form__control textarea {
    padding: 0.625rem 1rem;
    font-size: 0.875rem;
    line-height: 1.4285714286;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

.contact-form__control textarea {
  height: 15.4375rem;
  resize: vertical;
}

.contact-form__select {
  flex: 1;
  position: relative;
  min-width: 0;
}

.contact-form__select select {
  width: 100%;
  padding: 0.6875rem 3rem 0.6875rem 1.5rem;
  border: 1px solid #DBDBDB;
  background-color: #ffffff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7' fill='none'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%23031A23' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 1.875rem center;
  color: #031A23;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .contact-form__select select {
    padding: 0.625rem 2.5rem 0.625rem 1rem;
    background-position: right 1rem center;
    font-size: 0.875rem;
    line-height: 1.4285714286;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

.contact-form__agree {
  margin-top: 2.5rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .contact-form__agree {
    margin-top: 1.875rem;
  }
}

.contact-form__agree .wpcf7-list-item {
  margin-left: 0;
}

.contact-form__agree label {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  color: #031A23;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .contact-form__agree label {
    gap: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.4285714286;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

.contact-form__agree-check[type=checkbox] {
  display: block;
  flex-shrink: 0;
  width: 1.375rem;
  height: 1.375rem;
  border: 1px solid #DBDBDB;
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 0.875rem auto;
  transition: background-color 0.2s, border-color 0.2s;
}
.contact-form__agree-check[type=checkbox]:checked {
  border-color: #0c998a;
  background-color: #0c998a;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10' fill='none'%3E%3Cpath d='M1 5L5 9L13 1' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.contact-form__agree-check[type=checkbox]:focus-visible {
  outline: 2px solid #0c998a;
  outline-offset: 2px;
}
@media screen and (max-width: 768px) {
  .contact-form__agree-check[type=checkbox] {
    width: 1.25rem;
    height: 1.25rem;
  }
}

.contact-form__agree-link {
  color: #0c998a;
  text-decoration: underline;
}
.contact-form__agree-link:hover {
  text-decoration: none;
}

.contact-form__agree .wpcf7-not-valid-tip {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  letter-spacing: 0em;
  font-weight: 400;
}

.contact-form__submit {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .contact-form__submit {
    gap: 1rem;
    margin-top: 1.875rem;
  }
}

.contact-form__submit .wpcf7-spinner {
  display: none;
}

.wpcf7-form.submitting .contact-form__submit .wpcf7-spinner {
  display: block;
  margin: 0 calc(50% - 12px);
}

.contact-form__submit-btn {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  border: none;
  cursor: pointer;
  padding: 1rem 1rem 1rem 1.75rem;
  background-color: #0c998a;
  color: #ffffff;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 1rem;
  line-height: 1.4375;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .contact-form__submit-btn {
    gap: 1rem;
    padding: 0.75rem 0.75rem 0.75rem 1.25rem;
    font-size: 0.875rem;
    line-height: 1.4285714286;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.contact-form__submit-btn .btn-more__arrow {
  background-color: #ffffff;
}

.contact-form__submit-btn:hover .btn-more__arrow-icon--current {
  opacity: 0;
  transform: translate(120%, -50%);
}

.contact-form__submit-btn:hover .btn-more__arrow-icon--next {
  opacity: 1;
  transform: translate(-50%, -50%);
}

.contact-form__control .wpcf7-form-control-wrap {
  display: block;
  flex: 1;
  min-width: 0;
}

.contact-form__control .wpcf7-form-control-wrap input,
.contact-form__control .wpcf7-form-control-wrap textarea {
  width: 100%;
}

.contact-form__control .wpcf7-not-valid-tip {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  letter-spacing: 0em;
  font-weight: 400;
}

.contact-form__value {
  flex: 1;
  min-width: 0;
  color: #031A23;
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0em;
  font-weight: 400;
  white-space: pre-wrap;
  word-break: break-all;
}
@media screen and (max-width: 768px) {
  .contact-form__value {
    font-size: 0.875rem;
    line-height: 1.7142857143;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

.contact-form__back-btn {
  display: inline-block;
  border: 1px solid #0c998a;
  cursor: pointer;
  padding: 1.25rem 3rem;
  background-color: #ffffff;
  color: #0c998a;
  font-size: 1rem;
  line-height: 1.4375;
  letter-spacing: 0.05em;
  font-weight: 700;
}
.contact-form__back-btn:hover {
  opacity: 0.8;
}
@media screen and (max-width: 768px) {
  .contact-form__back-btn {
    padding: 0.9375rem 2rem;
    font-size: 0.875rem;
    line-height: 1.4285714286;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.contact-thanks {
  padding-top: 2.5rem;
  padding-bottom: 7.5rem;
}
@media screen and (max-width: 768px) {
  .contact-thanks {
    padding-top: 1.25rem;
    padding-bottom: 5rem;
  }
}

.contact-thanks__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.contact-thanks__title {
  color: #0c998a;
  font-size: 1.5rem;
  line-height: 1.4583333333;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .contact-thanks__title {
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.contact-thanks__text {
  margin-top: 1.5rem;
  color: #031A23;
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .contact-thanks__text {
    margin-top: 1rem;
    text-align: left;
    font-size: 0.875rem;
    line-height: 1.8571428571;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

.contact-thanks__more {
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .contact-thanks__more {
    margin-top: 2rem;
  }
}

/* ==================================================
*  case list page
================================================== */
/* ---------- filter ---------- */
.case-list__filter {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .case-list__filter {
    gap: 0.5rem;
  }
}

.case-list__filter-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.4375rem 0.9375rem;
  border: 1px solid #0c998a;
  background-color: #ffffff;
  color: #031A23;
  font-size: 1rem;
  line-height: 1.4375;
  letter-spacing: 0.05em;
  font-weight: 500;
}
.case-list__filter-link.is-active {
  background-color: #0c998a;
  color: #ffffff;
}
@media screen and (max-width: 768px) {
  .case-list__filter-link {
    padding: 0.5rem 1rem;
    font-size: 0.75rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 500;
  }
}

/* ---------- current（タグ一覧で表示中のタグ） ---------- */
.case-list__current {
  padding-bottom: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem 2.5rem;
  border-bottom: 1px solid #0c998a;
}
@media screen and (max-width: 768px) {
  .case-list__current {
    padding-bottom: 1rem;
    flex-direction: column;
    align-items: flex-start;
  }
}

.case-list__current-text {
  color: #031A23;
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .case-list__current-text {
    font-size: 0.875rem;
    line-height: 1.7142857143;
    letter-spacing: 0.05em;
    font-weight: 500;
  }
}

.case-list__current-name {
  margin-right: 0.25rem;
  color: #0c998a;
  font-size: 1.75rem;
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .case-list__current-name {
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.case-list__current-link {
  flex-shrink: 0;
  padding: 0;
}

/* ---------- grid（トップページのcase__cardを再利用、案内列のオフセットなしで揃える） ---------- */
.case-list__grid {
  margin-top: 5rem;
}
@media screen and (max-width: 768px) {
  .case-list__grid {
    margin-top: 3.75rem;
  }
}

/* ---------- pagination ---------- */
.case-pagination {
  margin-top: 5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .case-pagination {
    margin-top: 2.5rem;
    gap: 0.75rem;
  }
}

.case-pagination__arrow {
  flex-shrink: 0;
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  background-color: #0c998a;
  border-radius: 50%;
}
.case-pagination__arrow.is-disabled {
  opacity: 0.2;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .case-pagination__arrow {
    width: 1.25rem;
    height: 1.25rem;
  }
}

.case-pagination__list {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin: 0 1rem;
}
@media screen and (max-width: 768px) {
  .case-pagination__list {
    gap: 1.25rem;
    margin: 0 0.5rem;
  }
}

.case-pagination__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #031A23;
  font-size: 1.25rem;
  line-height: 1.45;
  letter-spacing: 0em;
  font-weight: 700;
}
.case-pagination__link.is-current {
  color: #0c998a;
}
@media screen and (max-width: 768px) {
  .case-pagination__link {
    font-size: 0.9375rem;
    line-height: 1.3333333333;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

/* ==================================================
*  case detail page
================================================== */
/* ---------- hero（装飾なし・専用のメインビュー） ---------- */
.case-hero {
  background: linear-gradient(to bottom, #F5F7F9 0%, #F5F7F9 78%, #ffffff 78%, #ffffff 100%);
  padding-bottom: 2rem;
}
@media screen and (max-width: 768px) {
  .case-hero {
    background: linear-gradient(to bottom, #F5F7F9 0%, #F5F7F9 55%, #ffffff 55%, #ffffff 100%);
    padding-bottom: 2rem;
  }
}

.case-hero__inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2.5rem;
  padding-top: 8.3125rem;
  padding-bottom: 3rem;
}
@media screen and (max-width: 768px) {
  .case-hero__inner {
    flex-direction: column-reverse;
    gap: 1.5rem;
    padding-top: 5.75rem;
    padding-bottom: 2rem;
  }
}

.case-hero__body {
  flex: 1;
  min-width: 0;
  padding: 1.5rem;
  margin-top: 2.8125rem;
}
@media screen and (max-width: 768px) {
  .case-hero__body {
    margin-top: 0;
    padding: 0 0.75rem;
  }
}

.case-hero__pill {
  display: inline-block;
  border: 1px solid #0c998a;
  background-color: rgba(12, 153, 138, 0.1);
  color: #0c998a;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
  font-weight: 400;
  padding: 0.1875rem 0.9375rem;
  border-radius: 999px;
}

.case-hero__title {
  margin-top: 0.5rem;
  color: #0c998a;
  font-size: 2rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .case-hero__title {
    margin-top: 0.75rem;
    font-size: 1.25rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.case-hero__meta {
  margin-top: 0.5rem;
  color: #031A23;
  font-size: 0.75rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .case-hero__meta {
    margin-top: 0.75rem;
    font-size: 0.75rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

.case-hero__meta span + span {
  margin-left: 1.5rem;
}
@media screen and (max-width: 768px) {
  .case-hero__meta span + span {
    margin-left: 1rem;
  }
}

.case-hero__photo {
  flex-shrink: 0;
  max-width: 25rem;
  width: 100%;
}
@media screen and (max-width: 768px) {
  .case-hero__photo {
    max-width: none;
  }
}

.case-hero__photo img {
  width: 100%;
  aspect-ratio: 400/300;
  object-fit: cover;
  display: block;
}

/* ---------- body layout（本文＋サイドバー） ---------- */
.case-detail {
  padding-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .case-detail {
    padding-bottom: 3.75rem;
  }
}

.case-detail__row {
  display: flex;
  align-items: flex-start;
  gap: 2.5rem;
}
@media screen and (max-width: 768px) {
  .case-detail__row {
    flex-direction: column;
    gap: 3.75rem;
  }
}

.case-detail__main {
  flex: 1;
  min-width: 0;
}

.case-detail__side {
  flex-shrink: 0;
  width: 20rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .case-detail__side {
    width: 100%;
  }
}

/* ---------- overview box ---------- */
.case-overview {
  padding: 1.5rem 2.5rem;
  border: 1px solid #0c998a;
}
@media screen and (max-width: 768px) {
  .case-overview {
    padding: 1.25rem;
  }
}

.case-overview__name {
  color: #031A23;
  font-size: 1.5rem;
  line-height: 1.75;
  letter-spacing: 0em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .case-overview__name {
    font-size: 1.125rem;
    line-height: 1.4444444444;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

.case-overview__lead {
  margin-top: 1rem;
  color: #031A23;
  font-size: 1rem;
  line-height: 1.4375;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .case-overview__lead {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.7142857143;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

.case-overview__list {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}

.case-overview__row {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}

.case-overview__label {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0.0625rem 0;
  max-width: 6.75rem;
  width: 100%;
  text-align: center;
  border: 1px solid #0c998a;
  border-radius: 3.125rem;
  color: #0c998a;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  letter-spacing: 0em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .case-overview__label {
    font-size: 0.75rem;
    max-width: 5.625rem;
  }
}

.case-overview__value {
  flex: 1;
  min-width: 0;
  color: #031A23;
  font-size: 1rem;
  line-height: 1.4375;
  letter-spacing: 0.05em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .case-overview__value {
    font-size: 0.875rem;
  }
}

/* ---------- content（本文） ---------- */
.case-content {
  margin-top: 2.5rem;
}
@media screen and (max-width: 768px) {
  .case-content {
    margin-top: 1.875rem;
  }
}

.case-content > :first-child {
  margin-top: 0;
}

.case-content__heading, .case-content h2 {
  display: block;
  margin-top: 3.5rem;
  padding: 0.25rem 1rem;
  background-color: #0c998a;
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 1.4583333333;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .case-content__heading, .case-content h2 {
    margin-top: 2.5rem;
    padding: 0.75rem 1rem;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.case-content__subheading, .case-content h3 {
  margin-top: 2.5rem;
  padding-left: 0.75rem;
  border-left: 0.25rem solid #0c998a;
  color: #0c998a;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .case-content__subheading, .case-content h3 {
    margin-top: 2rem;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.case-content__summary, .case-content ul {
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .case-content__summary, .case-content ul {
    margin-top: 1rem;
  }
}

.case-content__quote, .case-content blockquote {
  padding-left: 1.25rem;
  border-left: 0.25rem solid #DEEEEE;
}

.case-content__figure, .case-content figure {
  margin-top: 2rem;
}
@media screen and (max-width: 768px) {
  .case-content__figure, .case-content figure {
    margin-top: 1.5rem;
  }
}

.case-content__columns, .case-content .wp-block-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2.5rem;
  align-items: center;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .case-content__columns, .case-content .wp-block-columns {
    display: block;
  }
}

.case-content__column > :first-child, .case-content .wp-block-column > :first-child {
  margin-top: 0;
}

@media screen and (max-width: 768px) {
  .case-content__column + .case-content__column, .case-content .wp-block-column + .case-content__column, .case-content .case-content__column + .wp-block-column, .case-content .wp-block-column + .wp-block-column {
    margin-top: 1.5rem;
  }
}

.case-content__heading + *, .case-content h2 + * {
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .case-content__heading + *, .case-content h2 + * {
    margin-top: 1rem;
  }
}

.case-content__summary li, .case-content ul li {
  margin-left: 1.5em;
  list-style-type: disc;
  color: #031A23;
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .case-content__summary li, .case-content ul li {
    font-size: 0.875rem;
    line-height: 1.8571428571;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

.case-content__text, .case-content p {
  margin-top: 1.5rem;
  color: #031A23;
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .case-content__text, .case-content p {
    margin-top: 1rem;
    font-size: 0.875rem;
    line-height: 1.8571428571;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

.case-content__text + .case-content__text, .case-content p + .case-content__text, .case-content .case-content__text + p, .case-content p + p {
  margin-top: 1.5rem;
}
@media screen and (max-width: 768px) {
  .case-content__text + .case-content__text, .case-content p + .case-content__text, .case-content .case-content__text + p, .case-content p + p {
    margin-top: 1rem;
  }
}

.case-list__empty {
  margin-top: 5rem;
  text-align: center;
  color: #031A23;
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .case-list__empty {
    margin-top: 3.75rem;
    font-size: 0.875rem;
    line-height: 1.8571428571;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

.case-detail__back {
  margin-top: 5rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .case-detail__back {
    margin-top: 2.5rem;
  }
}

.case-detail__back-link {
  display: inline-flex;
  align-items: center;
  gap: 2.5rem;
  padding: 1.125rem 1.5rem;
  background-color: #0c998a;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.4375;
  letter-spacing: 0.05em;
  font-weight: 700;
  transition: background-color 0.3s ease;
}
@media screen and (max-width: 768px) {
  .case-detail__back-link {
    gap: 1.25rem;
    padding: 0.875rem 1.25rem;
    font-size: 0.875rem;
    line-height: 1.4285714286;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.case-detail__back-icon {
  width: 2.3125rem;
  height: 2.3125rem;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .case-detail__back-icon {
    width: 1.75rem;
    height: 1.75rem;
  }
}

.case-detail__back-icon .btn-more__arrow-icon {
  transform: translate(-50%, -50%) scaleX(-1);
}

.case-detail__back-icon .btn-more__arrow-icon--next {
  transform: translate(120%, -50%) scaleX(-1);
}

.case-detail__back-link:hover .case-detail__back-icon .btn-more__arrow-icon--current {
  opacity: 0;
  transform: translate(-220%, -50%) scaleX(-1);
}

.case-detail__back-link:hover .case-detail__back-icon .btn-more__arrow-icon--next {
  opacity: 1;
  transform: translate(-50%, -50%) scaleX(-1);
}

/* ---------- pager（前後の事例） ---------- */
.case-pager {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 1px minmax(0, 1fr);
  margin-top: 5rem;
  border-top: 1px solid #0c998a;
  border-bottom: 1px solid #0c998a;
}
@media screen and (max-width: 768px) {
  .case-pager {
    grid-template-columns: minmax(0, 1fr);
    margin-top: 3.5rem;
  }
}
.case-pager::before {
  content: "";
  grid-column: 2;
  grid-row: 1;
  margin-top: 1rem;
  margin-bottom: 1rem;
  background-color: #0c998a;
}
@media screen and (max-width: 768px) {
  .case-pager::before {
    display: none;
  }
}

.case-pager + .case-detail__back {
  margin-top: 3rem;
}
@media screen and (max-width: 768px) {
  .case-pager + .case-detail__back {
    margin-top: 2rem;
  }
}

.case-pager__item {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
  .case-pager__item {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

.case-pager__item--prev {
  grid-column: 1;
  grid-row: 1;
  padding-right: 1.5rem;
}
@media screen and (max-width: 768px) {
  .case-pager__item--prev {
    grid-column: auto;
    grid-row: auto;
    padding-right: 0;
  }
}

.case-pager__item--next {
  grid-column: 3;
  grid-row: 1;
  padding-left: 1.5rem;
}
@media screen and (max-width: 768px) {
  .case-pager__item--next {
    grid-column: auto;
    grid-row: auto;
    padding-left: 0;
  }
}

@media screen and (max-width: 768px) {
  .case-pager__item + .case-pager__item {
    border-top: 1px solid rgba(12, 153, 138, 0.3);
  }
}

.case-pager__link {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .case-pager__link {
    gap: 0.75rem;
  }
}

.case-pager__item--next .case-pager__link {
  flex-direction: row-reverse;
}

.case-pager__icon {
  width: 2rem;
  height: 2rem;
}
@media screen and (max-width: 768px) {
  .case-pager__icon {
    width: 1.75rem;
    height: 1.75rem;
  }
}

.case-pager__link:hover .btn-more__arrow-icon--current {
  opacity: 0;
  transform: translate(120%, -50%);
}

.case-pager__link:hover .btn-more__arrow-icon--next {
  opacity: 1;
  transform: translate(-50%, -50%);
}

.case-pager__item--prev .btn-more__arrow-icon {
  transform: translate(-50%, -50%) scaleX(-1);
}

.case-pager__item--prev .btn-more__arrow-icon--next {
  transform: translate(120%, -50%) scaleX(-1);
}

.case-pager__item--prev .case-pager__link:hover .btn-more__arrow-icon--current {
  opacity: 0;
  transform: translate(-220%, -50%) scaleX(-1);
}

.case-pager__item--prev .case-pager__link:hover .btn-more__arrow-icon--next {
  opacity: 1;
  transform: translate(-50%, -50%) scaleX(-1);
}

.case-pager__thumb {
  flex-shrink: 0;
  width: 6rem;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .case-pager__thumb {
    width: 4.5rem;
  }
}
.case-pager__thumb img {
  aspect-ratio: 3/2;
  object-fit: cover;
  transition: transform 0.3s ease;
}

.case-pager__link:hover .case-pager__thumb img {
  transform: scale(1.05);
}

.case-pager__body {
  display: block;
  flex: 1;
  min-width: 0;
}

.case-pager__label {
  display: block;
  color: #0c998a;
  font-family: "Montserrat", sans-serif;
  font-size: 0.75rem;
  line-height: 1.25;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.case-pager__title {
  display: -webkit-box;
  overflow: hidden;
  margin-top: 0.25rem;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #031A23;
  font-size: 0.875rem;
  line-height: 1.5714285714;
  letter-spacing: 0.05em;
  font-weight: 700;
  transition: color 0.3s ease;
}

.case-pager__link:hover .case-pager__title {
  color: #0c998a;
}

/* ---------- sidebar ---------- */
.case-side {
  padding: 1.5rem;
  background-color: rgba(12, 153, 138, 0.1);
}

.case-side__title {
  color: #031A23;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .case-side__title {
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

.case-side__list {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  border-bottom: 1px solid #0c998a;
}

.case-side__item {
  border-top: 1px solid #0c998a;
  padding: 1rem 0;
}

.case-side__item:last-child {
  padding-bottom: 0.8125rem;
}

.case-side__item a {
  display: flex;
  gap: 1rem;
}

.case-side__thumb {
  flex-shrink: 0;
  max-width: 6.25rem;
  width: 100%;
}

.case-side__item-title {
  flex: 1;
  min-width: 0;
}

.case-side__item-title-clamp {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #031A23;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
  font-weight: 700;
}

.case-side__tags {
  margin-top: 1rem;
  border-top: 1px solid #0c998a;
  padding-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.case-side__tag {
  display: inline-flex;
  align-items: center;
  padding: 0.1875rem 0.9375rem;
  border: 1px solid #0c998a;
  border-radius: 62.4375rem;
  background-color: #fff;
  color: #0c998a;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
  font-weight: 400;
}

.case-side__tags--hash {
  gap: 0.5rem 1rem;
}

.case-side__tag--hash {
  padding: 0;
  border: none;
  border-radius: 0;
  background-color: transparent;
  color: #031A23;
  transition: color 0.3s;
}
.case-side__tag--hash::before {
  content: "#";
  color: #0c998a;
}
.case-side__tag--hash:hover {
  color: #0c998a;
}

/* ---------- related articles（トップページのcase__cardを再利用） ---------- */
.case-related__inner {
  max-width: 83.125rem;
}
@media screen and (max-width: 768px) {
  .case-related__inner {
    max-width: 500px;
  }
}

.case-related__heading {
  text-align: center;
}

.case-related__heading span {
  display: inline-flex;
  align-items: center;
  padding: 0.4375rem 0.9375rem;
  border: 1px solid #0c998a;
  color: #0c998a;
  font-size: 1.5rem;
  line-height: 1.4583333333;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .case-related__heading span {
    font-size: 1.25rem;
  }
}

.case-related__grid {
  margin-top: 2.5rem;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem;
}
@media screen and (max-width: 1280px) {
  .case-related__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 768px) {
  .case-related__grid {
    margin-top: 1.5rem;
    grid-template-columns: 1fr;
    gap: 1.5rem;
  }
}

.case-related .case__client {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
  font-weight: 700;
  padding: 0.4375rem 0.9375rem;
  background-color: #fff;
}
@media screen and (max-width: 768px) {
  .case-related .case__client {
    font-size: 0.9375rem;
  }
}

.case-related .case__photo {
  aspect-ratio: 302/176;
}

.case-related .case__card-title {
  font-size: 1.125rem;
  line-height: 1.7777777778;
  letter-spacing: 0.05em;
  font-weight: 700;
}

.case-related .case__card-text {
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .case-related .case__card-text {
    font-size: 0.875rem;
  }
}

.case-related .case__pill {
  display: block;
  width: fit-content;
  margin-top: 0.5rem;
  margin-left: auto;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
  font-weight: 400;
  padding: 0.1875rem 0.9375rem;
  background-color: rgba(12, 153, 138, 0.1);
}
@media screen and (max-width: 768px) {
  .case-related .case__pill {
    font-size: 0.75rem;
  }
}

/* ==================================================
*  service page
================================================== */
/* ---------- lead（採用に悩む時間を〜） ---------- */
.service-lead {
  position: relative;
  overflow-x: clip;
  background-color: #ffffff;
  padding-top: 8.3125rem;
  padding-bottom: 6.6875rem;
}
@media screen and (max-width: 768px) {
  .service-lead {
    padding-top: 2.5rem;
    padding-bottom: 0;
  }
}

.service-lead__inner {
  text-align: center;
}

.service-lead__arrows {
  position: absolute;
  top: -2.875rem;
  left: 50%;
  width: 47.1875rem;
  max-width: none;
  transform: translateX(-50%);
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .service-lead__arrows {
    top: 0.75rem;
    width: 18.75rem;
  }
}

.service-lead__heading {
  position: relative;
  z-index: 1;
  display: inline-block;
  border: 1px solid #0c998a;
  color: #031A23;
  font-size: 2.5rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  font-weight: 700;
  padding: 0.25rem 1.375rem;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .service-lead__heading {
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
    padding: 0.75rem 1rem;
  }
}

.service-lead__heading-accent {
  color: #0c998a;
}

.service-lead__text {
  position: relative;
  z-index: 1;
  margin-top: 1.375rem;
  color: #031A23;
  font-size: 1.125rem;
  line-height: 1.4444444444;
  letter-spacing: 0.05em;
  font-weight: 500;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .service-lead__text {
    margin-top: 1rem;
    font-size: 0.8125rem;
    line-height: 1.6923076923;
    letter-spacing: 0.05em;
    font-weight: 500;
  }
}

.service-lead__divider {
  position: relative;
  z-index: 1;
  margin-top: 5.25rem;
  border-top: 1px solid #0c998a;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .service-lead__divider {
    margin-top: 2rem;
  }
}

.service-lead__logo-band {
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  border-bottom: 1px solid #0c998a;
}

.service-lead__logos {
  padding: 3.25rem 0 3.1875rem;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .service-lead__logos {
    padding: 1.75rem 0;
  }
}

.service-lead__logo-list {
  align-items: center;
  transition-timing-function: linear;
}

.service-lead__logo {
  width: auto;
}

.service-lead__logo-img {
  display: block;
  width: auto;
  height: 2.5rem;
}
@media screen and (max-width: 768px) {
  .service-lead__logo-img {
    height: 1.75rem;
  }
}

/* ---------- worry（こんなお悩みありませんか） ---------- */
.worry {
  position: relative;
  overflow-x: clip;
  background-color: #F5F7F9;
  padding-bottom: 2.5625rem;
}
@media screen and (max-width: 768px) {
  .worry {
    padding: 3.5rem 0;
  }
}

.worry__inner {
  display: flex;
  flex-direction: column;
}

.worry__tag {
  position: relative;
  z-index: 1;
  align-self: center;
  margin-top: -1.75rem;
  background-color: #0c998a;
  color: #ffffff;
  font-size: 1.5rem;
  line-height: 1.4583333333;
  letter-spacing: 0.05em;
  font-weight: 700;
  padding: 0.625rem 1.625rem;
}
@media screen and (max-width: 768px) {
  .worry__tag {
    align-self: flex-start;
    margin-top: 0;
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
    padding: 0.625rem 1rem;
  }
}

.worry__tag-accent {
  font-size: 2rem;
  line-height: 0.75;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .worry__tag-accent {
    font-size: 1.375rem;
    line-height: 1.2272727273;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.worry__list {
  width: 100%;
  max-width: 61.75rem;
  margin-top: 2.5625rem;
  margin-left: 5.375rem;
}
@media screen and (max-width: 768px) {
  .worry__list {
    margin-top: 2.5rem;
    margin-left: 0;
  }
}

.worry__item {
  display: flex;
  align-items: center;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .worry__item {
    align-items: center;
  }
}

@media screen and (max-width: 768px) {
  .worry__item + .worry__item {
    margin-top: 1.5rem;
  }
}

.worry__item--reverse {
  flex-direction: row-reverse;
}
@media screen and (max-width: 768px) {
  .worry__item--reverse {
    justify-content: flex-end;
  }
}

.worry__icon {
  flex-shrink: 0;
  width: 12.75rem;
  height: 9.5625rem;
  border-radius: 50%;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .worry__icon {
    width: 5.5rem;
    height: 5.5rem;
  }
}

.worry__icon img {
  width: 8.5rem;
  height: auto;
}
@media screen and (max-width: 768px) {
  .worry__icon img {
    width: 70%;
  }
}

.worry__card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
@media screen and (max-width: 768px) {
  .worry__card {
    flex: 1;
  }
}

.worry__item--reverse .worry__card {
  align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .worry__item--reverse .worry__card {
    align-items: flex-start;
  }
}

.worry__title {
  position: relative;
  z-index: 1;
  border: 1px solid #0c998a;
  background-color: #ffffff;
  color: #031A23;
  font-size: 1.125rem;
  line-height: 1.4444444444;
  letter-spacing: 0.05em;
  font-weight: 700;
  padding: 0.5rem 1rem;
}
@media screen and (max-width: 768px) {
  .worry__title {
    font-size: 0.875rem;
    line-height: 1.4285714286;
    letter-spacing: 0.05em;
    font-weight: 700;
    padding: 0.5rem 0.875rem;
  }
}

.worry__text {
  display: block;
  margin-top: -1px;
  border: 1px solid #0c998a;
  background-color: #ffffff;
  color: #031A23;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  letter-spacing: 0.05em;
  font-weight: 400;
  padding: 0.3125rem 1rem;
}
@media screen and (max-width: 768px) {
  .worry__text {
    font-size: 0.75rem;
    line-height: 1.6666666667;
    letter-spacing: 0.05em;
    font-weight: 400;
    padding: 0.5rem 0.875rem;
  }
}

/* ---------- approach（採用を「作業」ではなく「仕組み」に変えます） ---------- */
.approach {
  position: relative;
  overflow: hidden;
  background-color: #DEEEEE;
  padding: 8.25rem 0 5rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .approach {
    padding: 3rem 0;
  }
}

.approach::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 59.125rem;
  height: 5.0625rem;
  background-color: #F5F7F9;
  clip-path: polygon(0 0, 100% 0, 50% 100%);
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .approach::before {
    display: none;
  }
}

.approach__inner {
  position: relative;
}

.approach__deco {
  position: absolute;
  display: block;
  pointer-events: none;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .approach__deco {
    display: none;
  }
}

.approach__deco--01 {
  left: -2.5rem;
  top: 0rem;
  width: 2.75rem;
}

.approach__deco--02 {
  left: 3.75rem;
  bottom: 1.25rem;
  width: 7.5rem;
}

.approach__deco--03 {
  right: 5rem;
  top: 0.625rem;
  width: 3.5rem;
}

.approach__deco--04 {
  right: -1.875rem;
  bottom: 0rem;
  width: 2.25rem;
}

.approach__head {
  position: relative;
  z-index: 1;
  color: #031A23;
  font-size: 1.75rem;
  line-height: 1.4642857143;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .approach__head {
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.approach__head-accent {
  color: #0c998a;
}

.approach__lead {
  position: relative;
  z-index: 1;
  margin-top: 1.5rem;
  color: #031A23;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .approach__lead {
    margin-top: 1rem;
    font-size: 0.8125rem;
    line-height: 1.6923076923;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

.approach__flow {
  position: relative;
  z-index: 1;
  margin-top: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.5rem;
  color: #031A23;
  font-size: 1rem;
  line-height: 1.625;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .approach__flow {
    font-size: 0.8125rem;
    line-height: 1.6923076923;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

.approach__flow-step {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4.5rem;
  height: 4.5rem;
  border-radius: 50%;
  background-color: #0c998a;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .approach__flow-step {
    width: 3.25rem;
    height: 3.25rem;
    font-size: 0.8125rem;
    line-height: 1.5384615385;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.approach__flow-arrow {
  color: #0c998a;
}

.approach__tags {
  position: relative;
  z-index: 1;
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}
@media screen and (max-width: 768px) {
  .approach__tags {
    margin-top: 1.5rem;
    gap: 0.75rem;
  }
}

.approach__tag {
  border: 1px solid #0c998a;
  background-color: #ffffff;
  color: #0c998a;
  font-size: 1.125rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-weight: 700;
  padding: 0.75rem 1.5rem;
}
@media screen and (max-width: 768px) {
  .approach__tag {
    font-size: 0.8125rem;
    line-height: 1.5384615385;
    letter-spacing: 0.05em;
    font-weight: 700;
    padding: 0.625rem 1rem;
  }
}

/* ---------- feature（サービスの特長） ---------- */
.feature {
  position: relative;
  overflow: hidden;
  isolation: isolate;
  padding: 6rem 0;
}
@media screen and (max-width: 768px) {
  .feature {
    padding: 3.5rem 0;
  }
}

.feature__bg {
  position: absolute;
  inset: 0;
  z-index: -2;
}

.feature__bg-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.feature__bg::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #0c998a;
  opacity: 0.85;
}

.feature__head {
  position: relative;
}

.feature__list {
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .feature__list {
    margin-top: 2.5rem;
  }
}

.feature__item {
  display: grid;
  grid-template-columns: 1.5rem 22.5rem 2.5rem minmax(0, 1fr);
  align-items: start;
}
@media screen and (max-width: 768px) {
  .feature__item {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
}

.feature__item + .feature__item {
  margin-top: 4rem;
}
@media screen and (max-width: 768px) {
  .feature__item + .feature__item {
    margin-top: 2.5rem;
  }
}

.feature__item--reverse {
  grid-template-columns: minmax(0, 1fr) 2.5rem 22.5rem 1.5rem;
}

.feature__photo {
  position: relative;
  grid-row: 1;
  grid-column: 2/4;
}

.feature__photo img {
  width: 100%;
  aspect-ratio: 400/233;
  object-fit: cover;
}

.feature__num {
  position: absolute;
  z-index: 1;
  top: -0.375rem;
  left: -1.5rem;
  padding: 0 0.9375rem;
  background-color: #ffffff;
  color: #0c998a;
  font-family: "Montserrat", sans-serif;
  font-size: 2.5rem;
  line-height: 1.575;
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  .feature__num {
    top: -0.75rem;
    left: -0.75rem;
    padding: 0 0.625rem;
    font-size: 1.5rem;
    line-height: 1.6666666667;
    font-weight: 900;
  }
}

.feature__item--reverse .feature__num {
  top: -1.4375rem;
  left: auto;
  right: -1.5rem;
}
@media screen and (max-width: 768px) {
  .feature__item--reverse .feature__num {
    top: -0.75rem;
    right: -0.75rem;
  }
}

.feature__body {
  position: relative;
  z-index: 1;
  grid-row: 1;
  grid-column: 3/5;
  margin-top: 2.5625rem;
  background-color: #ffffff;
  padding: 1.5rem;
}
@media screen and (max-width: 768px) {
  .feature__body {
    margin-top: 0;
    padding: 1.25rem;
  }
}

.feature__item--reverse .feature__body {
  grid-column: 1/3;
}

.feature__title {
  color: #0c998a;
  font-size: 1.5rem;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .feature__title {
    font-size: 1.375rem;
    line-height: 1.4545454545;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.feature__text {
  margin-top: 0.5rem;
  color: #031A23;
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .feature__text {
    margin-top: 1rem;
    font-size: 0.875rem;
    line-height: 1.8571428571;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

.feature__text + .feature__text {
  margin-top: 0.5rem;
}
@media screen and (max-width: 768px) {
  .feature__text + .feature__text {
    margin-top: 0.75rem;
  }
}

/* ---------- flow（ご支援の流れ） ---------- */
.flow {
  position: relative;
  background-color: #ffffff;
  padding: 6rem 0;
}
@media screen and (max-width: 768px) {
  .flow {
    padding: 3.5rem 0;
  }
}

.flow__list {
  margin-top: 2.5rem;
  margin-left: 9rem;
}
@media screen and (max-width: 768px) {
  .flow__list {
    margin-left: 0;
  }
}

.flow__item {
  display: flex;
  align-items: flex-start;
  gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .flow__item {
    gap: 0.75rem;
  }
}

.flow__item + .flow__item {
  margin-top: 0.5rem;
}

.flow__num {
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 0.4375rem;
}
@media screen and (max-width: 768px) {
  .flow__num {
    margin-top: 0;
  }
}

.flow__num-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
  background-color: #0c998a;
  color: #ffffff;
  font-family: "Montserrat", sans-serif;
  font-size: 1.75rem;
  line-height: 1.2142857143;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .flow__num-circle {
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.125rem;
    line-height: 1.2222222222;
    font-weight: 700;
  }
}

.flow__num-arrow {
  display: block;
  margin-top: 0.9375rem;
  width: 1rem;
  height: 1.75rem;
}
@media screen and (max-width: 768px) {
  .flow__num-arrow {
    margin-top: 0.5rem;
    width: 0.75rem;
    height: 1.3125rem;
  }
}

.flow__item:last-child .flow__num-arrow {
  display: none;
}

.flow__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
}
@media screen and (max-width: 768px) {
  .flow__body {
    padding-bottom: 1.25rem;
  }
}

.flow__title {
  position: relative;
  z-index: 1;
  border: 1px solid #0c998a;
  background-color: #ffffff;
  color: #031A23;
  font-size: 1.125rem;
  line-height: 1.4444444444;
  letter-spacing: 0.05em;
  font-weight: 700;
  padding: 0.4375rem 1rem;
}
@media screen and (max-width: 768px) {
  .flow__title {
    font-size: 0.8125rem;
    line-height: 1.5384615385;
    letter-spacing: 0.05em;
    font-weight: 700;
    padding: 0.3125rem 0.75rem;
  }
}

.flow__text {
  margin-top: -1px;
  border: 1px solid #0c998a;
  color: #031A23;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  letter-spacing: 0.05em;
  font-weight: 400;
  padding: 0.3125rem 1rem;
}
@media screen and (max-width: 768px) {
  .flow__text {
    font-size: 0.8125rem;
    line-height: 1.6923076923;
    letter-spacing: 0.05em;
    font-weight: 400;
    padding: 0.5rem 0.75rem;
  }
}

.flow__text-accent {
  color: #0c998a;
  font-weight: 700;
}

/* ---------- faq（よくあるご質問） ---------- */
.faq {
  position: relative;
  background-color: #F5F7F9;
  padding: 6rem 0;
}
@media screen and (max-width: 768px) {
  .faq {
    padding: 3.5rem 0;
  }
}

.faq__list {
  margin-top: 2.5rem;
  background-color: #ffffff;
}

.faq__item {
  border-bottom: 1px solid #DBDBDB;
}

.faq__item:last-child {
  border-bottom: none;
}

.faq__question {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 2rem;
  padding: 1.5rem 2.1875rem 1.5rem 1.9375rem;
  text-align: left;
  background: none;
  border: none;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .faq__question {
    padding: 1rem 1.25rem;
    gap: 0.625rem;
  }
}

.faq__q-icon {
  flex-shrink: 0;
  width: 2.1875rem;
  text-align: center;
  font-family: "Montserrat", sans-serif;
  font-size: 2.75rem;
  line-height: 0.9090909091;
  font-weight: 400;
  color: transparent;
  -webkit-text-stroke: 1px #0c998a;
}
@media screen and (max-width: 768px) {
  .faq__q-icon {
    width: 1.5rem;
    font-size: 1.75rem;
    line-height: 1;
    font-weight: 400;
  }
}

.faq__q-text {
  flex: 1;
  min-width: 0;
  color: #031A23;
  font-size: 1.125rem;
  line-height: 1.4444444444;
  letter-spacing: 0.01em;
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .faq__q-text {
    font-size: 0.8125rem;
    line-height: 1.5384615385;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.faq__toggle {
  flex-shrink: 0;
  position: relative;
  width: 0.875rem;
  height: 0.875rem;
}

.faq__toggle::before,
.faq__toggle::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background-color: #0c998a;
  transform: translate(-50%, -50%);
  transition: transform 0.3s ease, opacity 0.3s ease;
}

.faq__toggle::before {
  width: 100%;
  height: 2px;
}

.faq__toggle::after {
  width: 2px;
  height: 100%;
}

.faq__item.is-open .faq__toggle::after {
  opacity: 0;
  transform: translate(-50%, -50%) rotate(90deg);
}

.faq__answer {
  display: flex;
  align-items: center;
  gap: 2rem;
  background-color: #F5F7F9;
  padding: 1.1875rem 2.1875rem 1.1875rem 1.9375rem;
}
@media screen and (max-width: 768px) {
  .faq__answer {
    gap: 0.625rem;
    padding: 1rem 1.25rem;
  }
}

.faq__a-icon {
  flex-shrink: 0;
  width: 2.1875rem;
  text-align: center;
  color: #0c998a;
  font-family: "Montserrat", sans-serif;
  font-size: 2.5625rem;
  line-height: 0.9756097561;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .faq__a-icon {
    width: 1.5rem;
    font-size: 1.5rem;
    line-height: 1.1666666667;
    font-weight: 700;
  }
}

.faq__a-text {
  flex: 1;
  min-width: 0;
  color: #031A23;
  font-size: 1rem;
  line-height: 1.5625;
  letter-spacing: 0em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .faq__a-text {
    font-size: 0.75rem;
    line-height: 1.8333333333;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

/* ==================================================
*  recruit page
================================================== */
/* ---------- lead（キャリアパートナーを募集しています） ---------- */
.recruit-lead {
  background-color: #DEEEEE;
  padding: 6rem 0;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .recruit-lead {
    padding: 3rem 0;
  }
}

.recruit-lead__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.recruit-lead__position {
  background-color: #0c998a;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-weight: 700;
  padding: 0.375rem 1rem;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .recruit-lead__position {
    font-size: 0.75rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
    padding: 0.25rem 0.625rem;
  }
}

.recruit-lead__heading {
  margin-top: 1.5rem;
  color: #031A23;
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-weight: 700;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .recruit-lead__heading {
    margin-top: 1rem;
    font-size: 1.25rem;
    line-height: 1.6;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.recruit-lead__heading-accent {
  color: #0c998a;
}

.recruit-lead__text {
  margin-top: 1.5rem;
  color: #031A23;
  font-size: 1rem;
  line-height: 1.875;
  letter-spacing: 0.05em;
  font-weight: 400;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .recruit-lead__text {
    margin-top: 1rem;
    font-size: 0.875rem;
    line-height: 1.8571428571;
    letter-spacing: 0.05em;
    font-weight: 400;
    text-align: left;
  }
}

.recruit-lead__tags {
  margin-top: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.75rem;
}
@media screen and (max-width: 768px) {
  .recruit-lead__tags {
    margin-top: 1.5rem;
    gap: 0.5rem;
  }
}

.recruit-lead__tag {
  border: 1px solid #0c998a;
  background-color: #ffffff;
  color: #0c998a;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-weight: 700;
  padding: 0.625rem 1.25rem;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .recruit-lead__tag {
    font-size: 0.75rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
    padding: 0.375rem 0.75rem;
  }
}

/* ---------- appeal（このポジションの魅力） ---------- */
.recruit-appeal {
  background-color: #F5F7F9;
  padding: 6rem 0;
}
@media screen and (max-width: 768px) {
  .recruit-appeal {
    padding: 3.5rem 0;
  }
}

.recruit-appeal__list {
  margin-top: 3rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .recruit-appeal__list {
    margin-top: 1.75rem;
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

.recruit-appeal__item {
  min-height: 15rem;
  background-color: #ffffff;
  border-top: 4px solid #0c998a;
  padding: 2rem 2rem 2.25rem;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .recruit-appeal__item {
    min-height: 0;
    border-top-width: 3px;
    padding: 1.25rem 1rem 1.5rem;
  }
}

.recruit-appeal__num {
  display: block;
  color: #0c998a;
  font-family: "Montserrat", sans-serif;
  font-size: 2.5rem;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .recruit-appeal__num {
    font-size: 1.75rem;
    line-height: 1.2142857143;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.recruit-appeal__title {
  margin-top: 0.75rem;
  color: #031A23;
  font-size: 1.25rem;
  line-height: 1.6;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .recruit-appeal__title {
    margin-top: 0.5rem;
    font-size: 1rem;
    line-height: 1.625;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.recruit-appeal__text {
  margin-top: 1rem;
  color: #031A23;
  font-size: 0.9375rem;
  line-height: 1.8;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .recruit-appeal__text {
    margin-top: 0.625rem;
    font-size: 0.875rem;
    line-height: 1.7142857143;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

/* ---------- work（仕事内容） ---------- */
.recruit-work {
  background-color: #ffffff;
  padding: 6rem 0;
}
@media screen and (max-width: 768px) {
  .recruit-work {
    padding: 3.5rem 0;
  }
}

.recruit-work__row {
  margin-top: 3rem;
  display: flex;
  align-items: flex-start;
  gap: 3.5rem;
}
@media screen and (max-width: 768px) {
  .recruit-work__row {
    margin-top: 1.75rem;
    flex-direction: column;
    gap: 1.5rem;
  }
}

.recruit-work__photo {
  flex-shrink: 0;
  width: 42.8571428571%;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .recruit-work__photo {
    width: 100%;
  }
}

.recruit-work__photo-img {
  width: 100%;
  aspect-ratio: 480/360;
  object-fit: cover;
  display: block;
}

.recruit-work__business {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2rem;
}
@media screen and (max-width: 768px) {
  .recruit-work__business {
    gap: 1.25rem;
  }
}

.recruit-work__business-item {
  visibility: hidden;
}

.recruit-work__business-title {
  padding-left: 0.6875rem;
  border-left: 5px solid #0c998a;
  color: #031A23;
  font-size: 1.375rem;
  line-height: 1.4545454545;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .recruit-work__business-title {
    padding-left: 0.5rem;
    border-left-width: 3px;
    font-size: 1.0625rem;
    line-height: 1.5294117647;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.recruit-work__business-text {
  margin-top: 0.75rem;
  color: #031A23;
  font-size: 0.9375rem;
  line-height: 1.8666666667;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .recruit-work__business-text {
    margin-top: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.7857142857;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

.recruit-work__tasks {
  margin-top: 3.5rem;
  border: 1px solid #0c998a;
  padding: 2rem 2.5rem 1.75rem;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .recruit-work__tasks {
    margin-top: 2rem;
    padding: 1.25rem 1rem;
  }
}

.recruit-work__tasks-title {
  color: #0c998a;
  font-size: 1.25rem;
  line-height: 1.45;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .recruit-work__tasks-title {
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.recruit-work__tasks-list {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem 2.5rem;
}
@media screen and (max-width: 768px) {
  .recruit-work__tasks-list {
    margin-top: 0.75rem;
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }
}

.recruit-work__tasks-item {
  position: relative;
  padding-left: 1.25rem;
  color: #031A23;
  font-size: 0.9375rem;
  line-height: 1.7333333333;
  letter-spacing: 0.05em;
  font-weight: 400;
}
.recruit-work__tasks-item::before {
  content: "";
  position: absolute;
  top: 0.5625rem;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  background-color: #0c998a;
}
@media screen and (max-width: 768px) {
  .recruit-work__tasks-item {
    padding-left: 1rem;
    font-size: 0.875rem;
    line-height: 1.7142857143;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
  .recruit-work__tasks-item::before {
    top: 0.5rem;
    width: 0.375rem;
    height: 0.375rem;
  }
}

.recruit-work__note {
  margin-top: 1.25rem;
  color: #031A23;
  font-size: 0.8125rem;
  line-height: 1.5384615385;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .recruit-work__note {
    margin-top: 0.875rem;
    font-size: 0.75rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

/* ---------- person（求める人物像） ---------- */
.recruit-person {
  background-color: #DEEEEE;
  padding: 6rem 0;
}
@media screen and (max-width: 768px) {
  .recruit-person {
    padding: 3.5rem 0;
  }
}

.recruit-person__list {
  margin-top: 3rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
@media screen and (max-width: 768px) {
  .recruit-person__list {
    margin-top: 1.75rem;
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}

.recruit-person__card {
  min-height: 13.75rem;
  background-color: #ffffff;
  padding: 1.75rem 2rem 2rem;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .recruit-person__card {
    min-height: 0;
    padding: 1.25rem 1rem 1.5rem;
  }
}

.recruit-person__title {
  padding-bottom: 0.75rem;
  border-bottom: 1px solid #0c998a;
  color: #0c998a;
  font-size: 1.25rem;
  line-height: 1.45;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .recruit-person__title {
    padding-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.recruit-person__items {
  margin-top: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
@media screen and (max-width: 768px) {
  .recruit-person__items {
    margin-top: 0.75rem;
    gap: 0.375rem;
  }
}

.recruit-person__item {
  position: relative;
  padding-left: 1.5rem;
  color: #031A23;
  font-size: 0.9375rem;
  line-height: 1.7333333333;
  letter-spacing: 0.05em;
  font-weight: 400;
}
.recruit-person__item::before {
  content: "";
  position: absolute;
  top: 0.4375rem;
  left: 0.125rem;
  width: 0.75rem;
  height: 0.4375rem;
  border-left: 2px solid #0c998a;
  border-bottom: 2px solid #0c998a;
  transform: rotate(-45deg);
}
@media screen and (max-width: 768px) {
  .recruit-person__item {
    padding-left: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.7142857143;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
  .recruit-person__item::before {
    top: 0.4375rem;
    width: 0.625rem;
    height: 0.375rem;
  }
}

/* ---------- requirements（募集要項） ---------- */
.recruit-requirements {
  background-color: #ffffff;
  padding: 6rem 0 0;
}
@media screen and (max-width: 768px) {
  .recruit-requirements {
    padding: 3.5rem 0 0;
  }
}

.recruit-table {
  margin-top: 3rem;
  border-top: 1px solid #DBDBDB;
}
@media screen and (max-width: 768px) {
  .recruit-table {
    margin-top: 1.75rem;
  }
}

.recruit-table__row {
  display: flex;
  align-items: flex-start;
  gap: 2.5rem;
  padding: 1.25rem 7.5rem;
  border-bottom: 1px solid #DBDBDB;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .recruit-table__row {
    flex-direction: column;
    gap: 0.5rem;
    padding: 0.875rem 0.25rem;
  }
}

.recruit-table__label {
  flex-shrink: 0;
  width: 9.125rem;
  padding-left: 0.6875rem;
  border-left: 5px solid #0c998a;
  color: #031A23;
  font-size: 1.125rem;
  line-height: 1.4444444444;
  letter-spacing: 0em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .recruit-table__label {
    width: 100%;
    padding-left: 0.5rem;
    border-left-width: 3px;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0em;
    font-weight: 700;
  }
}

.recruit-table__value {
  flex: 1;
  color: #031A23;
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .recruit-table__value {
    font-size: 0.875rem;
    line-height: 1.7857142857;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

.recruit-table__list li {
  margin-left: 1.5em;
  list-style-type: disc;
}
@media screen and (max-width: 768px) {
  .recruit-table__list li {
    margin-left: 1.2em;
  }
}

.recruit-table__sub {
  margin-top: 0.375rem;
  font-size: 0.875rem;
  line-height: 1.5714285714;
  letter-spacing: 0em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .recruit-table__sub {
    margin-top: 0.25rem;
    font-size: 0.75rem;
    line-height: 1.6666666667;
    letter-spacing: 0em;
    font-weight: 400;
  }
}

/* ---------- entry（エントリー） ---------- */
.recruit-entry {
  background-color: #0c998a;
  padding: 5.5rem 0 6rem;
}
@media screen and (max-width: 768px) {
  .recruit-entry {
    padding: 3rem 0 3.5rem;
  }
}

.recruit-entry__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.recruit-entry__head {
  align-items: center;
}

.recruit-entry__text {
  margin-top: 2rem;
  color: #ffffff;
  font-size: 1rem;
  line-height: 1.875;
  letter-spacing: 0.05em;
  font-weight: 500;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .recruit-entry__text {
    margin-top: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.7857142857;
    letter-spacing: 0.05em;
    font-weight: 500;
  }
}

.recruit-entry__btn {
  margin-top: 2.5rem;
  min-width: 22.5rem;
  visibility: hidden;
}
@media screen and (max-width: 768px) {
  .recruit-entry__btn {
    margin-top: 1.5rem;
    min-width: 0;
    width: 100%;
  }
}

/* ==================================================
*  legal(プライバシーポリシー・利用規約・サイトポリシーなどテキストのみのページ共通)
================================================== */
/* ---------- mv(写真なしのlower-mv) ---------- */
.lower-mv--text {
  background: #F5F7F9;
  padding-bottom: 0;
}

.lower-mv--text .lower-mv__inner {
  padding-bottom: 5rem;
}
@media screen and (max-width: 768px) {
  .lower-mv--text .lower-mv__inner {
    padding-bottom: 3rem;
  }
}

.lower-mv--text .lower-mv__deco--02 {
  bottom: 1.5rem;
  left: auto;
  right: 12.5rem;
}
@media screen and (max-width: 768px) {
  .lower-mv--text .lower-mv__deco--02 {
    bottom: 0.75rem;
    right: 5rem;
  }
}

.lower-mv--text .lower-mv__deco--03 {
  top: 9.375rem;
  right: 30rem;
}
@media screen and (max-width: 768px) {
  .lower-mv--text .lower-mv__deco--03 {
    top: 5rem;
    right: 9.375rem;
  }
}

.lower-mv--text .lower-mv__deco--04 {
  top: 8.125rem;
  bottom: auto;
  right: 5rem;
}
@media screen and (max-width: 768px) {
  .lower-mv--text .lower-mv__deco--04 {
    top: 5.625rem;
    right: 1.875rem;
  }
}

/* ---------- contents ---------- */
.legal {
  padding-top: 5rem;
  padding-bottom: 7.5rem;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .legal {
    padding-top: 3rem;
    padding-bottom: 5rem;
  }
}

.legal__inner {
  max-width: 62.5rem;
}
@media screen and (max-width: 768px) {
  .legal__inner {
    max-width: 500px;
  }
}

.legal__lead {
  color: #031A23;
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .legal__lead {
    font-size: 0.875rem;
    line-height: 1.8571428571;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

.legal__section {
  margin-top: 3.5rem;
  color: #031A23;
}
@media screen and (max-width: 768px) {
  .legal__section {
    margin-top: 2.5rem;
  }
}

.legal__section:first-child {
  margin-top: 0;
}

.legal__heading {
  padding-top: 0.25rem;
  padding-left: 0.9375rem;
  padding-bottom: 0.25rem;
  border-left: 5px solid #0c998a;
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .legal__heading {
    padding-left: 0.625rem;
    border-left-width: 3px;
    font-size: 1rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.legal__subheading {
  margin-top: 2rem;
  color: #0c998a;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .legal__subheading {
    margin-top: 1.5rem;
    font-size: 0.9375rem;
    line-height: 1.6;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.legal__text {
  margin-top: 1rem;
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .legal__text {
    margin-top: 0.75rem;
    font-size: 0.875rem;
    line-height: 1.8571428571;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

.legal__text strong {
  font-weight: 700;
}

.legal__list {
  margin-top: 0.75rem;
  padding-left: 1.5rem;
  list-style: decimal;
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .legal__list {
    margin-top: 0.5rem;
    padding-left: 1.25rem;
    font-size: 0.875rem;
    line-height: 1.8571428571;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

.legal__item + .legal__item {
  margin-top: 0.25rem;
}

.legal__list--disc {
  list-style: disc;
}

.legal__text a {
  color: #0c998a;
  text-decoration: underline;
  transition: opacity 0.3s ease;
}
.legal__text a:hover {
  opacity: 0.7;
}

.legal__note {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  line-height: 1.7142857143;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .legal__note {
    font-size: 0.75rem;
    line-height: 1.6666666667;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

.legal__date {
  margin-top: 1.5rem;
  text-align: right;
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .legal__date {
    margin-top: 1rem;
    font-size: 0.875rem;
    line-height: 1.8571428571;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

/* ==================================================
*  404(ページが見つかりません)
*  MVは template-parts/text-mv.php(_legal.scssの.lower-mv--text)を共用
================================================== */
.not-found {
  padding-top: 5rem;
  padding-bottom: 7.5rem;
  background-color: #ffffff;
}
@media screen and (max-width: 768px) {
  .not-found {
    padding-top: 3rem;
    padding-bottom: 5rem;
  }
}

.not-found__inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.not-found__code {
  font-family: "Montserrat", sans-serif;
  font-size: 7.5rem;
  line-height: 1;
  letter-spacing: 0.05em;
  font-weight: 700;
  color: #DEEEEE;
}
@media screen and (max-width: 768px) {
  .not-found__code {
    font-size: 5rem;
    line-height: 1;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.not-found__title {
  margin-top: 1.5rem;
  color: #0c998a;
  font-size: 1.5rem;
  line-height: 1.4583333333;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .not-found__title {
    margin-top: 1rem;
    font-size: 1.125rem;
    line-height: 1.5;
    letter-spacing: 0.05em;
    font-weight: 700;
  }
}

.not-found__text {
  margin-top: 1.5rem;
  color: #031A23;
  font-size: 1rem;
  line-height: 1.75;
  letter-spacing: 0.05em;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .not-found__text {
    margin-top: 1rem;
    text-align: left;
    font-size: 0.875rem;
    line-height: 1.8571428571;
    letter-spacing: 0.05em;
    font-weight: 400;
  }
}

.not-found__back {
  margin-top: 3rem;
  padding: 1rem 1.75rem 1rem 1rem;
}
@media screen and (max-width: 768px) {
  .not-found__back {
    margin-top: 2rem;
    padding: 0.75rem 1.25rem 0.75rem 0.75rem;
  }
}

.not-found__back-icon .btn-more__arrow-icon {
  transform: translate(-50%, -50%) scaleX(-1);
}

.not-found__back-icon .btn-more__arrow-icon--next {
  transform: translate(120%, -50%) scaleX(-1);
}

.not-found__back:hover .not-found__back-icon .btn-more__arrow-icon--current {
  opacity: 0;
  transform: translate(-220%, -50%) scaleX(-1);
}

.not-found__back:hover .not-found__back-icon .btn-more__arrow-icon--next {
  opacity: 1;
  transform: translate(-50%, -50%) scaleX(-1);
}

/*# sourceMappingURL=style.css.map */