@charset "UTF-8";

/*----------------------------------------
 variables.css（共通使用変数を定義）
----------------------------------------*/
/* variables.css */
:root {
  /* 共通フォント設定 */
  --font-family: 'Yu Gothic', '游ゴシック', 'YuGothic', 'Hiragino Kaku Gothic ProN', 'メイリオ', sans-serif; /* フォントの種類 */
  --font-weight-light: 300; /* 軽量フォントの太さ */
  --font-weight-normal: 500; /* 通常フォントの太さ */
  --font-weight-medium: 600; /* 中程度フォントの太さ */
  --font-weight-bold: 700; /* 太字フォントの太さ */

  /* カラー設定 */
  --primary-color: #FF9933; /* メインのブランドカラー */
  --sub-color: #FFF7E4; /* 補助的なサブカラー */
  --note-color: #999999; /* 注釈テキストのカラー */
  --default-color: #333333; /* 通常のカラー */
  --link-color: #1D9BF0; /* リンクのカラー */
  --background-gray: #F2F2F2; /* 背景用のグレーカラー */
  --border-color: #dee2e6; /* ボーダーの色 */
  --highlight-color: #FFF799; /* ハイライト用の色 */
  --white-color: #FFFFFF; /* 通常のカラー */
  --transparent-black-color: rgba(51, 51, 51, 0.7); /* 透過黒の色 */

  /* エフェクト */
  --drop-shadow-x: 0px; /* ドロップシャドウのX方向のオフセット */
  --drop-shadow-y: 3px; /* ドロップシャドウのY方向のオフセット */
  --drop-shadow-blur: 10px; /* ドロップシャドウのぼかし範囲 */
  --drop-shadow-color: rgba(0, 0, 0, 0.25); /* ドロップシャドウのカラーと透明度 */
  --drop-shadow-hover-x: 2px; /* ドロップシャドウのX方向のオフセット（ホバー時） */
  --drop-shadow-hover-y: 4px; /* ドロップシャドウのY方向のオフセット（ホバー時） */
  --drop-shadow-hover-blur: 14px; /* ドロップシャドウのぼかし範囲（ホバー時） */
  --drop-shadow-hover-color: rgba(0, 0, 0, 0.5); /* ドロップシャドウのカラーと透明度（ホバー時） */
  --drop-shadow-hover-duration: 0.5s; /* ドロップシャドウの変化時のアニメーション速度（ホバー時） */
  --transform-scale-hover: 1.2; /* 拡大比率指定（ホバー時） */
  --transform-scale-hover-duration: 0.5s; /* 拡大のアニメーション速度（ホバー時） */
  --transform-skew-x: -32deg; /* 斜め背景の角度 */

  /* 共通スタイル */
  --content-max-width: 1024px; /* コンテンツのMAX幅 */
  --overlay-opacity: 0.8; /* オーバーレイの透明度 */
  --border-radius: 10px; /* 要素の角の丸み */

  /* SPファーストのフォントサイズと行間（BEM命名） */
  --font-size-heading: 26px; /* SP用の見出しフォントサイズ */
  --line-height-heading: 42px; /* SP用の見出し行間 */
  --font-size-subheading: 18px; /* SP用の中見出しフォントサイズ */
  --line-height-subheading: 28px; /* SP用の中見出し行間 */
  --font-size-smallheading: 16px; /* SP用の小見出しフォントサイズ */
  --line-height-smallheading: 25px; /* SP用の小見出し行間 */
  --font-size-body: 15px; /* SP用の通常テキストフォントサイズ */
  --line-height-body: 24px; /* SP用の通常テキスト行間 */
  --font-size-bold: 15px; /* SP用の太字テキストフォントサイズ */
  --line-height-bold: 24px; /* SP用の太字テキスト行間 */
  --font-size-small: 14px; /* SP用の小さめテキストフォントサイズ */
  --line-height-small: 22px; /* SP用の小さめテキスト行間 */
  --font-size-note: 12px; /* SP用の注釈テキストフォントサイズ */
  --line-height-note: 20px; /* SP用の注釈テキスト行間 */
  --font-size-list: 15px; /* SP用のリストテキストフォントサイズ */
  --line-height-list: 24px; /* SP用のリストテキスト行間 */
  --font-size-button: 16px; /* SP用のボタンテキストフォントサイズ */
  --line-height-button: 20px; /* SP用のボタンテキスト行間 */
}

/* タブレット用のフォントサイズと行間（2025/02/18現状SPと同じ） */
@media screen and (min-width: 768px) {
  :root {
    --font-size-heading: 26px; /* タブレット用の見出しフォントサイズ */
    --line-height-heading: 42px; /* タブレット用の見出し行間 */
    --font-size-subheading: 18px; /* タブレット用の中見出しフォントサイズ */
    --line-height-subheading: 28px; /* タブレット用の中見出し行間 */
    --font-size-smallheading: 16px; /* タブレット用の小見出しフォントサイズ */
    --line-height-smallheading: 25px; /* タブレット用の小見出し行間 */
    --font-size-body: 15px; /* タブレット用の通常テキストフォントサイズ */
    --line-height-body: 24px; /* タブレット用の通常テキスト行間 */
    --font-size-bold: 15px; /* タブレット用の太字テキストフォントサイズ */
    --line-height-bold: 24px; /* タブレット用の太字テキスト行間 */
    --font-size-small: 14px; /* タブレット用の小さめテキストフォントサイズ */
    --line-height-small: 22px; /* タブレット用の小さめテキスト行間 */
    --font-size-note: 12px; /* タブレット用の注釈テキストフォントサイズ */
    --line-height-note: 20px; /* タブレット用の注釈テキスト行間 */
    --font-size-list: 15px; /* タブレット用のリストテキストフォントサイズ */
    --line-height-list: 24px; /* タブレット用のリストテキスト行間 */
    --font-size-button: 16px; /* タブレット用のボタンテキストフォントサイズ */
    --line-height-button: 20px; /* タブレット用のボタンテキスト行間 */
  }
}

