@charset "UTF-8";
/*###################################################################
※※※※ 直接編集禁止 ※※※※
このCSSファイルはSassから生成されていますので直接編集しないようご注意ください。
  編集は拡張子「.scss」ファイルを編集して当ファイルにコンパイルしてください。
  もしくは別途cssファイルを作成して読み込ませてください。
###################################################################*/
:root {
  --base: #fff;
  --main: #027255;
  --main-l: #ecfef9;
  --text: #333;
  --ls: 0.06em;
}

/*###################################################################
  base（共通設定）
###################################################################*/
* {
  letter-spacing: var(--ls);
}

/*----------------------------------
  html
----------------------------------*/
html {
  scroll-behavior: smooth;
}

[id] {
  scroll-margin-top: 110px;
}
@media (max-width: 768px) {
  [id] {
    scroll-margin-top: 60px;
  }
}

body {
  color: var(--text);
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
}

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

/*###################################################################
  animation（共通設定）
###################################################################*/
/*----------------------------------
  背景色が伸びて出現
----------------------------------*/
@-webkit-keyframes bgextendAnimeBase {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes bgextendAnimeBase {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes bgextendAnimeSecond {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes bgextendAnimeSecond {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes bgLRextendAnime {
  0% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.001% {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
@keyframes bgLRextendAnime {
  0% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.001% {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
/*###################################################################
  header（module）
###################################################################*/
.header {
  position: relative;
  z-index: 10;
  background-color: var(--base);
}
.header_sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.8);
}
.header__inner {
  min-height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  padding-right: clamp(0.9375rem, -1.9934971098rem + 3.6608863198vw, 2.125rem);
  padding-left: clamp(0.9375rem, 0.3204479769rem + 0.7707129094vw, 1.1875rem);
}
@media (max-width: 768px) {
  .header__inner {
    min-height: 49px;
    padding-right: 11px;
    padding-left: 7px;
  }
}
.header__group1 {
  max-width: clamp(25.5rem, -10.9060693642rem + 45.472061657vw, 40.25rem);
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
@media (max-width: 1280px) {
  .header__group1 {
    max-width: clamp(12.1875rem, 5.1333170254rem + 14.6771037182vw, 16.875rem);
  }
}
.header__logo {
  max-width: clamp(11.875rem, -11.8815028902rem + 29.6724470135vw, 21.5rem);
  width: 100%;
}
@media (max-width: 1280px) {
  .header__logo {
    max-width: clamp(9.0625rem, 4.8299902153rem + 8.8062622309vw, 11.875rem);
  }
}
@media (max-width: 768px) {
  .header__logo {
    max-width: 175px;
  }
}
.header__tel {
  max-width: 272px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 4px;
}
@media (max-width: 1280px) {
  .header__tel {
    max-width: clamp(2.1875rem, 1.2469422701rem + 1.9569471624vw, 2.8125rem);
  }
}
@media (max-width: 768px) {
  .header__tel {
    display: none;
  }
}
.header__tel-text {
  font-size: clamp(0.8125rem, 0.3497109827rem + 0.5780346821vw, 1rem);
}
@media (max-width: 1280px) {
  .header__tel-text {
    display: none;
  }
}
.header__tel-number {
  color: var(--main);
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.625rem, 0.0823699422rem + 1.9267822736vw, 2.25rem);
  font-weight: 400;
}
@media (max-width: 1280px) {
  .header__tel-number {
    display: none;
  }
}
.header__tel-s {
  font-size: clamp(1.375rem, 0.7579479769rem + 0.7707129094vw, 1.625rem);
}
.header__tel-icon {
  display: none;
}
@media (max-width: 1280px) {
  .header__tel-icon {
    width: clamp(2.1875rem, 1.2469422701rem + 1.9569471624vw, 2.8125rem);
    aspect-ratio: 1/1;
    display: grid;
    place-items: center;
    border-radius: 50%;
    border: 1px solid var(--main);
  }
  .header__tel-icon::before {
    content: "";
    width: clamp(1.25rem, 0.779721135rem + 0.9784735812vw, 1.5625rem);
    aspect-ratio: 1/1;
    background-color: var(--main);
    -webkit-mask-image: url(../images/icon-tel.svg);
            mask-image: url(../images/icon-tel.svg);
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-size: contain;
            mask-size: contain;
  }
}
.header__group2 {
  max-width: clamp(46.875rem, 4.7368421053rem + 52.6315789474vw, 60rem);
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}
@media (max-width: 1280px) {
  .header__group2 {
    max-width: clamp(30.875rem, 19.2120841487rem + 24.2661448141vw, 38.625rem);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    row-gap: 8px;
  }
}
@media (max-width: 768px) {
  .header__group2 {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-column-gap: 27px;
       -moz-column-gap: 27px;
            column-gap: 27px;
  }
}
.header__gtranslate {
  min-width: 127px;
  min-height: 45px;
  position: relative;
  z-index: 10;
}
.header__gtranslate-wrapper {
  width: 100%;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  position: absolute;
  top: 0;
  left: 0;
}
.header .gt_options.gt-open {
  max-width: none !important;
}

.header-nav {
  max-width: 800px;
  width: 100%;
}
@media (max-width: 768px) {
  .header-nav {
    display: none;
  }
}
.header-nav__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}
.header-nav__item {
  position: relative;
}
.header-nav__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(0.4375rem, 0.2264681668rem + 0.4390779363vw, 0.6875rem);
  font-size: clamp(0.875rem, 0.6639681668rem + 0.4390779363vw, 1.125rem);
}
.header-nav__jp {
  font-weight: bold;
}
.header-nav__en {
  color: var(--main);
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
}
.header-nav__subitems-wrapper {
  width: clamp(10.125rem, 7.2233122942rem + 6.0373216246vw, 13.5625rem);
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  padding-top: 35px;
}
@media (max-width: 1280px) {
  .header-nav__subitems-wrapper {
    padding-top: 10px;
  }
}
.header-nav__subitems {
  background-color: var(--main);
  padding: 0 8px;
}
.header-nav__subitem:not(:last-of-type) {
  border-bottom: 1px solid var(--base);
}
.header-nav__sublink {
  display: block;
  color: var(--base);
  font-size: clamp(0.875rem, 0.6639681668rem + 0.4390779363vw, 1.125rem);
  font-weight: 500;
  padding: 14px 0 14px clamp(0.4375rem, -0.0900795829rem + 1.0976948408vw, 1.0625rem);
}

.header-nav__item:focus-within .header-nav__subitems-wrapper {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
.header-nav__link:hover .header-nav__jp, .header-nav__link:focus .header-nav__jp {
  color: #00a47a;
}
.header-nav__link:hover .header-nav__en, .header-nav__link:focus .header-nav__en {
  color: #00a47a;
}
.header-nav__link:hover + .header-nav__subitems-wrapper, .header-nav__link:focus + .header-nav__subitems-wrapper {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
.header-nav__jp {
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.header-nav__en {
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.header-nav__subitems-wrapper {
  -webkit-transition: -webkit-clip-path 0.3s ease-in-out;
  transition: -webkit-clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out;
  transition: clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.header-nav__subitems-wrapper:hover, .header-nav__subitems-wrapper:focus {
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
.header-nav__sublink {
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.header-nav__sublink::after {
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.header-nav__sublink:hover, .header-nav__sublink:focus {
  color: #00a47a;
}

/*###################################################################
  footer（module）
###################################################################*/
@media (max-width: 768px) {
  .footer {
    padding-bottom: 74px;
  }
}
.footer__gmap {
  width: 100%;
  height: clamp(27.875rem, 23.1129385965rem + 17.7192982456vw, 34.1875rem);
}
.footer__inner {
  max-width: 1876px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 22px;
  padding-left: 22px;
  margin-top: clamp(2.0625rem, 0.9493343195rem + 4.1420118343vw, 2.9375rem);
}
@media (max-width: 768px) {
  .footer__inner {
    padding: 0 clamp(0.9375rem, 0.3809171598rem + 2.0710059172vw, 1.375rem);
  }
}
.footer__body {
  max-width: 1826px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@media (max-width: 1000px) {
  .footer__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 21px;
  }
}
.footer__group1 {
  max-width: clamp(38.75rem, 26.0216165414rem + 14.5363408521vw, 42.375rem);
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
@media (max-width: 1400px) {
  .footer__group1 {
    max-width: 344px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 30px;
  }
}
@media (max-width: 1000px) {
  .footer__group1 {
    margin-inline: auto;
  }
}
@media (max-width: 768px) {
  .footer__group1 {
    row-gap: 43px;
  }
}
.footer__logo {
  max-width: 344px;
  width: 100%;
  margin-top: 13px;
}
@media (max-width: 1400px) {
  .footer__logo {
    margin-top: 0;
  }
}
.footer__info {
  max-width: 296px;
  width: 100%;
}
.footer__tel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 8px;
  line-height: 1;
}
@media (max-width: 768px) {
  .footer__tel {
    row-gap: 17px;
  }
}
.footer___tel-text {
  text-align: center;
}
.footer__tel-number {
  color: var(--main);
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: 2.25rem;
}
.footer__tel-s {
  font-size: 1.625rem;
}
.footer__tel-icon {
  display: none;
}
.footer__address {
  line-height: 1.75;
  text-align: right;
  white-space: pre-line;
  margin-top: 3px;
}
@media (max-width: 768px) {
  .footer__address {
    margin-top: 15px;
  }
}
.footer__group2 {
  max-width: 1036px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@media (max-width: 1200px) {
  .footer__group2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media (max-width: 768px) {
  .footer__group2 {
    width: 70%;
    margin-inline: auto;
  }
}
.footer__nav {
  margin-top: 39px;
}
.footer__copy {
  height: 74px;
  display: grid;
  place-items: center;
  background-color: var(--main);
  color: var(--base);
  font-size: 1.125rem;
  margin-top: 49px;
}
@media (max-width: 768px) {
  .footer__copy {
    margin-top: 59px;
  }
}

.footer-contact {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}
.footer-contact__bg-img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
  z-index: -1;
}
.footer-contact__bg-img::before {
  content: "";
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: url(../images/footer-contact-bg.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/footer-contact-bg.webp) 1x, url(../images/footer-contact-bg@2x.webp) 2x);
  background-image: image-set(url(../images/footer-contact-bg.webp) 1x, url(../images/footer-contact-bg@2x.webp) 2x);
}
@media (max-width: 600px) {
  .footer-contact__bg-img::before {
    background: url(../images/footer-contact-bg_sp.webp) no-repeat center center/cover;
    background-image: -webkit-image-set(url(../images/footer-contact-bg_sp.webp) 1x, url(../images/footer-contact-bg_sp@2x.webp) 2x);
    background-image: image-set(url(../images/footer-contact-bg_sp.webp) 1x, url(../images/footer-contact-bg_sp@2x.webp) 2x);
  }
}
.footer-contact__contents {
  max-width: 1165px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 65px 30px 99px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--base);
}
@media (max-width: 1000px) {
  .footer-contact__contents {
    padding: clamp(2.0625rem, -0.4818786982rem + 9.4674556213vw, 4.0625rem) clamp(1.25rem, 0.4548816568rem + 2.9585798817vw, 1.875rem) clamp(5.125rem, 3.7732988166rem + 5.0295857988vw, 6.1875rem);
  }
}
.footer-contact__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: clamp(0.8125rem, 0.6534763314rem + 0.5917159763vw, 0.9375rem);
  line-height: 1;
}
.footer-contact__jp {
  font-size: clamp(1.5rem, 1.0229289941rem + 1.775147929vw, 1.875rem);
  font-weight: bold;
}
.footer-contact__en {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(2.5rem, -0.2829142012rem + 10.3550295858vw, 4.6875rem);
  font-weight: 400;
}
.footer-contact__subtitle {
  font-size: 2.5rem;
  font-weight: bold;
  margin-top: clamp(3.125rem, 2.0118343195rem + 4.1420118343vw, 4rem);
}
.footer-contact__text-1 {
  font-size: clamp(1.125rem, -0.599137931rem + 6.8965517241vw, 1.25rem);
  line-height: 2;
  text-align: center;
  white-space: pre-line;
  margin-top: 19px;
}
.footer-contact__text-2 {
  font-size: 1.125rem;
  line-height: 1.75;
  text-align: center;
  white-space: pre-line;
  margin-top: clamp(2.375rem, 0.2281804734rem + 7.9881656805vw, 4.0625rem);
}
.footer-contact__button-wrapper {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  margin-top: clamp(2.375rem, 1.8184171598rem + 2.0710059172vw, 2.8125rem);
}
@media (max-width: 900px) {
  .footer-contact__button-wrapper {
    max-width: 400px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 37px;
  }
}
.footer-contact__link {
  max-width: 516px;
  height: clamp(4.5625rem, -0.14590301rem + 8.3612040134vw, 6.125rem);
  width: 100%;
  border-radius: 9999px;
  line-height: 1;
}
.footer-contact__link_tel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(2.5rem, -1.266722408rem + 6.6889632107vw, 3.75rem);
  font-weight: 400;
  border: 2px solid var(--base);
  padding-top: clamp(1.0625rem, -0.0675167224rem + 2.0066889632vw, 1.4375rem);
}
.footer-contact__link_tel::before {
  content: "";
  min-width: clamp(2rem, -0.4483695652rem + 4.347826087vw, 2.8125rem);
  aspect-ratio: 1/1;
  background-color: var(--base);
  -webkit-mask-image: url(../images/icon-tel.svg);
          mask-image: url(../images/icon-tel.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.footer-contact__link_mail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(1.0625rem, -0.0675167224rem + 2.0066889632vw, 1.4375rem);
     -moz-column-gap: clamp(1.0625rem, -0.0675167224rem + 2.0066889632vw, 1.4375rem);
          column-gap: clamp(1.0625rem, -0.0675167224rem + 2.0066889632vw, 1.4375rem);
  position: relative;
  background-color: var(--main);
  font-size: clamp(1.5rem, 0.3699832776rem + 2.0066889632vw, 1.875rem);
  padding-left: clamp(1.375rem, 0.0566471572rem + 2.3411371237vw, 1.8125rem);
  border: 2px solid var(--main);
}
@media (max-width: 768px) {
  .footer-contact__link_mail {
    --ls: 0.04em;
  }
}
@media (max-width: 429px) {
  .footer-contact__link_mail {
    -webkit-column-gap: clamp(0.5rem, -7.2586206897rem + 31.0344827586vw, 1.0625rem);
       -moz-column-gap: clamp(0.5rem, -7.2586206897rem + 31.0344827586vw, 1.0625rem);
            column-gap: clamp(0.5rem, -7.2586206897rem + 31.0344827586vw, 1.0625rem);
    padding-left: clamp(0.75rem, -7.8706896552rem + 34.4827586207vw, 1.375rem);
  }
}
.footer-contact__link_mail::before {
  content: "";
  min-width: clamp(2rem, -0.0716973244rem + 3.6789297659vw, 2.6875rem);
  aspect-ratio: 43/32;
  background-color: var(--base);
  -webkit-mask-image: url(../images/icon-mail.svg);
          mask-image: url(../images/icon-mail.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.footer-contact__link_mail::after {
  content: "";
  width: clamp(0.70625rem, 0.0094063545rem + 1.237458194vw, 0.9375rem);
  aspect-ratio: 15/17;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
  position: absolute;
  top: 50%;
  right: clamp(1.25rem, 0.4966555184rem + 1.3377926421vw, 1.5rem);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--base);
}
@media (max-width: 429px) {
  .footer-contact__link_mail::after {
    right: clamp(0.625rem, -7.9956896552rem + 34.4827586207vw, 1.25rem);
  }
}

@media (hover: hover) and (pointer: fine) {
  .footer-contact__link {
    -webkit-transition: background-color 0.4s, border-color 0.4s;
    transition: background-color 0.4s, border-color 0.4s;
  }
  .footer-contact__link_tel:hover, .footer-contact__link_tel:focus {
    background-color: var(--main);
  }
  .footer-contact__link_mail:hover, .footer-contact__link_mail:focus {
    background-color: transparent;
    border-color: var(--base);
  }
}
.footer-nav {
  max-width: 800px;
  width: 100%;
}
@media (max-width: 1000px) {
  .footer-nav {
    max-width: 100%;
  }
}
.footer-nav__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 5px;
     -moz-column-gap: 5px;
          column-gap: 5px;
}
@media (max-width: 768px) {
  .footer-nav__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 24px;
  }
}
.footer-nav__item {
  position: relative;
}
.footer-nav__link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 12px;
  font-size: 1.125rem;
}
@media (max-width: 768px) {
  .footer-nav__link {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.footer-nav__jp {
  font-weight: bold;
}
.footer-nav__en {
  color: var(--main);
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
}
@media (max-width: 768px) {
  .footer-nav__en {
    display: none;
  }
}
.footer-nav__subitems-wrapper {
  height: 0;
  -webkit-clip-path: inset(0 0 100% 0);
          clip-path: inset(0 0 100% 0);
}
.footer-nav__subitems {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 15px;
  padding-top: 5px;
}
@media (max-width: 768px) {
  .footer-nav__subitems {
    padding-left: 5px;
  }
}

.footer-nav__item:focus-within .footer-nav__subitems-wrapper {
  height: 5.635625rem;
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
.footer-nav__link:hover .footer-nav__jp, .footer-nav__link:focus .footer-nav__jp {
  color: #00a47a;
}
.footer-nav__link:hover .footer-nav__en, .footer-nav__link:focus .footer-nav__en {
  color: #00a47a;
}
.footer-nav__link:hover + .footer-nav__subitems-wrapper, .footer-nav__link:focus + .footer-nav__subitems-wrapper {
  height: 5.635625rem;
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
.footer-nav__jp {
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.footer-nav__en {
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.footer-nav__subitems-wrapper {
  -webkit-transition: height 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
  transition: height 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
  transition: height 0.3s ease-in-out, clip-path 0.3s ease-in-out;
  transition: height 0.3s ease-in-out, clip-path 0.3s ease-in-out, -webkit-clip-path 0.3s ease-in-out;
}
.footer-nav__subitems-wrapper:hover, .footer-nav__subitems-wrapper:focus {
  height: 5.635625rem;
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
.footer-nav__sublink {
  -webkit-transition: color 0.4s;
  transition: color 0.4s;
}
.footer-nav__sublink::after {
  -webkit-transition: background-color 0.4s;
  transition: background-color 0.4s;
}
.footer-nav__sublink:hover, .footer-nav__sublink:focus {
  color: #00a47a;
}

.footer-page-top {
  max-width: 100px;
  width: 100%;
  aspect-ratio: 1/1;
  z-index: 5;
  border-radius: 50%;
  margin-top: 13px;
}
@media (max-width: 768px) {
  .footer-page-top {
    display: none !important;
  }
}

.sp-nav {
  width: 100%;
  position: fixed;
  bottom: 0;
  z-index: 5;
}
@media (min-width: 769px) {
  .sp-nav {
    display: none;
  }
}
.sp-nav__items {
  display: grid;
  grid-template-columns: 1fr 33.3% 16.2%;
}
.sp-nav__link {
  height: 74px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--base);
  border-top: 2px solid var(--base);
  border-bottom: 2px solid var(--base);
}
.sp-nav__link_tel {
  row-gap: 6px;
  background-color: #ef8e4b;
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.5625rem, 0.4073275862rem + 4.6206896552vw, 1.64625rem);
  font-weight: 400;
  border-right: 2px solid var(--base);
  border-left: 2px solid var(--base);
  padding-top: 3px;
}
.sp-nav__link_tel::before {
  content: "";
  width: 31px;
  aspect-ratio: 1/1;
  background-color: var(--base);
  -webkit-mask-image: url(../images/icon-tel.svg);
          mask-image: url(../images/icon-tel.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.sp-nav__link_map {
  row-gap: 1px;
  background-color: #0e536d;
  font-size: 1.380625rem;
  font-weight: bold;
  line-height: 1;
  border-right: 2px solid var(--base);
  padding-top: 2px;
}
.sp-nav__link_map::before {
  content: "";
  width: 24px;
  aspect-ratio: 24/36;
  background-color: var(--base);
  -webkit-mask-image: url(../images/icon-map.svg);
          mask-image: url(../images/icon-map.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.sp-nav__link_page-top {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  position: relative;
  background-color: var(--main);
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.0714285714;
  text-align: right;
  border-right: 2px solid var(--base);
  padding-bottom: 8px;
  padding-left: clamp(0.625rem, -1.6013313609rem + 8.2840236686vw, 2.375rem);
}
.sp-nav__link_page-top::before {
  content: "";
  width: 0.71875rem;
  aspect-ratio: 11.5/47.5;
  position: absolute;
  top: 11px;
  right: clamp(0.5625rem, -1.425295858rem + 7.3964497041vw, 2.125rem);
  background-color: var(--base);
  -webkit-mask-image: url(../images/icon-page-top-arrow.svg);
          mask-image: url(../images/icon-page-top-arrow.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.sp-nav__tel-text {
  font-size: clamp(1.09375rem, -0.1993534483rem + 5.1724137931vw, 1.1875rem);
}

@media (hover: hover) and (pointer: fine) {
  .sp-nav .sp-nav__link {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .sp-nav .sp-nav__link:hover {
    background-color: #ee626f;
  }
}
/*###################################################################
  c-link（module）
###################################################################*/
.c-link-g {
  max-width: 164px;
  width: 100%;
  height: 38px;
  display: block;
  position: relative;
  background-color: var(--main);
  color: var(--base);
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1;
  text-align: right;
  border: 1px solid var(--main);
  padding-top: 12px;
  padding-right: 20px;
}
.c-link-g::before {
  content: "";
  width: 0.71875rem;
  aspect-ratio: 11.5/17.5;
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--base);
  -webkit-mask-image: url(../images/icon-more.svg);
          mask-image: url(../images/icon-more.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}

@media (hover: hover) and (pointer: fine) {
  .c-link-g {
    -webkit-transition: background-color 0.4s, color 0.4s;
    transition: background-color 0.4s, color 0.4s;
  }
  .c-link-g::before {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .c-link-g:hover, .c-link-g:focus {
    background-color: var(--base);
    color: var(--main);
  }
  .c-link-g:hover::before, .c-link-g:focus::before {
    background-color: var(--main);
  }
}
.c-link-w {
  max-width: 164px;
  width: 100%;
  height: 38px;
  display: block;
  position: relative;
  background-color: transparent;
  color: var(--base);
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1;
  text-align: right;
  border: 1px solid var(--base);
  padding-top: 12px;
  padding-right: 20px;
}
.c-link-w::before {
  content: "";
  width: 0.71875rem;
  aspect-ratio: 11.5/17.5;
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--base);
  -webkit-mask-image: url(../images/icon-more.svg);
          mask-image: url(../images/icon-more.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}

@media (hover: hover) and (pointer: fine) {
  .c-link-w {
    -webkit-transition: background-color 0.4s, border-color 0.4s;
    transition: background-color 0.4s, border-color 0.4s;
  }
  .c-link-w:hover, .c-link-w:focus {
    background-color: var(--main);
    border-color: var(--main);
  }
}
.c-link-o {
  max-width: 164px;
  width: 100%;
  height: 38px;
  display: block;
  position: relative;
  background-color: #ef8e4b;
  color: var(--base);
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1;
  text-align: right;
  border: 1px solid #ef8e4b;
  padding-top: 12px;
  padding-right: 20px;
}
.c-link-o::before {
  content: "";
  width: 0.71875rem;
  aspect-ratio: 11.5/17.5;
  position: absolute;
  top: 50%;
  left: 15px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: var(--base);
  -webkit-mask-image: url(../images/icon-more.svg);
          mask-image: url(../images/icon-more.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}

@media (hover: hover) and (pointer: fine) {
  .c-link-o {
    -webkit-transition: background-color 0.4s, color 0.4s;
    transition: background-color 0.4s, color 0.4s;
  }
  .c-link-o::before {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .c-link-o:hover, .c-link-o:focus {
    background-color: var(--base);
    color: #ef8e4b;
  }
  .c-link-o:hover::before, .c-link-o:focus::before {
    background-color: #ef8e4b;
  }
}
/*###################################################################
  c-title（module）
###################################################################*/
.c-title-1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(0.375rem, 0.1864035088rem + 0.701754386vw, 0.625rem);
  line-height: 1;
}
.c-title-1__jp {
  font-size: clamp(1.125rem, 0.5592105263rem + 2.1052631579vw, 1.875rem);
}
.c-title-1__en {
  color: var(--main);
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(2.25rem, 1.1184210526rem + 4.2105263158vw, 3.75rem);
  font-weight: 600;
}

.c-title-2 {
  font-size: clamp(1.375rem, 1.0416666667rem + 1.3333333333vw, 1.875rem);
  line-height: 1.75;
  text-align: center;
  border-top: 2px solid var(--main);
  border-bottom: 2px solid var(--main);
  padding: clamp(0.875rem, 0.6666666667rem + 0.8333333333vw, 1.1875rem) 0;
}

.c-title-3 {
  font-size: clamp(1.25rem, 0.9659090909rem + 1.1363636364vw, 1.875rem);
  line-height: 1.75;
  border-top: 3px solid var(--main);
  border-bottom: 3px solid var(--main);
  padding: 0.71875rem clamp(0.5rem, -0.6363636364rem + 4.5454545455vw, 3rem);
}

/*###################################################################
  br（module）
###################################################################*/
.br-1000-b {
  display: none;
}
@media (max-width: 1000px) {
  .br-1000-b {
    display: block;
  }
}
.br-900-b {
  display: none;
}
@media (max-width: 900px) {
  .br-900-b {
    display: block;
  }
}
.br-800-b {
  display: none;
}
@media (max-width: 800px) {
  .br-800-b {
    display: block;
  }
}
.br-sp-b {
  display: none;
}
@media (max-width: 768px) {
  .br-sp-b {
    display: block;
  }
}
.br-600-b {
  display: none;
}
@media (max-width: 600px) {
  .br-600-b {
    display: block;
  }
}
.br-500-b {
  display: none;
}
@media (max-width: 500px) {
  .br-500-b {
    display: block;
  }
}

/*###################################################################
  hamburger（module）
###################################################################*/
.hamburger {
  width: 26px;
  height: 20px;
  display: inline-block;
  position: relative;
  z-index: 30;
}
@media (min-width: 769px) {
  .hamburger {
    display: none;
  }
}
.hamburger[aria-expanded=true] .hamburger__line {
  background-color: transparent;
}
.hamburger[aria-expanded=true] .hamburger__line::before {
  -webkit-transform: translateY(-9px) rotate(150deg);
      -ms-transform: translateY(-9px) rotate(150deg);
          transform: translateY(-9px) rotate(150deg);
}
.hamburger[aria-expanded=true] .hamburger__line::after {
  -webkit-transform: translateY(9px) rotate(-150deg);
      -ms-transform: translateY(9px) rotate(-150deg);
          transform: translateY(9px) rotate(-150deg);
}
.hamburger__line {
  width: 100%;
  height: 2px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translate(0, -50%);
      -ms-transform: translate(0, -50%);
          transform: translate(0, -50%);
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  background-color: var(--main);
}
.hamburger__line::before {
  content: "";
  width: 100%;
  height: 2px;
  display: inline-block;
  position: absolute;
  top: 9px;
  left: 0;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  background-color: var(--main);
}
.hamburger__line::after {
  content: "";
  width: 100%;
  height: 2px;
  display: inline-block;
  position: absolute;
  bottom: 9px;
  left: 0;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  background-color: var(--main);
}

@media (hover: hover) and (pointer: fine) {
  .hamburger {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .hamburger:hover, .hamburger:focus {
    opacity: 0.7;
  }
}
/*###################################################################
  drawer（module）
###################################################################*/
.drawer {
  width: 300px;
  height: 100vh;
  -webkit-transform: translateX(300px);
      -ms-transform: translateX(300px);
          transform: translateX(300px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  background-color: var(--base);
  z-index: 15;
  overflow: auto;
  overscroll-behavior-y: contain;
  visibility: hidden;
}
.drawer[aria-hidden=false] {
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
  visibility: visible;
}
.drawer_position {
  position: fixed;
  top: 0;
  right: 0;
}
.drawer__inner {
  padding-bottom: 100px;
}
.drawer__top {
  width: 100%;
  height: 49px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background-color: var(--base);
  z-index: 1;
}
.drawer__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 35px;
}
.drawer__link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 8px;
}
.drawer__no-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 8px;
}
.drawer__jp {
  font-size: 1.125rem;
  font-weight: bold;
}
.drawer__en {
  color: var(--main);
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
}
.drawer__subitems {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 15px;
  margin-top: 10px;
}

.is-drawer-active {
  overflow: hidden;
}

@media (hover: hover) and (pointer: fine) {
  .drawer__link:hover .drawer__jp, .drawer__link:focus .drawer__jp {
    color: #00a47a;
  }
  .drawer__link:hover .drawer__en, .drawer__link:focus .drawer__en {
    color: #00a47a;
  }
  .drawer__jp {
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
  }
  .drawer__en {
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
  }
  .drawer__sublink {
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
  }
  .drawer__sublink:hover, .drawer__sublink:focus {
    color: #00a47a;
  }
}
.drawer-bg {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-color: #000;
  visibility: hidden;
  opacity: 0;
  z-index: 5;
}

.is-drawer-active {
  height: 100%;
  overflow: hidden;
}
.is-drawer-active .drawer-bg {
  visibility: visible;
  opacity: 0.8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/*###################################################################
  hover（module）
###################################################################*/
@media (hover: hover) and (pointer: fine) {
  .op {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op:hover, .op:focus {
    opacity: 0.7;
  }
}
@media (hover: hover) and (pointer: fine) {
  .op-fn {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op-fn:hover {
    opacity: 0.7;
  }
}
@media (hover: hover) and (pointer: fine) {
  .op-im {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op-im:hover, .op-im:focus {
    opacity: 0.7 !important;
  }
}
@media (hover: hover) and (pointer: fine) {
  .op-fnim {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .op-fnim:hover {
    opacity: 0.7 !important;
  }
}
/*###################################################################
  lower（module）
###################################################################*/
.lower-mv {
  height: clamp(12.5rem, 5.233rem + 27.04vw, 33.625rem);
  background: url(../images/lower-mv-1.webp) no-repeat center center/cover;
  background-image: -webkit-image-set(url(../images/lower-mv-1.webp) 1x, url(../images/lower-mv-1@2x.webp) 2x);
  background-image: image-set(url(../images/lower-mv-1.webp) 1x, url(../images/lower-mv-1@2x.webp) 2x);
}
.lower-mv__inner {
  max-width: 1295px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (max-width: 768px) {
  .lower-mv__inner {
    padding: 0 clamp(0.625rem, -0.9652366864rem + 5.9171597633vw, 1.875rem);
  }
}
.lower-mv__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(0.975rem, 0.7944rem + 0.672vw, 1.5rem);
  -webkit-transform: translateY(4px);
      -ms-transform: translateY(4px);
          transform: translateY(4px);
  color: var(--base);
  line-height: 1;
}
.lower-mv__jp {
  font-size: clamp(1.625rem, 1.324rem + 1.12vw, 2.5rem);
  padding-left: 0.2em;
}
.lower-mv__en {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(2.84375rem, 2.317rem + 1.96vw, 4.375rem);
  font-weight: 600;
}

/*###################################################################
  WordPressテスト環境用設定
###################################################################*/
/*###################################################################
  top（page）
###################################################################*/
.top-mv {
  position: relative;
}
.top-mv__title-area {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 3;
}
@media (max-width: 768px) {
  .top-mv__title-area {
    top: calc(50% + 15px);
  }
}
.top-mv__title-area::after {
  content: "";
  max-width: clamp(17.9375rem, -1.2280061892rem + 39.8762157383vw, 46.125rem);
  width: 100%;
  aspect-ratio: 738/715;
  position: absolute;
  top: calc(50% + 15px);
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: url(../images/top-mv-deco.webp) no-repeat center center/contain;
  background-image: -webkit-image-set(url(../images/top-mv-deco.webp) 1x, url(../images/top-mv-deco@2x.webp) 2x);
  background-image: image-set(url(../images/top-mv-deco.webp) 1x, url(../images/top-mv-deco@2x.webp) 2x);
}
@media (max-width: 768px) {
  .top-mv__title-area::after {
    max-width: inherit;
    width: clamp(26.8125rem, 22.2008136095rem + 17.1597633136vw, 30.4375rem);
    top: calc(50% - 12px);
  }
}
@media (max-width: 429px) {
  .top-mv__title-area::after {
    width: clamp(24.6875rem, -3.7607758621rem + 113.7931034483vw, 26.75rem);
  }
}
.top-mv__title {
  color: var(--base);
  font-size: clamp(2.375rem, 1.0151414677rem + 2.8293545535vw, 4.375rem);
  font-weight: 900;
  line-height: 1.75;
  text-align: center;
  text-shadow: 0px 5px 7px rgba(0, 0, 0, 0.7);
}
@media (max-width: 768px) {
  .top-mv__title {
    font-size: clamp(1.875rem, 0.6028106509rem + 4.7337278107vw, 2.875rem);
  }
}

.top-news {
  background-color: var(--main-l);
}
.top-news__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 57px 30px 26px;
  display: grid;
  grid-template-columns: clamp(11.25rem, -4.4060858144rem + 32.5744308231vw, 22.875rem) 1fr;
}
@media (max-width: 768px) {
  .top-news__inner {
    grid-template-columns: 1fr;
    row-gap: 46px;
    padding: clamp(2.75rem, 1.7163461538rem + 3.8461538462vw, 3.5625rem) clamp(1.25rem, 0.4548816568rem + 2.9585798817vw, 1.875rem) 26px;
  }
}
.top-news__title-area {
  max-width: 164px;
}
@media (max-width: 768px) {
  .top-news__title-area {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.top-news__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  line-height: 1;
  color: var(--main);
}
.top-news__jp {
  font-size: clamp(1.5rem, 1.0229289941rem + 1.775147929vw, 1.875rem);
  font-weight: 500;
  margin-top: calc(clamp(-0.5rem, -1.3746301775rem + 3.2544378698vw, 0.1875rem) * -1);
  padding-right: 0.2em;
}
.top-news__en {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(2.5rem, 0.9097633136rem + 5.9171597633vw, 3.75rem);
  font-weight: 400;
}
.top-news__more {
  margin-top: 46px;
}
@media (max-width: 768px) {
  .top-news__more {
    margin-top: 0;
  }
}
.top-news__main {
  height: 200px;
  overflow-y: auto;
  margin-top: 25px;
  padding-top: 6px;
  padding-bottom: 30px;
}
@media (max-width: 768px) {
  .top-news__main {
    height: 277px;
    margin-top: 0;
    padding-top: 0;
  }
}
.top-news__main::-webkit-scrollbar {
  width: 7px;
}
.top-news__main::-webkit-scrollbar-track {
  background-color: transparent;
}
.top-news__main::-webkit-scrollbar-thumb {
  background-color: var(--main);
}
.top-news__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 35px;
  padding-right: clamp(0.625rem, -0.1701183432rem + 2.9585798817vw, 1.25rem);
}
.top-news__post-link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  grid-template-columns: clamp(6.875rem, -2.9061578171rem + 15.6342182891vw, 10.1875rem) 1fr;
  font-size: 1.25rem;
  line-height: 1.75;
}
@media (max-width: 1000px) {
  .top-news__post-link {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.top-news__date {
  color: var(--main);
  font-weight: bold;
}
.top-news__no-post {
  height: 150px;
  display: grid;
  place-items: center;
  font-size: 1.25rem;
}

@media (hover: hover) and (pointer: fine) {
  .top-news__post-link {
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
  }
  .top-news__post-link:hover, .top-news__post-link:focus {
    color: #ef8e4b;
  }
  .top-news__post-link:hover .top-news__date, .top-news__post-link:focus .top-news__date {
    color: #ef8e4b;
  }
  .top-news__date {
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
  }
}
.top-service__items {
  overflow: hidden;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 768px) {
  .top-service__items {
    grid-template-columns: 1fr;
  }
}
.top-service__item {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  justify-items: center;
  padding: 40px clamp(0rem, -12.8676470588rem + 29.4117647059vw, 1.25rem) 51px;
}
@media (max-width: 768px) {
  .top-service__item {
    padding-bottom: clamp(1.25rem, -1.2148668639rem + 9.1715976331vw, 3.1875rem);
  }
}
.top-service__item_1 {
  background-color: #ee626f;
  padding-top: clamp(0.3125rem, -2.4704142012rem + 10.3550295858vw, 2.5rem);
}
.top-service__item_2 {
  background-color: #00a47a;
  padding-top: 36px;
}
.top-service__item_3 {
  background-color: #ffc948;
  padding-top: 30px;
}
.top-service__img {
  margin-top: auto;
}
.top-service__img_1 {
  max-width: clamp(15.375rem, 3.2892011834rem + 44.9704142012vw, 24.875rem);
}
.top-service__img_2 {
  max-width: clamp(13.0625rem, 0.6586538462rem + 46.1538461538vw, 22.8125rem);
}
.top-service__img_3 {
  max-width: clamp(12.0625rem, 1.8849852071rem + 37.8698224852vw, 20.0625rem);
}
.top-service__title {
  max-width: 557px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 15px;
  color: var(--base);
  line-height: 1;
  border-bottom: 1px solid var(--base);
  margin-top: clamp(0.875rem, 0.3184171598rem + 2.0710059172vw, 1.3125rem);
  padding-bottom: clamp(0.4375rem, 0.1194526627rem + 1.1834319527vw, 0.6875rem);
}
.top-service__jp {
  font-size: clamp(1.5rem, 1.0944092827rem + 0.8438818565vw, 1.875rem);
  font-weight: bold;
}
@media (max-width: 768px) {
  .top-service__jp {
    font-size: 1.875rem;
  }
}
.top-service__en {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: 1.25rem;
  font-weight: 400;
}
.top-service__more {
  margin-top: clamp(0.9375rem, -1.5273668639rem + 9.1715976331vw, 2.875rem);
}

.top-welcome_pos {
  margin-top: clamp(5.8125rem, 3.9265350877rem + 7.0175438596vw, 8.3125rem);
}
.top-welcome__outer {
  max-width: 1920px;
  margin-inline: auto;
}
.top-welcome__body {
  max-width: 1769px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-left: auto;
  padding-left: 30px;
}
@media (max-width: 1000px) {
  .top-welcome__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    row-gap: 48px;
    padding-left: 0;
  }
}
.top-welcome__sp-inner {
  display: contents;
}
@media (max-width: 1000px) {
  .top-welcome__sp-inner {
    max-width: 653px;
    width: 100%;
    display: block;
    margin-inline: auto;
    padding: 0 clamp(1.1875rem, 0.3128698225rem + 3.2544378698vw, 1.875rem);
  }
}
.top-welcome__box {
  max-width: 669px;
  width: 100%;
}
.top-welcome__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  row-gap: 5px;
  border-bottom: 1px solid var(--main);
  padding-bottom: 11px;
}
@media (max-width: 1000px) {
  .top-welcome__title {
    padding-bottom: 15px;
  }
}
.top-welcome__jp {
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.75;
}
.top-welcome__en {
  color: var(--main);
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(2.5rem, 0.9097633136rem + 5.9171597633vw, 3.75rem);
  font-weight: 400;
  line-height: 1;
}
.top-welcome__contents {
  max-width: 608px;
  padding-right: 15px;
}
@media (max-width: 1000px) {
  .top-welcome__contents {
    padding-right: 0;
  }
}
.top-welcome__group1 {
  max-width: 484px;
  margin-top: clamp(1.625rem, -0.2832840237rem + 7.100591716vw, 3.125rem);
  margin-inline: auto;
}
.top-welcome__subtitle1 {
  font-size: clamp(1.125rem, 0.6479289941rem + 1.775147929vw, 1.5rem);
  font-weight: bold;
  text-align: center;
}
@media (max-width: 429px) {
  .top-welcome__subtitle1 {
    font-size: clamp(1.0625rem, 0.2004310345rem + 3.4482758621vw, 1.125rem);
  }
}
.top-welcome__items1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(0.375rem, 0.2159763314rem + 0.5917159763vw, 0.5rem);
  margin-top: clamp(0.875rem, 0.7159763314rem + 0.5917159763vw, 1rem);
}
.top-welcome__item1 {
  height: clamp(2.1725rem, 1.5173224852rem + 2.4378698225vw, 2.6875rem);
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  background-color: var(--main);
  color: var(--base);
  font-size: clamp(1rem, 0.8409763314rem + 0.5917159763vw, 1.125rem);
  font-weight: bold;
  padding-left: 11px;
}
.top-welcome__group2 {
  border: 1px solid var(--main);
  border-radius: 16px;
  margin-top: clamp(3.1875rem, 2.7104289941rem + 1.775147929vw, 3.5625rem);
  padding: 18px 10px 13px 10px;
}
@media (max-width: 768px) {
  .top-welcome__group2 {
    max-width: 480px;
    margin-inline: auto;
    padding: clamp(0.9375rem, 0.698964497rem + 0.8875739645vw, 1.125rem) 10px 14px 16px;
  }
}
.top-welcome__subtitle2 {
  color: var(--main);
  font-size: clamp(1.125rem, -0.599137931rem + 6.8965517241vw, 1.25rem);
  font-weight: bold;
  text-align: center;
}
.top-welcome__items2 {
  display: inline-grid;
  -webkit-column-gap: clamp(0.3125rem, -10.1845637584rem + 16.7785234899vw, 1.875rem);
     -moz-column-gap: clamp(0.3125rem, -10.1845637584rem + 16.7785234899vw, 1.875rem);
          column-gap: clamp(0.3125rem, -10.1845637584rem + 16.7785234899vw, 1.875rem);
  grid-auto-flow: column;
  grid-template-rows: repeat(6, auto);
  margin-top: 24px;
}
@media (max-width: 1000px) {
  .top-welcome__items2 {
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
  }
}
@media (max-width: 768px) {
  .top-welcome__items2 {
    grid-template-columns: 1fr;
    grid-auto-flow: inherit;
    grid-template-rows: inherit;
    margin-top: 28px;
  }
}
.top-welcome__item2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 9px;
     -moz-column-gap: 9px;
          column-gap: 9px;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 1.75;
}
.top-welcome__item2::before {
  content: "";
  min-width: 13px;
  aspect-ratio: 1/1;
  background: url(../images/icon-check.svg) no-repeat 0 0/cover;
}
.top-welcome__img {
  max-width: 1070px;
  width: 100%;
}
@media (max-width: 1380px) {
  .top-welcome__img {
    max-width: clamp(23.25rem, -25.4464050132rem + 77.8364116095vw, 41.6875rem);
  }
}
@media (max-width: 1000px) {
  .top-welcome__img {
    max-width: 1070px;
    max-width: 700px;
    margin-inline: auto;
    padding-left: clamp(1.25rem, 0.4548816568rem + 2.9585798817vw, 1.875rem);
  }
}

.top-about_pos {
  margin-top: clamp(6.1875rem, 2.4882352941rem + 13.7647058824vw, 13.5rem);
}
.top-about__outer {
  max-width: 1920px;
  margin-inline: auto;
}
.top-about__body {
  max-width: 1920px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-right: 20px;
}
@media (max-width: 1000px) {
  .top-about__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    row-gap: clamp(0.875rem, -0.350877193rem + 4.5614035088vw, 2.5rem);
    padding-right: 0;
  }
}
.top-about__sp-inner {
  display: contents;
}
@media (max-width: 1000px) {
  .top-about__sp-inner {
    display: block;
    margin-inline: auto;
    padding: 0 clamp(1.1875rem, 0.3128698225rem + 3.2544378698vw, 1.875rem);
  }
}
.top-about__contents {
  max-width: 996px;
  width: 100%;
  margin-top: 26px;
  margin-left: -9.7%;
}
@media (max-width: 1000px) {
  .top-about__contents {
    margin-left: 0;
  }
}
.top-about__title {
  max-width: clamp(23.125rem, 0.6983930779rem + 35.8467243511vw, 41.25rem);
  -webkit-transform: translateX(16px);
      -ms-transform: translateX(16px);
          transform: translateX(16px);
  color: var(--main);
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(2.5rem, 0.9097633136rem + 5.9171597633vw, 3.75rem);
  font-weight: 400;
  line-height: 1;
  text-align: right;
  border-bottom: 2px solid var(--main);
  margin-inline: auto;
  padding-bottom: 5px;
}
@media (max-width: 1000px) {
  .top-about__title {
    max-width: 660px;
    position: relative;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0);
    border-bottom: none;
    padding-bottom: 0;
  }
}
@media (max-width: 1000px) {
  .top-about__title::after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: var(--main);
    position: absolute;
    bottom: calc(clamp(-0.375rem, -0.8520710059rem + 1.775147929vw, 0rem) * -1);
    left: 0;
  }
}
.top-about__box {
  background-color: rgba(236, 254, 249, 0.9);
  margin-top: clamp(1.875rem, -1.9850844005rem + 6.1699650757vw, 5.1875rem);
  padding: clamp(1.8125rem, 0.3812869822rem + 5.325443787vw, 2.9375rem) clamp(0rem, -2.5443786982rem + 9.4674556213vw, 2rem) clamp(1.625rem, -0.9210526316rem + 9.4736842105vw, 5rem);
}
@media (max-width: 1000px) {
  .top-about__box {
    margin-top: 26px;
  }
}
.top-about__box-inner {
  max-width: 828px;
  margin-left: auto;
}
.top-about__box-title {
  max-width: 800px;
  color: var(--main);
  font-size: clamp(1.5rem, 1.2171052632rem + 1.0526315789vw, 1.875rem);
  font-weight: bold;
  line-height: 2;
}
@media (max-width: 1000px) {
  .top-about__box-title {
    line-height: 1.6666666667;
  }
}
.top-about__text {
  font-size: 1.125rem;
  line-height: 2.2222222222;
  white-space: pre-line;
  margin-top: clamp(0.875rem, -0.6357248521rem + 5.6213017751vw, 2.0625rem);
}
@media (max-width: 768px) {
  .top-about__text {
    max-width: clamp(23.5rem, 2.1908284024rem + 79.2899408284vw, 40.25rem);
    margin-inline: auto;
  }
}
.top-about__img {
  max-width: 1086px;
  width: 100%;
}
@media (max-width: 1000px) {
  .top-about__img {
    max-width: 670px;
    padding-right: clamp(1.0625rem, 0.0288461538rem + 3.8461538462vw, 1.875rem);
    margin-inline: auto;
  }
}

.top-group {
  background-color: var(--main-l);
  background-image: -webkit-linear-gradient(left, #cdece4 1px, transparent 1px), -webkit-linear-gradient(#cdece4 1px, transparent 1px);
  background-image: linear-gradient(90deg, #cdece4 1px, transparent 1px), linear-gradient(#cdece4 1px, transparent 1px);
  background-position: 3px -1px;
  background-size: 13px 13px;
}
.top-group_pos {
  margin-top: clamp(3.0625rem, -0.1308823529rem + 11.8823529412vw, 9.375rem);
}
.top-group__inner {
  max-width: 1551px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 171px 30px 197px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@media (max-width: 1280px) {
  .top-group__inner {
    padding: clamp(4.3125rem, 1.0875rem + 12vw, 10.6875rem) clamp(1.1875rem, 0.3128698225rem + 3.2544378698vw, 1.875rem) clamp(5.625rem, 2.2419117647rem + 12.5882352941vw, 12.3125rem);
  }
}
@media (max-width: 768px) {
  .top-group__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 54px;
  }
}
.top-group__link {
  max-width: 731px;
  width: 100%;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  position: relative;
}
.top-group__link::before {
  content: "";
  width: 95.7%;
  aspect-ratio: 731/529;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 1;
  border: 1px solid var(--base);
}
.top-group__link::after {
  content: "";
  width: 100%;
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.top-group__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: clamp(0.6875rem, 0.2143108298rem + 0.9845288326vw, 1.125rem);
  position: absolute;
  z-index: 1;
  bottom: clamp(0.9375rem, 0.2615154712rem + 1.4064697609vw, 1.5625rem);
  left: clamp(0.9375rem, -0.5496659634rem + 3.094233474vw, 2.3125rem);
  color: var(--base);
  line-height: 1;
}
@media (max-width: 768px) {
  .top-group__title {
    row-gap: clamp(0.6875rem, 0.1309171598rem + 2.0710059172vw, 1.125rem);
    bottom: clamp(1.3125rem, 0.9944526627rem + 1.1834319527vw, 1.5625rem);
    left: clamp(0.9375rem, -0.811760355rem + 6.5088757396vw, 2.3125rem);
  }
}
.top-group__jp {
  font-size: clamp(1.875rem, 0.725826301rem + 2.3909985935vw, 2.9375rem);
  font-weight: bold;
}
@media (max-width: 768px) {
  .top-group__jp {
    font-size: clamp(1.875rem, 0.5232988166rem + 5.0295857988vw, 2.9375rem);
  }
}
.top-group__en {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.5rem, 0.4184247539rem + 2.2503516174vw, 2.5rem);
  font-weight: 400;
}
@media (max-width: 768px) {
  .top-group__en {
    font-size: clamp(1.5rem, 0.2278106509rem + 4.7337278107vw, 2.5rem);
  }
}

@media (hover: hover) and (pointer: fine) {
  .top-group__link::after {
    -webkit-transition: -webkit-clip-path 0.4s;
    transition: -webkit-clip-path 0.4s;
    transition: clip-path 0.4s;
    transition: clip-path 0.4s, -webkit-clip-path 0.4s;
  }
  .top-group__link:hover::after, .top-group__link:focus::after {
    -webkit-clip-path: inset(100%);
            clip-path: inset(100%);
  }
  .top-group__link:hover .top-group__img, .top-group__link:focus .top-group__img {
    scale: 1.1;
  }
  .top-group__img {
    -webkit-transition: scale 0.4s;
    transition: scale 0.4s;
  }
}
.top-how-to_pos {
  margin-top: 94px;
}
@media (max-width: 768px) {
  .top-how-to_pos {
    margin-top: 124px;
  }
}
.top-how-to__title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: 24px;
  position: relative;
  line-height: 1;
}
@media (max-width: 768px) {
  .top-how-to__title {
    row-gap: 15px;
    padding: 0 clamp(1.1875rem, 0.3128698225rem + 3.2544378698vw, 1.875rem);
  }
}
.top-how-to__jp {
  font-size: clamp(1.5rem, 1.0229289941rem + 1.775147929vw, 1.875rem);
  font-weight: bold;
}
.top-how-to__en {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: var(--main);
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(2.5rem, 0.9097633136rem + 5.9171597633vw, 3.75rem);
  font-weight: 400;
  white-space: nowrap;
  border-bottom: 2px solid var(--main);
}
@media (max-width: 768px) {
  .top-how-to__en {
    display: block;
    text-align: center;
    padding-bottom: 6px;
  }
}
.top-how-to__en::before, .top-how-to__en::after {
  content: "";
  height: 6px;
  width: 100%;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media (max-width: 768px) {
  .top-how-to__en::before, .top-how-to__en::after {
    content: none;
  }
}
.top-how-to__en::before {
  background-color: var(--base);
  bottom: -4px;
}
.top-how-to__inner {
  max-width: 1534px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .top-how-to__inner {
    padding: 0 clamp(1.1875rem, 0.3128698225rem + 3.2544378698vw, 1.875rem);
  }
}
.top-how-to__items {
  max-width: 1509px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  margin-top: clamp(5.25rem, 3.788377193rem + 5.4385964912vw, 7.1875rem);
  margin-left: auto;
}
@media (max-width: 1000px) {
  .top-how-to__items {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    row-gap: 80px;
  }
}
@media (max-width: 768px) {
  .top-how-to__items {
    max-width: 467px;
    grid-template-columns: 1fr;
    row-gap: 0;
    margin-right: auto;
  }
}
.top-how-to__item {
  max-width: 467px;
  min-width: 295px;
  width: 100%;
  position: relative;
}
@media (max-width: 768px) {
  .top-how-to__item_02 {
    margin-top: clamp(5.5625rem, 4.6878698225rem + 3.2544378698vw, 6.25rem);
  }
}
@media (max-width: 1000px) {
  .top-how-to__item_03 {
    left: 50%;
  }
}
@media (max-width: 768px) {
  .top-how-to__item_03 {
    left: 0;
    margin-top: clamp(5.0625rem, 3.5517751479rem + 5.6213017751vw, 6.25rem);
  }
}
.top-how-to__number {
  position: absolute;
  top: calc(clamp(1.25rem, -0.0221893491rem + 4.7337278107vw, 2.25rem) * -1);
  left: calc(clamp(0.375rem, -1.2947485207rem + 6.2130177515vw, 1.6875rem) * -1);
  color: var(--main);
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(3.125rem, 2.3298816568rem + 2.9585798817vw, 3.75rem);
  font-weight: 400;
  line-height: 1;
}
.top-how-to__item-box {
  max-width: 405px;
  margin-top: 15px;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .top-how-to__item-box {
    margin-top: 19px;
  }
}
.top-how-to__item-title {
  color: var(--main);
  font-size: 1.5rem;
  font-weight: bold;
  text-align: center;
}
.top-how-to__item-text {
  font-size: clamp(1.1875rem, 0.9632616487rem + 0.3584229391vw, 1.25rem);
  line-height: 1.75;
  margin-top: 22px;
}
@media (max-width: 768px) {
  .top-how-to__item-text {
    font-size: clamp(1.125rem, 1.0454881657rem + 0.2958579882vw, 1.1875rem);
  }
}
.top-how-to__item-text_01 {
  text-align: center;
}
@media (max-width: 768px) {
  .top-how-to__item-text_01 {
    font-size: 1.25rem;
  }
}
.top-how-to__tel {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(0.3125rem, -1.9298835125rem + 3.5842293907vw, 0.9375rem);
     -moz-column-gap: clamp(0.3125rem, -1.9298835125rem + 3.5842293907vw, 0.9375rem);
          column-gap: clamp(0.3125rem, -1.9298835125rem + 3.5842293907vw, 0.9375rem);
  color: var(--main);
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: 2.5rem;
  margin-top: 15px;
}
.top-how-to__tel::before {
  content: "";
  min-width: 31px;
  aspect-ratio: 1/1;
  background-color: var(--main);
  -webkit-mask-image: url(../images/icon-tel.svg);
          mask-image: url(../images/icon-tel.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  margin-top: -5px;
}
.top-how-to__caution-box {
  max-width: 1065px;
  background-color: var(--main-l);
  margin-top: 52px;
  margin-inline: auto;
  padding: clamp(1.5rem, 0.274122807rem + 4.5614035088vw, 3.125rem) clamp(0.8125rem, 0.2559171598rem + 2.0710059172vw, 1.25rem) clamp(2.4375rem, 1.6423816568rem + 2.9585798817vw, 3.0625rem);
}
@media (max-width: 768px) {
  .top-how-to__caution-box {
    margin-top: 82px;
  }
}
.top-how-to__caution-inner {
  max-width: 915px;
  display: grid;
  grid-template-columns: clamp(7.5rem, -2.9031385281rem + 21.645021645vw, 10.625rem) 1fr;
  margin-inline: auto;
}
@media (max-width: 768px) {
  .top-how-to__caution-inner {
    grid-template-columns: 1fr;
    row-gap: 30px;
  }
}
.top-how-to__caution-title {
  color: var(--main);
  font-size: 1.875rem;
  font-weight: bold;
  margin-top: 4px;
}
@media (max-width: 768px) {
  .top-how-to__caution-title {
    text-align: center;
  }
}
.top-how-to__caution-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.top-how-to__caution-item {
  font-size: 1.125rem;
  line-height: 2.2222222222;
  text-indent: -1em;
  padding-left: 1em;
}
.top-how-to__faq {
  max-width: 1065px;
  height: 120px;
  display: grid;
  place-items: center;
  background-color: var(--main);
  color: var(--base);
  border: 2px solid var(--main);
  margin-top: clamp(1.375rem, 0.5003698225rem + 3.2544378698vw, 2.0625rem);
  margin-inline: auto;
}
.top-how-to__faq-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(0rem, -4.3103448276rem + 17.2413793103vw, 0.3125rem);
     -moz-column-gap: clamp(0rem, -4.3103448276rem + 17.2413793103vw, 0.3125rem);
          column-gap: clamp(0rem, -4.3103448276rem + 17.2413793103vw, 0.3125rem);
  font-size: 1.875rem;
  font-weight: bold;
}
.top-how-to__faq-text::after {
  content: "";
  width: 20px;
  aspect-ratio: 20/29;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
  background-color: var(--base);
}

@media (hover: hover) and (pointer: fine) {
  .top-how-to__faq {
    -webkit-transition: background-color 0.4s, color 0.4s;
    transition: background-color 0.4s, color 0.4s;
  }
  .top-how-to__faq:hover, .top-how-to__faq:focus {
    background-color: var(--base);
    color: var(--main);
  }
  .top-how-to__faq:hover .top-how-to__faq-text::after, .top-how-to__faq:focus .top-how-to__faq-text::after {
    background-color: var(--main);
  }
  .top-how-to__faq__faq-text::after {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
}
.top-blog_pos {
  margin-top: clamp(7.1875rem, 2.7083333333rem + 16.6666666667vw, 13.125rem);
}
.top-blog__inner {
  max-width: 1534px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .top-blog__inner {
    padding: 0 clamp(1.1875rem, 0.3128698225rem + 3.2544378698vw, 1.875rem);
  }
}
.top-blog__top {
  max-width: 1407px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
@media (max-width: 1100px) {
  .top-blog__top {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media (max-width: 768px) {
  .top-blog__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.top-blog__title-area {
  max-width: 1127px;
  width: 100%;
  border-bottom: 2px solid var(--main);
  padding-bottom: 7px;
}
@media (max-width: 1100px) {
  .top-blog__title-area {
    padding-bottom: 18px;
  }
}
.top-blog__title {
  max-width: 847px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
}
@media (max-width: 1100px) {
  .top-blog__title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    row-gap: clamp(1.1875rem, 1.1079881657rem + 0.2958579882vw, 1.25rem);
  }
}
.top-blog__jp {
  font-size: clamp(1.5rem, 1.0229289941rem + 1.775147929vw, 1.875rem);
  font-weight: bold;
  margin-top: 66px;
}
@media (max-width: 1100px) {
  .top-blog__jp {
    margin-top: 0;
  }
}
.top-blog__en {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(0.0625rem, -0.3350591716rem + 1.4792899408vw, 0.375rem);
}
.top-blog__en-text {
  color: var(--main);
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(2.5rem, 0.9097633136rem + 5.9171597633vw, 3.75rem);
  font-weight: 400;
}
.top-blog__en-text_2 {
  -webkit-transform: translateX(18px);
      -ms-transform: translateX(18px);
          transform: translateX(18px);
  text-align: right;
}
@media (max-width: 768px) {
  .top-blog__en-text_2 {
    -webkit-transform: translateX(7px);
        -ms-transform: translateX(7px);
            transform: translateX(7px);
    text-align: center;
  }
}
.top-blog__more {
  margin-top: 59px;
}
@media (max-width: 768px) {
  .top-blog__more {
    margin-top: clamp(1.1875rem, 0.3128698225rem + 3.2544378698vw, 1.875rem);
  }
}
.top-blog__body {
  max-width: 1389px;
  margin-top: clamp(3.125rem, 2.886464497rem + 0.8875739645vw, 3.3125rem);
  margin-inline: auto;
}
.top-blog__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
@media (max-width: 1000px) {
  .top-blog__items {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: clamp(2.125rem, 1.6479289941rem + 1.775147929vw, 2.5rem);
  }
}
.top-blog__post {
  max-width: 678px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
}
@media (max-width: 1000px) {
  .top-blog__post {
    -webkit-column-gap: 17px;
       -moz-column-gap: 17px;
            column-gap: 17px;
  }
}
.top-blog__box {
  max-width: 340px;
  width: 100%;
  margin-top: clamp(0.0625rem, -0.5735946746rem + 2.3668639053vw, 0.5625rem);
}
.top-blog__date {
  font-size: clamp(1rem, 0.6819526627rem + 1.1834319527vw, 1.25rem);
  font-weight: bold;
}
.top-blog__post-title {
  font-size: clamp(1rem, 0.6819526627rem + 1.1834319527vw, 1.25rem);
  font-weight: bold;
  line-height: 1.75;
  margin-top: clamp(0.25rem, -0.5451183432rem + 2.9585798817vw, 0.875rem);
}
.top-blog__text {
  font-size: clamp(0.8125rem, 0.4149408284rem + 1.4792899408vw, 1.125rem);
  line-height: 2.2222222222;
  margin-top: clamp(-0.1875rem, -0.5055473373rem + 1.1834319527vw, 0.0625rem);
}
@media (max-width: 768px) {
  .top-blog__text {
    line-height: 1.8;
  }
}
.top-blog__post-link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  color: var(--main);
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1rem, 0.8409763314rem + 0.5917159763vw, 1.125rem);
  margin-top: clamp(0rem, -1.3517011834rem + 5.0295857988vw, 1.0625rem);
}
.top-blog__thumbnail {
  max-width: clamp(11.0625rem, 0.7259615385rem + 38.4615384615vw, 19.1875rem);
  width: 100%;
  aspect-ratio: 307/253;
}
.top-blog__thumbnail img {
  height: 100%;
  aspect-ratio: 307/253;
  -o-object-fit: cover;
     object-fit: cover;
}
.top-blog__no-post {
  width: 100%;
  height: 250px;
  display: grid;
  place-items: center;
  font-size: 1.25rem;
}

@media (hover: hover) and (pointer: fine) {
  .top-blog__post-link {
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
  }
  .top-blog__post-link:hover, .top-blog__post-link:focus {
    color: #ef8e4b;
  }
}
.top-voice {
  background-color: #fdfeec;
}
@media (max-width: 768px) {
  .top-voice {
    background-color: transparent;
  }
}
.top-voice_pos {
  margin-top: clamp(3.125rem, 0.5789473684rem + 9.4736842105vw, 6.5rem);
}
.top-voice__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 27px 30px 27px;
}
@media (max-width: 768px) {
  .top-voice__inner {
    padding: 0 clamp(1.1875rem, 0.3128698225rem + 3.2544378698vw, 1.875rem);
  }
}
.top-voice__body {
  display: grid;
  grid-template-columns: clamp(11.5625rem, -2.8280332681rem + 29.9412915851vw, 21.125rem) 1fr;
}
@media (max-width: 768px) {
  .top-voice__body {
    grid-template-columns: 1fr;
    background-color: #fdfeec;
    padding: 33px clamp(0.625rem, -0.9652366864rem + 5.9171597633vw, 1.875rem) 30px;
  }
}
@media (max-width: 768px) {
  .top-voice__group {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.top-voice__title {
  max-width: 168px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  row-gap: clamp(0rem, -2.1468195266rem + 7.9881656805vw, 1.6875rem);
  color: #ef8e4b;
  line-height: 1;
}
.top-voice__jp {
  font-size: clamp(1.5rem, 1.0229289941rem + 1.775147929vw, 1.875rem);
}
.top-voice__en {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(3.125rem, 2.3298816568rem + 2.9585798817vw, 3.75rem);
  font-weight: 400;
}
.top-voice__more {
  margin-top: clamp(1.5625rem, 0.2107988166rem + 5.0295857988vw, 2.625rem);
}
.top-voice__main {
  margin-top: clamp(2.25rem, 0.5802514793rem + 6.2130177515vw, 3.5625rem);
}
.top-voice__items {
  height: 172px;
  overflow-y: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 35px;
  padding-top: clamp(0rem, -0.3180473373rem + 1.1834319527vw, 0.25rem);
  padding-right: 20px;
}
@media (max-width: 768px) {
  .top-voice__items {
    height: 279px;
  }
}
.top-voice__items::-webkit-scrollbar {
  width: 7px;
}
.top-voice__items::-webkit-scrollbar-track {
  background-color: transparent;
}
.top-voice__items::-webkit-scrollbar-thumb {
  background-color: #ef8e4b;
}
.top-voice__post-link {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: grid;
  grid-template-columns: clamp(7rem, -4.436155914rem + 18.2795698925vw, 10.1875rem) 1fr;
  line-height: 1.75;
}
@media (max-width: 1000px) {
  .top-voice__post-link {
    grid-template-columns: 1fr;
  }
}
.top-voice__date {
  color: #ef8e4b;
  font-size: 1.25rem;
  font-weight: bold;
}
.top-voice__post-title {
  font-size: clamp(1.125rem, 0.9659763314rem + 0.5917159763vw, 1.25rem);
}
.top-voice__no-post {
  height: 150px;
  display: grid;
  place-items: center;
  font-size: 1.25rem;
}

@media (hover: hover) and (pointer: fine) {
  .top-voice__post-link {
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
  }
  .top-voice__post-link:hover, .top-voice__post-link:focus {
    color: var(--main);
  }
  .top-voice__post-link:hover .top-voice__date, .top-voice__post-link:focus .top-voice__date {
    color: var(--main);
  }
  .top-voice__date {
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
  }
}
.top-spacer {
  height: clamp(3.5625rem, -0.586622807rem + 15.4385964912vw, 9.0625rem);
}

/*###################################################################
  public（page）
###################################################################*/
.public-c {
  padding-bottom: clamp(7.5rem, 2.2685185185rem + 20.9259259259vw, 21.625rem);
}
.public-c__title {
  position: relative;
  background-color: var(--main);
  color: var(--base);
  font-size: clamp(1.25rem, 0.9648748578rem + 1.1376564278vw, 1.875rem);
  line-height: 1.75;
  padding: clamp(0.4375rem, -0.527173913rem + 3.8586956522vw, 1.325rem) clamp(0.9375rem, -0.2600255973rem + 4.7781569966vw, 3.5625rem);
}
.public-c__title::after {
  content: "";
  width: clamp(1.4375rem, 1.0668373151rem + 1.4789533561vw, 2.25rem);
  aspect-ratio: 36/32;
  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
          clip-path: polygon(100% 0, 0 0, 50% 100%);
  position: absolute;
  top: 99%;
  left: 5.1%;
  background-color: var(--main);
}

.public1_pos {
  margin-top: clamp(4.375rem, 2.3333333333rem + 8.1666666667vw, 7.4375rem);
}
.public1__outer {
  max-width: 1920px;
  margin-inline: auto;
}
.public1__body {
  max-width: 1858px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  padding-right: 30px;
}
@media (max-width: 1000px) {
  .public1__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 40px;
    padding-right: 0;
  }
}
.public1__main {
  max-width: 623px;
  width: 100%;
  margin-top: clamp(0rem, -7.7517991239rem + 12.3904881101vw, 6.1875rem);
}
@media (max-width: 1000px) {
  .public1__main {
    max-width: 100%;
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
  }
}
.public1__box {
  max-width: 623px;
  margin-inline: auto;
}
.public1__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  row-gap: clamp(0.6875rem, 0.5625rem + 0.5vw, 0.875rem);
  line-height: 1;
}
.public1__jp {
  font-size: clamp(1.25rem, 0.8333333333rem + 1.6666666667vw, 1.875rem);
}
.public1__en {
  color: var(--main);
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(2.5rem, 1.6666666667rem + 3.3333333333vw, 3.75rem);
  font-weight: 600;
}
.public1__hr {
  border-width: 1px;
  border-color: var(--main);
  margin-top: clamp(1.375rem, 0.7916666667rem + 2.3333333333vw, 2.25rem);
}
.public1__text-1 {
  font-size: clamp(1rem, 0.9166666667rem + 0.3333333333vw, 1.125rem);
  line-height: 2.2222222222;
  --ls: 0.1em;
  white-space: pre-line;
  margin-top: clamp(1.875rem, 1.625rem + 1vw, 2.25rem);
}
.public1__text-2 {
  font-size: clamp(0.9375rem, 0.8958333333rem + 0.1666666667vw, 1rem);
  line-height: 2.5;
  text-indent: -1em;
  margin-top: clamp(1.875rem, 1.5rem + 1.5vw, 2.4375rem);
  padding-left: 1em;
}
.public1__img {
  max-width: 1162px;
  width: 100%;
}

.public2 {
  background-color: var(--main-l);
}
.public2_pos {
  margin-top: clamp(4.375rem, 1.9583333333rem + 9.6666666667vw, 8rem);
}
.public2__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 69px 30px 73px;
}
@media (max-width: 1000px) {
  .public2__inner {
    padding: clamp(2.5rem, 1.2916666667rem + 4.8333333333vw, 4.3125rem) clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem) clamp(3.125rem, 2.1666666667rem + 3.8333333333vw, 4.5625rem);
  }
}
.public2__top-text {
  max-width: 1240px;
  margin-top: 49px;
  margin-inline: auto;
}
.public2__text-1 {
  font-size: clamp(1rem, 0.9166666667rem + 0.3333333333vw, 1.125rem);
  line-height: 1.75;
}
.public2__text-2 {
  font-size: clamp(0.9375rem, 0.8958333333rem + 0.1666666667vw, 1rem);
  line-height: 1.75;
  text-indent: -1em;
  margin-top: 31px;
  padding-left: 1em;
}
.public2__col {
  max-width: 1193px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  margin-top: clamp(2.5rem, 1.6666666667rem + 3.3333333333vw, 3.75rem);
}
@media (max-width: 1000px) {
  .public2__col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 40px;
  }
}
.public2__img-box {
  max-width: 566px;
  width: 100%;
}
.public2__subtitle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  color: var(--main);
  font-size: clamp(1.375rem, 1.0416666667rem + 1.3333333333vw, 1.875rem);
  font-weight: bold;
  line-height: 1.75;
}
.public2__subtitle::before {
  content: "";
  width: 9px;
  aspect-ratio: 9/42;
  background: url(../images/icon-title-deco.svg) no-repeat 0 0/cover;
}
.public2__img {
  max-width: 566px;
  margin-top: 19px;
}
.public2__box {
  max-width: 505px;
  width: 100%;
  margin-top: 61px;
}
@media (max-width: 1000px) {
  .public2__box {
    margin-top: 0;
  }
}
.public2__box-title {
  position: relative;
  font-size: clamp(1.375rem, 1.0416666667rem + 1.3333333333vw, 1.875rem);
  padding-bottom: clamp(0.5625rem, 0.4375rem + 0.5vw, 0.75rem);
}
.public2__box-title::after {
  content: "";
  width: 107px;
  height: clamp(0.1875rem, 0.1041666667rem + 0.3333333333vw, 0.3125rem);
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--main);
}
.public2__box-title_2 {
  margin-top: 41px;
}
.public2__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
  margin-top: 14px;
}
.public2__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  font-size: clamp(1rem, 0.8641304348rem + 0.5434782609vw, 1.125rem);
  line-height: 1.75;
}
.public2__item::before {
  content: "";
  min-width: 15px;
  aspect-ratio: 1/1;
  background: url(../images/icon-check.svg) no-repeat 0 0/contain;
  margin-top: 9px;
}
.public2__note {
  max-width: 1033px;
  border: 1px solid var(--main);
  margin-top: 37px;
  margin-inline: auto;
  padding: 10px 10px 18px;
}
.public2__note-items {
  max-width: 978px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-inline: auto;
}
.public2__note-item {
  font-size: clamp(0.9375rem, 0.8958333333rem + 0.1666666667vw, 1rem);
  line-height: 1.75;
  text-indent: -1.3em;
  padding-left: 1.3em;
}

.public3_pos {
  margin-top: clamp(4.375rem, 1.5416666667rem + 11.3333333333vw, 8.625rem);
}
.public3__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .public3__inner {
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
  }
}
.public3__text {
  max-width: 1240px;
  font-size: clamp(1rem, 0.9166666667rem + 0.3333333333vw, 1.125rem);
  line-height: 1.75;
  margin-top: 49px;
  margin-inline: auto;
}
.public3__col {
  max-width: 1245px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  margin-top: clamp(2.5rem, 2.2083333333rem + 1.1666666667vw, 2.9375rem);
  margin-left: auto;
}
@media (max-width: 1000px) {
  .public3__col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 40px;
  }
}
.public3__img-box {
  max-width: 566px;
  width: 100%;
}
.public3__subtitle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  color: var(--main);
  font-size: clamp(1.375rem, 1.0416666667rem + 1.3333333333vw, 1.875rem);
  font-weight: bold;
  line-height: 1.75;
}
.public3__subtitle::before {
  content: "";
  width: 9px;
  aspect-ratio: 9/42;
  background: url(../images/icon-title-deco.svg) no-repeat 0 0/cover;
}
.public3__img {
  max-width: 566px;
  margin-top: 19px;
}
.public3__box {
  max-width: 321px;
  width: 100%;
  margin-top: 61px;
}
@media (max-width: 1000px) {
  .public3__box {
    margin-top: 0;
  }
}
.public3__box-title {
  position: relative;
  font-size: clamp(1.375rem, 1.0416666667rem + 1.3333333333vw, 1.875rem);
  padding-bottom: clamp(0.5625rem, 0.4375rem + 0.5vw, 0.75rem);
}
.public3__box-title::after {
  content: "";
  width: 107px;
  height: clamp(0.1875rem, 0.1041666667rem + 0.3333333333vw, 0.3125rem);
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: var(--main);
}
.public3__box-title_2 {
  margin-top: 30px;
}
.public3__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
  margin-top: 14px;
}
.public3__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  font-size: clamp(1rem, 0.8641304348rem + 0.5434782609vw, 1.125rem);
  line-height: 1.75;
}
.public3__item::before {
  content: "";
  min-width: 15px;
  aspect-ratio: 1/1;
  background: url(../images/icon-check.svg) no-repeat 0 0/contain;
  margin-top: 9px;
}

.public4 {
  background-color: var(--main-l);
}
.public4_pos {
  margin-top: clamp(4.375rem, 1.7083333333rem + 10.6666666667vw, 8.375rem);
}
.public4__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 69px 30px 177px;
}
@media (max-width: 1280px) {
  .public4__inner {
    padding: clamp(2.5rem, 1.2916666667rem + 4.8333333333vw, 4.3125rem) clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem) clamp(3.125rem, -0.4829545455rem + 14.4318181818vw, 11.0625rem);
  }
}
.public4__text-1 {
  max-width: 1240px;
  font-size: clamp(1rem, 0.9166666667rem + 0.3333333333vw, 1.125rem);
  line-height: 1.75;
  margin-top: 49px;
  margin-inline: auto;
}
.public4__col {
  max-width: 1194px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  margin-top: clamp(2.5rem, 1.5416666667rem + 3.8333333333vw, 3.9375rem);
}
@media (max-width: 1000px) {
  .public4__col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 40px;
  }
}
.public4__text-2 {
  max-width: 480px;
  width: 100%;
  font-size: clamp(1rem, 0.9166666667rem + 0.3333333333vw, 1.125rem);
  line-height: 2.2222222222;
  white-space: pre-line;
  margin-top: 45px;
}
@media (max-width: 1000px) {
  .public4__text-2 {
    margin-top: 0;
  }
}
.public4__img {
  max-width: 566px;
  width: 100%;
}

/*###################################################################
  tour（page）
###################################################################*/
.tour1_pos {
  margin-top: clamp(4.375rem, 2.3333333333rem + 8.1666666667vw, 7.4375rem);
}
.tour1__outer {
  max-width: 1920px;
  margin-inline: auto;
}
.tour1__body {
  max-width: 1840px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  padding-right: 30px;
}
@media (max-width: 1000px) {
  .tour1__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 40px;
    padding-right: 0;
  }
}
.tour1__main {
  max-width: 629px;
  width: 100%;
  margin-top: clamp(0rem, -7.7517991239rem + 12.3904881101vw, 6.1875rem);
}
@media (max-width: 1000px) {
  .tour1__main {
    max-width: 100%;
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
  }
}
.tour1__box {
  max-width: 629px;
  margin-inline: auto;
}
.tour1__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  row-gap: clamp(0.6875rem, 0.5625rem + 0.5vw, 0.875rem);
  line-height: 1;
}
.tour1__jp {
  font-size: clamp(1.25rem, 0.8333333333rem + 1.6666666667vw, 1.875rem);
}
.tour1__en {
  color: var(--main);
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(2.5rem, 1.6666666667rem + 3.3333333333vw, 3.75rem);
  font-weight: 600;
}
.tour1__hr {
  border-width: 1px;
  border-color: var(--main);
  margin-top: clamp(1.375rem, 0.7916666667rem + 2.3333333333vw, 2.25rem);
}
.tour1__text-1 {
  font-size: clamp(1rem, 0.9166666667rem + 0.3333333333vw, 1.125rem);
  line-height: 2.2222222222;
  --ls: 0.1em;
  white-space: pre-line;
  margin-top: clamp(1.875rem, 1.625rem + 1vw, 2.25rem);
}
.tour1__img {
  max-width: 1144px;
  width: 100%;
}
.tour1__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  margin-top: clamp(2.8125rem, 1.8125rem + 4vw, 4.3125rem);
}
@media (max-width: 768px) {
  .tour1__inner {
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
  }
}
.tour1__subtitle {
  font-size: clamp(1.25rem, 0.8333333333rem + 1.6666666667vw, 1.875rem);
  padding: 9px 0;
}
.tour1__text-2 {
  max-width: 1230px;
  font-size: clamp(1rem, 0.9166666667rem + 0.3333333333vw, 1.125rem);
  line-height: 1.75;
  white-space: pre-line;
  margin-top: 27px;
  margin-inline: auto;
}

.tour2_pos {
  margin-top: clamp(4.375rem, -0.5416666667rem + 19.6666666667vw, 11.75rem);
  padding-bottom: clamp(7.5rem, 3.4166666667rem + 16.3333333333vw, 13.625rem);
}
.tour2__title {
  row-gap: clamp(0.375rem, 0.0449561404rem + 1.2280701754vw, 0.8125rem);
}
.tour2__bg-1 {
  background-color: var(--main-l);
  margin-top: 47px;
}
.tour2__inner-1 {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 68px 30px 67px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
}
@media (max-width: 1000px) {
  .tour2__inner-1 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 50px;
    padding: clamp(2.5rem, 1.3333333333rem + 4.6666666667vw, 4.25rem) clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem) clamp(2.5rem, 1.375rem + 4.5vw, 4.1875rem);
  }
}
.tour2__inner-2 {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  margin-top: 73px;
}
@media (max-width: 1000px) {
  .tour2__inner-2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 50px;
  }
}
@media (max-width: 768px) {
  .tour2__inner-2 {
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
  }
}
.tour2__bg-3 {
  background-color: var(--main-l);
  margin-top: 75px;
}
.tour2__inner-3 {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 68px 30px 72px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
}
@media (max-width: 1000px) {
  .tour2__inner-3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 50px;
    padding: clamp(2.5rem, 1.3333333333rem + 4.6666666667vw, 4.25rem) clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem) clamp(3.125rem, 2.2083333333rem + 3.6666666667vw, 4.5rem);
  }
}
.tour2__item {
  max-width: 608px;
  width: 100%;
}
.tour2__item_note {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 1000px) {
  .tour2__item_note {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.tour2__item-title {
  position: relative;
  background-color: var(--main);
  color: var(--base);
  font-size: clamp(1.25rem, 0.9648748578rem + 1.1376564278vw, 1.875rem);
  line-height: 1.75;
  padding: clamp(0.4375rem, -0.5475543478rem + 3.9402173913vw, 1.34375rem) clamp(0.9375rem, -0.2600255973rem + 4.7781569966vw, 3.5625rem);
}
.tour2__item-title::after {
  content: "";
  width: clamp(1.4375rem, 1.0668373151rem + 1.4789533561vw, 2.25rem);
  aspect-ratio: 36/32;
  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
          clip-path: polygon(100% 0, 0 0, 50% 100%);
  position: absolute;
  top: 99%;
  left: 10.1%;
  background-color: var(--main);
}
.tour2__img {
  margin-top: clamp(1.75rem, 0.75rem + 4vw, 3.25rem);
}
.tour2__time {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 14px;
     -moz-column-gap: 14px;
          column-gap: 14px;
  font-size: clamp(1.25rem, 1.0833333333rem + 0.6666666667vw, 1.5rem);
  line-height: 1;
  border-bottom: 1px solid var(--main);
  margin-top: 17px;
  padding-bottom: 12px;
  padding-left: clamp(0rem, -0.7916666667rem + 3.1666666667vw, 1.1875rem);
}
.tour2__time-title {
  width: 145px;
  height: 35px;
  display: grid;
  place-items: center;
  background-color: var(--main);
  color: var(--base);
  border-radius: 9999px;
}
.tour2__fee {
  display: grid;
  grid-template-columns: auto 1fr auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: clamp(1rem, 0.9166666667rem + 0.3333333333vw, 1.125rem);
  line-height: 1.75;
  margin-top: 14px;
}
.tour2__fee_3 {
  font-size: clamp(0.90625rem, 0.7604166667rem + 0.5833333333vw, 1.125rem);
}
.tour2__dot {
  height: 3px;
  background-image: -webkit-radial-gradient(circle, #333333 1.5px, transparent 1.5px);
  background-image: radial-gradient(circle, #333333 1.5px, transparent 1.5px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 20px 4px;
}
@media (max-width: 768px) {
  .tour2__dot {
    background-size: 14px 4px;
  }
}
.tour2__br-2 {
  display: none;
}
@media (max-width: 1150px) {
  .tour2__br-2 {
    display: block;
  }
}
@media (max-width: 1000px) {
  .tour2__br-2 {
    display: none;
  }
}
@media (max-width: 600px) {
  .tour2__br-2 {
    display: block;
  }
}
.tour2__note {
  max-width: 494px;
  font-size: clamp(0.9375rem, 0.8125rem + 0.5vw, 1.125rem);
  line-height: 1.75;
  white-space: pre-line;
  text-indent: -1em;
  padding-left: 1em;
}

/*###################################################################
  transport（page）
###################################################################*/
.transport1_pos {
  margin-top: clamp(4.375rem, 2.3333333333rem + 8.1666666667vw, 7.4375rem);
}
.transport1__outer {
  max-width: 1920px;
  margin-inline: auto;
}
.transport1__body {
  max-width: 1840px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  padding-right: 30px;
}
@media (max-width: 1000px) {
  .transport1__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 40px;
    padding-right: 0;
  }
}
.transport1__main {
  max-width: 629px;
  width: 100%;
  margin-top: clamp(0rem, -7.7517991239rem + 12.3904881101vw, 6.1875rem);
}
@media (max-width: 1000px) {
  .transport1__main {
    max-width: 100%;
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
  }
}
.transport1__box {
  max-width: 629px;
  margin-inline: auto;
}
.transport1__title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  row-gap: clamp(0.6875rem, 0.5625rem + 0.5vw, 0.875rem);
  line-height: 1;
}
.transport1__jp {
  font-size: clamp(1.25rem, 0.8333333333rem + 1.6666666667vw, 1.875rem);
}
.transport1__en {
  color: var(--main);
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(2.5rem, 1.6666666667rem + 3.3333333333vw, 3.75rem);
  font-weight: 600;
}
.transport1__hr {
  border-width: 1px;
  border-color: var(--main);
  margin-top: clamp(1.375rem, 0.7916666667rem + 2.3333333333vw, 2.25rem);
}
.transport1__text-1 {
  font-size: clamp(1rem, 0.9166666667rem + 0.3333333333vw, 1.125rem);
  line-height: 2.2222222222;
  --ls: 0.1em;
  white-space: pre-line;
  margin-top: clamp(1.875rem, 1.625rem + 1vw, 2.25rem);
}
.transport1__img {
  max-width: 1144px;
  width: 100%;
}
.transport1__inner {
  max-width: 1558px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  margin-top: clamp(3.125rem, 1.3333333333rem + 7.1666666667vw, 5.8125rem);
}
@media (max-width: 768px) {
  .transport1__inner {
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
  }
}
.transport1__bottom {
  background-color: var(--main-l);
  padding: clamp(1.875rem, -0.5706521739rem + 9.7826086957vw, 4.125rem) clamp(0.9375rem, 0.597826087rem + 1.3586956522vw, 1.25rem) clamp(2.5rem, 0.1222826087rem + 9.5108695652vw, 4.6875rem);
}
.transport1__bottom-inner {
  max-width: 1391px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
  margin-inline: auto;
}
@media (max-width: 1000px) {
  .transport1__bottom-inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 30px;
  }
}
.transport1__bottom-main {
  max-width: 569px;
  width: 100%;
}
.transport1__bottom-title {
  color: #c79406;
  font-size: clamp(1.5rem, 1.0923913043rem + 1.6304347826vw, 1.875rem);
  font-weight: bold;
  border-bottom: 2px solid var(--main);
  padding-bottom: 10px;
  padding-left: 7px;
}
.transport1__bottom-title_2 {
  margin-top: 35px;
}
.transport1__bottom-title_3 {
  margin-top: 25px;
}
.transport1__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
  margin-top: 15px;
  margin-left: clamp(0.6875rem, -0.3315217391rem + 4.0760869565vw, 1.625rem);
}
.transport1__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  font-size: clamp(1rem, 0.8641304348rem + 0.5434782609vw, 1.125rem);
  line-height: 1.75;
}
.transport1__item::before {
  content: "";
  min-width: 15px;
  aspect-ratio: 1/1;
  background: url(../images/icon-check.svg) no-repeat 0 0/contain;
  margin-top: 9px;
}
.transport1__bottom-img {
  max-width: 751px;
  width: 100%;
  margin-top: 6px;
}
@media (max-width: 1000px) {
  .transport1__bottom-img {
    margin-top: 0;
  }
}

