@charset "UTF-8";
body {
  color: #333333;
  background-color: #DCE4ED;
}

body {
  font-family: "Noto Sans JP", sans-serif;
}

/*  PCとSPの表示非表示の切り替え */
/*PCのみ表示*/
@media screen and (max-width: 767px) {
  .pc-only {
    display: none;
  }
}

/*(md)px以下で表示*/
.sp-only {
  display: none;
}
@media screen and (max-width: 767px) {
  .sp-only {
    display: block;
  }
}

/* リキッドレイアウト対応のための設定 */
html {
  font-size: 16px;
}
@media (max-width: 1080px) {
  html {
    font-size: 1.4814814815vw;
  }
}
@media screen and (max-width: 767px) {
  html {
    font-size: 16px;
  }
}
@media (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}

/*画像の縦横比設定*/
img {
  width: 100%;
  height: auto;
  display: block;
}

/* aタグのスタイルリセット*/
a {
  text-decoration: none;
  transition: opacity, 0.5s 0s ease;
}

a:hover {
  opacity: 0.8;
}

/*インナー幅用の基本CSS*/
.inner {
  width: 100%;
  max-width: 1130px;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 767px) {
  .inner {
    max-width: 37.5rem;
    padding-right: 15px;
    padding-left: 15px;
  }
}

/* 画像のはみ出しを管理 */
main {
  overflow: hidden;
}

/* addressタグ リセット */
address {
  font-style: normal;
}

/* 電話発信 PCではしない*/
a[href^="tel:"] {
  pointer-events: none;
  color: inherit;
}
@media screen and (max-width: 767px) {
  a[href^="tel:"] {
    pointer-events: auto;
  }
}

.anker-link {
  scroll-margin-top: 9.375rem;
}
@media screen and (max-width: 767px) {
  .anker-link {
    scroll-margin-top: 3.125rem;
  }
}

/* ================================================
  cssここから書く
================================================ */
/* 共通
================================================ */
.layout-section {
  margin-top: 6.25rem;
}
@media screen and (max-width: 767px) {
  .layout-section {
    margin-top: 3.125rem;
  }
}

.layout-content {
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .layout-content {
    margin-top: 1.25rem;
  }
}

/* header
================================================ */
.header {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  height: 6.25rem;
  z-index: 9999;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .header {
    height: 3.125rem;
  }
}