/* PC用のフォントサイズと行間 */
@media screen and (min-width: 1024px) {
  :root {
    --font-size-heading: 36px; /* PC用の見出しフォントサイズ */
    --line-height-heading: 58px; /* PC用の見出し行間 */
    --font-size-subheading: 32px; /* PC用の中見出しフォントサイズ */
    --line-height-subheading: 50px; /* PC用の中見出し行間 */
    --font-size-smallheading: 24px; /* PC用の小見出しフォントサイズ */
    --line-height-smallheading: 38px; /* PC用の小見出し行間 */
    --font-size-body: 18px; /* PC用の通常テキストフォントサイズ */
    --line-height-body: 28px; /* PC用の通常テキスト行間 */
    --font-size-bold: 18px; /* PC用の太字テキストフォントサイズ */
    --line-height-bold: 28px; /* PC用の太字テキスト行間 */
    --font-size-small: 16px; /* PC用の小さめテキストフォントサイズ */
    --line-height-small: 25px; /* PC用の小さめテキスト行間 */
    --font-size-note: 14px; /* PC用の注釈テキストフォントサイズ */
    --line-height-note: 22px; /* PC用の注釈テキスト行間 */
    --font-size-list: 18px; /* PC用のリストテキストフォントサイズ */
    --line-height-list: 28px; /* PC用のリストテキスト行間 */
    --font-size-button: 20px; /* タブレット用のボタンテキストフォントサイズ */
    --line-height-button: 32px; /* タブレット用のボタンテキスト行間 */
  }
}

/*----------------------------------------
 デフォルトタグ初期設定
----------------------------------------*/
html {
  font-size: var(--font-size-body); /* ベースフォントサイズ */
  line-height: var(--line-height-body); /* 行間の設定 */
}

body {
  color: var(--default-color); /* 読みやすい文字色 */
  font-family: var(--font-family); /* フォントの種類 */
  font-weight: var(--font-weight-normal); /* 標準の太さ */
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  overflow-x: hidden;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--default-color); /* 読みやすい文字色 */
  font-family: var(--font-family); /* フォントの種類 */
}

h1, h2, h3, h4, h5, p, div, section, figure {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

ol, ul, li {
  list-style: none;
  padding: 0;
  margin: 0;
  box-sizing: border-box;
}

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

a {
  text-decoration: none;
  box-sizing: border-box;
}

a:hover {
  text-decoration: underline;
}

/*----------------------------------------
 共通部分
----------------------------------------*/
.gc-main {
  width: 100%;
  overflow: hidden;
}

.gc-container {
  width: 100%;
  max-width: 1230px;
  padding: 0 15px;
  margin: 0 auto;
  box-sizing: border-box;
}

.gc-contents {
  width: 100%;
  min-height: 80vh;
  max-width: var(--content-max-width);
  padding: 0;
  margin: 0 auto;
}

.pc-only {
  display: none;
}

.sp-only {
  display: block;
}

/*----------------------------------------
 first-vews
----------------------------------------*/
.gc-first-vews {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-body);
  background-color: var(--white-color);
  background-image: url(/img/background.jpg);
  animation: fadeOut 2s ease-out 2.5s forwards ;
  z-index: 9998;
}

.gc-first-vews__content {
  display: block;
}

.gc-first-vews__image-box {
  max-width: 232px;
  margin: 0 auto 10px;
}

.gc-first-vews__image {
  width: 100%;
  height: auto;
}

.gc-first-vews__text {
  font-size: 15px;
  line-height: 24px;
  text-align: center;
}

/*----------------------------------------
 main-title
----------------------------------------*/
.gc-main-wrap {
  display: flex;
  justify-content: center;
}

.gc-main-title {
  display: inline-block;
  position: relative;
  font-size: 30px;
  text-shadow: 2px 2px 2px rgba(58, 65, 78, 0.5);
  padding: 0 55px;
}

.gc-main-title::before,
.gc-main-title::after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 20px;
  height: 1px;
  background-color: #000;
}

.gc-main-title::before {
  left: 0;
}

.gc-main-title::after {
  right: 0;
}

.gc-main-title__main-color {
  color: var(--primary-color);
}

/*----------------------------------------
 title
----------------------------------------*/
.gc-title {
  position: relative;
  font-size: var(--font-size-heading);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-heading);
  text-align: center;
  padding: 0 0 14px 0;
  margin: 60px auto 40px;
}

.gc-title::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 60px;
  height: 4px;
  background-color: var(--primary-color);
  margin-left: -30px;
}

.gc-title--scroll-view::before {
  width: 0;
  will-change: width;
  transition: width 1s ease 0s;
}

.gc-title--scroll-view.is-scroll-view-active::before {
  width: 60px;
}

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

.gc-sub-title {
  font-size: var(--font-size-subheading);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-subheading);
}