.transport2_pos {
  margin-top: clamp(4.375rem, 3.625rem + 3vw, 5.5rem);
  padding-bottom: clamp(7.5rem, 3.2102272727rem + 17.1590909091vw, 16.9375rem);
}
.transport2__bg {
  background-color: var(--main-l);
}
.transport2__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 96px 30px 99px;
}
@media (max-width: 1000px) {
  .transport2__inner {
    padding: clamp(2.5rem, 0.1666666667rem + 9.3333333333vw, 6rem) clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem) clamp(3.125rem, -0.2038043478rem + 13.3152173913vw, 6.1875rem);
  }
}
.transport2__title {
  row-gap: clamp(0.375rem, -0.0021929825rem + 1.4035087719vw, 0.875rem);
}
.transport2__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(3.125rem, 2.2083333333rem + 3.6666666667vw, 4.5rem);
  margin-top: clamp(2.5rem, 0.875rem + 6.5vw, 4.9375rem);
}
.transport2__item_last {
  margin-top: 24px;
}
.transport2__item-title {
  font-size: clamp(1.25rem, 0.9659090909rem + 1.1363636364vw, 1.875rem);
  line-height: 1.75;
  border-top: 3px solid var(--main);
  border-bottom: 3px solid var(--main);
  padding: 0.75rem clamp(0.5rem, -0.6363636364rem + 4.5454545455vw, 3rem);
}
.transport2__col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  margin-top: clamp(1.25rem, -0.9239130435rem + 8.6956521739vw, 3.25rem);
}
@media (max-width: 900px) {
  .transport2__col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: clamp(1.875rem, 1.1956521739rem + 2.7173913043vw, 2.5rem);
  }
}
.transport2__col_r {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
@media (max-width: 900px) {
  .transport2__col_r {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.transport2__text {
  max-width: 562px;
  width: 100%;
  font-size: clamp(1rem, 0.9431818182rem + 0.2272727273vw, 1.125rem);
  line-height: 1.75;
  line-height: 2.2222222222;
  white-space: pre-line;
  margin-top: clamp(0rem, -2.3089407745rem + 4.1002277904vw, 1.125rem);
}
.transport2__img {
  max-width: 639px;
  width: 100%;
}

/*###################################################################
  price（page）
###################################################################*/
.price-c {
  padding-bottom: clamp(7.5rem, 2.1607142857rem + 21.3571428571vw, 26.1875rem);
}
.price-c__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .price-c__inner {
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
  }
}
.price-c__subtitle {
  margin-top: clamp(3.125rem, 2.5833333333rem + 2.1666666667vw, 3.9375rem);
}
.price-c__subtitle_help {
  margin-top: clamp(3.125rem, 2.0833333333rem + 4.1666666667vw, 4.6875rem);
}
.price-c__table1-wrapper {
  max-width: 972px;
  margin-top: clamp(2.1875rem, 1.0208333333rem + 4.6666666667vw, 3.9375rem);
  margin-inline: auto;
}
.price-c__table2-wrapper {
  max-width: 972px;
  margin-top: clamp(1.875rem, 0.75rem + 4.5vw, 3.5625rem);
  margin-inline: auto;
}
.price-c__table {
  width: 100%;
  font-size: clamp(1rem, 0.9166666667rem + 0.3333333333vw, 1.125rem);
}
.price-c__t1-th {
  background-color: var(--text);
  color: var(--base);
  font-size: clamp(1.125rem, 1.0416666667rem + 0.3333333333vw, 1.25rem);
  font-weight: 500;
  padding: 1.09375rem 0;
}
.price-c__t1-th_fee {
  padding-right: clamp(1.1875rem, -1.3541666667rem + 10.1666666667vw, 5rem) !important;
}
.price-c__td-d {
  background-color: #dadada;
  border-bottom: 1px solid #c7c7c7;
  padding: 1.2625rem 0;
}
.price-c__td-d_distance {
  text-indent: clamp(1.25rem, -3.4583333333rem + 18.8333333333vw, 8.3125rem);
}
.price-c__td {
  border-bottom: 1px solid #c7c7c7;
  padding: 1.3875rem 0;
}
.price-c__time {
  padding-left: clamp(0.625rem, -2.2916666667rem + 11.6666666667vw, 5rem);
}
.price-c__distance {
  text-align: center;
}
.price-c__distance_t1 {
  text-indent: calc(clamp(0rem, -4.75rem + 19vw, 7.125rem) * -1);
}
.price-c__fee {
  text-align: right;
  padding-right: clamp(0.625rem, -1.6666666667rem + 9.1666666667vw, 4.0625rem);
}
.price-c__box {
  max-width: 687px;
  border: 1px solid var(--text);
  margin-inline: auto;
  padding: 19px 10px 10px;
}
.price-c__items {
  max-width: 660px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 2px;
  margin-inline: auto;
}
.price-c__item {
  line-height: 1.75;
  text-indent: -1.3em;
  padding-left: 1.3em;
}

.price1_pos {
  margin-top: clamp(4.375rem, 2.4166666667rem + 7.8333333333vw, 7.3125rem);
}
.price1__title {
  row-gap: clamp(0.375rem, -0.0964912281rem + 1.7543859649vw, 1rem);
}
.price1__subtitle {
  margin-top: clamp(3.125rem, 0.7083333333rem + 9.6666666667vw, 6.75rem);
}
.price1__box {
  margin-top: clamp(2.5rem, 0.7916666667rem + 6.8333333333vw, 5.0625rem);
}

.price2_pos {
  margin-top: clamp(4.375rem, 0.4166666667rem + 15.8333333333vw, 15.0625rem);
}
.price2__title {
  row-gap: clamp(0.375rem, 0.0449561404rem + 1.2280701754vw, 0.8125rem);
}
.price2__title-text {
  font-size: clamp(1rem, 0.9166666667rem + 0.3333333333vw, 1.125rem);
  text-align: center;
  margin-top: clamp(0.625rem, 0.2083333333rem + 1.6666666667vw, 1.25rem);
}
.price2__subtitle {
  margin-top: clamp(3.125rem, 2.2916666667rem + 3.3333333333vw, 4.375rem);
}
.price2__box {
  margin-top: clamp(2.5rem, -0.2916666667rem + 11.1666666667vw, 6.6875rem);
}

.price3_pos {
  margin-top: clamp(4.375rem, -1.3920454545rem + 23.0681818182vw, 17.0625rem);
}
.price3__title {
  row-gap: clamp(0.375rem, 0.0449561404rem + 1.2280701754vw, 0.8125rem);
}
.price3__buttons {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: clamp(0.75rem, 0.2083333333rem + 2.1666666667vw, 1.5625rem) clamp(0.625rem, -21.0868644068rem + 27.1186440678vw, 1.625rem);
  margin-top: clamp(3.125rem, 1.375rem + 7vw, 5.75rem);
}
@media (max-width: 1280px) {
  .price3__buttons {
    max-width: 1040px;
    grid-template-columns: repeat(4, 1fr);
    margin-inline: auto;
  }
}
@media (max-width: 1000px) {
  .price3__buttons {
    max-width: 800px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (max-width: 768px) {
  .price3__buttons {
    max-width: 500px;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 500px) {
  .price3__buttons {
    max-width: 300px;
    grid-template-columns: 1fr;
  }
}
.price3__link {
  height: clamp(3.4375rem, -4.1458333333rem + 12.1212121212vw, 4.1875rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #c79406;
  font-size: clamp(1rem, -0.2638888889rem + 2.0202020202vw, 1.125rem);
  line-height: 1;
  border: 2px solid #c79406;
  padding-right: 15px;
}
.price3__link::after {
  content: "";
  width: 15px;
  aspect-ratio: 15/9;
  background-color: #c79406;
  -webkit-mask-image: url(../images/icon-faq-link.svg);
          mask-image: url(../images/icon-faq-link.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
.price3__link_1 {
  padding-left: 40px;
}
.price3__link_2 {
  padding-right: 8px;
  padding-left: 10px;
}
.price3__link_3 {
  padding-left: 22px;
}
.price3__link_4 {
  padding-left: 18px;
}
.price3__link_5 {
  padding-left: 30px;
}
@media (max-width: 768px) {
  .price3__link {
    padding-right: 15px;
    padding-left: 20px;
  }
}
.price3__block_1 {
  background-color: var(--main-l);
  margin-top: clamp(2.5rem, 0.0833333333rem + 9.6666666667vw, 6.125rem);
}
.price3__block_2 {
  margin-top: clamp(3.125rem, 1.25rem + 7.5vw, 5.9375rem);
}
.price3__block_3 {
  background-color: var(--main-l);
  margin-top: clamp(3.125rem, 1.2916666667rem + 7.3333333333vw, 5.875rem);
}
.price3__block_4 {
  margin-top: clamp(3.125rem, 1.2083333333rem + 7.6666666667vw, 6rem);
}
.price3__block_5 {
  background-color: var(--main-l);
  margin-top: clamp(3.125rem, 1.2916666667rem + 7.3333333333vw, 5.875rem);
}
.price3__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding: 99px 30px 103px;
}
@media (max-width: 1000px) {
  .price3__inner {
    padding: clamp(2.5rem, 0.9308510638rem + 6.2765957447vw, 6.1875rem) clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem) clamp(3.125rem, 1.7154255319rem + 5.6382978723vw, 6.4375rem);
  }
}
.price3__block-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 10px;
     -moz-column-gap: 10px;
          column-gap: 10px;
  padding-left: 13px;
}
.price3__dot {
  color: var(--main);
  font-size: clamp(1rem, 0.8863636364rem + 0.4545454545vw, 1.25rem);
}
.price3__faq {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(1.5625rem, 0.9791666667rem + 2.3333333333vw, 2.4375rem);
  margin-top: clamp(2.5rem, 1.8617021277rem + 2.5531914894vw, 4rem);
}
.price3__details[open] .price3__icon::before {
  -webkit-transform: translate(-50%, -50%) rotate(0);
      -ms-transform: translate(-50%, -50%) rotate(0);
          transform: translate(-50%, -50%) rotate(0);
}
.price3__summary {
  display: grid;
  grid-template-columns: clamp(1.6875rem, 1.102393617rem + 2.3404255319vw, 3.0625rem) 1fr clamp(1.125rem, 0.9654255319rem + 0.6382978723vw, 1.5rem);
  background-color: var(--main);
  color: var(--base);
  cursor: pointer;
  padding: clamp(0.375rem, 0.1090425532rem + 1.0638297872vw, 1rem) clamp(0.3125rem, 0.1263297872rem + 0.7446808511vw, 0.75rem) clamp(0.5625rem, 0.4295212766rem + 0.5319148936vw, 0.875rem) clamp(0.5rem, 0.2074468085rem + 1.170212766vw, 1.1875rem);
}
.price3__summary::-webkit-details-marker {
  display: none;
}
.price3__q {
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.25rem, 0.9840425532rem + 1.0638297872vw, 1.875rem);
  font-weight: 600;
  line-height: 1;
  margin-top: 9px;
}
.price3__q-title {
  font-size: clamp(1.125rem, 0.9654255319rem + 0.6382978723vw, 1.5rem);
  line-height: 1.75;
  padding-right: clamp(0.4375rem, 0.2247340426rem + 0.8510638298vw, 0.9375rem);
}
.price3__icon {
  width: clamp(1.125rem, 0.9654255319rem + 0.6382978723vw, 1.5rem);
  aspect-ratio: 24/4;
  position: relative;
  background-color: var(--base);
  margin-top: 18px;
}
.price3__icon::before {
  content: "";
  width: clamp(1.125rem, 0.9654255319rem + 0.6382978723vw, 1.5rem);
  aspect-ratio: 24/4;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
      -ms-transform: translate(-50%, -50%) rotate(90deg);
          transform: translate(-50%, -50%) rotate(90deg);
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  background-color: var(--base);
}
.price3__body {
  overflow: hidden;
}
.price3__body-inner {
  min-height: 183px;
  display: grid;
  grid-template-columns: clamp(1.5rem, 0.7819148936rem + 2.8723404255vw, 3.1875rem) 1fr;
  padding: 18px clamp(0rem, -0.3191489362rem + 1.2765957447vw, 0.75rem) 25px clamp(0.5rem, 0.1542553191rem + 1.3829787234vw, 1.3125rem);
}
.price3__a {
  color: #c79406;
  font-family: "Josefin Sans", sans-serif;
  font-optical-sizing: auto;
  font-size: clamp(1.25rem, 0.9840425532rem + 1.0638297872vw, 1.875rem);
  font-weight: 600;
  line-height: 1;
  margin-top: 5px;
}
.price3__text {
  max-width: 1132px;
  font-size: clamp(1rem, 0.9468085106rem + 0.2127659574vw, 1.125rem);
  line-height: 2.2222222222;
  --ls: 0.1em;
  white-space: pre-line;
}

@media (hover: hover) and (pointer: fine) {
  .price3__link {
    -webkit-transition: background-color 0.4s, color 0.4s;
    transition: background-color 0.4s, color 0.4s;
  }
  .price3__link::after {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .price3__link:hover, .price3__link:focus {
    background-color: #c79406;
    color: var(--base);
  }
  .price3__link:hover::after, .price3__link:focus::after {
    background-color: var(--base);
  }
}
/*###################################################################
  vehicle（page）
###################################################################*/
.car-c__outer {
  max-width: 1920px;
  margin-inline: auto;
}
.car-c__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
}
@media (max-width: 1000px) {
  .car-c__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: clamp(1.875rem, 0.5163043478rem + 5.4347826087vw, 3.125rem);
  }
}
.car-c__main {
  max-width: 622px;
  width: 100%;
}
@media (max-width: 1000px) {
  .car-c__main {
    max-width: 682px;
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
  }
}
.car-c__title {
  display: grid;
  place-items: center;
  position: relative;
  background-color: var(--main);
  color: var(--base);
  font-size: clamp(1.5rem, 0.1545698925rem + 2.1505376344vw, 1.875rem);
  line-height: 1.75;
  text-align: center;
  padding: clamp(0.4375rem, -0.527173913rem + 3.8586956522vw, 1.325rem) 10px;
}
@media (max-width: 1000px) {
  .car-c__title {
    font-size: clamp(1.375rem, 0.8315217391rem + 2.1739130435vw, 1.875rem);
  }
}
.car-c__title::after {
  content: "";
  width: 36px;
  aspect-ratio: 36/32;
  -webkit-clip-path: polygon(100% 0, 0 0, 50% 100%);
          clip-path: polygon(100% 0, 0 0, 50% 100%);
  position: absolute;
  top: 99%;
  left: 10.4%;
  background-color: var(--main);
}
.car-c__features {
  display: grid;
  grid-template-columns: clamp(7rem, 4.2826086957rem + 10.8695652174vw, 9.5rem) 1fr;
  font-size: clamp(1rem, 0.8641304348rem + 0.5434782609vw, 1.125rem);
  margin-top: 45px;
}
.car-c__features_2 {
  margin-top: 14px;
}
.car-c__feature-title {
  max-width: clamp(6.5rem, 5.4130434783rem + 4.347826087vw, 7.5rem);
  height: clamp(1.375rem, 0.9673913043rem + 1.6304347826vw, 1.75rem);
  display: grid;
  place-items: center;
  background-color: var(--main);
  color: var(--base);
  font-weight: bold;
  line-height: 1;
  border-radius: 9999px;
}
.car-c__subtitle {
  color: #c79406;
  font-size: clamp(1.375rem, 0.8315217391rem + 2.1739130435vw, 1.875rem);
  line-height: 1;
  border-bottom: 2px solid var(--main);
  padding-bottom: 9px;
}
.car-c__subtitle_1 {
  margin-top: 35px;
}
.car-c__subtitle_2 {
  margin-top: 22px;
}
.car-c__subtitle_3 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 15px;
}
.car-c__specs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 5px;
  margin-top: 12px;
  padding-left: 15px;
}
.car-c__spec {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
  font-size: clamp(1rem, 0.8641304348rem + 0.5434782609vw, 1.125rem);
  line-height: 1.75;
}
.car-c__spec::before {
  content: "";
  min-width: 15px;
  aspect-ratio: 1/1;
  background: url(../images/icon-check.svg) no-repeat 0 0/contain;
  margin-top: 9px;
}
.car-c__facility-text {
  position: relative;
  font-size: clamp(1rem, 0.8641304348rem + 0.5434782609vw, 1.125rem);
  margin-top: 20px;
}
.car-c__facility-text::after {
  content: "";
  width: 60px;
  height: 3px;
  position: absolute;
  bottom: -10px;
  left: 0;
  background-color: var(--main);
}
.car-c__table {
  width: 100%;
  font-size: clamp(0.9375rem, 0.7336956522rem + 0.8152173913vw, 1.125rem);
  margin-top: 22px;
}
.car-c__th {
  height: 47px;
  background-color: var(--text);
  color: var(--base);
  text-align: center;
  vertical-align: middle;
}
.car-c__td {
  height: 47px;
  background-color: #dadada;
  text-align: center;
  vertical-align: middle;
}
.car-c__equipment {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 10px 7px;
  margin-top: 15px;
}
.car-c__equip {
  height: 25px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 3px;
     -moz-column-gap: 3px;
          column-gap: 3px;
  background-color: var(--main);
  color: var(--base);
  line-height: 1;
  border-radius: 9999px;
  padding: 0 9px;
}
.car-c__equip-icon {
  font-size: 0.625rem;
  font-weight: 400;
}
.car-c__img {
  width: 100%;
}
.car-c__items {
  max-width: 1579px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(0.625rem, -0.0568181818rem + 2.7272727273vw, 2.125rem) clamp(0.625rem, -0.0477150538rem + 1.0752688172vw, 0.8125rem);
}
@media (max-width: 768px) {
  .car-c__items {
    grid-template-columns: repeat(3, 1fr);
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
  }
}
.car-c__item {
  overflow: hidden;
}
.car-c__item-img {
  height: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}

@media (hover: hover) and (pointer: fine) {
  .car-c__item-link:hover .car-c__item-img, .car-c__item-link:focus .car-c__item-img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .car-c__item-img {
    -webkit-transition: -webkit-transform 0.4s;
    transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
    transition: transform 0.4s, -webkit-transform 0.4s;
  }
}
.car1_pos {
  margin-top: clamp(4.375rem, 2.4583333333rem + 7.6666666667vw, 7.25rem);
}
.car1__body {
  max-width: 1833px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  padding-right: 30px;
}
@media (max-width: 1000px) {
  .car1__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    padding-right: 0;
  }
}
.car1__th {
  text-align: center;
}
.car1__td {
  text-align: center;
}
.car1__img {
  max-width: 1144px;
}
.car1__items {
  margin-top: clamp(2.5rem, -1.5833333333rem + 16.3333333333vw, 8.625rem);
}