.header__inner {
  height: inherit;
  max-width: 78.125rem;
}
@media screen and (max-width: 767px) {
  .header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.header__wrap {
  height: inherit;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 767px) {
  .header__logo {
    height: inherit;
    display: grid;
    place-items: center;
  }
}

.header__logo-link {
  color: #333333;
  font-size: 1.875rem;
  font-size: clamp(1.188rem, 0.092rem + 2.28vw, 1.875rem);
  line-height: 1.75;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .header__logo-link {
    font-size: clamp(0.875rem, 0.685rem + 1.05vw, 1.188rem);
  }
}

.header__btn {
  color: #DCE4ED;
  font-size: 1rem;
  line-height: 1.75;
  font-weight: 700;
  display: inline-block;
  background-color: #00418D;
  padding: 0.0625rem 0.9375rem 0.1875rem;
  border-radius: 6px;
  margin-right: 3.75rem;
}
@media screen and (max-width: 767px) {
  .header__btn {
    display: none;
  }
}

.header__inner nav,
.header__nav,
.header__nav-item,
.header__nav-link {
  height: 3.125rem;
}

.header__inner nav {
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.header__nav {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #00418D;
}

.header__nav-item {
  width: 10.7142857143rem;
  border-left: solid 1px #fff;
  border-right: solid 1px #fff;
  text-align: center;
}

.header__nav-link {
  color: #fff;
  display: grid;
  place-content: center;
  font-size: 0.8125rem;
  line-height: 1.2307692308;
  font-weight: 500;
  background-color: #00418D;
}

.header__nav-link:hover {
  background-color: #fff;
  color: #00418D;
  opacity: 1;
}

/* ハンバーガーメニュー
================================================ */
.hamburger {
  z-index: 9999;
  width: 1.125rem;
  padding: 0;
  position: relative;
}

.hamburger span {
  background-color: #00418D;
  display: block;
  height: 0.125rem;
  position: relative;
  transition: transform 0.3s 0s ease;
  width: 1.125rem;
}

.hamburger span:nth-child(2) {
  margin-top: 0.3125rem;
  margin-bottom: 0.3125rem;
}

.hamburger.is-openSP span:nth-child(1) {
  top: 0.3rem;
  transform: rotate(45deg);
}

.hamburger.is-openSP span:nth-child(2) {
  opacity: 0;
}

.hamburger.is-openSP span:nth-child(3) {
  top: -0.55rem;
  transform: rotate(-45deg);
}

body.js-fixed {
  width: 100%;
  height: 100%;
  position: fixed;
}

/* スマホメニュー
================================================ */
.sp-nav {
  background-color: #DCE4ED;
  width: 100%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9998;
  transform: translateX(100%);
  transition: transform 0.3s 0s ease;
  overflow-y: scroll;
}

.sp-nav__logo {
  display: block;
  height: 3.125rem;
  background-color: #fff;
  color: #333333;
  font-size: clamp(0.75rem, 0.437rem + 1.57vw, 1.188rem);
  font-weight: 500;
  padding-left: 1.875rem;
  line-height: 3.125rem;
}

.sp-nav__items {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  padding-top: 0.625rem;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.sp-nav__item > * {
  color: #00418D;
}

.sp-nav__item {
  font-size: 0.9375rem;
  font-weight: 500;
  line-height: 1.0666666667;
  color: #00418D;
  display: block;
  transition: opacity 0.3s;
}

.sp-nav__item:nth-child(1) {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.75;
  border-bottom: solid 2px #fff;
  padding-bottom: 0.5rem;
}

.sp-nav__item + .sp-nav__item + .sp-nav__item {
  margin-top: 0.46875rem;
}

.sp-nav__conteiner {
  margin-top: 2.8rem;
  padding-left: 1.875rem;
  padding-right: 1.875rem;
  padding-bottom: 5.75rem;
}

.sp-nav__contents {
  max-width: 22.0625rem;
}

.sp-nav__contents-head {
  background-color: #333333;
  padding: 0.875rem 1.25rem 0;
  text-align: center;
}

.sp-nav__contents-title {
  color: #fff;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  font-weight: 500;
}

.sp-nav__contents-subtitle {
  color: #C59800;
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.5rem;
  line-height: 2.25;
  font-weight: 700;
  text-transform: uppercase;
}

.sp-nav__contents-list {
  background-color: #fff;
  padding: 0.625rem 1.25rem 1.25rem;
  display: grid;
  place-items: center;
  gap: 0.625rem;
}
@media screen and (max-width: 767px) {
  .sp-nav__contents-list {
    place-items: inherit;
  }
}

.sp-nav__contents-item {
  color: #BE272D;
  font-size: 1.125rem;
  line-height: 1.5;
  font-weight: 500;
}

.sp-nav__contents-item a {
  color: #BE272D;
  display: inline-block;
}

.sp-nav__contents-item span {
  font-size: 1.25rem;
  margin-right: 0.4375rem;
}

.is-openSP {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

/* ファーストビュー
================================================ */
.fv {
  margin-top: 9.375rem;
}
@media screen and (max-width: 767px) {
  .fv {
    margin-top: 3.125rem;
    padding-bottom: 2.5rem;
  }
}

.fv__inner {
  position: relative;
}

.fv__catch {
  position: absolute;
  top: 3.75rem;
  left: 0;
}
@media screen and (max-width: 767px) {
  .fv__catch {
    top: 1.25rem;
  }
}

.fv__catch {
  aspect-ratio: 613/118;
  width: 42.5694444444%;
  max-width: 100%;
}

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

.fv__catch__number {
  position: absolute;
  display: flex;
  justify-content: center;
  font-style: italic;
  align-items: center;
  bottom: -4.25rem;
  left: 11.25rem;
  font-family: "Josefin Sans", sans-serif;
  font-size: 3rem;
  color: #fff;
  background-color: #00418D;
  padding: 0.9375rem 1.875rem 0.3125rem;
  border-bottom-left-radius: 1rem;
  border-bottom-right-radius: 1rem;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .fv__catch__number {
    font-size: 1.5625rem;
    left: 1.25rem;
    bottom: -2.8125rem;
  }
}

/* top-contents,top-newsセクション 共通
================================================ */
.inner {
  position: relative;
}

.section__title span {
  font-family: "Josefin Sans", sans-serif;
  font-size: 4.75rem;
  line-height: 0.6710526316;
  font-weight: 600;
  color: #9DB4D2;
  background-color: #DCE4ED;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
@media screen and (max-width: 767px) {
  .section__title span {
    font-size: 3.125rem;
  }
}

.section__title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-color: #9DB4D2;
  width: 100vw;
  height: 3.125rem;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .section__title::before {
    height: 1.875rem;
  }
}

/* top-contentsセクション
================================================ */
.contents {
  margin-top: 8.125rem;
  padding-bottom: 8.125rem;
}
@media screen and (max-width: 767px) {
  .contents {
    margin-top: 3.125rem;
    padding-bottom: 5rem;
  }
}

.contents__container {
  margin-top: 3.75rem;
  border-radius: 1.875rem;
  display: flex;
  transition: box-shadow 0.5s 0s ease;
}
@media screen and (max-width: 767px) {
  .contents__container {
    margin-top: 1.25rem;
    flex-direction: column-reverse;
  }
}

.contents__container:hover,
.contents__item:hover {
  box-shadow: 10px 10px 0 #9DB4D2;
}

.contents__content {
  flex: 0 0 29.375rem;
  padding: 2.5rem 2.0625rem;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 1.875rem 0 0 1.875rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .contents__content {
    border-radius: 0 0 1.25rem 1.25rem;
    padding: 0.9375rem;
    flex: auto;
    background-color: rgba(0, 0, 0, 0.6);
  }
}

.contents__content > * {
  color: #fff;
}

.contents__heading {
  font-size: 1.375rem;
  line-height: 1.5;
  font-weight: 700;
  letter-spacing: 0.05em;
}
.contents__heading {
  display: flex;
  align-items: flex-end;
  font-size: 0;
  padding-bottom: 1.6875rem;
  border-bottom: solid 2px #939393;
}
@media screen and (max-width: 767px) {
  .contents__heading {
    padding-bottom: 0.3125rem;
  }
}

.contents__heading::after {
  content: "";
  background: url(../images/common/vol10@2x.png) no-repeat;
  background-size: contain;
  position: absolute;
  top: 3.125rem;
  right: 0;
  transform: translateY(-50%);
  width: 5.625rem;
  height: 3.125rem;
}

/* 「埼玉」パーツ
===============*/
.saitama > * {
  color: #fff;
}

.saitama__box {
  font-size: 2.8125rem;
  line-height: 0.7891111111;
  font-weight: 500;
  width: 5.875rem;
  height: 5.875rem;
  background-color: #BB272D;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
@media screen and (max-width: 767px) {
  .saitama__box {
    font-size: 1.8125rem;
    width: 3.875rem;
    height: 3.875rem;
  }
}

.saitama__char {
  line-height: 1;
}

.saitama--first {
  margin-bottom: 2.6875rem;
  margin-right: 2.6875rem;
}
@media screen and (max-width: 767px) {
  .saitama--first {
    margin-bottom: 1.6875rem;
    margin-right: 1.6875rem;
  }
}

.saitama--second {
  position: absolute;
  top: 2.6875rem;
  right: 0.125rem;
}
@media screen and (max-width: 767px) {
  .saitama--second {
    top: 1.6875rem;
    right: 0.1875rem;
  }
}

.saitama__text {
  font-size: 1.375rem;
  margin-left: 0.625rem;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .saitama__text {
    font-size: 1.125rem;
  }
}

/* 「埼玉」パーツ ここまで
=========================*/
.contents__description {
  font-size: 1.75rem;
  line-height: 1.5714285714;
  font-weight: 700;
  letter-spacing: 0.01em;
  margin-top: 1rem;
  padding-bottom: 1rem;
  border-bottom: solid 2px #939393;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .contents__description {
    font-size: 1.125rem;
    font-weight: 500;
    font-feature-settings: "palt";
    line-height: 1.3;
    margin-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

.contents__company {
  margin-top: 1.5625rem;
}
@media screen and (max-width: 767px) {
  .contents__company {
    margin-top: 0.5rem;
  }
}

.contents__company,
.contents__name {
  font-size: 1.25rem;
  line-height: 1.5;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .contents__company,
  .contents__name {
    font-size: 1.125rem;
  }
}

.contents__img {
  aspect-ratio: 1024/553;
  width: 100%;
  z-index: -1;
  margin-left: -29.3rem;
}
@media screen and (max-width: 767px) {
  .contents__img {
    margin-left: initial;
  }
}

.contents__img img {
  object-fit: cover;
  height: 100%;
  border-radius: 1.875rem;
}
@media screen and (max-width: 767px) {
  .contents__img img {
    border-radius: 1.25rem 1.25rem 0 0;
  }
}

.contents__list {
  margin-top: 3.125rem;
  padding-top: 3.125rem;
  border-top: solid 2px #9DB4D2;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3.125rem;
}
@media screen and (max-width: 767px) {
  .contents__list {
    grid-template-columns: repeat(1, 1fr);
  }
}

@media screen and (max-width: 767px) {
  .contents__list + .contents__list {
    border-top: none;
    padding-top: initial;
  }
}

.contents__item {
  border-radius: 1.125rem;
  transition: box-shadow 0.5s 0s ease;
}

.contents__item-img {
  aspect-ratio: 323/242;
  width: 100%;
}

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

/* top-newsセクション
================================================ */
.news {
  padding-bottom: 18.75rem;
}
@media screen and (max-width: 767px) {
  .news {
    padding-bottom: 12.5rem;
  }
}

.news__container {
  margin-top: 3.75rem;
  padding: 2.5rem;
  background-color: #fff;
  border-radius: 1.25rem;
}
@media screen and (max-width: 767px) {
  .news__container {
    padding: 1.25rem;
  }
}

.news__text {
  color: #4D4D4D;
  font-size: 1.25rem;
  line-height: 1.8;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .news__text {
    font-size: 1rem;
    font-feature-settings: "palt";
    text-align: justify;
  }
}

/* SP footer スマホフッター
================================================ */
@media screen and (max-width: 767px) {
  .footer {
    background-color: #00418D;
    border-top: solid 5px #00418D;
  }
}

.footer__logo {
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
  background-color: #fff;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  display: grid;
  align-items: center;
}

.footer__logo-link {
  aspect-ratio: 210/25;
  display: inline-block;
  max-width: 100%;
  width: 13.125rem;
  margin-left: 1.875rem;
}

.footer__logo-link img {
  object-fit: cover;
  height: 100%;
}

.footer-nav__items {
  padding-left: 1.875rem;
  padding-right: 1.875rem;
}

.footer-nav__item > * {
  color: #fff;
}

.footer-nav__item:nth-child(1) {
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 1.1666666667;
  border-bottom: solid 2px #fff;
  padding-top: 0.9375rem;
  padding-bottom: 0.9375rem;
}

.footer-nav__item:not(:nth-child(1)) {
  font-size: 0.9375rem;
  line-height: 1.0666666667;
  font-weight: 500;
  padding-top: 1.3125rem;
}

.footer-nav__item:last-child {
  padding-bottom: 1.875rem;
}

/* コピーライト
================================================ */
.footer__copy > * {
  color: #666666;
}

.footer__copy {
  background-color: #fff;
  padding-top: 2.0625rem;
  padding-bottom: 2.0625rem;
}
@media screen and (max-width: 767px) {
  .footer__copy {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }
}

.footer__copy-inner {
  max-width: 78.125rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .footer__copy-inner {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}

.footer__copy-left,
.footer__copy-right {
  font-size: 0.9375rem;
  line-height: 3.1333333333;
  font-weight: 300;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .footer__copy-left,
  .footer__copy-right {
    font-size: 0.625rem;
    line-height: 1.7;
  }
}

/* トップへ戻るボタン
================================================ */
.pagetop {
  position: fixed;
  bottom: 0;
  right: 6.25rem;
  z-index: 999;
  width: 6.25rem;
}
@media screen and (max-width: 767px) {
  .pagetop {
    width: 3.125rem;
    right: 1.25rem;
    bottom: 2.84375rem;
  }
}

.pagetop__link {
  aspect-ratio: 100/208;
  width: 100%;
  display: block;
}
@media screen and (max-width: 767px) {
  .pagetop__link {
    width: 3.125rem;
  }
}

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

/* ここから下層ページ
================================================ */
/* パンくずリスト
================================================ */
.pankuzu {
  height: 5rem;
  margin-top: 9.375rem;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .pankuzu {
    height: 2.75rem;
    margin-top: 3.125rem;
  }
}

.pankuzu img {
  width: 0.75rem;
  height: 0.75rem;
  margin-right: 1.125rem;
  margin-top: 0.1875rem;
}
@media screen and (max-width: 767px) {
  .pankuzu img {
    margin-right: 0.4375rem;
  }
}

.pankuzu span:not(:last-child) {
  margin-right: 1.125rem;
}
@media screen and (max-width: 767px) {
  .pankuzu span:not(:last-child) {
    margin-right: 0.4375rem;
  }
}

.pankuzu span {
  color: #333333;
}

/* 下層ページ 共通 ～～ 白背景の設定
================================================ */
.under-page__wrap {
  overflow: hidden;
  margin-inline: auto;
}

.under-page__white {
  background-color: #fff;
}

.under-page__inner {
  width: 56.875rem;
  margin-inline: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
@media screen and (max-width: 767px) {
  .under-page__inner {
    max-width: 33.75rem;
    width: 100%;
  }
}

/* 下層ページ 共通 ～～ 公開日
================================================ */
.release {
  padding-top: 6.25rem;
}
@media screen and (max-width: 767px) {
  .release {
    padding-top: 3.125rem;
  }
}

.release__container {
  display: flex;
  justify-content: flex-end;
  font-size: 1.25rem;
  line-height: 1.05;
  font-weight: 700;
  color: #808080;
}
@media screen and (max-width: 767px) {
  .release__container {
    font-size: 1rem;
  }
}

/* 下層ページ 共通 ～～ 説明
================================================ */
.description {
  margin-top: 0.9375rem;
}

.description__container {
  padding: 2.1875rem;
  border: solid 1px #4D4D4D;
  background-color: #F9F9F9;
}
@media screen and (max-width: 767px) {
  .description__container {
    padding: 0.625rem;
  }
}

.description__text {
  color: #4D4D4D;
  font-size: 1.125rem;
  line-height: 1.8888888889;
  font-weight: 500;
  font-feature-settings: "palt";
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .description__text {
    font-size: 0.9375rem;
  }
}

/* 下層ページ 共通 ～～ ボタン
================================================ */
.btn {
  background-color: #B8272D;
  color: #fff;
  margin-inline: auto;
  max-width: 42.5rem;
  width: 100%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  display: grid;
  place-items: center;
}

.btn--black {
  background-color: #333333;
}

.btn--blue {
  background-color: #0078D0;
}

.btn--green {
  background-color: #80B73F;
}

.btn--red {
  background-color: #B8272D;
}

.btn--S {
  margin-top: 1.5625rem;
  margin-inline: auto;
  width: 25rem;
  border-radius: 20px;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 500;
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
  color: #fff;
  display: grid;
  place-items: center;
}
@media screen and (max-width: 767px) {
  .btn--S {
    margin-top: 0.9375rem;
    max-width: 15.625rem;
    font-size: 1rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}

.btn--m {
  max-width: 43.75rem;
  width: 100%;
  border-radius: 20px;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 500;
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
  margin-inline: auto;
  color: #fff;
  display: grid;
  place-items: center;
}
@media screen and (max-width: 767px) {
  .btn--m {
    margin-top: 0.9375rem;
    max-width: 21.875rem;
    font-size: 1rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}

/* tokusyuuページ
================================================ */
.tokusyuu-fv__title > * {
  color: #fff;
}

.tokusyuu-fv__title {
  border-top: solid 4px #BE272D;
  background-color: #000;
  display: flex;
  padding-left: 3rem;
  padding-right: 3rem;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .tokusyuu-fv__title {
    flex-direction: column;
    padding-left: 0.3125rem;
    padding-right: 0.3125rem;
  }
}

.tokusyuu-fv__title-left {
  display: flex;
}

.tokusyuu-fv__title-heading {
  display: flex;
  align-items: flex-end;
}

.tokusyuu-fv__title-heading .saitama__text {
  padding-bottom: 0.9375rem;
  font-size: 1.5625rem;
  font-weight: 900;
  letter-spacing: 0.01em;
  margin-left: 0.75rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-fv__title-heading .saitama__text {
    font-size: 0.8125rem;
    font-weight: 700;
    margin-left: 0.3125rem;
    padding-bottom: 0.5rem;
  }
}

.tokusyuu-fv__title-number {
  margin-top: 0.625rem;
  margin-left: 1.6875rem;
  aspect-ratio: 104/68;
  width: 6.5rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-fv__title-number {
    width: 3.75rem;
  }
}

.tokusyuu-fv__title-number img {
  object-fit: contain;
  height: 100%;
}

.tokusyuu-fv__title-sub {
  font-size: 1rem;
  line-height: 1.6875;
  letter-spacing: -0.08em;
}
@media screen and (max-width: 767px) {
  .tokusyuu-fv__title-sub {
    font-size: 0.9375rem;
    font-feature-settings: "palt";
    text-align: center;
    padding-top: 0.4375rem;
    padding-bottom: 0.4375rem;
  }
}

.tokusyuu-fv__img {
  aspect-ratio: 1080/700;
  width: 100%;
  position: relative;
}

.tokusyuu-fv__img img {
  object-fit: cover;
  height: 100%;
}

.tokusyuu-fv__container {
  background-image: url(../images/tokusyuu/fv02@2x.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  padding-top: 8.8125rem;
  padding-bottom: 12.8125rem;
  display: grid;
  justify-items: end;
}
@media screen and (max-width: 767px) {
  .tokusyuu-fv__container {
    height: 28.125rem;
    justify-items: start;
    padding-top: 9rem;
  }
}

.tokusyuu-fv__catch > * {
  color: #fff;
}

.tokusyuu-fv__catch {
  padding: 1.25rem 1.875rem 1.875rem 1.875rem;
  background-color: rgba(0, 0, 0, 0.5);
  width: 24.375rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-fv__catch {
    padding: 0.625rem;
    width: 20rem;
  }
}

.tokusyuu-fv__catch-primary {
  font-size: 1.875rem;
  line-height: 1.9;
  font-weight: 500;
  text-shadow: 0 0 5px #000;
  border-bottom: solid 1px #C9C9C9;
  padding-bottom: 0.625rem;
  letter-spacing: 0.0133em;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .tokusyuu-fv__catch-primary {
    font-size: 1.25rem;
    line-height: 1.5;
  }
}

.tokusyuu-fv__catch-sub {
  font-size: 1.125rem;
  line-height: 1.6666666667;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .tokusyuu-fv__catch-sub {
    font-size: 1rem;
    font-feature-settings: "palt";
    font-weight: 500;
  }
}

/* tokusyuuページ videoセクション
================================================ */
.tokusyuu-video {
  margin-top: 5.3125rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-video {
    margin-top: 3.125rem;
  }
}

.tokusyuu-video__title {
  color: #BE272D;
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: 700;
  text-align: center;
  border-left: solid 10px #BE272D;
  border-right: solid 10px #BE272D;
}
@media screen and (max-width: 767px) {
  .tokusyuu-video__title {
    font-size: clamp(0.813rem, 0.544rem + 1.34vw, 1.188rem);
    border-left: solid 8px #BE272D;
    border-right: solid 8px #BE272D;
    padding-left: 5px;
    padding-right: 5px;
  }
}

.tokusyuu-video__content {
  margin-top: 1.875rem;
  margin-inline: auto;
  aspect-ratio: 16/9;
  max-width: 36rem;
}

.tokusyuu-video__content iframe {
  width: 100%;
  height: 100%;
}

/* tokusyuuページ セクション 共通
================================================ */
.tokusyuu-section {
  margin-top: 6.25rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section {
    margin-top: 3.125rem;
  }
}

.tokusyuu-section__title-number {
  aspect-ratio: 190/56;
  max-width: 11.875rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section__title-number {
    width: 10rem;
  }
}

.tokusyuu-section__title-number img {
  object-fit: cover;
  height: 100%;
}

.tokusyuu-section__title {
  color: #C59800;
  font-size: 2rem;
  line-height: 1.4375;
  font-weight: 700;
  border-bottom: solid 2px #C59800;
  padding-bottom: 1rem;
  margin-top: 2.1875rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section__title {
    font-size: 1.5rem;
    margin-top: 1.25rem;
  }
}

.tokusyuu-section__container {
  display: flex;
  margin-top: 2rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section__container {
    margin-top: 1.25rem;
    flex-direction: column-reverse;
  }
}

@media screen and (max-width: 767px) {
  .tokusyuu-section__text-box {
    margin-top: 1.25rem;
  }
}

.tokusyuu-section__text {
  font-size: 1rem;
  line-height: 1.75;
  font-feature-settings: "palt";
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section__text {
    font-size: 0.9375rem;
  }
}

.tokusyuu-section__text + .tokusyuu-section__text {
  margin-top: 2.1875rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section__text + .tokusyuu-section__text {
    margin-top: 1.25rem;
  }
}

.tokusyuu-section__image-box {
  margin-left: 3.3125rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section__image-box {
    margin-left: initial;
  }
}

.tokusyuu-section__image-box figcaption {
  color: #666666;
  font-size: 0.9375rem;
  line-height: 1.7333333333;
  font-weight: 500;
  margin-top: 1.25rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section__image-box figcaption {
    margin-top: 0.625rem;
    font-size: 0.8125rem;
  }
}

.tokusyuu-section__image-img {
  aspect-ratio: 400/260;
  width: 25rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section__image-img {
    width: 100%;
  }
}

.tokusyuu-section__image-img2 {
  aspect-ratio: 720/750;
  width: 25rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section__image-img2 {
    width: 100%;
  }
}

.tokusyuu-section__image-img img {
  object-fit: cover;
  height: 100%;
}

.tokusyuu-section__image-img + .tokusyuu-section__image-img {
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section__image-img + .tokusyuu-section__image-img {
    margin-top: 1.25rem;
  }
}

.tokusyuu-section__image-img.border-gray img {
  border-left: solid 1px #666;
  border-right: solid 1px #666;
  border-bottom: solid 1px #666;
}

.tokusyuu-top__btn__wrap {
  padding: 0 0.9375rem;
}

.tokusyuu-top__btn {
  border-radius: 40px;
  font-size: 1.5625rem;
  line-height: 1.48;
  font-weight: 700;
  margin-top: 6.25rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .tokusyuu-top__btn {
    font-size: 0.9375rem;
    margin-top: 3.125rem;
    font-feature-settings: "palt";
  }
}

.tokusyuu-top__btn span {
  font-size: 1.125rem;
  line-height: 1.5555555556;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .tokusyuu-top__btn span {
    font-size: 0.875rem;
  }
}

/* tokusyuuページ No.2セクション
================================================ */
.tokusyuu-section02__sub-title {
  color: #C59800;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 700;
  margin-top: 2.1875rem;
  padding-left: 1.5625rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section02__sub-title {
    margin-top: 1.25rem;
  }
}

.tokusyuu-section02__sub-title::before {
  content: "";
  position: absolute;
  top: 55%;
  left: 0;
  transform: translateY(-50%);
  width: 1.25rem;
  height: 1.25rem;
  background-color: #C59800;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section02__sub-title::before {
    top: 1.25rem;
  }
}

/* tokusyuuページ No.3セクション
================================================ */
.tokusyuu-section03__products {
  margin-top: 3.125rem;
  border: solid 1px #C59800;
  padding: 3.0625rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section03__products {
    margin-top: 1.25rem;
    padding: 0.9375rem;
  }
}

.tokusyuu-section03__products-title {
  display: flex;
  border-bottom: solid 2px #C59800;
  padding-bottom: 0.8125rem;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section03__products-title {
    display: block;
    text-align: center;
  }
}

.tokusyuu-section03__title-sub {
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 700;
  vertical-align: bottom;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section03__title-sub {
    font-size: 1.125rem;
    line-height: 1.5;
  }
}

.tokusyuu-section03__title {
  color: #C59800;
  font-size: 2.0625rem;
  line-height: 1;
  font-weight: 700;
  margin-left: 1.375rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section03__title {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-left: initial;
  }
}

.tokusyuu-section03__products-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.125rem;
  margin-top: 1.25rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section03__products-list {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.5625rem;
    margin-top: 0.625rem;
  }
}

.tokusyuu-section03__item-img {
  aspect-ratio: 365/226;
  width: 100%;
}

.tokusyuu-section03__item-img img {
  object-fit: cover;
  height: 100%;
}

.tokusyuu-section03__item-title {
  color: #C59800;
  font-size: 1.5rem;
  line-height: 1.9;
  font-weight: 700;
  border-bottom: solid 1px #C59800;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section03__item-title {
    font-size: 1.25rem;
  }
}

.tokusyuu-section03__item-text {
  margin-top: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.6428571429;
  letter-spacing: 0.04em;
  font-feature-settings: "palt";
  text-align: justify;
}

/* tokusyuuページ No.3セクション(history)
================================================ */
.tokusyuu-section__history {
  border: solid 4px #BF9200;
  margin-top: 2.6875rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section__history {
    margin-top: 1.25rem;
  }
}

.tokusyuu-section__history-inner {
  padding-left: 2.8125rem;
  padding-right: 2.8125rem;
  padding-bottom: 2.8125rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section__history-inner {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
    padding-bottom: 0.9375rem;
  }
}

.tokusyuu-section__history-title {
  display: flex;
  background-color: #BF9200;
  justify-content: center;
  align-items: flex-end;
  height: 4.375rem;
  padding-bottom: 1rem;
  position: relative;
}
.tokusyuu-section__history-title::before {
  position: absolute;
  content: "";
  width: 7.375rem;
  height: 4rem;
  background-image: url(../images/tokusyuu/processColumn@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  bottom: 0;
  left: 5rem;
  z-index: 0;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section__history-title::before {
    width: 5rem;
    height: 2.6875rem;
    background-size: cover;
    left: 0;
    top: 0;
  }
}
@media screen and (max-width: 767px) {
  .tokusyuu-section__history-title {
    flex-direction: column;
    align-items: center;
    padding-bottom: initial;
    justify-content: center;
    gap: 0.4375rem;
  }
}

.tokusyuu-section__history-sub {
  font-size: 1.75rem;
  font-weight: bold;
  color: #BF9200;
  margin-top: 2.8125rem;
  padding-bottom: 1.5625rem;
  border-bottom: solid 0.125rem #BF9200;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section__history-sub {
    font-size: 1.25rem;
    padding-bottom: 1.25rem;
    margin-top: 1.875rem;
  }
}

.tokusyuu-section__history-text {
  font-size: 1rem;
  line-height: 1.75;
  margin-top: 1.5625rem;
}

.tokusyuu-section__history-img {
  width: 22.8125rem;
  margin: 1.875rem auto 0;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section__history-img {
    width: 100%;
  }
}

/* tokusyuuページ No.3セクション(CHECK)
================================================ */
.tokusyuu-section__check {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  gap: 3.125rem;
  background-color: #E7DAAF;
  border: solid 0.125rem #C19400;
  padding: 3.125rem;
  margin-top: 6.25rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section__check {
    gap: 0.9375rem;
    padding: 0.9375rem;
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    margin-top: 3.125rem;
  }
}

.tokusyuu-section__check__head {
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.tokusyuu-section__check__head::before {
  position: absolute;
  content: "";
  width: 8.625rem;
  height: 5.25rem;
  background-image: url(../images/tokusyuu/processCheck@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section__check__head::before {
    width: 4.375rem;
    height: 2.625rem;
  }
}

.tokusyuu-section__check__title {
  font-size: 1.75rem;
  line-height: 2.3214285714;
  text-align: center;
  font-weight: 500;
  color: #885A00;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section__check__title {
    font-size: 1.375rem;
    line-height: 1.7857142857;
    padding: 1.25rem 0;
  }
}

.tokusyuu-section__check__sub {
  font-size: 1.5rem;
  line-height: 2.5;
  font-weight: bold;
  color: #885A00;
  border-bottom: solid 0.125rem #C19400;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section__check__sub {
    font-size: 1.25rem;
  }
}

.tokusyuu-section__check__text {
  font-size: 0.875rem;
  line-height: 1.6428571429;
  margin-top: 0.625rem;
}

.tokusyuu-section__check__img {
  width: 100%;
  display: block;
}

/* tokusyuuページ No.4セクション(製作工程)
================================================ */
.tokusyuu-section04__process {
  border: solid 0.25rem #BF9200;
  margin-top: 2.6875rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section04__process {
    margin-top: 1.25rem;
    border: solid 0.125rem #BF9200;
  }
}

.tokusyuu-section04__process-title {
  display: flex;
  background-color: #BF9200;
  justify-content: center;
  align-items: center;
  height: 4.375rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section04__process-title {
    flex-direction: column;
    align-items: center;
    padding-bottom: initial;
    justify-content: center;
    gap: 0.4375rem;
  }
}

.tokusyuu-section04__process-list {
  position: relative;
}
.tokusyuu-section04__process-list.left::after {
  position: absolute;
  content: "";
  width: 0.125rem;
  height: 100%;
  background-color: #DCC680;
  top: 0;
  right: -1.5625rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section04__process-list.left::after {
    display: none;
  }
}

.tokusyuu-section04__process-sub {
  font-size: 1.75rem;
  font-weight: bold;
  color: #BF9200;
  margin-top: 2.8125rem;
  padding-bottom: 1.5625rem;
  border-bottom: solid 0.125rem #BF9200;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section04__process-sub {
    font-size: 1.25rem;
    padding-bottom: 1.25rem;
    margin-top: 1.875rem;
  }
}

.tokusyuu-section04__process-text {
  font-size: 1rem;
  line-height: 1.75;
  margin-top: 1.5625rem;
}

.tokusyuu-section04__process-img {
  width: 22.8125rem;
  margin: 1.875rem auto 0;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section04__process-img {
    width: 100%;
  }
}

.tokusyuu-section04__title-main {
  color: #fff;
  font-size: 1.75rem;
  line-height: 1;
  font-weight: 500;
  letter-spacing: 0.2em;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section04__title-main {
    font-size: 1.25rem;
    margin-left: initial;
    letter-spacing: 0;
  }
}

.section04__title-main__left {
  color: #DCC680;
  padding-right: 1.25rem;
  display: inline-block;
}

.section04__title-main__right {
  color: #DCC680;
  padding-left: 1.25rem;
  display: inline-block;
}

.tokusyuu-section04__title-sub {
  font-size: 1.4375rem;
  line-height: 1;
  position: relative;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section04__title-sub {
    font-size: 1.125rem;
    margin-left: initial;
  }
}

.tokusyuu-section04__title-sub::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -2.1875rem;
  transform: translateY(-50%);
  width: 19px;
  height: 1px;
  background-color: #333333;
}

.tokusyuu-section04__title-sub::after {
  content: "";
  position: absolute;
  top: 50%;
  right: -2.1875rem;
  transform: translateY(-50%);
  width: 19px;
  height: 1px;
  background-color: #333333;
}

.tokusyuu-section04__process-container {
  margin: 2.8125rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.125rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section04__process-container {
    margin: 0.9375rem;
    grid-template-columns: repeat(1, 1fr);
  }
}

.tokusyuu-section04__item {
  position: relative;
}
.tokusyuu-section04__item:last-of-type::after {
  display: none;
}

.tokusyuu-section04__item__02 {
  margin-bottom: 1.875rem;
}

.tokusyuu-section04__item::after {
  content: "";
  position: absolute;
  bottom: -3.125rem;
  left: 50%;
  transform: translateX(-50%);
  width: 3.75rem;
  height: 1.875rem;
  background-image: url(../images/tokusyuu/arrow-y@2x.png);
  background-size: contain;
  background-repeat: no-repeat;
}

.tokusyuu-section04__item + .tokusyuu-section04__item {
  margin-top: 4.375rem;
}

.tokusyuu-section04__item__title {
  font-size: 1.75rem;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section04__item__title {
    font-size: 1.375rem;
  }
}

.tokusyuu-section04__item-title {
  display: flex;
  position: relative;
  align-items: center;
  z-index: 1;
  border-bottom: solid 2px #BF9200;
}

.tokusyuu-section04__item-number {
  width: 2.5rem;
  height: 2.5rem;
  aspect-ratio: 40/40;
}

.tokusyuu-section04__item-category {
  color: #BF9200;
  font-size: 1.5rem;
  font-weight: 700;
  padding-left: 2.5rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section04__item-category {
    font-size: 1.25rem;
    padding-left: 1.25rem;
  }
}

.tokusyuu-section04__item-img {
  width: 100%;
}

.tokusyuu-section04__item-img img {
  object-fit: cover;
  height: 100%;
}

.tokusyuu-section04__item-text {
  margin-top: 0.875rem;
  font-size: 0.875rem;
  line-height: 1.6428571429;
  letter-spacing: 0.04em;
  font-feature-settings: "palt";
  position: relative;
  text-align: justify;
}

/* tokusyuuページ No.4セクション(ワンポイント講座)
================================================ */
.tokusyuu-onepoint {
  padding-top: 6.25rem;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .tokusyuu-onepoint {
    padding-top: 3.75rem;
  }
}

.tokusyuu-onepoint__description-wrap {
  background-color: #8B5A00;
  padding: 0.6875rem 0.9375rem;
  color: #fff;
  text-align: justify;
}

.tokusyuu-onepoint__inner {
  padding-left: 1.5625rem;
  padding-right: 1.5625rem;
  padding-bottom: 3.125rem;
  margin-inline: auto;
  background-color: #EADDB2;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .tokusyuu-onepoint__inner {
    padding-left: 0.9375rem;
    padding-right: 0.9375rem;
  }
}

.tokusyuu-onepoint__maintitle-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #C69B18;
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  height: 7.5rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-onepoint__maintitle-wrap {
    flex-direction: column;
    justify-content: initial;
  }
}

.tokusyuu-onepoint__maintitle-img {
  aspect-ratio: 150/150;
  width: 9.375rem;
  position: relative;
  margin-left: -3.4375rem;
  margin-top: -3.875rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-onepoint__maintitle-img {
    aspect-ratio: 80/80;
    width: 5rem;
    margin-left: initial;
    margin-top: -2.2rem;
  }
}

.tokusyuu-onepoint__maintitle-img img {
  object-fit: cover;
  height: 100%;
  position: absolute;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .tokusyuu-onepoint__maintitle-img img {
    height: auto;
  }
}

.tokusyuu-onepoint__maintitle-sub {
  font-size: 1.4375rem;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .tokusyuu-onepoint__maintitle-sub {
    font-size: 1.125rem;
  }
}

.tokusyuu-onepoint__maintitle-primary {
  color: #fff;
  font-size: 1.875rem;
  line-height: 1.6666666667;
  font-weight: 700;
  position: relative;
}
@media screen and (max-width: 767px) {
  .tokusyuu-onepoint__maintitle-primary {
    font-size: 1.25rem;
  }
}

.tokusyuu-onepoint__maintitle-primary::before {
  content: "";
  position: absolute;
  top: 0;
  height: 2px;
  width: 100%;
  background-color: #E4D298;
}
@media screen and (max-width: 767px) {
  .tokusyuu-onepoint__maintitle-primary::before {
    width: 100%;
  }
}

.tokusyuu-onepoint__maintitle-primary::after {
  content: "";
  position: absolute;
  top: 0.5rem;
  right: -4.4375rem;
  transform: translateY(-50%);
  background-image: url(../images/tokusyuu/exclamation@2x.png);
  background-size: cover;
  background-repeat: no-repeat;
  width: 2.9375rem;
  height: 4.3125rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-onepoint__maintitle-primary::after {
    width: 1rem;
    height: 1.5rem;
    top: -0.5rem;
    right: inherit;
    transform: translateX(40%);
  }
}

.tokusyuu-onepoint__container {
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .tokusyuu-onepoint__container {
    padding-left: initial;
    padding-right: initial;
  }
}

.tokusyuu-onepoint__box {
  margin-top: 2.25rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-onepoint__box {
    margin-top: 1.25rem;
  }
}

.tokusyuu-onepoint__box + .tokusyuu-onepoint__box {
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-onepoint__box + .tokusyuu-onepoint__box {
    margin-top: 1.25rem;
  }
}

.tokusyuu-onepoint__title {
  color: #8B5A00;
  font-size: 1.5rem;
  line-height: 2.5;
  font-weight: 700;
  background-color: #fff;
  margin-top: initial;
  margin-bottom: initial;
  padding-left: 0.9375rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-onepoint__title {
    font-size: 1.125rem;
  }
}

.tokusyuu-onepoint__image-box.hokan {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.375rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-onepoint__image-box.hokan {
    display: flex;
    place-items: center;
  }
}

.tokusyuu-onepoint__image-img.left {
  aspect-ratio: 245/226;
  width: 15.3125rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-onepoint__image-img.left {
    flex: 1;
  }
}

.tokusyuu-onepoint__image-img.right {
  aspect-ratio: 164/150;
  width: 10.25rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-onepoint__image-img.right {
    flex: 1;
  }
}

.tokusyuu-onepoint__image-img {
  aspect-ratio: 415/239;
  width: 25.9375rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-onepoint__image-img {
    width: 100%;
  }
}

.tokusyuu-onepoint__image-img img {
  object-fit: cover;
  height: 100%;
}

.tokusyuu-onepoint__description {
  color: #fff;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .tokusyuu-onepoint__description {
    font-size: 1rem;
  }
}

.tokusyuu-onepoint__content {
  display: flex;
  gap: 1.8125rem;
  margin-top: 1.25rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-onepoint__content {
    flex-direction: column-reverse;
    gap: 1.25rem;
  }
}

.tokusyuu-onepoint__smalltitle {
  margin-top: initial;
  margin-bottom: initial;
  font-size: 1.25rem;
  line-height: 1.15;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .tokusyuu-onepoint__smalltitle {
    font-size: 1.125rem;
  }
}

.tokusyuu-onepoint__text {
  font-feature-settings: "palt";
  font-size: 1rem;
  line-height: 1.75;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .tokusyuu-onepoint__text {
    font-size: 0.9375rem;
  }
}

.tokusyuu-onepoint__text + .tokusyuu-onepoint__smalltitle {
  border-top: solid 2px #BF9200;
  padding-top: 0.9375rem;
}

.tokusyuu-onepoint__smalltitle + .tokusyuu-onepoint__text {
  padding-bottom: 0.8125rem;
}

/* tokusyuuページ No.4セクション(ボタン)
================================================ */
.tokusyuu-onepoint__btn {
  border-radius: 40px;
  font-size: 1.5625rem;
  line-height: 1.08;
  font-weight: 700;
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-onepoint__btn {
    font-size: 0.9375rem;
    font-feature-settings: "palt";
  }
}

.tokusyuu-onepoint__btn span {
  font-size: 1.125rem;
  line-height: 1.5555555556;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .tokusyuu-onepoint__btn span {
    font-size: 0.875rem;
  }
}

/* tokusyuuページ No.5セクション
================================================ */
.tokusyuu-section0__topimage {
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section0__topimage {
    margin-top: 1.25rem;
  }
}

.tokusyuu-section0__topimage {
  aspect-ratio: 576/357;
  width: 36rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section0__topimage {
    width: 100%;
  }
}

.tokusyuu-section0__topimage img {
  object-fit: cover;
  height: 100%;
}

.tokusyuu-section0__topimage figcaption {
  color: #BF9200;
  font-size: 1.125rem;
  line-height: 1.1666666667;
  font-weight: 700;
  margin-top: 1.125rem;
}

/* tokusyuuページ No.6セクション
================================================ */
.tokusyuu-section06 {
  padding-bottom: 6.25rem;
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section06 {
    padding-bottom: 3.125rem;
    margin-bottom: 3.125rem;
  }
}

/* tokusyuuページ No.6セクション(PROFILE)
================================================ */
.tokusyuu-section06__profile {
  margin-top: 5.625rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section06__profile {
    margin-top: 2.8125rem;
    padding: 0 0.9375rem;
  }
}

.tokusyuu-profile__inner {
  max-width: 48.75rem;
  margin-inline: auto;
}

.tokusyuu-profile__container {
  border: solid 1px #BF9200;
  display: flex;
  gap: 3.0625rem;
  padding: 2.5rem 4.6875rem 3.125rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .tokusyuu-profile__container {
    flex-direction: column;
    gap: 0.9375rem;
    padding: 1.25rem 2.1875rem 1.5625rem;
  }
}

.tokusyuu-profile__container::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  display: inline-block;
  width: 100%;
  height: 100%;
  border: solid 1px #BF9200;
}

.tokusyuu-profile__container::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 10px;
  display: inline-block;
  background-color: #EADDB2;
  width: calc(100% - 10px);
  height: calc(100% - 6.25rem);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .tokusyuu-profile__container::after {
    height: calc(100% - 3.5625rem);
  }
}

.tokusyuu-profile__text-bok {
  flex: 1;
}

.tokusyuu-profile__title {
  color: #BF9200;
  font-family: "Josefin Sans", sans-serif;
  font-size: 2.8125rem;
  line-height: 1.3333333333;
  font-weight: 400;
  text-transform: uppercase;
}
@media screen and (max-width: 767px) {
  .tokusyuu-profile__title {
    font-size: 1.5rem;
  }
}

.tokusyuu-profile__text {
  font-size: 0.9375rem;
  line-height: 1.8666666667;
  margin-top: 1.875rem;
  font-feature-settings: "palt";
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .tokusyuu-profile__text {
    line-height: 1.6;
  }
}

.tokusyuu-profile__image {
  aspect-ratio: 256/343;
  width: 16rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-profile__image {
    width: 100%;
  }
}

.tokusyuu-profile__image img {
  object-fit: cover;
  height: 100%;
}

/* tokusyuuページ No.6セクション(shop info)
================================================ */
.tokusyuu-section06__info {
  margin-top: 6.25rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section06__info {
    margin-top: 3.125rem;
  }
}

.tokusyuu-info__title {
  color: #C69B18;
  font-family: "Josefin Sans", sans-serif;
  font-size: 2.5rem;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: -0.625rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-info__title {
    font-size: 1.5rem;
    margin-bottom: initial;
  }
}

.tokusyuu-info__container {
  padding-top: 3.125rem;
  border: solid 2px #BF9200;
}
@media screen and (max-width: 767px) {
  .tokusyuu-info__container {
    padding: 0.9375rem;
  }
}

.tokusyuu-info__company {
  padding-left: 3.125rem;
  padding-right: 3.125rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-info__company {
    padding-left: initial;
    padding-right: initial;
  }
}

.tokusyuu-info__company-title {
  border-bottom: solid 2px #BF9200;
  font-size: 1.875rem;
  line-height: 2;
  font-weight: 500;
  margin-top: initial;
  margin-bottom: initial;
}
@media screen and (max-width: 767px) {
  .tokusyuu-info__company-title {
    font-size: 1.25rem;
  }
}

/* tokusyuuページ No.6セクション(直営店)
================================================ */
.company-profile {
  display: flex;
  gap: 1.875rem;
  padding-top: 1.875rem;
  padding-bottom: 3.125rem;
}
@media screen and (max-width: 767px) {
  .company-profile {
    flex-direction: column-reverse;
    gap: 1.25rem;
    padding-top: 1.25rem;
    padding-bottom: 1.5625rem;
  }
}

.company-profile__list-wrap {
  flex: 1;
}

.company-profile__list {
  width: 100%;
}

.company-profile__term {
  width: 7.875rem;
  color: #fff;
  font-size: 0.875rem;
  line-height: 0.575;
  font-weight: 400;
  vertical-align: top;
  display: block;
}
@media screen and (max-width: 767px) {
  .company-profile__term {
    width: 5rem;
  }
}

.company-profile__term span {
  background-color: #C69B18;
  width: 6.25rem;
  height: 1.75rem;
  display: grid;
  place-content: center;
}
@media screen and (max-width: 767px) {
  .company-profile__term span {
    width: 5rem;
  }
}

.company-profile__description {
  font-size: 0.9375rem;
  line-height: 1.6;
  font-weight: 500;
  font-feature-settings: "palt";
  padding-left: 0.625rem;
  display: block;
  padding-top: 0.1875rem;
  padding-bottom: 0.1875rem;
}

.company-profile__description.light {
  font-weight: 300;
}

.company-profile__image {
  aspect-ratio: 385/245;
  width: 24.0625rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .company-profile__image {
    width: 100%;
  }
}

.company-profile__image img {
  object-fit: cover;
  height: 100%;
}

.company-profile__image::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100%;
  height: 100%;
  background-color: #EADDB2;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .company-profile__image::before {
    top: 5px;
    left: 5px;
  }
}