.gc-sub-title--skew-bg--default-color {
  position: relative;
  text-align: center;
  padding: 6px 6px 6px;
  overflow: hidden;
}

.gc-sub-title--skew-bg--default-color::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(100% - 22px);
  height: 100%;
  background-color: var(--default-color);
  transform: skewX(var(--transform-skew-x)) translateX(-50%);
  z-index: 0;
}

.gc-sub-title--skew-bg--scroll-view::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(100% - 20px);
  height: 100%;
  background-color: var(--white-color);
  will-change: transform;
  transform: skewX(var(--transform-skew-x)) translateX(-50%);
  transition: transform 2s cubic-bezier(0.22, 1, 0.36, 1) 0s;
  z-index: 2;
}

.gc-sub-title--skew-bg--scroll-view.is-scroll-view-active::after {
  transform: skewX(var(--transform-skew-x)) translateX(100%);
}

.gc-sub-title--center {
  text-align: center;
}

.gc-sub-title__text {
  display: inline-block;
}

.gc-sub-title__text--skew-bg {
  position: relative;
  color: var(--white-color);
  z-index: 1;
}

.gc-small-title {
  font-size: var(--font-size-smallheading);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-smallheading);
}

.gc-small-title--skew-bg--primary-color {
  position: relative;
  text-align: center;
  padding: 5px 5px 5px;
}

.gc-small-title--skew-bg--primary-color::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: calc(100% - 22px);
  height: 100%;
  background-color: var(--primary-color);
  transform: skewX(var(--transform-skew-x)) translateX(-50%);
  z-index: 0;
}

.gc-small-title--center {
  text-align: center;
}

.gc-small-title__text {
  display: inline-block;
}

.gc-small-title__text--skew-bg {
  position: relative;
  color: var(--white-color);
  z-index: 1;
}

/*----------------------------------------
 text
----------------------------------------*/
.gc-text {
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height-body);
}

.gc-text--small {
  font-size: var(--font-size-small);
  line-height: var(--line-height-small);
}

.gc-text--note {
  display: block;
  color: var(--note-color);
  font-size: var(--font-size-note);
  line-height: var(--line-height-note);
}

.gc-text--list {
  font-size: var(--font-size-list);
  line-height: var(--line-height-list);
}

.gc-text--link {
  color: var(--link-color);
  text-decoration: underline;
}

.gc-text--link:hover {
  text-decoration: none;
}

.gc-text--bold {
  font-weight: var(--font-weight-bold);
}

.gc-text--center {
  text-align: center;
}

/* マーカー
----------------------------------------*/
.gc-text-marker {
  display: inline;
  position: relative;
  background: none;
  background-image: linear-gradient(90deg, var(--highlight-color, #FFF799), var(--highlight-color, #FFF799));
  background-repeat: no-repeat;
  background-position: bottom left;
  background-size: 0 30%;
  transition: background 1s ease-in-out;
}

.gc-text-marker.is-scroll-animation {
  background-size: 100% 30%;
}

/*----------------------------------------
 リスト
----------------------------------------*/
.gc-item-box {
  width: 100%;
}

.gc-item {
  width: 100%;
}

.gc-item--triangle-icon {
  position: relative;
  list-style: none;
  padding-left: 18px;
}

.gc-item--triangle-icon::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-left: 10px solid var(--primary-color);
  border-right: 0;
}

/*----------------------------------------
 image
----------------------------------------*/
.gc-image-box {
  font-size: 0;
  line-height: 0;
}

.gc-image-box__image {
  width: 100%;
  height: auto;
}

.gc-image-box--scroll-view {
  position: relative;
  overflow: hidden;
}

.gc-image-box--scroll-view::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--white-color);
  will-change: left;
  transition: left 0.5s ease 0s;
  z-index: 2;
}

.gc-image-box--scroll-view.is-scroll-view-active::after {
  left: 101%;
}

/*----------------------------------------
 box-shadow
----------------------------------------*/
.gc-box-shadow {
  box-shadow: var(--drop-shadow-x) var(--drop-shadow-y) var(--drop-shadow-blur) var(--drop-shadow-color);
}

/*----------------------------------------
 accordion
----------------------------------------*/
.gc-accordion {
  position: relative;
  width: 100%;
}

.gc-accordion__button-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

[data-accordion-once="true"] .gc-accordion__button-wrapper.is-active {
  display: none;
}

.gc-accordion__button {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 25px;
  left: 50%;
  min-width: 200px;
  height: 34px;
  color: var(--white-color);
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-body);
  text-align: center;
  background-color: var(--primary-color);
  border: none;
  border-radius: 50px;
  transform: translateX(-50%);
  padding: 0 30px;
  cursor: pointer;
  z-index: 1;
}

.gc-accordion__button::before,
.gc-accordion__button::after {
  content: "";
  position: absolute;
  top: 15px;
  width: 10px;
  height: 2px;
  border-radius: 3px;
  background-color: var(--white-color);
}

.gc-accordion__button::before {
  right: 20px;
  transform: rotate(45deg);
}

.gc-accordion__button::after {
  right: 14px;
  transform: rotate(-45deg);
}

.gc-accordion__button__text {
  display: inline-block;
}

.gc-accordion__gradient-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 1);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.66) 0%, rgba(255, 255, 255, 1) 100%);
  z-index: 0;
}

.gc-accordion-content {
  position: relative;
  height: 0;
  overflow: hidden;
}

/*----------------------------------------
 button
----------------------------------------*/