.car2_pos {
  margin-top: clamp(4.375rem, -1.9318181818rem + 25.2272727273vw, 18.25rem);
  padding-bottom: clamp(7.5rem, -1.7142857143rem + 36.8571428571vw, 39.75rem);
}
.car2__body {
  max-width: 1864px;
  margin-left: auto;
  padding-left: 30px;
}
@media (max-width: 1000px) {
  .car2__body {
    padding-left: 0;
  }
}
.car2__th1 {
  width: 17%;
}
.car2__th2 {
  width: 15%;
}
.car2__equipment-wrapper {
  display: grid;
  grid-template-columns: 96px 1fr;
  -webkit-box-align: start;
  -webkit-align-items: start;
      -ms-flex-align: start;
          align-items: start;
  margin-top: 38px;
}
@media (max-width: 1000px) {
  .car2__equipment-wrapper {
    grid-template-columns: 1fr;
  }
}
.car2__subtitle3 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 0;
}
.car2__img {
  max-width: 1187px;
}
.car2__items {
  margin-top: clamp(2.5rem, -2.5rem + 20vw, 10rem);
}

/*###################################################################
  company（page）
###################################################################*/
.company1_pos {
  margin-top: clamp(4.375rem, 2.5416666667rem + 7.3333333333vw, 7.125rem);
}
.company1__inner {
  max-width: 1302px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .company1__inner {
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
  }
}
.company1__col {
  max-width: 1291px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  margin-top: clamp(2.5rem, -0.1rem + 10.4vw, 5.75rem);
  margin-left: auto;
}
@media (max-width: 900px) {
  .company1__col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    row-gap: 40px;
  }
}
.company1__box {
  max-width: 671px;
  width: 100%;
}
.company1__box-title {
  font-size: clamp(1.1875rem, 0.9375rem + 1vw, 1.5rem);
  line-height: 1.75;
}
.company1__text {
  font-size: clamp(1rem, 0.9rem + 0.4vw, 1.125rem);
  line-height: 1.75;
  white-space: pre-line;
  margin-top: 34px;
}
.company1__name {
  max-width: 537px;
  height: clamp(7.8125rem, 6.1125rem + 6.8vw, 9.9375rem);
  background-color: var(--main-l);
  margin: clamp(2.125rem, 0.125rem + 8vw, 4.625rem) 0 0 21px;
  padding: clamp(2rem, 1.5rem + 2vw, 2.625rem) 15px 0;
}
@media (max-width: 900px) {
  .company1__name {
    margin: clamp(2.125rem, 0.125rem + 8vw, 4.625rem) auto 0;
  }
}
.company1__name-inner {
  max-width: 391px;
  margin-inline: auto;
}
.company1__name-text-box {
  max-width: clamp(19.4375rem, 17.9875rem + 5.8vw, 21.25rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  row-gap: clamp(0.875rem, 0.575rem + 1.2vw, 1.25rem);
  line-height: 1;
}
.company1__name-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  font-size: clamp(1.625rem, 1.425rem + 0.8vw, 1.875rem);
}
.company1__job {
  font-size: clamp(1.125rem, 0.925rem + 0.8vw, 1.375rem);
}
.company1__name-en {
  color: var(--main);
  font-size: clamp(1.25rem, 1.05rem + 0.8vw, 1.5rem);
}
.company1__img {
  max-width: 559px;
  margin-top: 5px;
}
@media (max-width: 900px) {
  .company1__img {
    margin-top: 0;
  }
}
.company1__bottom {
  max-width: 1280px;
  margin-top: 51px;
  margin-inline: auto;
}
.company1__p-box {
  background-color: var(--main-l);
  padding: 36px 15px 55px;
}
.company1__p-inner {
  max-width: 1242px;
  margin-inline: auto;
}
.company1__p-name {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 1;
  font-size: clamp(1.25rem, 0.9782608696rem + 1.0869565217vw, 1.5rem);
  margin-left: clamp(0.625rem, -2.0923913043rem + 10.8695652174vw, 3.125rem);
}
.company1__p-name::after {
  content: "";
  width: 100%;
  height: 16px;
  position: absolute;
  bottom: -6px;
  left: 0;
  z-index: -1;
  background-color: rgba(3, 216, 161, 0.3);
}
.company1__hr {
  border-top: 1px solid var(--text);
  margin-top: 30px;
}
.company1__p-contents {
  max-width: 1116px;
  font-size: clamp(1rem, 0.8863636364rem + 0.4545454545vw, 1.25rem);
  line-height: 1.75;
  margin-top: 36px;
  margin-inline: auto;
}
.company1__p-main {
  max-width: 1088px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 15px;
     -moz-column-gap: 15px;
          column-gap: 15px;
}
@media (max-width: 900px) {
  .company1__p-main {
    max-width: 600px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 30px;
    margin-inline: auto;
  }
}
.company1__items1 {
  max-width: 333px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 15px;
}
.company1__item1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 14px;
     -moz-column-gap: 14px;
          column-gap: 14px;
}
.company1__item1::before {
  content: "";
  min-width: 15px;
  aspect-ratio: 1/1;
  background: url(../images/icon-check.svg) no-repeat 0 0/contain;
  margin-top: clamp(0.5rem, 0.4147727273rem + 0.3409090909vw, 0.6875rem);
}
.company1__items2 {
  max-width: 542px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 16px;
  position: relative;
}
.company1__items2::before {
  content: "";
  width: 3px;
  height: 100%;
  position: absolute;
  top: 0;
  left: clamp(6.4375rem, -0.4375rem + 27.5vw, 9.875rem);
  background-color: var(--main);
}
.company1__item2 {
  display: grid;
  grid-template-columns: clamp(12.8125rem, 10.4351912929rem + 4.2216358839vw, 13.8125rem) 1fr;
  position: relative;
}
@media (max-width: 900px) {
  .company1__item2 {
    grid-template-columns: clamp(7.8125rem, -4.1875rem + 48vw, 13.8125rem) 1fr;
  }
}
.company1__item2::after {
  content: "";
  width: clamp(0.9375rem, 0.4375rem + 2vw, 1.1875rem);
  aspect-ratio: 1/1;
  background-color: var(--main);
  position: absolute;
  top: calc(50% - clamp(-0.3125rem, -0.6875rem + 1.5vw, -0.125rem) * -1);
  left: clamp(6.0625rem, -0.5625rem + 26.5vw, 9.375rem);
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-radius: 50%;
}
.company1__item2-text {
  border-bottom: 1px solid var(--text);
  padding-bottom: 12px;
  padding-left: 14px;
}