.tokusyuu-info__announce {
  padding: 3.125rem;
  background-color: #EADDB2;
}
@media screen and (max-width: 767px) {
  .tokusyuu-info__announce {
    padding: 1.25rem 0.625rem;
  }
}

/* tokusyuuページ No.6セクション(EVENT POPUP)
================================================ */
.tokusyuu-info__announce-wrap {
  overflow: hidden;
}

.tokusyuu-info__announce-wrap + .tokusyuu-info__announce-wrap {
  margin-top: 3.125rem;
}

.tokusyuu-info__btn {
  border-radius: 20px;
  font-size: 1.25rem;
  font-weight: 500;
  padding-top: 0.8125rem;
  padding-bottom: 0.8125rem;
  margin-top: 1.875rem;
  margin-bottom: 3.125rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-info__btn {
    font-size: 1rem;
    text-align: center;
  }
}

.announce-event__title {
  margin-top: initial;
  margin-bottom: -0.625rem;
  color: #C69B18;
  font-family: "Josefin Sans", sans-serif;
  font-size: 2.8125rem;
  line-height: 1;
  font-weight: 400;
  text-transform: uppercase;
  text-align: center;
  vertical-align: baseline;
}
@media screen and (max-width: 767px) {
  .announce-event__title {
    font-size: 1.5rem;
    margin-bottom: -0.3125rem;
  }
}

.announce-event__wrap {
  background-color: #fff;
  padding: 1.5625rem 2.4375rem 3.125rem;
  margin-top: auto;
}
@media screen and (max-width: 767px) {
  .announce-event__wrap {
    padding: 0.9375rem;
  }
}
.announce-event__wrap .tokusyuu-info__btn {
  margin-bottom: 0;
}

.announce-event__wrap__none {
  padding-bottom: 0.625rem;
}

.announce-event__subtitle {
  color: #8B5A00;
  font-size: 1.375rem;
  line-height: 2.1818181818;
  font-weight: 700;
  position: relative;
}
@media screen and (max-width: 767px) {
  .announce-event__subtitle {
    font-size: 1.125rem;
    line-height: 1.8;
  }
}

.announce-event__subtitle::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: -3.125rem;
  width: 50rem;
  height: 2px;
  background-color: #EADDB2;
}
@media screen and (max-width: 767px) {
  .announce-event__subtitle::after {
    max-width: 29.125rem;
    width: 118%;
    left: -1.5rem;
  }
}