/* page-top-button
----------------------------------------*/
.gc-page-top-button {
  position: fixed;
  right: 10px;
  bottom: 20px;
  width: 40px;
  height: 40px;
  background-color: var(--default-color);
  border-radius: 50%;
  will-change: bottom, box-shadow;
  transition: all 0.4s ease 0s;
  opacity: 0.8;
  z-index: 70;
  cursor: pointer;
}

.gc-page-top-button.is-fixed {
  bottom: 70px;
}

.gc-page-top-button:hover {
  opacity: 0.8;
}

.gc-page-top-button__icon {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.gc-page-top-button__icon::before,
.gc-page-top-button__icon::after {
  content: "";
  position: absolute;
  top: 19px;
  width: 12px;
  height: 2px;
  border-radius: 3px;
  background-color: var(--white-color);
}

.gc-page-top-button__icon::before {
  left: 18px;
  transform: rotate(45deg);
}

.gc-page-top-button__icon::after {
  right: 18px;
  transform: rotate(-45deg);
}

/* fixed-button-wrap
----------------------------------------*/
.gc-fixed-button-wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(51, 51, 51, 0.9);
  will-change: transform;
  transition: transform 0.4s ease 0s;
  transform: translateY(110%);
  padding: 10px 38px;
  z-index: 60;
}

.gc-fixed-button-wrap.is-fixed {
  transform: translateY(0);
}

.gc-fixed-button {
  width: 100%;
}

.gc-fixed-button__link {
  display: block;
  color: var(--white-color);
  font-size: var(--font-size-button);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-button);
  text-align: center;
  text-decoration: none;
  background-color: var(--primary-color);
  padding: 10px 10px 10px;
  transition: opacity 0.4s ease 0s;
  opacity: 1;
}

.gc-fixed-button__link:hover {
  color: var(--white-color);
  text-decoration: none;
  opacity: 0.8;
}

/* default-button
----------------------------------------*/
.gc-default-button {
  width: 100%;
  max-width: 330px;
  padding: 0 15px;
  margin: 40px auto 50px;
  box-sizing: border-box;
}

.gc-default-button__link {
  display: block;
  position: relative;
  width: 100%;
  color: var(--white-color);
  font-size: var(--font-size-button);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-button);
  letter-spacing: 2px;
  text-align: center;
  text-decoration: none;
  border: 1px solid var(--default-color);
  background-color: var(--white-color);
  transition: border-color 0.3s ease;
  padding: 14px 10px 14px 10px;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  z-index: 1;
}

.gc-default-button__link::before {
  content: '';
  display: block;
  width: calc(100% + 70px);
  height: calc(100% + 2px);
  position: absolute;
  top: -1px;
  left: -35px;
  background-color: var(--default-color);
  transition-property: background-color, left, opacity;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  transform: skewX(45deg);
  z-index: -1;
}

.gc-default-button__link:hover {
  color: var(--default-color);
  border-color: var(--default-color);
  text-decoration: none;
  box-shadow: var(--drop-shadow-hover-x) var(--drop-shadow-hover-y) var(--drop-shadow-hover-blur) var(--drop-shadow-hover-color);
}

.gc-default-button__link:hover::before {
  left: calc(100% + 50px);
}

/* back-button
----------------------------------------*/
.gc-back-button {
  width: 100%;
  max-width: 330px;
  padding: 0 15px;
  margin: 40px auto 50px;
  box-sizing: border-box;
}

.gc-back-button__link {
  display: block;
  position: relative;
  width: 100%;
  color: var(--white-color);
  font-size: var(--font-size-button);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-button);
  letter-spacing: 2px;
  text-align: center;
  text-decoration: none;
  border: 1px solid var(--default-color);
  background-color: var(--white-color);
  transition: border-color 0.3s ease;
  padding: 14px 10px 14px 10px;
  box-sizing: border-box;
  cursor: pointer;
  overflow: hidden;
  z-index: 1;
}

.gc-back-button__link::before {
  content: '';
  display: block;
  width: calc(100% + 70px);
  height: calc(100% + 2px);
  position: absolute;
  top: -1px;
  left: -35px;
  background-color: var(--default-color);
  transition-property: background-color, left, opacity;
  transition-duration: 0.5s;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
  transform: skewX(45deg);
  z-index: -1;
}

.gc-back-button__link:hover {
  color: var(--default-color);
  border-color: var(--default-color);
  text-decoration: none;
}

.gc-back-button__link:hover::before {
  left: calc(100% + 50px);
}

/*----------------------------------------
 sns
----------------------------------------*/
.gc-sns {
  width: 100%;
  margin: 20px auto 20px;
}

.gc-sns__item-box {
  width: 100%;
}

.gc-sns__item {
  margin-bottom: 20px;
}

.gc-sns__item:last-child {
  margin-bottom: 0;
}

.gc-sns__item__link {
  display: block;
  position: relative;
  background-color: var(--white-color);
  box-shadow: var(--drop-shadow-x) var(--drop-shadow-y) var(--drop-shadow-blur) var(--drop-shadow-color);
  will-change: box-shadow;
  transition: box-shadow var(--drop-shadow-hover-duration) ease 0s;
}

.gc-sns__item__link:hover {
  box-shadow: var(--drop-shadow-hover-x) var(--drop-shadow-hover-y) var(--drop-shadow-hover-blur) var(--drop-shadow-hover-color);
}

.gc-sns__item__figure {
  display: block;
  font-size: 0;
  line-height: 0;
}