.company2_pos {
  margin-top: clamp(4.375rem, 0.7916666667rem + 14.3333333333vw, 9.75rem);
}
.company2__inner {
  max-width: 1280px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .company2__inner {
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
  }
}
.company2__img {
  margin-top: 58px;
}
.company2__dl {
  max-width: 1170px;
  display: grid;
  grid-template-columns: clamp(5.1875rem, -3.2242647059rem + 33.6470588235vw, 23.0625rem) 1fr;
  font-size: clamp(1rem, 0.9166666667rem + 0.3333333333vw, 1.125rem);
  line-height: 1.75;
  margin-top: 67px;
  margin-inline: auto;
}
.company2__dt {
  font-weight: 500;
  border-bottom: 1px solid var(--text);
  padding: 15px 0 15px clamp(0rem, -1.1950207469rem + 2.489626556vw, 0.75rem);
}
.company2__dd {
  border-bottom: 1px solid var(--text);
  padding: 15px 0;
}
.company2__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-column-gap: 8px;
     -moz-column-gap: 8px;
          column-gap: 8px;
}
.company2__item::before {
  content: "";
  min-width: clamp(0.8125rem, 0.7536764706rem + 0.2352941176vw, 0.9375rem);
  aspect-ratio: 1/1;
  background: url(../images/icon-check.svg) no-repeat 0 0/contain;
  margin-top: 9px;
}