.announce-event__list {
  margin-top: 0.625rem;
}

.announce-event__item {
  font-size: 1.125rem;
  line-height: 1.8888888889;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .announce-event__item {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.announce-event__item-sm {
  font-size: 0.875rem;
  line-height: 1.5714285714;
  font-weight: 400;
  margin-bottom: 0.625rem;
}
@media screen and (max-width: 767px) {
  .announce-event__item-sm {
    font-size: 0.75rem;
    line-height: 1.5;
  }
}

/* tokusyuuページ No.6セクション(Info)
================================================ */
.tokusyuu-sectionInfo {
  padding-bottom: 12.5rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-sectionInfo {
    padding-bottom: 6.25rem;
  }
}

.tokusyuu-section__title-info {
  width: 19.125rem;
  height: 19.125rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .tokusyuu-section__title-info {
    width: 9.5625rem;
    height: 9.5625rem;
  }
}

.tokusyuu-sectionInfo__container {
  margin-top: 6.25rem;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
  background-color: #EFC2CF;
}
@media screen and (max-width: 767px) {
  .tokusyuu-sectionInfo__container {
    margin-top: 3.125rem;
  }
}

.tokusyuu-sectionInfo__head {
  background-color: #fff;
  padding-top: 0.875rem;
  padding-bottom: 0.875rem;
}

.tokusyuu-sectionInfo__box {
  margin: 6.25rem 3.125rem 0;
}
@media screen and (max-width: 767px) {
  .tokusyuu-sectionInfo__box {
    margin: 0.9375rem 0.9375rem 0;
  }
}

.tokusyuu-sectionInfo__title {
  font-size: 1.75rem;
  color: #fff;
  padding: 1.25rem 3.125rem;
  font-weight: 400;
  background-color: #D76687;
}
@media screen and (max-width: 767px) {
  .tokusyuu-sectionInfo__title {
    font-size: 1.375rem;
    padding: 0.9375rem;
  }
}

.tokusyuu-sectionInfo__sub {
  font-size: 2rem;
  font-weight: bold;
  background-color: #fff;
  padding-top: 2.1875rem;
  padding-bottom: 1.25rem;
  padding-left: 3.125rem;
  border-bottom: solid 0.125rem #BB272D;
}
@media screen and (max-width: 767px) {
  .tokusyuu-sectionInfo__sub {
    font-size: 1.25rem;
    padding: 0.9375rem;
  }
}

.tokusyuu-sectionInfo__heading {
  font-size: 1.75rem;
  line-height: 1.7142857143;
  font-weight: 500;
  color: #D76687;
  margin-top: 3.125rem;
  padding-bottom: 1.25rem;
  border-bottom: solid 0.125rem #D76687;
}
@media screen and (max-width: 767px) {
  .tokusyuu-sectionInfo__heading {
    font-size: 1.25rem;
    margin-top: 1.875rem;
  }
}

.tokusyuu-sectionInfo__text {
  font-size: 1rem;
  line-height: 1.75;
  margin-top: 1.875rem;
}

.tokusyuu-sectionInfo__wrap {
  background-color: #fff;
  padding: 0 3.125rem 3.125rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-sectionInfo__wrap {
    padding: 0 0.9375rem 0.9375rem;
  }
}

.tokusyuu-sectionInfo__flex {
  display: flex;
  justify-content: space-between;
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-sectionInfo__flex {
    flex-direction: column;
  }
}
.tokusyuu-sectionInfo__flex figcaption {
  font-size: 1.3125rem;
  line-height: 1.380952381;
  color: #D76687;
  font-weight: bold;
  margin-top: 0.9375rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-sectionInfo__flex figcaption {
    font-size: 1rem;
    margin-bottom: 0.9375rem;
  }
}
.tokusyuu-sectionInfo__flex .tokusyuu-sectionInfo__flex__box__figcaption {
  font-size: 1rem;
}

.tokusyuu-sectionInfo__flex__box {
  width: 48.5%;
}
@media screen and (max-width: 767px) {
  .tokusyuu-sectionInfo__flex__box {
    width: 100%;
  }
}

.tokusyuu-sectionInfo__img {
  width: 36rem;
  margin: 0 auto;
  padding-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-sectionInfo__img {
    width: 100%;
  }
}
.tokusyuu-sectionInfo__img figcaption {
  padding-top: 1.25rem;
  font-size: 1.125rem;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .tokusyuu-sectionInfo__img figcaption {
    font-size: 0.9375rem;
  }
}

.tokusyuu-sectionInfo__head__text {
  font-size: 2rem;
  font-weight: bold;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  border-top: solid 0.125rem #BB272D;
  border-bottom: solid 0.125rem #BB272D;
}
@media screen and (max-width: 767px) {
  .tokusyuu-sectionInfo__head__text {
    font-size: 1.5rem;
    padding: 1.25rem;
  }
}

.tokusyuu-sectionInfo__card {
  background-color: #F8E6EB;
}
.tokusyuu-sectionInfo__card .tokusyuu-info__btn {
  margin: 0;
}

.tokusyuu-sectionInfo__card__title {
  padding: 3.125rem 3.125rem 0.625rem;
  margin-top: 3.125rem;
  font-size: 1.875rem;
  font-weight: 500;
  border-bottom: solid 0.1875rem #fff;
}
@media screen and (max-width: 767px) {
  .tokusyuu-sectionInfo__card__title {
    font-size: 1.375rem;
    padding: 0.9375rem 0.9375rem 0.625rem;
    margin-top: 1.25rem;
  }
}

.tokusyuu-sectionInfo__card__wrap {
  padding: 1.875rem 3.125rem 3.125rem;
}
@media screen and (max-width: 767px) {
  .tokusyuu-sectionInfo__card__wrap {
    padding: 0.9375rem;
  }
}

.company-sectionInfo__card__term {
  background-color: #D76687;
  color: #fff;
  font-weight: 500;
  width: 7.875rem;
  height: 1.75rem;
  font-size: 0.875rem;
  display: grid;
  place-content: center;
  margin-bottom: 1.875rem;
}
@media screen and (max-width: 767px) {
  .company-sectionInfo__card__term {
    width: 5rem;
    margin-bottom: 0.625rem;
  }
}

.company-sectionInfo__card__description {
  font-size: 0.9375rem;
  padding-left: 1.25rem;
  margin-bottom: 1.875rem;
  vertical-align: top;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .company-sectionInfo__card__description {
    display: block;
    padding-left: 0rem;
  }
}

.company-sectionInfo__card__description-light {
  font-weight: 400;
}

/* 特集ページのみ 追従バナー
================================================ */
body {
  position: relative;
}

.tokusyuu-footer {
  z-index: 999;
  position: relative;
}

.floating-menu {
  width: 67.5rem;
  height: 4.6875rem;
  background: #000;
  position: fixed;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 998;
  display: flex;
  justify-content: center;
}

.floating-menu__inner {
  display: flex;
  align-items: center;
  width: 48.75rem;
}

.floating-menu__list {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  justify-content: center;
  margin-left: 0.625rem;
}

.floating-menu__title {
  color: #C59800;
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.625rem;
  line-height: 1;
  font-weight: 700;
  margin-bottom: -0.625rem;
}

.floating-menu__item {
  position: relative;
  background-color: #BE272D;
  border-radius: 100px 100px 0 0;
  transform: translateY(47%);
  transition: transform 0.5s;
  padding-top: 1.875rem;
  border-top: 4px solid #BE272D;
  border-right: 4px solid #BE272D;
  border-left: 4px solid #BE272D;
  max-width: 4.6875rem;
  min-width: 4.0625rem;
  height: 34.375rem;
  display: grid;
  place-content: center;
}

.floating-menu__item:nth-child(6),
.floating-menu__item:nth-child(7) {
  background-color: #fff;
  color: #BE272D;
}

.floating-menu__item:hover {
  transform: translateY(-35%);
}

.floating-menu__item-link {
  width: inherit;
  height: inherit;
  writing-mode: vertical-rl;
  color: #fff;
  font-size: 1.25rem;
  font-weight: 500;
  display: grid;
}

.floating-menu__item-link:hover {
  opacity: 1;
}

.floating-menu__item-link .text-upright {
  font-size: 1.25rem;
  margin-bottom: 0;
  text-combine-upright: all;
}

.floating-menu__item:nth-child(6) .floating-menu__item-link,
.floating-menu__item:nth-child(7) .floating-menu__item-link {
  color: #BE272D;
}

.floating-menu__item-body span {
  writing-mode: lr-tb;
  font-size: 1.625rem;
  font-weight: 700;
  display: inline-block;
  margin-bottom: 0.9375rem;
}

/* GR Garage Topicsページ
================================================ */
.topics-fv__image {
  aspect-ratio: 1080/400;
  width: 100%;
}

.topics-fv__image img {
  height: 100%;
  object-fit: cover;
}

.topics-photo {
  margin-top: 6.25rem;
}
@media screen and (max-width: 767px) {
  .topics-photo {
    margin-top: 1.875rem;
  }
}

.topics-photo__image {
  aspect-ratio: 880/235;
  width: 100%;
}

.topics-photo__image img {
  height: 100%;
  object-fit: cover;
}

.topics-photo__text {
  background-color: #E50012;
  padding: 1.5625rem;
  text-align: center;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .topics-photo__text {
    padding: 0.5rem;
  }
}

.topics-photo__description {
  color: #fff;
  font-size: 1.25rem;
  line-height: 1.7;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .topics-photo__description {
    font-size: 1rem;
  }
}

.topics-tgr {
  margin-top: 9.375rem;
}
@media screen and (max-width: 767px) {
  .topics-tgr {
    margin-top: 3.125rem;
  }
}

.topics-page__title {
  font-size: 2rem;
  line-height: 1.4375;
  font-weight: 700;
  text-align: center;
  position: relative;
  border-bottom: solid 2px #E50012;
  padding-bottom: 1.875rem;
}
@media screen and (max-width: 767px) {
  .topics-page__title {
    font-size: 1.125rem;
    font-feature-settings: "palt";
    padding-bottom: 0.625rem;
  }
}

.topics-page__title::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5rem;
  height: 5rem;
  background-image: url(../images/topics/titleDecorat-left@2x.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .topics-page__title::before {
    width: 1.25rem;
    height: 1.25rem;
  }
}

.topics-page__title::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 5rem;
  height: 5rem;
  background-image: url(../images/topics/titleDecorat-right@2x.png);
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  .topics-page__title::after {
    width: 1.25rem;
    height: 1.25rem;
  }
}

.topics-tgr__conteiner {
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .topics-tgr__conteiner {
    margin-top: 0.625rem;
  }
}

.topics-tgr__text,
.topics-page__text {
  color: #4D4D4D;
  font-size: 1.125rem;
  line-height: 1.8888888889;
  font-weight: 500;
  letter-spacing: 0.04em;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .topics-tgr__text,
  .topics-page__text {
    font-size: 0.9375rem;
    letter-spacing: initial;
    font-feature-settings: "palt";
  }
}

.topics-tgr__text + .topics-tgr__text {
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .topics-tgr__text + .topics-tgr__text {
    margin-top: 1.25rem;
  }
}

.topics-tgr__box {
  background-color: #000000;
  color: #fff;
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .topics-tgr__box {
    margin-top: 1.25rem;
  }
}

.topics-tgr__box__heading {
  background-color: #E40012;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .topics-tgr__box__heading {
    flex-direction: column;
    align-items: flex-start;
  }
}

.topics-tgr__box__name {
  font-size: 1.75rem;
  background-color: #000000;
  margin: 0.1875rem 0;
  padding: 1.3125rem 5rem 1.3125rem 3.125rem;
  display: inline-block;
  position: relative;
}
@media screen and (max-width: 767px) {
  .topics-tgr__box__name {
    font-size: 1.125rem;
    padding: 0.625rem 1.25rem;
  }
}
.topics-tgr__box__name::after {
  position: absolute;
  content: "";
  width: 0.9375rem;
  height: 100%;
  top: 0;
  right: -1.875rem;
  border-left: 0rem solid transparent;
  border-right: 1.875rem solid transparent;
  border-top: 5.25rem solid #000000;
}
@media screen and (max-width: 767px) {
  .topics-tgr__box__name::after {
    right: -0.9375rem;
    border-top: 2.9375rem solid #000000;
    border-right: 0.9375rem solid transparent;
  }
}

.topics-tgr__box__date {
  font-size: 1.75rem;
  display: inline-block;
  padding-left: 4.375rem;
}
@media screen and (max-width: 767px) {
  .topics-tgr__box__date {
    font-size: 1.125rem;
    padding: 0.625rem 1.25rem;
  }
}

.topics-tgr__body {
  padding: 3.125rem;
}
@media screen and (max-width: 767px) {
  .topics-tgr__body {
    padding: 1.25rem;
  }
}

.topics-tgr__body__text {
  font-size: 1.125rem;
  line-height: 1.8888888889;
  margin-bottom: 3.125rem;
}
@media screen and (max-width: 767px) {
  .topics-tgr__body__text {
    font-size: 0.9375rem;
    margin-bottom: 1.25rem;
  }
}

.topics-tgr__wrap {
  display: flex;
  justify-content: center;
  margin-top: 3.125rem;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 767px) {
  .topics-tgr__wrap {
    margin-top: 1.25rem;
  }
}
.topics-tgr__wrap img {
  aspect-ratio: 576/357;
  width: 36rem;
}

.topics-tgr__wrap__flex {
  display: flex;
  justify-content: space-between;
  margin-top: 1.25rem;
}
@media screen and (max-width: 767px) {
  .topics-tgr__wrap__flex {
    flex-direction: column;
    margin-top: 0rem;
  }
}
.topics-tgr__wrap__flex img {
  width: 48.5%;
}
@media screen and (max-width: 767px) {
  .topics-tgr__wrap__flex img {
    width: 100%;
    margin-bottom: 1.25rem;
  }
}

.topics-page__btn {
  margin-top: 3.125rem;
  border-radius: 20px;
  font-size: 1.25rem;
  font-weight: 500;
  padding-top: 0.8125rem;
  padding-bottom: 0.8125rem;
}
@media screen and (max-width: 767px) {
  .topics-page__btn {
    margin-top: 1.875rem;
    font-size: 1rem;
    text-align: center;
  }
}

.topics-carrental {
  margin-top: 9.375rem;
}
@media screen and (max-width: 767px) {
  .topics-carrental {
    margin-top: 3.125rem;
  }
}

.topics-carrental__title-img {
  aspect-ratio: 256/118;
  width: 16rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .topics-carrental__title-img {
    width: 50%;
  }
}

.topics-carrental__title-img img {
  object-fit: cover;
  height: 100%;
}

.topics-carrental__title {
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .topics-carrental__title {
    margin-top: 1.25rem;
  }
}

.topics-carrental__sub {
  font-size: 1.75rem;
  margin-top: 6.25rem;
  color: #E50012;
}
@media screen and (max-width: 767px) {
  .topics-carrental__sub {
    font-size: 1.25rem;
    margin-top: 3.125rem;
  }
}

.topics-carrental__text {
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .topics-carrental__text {
    margin-top: 0.625rem;
  }
}

.topics-carrental__note {
  color: #666666;
  font-size: 0.9375rem;
  line-height: 1.6;
  font-weight: 500;
  margin-top: 0.625rem;
}
@media screen and (max-width: 767px) {
  .topics-carrental__note {
    font-size: 0.875rem;
    margin-top: 0.625rem;
  }
}

.topics-carrental__image-box {
  margin-top: 3.125rem;
  display: grid;
  place-content: center;
  gap: 1.1875rem;
}
@media screen and (max-width: 767px) {
  .topics-carrental__image-box {
    margin-top: 0.625rem;
    gap: 0.625rem;
  }
}

.topics-carrental__image {
  aspect-ratio: 576/357;
  width: 36rem;
}
@media screen and (max-width: 767px) {
  .topics-carrental__image {
    width: 100%;
  }
}

.topics-carrental__image img {
  object-fit: cover;
  height: 100%;
}

.topics-info {
  margin-top: 9.375rem;
}
@media screen and (max-width: 767px) {
  .topics-info {
    margin-top: 3.125rem;
  }
}

.topics-info__title {
  text-transform: uppercase;
  color: #E50012;
  font-family: "Josefin Sans", sans-serif;
  font-size: 2.5rem;
  line-height: 1;
  font-weight: 400;
  margin-bottom: -0.5625rem;
}
@media screen and (max-width: 767px) {
  .topics-info__title {
    font-size: 1.5rem;
    margin-bottom: initial;
  }
}

.topics-info__container {
  border: solid 1px #E50012;
  padding: 3.125rem;
}
@media screen and (max-width: 767px) {
  .topics-info__container {
    padding: 0.9375rem;
  }
}

.topics-info__logo-wrap {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .topics-info__logo-wrap {
    flex-direction: column;
  }
}

.topics-info__logo {
  aspect-ratio: 150/26;
  width: 9.375rem;
}

.topics-info__logo img {
  object-fit: contain;
  height: 100%;
}

.topics-info__title-sub {
  font-size: 1.875rem;
  line-height: 1.6;
  font-weight: 500;
  margin-left: 1.25rem;
}
@media screen and (max-width: 767px) {
  .topics-info__title-sub {
    font-size: 1.25rem;
    margin-left: initial;
  }
}