.gc-sns__item__image {
  width: 100%;
  height: auto;
}

/*----------------------------------------
 table
----------------------------------------*/
.gc-table-wrap {
  margin: 0 -15px;
}

.gc-table {
  display: block;
  width: 100%;
  white-space: normal;
}

.gc-table__tbody {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  padding: 10px 15px 15px;
  margin: -10px auto 0;
  overflow-x: auto;
}

.gc-table__tr {
  display: flex;
  flex-flow: row nowrap;
  width: 880px;
  min-height: 80px;
  background-color: var(--white-color);
  box-shadow: var(--drop-shadow-x) var(--drop-shadow-y) var(--drop-shadow-blur) var(--drop-shadow-color);
  margin-bottom: 10px;
}

.gc-table__tr:last-child {
  margin-bottom: 0;
}

.gc-table__th {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 150px;
  color: var(--white-color);
  font-size: var(--font-size-smallheading);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-smallheading);
  text-align: center;
  vertical-align: center;
  background-color: var(--primary-color);
  padding: 15px 10px 15px;
}

.gc-table__th::before {
  content: "";
  position: absolute;
  top: 50%;
  right: -14px;
  width: 0;
  height: 0;
  border-style: solid;
  border-top: 20px solid transparent;
  border-bottom: 20px solid transparent;
  border-left: 20px solid var(--primary-color);
  border-right: 0;
  transform: translateY(-50%);
}

.gc-table__th__text {
  display: inline-block;
}

.gc-table__td {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  text-align: left;
  width: calc(880px - 150px);
  padding: 15px 30px 15px;
}

.gc-table__text {
  display: block;
  width: 100%;
  font-size: var(--font-size-body);
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height-body);
  margin-bottom: 6px;
}

.gc-table__text:last-child {
  margin-bottom: 0;
}

.gc-table__text--note {
  display: block;
  width: 100%;
  color: var(--note-color);
  font-size: var(--font-size-note);
  line-height: var(--line-height-note);
}

/*----------------------------------------
 faq（よくあるご質問）
----------------------------------------*/
.gc-faq {
  width: 100%;
}

.gc-faq__inner {
  width: 100%;
}

/* .gc-faq__title {
} */

/* .gc-faq__title__text {
} */

.gc-faq__box {
  width: 100%;
}

.gc-faq__definition {
  width: 100%;
  box-shadow: var(--drop-shadow-x) var(--drop-shadow-y) var(--drop-shadow-blur) var(--drop-shadow-color);
  margin-bottom: 10px;
}

.gc-faq__definition:last-child {
  margin-bottom: 0;
}

.gc-faq__definition__title {
  position: relative;
  color: var(--white-color);
  font-size: var(--font-size-smallheading);
  font-weight: var(--font-weight-bold);
  line-height: var(--line-height-smallheading);
  background-color: var(--primary-color);
  padding: 15px 40px 15px 15px;
  cursor: pointer;
}

.gc-faq__definition__title__text {
  display: inline-block;
}

.gc-faq__definition__icon {
  display: block;
  position: absolute;
  right: 20px;
  top: 50%;
  width: 18px;
  height: 18px;
  transform: translatey(-50%);
}

.gc-faq__definition__icon::before,
.gc-faq__definition__icon::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  background-color: var(--white-color);
  transform: translate(-50%, -50%);
  transition: transform 0.4s ease 0s;
}

.gc-faq__definition__icon::before {
  transform: translate(-50%, -50%) rotate(90deg);
}

/* is-active時の切り替え（＋、－） */
.gc-faq__definition__title.is-active .gc-faq__definition__icon::before {
  transform: translate(-50%, -50%) rotate(0deg);
}

.gc-faq__definition__text-box {
  background-color: var(--sub-color);
  margin-bottom: 0;
  overflow: hidden;
}

.gc-faq__definition__text-box__inner {
  padding: 20px 20px 20px;
}

.gc-faq__definition__text-box__inner .gc-text {
  display: inline-block;
  margin-bottom: 6px;
}

.gc-faq__definition__text-box__inner .gc-text:last-child {
  margin-bottom: 0;
}

/*----------------------------------------
 contact（お問い合わせ）
----------------------------------------*/
.gc-contact {
  width: 100%;
  margin: 60px auto 50px;
}

.gc-contact__inner {
  width: 100%;
}

.gc-contact__figure {
  display: block;
  font-size: 0;
  line-height: 0;
  margin: 0 auto 30px;
}

.gc-contact__figure__link {
  display: block;
  position: relative;
  background-color: var(--white-color);
  box-shadow: var(--drop-shadow-x) var(--drop-shadow-y) var(--drop-shadow-blur) var(--drop-shadow-color);
  will-change: box-shadow;
  transition: box-shadow var(--drop-shadow-hover-duration) ease 0s;
  overflow: hidden;
}

.gc-contact__figure__link:hover {
  box-shadow: var(--drop-shadow-hover-x) var(--drop-shadow-hover-y) var(--drop-shadow-hover-blur) var(--drop-shadow-hover-color);
}

.gc-contact__figure__image {
  display: block;
  width: 100%;
  height: auto;
  will-change: transform;
  transition: transform var(--transform-scale-hover-duration) ease 0s;
  transform-origin: center center;
}

.gc-contact__figure__link:hover .gc-contact__figure__image {
  transform: scale(var(--transform-scale-hover));
}

.gc-contact__button {
  margin: 30px auto 0;
}