.company3_pos {
  margin-top: clamp(4.375rem, 1.4583333333rem + 11.6666666667vw, 8.75rem);
  padding-bottom: clamp(7.5rem, 1.62109375rem + 23.515625vw, 26.3125rem);
}
.company3__inner {
  max-width: 1603px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 768px) {
  .company3__inner {
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem);
  }
}
.company3__address {
  font-size: 1.125rem;
  text-align: center;
  margin-top: clamp(2.5rem, 2rem + 2vw, 3.25rem);
}
.company3__map {
  margin-top: 18px;
}
.company3__gmap {
  width: 100%;
  height: clamp(25rem, 21.0416666667rem + 15.8333333333vw, 30.9375rem);
}

/*###################################################################
  news（page）
###################################################################*/
.news-list * {
  --ls: 0;
}
.news-list_pos {
  margin-top: clamp(5rem, 2.2170857988rem + 10.3550295858vw, 7.1875rem);
}
.news-list__inner {
  max-width: 1588px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 150px;
}
@media (max-width: 1000px) {
  .news-list__inner {
    padding: 0 clamp(0.9375rem, -0.625rem + 5.2083333333vw, 1.875rem) 150px;
  }
}
.news-list__contents {
  max-width: 1519px;
  display: grid;
  grid-template-columns: 1fr clamp(14.375rem, -11.9312363834rem + 42.0479302832vw, 26.4375rem);
  -webkit-column-gap: clamp(1.25rem, -2.8390522876rem + 6.5359477124vw, 3.125rem);
     -moz-column-gap: clamp(1.25rem, -2.8390522876rem + 6.5359477124vw, 3.125rem);
          column-gap: clamp(1.25rem, -2.8390522876rem + 6.5359477124vw, 3.125rem);
  margin-left: auto;
}
@media (max-width: 1000px) {
  .news-list__contents {
    max-width: 800px;
    grid-template-columns: 1fr;
    row-gap: 100px;
    margin-inline: auto;
  }
}
.news-list__body {
  max-width: 1008px;
  width: 100%;
  margin-top: clamp(0rem, -0.3241580311rem + 0.518134715vw, 0.1875rem);
}
.news-list__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(3.125rem, 0.333913649rem + 8.9136490251vw, 5.125rem);
}
.news-list__post-title {
  background-color: var(--main);
  padding: 0.46875rem 15px;
}
.news-list__post-title-text {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: var(--base);
  font-size: clamp(1.125rem, 0rem + 4.1860465116vw, 2.25rem);
  line-height: 1.75;
  word-break: break-all;
  margin-inline: auto;
}
.news-list__group1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 16px;
     -moz-column-gap: 16px;
          column-gap: 16px;
  font-weight: 500;
  margin-top: 18px;
  padding-right: 10px;
}
@media (max-width: 500px) {
  .news-list__group1 {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.news-list__date {
  font-size: clamp(1rem, 0.75rem + 0.9302325581vw, 1.25rem);
  --ls: 0.1em;
}
.news-list__cat {
  min-width: 92px;
  height: 34px;
  display: grid;
  place-items: center;
  background-color: var(--main);
  color: var(--base);
  border: 1px solid var(--main);
  padding: 0 11px;
}
.news-list__date {
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75;
}
.news-list__group2 {
  display: grid;
  grid-template-columns: clamp(10.625rem, 1.0306406685rem + 30.6406685237vw, 17.5rem) 1fr;
  -webkit-column-gap: clamp(0.9375rem, -13.6711956522rem + 30.4347826087vw, 2.6875rem);
     -moz-column-gap: clamp(0.9375rem, -13.6711956522rem + 30.4347826087vw, 2.6875rem);
          column-gap: clamp(0.9375rem, -13.6711956522rem + 30.4347826087vw, 2.6875rem);
  margin-top: calc(clamp(-0.9375rem, -8.8598901099rem + 16.4835164835vw, 0rem) * -1);
  padding-right: 10px;
}
@media (max-width: 500px) {
  .news-list__group2 {
    grid-template-columns: 1fr;
    row-gap: 15px;
  }
}
.news-list__thumbnail {
  aspect-ratio: 280/244;
}
@media (max-width: 500px) {
  .news-list__thumbnail {
    max-width: 280px;
    margin-inline: auto;
  }
}
.news-list__thumbnail img {
  height: 100%;
  aspect-ratio: 280/244;
  -o-object-fit: cover;
     object-fit: cover;
}
.news-list__box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 10px;
  margin-top: clamp(0rem, -21.3913043478rem + 44.5652173913vw, 2.5625rem);
}
.news-list__text {
  font-size: clamp(1rem, 0.8255571031rem + 0.5571030641vw, 1.125rem);
  line-height: 2.2222222222;
}
.news-list__post-link {
  width: 180px;
  height: clamp(2.75rem, 2.3138927577rem + 1.3927576602vw, 3.0625rem);
  display: grid;
  place-items: center;
  background-color: var(--main);
  color: var(--base);
  font-size: clamp(1rem, 0.8255571031rem + 0.5571030641vw, 1.125rem);
  border: 1px solid var(--main);
  margin-top: auto;
  margin-left: auto;
}
.news-list__no-post {
  height: 200px;
  display: grid;
  place-items: center;
  background-color: var(--main);
  color: var(--base);
  font-size: 1.25rem;
  font-weight: 500;
}
.news-list__pagination {
  font-size: 1.25rem;
  margin-top: 80px;
}
@media (max-width: 768px) {
  .news-list__pagination {
    margin-top: 80px;
  }
}
.news-list__pagination ul.page-numbers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(1.125rem, -0.875rem + 8vw, 2.125rem);
  margin-inline: auto;
}
.news-list__pagination ul.page-numbers li {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.news-list__pagination ul.page-numbers li .page-numbers {
  --spacing: 0;
}
.news-list__pagination .page-numbers.current {
  color: var(--main);
}

@media (hover: hover) and (pointer: fine) {
  .news-list__post-link {
    -webkit-transition: background-color 0.4s, color 0.4s;
    transition: background-color 0.4s, color 0.4s;
  }
  .news-list__post-link:hover, .news-list__post-link:focus {
    background-color: var(--base);
    color: var(--main);
  }
  .news-list__cat {
    -webkit-transition: background-color 0.4s, color 0.4s;
    transition: background-color 0.4s, color 0.4s;
  }
  .news-list__cat:hover, .news-list__cat:focus {
    background-color: var(--base);
    color: var(--main);
  }
}
.news-side__title {
  height: 64px;
  display: grid;
  place-items: center;
  background-color: var(--main);
  color: var(--base);
  font-size: clamp(1.25rem, 1rem + 0.9302325581vw, 1.5rem);
  font-weight: 600;
}
.news-side__nav {
  margin-top: 26px;
}
.news-side__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 15px;
  padding-left: clamp(0rem, -3.1335276339rem + 5.0086355786vw, 1.8125rem);
}
.news-side__category-link {
  font-size: clamp(1.125rem, 0.75rem + 1.3953488372vw, 1.5rem);
  font-weight: 500;
}