.topics-info__company-title {
  font-size: 1.875rem;
  line-height: 1.6;
  font-weight: 500;
  padding-bottom: 1.875rem;
  border-bottom: solid 2px #E50012;
}
@media screen and (max-width: 767px) {
  .topics-info__company-title {
    font-size: 1.25rem;
    text-align: center;
    padding-bottom: 0.625rem;
  }
}

.topics-company {
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .topics-company {
    margin-top: 0.625rem;
  }
}

.topics-company__list-wrap {
  display: flex;
  gap: 0.9375rem;
  flex: 1;
}
@media screen and (max-width: 767px) {
  .topics-company__list-wrap {
    flex-direction: column-reverse;
  }
}

.topics-company__list-table {
  flex: 1;
}

.topics-company__list {
  width: 100%;
}

.topics-company__term {
  width: 7.875rem;
  color: #fff;
  font-size: 0.875rem;
  line-height: 0.575;
  font-weight: 400;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .topics-company__term {
    width: 5rem;
  }
}

.topics-company__term span {
  background-color: #E50012;
  width: 7.875rem;
  height: 1.75rem;
  display: grid;
  place-content: center;
}
@media screen and (max-width: 767px) {
  .topics-company__term span {
    width: 5rem;
  }
}

.topics-company__description {
  font-size: 0.9375rem;
  line-height: 1.6;
  font-weight: 500;
  font-feature-settings: "palt";
  padding-left: 0.625rem;
  padding-top: 0.1875rem;
  padding-bottom: 0.1875rem;
}

.topics-company__image {
  aspect-ratio: 385/245;
  width: 24.0625rem;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .topics-company__image {
    width: 100%;
  }
}

.topics-company__image img {
  object-fit: cover;
  height: 100%;
}

.topics-company__image::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: 100%;
  height: 100%;
  background-color: #F3D1D5;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .topics-company__image::before {
    top: 5px;
    left: 5px;
  }
}

.topics-company__tel-wrap {
  margin-top: 0.625rem;
}
@media screen and (max-width: 767px) {
  .topics-company__tel-wrap {
    margin-top: initial;
  }
}

.topics-company__tel {
  margin-left: 0.9375rem;
  font-size: 0.9375rem;
  line-height: 1.7333333333;
  font-weight: 500;
  font-feature-settings: "palt";
}

.topics-company__tel span {
  color: #E50012;
}

.topics-info__description {
  margin-top: 1.5625rem;
  padding: 1.25rem 1.5rem;
  border: solid 1px #666666;
}
@media screen and (max-width: 767px) {
  .topics-info__description {
    margin-top: 0.625rem;
    font-feature-settings: "palt";
    padding: 0.5rem;
  }
}

.topics-info__description-item {
  color: #666666;
  font-size: 0.9375rem;
  line-height: 1.7333333333;
  text-align: justify;
}

.topics-sns {
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .topics-sns {
    margin-top: 1.25rem;
  }
}

.topics-sns__title {
  font-size: 1.75rem;
  line-height: 1.2857142857;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .topics-sns__title {
    font-size: 1.125rem;
  }
}

.topics-sns__title span {
  color: #E50012;
}

.topics-sns__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.5rem;
  margin-top: 1.875rem;
  padding-bottom: 9.5625rem;
  margin-bottom: 8.875rem;
}
@media screen and (max-width: 767px) {
  .topics-sns__wrap {
    padding-bottom: 3.125rem;
    margin-bottom: 3.125rem;
  }
}

.topics-sns__icon {
  aspect-ratio: 50/50;
  width: 3.125rem;
}

.topics-sns__icon img {
  height: 100%;
  object-fit: cover;
}

/* michinowaページ
================================================ */
/* michinowa-fv
====================== */
.michinowa-fv__image {
  aspect-ratio: 1080/400;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .michinowa-fv__image {
    aspect-ratio: 377/180;
  }
}

.michinowa-fv__image img {
  object-fit: cover;
  height: 100%;
}

/* michinowa-KINTO STATION
====================== */
.michinowa-station {
  margin-top: 6.25rem;
}
@media screen and (max-width: 767px) {
  .michinowa-station {
    margin-top: 3.125rem;
  }
}

.michinowa-station__image-head {
  width: 100%;
}

.michinowa-station__head {
  font-size: 2rem;
  line-height: 1.75;
  margin-top: 2.8125rem;
  color: #006BB4;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .michinowa-station__head {
    font-size: 1.25rem;
    margin-top: 1.25rem;
  }
}

.michinowa-station__image {
  width: 100%;
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .michinowa-station__image {
    margin-top: 1.875rem;
  }
}

.michinowa-station__content {
  padding-bottom: 3.125rem;
  border-bottom: solid 1rem #006BB4;
}
@media screen and (max-width: 767px) {
  .michinowa-station__content {
    padding-bottom: 0rem;
  }
}

.michinowa-station__box {
  padding: 3.125rem;
  margin-top: 3.125rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .michinowa-station__box {
    margin-top: 1.25rem;
    padding: 1.25rem;
  }
}

.michinowa-station__border__top {
  position: absolute;
  width: 3.125rem;
  height: 3.125rem;
  border-top: solid 0.125rem #006BB4;
  border-left: solid 0.125rem #006BB4;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .michinowa-station__border__top {
    width: 1.25rem;
    height: 1.25rem;
  }
}

.michinowa-station__border__bottom {
  position: absolute;
  width: 3.125rem;
  height: 3.125rem;
  border-bottom: solid 0.125rem #006BB4;
  border-right: solid 0.125rem #006BB4;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 767px) {
  .michinowa-station__border__bottom {
    width: 1.25rem;
    height: 1.25rem;
  }
}

.michinowa-station__text {
  font-size: 1.125rem;
  line-height: 1.8888888889;
  color: #4D4D4D;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .michinowa-station__text {
    font-size: 1rem;
  }
}

.michinowa-station__wrap {
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .michinowa-station__wrap {
    margin-top: 1.875rem;
  }
}

.michinowa-station__flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 767px) {
  .michinowa-station__flex {
    flex-direction: column;
  }
}

.michinowa-station__flex__image {
  width: 49%;
}
@media screen and (max-width: 767px) {
  .michinowa-station__flex__image {
    width: 100%;
    margin-bottom: 1.25rem;
  }
}
.michinowa-station__flex__image figcaption {
  font-size: 1rem;
  line-height: 1.5;
  font-weight: bold;
  color: #006BB4;
  margin-top: 0.3125rem;
}

/* michinowa-写真一覧
====================== */
.michinowa-photo {
  margin-top: 6.25rem;
}
@media screen and (max-width: 767px) {
  .michinowa-photo {
    margin-top: 3.125rem;
  }
}

.michinowa-photo__image-head {
  aspect-ratio: 880/254;
  width: 55rem;
}
@media screen and (max-width: 767px) {
  .michinowa-photo__image-head {
    width: 100%;
  }
}

.michinowa-photo__image-head img {
  object-fit: cover;
  height: 100%;
}

.michinowa-photo__text {
  background-color: #7FC359;
  padding: 1.5625rem;
  text-align: center;
  color: #fff;
  font-size: 2rem;
  line-height: 1.5625;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .michinowa-photo__text {
    padding: 0.3125rem;
    font-size: 1.125rem;
    font-feature-settings: "palt";
  }
}

.michinowa-photo__image-wrap {
  display: flex;
}

.michinowa-photo__image {
  aspect-ratio: 440/265;
  width: 27.5rem;
}
@media screen and (max-width: 767px) {
  .michinowa-photo__image {
    width: 100%;
  }
}

.michinowa-photo__image img {
  object-fit: cover;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .michinowa-photo__image img {
    object-fit: contain;
    height: auto;
  }
}

.michinowa-photo__image figcaption {
  position: relative;
  margin-left: 10px;
  font-size: 1.125rem;
  line-height: 1.6666666667;
  font-weight: 500;
  color: #666666;
}
@media screen and (max-width: 767px) {
  .michinowa-photo__image figcaption {
    font-size: 0.8125rem;
    padding-right: 0.05rem;
    font-feature-settings: "palt";
  }
}

.michinowa-photo__image figcaption::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: -0.9375rem;
  width: 0.625rem;
  height: 1.125rem;
  background-color: #7FC359;
}
@media screen and (max-width: 767px) {
  .michinowa-photo__image figcaption::before {
    left: -0.75rem;
    width: 0.5rem;
    height: 0.625rem;
  }
}

/* michinowa-Topics1
====================== */
.michinowa-topics {
  margin-top: 9.375rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics {
    margin-top: 3.125rem;
  }
}

.michinowa-topics__number {
  color: #fff;
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.875rem;
  line-height: 1;
  font-weight: 300;
  text-transform: capitalize;
  background-color: #9A9686;
  display: grid;
  place-content: center;
  place-items: center;
  width: 9.5rem;
  height: 9.5rem;
  border-radius: 50%;
  margin-inline: auto;
  gap: 0.3125rem;
  padding-top: 0.625rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__number {
    width: 6.25rem;
    height: 6.25rem;
    font-size: 1.5rem;
  }
}

.michinowa-topics__number span {
  font-size: 3rem;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__number span {
    font-size: 2rem;
  }
}

.michinowa-page__title {
  margin-top: 3.125rem;
  text-align: center;
  color: #7FC359;
  font-size: 2rem;
  line-height: 1.4375;
  font-weight: 700;
  padding-bottom: 1.75rem;
  border-bottom: solid 2px #7FC359;
}
@media screen and (max-width: 767px) {
  .michinowa-page__title {
    margin-top: 1.25rem;
    font-size: 1.0625rem;
    padding-bottom: 0.9375rem;
    font-feature-settings: "palt";
  }
}

.michinowa-topics__description {
  margin-top: 1.875rem;
  color: #4D4D4D;
  font-size: 1.125rem;
  line-height: 1.8888888889;
  font-weight: 500;
  font-feature-settings: "palt";
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__description {
    margin-top: 0.9375rem;
    font-size: 1rem;
  }
}

.michinowa-topics__container {
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__container {
    margin-top: 1.25rem;
  }
}

.michinowa-topics__title-sub {
  text-align: center;
  color: #9A9686;
  font-size: 1.75rem;
  line-height: 1.6428571429;
  font-weight: 700;
  border-top: solid 40px #F4F3F0;
  border-bottom: solid 5px #D8D4CA;
  padding-top: 1.5rem;
  padding-bottom: 1.25rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__title-sub {
    font-size: 1.125rem;
    padding-top: 1.125rem;
    padding-bottom: 1rem;
    border-top: solid 15px #F4F3F0;
  }
}

.michinowa-topics__content {
  padding: 3.125rem;
  background-color: #F4F3F0;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__content {
    padding: 0.9375rem;
  }
}

.michinowa-topics1__description {
  font-size: 1rem;
  line-height: 1.75;
  font-feature-settings: "palt";
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .michinowa-topics1__description {
    font-size: 0.9375rem;
    line-height: 1.7;
  }
}

.michinowa-topics1__image {
  margin-top: 1.875rem;
  aspect-ratio: 780/240;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .michinowa-topics1__image {
    margin-top: 0.9375rem;
  }
}

.michinowa-topics1__image img {
  object-fit: cover;
  height: 100%;
}

/* michinowa-Topics1-point
====================== */
.michinowa-topics1__point {
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics1__point {
    margin-top: 1.25rem;
  }
}

.michinowa-topics1__number {
  width: 9.375rem;
  height: 2.5rem;
  background-color: #9A9686;
  color: #fff;
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.6875rem;
  line-height: 1;
  font-weight: 300;
  text-transform: uppercase;
  border-radius: 0 20px 20px 0;
  display: grid;
  place-content: center;
  padding-top: 0.3125rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics1__number {
    width: 7.5rem;
    font-size: 1.25rem;
  }
}

.michinowa-topics1__box {
  padding: 1.5625rem 1.875rem;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .michinowa-topics1__box {
    padding: 0.9375rem;
  }
}

.michinowa-topics1__title {
  color: #7FC359;
  font-size: 1.5625rem;
  line-height: 1.44;
  font-weight: 700;
  padding-bottom: 1.25rem;
  border-bottom: solid 4px #F4F3F0;
}
@media screen and (max-width: 767px) {
  .michinowa-topics1__title {
    font-size: 1rem;
    padding-bottom: 0.625rem;
  }
}

.michinowa-topics1__text {
  margin-top: 1.125rem;
  font-size: 1rem;
  line-height: 1.75;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .michinowa-topics1__text {
    margin-top: 0.625rem;
    font-size: 0.9375rem;
    font-feature-settings: "palt";
  }
}

.michinowa-page__btn {
  margin-top: 1.5625rem;
  margin-inline: auto;
  width: 25rem;
  border-radius: 20px;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 500;
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
}
@media screen and (max-width: 767px) {
  .michinowa-page__btn {
    margin-top: 0.9375rem;
    max-width: 15.625rem;
    font-size: 1rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}

.michinowa-topics1__title-sub {
  margin-top: 1.25rem;
  margin-bottom: initial;
  padding-bottom: 0.3125rem;
  color: #7FC359;
  font-size: 1.25rem;
  line-height: 1.8;
  font-weight: 700;
  border-bottom: solid 1px #7FC359;
}
@media screen and (max-width: 767px) {
  .michinowa-topics1__title-sub {
    font-size: 1rem;
  }
}

.michinowa-topics1__title-sub + .michinowa-topics1__text {
  margin-top: 0.9375rem;
}

.michinowa-topics__faq {
  margin-bottom: 1.875rem;
}
.michinowa-topics__faq:last-of-type {
  margin-bottom: 3.125rem;
}

.michinowa-topics__q {
  display: flex;
  align-items: center;
  background-color: #7FBF59;
}

.michinowa-topics__q__img {
  width: 3.125rem;
  height: 3.125rem;
  background-color: #399D00;
  display: flex;
  justify-content: center;
  align-items: center;
}
.michinowa-topics__q__img img {
  width: 1.625rem;
}

.michinowa-topics__q__text {
  width: calc(100% - 3.125rem);
  background-color: #7FBF59;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.5;
  color: #ffffff;
  padding-left: 1.5rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__q__text {
    font-size: 1rem;
  }
}

.michinowa-topics__a {
  display: flex;
  background-color: #ffffff;
}

.michinowa-topics__a__img {
  width: 3.125rem;
  background-color: #8ACDA7;
  display: flex;
  justify-content: center;
  align-items: center;
}
.michinowa-topics__a__img img {
  width: 1.625rem;
}

.michinowa-topics__a__flex {
  width: calc(100% - 3.125rem);
  display: flex;
  background-color: #ffffff;
  padding: 1.25rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__a__flex {
    flex-direction: column;
    padding: 0.625rem;
  }
}

.michinowa-topics__a__text {
  width: 50%;
  font-size: 1.375rem;
  font-weight: 500;
  line-height: 1.6363636364;
  border-right: solid 0.1875rem #C9E4B8;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__a__text {
    width: 100%;
    font-size: 1rem;
    border-right: solid 0;
    border-bottom: solid 0.1875rem #C9E4B8;
    padding-bottom: 0.625rem;
    margin-bottom: 0.625rem;
  }
}
.michinowa-topics__a__text:last-of-type {
  border-right: solid 0;
  padding-left: 1.5rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__a__text:last-of-type {
    padding-left: 0;
    border-bottom: solid 0;
    padding-bottom: 0;
    margin-bottom: 0;
  }
}

.michinowa-topics__a__text__gtay {
  color: #808080;
  font-size: 1.25rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__a__text__gtay {
    font-size: 1rem;
  }
}

.michinowa-topics__a__span {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  padding: 0 0.375rem;
  margin-bottom: 0.3125rem;
}
.michinowa-topics__a__span.bg-red {
  background-color: #E41C24;
}
.michinowa-topics__a__span.bg-yellow {
  background-color: #BF9200;
}
.michinowa-topics__a__span.bg-blue {
  background-color: #00708D;
}

.michinowa-topics__arrow {
  text-align: center;
}
.michinowa-topics__arrow img {
  display: inline-block;
  width: 6.5625rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__arrow img {
    width: 3.125rem;
  }
}

.michinowa-topics__content__02 {
  background-color: #F4F3F0;
  padding: 0 3.125rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__content__02 {
    padding: 0 0.9375rem;
  }
}

.michinowa-topics__content__02__box {
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__content__02__box {
    margin-bottom: 3.125rem;
  }
}
.michinowa-topics__content__02__box:last-of-type {
  margin-bottom: 3.125rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__content__02__box:last-of-type {
    margin-bottom: 1.25rem;
  }
}
.michinowa-topics__content__02__box.bg-red {
  background-color: #FAD2D4;
  border: solid 0.1875rem #E41C24;
}
.michinowa-topics__content__02__box.bg-red .michinowa-topics__content__02__head {
  background-color: #E41C24;
}
.michinowa-topics__content__02__box.bg-yellow {
  background-color: #EDE0B7;
  border: solid 0.1875rem #BF9200;
}
.michinowa-topics__content__02__box.bg-yellow .michinowa-topics__content__02__head {
  background-color: #BF9200;
}
.michinowa-topics__content__02__box.bg-blue {
  background-color: #E0EEF1;
  border: solid 0.1875rem #00708D;
}
.michinowa-topics__content__02__box.bg-blue .michinowa-topics__content__02__head {
  background-color: #00708D;
}