/* .gc-contact__button__link {
} */

/*----------------------------------------
 swiper
----------------------------------------*/
.swiper-container {
  position: relative;
}

/* pagination（ページネーション）
----------------------------------------*/
.swiper-container .swiper-pagination {
  font-size: 0;
  line-height: 0;
}

.swiper-container .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  background-color: var(--white-color);
  border: 1px solid var(--primary-color);
  opacity: 1;
}

.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: var(--primary-color);
}

/* pagination（ナビゲーション）
----------------------------------------*/
.swiper-container .swiper-button-prev,
.swiper-container .swiper-button-next {
  width: 40px;
  height: 40px;
  color: var(--primary-color);
  background-color: rgba(255, 255, 255, 0.8);
  border: 2px solid var(--primary-color);
  border-radius: 50%;
  box-sizing: border-box;
}

.swiper-container .swiper-button-prev {
  left: 15px;
}

.swiper-container .swiper-button-next {
  right: 15px;
}

.swiper-container .swiper-button-prev::after,
.swiper-container .swiper-button-next::after {
  font-size: 0;
  line-height: 0;
}

.swiper-container .swiper-button-prev::after,
.swiper-container .swiper-button-prev::before,
.swiper-container .swiper-button-next::after,
.swiper-container .swiper-button-next::before {
  content: "";
  position: absolute;
  width: 12px;
  height: 2px;
  border-radius: 3px;
  background-color: var(--primary-color);
}

.swiper-container .swiper-button-prev::after,
.swiper-container .swiper-button-prev::before {
  left: 11px;
}

.swiper-container .swiper-button-prev::before {
  top: 21px;
  transform: rotate(45deg);
}

.swiper-container .swiper-button-prev::after {
  top: 13px;
  transform: rotate(-45deg);
}

.swiper-container .swiper-button-next::after,
.swiper-container .swiper-button-next::before {
  left: 13px;
}

.swiper-container .swiper-button-next::before {
  top: 13px;
  transform: rotate(45deg);
}

.swiper-container .swiper-button-next::after {
  top: 21px;
  transform: rotate(-45deg);
}

/*----------------------------------------
 footer
----------------------------------------*/
.gc-footer {
  color: var(--default-color);
  width: 100%;
  height: auto;
  background-color: var(--white-color);
  padding: 0;
  margin: 0;
}

.gc-footer__content {
  background-color: var(--primary-color);
  padding: 38px 15px;
  box-sizing: border-box;
}

.gc-footer__content__inner {
  display: flex;
  justify-content: center;
  max-width: var(--content-max-width);
  margin: 0 auto;
}

.gc-footer__content__item-box {
  width: 100%;
}

.gc-footer__content__item {
  font-size: 22px;
  line-height: 24px;
  text-align: center;
  margin-bottom: 15px;
}

.gc-footer__content__item:last-child {
  margin-bottom: 0;
}

.gc-footer__content__item-link {
  display: inline-block;
  color: var(--white-color);
}

.gc-footer__content__item-link:hover {
  color: var(--white-color);
}

/*----------------------------------------
 copyright
----------------------------------------*/
.gc-copyright {
  width: 100%;
  background-color: var(--white-color);
  border-top: 2px solid var(--primary-color);
  padding: 16px 15px;
  box-sizing: border-box;
}

.gc-copyright__text {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  text-align: center;
}

.gc-copyright__login-link {
  color: var(--default-color);
  text-decoration: none;
}

.gc-copyright__login-link:hover {
  color: var(--default-color);
  text-decoration: none;
  opacity: 1;
}

.gc-copyright__link {
  color: var(--default-color);
  text-decoration: none;
}

.gc-copyright__link:hover {
  color: var(--default-color);
  text-decoration: none;
  opacity: 1;
}


/*----------------------------------------
 タブレット（768px以上）
----------------------------------------*/
/* @media screen and (min-width: 768px) {
  body {
  }
} */