@media (hover: hover) and (pointer: fine) {
  .news-side__category-link {
    -webkit-transition: color 0.4s;
    transition: color 0.4s;
  }
  .news-side__category-link:hover, .news-side__category-link:focus {
    color: var(--main);
  }
}
.news-post_pos {
  margin-top: clamp(5rem, 2.2170857988rem + 10.3550295858vw, 7.1875rem);
}
.news-post__inner {
  max-width: 1588px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 150px;
}
@media (max-width: 1000px) {
  .news-post__inner {
    padding: 0 clamp(0.9375rem, -0.625rem + 5.2083333333vw, 1.875rem) 150px;
  }
}
.news-post__contents {
  max-width: 1519px;
  display: grid;
  grid-template-columns: clamp(42.375rem, 12.1160130719rem + 48.3660130719vw, 56.25rem) clamp(14.375rem, -11.9312363834rem + 42.0479302832vw, 26.4375rem);
  -webkit-column-gap: clamp(1.25rem, -2.8390522876rem + 6.5359477124vw, 3.125rem);
     -moz-column-gap: clamp(1.25rem, -2.8390522876rem + 6.5359477124vw, 3.125rem);
          column-gap: clamp(1.25rem, -2.8390522876rem + 6.5359477124vw, 3.125rem);
  margin-left: auto;
}
@media (max-width: 1000px) {
  .news-post__contents {
    max-width: 800px;
    grid-template-columns: 1fr;
    row-gap: 100px;
    margin-inline: auto;
  }
}
.news-post__body {
  max-width: 900px;
  width: 100%;
  margin-top: clamp(0rem, -0.3241580311rem + 0.518134715vw, 0.1875rem);
}
@media (max-width: 1000px) {
  .news-post__body {
    max-width: clamp(23.125rem, 1.625rem + 86vw, 50rem);
    margin-inline: auto;
  }
}
.news-post__bg {
  background-color: var(--base);
  border: 1px solid #75778d;
  padding: 50px 20px 100px;
}
@media (max-width: 768px) {
  .news-post__bg {
    padding: 50px clamp(0.9375rem, -0.625rem + 5.2083333333vw, 1.875rem) 100px;
  }
}
.news-post__group1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
}
.news-post__date {
  display: block;
  color: var(--main);
  font-size: 1.25rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .news-post__date {
    font-size: 1.125rem;
  }
}
.news-post__cat {
  min-width: 92px;
  height: 34px;
  display: grid;
  place-items: center;
  background-color: var(--main);
  color: var(--base);
  border: 1px solid var(--main);
  padding: 0 11px;
}
.news-post__title {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.75;
  word-break: break-all;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .news-post__title {
    font-size: 1.375rem;
    margin-top: 10px;
  }
}
.news-post__thumbnail {
  margin-top: 40px;
}
.news-post__editor {
  margin-top: 40px;
}