.michinowa-topics__content__02__head {
  padding: 0 2.5rem;
  height: 5rem;
  display: flex;
  align-items: center;
  color: #fff;
  font-size: 1.5rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__content__02__head {
    font-size: 1rem;
    padding: 0.625rem;
    flex-direction: column;
    text-align: center;
    height: 100%;
  }
}

.michinowa-topics__content__02__head__img {
  padding-left: 1.875rem;
  height: 1.875rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__content__02__head__img {
    padding-left: 0;
    height: 1.25rem;
    margin-top: 0.625rem;
  }
}
.michinowa-topics__content__02__head__img img {
  display: inline-block;
  height: 100%;
  width: auto;
}

.michinowa-topics__content__02__body {
  padding: 3.125rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__content__02__body {
    padding: 0.9375rem;
  }
}

.michinowa-topics__content__02__list__box {
  background-color: #9A9686;
  border: solid 0.125rem #9A9686;
  border-radius: 0.625rem;
}

.michinowa-topics__content__02__list__head {
  padding: 0.9375rem 2.5rem;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.5;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__content__02__list__head {
    padding: 0.9375rem;
    font-size: 1rem;
  }
}

.michinowa-topics__content__02__list {
  background-color: #fff;
  color: #4D4D4D;
  padding: 1.25rem 2.5rem;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.7;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__content__02__list {
    padding: 0.9375rem;
    font-size: 0.9375rem;
  }
}

.michinowa-topics__content__02__img {
  width: 20rem;
  margin: 1.875rem auto;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__content__02__img {
    width: 100%;
  }
}

.michinowa-topics__content__02__img__02 {
  width: 36.25rem;
  margin: 1.875rem auto 0;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__content__02__img__02 {
    width: 100%;
  }
}

.michinowa-topics__content__02__text {
  font-size: 1rem;
  line-height: 1.75;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__content__02__text {
    font-size: 0.9375rem;
  }
}

.michinowa-topics__content__02__flex {
  display: flex;
  justify-content: space-between;
  margin-top: 0.9375rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__content__02__flex {
    flex-direction: column;
    margin-top: 0;
  }
}

.michinowa-topics__content__02__flex__box {
  width: 48.5%;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__content__02__flex__box {
    width: 100%;
    margin-top: 0.9375rem;
  }
}

.michinowa-topics__content__02__flex__head {
  background-color: #BF9200;
  color: #fff;
  font-size: 1.25rem;
  font-weight: bold;
  line-height: 1.8;
  padding: 0.625rem 1.25rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__content__02__flex__head {
    font-size: 1rem;
    padding: 0.625rem;
  }
}

.michinowa-topics__content__02__sub {
  font-size: 1.375rem;
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__content__02__sub {
    font-size: 1.125rem;
  }
}
.michinowa-topics__content__02__sub.yellow {
  color: #BF9200;
}
.michinowa-topics__content__02__sub.blue {
  color: #00708D;
}

.michinowa-topics__content__02__flex__sub {
  font-size: 1.125rem;
  padding: 0.1875rem 1.25rem;
  color: #BF9200;
  border-bottom: solid 0.125rem #BF9200;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__content__02__flex__sub {
    font-size: 1rem;
    padding: 0.625rem;
  }
}

.michinowa-topics__content__02__flex__list {
  padding: 0.625rem 1.25rem 0;
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.7222222222;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__content__02__flex__list {
    font-size: 0.9375rem;
    padding: 0.625rem 0.625rem 0;
  }
}

.michinowa-topics__content__02__flex__text {
  padding: 0 1.25rem 3.125rem;
  font-size: 1.125rem;
  line-height: 1.7222222222;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__content__02__flex__text {
    font-size: 0.9375rem;
    padding: 0 0.625rem 1.25rem;
  }
}

.michinowa-topics__content__02__full {
  display: flex;
  justify-content: space-between;
  margin-top: 0.9375rem;
}

.michinowa-topics__content__02__full__box {
  padding: 1.25rem 1.5625rem;
  width: 100%;
  background-color: #fff;
  display: flex;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__content__02__full__box {
    flex-direction: column;
    padding: 0.9375rem;
  }
}

.michinowa-topics__content__02__full__list {
  font-weight: bold;
  font-size: 1.125rem;
  line-height: 1.7222222222;
  padding-right: 3.125rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__content__02__full__list {
    font-size: 0.9375rem;
    padding-right: 0;
  }
}

.michinowa-topics__content__02__text-lg {
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1.6666666667;
  text-align: center;
  padding-bottom: 3.125rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__content__02__text-lg {
    font-size: 1rem;
    padding-bottom: 1.25rem;
  }
}

/* michinowa-Topics2
====================== */
.michinowa-topics2__image-wrap {
  margin-top: 1.875rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics2__image-wrap {
    margin-top: 0.9375rem;
    grid-template-columns: repeat(1, 1fr);
    place-items: center;
  }
}

.michinowa-topics2__image {
  aspect-ratio: 430/285;
  width: 26.875rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics2__image {
    max-width: 25rem;
    width: 100%;
  }
}

.michinowa-topics2__image img {
  object-fit: cover;
  height: 100%;
}

/* michinowa-Topics3
====================== */
.michinowa-topics3 {
  padding-bottom: 8.5625rem;
  margin-bottom: 7.5rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics3 {
    padding-bottom: 3.125rem;
    margin-bottom: 3.125rem;
  }
}

.michinowa-topics__inner {
  background-color: #fff;
  padding: 1.875rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics__inner {
    padding: 0.9375rem;
  }
}

.michinowa-topics3__wrap {
  display: flex;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.25rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics3__wrap {
    grid-template-columns: repeat(1, 1fr);
    place-items: center;
  }
}

.michinowa-topics__inner__02 {
  background-color: #fff;
}

.michinowa-topics3__wrap__02 {
  padding: 3.125rem;
  border-bottom: 4px solid #F4F3F0;
}
@media screen and (max-width: 767px) {
  .michinowa-topics3__wrap__02 {
    padding: 0.9375rem;
  }
}

.michinowa-topics3__wrap + .michinowa-topics3__wrap {
  margin-top: 1.875rem;
  padding-top: 1.875rem;
  border-top: 4px solid #F4F3F0;
}
@media screen and (max-width: 767px) {
  .michinowa-topics3__wrap + .michinowa-topics3__wrap {
    margin-top: 0.9375rem;
    padding-top: 0.9375rem;
  }
}

.michinowa-topics3__title {
  color: #7FC359;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 700;
  margin-left: 1.25rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .michinowa-topics3__title {
    font-size: 1.0625rem;
  }
}

.michinowa-topics3__title::before {
  content: "";
  position: absolute;
  top: 1.25rem;
  left: -1.25rem;
  transform: translateY(-55%);
  width: 1.1875rem;
  height: 1.1875rem;
  background-color: #7FC359;
}
@media screen and (max-width: 767px) {
  .michinowa-topics3__title::before {
    width: 0.9375rem;
    height: 0.9375rem;
    top: 0.9375rem;
  }
}

.michinowa-topics3__text {
  font-size: 1rem;
  line-height: 1.75;
  font-feature-settings: "palt";
  margin-top: 1.1875rem;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .michinowa-topics3__text {
    font-size: 0.9375rem;
    margin-top: 0.9375rem;
  }
}

.michinowa-topics3__image-box {
  display: grid;
  gap: 0.375rem;
}

.michinowa-topics3__image {
  aspect-ratio: 320/210;
  width: 20rem;
}
@media screen and (max-width: 767px) {
  .michinowa-topics3__image {
    width: 100%;
    max-width: 25rem;
  }
}

.michinowa-topics3__image img {
  object-fit: cover;
  height: 100%;
}

.michinowa-topics2__image-box {
  text-align: center;
  margin-top: 1.875rem;
}

.michinowa-topics2__image {
  aspect-ratio: 430/285;
  width: 26.875rem;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .michinowa-topics2__image {
    width: 100%;
    max-width: 25rem;
  }
}

.michinowa-topics3__text-last {
  margin-top: 2.5rem;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.6666666667;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .michinowa-topics3__text-last {
    margin-top: 0.9375rem;
    font-size: 1rem;
    font-feature-settings: "palt";
  }
}

/* michinowa-最新情報
====================== */
.michinowa-newinfo {
  margin-top: 6.25rem;
}
@media screen and (max-width: 767px) {
  .michinowa-newinfo {
    margin-top: 3.125rem;
  }
}

.michinowa-newinfo__container {
  width: 42.5rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .michinowa-newinfo__container {
    width: 100%;
  }
}

.michinowa-newinfo__title {
  color: #fff;
  background-color: #7FC359;
  border-radius: 15px 15px 0 0;
  text-align: center;
  font-size: 1.75rem;
  line-height: 1.75;
  font-weight: 700;
  padding-top: 0.125rem;
  padding-bottom: 0.125rem;
  letter-spacing: 1em;
}
@media screen and (max-width: 767px) {
  .michinowa-newinfo__title {
    font-size: 1.5rem;
  }
}

.michinowa-newinfo__content {
  border: solid 2px #7FC359;
  padding: 2.8125rem 3.125rem;
}
@media screen and (max-width: 767px) {
  .michinowa-newinfo__content {
    padding: 0.9375rem;
  }
}

.michinowa-newinfo__title-sub {
  font-size: 1.75rem;
  line-height: 1.6428571429;
  font-weight: 700;
  border-bottom: solid 2px #7FC359;
  padding-bottom: 0.5625rem;
}
@media screen and (max-width: 767px) {
  .michinowa-newinfo__title-sub {
    font-size: 1.0625rem;
  }
}

.michinowa-newinfo__table {
  width: 100%;
  border-spacing: 0 1.25rem;
  margin-top: 0.625rem;
}
@media screen and (max-width: 767px) {
  .michinowa-newinfo__table {
    margin-top: 0.9375rem;
    border-spacing: 0 0.625rem;
  }
}

.michinowa-newinfo__term {
  vertical-align: top;
}

.michinowa-newinfo__term span {
  background-color: #7FC359;
  color: #fff;
  width: 7.5rem;
  height: 2.5rem;
  font-size: 1.25rem;
  line-height: 1.2;
  display: grid;
  place-content: center;
}
@media screen and (max-width: 767px) {
  .michinowa-newinfo__term span {
    width: 5rem;
    font-size: 0.875rem;
    height: 1.75rem;
  }
}

.michinowa-newinfo__date {
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 700;
  padding-left: 1.25rem;
}
@media screen and (max-width: 767px) {
  .michinowa-newinfo__date {
    font-size: 1.0625rem;
    padding-left: 0.625rem;
  }
}

.michinowa-newinfo__description {
  font-size: 1rem;
  line-height: 1.75;
  padding-left: 1.25rem;
}
@media screen and (max-width: 767px) {
  .michinowa-newinfo__description {
    font-size: 0.9375rem;
    padding-left: 0.625rem;
    font-feature-settings: "palt";
    text-align: justify;
  }
}

/* michinowa-sns
====================== */
.michinowa-sns {
  margin-top: 6.25rem;
}
@media screen and (max-width: 767px) {
  .michinowa-sns {
    margin-top: 3.125rem;
  }
}

.michinowa-sns__container {
  border: solid 2px #9A9686;
}

.michinowa-sns__title {
  margin-left: 3.125rem;
  margin-right: 3.125rem;
  color: #fff;
  background-color: #9A9686;
  border-radius: 0 0 15px 15px;
  text-align: center;
  font-size: 2rem;
  line-height: 1.4375;
  font-weight: 500;
  padding-top: 1.0625rem;
  padding-bottom: 1.0625rem;
}
@media screen and (max-width: 767px) {
  .michinowa-sns__title {
    font-size: 1.0625rem;
    margin-left: 0.625rem;
    margin-right: 0.625rem;
  }
}

.michinowa-sns__wrap {
  margin-top: 3.125rem;
  padding-bottom: 3.125rem;
  padding-left: 10.3125rem;
  padding-right: 10.3125rem;
}
@media screen and (max-width: 767px) {
  .michinowa-sns__wrap {
    margin-top: 1.25rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-bottom: 1.25rem;
  }
}

.michinowa-sns__box {
  gap: 3.125rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  align-items: center;
}
@media screen and (max-width: 767px) {
  .michinowa-sns__box {
    grid-template-columns: repeat(1, 1fr);
    gap: 1.25rem;
  }
}

.michinowa-sns__text {
  color: #7FC359;
  border: solid 2px #7FC359;
  padding: 1.125rem 3rem;
  text-align: center;
  font-size: 1.5rem;
  line-height: 1.5;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .michinowa-sns__text {
    padding: 0.9375rem;
    font-size: 1.0625rem;
    width: 70%;
    margin-inline: auto;
  }
}

.michinowa-sns__image-box {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.125rem;
}
@media screen and (max-width: 767px) {
  .michinowa-sns__image-box {
    gap: initial;
    justify-items: center;
  }
}

.michinowa-sns__insta {
  aspect-ratio: 100/100;
  width: 6.25rem;
}

.michinowa-sns__insta img {
  object-fit: cover;
  height: 100%;
}

.michinowa-sns__btn {
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .michinowa-sns__btn {
    margin-top: 1.25rem;
    font-size: 0.9375rem;
    font-feature-settings: "palt";
  }
}

/* michinowa-App
====================== */
.michinowa-app__wrap {
  background-color: #F4F3F0;
  padding: 3.125rem 3.125rem 2.5rem;
}
@media screen and (max-width: 767px) {
  .michinowa-app__wrap {
    padding: 1.25rem 0.625rem;
  }
}

.michinowa-app__title {
  text-align: center;
  color: #9A9686;
  font-size: 1.75rem;
  line-height: 1.75;
  font-weight: 700;
  padding-bottom: 1.25rem;
  border-bottom: solid 2px #9A9686;
}
@media screen and (max-width: 767px) {
  .michinowa-app__title {
    font-size: 1.0625rem;
    padding-bottom: 0.625rem;
  }
}

.michinowa-app__text {
  font-size: 1.125rem;
  line-height: 1.8888888889;
  font-weight: 500;
  margin-top: 1.25rem;
}
@media screen and (max-width: 767px) {
  .michinowa-app__text {
    margin-top: 0.625rem;
    font-size: 1rem;
    font-feature-settings: "palt";
  }
}

.michinowa-app__list {
  margin-top: 2.375rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.5rem;
}
@media screen and (max-width: 767px) {
  .michinowa-app__list {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 1.25rem;
  }
}

.michinowa-app__item {
  background-color: #fff;
  padding: 1.875rem;
}
@media screen and (max-width: 767px) {
  .michinowa-app__item {
    padding: 0.9375rem;
  }
}

.michinowa-app__category {
  color: #7FC359;
  font-size: 1.375rem;
  line-height: 1.5;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .michinowa-app__category {
    font-size: 1.0625rem;
  }
}

.michinowa-app__link {
  display: flex;
  justify-content: space-between;
  align-items: end;
  margin-top: 0.9375rem;
}
@media screen and (max-width: 767px) {
  .michinowa-app__link {
    justify-content: space-around;
  }
}

.michinowa-app__store {
  aspect-ratio: 150/55;
  width: 9.375rem;
}
@media screen and (max-width: 767px) {
  .michinowa-app__store {
    width: 7.5rem;
  }
}

.michinowa-app__store-link {
  display: inline-block;
}

.michinowa-app__store img {
  object-fit: cover;
  height: 100%;
}

.michinowa-app__store-QR {
  aspect-ratio: 100/100;
  width: 6.25rem;
}
@media screen and (max-width: 767px) {
  .michinowa-app__store-QR {
    width: 5rem;
  }
}

.michinowa-app__store-QR img {
  object-fit: cover;
  height: 100%;
}

.michinowa-app__store-google {
  aspect-ratio: 185/55;
  width: 11.5625rem;
}
@media screen and (max-width: 767px) {
  .michinowa-app__store-google {
    width: 9.375rem;
  }
}

.michinowa-app__store-google img {
  object-fit: cover;
  height: 100%;
}

/* My Netz Kids ページ
================================================ */
.kids-page__subtitle {
  font-size: 1.75rem;
  line-height: 1.4375;
  font-weight: 700;
  padding-bottom: 1.875rem;
  border-bottom: dashed 2px #fff;
  text-align: center;
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .kids-page__subtitle {
    margin-top: 1.25rem;
    font-size: 1.125rem;
    font-feature-settings: "palt";
    padding-bottom: 0.9375rem;
  }
}