/*----------------------------------------
 PC（1024px以上）
----------------------------------------*/
@media screen and (min-width: 1024px) {
  /*----------------------------------------
   共通部分
  ----------------------------------------*/
  /* .gc-main {
  } */

  .gc-container {
    padding-top: 40px;
  }

  /* .gc-contents {
  } */

  .pc-only {
    display: block;
  }

  .sp-only {
    display: none;
  }

  /* header追従時の高さ調整 */
  .header_area .navbar .nav .nav-item .nav-link {
    transition: padding 0.4s ease 0s;
  }

  .is-sticky .header_area .navbar .nav .nav-item .nav-link {
    padding: 12px 0;
  }

  /*----------------------------------------
   first-vews
  ----------------------------------------*/
  /* .gc-first-vews {
  } */

  .gc-first-vews__content {
    position: relative;
    top: -50px;
  }

  .gc-first-vews__image-box {
    max-width: 500px;
  }

  /* .gc-first-vews__image {
  } */

  .gc-first-vews__text {
    font-size: 18px;
    font-weight: var(--font-weight-bold);
    line-height: 30px;
  }

  /*----------------------------------------
   main-title
  ----------------------------------------*/
  /* .gc-main-wrap {
  } */

  .gc-main-title {
    font-size: 50px;
  }

  /* .gc-main-title::before,
  .gc-main-title::after {
  }

  .gc-main-title::before {
  }

  .gc-main-title::after {
  }

  .gc-main-title__main-color {
  } */

  /*----------------------------------------
   title
  ----------------------------------------*/
  .gc-title {
    margin: 100px auto 60px;
  }

  /* .gc-title::before {
  }

  .gc-title--scroll-view::before {
  } */

  .gc-title--scroll-view.is-scroll-view-active::before {
    width: 100px;
    margin-left: -50px;
  }

  /* .gc-title__text {
  }

  .gc-sub-title {
  }

  .gc-sub-title--skew-bg--default-color {
  } */

  .gc-sub-title--skew-bg--default-color::before {
    width: calc(100% - 38px);
  }

  .gc-sub-title--skew-bg--scroll-view::after {
    width: calc(100% - 36px);
  }

  /* .gc-sub-title--skew-bg--scroll-view.is-scroll-view-active::after {
  }

  .gc-sub-title--center {
  } */

  .gc-sub-title__text {
    display: inline-block;
  }

  /* .gc-sub-title__text--skew-bg {
  }

  .gc-small-title {
  }

  .gc-small-title--skew-bg--primary-color {
  }

  .gc-small-title--skew-bg--primary-color::before {
  }

  .gc-small-title--center {
  }

  .gc-small-title__text {
  }

  .gc-small-title__text--skew-bg {
  } */

  /*----------------------------------------
   text
  ----------------------------------------*/
  /* .gc-text {
  }

  .gc-text--small {
  }

  .gc-text--note {
  }

  .gc-text--list {
  }

  .gc-text--link {
  }

  .gc-text--link:hover {
  }

  .gc-text--bold {
  }

  .gc-text--center {
  } */

  /* マーカー
  ----------------------------------------*/
  /* .gc-text-marker {
  }

  .gc-text-marker.is-scroll-animation {
  } */

  /*----------------------------------------
   リスト
  ----------------------------------------*/
  /* .gc-item-box {
  }

  .gc-item {
  }

  .gc-item--triangle-icon {
  }

  .gc-item--triangle-icon::before {
  } */

  /*----------------------------------------
   image
  ----------------------------------------*/
  /* .gc-image-box {
  }

  .gc-image-box__image {
  }

  .gc-image-box--scroll-view {
  }

  .gc-image-box--scroll-view::after {
  }

  .gc-image-box--scroll-view.is-scroll-view-active::after {
  } */

  /*----------------------------------------
   box-shadow
  ----------------------------------------*/
  /* .gc-box-shadow {
  } */

  /*----------------------------------------
   accordion
  ----------------------------------------*/
  /* .gc-accordion {
  }

  .gc-accordion__button-wrapper {
  }

  [data-accordion-once="true"] .gc-accordion__button-wrapper.is-active {
  }

  .gc-accordion__button {
  }

  .gc-accordion__button::before,
  .gc-accordion__button::after {
  }

  .gc-accordion__button::before {
  }

  .gc-accordion__button::after {
  }

  .gc-accordion__button__text {
  }

  .gc-accordion__gradient-bg {
  }

  .gc-accordion-content {
  } */

  /*----------------------------------------
   button
  ----------------------------------------*/

  /* page-top-button
  ----------------------------------------*/
  .gc-page-top-button {
    right: 30px;
    bottom: 30px;
  }

  .gc-page-top-button.is-fixed {
    bottom: 30px;
  }

  .gc-page-top-button:hover {
    box-shadow: var(--drop-shadow-hover-x) var(--drop-shadow-hover-y) var(--drop-shadow-hover-blur) var(--drop-shadow-hover-color);
  }

  /* .gc-page-top-button__icon {
  }

  .gc-page-top-button__icon::before,
  .gc-page-top-button__icon::after {
  }

  .gc-page-top-button__icon::before {
  }

  .gc-page-top-button__icon::after {
  } */

  /* fixed-button-wrap
  ----------------------------------------*/
  .gc-fixed-button-wrap {
    top: 50%;
    right: 0;
    left: auto;
    bottom: auto;
    width: auto;
    height: 220px;
    background-color: rgba(255, 255, 255, 0);
    padding: 0;
    margin: 0;
    transform: translate(110%, -50%);
  }

  .gc-fixed-button-wrap.is-fixed {
    transform: translate(0, -50%);
  }

  /* .gc-fixed-button {
  } */

  .gc-fixed-button__link {
    letter-spacing: 4px;
    writing-mode: vertical-rl;
    box-shadow: var(--drop-shadow-x) var(--drop-shadow-y) var(--drop-shadow-blur) var(--drop-shadow-color);
    will-change: box-shadow;
    transition: box-shadow var(--drop-shadow-hover-duration) ease 0s;
    padding: 24px 10px 24px;
  }

  .gc-fixed-button__link:hover {
    box-shadow: var(--drop-shadow-hover-x) var(--drop-shadow-hover-y) var(--drop-shadow-hover-blur) var(--drop-shadow-hover-color);
    opacity: 1;
  }

  /* default-button
  ----------------------------------------*/
  /* .gc-default-button {
  }

  .gc-default-button__link {
  }

  .gc-default-button__link::before {
  }

  .gc-default-button__link:hover {
  }

  .gc-default-button__link:hover::before {
  } */

  /* back-button
  ----------------------------------------*/
  /* .gc-back-button {
  }

  .gc-back-button__link {
  }

  .gc-back-button__link::before {
  }

  .gc-back-button__link:hover {
  }

  .gc-back-button__link:hover::before {
  } */

  /*----------------------------------------
   sns
  ----------------------------------------*/
  .gc-sns {
    margin: 40px auto 40px;
  }

  .gc-sns__item-box {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 20px 20px;
  }

  .gc-sns__item {
    width: calc((100% - 20px) / 2);
    margin-bottom: 0;
  }

  /* .gc-sns__item:last-child {
  }

  .gc-sns__item__link {
  }

  .gc-sns__item__link:hover {
  }

  .gc-sns__item__figure {
  }

  .gc-sns__item__image {
  } */

  /*----------------------------------------
   table
  ----------------------------------------*/
  /* .gc-table-wrap {
  }

  .gc-table {
  }

  .gc-table__tbody {
  } */

  .gc-table__tr {
    width: 100%;
    min-height: 108px;
    margin-bottom: 20px;
  }

  .gc-table__th {
    width: 250px;
  }

  /* .gc-table__th::before {
  }

  .gc-table__th__text {
  } */

  .gc-table__td {
    width: calc(100% - 250px);
    padding: 26px 30px 26px;
  }

  /* .gc-table__text {
  }

  .gc-table__text--note {
  } */

  /*----------------------------------------
   faq（よくあるご質問）
  ----------------------------------------*/
  /* .gc-faq {
  }

  .gc-faq__inner {
  }

  .gc-faq__title {
  }

  .gc-faq__title__text {
  }

  .gc-faq__box {
  } */

  .gc-faq__definition {
    margin-bottom: 20px;
  }

  /* .gc-faq__definition:last-child {
  } */

  .gc-faq__definition__title {
    padding: 21px 60px 21px 30px;
  }

  /* .gc-faq__definition__title__text {
  } */

  .gc-faq__definition__icon {
    right: 30px;
    width: 30px;
    height: 30px;
  }

  /* .gc-faq__definition__icon::before,
  .gc-faq__definition__icon::after {
  }

  .gc-faq__definition__icon::before {
  } */

  /* is-active時の切り替え（＋、－） */
  /* .gc-faq__definition__title.is-active .gc-faq__definition__icon::before {
  } */

  /* .gc-faq__definition__text-box {
  } */

  .gc-faq__definition__text-box__inner {
    padding: 30px 30px 30px;
  }

  /*----------------------------------------
   contact（お問い合わせ）
  ----------------------------------------*/
  .gc-contact {
    margin: 100px auto 70px;
  }

  /* .gc-contact__inner {
  } */

  .gc-contact__figure {
    margin-bottom: 40px;
  }

  /* .gc-contact__figure__link {
  }

  .gc-contact__figure__link:hover {
  }

  .gc-contact__figure__image {
  }

  .gc-contact__figure__link:hover .gc-contact__figure__image {
  } */

  .gc-contact__button {
    margin-top: 40px;
  }

  /* .gc-contact__button__link {
  } */

  /*----------------------------------------
   swiper
  ----------------------------------------*/
  /* .swiper-container {
  } */

  /* pagination（ページネーション）
  ----------------------------------------*/
  /* .swiper-container .swiper-pagination {
  }

  .swiper-container .swiper-pagination-bullet {
  }

  .swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active {
  } */

  /* pagination（ナビゲーション）
  ----------------------------------------*/
  .swiper-container .swiper-button-prev,
  .swiper-container .swiper-button-next {
    width: 50px;
    height: 50px;
  }

  .swiper-container .swiper-button-prev {
    left: -25px;
  }

  .swiper-container .swiper-button-next {
    right: -25px;
  }

  /* .swiper-container .swiper-button-prev::after,
  .swiper-container .swiper-button-next::after {
  } */

  .swiper-container .swiper-button-prev::after,
  .swiper-container .swiper-button-prev::before,
  .swiper-container .swiper-button-next::after,
  .swiper-container .swiper-button-next::before {
    width: 15px;
  }

  .swiper-container .swiper-button-prev::after,
  .swiper-container .swiper-button-prev::before {
    left: 14px;
  }

  .swiper-container .swiper-button-prev::before {
    top: 26px;
  }

  .swiper-container .swiper-button-prev::after {
    top: 16px;
  }

  .swiper-container .swiper-button-next::after,
  .swiper-container .swiper-button-next::before {
    left: 16px;
  }

  .swiper-container .swiper-button-next::before {
    top: 16px;
  }

  .swiper-container .swiper-button-next::after {
    top: 26px;
  }

  /*----------------------------------------
   footer
  ----------------------------------------*/
  /* .gc-footer {
  }

  .gc-footer__content {
  }

  .gc-footer__content__inner {
  } */

  .gc-footer__content__item-box {
    display: flex;
    justify-content: center;
    gap: 15px 25px;
  }

  .gc-footer__content__item {
    font-weight: var(--font-weight-normal);
    margin-bottom: 0;
  }

  /* .gc-footer__content__item:last-child {
  }

  .gc-footer__content__item-link {
  } */

  /*----------------------------------------
   copyright
  ----------------------------------------*/
  /* .gc-copyright {
  } */

  .gc-copyright__text {
    font-size: 16px;
    line-height: 18px;
  }

  /* .gc-copyright__login-link {
  }

  .gc-copyright__login-link:hover {
  } */

  /* .gc-copyright__link {
  }
  
  .gc-copyright__link:hover {
  } */
}

/*----------------------------------------
 keyframes（アニメーション）
----------------------------------------*/

/* フェードアウトアニメーション */
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  99.99% {
    height: 0;
    opacity: 0;
  }
  100% {
    display: none;
    height: 0;
    opacity: 0;
  }
}