@media (hover: hover) and (pointer: fine) {
  .news-post__cat {
    -webkit-transition: background-color 0.4s, color 0.4s;
    transition: background-color 0.4s, color 0.4s;
  }
  .news-post__cat:hover, .news-post__cat:focus {
    background-color: var(--base);
    color: var(--main);
  }
}
.news-post-pager {
  background-color: var(--base);
  border: 1px solid #75778d;
}
.news-post-pager_pos {
  max-width: 900px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 80px;
}
@media (max-width: 768px) {
  .news-post-pager_pos {
    margin-top: 60px;
  }
}
.news-post-pager__nav {
  height: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: var(--main);
  font-size: clamp(1rem, 0.1071428571rem + 3.8095238095vw, 1.25rem);
  font-weight: 500;
  padding-right: clamp(0rem, -4.4642857143rem + 19.0476190476vw, 1.25rem);
  padding-left: clamp(0rem, -4.4642857143rem + 19.0476190476vw, 1.25rem);
}
.news-post-pager__link {
  --spacing: 0;
}
.news-post-pager__blank {
  min-width: 106px;
  min-width: clamp(5.4375rem, 0.5267857143rem + 20.9523809524vw, 6.8125rem);
}

@media (hover: hover) and (pointer: fine) {
  .news-post-pager__link {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .news-post-pager__link:hover, .news-post-pager__link:focus {
    opacity: 0.7;
  }
}
/*###################################################################
  voice（page）
###################################################################*/
.voice-list_pos {
  margin-top: clamp(5rem, -0.5658284024rem + 20.7100591716vw, 9.375rem);
}
.voice-list__inner {
  max-width: 1000px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 150px;
}
@media (max-width: 768px) {
  .voice-list__inner {
    padding: 0 clamp(0.9375rem, -0.625rem + 5.2083333333vw, 1.875rem) 150px;
  }
}
@media (max-width: 600px) {
  .voice-list__inner {
    max-width: 400px;
  }
}
.voice-list__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: clamp(1.875rem, -0.3571428571rem + 5.9523809524vw, 2.5rem);
  margin-top: 100px;
}
@media (max-width: 600px) {
  .voice-list__items {
    row-gap: 50px;
    margin-top: 50px;
  }
}
.voice-list__post-link {
  display: grid;
  grid-template-columns: clamp(11.25rem, -4.375rem + 41.6666666667vw, 15.625rem) 1fr;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(0.9375rem, -2.4107142857rem + 8.9285714286vw, 1.875rem);
     -moz-column-gap: clamp(0.9375rem, -2.4107142857rem + 8.9285714286vw, 1.875rem);
          column-gap: clamp(0.9375rem, -2.4107142857rem + 8.9285714286vw, 1.875rem);
  background-color: var(--base);
  border: 1px solid #75778d;
}
@media (max-width: 600px) {
  .voice-list__post-link {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
}
.voice-list__thumbnail {
  max-width: 300px;
  height: 100%;
  overflow: hidden;
}
@media (max-width: 600px) {
  .voice-list__thumbnail {
    max-width: 100%;
  }
}
.voice-list__thumbnail img {
  height: 100%;
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
}
.voice-list__text-box {
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (max-width: 600px) {
  .voice-list__text-box {
    padding-top: 0;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 20px;
  }
}
.voice-list__date {
  display: block;
  color: #ef8e4b;
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 1.75;
}
.voice-list__post-title {
  font-size: clamp(1.125rem, 0.6785714286rem + 1.1904761905vw, 1.25rem);
  line-height: 1.75;
  text-align: start;
  word-break: break-all;
  padding-right: 15px;
}
@media (max-width: 600px) {
  .voice-list__post-title {
    padding-right: 0;
  }
}
.voice-list__no-post {
  height: 200px;
  display: grid;
  place-items: center;
  background-color: #ef8e4b;
  color: var(--base);
  font-size: 1.25rem;
  font-weight: 500;
}
.voice-list__pagination {
  font-size: 1.25rem;
  margin-top: 150px;
}
@media (max-width: 768px) {
  .voice-list__pagination {
    margin-top: 80px;
  }
}
.voice-list__pagination ul.page-numbers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: clamp(1.125rem, -0.875rem + 8vw, 2.125rem);
  margin-inline: auto;
}
.voice-list__pagination ul.page-numbers li {
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}
.voice-list__pagination ul.page-numbers li .page-numbers {
  --spacing: 0;
}
.voice-list__pagination .page-numbers.current {
  color: #ef8e4b;
}

@media (hover: hover) and (pointer: fine) {
  .voice-list__post-link {
    -webkit-transition: background-color 0.4s;
    transition: background-color 0.4s;
  }
  .voice-list__post-link:hover .voice-list__thumbnail img, .voice-list__post-link:focus .voice-list__thumbnail img {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .voice-list__post-link:hover .voice-list__post-title, .voice-list__post-link:focus .voice-list__post-title {
    color: #ef8e4b;
    text-decoration: underline;
  }
  .voice-list__thumbnail img {
    -webkit-transition: -webkit-transform ease 0.4s;
    transition: -webkit-transform ease 0.4s;
    transition: transform ease 0.4s;
    transition: transform ease 0.4s, -webkit-transform ease 0.4s;
  }
  .voice-list__post-title {
    -webkit-transition: color ease 0.4s;
    transition: color ease 0.4s;
    -webkit-text-decoration-color: #ef8e4b;
            text-decoration-color: #ef8e4b;
  }
  .voice-list__pagination a {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .voice-list__pagination a:hover, .voice-list__pagination a:focus {
    opacity: 0.7;
  }
}
.voice-post_pos {
  margin-top: clamp(5rem, -0.5658284024rem + 20.7100591716vw, 9.375rem);
}
.voice-post__inner {
  max-width: 840px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 150px;
}
@media (max-width: 768px) {
  .voice-post__inner {
    padding: 0 clamp(0.9375rem, -0.625rem + 5.2083333333vw, 1.875rem) 150px;
  }
}
.voice-post__bg {
  background-color: var(--base);
  border: 1px solid #75778d;
  padding: 50px 20px 100px;
}
@media (max-width: 768px) {
  .voice-post__bg {
    padding: 50px clamp(0.9375rem, -0.625rem + 5.2083333333vw, 1.875rem) 100px;
  }
}
.voice-post__date {
  display: block;
  color: #ef8e4b;
  font-size: 1.25rem;
  font-weight: 500;
}
@media (max-width: 768px) {
  .voice-post__date {
    font-size: 1.125rem;
  }
}
.voice-post__title {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.75;
  word-break: break-all;
  margin-top: 10px;
}
@media (max-width: 768px) {
  .voice-post__title {
    font-size: 1.375rem;
    margin-top: 10px;
  }
}
.voice-post__thumbnail {
  margin-top: 40px;
}
.voice-post__editor {
  margin-top: 40px;
}

.voice-post-pager {
  background-color: var(--base);
  border: 1px solid #75778d;
}
.voice-post-pager_pos {
  max-width: 840px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 20px;
  padding-left: 20px;
  margin-top: 80px;
}
@media (max-width: 768px) {
  .voice-post-pager_pos {
    margin-top: 60px;
  }
}
.voice-post-pager__nav {
  height: 70px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ef8e4b;
  font-size: clamp(1rem, 0.1071428571rem + 3.8095238095vw, 1.25rem);
  font-weight: 500;
  padding-right: clamp(0rem, -4.4642857143rem + 19.0476190476vw, 1.25rem);
  padding-left: clamp(0rem, -4.4642857143rem + 19.0476190476vw, 1.25rem);
}
.voice-post-pager__link {
  --spacing: 0;
}
.voice-post-pager__blank {
  min-width: 106px;
  min-width: clamp(5.4375rem, 0.5267857143rem + 20.9523809524vw, 6.8125rem);
}

@media (hover: hover) and (pointer: fine) {
  .voice-post-pager__link {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .voice-post-pager__link:hover, .voice-post-pager__link:focus {
    opacity: 0.7;
  }
}
/*###################################################################
  page-404（page）
###################################################################*/
.page-404_pos {
  margin-top: clamp(5rem, 4.1666666667rem + 3.3333333333vw, 6.25rem);
}
.page-404__inner {
  max-width: 1000px;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  margin-inline: auto;
  padding-right: 30px;
  padding-left: 30px;
  padding-bottom: 100px;
}
@media (max-width: 768px) {
  .page-404__inner {
    padding: 0 clamp(0.9375rem, -0.0815217391rem + 4.0760869565vw, 1.875rem) 100px;
  }
}
.page-404__title {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.75;
}
.page-404__text {
  line-height: 2;
  white-space: pre-line;
  margin-top: 50px;
}
.page-404__button-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 60px;
}
.page-404__button {
  width: 175px;
  height: 48px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
  border: 1px solid var(--text);
  margin-inline: auto;
}

@media (hover: hover) and (pointer: fine) {
  .page-404__button {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .page-404__button:hover, .page-404__button:focus {
    opacity: 0.7;
  }
}
/*###################################################################
  js-（js制御用）
###################################################################*/