.kids-page__subtitle__span {
  display: inline-block;
  position: relative;
}
.kids-page__subtitle__span::before {
  position: absolute;
  content: "";
  width: 3.125rem;
  height: 1.625rem;
  top: 50%;
  left: -5rem;
  transform: translateY(-50%);
  background-image: url(../images/kids/campTitleLeft@2x.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
@media screen and (max-width: 767px) {
  .kids-page__subtitle__span::before {
    width: 1.875rem;
    height: 0.9375rem;
    left: -2.5rem;
  }
}
.kids-page__subtitle__span::after {
  position: absolute;
  content: "";
  width: 3.125rem;
  height: 1.625rem;
  top: 50%;
  right: -5rem;
  transform: translateY(-50%);
  background-image: url(../images/kids/campTitleRight@2x.png);
  background-repeat: no-repeat;
  background-size: 100%;
}
@media screen and (max-width: 767px) {
  .kids-page__subtitle__span::after {
    width: 1.875rem;
    height: 0.9375rem;
    right: -2.5rem;
  }
}

.kids-page__subtitle__span__02 {
  display: block;
  font-size: 1.5rem;
  color: #333333;
}
@media screen and (max-width: 767px) {
  .kids-page__subtitle__span__02 {
    font-size: 1.125rem;
    font-feature-settings: "palt";
  }
}

.kids-page__text {
  margin-top: 0.9375rem;
  color: #4D4D4D;
  font-size: 1.125rem;
  line-height: 1.8888888889;
  font-weight: 500;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .kids-page__text {
    margin-top: 0.625rem;
    font-size: 0.9375rem;
    font-feature-settings: "palt";
  }
}

.kids-page__text-link {
  color: #4D4D4D;
  font-size: 1.125rem;
  line-height: 1.8888888889;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .kids-page__text-link {
    font-size: 0.9375rem;
    font-feature-settings: "palt";
  }
}

.kids-mini4__inner {
  background-color: #AAD9FF;
  border-radius: 50px;
  padding: 3.125rem;
}
@media screen and (max-width: 767px) {
  .kids-mini4__inner {
    border-radius: 20px;
    padding: 0.9375rem;
  }
}

.kids-mini4 > * {
  margin-top: 6.25rem;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .kids-mini4 > * {
    margin-top: 3.125rem;
  }
}

.mini4-circuit__inner {
  background-color: #004187;
}

.mini4-circuit__title {
  padding-top: 3.125rem;
  padding-bottom: 2.1875rem;
}
@media screen and (max-width: 767px) {
  .mini4-circuit__title {
    padding-top: 1.25rem;
    padding-bottom: 0.9375rem;
  }
}

.mini4-circuit__title {
  aspect-ratio: 300/142;
  width: 18.75rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .mini4-circuit__title {
    width: 12.5rem;
  }
}

.mini4-circuit__title img {
  object-fit: cover;
  height: auto;
}

.mini4-circuit__subtitle {
  aspect-ratio: 780/90;
  width: 100%;
}

.mini4-circuit__subtitle img {
  object-fit: cover;
  height: auto;
}

.mini4-circuit__container {
  padding: 1.4375rem 3.125rem 0;
}
@media screen and (max-width: 767px) {
  .mini4-circuit__container {
    padding: 0.9375rem 0.9375rem 0 0.9375rem;
  }
}

.mini4-circuit__catch {
  font-size: 1.6rem;
  line-height: 1.8518518519;
  font-weight: 700;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: dashed 2px #fff;
}
@media screen and (max-width: 767px) {
  .mini4-circuit__catch {
    font-size: 1.0625rem;
    line-height: 1.5;
    font-feature-settings: "palt";
  }
}

.mini4-circuit__text {
  margin-top: 1.4375rem;
  font-size: 1.125rem;
  line-height: 1.8888888889;
  font-weight: 500;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .mini4-circuit__text {
    margin-top: 0.9375rem;
    font-size: 0.9375rem;
    font-feature-settings: "palt";
    line-height: 1.5;
  }
}

.mini4-circuit__image {
  margin-top: 2.1875rem;
  padding-bottom: 1.875rem;
}
@media screen and (max-width: 767px) {
  .mini4-circuit__image {
    margin-top: 1.25rem;
    padding-bottom: 0.9375rem;
  }
}

/* kids-mini4-topics1
====================== */
.mini4-topics__number {
  color: #007FFF;
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.875rem;
  line-height: 1.4333333333;
  font-weight: 500;
  text-transform: capitalize;
  background-image: url(../images/kids/mini4-topicsBack@2x.png);
  width: 15.625rem;
  height: 7.1875rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position-x: center;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .mini4-topics__number {
    font-size: 1.5rem;
    width: 10.9375rem;
    height: 5rem;
  }
}

.mini4-topics__number span {
  font-size: 3rem;
}
@media screen and (max-width: 767px) {
  .mini4-topics__number span {
    font-size: 1.875rem;
  }
}

.mini4-topics__title {
  color: #007FFF;
}

.mini4-topics__text {
  margin-top: 0.9375rem;
  color: #4D4D4D;
  font-size: 1.125rem;
  line-height: 1.8888888889;
  font-weight: 500;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .mini4-topics__text {
    margin-top: 0.625rem;
    font-size: 0.9375rem;
    font-feature-settings: "palt";
  }
}

.mini4-topics__text a {
  color: #007FFF;
  border-bottom: solid 1px #007FFF;
}

.mini4-topics__image-box {
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .mini4-topics__image-box {
    margin-top: 0.9375rem;
  }
}

.mini4-topics__image {
  aspect-ratio: 430/285;
  width: 26.875rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .mini4-topics__image {
    width: 100%;
  }
}

.mini4-topics__image img {
  object-fit: cover;
  height: 100%;
}

.mini4-topics__image + .mini4-topics__image {
  margin-top: 1.25rem;
}
@media screen and (max-width: 767px) {
  .mini4-topics__image + .mini4-topics__image {
    margin-top: 0.9375rem;
  }
}

.mini4-topics3__image img {
  object-fit: contain;
  height: 100%;
}

/* kids-camp
====================== */
.kids-camp__inner {
  background-color: #CBE4A2;
  border-radius: 50px;
  padding: 3.125rem;
}
@media screen and (max-width: 767px) {
  .kids-camp__inner {
    border-radius: 20px;
    padding: 0.9375rem;
  }
}
.kids-camp__inner .layout-section {
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .kids-camp__inner .layout-section {
    margin-top: 3.125rem;
  }
}

.kids-camp-circuit__inner {
  background-color: #008B1E;
}

.kids-camp-circuit__title {
  aspect-ratio: 490/142;
  width: 30.625rem;
  margin-inline: auto;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}
@media screen and (max-width: 767px) {
  .kids-camp-circuit__title {
    width: 12.5rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

.kids-camp-circuit__title img {
  object-fit: cover;
  height: auto;
}

.kids-camp-circuit__subtitle {
  aspect-ratio: 780/90;
  width: 100%;
}

.kids-camp-circuit__subtitle img {
  object-fit: cover;
  height: auto;
}

.kids-camp-circuit__container {
  padding: 1.4375rem 3.125rem 0;
}
@media screen and (max-width: 767px) {
  .kids-camp-circuit__container {
    padding: 0.9375rem 0.9375rem 0 0.9375rem;
  }
}

.kids-camp-circuit__catch {
  font-size: 1.6rem;
  line-height: 1.8518518519;
  color: #fff;
  font-weight: 700;
  text-align: center;
  padding-bottom: 0.5rem;
  border-bottom: dashed 2px #fff;
}
@media screen and (max-width: 767px) {
  .kids-camp-circuit__catch {
    font-size: 1.0625rem;
    line-height: 1.5;
    font-feature-settings: "palt";
  }
}

.kids-camp-circuit__text {
  margin-top: 1.4375rem;
  font-size: 1.125rem;
  line-height: 1.8888888889;
  color: #fff;
  font-weight: 500;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .kids-camp-circuit__text {
    margin-top: 0.9375rem;
    font-size: 0.9375rem;
    line-height: 1.5;
  }
}

.kids-camp-circuit__text a {
  color: #79CE10;
  border-bottom: solid 1px #79CE10;
}

.kids-camp__title {
  background-color: #fff;
  box-sizing: content-box;
  border: solid 10px #fff;
}

.kids-camp__title-image {
  display: inline-block;
  aspect-ratio: 1023/270;
  width: 48.125rem;
}

.kids-camp__title-image img {
  object-fit: cover;
  height: 100%;
}

.kids-camp__subtitle {
  color: #009A1E;
}

.kids-camp__text-link a {
  color: #009A1E;
  border-bottom: solid 1px #009A1E;
}

.kids-camp__info {
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .kids-camp__info {
    margin-top: 0.9375rem;
  }
}

.camp-info__container {
  width: 42.5rem;
  margin-inline: auto;
  background-color: #fff;
  padding: 3.125rem;
  border: solid 2px #7FA859;
}
@media screen and (max-width: 767px) {
  .camp-info__container {
    width: 100%;
    padding: 0.875rem;
  }
}

.camp-info__table {
  border-spacing: initial;
}

.camp-info__spacer-row {
  height: 1.1875rem;
}
@media screen and (max-width: 767px) {
  .camp-info__spacer-row {
    height: 0.3125rem;
  }
}

.camp-info__term {
  width: 7.5rem;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  .camp-info__term {
    width: 5rem;
  }
}

.camp-info__term span {
  background-color: #009A1E;
  color: #fff;
  width: 7.5rem;
  height: 2.5rem;
  font-size: 1.25rem;
  line-height: 1.2;
  display: grid;
  place-content: center;
}
@media screen and (max-width: 767px) {
  .camp-info__term span {
    width: 5rem;
    font-size: 0.875rem;
    height: 1.75rem;
  }
}

.camp-info__date {
  font-size: 1.125rem;
  line-height: 2;
  font-weight: 700;
  padding-left: 1.25rem;
}
@media screen and (max-width: 767px) {
  .camp-info__date {
    font-size: 1rem;
    padding-left: 0.625rem;
    line-height: 1.5;
    font-feature-settings: "palt";
  }
}

.camp-info__location {
  font-size: 1.125rem;
  line-height: 2;
  font-weight: 700;
  padding-left: 1.25rem;
}
@media screen and (max-width: 767px) {
  .camp-info__location {
    font-size: 0.9375rem;
    padding-left: 0.625rem;
    font-feature-settings: "palt";
  }
}

.camp-info__location a {
  color: #009A1E;
  border-bottom: solid 1px #009A1E;
}

.camp-info__image {
  aspect-ratio: 576/355;
  width: 36rem;
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .camp-info__image {
    width: 100%;
    margin-top: 0.9375rem;
  }
}

.camp-info__image img {
  object-fit: cover;
  height: 100%;
}

/* kids-topics1
====================== */
.kids-topics__img {
  width: 15.625rem;
  height: 7.1875rem;
  margin-inline: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .kids-topics__img {
    font-size: 1.5rem;
    width: 10.9375rem;
    height: 5rem;
  }
}

.kids-topics__image-box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .kids-topics__image-box {
    margin-top: 0.9375rem;
  }
}

.kids-topics__image {
  width: 23.75rem;
  margin-bottom: 1.25rem;
}
@media screen and (max-width: 767px) {
  .kids-topics__image {
    width: 100%;
  }
}
.kids-topics__image:nth-child(n+3) {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .kids-topics__image:nth-child(n+3) {
    margin-bottom: 1.25rem;
  }
}

.mini4-topics__image img {
  object-fit: cover;
  height: 100%;
}

/* kids-SNS
====================== */
.kids-sns {
  padding-bottom: 6.25rem;
  margin-bottom: 7.5rem;
  margin-top: 9.375rem;
}
@media screen and (max-width: 767px) {
  .kids-sns {
    padding-bottom: 3.125rem;
    margin-bottom: 3.125rem;
    margin-top: 3.125rem;
  }
}

.kids-sns__container {
  border: solid 2px #00B8FF;
}

.kids-sns__title-wrap {
  display: flex;
  gap: 1.25rem;
  margin-left: 3.125rem;
  margin-right: 3.125rem;
  justify-content: center;
  align-items: center;
  background-color: #00B8FF;
  border-radius: 0 0 15px 15px;
  padding-top: 1.0625rem;
  padding-bottom: 1.0625rem;
}
@media screen and (max-width: 767px) {
  .kids-sns__title-wrap {
    margin-left: 0.625rem;
    margin-right: 0.625rem;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;
    gap: 0.1875rem;
    flex-direction: column;
  }
}

.kids-sns__title-image {
  aspect-ratio: 295/38;
  width: 18.4375rem;
}
@media screen and (max-width: 767px) {
  .kids-sns__title-image {
    width: 12.5rem;
  }
}

.kids-sns__title-image img {
  object-fit: cover;
  height: 100%;
}

.kids-sns__title {
  color: #fff;
  font-size: 2rem;
  line-height: 1.4375;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .kids-sns__title {
    font-size: 1.0625rem;
  }
}

.kids-sns__wrap {
  margin-top: 3.125rem;
  margin-inline: auto;
  padding-bottom: 3.125rem;
  padding-left: 3.125rem;
  padding-right: 3.125rem;
}
@media screen and (max-width: 767px) {
  .kids-sns__wrap {
    margin-top: 1.25rem;
    padding-left: 0.625rem;
    padding-right: 0.625rem;
    padding-bottom: 1.25rem;
  }
}

.kids-sns__text {
  font-size: 1.75rem;
  line-height: 1.7692307692;
  text-align: center;
  margin-left: 1.4375rem;
  position: relative;
}
@media screen and (max-width: 767px) {
  .kids-sns__text {
    font-size: 1.125rem;
    font-feature-settings: "palt";
  }
}

.kids-sns__text::before {
  content: "";
  width: 1.4375rem;
  height: 1.4375rem;
  background-color: #333;
  position: absolute;
  top: 1.5625rem;
  left: 4.375rem;
  transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .kids-sns__text::before {
    width: 0.9375rem;
    height: 0.9375rem;
    top: 1rem;
    left: -1.25rem;
  }
}

.kids-sns__image-box {
  margin-top: 3.125rem;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3.125rem;
}
@media screen and (max-width: 767px) {
  .kids-sns__image-box {
    margin-top: 1.25rem;
    gap: 1.25rem;
    justify-items: center;
  }
}

.kids-sns__icon {
  aspect-ratio: 50/50;
  width: 3.125rem;
}

.kids-sns__icon img {
  object-fit: cover;
  height: 100%;
}

.kids-register__wrap {
  background-color: #B3EAFF;
  padding: 3.125rem;
}
@media screen and (max-width: 767px) {
  .kids-register__wrap {
    padding: 1.25rem 0.625rem;
  }
}

.kids-register__content {
  background-color: #fff;
  padding-top: 3.125rem;
  padding-bottom: 3.125rem;
}
@media screen and (max-width: 767px) {
  .kids-register__content {
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

.kids-register__text {
  color: #004294;
  font-size: 1.75rem;
  line-height: 1.75;
  font-weight: 700;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .kids-register__text {
    font-size: 1.125rem;
    font-feature-settings: "palt";
  }
}

.kids-register__btn {
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .kids-register__btn {
    margin-top: 1.25rem;
    font-size: 0.9375rem;
    font-feature-settings: "palt";
  }
}

/* CSR ページ
================================================ */
.csr-fv__image {
  aspect-ratio: 1080/400;
  width: 100%;
}

.csr-fv__mage img {
  object-fit: cover;
  height: 100%;
}

.csr__title-wrap {
  display: flex;
  gap: 2.5rem;
  align-items: center;
  border-bottom: solid 2px #EA5FB5;
  padding-bottom: 0.625rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .csr__title-wrap {
    flex-direction: column;
    gap: 0.3125rem;
    text-align: center;
  }
}

.csr__title-image {
  aspect-ratio: 140/122;
  width: 8.75rem;
}
@media screen and (max-width: 767px) {
  .csr__title-image {
    width: 6.25rem;
  }
}

.csr__title-image img {
  object-fit: cover;
  height: 100%;
}

.csr__title {
  color: #666666;
  font-size: 2rem;
  line-height: 1.4375;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .csr__title {
    font-size: 1rem;
    font-feature-settings: "palt";
  }
}

.csr-child__title {
  padding-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .csr-child__title {
    padding-top: initial;
  }
}

.csr__container {
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .csr__container {
    margin-top: 0.9375rem;
  }
}

.csr__text {
  color: #4D4D4D;
  font-size: 1.125rem;
  line-height: 1.8888888889;
  font-weight: 500;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .csr__text {
    font-size: 0.9375rem;
    font-feature-settings: "palt";
  }
}

.csr__image__layout {
  margin-top: 1.875rem;
}
.csr__image__layout:nth-of-type(n+2) {
  margin-top: 1.25rem;
}

.csr__image {
  aspect-ratio: 430/285;
  width: 26.875rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .csr__image {
    width: 100%;
  }
}

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

.csr__image figcaption {
  color: #004294;
  font-size: 1rem;
  line-height: 1.5;
  text-align: center;
  font-weight: 500;
  margin-top: 1.25rem;
}
@media screen and (max-width: 767px) {
  .csr__image figcaption {
    font-size: 0.875rem;
    margin-top: 0.625rem;
  }
}

/* CSRページ-帯
====================== */
.csr-obi {
  margin-top: 9.375rem;
}
@media screen and (max-width: 767px) {
  .csr-obi {
    margin-top: 5rem;
  }
}

.csr-obi__blue {
  background-color: #004294;
  border-radius: 10px;
  width: 100%;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media screen and (max-width: 767px) {
  .csr-obi__blue {
    padding-left: 0.5625rem;
    padding-right: 0.5625rem;
  }
}

.csr-obi__text {
  color: #fff;
  font-size: 2rem;
  line-height: 1.4375;
  font-weight: 700;
  background-color: #0078D0;
  padding-top: 1.125rem;
  padding-bottom: 1.125rem;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .csr-obi__text {
    font-size: 1.25rem;
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
  }
}

/* CSRページ-サッカー
====================== */
.csr__title--blue {
  border-bottom: solid 2px #0078D0;
}

.csr__title--green {
  border-bottom: solid 2px #80B73F;
}

.csr__image-wrap {
  display: flex;
  gap: 1.25rem;
}
@media screen and (max-width: 767px) {
  .csr__image-wrap {
    flex-direction: column;
    gap: 0.625rem;
  }
}

.csr__image-caption {
  text-align: center;
  color: #004294;
  font-size: 1rem;
  line-height: 1.5;
  text-align: center;
  font-weight: 500;
  margin-top: 1.25rem;
}
@media screen and (max-width: 767px) {
  .csr__image-caption {
    font-size: 0.875rem;
    margin-top: 0.625rem;
  }
}

.csr-page__btn {
  margin-top: 3.125rem;
}
@media screen and (max-width: 767px) {
  .csr-page__btn {
    margin-top: 1.875rem;
  }
}

/* CSRページ-スケジュール
====================== */
.csr-schedule {
  padding-bottom: 5.625rem;
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .csr-schedule {
    padding-bottom: 3.125rem;
  }
}

.csr-schedule__title-image {
  aspect-ratio: 152/152;
  width: 9.5rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .csr-schedule__title-image {
    width: 6.25rem;
  }
}

.csr-schedule__container {
  margin-top: 6.25rem;
  padding-top: 3.125rem;
  background-color: #B8E0F5;
}
@media screen and (max-width: 767px) {
  .csr-schedule__container {
    margin-top: 3.125rem;
    padding-top: 1.875rem;
  }
}

.csr-schedule__wrapper {
  padding: 3.125rem;
  position: relative;
}
.csr-schedule__wrapper::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 0.625rem;
  background-color: #7FC7E2;
  top: 0;
  left: 0;
}
@media screen and (max-width: 767px) {
  .csr-schedule__wrapper::before {
    height: 0.3125rem;
  }
}
@media screen and (max-width: 767px) {
  .csr-schedule__wrapper {
    padding: 0.9375rem;
  }
}

.csr-schedule__box {
  padding: 3.125rem;
  background-color: #fff;
  margin-bottom: 3.125rem;
}
@media screen and (max-width: 767px) {
  .csr-schedule__box {
    padding: 0.9375rem;
    margin-bottom: 1.25rem;
  }
}
.csr-schedule__box:last-child {
  margin-bottom: 0;
}

.csr-schedule__title {
  font-size: 2.25rem;
  color: #00418D;
  background-color: #fff;
  text-align: center;
  padding: 1.875rem 0;
  line-height: 1.6428571429;
}
@media screen and (max-width: 767px) {
  .csr-schedule__title {
    font-size: 1.25rem;
    padding: 1.25rem 0;
  }
}

.csr-schedule__text {
  font-size: 1.125rem;
  line-height: 1.8888888889;
  color: #4D4D4D;
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .csr-schedule__text {
    font-size: 0.9375rem;
    margin-top: 1.25rem;
  }
}

.csr-schedule__text__02 {
  font-size: 1.75rem;
  color: #666666;
  line-height: 1.6428571429;
  text-align: center;
  margin-top: 9.375rem;
}
@media screen and (max-width: 767px) {
  .csr-schedule__text__02 {
    font-size: 1.25rem;
    margin-top: 3.125rem;
  }
}

.csr-schedule__text__blue {
  font-size: 1.25rem;
  color: #0078CE;
  font-weight: 500;
  margin-top: 0.625rem;
}
@media screen and (max-width: 767px) {
  .csr-schedule__text__blue {
    font-size: 0.9375rem;
  }
}

.csr-schedule__sub {
  font-size: 1.75rem;
  color: #666666;
  padding-bottom: 1.875rem;
  border-bottom: solid 2px #B8E0F5;
}
@media screen and (max-width: 767px) {
  .csr-schedule__sub {
    font-size: 1.125rem;
    padding-bottom: 1.25rem;
  }
}

.csr-page__btn {
  background-color: #004294;
  max-width: 55rem;
  font-size: 1.5625rem;
  padding-top: 2.34375rem;
  padding-bottom: 2.34375rem;
  border-radius: 39px;
}
@media screen and (max-width: 767px) {
  .csr-page__btn {
    text-align: center;
    font-size: 1.125rem;
    padding-top: 1.125rem;
    padding-bottom: 1.125rem;
  }
}

/* 豆知識 ページ
================================================ */
.trivia-fv__image {
  aspect-ratio: 1080/400;
  width: 100%;
}

.trivia__bigtitle {
  margin-top: 6.25rem;
}
@media screen and (max-width: 767px) {
  .trivia__bigtitle {
    margin-top: 1.25rem;
  }
}

.trivia-fv__image img {
  object-fit: cover;
  height: 100%;
}

.trivia__bigtitle--green,
.trivia__bigtitle--yellow {
  color: #fff;
  text-align: center;
}

.trivia__bigtitle--green {
  font-size: 2rem;
  line-height: 2.1875;
  font-weight: 700;
  background-color: #0D9D7B;
  position: relative;
}
@media screen and (max-width: 767px) {
  .trivia__bigtitle--green {
    font-size: 1.5rem;
    line-height: 1.6666666667;
  }
}

.trivia__bigtitle--yellow {
  font-family: "Josefin Sans", sans-serif;
  font-size: 1.75rem;
  line-height: 1.8571428571;
  font-weight: 600;
  background-color: #DCC680;
}
@media screen and (max-width: 767px) {
  .trivia__bigtitle--yellow {
    font-size: 1.375rem;
    line-height: 1.6666666667;
  }
}

.trivia__bigtitle--green::before {
  content: "";
  position: absolute;
  top: 0.9375rem;
  left: 1.875rem;
  width: 5.75rem;
  height: 5.75rem;
  background-image: url(../images/trivia/glass@2x.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .trivia__bigtitle--green::before {
    width: 1.5625rem;
    height: 1.5625rem;
    top: 1.5625rem;
    left: 0.1875rem;
  }
}

/* CSR-セクション01
====================== */
.fuel__title-wrap {
  display: flex;
  gap: 2.5rem;
  align-items: center;
  border-bottom: solid 2px #64C0AB;
  padding-bottom: 0.625rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .fuel__title-wrap {
    flex-direction: column;
    gap: 0.3125rem;
    text-align: center;
  }
}

.fuel__title-image {
  aspect-ratio: 140/122;
  width: 8.75rem;
}
@media screen and (max-width: 767px) {
  .fuel__title-image {
    width: 6.25rem;
  }
}

.fuel__title-image img {
  object-fit: cover;
  height: 100%;
}

.fuel__title {
  color: #666666;
  font-size: 2rem;
  line-height: 1.4375;
  font-weight: 700;
  font-feature-settings: "palt";
}
@media screen and (max-width: 767px) {
  .fuel__title {
    font-size: 1rem;
  }
}

.fuel__container {
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .fuel__container {
    margin-top: 0.9375rem;
  }
}

.fuel__text {
  color: #4D4D4D;
  font-size: 1.125rem;
  line-height: 1.8888888889;
  font-weight: 500;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .fuel__text {
    font-size: 0.9375rem;
    font-feature-settings: "palt";
  }
}

.fuel__image {
  width: 26.875rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .fuel__image {
    width: 100%;
  }
}

.fuel__image img {
  object-fit: cover;
  height: auto;
}

/* CSR-セクション02
====================== */
.fuel02__title {
  font-size: 1.75rem;
  line-height: 1.6428571429;
  font-weight: 700;
  color: #0D9D7B;
  margin-bottom: 0.9375rem;
}
@media screen and (max-width: 767px) {
  .fuel02__title {
    font-size: 1.125rem;
    font-feature-settings: "palt";
    margin-bottom: 0.625rem;
  }
}

.fuel02__wrap {
  padding: 1.875rem 0;
  border-bottom: solid 0.3125rem #D4EDE7;
  position: relative;
}
@media screen and (max-width: 767px) {
  .fuel02__wrap {
    border-bottom: solid 0.1875rem #D4EDE7;
  }
}
.fuel02__wrap:last-of-type {
  border-bottom: solid 0;
  padding-bottom: 0;
}

.fuel02__sub {
  display: flex;
}

.fuel02__number {
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  background-color: #64C0AB;
  font-size: 1.25rem;
  font-weight: 400;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .fuel02__number {
    width: 1.875rem;
    height: 1.875rem;
    font-size: 1rem;
  }
}

.fuel02__sub__text {
  color: #808080;
  font-size: 1.5rem;
  padding-left: 0.625rem;
}
@media screen and (max-width: 767px) {
  .fuel02__sub__text {
    font-size: 1rem;
  }
}

.fuel02__text {
  font-size: 1rem;
  line-height: 1.75;
  margin-top: 1.25rem;
}

.fuel02__content {
  padding: 3.125rem;
  background-color: #D4EDE7;
  margin-top: 2.5rem;
}
@media screen and (max-width: 767px) {
  .fuel02__content {
    padding: 0.9375rem;
  }
}

.fuel02__list {
  padding: 3.125rem;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .fuel02__list {
    padding: 0.9375rem;
  }
}

.fuel02__list-image {
  width: 38.75rem;
  margin-top: 1.875rem;
}
@media screen and (max-width: 767px) {
  .fuel02__list-image {
    width: 100%;
  }
}

.fuel02__text-box {
  display: grid;
  grid-template-columns: 6.25rem 1fr;
  gap: 1.5625rem;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .fuel02__text-box {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 0.3125rem;
  }
}

.fuel02__number span {
  font-size: 2.125rem;
}
@media screen and (max-width: 767px) {
  .fuel02__number span {
    font-size: 1.5rem;
  }
}

.fuel02__text {
  font-size: 1rem;
  line-height: 1.75;
  text-align: justify;
}
@media screen and (max-width: 767px) {
  .fuel02__text {
    margin-top: 0.625rem;
    font-size: 0.9375rem;
    font-feature-settings: "palt";
  }
}

.fuel02__image {
  width: 36.125rem;
  height: auto;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .fuel02__image {
    width: 100%;
  }
}

.fuel02__box {
  padding: 3.125rem;
  border: solid 0.1875rem #D4EDE7;
  margin-top: 1.875rem;
  margin-bottom: 3.125rem;
}
@media screen and (max-width: 767px) {
  .fuel02__box {
    padding: 0.9375rem;
  }
}
.fuel02__box:last-of-type {
  margin-bottom: 0;
}

.fuel02__box__title {
  font-size: 1.25rem;
  color: #0D9D7B;
  border-bottom: solid 0.125rem #64C0AB;
}
@media screen and (max-width: 767px) {
  .fuel02__box__title {
    font-size: 1.125rem;
  }
}

.fuel02__box__title__02 {
  font-size: 1.25rem;
  color: #0D9D7B;
}
@media screen and (max-width: 767px) {
  .fuel02__box__title__02 {
    font-size: 1rem;
  }
}

.fuel02__box__sub {
  font-size: 1rem;
  color: #808080;
  font-weight: bold;
  padding: 0.5rem 0;
}

.fuel02__box__sub__02 {
  font-size: 1rem;
  color: #808080;
  font-weight: bold;
  padding: 0.375rem 0 0.75rem;
}
@media screen and (max-width: 767px) {
  .fuel02__box__sub__02 {
    font-size: 0.9375rem;
  }
}
.fuel02__box__sub__02:last-of-type {
  padding-bottom: 0;
}

.fuel02__box__text {
  font-size: 1rem;
  line-height: 1.75;
  margin-bottom: 1.5625rem;
}

.fuel02__box-image {
  width: 17.875rem;
  height: auto;
  margin-inline: auto;
  margin-bottom: 3.125rem;
}
.fuel02__box-image:last-of-type {
  margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .fuel02__box-image {
    width: 100%;
  }
}

.fuel02__list + .fuel02__list {
  margin-top: 0.3125rem;
}

.fuel02__number3 {
  font-family: "Josefin Sans", sans-serif;
  font-size: 2.0625rem;
}
@media screen and (max-width: 767px) {
  .fuel02__number3 {
    font-size: 1.5rem;
  }
}

.fuel__flex {
  display: flex;
  justify-content: space-between;
  margin-top: 1.875rem;
  margin-bottom: 3.125rem;
}
@media screen and (max-width: 767px) {
  .fuel__flex {
    flex-direction: column;
  }
}

.fuel__flex__left {
  width: 49%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .fuel__flex__left {
    width: 100%;
    margin-bottom: 1.875rem;
  }
}

.fuel__flex__right {
  width: 49%;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .fuel__flex__right {
    width: 100%;
  }
}

.fuel__flex__figcaption {
  color: #0D9D7B;
  font-weight: 500;
  font-size: 1rem;
  margin-top: 1.25rem;
}

.fuel02__list__02 {
  color: #4D4D4D;
  font-weight: bold;
}

.fuel02__item__02 {
  font-size: 1.125rem;
  line-height: 1.8888888889;
}
@media screen and (max-width: 767px) {
  .fuel02__item__02 {
    font-size: 0.9375rem;
  }
}

.fuel02__detail {
  padding: 1.875rem;
  margin-top: 3.125rem;
  border: solid 0.125rem #0D9D7B;
}
@media screen and (max-width: 767px) {
  .fuel02__detail {
    padding: 0.9375rem;
  }
}

.fuel02__detail__text {
  color: #0D9D7B;
  font-size: 1.3125rem;
  font-weight: bold;
  line-height: 1.7142857143;
  font-feature-settings: "palt";
  text-align: center;
  letter-spacing: 0.04em;
}
@media screen and (max-width: 767px) {
  .fuel02__detail__text {
    font-size: 1rem;
  }
}

.fuel02__reference {
  display: flex;
  margin-top: 6.25rem;
}
@media screen and (max-width: 767px) {
  .fuel02__reference {
    flex-direction: column;
    margin-top: 3.125rem;
  }
}

.fuel02__reference__head {
  width: 11%;
}
@media screen and (max-width: 767px) {
  .fuel02__reference__head {
    width: 100%;
  }
}

.fuel02__reference__body {
  width: 89%;
}
@media screen and (max-width: 767px) {
  .fuel02__reference__body {
    width: 100%;
  }
}

.fuel02__reference__text {
  font-size: 1.125rem;
  color: #4D4D4D;
}
@media screen and (max-width: 767px) {
  .fuel02__reference__text {
    font-size: 1rem;
  }
}

.fuel02__reference__item {
  font-size: 1.125rem;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .fuel02__reference__item {
    font-size: 1rem;
    margin-bottom: 0.3125rem;
  }
}
.fuel02__reference__item a {
  color: #64C0AB;
  font-weight: bold;
  text-decoration: underline;
}

.fuel02__image__text {
  font-size: 0.9375rem;
  margin-top: 1.875rem;
}

.trivia-06 {
  padding-bottom: 6.25rem;
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 767px) {
  .trivia-06 {
    padding-bottom: 3.125rem;
    margin-bottom: 3.125rem;
  }
}

/* CSR-セクション01
====================== */
.trivia-01 {
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 767px) {
  .trivia-01 {
    margin-bottom: 3.125rem;
  }
}

.fuel__reference {
  color: #4D4D4D;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  font-weight: 700;
  margin-top: 2.1875rem;
}
@media screen and (max-width: 767px) {
  .fuel__reference {
    font-size: 0.9375rem;
    margin-top: 0.9375rem;
  }
}

.fuel__reference a {
  color: #64C0AB;
  text-decoration: underline;
}

.fuel__reference + .fuel__reference {
  margin-top: 0.75rem;
}

.fuel__notes {
  margin-top: 0.75rem;
  color: #4D4D4D;
  font-size: 0.9375rem;
  line-height: 1.6;
}
@media screen and (max-width: 767px) {
  .fuel__notes {
    font-size: 0.875rem;
  }
}

/* プレゼントページ
================================================ */
.present-appli {
  margin-top: 0.9375rem;
  padding-bottom: 6.25rem;
  margin-bottom: 6.25rem;
}
@media screen and (max-width: 767px) {
  .present-appli {
    padding-bottom: 3.125rem;
    margin-bottom: 3.125rem;
  }
}

.present-appli__image {
  aspect-ratio: 152/152;
  width: 9.5rem;
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  .present-appli__image {
    width: 6.25rem;
  }
}

.present-appli__image img {
  object-fit: cover;
  height: 100%;
}

.present-appli__title {
  margin-top: 2.8125rem;
  color: #ED7D65;
  font-size: 2rem;
  line-height: 1.4375;
  font-weight: 700;
  padding-bottom: 1.875rem;
  border-bottom: solid 2px #F4B0A1;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .present-appli__title {
    font-size: 1.25rem;
    text-align: start;
    font-feature-settings: "palt";
    margin-top: 1.25rem;
    padding-bottom: 1.25rem;
  }
}

.present-appli__text {
  margin-top: 1.875rem;
  color: #4D4D4D;
  font-size: 1.125rem;
  line-height: 1.5555555556;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .present-appli__text {
    margin-top: 0.9375rem;
    font-size: 0.9375rem;
    text-align: justify;
    font-feature-settings: "palt";
  }
}/*# sourceMappingURL=styles.css.map */