@charset "UTF-8";
/* ----------------------------------------------------------------------
１：mixin         ミックスイン
２：setting       プロジェクトの設定
３：foundation    共通 基本のタグ等の初期設定
４：libs          ライブラリー
５：component     パーツコンポーネント
６：layout        レイアウト
７：component2    レイアウト後の パーツコンポーネント
８：project       プロジェクトのみの記述
９：javascript    JSでの状態変化
---------------------------------------------------------------------- */
/* 共通 ミックスイン
---------------------------------------------------------------------- */
/*======================================================================================================
モジュールレイアウト
--------------------------------------------------------------------------------------------------------
・
・
======================================================================================================*/
/* ======================================================================
HTML
------------------------------------------------------------------------
@include break-point("sp") {
  margin: 2em;
}
---
====================================================================== */
/*======================================================================================================
LAYOUT：片側コンテンツ幅スタート、反対側ウィンドウ100%
--------------------------------------------------------------------------------------------------------
・l-inner--l-fix-r-stretch　or .l-inner--r-fix-l-stretch と合わせて使う事を想定
・
======================================================================================================*/
/* ======================================================================
HTML & CSS
------------------------------------------------------------------------
<div class="l-inner--l-fix-r-stretch">
	<div class="l-flex-fix-stretch-container">
		<div class="l-flex-fix-stretch__fix-item></div>
		<div class="l-flex-fix-stretch__stretch-item></div>
	</div>
</div>

.l-flex-fix-stretch-container{
	@include l-flex-fix-stretch(488);
	.l-flex-fix-stretch__fix-item{  }
	.l-flex-fix-stretch__stretch-item{  }
}
====================================================================== */
/*======================================================================================================
LAYOUT：ウィンドウ100%でパネルを敷き詰める
--------------------------------------------------------------------------------------------------------
・
・
======================================================================================================*/
/* ======================================================================
HTML & CSS
------------------------------------------------------------------------
<section class="p-***-sec">
	<ul class=" l-flex-full-w-panel">
		<li class=" l-flex-full-w-panel__item" style='background-image:url(*****.jpg)'>
			<a href="#">
				<h3>テキストテキスト</h3>
				<p class="">テキストテキスト</p>
			</a>
		</li>
			:
			:
	</ul>
</section>

.****-sec {
	@include l-flex-full-w-panel();
	.l-flex-full-w-panel__item{
		background-size: cover;
	}
}
====================================================================== */
/*----------------------------
カラム　レイアウト
https://qiita.com/noqua/items/0dc04aa528269db41a07
書き方
@include col(カラム数,margin値,'セレクタ');
clearfixのmixinを用意
----------------------------*/
/* ----------------------------------------------------------
疑似クラス
https://gist.github.com/TsubasaHiga/38057c59cff3e4a674bdd8810b4d4a15
----------------------------------------------------------*/
/* ----------------------------------------------------------
hoge（疑似要素アイコン指定）
https://gist.github.com/TsubasaHiga/38057c59cff3e4a674bdd8810b4d4a15
----------------------------------------------------------*/
/*----------------------------
疑似要素
----------------------------*/
/* グローバルの設定
---------------------------------------------------------------------- */
/*----------------------------
Font Family
----------------------------*/
/*----------------------------
FONT SIE（mixin：fs-ad　で全デバイス設定）
// 注意：ここに新たに追加した場合は、「fs-ad」に記載
https://docs.google.com/spreadsheets/d/1EFI-n_b-gnDygtfCTs1xr-WZ3OVrgbxDwtkXDLQRGHA/edit#gid=708385006
----------------------------*/
/*--------------------------------------------------------
見出し：通常
--------------------------------------------------------*/
/*--------------------------------------------------------
見出し：ニュース、ブログ
--------------------------------------------------------*/
/*--------------------------------------------------------
大きい　飾り 英語フォントサイズ
--------------------------------------------------------*/
/*--------------------------------------------------------
大きい　飾り 数字番号　フォントサイズ
--------------------------------------------------------*/
/*--------------------------------------------------------
コンテンツサイズ
--------------------------------------------------------*/
/*--------------------------------------------------------
ブレイクポイント
--------------------------------------------------------*/
/*
 CONTENTS
 コンテンツ定数のブレイクポイント
 この数値から適切なBPを選んで、各プロジェクトで設定する
--------------------------------------------------------*/
/*
 HEADER
 ヘッダー独自のブレイクポイント
・ロゴとグロナビのサイズに合わせて自由に設定
--------------------------------------------------------*/
/*
 FOOTER
 フッター独自のブレイクポイント
・デザインに合わせて自由に設定
--------------------------------------------------------*/
/*--------------------------------------------------------
カラムのサイズ
デザインで使用するグリッド数（基本変更しない）
--------------------------------------------------------*/
/*--------------------------------------------------------
余白
--------------------------------------------------------*/
/* 要素の上の余白サイズmixin：pd-ele-ad　で上下全デバイス設定）
--------------------------------------------------------*/
/*--------------------------------------------------------
角丸
--------------------------------------------------------*/
/*----------------------------
デフォルトのCTA　カラー
----------------------------*/
/*----------------------------
TELのCTA　カラー
----------------------------*/
/*======================================================================================================
HEADER デザイン　レイアウト
--------------------------------------------------------------------------------------------------------
・
・
======================================================================================================*/
/* レイアウト
--------------------------------------------*/
/* 背景色
--------------------------------------------*/
/* グローバルナビ
--------------------------------------------*/
/* ロゴ関連
--------------------------------------------*/
/*=========================================================================
ハンバーガーアイコン
=========================================================================*/
/*=========================================================================
パンくず
=========================================================================*/
/*----------------------------
ナビボタン（ある場合）
----------------------------*/
/* ======================================================================
Main Visulal
====================================================================== */
/*--------------------------------------------------------------------
 色の再設定
--------------------------------------------------------------------
グローバルナビ
https://coco-factory.jp/ugokuweb/move01/5-1-1/
--------------------------------------------------------------------*/
/* ボタンのBGカラー
 ------------------------------------------------*/
/*--------------------------------------------------------------------

フォントサイズ

--------------------------------------------------------------------*/
/* 第一階層
 ------------------------------------------------*/
/*--------------------------------------------------------------------
 色の再設定
--------------------------------------------------------------------
グローバルナビ
https://coco-factory.jp/ugokuweb/move01/5-1-1/
--------------------------------------------------------------------*/
/* ボタンのBGカラー
---------------------------------- */
/* テキストの色
---------------------------------- */
/*----------------------------
ANIMATION
----------------------------*/
/* プロジェクトの設定
---------------------------------------------------------------------- */
/*--------------------------------------------------------
カラムのサイズ
デザインで使用するグリッド数（基本変更しない）
--------------------------------------------------------*/
/*--------------------------------------------------------
余白
--------------------------------------------------------*/
/* 要素の上の余白サイズmixin：pd-ele-ad　で上下全デバイス設定）
--------------------------------------------------------*/
/*--------------------------------------------------------
重ねる場合の各サイズ
--------------------------------------------------------*/
/*--------------------------------------------------------
角丸
--------------------------------------------------------*/
/*--------------------------------------------------------
ボタン
--------------------------------------------------------*/
/*----------------------------
COLOR
----------------------------*/
/* ===============================
背景色
=============================== */
/*
// BODYで設定しているベースカラー
$col-font-body:#60696e;     // body のフォントカラー
$col-font-body: #454c50;     // body のフォントカラー
$col-bg-body:white;         // body 背景色



// body背景を画像にするか
$bg-img-flag : false;
// body bg img path
$bg-body-img:"../images/";




// アクセントカラー
$col-ac1: #ff4d00;
//$col-ac1: #CF000E;
//$col-ac1: #792eea;
//$col-ac1: #868179;
$col-ac2: #ff6a00;
$col-ac3: #18bfc8;
$col-ac4: #4077dc;
$col-ac5: #792eea;


//フォントカラー
$col-font-white: #ffffff;
$col-font-black: #000000;
$col-font-bs1: #48ff00;
$col-font-bs2: #444444;
$col-font-bs3: #666666;
$col-font-bs4: #999999;
$col-font-bs5: $col-ac1;
$col-font-bs6: #868179;
$col-font-bs7: #868ca2; // 淡い薄いブルー
$col-font-required: #8d2222;
$col-font-required-bg: #fff1f1;



// 背景色
$col-bg-white: #ffffff;
$col-bg-black: #000000;
$col-bg-font-bs: $col-font-body;
$col-bg-gray:#fafafa;
$col-bg-holo:#f8fafc;
$col-bg1: #fdfcfc;  // 薄いベージュ
$col-bg2: #ddedf5;
$col-bg3: #222222;
$col-bg4: #111111;
$col-bg5: #e2e4ec;
$col-bg6: #DEEFF7; // 薄いブルー




// 画面遷移のカーテンのカラー
$col-page-transition-bg:$col-bg-font-bs;



// ラインカラー
$col-line1: #e5e5e5;
$col-line2: #c9c9c9;
$col-line5: rgb(22, 83, 157);

$col-line-body-bs:$col-font-body;



// コンポーネント
//$c-col-bg-stretches-appears1:$col-ac1;
$c-col-bg-stretches-appears1:$col-bg-font-bs;



// CTAのボタンベースカラー
$col-cta:$col-ac1;
$col-cta-hover:$col-ac2;
*/
/*----------------------------
BORDER
----------------------------*/
/* 共通 基本のタグ等の初期設定
---------------------------------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

/*----------------------------
共通 設定
----------------------------*/
html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  height: 100%;
  scroll-behavior: smooth;
}

body {
  margin: 0 auto;
  background-color: white;
  font-family: "Jost", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 16px;
  color: #000000;
  line-height: 2;
  width: 100%;
}
body div, body section, body header, body footer, body main {
  box-sizing: border-box;
  position: relative;
}
body .animsition-overlay-slide {
  position: fixed;
  z-index: 999999999;
  background-color: #000000;
}
body h1, body h2, body h3, body h4, body h5, body h6, body p, body ul, body li, body dd, body dt, body dd {
  margin: 0;
  padding: 0;
}
body header {
  z-index: 9999;
}
body #breadcrumb-sec {
  z-index: 550;
}
body main, body .content-wrap {
  z-index: 300;
}
body .mv-under-content {
  z-index: 350;
}
body .mv {
  z-index: 400;
}
body footer {
  z-index: 600;
}
body ul {
  list-style: none;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
}
body img {
  width: 100%;
  height: auto;
}
body a {
  box-sizing: border-box;
}

.sp_only {
  display: none !important;
}

@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .pc_tb_only {
    display: block !important;
  }
  .pc_only {
    display: none !important;
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .sp_only {
    display: block !important;
  }
  .pc_tb_only,
  .pc_only {
    display: none !important;
  }
}
/* ライブラリー
---------------------------------------------------------------------- */
.grid > .grid__col-1,
.grid > .grid__col-2,
.grid > .grid__col-3,
.grid > .grid__col-4,
.grid > .grid__col-5,
.grid > .grid__col-6,
.grid > .grid__col-7,
.grid > .grid__col-8,
.grid > .grid__col-9,
.grid > .grid__col-10,
.grid > .grid__col-11,
.grid > .grid__col-12 {
  margin-bottom: 0 !important;
}

/*=========================================================================
ヘッダー
=========================================================================*/
/* SP の形になるブレイクポイント
----------------------------------------------*/
/*=========================================================================
フッター
=========================================================================*/
/* SP の形になるブレイクポイント
----------------------------------------------*/
/*=========================================================================
PAGE
=========================================================================*/
/* TB の形になるブレイクポイント
----------------------------------------------*/
/* SP の形になるブレイクポイント
----------------------------------------------*/
@media only screen and (max-width: calc(767 * 1px)) {
  .grid {
    flex-direction: column;
  }
}
body .swiper-slide .simpleParallax {
  height: 100%;
}

/* 共通 パーツコンポーネント プロジェクトの変数　
---------------------------------------------------------------------- */
/*---------------------------------------------------------------------------------------------------------------------------
タブの装飾
---------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------
タブのアイコン
---------------------------------------------------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------------------------------------------------
タブの横に来るテキスト
---------------------------------------------------------------------------------------------------------------------------*/
/*=========================================================================
JP その他多言語　共通
【注意】c-langSelect.js　を読み込ませる
=========================================================================*/
/* 共通 パーツコンポーネント
---------------------------------------------------------------------- */
/* ======================================================================
HTML
------------------------------------------------------------------------

====================================================================== */
/* ======================================================================
HTML
------------------------------------------------------------------------

====================================================================== */
body {
  /* ======================================================================
  HTML
  ------------------------------------------------------------------------
  <ul class="c-attentions-wrap">
      <li class="c-attentions">テキストテキストテキストテキスト</li>
  </ul>
  ====================================================================== */
  /* ======================================================================
  HTML
  ------------------------------------------------------------------------

  ====================================================================== */
  /* ======================================================================
  HTML
  ------------------------------------------------------------------------

  ====================================================================== */
  /* ======================================================================
  HTML
  ------------------------------------------------------------------------

  ====================================================================== */
  /* ======================================================================
  HTML
  ------------------------------------------------------------------------
  <section class="p-vision-sec">
      <p class="c-read-line"> ***** </p>
          ：
          ：
  </section>
  ====================================================================== */
}
body ul.c-attentions-wrap {
  margin-top: 1.5em;
}
body .c-attention {
  display: table;
}
body .c-attention:before {
  display: table-cell;
  width: 1em;
  content: "※";
}
body .c-attentions {
  width: 100%;
  font-size: 14px;
  line-height: 1.5;
  color: #888888;
}
body .c-attentions:nth-child(n+2) {
  padding-top: 0.3em;
}
body .c-attentions.no-margin {
  padding-top: 0;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .c-attentions {
    font-size: calc(14 / 1162 * 0.87 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) and (max-width: calc(767 * 1px)) {
  body .c-attentions {
    font-size: calc(100 / 750 * calc(calc(14 * 2) * 0.87) * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-attentions {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
body ol.c-attentions-wrap {
  padding-left: 0;
  margin-top: 1.5em;
  list-style: none;
}
body ol.c-attentions-wrap li.c-attentions {
  counter-increment: li;
}
body ol.c-attentions-wrap li.c-attentions::before {
  content: "※" counter(li) ". ";
}
body .c-attentions-point {
  display: inline-block;
  font-size: 14px;
  line-height: 1.5;
  color: #888888;
  margin-left: 0.5em;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .c-attentions-point {
    font-size: calc(14 / 1162 * 0.87 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) and (max-width: calc(767 * 1px)) {
  body .c-attentions-point {
    font-size: calc(100 / 750 * calc(calc(14 * 2) * 0.87) * 1vw);
  }
}
body .c-section-btm-shadow:after {
  display: block;
  position: absolute;
  z-index: 1;
  background: url(/wp-content/themes/kodama-wamono/data/images/img_section-top-shadow.png);
  background-repeat: repeat-x;
  background-position: center top;
  content: "";
  top: 0;
  left: 0;
  opacity: 0.1;
  width: 100%;
  height: 11px;
}
body .--md-small {
  font-size: 0.7em;
}
body .--md-uppercase {
  text-transform: uppercase;
}
body .c-read-line {
  position: relative;
  text-align: center;
  color: white;
  padding-top: calc(100 / 2 * 1px + 100 * 0.05 * 1px) !important;
  font-size: 12px;
}
body .c-read-line:before {
  position: absolute;
  content: "";
  width: 1px;
  height: calc(100 * 1px);
  top: calc(100 * -1px / 2 + 100 * -0.05px / 2);
  left: 50%;
  background-color: #e1e1e1;
}
body .main-copy {
  font-size: 36px;
  font-weight: 400;
  line-height: 1.5;
  z-index: 20;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .main-copy {
    font-size: calc(36 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .main-copy {
    font-size: calc(100 / 750 * calc(44 * 1) * 1vw);
  }
}
body .main-copy__read {
  margin-top: 40px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .main-copy__read {
    margin-top: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .main-copy__read {
    margin-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}

/*======================================================================================================
ボタンのモジュール
--------------------------------------------------------------------------------------------------------
・lyのIDやClassを記載しない
・Classを当てるだけで完結できる記載をする
・基本的にCSSの入れ子構造にせず、複数クラスを当てる記載にする
・レイアウトに関わるものは※※※に記載する
・サイズなどは※※※に記載する
======================================================================================================*/
/*======================================================================================================
FONTAWESOME 設定
--------------------------------------------------------------------------------------------------------
・
======================================================================================================*/
/*======================================================================================================
全てののボタンのベース
--------------------------------------------------------------------------------------------------------
・基本Aタグに記載
======================================================================================================*/
.c-btn, body .c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta a, .c-basic-btn_form-wrap__formtag, .c-basic-btn_form-wrap__formtag--ac1, .c-basic-btn, .c-basic-btn_form-wrap {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  font-size: inherit;
  width: 100%;
  color: #000000;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  background-color: white;
  cursor: pointer;
  transition: all 0.3s ease-out;
  line-height: 1.2;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}

/*======================================================================================================
形のバリエーション違い
--------------------------------------------------------------------------------------------------------
・基本Aタグに記載
======================================================================================================*/
.c-btn--radius-s {
  border-radius: 5px;
}

.c-btn--radius-full, body .c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta a, .c-basic-btn_form-wrap__formtag, .c-basic-btn_form-wrap__formtag--ac1, .c-basic-btn, .c-basic-btn_form-wrap {
  border-radius: 1000px;
}

/*======================================================================================================
ホバー時にグラデーションに変わる
--------------------------------------------------------------------------------------------------------
・全てののボタンのベースにあるプロパティは記載しない
・基本Aタグに記載
https://coco-factory.jp/ugokuweb/move01/7-1-32/
======================================================================================================*/
/*======================================================================================================
押し込む円
--------------------------------------------------------------------------------------------------------
・全てののボタンのベースにあるプロパティは記載しない
・基本Aタグに記載
https://coco-factory.jp/ugokuweb/move01/7-1-14/
======================================================================================================*/
.pushcircle {
  /*周囲の線の起点とするためrelativeを指定*/
  position: relative;
  /*円の形状*/
  width: 60px;
  height: 60px;
  box-sizing: border-box;
  padding: 0 10px;
  text-align: center;
  background: #000000;
  border-radius: 50%;
  color: #fff;
  text-decoration: none;
  outline: none;
  /*天地中央にテキストを配置*/
  display: flex;
  align-items: center;
  justify-content: center;
}
.pushcircle.--white {
  background-color: #ffffff;
  color: #000000;
}
.pushcircle.--white:after {
  border-color: #ffffff;
}
.pushcircle.--white:after:hover {
  border-color: #333;
}

/*内側の線*/
.pushcircle:after {
  content: "";
  /*絶対配置で線の位置を決める*/
  position: absolute;
  top: 50%;
  left: 50%;
  /*線の形状*/
  width: 85%;
  height: 85%;
  border: 1px solid #333;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(1.1);
  /*アニメーションの指定*/
  transition: 0.3s ease;
}

/*hoverをしたら枠線が小さくなる*/
.pushcircle:hover:after {
  transform: translate(-50%, -50%) scale(1);
  border-color: #fff;
}

/*======================================================================================================
ベージックボタン
--------------------------------------------------------------------------------------------------------
固定幅にする場合：
width: 330px;
display: block;
======================================================================================================*/
.c-basic-btn, .c-basic-btn_form-wrap {
  position: relative;
  border: 1px solid #e1e1e1;
  display: inline;
  width: 100%;
  padding-top: 1.2em;
  padding-bottom: 1.2em;
  padding-left: 2em;
  padding-right: 3em;
  font-size: 18px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-basic-btn, .c-basic-btn_form-wrap {
    font-size: calc(100 / 750 * calc(32 * 1) * 1vw);
  }
}
.c-basic-btn:after, .c-basic-btn_form-wrap:after {
  font-family: "Font Awesome 6 Free";
  content: "\f061";
  font-size: 14px;
  font-weight: 900;
  color: var(--main-color);
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 2em;
  transform: translateY(-50%);
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-basic-btn:after, .c-basic-btn_form-wrap:after {
    font-size: calc(14 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-basic-btn:after, .c-basic-btn_form-wrap:after {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
.c-basic-btn:hover, .c-basic-btn_form-wrap:hover {
  /*ボタンの形状*/
  border-color: transparent;
  color: #fff;
  /*背景の色と形状*/
  background: linear-gradient(270deg, #fa6c9f 0%, #ffe140 50%, #ff357f 100%);
  background-size: 200% auto;
  background-position: right center;
  /*ボックスの影*/
  box-shadow: 0 5px 10px rgba(250, 108, 159, 0.4);
}
.c-basic-btn:hover:after, .c-basic-btn_form-wrap:hover:after {
  right: 1em;
}
.c-basic-btn.--small, .--small.c-basic-btn_form-wrap {
  padding-top: 1em;
  padding-bottom: 1em;
  padding-left: 1.5em;
  padding-right: 2.5em;
  font-size: 14px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-basic-btn.--small, .--small.c-basic-btn_form-wrap {
    font-size: calc(14 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-basic-btn.--small, .--small.c-basic-btn_form-wrap {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
.c-basic-btn.--small:after, .--small.c-basic-btn_form-wrap:after {
  right: 1em;
}
.c-basic-btn.--no-outline, .--no-outline.c-basic-btn_form-wrap {
  border: none;
}
.c-basic-btn.--square, .--square.c-basic-btn_form-wrap {
  border-radius: 0;
}
.c-basic-btn.--kadomaru, .--kadomaru.c-basic-btn_form-wrap {
  border-radius: 5px;
}
.c-basic-btn.--cta-btn-grad, .--cta-btn-grad.c-basic-btn_form-wrap {
  background-image: linear-gradient(45deg, var(--sub-color) 0%, var(--sub-color) 80%);
  color: white !important;
}
.c-basic-btn.--cta-btn-grad:after, .--cta-btn-grad.c-basic-btn_form-wrap:after {
  color: white;
}
.c-basic-btn.--cta-btn-grad:hover, .--cta-btn-grad.c-basic-btn_form-wrap:hover {
  background-image: linear-gradient(45deg, #5a5800 0%, #5a5800 80%);
  background-size: 200% auto;
  background-position: center;
  box-shadow: 0 5px 10px rgba(31.7647058824, 30.368627451, 0, 0.4);
}
.c-basic-btn.--tel-number, .--tel-number.c-basic-btn_form-wrap {
  display: flex !important;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  cursor: default;
  color: white;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0);
  background-image: none;
  line-height: 1;
  font-size: 16px;
  width: auto !important;
  padding-left: 0;
  padding-right: 0;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-basic-btn.--tel-number, .--tel-number.c-basic-btn_form-wrap {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
}
.c-basic-btn.--tel-number:before, .--tel-number.c-basic-btn_form-wrap:before {
  content: "";
  display: inline-block;
  position: relative;
  line-height: 1;
  margin-right: 0.25em;
  width: 1.1em;
  height: 1.1em;
  background-image: url(/wp-content/themes/kodama-wamono/data/_aun-common-module/images/_svg/icon_tel-02_white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.c-basic-btn.--tel-number:after, .--tel-number.c-basic-btn_form-wrap:after {
  display: none;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-basic-btn.--tel-number, .--tel-number.c-basic-btn_form-wrap {
    pointer-events: auto;
    cursor: pointer;
  }
  .c-basic-btn.--tel-number.--cta-btn-grad, .--tel-number.--cta-btn-grad.c-basic-btn_form-wrap {
    background-image: linear-gradient(45deg, var(--sub-color) 0%, var(--sub-color) 80%);
    color: white;
    font-size: 18px;
  }
  .c-basic-btn.--tel-number.--cta-btn-grad:after, .--tel-number.--cta-btn-grad.c-basic-btn_form-wrap:after {
    color: white;
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc(767 * 1px)) {
  .c-basic-btn.--tel-number.--cta-btn-grad, .--tel-number.--cta-btn-grad.c-basic-btn_form-wrap {
    font-size: calc(100 / 750 * calc(32 * 1) * 1vw);
  }
}
.c-basic-btn.--black, .--black.c-basic-btn_form-wrap {
  border: none;
  background-color: black;
  color: white;
}
.c-basic-btn.--black:after, .--black.c-basic-btn_form-wrap:after {
  color: white;
}
.c-basic-btn.--bodyfontcolor, .--bodyfontcolor.c-basic-btn_form-wrap {
  border: none;
  background-color: #000000;
  color: white;
}
.c-basic-btn.--bodyfontcolor:after, .--bodyfontcolor.c-basic-btn_form-wrap:after {
  color: white;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-basic-btn, .c-basic-btn_form-wrap {
    display: block;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 80%;
    margin-top: 60px;
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-basic-btn, .c-basic-btn_form-wrap {
    margin-top: calc(60 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc(767 * 1px)) {
  .c-basic-btn, .c-basic-btn_form-wrap {
    margin-top: calc(calc(100 / 750 * 60 * 1vw) / 0.75);
  }
}

/*======================================================================================================
INPUT などAタグに自由にクラスをつけれない場合
--------------------------------------------------------------------------------------------------------
【　注意 １　】　以下のタグには、疑似要素が使えないので必ずwrapでして疑似要素の代わりのタグを用いる
例：
・<input type="submit">
・<button>

【　注意 ２　】 input 系のタグにしか使用してはいけない
・c-basic-btn_form
======================================================================================================*/
/*--------------------------------------------------
 疑似要素の代用　wrap form系のラッパータグ　
 白ゴースト　のボタンの場合
 アクセントカラー（オレンジ）　のボタンの場合
--------------------------------------------------*/
.c-basic-btn_form-wrap {
  padding: 0;
  display: block;
}
.c-basic-btn_form-wrap:hover {
  box-shadow: none;
}
.c-basic-btn_form-wrap:hover:after {
  color: #ffffff;
}
.c-basic-btn_form-wrap.disabled:hover {
  box-shadow: none;
  background: rgb(193, 193, 193);
}
.c-basic-btn_form-wrap.disabled:hover:after {
  right: 2em;
}
.c-basic-btn_form-wrap.--ac1 {
  border: none;
}
.c-basic-btn_form-wrap.--ac1:after {
  color: #ffffff;
}
.c-basic-btn_form-wrap.--per80 {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-basic-btn_form-wrap.--per80 {
    width: 100%;
  }
}

/*--------------------------------------------------
 input 系 白ゴースト　のボタンの場合
--------------------------------------------------*/
.c-basic-btn_form-wrap__formtag, .c-basic-btn_form-wrap__formtag--ac1 {
  border: none;
  position: relative;
  display: block;
  width: 100%;
  padding-top: 1.2em;
  padding-bottom: 1.2em;
  padding-left: 2em;
  padding-right: 3em;
}
.c-basic-btn_form-wrap__formtag:hover, .c-basic-btn_form-wrap__formtag--ac1:hover {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0);
  /*ボタンの形状*/
  border-color: transparent;
  color: #fff;
  /*背景の色と形状*/
  background: linear-gradient(270deg, #fa6c9f 0%, #ffe140 50%, #ff357f 100%);
  background-size: 200% auto;
  background-position: right center;
  /*ボックスの影*/
  box-shadow: 0 5px 10px rgba(250, 108, 159, 0.4);
}
.c-basic-btn_form-wrap__formtag:disabled, .c-basic-btn_form-wrap__formtag--ac1:disabled {
  background-color: rgb(193, 193, 193);
}
.c-basic-btn_form-wrap__formtag:disabled:hover, .c-basic-btn_form-wrap__formtag--ac1:disabled:hover {
  cursor: default;
  box-shadow: none;
  background: rgb(193, 193, 193);
}
.c-basic-btn_form-wrap__formtag:disabled:hover:after, .c-basic-btn_form-wrap__formtag--ac1:disabled:hover:after {
  right: 2em;
}

/*--------------------------------------------------
 input 系 アクセントカラー（オレンジ）　のボタンの場合
--------------------------------------------------*/
/*
一回　デバック用に消す
.c-basic-btn_form-wrap--ac1{
    // 白ゴースト　のボタンの「c-basic-btn_form-wrap」を継承
    @extend .c-basic-btn_form-wrap;
    border:none; // 背景色を入れるのでボーダーを消す
    &:after {
        color: $col-bs-white;   // アイコンを白に変える
    }
}
*/
.c-basic-btn_form-wrap__formtag--ac1 {
  background-color: var(--main-color);
  color: #ffffff;
}

/*
.c-basic-btn_form__inner {
    @extend .c-btn;
    //
    display: inline;
    width: auto;
    padding-top: 1.2em;
    padding-bottom: 1.2em;
    padding-left: 3em;
    padding-right: 3em;
    //
    @extend .c-btn--radius-full;
    background-color: transparent;
    border: none !important;

    &:hover{
        box-shadow: 0 5px 10px rgb(250 108 159 / 40%);
    }
    &:disabled{
        &:hover{
            box-shadow: none;
        }
    }
}
*/
/* アクセントカラー（オレンジ）　／　白ゴースト　共通
--------------------------------------------------*/
/*
一回　デバック用に消す
.c-btn-form-col-ac,.btn_back{
    &:hover{
        background-color: transparent;
    }
}
*/
/* 白ゴースト　のボタンの場合
--------------------------------------------------*/
/*
.c-basic-btn_form--l {
    @extend .c-basic-btn_form;
    width: $btn-form_inner; // SPのブレイクポイントより80px小さい横幅
    //.c-basic-btn_form__inner {
    //    width: $btn-form_inner;
    //}

    @include break-point("tb") {
        width: $btn-form_inner-tb;
        //.c-basic-btn_form__inner {
        //    width: $btn-form_inner-tb;
        //}
    }
    @include break-point("sp") {
        width: $btn-form_inner-sp;
        //.c-basic-btn_form__inner {
        //    width: $btn-form_inner-sp;
        //}
    }
}
*/
/*
一回　デバック用に消す
// 確認ボタン
.c-input-login,
.c-basic-btn_form--l.btn_back_wrap{
    &:after{
        font-family: "Font Awesome 6 Free";
        content: "\f2ea";
        font-size: 14px;
        font-weight: 900;
        color: #ff6200;
        position: absolute;
        display: inline-block;
        top: 50%;
        right: 2em;
        transform: translateY(-50%);
        transition: all 0.3s ease-out;
    }
}
*/
/* アクセントカラー（オレンジ）　のボタンの場合
--------------------------------------------------*/
/*
一回　デバック用に消す
// 送信ボタン
.c-btn-form-col-ac{
    border: none;
    &:after{
        color:$col-bs-white;
    }
    .c-basic-btn_form__inner{
        color:$col-bs-white;
    }
}
.c-btn-form-col-ac{
    @extend .c-basic-btn_form;
    color:$G_COL_BG_WHITE;
    background-color: $G_COL_AC1;
    border: 0;
    &:disabled{
        background-color: rgb(193, 193, 193);
    }
}
*/
/* ======================================================================
HTML
------------------------------------------------------------------------

====================================================================== */
/*======================================================================================================
CTA ボタンのベース
--------------------------------------------------------------------------------------------------------
・全てののボタンのベースにあるプロパティは記載しない
・基本Aタグに記載
======================================================================================================*/
.c-cta__btn-base {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  margin: 0 auto;
  padding: 1em 4em;
  position: relative;
  width: 100%;
  outline: none;
  color: #000000;
  transition: all 0.3s ease-out;
  background-color: var(--main-color);
  box-sizing: border-box;
}
.c-cta__btn-base:before {
  position: absolute;
  content: "";
  background-image: url(/wp-content/themes/kodama-wamono/data/images/icon_triangle-black.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 18px;
  height: 15px;
  left: 2em;
}
.c-cta__btn-base:after {
  position: absolute;
  content: "";
  background-image: url(/wp-content/themes/kodama-wamono/data/images/icon_mouse-cursor.svg);
  background-repeat: no-repeat;
  background-size: contain;
  right: 1em;
  width: 50px;
  height: 50px;
  animation: fluffy1 3s ease infinite;
}

.c-cta-btn__ttl {
  display: block;
  text-align: center;
  font-family: "Jost", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.25;
  margin: 0;
  box-decoration-break: clone;
  -webkit-box-decoration-break: clone;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-cta-btn__ttl {
    font-size: calc(28 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-cta-btn__ttl {
    font-size: calc(100 / 750 * calc(40 * 1) * 1vw);
  }
}

.c-cta-btn__date-wrap {
  display: flex;
}
.c-cta-btn__date-wrap .c-cta-btn__date {
  font-size: 14px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-cta-btn__date-wrap .c-cta-btn__date {
    font-size: calc(14 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-cta-btn__date-wrap .c-cta-btn__date {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
.c-cta-btn__date-wrap .c-cta-btn__date .cta-btn__date__num {
  font-size: 18px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-cta-btn__date-wrap .c-cta-btn__date .cta-btn__date__num {
    font-size: calc(18 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-cta-btn__date-wrap .c-cta-btn__date .cta-btn__date__num {
    font-size: calc(100 / 750 * calc(32 * 1) * 1vw);
  }
}

.c-cta__btn-base--elmt-wht {
  color: white;
}
.c-cta__btn-base--elmt-wht:before {
  background-image: url(/wp-content/themes/kodama-wamono/data/images/icon_triangle-white.svg);
}

/*======================================================================================================
アニメーション　設定
--------------------------------------------------------------------------------------------------------
外枠が伸びて背景色が変わる
======================================================================================================*/
.outerborder {
  width: 100%;
}

.outerborder:hover {
  /*アニメーションの指定*/
}
.outerborder:hover .c-cta__btn-base {
  background: var(--main-color);
  color: #fff;
  transition: all 0.3s ease-out;
  transition-delay: 0.6s; /*0.7秒遅れてアニメーション*/
}

/*横線の設定*/
.outerborder::before,
.outerborder::after {
  content: "";
  /*絶対配置で線の位置を決める*/
  position: absolute;
  /*線の形状*/
  width: 0;
  height: 2px;
  background: var(--main-color);
  /*アニメーションの指定*/
  transition: all 0.3s linear;
  z-index: 100;
}

/*縦線の設定*/
.outerborder div::before,
.outerborder div::after {
  content: "";
  /*絶対配置で線の位置を決める*/
  position: absolute;
  /*線の形状*/
  width: 2px;
  height: 0;
  background: var(--main-color);
  /*アニメーションの指定*/
  transition: all 0.3s linear;
  z-index: 100;
}

/*hoverした際、線が縦横100%伸びる*/
.outerborder:hover::before,
.outerborder:hover::after {
  width: 100%;
}

.outerborder:hover div::before,
.outerborder:hover div::after {
  height: 100%;
}

/*== 左上と右下から枠線が伸びて塗に */
/*横線が0.2秒送れて出現*/
.outerborder::before {
  right: 0;
  top: 0;
  transition-delay: 0.2s;
}

.outerborder::after {
  left: 0;
  bottom: 0;
  transition-delay: 0.2s;
}

/*縦線が出現*/
.outerborder div::before {
  left: 0;
  top: 0;
}

.outerborder div::after {
  right: 0;
  bottom: 0;
}

@keyframes fluffy1 {
  0% {
    transform: translateY(0) rotate(-30deg);
  }
  10% {
    transform: translateY(0) rotate(-30deg);
  }
  20% {
    transform: translateX(10px) translateY(10px) rotate(-30deg);
  }
  25% {
    transform: translateY(0) rotate(-30deg);
  }
  30% {
    transform: translateX(10px) translateY(10px) rotate(-30deg);
  }
  50% {
    transform: translateY(0) rotate(-30deg);
  }
  100% {
    transform: translateY(0) rotate(-30deg);
  }
}
@keyframes bright {
  100% {
    left: 125%;
  }
}
/*======================================================================================================

--------------------------------------------------------------------------------------------------------
・Aタグの中に入れる場合
======================================================================================================*/
.c-btn-circle-arow {
  position: relative;
  width: 60px;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}
.c-btn-circle-arow i {
  text-decoration: none;
  font-size: 12px;
  color: #000000;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-btn-circle-arow i {
    font-size: calc(12 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-btn-circle-arow i {
    font-size: calc(100 / 750 * calc(20 * 1) * 1vw);
  }
}
.c-btn-circle-arow:after {
  content: "";
  /*絶対配置で線の位置を決める*/
  position: absolute;
  top: 50%;
  left: 50%;
  /*線の形状*/
  width: 85%;
  height: 85%;
  border: 1px solid #000000;
  border-radius: 50%;
  transform: translate(-50%, -50%) scale(1.1);
  /*アニメーションの指定*/
  transition: 0.3s ease;
}
.c-btn-circle-arow.--white i {
  color: #ffffff;
}
.c-btn-circle-arow.--white:after {
  border-color: #ffffff;
}

/*======================================================================================================
。。。
。。。
。。。
--------------------------------------------------------------------------------------------------------
・Aタグの中に入れる場合
======================================================================================================*/
/*======================================================================================================
 設定
 --------------------------------------------------------------------------------------------------------

======================================================================================================*/
.c-frame-boder {
  border: 3px solid #ffffff;
}

.c-cta__copy {
  margin-bottom: 1.5rem;
}

/*=========================================================================
共通
=========================================================================*/
/*=========================================================================
ヘッダーの設定
=========================================================================*/
.l-header-cta-right-end-btn-wrap {
  padding-right: calc(10vh + (1px) * 2);
}
.l-header-cta-right-end-btn-wrap .cta-right-end-btn {
  height: 100%;
  box-sizing: border-box;
  width: calc(10vh);
  height: calc(10vh);
}
.l-header-cta-right-end-btn-wrap .cta-right-end-btn a {
  padding: 1em;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.l-header-cta-right-end-btn-wrap .cta-right-end-btn.--mail a, .l-header-cta-right-end-btn-wrap .cta-right-end-btn.--line a {
  width: 100%;
  font-size: 22px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  color: white;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  line-height: 1;
  transition: all 0.3s ease-out;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .l-header-cta-right-end-btn-wrap .cta-right-end-btn.--mail a, .l-header-cta-right-end-btn-wrap .cta-right-end-btn.--line a {
    font-size: calc(22 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .l-header-cta-right-end-btn-wrap .cta-right-end-btn.--mail a, .l-header-cta-right-end-btn-wrap .cta-right-end-btn.--line a {
    font-size: calc(100 / 750 * calc(40 * 1) * 1vw);
  }
}
.l-header-cta-right-end-btn-wrap .cta-right-end-btn.--mail a:before, .l-header-cta-right-end-btn-wrap .cta-right-end-btn.--line a:before {
  pointer-events: none;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.l-header-cta-right-end-btn-wrap .cta-right-end-btn.--mail a .sub, .l-header-cta-right-end-btn-wrap .cta-right-end-btn.--line a .sub {
  font-size: 0.75em;
}
.l-header-cta-right-end-btn-wrap .cta-right-end-btn.--mail a .num, .l-header-cta-right-end-btn-wrap .cta-right-end-btn.--line a .num {
  font-size: 1.25em;
}
.l-header-cta-right-end-btn-wrap .cta-right-end-btn.--mail a span.label, .l-header-cta-right-end-btn-wrap .cta-right-end-btn.--line a span.label {
  display: none;
}
.l-header-cta-right-end-btn-wrap .cta-right-end-btn.--mail a {
  background-image: linear-gradient(270deg, #3bade3 0%, #576fe6 25%, #9844b7 51%, #ff357f 100%);
  color: #ffffff;
  box-shadow: 33px 33px 60px 0px rgba(0, 57, 138, 0.3);
}
.l-header-cta-right-end-btn-wrap .cta-right-end-btn.--mail a:before {
  width: 1.3em;
  height: 1.3em;
  background-image: url(/wp-content/themes/kodama-wamono/data/_aun-common-module/images/_svg/icon_mail_white.svg);
}
.l-header-cta-right-end-btn-wrap .cta-right-end-btn.--mail a:hover {
  box-shadow: 10px 10px 20px 0px rgba(0, 57, 138, 0.3);
}
.l-header-cta-right-end-btn-wrap .cta-right-end-btn.--line a {
  background-image: linear-gradient(270deg, #009441 0%, #35ff3f 100%);
  color: #ffffff;
  box-shadow: 33px 33px 60px 0px rgba(0, 117, 0, 0.3);
}
.l-header-cta-right-end-btn-wrap .cta-right-end-btn.--line a:before {
  width: 1.3em;
  height: 1.3em;
  background-image: url(/wp-content/themes/kodama-wamono/data/_aun-common-module/images/_svg/icon_sns_line_squere_color.svg);
}
.l-header-cta-right-end-btn-wrap .cta-right-end-btn.--line a:hover {
  box-shadow: 10px 10px 20px 0px rgba(0, 117, 0, 0.3);
}

/*=========================================================================
PC ＋　TB
=========================================================================*/
@media only screen and (min-width: calc(1000px + 1px)) {
  .l-header-cta-right-end-btn-wrap {
    padding-right: 0;
  }
  .l-header-cta-right-end-btn-wrap .cta-right-end-btn {
    width: auto;
    height: auto;
    top: 0;
  }
  .l-header-cta-right-end-btn-wrap .cta-right-end-btn.--mail, .l-header-cta-right-end-btn-wrap .cta-right-end-btn.--line {
    height: 160px;
    width: 160px;
  }
  .l-header-cta-right-end-btn-wrap .cta-right-end-btn.--mail a, .l-header-cta-right-end-btn-wrap .cta-right-end-btn.--line a {
    top: 0;
    flex-direction: column;
  }
  .l-header-cta-right-end-btn-wrap .cta-right-end-btn.--mail a:before, .l-header-cta-right-end-btn-wrap .cta-right-end-btn.--line a:before {
    top: initial;
    left: initial;
    transform: initial;
    display: block;
    position: relative;
  }
  .l-header-cta-right-end-btn-wrap .cta-right-end-btn.--mail a span.label, .l-header-cta-right-end-btn-wrap .cta-right-end-btn.--line a span.label {
    display: initial;
  }
}
/*=========================================================================
ハンバーガーアイコン
=========================================================================*/
.nav-toggle {
  display: none;
}

/* ハンバーガーアイコン
----------------------------------------------*/
.btn-burger {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 10vh;
  height: 10vh;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #000000;
}

.btn-burger .icon, .btn-burger .icon:before, .btn-burger .icon:after {
  position: relative;
  height: 1px; /*線の太さ*/
  width: 20px; /*線の長さ*/
  background-color: white;
  display: block;
  content: "";
  cursor: pointer;
  margin: auto;
}
.btn-burger .icon:after {
  top: -1.5vw;
}
.btn-burger .icon:before {
  top: 1.5vw;
}

.js-header-layered-style .btn-burger,
.js-toggle-open .btn-burger {
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid white;
}
.js-header-layered-style .icon, .js-header-layered-style .icon:before, .js-header-layered-style .icon:after,
.js-toggle-open .icon,
.js-toggle-open .icon:before,
.js-toggle-open .icon:after {
  background-color: white;
}

.l-cta-right-end_wrap {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100%;
  /*=========================================================================
  スマホのサイズ以上だけの設定
  =========================================================================*/
}
.l-cta-right-end_wrap .l-header-cta-right-end-btn-wrap {
  height: 100%;
  display: flex;
}
@media only screen and (min-width: calc(1000px + 1px)) {
  .l-cta-right-end_wrap {
    width: initial;
  }
}

.linkbar, .linkbar--ac1 {
  position: relative;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  line-height: 1.25;
}
.linkbar:before, .linkbar--ac1:before {
  box-sizing: border-box;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  transform: scaleX(0);
  transform-origin: left center;
  background-color: #000000;
  content: "";
  transition: all 0.5s cubic-bezier(1, 0, 0, 1);
  transition-property: transform;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
.linkbar:hover:after, .linkbar--ac1:hover:after {
  right: 0;
}
.linkbar:hover:before, .linkbar--ac1:hover:before {
  transform: scaleX(1);
}

.linkbar--ac1 {
  background-color: var(--main-color);
}

/*
 テキストテキスト ○ ＋ →　＋ アンダーライン
 必ず「aタグに設定」
  <p><a href="#" class="underline-circle-arrow"><span>UIについて</span></a></p>
*/
.underline-circle-arrow {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 2em;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  text-decoration: none;
}
.underline-circle-arrow .icon-circle-arrow {
  position: relative;
  display: inline-block;
  transition: all 0.3s ease 0s;
  width: calc(1em * 1);
  height: calc(1em * 1);
}
.underline-circle-arrow .icon-circle-arrow::before, .underline-circle-arrow .icon-circle-arrow::after {
  content: "";
  position: absolute;
  transition: width ease 0.4s;
}
.underline-circle-arrow .icon-circle-arrow::before {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
}
.underline-circle-arrow .icon-circle-arrow::after {
  transition: all ease 0.2s;
  top: 50%;
  left: 50%;
  transform: translate(-25%, -50%);
  box-sizing: border-box;
  width: calc(0.2em * 1);
  height: calc(0.2em * 1);
  border: calc(0.2em * 1) solid transparent;
  border-left: calc(0.4em * 1) solid #000;
}
.underline-circle-arrow .icon-circle-arrow.--white::before {
  background: white;
}
.underline-circle-arrow .icon-circle-arrow.--white::after {
  border-left-color: black;
}
.underline-circle-arrow .underline-circle-arrow-text {
  text-decoration: none;
  text-align: left;
  text-transform: uppercase;
  padding-left: 0.5em;
  padding-right: 0.5em;
  font-size: 16;
  line-height: 1;
  color: #000000;
}
.underline-circle-arrow::before, .underline-circle-arrow::after {
  content: "";
  position: absolute;
  background-color: #000000;
  height: 1px;
}
.underline-circle-arrow::before {
  width: 0%;
  left: 0;
  bottom: 0;
  transition: width ease 0.4s;
}
.underline-circle-arrow::after {
  width: 100%;
  left: 0;
  bottom: 0;
  transition: all ease 0.6s;
}
.underline-circle-arrow:hover {
  color: initial;
  text-decoration: none;
}
.underline-circle-arrow:hover::before {
  width: 100%;
}
.underline-circle-arrow:hover::after {
  left: 100%;
  width: 0%;
  transition: all ease 0.2s;
}
.underline-circle-arrow:hover .icon-circle-arrow:after {
  transform: translate(-25%, -50%) scale(1.2);
}
@media only screen and (max-width: calc(767 * 1px)) {
  .underline-circle-arrow span:before {
    width: 0.8em;
    height: 0.8em;
  }
}

.underline-circle-arrow-wrap {
  margin-top: 40px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .underline-circle-arrow-wrap {
    margin-top: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .underline-circle-arrow-wrap {
    margin-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
.underline-circle-arrow-wrap.--white .underline-circle-arrow span {
  color: white;
}
.underline-circle-arrow-wrap.--white .underline-circle-arrow span::before {
  background-color: white;
}
.underline-circle-arrow-wrap.--white .underline-circle-arrow span:after {
  border-left-color: #000000;
}
.underline-circle-arrow-wrap.--white .underline-circle-arrow::before, .underline-circle-arrow-wrap.--white .underline-circle-arrow::after {
  background-color: white;
}

/*------------------------------------------------------------------------------------
Heading BASE
------------------------------------------------------------------------------------*/
/*--------------------------------------------------------
見出し H：ベースのラッパー
--------------------------------------------------------*/
.c-heading-base--c, .c-heading-base--r, .c-heading-base--l {
  position: relative;
  padding-top: 0;
  margin: 0;
  display: block;
  color: #000000;
  letter-spacing: 0.05em;
  text-align: center;
}

.c-heading-base--l {
  text-align: left;
}

.c-heading-base--r {
  text-align: right;
}

/* Hタグ --> SPANタグに付与
--------------------------------------------------------*/
.c-heading-base__main, body #mv .heading-mask .c-heading-base--c .c-heading-base__main, body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
body #mv #heading .c-heading-base--c .c-heading-base__main,
body #mv #heading .c-heading-base--r .c-heading-base__main,
body #mv #heading .c-heading-base--l .c-heading-base__main, .c-heading-base--l .c-heading-base__main, .c-heading-base--c .c-heading-base__main, .c-heading-base--r .c-heading-base__main {
  position: relative;
  display: block;
}

.c-heading-base__sub, body #mv .heading-mask .c-heading-base--c .c-heading-base__sub, body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
body #mv #heading .c-heading-base--c .c-heading-base__sub,
body #mv #heading .c-heading-base--r .c-heading-base__sub,
body #mv #heading .c-heading-base--l .c-heading-base__sub, .c-heading-base--l .c-heading-base__sub, .c-heading-base--c .c-heading-base__sub, .c-heading-base--r .c-heading-base__sub {
  display: block;
}

/*
Hタグ --> SPANタグに付与
MAIN
・$f-fmy:initial     ：　フォントファミリー
・$f-lv:"lv2"        ：　フォントサイズ。レベルで指定（太さ、LH、LSは、LVは、_s-font.scssで指定した固定の数値が設定）
・$f-col:$col-bs     ：　カラー
・$top-space-vw:0    ：　トップのスペース（pxの指定ではない数字のみ）
 */
/*------------------------------------------------------------------------------------
HEADING 上にアンダーライン
------------------------------------------------------------------------------------*/
body {
  /*--------------------------------------------------------
  見出し H2：ベースのラッパー
  --------------------------------------------------------*/
}
body .top-line--c:after, body .top-line--r:after, body .top-line--l:after {
  display: block;
  content: "";
  width: 40px;
  height: 3px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  background: var(--main-color);
  overflow: hidden;
}
body .top-line--l:after {
  left: 0;
  transform: none;
}
body .top-line--r:after {
  left: inherit;
  right: 0;
  transform: none;
}

/* ======================================================================
HTML
------------------------------------------------------------------------
<h2 class="c-heading--c">
    <span class="c-heading__main top-line--c">Recent Works</span>
    <span class="c-heading__sub">最新の制作実績</span>
</h2>
====================================================================== */
/*------------------------------------------------------------------------------------
HEADING サブのテキストの左横に「----」が入る

例：
// 見出し
h3.c-heading--l {
    @include c-heading--l;
    .c-heading__main {
        @include c-heading__main-mixin(
            $G_FONT_FAMILY_JP,
            "lv4",
            $G_COL_BG_WHITE,
            $G_ELE_SPACE_VERTICAL_20
        );
    }
    .c-heading__sub {
        @include c-heading__sub(
                        $G_FONT_FAMILY_EN,
                        "base",
                        $G_COL_BG_WHITE,
                        0
        );
    }
    @include left-long-line($G_COL_BG_WHITE);     ←←←←← ここで設定
}
------------------------------------------------------------------------------------*/
body .news__item {
  position: relative;
  border-top: 1px solid #222222;
  padding: 1.5em 2em 1.5em 0;
}
body .news__item:last-child {
  border-bottom: 1px solid #222222;
}
body .news__item:after {
  font-family: "Font Awesome 6 Free";
  content: "\f061";
  font-size: 14px;
  font-weight: 900;
  color: var(--main-color);
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .news__item:after {
    font-size: calc(14 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .news__item:after {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
body .news__item:hover {
  color: var(--main-color);
}
body .news__item:hover:after {
  right: 0;
}
body .news__item > a {
  text-decoration: none;
  position: relative;
  transition: all 0.3s ease-out;
  color: #000000;
  font-size: 16px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .news__item > a {
    font-size: calc(16 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .news__item > a {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
}
body .news__item__ttl {
  padding-top: 1em;
}

/* ======================================================================
HTML
------------------------------------------------------------------------
<ul class="flex-container__item news">
    <li class="news__item">
        <a href="#">
            <div class="news__item__data">
                <time>2022.00.00</time>
                <ul class="tags">
                    <li class="tag-01">プレスリリース</li>
                </ul>
            </div>
            <p class="news__item__ttl">最新情報のテキストが入ります。最新情報のテキストが入ります。最新情報のテキストが入ります。</p>
        </a>
    </li>
    <li class="news__item">
        <a href="#">
            <div class="news__item__data">
                <time>2022.00.00</time>
                <ul class="tags">
                    <li class="tag-01">お知らせ</li>
                </ul>
            </div>
            <p class="news__item__ttl">最新情報のテキストが入ります。最新情報のテキストが入ります。最新情報のテキストが入ります。</p>
        </a>
    </li>
    <li class="news__item">
        <a href="#">
            <div class="news__item__data">
                <time>2022.00.00</time>
                <ul class="tags">
                    <li class="tag-01">お知らせ</li>
                </ul>
            </div>
            <p class="news__item__ttl">最新情報のテキストが入ります。最新情報のテキストが入ります。最新情報のテキストが入ります。</p>
        </a>
    </li>
</ul>
====================================================================== */
/* ======================================================================
HTML
------------------------------------------------------------------------
<section class="p-about-sec">
    <div class="l-inner p-about__inner">
        <div class="c-layerd-base">
            <div class="c-layerd-base__img-container" >
                <span class="bgextend bgLRextendTrigger">
                    <span class="bgappearTrigger">
                        <div class="c-layerd-base__img" style="background-image:url('data/images/home/img-layerd-dummy.jpg')"></div>
                    </span>
                </span>
            </div>
            <h1 class="flex-container__item c-heading--left about_heading">
                <span class="c-heading__main--top-line --md-uppercase js_typing">About</span>
                <span class="c-heading__sub">私たちについて</span>
            </h1>
            <div class="c-layerd-base__txt">
                <h3 class="about-ttl">コピーが入ります。コピーが入ります。<br>コピーが入ります。コピーが入ります。コピーが入ります。</h3>
                <p class="about-txt">テキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト</p>
                <a href="#" class="c-basic-btn">詳しくはこちら</a>
            </div>
        </div>
    </div>
</section>
====================================================================== */
/*==================================================
背景色が伸びて出現
===================================*/
/*全共通*/
body {
  /*中の要素*/
  /*左から右*/
  /* スクロールをしたら出現する要素にはじめに透過0を指定　*/
}
body .bgextend {
  animation-name: bgextendAnimeBase;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  position: relative;
  overflow: hidden; /*　はみ出た色要素を隠す　*/
  opacity: 0;
  display: inline-block;
  height: 100%;
}
@keyframes bgextendAnimeBase {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
body .bgappear {
  animation-name: bgextendAnimeSecond;
  animation-duration: 1s;
  animation-delay: 0.6s;
  animation-fill-mode: forwards;
  opacity: 0;
}
body .bgappear > a {
  display: block;
}
@keyframes bgextendAnimeSecond {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
body .bgLRextend::before {
  animation-name: bgLRextendAnime;
  animation-duration: 1s;
  animation-fill-mode: forwards;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000000;
}
@keyframes bgLRextendAnime {
  0% {
    transform-origin: left;
    transform: scaleX(0);
  }
  50% {
    transform-origin: left;
    transform: scaleX(1);
  }
  50.001% {
    transform-origin: right;
  }
  100% {
    transform-origin: right;
    transform: scaleX(0);
  }
}
body .bgappearTrigger,
body .bgLRextendTrigger {
  opacity: 0;
}

/* ======================================================================
HTML
------------------------------------------------------------------------
<section class="l-page p-mv p-top-mv">
    <div class="scrolldown1"><span>Scroll</span></div>
    <div class="swiper-container">
        :
        :
    </div>
</section>
====================================================================== */
/*====== 9-1-1 縦線が動いてスクロールを促す =======*/
/*
<div class="c-scrolldown1">
    <p class="txt">SCLOLL DOWN</p>
    <span></span>
</div>
 */
body {
  /*スクロールダウン全体の場所*/
  /*Scrollテキストの描写*/
  /* 線の描写 */
  /*高さ・位置・透過が変化して線が上から下に動く*/
}
body .c-scrolldown1 p.txt {
  color: white;
  font-size: 10px;
  text-align: center;
  margin-top: calc(10px * -1);
}
body .c-scrolldown1:before {
  content: "SCROLL";
  display: block;
  width: auto;
  position: absolute;
  top: calc(10px * -1);
  left: 50%;
  transform: translateX(-50%);
  color: white;
  font-size: 10px;
  font-weight: bold;
  text-align: center;
}
body .c-scrolldown1 {
  /*描画位置※位置は適宜調整してください*/
  position: absolute !important;
  left: 50%;
  bottom: 0;
  /*全体の高さ*/
  height: calc(80 * 1px);
  z-index: 410;
}
body .c-scrolldown1 span {
  /*描画位置*/
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -25px;
  /*テキストの形状*/
  color: #eee;
  font-size: calc(12 / 1162 * 0.87 * 100 * 1vw);
  letter-spacing: 0.05em;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-scrolldown1 span {
    font-size: calc(100 / 750 * calc(calc(12 * 2) * 0.87) * 1vw);
  }
}
body .c-scrolldown1::after {
  content: "";
  /*描画位置*/
  position: absolute;
  top: 0;
  /*線の形状*/
  width: 1px;
  height: 30px;
  background: #eee;
  /*線の動き1.4秒かけて動く。永遠にループ*/
  animation: pathmove 1.4s ease-in-out infinite;
  opacity: 0;
}
@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0;
  }
  30% {
    height: calc(80 * 0.6 * 1px);
    opacity: 1;
  }
  100% {
    height: 0;
    top: calc(80 * 1px);
    opacity: 0;
  }
}

body {
  /* --------------------------------------------------------
  BASE
  --------------------------------------------------------*/
  /* --------------------------------------------------------
  画像とテキストのレイヤード
  ・真四角の形
  --------------------------------------------------------*/
  /* --------------------------------------------------------
  横 並び
  ・iMG
  ・TXT
  --------------------------------------------------------*/
  /* --------------------------------------------------------
  → 横 並び
  ・iMG
  ・TXT
  ・arrow
  --------------------------------------------------------*/
  /* --------------------------------------------------------
  ↓ 縦 並び
  ・iMG
  ・TXT
  ・arrow
  --------------------------------------------------------*/
}
body .c-media-text-content, body .c-media-text-content--vertical, body .c-media-text-content--horizontal, body .c-media-text-content--horizontal-arrow, body .c-media-text-content--layered, body .c-media-text-content-mg, body .c-media-text-content-mg--vertical {
  position: relative;
  overflow: hidden;
  padding-top: 40px;
  padding-bottom: 40px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-media-text-content, body .c-media-text-content--vertical, body .c-media-text-content--horizontal, body .c-media-text-content--horizontal-arrow, body .c-media-text-content--layered, body .c-media-text-content-mg, body .c-media-text-content-mg--vertical {
    padding-top: calc(calc(40 / 28 * 1rem) / 0.75);
    padding-bottom: calc(calc(40 / 28 * 1rem) / 0.75);
  }
}
body .c-media-text-content .c-media-text-content__link, body .c-media-text-content--vertical .c-media-text-content__link, body .c-media-text-content--horizontal .c-media-text-content__link, body .c-media-text-content--horizontal-arrow .c-media-text-content__link, body .c-media-text-content--layered .c-media-text-content__link, body .c-media-text-content-mg .c-media-text-content__link, body .c-media-text-content-mg--vertical .c-media-text-content__link {
  text-decoration: none;
  color: #000000;
  transition: all 0.3s ease-out;
}
body .c-media-text-content .c-media-text-content__img, body .c-media-text-content--vertical .c-media-text-content__img, body .c-media-text-content--horizontal .c-media-text-content__img, body .c-media-text-content--horizontal-arrow .c-media-text-content__img, body .c-media-text-content--layered .c-media-text-content__img, body .c-media-text-content-mg .c-media-text-content__img, body .c-media-text-content-mg--vertical .c-media-text-content__img {
  transition: all 0.3s ease-out;
  width: 100%;
  line-height: 0;
}
body .c-media-text-content .c-media-text-content__body, body .c-media-text-content--vertical .c-media-text-content__body, body .c-media-text-content--horizontal .c-media-text-content__body, body .c-media-text-content--horizontal-arrow .c-media-text-content__body, body .c-media-text-content--layered .c-media-text-content__body, body .c-media-text-content-mg .c-media-text-content__body, body .c-media-text-content-mg--vertical .c-media-text-content__body {
  flex: 1;
}
body .c-media-text-content .c-media-text-content__title, body .c-media-text-content--vertical .c-media-text-content__title, body .c-media-text-content--horizontal .c-media-text-content__title, body .c-media-text-content--horizontal-arrow .c-media-text-content__title, body .c-media-text-content--layered .c-media-text-content__title, body .c-media-text-content-mg .c-media-text-content__title, body .c-media-text-content-mg--vertical .c-media-text-content__title {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  padding-top: 10px;
  padding-bottom: 10px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .c-media-text-content .c-media-text-content__title, body .c-media-text-content--vertical .c-media-text-content__title, body .c-media-text-content--horizontal .c-media-text-content__title, body .c-media-text-content--horizontal-arrow .c-media-text-content__title, body .c-media-text-content--layered .c-media-text-content__title, body .c-media-text-content-mg .c-media-text-content__title, body .c-media-text-content-mg--vertical .c-media-text-content__title {
    font-size: calc(18 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-media-text-content .c-media-text-content__title, body .c-media-text-content--vertical .c-media-text-content__title, body .c-media-text-content--horizontal .c-media-text-content__title, body .c-media-text-content--horizontal-arrow .c-media-text-content__title, body .c-media-text-content--layered .c-media-text-content__title, body .c-media-text-content-mg .c-media-text-content__title, body .c-media-text-content-mg--vertical .c-media-text-content__title {
    font-size: calc(100 / 750 * calc(32 * 1) * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-media-text-content .c-media-text-content__title, body .c-media-text-content--vertical .c-media-text-content__title, body .c-media-text-content--horizontal .c-media-text-content__title, body .c-media-text-content--horizontal-arrow .c-media-text-content__title, body .c-media-text-content--layered .c-media-text-content__title, body .c-media-text-content-mg .c-media-text-content__title, body .c-media-text-content-mg--vertical .c-media-text-content__title {
    padding-top: calc(calc(10 / 28 * 1rem) / 0.75);
    padding-bottom: calc(calc(10 / 28 * 1rem) / 0.75);
  }
}
body .c-media-text-content .c-media-text-content__body p, body .c-media-text-content--vertical .c-media-text-content__body p, body .c-media-text-content--horizontal .c-media-text-content__body p, body .c-media-text-content--horizontal-arrow .c-media-text-content__body p, body .c-media-text-content--layered .c-media-text-content__body p, body .c-media-text-content-mg .c-media-text-content__body p, body .c-media-text-content-mg--vertical .c-media-text-content__body p {
  font-size: 14px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .c-media-text-content .c-media-text-content__body p, body .c-media-text-content--vertical .c-media-text-content__body p, body .c-media-text-content--horizontal .c-media-text-content__body p, body .c-media-text-content--horizontal-arrow .c-media-text-content__body p, body .c-media-text-content--layered .c-media-text-content__body p, body .c-media-text-content-mg .c-media-text-content__body p, body .c-media-text-content-mg--vertical .c-media-text-content__body p {
    font-size: calc(14 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-media-text-content .c-media-text-content__body p, body .c-media-text-content--vertical .c-media-text-content__body p, body .c-media-text-content--horizontal .c-media-text-content__body p, body .c-media-text-content--horizontal-arrow .c-media-text-content__body p, body .c-media-text-content--layered .c-media-text-content__body p, body .c-media-text-content-mg .c-media-text-content__body p, body .c-media-text-content-mg--vertical .c-media-text-content__body p {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
body .c-media-text-content-mg, body .c-media-text-content-mg--vertical {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 40px;
  margin-bottom: 40px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .c-media-text-content-mg, body .c-media-text-content-mg--vertical {
    margin-top: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-media-text-content-mg, body .c-media-text-content-mg--vertical {
    margin-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .c-media-text-content-mg, body .c-media-text-content-mg--vertical {
    margin-bottom: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-media-text-content-mg, body .c-media-text-content-mg--vertical {
    margin-bottom: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
body .c-media-text-content--layered {
  padding-top: 0;
  padding-bottom: 0;
}
body .c-media-text-content--layered:before {
  content: "";
  display: block;
  width: 100%;
  padding: 100% 0 0;
}
body .c-media-text-content--layered .c-media-text-content--layered-wrap {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: #000000;
}
body .c-media-text-content--layered .c-media-text-content--layered-wrap .swiper-wrapper:after {
  pointer-events: none;
  width: 100%;
  height: 100%;
  content: "";
  position: absolute;
  z-index: 9;
  top: 0;
  left: 0;
  background: rgba(0, 0, 0, 0);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.8) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.8) 100%);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.8) 100%);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.8) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="$start-color", endColorstr="$end-color", GradientType=0);
}
body .c-media-text-content--layered .c-media-text-content__img {
  height: 100%;
  position: absolute;
}
body .c-media-text-content--layered .c-media-text-content__img img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
body .c-media-text-content--layered .c-media-text-content__body {
  position: absolute;
  z-index: 10;
  bottom: 0;
  padding-bottom: 40px;
  padding-left: 5.3333333333%;
  padding-right: 5.3333333333%;
  color: #ffffff;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .c-media-text-content--layered .c-media-text-content__body {
    padding-bottom: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-media-text-content--layered .c-media-text-content__body {
    padding-bottom: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
body .c-media-text-content--layered a.c-media-text-content__link {
  position: relative;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  line-height: 1.25;
  color: #ffffff;
}
body .c-media-text-content--layered a.c-media-text-content__link:before {
  box-sizing: border-box;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  transform: scaleX(0);
  transform-origin: left center;
  background-color: #ffffff;
  content: "";
  transition: all 0.5s cubic-bezier(1, 0, 0, 1);
  transition-property: transform;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
body .c-media-text-content--layered a.c-media-text-content__link:hover:after {
  right: 0;
}
body .c-media-text-content--layered a.c-media-text-content__link:hover:before {
  transform: scaleX(1);
}
body .c-media-text-content--horizontal, body .c-media-text-content--horizontal-arrow {
  border-top: solid 1px #222222;
  display: flex;
}
body .c-media-text-content--horizontal:last-child, body .c-media-text-content--horizontal-arrow:last-child {
  border-bottom: solid 1px #222222;
}
body .c-media-text-content--horizontal .c-media-text-content__img, body .c-media-text-content--horizontal-arrow .c-media-text-content__img {
  margin-right: 2em;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-media-text-content--horizontal, body .c-media-text-content--horizontal-arrow {
    flex-direction: column;
  }
}
body .c-media-text-content--horizontal-arrow {
  padding-right: 3rem;
  position: relative;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  line-height: 1.25;
  padding-top: 30px;
  padding-bottom: 30px;
}
body .c-media-text-content--horizontal-arrow:after {
  font-family: "Font Awesome 6 Free";
  content: "\f061";
  font-size: 14px;
  font-weight: 900;
  color: var(--main-color);
  position: absolute;
  display: inline-block;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .c-media-text-content--horizontal-arrow:after {
    font-size: calc(14 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-media-text-content--horizontal-arrow:after {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
body .c-media-text-content--horizontal-arrow:hover:after {
  right: 0;
}
body .c-media-text-content--horizontal-arrow:before {
  box-sizing: border-box;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  transform: scaleX(0);
  transform-origin: left center;
  background-color: #000000;
  content: "";
  transition: all 0.5s cubic-bezier(1, 0, 0, 1);
  transition-property: transform;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
body .c-media-text-content--horizontal-arrow:hover:after {
  right: 0;
}
body .c-media-text-content--horizontal-arrow:hover:before {
  transform: scaleX(1);
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .c-media-text-content--horizontal-arrow {
    padding-top: calc(30 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-media-text-content--horizontal-arrow {
    padding-top: calc(calc(100 / 750 * 30 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .c-media-text-content--horizontal-arrow {
    padding-bottom: calc(30 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-media-text-content--horizontal-arrow {
    padding-bottom: calc(calc(100 / 750 * 30 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-media-text-content--horizontal-arrow {
    padding-right: 0;
  }
  body .c-media-text-content--horizontal-arrow:after {
    content: none;
  }
  body .c-media-text-content--horizontal-arrow .c-media-text-content__title {
    padding-left: 2em;
    position: relative;
  }
  body .c-media-text-content--horizontal-arrow .c-media-text-content__title:after {
    font-family: "Font Awesome 6 Free";
    content: "\f061";
    font-size: 14px;
    font-weight: 900;
    color: var(--main-color);
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transition: all 0.3s ease-out;
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .c-media-text-content--horizontal-arrow .c-media-text-content__title:after {
    font-size: calc(14 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc(767 * 1px)) {
  body .c-media-text-content--horizontal-arrow .c-media-text-content__title:after {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-media-text-content--horizontal-arrow:hover .c-media-text-content__title:after {
    left: 1em;
  }
}
body .c-media-text-content--vertical {
  display: flex;
  flex-direction: column;
}
body .c-media-text-content--vertical .c-media-text-content__img {
  margin-bottom: 1em;
}
body .c-media-text-content-mg--vertical {
  display: flex;
  flex-direction: column;
}
body .c-media-text-content-mg--vertical .c-media-text-content__img {
  margin-bottom: 1em;
}

body {
  /*-------------------------------------------------------------
  基本パーツ
  -------------------------------------------------------------

  -------------------------------------------------------------*/
  /*-------------------------------------------------------------
  カラー　グレー
  -------------------------------------------------------------
  ・ボタン背景 --> 透明　　
  ・ボタン枠線 --> グレー　　
  ・テキスト --> グレー
  -------------------------------------------------------------*/
  /*-------------------------------------------------------------
  カラー　黒
  -------------------------------------------------------------
  ・ボタン背景 --> 透明　　
  ・ボタン枠線 --> 黒
  ・テキスト --> 黒
  -------------------------------------------------------------*/
  /*-------------------------------------------------------------
  カラー　BODY Font Color
  -------------------------------------------------------------
  ・ボタン背景 --> 透明　　
  ・ボタン枠線 --> BODY Font Color
  ・テキスト --> BODY Font Color
  -------------------------------------------------------------*/
  /*-------------------------------------------------------------
  カラー　白
  -------------------------------------------------------------
  ・ボタン背景 --> 透明　　
  ・ボタン枠線 --> 白　
  ・テキスト --> 白
  -------------------------------------------------------------*/
}
body .c-horizontal_content-meta, body .c-horizontal_content-meta--base, body .c-horizontal_content-meta--white, body .c-horizontal_content-meta--bodyfontcol, body .c-horizontal_content-meta--black {
  width: 100%;
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #888888;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .c-horizontal_content-meta, body .c-horizontal_content-meta--base, body .c-horizontal_content-meta--white, body .c-horizontal_content-meta--bodyfontcol, body .c-horizontal_content-meta--black {
    font-size: calc(12 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-horizontal_content-meta, body .c-horizontal_content-meta--base, body .c-horizontal_content-meta--white, body .c-horizontal_content-meta--bodyfontcol, body .c-horizontal_content-meta--black {
    font-size: calc(100 / 750 * calc(20 * 1) * 1vw);
  }
}
body .c-horizontal_content-meta.--col-bs, body .--col-bs.c-horizontal_content-meta--base, body .--col-bs.c-horizontal_content-meta--white, body .--col-bs.c-horizontal_content-meta--bodyfontcol, body .--col-bs.c-horizontal_content-meta--black {
  color: #000000;
}
body .c-horizontal_content-meta.--fs-bs, body .--fs-bs.c-horizontal_content-meta--base, body .--fs-bs.c-horizontal_content-meta--white, body .--fs-bs.c-horizontal_content-meta--bodyfontcol, body .--fs-bs.c-horizontal_content-meta--black {
  font-size: 16px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .c-horizontal_content-meta.--fs-bs, body .--fs-bs.c-horizontal_content-meta--base, body .--fs-bs.c-horizontal_content-meta--white, body .--fs-bs.c-horizontal_content-meta--bodyfontcol, body .--fs-bs.c-horizontal_content-meta--black {
    font-size: calc(16 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-horizontal_content-meta.--fs-bs, body .--fs-bs.c-horizontal_content-meta--base, body .--fs-bs.c-horizontal_content-meta--white, body .--fs-bs.c-horizontal_content-meta--bodyfontcol, body .--fs-bs.c-horizontal_content-meta--black {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
}
body .c-horizontal_content-meta__txt {
  margin-right: 1em;
}
body .c-horizontal_content-meta__txt:last-child {
  margin-right: 0;
}
body .c-horizontal_content-meta__txt a {
  color: #888888;
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}
body .c-horizontal_content-meta__round-btn {
  /*
  &.child{
      li{
          padding-left: 0!important;
          height: 100%;
      }
  }*/
}
body .c-horizontal_content-meta__round-btn li {
  margin-right: 0.5em;
  margin-bottom: 0.5em;
  width: auto;
  height: auto;
  text-align: center;
  border-radius: 1000px;
  background-color: transparent;
  transition: all 0.3s ease-out;
  color: #888888;
}
body .c-horizontal_content-meta__round-btn li > a {
  padding: 0.1em 1em;
  min-width: 5em;
  display: inline-block;
}
body .c-horizontal_content-meta__round-btn li > ul.c-horizontal_content-meta__round-btn {
  padding: 0;
  min-width: 5em;
}
body .c-horizontal_content-meta__round-btn li a {
  transition: all 0.3s ease-out;
  min-width: 5em;
  border-radius: 1000px;
  padding: 0.1em 1em;
  color: #888888;
  text-decoration: none;
}
body .c-horizontal_content-meta__round-btn li a:hover {
  background-color: var(--main-color);
  color: #ffffff;
  border-color: var(--main-color);
  cursor: pointer;
}
body .c-horizontal_content-meta__round-btn li a.current {
  background-color: #888888;
  color: #ffffff;
  border-color: #888888;
  cursor: default;
}
body .c-horizontal_content-meta__round-btn li a.current label:hover {
  cursor: default;
}
body .c-horizontal_content-meta__round-btn li a label:hover {
  cursor: pointer;
}
body time.c-horizontal_content-meta__txt,
body .c-horizontal_content-meta__round-btn {
  margin-right: 2em;
}
body .c-horizontal_content-meta__wp-tags {
  margin-top: 20px;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .c-horizontal_content-meta__wp-tags {
    margin-top: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-horizontal_content-meta__wp-tags {
    margin-top: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
body .c-horizontal_content-meta__wp-tags a {
  font-size: 14px;
  margin-left: 1em;
  margin-right: 1em;
  padding: 0.1em 0;
  display: inline-block;
  color: #888888;
  text-decoration: none;
  transition: all 0.3s ease-out;
}
body .c-horizontal_content-meta__wp-tags a:before {
  content: "#";
  display: inline-block;
  position: relative;
  left: 0;
  width: 1em;
  height: 1em;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .c-horizontal_content-meta__wp-tags a {
    font-size: calc(14 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-horizontal_content-meta__wp-tags a {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
body .c-horizontal_content-meta__wp-tags a:hover {
  transition: all 0.3s ease-out;
  color: var(--main-color);
}
body .c-horizontal_content-meta__wp-tags a.current {
  cursor: default;
  border-bottom: 1px solid #888888;
}
body .c-horizontal_content-meta__round-btn {
  color: #888888;
  text-decoration: none;
}
body .c-horizontal_content-meta__round-btn:last-child {
  margin-right: 0;
}
body .c-horizontal_content-meta__round-btn,
body .c-horizontal_content-meta__wp-tags {
  display: flex;
  flex-wrap: wrap;
}
body time.c-horizontal_content-meta__txt {
  margin-bottom: 0.5em;
}
body time.c-horizontal_content-meta__txt a {
  transition: all 0.3s ease-out;
  text-decoration: none;
  color: #888888;
}
body time.c-horizontal_content-meta__txt a:hover {
  color: var(--main-color);
}
body time.c-horizontal_content-meta__txt a.current {
  border-bottom: 1px solid var(--main-color);
}
body .c-horizontal_content-meta--base, body .c-horizontal_content-meta--white, body .c-horizontal_content-meta--bodyfontcol, body .c-horizontal_content-meta--black {
  flex-wrap: wrap;
  color: #888888;
}
body .c-horizontal_content-meta--base .c-horizontal_content-meta__txt a, body .c-horizontal_content-meta--white .c-horizontal_content-meta__txt a, body .c-horizontal_content-meta--bodyfontcol .c-horizontal_content-meta__txt a, body .c-horizontal_content-meta--black .c-horizontal_content-meta__txt a {
  color: #888888;
  position: relative;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  line-height: 1.25;
}
body .c-horizontal_content-meta--base .c-horizontal_content-meta__txt a:hover, body .c-horizontal_content-meta--white .c-horizontal_content-meta__txt a:hover, body .c-horizontal_content-meta--bodyfontcol .c-horizontal_content-meta__txt a:hover, body .c-horizontal_content-meta--black .c-horizontal_content-meta__txt a:hover {
  color: var(--main-color);
}
body .c-horizontal_content-meta--base .c-horizontal_content-meta__txt a:before, body .c-horizontal_content-meta--white .c-horizontal_content-meta__txt a:before, body .c-horizontal_content-meta--bodyfontcol .c-horizontal_content-meta__txt a:before, body .c-horizontal_content-meta--black .c-horizontal_content-meta__txt a:before {
  box-sizing: border-box;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  transform: scaleX(0);
  transform-origin: left center;
  background-color: var(--main-color);
  content: "";
  transition: all 0.5s cubic-bezier(1, 0, 0, 1);
  transition-property: transform;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
body .c-horizontal_content-meta--base .c-horizontal_content-meta__txt a:hover:after, body .c-horizontal_content-meta--white .c-horizontal_content-meta__txt a:hover:after, body .c-horizontal_content-meta--bodyfontcol .c-horizontal_content-meta__txt a:hover:after, body .c-horizontal_content-meta--black .c-horizontal_content-meta__txt a:hover:after {
  right: 0;
}
body .c-horizontal_content-meta--base .c-horizontal_content-meta__txt a:hover:before, body .c-horizontal_content-meta--white .c-horizontal_content-meta__txt a:hover:before, body .c-horizontal_content-meta--bodyfontcol .c-horizontal_content-meta__txt a:hover:before, body .c-horizontal_content-meta--black .c-horizontal_content-meta__txt a:hover:before {
  transform: scaleX(1);
}
body .c-horizontal_content-meta--base .c-horizontal_content-meta__round-btn li > :not(a), body .c-horizontal_content-meta--white .c-horizontal_content-meta__round-btn li > :not(a), body .c-horizontal_content-meta--bodyfontcol .c-horizontal_content-meta__round-btn li > :not(a), body .c-horizontal_content-meta--black .c-horizontal_content-meta__round-btn li > :not(a) {
  border: none;
}
body .c-horizontal_content-meta--base .c-horizontal_content-meta__round-btn li a, body .c-horizontal_content-meta--white .c-horizontal_content-meta__round-btn li a, body .c-horizontal_content-meta--bodyfontcol .c-horizontal_content-meta__round-btn li a, body .c-horizontal_content-meta--black .c-horizontal_content-meta__round-btn li a {
  border: 1px solid #888888;
  color: #888888;
}
body .c-horizontal_content-meta--base .c-horizontal_content-meta__round-btn li a:hover, body .c-horizontal_content-meta--white .c-horizontal_content-meta__round-btn li a:hover, body .c-horizontal_content-meta--bodyfontcol .c-horizontal_content-meta__round-btn li a:hover, body .c-horizontal_content-meta--black .c-horizontal_content-meta__round-btn li a:hover {
  color: #ffffff;
  border: 1px solid var(--main-color);
}
body .c-horizontal_content-meta--base .c-horizontal_content-meta__round-btn li a.current, body .c-horizontal_content-meta--white .c-horizontal_content-meta__round-btn li a.current, body .c-horizontal_content-meta--bodyfontcol .c-horizontal_content-meta__round-btn li a.current, body .c-horizontal_content-meta--black .c-horizontal_content-meta__round-btn li a.current, body .c-horizontal_content-meta--base .c-horizontal_content-meta__round-btn li a.current:hover {
  color: #ffffff;
  background-color: #888888;
  border: 1px solid #888888;
}
body .c-horizontal_content-meta--black {
  color: #333333;
}
body .c-horizontal_content-meta--black .c-horizontal_content-meta__txt a {
  color: #333333;
  position: relative;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  line-height: 1.25;
}
body .c-horizontal_content-meta--black .c-horizontal_content-meta__txt a:hover {
  color: var(--main-color);
}
body .c-horizontal_content-meta--black .c-horizontal_content-meta__txt a:before {
  box-sizing: border-box;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  transform: scaleX(0);
  transform-origin: left center;
  background-color: var(--main-color);
  content: "";
  transition: all 0.5s cubic-bezier(1, 0, 0, 1);
  transition-property: transform;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
body .c-horizontal_content-meta--black .c-horizontal_content-meta__txt a:hover:after {
  right: 0;
}
body .c-horizontal_content-meta--black .c-horizontal_content-meta__txt a:hover:before {
  transform: scaleX(1);
}
body .c-horizontal_content-meta--black .c-horizontal_content-meta__round-btn li > :not(a) {
  border: none;
}
body .c-horizontal_content-meta--black .c-horizontal_content-meta__round-btn li a {
  border: 1px solid #333333;
  color: #333333;
}
body .c-horizontal_content-meta--black .c-horizontal_content-meta__round-btn li a:hover {
  color: #ffffff;
  border: 1px solid var(--main-color);
}
body .c-horizontal_content-meta--black .c-horizontal_content-meta__round-btn li a.current, body .c-horizontal_content-meta--black .c-horizontal_content-meta__round-btn li a.current:hover {
  color: #ffffff;
  background-color: #333333;
  border: 1px solid #333333;
}
body .c-horizontal_content-meta--bodyfontcol {
  color: #000000;
}
body .c-horizontal_content-meta--bodyfontcol .c-horizontal_content-meta__txt a {
  color: #000000;
  position: relative;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  line-height: 1.25;
}
body .c-horizontal_content-meta--bodyfontcol .c-horizontal_content-meta__txt a:hover {
  color: var(--main-color);
}
body .c-horizontal_content-meta--bodyfontcol .c-horizontal_content-meta__txt a:before {
  box-sizing: border-box;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  transform: scaleX(0);
  transform-origin: left center;
  background-color: var(--main-color);
  content: "";
  transition: all 0.5s cubic-bezier(1, 0, 0, 1);
  transition-property: transform;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
body .c-horizontal_content-meta--bodyfontcol .c-horizontal_content-meta__txt a:hover:after {
  right: 0;
}
body .c-horizontal_content-meta--bodyfontcol .c-horizontal_content-meta__txt a:hover:before {
  transform: scaleX(1);
}
body .c-horizontal_content-meta--bodyfontcol .c-horizontal_content-meta__round-btn li > :not(a) {
  border: none;
}
body .c-horizontal_content-meta--bodyfontcol .c-horizontal_content-meta__round-btn li a {
  border: 1px solid #000000;
  color: #000000;
}
body .c-horizontal_content-meta--bodyfontcol .c-horizontal_content-meta__round-btn li a:hover {
  color: #ffffff;
  border: 1px solid var(--main-color);
}
body .c-horizontal_content-meta--bodyfontcol .c-horizontal_content-meta__round-btn li a.current, body .c-horizontal_content-meta--bodyfontcol .c-horizontal_content-meta__round-btn li a.current:hover {
  color: #ffffff;
  background-color: #000000;
  border: 1px solid #000000;
}
body .c-horizontal_content-meta--white {
  color: #ffffff;
}
body .c-horizontal_content-meta--white .c-horizontal_content-meta__txt a {
  color: #ffffff;
  position: relative;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  line-height: 1.25;
}
body .c-horizontal_content-meta--white .c-horizontal_content-meta__txt a:before {
  box-sizing: border-box;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  transform: scaleX(0);
  transform-origin: left center;
  background-color: #ffffff;
  content: "";
  transition: all 0.5s cubic-bezier(1, 0, 0, 1);
  transition-property: transform;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
body .c-horizontal_content-meta--white .c-horizontal_content-meta__txt a:hover:after {
  right: 0;
}
body .c-horizontal_content-meta--white .c-horizontal_content-meta__txt a:hover:before {
  transform: scaleX(1);
}
body .c-horizontal_content-meta--white .c-horizontal_content-meta__round-btn li > :not(a):not(ul.c-horizontal_content-meta__round-btn) {
  color: #ffffff;
  border: 1px solid #ffffff;
}
body .c-horizontal_content-meta--white .c-horizontal_content-meta__round-btn li > a {
  border: 1px solid #ffffff;
  color: #ffffff;
}
body .c-horizontal_content-meta--white .c-horizontal_content-meta__round-btn li > a:hover {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  color: #000000;
}
body .c-horizontal_content-meta--white .c-horizontal_content-meta__round-btn li ul.c-horizontal_content-meta__round-btn {
  padding: 0;
  min-width: 5em;
}

/* -----------------------------------------------------------------
ページネーション
-----------------------------------------------------------------
〜〜〜〜　／　〜〜〜〜　／　〜〜〜〜　／　
-----------------------------------------------------------------*/
body .c-horizontal-diagonal-separator {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
body .c-horizontal-diagonal-separator__item {
  position: relative;
  overflow-y: hidden;
  line-height: 1;
  padding-right: 3em;
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-horizontal-diagonal-separator__item {
    padding-right: 3em;
  }
}
body .c-horizontal-diagonal-separator__item:after {
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
  -webkit-transform: translateY(-50%) rotate(-45deg);
  -ms-transform: translateY(-50%) rotate(-45deg);
  right: 0;
  content: "";
  z-index: 0;
  pointer-events: all;
  flex-wrap: nowrap;
  -webkit-overflow-scrolling: touch;
  background: #e1e1e1;
  height: 1px;
  width: 1px;
  padding-right: 1em;
  margin-right: 1em;
}
body .c-horizontal-diagonal-separator__item:last-child {
  padding-right: 0;
}
body .c-horizontal-diagonal-separator__item:last-child:after {
  display: none;
}
body .c-horizontal-diagonal-separator__item > :not(a) {
  display: flex;
  align-items: center;
  height: 100%;
}
body .c-horizontal-diagonal-separator__item a {
  position: relative;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  line-height: 1.25;
  position: relative;
  display: block;
  text-decoration: none;
  color: #000000;
  transition: all 0.3s ease-out;
}
body .c-horizontal-diagonal-separator__item a:before {
  box-sizing: border-box;
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 1px;
  transform: scaleX(0);
  transform-origin: left center;
  background-color: var(--main-color);
  content: "";
  transition: all 0.5s cubic-bezier(1, 0, 0, 1);
  transition-property: transform;
  transition-timing-function: cubic-bezier(1, 0, 0, 1);
}
body .c-horizontal-diagonal-separator__item a:hover:after {
  right: 0;
}
body .c-horizontal-diagonal-separator__item a:hover:before {
  transform: scaleX(1);
}
body .c-horizontal-diagonal-separator__item a:hover {
  color: var(--main-color);
}
body .c-horizontal-diagonal-separator__item a.current {
  color: #000000;
}
body .c-horizontal-diagonal-separator__item a.current:before {
  background-color: #000000;
  transform: scaleX(1);
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-horizontal-diagonal-separator__item a {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }
}
body .c-horizontal-diagonal-separator__item label {
  padding-left: 1em;
  padding-right: 1em;
}
body .c-horizontal-diagonal-separator__item .count {
  font-size: 12px;
  padding-left: 1em;
  vertical-align: super;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .c-horizontal-diagonal-separator__item .count {
    font-size: calc(12 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-horizontal-diagonal-separator__item .count {
    font-size: calc(100 / 750 * calc(20 * 1) * 1vw);
  }
}

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

--------------------------------------------------
・SP：ドロップダウンメニューの表示
・PC：グローバルナビが非表示の場合に、ハンバーガーメニューで表示

--------------------------------------------------
使い方
--------------------------------------------------
各プロジェクトの任意（ヘッダー、フッター）のscssで、
body 使用する箇所（タグ）の直下にSPになるブレイクポイントを引数にして記載
必要があれば、プロジェクトのscssで数値を上書きしていく。
body {
    :
     #l-header {
        @include dropdownmenu-SP-A1($G_BP_HEADER_SP_CHANGE_POINT);
    }
    ：
}
================================================ */
.js-toggle-open .logo-mv-overlay {
  display: block;
  opacity: 1;
}
.js-toggle-open .logo-scroll, .js-toggle-open .logo-default {
  display: none;
  opacity: 0;
}

body.js-toggle-open #l-header .gnavi:not(.gnav-with-hmbgmenu) {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  opacity: 1;
  z-index: 999;
  align-items: flex-start;
  justify-content: initial;
}
body.js-toggle-open #l-header .gnavi:not(.gnav-with-hmbgmenu) .l-header__secondary__top, body.js-toggle-open #l-header .gnavi:not(.gnav-with-hmbgmenu) .l-header__secondary__bottom {
  width: 100%;
}

@media only screen and (max-width: calc(767 * 1px)) {
  body #l-header .l-header__secondary.l-header__secondary--two-tier .l-header__secondary__bottom .gnavi__wrap.c-dd-nav #menu-header-nav {
    padding-bottom: 2em;
  }
  body #l-header .l-header__secondary.l-header__secondary--two-tier .l-header__secondary__top {
    flex-direction: column-reverse;
    padding-bottom: 100px;
    padding-left: calc(100 / 750 * 40 * 1vw);
    padding-right: calc(100 / 750 * 40 * 1vw);
  }
}
/*----------------------------------------------
  グローバルナビ
  https://coco-factory.jp/ugokuweb/move01/5-1-1/
  ----------------------------------------------*/
body {
  /*=========================================================================
  ハンバーガーアイコン
  =========================================================================*/
  /* ハンバーガーアイコン
  ----------------------------------------------*/
  /*=========================================================================
  ドロップダウンメニュー　
  =========================================================================*/
  /* 基本設定
  ----------------------------------------------*/
  /* 第１階層 ナビゲーション設定
  ----------------------------------------------*/
  /* ナビゲーションのリンク設定 */
  /*　第二階層 以降 のナビゲーションの 共通 設定
  ----------------------------------------------*/
  /*下の階層を持っているulの指定*/
  /*hoverしたら表示*/
  /* ナビゲーションのリンク設定 */
  /* ▶︎ 矢印の設定 */
  /* 下の階層を持っているulの指定 */
  /* ナビゲーションaタグの形状 */
  /*　第三階層 のナビゲーションの 設定
  ----------------------------------------------*/
  /*3階層目の位置*/
  /* グローバルナビを表示 / 非表示
  ----------------------------------------------*/
  /*=========================================================================
  TB
  =========================================================================*/
  /*=========================================================================
  SP
  =========================================================================*/
  /*==SPのサイズ以下の形状*/
}
body .logo-mv-overlay {
  display: none;
  opacity: 0;
}
body .logo-scroll, body .logo-default {
  display: block;
  opacity: 1;
}
body.home .logo-mv-overlay {
  display: block;
  opacity: 1;
}
body.home .logo-scroll, body.home .logo-default {
  display: none;
  opacity: 0;
}
body .nav-toggle {
  display: none;
}
body .has-child .js-add-c-dd-expand {
  display: none;
}
body #l-header .btn-burger {
  top: 0;
  display: none;
  right: 10px;
  position: fixed;
  z-index: 99999;
}
body #l-header .nav-toggle:checked ~ .btn-burger .icon {
  background: transparent;
}
body #l-header .nav-toggle:checked ~ .btn-burger .icon:before {
  transform: rotate(-45deg);
  top: 1px;
}
body #l-header .nav-toggle:checked ~ .btn-burger .icon:after {
  transform: rotate(45deg);
  top: 0;
}
body #l-header .icon,
body #l-header .icon:before,
body #l-header .icon:after {
  transition: all 0.3s;
}
body .c-dd-nav__ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
body .c-dd-nav__ul ul ul {
  display: block;
}
body .c-dd-nav__ul__menu-item {
  position: relative;
}
body .c-dd-nav__ul__menu-item a {
  display: block;
  text-decoration: none;
}
body .c-dd-nav__ul > .c-dd-nav__ul__menu-item {
  height: 100%;
}
body .c-dd-nav__ul > .c-dd-nav__ul__menu-item span {
  font-size: 16px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .c-dd-nav__ul > .c-dd-nav__ul__menu-item span {
    font-size: calc(16 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-dd-nav__ul > .c-dd-nav__ul__menu-item span {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
}
body .c-dd-nav__ul > .c-dd-nav__ul__menu-item.current-menu-item > a:not(.js-add-c-dd-expand):after {
  transform: scale(1, 1); /*X方向にスケール拡大*/
}
body .c-dd-nav__ul > .c-dd-nav__ul__menu-item:hover > a:not(.js-add-c-dd-expand):after {
  transform: scale(1, 1); /*X方向にスケール拡大*/
}
body .c-dd-nav__ul > .c-dd-nav__ul__menu-item > a:not(.js-add-c-dd-expand) {
  height: 100%;
  padding-left: 1.4em;
  padding-right: 1.4em;
  display: flex;
}
body .c-dd-nav__ul > .c-dd-nav__ul__menu-item > a:not(.js-add-c-dd-expand):after {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  left: 0%;
  width: 100%;
  height: 2px;
  background-color: var(--main-color);
  transition: all 0.3s;
  transform: scale(0, 1);
  transform-origin: center top;
}
body .multilingual .c-dd-nav .c-dd-nav__ul > .c-dd-nav__ul__menu-item > a:not(.js-add-c-dd-expand):after {
  top: initial;
  bottom: 0;
}
body .c-dd-nav__ul > .c-dd-nav__ul__menu-item:not(.header-btn-cta) > a:not(.js-add-c-dd-expand) {
  color: #000000;
}
body.js-header-layered-style .c-dd-nav__ul > .c-dd-nav__ul__menu-item > a:not(.js-add-c-dd-expand), body.js-toggle-open .c-dd-nav__ul > .c-dd-nav__ul__menu-item > a:not(.js-add-c-dd-expand) {
  color: #000000;
}
body .c-dd-nav__ul__menu-item span {
  position: relative;
}
body .c-dd-nav__ul > .c-dd-nav__ul__menu-item.has-child > a > span::before {
  content: "";
  position: absolute;
  right: -0.8em;
  top: 0.6em;
  width: 4px;
  height: 4px;
  border-top: 2px solid #888888;
  border-right: 2px solid #888888;
  transform: rotate(135deg);
  transition: all 0.3s ease-out;
}
body.js-header-layered-style .c-dd-nav__ul > .c-dd-nav__ul__menu-item.has-child > a > span::before, body.js-toggle-open .c-dd-nav__ul > .c-dd-nav__ul__menu-item.has-child > a > span::before {
  border-top: 2px solid #000000;
  border-right: 2px solid #000000;
}
body .c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta {
  padding-left: 1.4em;
  display: flex;
  justify-content: center;
  align-items: center;
}
body .c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta a {
  height: auto;
}
body .c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta a:after {
  content: none;
}
body .c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta a:hover {
  /*ボタンの形状*/
  border-color: transparent;
  color: #fff;
  /*背景の色と形状*/
  background: linear-gradient(270deg, #fa6c9f 0%, #ffe140 50%, #ff357f 100%);
  background-size: 200% auto;
  background-position: right center;
  /*ボックスの影*/
  box-shadow: 0 5px 10px rgba(250, 108, 159, 0.4);
}
body .c-dd-nav__ul__menu-item.has-child .sub-menu {
  /*絶対配置で位置を指定*/
  position: absolute;
  z-index: 4;
  /*形状を指定*/
  /*はじめは非表示*/
  visibility: hidden;
  opacity: 0;
  /*アニメーション設定*/
  transition: all 0.3s ease-out;
}
body .c-dd-nav__ul__menu-item.has-child .sub-menu span {
  font-size: 14px;
  line-height: 1.25;
  display: block;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .c-dd-nav__ul__menu-item.has-child .sub-menu span {
    font-size: calc(14 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-dd-nav__ul__menu-item.has-child .sub-menu span {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
body .c-dd-nav__ul__menu-item.has-child:hover > .sub-menu,
body .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item:hover > .sub-menu,
body .c-dd-nav__ul__menu-item.has-child:active > ul,
body .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item:active > .sub-menu {
  visibility: visible;
  opacity: 1;
}
body .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a:not(.js-add-c-dd-expand) {
  height: 100%;
  padding: 0.75em 1.4em 0.75em 2em;
  transition: all 0.3s ease-out;
  text-align: left;
}
body ul ul .c-dd-nav__ul__menu-item.has-child::before {
  content: "";
  position: absolute;
  left: 6px;
  top: calc(50% - 4px / 2);
  width: 5px;
  height: 5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  transition: all 0.3s ease-out;
}
body .c-dd-nav__ul__menu-item.has-child .sub-menu {
  /*絶対配置で位置を指定*/
  left: 0;
  top: 160px;
  /*形状を指定*/
  width: 360px;
}
body .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item:last-child {
  border: none;
}
body .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item a {
  color: #ffffff;
}
body.js-header-layered-style .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item a, body.js-toggle-open .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item a {
  color: #000000;
}
body .c-dd-nav__ul__menu-item.has-child .sub-menu .sub-menu {
  top: 0;
  left: 182px;
}
body .c-dd-nav__ul__menu-item.has-child .ddmenu-return .sub-menu {
  left: -182px;
}
body .nav-toggle:checked ~ .gnavi {
  display: block;
  opacity: 1;
  z-index: 999;
}
body .gnavi__wrap {
  /*　第２階層 以降 のナビゲーションの 共通 設定
  ----------------------------------------------*/
  /* ナビゲーションのリンク設定 */
  /* 下の階層を持っているulの指定 */
  /*　第三階層 のナビゲーションの 設定
  ----------------------------------------------*/
  /* 第３階層の位置*/
  /*3階層目の位置*/
}
body .gnavi__wrap .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a {
  background-color: #f9f9f9;
}
body .gnavi__wrap .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a:hover {
  background-color: #f9f9f9;
}
body .gnavi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .sub-menu .c-dd-nav__ul__menu-item a {
  background-color: #f9f9f9;
}
body .gnavi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .sub-menu .c-dd-nav__ul__menu-item a:hover {
  background: #f9f9f9;
}
body .f-navi__wrap {
  /* 第１階層 ナビゲーション設定
  ----------------------------------------------*/
  /*　第２階層 以降 のナビゲーションの 共通 設定
  ----------------------------------------------*/
  /* ナビゲーションaタグの形状 */
  /*　第３階層 のナビゲーションの 設定
  ----------------------------------------------*/
  /*3階層目の位置*/
}
body .f-navi__wrap .c-dd-nav__ul > .c-dd-nav__ul__menu-item:not(.header-btn-cta) > a:not(.js-add-c-dd-expand) {
  color: #000000;
  background-color: #ffffff;
}
body .f-navi__wrap .c-dd-nav__ul > .c-dd-nav__ul__menu-item:not(.header-btn-cta) > a:not(.js-add-c-dd-expand):hover {
  background-color: #ffffff;
  color: var(--sub-color);
}
body .f-navi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item {
  border-bottom: none;
}
body .f-navi__wrap .c-dd-nav__ul__menu-item.has-child span::before {
  width: 4px;
  height: 4px;
  border-top: 2px solid #888888;
  border-right: 2px solid #888888;
}
body .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item a {
  background-color: #ffffff;
  color: #000000;
}
body .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item a:hover {
  background-color: #ffffff;
  color: var(--sub-color);
}
body .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .sub-menu .c-dd-nav__ul__menu-item a {
  background-color: #ffffff;
}
body .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .sub-menu .c-dd-nav__ul__menu-item a:hover {
  background-color: #ffffff;
  color: var(--sub-color);
}
@media only screen and (max-width: 1470px) {
  body {
    /*　第三階層 のナビゲーションの 設定
    ----------------------------------------------*/
  }
  body .c-dd-nav__ul > .c-dd-nav__ul__menu-item > a:not(.js-add-c-dd-expand) {
    padding-left: 1.6vw;
    padding-right: 1.6vw;
  }
}

/*=========================================================================
 SP
=========================================================================*/
@media only screen and (max-width: 1000px) {
  /*=========================================================================
  必ずロゴを表示させる
  =========================================================================*/
  body.js-toggle-open #l-header .l-header__primary {
    position: fixed;
    padding-right: calc(calc(100 / 750 * 40 * 1vw) + 10vh);
  }
  /*=========================================================================
  スクロールチェーン
  =========================================================================*/
}
/*================================================
PCの時ハンバーガーメニューをクリックで全画面メニュー
ここでは、汎用的なモノのみ記載。
それ以外は、プロジェクト用のCSSを別途作成する
--------------------------------------------------
・https://coco-factory.jp/ugokuweb/move01/5-1-25/
================================================ */
/*$---------------------------------------------------------------------------
ハンバーガーメニューをクリックした時の背景処理設定
$---------------------------------------------------------------------------*/
.l-header__secondary, main, footer {
  transition: all 0.3s ease-out;
}

.bg-blur {
  -ms-filter: blur(6px) !important;
  filter: blur(6px) !important;
}

.bg-hidden {
  opacity: 0 !important;
}

body.js-toggle-open .l-header__secondary,
body.js-toggle-open #breadcrumb-sec,
body.js-toggle-open .content-wrap,
body.js-toggle-open footer {
  pointer-events: none !important;
  opacity: 0 !important;
}

body {
  /*=========================================================================
  スクロールチェーン対策：ハンバーガーメニューをクリックした時
  =========================================================================*/
  /*=========================================================================
  必ずロゴを表示させる
  ・スマホの時
  ・フルナビをクリックした時
  =========================================================================*/
  /*=========================================================================
  ハンバーガーメニューをクリックした時にロゴを表示させない時は、
  ヘッダーのプライマリーを透明度０　に設定
  =========================================================================*/
  /*=========================================================================
  フルメニューの設定
  =========================================================================*/
}
body.js-toggle-open {
  overflow-y: hidden !important;
}
@media only screen and (min-width: calc(1000px + 1px)) {
  body.js-toggle-open .l-header__primary {
    opacity: 0;
  }
}
body #l-header {
  /*=========================================================================
  共通
  =========================================================================*/
  /* ハンバーガーアイコン
  ---------------------------------------------------------------------------*/
  /* 複製のグロナビのラッパー gnavi
  $---------------------------------------------------------------------------*/
  /* 複製のグロナビ
  $---------------------------------------------------------------------------*/
  /* PCだけ：フル画面 MENU
  $---------------------------------------------------------------------------*/
  /*=========================================================================
   PCのグロナビを表示しない場合
  =========================================================================*/
  /*
  c-doropdown-menu を読み込みレイアウト設定
  $---------------------------------------------------------------------------*/
}
body #l-header .nav-toggle {
  display: none !important;
}
body #l-header .btn-burger {
  position: fixed;
  display: flex;
  top: auto;
}
@media only screen and (max-width: 1000px) {
  body #l-header .btn-burger {
    top: calc((10vh - 10vh - 1em) / 2);
    margin: 0;
  }
}
body #l-header #js-add-gnavi .gnavi {
  height: 100vh;
  width: 100%;
}
body #l-header #js-add-gnavi .gnavi:after {
  position: absolute;
  content: "";
  height: 100vh;
  width: 100%;
  background-color: white;
  opacity: 0.8;
}
body #l-header #js-add-gnavi {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100vh;
  transition: all 0.3s ease-out;
}
body #l-header #js-add-gnavi.js-add-gnavi-hidden {
  opacity: 0;
  display: none;
}
body #l-header #js-add-gnavi.js-add-gnavi-display {
  opacity: 1;
  display: block;
}
@media (min-width: calc(1000px + 1px)) {
  body #l-header #js-add-gnavi .gnavi__wrap.c-dd-nav {
    box-sizing: border-box;
    margin: 0 auto;
    padding-top: calc(160px - 10vh);
    padding-bottom: calc(160px - 1em);
    padding-left: calc(calc((100% - calc(73 * 1%)) / 2) + 10vh + 2em);
    padding-right: calc(calc((100% - calc(73 * 1%)) / 2) + 10vh + 2em);
    width: 100%;
    /*ナビの数が増えた場合縦スクロール*/
    position: fixed;
    z-index: 999;
    height: 100vh; /*表示する高さ*/
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  body #l-header #js-add-gnavi .gnavi__lists.c-dd-nav__ul {
    width: 100%;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  body #l-header #js-add-gnavi .gnavi__lists.c-dd-nav__ul > .c-dd-nav__ul__menu-item {
    border-top: 1px solid #000000;
    width: calc(100% / 3 - 1em);
    height: auto;
    padding-bottom: 1em;
    margin-right: 1em;
    box-sizing: border-box;
    align-items: flex-start !important;
    font-size: calc(100 / 1162 * 28 * 1vw);
    line-height: 1.25;
  }
  body #l-header #js-add-gnavi .gnavi__lists.c-dd-nav__ul > .c-dd-nav__ul__menu-item a {
    padding-bottom: 0.5em !important;
    padding-top: 0.5em;
    padding-left: 0;
    padding-right: 0;
    height: auto;
    background-color: initial !important;
    border: none !important;
    color: #f3d5cc;
    transition: 0.3s ease;
  }
  body #l-header #js-add-gnavi .gnavi__lists.c-dd-nav__ul > .c-dd-nav__ul__menu-item a:hover {
    color: #ffffff;
  }
  body #l-header #js-add-gnavi .gnavi__lists.c-dd-nav__ul > .c-dd-nav__ul__menu-item .sub-menu {
    position: relative;
    visibility: visible;
    padding-left: 0.75em !important;
    opacity: 1;
    top: 0;
    left: 0;
    width: auto;
    background-color: initial !important;
  }
  body #l-header #js-add-gnavi .gnavi__lists.c-dd-nav__ul > .c-dd-nav__ul__menu-item > a:after {
    content: none;
  }
  body #l-header #js-add-gnavi .gnavi__lists.c-dd-nav__ul > .c-dd-nav__ul__menu-item.current-menu-item > a {
    color: #000000;
  }
  body #l-header #js-add-gnavi .gnavi__lists.c-dd-nav__ul > .c-dd-nav__ul__menu-item.current-menu-item > a:after {
    content: none;
  }
  body #l-header #js-add-gnavi .gnavi__lists.c-dd-nav__ul > .c-dd-nav__ul__menu-item.has-child a span:before {
    content: none;
  }
  body #l-header #js-add-gnavi .gnavi__lists.c-dd-nav__ul > .c-dd-nav__ul__menu-item .has-child:before {
    content: none;
  }
  body #l-header #js-add-gnavi .gnavi__lists.c-dd-nav__ul > .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item {
    font-size: 16px;
  }
}
body #l-header .c-lang-wrap,
body #l-header .gnavi__lists {
  padding-right: calc(10vh + 2em);
}
@media only screen and (max-width: 1000px) {
  body #l-header #js-add-gnavi {
    /*
    ・JSで追加したタグ
    ・ハンバーガーメニューをクリックした時にbodyタグにつけたクラス
    ・スクロールチェーン対応用
    ----------------------------------------------*/
    /* ハンバーガーアイコン
    ----------------------------------------------*/
    /* 第一階層 ナビゲーション設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /*　第二階層 以降 のナビゲーションの 共通 設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /*　第三階層 のナビゲーションの 設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /*=========================================================================
    ヘッダー
    =========================================================================*/
    /*=========================================================================
    フッター
    =========================================================================*/
  }
  body #l-header #js-add-gnavi .nav-toggle {
    display: none;
  }
  body #l-header #js-add-gnavi.js-toggle-open {
    overflow-y: hidden;
  }
  body #l-header #js-add-gnavi .btn-burger {
    display: flex;
  }
  body #l-header #js-add-gnavi .btn-burger {
    right: 0;
  }
  body #l-header #js-add-gnavi .gnavi {
    display: none;
    background-color: white;
    position: fixed;
    z-index: -1;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    padding-top: 10vh;
    transition: all 0.3s ease-out;
  }
  body #l-header #js-add-gnavi .c-dd-nav__ul__menu-item.has-child > a:not(.js-add-c-dd-expand) {
    margin-right: 56px;
  }
  body #l-header #js-add-gnavi .has-child .js-add-c-dd-expand {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: auto !important;
    right: 0;
    top: 0;
    z-index: 2;
    padding: 1.5em 1em;
    color: #6bb5cb;
  }
  body #l-header #js-add-gnavi .has-child .js-add-c-dd-expand .lines-vertical, body #l-header #js-add-gnavi .has-child .js-add-c-dd-expand .lines-horizontal {
    position: absolute;
    display: block;
    transition: all 0.3s;
    background: #fff;
    left: 50%;
    top: 50%;
    width: 40%;
    height: 1px;
    transform: translate(-50%, -50%);
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
  body #l-header #js-add-gnavi .has-child .js-add-c-dd-expand .lines-horizontal {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  body #l-header #js-add-gnavi .has-child .js-add-c-dd-expand .lines-vertical {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  body #l-header #js-add-gnavi .has-child.active > .js-add-c-dd-expand .lines-vertical {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  body #l-header #js-add-gnavi .gnavi__wrap {
    height: 100% !important;
  }
  body #l-header #js-add-gnavi .gnavi__lists-list {
    position: relative;
    box-sizing: border-box;
    height: 100vh !important;
    padding-top: 160px;
  }
  body #l-header #js-add-gnavi .gnavi__lists {
    box-sizing: border-box;
    display: block;
    /*ナビの数が増えた場合縦スクロール*/
    position: relative;
    z-index: 999;
    width: 100%;
    height: 100%; /*表示する高さ*/
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 100px;
    padding-left: calc(100 / 750 * 40 * 1vw);
    padding-right: calc(100 / 750 * 40 * 1vw);
  }
  body #l-header #js-add-gnavi .c-dd-nav__ul > .c-dd-nav__ul__menu-item {
    height: auto;
  }
  body #l-header #js-add-gnavi .c-dd-nav__ul > .c-dd-nav__ul__menu-item.current-menu-item > a:not(.js-add-c-dd-expand):after {
    content: none;
  }
  body #l-header #js-add-gnavi .c-dd-nav__ul > .c-dd-nav__ul__menu-item:hover > a:after {
    content: none;
  }
  body #l-header #js-add-gnavi .c-dd-nav__ul > .c-dd-nav__ul__menu-item.current-menu-item > a, body #l-header #js-add-gnavi .c-dd-nav__ul > .c-dd-nav__ul__menu-item a {
    color: #000000;
  }
  body #l-header #js-add-gnavi .c-dd-nav__ul > .c-dd-nav__ul__menu-item.current-menu-item > a:hover, body #l-header #js-add-gnavi .c-dd-nav__ul > .c-dd-nav__ul__menu-item a:hover {
    color: var(--sub-color);
  }
  body #l-header #js-add-gnavi .c-dd-nav__ul > .c-dd-nav__ul__menu-item > a:not(.js-add-c-dd-expand) {
    padding: 1.5em 1em 1.5em 1em;
  }
  body #l-header #js-add-gnavi .c-dd-nav__ul > .c-dd-nav__ul__menu-item > a:not(.js-add-c-dd-expand):after {
    content: none;
  }
  body #l-header #js-add-gnavi .c-dd-nav__ul__menu-item.has-child span {
    position: static;
  }
  body #l-header #js-add-gnavi .c-dd-nav__ul__menu-item.has-child span::before {
    content: none;
  }
  body #l-header #js-add-gnavi .c-dd-nav__ul__menu-item.has-child.active span::before {
    transform: rotate(-45deg);
    left: auto;
  }
  body #l-header #js-add-gnavi .c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta {
    padding-left: calc(100 / 750 * 40 * 1vw);
    padding-right: calc(100 / 750 * 40 * 1vw);
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 1000px) and (max-width: calc(767 * 1px)) {
  body #l-header #js-add-gnavi .c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta {
    padding-top: calc(calc(60 / 28 * 1rem) / 0.75);
    padding-bottom: calc(calc(60 / 28 * 1rem) / 0.75);
  }
}
@media only screen and (max-width: 1000px) {
  body #l-header #js-add-gnavi .c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta a {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
  }
  body #l-header #js-add-gnavi .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a:not(.js-add-c-dd-expand) {
    text-align: left;
    padding: 1.5em 1em 1.5em calc(1em * 2);
  }
  body #l-header #js-add-gnavi ul ul .c-dd-nav__ul__menu-item.has-child::before {
    content: none;
  }
  body #l-header #js-add-gnavi ul ul .c-dd-nav__ul__menu-item.has-child.active::before {
    transform: rotate(-45deg);
  }
  body #l-header #js-add-gnavi .c-dd-nav__ul__menu-item.has-child .sub-menu,
  body #l-header #js-add-gnavi .c-dd-nav__ul__menu-item.has-child .sub-menu .sub-menu {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    visibility: visible;
    opacity: 1;
    display: none;
    transition: none;
  }
  body #l-header #js-add-gnavi .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a:not(.js-add-c-dd-expand) {
    padding: 1.5em 1em 1.5em calc(1em * 3);
  }
  body #l-header #js-add-gnavi .gnavi__wrap {
    /* 第１階層 ナビゲーション設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /*　第２階層 以降 のナビゲーションの 共通 設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /* 第３階層の位置
    */
  }
  body #l-header #js-add-gnavi .gnavi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item a,
  body #l-header #js-add-gnavi .gnavi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item .sub-menu .c-dd-nav__ul__menu-item a,
  body #l-header #js-add-gnavi .gnavi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item .sub-menu .c-dd-nav__ul__menu-item .sub-menu .c-dd-nav__ul__menu-item a {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
  body #l-header #js-add-gnavi .gnavi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item {
    border-bottom: 1px solid #e1e1e1;
  }
  body #l-header #js-add-gnavi .gnavi__wrap .c-dd-nav__ul > .c-dd-nav__ul__menu-item:first-child {
    border-top: 1px solid #e1e1e1;
  }
  body #l-header #js-add-gnavi .gnavi__wrap .c-dd-nav__ul > .c-dd-nav__ul__menu-item a {
    background-color: white;
  }
  body #l-header #js-add-gnavi .gnavi__wrap .c-dd-nav__ul > .c-dd-nav__ul__menu-item a:hover {
    background-color: white;
    color: var(--sub-color);
  }
  body #l-header #js-add-gnavi .gnavi__wrap .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item {
    border-bottom: 1px solid #e1e1e1;
  }
  body #l-header #js-add-gnavi .gnavi__wrap .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a {
    background-color: white;
  }
  body #l-header #js-add-gnavi .gnavi__wrap .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a:hover {
    background-color: white;
    color: var(--sub-color);
  }
  body #l-header #js-add-gnavi .gnavi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .sub-menu .c-dd-nav__ul__menu-item a {
    background-color: white;
  }
  body #l-header #js-add-gnavi .gnavi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .sub-menu .c-dd-nav__ul__menu-item a:hover {
    background-color: white;
  }
  body #l-header #js-add-gnavi .f-navi__wrap {
    /* 第１階層 ナビゲーション設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /*　第２階層 以降 のナビゲーションの 共通 設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /*　第３階層 以降 のナビゲーションの 共通 設定
    ----------------------------------------------*/
  }
  body #l-header #js-add-gnavi .f-navi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item a,
  body #l-header #js-add-gnavi .f-navi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a,
  body #l-header #js-add-gnavi .f-navi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
  body #l-header #js-add-gnavi .f-navi__wrap .c-dd-nav .c-dd-nav__ul .c-dd-nav__ul__menu-item {
    border-bottom: 1px solid #e1e1e1;
  }
  body #l-header #js-add-gnavi .f-navi__wrap .c-dd-nav .c-dd-nav__ul > .c-dd-nav__ul__menu-item:first-child a {
    border-top: 1px solid #e1e1e1;
  }
  body #l-header #js-add-gnavi .f-navi__wrap .c-dd-nav__ul > .c-dd-nav__ul__menu-item a {
    background-color: #ffffff;
  }
  body #l-header #js-add-gnavi .f-navi__wrap .c-dd-nav__ul > .c-dd-nav__ul__menu-item a:hover {
    background-color: #ffffff;
  }
  body #l-header #js-add-gnavi .f-navi__wrap .c-dd-nav__ul > .c-dd-nav__ul__menu-item:first-child {
    border-top: solid 1px #e1e1e1;
  }
  body #l-header #js-add-gnavi .f-navi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item {
    border-bottom: solid 1px #e1e1e1;
  }
  body #l-header #js-add-gnavi .f-navi__wrap .c-dd-nav__ul__menu-item.has-child a:not(.js-add-c-dd-expand) span {
    position: static;
  }
  body #l-header #js-add-gnavi .f-navi__wrap .c-dd-nav__ul__menu-item.has-child a:not(.js-add-c-dd-expand) span::before {
    height: 5px;
    width: 5px;
    border-top: 2px solid white;
    border-right: 2px solid white;
    right: calc(calc(40 / 750 * 750 / 750) * 100 * 1%);
    top: calc(1.5em + 0em);
  }
  body #l-header #js-add-gnavi .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item {
    border-bottom: 1px solid #e1e1e1;
  }
  body #l-header #js-add-gnavi .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item:first-child {
    border-top: solid 1px #e1e1e1;
  }
  body #l-header #js-add-gnavi .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item:last-child {
    border: none;
  }
  body #l-header #js-add-gnavi .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item a {
    background-color: #ffffff;
  }
  body #l-header #js-add-gnavi .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item a:hover {
    background-color: #f7f7f7;
  }
  body #l-header #js-add-gnavi .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .sub-menu .c-dd-nav__ul__menu-item a {
    background-color: #f7f7f7;
  }
  body #l-header #js-add-gnavi .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .sub-menu .c-dd-nav__ul__menu-item a:hover {
    background-color: #f7f7f7;
  }
  body #l-header #js-add-gnavi .f-navi__wrap ul ul .c-dd-nav__ul__menu-item.has-child::before {
    width: 5px;
    height: 5px;
    right: calc(calc(40 / 750 * 750 / 750) * 100 * 1%);
    top: calc(1.5em + 0em);
    border-top: 2px solid white;
    border-right: 2px solid white;
  }
}
@media only screen and (max-width: 1000px) {
  body #l-header {
    /*
    ここで設定したPCのフル画面 MENU をリセット
    （c-doropdown-menu を効かせる）
    $---------------------------------------------------------------------------*/
    /*
    c-doropdown-menu を読み込み終わったのに、デフォルトを表示の設定にする
    $---------------------------------------------------------------------------*/
  }
  body #l-header .gnavi__lists {
    padding-right: 0;
  }
  body #l-header #js-add-gnavi {
    opacity: 1;
  }
  body #l-header #js-add-gnavi .gnavi__wrap.c-dd-nav {
    position: relative;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 0;
  }
  body #l-header #js-add-gnavi .gnavi {
    display: block;
    opacity: 1;
    z-index: 999;
  }
  body #l-header #js-add-gnavi .gnavi__lists.c-dd-nav__ul {
    display: block;
    justify-content: normal;
    height: 100%;
    padding-top: 0;
    padding-bottom: 100px;
    padding-left: calc(100 / 750 * 40 * 1vw);
    padding-right: calc(100 / 750 * 40 * 1vw);
  }
}

/*=========================================================================
JP その他多言語　共通
【注意】c-langSelect.js　を読み込ませる
=========================================================================*/
.c-lang-wrap {
  display: flex;
  align-items: center;
  color: #000000;
  padding-top: 1em;
  padding-bottom: 1em;
  /* ----- Select Box Black Panther ----- */
  /* ----- Select Box Superman ----- */
  /* ===== Keyframes ===== */
}
.c-lang-wrap img {
  width: 1.4em;
  margin-right: 0.25em;
}
.c-lang-wrap .select-lang-ttl {
  font-weight: bold;
  font-size: 14px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-lang-wrap .select-lang-ttl {
    font-size: calc(14 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-lang-wrap .select-lang-ttl {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
.c-lang-wrap .sel {
  font-size: 14px;
  display: inline-block;
  width: 4em;
  background-color: transparent;
  position: relative;
  cursor: pointer;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-lang-wrap .sel {
    font-size: calc(14 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-lang-wrap .sel {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
.c-lang-wrap .sel::before {
  position: absolute;
  display: block;
  content: "";
  width: 1em;
  height: 1em;
  right: 0;
  top: calc(50% - 0.5em);
  background-image: url(/wp-content/themes/kodama-wamono/data/images/common/icon/btn_arrow-carrot_down_green.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
}
.c-lang-wrap .sel.active::before {
  transform: rotateX(-180deg);
}
.c-lang-wrap .sel p {
  display: flex;
  align-items: center;
}
.c-lang-wrap .sel p img {
  width: 1em;
  height: auto;
}
.c-lang-wrap .sel__placeholder {
  display: block;
  color: #000000;
  border-bottom: 1px solid #222222;
  font-weight: bold;
  padding: 0.2em 0.5em;
  text-align: left;
  pointer-events: none;
  user-select: none;
  visibility: visible;
}
.c-lang-wrap .sel.active .sel__placeholder {
  visibility: hidden;
}
.c-lang-wrap .sel__placeholder::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 0.2em 0.5em;
  content: attr(data-placeholder);
  visibility: hidden;
}
.c-lang-wrap .sel.active .sel__placeholder::before {
  visibility: visible;
}
.c-lang-wrap .sel__box {
  position: absolute;
  top: calc(100% + 4px);
  left: -4px;
  display: none;
  list-style-type: none;
  text-align: left;
  background-color: white;
  width: calc(100% + 8px);
  box-sizing: border-box;
}
.c-lang-wrap .sel.active .sel__box {
  display: block;
  animation: fadeInUp 500ms;
}
.c-lang-wrap .sel__box__options {
  display: list-item;
  color: #333333;
  padding: 0.5em 1em;
  user-select: none;
  text-decoration: none;
}
.c-lang-wrap .sel__box__options::after {
  position: relative;
  content: "";
  width: 1em;
  height: 1em;
  right: -0.5em;
  top: calc(50% - 0.5em);
  background-image: url(/wp-content/themes/kodama-wamono/data/images/common/icon/btn_arrow-carrot_down_green.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-left: 5px;
  display: none;
}
.c-lang-wrap .sel__box__options.selected::after {
  display: inline-block;
}
.c-lang-wrap .sel__box__options:hover {
  background-color: red;
  color: white;
}
.c-lang-wrap .sel--black-panther {
  z-index: 3;
}
.c-lang-wrap .sel--superman {
  /*   display: none; */
  z-index: 2;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

.c-lang-wrap.ja {
  position: absolute;
  right: 20px;
  top: 2em;
}

body.en .c-lang-wrap, body.chs .c-lang-wrap, body.cht .c-lang-wrap {
  color: #ffffff;
}
body.en .c-lang-wrap .select-lang-ttl, body.chs .c-lang-wrap .select-lang-ttl, body.cht .c-lang-wrap .select-lang-ttl {
  text-shadow: 0 0 1.5em rgb(8, 28, 58), 0 0 0.5em rgba(8, 28, 58, 0.75);
}
body.en .c-lang-wrap .sel::before, body.chs .c-lang-wrap .sel::before, body.cht .c-lang-wrap .sel::before {
  background-image: url(/wp-content/themes/kodama-wamono/data/images/common/icon/btn_arrow-carrot_down_white.svg);
}
body.en .c-lang-wrap .sel__placeholder, body.chs .c-lang-wrap .sel__placeholder, body.cht .c-lang-wrap .sel__placeholder {
  text-shadow: 0 0 1.5em rgb(8, 28, 58), 0 0 0.5em rgba(8, 28, 58, 0.75);
  color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

.l-header__secondary--two-tier .c-dd-nav {
  height: auto;
}
.l-header__secondary--two-tier .c-dd-nav .c-dd-nav__ul > .c-dd-nav__ul__menu-item > a:not(.js-add-c-dd-expand):after {
  top: initial;
  bottom: 0;
}

@media only screen and (max-width: calc(767 * 1px)) {
  .c-lang-wrap .select-lang-ttl {
    display: none;
  }
  .c-lang-wrap.ja {
    position: absolute;
    top: 4px;
  }
}
/* -----------------------------------------------------------------
ページネーション
-----------------------------------------------------------------

-----------------------------------------------------------------*/
body {
  /* 共通
  ---------------------------------------- */
  /* ナビ   <- PREV  :::　NEXT ->
  ---------------------------------------- */
  /* ナビ   <- PREV  1 2 3　NEXT ->
  ---------------------------------------- */
}
body .pagination-next-index-prev,
body .pagination-next-numbers-prev {
  display: flex;
  justify-content: space-between;
}
body .pagination-next-index-prev .content-nav__prev,
body .pagination-next-index-prev .content-nav__next,
body .pagination-next-index-prev .content-nav__numbers,
body .pagination-next-numbers-prev .content-nav__prev,
body .pagination-next-numbers-prev .content-nav__next,
body .pagination-next-numbers-prev .content-nav__numbers {
  padding: 1.2em;
  font-size: 14px;
  font-weight: 500;
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .pagination-next-index-prev .content-nav__prev,
  body .pagination-next-index-prev .content-nav__next,
  body .pagination-next-index-prev .content-nav__numbers,
  body .pagination-next-numbers-prev .content-nav__prev,
  body .pagination-next-numbers-prev .content-nav__next,
  body .pagination-next-numbers-prev .content-nav__numbers {
    font-size: calc(14 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .pagination-next-index-prev .content-nav__prev,
  body .pagination-next-index-prev .content-nav__next,
  body .pagination-next-index-prev .content-nav__numbers,
  body .pagination-next-numbers-prev .content-nav__prev,
  body .pagination-next-numbers-prev .content-nav__next,
  body .pagination-next-numbers-prev .content-nav__numbers {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
body .pagination-next-index-prev .content-nav__prev,
body .pagination-next-index-prev .content-nav__next,
body .pagination-next-numbers-prev .content-nav__prev,
body .pagination-next-numbers-prev .content-nav__next {
  display: flex;
}
body .pagination-next-index-prev .content-nav__prev a,
body .pagination-next-index-prev .content-nav__next a,
body .pagination-next-numbers-prev .content-nav__prev a,
body .pagination-next-numbers-prev .content-nav__next a {
  text-decoration: none;
  color: #000000;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
body .pagination-next-index-prev .content-nav__prev .c-btn-circle-arow,
body .pagination-next-index-prev .content-nav__next .c-btn-circle-arow,
body .pagination-next-numbers-prev .content-nav__prev .c-btn-circle-arow,
body .pagination-next-numbers-prev .content-nav__next .c-btn-circle-arow {
  width: 60px;
}
body .pagination-next-index-prev .content-nav__prev .label,
body .pagination-next-index-prev .content-nav__next .label,
body .pagination-next-numbers-prev .content-nav__prev .label,
body .pagination-next-numbers-prev .content-nav__next .label {
  width: 100%;
  height: 100%;
  display: inline-block;
  flex: 1;
}
body .pagination-next-index-prev .content-nav__prev .link-disabled,
body .pagination-next-index-prev .content-nav__next .link-disabled,
body .pagination-next-numbers-prev .content-nav__prev .link-disabled,
body .pagination-next-numbers-prev .content-nav__next .link-disabled {
  opacity: 0.35;
}
body .pagination-next-index-prev .content-nav__prev:hover a,
body .pagination-next-index-prev .content-nav__next:hover a,
body .pagination-next-numbers-prev .content-nav__prev:hover a,
body .pagination-next-numbers-prev .content-nav__next:hover a {
  color: var(--main-color);
}
body .pagination-next-index-prev .content-nav__prev:hover .c-btn-circle-arow:not(.link-disabled):after,
body .pagination-next-index-prev .content-nav__next:hover .c-btn-circle-arow:not(.link-disabled):after,
body .pagination-next-numbers-prev .content-nav__prev:hover .c-btn-circle-arow:not(.link-disabled):after,
body .pagination-next-numbers-prev .content-nav__next:hover .c-btn-circle-arow:not(.link-disabled):after {
  width: 60px;
  height: 60px;
}
body .pagination-next-index-prev .content-nav__prev,
body .pagination-next-numbers-prev .content-nav__prev {
  justify-content: flex-start;
}
body .pagination-next-index-prev .content-nav__prev .label,
body .pagination-next-numbers-prev .content-nav__prev .label {
  padding-left: 2em;
  padding-right: 2em;
}
body .pagination-next-index-prev .content-nav__next,
body .pagination-next-numbers-prev .content-nav__next {
  justify-content: flex-end;
}
body .pagination-next-index-prev .content-nav__next .label,
body .pagination-next-numbers-prev .content-nav__next .label {
  padding-left: 2em;
  padding-right: 2em;
  display: flex;
  justify-content: flex-end;
}
body .pagination-next-index-prev .content-nav__next a,
body .pagination-next-numbers-prev .content-nav__next a {
  justify-content: flex-end;
}
body .pagination-next-index-prev .content-nav__index {
  width: 60px;
}
body .pagination-next-index-prev .content-nav__index a {
  padding: 0;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
body .pagination-next-index-prev .content-nav__index a i {
  font-size: 1.5em;
}
body .pagination-next-index-prev .content-nav__prev,
body .pagination-next-index-prev .content-nav__next {
  width: calc((100% - 60px) / 2);
  min-width: 60px;
}
body .pagination-next-index-prev .content-nav__prev a,
body .pagination-next-index-prev .content-nav__next a {
  display: flex;
  align-items: center;
  text-decoration: none;
  color: #000000;
}
body .pagination-next-index-prev .content-nav__prev a .label,
body .pagination-next-index-prev .content-nav__next a .label {
  width: calc(100% - 60px);
  display: flex;
  align-items: center;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .pagination-next-index-prev .content-nav__prev a .label,
  body .pagination-next-index-prev .content-nav__next a .label {
    display: none !important;
  }
}
body .pagination-next-numbers-prev .content-nav__numbers {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
body .pagination-next-numbers-prev .content-nav__numbers__item {
  margin: 0.2em;
  width: 2.2em;
  height: 2.2em;
  border-radius: 10%;
  border: 1px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease-out;
}
body .pagination-next-numbers-prev .content-nav__numbers__item.current {
  background-color: #000000;
  border-color: #000000;
  color: #ffffff;
}
body .pagination-next-numbers-prev .content-nav__numbers__item a {
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
}
body .pagination-next-numbers-prev .content-nav__numbers__item:not(.current):hover {
  cursor: pointer;
  border-color: var(--main-color);
  background-color: var(--main-color);
}
body .pagination-next-numbers-prev .content-nav__numbers__item:not(.current):hover a {
  color: #ffffff;
}
body .pagination-next-numbers-prev .content-nav__prev {
  display: flex;
  justify-content: flex-start;
}
body .pagination-next-numbers-prev .content-nav__prev .label {
  padding-left: 2em;
}
body .pagination-next-numbers-prev .content-nav__next {
  display: flex;
  justify-content: flex-end;
}
body .pagination-next-numbers-prev .content-nav__next .label {
  padding-right: 2em;
  display: flex;
  justify-content: flex-end;
}

/* -----------------------------------------------------------------
ページネーション
-----------------------------------------------------------------

-----------------------------------------------------------------*/
.pagination {
  text-align: center;
}
.pagination .nav-links .page-numbers {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  border: 2px solid #edeceb;
  border-radius: 20%;
  background-color: #F7F6F5;
  font-size: 1rem;
}
.pagination .nav-links .current {
  color: #ffffff;
  border-color: #000000;
  background-color: #000000;
}
/*　
WORDPRESSのメニューの作成

■ メニュー名；header-nav-top

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■ 種類
　カスタムリンク
■ URL
　tel:090-1234-5678
■ ナビゲーションラベル
　090-1234-5678

■ CSS class (オプション)
　tel-number
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■ 種類
　カスタムリンク
■ URL
　#
■ ナビゲーションラベル
　LINE友達登録
■ CSS class (オプション)
　
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■ 種類
　カスタムリンク
■ URL
　#
■ ナビゲーションラベル
　資料ダウンロード
■ CSS class (オプション)

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■ ヘッダーナビトップ　にチェック
 */
nav.l-header-nav-top ul.l-header-nav-top-menu li.menu-item {
  padding: 0.5em 1em;
}
nav.l-header-nav-top ul.l-header-nav-top-menu li.menu-item.tel-number a {
  pointer-events: none; /* PC時のクリック無効 */
  cursor: default; /* PC時のカーソル */
  color: #000000; /* PC時のテキストカラーを継承 */
  text-decoration: none; /* PC時のリンク装飾を無効化 */
}
@media only screen and (max-width: calc(767 * 1px)) {
  nav.l-header-nav-top ul.l-header-nav-top-menu li.menu-item.tel-number a {
    pointer-events: auto; /* SP時のクリック有効 */
    cursor: pointer; /* SP時のカーソル */
  }
}

.c-faq-accordion .c-faq-accordion__item {
  border: none;
  border-radius: 10px;
  padding: 0.5em 0.5em;
  background-color: #ffffff;
}
.c-faq-accordion .c-faq-accordion__item:nth-child(n+2) {
  margin-top: 1em;
}
.c-faq-accordion .c-faq-accordion__item .toggle {
  display: none;
}
.c-faq-accordion .c-faq-accordion__item .c-faq-accordion__item {
  position: relative;
}
.c-faq-accordion .c-faq-accordion__item .c-faq-accordion__item:last-child {
  margin-bottom: 0;
}
.c-faq-accordion .c-faq-accordion__item .title .type, .c-faq-accordion .c-faq-accordion__item .title .txt, .c-faq-accordion .c-faq-accordion__item .title .answer-txt, .c-faq-accordion .c-faq-accordion__item .content .type, .c-faq-accordion .c-faq-accordion__item .content .txt, .c-faq-accordion .c-faq-accordion__item .content .answer-txt {
  display: flex;
  align-items: center;
}
.c-faq-accordion .c-faq-accordion__item .title, .c-faq-accordion .c-faq-accordion__item .content {
  position: relative;
  display: flex;
  align-items: stretch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: all 0.6s;
}
.c-faq-accordion .c-faq-accordion__item .title .txt {
  flex: 1;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.25;
  background-color: initial;
  color: #000000;
  transition: all 0.6s;
  padding-left: 0.5em;
  padding-right: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-faq-accordion .c-faq-accordion__item .title .txt {
    font-size: calc(16 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-faq-accordion .c-faq-accordion__item .title .txt {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
}
.c-faq-accordion .c-faq-accordion__item .content {
  background-color: initial;
  border-radius: 0;
}
.c-faq-accordion .c-faq-accordion__item .type {
  justify-content: center;
  font-weight: bold;
  font-size: 22px;
  line-height: 1;
  font-family: "Jost", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  transition: all 0.6s;
  width: 1.5em;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-faq-accordion .c-faq-accordion__item .type {
    font-size: calc(22 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-faq-accordion .c-faq-accordion__item .type {
    font-size: calc(100 / 750 * calc(34 * 1) * 1vw);
  }
}
.c-faq-accordion .c-faq-accordion__item .title .type {
  background-color: initial;
  color: #000000;
}
.c-faq-accordion .c-faq-accordion__item .content .type {
  color: #000000;
}
.c-faq-accordion .c-faq-accordion__item .content-wrap {
  overflow: hidden;
  max-height: 0;
  transition: all 0.6s;
}
.c-faq-accordion .c-faq-accordion__item .content {
  margin-top: 0em;
  margin-bottom: 0.75em;
}
.c-faq-accordion .c-faq-accordion__item .content .answer-txt {
  flex: 1;
  line-height: 1.5;
  font-size: 16px;
  padding-left: 0.5em;
  padding-right: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-faq-accordion .c-faq-accordion__item .content .answer-txt {
    font-size: calc(16 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-faq-accordion .c-faq-accordion__item .content .answer-txt {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
}
.c-faq-accordion .c-faq-accordion__item .title .btn {
  font-size: 16px;
  background-color: #ffffff;
  width: 2.4em;
  display: block;
  position: relative;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-faq-accordion .c-faq-accordion__item .title .btn {
    font-size: calc(16 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-faq-accordion .c-faq-accordion__item .title .btn {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
}
.c-faq-accordion .c-faq-accordion__item .title .btn:after, .c-faq-accordion .c-faq-accordion__item .title .btn:before {
  content: "";
  position: absolute;
  right: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 2px;
  height: 1.25em;
  background-color: #000000;
  transition: all 0.6s;
  z-index: 2;
}
.c-faq-accordion .c-faq-accordion__item .title .btn:after {
  transform: rotate(90deg);
  top: calc(50% - 0.625em - 1px);
}
.c-faq-accordion .c-faq-accordion__item .title:hover .type, .c-faq-accordion .c-faq-accordion__item .toggle:checked + .title .type {
  background-color: initial;
  color: #000000;
}
.c-faq-accordion .c-faq-accordion__item .title:hover .txt, .c-faq-accordion .c-faq-accordion__item .toggle:checked + .title .txt {
  background-color: initial;
  color: #000000;
}
.c-faq-accordion .c-faq-accordion__item .title:hover .btn, .c-faq-accordion .c-faq-accordion__item .toggle:checked + .title .btn {
  background-color: #ffffff;
}
.c-faq-accordion .c-faq-accordion__item .title:hover .btn:after, .c-faq-accordion .c-faq-accordion__item .title:hover .btn:before, .c-faq-accordion .c-faq-accordion__item .toggle:checked + .title .btn:after, .c-faq-accordion .c-faq-accordion__item .toggle:checked + .title .btn:before {
  background-color: #000000;
}
.c-faq-accordion .c-faq-accordion__item .title:hover .type, .c-faq-accordion .c-faq-accordion__item .title:hover .txt, .c-faq-accordion .c-faq-accordion__item .title:hover .btn {
  cursor: pointer;
}
.c-faq-accordion .c-faq-accordion__item .title:hover .btn {
  background-color: #ffffff;
}
.c-faq-accordion .c-faq-accordion__item .toggle:checked + .title .btn:before {
  transform: rotate(90deg);
  top: calc(50% - 0.625em - 1px);
}
.c-faq-accordion .c-faq-accordion__item .toggle:checked + .title + .content-wrap {
  max-height: 1500px;
  transition: all 0.6s;
}

@media only screen and (max-width: calc(767 * 1px)) {
  .c-faq-accordion .c-faq-accordion__item:nth-child(n+2) {
    margin-top: 1em;
  }
  .c-faq-accordion .c-faq-accordion__item .title .txt {
    font-size: 16px;
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-faq-accordion .c-faq-accordion__item .title .txt {
    font-size: calc(16 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc(767 * 1px)) {
  .c-faq-accordion .c-faq-accordion__item .title .txt {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-faq-accordion .c-faq-accordion__item .type {
    font-size: 22px;
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-faq-accordion .c-faq-accordion__item .type {
    font-size: calc(22 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc(767 * 1px)) {
  .c-faq-accordion .c-faq-accordion__item .type {
    font-size: calc(100 / 750 * calc(34 * 1) * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-faq-accordion .c-faq-accordion__item .content .answer-txt {
    flex: 1;
    font-size: 16px;
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-faq-accordion .c-faq-accordion__item .content .answer-txt {
    font-size: calc(16 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc(767 * 1px)) {
  .c-faq-accordion .c-faq-accordion__item .content .answer-txt {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-faq-accordion .c-faq-accordion__item .title .btn {
    font-size: 16px;
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-faq-accordion .c-faq-accordion__item .title .btn {
    font-size: calc(16 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc(767 * 1px)) {
  .c-faq-accordion .c-faq-accordion__item .title .btn {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
}
body.home #breadcrumb-sec {
  display: none;
}
body.js-header-layered-style #breadcrumb-sec {
  position: absolute;
  width: 100%;
  z-index: 610;
  background-color: rgba(0, 0, 0, 0);
  color: #000000;
}
body #breadcrumb-sec {
  background-color: white;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #breadcrumb-sec {
    display: none;
  }
}
body #breadcrumb {
  padding-top: calc(40 * 1px);
  font-size: 14px;
  color: #cccccc;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body #breadcrumb {
    font-size: calc(14 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #breadcrumb {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
body #breadcrumb a {
  text-decoration: none;
  color: #cccccc;
  transition: all 0.3s ease-out;
}
body #breadcrumb a:hover {
  color: var(--main-color);
}
body.js-header-layered-style #breadcrumb {
  color: #000000;
}
body.js-header-layered-style #breadcrumb a {
  color: #000000;
}
body.js-header-layered-style #breadcrumb a:hover {
  color: var(--main-color);
}

.c-scroll-scaledown-on-w-txt-ani-in {
  overflow: hidden;
}
.c-scroll-scaledown-on-w-txt-ani-in * {
  transform: scale(1.2);
  opacity: 0;
  animation: scaledownOnTxtWhite 1.5s ease-out 0s;
  animation-fill-mode: forwards;
}
@keyframes scaledownOnTxtWhite {
  0% {
    opacity: 0;
    transform: scale(1.3);
  }
  100% {
    opacity: 0.8;
    transform: scale(1);
  }
}

.js-c-scroll-scaledown-on-txt-none-ani-in {
  overflow: hidden;
}
.js-c-scroll-scaledown-on-txt-none-ani-in * {
  transform: scale(1.2);
  opacity: 0;
  animation: scaledownOnTxtNone 1.5s ease-out 0s;
  animation-fill-mode: forwards;
}
@keyframes scaledownOnTxtNone {
  0% {
    opacity: 0;
    transform: scale(1.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}

#curtain {
  position: fixed !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000000;
  z-index: 99999; /* 一番手前に */
  pointer-events: none;
  transition: all 1s cubic-bezier(0.1, 0.71, 0.43, 1.01);
  text-align: center;
  z-index: 99999999;
  top: -100%;
}

#curtain.close {
  top: 0;
}

body .c-tab-form-radio form {
  display: flex;
  justify-content: center;
  background-color: initial;
  margin-bottom: 60px;
  border-top: 1px solid #222222;
  border-bottom: 1px solid #222222;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .c-tab-form-radio form {
    margin-bottom: calc(60 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-tab-form-radio form {
    margin-bottom: calc(calc(100 / 750 * 60 * 1vw) / 0.75);
  }
}
body .c-tab-form-radio form .c-tab-form-radio__item {
  box-sizing: border-box;
  padding-top: 2em;
  padding-bottom: 2em;
  padding-left: 1.5em;
  padding-right: 1.5em;
  display: flex;
  align-items: center;
  z-index: 20;
  position: relative;
}
body .c-tab-form-radio form .c-tab-form-radio__item:nth-child(n+2):before {
  position: absolute;
  content: "";
  width: 1px;
  height: 60%;
  top: 20%;
  left: 0;
  background-color: #222222;
}
body .c-tab-form-radio form .c-tab-form-radio__item:hover {
  cursor: pointer;
}
body .c-tab-form-radio form .c-tab-form-radio__item:hover .label__check {
  border: 5px solid rgba(0, 0, 0, 0.2);
}
body .c-tab-form-radio form .c-tab-form-radio__item p {
  padding-left: 1em;
  text-decoration: none;
  font-size: 22px;
  font-family: "Jost", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  color: #000000;
  font-weight: 600;
  line-height: 1.25;
  opacity: 0.5;
  transition: 0.3s ease;
  flex: 1;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .c-tab-form-radio form .c-tab-form-radio__item p {
    font-size: calc(22 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-tab-form-radio form .c-tab-form-radio__item p {
    font-size: calc(100 / 750 * calc(34 * 1) * 1vw);
  }
}
body .c-tab-form-radio form .c-tab-form-radio__item p span {
  display: block;
  font-size: 12px;
  font-weight: normal;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .c-tab-form-radio form .c-tab-form-radio__item p span {
    font-size: calc(12 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-tab-form-radio form .c-tab-form-radio__item p span {
    font-size: calc(100 / 750 * calc(20 * 1) * 1vw);
  }
}
body .c-tab-form-radio form .c-tab-form-radio__item .label__checkbox {
  display: none;
}
body .c-tab-form-radio form .c-tab-form-radio__item .myradio {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.5em;
  height: 2.5em;
}
body .c-tab-form-radio form .c-tab-form-radio__item .label__check {
  box-sizing: border-box;
  border-radius: 50%;
  border: 3px solid rgba(0, 0, 0, 0.1);
  background: white;
  vertical-align: middle;
  width: 2.5em;
  height: 2.5em;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: border 0.3s ease;
}
body .c-tab-form-radio form .c-tab-form-radio__item .label__check i.icon {
  opacity: 0.2;
  font-size: calc(2.5em / 2);
  font-weight: bold;
  color: white;
  transition: opacity 0.3s 0.1s ease;
  -webkit-text-stroke: 2px rgba(0, 0, 0, 0.5);
}
body .c-tab-form-radio form .c-tab-form-radio__item .label__checkbox:checked + .myradio .label__text .label__check {
  animation: check 0.5s cubic-bezier(0.895, 0.03, 0.685, 0.22) forwards;
}
body .c-tab-form-radio form .c-tab-form-radio__item .label__checkbox:checked + .myradio .label__text .label__check .icon {
  opacity: 1;
  transform: scale(0);
  color: white;
  -webkit-text-stroke: 0 rgba(0, 0, 0, 0);
  animation: icon 0.3s cubic-bezier(1, 0.008, 0.565, 1.65) 0.1s 1 forwards;
}
@keyframes icon {
  from {
    opacity: 0;
    transform: scale(0.3);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes check {
  0% {
    width: calc(2.5em * 0.75);
    height: calc(2.5em * 0.75);
    border-width: 5px;
  }
  10% {
    width: calc(2.5em * 0.75);
    height: calc(2.5em * 0.75);
    opacity: 0.1;
    background: rgba(0, 0, 0, 0.2);
    border-width: 15px;
  }
  12% {
    width: calc(2.5em * 0.75);
    height: calc(2.5em * 0.75);
    opacity: 0.4;
    background: rgba(0, 0, 0, 0.1);
    border-width: 0;
  }
  50% {
    width: 2.5em;
    height: 2.5em;
    background: #00d478;
    border: 0;
    opacity: 0.6;
  }
  100% {
    width: 2.5em;
    height: 2.5em;
    background: #00d478;
    border: 0;
    opacity: 1;
  }
}
body .c-tab-form-radio form .c-tab-form-radio__item.js-tabmenu_current p {
  opacity: 1 !important;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-tab-form-radio form .c-tab-form-radio__item {
    padding-left: 0;
    padding-right: 0;
    padding-right: 0.5em;
    padding-left: 0.5em;
    flex-direction: column;
    align-items: center;
  }
  body .c-tab-form-radio form .c-tab-form-radio__item:last-child {
    padding-right: 0;
  }
  body .c-tab-form-radio form .c-tab-form-radio__item:first-child {
    padding-left: 0;
  }
  body .c-tab-form-radio form .c-tab-form-radio__item p {
    padding-top: 1em;
    padding-left: 0;
    text-align: center;
  }
  body .c-tab-form-radio form .c-tab-form-radio__item p span {
    padding-top: 20px;
    text-align: left;
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .c-tab-form-radio form .c-tab-form-radio__item p span {
    padding-top: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc(767 * 1px)) {
  body .c-tab-form-radio form .c-tab-form-radio__item p span {
    padding-top: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-tab-form-radio form .c-tab-form-radio__item .myradio {
    width: 2.5em;
    height: 2.5em;
  }
  body .c-tab-form-radio form .c-tab-form-radio__item .label__check {
    width: 2.5em;
    height: 2.5em;
  }
  body .c-tab-form-radio form .c-tab-form-radio__item i.icon {
    font-size: calc(2.5em / 2);
  }
  @keyframes check {
    0% {
      width: calc(2.5em * 0.75);
      height: calc(2.5em * 0.75);
      border-width: 5px;
    }
    10% {
      width: calc(2.5em * 0.75);
      height: calc(2.5em * 0.75);
      opacity: 0.1;
      background: rgba(0, 0, 0, 0.2);
      border-width: 15px;
    }
    12% {
      width: calc(2.5em * 0.75);
      height: calc(2.5em * 0.75);
      opacity: 0.4;
      background: rgba(0, 0, 0, 0.1);
      border-width: 0;
    }
    50% {
      width: 2.5em;
      height: 2.5em;
      background: #00d478;
      border: 0;
      opacity: 0.6;
    }
    100% {
      width: 2.5em;
      height: 2.5em;
      background: #00d478;
      border: 0;
      opacity: 1;
    }
  }
}
body .c-tab-form-radio__item .label__checkbox:checked + .myradio .label__text .label__check {
  display: none;
}
body.start .c-tab-form-radio__item .label__checkbox:checked + .myradio .label__text .label__check {
  display: flex;
}
body .tab-content-item {
  top: 3em;
  transition: 0.3s ease;
  position: absolute;
  opacity: 0;
}
body .tab-content-item.js-tab-content-item_current {
  z-index: 50;
  position: relative;
  display: block;
  animation: fade calc(0.3s * 3) ease;
  animation-fill-mode: forwards;
}
@keyframes fade {
  from {
    opacity: 0;
    top: 3em;
  }
  to {
    opacity: 1;
    top: 0;
  }
}
body .tab-content-item.js-tab-content-item_current:not(.js-tabmenu_current) {
  z-index: 30;
}

/*
<!-- tabmenu -->
<div class="c-tab-form-radio">
    <form name="tabs_radio" id="price-tab-form">
        <!-- tab-01 -->
        <label id="tab01" class="c-tab-form-radio__item js-tabmenu_current">
            <input type="radio" name="tab_radio" value="html" class="label__checkbox" checked>
            <div class="myradio">
                <span class="label__text">
                    <span class="label__check">
                        <i class="fa-solid fa-check icon"></i>
                    </span>
                </span>
            </div>
            <p>
                タブ１の見出し
                <span>キャプチョンがある場合</span>
            </p>
        </label>
        <!-- // tab-01 -->
        <!-- tab-02 -->
        <label id="tab02" class="c-tab-form-radio__item">
            <input type="radio" name="tab_radio" value="wordpress" class="label__checkbox">
            <div class="myradio">
                <span class="label__text">
                    <span class="label__check">
                        <i class="fa-solid fa-check icon"></i>
                    </span>
                </span>
            </div>
            <p>
                タブ２の見出し
                <span>キャプチョンがある場合</span>
            </p>
        </label>
        <!-- // tab-02 -->
    </form>
</div>
<!-- // tabmenu -->

<!-- tab-content-item -->
<div>
    <!-- tab content 01 -->
    <div class="tab-content-item js-tab-content-item_current" id="tabContent01">
        ここに表示させるHTMLを記載
    </div>
    <!-- // tab content 01  -->

    <!-- tab content 02  -->
    <div class="tab-content-item" id="tabContent02">
        ここに表示させるHTMLを記載
    </div>
    <!-- //tab content 02  -->
</div>
<!-- // tab-content-item -->
 */
body .c-check-list {
  margin: 0;
  padding: 0;
  list-style: none;
}
body .c-check-list .c-check-list__item {
  position: relative;
  font-size: 14px;
  text-align: left;
  padding-left: 1.5em;
  margin-bottom: 0.5em;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .c-check-list .c-check-list__item {
    font-size: calc(14 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .c-check-list .c-check-list__item {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
body .c-check-list .c-check-list__item:last-child {
  margin-bottom: 0;
}
body .c-check-list .c-check-list__item:before {
  position: absolute;
  display: block;
  width: 1em;
  height: 1em;
  font-family: "Font Awesome 6 Free";
  line-height: 1.5;
  content: "\f058";
  color: #00d478;
  left: 0;
  top: 0;
}

/* 共通 レイアウト
---------------------------------------------------------------------- */
/*================================================================================================
ヘッダー、フッター、mainの共通のレイアウト
----------------------------------------------------------------------------------------------------
レイアウトのみ。サイズを記載する場合は変数で外で管理
背景やその他の装飾は_top.scss等に記載

----------------------------------------------------------------------------------------------------

https://docs.google.com/spreadsheets/d/127p0y5ZlkV_Va9QfGRuUhtxvP2u3fRIjBg5oHQZDMjY/edit#gid=0

================================================================================================ */
/*----------------------------
共通 レイアウト
----------------------------*/
body {
  /*=========================================================================
  共通：PC
  ・ヘッダー
  ・PAGE
  =========================================================================*/
  /*------------------------------------------------------------------
  横 幅
  ------------------------------------------------------------------*/
  /* 固定
  ----------------------------------------------*/
  /* 左、右、100%
  ----------------------------------------------*/
  /* 左：固定　右：100%
  ----------------------------------------------*/
  /* 左：100%　　右：固定
  ----------------------------------------------*/
  /* 可変
  ----------------------------------------------*/
  /*------------------------------------------------------------------
  縦 の余白
  ------------------------------------------------------------------*/
  /*=========================================================================
  ヘッダー
  =========================================================================*/
  /* SP の形になるブレイクポイント
  ----------------------------------------------*/
  /*=========================================================================
  PAGE
  =========================================================================*/
  /* TB の形になるブレイクポイント
  ----------------------------------------------*/
  /* SP の形になるブレイクポイント
  ----------------------------------------------*/
}
body .l-inner,
body .l-inner--t-nspace,
body .l-inner--b-nspace,
body .l-inner--tb-nspace {
  /*
  @if $G_HEADER_CONTENTS_WIDTH_PER_BOOLEAN==false{
  	//width: calc(1162 * 1px);
  	margin: 0 auto;
  	width: calc(1162 * 1px);
  	height: 100%;
  }@else{
  	width: $G_HEADER_WIDTH_PER_NUM;
  	margin: 0 $G_HEADER_WIDTH_PER_LR_PER_NUM;
  	height: 100%;
  }
  */
  margin: 0 auto;
  width: calc(1162 * 1px);
  height: 100%;
}
body .l-inner--lr-stretch,
body .l-inner--lr-stretch--t-nspace,
body .l-inner--lr-stretch--b-nspace,
body .l-inner--lr-stretch--tb-nspace {
  width: 100%;
  height: 100%;
}
body .l-inner--l-fix-r-stretch,
body .l-inner--l-fix-r-stretch--t-nspace,
body .l-inner--l-fix-r-stretch--b-nspace,
body .l-inner--l-fix-r-stretch--tb-nspace {
  margin-left: calc((100% - 1162 * 1px) / 2);
  width: calc(1162 + calc((100% - 1162 * 1px) / 2));
  height: 100%;
}
body .l-inner--l-fix-r-stretch .l-inner--l-fix-r-stretch__inner-r-side-space,
body .l-inner--l-fix-r-stretch--t-nspace .l-inner--l-fix-r-stretch__inner-r-side-space,
body .l-inner--l-fix-r-stretch--b-nspace .l-inner--l-fix-r-stretch__inner-r-side-space,
body .l-inner--l-fix-r-stretch--tb-nspace .l-inner--l-fix-r-stretch__inner-r-side-space {
  margin-right: calc((100vw - 1162 * 1px) / 2);
  width: calc(100% - calc((100vw - 1162 * 1px) / 2));
}
body .l-inner--l-fix-bs-per-r-stretch,
body .l-inner--l-fix-bs-per-r-stretch--t-nspace,
body .l-inner--l-fix-bs-per-r-stretch--b-nspace,
body .l-inner--l-fix-bs-per-r-stretch--tb-nspace {
  margin-left: calc((100% - calc(73 * 1%)) / 2);
  width: calc(calc(73 * 1%) + calc((100% - calc(73 * 1%)) / 2));
  height: 100%;
}
body .l-inner--l-fix-shrt1-per-r-stretch,
body .l-inner--l-fix-shrt1-per-r-stretch--t-nspace,
body .l-inner--l-fix-shrt1-per-r-stretch--b-nspace,
body .l-inner--l-fix-shrt1-per-r-stretch--tb-nspace {
  margin-left: calc((100% - 70%) / 2);
  width: calc(70% + calc((100% - 70%) / 2));
  height: 100%;
}
body .l-inner--l-fix-shrt2-per-r-stretch,
body .l-inner--l-fix-shrt2-per-r-stretch--t-nspace,
body .l-inner--l-fix-shrt2-per-r-stretch--b-nspace,
body .l-inner--l-fix-shrt2-per-r-stretch--tb-nspace {
  margin-left: calc((100% - 65%) / 2);
  width: calc(65% + calc((100% - 65%) / 2));
  height: 100%;
}
body .l-inner--l-fix-lng1-per-r-stretch,
body .l-inner--l-fix-lng1-per-r-stretch--t-nspace,
body .l-inner--l-fix-lng1-per-r-stretch--b-nspace,
body .l-inner--l-fix-lng1-per-r-stretch--tb-nspace {
  margin-left: calc((100% - 85%) / 2);
  width: calc(85% + calc((100% - 85%) / 2));
  height: 100%;
}
body .l-inner--l-fix-lng2-per-r-stretch,
body .l-inner--l-fix-lng2-per-r-stretch--t-nspace,
body .l-inner--l-fix-lng2-per-r-stretch--b-nspace,
body .l-inner--l-fix-lng2-per-r-stretch--tb-nspace {
  margin-left: calc((100% - 95%) / 2);
  width: calc(95% + calc((100% - 95%) / 2));
  height: 100%;
}
body .l-inner--r-fix-l-stretch,
body .l-inner--r-fix-l-stretch--t-nspace,
body .l-inner--r-fix-l-stretch--b-nspace,
body .l-inner--r-fix-l-stretch--tb-nspace {
  margin-right: calc((100% - 1162 * 1px) / 2);
  width: calc(1162 * 1px + calc((100% - 1162 * 1px) / 2));
  height: 100%;
}
body .l-inner--r-fix-l-stretch .l-inner--r-fix-l-stretch__inner-l-side-space,
body .l-inner--r-fix-l-stretch--t-nspace .l-inner--r-fix-l-stretch__inner-l-side-space,
body .l-inner--r-fix-l-stretch--b-nspace .l-inner--r-fix-l-stretch__inner-l-side-space,
body .l-inner--r-fix-l-stretch--tb-nspace .l-inner--r-fix-l-stretch__inner-l-side-space {
  margin-left: calc((100vw - 1162 * 1px) / 2);
  width: calc(100% - calc((100vw - 1162 * 1px) / 2));
}
body .l-inner--r-fix-bs-per-l-stretch,
body .l-inner--r-fix-bs-per-l-stretch--t-nspace,
body .l-inner--r-fix-bs-per-l-stretch--b-nspace,
body .l-inner--r-fix-bs-per-l-stretch--tb-nspace {
  margin-right: calc((100% - calc(73 * 1%)) / 2);
  width: calc(calc(73 * 1%) + calc((100% - calc(73 * 1%)) / 2));
  height: 100%;
}
body .l-inner--r-fix-shrt1-per-l-stretch,
body .l-inner--r-fix-shrt1-per-l-stretch--t-nspace,
body .l-inner--r-fix-shrt1-per-l-stretch--b-nspace,
body .l-inner--r-fix-shrt1-per-l-stretch--tb-nspace {
  margin-right: calc((100% - 70%) / 2);
  width: calc(70% + calc((100% - 70%) / 2));
  height: 100%;
}
body .l-inner--r-fix-shrt2-per-l-stretch,
body .l-inner--r-fix-shrt2-per-l-stretch--t-nspace,
body .l-inner--r-fix-shrt2-per-l-stretch--b-nspace,
body .l-inner--r-fix-shrt2-per-l-stretch--tb-nspace {
  margin-right: calc((100% - 65%) / 2);
  width: calc(65% + calc((100% - 65%) / 2));
  height: 100%;
}
body .l-inner--r-fix-lng1-per-l-stretch,
body .l-inner--r-fix-lng1-per-l-stretch--t-nspace,
body .l-inner--r-fix-lng1-per-l-stretch--b-nspace,
body .l-inner--r-fix-lng1-per-l-stretch--tb-nspace {
  margin-right: calc((100% - 85%) / 2);
  width: calc(85% + calc((100% - 85%) / 2));
  height: 100%;
}
body .l-inner--r-fix-lng2-per-l-stretch,
body .l-inner--r-fix-lng2-per-l-stretch--t-nspace,
body .l-inner--r-fix-lng2-per-l-stretch--b-nspace,
body .l-inner--r-fix-lng2-per-l-stretch--tb-nspace {
  margin-right: calc((100% - 95%) / 2);
  width: calc(95% + calc((100% - 95%) / 2));
  height: 100%;
}
body .l-inner--lr-bs-per,
body .l-inner--lr-bs-per--t-nspace,
body .l-inner--lr-bs-per--b-nspace,
body .l-inner--lr-bs-per--tb-nspace {
  width: calc(73 * 1%);
  margin: 0 calc((100% - calc(73 * 1%)) / 2);
  height: 100%;
}
body .l-inner--lr-shrt1-per,
body .l-inner--lr-shrt1-per--t-nspace,
body .l-inner--lr-shrt1-per--b-nspace,
body .l-inner--lr-shrt1-per--tb-nspace {
  width: 70%;
  margin: 0 calc((100% - 70%) / 2);
  height: 100%;
}
body .l-inner--lr-shrt2-per,
body .l-inner--lr-shrt2-per--t-nspace,
body .l-inner--lr-shrt2-per--b-nspace,
body .l-inner--lr-shrt2-per--tb-nspace {
  width: 65%;
  margin: 0 calc((100% - 65%) / 2);
  height: 100%;
}
body .l-inner--lr-lng1-per,
body .l-inner--lr-lng1-per--t-nspace,
body .l-inner--lr-lng1-per--b-nspace,
body .l-inner--lr-lng1-per--tb-nspace {
  width: 85%;
  margin: 0 calc((100% - 85%) / 2);
  height: 100%;
}
body .l-inner--lr-lng2-per,
body .l-inner--lr-lng2-per--t-nspace,
body .l-inner--lr-lng2-per--b-nspace,
body .l-inner--lr-lng2-per--tb-nspace {
  width: 95%;
  margin: 0 calc((100% - 95%) / 2);
  height: 100%;
}
body .l-inner,
body .l-inner--lr-stretch,
body .l-inner--l-fix-r-stretch,
body .l-inner--r-fix-l-stretch,
body .l-inner--l-fix-bs-per-r-stretch,
body .l-inner--r-fix-bs-per-l-stretch,
body .l-inner--l-fix-shrt1-per-r-stretch,
body .l-inner--r-fix-shrt1-per-l-stretch,
body .l-inner--l-fix-shrt2-per-r-stretch,
body .l-inner--r-fix-shrt2-per-l-stretch,
body .l-inner--l-fix-lng1-per-r-stretch,
body .l-inner--r-fix-lng1-per-l-stretch,
body .l-inner--l-fix-lng2-per-r-stretch,
body .l-inner--r-fix-lng2-per-l-stretch,
body .l-inner--lr-bs-per,
body .l-inner--lr-shrt1-per,
body .l-inner--lr-shrt2-per,
body .l-inner--lr-lng1-per,
body .l-inner--lr-lng2-per {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .l-inner,
  body .l-inner--lr-stretch,
  body .l-inner--l-fix-r-stretch,
  body .l-inner--r-fix-l-stretch,
  body .l-inner--l-fix-bs-per-r-stretch,
  body .l-inner--r-fix-bs-per-l-stretch,
  body .l-inner--l-fix-shrt1-per-r-stretch,
  body .l-inner--r-fix-shrt1-per-l-stretch,
  body .l-inner--l-fix-shrt2-per-r-stretch,
  body .l-inner--r-fix-shrt2-per-l-stretch,
  body .l-inner--l-fix-lng1-per-r-stretch,
  body .l-inner--r-fix-lng1-per-l-stretch,
  body .l-inner--l-fix-lng2-per-r-stretch,
  body .l-inner--r-fix-lng2-per-l-stretch,
  body .l-inner--lr-bs-per,
  body .l-inner--lr-shrt1-per,
  body .l-inner--lr-shrt2-per,
  body .l-inner--lr-lng1-per,
  body .l-inner--lr-lng2-per {
    padding-top: calc(120 / calc(1162 - 1) * 100vw);
    padding-bottom: calc(120 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .l-inner,
  body .l-inner--lr-stretch,
  body .l-inner--l-fix-r-stretch,
  body .l-inner--r-fix-l-stretch,
  body .l-inner--l-fix-bs-per-r-stretch,
  body .l-inner--r-fix-bs-per-l-stretch,
  body .l-inner--l-fix-shrt1-per-r-stretch,
  body .l-inner--r-fix-shrt1-per-l-stretch,
  body .l-inner--l-fix-shrt2-per-r-stretch,
  body .l-inner--r-fix-shrt2-per-l-stretch,
  body .l-inner--l-fix-lng1-per-r-stretch,
  body .l-inner--r-fix-lng1-per-l-stretch,
  body .l-inner--l-fix-lng2-per-r-stretch,
  body .l-inner--r-fix-lng2-per-l-stretch,
  body .l-inner--lr-bs-per,
  body .l-inner--lr-shrt1-per,
  body .l-inner--lr-shrt2-per,
  body .l-inner--lr-lng1-per,
  body .l-inner--lr-lng2-per {
    padding-top: calc(calc(100 / 750 * 120 * 1vw) / 0.75);
    padding-bottom: calc(calc(100 / 750 * 120 * 1vw) / 0.75);
  }
}
body .l-inner--t-nspace,
body .l-inner--l-fix-r-stretch--t-nspace,
body .l-inner--r-fix-l-stretch--t-nspace,
body .l-inner--l-fix-bs-per-r-stretch--t-nspace,
body .l-inner--r-fix-bs-per-l-stretch--t-nspace,
body .l-inner--l-fix-shrt1-per-r-stretch--t-nspace,
body .l-inner--r-fix-shrt1-per-l-stretch--t-nspace,
body .l-inner--l-fix-shrt2-per-r-stretch--t-nspace,
body .l-inner--r-fix-shrt2-per-l-stretch--t-nspace,
body .l-inner--l-fix-lng1-per-r-stretch--t-nspace,
body .l-inner--r-fix-lng1-per-l-stretch--t-nspace,
body .l-inner--l-fix-lng2-per-r-stretch--t-nspace,
body .l-inner--r-fix-lng2-per-l-stretch--t-nspace,
body .l-inner--lr-stretch--t-nspace,
body .l-inner--lr-bs-per--t-nspace,
body .l-inner--lr-shrt1-per--t-nspace,
body .l-inner--lr-shrt2-per--t-nspace,
body .l-inner--lr-lng1-per--t-nspace,
body .l-inner--lr-lng2-per--t-nspace {
  padding-bottom: 120px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .l-inner--t-nspace,
  body .l-inner--l-fix-r-stretch--t-nspace,
  body .l-inner--r-fix-l-stretch--t-nspace,
  body .l-inner--l-fix-bs-per-r-stretch--t-nspace,
  body .l-inner--r-fix-bs-per-l-stretch--t-nspace,
  body .l-inner--l-fix-shrt1-per-r-stretch--t-nspace,
  body .l-inner--r-fix-shrt1-per-l-stretch--t-nspace,
  body .l-inner--l-fix-shrt2-per-r-stretch--t-nspace,
  body .l-inner--r-fix-shrt2-per-l-stretch--t-nspace,
  body .l-inner--l-fix-lng1-per-r-stretch--t-nspace,
  body .l-inner--r-fix-lng1-per-l-stretch--t-nspace,
  body .l-inner--l-fix-lng2-per-r-stretch--t-nspace,
  body .l-inner--r-fix-lng2-per-l-stretch--t-nspace,
  body .l-inner--lr-stretch--t-nspace,
  body .l-inner--lr-bs-per--t-nspace,
  body .l-inner--lr-shrt1-per--t-nspace,
  body .l-inner--lr-shrt2-per--t-nspace,
  body .l-inner--lr-lng1-per--t-nspace,
  body .l-inner--lr-lng2-per--t-nspace {
    padding-bottom: calc(120 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .l-inner--t-nspace,
  body .l-inner--l-fix-r-stretch--t-nspace,
  body .l-inner--r-fix-l-stretch--t-nspace,
  body .l-inner--l-fix-bs-per-r-stretch--t-nspace,
  body .l-inner--r-fix-bs-per-l-stretch--t-nspace,
  body .l-inner--l-fix-shrt1-per-r-stretch--t-nspace,
  body .l-inner--r-fix-shrt1-per-l-stretch--t-nspace,
  body .l-inner--l-fix-shrt2-per-r-stretch--t-nspace,
  body .l-inner--r-fix-shrt2-per-l-stretch--t-nspace,
  body .l-inner--l-fix-lng1-per-r-stretch--t-nspace,
  body .l-inner--r-fix-lng1-per-l-stretch--t-nspace,
  body .l-inner--l-fix-lng2-per-r-stretch--t-nspace,
  body .l-inner--r-fix-lng2-per-l-stretch--t-nspace,
  body .l-inner--lr-stretch--t-nspace,
  body .l-inner--lr-bs-per--t-nspace,
  body .l-inner--lr-shrt1-per--t-nspace,
  body .l-inner--lr-shrt2-per--t-nspace,
  body .l-inner--lr-lng1-per--t-nspace,
  body .l-inner--lr-lng2-per--t-nspace {
    padding-bottom: calc(calc(100 / 750 * 120 * 1vw) / 0.75);
  }
}
body .l-inner--b-nspace,
body .l-inner--l-fix-r-stretch--b-nspace,
body .l-inner--r-fix-l-stretch--b-nspace,
body .l-inner--l-fix-bs-per-r-stretch--b-nspace,
body .l-inner--r-fix-bs-per-l-stretch--b-nspace,
body .l-inner--l-fix-shrt1-per-r-stretch--b-nspace,
body .l-inner--r-fix-shrt1-per-l-stretch--b-nspace,
body .l-inner--l-fix-shrt2-per-r-stretch--b-nspace,
body .l-inner--r-fix-shrt2-per-l-stretch--b-nspace,
body .l-inner--l-fix-lng1-per-r-stretch--b-nspace,
body .l-inner--r-fix-lng1-per-l-stretch--b-nspace,
body .l-inner--l-fix-lng2-per-r-stretch--b-nspace,
body .l-inner--r-fix-lng2-per-l-stretch--b-nspace,
body .l-inner--lr-stretch--b-nspace,
body .l-inner--lr-bs-per--b-nspace,
body .l-inner--lr-shrt1-per--b-nspace,
body .l-inner--lr-shrt2-per--b-nspace,
body .l-inner--lr-lng1-per--b-nspace,
body .l-inner--lr-lng2-per--b-nspace {
  padding-top: 120px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .l-inner--b-nspace,
  body .l-inner--l-fix-r-stretch--b-nspace,
  body .l-inner--r-fix-l-stretch--b-nspace,
  body .l-inner--l-fix-bs-per-r-stretch--b-nspace,
  body .l-inner--r-fix-bs-per-l-stretch--b-nspace,
  body .l-inner--l-fix-shrt1-per-r-stretch--b-nspace,
  body .l-inner--r-fix-shrt1-per-l-stretch--b-nspace,
  body .l-inner--l-fix-shrt2-per-r-stretch--b-nspace,
  body .l-inner--r-fix-shrt2-per-l-stretch--b-nspace,
  body .l-inner--l-fix-lng1-per-r-stretch--b-nspace,
  body .l-inner--r-fix-lng1-per-l-stretch--b-nspace,
  body .l-inner--l-fix-lng2-per-r-stretch--b-nspace,
  body .l-inner--r-fix-lng2-per-l-stretch--b-nspace,
  body .l-inner--lr-stretch--b-nspace,
  body .l-inner--lr-bs-per--b-nspace,
  body .l-inner--lr-shrt1-per--b-nspace,
  body .l-inner--lr-shrt2-per--b-nspace,
  body .l-inner--lr-lng1-per--b-nspace,
  body .l-inner--lr-lng2-per--b-nspace {
    padding-top: calc(120 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .l-inner--b-nspace,
  body .l-inner--l-fix-r-stretch--b-nspace,
  body .l-inner--r-fix-l-stretch--b-nspace,
  body .l-inner--l-fix-bs-per-r-stretch--b-nspace,
  body .l-inner--r-fix-bs-per-l-stretch--b-nspace,
  body .l-inner--l-fix-shrt1-per-r-stretch--b-nspace,
  body .l-inner--r-fix-shrt1-per-l-stretch--b-nspace,
  body .l-inner--l-fix-shrt2-per-r-stretch--b-nspace,
  body .l-inner--r-fix-shrt2-per-l-stretch--b-nspace,
  body .l-inner--l-fix-lng1-per-r-stretch--b-nspace,
  body .l-inner--r-fix-lng1-per-l-stretch--b-nspace,
  body .l-inner--l-fix-lng2-per-r-stretch--b-nspace,
  body .l-inner--r-fix-lng2-per-l-stretch--b-nspace,
  body .l-inner--lr-stretch--b-nspace,
  body .l-inner--lr-bs-per--b-nspace,
  body .l-inner--lr-shrt1-per--b-nspace,
  body .l-inner--lr-shrt2-per--b-nspace,
  body .l-inner--lr-lng1-per--b-nspace,
  body .l-inner--lr-lng2-per--b-nspace {
    padding-top: calc(calc(100 / 750 * 120 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: 1000px) {
  body .l-header-bp {
    margin: 0;
    width: 100%;
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .l-inner,
  body .l-inner--t-nspace,
  body .l-inner--b-nspace,
  body .l-inner--tb-nspace {
    width: 100%;
    padding-left: calc(100 / 750 * 40 * 1vw);
    padding-right: calc(100 / 750 * 40 * 1vw);
  }
  body .l-inner--l-fix-r-stretch,
  body .l-inner--l-fix-r-stretch--t-nspace,
  body .l-inner--l-fix-r-stretch--b-nspace,
  body .l-inner--l-fix-r-stretch--tb-nspace {
    width: 100%;
    padding-left: calc(100 / 750 * 40 * 1vw);
    margin-left: 0;
  }
  body .l-inner--l-fix-r-stretch .l-inner--l-fix-r-stretch__inner-r-side-space,
  body .l-inner--l-fix-r-stretch--t-nspace .l-inner--l-fix-r-stretch__inner-r-side-space,
  body .l-inner--l-fix-r-stretch--b-nspace .l-inner--l-fix-r-stretch__inner-r-side-space,
  body .l-inner--l-fix-r-stretch--tb-nspace .l-inner--l-fix-r-stretch__inner-r-side-space {
    margin-right: calc(100 / 750 * 40 * 1vw);
    width: calc(100% - calc(100 / 750 * 40 * 1vw));
  }
  body .l-inner--r-fix-l-stretch,
  body .l-inner--r-fix-l-stretch--t-nspace,
  body .l-inner--r-fix-l-stretch--b-nspace,
  body .l-inner--r-fix-l-stretch--tb-nspace {
    width: 100%;
    padding-right: calc(100 / 750 * 40 * 1vw);
    margin-right: 0;
  }
  body .l-inner--r-fix-l-stretch .l-inner--r-fix-l-stretch__inner-l-side-space,
  body .l-inner--r-fix-l-stretch--t-nspace .l-inner--r-fix-l-stretch__inner-l-side-space,
  body .l-inner--r-fix-l-stretch--b-nspace .l-inner--r-fix-l-stretch__inner-l-side-space,
  body .l-inner--r-fix-l-stretch--tb-nspace .l-inner--r-fix-l-stretch__inner-l-side-space {
    margin-left: calc(100 / 750 * 40 * 1vw);
    width: calc(100% - calc(100 / 750 * 40 * 1vw));
  }
  body .l-inner--lr-bs-per,
  body .l-inner--lr-bs-per--t-nspace,
  body .l-inner--lr-bs-per--b-nspace,
  body .l-inner--lr-bs-per--tb-nspace {
    width: calc(73 * 1%);
    margin: 0 calc((100% - calc(73 * 1%)) / 2);
    height: 100%;
  }
  body .l-inner--lr-shrt1-per,
  body .l-inner--lr-shrt1-per--t-nspace,
  body .l-inner--lr-shrt1-per--b-nspace,
  body .l-inner--lr-shrt1-per--tb-nspace {
    width: 70%;
    margin: 0 calc((100% - 70%) / 2);
    height: 100%;
  }
  body .l-inner--lr-shrt2-per,
  body .l-inner--lr-shrt2-per--t-nspace,
  body .l-inner--lr-shrt2-per--b-nspace,
  body .l-inner--lr-shrt2-per--tb-nspace {
    width: 65%;
    margin: 0 calc((100% - 65%) / 2);
    height: 100%;
  }
  body .l-inner--lr-lng1-per,
  body .l-inner--lr-lng1-per--t-nspace,
  body .l-inner--lr-lng1-per--b-nspace,
  body .l-inner--lr-lng1-per--tb-nspace {
    width: 85%;
    margin: 0 calc((100% - 85%) / 2);
    height: 100%;
  }
  body .l-inner--lr-lng2-per,
  body .l-inner--lr-lng2-per--t-nspace,
  body .l-inner--lr-lng2-per--b-nspace,
  body .l-inner--lr-lng2-per--tb-nspace {
    width: 95%;
    margin: 0 calc((100% - 95%) / 2);
    height: 100%;
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .l-inner,
  body .l-inner--t-nspace,
  body .l-inner--b-nspace,
  body .l-inner--tb-nspace,
  body .l-inner--lr-stretch,
  body .l-inner--lr-stretch--t-nspace,
  body .l-inner--lr-stretch--b-nspace,
  body .l-inner--lr-stretch--tb-nspace,
  body .l-inner--l-fix-r-stretch,
  body .l-inner--r-fix-l-stretch,
  body .l-inner--lr-bs-per,
  body .l-inner--lr-bs-per--t-nspace,
  body .l-inner--lr-bs-per--b-nspace,
  body .l-inner--lr-bs-per--tb-nspace,
  body .l-inner--lr-shrt1-per,
  body .l-inner--lr-shrt1-per--t-nspace,
  body .l-inner--lr-shrt1-per--b-nspace,
  body .l-inner--lr-shrt1-per--tb-nspace,
  body .l-inner--lr-shrt2-per,
  body .l-inner--lr-shrt2-per--t-nspace,
  body .l-inner--lr-shrt2-per--b-nspace,
  body .l-inner--lr-shrt2-per--tb-nspace,
  body .l-inner--lr-lng1-per,
  body .l-inner--lr-lng1-per--t-nspace,
  body .l-inner--lr-lng1-per--b-nspace,
  body .l-inner--lr-lng1-per--tb-nspace,
  body .l-inner--lr-lng2-per,
  body .l-inner--lr-lng2-per--t-nspace,
  body .l-inner--lr-lng2-per--b-nspace,
  body .l-inner--lr-lng2-per--tb-nspace {
    margin: 0;
    width: 100%;
  }
  body .l-inner,
  body .l-inner--t-nspace,
  body .l-inner--b-nspace,
  body .l-inner--tb-nspace,
  body .l-inner--lr-bs-per,
  body .l-inner--lr-bs-per--t-nspace,
  body .l-inner--lr-bs-per--b-nspace,
  body .l-inner--lr-bs-per--tb-nspace,
  body .l-inner--lr-shrt1-per--t-nspace,
  body .l-inner--lr-shrt1-per--b-nspace,
  body .l-inner--lr-shrt1-per--tb-nspace,
  body .l-inner--lr-shrt2-per--t-nspace,
  body .l-inner--lr-shrt2-per--b-nspace,
  body .l-inner--lr-shrt2-per--tb-nspace,
  body .l-inner--lr-lng1-per,
  body .l-inner--lr-lng1-per--t-nspace,
  body .l-inner--lr-lng1-per--b-nspace,
  body .l-inner--lr-lng1-per--tb-nspace {
    padding-left: calc(100 / 750 * 40 * 1vw);
    padding-right: calc(100 / 750 * 40 * 1vw);
  }
  body .l-inner--lr-lng2-per,
  body .l-inner--lr-lng2-per--t-nspace,
  body .l-inner--lr-lng2-per--b-nspace,
  body .l-inner--lr-lng2-per--tb-nspace {
    padding-left: calc(calc(100 / 750 * 40 * 1vw) / 2);
    padding-right: calc(calc(100 / 750 * 40 * 1vw) / 2);
  }
  body .l-inner--l-fix-r-stretch,
  body .l-inner--l-fix-r-stretch--tb-nspace,
  body .l-inner--l-fix-r-stretch--t-nspace,
  body .l-inner--l-fix-r-stretch--b-nspace,
  body .l-inner--l-fix-bs-per-r-stretch,
  body .l-inner--l-fix-bs-per-r-stretch--tb-nspace,
  body .l-inner--l-fix-bs-per-r-stretch--t-nspace,
  body .l-inner--l-fix-bs-per-r-stretch--b-nspace,
  body .l-inner--l-fix-shrt1-per-r-stretc,
  body .l-inner--l-fix-shrt1-per-r-stretch--tb-nspace,
  body .l-inner--l-fix-shrt1-per-r-stretch--t-nspace,
  body .l-inner--l-fix-shrt1-per-r-stretch--b-nspace,
  body .l-inner--l-fix-shrt2-per-r-stretch,
  body .l-inner--l-fix-shrt2-per-r-stretch--tb-nspace,
  body .l-inner--l-fix-shrt2-per-r-stretch--t-nspace,
  body .l-inner--l-fix-shrt2-per-r-stretch--b-nspace,
  body .l-inner--l-fix-lng1-per-r-stretch,
  body .l-inner--l-fix-lng1-per-r-stretch--tb-nspace,
  body .l-inner--l-fix-lng1-per-r-stretch--t-nspace,
  body .l-inner--l-fix-lng1-per-r-stretch--b-nspace,
  body .l-inner--l-fix-lng2-per-r-stretch,
  body .l-inner--l-fix-lng2-per-r-stretch--tb-nspace,
  body .l-inner--l-fix-lng2-per-r-stretch--t-nspace,
  body .l-inner--l-fix-lng2-per-r-stretch--b-nspace {
    padding-left: calc(100 / 750 * 40 * 1vw);
  }
  body .l-inner--l-fix-r-stretch.--sp-default,
  body .l-inner--l-fix-r-stretch--tb-nspace.--sp-default,
  body .l-inner--l-fix-r-stretch--t-nspace.--sp-default,
  body .l-inner--l-fix-r-stretch--b-nspace.--sp-default,
  body .l-inner--l-fix-bs-per-r-stretch.--sp-default,
  body .l-inner--l-fix-bs-per-r-stretch--tb-nspace.--sp-default,
  body .l-inner--l-fix-bs-per-r-stretch--t-nspace.--sp-default,
  body .l-inner--l-fix-bs-per-r-stretch--b-nspace.--sp-default,
  body .l-inner--l-fix-shrt1-per-r-stretc.--sp-default,
  body .l-inner--l-fix-shrt1-per-r-stretch--tb-nspace.--sp-default,
  body .l-inner--l-fix-shrt1-per-r-stretch--t-nspace.--sp-default,
  body .l-inner--l-fix-shrt1-per-r-stretch--b-nspace.--sp-default,
  body .l-inner--l-fix-shrt2-per-r-stretch.--sp-default,
  body .l-inner--l-fix-shrt2-per-r-stretch--tb-nspace.--sp-default,
  body .l-inner--l-fix-shrt2-per-r-stretch--t-nspace.--sp-default,
  body .l-inner--l-fix-shrt2-per-r-stretch--b-nspace.--sp-default,
  body .l-inner--l-fix-lng1-per-r-stretch.--sp-default,
  body .l-inner--l-fix-lng1-per-r-stretch--tb-nspace.--sp-default,
  body .l-inner--l-fix-lng1-per-r-stretch--t-nspace.--sp-default,
  body .l-inner--l-fix-lng1-per-r-stretch--b-nspace.--sp-default,
  body .l-inner--l-fix-lng2-per-r-stretch.--sp-default,
  body .l-inner--l-fix-lng2-per-r-stretch--tb-nspace.--sp-default,
  body .l-inner--l-fix-lng2-per-r-stretch--t-nspace.--sp-default,
  body .l-inner--l-fix-lng2-per-r-stretch--b-nspace.--sp-default {
    margin-left: calc(100 / 750 * 40 * 1vw);
    width: calc(100% - calc(100 / 750 * 40 * 1vw));
  }
  body .l-inner--r-fix-l-stretch,
  body .l-inner--r-fix-l-stretch--tb-nspace,
  body .l-inner--r-fix-l-stretch--t-nspace,
  body .l-inner--r-fix-l-stretch--b-nspace,
  body .l-inner--r-fix-bs-per-l-stretch,
  body .l-inner--r-fix-bs-per-l-stretch--tb-nspace,
  body .l-inner--r-fix-bs-per-l-stretch--t-nspace,
  body .l-inner--r-fix-bs-per-l-stretch--b-nspace,
  body .l-inner--r-fix-shrt1-per-l-stretch,
  body .l-inner--r-fix-shrt1-per-l-stretch--tb-nspace,
  body .l-inner--r-fix-shrt1-per-l-stretch--t-nspace,
  body .l-inner--r-fix-shrt1-per-l-stretch--b-nspace,
  body .l-inner--r-fix-shrt2-per-l-stretch,
  body .l-inner--r-fix-shrt2-per-l-stretch--tb-nspace,
  body .l-inner--r-fix-shrt2-per-l-stretch--t-nspace,
  body .l-inner--r-fix-shrt2-per-l-stretch--b-nspace,
  body .l-inner--r-fix-lng1-per-l-stretch,
  body .l-inner--r-fix-lng1-per-l-stretch--tb-nspace,
  body .l-inner--r-fix-lng1-per-l-stretch--t-nspace,
  body .l-inner--r-fix-lng1-per-l-stretch--b-nspace,
  body .l-inner--r-fix-lng2-per-l-stretch,
  body .l-inner--r-fix-lng2-per-l-stretch--tb-nspace,
  body .l-inner--r-fix-lng2-per-l-stretch--t-nspace,
  body .l-inner--r-fix-lng2-per-l-stretch--b-nspace {
    padding-right: calc(100 / 750 * 40 * 1vw);
  }
  body .l-inner--r-fix-l-stretch.--sp-default,
  body .l-inner--r-fix-l-stretch--tb-nspace.--sp-default,
  body .l-inner--r-fix-l-stretch--t-nspace.--sp-default,
  body .l-inner--r-fix-l-stretch--b-nspace.--sp-default,
  body .l-inner--r-fix-bs-per-l-stretch.--sp-default,
  body .l-inner--r-fix-bs-per-l-stretch--tb-nspace.--sp-default,
  body .l-inner--r-fix-bs-per-l-stretch--t-nspace.--sp-default,
  body .l-inner--r-fix-bs-per-l-stretch--b-nspace.--sp-default,
  body .l-inner--r-fix-shrt1-per-l-stretch.--sp-default,
  body .l-inner--r-fix-shrt1-per-l-stretch--tb-nspace.--sp-default,
  body .l-inner--r-fix-shrt1-per-l-stretch--t-nspace.--sp-default,
  body .l-inner--r-fix-shrt1-per-l-stretch--b-nspace.--sp-default,
  body .l-inner--r-fix-shrt2-per-l-stretch.--sp-default,
  body .l-inner--r-fix-shrt2-per-l-stretch--tb-nspace.--sp-default,
  body .l-inner--r-fix-shrt2-per-l-stretch--t-nspace.--sp-default,
  body .l-inner--r-fix-shrt2-per-l-stretch--b-nspace.--sp-default,
  body .l-inner--r-fix-lng1-per-l-stretch.--sp-default,
  body .l-inner--r-fix-lng1-per-l-stretch--tb-nspace.--sp-default,
  body .l-inner--r-fix-lng1-per-l-stretch--t-nspace.--sp-default,
  body .l-inner--r-fix-lng1-per-l-stretch--b-nspace.--sp-default,
  body .l-inner--r-fix-lng2-per-l-stretch.--sp-default,
  body .l-inner--r-fix-lng2-per-l-stretch--tb-nspace.--sp-default,
  body .l-inner--r-fix-lng2-per-l-stretch--t-nspace.--sp-default,
  body .l-inner--r-fix-lng2-per-l-stretch--b-nspace.--sp-default {
    margin-right: calc(100 / 750 * 40 * 1vw);
    width: calc(100% - calc(100 / 750 * 40 * 1vw));
  }
  body .l-inner--tb-nspace {
    padding: 0 calc(100 / 750 * 40 * 1vw);
  }
}

/*================================================
ヘッダー、フッター、
--------------------------------------------------
レイアウトのみ。サイズを記載する場合は変数で外で管理
背景やその他の装飾は_top.scss等に記載
================================================ */
/*----------------------------
グリッドシステム
----------------------------*/
body header .flex-lib-container,
body footer .flex-lib-container,
body .flex-lib-container {
  box-sizing: border-box;
  display: flex;
  margin-left: -1.58%;
  margin-right: -1.58%;
}
body header .flex-lib-container > .grid__col-1,
body footer .flex-lib-container > .grid__col-1,
body .flex-lib-container > .grid__col-1 {
  box-sizing: border-box;
  flex: 0 0 5.1733333333%;
  margin-left: 1.58%;
  margin-right: 1.58%;
  margin-bottom: 3.16%;
}
body header .flex-lib-container > .grid__col-2,
body footer .flex-lib-container > .grid__col-2,
body .flex-lib-container > .grid__col-2 {
  box-sizing: border-box;
  flex: 0 0 13.5066666667%;
  margin-left: 1.58%;
  margin-right: 1.58%;
  margin-bottom: 3.16%;
}
body header .flex-lib-container > .grid__col-3,
body footer .flex-lib-container > .grid__col-3,
body .flex-lib-container > .grid__col-3 {
  box-sizing: border-box;
  flex: 0 0 21.84%;
  margin-left: 1.58%;
  margin-right: 1.58%;
  margin-bottom: 3.16%;
}
body header .flex-lib-container > .grid__col-4,
body footer .flex-lib-container > .grid__col-4,
body .flex-lib-container > .grid__col-4 {
  box-sizing: border-box;
  flex: 0 0 30.1733333333%;
  margin-left: 1.58%;
  margin-right: 1.58%;
  margin-bottom: 3.16%;
}
body header .flex-lib-container > .grid__col-5,
body footer .flex-lib-container > .grid__col-5,
body .flex-lib-container > .grid__col-5 {
  box-sizing: border-box;
  flex: 0 0 38.5066666667%;
  margin-left: 1.58%;
  margin-right: 1.58%;
  margin-bottom: 3.16%;
}
body header .flex-lib-container > .grid__col-6,
body footer .flex-lib-container > .grid__col-6,
body .flex-lib-container > .grid__col-6 {
  box-sizing: border-box;
  flex: 0 0 46.84%;
  margin-left: 1.58%;
  margin-right: 1.58%;
  margin-bottom: 3.16%;
}
body header .flex-lib-container > .grid__col-7,
body footer .flex-lib-container > .grid__col-7,
body .flex-lib-container > .grid__col-7 {
  box-sizing: border-box;
  flex: 0 0 55.1733333333%;
  margin-left: 1.58%;
  margin-right: 1.58%;
  margin-bottom: 3.16%;
}
body header .flex-lib-container > .grid__col-8,
body footer .flex-lib-container > .grid__col-8,
body .flex-lib-container > .grid__col-8 {
  box-sizing: border-box;
  flex: 0 0 63.5066666667%;
  margin-left: 1.58%;
  margin-right: 1.58%;
  margin-bottom: 3.16%;
}
body header .flex-lib-container > .grid__col-9,
body footer .flex-lib-container > .grid__col-9,
body .flex-lib-container > .grid__col-9 {
  box-sizing: border-box;
  flex: 0 0 71.84%;
  margin-left: 1.58%;
  margin-right: 1.58%;
  margin-bottom: 3.16%;
}
body header .flex-lib-container > .grid__col-10,
body footer .flex-lib-container > .grid__col-10,
body .flex-lib-container > .grid__col-10 {
  box-sizing: border-box;
  flex: 0 0 80.1733333333%;
  margin-left: 1.58%;
  margin-right: 1.58%;
  margin-bottom: 3.16%;
}
body header .flex-lib-container > .grid__col-11,
body footer .flex-lib-container > .grid__col-11,
body .flex-lib-container > .grid__col-11 {
  box-sizing: border-box;
  flex: 0 0 88.5066666667%;
  margin-left: 1.58%;
  margin-right: 1.58%;
  margin-bottom: 3.16%;
}
body header .flex-lib-container > .grid__col-12,
body footer .flex-lib-container > .grid__col-12,
body .flex-lib-container > .grid__col-12 {
  box-sizing: border-box;
  flex: 0 0 96.84%;
  margin-left: 1.58%;
  margin-right: 1.58%;
  margin-bottom: 3.16%;
}
body header .flex-container, body header .flex-container--sp-row,
body footer .flex-container,
body footer .flex-container--sp-row,
body .flex-container,
body .flex-container--sp-row {
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 1000px) {
  body header .flex-container, body header .flex-container--sp-row {
    flex-direction: column;
  }
}
@media only screen and (max-width: 850px) {
  body footer .flex-container,
  body footer .flex-container--sp-row {
    flex-direction: column;
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .flex-container, body header .flex-container--sp-row,
  body footer .flex-container--sp-row,
  body .flex-container--sp-row {
    flex-direction: column;
  }
  body .flex-container .flex-container__item,
  body .flex-container--sp-row .flex-container__item {
    width: 100%;
  }
}
@media only screen and (max-width: 1000px) {
  body header .flex-container--sp-row {
    flex-direction: row;
  }
}
@media only screen and (max-width: 850px) {
  body footer .flex-container--sp-row {
    flex-direction: row;
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .flex-container--sp-row {
    flex-direction: row;
  }
}
body header .grid-container,
body footer .grid-container,
body .grid-container {
  display: grid;
}
@media only screen and (max-width: 1000px) {
  body header .grid-container {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: 850px) {
  body footer .grid-container {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-direction: column;
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body .grid-container {
    padding-left: 0;
    padding-right: 0;
    display: flex;
    flex-direction: column;
  }
}

/*================================================
ヘッダー レイアウトのみ
--------------------------------------------------
・レイアウトのみ。サイズを記載する場合は変数で外で管理
・settingの変数は、できるだけ、プロジェクトで記載
================================================ */
body #l-header {
  position: absolute;
  width: 100%;
  /*=========================================================================
  スマホのサイズ以上だけの設定
  =========================================================================*/
  /*=========================================================================
  HEADER ブレイクポイント 01
  =========================================================================*/
  /*=========================================================================
  HEADER ブレイクポイント 02
  =========================================================================*/
  /*=========================================================================
  HEADER ブレイクポイント 03
  =========================================================================*/
  /*=========================================================================
  HEADER ブレイクポイント 04
  =========================================================================*/
  /*=========================================================================
  SPの形になるブレイクポイント
  =========================================================================*/
}
body #l-header a {
  text-decoration: none;
}
body #l-header .l-header__wrap {
  display: flex;
  justify-content: space-between;
  height: 160px;
}
body #l-header .l-header__primary {
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
body #l-header .l-header__secondary {
  flex: 1;
  display: flex;
  justify-content: flex-end;
}
body #l-header .l-header__secondary.l-header__secondary--two-tier {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: space-between;
  height: 100%;
  width: 100%;
}
body #l-header .l-header__secondary .l-header__secondary__top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
body #l-header .l-header__secondary .l-header__secondary__top nav.l-header-nav-top {
  display: flex;
  flex-direction: column;
}
body #l-header .l-header__secondary .l-header__secondary__top nav.l-header-nav-top ul.l-header-nav-top-menu {
  width: 100%;
  display: flex;
  flex-direction: column;
}
body #l-header .l-cta-right-end_wrap .gnavi {
  padding-right: 0;
}
body #l-header .gnavi__lists-list {
  height: 100%;
}
body #l-header .gnavi__lists {
  height: 100%;
}
body #l-header .gnavi__lists li a:not(.js-add-c-dd-expand) {
  overflow-wrap: break-word;
}
body #l-header .l-logo_wrap a {
  line-height: 1;
}
@media only screen and (min-width: calc(1000px + 1px)) {
  body #l-header .l-header__wrap {
    align-items: flex-end;
  }
  body #l-header .l-header__wrap.cta-right-end {
    align-items: center;
  }
  body #l-header .l-header__wrap .gnavi {
    padding-right: 2em;
  }
  body #l-header li a:not(.js-add-c-dd-expand) {
    align-items: flex-end;
  }
  body #l-header .l-header-bp.cta-right-end .gnavi:not(.l-multilingua) li a:not(.js-add-c-dd-expand) {
    align-items: center;
  }
  body #l-header li:not(.header-btn-cta) a:not(.js-add-c-dd-expand) {
    padding-bottom: 0.7em;
  }
  body #l-header li.header-btn-cta a:not(.js-add-c-dd-expand) {
    margin-bottom: 0.7em;
  }
  body #l-header .l-header__secondary .l-header__secondary__top {
    flex-direction: row;
    align-items: center;
  }
  body #l-header .l-header__secondary .l-header__secondary__top nav.l-header-nav-top {
    flex-direction: row;
  }
  body #l-header .l-header__secondary .l-header__secondary__top nav.l-header-nav-top ul.l-header-nav-top-menu {
    flex-direction: row;
  }
}
@media only screen and (max-width: 1470px) {
  body #l-header .l-header__primary {
    width: 15%;
  }
  body #l-header .l-header__secondary {
    width: 75%;
  }
}
@media only screen and (max-width: 1000px) {
  body #l-header .logo {
    width: 80%;
    line-height: 1;
  }
}
@media only screen and (max-width: 460px) {
  body #l-header .logo {
    width: 100%;
  }
}
@media only screen and (max-width: 1000px) {
  body #l-header .l-header__wrap {
    flex-direction: column;
    justify-content: flex-start;
    align-items: normal;
    height: 10vh;
  }
  body #l-header .l-header__wrap.cta-right-end {
    flex-direction: row;
  }
  body #l-header .l-header__primary {
    width: calc(100% - 10vh);
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-right: calc(100 / 750 * 40 * 1vw);
  }
  body #l-header .cta-right-end .l-header__primary {
    width: 100%;
  }
  body #l-header .l-header__secondary {
    width: 100%;
  }
  body #l-header .l-logo_wrap {
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
}

/*================================================
フッター全て
--------------------------------------------------
レイアウトのみ。サイズを記載する場合は変数で外で管理
================================================ */
@media only screen and (max-width: calc(767 * 1px)) {
  body #l-footer #footer {
    height: auto;
    display: block;
  }
  body #l-footer #footer img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
  }
}
body #l-footer .l-footer-copyright {
  width: 100%;
  margin: 0;
  padding: 0;
}
body #l-footer .l-footer-copyright span {
  font-family: "Jost", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 14px;
  line-height: 1;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body #l-footer .l-footer-copyright span {
    font-size: calc(14 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #l-footer .l-footer-copyright span {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #l-footer .l-footer-copyright span {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
    z-index: 30;
  }
}

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

--------------------------------------------------
・
・
================================================ */
/*--------------------------------------------------------
高さ-100%
--------------------------------------------------------*/
.l-h-mv-full.top-mv {
  height: calc(100vh - 46px / 2 - 0px);
}
.l-h-mv-full:not(.top-mv) {
  height: 100vh;
}

/*--------------------------------------------------------
高さ $G_L_H_MV_H1_PC-pc の設定
--------------------------------------------------------*/
.l-h-mv-h1 {
  height: 600px;
  overflow: hidden;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .l-h-mv-h1 {
    height: calc(600 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .l-h-mv-h1 {
    height: calc(600 / 767 * 100vw);
  }
}

/*--------------------------------------------------------
高さ $G_L_H_MV_H2_PC の設定
--------------------------------------------------------*/
.l-h-mv-h2 {
  height: 480px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .l-h-mv-h2 {
    height: calc(480 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .l-h-mv-h2 {
    height: calc(480 / 767 * 100vw);
  }
}

/* プロジェクトの共通モジュールの記述
---------------------------------------------------------------------- */
/* プロジェクトのみの記述
---------------------------------------------------------------------- */
.content-wrap {
  overflow: hidden;
}

/*
---------------------------------------------------------------
DEBUG
---------------------------------------------------------------
*/
.debug-view {
  display: block;
  font-size: 16px;
  line-height: 1;
  position: absolute;
  right: 0;
  top: 0;
  color: red;
}

figure {
  margin: 0;
}

a {
  color: #000000;
}

/*
---------------------------------------------------------------
PJ：リッチカラム img + txt 横
---------------------------------------------------------------
*/
.our-brand-wrap .ark-block-columns .ark-block-columns__inner {
  margin-left: 0;
}
.our-brand-wrap .ark-block-columns .ark-block-columns__inner .ark-block-column {
  margin: 0;
}
.our-brand-wrap .ark-block-columns:nth-child(n+2) {
  margin-top: 80px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .our-brand-wrap .ark-block-columns:nth-child(n+2) {
    margin-top: calc(80 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .our-brand-wrap .ark-block-columns:nth-child(n+2) {
    margin-top: calc(calc(100 / 750 * 80 * 1vw) / 0.75);
  }
}
.our-brand-wrap .ark-block-columns .ark-block-columns__inner .ark-block-column.media {
  width: 50%;
  height: auto;
  max-height: 700px;
  overflow: hidden;
}
.our-brand-wrap .ark-block-columns .ark-block-columns__inner .ark-block-column.media figure {
  width: 100%;
  height: 100%;
}
.our-brand-wrap .ark-block-columns .ark-block-columns__inner .ark-block-column.media figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.our-brand-wrap .ark-block-columns .ark-block-columns__inner .ark-block-column.content {
  padding-top: 60px;
  padding-bottom: 60px;
  width: calc(100% - 50%);
  padding-left: 4em;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .our-brand-wrap .ark-block-columns .ark-block-columns__inner .ark-block-column.content {
    padding-top: calc(60 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .our-brand-wrap .ark-block-columns .ark-block-columns__inner .ark-block-column.content {
    padding-top: calc(calc(100 / 750 * 60 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .our-brand-wrap .ark-block-columns .ark-block-columns__inner .ark-block-column.content {
    padding-bottom: calc(60 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .our-brand-wrap .ark-block-columns .ark-block-columns__inner .ark-block-column.content {
    padding-bottom: calc(calc(100 / 750 * 60 * 1vw) / 0.75);
  }
}
.our-brand-wrap .ark-block-columns .ark-block-columns__inner .ark-block-column.content h3 {
  text-align: center;
}
.our-brand-wrap .ark-block-columns .ark-block-columns__inner .ark-block-column.content h3 img {
  width: 50%;
  max-width: 480px;
  max-height: 100px;
}
.our-brand-wrap .ark-block-columns .ark-block-columns__inner .ark-block-column.content h4 {
  margin-top: 30px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .our-brand-wrap .ark-block-columns .ark-block-columns__inner .ark-block-column.content h4 {
    margin-top: calc(30 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .our-brand-wrap .ark-block-columns .ark-block-columns__inner .ark-block-column.content h4 {
    margin-top: calc(calc(100 / 750 * 30 * 1vw) / 0.75);
  }
}
.our-brand-wrap .ark-block-columns .ark-block-columns__inner .ark-block-column.content p {
  margin-top: 20px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .our-brand-wrap .ark-block-columns .ark-block-columns__inner .ark-block-column.content p {
    margin-top: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .our-brand-wrap .ark-block-columns .ark-block-columns__inner .ark-block-column.content p {
    margin-top: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
.our-brand-wrap .ark-block-columns .ark-block-columns__inner .ark-block-column.content:first-child {
  padding-left: 0;
  padding-right: 4em;
}
.our-brand-wrap.--half .ark-block-columns .ark-block-columns__inner .ark-block-column {
  width: 50%;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .our-brand-wrap .--flex-column-reverse .ark-block-columns__inner {
    flex-direction: column-reverse;
  }
  .our-brand-wrap .ark-block-columns .ark-block-columns__inner .ark-block-column.media {
    width: 100%;
  }
  .our-brand-wrap .ark-block-columns .ark-block-columns__inner .ark-block-column.content {
    width: 100%;
    padding-top: 5vw;
    padding-bottom: 0;
    padding-left: 0;
  }
  .our-brand-wrap .ark-block-columns .ark-block-columns__inner .ark-block-column.content:first-child {
    padding-right: 0;
  }
}

/*
---------------------------------------------------------------
PJ：リッチカラム img + txt 縦
---------------------------------------------------------------
*/
.our-business-wrap .wp-block-group__inner-container .ark-block-columns .ark-block-columns__inner {
  align-items: flex-start;
}
.our-business-wrap .wp-block-group__inner-container .ark-block-columns .ark-block-columns__inner .ark-block-column .content {
  padding-top: 40px;
  padding-left: 1em;
  padding-right: 1em;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .our-business-wrap .wp-block-group__inner-container .ark-block-columns .ark-block-columns__inner .ark-block-column .content {
    padding-top: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .our-business-wrap .wp-block-group__inner-container .ark-block-columns .ark-block-columns__inner .ark-block-column .content {
    padding-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
.our-business-wrap .wp-block-group__inner-container .ark-block-columns .ark-block-columns__inner .ark-block-column .content .wp-block-group__inner-container .wp-block-heading:first-child {
  margin-top: 0;
}

/*
背景グレー
・お問合せ：お電話でのお問合せ　の背景など
・リクルート：音合わせ　の背景など
 */
.bg-gray {
  background-color: #fbfbfb;
  padding: 2.5em 2.75em;
}

/*
---------------------------------------------------------------
プラグイン
---------------------------------------------------------------
*/
[class*=ark-keep-mt] > * {
  margin-top: 0;
}

/*
---------------------------------------------------------------
簡易　テーブル

---------------------------------------------------------------
*/
.table-style .wp-block-group__inner-container .item {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #e1e1e1;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .table-style .wp-block-group__inner-container .item {
    padding-top: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .table-style .wp-block-group__inner-container .item {
    padding-top: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .table-style .wp-block-group__inner-container .item {
    padding-bottom: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .table-style .wp-block-group__inner-container .item {
    padding-bottom: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
.table-style .wp-block-group__inner-container .item:last-child {
  border-bottom: 1px solid #e1e1e1;
}
.table-style .wp-block-group__inner-container .item > .wp-block-group__inner-container {
  display: flex;
  justify-content: flex-start;
}
.table-style .wp-block-group__inner-container .item > .wp-block-group__inner-container > .ttl {
  width: 10em;
}
.table-style .wp-block-group__inner-container .item > .wp-block-group__inner-container > .content {
  width: calc(100% - 10em);
}
@media only screen and (max-width: calc(767 * 1px)) {
  .table-style .wp-block-group__inner-container .item {
    border-top: 1px solid #e1e1e1;
  }
  .table-style .wp-block-group__inner-container .item:last-child {
    border-bottom: 1px solid #e1e1e1;
  }
  .table-style .wp-block-group__inner-container .item > .wp-block-group__inner-container {
    flex-direction: column;
  }
  .table-style .wp-block-group__inner-container .item > .wp-block-group__inner-container > .ttl {
    width: 100%;
  }
  .table-style .wp-block-group__inner-container .item > .wp-block-group__inner-container > .content {
    width: 100%;
    padding-left: 1em;
  }
}

.flex {
  display: flex;
  gap: 2em;
  align-items: center;
}

/*
---------------------------------------------------------------
LOCAL NAVI
---------------------------------------------------------------
*/
.local-nav {
  margin-top: 180px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .local-nav {
    margin-top: calc(180 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .local-nav {
    margin-top: calc(calc(100 / 750 * 180 * 1vw) / 0.75);
  }
}
.local-nav ul {
  border-top: 2px solid #e1e1e1;
  display: flex;
  gap: 4em;
  list-style: none !important;
}
.local-nav ul li {
  flex: 1;
  position: relative;
}
.local-nav ul li a {
  position: relative;
  padding: 3em 0;
  display: block;
  text-decoration: none;
  color: #000000;
  border-bottom: 1px solid #e1e1e1;
  transition: all 0.3s ease-out;
}
.local-nav ul li a:after {
  content: "";
  position: absolute;
  background-color: var(--sub-color);
  width: 0%;
  height: 2px;
  bottom: 0;
  left: 0;
  transition: all 0.3s ease-out;
}
.local-nav ul li a:hover {
  color: var(--sub-color);
}
.local-nav ul li a:hover:after {
  width: 100%;
}
.local-nav ul li a figure {
  margin-bottom: 1em;
}
.local-nav ul li.current a:after {
  width: 100%;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .local-nav ul {
    gap: 2.7vw;
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .local-nav ul {
    flex-direction: column;
    gap: 0;
  }
  .local-nav ul li {
    flex: 1;
    position: relative;
  }
  .local-nav ul li a {
    position: relative;
    padding: 3em 0;
    display: block;
    text-decoration: none;
    color: #000000;
    border-bottom: 1px solid #e1e1e1;
    transition: all 0.3s ease-out;
  }
  .local-nav ul li a:after {
    content: "";
    position: absolute;
    background-color: var(--sub-color);
    width: 0%;
    height: 2px;
    bottom: 0;
    left: 0;
    transition: all 0.3s ease-out;
  }
  .local-nav ul li a:hover {
    color: var(--sub-color);
  }
  .local-nav ul li a:hover:after {
    width: 100%;
  }
  .local-nav ul li.current a:after {
    width: 100%;
  }
}

/*
---------------------------------------------------------------
ターム一覧
---------------------------------------------------------------
*/
.item-meta-wrap {
  border-top: 1px solid #e1e1e1;
  border-bottom: 1px solid #e1e1e1;
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 80px;
  font-size: 14px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .item-meta-wrap {
    padding-top: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .item-meta-wrap {
    padding-top: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .item-meta-wrap {
    padding-bottom: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .item-meta-wrap {
    padding-bottom: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .item-meta-wrap {
    margin-bottom: calc(80 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .item-meta-wrap {
    margin-bottom: calc(calc(100 / 750 * 80 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .item-meta-wrap {
    font-size: calc(14 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .item-meta-wrap {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
.item-meta-wrap .item-meta {
  display: flex;
  justify-content: flex-start;
}
.item-meta-wrap .item-meta .title {
  width: 5em;
  line-height: 1;
  padding: 0.5em;
  margin: 0.1em 0.5em;
  font-weight: 500;
}
.item-meta-wrap .item-meta .product-term-list {
  position: relative;
  margin-left: 1em;
  padding-left: 1em;
  flex: 1;
  display: flex;
  flex-wrap: wrap;
}
.item-meta-wrap .item-meta .product-term-list:after {
  content: "";
  position: absolute;
  width: 1px;
  height: calc(100% - 0.2em - 1em);
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-color: #e1e1e1;
}
.item-meta-wrap .item-meta .product-term-list .product-term-list__item {
  padding: 0.5em;
  margin: 0.1em 0.5em;
  line-height: 1;
}
.item-meta-wrap .item-meta .product-term-list .product-term-list__item a {
  text-decoration: none;
  color: #000000;
}
.item-meta-wrap .item-meta .product-term-list .product-term-list__item a:hover {
  color: var(--sub-color);
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .item-meta-wrap .item-meta {
    flex-direction: column;
  }
  .item-meta-wrap .item-meta:nth-child(n+2) {
    margin-top: 1em;
  }
  .item-meta-wrap .item-meta .title {
    width: 100%;
    margin: 0.1em 0;
  }
  .item-meta-wrap .item-meta .product-term-list {
    padding-left: 0;
    flex: initial;
  }
  .item-meta-wrap .item-meta .product-term-list:after {
    display: none;
  }
  .item-meta-wrap .item-meta .product-term-list .product-term-list__item {
    margin: 0.1em 0;
  }
}

/*
---------------------------------------------------------------
プロダクトリスト
---------------------------------------------------------------
*/
.product-list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 2em;
  column-gap: 0.5em;
  margin-bottom: 80px;
  margin-top: 80px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .product-list {
    margin-bottom: calc(80 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .product-list {
    margin-bottom: calc(calc(100 / 750 * 80 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .product-list {
    margin-top: calc(80 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .product-list {
    margin-top: calc(calc(100 / 750 * 80 * 1vw) / 0.75);
  }
}
.product-list .product-item {
  flex: 0 0 calc((100% - 1em) / 3);
  max-width: calc((100% - 1em) / 3);
}
.product-list .product-item a {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
}
.product-list .product-item a:hover {
  color: var(--sub-color);
}
.product-list .product-item a:hover .post-meta .post-meta__labels {
  color: var(--sub-color);
}
.product-list .product-item a .post-meta,
.product-list .product-item a .title {
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.product-list .product-item a .post-meta {
  margin-top: 20px;
  justify-content: center;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .product-list .product-item a .post-meta {
    margin-top: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .product-list .product-item a .post-meta {
    margin-top: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
.product-list .product-item a .post-meta .post-meta__labels {
  font-size: 14px;
  line-height: 1.25;
  color: #888888;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .product-list .product-item a .post-meta .post-meta__labels {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
.product-list .product-item a .title {
  margin-bottom: 0;
  margin-top: 10px;
  font-size: 16px;
  text-align: center;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .product-list .product-item a .title {
    margin-top: calc(10 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .product-list .product-item a .title {
    margin-top: calc(calc(100 / 750 * 10 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .product-list .product-item a .title {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
}
@media only screen and (max-width: 880px) {
  .product-list .product-item {
    flex: 0 0 calc((100% - 1em) / 2);
    max-width: calc((100% - 1em) / 2);
  }
  .product-list .product-item a .post-meta,
  .product-list .product-item a .title {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .product-list .product-item {
    flex: 0 0 calc((100% - 1em) / 1);
    max-width: calc((100% - 1em) / 1);
  }
}

/*
---------------------------------------------------------------
BNR
---------------------------------------------------------------
*/
.bnr-ec-long {
  margin-top: 120px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .bnr-ec-long {
    margin-top: calc(120 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .bnr-ec-long {
    margin-top: calc(calc(100 / 750 * 120 * 1vw) / 0.75);
  }
}
.bnr-ec-long a {
  width: 100%;
}
.bnr-ec-long a img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/*
---------------------------------------------------------------
SIMPLE PARALLAX
---------------------------------------------------------------
*/
.simpleParallax {
  width: 100%;
  height: 100%;
}

.parallax-img img {
  width: 100%;
}

/*
---------------------------------------------------------------
PJ：ラインナップ
---------------------------------------------------------------
*/
.pickup-label {
  font-size: 14px;
  background: #fafafa;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 12;
  line-height: 0;
  padding: 0;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .pickup-label {
    font-size: calc(14 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .pickup-label {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
.pickup-label:before {
  content: "";
  top: 0;
  left: 0;
  border-bottom: 5em solid transparent;
  border-left: 5em solid #c12748; /* ラベルの色はここで変更 */
  position: absolute;
  z-index: 14;
}
.pickup-label:after {
  content: "PickUP";
  display: block;
  top: 1.7em;
  transform: rotate(-45deg);
  color: #fff; /* 文字色はここで変更 */
  left: 0;
  position: absolute;
  z-index: 15;
  font-size: 14px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .pickup-label:after {
    font-size: calc(14 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .pickup-label:after {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .pickup-label:before {
    border-bottom: calc(69 / 1429 * 100vw) solid transparent;
    border-left: calc(69 / 1429 * 100vw) solid #c12748; /* ラベルの色はここで変更 */
  }
  .pickup-label:after {
    top: 1.7494751575vw;
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .pickup-label:before {
    border-bottom: calc(220 / 1429 * 100vw) solid transparent;
    border-left: calc(220 / 1429 * 100vw) solid #c12748; /* ラベルの色はここで変更 */
  }
  .pickup-label:after {
    top: 5.2484254724vw;
  }
}

.product-meta {
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .product-meta {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
.product-meta .product-meta__item {
  padding-left: 0.4em;
  padding-right: 0.4em;
  line-height: 1.25;
}

.lineup-lists {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
}
.lineup-lists a {
  width: 33.333%;
  text-decoration: none;
  color: #000000;
}
.lineup-lists a:nth-child(n+4) {
  margin-top: 40px;
}
.lineup-lists a:hover {
  text-decoration: none;
}
.lineup-lists a .lineup-lists__item {
  padding: 0;
}
.lineup-lists a .lineup-lists__item .c-media-text-content__img {
  width: 100%;
  position: relative; /* 相対位置にして、子要素の位置を制御できるように */
  padding-top: 66.6667%; /* 3:2比率で高さを設定 */
  margin-bottom: 0;
  overflow: hidden;
}
.lineup-lists a .lineup-lists__item .c-media-text-content__img img {
  position: absolute; /* 絶対配置にして親要素内にピッタリ収める */
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover; /* 画像のトリミング方法を指定 */
}
.lineup-lists a .lineup-lists__item .c-media-text-content__body {
  padding-top: 10px;
  text-align: center;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .lineup-lists a .lineup-lists__item .c-media-text-content__body {
    padding-top: calc(10 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .lineup-lists a .lineup-lists__item .c-media-text-content__body {
    padding-top: calc(calc(100 / 750 * 10 * 1vw) / 0.75);
  }
}
.lineup-lists a .lineup-lists__item .c-media-text-content__body .lineup-title {
  font-weight: 500;
  font-size: 22px;
  font-family: "Jost", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  line-height: 1.25;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .lineup-lists a .lineup-lists__item .c-media-text-content__body .lineup-title {
    font-size: calc(100 / 750 * calc(34 * 1) * 1vw);
  }
}
.lineup-lists a .lineup-lists__item .c-media-text-content__body .product-meta {
  justify-content: center;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .lineup-lists {
    flex-direction: column;
  }
  .lineup-lists a {
    width: 100%;
  }
  .lineup-lists a:nth-child(n+4) {
    margin-top: 0;
  }
  .lineup-lists a:nth-child(n+2) {
    margin-top: 10.7vw;
  }
}

/*
---------------------------------------------------------------
PJ：ラインナップ　タクソノミー一覧
---------------------------------------------------------------
*/
.lineup-taxonomy-all-category {
  margin-top: 60px;
  display: flex;
  gap: 3em;
  background-color: #fbfbfb;
  padding: 3.75em;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .lineup-taxonomy-all-category {
    margin-top: calc(60 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .lineup-taxonomy-all-category {
    margin-top: calc(calc(100 / 750 * 60 * 1vw) / 0.75);
  }
}
.lineup-taxonomy-all-category .container {
  width: 50%;
}
.lineup-taxonomy-all-category .container .lineup-taxonomy-wrap {
  display: flex;
}
.lineup-taxonomy-all-category .container .lineup-taxonomy-wrap.manufacturer, .lineup-taxonomy-all-category .container .lineup-taxonomy-wrap.car-type, .lineup-taxonomy-all-category .container .lineup-taxonomy-wrap.car-year {
  gap: 2em;
}
.lineup-taxonomy-all-category .container .lineup-taxonomy-wrap.manufacturer .lineup-taxonomy, .lineup-taxonomy-all-category .container .lineup-taxonomy-wrap.car-type .lineup-taxonomy, .lineup-taxonomy-all-category .container .lineup-taxonomy-wrap.car-year .lineup-taxonomy {
  width: 50%;
}
.lineup-taxonomy-all-category .container .lineup-taxonomy-wrap .--horizontal {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.lineup-taxonomy-all-category .container .lineup-taxonomy-wrap .--horizontal .lineup-taxonomy__item {
  margin-right: 2em;
  width: auto;
}
.lineup-taxonomy-all-category .container .lineup-taxonomy-wrap .lineup-taxonomy {
  list-style: disc;
  margin-left: 1.5em;
}
.lineup-taxonomy-all-category .container .lineup-taxonomy-wrap .lineup-taxonomy__item {
  width: 100%;
}
.lineup-taxonomy-all-category .container .lineup-taxonomy-wrap .lineup-taxonomy__item a {
  text-decoration: none;
  color: #000000;
  padding: 0.5em 1em 0.5em 0;
  line-height: 1.25;
  display: block;
}
.lineup-taxonomy-all-category .container .lineup-taxonomy-wrap .lineup-taxonomy__item a:hover {
  color: var(--sub-color);
}
.lineup-taxonomy-all-category .container .c-heading-base--l:nth-child(n+2) {
  margin-top: 60px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .lineup-taxonomy-all-category .container .c-heading-base--l:nth-child(n+2) {
    margin-top: calc(60 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .lineup-taxonomy-all-category .container .c-heading-base--l:nth-child(n+2) {
    margin-top: calc(calc(100 / 750 * 60 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: 1100px) {
  .lineup-taxonomy-all-category {
    flex-direction: column;
    gap: 0;
    padding: calc(100 / 750 * 40 * 1vw);
  }
  .lineup-taxonomy-all-category .container {
    width: 100%;
  }
  .lineup-taxonomy-all-category .container .lineup-taxonomy-wrap {
    flex-direction: column;
  }
  .lineup-taxonomy-all-category .container .lineup-taxonomy-wrap.manufacturer, .lineup-taxonomy-all-category .container .lineup-taxonomy-wrap.car-type, .lineup-taxonomy-all-category .container .lineup-taxonomy-wrap.car-year {
    gap: 0;
  }
  .lineup-taxonomy-all-category .container .lineup-taxonomy-wrap.manufacturer .lineup-taxonomy, .lineup-taxonomy-all-category .container .lineup-taxonomy-wrap.car-type .lineup-taxonomy, .lineup-taxonomy-all-category .container .lineup-taxonomy-wrap.car-year .lineup-taxonomy {
    width: 100%;
  }
  .lineup-taxonomy-all-category .container .lineup-taxonomy-wrap .--horizontal {
    flex-direction: column;
  }
  .lineup-taxonomy-all-category .container .lineup-taxonomy-wrap .--horizontal .lineup-taxonomy__item:nth-child(n+2) {
    margin-left: 0;
  }
  .lineup-taxonomy-all-category .container .lineup-taxonomy-wrap .lineup-taxonomy {
    list-style: disc;
    margin-left: 1.5em;
  }
  .lineup-taxonomy-all-category .container .lineup-taxonomy-wrap .lineup-taxonomy__item a {
    text-decoration: none;
    color: #000000;
    padding: 0.5em 1em 0.5em 0;
    line-height: 1.25;
    display: block;
  }
  .lineup-taxonomy-all-category .container .lineup-taxonomy-wrap .lineup-taxonomy__item a:hover {
    color: var(--sub-color);
  }
  .lineup-taxonomy-all-category .container:last-child {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 1100px) and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .lineup-taxonomy-all-category .container:last-child {
    margin-top: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: 1100px) and (max-width: calc(767 * 1px)) {
  .lineup-taxonomy-all-category .container:last-child {
    margin-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
/*
---------------------------------------------------------------
PJ：TABLE
---------------------------------------------------------------
*/
figure.table-only-horizontal-line.wp-block-table td, figure.table-only-horizontal-line.wp-block-table th {
  border: none;
}
figure.table-only-horizontal-line.wp-block-table table tr:first-child td, figure.table-only-horizontal-line.wp-block-table table tr:first-child th {
  border-top: 1px solid #000;
}
figure.table-only-horizontal-line.wp-block-table table td, figure.table-only-horizontal-line.wp-block-table table th {
  padding: 1em;
  border-bottom: 1px solid #000;
  text-align: left;
}
figure.table-only-horizontal-line.wp-block-table table td:first-child {
  white-space: nowrap;
}

/*
---------------------------------------------------------------
プラグイン：Arkhe Block FAQ
---------------------------------------------------------------
*/
.ark-block-faq .ark-block-faq__item .ark-block-faq__q,
.ark-block-faq .ark-block-faq__item .ark-block-faq__a {
  padding-left: calc(22px * 2 * 1.5);
}
.ark-block-faq .ark-block-faq__item .ark-block-faq__q:before,
.ark-block-faq .ark-block-faq__item .ark-block-faq__a:before {
  font-size: 22px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .ark-block-faq .ark-block-faq__item .ark-block-faq__q:before,
  .ark-block-faq .ark-block-faq__item .ark-block-faq__a:before {
    font-size: calc(100 / 750 * calc(34 * 1) * 1vw);
  }
}
.ark-block-faq .ark-block-faq__item .ark-block-faq__q {
  font-size: 22px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .ark-block-faq .ark-block-faq__item .ark-block-faq__q {
    font-size: calc(100 / 750 * calc(34 * 1) * 1vw);
  }
}
.ark-block-faq .ark-block-faq__item .ark-block-faq__q :before {
  top: 0.75em;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .ark-block-faq .ark-block-faq__item .ark-block-faq__q,
  .ark-block-faq .ark-block-faq__item .ark-block-faq__a {
    padding-left: calc(34 / 768 * 100 * 2 * 1.5 * 1vw);
  }
  .ark-block-faq .ark-block-faq__item .ark-block-faq__q:before {
    top: 4.5vw;
  }
}

/*
---------------------------------------------------------------
CANCEL POLICY
---------------------------------------------------------------
*/
.cancel-policy {
  margin-top: 120px;
  border: 2px solid #f7f7f7;
  padding: 3.75em;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .cancel-policy {
    margin-top: calc(120 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .cancel-policy {
    margin-top: calc(calc(100 / 750 * 120 * 1vw) / 0.75);
  }
}
.cancel-policy table {
  margin-top: 40px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .cancel-policy table {
    margin-top: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .cancel-policy table {
    margin-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .cancel-policy {
    padding: calc(calc(100 / 750 * 40 * 1vw) * 2) calc(100 / 750 * 40 * 1vw);
  }
}

/*
---------------------------------------------------------------
ドットライン　リストメニュー
---------------------------------------------------------------
*/
ul.dot-line-list-menu {
  margin-top: 40px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  ul.dot-line-list-menu {
    margin-top: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  ul.dot-line-list-menu {
    margin-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
ul.dot-line-list-menu.--w-short {
  width: 70%;
  margin-left: auto;
  margin-right: auto;
}
ul.dot-line-list-menu li {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0.5em 0;
}
ul.dot-line-list-menu li .arkb-small {
  background-color: #fff;
  padding-left: 0.5em;
  white-space: nowrap;
  opacity: 1;
  font-size: 16px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  ul.dot-line-list-menu li .arkb-small {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
}
ul.dot-line-list-menu li:after {
  content: "";
  position: absolute;
  line-height: 1;
  left: 0;
  right: 0;
  top: 50%;
  background-image: url("/wp-content/themes/kodama-wamono/data/images//common/line-dot.png");
  background-repeat: repeat-x;
  background-position: left center;
  height: 2px;
  transform: translateY(-50%);
  color: #ccc;
  z-index: -1;
  white-space: nowrap;
  overflow: hidden;
  text-align: left;
  font-size: 14px;
}

/*
---------------------------------------------------------------
IMG + TXT Layerd
---------------------------------------------------------------
*/
/*
---------------------------------------------------------------
POST META
---------------------------------------------------------------
*/
.post-meta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  min-width: 8em;
}
.post-meta .post-meta__date,
.post-meta .post-meta__category a,
.post-meta .post-meta__tag a {
  line-height: 1;
  color: #888888;
}
.post-meta .post-meta__date,
.post-meta .post-meta__category-wrap,
.post-meta .post-meta__tag-wrap {
  margin-right: 1em;
}
.post-meta .post-meta__date {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  font-size: 16px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .post-meta .post-meta__date {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
}
.post-meta .post-meta__category-wrap,
.post-meta .post-meta__tag-wrap {
  display: flex;
  flex-wrap: wrap;
}
.post-meta .post-meta__category-wrap .post-meta__category,
.post-meta .post-meta__tag-wrap .post-meta__category {
  margin-right: 0.5em;
  margin-top: 0.25em;
  margin-bottom: 0.25em;
}
.post-meta .post-meta__category-wrap .post-meta__category:last-child,
.post-meta .post-meta__tag-wrap .post-meta__category:last-child {
  margin-right: 0;
}
.post-meta .post-meta__category-wrap a {
  display: block;
  min-width: 6em;
  padding: 0.5em 1em;
  background-color: #000000;
  border: none;
  font-size: 12px;
  color: white;
  text-decoration: none;
  text-align: center;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .post-meta .post-meta__category-wrap a {
    font-size: calc(100 / 750 * calc(20 * 1) * 1vw);
  }
}
.post-meta .post-meta__category-wrap a:hover {
  background-color: var(--sub-color);
}
.post-meta .post-meta__tag-wrap .post-meta__tag a {
  font-size: 14px;
  display: block;
  padding: 0.25em 0.5em 0.5em;
  border: none;
  text-decoration: none;
  color: #cccccc;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .post-meta .post-meta__tag-wrap .post-meta__tag a {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}

/*
---------------------------------------------------------------
アニメーション
---------------------------------------------------------------
*/
/* 共通のスタイル */
.js-txt-fade-in-span,
.js-txt-fade-in {
  /* SCSSでnth-childを自動生成 */
}
.js-txt-fade-in-span .js-span,
.js-txt-fade-in .js-span {
  display: inline-block;
  opacity: 0; /* 初期状態は透明 */
  animation-fill-mode: forwards !important; /* アニメーション終了時の状態を保持 */
}
.js-txt-fade-in-span .js-span:nth-child(1).view,
.js-txt-fade-in .js-span:nth-child(1).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 0s;
}
.js-txt-fade-in-span .js-span:nth-child(2).view,
.js-txt-fade-in .js-span:nth-child(2).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 0.1s;
}
.js-txt-fade-in-span .js-span:nth-child(3).view,
.js-txt-fade-in .js-span:nth-child(3).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 0.2s;
}
.js-txt-fade-in-span .js-span:nth-child(4).view,
.js-txt-fade-in .js-span:nth-child(4).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 0.3s;
}
.js-txt-fade-in-span .js-span:nth-child(5).view,
.js-txt-fade-in .js-span:nth-child(5).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 0.4s;
}
.js-txt-fade-in-span .js-span:nth-child(6).view,
.js-txt-fade-in .js-span:nth-child(6).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 0.5s;
}
.js-txt-fade-in-span .js-span:nth-child(7).view,
.js-txt-fade-in .js-span:nth-child(7).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 0.6s;
}
.js-txt-fade-in-span .js-span:nth-child(8).view,
.js-txt-fade-in .js-span:nth-child(8).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 0.7s;
}
.js-txt-fade-in-span .js-span:nth-child(9).view,
.js-txt-fade-in .js-span:nth-child(9).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 0.8s;
}
.js-txt-fade-in-span .js-span:nth-child(10).view,
.js-txt-fade-in .js-span:nth-child(10).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 0.9s;
}
.js-txt-fade-in-span .js-span:nth-child(11).view,
.js-txt-fade-in .js-span:nth-child(11).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 1s;
}
.js-txt-fade-in-span .js-span:nth-child(12).view,
.js-txt-fade-in .js-span:nth-child(12).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 1.1s;
}
.js-txt-fade-in-span .js-span:nth-child(13).view,
.js-txt-fade-in .js-span:nth-child(13).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 1.2s;
}
.js-txt-fade-in-span .js-span:nth-child(14).view,
.js-txt-fade-in .js-span:nth-child(14).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 1.3s;
}
.js-txt-fade-in-span .js-span:nth-child(15).view,
.js-txt-fade-in .js-span:nth-child(15).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 1.4s;
}
.js-txt-fade-in-span .js-span:nth-child(16).view,
.js-txt-fade-in .js-span:nth-child(16).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 1.5s;
}
.js-txt-fade-in-span .js-span:nth-child(17).view,
.js-txt-fade-in .js-span:nth-child(17).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 1.6s;
}
.js-txt-fade-in-span .js-span:nth-child(18).view,
.js-txt-fade-in .js-span:nth-child(18).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 1.7s;
}
.js-txt-fade-in-span .js-span:nth-child(19).view,
.js-txt-fade-in .js-span:nth-child(19).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 1.8s;
}
.js-txt-fade-in-span .js-span:nth-child(20).view,
.js-txt-fade-in .js-span:nth-child(20).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 1.9s;
}
.js-txt-fade-in-span .js-span:nth-child(21).view,
.js-txt-fade-in .js-span:nth-child(21).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 2s;
}
.js-txt-fade-in-span .js-span:nth-child(22).view,
.js-txt-fade-in .js-span:nth-child(22).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 2.1s;
}
.js-txt-fade-in-span .js-span:nth-child(23).view,
.js-txt-fade-in .js-span:nth-child(23).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 2.2s;
}
.js-txt-fade-in-span .js-span:nth-child(24).view,
.js-txt-fade-in .js-span:nth-child(24).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 2.3s;
}
.js-txt-fade-in-span .js-span:nth-child(25).view,
.js-txt-fade-in .js-span:nth-child(25).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 2.4s;
}
.js-txt-fade-in-span .js-span:nth-child(26).view,
.js-txt-fade-in .js-span:nth-child(26).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 2.5s;
}
.js-txt-fade-in-span .js-span:nth-child(27).view,
.js-txt-fade-in .js-span:nth-child(27).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 2.6s;
}
.js-txt-fade-in-span .js-span:nth-child(28).view,
.js-txt-fade-in .js-span:nth-child(28).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 2.7s;
}
.js-txt-fade-in-span .js-span:nth-child(29).view,
.js-txt-fade-in .js-span:nth-child(29).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 2.8s;
}
.js-txt-fade-in-span .js-span:nth-child(30).view,
.js-txt-fade-in .js-span:nth-child(30).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 2.9s;
}
.js-txt-fade-in-span .js-span:nth-child(31).view,
.js-txt-fade-in .js-span:nth-child(31).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 3s;
}
.js-txt-fade-in-span .js-span:nth-child(32).view,
.js-txt-fade-in .js-span:nth-child(32).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 3.1s;
}
.js-txt-fade-in-span .js-span:nth-child(33).view,
.js-txt-fade-in .js-span:nth-child(33).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 3.2s;
}
.js-txt-fade-in-span .js-span:nth-child(34).view,
.js-txt-fade-in .js-span:nth-child(34).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 3.3s;
}
.js-txt-fade-in-span .js-span:nth-child(35).view,
.js-txt-fade-in .js-span:nth-child(35).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 3.4s;
}
.js-txt-fade-in-span .js-span:nth-child(36).view,
.js-txt-fade-in .js-span:nth-child(36).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 3.5s;
}
.js-txt-fade-in-span .js-span:nth-child(37).view,
.js-txt-fade-in .js-span:nth-child(37).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 3.6s;
}
.js-txt-fade-in-span .js-span:nth-child(38).view,
.js-txt-fade-in .js-span:nth-child(38).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 3.7s;
}
.js-txt-fade-in-span .js-span:nth-child(39).view,
.js-txt-fade-in .js-span:nth-child(39).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 3.8s;
}
.js-txt-fade-in-span .js-span:nth-child(40).view,
.js-txt-fade-in .js-span:nth-child(40).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 3.9s;
}
.js-txt-fade-in-span .js-span:nth-child(41).view,
.js-txt-fade-in .js-span:nth-child(41).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 4s;
}
.js-txt-fade-in-span .js-span:nth-child(42).view,
.js-txt-fade-in .js-span:nth-child(42).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 4.1s;
}
.js-txt-fade-in-span .js-span:nth-child(43).view,
.js-txt-fade-in .js-span:nth-child(43).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 4.2s;
}
.js-txt-fade-in-span .js-span:nth-child(44).view,
.js-txt-fade-in .js-span:nth-child(44).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 4.3s;
}
.js-txt-fade-in-span .js-span:nth-child(45).view,
.js-txt-fade-in .js-span:nth-child(45).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 4.4s;
}
.js-txt-fade-in-span .js-span:nth-child(46).view,
.js-txt-fade-in .js-span:nth-child(46).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 4.5s;
}
.js-txt-fade-in-span .js-span:nth-child(47).view,
.js-txt-fade-in .js-span:nth-child(47).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 4.6s;
}
.js-txt-fade-in-span .js-span:nth-child(48).view,
.js-txt-fade-in .js-span:nth-child(48).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 4.7s;
}
.js-txt-fade-in-span .js-span:nth-child(49).view,
.js-txt-fade-in .js-span:nth-child(49).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 4.8s;
}
.js-txt-fade-in-span .js-span:nth-child(50).view,
.js-txt-fade-in .js-span:nth-child(50).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 4.9s;
}
.js-txt-fade-in-span .js-span:nth-child(51).view,
.js-txt-fade-in .js-span:nth-child(51).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 5s;
}
.js-txt-fade-in-span .js-span:nth-child(52).view,
.js-txt-fade-in .js-span:nth-child(52).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 5.1s;
}
.js-txt-fade-in-span .js-span:nth-child(53).view,
.js-txt-fade-in .js-span:nth-child(53).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 5.2s;
}
.js-txt-fade-in-span .js-span:nth-child(54).view,
.js-txt-fade-in .js-span:nth-child(54).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 5.3s;
}
.js-txt-fade-in-span .js-span:nth-child(55).view,
.js-txt-fade-in .js-span:nth-child(55).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 5.4s;
}
.js-txt-fade-in-span .js-span:nth-child(56).view,
.js-txt-fade-in .js-span:nth-child(56).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 5.5s;
}
.js-txt-fade-in-span .js-span:nth-child(57).view,
.js-txt-fade-in .js-span:nth-child(57).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 5.6s;
}
.js-txt-fade-in-span .js-span:nth-child(58).view,
.js-txt-fade-in .js-span:nth-child(58).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 5.7s;
}
.js-txt-fade-in-span .js-span:nth-child(59).view,
.js-txt-fade-in .js-span:nth-child(59).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 5.8s;
}
.js-txt-fade-in-span .js-span:nth-child(60).view,
.js-txt-fade-in .js-span:nth-child(60).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 5.9s;
}
.js-txt-fade-in-span .js-span:nth-child(61).view,
.js-txt-fade-in .js-span:nth-child(61).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 6s;
}
.js-txt-fade-in-span .js-span:nth-child(62).view,
.js-txt-fade-in .js-span:nth-child(62).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 6.1s;
}
.js-txt-fade-in-span .js-span:nth-child(63).view,
.js-txt-fade-in .js-span:nth-child(63).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 6.2s;
}
.js-txt-fade-in-span .js-span:nth-child(64).view,
.js-txt-fade-in .js-span:nth-child(64).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 6.3s;
}
.js-txt-fade-in-span .js-span:nth-child(65).view,
.js-txt-fade-in .js-span:nth-child(65).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 6.4s;
}
.js-txt-fade-in-span .js-span:nth-child(66).view,
.js-txt-fade-in .js-span:nth-child(66).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 6.5s;
}
.js-txt-fade-in-span .js-span:nth-child(67).view,
.js-txt-fade-in .js-span:nth-child(67).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 6.6s;
}
.js-txt-fade-in-span .js-span:nth-child(68).view,
.js-txt-fade-in .js-span:nth-child(68).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 6.7s;
}
.js-txt-fade-in-span .js-span:nth-child(69).view,
.js-txt-fade-in .js-span:nth-child(69).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 6.8s;
}
.js-txt-fade-in-span .js-span:nth-child(70).view,
.js-txt-fade-in .js-span:nth-child(70).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 6.9s;
}
.js-txt-fade-in-span .js-span:nth-child(71).view,
.js-txt-fade-in .js-span:nth-child(71).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 7s;
}
.js-txt-fade-in-span .js-span:nth-child(72).view,
.js-txt-fade-in .js-span:nth-child(72).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 7.1s;
}
.js-txt-fade-in-span .js-span:nth-child(73).view,
.js-txt-fade-in .js-span:nth-child(73).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 7.2s;
}
.js-txt-fade-in-span .js-span:nth-child(74).view,
.js-txt-fade-in .js-span:nth-child(74).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 7.3s;
}
.js-txt-fade-in-span .js-span:nth-child(75).view,
.js-txt-fade-in .js-span:nth-child(75).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 7.4s;
}
.js-txt-fade-in-span .js-span:nth-child(76).view,
.js-txt-fade-in .js-span:nth-child(76).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 7.5s;
}
.js-txt-fade-in-span .js-span:nth-child(77).view,
.js-txt-fade-in .js-span:nth-child(77).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 7.6s;
}
.js-txt-fade-in-span .js-span:nth-child(78).view,
.js-txt-fade-in .js-span:nth-child(78).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 7.7s;
}
.js-txt-fade-in-span .js-span:nth-child(79).view,
.js-txt-fade-in .js-span:nth-child(79).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 7.8s;
}
.js-txt-fade-in-span .js-span:nth-child(80).view,
.js-txt-fade-in .js-span:nth-child(80).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 7.9s;
}
.js-txt-fade-in-span .js-span:nth-child(81).view,
.js-txt-fade-in .js-span:nth-child(81).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 8s;
}
.js-txt-fade-in-span .js-span:nth-child(82).view,
.js-txt-fade-in .js-span:nth-child(82).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 8.1s;
}
.js-txt-fade-in-span .js-span:nth-child(83).view,
.js-txt-fade-in .js-span:nth-child(83).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 8.2s;
}
.js-txt-fade-in-span .js-span:nth-child(84).view,
.js-txt-fade-in .js-span:nth-child(84).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 8.3s;
}
.js-txt-fade-in-span .js-span:nth-child(85).view,
.js-txt-fade-in .js-span:nth-child(85).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 8.4s;
}
.js-txt-fade-in-span .js-span:nth-child(86).view,
.js-txt-fade-in .js-span:nth-child(86).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 8.5s;
}
.js-txt-fade-in-span .js-span:nth-child(87).view,
.js-txt-fade-in .js-span:nth-child(87).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 8.6s;
}
.js-txt-fade-in-span .js-span:nth-child(88).view,
.js-txt-fade-in .js-span:nth-child(88).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 8.7s;
}
.js-txt-fade-in-span .js-span:nth-child(89).view,
.js-txt-fade-in .js-span:nth-child(89).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 8.8s;
}
.js-txt-fade-in-span .js-span:nth-child(90).view,
.js-txt-fade-in .js-span:nth-child(90).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 8.9s;
}
.js-txt-fade-in-span .js-span:nth-child(91).view,
.js-txt-fade-in .js-span:nth-child(91).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 9s;
}
.js-txt-fade-in-span .js-span:nth-child(92).view,
.js-txt-fade-in .js-span:nth-child(92).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 9.1s;
}
.js-txt-fade-in-span .js-span:nth-child(93).view,
.js-txt-fade-in .js-span:nth-child(93).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 9.2s;
}
.js-txt-fade-in-span .js-span:nth-child(94).view,
.js-txt-fade-in .js-span:nth-child(94).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 9.3s;
}
.js-txt-fade-in-span .js-span:nth-child(95).view,
.js-txt-fade-in .js-span:nth-child(95).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 9.4s;
}
.js-txt-fade-in-span .js-span:nth-child(96).view,
.js-txt-fade-in .js-span:nth-child(96).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 9.5s;
}
.js-txt-fade-in-span .js-span:nth-child(97).view,
.js-txt-fade-in .js-span:nth-child(97).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 9.6s;
}
.js-txt-fade-in-span .js-span:nth-child(98).view,
.js-txt-fade-in .js-span:nth-child(98).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 9.7s;
}
.js-txt-fade-in-span .js-span:nth-child(99).view,
.js-txt-fade-in .js-span:nth-child(99).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 9.8s;
}
.js-txt-fade-in-span .js-span:nth-child(100).view,
.js-txt-fade-in .js-span:nth-child(100).view {
  animation: slideFadeIn 1.25s cubic-bezier(0.15, 0.85, 0.3, 1) 9.9s;
}

.js-txt-fade-in-span .js-span {
  color: white;
}

/* 右からスライド + フェードイン */
@keyframes slideFadeIn {
  from {
    opacity: 0;
    transform: translateX(0.5em);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
/* フェードインアニメーション */
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* フェードアウトアニメーション */
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes hoge {
  0% {
    height: 100%; /* 初期状態は高さ100% */
  }
  100% {
    height: 0; /* 最終状態は高さを0にする */
  }
}
body h1, body h2, body h3, body h4, body h5, body h6 {
  line-height: 1.25;
  font-weight: normal;
  margin-top: 2em;
  margin-bottom: 1em;
  font-family: "Jost", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
body h4, body h5, body h6 {
  font-weight: 600;
}

.c-heading-base--l, .c-heading-base--c, .c-heading-base--r {
  margin-bottom: 60px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-heading-base--l, .c-heading-base--c, .c-heading-base--r {
    margin-bottom: calc(60 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-heading-base--l, .c-heading-base--c, .c-heading-base--r {
    margin-bottom: calc(calc(100 / 750 * 60 * 1vw) / 0.75);
  }
}
.c-heading-base--l .c-heading-base__main,
body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
body #mv #heading .c-heading-base--l .c-heading-base__main, .c-heading-base--c .c-heading-base__main, body #mv .heading-mask .c-heading-base--c .c-heading-base__main,
body #mv #heading .c-heading-base--c .c-heading-base__main, .c-heading-base--r .c-heading-base__main, body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
body #mv #heading .c-heading-base--r .c-heading-base__main {
  font-family: "Jost", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 72px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.05em;
  color: #000000;
  padding-top: 0px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-heading-base--l .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
  body #mv #heading .c-heading-base--l .c-heading-base__main, .c-heading-base--c .c-heading-base__main, body #mv .heading-mask .c-heading-base--c .c-heading-base__main,
  body #mv #heading .c-heading-base--c .c-heading-base__main, .c-heading-base--r .c-heading-base__main, body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
  body #mv #heading .c-heading-base--r .c-heading-base__main {
    font-size: calc(72 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-heading-base--l .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
  body #mv #heading .c-heading-base--l .c-heading-base__main, .c-heading-base--c .c-heading-base__main, body #mv .heading-mask .c-heading-base--c .c-heading-base__main,
  body #mv #heading .c-heading-base--c .c-heading-base__main, .c-heading-base--r .c-heading-base__main, body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
  body #mv #heading .c-heading-base--r .c-heading-base__main {
    font-size: calc(100 / 750 * calc(76 * 1) * 1vw);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-heading-base--l .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
  body #mv #heading .c-heading-base--l .c-heading-base__main, .c-heading-base--c .c-heading-base__main, body #mv .heading-mask .c-heading-base--c .c-heading-base__main,
  body #mv #heading .c-heading-base--c .c-heading-base__main, .c-heading-base--r .c-heading-base__main, body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
  body #mv #heading .c-heading-base--r .c-heading-base__main {
    padding-top: calc(0 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-heading-base--l .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
  body #mv #heading .c-heading-base--l .c-heading-base__main, .c-heading-base--c .c-heading-base__main, body #mv .heading-mask .c-heading-base--c .c-heading-base__main,
  body #mv #heading .c-heading-base--c .c-heading-base__main, .c-heading-base--r .c-heading-base__main, body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
  body #mv #heading .c-heading-base--r .c-heading-base__main {
    padding-top: calc(calc(100 / 750 * 0 * 1vw) / 0.75);
  }
}
.c-heading-base--l .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
body #mv #heading .c-heading-base--l .c-heading-base__sub, .c-heading-base--c .c-heading-base__sub, body #mv .heading-mask .c-heading-base--c .c-heading-base__sub,
body #mv #heading .c-heading-base--c .c-heading-base__sub, .c-heading-base--r .c-heading-base__sub, body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
body #mv #heading .c-heading-base--r .c-heading-base__sub {
  font-family: "Jost", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.1;
  color: #000000;
  padding-top: 20px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-heading-base--l .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
  body #mv #heading .c-heading-base--l .c-heading-base__sub, .c-heading-base--c .c-heading-base__sub, body #mv .heading-mask .c-heading-base--c .c-heading-base__sub,
  body #mv #heading .c-heading-base--c .c-heading-base__sub, .c-heading-base--r .c-heading-base__sub, body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
  body #mv #heading .c-heading-base--r .c-heading-base__sub {
    font-size: calc(22 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-heading-base--l .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
  body #mv #heading .c-heading-base--l .c-heading-base__sub, .c-heading-base--c .c-heading-base__sub, body #mv .heading-mask .c-heading-base--c .c-heading-base__sub,
  body #mv #heading .c-heading-base--c .c-heading-base__sub, .c-heading-base--r .c-heading-base__sub, body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
  body #mv #heading .c-heading-base--r .c-heading-base__sub {
    font-size: calc(100 / 750 * calc(34 * 1) * 1vw);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-heading-base--l .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
  body #mv #heading .c-heading-base--l .c-heading-base__sub, .c-heading-base--c .c-heading-base__sub, body #mv .heading-mask .c-heading-base--c .c-heading-base__sub,
  body #mv #heading .c-heading-base--c .c-heading-base__sub, .c-heading-base--r .c-heading-base__sub, body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
  body #mv #heading .c-heading-base--r .c-heading-base__sub {
    padding-top: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-heading-base--l .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
  body #mv #heading .c-heading-base--l .c-heading-base__sub, .c-heading-base--c .c-heading-base__sub, body #mv .heading-mask .c-heading-base--c .c-heading-base__sub,
  body #mv #heading .c-heading-base--c .c-heading-base__sub, .c-heading-base--r .c-heading-base__sub, body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
  body #mv #heading .c-heading-base--r .c-heading-base__sub {
    padding-top: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
.c-heading-base--l.--bg-col, .c-heading-base--c.--bg-col, .c-heading-base--r.--bg-col {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 60px;
  background: #004aaa;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-heading-base--l.--bg-col, .c-heading-base--c.--bg-col, .c-heading-base--r.--bg-col {
    padding-top: calc(10 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-heading-base--l.--bg-col, .c-heading-base--c.--bg-col, .c-heading-base--r.--bg-col {
    padding-top: calc(calc(100 / 750 * 10 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-heading-base--l.--bg-col, .c-heading-base--c.--bg-col, .c-heading-base--r.--bg-col {
    padding-bottom: calc(10 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-heading-base--l.--bg-col, .c-heading-base--c.--bg-col, .c-heading-base--r.--bg-col {
    padding-bottom: calc(calc(100 / 750 * 10 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-heading-base--l.--bg-col, .c-heading-base--c.--bg-col, .c-heading-base--r.--bg-col {
    margin-bottom: calc(60 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-heading-base--l.--bg-col, .c-heading-base--c.--bg-col, .c-heading-base--r.--bg-col {
    margin-bottom: calc(calc(100 / 750 * 60 * 1vw) / 0.75);
  }
}
.c-heading-base--l.--bg-col .c-heading-base__main, .c-heading-base--l.--bg-col body #mv .heading-mask .c-heading-base--c .c-heading-base__main, .c-heading-base--l.--bg-col body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
body #mv .heading-mask .c-heading-base--l.--bg-col .c-heading-base__main,
.c-heading-base--l.--bg-col body #mv #heading .c-heading-base--c .c-heading-base__main,
.c-heading-base--l.--bg-col body #mv #heading .c-heading-base--r .c-heading-base__main,
body #mv #heading .c-heading-base--l.--bg-col .c-heading-base__main,
body #mv .heading-mask .c-heading-base--l.--bg-col #heading .c-heading-base--c .c-heading-base__main,
body #mv .heading-mask .c-heading-base--l.--bg-col #heading .c-heading-base--r .c-heading-base__main,
.c-heading-base--l.--bg-col .c-heading-base__sub,
.c-heading-base--l.--bg-col body #mv .heading-mask .c-heading-base--c .c-heading-base__sub,
.c-heading-base--l.--bg-col body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--l.--bg-col .c-heading-base__sub,
.c-heading-base--l.--bg-col body #mv #heading .c-heading-base--c .c-heading-base__sub,
.c-heading-base--l.--bg-col body #mv #heading .c-heading-base--r .c-heading-base__sub,
body #mv #heading .c-heading-base--l.--bg-col .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--l.--bg-col #heading .c-heading-base--c .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--l.--bg-col #heading .c-heading-base--r .c-heading-base__sub, .c-heading-base--c.--bg-col .c-heading-base__main, body #mv .heading-mask .c-heading-base--c.--bg-col .c-heading-base__main, .c-heading-base--c.--bg-col body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
.c-heading-base--c.--bg-col body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
body #mv #heading .c-heading-base--c.--bg-col .c-heading-base__main,
.c-heading-base--c.--bg-col body #mv #heading .c-heading-base--r .c-heading-base__main,
.c-heading-base--c.--bg-col body #mv #heading .c-heading-base--l .c-heading-base__main,
body #mv .heading-mask .c-heading-base--c.--bg-col #heading .c-heading-base--r .c-heading-base__main,
body #mv .heading-mask .c-heading-base--c.--bg-col #heading .c-heading-base--l .c-heading-base__main,
.c-heading-base--c.--bg-col .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--c.--bg-col .c-heading-base__sub,
.c-heading-base--c.--bg-col body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
.c-heading-base--c.--bg-col body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
body #mv #heading .c-heading-base--c.--bg-col .c-heading-base__sub,
.c-heading-base--c.--bg-col body #mv #heading .c-heading-base--r .c-heading-base__sub,
.c-heading-base--c.--bg-col body #mv #heading .c-heading-base--l .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--c.--bg-col #heading .c-heading-base--r .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--c.--bg-col #heading .c-heading-base--l .c-heading-base__sub, .c-heading-base--r.--bg-col .c-heading-base__main, .c-heading-base--r.--bg-col body #mv .heading-mask .c-heading-base--c .c-heading-base__main, body #mv .heading-mask .c-heading-base--r.--bg-col .c-heading-base__main,
.c-heading-base--r.--bg-col body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
.c-heading-base--r.--bg-col body #mv #heading .c-heading-base--c .c-heading-base__main,
body #mv #heading .c-heading-base--r.--bg-col .c-heading-base__main,
.c-heading-base--r.--bg-col body #mv #heading .c-heading-base--l .c-heading-base__main,
body #mv .heading-mask .c-heading-base--r.--bg-col #heading .c-heading-base--c .c-heading-base__main,
body #mv .heading-mask .c-heading-base--r.--bg-col #heading .c-heading-base--l .c-heading-base__main,
.c-heading-base--r.--bg-col .c-heading-base__sub,
.c-heading-base--r.--bg-col body #mv .heading-mask .c-heading-base--c .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--r.--bg-col .c-heading-base__sub,
.c-heading-base--r.--bg-col body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
.c-heading-base--r.--bg-col body #mv #heading .c-heading-base--c .c-heading-base__sub,
body #mv #heading .c-heading-base--r.--bg-col .c-heading-base__sub,
.c-heading-base--r.--bg-col body #mv #heading .c-heading-base--l .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--r.--bg-col #heading .c-heading-base--c .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--r.--bg-col #heading .c-heading-base--l .c-heading-base__sub {
  color: white;
  line-height: 1.1;
}
.c-heading-base--l.--bg-col .c-heading-base__main, .c-heading-base--l.--bg-col body #mv .heading-mask .c-heading-base--c .c-heading-base__main, .c-heading-base--l.--bg-col body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
body #mv .heading-mask .c-heading-base--l.--bg-col .c-heading-base__main,
.c-heading-base--l.--bg-col body #mv #heading .c-heading-base--c .c-heading-base__main,
.c-heading-base--l.--bg-col body #mv #heading .c-heading-base--r .c-heading-base__main,
body #mv #heading .c-heading-base--l.--bg-col .c-heading-base__main,
body #mv .heading-mask .c-heading-base--l.--bg-col #heading .c-heading-base--c .c-heading-base__main,
body #mv .heading-mask .c-heading-base--l.--bg-col #heading .c-heading-base--r .c-heading-base__main, .c-heading-base--c.--bg-col .c-heading-base__main, body #mv .heading-mask .c-heading-base--c.--bg-col .c-heading-base__main, .c-heading-base--c.--bg-col body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
.c-heading-base--c.--bg-col body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
body #mv #heading .c-heading-base--c.--bg-col .c-heading-base__main,
.c-heading-base--c.--bg-col body #mv #heading .c-heading-base--r .c-heading-base__main,
.c-heading-base--c.--bg-col body #mv #heading .c-heading-base--l .c-heading-base__main,
body #mv .heading-mask .c-heading-base--c.--bg-col #heading .c-heading-base--r .c-heading-base__main,
body #mv .heading-mask .c-heading-base--c.--bg-col #heading .c-heading-base--l .c-heading-base__main, .c-heading-base--r.--bg-col .c-heading-base__main, .c-heading-base--r.--bg-col body #mv .heading-mask .c-heading-base--c .c-heading-base__main, body #mv .heading-mask .c-heading-base--r.--bg-col .c-heading-base__main,
.c-heading-base--r.--bg-col body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
.c-heading-base--r.--bg-col body #mv #heading .c-heading-base--c .c-heading-base__main,
body #mv #heading .c-heading-base--r.--bg-col .c-heading-base__main,
.c-heading-base--r.--bg-col body #mv #heading .c-heading-base--l .c-heading-base__main,
body #mv .heading-mask .c-heading-base--r.--bg-col #heading .c-heading-base--c .c-heading-base__main,
body #mv .heading-mask .c-heading-base--r.--bg-col #heading .c-heading-base--l .c-heading-base__main {
  font-size: 48px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-heading-base--l.--bg-col .c-heading-base__main, .c-heading-base--l.--bg-col body #mv .heading-mask .c-heading-base--c .c-heading-base__main, .c-heading-base--l.--bg-col body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--l.--bg-col .c-heading-base__main,
  .c-heading-base--l.--bg-col body #mv #heading .c-heading-base--c .c-heading-base__main,
  .c-heading-base--l.--bg-col body #mv #heading .c-heading-base--r .c-heading-base__main,
  body #mv #heading .c-heading-base--l.--bg-col .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--l.--bg-col #heading .c-heading-base--c .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--l.--bg-col #heading .c-heading-base--r .c-heading-base__main, .c-heading-base--c.--bg-col .c-heading-base__main, body #mv .heading-mask .c-heading-base--c.--bg-col .c-heading-base__main, .c-heading-base--c.--bg-col body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
  .c-heading-base--c.--bg-col body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
  body #mv #heading .c-heading-base--c.--bg-col .c-heading-base__main,
  .c-heading-base--c.--bg-col body #mv #heading .c-heading-base--r .c-heading-base__main,
  .c-heading-base--c.--bg-col body #mv #heading .c-heading-base--l .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--c.--bg-col #heading .c-heading-base--r .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--c.--bg-col #heading .c-heading-base--l .c-heading-base__main, .c-heading-base--r.--bg-col .c-heading-base__main, .c-heading-base--r.--bg-col body #mv .heading-mask .c-heading-base--c .c-heading-base__main, body #mv .heading-mask .c-heading-base--r.--bg-col .c-heading-base__main,
  .c-heading-base--r.--bg-col body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
  .c-heading-base--r.--bg-col body #mv #heading .c-heading-base--c .c-heading-base__main,
  body #mv #heading .c-heading-base--r.--bg-col .c-heading-base__main,
  .c-heading-base--r.--bg-col body #mv #heading .c-heading-base--l .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--r.--bg-col #heading .c-heading-base--c .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--r.--bg-col #heading .c-heading-base--l .c-heading-base__main {
    font-size: calc(100 / 750 * calc(50 * 1) * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-heading-base--l.--bg-col, .c-heading-base--c.--bg-col, .c-heading-base--r.--bg-col {
    padding: 0.5em 1em;
  }
}
.c-heading-base--l.--two-col-btn-line, .c-heading-base--c.--two-col-btn-line, .c-heading-base--r.--two-col-btn-line {
  padding-bottom: 1em;
  margin-bottom: 2em;
}
.c-heading-base--l.--two-col-btn-line .c-heading-base__main, .c-heading-base--l.--two-col-btn-line body #mv .heading-mask .c-heading-base--c .c-heading-base__main, .c-heading-base--l.--two-col-btn-line body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
body #mv .heading-mask .c-heading-base--l.--two-col-btn-line .c-heading-base__main,
.c-heading-base--l.--two-col-btn-line body #mv #heading .c-heading-base--c .c-heading-base__main,
.c-heading-base--l.--two-col-btn-line body #mv #heading .c-heading-base--r .c-heading-base__main,
body #mv #heading .c-heading-base--l.--two-col-btn-line .c-heading-base__main,
body #mv .heading-mask .c-heading-base--l.--two-col-btn-line #heading .c-heading-base--c .c-heading-base__main,
body #mv .heading-mask .c-heading-base--l.--two-col-btn-line #heading .c-heading-base--r .c-heading-base__main, .c-heading-base--c.--two-col-btn-line .c-heading-base__main, body #mv .heading-mask .c-heading-base--c.--two-col-btn-line .c-heading-base__main, .c-heading-base--c.--two-col-btn-line body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
.c-heading-base--c.--two-col-btn-line body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
body #mv #heading .c-heading-base--c.--two-col-btn-line .c-heading-base__main,
.c-heading-base--c.--two-col-btn-line body #mv #heading .c-heading-base--r .c-heading-base__main,
.c-heading-base--c.--two-col-btn-line body #mv #heading .c-heading-base--l .c-heading-base__main,
body #mv .heading-mask .c-heading-base--c.--two-col-btn-line #heading .c-heading-base--r .c-heading-base__main,
body #mv .heading-mask .c-heading-base--c.--two-col-btn-line #heading .c-heading-base--l .c-heading-base__main, .c-heading-base--r.--two-col-btn-line .c-heading-base__main, .c-heading-base--r.--two-col-btn-line body #mv .heading-mask .c-heading-base--c .c-heading-base__main, body #mv .heading-mask .c-heading-base--r.--two-col-btn-line .c-heading-base__main,
.c-heading-base--r.--two-col-btn-line body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
.c-heading-base--r.--two-col-btn-line body #mv #heading .c-heading-base--c .c-heading-base__main,
body #mv #heading .c-heading-base--r.--two-col-btn-line .c-heading-base__main,
.c-heading-base--r.--two-col-btn-line body #mv #heading .c-heading-base--l .c-heading-base__main,
body #mv .heading-mask .c-heading-base--r.--two-col-btn-line #heading .c-heading-base--c .c-heading-base__main,
body #mv .heading-mask .c-heading-base--r.--two-col-btn-line #heading .c-heading-base--l .c-heading-base__main {
  font-size: 48px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-heading-base--l.--two-col-btn-line .c-heading-base__main, .c-heading-base--l.--two-col-btn-line body #mv .heading-mask .c-heading-base--c .c-heading-base__main, .c-heading-base--l.--two-col-btn-line body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--l.--two-col-btn-line .c-heading-base__main,
  .c-heading-base--l.--two-col-btn-line body #mv #heading .c-heading-base--c .c-heading-base__main,
  .c-heading-base--l.--two-col-btn-line body #mv #heading .c-heading-base--r .c-heading-base__main,
  body #mv #heading .c-heading-base--l.--two-col-btn-line .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--l.--two-col-btn-line #heading .c-heading-base--c .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--l.--two-col-btn-line #heading .c-heading-base--r .c-heading-base__main, .c-heading-base--c.--two-col-btn-line .c-heading-base__main, body #mv .heading-mask .c-heading-base--c.--two-col-btn-line .c-heading-base__main, .c-heading-base--c.--two-col-btn-line body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
  .c-heading-base--c.--two-col-btn-line body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
  body #mv #heading .c-heading-base--c.--two-col-btn-line .c-heading-base__main,
  .c-heading-base--c.--two-col-btn-line body #mv #heading .c-heading-base--r .c-heading-base__main,
  .c-heading-base--c.--two-col-btn-line body #mv #heading .c-heading-base--l .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--c.--two-col-btn-line #heading .c-heading-base--r .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--c.--two-col-btn-line #heading .c-heading-base--l .c-heading-base__main, .c-heading-base--r.--two-col-btn-line .c-heading-base__main, .c-heading-base--r.--two-col-btn-line body #mv .heading-mask .c-heading-base--c .c-heading-base__main, body #mv .heading-mask .c-heading-base--r.--two-col-btn-line .c-heading-base__main,
  .c-heading-base--r.--two-col-btn-line body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
  .c-heading-base--r.--two-col-btn-line body #mv #heading .c-heading-base--c .c-heading-base__main,
  body #mv #heading .c-heading-base--r.--two-col-btn-line .c-heading-base__main,
  .c-heading-base--r.--two-col-btn-line body #mv #heading .c-heading-base--l .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--r.--two-col-btn-line #heading .c-heading-base--c .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--r.--two-col-btn-line #heading .c-heading-base--l .c-heading-base__main {
    font-size: calc(100 / 750 * calc(50 * 1) * 1vw);
  }
}
.c-heading-base--l.--two-col-btn-line .c-heading-base__sub, .c-heading-base--l.--two-col-btn-line body #mv .heading-mask .c-heading-base--c .c-heading-base__sub, .c-heading-base--l.--two-col-btn-line body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--l.--two-col-btn-line .c-heading-base__sub,
.c-heading-base--l.--two-col-btn-line body #mv #heading .c-heading-base--c .c-heading-base__sub,
.c-heading-base--l.--two-col-btn-line body #mv #heading .c-heading-base--r .c-heading-base__sub,
body #mv #heading .c-heading-base--l.--two-col-btn-line .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--l.--two-col-btn-line #heading .c-heading-base--c .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--l.--two-col-btn-line #heading .c-heading-base--r .c-heading-base__sub, .c-heading-base--c.--two-col-btn-line .c-heading-base__sub, body #mv .heading-mask .c-heading-base--c.--two-col-btn-line .c-heading-base__sub, .c-heading-base--c.--two-col-btn-line body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
.c-heading-base--c.--two-col-btn-line body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
body #mv #heading .c-heading-base--c.--two-col-btn-line .c-heading-base__sub,
.c-heading-base--c.--two-col-btn-line body #mv #heading .c-heading-base--r .c-heading-base__sub,
.c-heading-base--c.--two-col-btn-line body #mv #heading .c-heading-base--l .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--c.--two-col-btn-line #heading .c-heading-base--r .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--c.--two-col-btn-line #heading .c-heading-base--l .c-heading-base__sub, .c-heading-base--r.--two-col-btn-line .c-heading-base__sub, .c-heading-base--r.--two-col-btn-line body #mv .heading-mask .c-heading-base--c .c-heading-base__sub, body #mv .heading-mask .c-heading-base--r.--two-col-btn-line .c-heading-base__sub,
.c-heading-base--r.--two-col-btn-line body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
.c-heading-base--r.--two-col-btn-line body #mv #heading .c-heading-base--c .c-heading-base__sub,
body #mv #heading .c-heading-base--r.--two-col-btn-line .c-heading-base__sub,
.c-heading-base--r.--two-col-btn-line body #mv #heading .c-heading-base--l .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--r.--two-col-btn-line #heading .c-heading-base--c .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--r.--two-col-btn-line #heading .c-heading-base--l .c-heading-base__sub {
  font-size: 18px;
  padding-top: 0;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-heading-base--l.--two-col-btn-line .c-heading-base__sub, .c-heading-base--l.--two-col-btn-line body #mv .heading-mask .c-heading-base--c .c-heading-base__sub, .c-heading-base--l.--two-col-btn-line body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--l.--two-col-btn-line .c-heading-base__sub,
  .c-heading-base--l.--two-col-btn-line body #mv #heading .c-heading-base--c .c-heading-base__sub,
  .c-heading-base--l.--two-col-btn-line body #mv #heading .c-heading-base--r .c-heading-base__sub,
  body #mv #heading .c-heading-base--l.--two-col-btn-line .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--l.--two-col-btn-line #heading .c-heading-base--c .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--l.--two-col-btn-line #heading .c-heading-base--r .c-heading-base__sub, .c-heading-base--c.--two-col-btn-line .c-heading-base__sub, body #mv .heading-mask .c-heading-base--c.--two-col-btn-line .c-heading-base__sub, .c-heading-base--c.--two-col-btn-line body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
  .c-heading-base--c.--two-col-btn-line body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
  body #mv #heading .c-heading-base--c.--two-col-btn-line .c-heading-base__sub,
  .c-heading-base--c.--two-col-btn-line body #mv #heading .c-heading-base--r .c-heading-base__sub,
  .c-heading-base--c.--two-col-btn-line body #mv #heading .c-heading-base--l .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--c.--two-col-btn-line #heading .c-heading-base--r .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--c.--two-col-btn-line #heading .c-heading-base--l .c-heading-base__sub, .c-heading-base--r.--two-col-btn-line .c-heading-base__sub, .c-heading-base--r.--two-col-btn-line body #mv .heading-mask .c-heading-base--c .c-heading-base__sub, body #mv .heading-mask .c-heading-base--r.--two-col-btn-line .c-heading-base__sub,
  .c-heading-base--r.--two-col-btn-line body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
  .c-heading-base--r.--two-col-btn-line body #mv #heading .c-heading-base--c .c-heading-base__sub,
  body #mv #heading .c-heading-base--r.--two-col-btn-line .c-heading-base__sub,
  .c-heading-base--r.--two-col-btn-line body #mv #heading .c-heading-base--l .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--r.--two-col-btn-line #heading .c-heading-base--c .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--r.--two-col-btn-line #heading .c-heading-base--l .c-heading-base__sub {
    font-size: calc(100 / 750 * calc(32 * 1) * 1vw);
  }
}
.c-heading-base--l.--two-col-btn-line:before, .c-heading-base--l.--two-col-btn-line:after, .c-heading-base--c.--two-col-btn-line:before, .c-heading-base--c.--two-col-btn-line:after, .c-heading-base--r.--two-col-btn-line:before, .c-heading-base--r.--two-col-btn-line:after {
  width: 2em;
  height: 0.25em;
  position: absolute;
  content: "";
  bottom: 0;
}
.c-heading-base--l.--two-col-btn-line:before, .c-heading-base--c.--two-col-btn-line:before, .c-heading-base--r.--two-col-btn-line:before {
  background-color: #004aaa;
  left: calc(50% - 2em);
}
.c-heading-base--l.--two-col-btn-line:after, .c-heading-base--c.--two-col-btn-line:after, .c-heading-base--r.--two-col-btn-line:after {
  background-color: #006fc5;
  left: 50%;
}
.c-heading-base--l.--flex, .c-heading-base--c.--flex, .c-heading-base--r.--flex {
  display: flex;
  align-items: flex-end;
}
.c-heading-base--l.--flex .c-heading-base__main, .c-heading-base--l.--flex body #mv .heading-mask .c-heading-base--c .c-heading-base__main, .c-heading-base--l.--flex body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
body #mv .heading-mask .c-heading-base--l.--flex .c-heading-base__main,
.c-heading-base--l.--flex body #mv #heading .c-heading-base--c .c-heading-base__main,
.c-heading-base--l.--flex body #mv #heading .c-heading-base--r .c-heading-base__main,
body #mv #heading .c-heading-base--l.--flex .c-heading-base__main,
body #mv .heading-mask .c-heading-base--l.--flex #heading .c-heading-base--c .c-heading-base__main,
body #mv .heading-mask .c-heading-base--l.--flex #heading .c-heading-base--r .c-heading-base__main,
.c-heading-base--l.--flex .c-heading-base__sub,
.c-heading-base--l.--flex body #mv .heading-mask .c-heading-base--c .c-heading-base__sub,
.c-heading-base--l.--flex body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--l.--flex .c-heading-base__sub,
.c-heading-base--l.--flex body #mv #heading .c-heading-base--c .c-heading-base__sub,
.c-heading-base--l.--flex body #mv #heading .c-heading-base--r .c-heading-base__sub,
body #mv #heading .c-heading-base--l.--flex .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--l.--flex #heading .c-heading-base--c .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--l.--flex #heading .c-heading-base--r .c-heading-base__sub, .c-heading-base--c.--flex .c-heading-base__main, body #mv .heading-mask .c-heading-base--c.--flex .c-heading-base__main, .c-heading-base--c.--flex body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
.c-heading-base--c.--flex body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
body #mv #heading .c-heading-base--c.--flex .c-heading-base__main,
.c-heading-base--c.--flex body #mv #heading .c-heading-base--r .c-heading-base__main,
.c-heading-base--c.--flex body #mv #heading .c-heading-base--l .c-heading-base__main,
body #mv .heading-mask .c-heading-base--c.--flex #heading .c-heading-base--r .c-heading-base__main,
body #mv .heading-mask .c-heading-base--c.--flex #heading .c-heading-base--l .c-heading-base__main,
.c-heading-base--c.--flex .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--c.--flex .c-heading-base__sub,
.c-heading-base--c.--flex body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
.c-heading-base--c.--flex body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
body #mv #heading .c-heading-base--c.--flex .c-heading-base__sub,
.c-heading-base--c.--flex body #mv #heading .c-heading-base--r .c-heading-base__sub,
.c-heading-base--c.--flex body #mv #heading .c-heading-base--l .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--c.--flex #heading .c-heading-base--r .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--c.--flex #heading .c-heading-base--l .c-heading-base__sub, .c-heading-base--r.--flex .c-heading-base__main, .c-heading-base--r.--flex body #mv .heading-mask .c-heading-base--c .c-heading-base__main, body #mv .heading-mask .c-heading-base--r.--flex .c-heading-base__main,
.c-heading-base--r.--flex body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
.c-heading-base--r.--flex body #mv #heading .c-heading-base--c .c-heading-base__main,
body #mv #heading .c-heading-base--r.--flex .c-heading-base__main,
.c-heading-base--r.--flex body #mv #heading .c-heading-base--l .c-heading-base__main,
body #mv .heading-mask .c-heading-base--r.--flex #heading .c-heading-base--c .c-heading-base__main,
body #mv .heading-mask .c-heading-base--r.--flex #heading .c-heading-base--l .c-heading-base__main,
.c-heading-base--r.--flex .c-heading-base__sub,
.c-heading-base--r.--flex body #mv .heading-mask .c-heading-base--c .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--r.--flex .c-heading-base__sub,
.c-heading-base--r.--flex body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
.c-heading-base--r.--flex body #mv #heading .c-heading-base--c .c-heading-base__sub,
body #mv #heading .c-heading-base--r.--flex .c-heading-base__sub,
.c-heading-base--r.--flex body #mv #heading .c-heading-base--l .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--r.--flex #heading .c-heading-base--c .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--r.--flex #heading .c-heading-base--l .c-heading-base__sub {
  line-height: 1;
}
.c-heading-base--l.--flex .c-heading-base__sub, .c-heading-base--l.--flex body #mv .heading-mask .c-heading-base--c .c-heading-base__sub, .c-heading-base--l.--flex body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--l.--flex .c-heading-base__sub,
.c-heading-base--l.--flex body #mv #heading .c-heading-base--c .c-heading-base__sub,
.c-heading-base--l.--flex body #mv #heading .c-heading-base--r .c-heading-base__sub,
body #mv #heading .c-heading-base--l.--flex .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--l.--flex #heading .c-heading-base--c .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--l.--flex #heading .c-heading-base--r .c-heading-base__sub, .c-heading-base--c.--flex .c-heading-base__sub, body #mv .heading-mask .c-heading-base--c.--flex .c-heading-base__sub, .c-heading-base--c.--flex body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
.c-heading-base--c.--flex body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
body #mv #heading .c-heading-base--c.--flex .c-heading-base__sub,
.c-heading-base--c.--flex body #mv #heading .c-heading-base--r .c-heading-base__sub,
.c-heading-base--c.--flex body #mv #heading .c-heading-base--l .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--c.--flex #heading .c-heading-base--r .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--c.--flex #heading .c-heading-base--l .c-heading-base__sub, .c-heading-base--r.--flex .c-heading-base__sub, .c-heading-base--r.--flex body #mv .heading-mask .c-heading-base--c .c-heading-base__sub, body #mv .heading-mask .c-heading-base--r.--flex .c-heading-base__sub,
.c-heading-base--r.--flex body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
.c-heading-base--r.--flex body #mv #heading .c-heading-base--c .c-heading-base__sub,
body #mv #heading .c-heading-base--r.--flex .c-heading-base__sub,
.c-heading-base--r.--flex body #mv #heading .c-heading-base--l .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--r.--flex #heading .c-heading-base--c .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--r.--flex #heading .c-heading-base--l .c-heading-base__sub {
  margin-left: 1em;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-heading-base--l.--flex, .c-heading-base--c.--flex, .c-heading-base--r.--flex {
    flex-direction: column;
    align-items: flex-start;
  }
  .c-heading-base--l.--flex .c-heading-base__sub, .c-heading-base--l.--flex body #mv .heading-mask .c-heading-base--c .c-heading-base__sub, .c-heading-base--l.--flex body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--l.--flex .c-heading-base__sub,
  .c-heading-base--l.--flex body #mv #heading .c-heading-base--c .c-heading-base__sub,
  .c-heading-base--l.--flex body #mv #heading .c-heading-base--r .c-heading-base__sub,
  body #mv #heading .c-heading-base--l.--flex .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--l.--flex #heading .c-heading-base--c .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--l.--flex #heading .c-heading-base--r .c-heading-base__sub, .c-heading-base--c.--flex .c-heading-base__sub, body #mv .heading-mask .c-heading-base--c.--flex .c-heading-base__sub, .c-heading-base--c.--flex body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
  .c-heading-base--c.--flex body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
  body #mv #heading .c-heading-base--c.--flex .c-heading-base__sub,
  .c-heading-base--c.--flex body #mv #heading .c-heading-base--r .c-heading-base__sub,
  .c-heading-base--c.--flex body #mv #heading .c-heading-base--l .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--c.--flex #heading .c-heading-base--r .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--c.--flex #heading .c-heading-base--l .c-heading-base__sub, .c-heading-base--r.--flex .c-heading-base__sub, .c-heading-base--r.--flex body #mv .heading-mask .c-heading-base--c .c-heading-base__sub, body #mv .heading-mask .c-heading-base--r.--flex .c-heading-base__sub,
  .c-heading-base--r.--flex body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
  .c-heading-base--r.--flex body #mv #heading .c-heading-base--c .c-heading-base__sub,
  body #mv #heading .c-heading-base--r.--flex .c-heading-base__sub,
  .c-heading-base--r.--flex body #mv #heading .c-heading-base--l .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--r.--flex #heading .c-heading-base--c .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--r.--flex #heading .c-heading-base--l .c-heading-base__sub {
    margin-top: 0.5em;
    margin-left: 0;
  }
}
.c-heading-base--l.--underline, .c-heading-base--c.--underline, .c-heading-base--r.--underline {
  padding-bottom: 0.5em;
  margin-bottom: 1em;
  border-bottom: 1px solid #222222;
}
.c-heading-base--l.lb-line, .c-heading-base--c.lb-line, .c-heading-base--r.lb-line {
  font-size: 36px;
  font-family: "Noto Serif JP", serif;
  line-height: 1.25;
  font-weight: 500;
  position: relative;
  padding-left: 0.75em;
  padding-bottom: 0.25em;
  margin-bottom: 1em;
  border-bottom: 2px solid #004aaa;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-heading-base--l.lb-line, .c-heading-base--c.lb-line, .c-heading-base--r.lb-line {
    font-size: calc(100 / 750 * calc(44 * 1) * 1vw);
  }
}
.c-heading-base--l.lb-line:before, .c-heading-base--c.lb-line:before, .c-heading-base--r.lb-line:before {
  content: "";
  position: absolute;
  width: 0.2em;
  height: 65%;
  top: 15%;
  left: 0;
  background-color: #004aaa;
}
.c-heading-base--l.--small, .c-heading-base--c.--small, .c-heading-base--r.--small {
  margin-bottom: 30px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-heading-base--l.--small, .c-heading-base--c.--small, .c-heading-base--r.--small {
    margin-bottom: calc(30 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-heading-base--l.--small, .c-heading-base--c.--small, .c-heading-base--r.--small {
    margin-bottom: calc(calc(100 / 750 * 30 * 1vw) / 0.75);
  }
}
.c-heading-base--l.--small .c-heading-base__main, .c-heading-base--l.--small body #mv .heading-mask .c-heading-base--c .c-heading-base__main, .c-heading-base--l.--small body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
body #mv .heading-mask .c-heading-base--l.--small .c-heading-base__main,
.c-heading-base--l.--small body #mv #heading .c-heading-base--c .c-heading-base__main,
.c-heading-base--l.--small body #mv #heading .c-heading-base--r .c-heading-base__main,
body #mv #heading .c-heading-base--l.--small .c-heading-base__main,
body #mv .heading-mask .c-heading-base--l.--small #heading .c-heading-base--c .c-heading-base__main,
body #mv .heading-mask .c-heading-base--l.--small #heading .c-heading-base--r .c-heading-base__main, .c-heading-base--c.--small .c-heading-base__main, body #mv .heading-mask .c-heading-base--c.--small .c-heading-base__main, .c-heading-base--c.--small body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
.c-heading-base--c.--small body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
body #mv #heading .c-heading-base--c.--small .c-heading-base__main,
.c-heading-base--c.--small body #mv #heading .c-heading-base--r .c-heading-base__main,
.c-heading-base--c.--small body #mv #heading .c-heading-base--l .c-heading-base__main,
body #mv .heading-mask .c-heading-base--c.--small #heading .c-heading-base--r .c-heading-base__main,
body #mv .heading-mask .c-heading-base--c.--small #heading .c-heading-base--l .c-heading-base__main, .c-heading-base--r.--small .c-heading-base__main, .c-heading-base--r.--small body #mv .heading-mask .c-heading-base--c .c-heading-base__main, body #mv .heading-mask .c-heading-base--r.--small .c-heading-base__main,
.c-heading-base--r.--small body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
.c-heading-base--r.--small body #mv #heading .c-heading-base--c .c-heading-base__main,
body #mv #heading .c-heading-base--r.--small .c-heading-base__main,
.c-heading-base--r.--small body #mv #heading .c-heading-base--l .c-heading-base__main,
body #mv .heading-mask .c-heading-base--r.--small #heading .c-heading-base--c .c-heading-base__main,
body #mv .heading-mask .c-heading-base--r.--small #heading .c-heading-base--l .c-heading-base__main {
  font-size: 28px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-heading-base--l.--small .c-heading-base__main, .c-heading-base--l.--small body #mv .heading-mask .c-heading-base--c .c-heading-base__main, .c-heading-base--l.--small body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--l.--small .c-heading-base__main,
  .c-heading-base--l.--small body #mv #heading .c-heading-base--c .c-heading-base__main,
  .c-heading-base--l.--small body #mv #heading .c-heading-base--r .c-heading-base__main,
  body #mv #heading .c-heading-base--l.--small .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--l.--small #heading .c-heading-base--c .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--l.--small #heading .c-heading-base--r .c-heading-base__main, .c-heading-base--c.--small .c-heading-base__main, body #mv .heading-mask .c-heading-base--c.--small .c-heading-base__main, .c-heading-base--c.--small body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
  .c-heading-base--c.--small body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
  body #mv #heading .c-heading-base--c.--small .c-heading-base__main,
  .c-heading-base--c.--small body #mv #heading .c-heading-base--r .c-heading-base__main,
  .c-heading-base--c.--small body #mv #heading .c-heading-base--l .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--c.--small #heading .c-heading-base--r .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--c.--small #heading .c-heading-base--l .c-heading-base__main, .c-heading-base--r.--small .c-heading-base__main, .c-heading-base--r.--small body #mv .heading-mask .c-heading-base--c .c-heading-base__main, body #mv .heading-mask .c-heading-base--r.--small .c-heading-base__main,
  .c-heading-base--r.--small body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
  .c-heading-base--r.--small body #mv #heading .c-heading-base--c .c-heading-base__main,
  body #mv #heading .c-heading-base--r.--small .c-heading-base__main,
  .c-heading-base--r.--small body #mv #heading .c-heading-base--l .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--r.--small #heading .c-heading-base--c .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--r.--small #heading .c-heading-base--l .c-heading-base__main {
    font-size: calc(100 / 750 * calc(36 * 1) * 1vw);
  }
}
.c-heading-base--l.--small .c-heading-base__sub, .c-heading-base--l.--small body #mv .heading-mask .c-heading-base--c .c-heading-base__sub, .c-heading-base--l.--small body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--l.--small .c-heading-base__sub,
.c-heading-base--l.--small body #mv #heading .c-heading-base--c .c-heading-base__sub,
.c-heading-base--l.--small body #mv #heading .c-heading-base--r .c-heading-base__sub,
body #mv #heading .c-heading-base--l.--small .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--l.--small #heading .c-heading-base--c .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--l.--small #heading .c-heading-base--r .c-heading-base__sub, .c-heading-base--c.--small .c-heading-base__sub, body #mv .heading-mask .c-heading-base--c.--small .c-heading-base__sub, .c-heading-base--c.--small body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
.c-heading-base--c.--small body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
body #mv #heading .c-heading-base--c.--small .c-heading-base__sub,
.c-heading-base--c.--small body #mv #heading .c-heading-base--r .c-heading-base__sub,
.c-heading-base--c.--small body #mv #heading .c-heading-base--l .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--c.--small #heading .c-heading-base--r .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--c.--small #heading .c-heading-base--l .c-heading-base__sub, .c-heading-base--r.--small .c-heading-base__sub, .c-heading-base--r.--small body #mv .heading-mask .c-heading-base--c .c-heading-base__sub, body #mv .heading-mask .c-heading-base--r.--small .c-heading-base__sub,
.c-heading-base--r.--small body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
.c-heading-base--r.--small body #mv #heading .c-heading-base--c .c-heading-base__sub,
body #mv #heading .c-heading-base--r.--small .c-heading-base__sub,
.c-heading-base--r.--small body #mv #heading .c-heading-base--l .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--r.--small #heading .c-heading-base--c .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--r.--small #heading .c-heading-base--l .c-heading-base__sub {
  font-size: 18px;
  padding-top: 0 !important;
  margin-bottom: 0.2em;
  font-family: "Noto Serif JP", serif !important;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-heading-base--l.--small .c-heading-base__sub, .c-heading-base--l.--small body #mv .heading-mask .c-heading-base--c .c-heading-base__sub, .c-heading-base--l.--small body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--l.--small .c-heading-base__sub,
  .c-heading-base--l.--small body #mv #heading .c-heading-base--c .c-heading-base__sub,
  .c-heading-base--l.--small body #mv #heading .c-heading-base--r .c-heading-base__sub,
  body #mv #heading .c-heading-base--l.--small .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--l.--small #heading .c-heading-base--c .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--l.--small #heading .c-heading-base--r .c-heading-base__sub, .c-heading-base--c.--small .c-heading-base__sub, body #mv .heading-mask .c-heading-base--c.--small .c-heading-base__sub, .c-heading-base--c.--small body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
  .c-heading-base--c.--small body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
  body #mv #heading .c-heading-base--c.--small .c-heading-base__sub,
  .c-heading-base--c.--small body #mv #heading .c-heading-base--r .c-heading-base__sub,
  .c-heading-base--c.--small body #mv #heading .c-heading-base--l .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--c.--small #heading .c-heading-base--r .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--c.--small #heading .c-heading-base--l .c-heading-base__sub, .c-heading-base--r.--small .c-heading-base__sub, .c-heading-base--r.--small body #mv .heading-mask .c-heading-base--c .c-heading-base__sub, body #mv .heading-mask .c-heading-base--r.--small .c-heading-base__sub,
  .c-heading-base--r.--small body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
  .c-heading-base--r.--small body #mv #heading .c-heading-base--c .c-heading-base__sub,
  body #mv #heading .c-heading-base--r.--small .c-heading-base__sub,
  .c-heading-base--r.--small body #mv #heading .c-heading-base--l .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--r.--small #heading .c-heading-base--c .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--r.--small #heading .c-heading-base--l .c-heading-base__sub {
    font-size: calc(100 / 750 * calc(22 * 1) * 1vw);
  }
}
.c-heading-base--l.--white .c-heading-base__main, .c-heading-base--l.--white body #mv .heading-mask .c-heading-base--c .c-heading-base__main, .c-heading-base--l.--white body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
body #mv .heading-mask .c-heading-base--l.--white .c-heading-base__main,
.c-heading-base--l.--white body #mv #heading .c-heading-base--c .c-heading-base__main,
.c-heading-base--l.--white body #mv #heading .c-heading-base--r .c-heading-base__main,
body #mv #heading .c-heading-base--l.--white .c-heading-base__main,
body #mv .heading-mask .c-heading-base--l.--white #heading .c-heading-base--c .c-heading-base__main,
body #mv .heading-mask .c-heading-base--l.--white #heading .c-heading-base--r .c-heading-base__main,
.c-heading-base--l.--white .c-heading-base__sub,
.c-heading-base--l.--white body #mv .heading-mask .c-heading-base--c .c-heading-base__sub,
.c-heading-base--l.--white body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--l.--white .c-heading-base__sub,
.c-heading-base--l.--white body #mv #heading .c-heading-base--c .c-heading-base__sub,
.c-heading-base--l.--white body #mv #heading .c-heading-base--r .c-heading-base__sub,
body #mv #heading .c-heading-base--l.--white .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--l.--white #heading .c-heading-base--c .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--l.--white #heading .c-heading-base--r .c-heading-base__sub, .c-heading-base--c.--white .c-heading-base__main, body #mv .heading-mask .c-heading-base--c.--white .c-heading-base__main, .c-heading-base--c.--white body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
.c-heading-base--c.--white body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
body #mv #heading .c-heading-base--c.--white .c-heading-base__main,
.c-heading-base--c.--white body #mv #heading .c-heading-base--r .c-heading-base__main,
.c-heading-base--c.--white body #mv #heading .c-heading-base--l .c-heading-base__main,
body #mv .heading-mask .c-heading-base--c.--white #heading .c-heading-base--r .c-heading-base__main,
body #mv .heading-mask .c-heading-base--c.--white #heading .c-heading-base--l .c-heading-base__main,
.c-heading-base--c.--white .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--c.--white .c-heading-base__sub,
.c-heading-base--c.--white body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
.c-heading-base--c.--white body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
body #mv #heading .c-heading-base--c.--white .c-heading-base__sub,
.c-heading-base--c.--white body #mv #heading .c-heading-base--r .c-heading-base__sub,
.c-heading-base--c.--white body #mv #heading .c-heading-base--l .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--c.--white #heading .c-heading-base--r .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--c.--white #heading .c-heading-base--l .c-heading-base__sub, .c-heading-base--r.--white .c-heading-base__main, .c-heading-base--r.--white body #mv .heading-mask .c-heading-base--c .c-heading-base__main, body #mv .heading-mask .c-heading-base--r.--white .c-heading-base__main,
.c-heading-base--r.--white body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
.c-heading-base--r.--white body #mv #heading .c-heading-base--c .c-heading-base__main,
body #mv #heading .c-heading-base--r.--white .c-heading-base__main,
.c-heading-base--r.--white body #mv #heading .c-heading-base--l .c-heading-base__main,
body #mv .heading-mask .c-heading-base--r.--white #heading .c-heading-base--c .c-heading-base__main,
body #mv .heading-mask .c-heading-base--r.--white #heading .c-heading-base--l .c-heading-base__main,
.c-heading-base--r.--white .c-heading-base__sub,
.c-heading-base--r.--white body #mv .heading-mask .c-heading-base--c .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--r.--white .c-heading-base__sub,
.c-heading-base--r.--white body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
.c-heading-base--r.--white body #mv #heading .c-heading-base--c .c-heading-base__sub,
body #mv #heading .c-heading-base--r.--white .c-heading-base__sub,
.c-heading-base--r.--white body #mv #heading .c-heading-base--l .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--r.--white #heading .c-heading-base--c .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--r.--white #heading .c-heading-base--l .c-heading-base__sub {
  color: white;
}
.c-heading-base--l.--mg-top, .c-heading-base--c.--mg-top, .c-heading-base--r.--mg-top {
  margin-top: 100px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .c-heading-base--l.--mg-top, .c-heading-base--c.--mg-top, .c-heading-base--r.--mg-top {
    margin-top: calc(100 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-heading-base--l.--mg-top, .c-heading-base--c.--mg-top, .c-heading-base--r.--mg-top {
    margin-top: calc(calc(100 / 750 * 100 * 1vw) / 0.75);
  }
}

h2.wp-block-heading {
  font-size: 48px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  h2.wp-block-heading {
    font-size: calc(100 / 750 * calc(50 * 1) * 1vw);
  }
}
h2.wp-block-heading.--small {
  font-size: calc(48px * 0.75);
}
@media only screen and (max-width: calc(767 * 1px)) {
  h2.wp-block-heading.--small {
    font-size: calc(100 / 750 * calc(calc(50 * calc(0.75 * 1.5)) * 1) * 1vw);
  }
}
h2.wp-block-heading.--xsmall {
  font-size: calc(48px * 0.55);
}
@media only screen and (max-width: calc(767 * 1px)) {
  h2.wp-block-heading.--xsmall {
    font-size: calc(100 / 750 * calc(calc(50 * calc(0.55 * 1.5)) * 1) * 1vw);
  }
}

h3.wp-block-heading {
  font-size: 36px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  h3.wp-block-heading {
    font-size: calc(100 / 750 * calc(44 * 1) * 1vw);
  }
}
h3.wp-block-heading.--small {
  font-size: calc(36px * 0.75);
}
@media only screen and (max-width: calc(767 * 1px)) {
  h3.wp-block-heading.--small {
    font-size: calc(100 / 750 * calc(calc(44 * calc(0.75 * 1.5)) * 1) * 1vw);
  }
}
h3.wp-block-heading.--xsmall {
  font-size: calc(36px * 0.55);
}
@media only screen and (max-width: calc(767 * 1px)) {
  h3.wp-block-heading.--xsmall {
    font-size: calc(100 / 750 * calc(calc(44 * calc(0.55 * 1.5)) * 1) * 1vw);
  }
}

h4.wp-block-heading {
  font-size: 28px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  h4.wp-block-heading {
    font-size: calc(100 / 750 * calc(40 * 1) * 1vw);
  }
}
h4.wp-block-heading.--small {
  font-size: calc(28px * 0.75);
}
@media only screen and (max-width: calc(767 * 1px)) {
  h4.wp-block-heading.--small {
    font-size: calc(100 / 750 * calc(calc(40 * calc(0.75 * 1.5)) * 1) * 1vw);
  }
}
h4.wp-block-heading.--xsmall {
  font-size: calc(28px * 0.55);
}
@media only screen and (max-width: calc(767 * 1px)) {
  h4.wp-block-heading.--xsmall {
    font-size: calc(100 / 750 * calc(calc(40 * calc(0.55 * 1.5)) * 1) * 1vw);
  }
}

h5.wp-block-heading {
  font-size: 22px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  h5.wp-block-heading {
    font-size: calc(100 / 750 * calc(34 * 1) * 1vw);
  }
}
h5.wp-block-heading.--small {
  font-size: calc(22px * 0.75);
}
@media only screen and (max-width: calc(767 * 1px)) {
  h5.wp-block-heading.--small {
    font-size: calc(100 / 750 * calc(calc(34 * calc(0.75 * 1.5)) * 1) * 1vw);
  }
}
h5.wp-block-heading.--xsmall {
  font-size: calc(22px * 0.55);
}
@media only screen and (max-width: calc(767 * 1px)) {
  h5.wp-block-heading.--xsmall {
    font-size: calc(100 / 750 * calc(calc(34 * calc(0.55 * 1.5)) * 1) * 1vw);
  }
}

h6.wp-block-heading {
  font-size: 18px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  h6.wp-block-heading {
    font-size: calc(100 / 750 * calc(32 * 1) * 1vw);
  }
}
h6.wp-block-heading.--small {
  font-size: calc(18px * 0.75);
}
@media only screen and (max-width: calc(767 * 1px)) {
  h6.wp-block-heading.--small {
    font-size: calc(100 / 750 * calc(calc(32 * calc(0.75 * 1.5)) * 1) * 1vw);
  }
}
h6.wp-block-heading.--xsmall {
  font-size: calc(18px * 0.55);
}
@media only screen and (max-width: calc(767 * 1px)) {
  h6.wp-block-heading.--xsmall {
    font-size: calc(100 / 750 * calc(calc(32 * calc(0.55 * 1.5)) * 1) * 1vw);
  }
}

.--heading-l-line {
  position: relative;
  padding-left: 0.85em;
}
.--heading-l-line:before {
  content: "";
  position: absolute;
  background-color: black;
  top: calc(0em + 15%);
  left: 0;
  width: 0.3em;
  height: 0.85em;
}

.ark-block-heading .ark-block-heading__main {
  font-family: "Noto Serif JP", serif;
  font-size: 72px;
  color: #000000;
  line-height: 1.1;
  font-weight: 400;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .ark-block-heading .ark-block-heading__main {
    font-size: calc(100 / 750 * calc(76 * 1) * 1vw);
  }
}
.ark-block-heading .ark-block-heading__sub {
  font-family: "Jost", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 22px;
  color: #000000;
  margin-top: 20px;
  line-height: 1.1;
  font-weight: 400;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .ark-block-heading .ark-block-heading__sub {
    font-size: calc(100 / 750 * calc(34 * 1) * 1vw);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .ark-block-heading .ark-block-heading__sub {
    margin-top: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .ark-block-heading .ark-block-heading__sub {
    margin-top: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
.ark-block-heading.--small {
  margin-bottom: 40px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .ark-block-heading.--small {
    margin-bottom: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .ark-block-heading.--small {
    margin-bottom: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
.ark-block-heading.--small .ark-block-heading__main {
  font-size: 28px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .ark-block-heading.--small .ark-block-heading__main {
    font-size: calc(100 / 750 * calc(36 * 1) * 1vw);
  }
}
.ark-block-heading.--small .ark-block-heading__sub {
  font-size: 18px;
  padding-top: 0 !important;
  margin-bottom: 0.2em;
  font-family: "Noto Serif JP", serif !important;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .ark-block-heading.--small .ark-block-heading__sub {
    font-size: calc(100 / 750 * calc(22 * 1) * 1vw);
  }
}

body.blog #main .c-media-text-content__body h2.c-media-text-content__title, body.archive #main .c-media-text-content__body h2.c-media-text-content__title, body.search #main .c-media-text-content__body h2.c-media-text-content__title {
  margin-top: initial;
  margin-bottom: initial;
}

body.privacy-policy h2, body.privacy-policy h3, body.privacy-policy h4, body.privacy-policy h5, body.privacy-policy h6 {
  margin-top: 1.5em;
  margin-bottom: 0.5em;
  font-weight: 600;
}
body.privacy-policy h2 {
  font-size: 36px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.privacy-policy h2 {
    font-size: calc(100 / 750 * calc(44 * 1) * 1vw);
  }
}
body.privacy-policy h2 h2:nth-child(n+2) {
  margin-top: 80px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.privacy-policy h2 h2:nth-child(n+2) {
    margin-top: calc(80 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.privacy-policy h2 h2:nth-child(n+2) {
    margin-top: calc(calc(100 / 750 * 80 * 1vw) / 0.75);
  }
}
body.privacy-policy h3 {
  font-size: 28px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.privacy-policy h3 {
    font-size: calc(100 / 750 * calc(40 * 1) * 1vw);
  }
}

#sidebar .widget .wp-block-heading {
  font-weight: 500;
  font-size: 28px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  #sidebar .widget .wp-block-heading {
    font-size: calc(100 / 750 * calc(40 * 1) * 1vw);
  }
}

/*
---------------------------------------------------------------
レイアウト
---------------------------------------------------------------
*/
.content-layout {
  margin-top: 80px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .content-layout {
    margin-top: calc(80 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .content-layout {
    margin-top: calc(calc(100 / 750 * 80 * 1vw) / 0.75);
  }
}

.column-2 {
  display: flex;
  gap: 80px;
  width: 100%; /* 親要素が全体幅に対応 */
}
.column-2 #main {
  width: calc(100% - 240px - 80px);
}
.column-2 #sidebar {
  width: 240px;
}
@media only screen and (max-width: 980px) {
  .column-2 {
    flex-direction: column;
    gap: 20vw;
  }
  .column-2 #main,
  .column-2 #sidebar {
    width: 100%;
  }
}

.block-set-responsive-pd {
  padding-top: 120px;
  padding-bottom: 120px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .block-set-responsive-pd {
    padding-top: calc(120 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .block-set-responsive-pd {
    padding-top: calc(calc(100 / 750 * 120 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .block-set-responsive-pd {
    padding-bottom: calc(120 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .block-set-responsive-pd {
    padding-bottom: calc(calc(100 / 750 * 120 * 1vw) / 0.75);
  }
}

.block-set-responsive-pd--t-nspace {
  padding-bottom: 120px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .block-set-responsive-pd--t-nspace {
    padding-bottom: calc(120 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .block-set-responsive-pd--t-nspace {
    padding-bottom: calc(calc(100 / 750 * 120 * 1vw) / 0.75);
  }
}

.block-set-responsive-pd--b-nspace {
  padding-top: 120px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .block-set-responsive-pd--b-nspace {
    padding-top: calc(120 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .block-set-responsive-pd--b-nspace {
    padding-top: calc(calc(100 / 750 * 120 * 1vw) / 0.75);
  }
}

.flex-item > .wp-block-group__inner-container {
  display: flex;
  align-items: center;
  gap: 2em;
  justify-content: flex-start;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .flex-item > .wp-block-group__inner-container {
    flex-direction: column;
  }
  .flex-item.--sp-row .wp-block-group__inner-container {
    flex-direction: row;
  }
}

.c-media-text-content--horizontal.wp-block-group, body .wp-block-group.c-media-text-content--horizontal-arrow {
  border: none;
  padding-top: 0;
  padding-bottom: 0;
}
.c-media-text-content--horizontal.wp-block-group:last-child, body .wp-block-group.c-media-text-content--horizontal-arrow:last-child {
  border-bottom: none;
}
.c-media-text-content--horizontal.wp-block-group > .wp-block-group__inner-container, body .wp-block-group.c-media-text-content--horizontal-arrow > .wp-block-group__inner-container {
  display: flex;
}
.c-media-text-content--horizontal.wp-block-group > .wp-block-group__inner-container > .c-media-text-content__img, body .wp-block-group.c-media-text-content--horizontal-arrow > .wp-block-group__inner-container > .c-media-text-content__img {
  margin-right: 0;
}
.c-media-text-content--horizontal.wp-block-group > .wp-block-group__inner-container > .c-media-text-content__img .wp-block-group__inner-container, body .wp-block-group.c-media-text-content--horizontal-arrow > .wp-block-group__inner-container > .c-media-text-content__img .wp-block-group__inner-container {
  overflow: hidden;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .c-media-text-content--horizontal.wp-block-group > .wp-block-group__inner-container, body .wp-block-group.c-media-text-content--horizontal-arrow > .wp-block-group__inner-container {
    flex-direction: column;
  }
}

.ark-block-columns .ark-block-columns__inner {
  align-items: center;
}
.ark-block-columns .ark-block-columns__inner .media {
  height: auto;
}
.ark-block-columns .ark-block-columns__inner .media figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.ark-block-columns .ark-block-columns__inner .media figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .ark-block-columns .ark-block-columns__inner {
    align-items: stretch;
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .ark-block-columns .ark-block-columns__inner {
    margin-left: 0;
    flex-direction: column;
  }
  .ark-block-columns .ark-block-columns__inner .ark-block-column {
    width: 100%;
    margin-left: 0;
  }
}

/*
---------------------------------------------------------------
パンクズ
---------------------------------------------------------------
*/
body #breadcrumb-sec {
  margin-top: 20px;
  margin-bottom: 20px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body #breadcrumb-sec {
    margin-top: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #breadcrumb-sec {
    margin-top: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body #breadcrumb-sec {
    margin-bottom: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #breadcrumb-sec {
    margin-bottom: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
body #breadcrumb-sec .breadcrumbs {
  text-align: right;
  color: #ccc;
}
body #breadcrumb-sec .breadcrumbs span {
  line-height: 1.1;
  color: #cccccc;
  font-size: 12px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #breadcrumb-sec .breadcrumbs span {
    font-size: calc(100 / 750 * calc(20 * 1) * 1vw);
  }
}
body #breadcrumb-sec .breadcrumbs span a {
  text-decoration: none;
}
body #breadcrumb-sec .breadcrumbs span.bc-line {
  position: relative;
  width: 3em;
  height: 1em;
  display: inline-block;
}
body #breadcrumb-sec .breadcrumbs span.bc-line:before {
  content: "";
  position: absolute;
  width: calc(3em - 0.5em * 2);
  height: 1px;
  background-color: #e1e1e1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #breadcrumb-sec {
    display: block;
  }
}

/*
---------------------------------------------------------------
ページャー
---------------------------------------------------------------
*/
.pagination nav.navigation .nav-links {
  margin-top: 60px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .pagination nav.navigation .nav-links {
    margin-top: calc(60 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .pagination nav.navigation .nav-links {
    margin-top: calc(calc(100 / 750 * 60 * 1vw) / 0.75);
  }
}
.pagination nav.navigation .nav-links .page-numbers {
  border: none;
  transition: all 0.3s ease-out;
}
.pagination nav.navigation .nav-links .page-numbers {
  border-radius: 0 !important;
}
.pagination nav.navigation .nav-links .page-numbers:not(.current) {
  background-color: white;
}
.pagination nav.navigation .nav-links a.page-numbers:not(.next):not(.prev) {
  color: #000000;
  border: none;
  background-color: white;
}
.pagination nav.navigation .nav-links a.page-numbers:not(.next):not(.prev).current {
  border: 1px solid black;
  background-color: black;
  color: white;
}
.pagination nav.navigation .nav-links a.page-numbers:not(.next):not(.prev):hover {
  background-color: var(--sub-color);
  color: white;
}
.pagination nav.navigation .nav-links a.page-numbers.next,
.pagination nav.navigation .nav-links a.page-numbers.prev {
  color: white;
  background-color: black;
  position: absolute;
  border-radius: 0;
  width: 6em;
  text-indent: -9999px; /* 文字を画面外に移動 */
  overflow: hidden; /* オーバーフローを隠す */
  display: inline-block;
}
.pagination nav.navigation .nav-links a.page-numbers.next:before, .pagination nav.navigation .nav-links a.page-numbers.next:after,
.pagination nav.navigation .nav-links a.page-numbers.prev:before,
.pagination nav.navigation .nav-links a.page-numbers.prev:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5em;
  height: 1.5em;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  transition: all 0.3s ease-out;
}
.pagination nav.navigation .nav-links a.page-numbers.next {
  right: 0;
}
.pagination nav.navigation .nav-links a.page-numbers.next:before, .pagination nav.navigation .nav-links a.page-numbers.next:after {
  background-image: url("/wp-content/themes/kodama-wamono/data/images/common/_svg/_icon/icon-arrow-right_white.svg");
}
.pagination nav.navigation .nav-links a.page-numbers.next:before {
  left: -3em;
}
.pagination nav.navigation .nav-links a.page-numbers.next:after {
  left: calc(50% - 0.5em);
}
.pagination nav.navigation .nav-links a.page-numbers.next:hover {
  background-color: var(--sub-color);
}
.pagination nav.navigation .nav-links a.page-numbers.next:hover:before {
  left: calc(50% - 0.5em);
}
.pagination nav.navigation .nav-links a.page-numbers.next:hover:after {
  left: 9em;
}
.pagination nav.navigation .nav-links a.page-numbers.prev {
  left: 0;
}
.pagination nav.navigation .nav-links a.page-numbers.prev:before, .pagination nav.navigation .nav-links a.page-numbers.prev:after {
  background-image: url("/wp-content/themes/kodama-wamono/data/images/common/_svg/_icon/icon-arrow-left_white.svg");
}
.pagination nav.navigation .nav-links a.page-numbers.prev:before {
  right: calc(50% - 0.5em);
}
.pagination nav.navigation .nav-links a.page-numbers.prev:after {
  right: -1.5em;
}
.pagination nav.navigation .nav-links a.page-numbers.prev:hover {
  background-color: var(--main-color);
}
.pagination nav.navigation .nav-links a.page-numbers.prev:hover:before {
  right: 9em;
}
.pagination nav.navigation .nav-links a.page-numbers.prev:hover:after {
  right: calc(50% - 0.5em);
}
@media only screen and (max-width: calc(767 * 1px)) {
  .pagination nav.navigation .nav-links a.page-numbers.next,
  .pagination nav.navigation .nav-links a.page-numbers.prev {
    width: 4em;
  }
  .pagination nav.navigation .nav-links a.page-numbers.next:before {
    left: -3em;
  }
  .pagination nav.navigation .nav-links a.page-numbers.next:after {
    left: calc(50% - 0.5em);
  }
  .pagination nav.navigation .nav-links a.page-numbers.next:hover:before {
    left: calc(50% - 0.5em);
  }
  .pagination nav.navigation .nav-links a.page-numbers.next:hover:after {
    left: 9em;
  }
  .pagination nav.navigation .nav-links a.page-numbers.prev:before {
    right: calc(50% - 0.5em);
  }
  .pagination nav.navigation .nav-links a.page-numbers.prev:after {
    right: -1.5em;
  }
  .pagination nav.navigation .nav-links a.page-numbers.prev:hover:before {
    right: 9em;
  }
  .pagination nav.navigation .nav-links a.page-numbers.prev:hover:after {
    right: calc(50% - 0.5em);
  }
}

/*
---------------------------------------------------------------

ark-block-buttons

ボタン　リンク

---------------------------------------------------------------
*/
.obfuscate-email a {
  text-decoration: none;
  color: initial;
}

.ark-block-buttons {
  padding-top: 40px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .ark-block-buttons {
    padding-top: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .ark-block-buttons {
    padding-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
.ark-block-buttons.--back-btn {
  margin-top: 40px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .ark-block-buttons.--back-btn {
    margin-top: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .ark-block-buttons.--back-btn {
    margin-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
.ark-block-buttons .ark-block-button.is-btn-fill a.ark-block-button__link, .ark-block-buttons .ark-block-button.is-btn-outline a.ark-block-button__link {
  min-width: 14em;
}
.ark-block-buttons .ark-block-button.is-btn-text a.ark-block-button__link {
  min-width: initial;
  padding: 0;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .ark-block-buttons .ark-block-button.is-btn-fill a.ark-block-button__link, .ark-block-buttons .ark-block-button.is-btn-outline a.ark-block-button__link {
    padding-top: 1.25em;
    padding-bottom: 1.25em;
  }
}

/*
---------------------------------------------------------------

Wordpress　

デフォルトボタン

---------------------------------------------------------------
*/
.wp-block-buttons {
  padding-top: 40px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .wp-block-buttons {
    padding-top: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .wp-block-buttons {
    padding-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
.wp-block-buttons.--back-btn {
  margin-top: 40px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  .wp-block-buttons.--back-btn {
    margin-top: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  .wp-block-buttons.--back-btn {
    margin-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
.wp-block-buttons .wp-block-button {
  min-width: 14em;
}
.wp-block-buttons .wp-block-button a {
  line-height: 1.5;
  border-radius: 0;
  gap: 0.2em;
  margin: 0;
  max-width: 100%;
  padding: 0.75em 1.75em;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease-out;
}
.wp-block-buttons .wp-block-button a:hover {
  opacity: 0.8;
  color: white;
}
@media only screen and (max-width: calc(767 * 1px)) {
  .wp-block-buttons .wp-block-button a {
    padding-top: 1.25em;
    padding-bottom: 1.25em;
  }
}

/*
---------------------------------------------------------------
ポップアップアイコンを　右煮付ける

a{
    @include before_popup-icon(white);
}
---------------------------------------------------------------
*/
/*
---------------------------------------------------------------
＞　を　右に付ける

a {
    @include anchor-right-side-arrow();
}
---------------------------------------------------------------
*/
/*
---------------------------------------------------------------
＞　を　右に付ける

<a class="anchor-icon-circle" href="#">
    ラベルラベルラベル
    <span class="icon-circle-arrow"><img src="<?php echo get_template_directory_uri();?>/data/images/common/_svg/_icon/btn_arrow-carrot_right_white.svg" alt="arrow"> </span>
</a>
---------------------------------------------------------------
*/
.anchor-icon-circle figure {
  overflow: hidden;
  margin: 0 0 2em;
}
.anchor-icon-circle figure img {
  display: block;
}
.anchor-icon-circle .content {
  display: flex !important;
  justify-content: space-between;
  align-items: center;
}
.anchor-icon-circle .icon-circle-arrow {
  display: block;
  position: relative;
  width: 1.25em;
  height: 1.25em;
}
.anchor-icon-circle .icon-circle-arrow img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.anchor-icon-circle .icon-circle-arrow:after {
  content: "";
  position: absolute;
  z-index: -1;
  background-color: black;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  top: 0;
  left: 0;
  transform: scale(1);
  transition: all 0.3s ease-out;
}
.anchor-icon-circle:hover .icon-circle-arrow::after {
  background-color: var(--sub-color);
  transform: scale(1.25);
}

.bnr img {
  border: 1px solid #e1e1e1;
  max-width: none; /* 必要なら明示的に無制限に */
  transition: all 0.3s ease-out;
  opacity: 1;
}
.bnr img:hover {
  opacity: 0.6;
}

/*
---------------------------------------------------------------

ホバー　画像拡大

---------------------------------------------------------------
*/
figure:not(.bnr) {
  line-height: 1;
  margin: 0;
}
figure:not(.bnr) a {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
figure:not(.bnr) a > .simpleParallax {
  transition: all calc(0.3s * 1.5) ease-out;
}
figure:not(.bnr) a img {
  display: block;
  transform: scale(1);
  transition: all calc(0.3s * 1.5) ease-out;
}
figure:not(.bnr) a:hover {
  cursor: pointer;
}
figure:not(.bnr) a:hover .simpleParallax,
figure:not(.bnr) a:hover img {
  transform: scale(1.15);
}

a {
  transition: all 0.3s ease-out;
}
a figure {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  line-height: 1;
  display: block;
  overflow: hidden; /* 画像が親要素を超えないようにする */
}
a figure img {
  transition: all 0.3s ease-out;
}
a:hover {
  color: var(--sub-color);
}
a:hover figure img {
  transform: scale(1.1); /* 110%拡大 */
}

/*=========================================================================
HEADER

--------------------------------------------------
▼　使用するファイル
・HTML   ：header_1line_btn-right-end.php
・CSS    ：このファイル
・CSS    ：_common-md-l-header_1line-A1.scss
・CSS    ：project/global-setting/gs-header-design-setting

--------------------------------------------------
・#mypj 以降はネストで記載しない
・サイズ、色、背景やその他の装飾
・settingの変数は、ここにで記載
=========================================================================*/
/*----------------------------
プロジェクトの設定の上書き
----------------------------*/
body {
  /*=========================================================================
  HEADER ブレイクポイント 01
  =========================================================================*/
  /*=========================================================================
  SPの形になるブレイクポイント
  =========================================================================*/
}
@media only screen and (max-width: 1000px) {
  body #l-header {
    /*
    ・JSで追加したタグ
    ・ハンバーガーメニューをクリックした時にbodyタグにつけたクラス
    ・スクロールチェーン対応用
    ----------------------------------------------*/
    /* ハンバーガーアイコン
    ----------------------------------------------*/
    /* 第一階層 ナビゲーション設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /*　第二階層 以降 のナビゲーションの 共通 設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /*　第三階層 のナビゲーションの 設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /*=========================================================================
    ヘッダー
    =========================================================================*/
    /*=========================================================================
    フッター
    =========================================================================*/
  }
  body #l-header .nav-toggle {
    display: none;
  }
  body #l-header.js-toggle-open {
    overflow-y: hidden;
  }
  body #l-header .btn-burger {
    display: flex;
  }
  body #l-header .btn-burger {
    right: 0;
  }
  body #l-header .gnavi {
    display: none;
    background-color: white;
    position: fixed;
    z-index: -1;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    padding-top: 10vh;
    transition: all 0.3s ease-out;
  }
  body #l-header .c-dd-nav__ul__menu-item.has-child > a:not(.js-add-c-dd-expand) {
    margin-right: 56px;
  }
  body #l-header .has-child .js-add-c-dd-expand {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: auto !important;
    right: 0;
    top: 0;
    z-index: 2;
    padding: 1.5em 1em;
    color: #6bb5cb;
  }
  body #l-header .has-child .js-add-c-dd-expand .lines-vertical, body #l-header .has-child .js-add-c-dd-expand .lines-horizontal {
    position: absolute;
    display: block;
    transition: all 0.3s;
    background: #fff;
    left: 50%;
    top: 50%;
    width: 40%;
    height: 1px;
    transform: translate(-50%, -50%);
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
  body #l-header .has-child .js-add-c-dd-expand .lines-horizontal {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  body #l-header .has-child .js-add-c-dd-expand .lines-vertical {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  body #l-header .has-child.active > .js-add-c-dd-expand .lines-vertical {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  body #l-header .gnavi__wrap {
    height: 100% !important;
  }
  body #l-header .gnavi__lists-list {
    position: relative;
    box-sizing: border-box;
    height: 100vh !important;
    padding-top: 160px;
  }
  body #l-header .gnavi__lists {
    box-sizing: border-box;
    display: block;
    /*ナビの数が増えた場合縦スクロール*/
    position: relative;
    z-index: 999;
    width: 100%;
    height: 100%; /*表示する高さ*/
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 100px;
    padding-left: calc(100 / 750 * 40 * 1vw);
    padding-right: calc(100 / 750 * 40 * 1vw);
  }
  body #l-header .c-dd-nav__ul > .c-dd-nav__ul__menu-item {
    height: auto;
  }
  body #l-header .c-dd-nav__ul > .c-dd-nav__ul__menu-item.current-menu-item > a:not(.js-add-c-dd-expand):after {
    content: none;
  }
  body #l-header .c-dd-nav__ul > .c-dd-nav__ul__menu-item:hover > a:after {
    content: none;
  }
  body #l-header .c-dd-nav__ul > .c-dd-nav__ul__menu-item.current-menu-item > a, body #l-header .c-dd-nav__ul > .c-dd-nav__ul__menu-item a {
    color: #000000;
  }
  body #l-header .c-dd-nav__ul > .c-dd-nav__ul__menu-item.current-menu-item > a:hover, body #l-header .c-dd-nav__ul > .c-dd-nav__ul__menu-item a:hover {
    color: var(--sub-color);
  }
  body #l-header .c-dd-nav__ul > .c-dd-nav__ul__menu-item > a:not(.js-add-c-dd-expand) {
    padding: 1.5em 1em 1.5em 1em;
  }
  body #l-header .c-dd-nav__ul > .c-dd-nav__ul__menu-item > a:not(.js-add-c-dd-expand):after {
    content: none;
  }
  body #l-header .c-dd-nav__ul__menu-item.has-child span {
    position: static;
  }
  body #l-header .c-dd-nav__ul__menu-item.has-child span::before {
    content: none;
  }
  body #l-header .c-dd-nav__ul__menu-item.has-child.active span::before {
    transform: rotate(-45deg);
    left: auto;
  }
  body #l-header .c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta {
    padding-left: calc(100 / 750 * 40 * 1vw);
    padding-right: calc(100 / 750 * 40 * 1vw);
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 1000px) and (max-width: calc(767 * 1px)) {
  body #l-header .c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta {
    padding-top: calc(calc(60 / 28 * 1rem) / 0.75);
    padding-bottom: calc(calc(60 / 28 * 1rem) / 0.75);
  }
}
@media only screen and (max-width: 1000px) {
  body #l-header .c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta a {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
  }
  body #l-header .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a:not(.js-add-c-dd-expand) {
    text-align: left;
    padding: 1.5em 1em 1.5em calc(1em * 2);
  }
  body #l-header ul ul .c-dd-nav__ul__menu-item.has-child::before {
    content: none;
  }
  body #l-header ul ul .c-dd-nav__ul__menu-item.has-child.active::before {
    transform: rotate(-45deg);
  }
  body #l-header .c-dd-nav__ul__menu-item.has-child .sub-menu,
  body #l-header .c-dd-nav__ul__menu-item.has-child .sub-menu .sub-menu {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    visibility: visible;
    opacity: 1;
    display: none;
    transition: none;
  }
  body #l-header .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a:not(.js-add-c-dd-expand) {
    padding: 1.5em 1em 1.5em calc(1em * 3);
  }
  body #l-header .gnavi__wrap {
    /* 第１階層 ナビゲーション設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /*　第２階層 以降 のナビゲーションの 共通 設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /* 第３階層の位置
    */
  }
  body #l-header .gnavi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item a,
  body #l-header .gnavi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item .sub-menu .c-dd-nav__ul__menu-item a,
  body #l-header .gnavi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item .sub-menu .c-dd-nav__ul__menu-item .sub-menu .c-dd-nav__ul__menu-item a {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
  body #l-header .gnavi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item {
    border-bottom: 1px solid #e1e1e1;
  }
  body #l-header .gnavi__wrap .c-dd-nav__ul > .c-dd-nav__ul__menu-item:first-child {
    border-top: 1px solid #e1e1e1;
  }
  body #l-header .gnavi__wrap .c-dd-nav__ul > .c-dd-nav__ul__menu-item a {
    background-color: white;
  }
  body #l-header .gnavi__wrap .c-dd-nav__ul > .c-dd-nav__ul__menu-item a:hover {
    background-color: white;
    color: var(--sub-color);
  }
  body #l-header .gnavi__wrap .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item {
    border-bottom: 1px solid #e1e1e1;
  }
  body #l-header .gnavi__wrap .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a {
    background-color: white;
  }
  body #l-header .gnavi__wrap .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a:hover {
    background-color: white;
    color: var(--sub-color);
  }
  body #l-header .gnavi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .sub-menu .c-dd-nav__ul__menu-item a {
    background-color: white;
  }
  body #l-header .gnavi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .sub-menu .c-dd-nav__ul__menu-item a:hover {
    background-color: white;
  }
  body #l-header .f-navi__wrap {
    /* 第１階層 ナビゲーション設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /*　第２階層 以降 のナビゲーションの 共通 設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /*　第３階層 以降 のナビゲーションの 共通 設定
    ----------------------------------------------*/
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item a,
  body #l-header .f-navi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a,
  body #l-header .f-navi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
  body #l-header .f-navi__wrap .c-dd-nav .c-dd-nav__ul .c-dd-nav__ul__menu-item {
    border-bottom: 1px solid #e1e1e1;
  }
  body #l-header .f-navi__wrap .c-dd-nav .c-dd-nav__ul > .c-dd-nav__ul__menu-item:first-child a {
    border-top: 1px solid #e1e1e1;
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul > .c-dd-nav__ul__menu-item a {
    background-color: #ffffff;
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul > .c-dd-nav__ul__menu-item a:hover {
    background-color: #ffffff;
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul > .c-dd-nav__ul__menu-item:first-child {
    border-top: solid 1px #e1e1e1;
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item {
    border-bottom: solid 1px #e1e1e1;
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul__menu-item.has-child a:not(.js-add-c-dd-expand) span {
    position: static;
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul__menu-item.has-child a:not(.js-add-c-dd-expand) span::before {
    height: 5px;
    width: 5px;
    border-top: 2px solid white;
    border-right: 2px solid white;
    right: calc(calc(40 / 750 * 750 / 750) * 100 * 1%);
    top: calc(1.5em + 0em);
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item {
    border-bottom: 1px solid #e1e1e1;
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item:first-child {
    border-top: solid 1px #e1e1e1;
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item:last-child {
    border: none;
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item a {
    background-color: #ffffff;
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item a:hover {
    background-color: #f7f7f7;
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .sub-menu .c-dd-nav__ul__menu-item a {
    background-color: #f7f7f7;
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .sub-menu .c-dd-nav__ul__menu-item a:hover {
    background-color: #f7f7f7;
  }
  body #l-header .f-navi__wrap ul ul .c-dd-nav__ul__menu-item.has-child::before {
    width: 5px;
    height: 5px;
    right: calc(calc(40 / 750 * 750 / 750) * 100 * 1%);
    top: calc(1.5em + 0em);
    border-top: 2px solid white;
    border-right: 2px solid white;
  }
}
body #l-header {
  position: relative;
  /* 初期状態 */
  width: 100%;
  z-index: 1000; /* ヘッダーを最前面に配置 */
  transition: all 0.3s ease-out;
}
body.js-header-layered-style #l-header, body.js-toggle-open #l-header {
  background-color: rgba(0, 0, 0, 0);
  position: absolute;
  top: 0;
}
body .l-header__primary {
  width: 180px;
  height: 100%;
}
body .l-header__secondary {
  width: calc(100% - 180px);
}
body #l-header .l-header__wrap {
  align-items: center;
}
body .l-logo_wrap {
  width: 100%;
  height: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
  display: flex;
  align-items: flex-start;
}
body .l-logo_wrap a {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
body .l-logo_wrap a img {
  width: auto;
  height: 100%;
}
body .gnavi__wrap {
  color: #fff;
  text-align: center;
  height: 160px;
}
body .gnavi__lists > .menu-item {
  font-weight: 500;
}
body #l-header .l-header__wrap .gnavi {
  padding-right: 0;
}
body #l-header li a:not(.js-add-c-dd-expand) {
  align-items: center;
}
body #l-header #menu-header-menu > li > a:not(.js-add-c-dd-expand) {
  padding-bottom: 0;
  margin-bottom: 0;
}
body #l-header li.header-btn-cta {
  margin-left: 1.4em;
}
body #l-header li.header-btn-cta a {
  width: 100%;
  height: 100%;
  border-radius: 0;
  padding-left: calc(1.6vw + 2em);
  padding-right: calc(1.6vw + 2em);
  padding-top: 0;
}
body #l-header li.header-btn-cta a span {
  font-size: 16px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body #l-header li.header-btn-cta a span {
    font-size: calc(16 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #l-header li.header-btn-cta a span {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
}
body .c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta a:hover {
  background-image: linear-gradient(45deg, #5a5800 0%, #5a5800 80%);
  background-size: 200% auto;
  background-position: center;
  box-shadow: 0 5px 10px rgba(31.7647058824, 30.368627451, 0, 0.4);
  background-color: #5a5800;
}
@media only screen and (max-width: 1470px) {
  body .l-header__primary {
    width: 15%;
  }
  body .l-header__secondary {
    width: 75%;
  }
}
@media only screen and (max-width: 1000px) {
  body {
    /*
    ---------------------------------------------------------
    調整 今後全て共通　
    ハンバーガーメニューをクリックするとロゴがズレるため）
    ---------------------------------------------------------
     */
    /* --------------------------------------------------- */
  }
  body.js-toggle-open #l-header .l-header__primary {
    padding-left: 5.3333333333vw;
    left: 0;
  }
  body .l-header__wrap {
    display: block;
  }
  body #l-header .l-header__primary {
    width: 100%;
    height: auto;
    padding-left: 0;
    padding-right: calc(5.3333333333vw + 76px);
  }
  body #l-header .l-header__secondary {
    width: 100%;
  }
  body #l-header .l-logo_wrap {
    height: 10vh;
  }
  body #l-header .l-logo_wrap a {
    box-sizing: border-box;
  }
  body #l-header .l-logo_wrap a img {
    padding: 1em 0;
  }
  body .gnavi__wrap {
    color: #fff;
    text-align: center;
  }
  body #l-header #menu-header-menu > li > a:not(.js-add-c-dd-expand) {
    padding-bottom: 1.5em;
  }
  body #l-header li.header-btn-cta {
    margin-left: 0;
    border-bottom: none !important;
  }
  body #l-header li.header-btn-cta > a:not(.js-add-c-dd-expand) {
    width: 100%;
    align-items: center;
    justify-content: center;
  }
  body #l-header li.header-btn-cta > a:not(.js-add-c-dd-expand) span {
    font-size: calc(100 / 750 * calc(40 * 1) * 1vw);
  }
}

body {
  /*
  ---------------------------------------------------------------
  PC：FULL　スクリーンメニュー
  ---------------------------------------------------------------
   */
}
body #l-header.pc-fix-menu-off {
  /*
  ---------------------------------------------------------------
  ハンバーガーメニュー
  ---------------------------------------------------------------
   */
  /*
  ---------------------------------------------------------------
  グローナビ　
  ---------------------------------------------------------------
   */
  /*
  ---------------------------------------------------------------
  グローナビ　右端　位置調整
  ---------------------------------------------------------------
   */
  /*
  ---------------------------------------------------------------
  CTAボタン
  ---------------------------------------------------------------
   */
  /*
  ---------------------------------------------------------------
  コーポレートサイト
  ---------------------------------------------------------------
   */
}
body #l-header.pc-fix-menu-off .btn-burger {
  right: 0;
  border: none;
  display: none;
  opacity: 0;
}
body #l-header.pc-fix-menu-off .btn-burger:hover {
  cursor: pointer;
}
body #l-header.pc-fix-menu-off .gnavi__wrap {
  width: 100%;
}
body #l-header.pc-fix-menu-off .c-dd-nav__ul {
  flex-wrap: nowrap;
}
body #l-header.pc-fix-menu-off ul.gnavi__lists {
  padding-right: calc((100% - 95%) / 2);
}
body #l-header.pc-fix-menu-off #menu-header-menu.c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta {
  padding-left: initial;
}
body #l-header.pc-fix-menu-off #menu-header-menu.c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta a {
  color: white;
  border: none;
  padding: 1em 2em;
  min-width: 10em;
  height: auto;
  align-items: center;
  justify-content: center;
}
@media only screen and (max-width: 1470px) {
  body #l-header.recruit #js-add-gnavi .l-logo_wrap {
    width: 10%;
  }
}
@media only screen and (max-width: 1300px) {
  body {
    /*
    ---------------------------------------------------------------
    CTAボタン
    ---------------------------------------------------------------
     */
  }
  body #l-header.recruit #menu-header-menu.c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta a {
    padding-left: 1.2vw;
    padding-right: 1.2vw;
    min-width: calc(6em + 1.2vw + 1.2vw);
  }
}
@media only screen and (max-width: 1000px) {
  body #l-header.pc-fix-menu-off .btn-burger {
    top: 0;
    display: flex;
    opacity: 1;
  }
  body #l-header.pc-fix-menu-off #js-add-gnavi .gnavi__wrap .c-dd-nav__ul {
    padding-bottom: 8em;
  }
  body #l-header.pc-fix-menu-off #js-add-gnavi .gnavi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item.pc-fullscreen-menu-img__recruit, body #l-header.pc-fix-menu-off #js-add-gnavi .gnavi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item.pc-fullscreen-menu-img__contact {
    display: block;
    line-height: 1;
    width: 100%;
    border-radius: 5px;
    border-bottom: 0;
    padding: 0;
    overflow: hidden;
    margin: 2em 0 0;
  }
  body #l-header.pc-fix-menu-off #js-add-gnavi .gnavi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item.pc-fullscreen-menu-img__recruit a, body #l-header.pc-fix-menu-off #js-add-gnavi .gnavi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item.pc-fullscreen-menu-img__contact a {
    padding: 0;
  }
  body #l-header.pc-fix-menu-off #js-add-gnavi .gnavi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item.pc-fullscreen-menu-img__recruit img, body #l-header.pc-fix-menu-off #js-add-gnavi .gnavi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item.pc-fullscreen-menu-img__contact img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body #l-header.pc-fix-menu-off #menu-header-menu.c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta a {
    border: 0;
  }
}
@media only screen and (max-width: 1470px) {
  body #l-header.pc-fix-menu-off .l-header__primary {
    width: 10%;
  }
  body #l-header.pc-fix-menu-off .c-dd-nav__ul > .c-dd-nav__ul__menu-item > a:not(.js-add-c-dd-expand) {
    padding-left: 1vw;
    padding-right: 1vw;
  }
  body #l-header.pc-fix-menu-off li.header-btn-cta {
    margin-left: 1vw;
  }
  body #l-header.pc-fix-menu-off #menu-header-menu.c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta a {
    padding: 1em 1.2vw;
  }
}
@media only screen and (max-width: 1000px) {
  body {
    /*
    ---------------------------------------------------------------
    CTAボタン
    ---------------------------------------------------------------
     */
    /*
    ---------------------------------------------------------------
    コーポレートサイト
    ---------------------------------------------------------------
     */
  }
  body #l-header.pc-fix-menu-off .l-inner--l-fix-lng2-per-r-stretch--tb-nspace {
    padding-left: calc(100 / 750 * 40 * 1vw);
  }
  body #l-header.pc-fix-menu-off .l-header__primary {
    width: 100%;
  }
  body #l-header.pc-fix-menu-off #menu-header-menu.c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta {
    padding: 0;
    margin: 0;
  }
  body #l-header.pc-fix-menu-off #menu-header-menu.c-dd-nav__ul > .c-dd-nav__ul__menu-item:nth-last-child(3).header-btn-cta {
    margin-left: 0;
    margin-top: 4em;
  }
  body #l-header.pc-fix-menu-off #menu-header-menu.c-dd-nav__ul > .c-dd-nav__ul__menu-item:nth-last-child(2).header-btn-cta {
    margin-top: 2em;
  }
  body #l-header.pc-fix-menu-off #menu-header-menu.c-dd-nav__ul > .c-dd-nav__ul__menu-item.--popup {
    margin-top: 2em;
    display: block;
  }
  body #l-header.pc-fix-menu-off #menu-header-menu.c-dd-nav__ul > .c-dd-nav__ul__menu-item.--popup a {
    padding-right: 1.5em;
    position: relative;
  }
  body #l-header.pc-fix-menu-off #menu-header-menu.c-dd-nav__ul > .c-dd-nav__ul__menu-item.--popup a:before {
    content: "";
    position: absolute;
    width: 1em;
    height: 1em;
    background-image: url("/wp-content/themes/kodama-wamono/data/images/common/_svg/_icon/icon-pop-up_white.svg");
    opacity: 1;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
  }
  body.js-toggle-open #l-header .l-header__primary {
    width: 100%;
  }
  body.js-header-layered-style.js-toggle-open .logo-scroll, body.js-header-layered-style.js-toggle-open .logo-default {
    display: none;
    opacity: 0;
  }
  body.js-header-layered-style.js-toggle-open .logo-mv-overlay {
    display: block;
    opacity: 1;
  }
}

body {
  /*
  ---------------------------------------------------------------
  PC
  ---------------------------------------------------------------
  */
  /*
  ---------------------------------------------------------------
  TB
  ---------------------------------------------------------------
  */
  /*
  ---------------------------------------------------------------
  SP
  ---------------------------------------------------------------
  */
}
body #l-header .c-dd-nav__ul__menu-item.has-child .sub-menu {
  /*形状を指定*/
  width: 240px;
  min-width: 200px;
}
body #l-header .gnavi__lists > .menu-item {
  font-weight: 400;
}
body.js-header-layered-style .c-dd-nav__ul > .c-dd-nav__ul__menu-item > a:not(.js-add-c-dd-expand), body.js-toggle-open .c-dd-nav__ul > .c-dd-nav__ul__menu-item > a:not(.js-add-c-dd-expand) {
  color: #000;
  color: white;
}
body.js-header-layered-style .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item a, body.js-toggle-open .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item a {
  color: #000000;
}
body.js-header-layered-style .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item a:hover, body.js-toggle-open .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item a:hover {
  color: var(--sub-color);
}
body .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item a {
  color: #000000;
}
body .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item a:hover {
  color: var(--sub-color);
}
body.js-toggle-open .logo-mv-overlay {
  display: none;
  opacity: 0;
}
body.js-toggle-open .logo-default {
  display: block;
  opacity: 1;
}
@media only screen and (max-width: 1000px) {
  body #l-header {
    /*
    ・JSで追加したタグ
    ・ハンバーガーメニューをクリックした時にbodyタグにつけたクラス
    ・スクロールチェーン対応用
    ----------------------------------------------*/
    /* ハンバーガーアイコン
    ----------------------------------------------*/
    /* 第一階層 ナビゲーション設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /*　第二階層 以降 のナビゲーションの 共通 設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /*　第三階層 のナビゲーションの 設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /*=========================================================================
    ヘッダー
    =========================================================================*/
    /*=========================================================================
    フッター
    =========================================================================*/
  }
  body #l-header .nav-toggle {
    display: none;
  }
  body #l-header.js-toggle-open {
    overflow-y: hidden;
  }
  body #l-header .btn-burger {
    display: flex;
  }
  body #l-header .btn-burger {
    right: 0;
  }
  body #l-header .gnavi {
    display: none;
    background-color: white;
    position: fixed;
    z-index: -1;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    padding-top: 10vh;
    transition: all 0.3s ease-out;
  }
  body #l-header .c-dd-nav__ul__menu-item.has-child > a:not(.js-add-c-dd-expand) {
    margin-right: 56px;
  }
  body #l-header .has-child .js-add-c-dd-expand {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: auto !important;
    right: 0;
    top: 0;
    z-index: 2;
    padding: 1.5em 1em;
    color: #6bb5cb;
  }
  body #l-header .has-child .js-add-c-dd-expand .lines-vertical, body #l-header .has-child .js-add-c-dd-expand .lines-horizontal {
    position: absolute;
    display: block;
    transition: all 0.3s;
    background: #fff;
    left: 50%;
    top: 50%;
    width: 40%;
    height: 1px;
    transform: translate(-50%, -50%);
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
  body #l-header .has-child .js-add-c-dd-expand .lines-horizontal {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  body #l-header .has-child .js-add-c-dd-expand .lines-vertical {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  body #l-header .has-child.active > .js-add-c-dd-expand .lines-vertical {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  body #l-header .gnavi__wrap {
    height: 100% !important;
  }
  body #l-header .gnavi__lists-list {
    position: relative;
    box-sizing: border-box;
    height: 100vh !important;
    padding-top: 160px;
  }
  body #l-header .gnavi__lists {
    box-sizing: border-box;
    display: block;
    /*ナビの数が増えた場合縦スクロール*/
    position: relative;
    z-index: 999;
    width: 100%;
    height: 100%; /*表示する高さ*/
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 100px;
    padding-left: calc(100 / 750 * 40 * 1vw);
    padding-right: calc(100 / 750 * 40 * 1vw);
  }
  body #l-header .c-dd-nav__ul > .c-dd-nav__ul__menu-item {
    height: auto;
  }
  body #l-header .c-dd-nav__ul > .c-dd-nav__ul__menu-item.current-menu-item > a:not(.js-add-c-dd-expand):after {
    content: none;
  }
  body #l-header .c-dd-nav__ul > .c-dd-nav__ul__menu-item:hover > a:after {
    content: none;
  }
  body #l-header .c-dd-nav__ul > .c-dd-nav__ul__menu-item.current-menu-item > a, body #l-header .c-dd-nav__ul > .c-dd-nav__ul__menu-item a {
    color: #000000;
  }
  body #l-header .c-dd-nav__ul > .c-dd-nav__ul__menu-item.current-menu-item > a:hover, body #l-header .c-dd-nav__ul > .c-dd-nav__ul__menu-item a:hover {
    color: var(--sub-color);
  }
  body #l-header .c-dd-nav__ul > .c-dd-nav__ul__menu-item > a:not(.js-add-c-dd-expand) {
    padding: 1.5em 1em 1.5em 1em;
  }
  body #l-header .c-dd-nav__ul > .c-dd-nav__ul__menu-item > a:not(.js-add-c-dd-expand):after {
    content: none;
  }
  body #l-header .c-dd-nav__ul__menu-item.has-child span {
    position: static;
  }
  body #l-header .c-dd-nav__ul__menu-item.has-child span::before {
    content: none;
  }
  body #l-header .c-dd-nav__ul__menu-item.has-child.active span::before {
    transform: rotate(-45deg);
    left: auto;
  }
  body #l-header .c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta {
    padding-left: calc(100 / 750 * 40 * 1vw);
    padding-right: calc(100 / 750 * 40 * 1vw);
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 1000px) and (max-width: calc(767 * 1px)) {
  body #l-header .c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta {
    padding-top: calc(calc(60 / 28 * 1rem) / 0.75);
    padding-bottom: calc(calc(60 / 28 * 1rem) / 0.75);
  }
}
@media only screen and (max-width: 1000px) {
  body #l-header .c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta a {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
  }
  body #l-header .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a:not(.js-add-c-dd-expand) {
    text-align: left;
    padding: 1.5em 1em 1.5em calc(1em * 2);
  }
  body #l-header ul ul .c-dd-nav__ul__menu-item.has-child::before {
    content: none;
  }
  body #l-header ul ul .c-dd-nav__ul__menu-item.has-child.active::before {
    transform: rotate(-45deg);
  }
  body #l-header .c-dd-nav__ul__menu-item.has-child .sub-menu,
  body #l-header .c-dd-nav__ul__menu-item.has-child .sub-menu .sub-menu {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    visibility: visible;
    opacity: 1;
    display: none;
    transition: none;
  }
  body #l-header .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a:not(.js-add-c-dd-expand) {
    padding: 1.5em 1em 1.5em calc(1em * 3);
  }
  body #l-header .gnavi__wrap {
    /* 第１階層 ナビゲーション設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /*　第２階層 以降 のナビゲーションの 共通 設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /* 第３階層の位置
    */
  }
  body #l-header .gnavi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item a,
  body #l-header .gnavi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item .sub-menu .c-dd-nav__ul__menu-item a,
  body #l-header .gnavi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item .sub-menu .c-dd-nav__ul__menu-item .sub-menu .c-dd-nav__ul__menu-item a {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
  body #l-header .gnavi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item {
    border-bottom: 1px solid #e1e1e1;
  }
  body #l-header .gnavi__wrap .c-dd-nav__ul > .c-dd-nav__ul__menu-item:first-child {
    border-top: 1px solid #e1e1e1;
  }
  body #l-header .gnavi__wrap .c-dd-nav__ul > .c-dd-nav__ul__menu-item a {
    background-color: white;
  }
  body #l-header .gnavi__wrap .c-dd-nav__ul > .c-dd-nav__ul__menu-item a:hover {
    background-color: white;
    color: var(--sub-color);
  }
  body #l-header .gnavi__wrap .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item {
    border-bottom: 1px solid #e1e1e1;
  }
  body #l-header .gnavi__wrap .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a {
    background-color: white;
  }
  body #l-header .gnavi__wrap .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a:hover {
    background-color: white;
    color: var(--sub-color);
  }
  body #l-header .gnavi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .sub-menu .c-dd-nav__ul__menu-item a {
    background-color: white;
  }
  body #l-header .gnavi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .sub-menu .c-dd-nav__ul__menu-item a:hover {
    background-color: white;
  }
  body #l-header .f-navi__wrap {
    /* 第１階層 ナビゲーション設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /*　第２階層 以降 のナビゲーションの 共通 設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /*　第３階層 以降 のナビゲーションの 共通 設定
    ----------------------------------------------*/
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item a,
  body #l-header .f-navi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a,
  body #l-header .f-navi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
  body #l-header .f-navi__wrap .c-dd-nav .c-dd-nav__ul .c-dd-nav__ul__menu-item {
    border-bottom: 1px solid #e1e1e1;
  }
  body #l-header .f-navi__wrap .c-dd-nav .c-dd-nav__ul > .c-dd-nav__ul__menu-item:first-child a {
    border-top: 1px solid #e1e1e1;
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul > .c-dd-nav__ul__menu-item a {
    background-color: #ffffff;
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul > .c-dd-nav__ul__menu-item a:hover {
    background-color: #ffffff;
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul > .c-dd-nav__ul__menu-item:first-child {
    border-top: solid 1px #e1e1e1;
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item {
    border-bottom: solid 1px #e1e1e1;
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul__menu-item.has-child a:not(.js-add-c-dd-expand) span {
    position: static;
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul__menu-item.has-child a:not(.js-add-c-dd-expand) span::before {
    height: 5px;
    width: 5px;
    border-top: 2px solid white;
    border-right: 2px solid white;
    right: calc(calc(40 / 750 * 750 / 750) * 100 * 1%);
    top: calc(1.5em + 0em);
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item {
    border-bottom: 1px solid #e1e1e1;
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item:first-child {
    border-top: solid 1px #e1e1e1;
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item:last-child {
    border: none;
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item a {
    background-color: #ffffff;
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item a:hover {
    background-color: #f7f7f7;
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .sub-menu .c-dd-nav__ul__menu-item a {
    background-color: #f7f7f7;
  }
  body #l-header .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .sub-menu .c-dd-nav__ul__menu-item a:hover {
    background-color: #f7f7f7;
  }
  body #l-header .f-navi__wrap ul ul .c-dd-nav__ul__menu-item.has-child::before {
    width: 5px;
    height: 5px;
    right: calc(calc(40 / 750 * 750 / 750) * 100 * 1%);
    top: calc(1.5em + 0em);
    border-top: 2px solid white;
    border-right: 2px solid white;
  }
}
body #l-header.header_top_overlay-off {
  position: relative;
}
body.home #l-header.header_top_overlay-off img.logo-mv-overlay {
  display: none;
  opacity: 0;
}
body.home #l-header.header_top_overlay-off img.logo-default {
  display: block;
  opacity: 1;
}
body #l-header.pc-fix-menu-off .btn-burger {
  width: 70px;
  height: 70px;
}
body #l-header.pc-fix-menu-off .btn-burger span.icon {
  width: calc(70px * 0.58);
  background-color: rgba(255, 255, 255, 0);
}
body #l-header.pc-fix-menu-off .btn-burger span.icon:before, body #l-header.pc-fix-menu-off .btn-burger span.icon:after {
  width: calc(70px * 0.58);
  background-color: #000000;
}
body #l-header.pc-fix-menu-off ul.gnavi__lists {
  padding-right: 0;
}
body #l-header.pc-fix-menu-off #menu-header-menu.c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta,
body #l-header.pc-fix-menu-off #menu-header-menu-lp.c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta {
  display: flex;
  justify-content: center;
  align-items: center;
}
body #l-header.pc-fix-menu-off #menu-header-menu.c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta a,
body #l-header.pc-fix-menu-off #menu-header-menu-lp.c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta a {
  height: auto;
  color: white;
  font-family: "Jost", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  background-color: var(--sub-color);
  padding: 1em 1.2vw;
  min-width: 10em;
  height: auto;
  align-items: center;
  justify-content: center;
}
body #l-header.pc-fix-menu-off #menu-header-menu.c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta.--onlineshop,
body #l-header.pc-fix-menu-off #menu-header-menu-lp.c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta.--onlineshop {
  margin-left: 0;
}
body #l-header.pc-fix-menu-off #menu-header-menu.c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta.--onlineshop a,
body #l-header.pc-fix-menu-off #menu-header-menu-lp.c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta.--onlineshop a {
  background-color: black;
}
body #l-header.pc-fix-menu-off #menu-header-menu.c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta.header-btn-cta,
body #l-header.pc-fix-menu-off #menu-header-menu-lp.c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta.header-btn-cta {
  padding-left: initial;
}
body #l-header.pc-fix-menu-off #menu-header-menu.c-dd-nav__ul > .c-dd-nav__ul__menu-item.--popup a,
body #l-header.pc-fix-menu-off #menu-header-menu-lp.c-dd-nav__ul > .c-dd-nav__ul__menu-item.--popup a {
  padding-right: 1.5em;
  position: relative;
  padding-right: 2.5em;
}
body #l-header.pc-fix-menu-off #menu-header-menu.c-dd-nav__ul > .c-dd-nav__ul__menu-item.--popup a:before,
body #l-header.pc-fix-menu-off #menu-header-menu-lp.c-dd-nav__ul > .c-dd-nav__ul__menu-item.--popup a:before {
  content: "";
  position: absolute;
  width: 1em;
  height: 1em;
  background-image: url("/wp-content/themes/kodama-wamono/data/images/common/_svg/_icon/icon-pop-up_white.svg");
  opacity: 1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
body #l-header.pc-fix-menu-off #menu-header-menu.c-dd-nav__ul > .c-dd-nav__ul__menu-item.--popup a:before,
body #l-header.pc-fix-menu-off #menu-header-menu-lp.c-dd-nav__ul > .c-dd-nav__ul__menu-item.--popup a:before {
  right: 1em;
  width: 0.75em;
  height: 0.75em;
}
@media only screen and (max-width: 1470px) {
  body #l-header.pc-fix-menu-off #js-add-gnavi .l-logo_wrap {
    width: 10%;
    height: 8.15vw;
  }
}
@media only screen and (max-width: 1470px) {
  body #l-header.pc-fix-menu-off .btn-burger {
    width: 8.15vw;
    height: 8.15vw;
  }
  body #l-header.pc-fix-menu-off .btn-burger span.icon {
    width: calc(8.15vw * 0.58);
  }
  body #l-header.pc-fix-menu-off .btn-burger span.icon:before, body #l-header.pc-fix-menu-off .btn-burger span.icon:after {
    width: calc(8.15vw * 0.58);
  }
  body #l-header.pc-fix-menu-off .c-dd-nav__ul > .c-dd-nav__ul__menu-item > a:not(.js-add-c-dd-expand) {
    padding-left: 1vw;
    padding-right: 1vw;
  }
  body #l-header.pc-fix-menu-off li.header-btn-cta {
    margin-left: 1vw;
  }
  body #l-header.pc-fix-menu-off #menu-header-menu.c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta a,
  body #l-header.pc-fix-menu-off #menu-header-menu-lp.c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta a {
    padding: 1em 1.2vw;
  }
}
@media only screen and (max-width: 1000px) {
  body #l-header.pc-fix-menu-off .l-header__wrap {
    height: 10vh;
  }
  body #l-header.pc-fix-menu-off .btn-burger {
    width: 10vh;
    height: 10vh;
  }
  body #l-header.pc-fix-menu-off .btn-burger span.icon {
    width: calc(10vh * 0.58);
  }
  body #l-header.pc-fix-menu-off .btn-burger span.icon:before, body #l-header.pc-fix-menu-off .btn-burger span.icon:after {
    width: calc(10vh * 0.58);
  }
  body #l-header.pc-fix-menu-off #menu-header-menu.c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta,
  body #l-header.pc-fix-menu-off #menu-header-menu-lp.c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta {
    margin-top: 2em;
  }
  body #l-header.pc-fix-menu-off #menu-header-menu.c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta a,
  body #l-header.pc-fix-menu-off #menu-header-menu-lp.c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta a {
    color: white;
    padding-top: 2em;
    padding-bottom: 2em;
  }
}

/*================================================
プロジェクト用：FOOTER
--------------------------------------------------
・#mypj 以降はネストで記載しない
・サイズ、色、背景やその他の装飾
・settingの変数は、ここにで記載
================================================ */
/*----------------------------
プロジェクトの設定の上書き
----------------------------*/
#go-to-top {
  position: fixed;
  z-index: 888;
  bottom: 2em;
  right: 2em;
}
#go-to-top a {
  display: block;
  border-radius: 50%;
  width: 3em;
  height: 3em;
  background-color: rgba(255, 255, 255, 0.8);
}
body #l-footer {
  margin-top: 180px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body #l-footer {
    margin-top: calc(180 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #l-footer {
    margin-top: calc(calc(100 / 750 * 180 * 1vw) / 0.75);
  }
}
@media only screen and (min-width: calc(850px + 1px)) {
  body .f-tel a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
  body .f-navi__lists.grid-container.c-dd-nav__ul {
    display: initial;
    flex-wrap: initial;
    justify-content: initial;
  }
  body .f-navi__lists.grid-container.c-dd-nav__ul > .c-dd-nav__ul__menu-item {
    height: auto;
  }
  body .f-navi__lists.grid-container.c-dd-nav__ul > .c-dd-nav__ul__menu-item > a {
    height: auto;
  }
  body .f-navi__lists.grid-container.c-dd-nav__ul .c-dd-nav__ul__menu-item {
    position: static;
    position: relative;
    max-width: 10em;
    min-width: 6em;
  }
  body .f-navi__lists.grid-container.c-dd-nav__ul .c-dd-nav__ul__menu-item > a {
    padding-left: 0;
    padding-right: 0;
  }
  body .f-navi__lists.grid-container.c-dd-nav__ul .c-dd-nav__ul__menu-item > a:after {
    left: 0;
    width: auto;
    height: auto;
    content: none;
    background-color: transparent;
  }
  body .f-navi__lists.grid-container.c-dd-nav__ul .c-dd-nav__ul__menu-item.has-child span::before {
    content: none;
  }
  body .f-navi__lists.grid-container.c-dd-nav__ul .c-dd-nav__ul__menu-item.has-child .sub-menu {
    visibility: visible;
    opacity: 1;
    top: 0;
    position: relative;
  }
  body .f-navi__lists.grid-container.c-dd-nav__ul .c-dd-nav__ul__menu-item.has-child .sub-menu a {
    padding: 0.6em 0 0.6em 1.5em;
    line-height: 1.1;
  }
  body .f-navi__lists.grid-container.c-dd-nav__ul .c-dd-nav__ul__menu-item.has-child .sub-menu a:not(.js-add-c-dd-expand):before {
    content: "";
    position: absolute;
    background-color: #000000;
    width: 0.5em;
    height: 1px;
    left: 0;
    left: 0;
    top: 50%;
  }
  body .f-navi__lists.grid-container.c-dd-nav__ul .c-dd-nav__ul__menu-item.has-child .sub-menu a:not(.js-add-c-dd-expand):hover:before {
    background-color: var(--sub-color);
  }
  body .f-navi__lists.grid-container.c-dd-nav__ul .c-dd-nav__ul__menu-item.has-child .sub-menu .sub-menu {
    left: 0;
  }
  body .f-navi__lists.grid-container.c-dd-nav__ul .sub-menu {
    width: 100%;
  }
  body .f-navi__lists.grid-container.c-dd-nav__ul > .c-dd-nav__ul__menu-item > .sub-menu {
    margin-top: 10px;
  }
}
@media only screen and (min-width: calc(850px + 1px)) and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body .f-navi__lists.grid-container.c-dd-nav__ul > .c-dd-nav__ul__menu-item > .sub-menu {
    margin-top: calc(10 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (min-width: calc(850px + 1px)) and (max-width: calc(767 * 1px)) {
  body .f-navi__lists.grid-container.c-dd-nav__ul > .c-dd-nav__ul__menu-item > .sub-menu {
    margin-top: calc(calc(100 / 750 * 10 * 1vw) / 0.75);
  }
}
@media only screen and (min-width: calc(850px + 1px)) {
  body .f-navi__lists.grid-container.c-dd-nav__ul > .c-dd-nav__ul__menu-item > .sub-menu > .c-dd-nav__ul__menu-item > a {
    padding-left: 0.75em;
  }
}
body #l-footer #l-footer-cta .footer-cta {
  padding-top: 120px;
  padding-bottom: 120px;
  max-height: 500px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body #l-footer #l-footer-cta .footer-cta {
    padding-top: calc(120 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #l-footer #l-footer-cta .footer-cta {
    padding-top: calc(calc(100 / 750 * 120 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body #l-footer #l-footer-cta .footer-cta {
    padding-bottom: calc(120 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #l-footer #l-footer-cta .footer-cta {
    padding-bottom: calc(calc(100 / 750 * 120 * 1vw) / 0.75);
  }
}
body #l-footer #l-footer-cta .footer-cta .txt-wrap {
  position: relative;
  z-index: 92;
}
body #l-footer #l-footer-cta .footer-cta .txt-wrap .c-heading-base--c .c-heading-base__main, body #l-footer #l-footer-cta .footer-cta .txt-wrap .c-heading-base--l .c-heading-base__main, body #l-footer #l-footer-cta .footer-cta .txt-wrap .c-heading-base--r .c-heading-base__main {
  color: white;
  letter-spacing: 0;
  text-shadow: 0 0 1em #bea891;
}
body #l-footer #l-footer-cta .footer-cta .txt-wrap .description-btn-wrap {
  display: flex;
  justify-content: center;
  gap: 2em;
  color: white;
}
body #l-footer #l-footer-cta .footer-cta .txt-wrap .description-btn-wrap .ark-block-buttons {
  padding-top: 0;
}
body #l-footer #l-footer-cta .footer-cta .txt-wrap .description-btn-wrap .ark-block-buttons .ark-block-button.is-btn-outline:not([style]) a {
  box-shadow: inset 0 0 0 1px white;
  color: white;
  font-family: "Jost", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
body #l-footer #l-footer-cta .footer-cta .txt-wrap .description-btn-wrap .ark-block-buttons .ark-block-button.is-btn-outline:not([style]) a:hover {
  background-color: white;
  color: #000000;
}
body #l-footer #l-footer-cta .footer-cta .footer-cta-bg-img {
  position: absolute;
  z-index: 90;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
body #l-footer #l-footer-cta .footer-cta .footer-cta-bg-img figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body #l-footer #l-footer-cta .footer-cta .footer-cta-bg-img figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #l-footer #l-footer-cta .footer-cta .description-btn-wrap {
    flex-direction: column;
  }
  body #l-footer #l-footer-cta .footer-cta .description-btn-wrap .ark-block-button {
    width: 100%;
  }
  body #l-footer #l-footer-cta .footer-cta .description-btn-wrap .ark-block-button a {
    width: 100%;
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #l-footer #l-footer-cta .l-inner--r-fix-lng2-per-l-stretch--tb-nspace {
    width: 100%;
    margin-right: 0;
    padding-right: 0;
  }
  body #l-footer #l-footer-cta .footer-cta {
    flex-direction: column;
    max-height: initial;
  }
  body #l-footer #l-footer-cta .footer-cta .img-wrap {
    width: 100%;
  }
  body #l-footer #l-footer-cta .footer-cta .img-wrap figure {
    line-height: 0;
    margin: 0;
    padding: 0;
  }
  body #l-footer #l-footer-cta .footer-cta .txt-wrap {
    width: 100%;
    padding-left: calc(calc(100 / 750 * 40 * 1vw) * 1);
  }
  body #l-footer #l-footer-cta .footer-cta .txt-wrap .c-heading-base--l {
    padding-left: 0;
    padding-right: calc(100 / 750 * 40 * 1vw);
    margin-bottom: 0;
  }
  body #l-footer #l-footer-cta .footer-cta .txt-wrap .c-heading-base--l span {
    color: white;
    text-align: center;
  }
  body #l-footer #l-footer-cta .footer-cta .txt-wrap .description-btn-wrap {
    padding-left: 0;
    padding-right: calc(100 / 750 * 40 * 1vw);
    padding-top: calc(100 / 750 * 40 * 1vw);
  }
}
body #l-footer #footer {
  padding-top: 80px;
  background-color: white;
  color: #000000;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body #l-footer #footer {
    padding-top: calc(80 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #l-footer #footer {
    padding-top: calc(calc(100 / 750 * 80 * 1vw) / 0.75);
  }
}
body #l-footer #footer .data-nav-wrap {
  display: flex;
  justify-content: space-between;
  gap: 2em;
}
body #l-footer #footer .f-data {
  width: auto;
}
body #l-footer #footer .f-data .logo-wrap {
  width: 80px;
}
body #l-footer #footer .f-data .corporate-top-copy {
  margin-top: 80px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body #l-footer #footer .f-data .corporate-top-copy {
    margin-top: calc(80 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #l-footer #footer .f-data .corporate-top-copy {
    margin-top: calc(calc(100 / 750 * 80 * 1vw) / 0.75);
  }
}
body #l-footer #footer .f-data .corporate-top-copy .copy-en {
  font-size: clamp(2vw, 4.75vw, 80px);
}
body #l-footer #footer .f-data .corporate-top-copy .copy-jp {
  font-size: clamp(0.5vw, 1.35vw, 22px);
}
body #l-footer #footer .f-navi {
  width: auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-end;
  gap: 3em;
}
body #l-footer #footer .f-navi .nav-wrap {
  display: flex;
  gap: 3rem;
  justify-content: flex-end;
  width: initial;
}
body #l-footer #footer .f-navi .nav-wrap .f-navi__wrap:first-child {
  width: 100%;
}
body #l-footer #footer .f-navi .nav-wrap .f-navi__wrap:first-child .nav-1 {
  justify-content: flex-start;
}
body #l-footer #footer .f-navi .nav-wrap .f-navi__wrap:first-child .nav-1 .c-dd-nav__ul__menu-item {
  max-width: initial;
  min-width: initial;
}
body #l-footer #footer .f-navi .nav-wrap .f-navi__wrap:last-child {
  width: 100%;
}
body #l-footer #footer .f-navi .nav-wrap .f-navi__wrap:last-child .nav-2 {
  flex-direction: column;
}
body #l-footer #footer .f-navi .nav-wrap .sub-menu li a {
  padding: 1em;
}
body #l-footer #footer .f-navi .nav-wrap .sub-menu li a:before {
  content: "";
  position: absolute;
  width: 0.5em;
  height: 1px;
  background-color: #222222;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
body #l-footer #footer .f-navi .nav-wrap .--popup a {
  padding-right: 1.5em;
  position: relative;
  padding-right: 1.5em;
}
body #l-footer #footer .f-navi .nav-wrap .--popup a:before {
  content: "";
  position: absolute;
  width: 1em;
  height: 1em;
  background-image: url("/wp-content/themes/kodama-wamono/data/images/common/_svg/_icon/icon-pop-up_black.svg");
  opacity: 1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
body #l-footer #footer .f-navi .nav-wrap .--popup a:before {
  width: 0.75em;
  height: 0.75em;
}
body #l-footer #footer .f-navi .nav-3 {
  margin-top: 40px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body #l-footer #footer .f-navi .nav-3 {
    margin-top: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #l-footer #footer .f-navi .nav-3 {
    margin-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
body #l-footer #footer .f-navi .nav-3 li a {
  width: 100%;
  border: 1px solid #e1e1e1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2em;
  color: #000000;
  position: relative;
}
body #l-footer #footer .f-navi .nav-3 li a:after {
  content: "";
  position: absolute;
  width: 1.5em;
  height: 1.5em;
  background-image: url("/wp-content/themes/kodama-wamono/data/images/common/_svg/_icon/icon-arrow-right_black.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  right: 2em;
  top: 50%;
  transform: translateY(-50%);
}
body #l-footer #footer .f-navi .nav-3 li a:hover {
  background-color: var(--main-color);
  border-color: var(--main-color);
  color: white;
}
body #l-footer #footer .f-navi .nav-3 li a:hover:after {
  background-image: url("/wp-content/themes/kodama-wamono/data/images/common/_svg/_icon/icon-arrow-right_white.svg");
}
body #l-footer #footer .f-navi .footer-banner-area {
  width: fit-content; /* ナビの幅に合わせて折り返さない */
  display: flex;
  justify-content: flex-end;
  gap: 1em;
}
body #l-footer #footer .l-footer-copyright {
  margin-top: 100px;
  padding-top: 40px;
  padding-bottom: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #e1e1e1;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body #l-footer #footer .l-footer-copyright {
    margin-top: calc(100 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #l-footer #footer .l-footer-copyright {
    margin-top: calc(calc(100 / 750 * 100 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body #l-footer #footer .l-footer-copyright {
    padding-top: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #l-footer #footer .l-footer-copyright {
    padding-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body #l-footer #footer .l-footer-copyright {
    padding-bottom: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #l-footer #footer .l-footer-copyright {
    padding-bottom: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
body #l-footer #footer .l-footer-copyright .copyright, body #l-footer #footer .l-footer-copyright #footer-sub-nav li a {
  font-size: 12px;
  color: #666666;
  text-decoration: none;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #l-footer #footer .l-footer-copyright .copyright, body #l-footer #footer .l-footer-copyright #footer-sub-nav li a {
    font-size: calc(100 / 750 * calc(20 * 1) * 1vw);
  }
}
body #l-footer #footer .l-footer-copyright ul#footer-sub-nav {
  display: flex;
}
body #l-footer #footer .l-footer-copyright ul#footer-sub-nav li a {
  padding: 0 1em;
}
@media only screen and (max-width: 1430px) {
  body #l-footer #footer .f-navi .nav-wrap {
    gap: 1.5rem;
  }
  body #l-footer #footer .f-navi .nav-wrap .f-navi__wrap:first-child {
    width: 100%;
  }
  body #l-footer #footer .f-navi .nav-wrap .f-navi__wrap:first-child .nav-1 .c-dd-nav__ul__menu-item {
    max-width: 14em;
    min-width: 4em;
  }
  body #l-footer #footer .f-navi .nav-wrap .f-navi__wrap:last-child {
    width: 100%;
  }
}
@media only screen and (max-width: 850px) {
  body #l-footer #footer {
    padding-bottom: 0 !important;
  }
  body #l-footer #footer .data-nav-wrap {
    flex-direction: column;
  }
  body #l-footer #footer .f-data {
    width: 100%;
  }
  body #l-footer #footer .f-data .logo-wrap {
    width: 24%;
  }
  body #l-footer #footer .f-data .corporate-top-copy {
    margin-top: 20px;
  }
}
@media only screen and (max-width: 850px) and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body #l-footer #footer .f-data .corporate-top-copy {
    margin-top: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: 850px) and (max-width: calc(767 * 1px)) {
  body #l-footer #footer .f-data .corporate-top-copy {
    margin-top: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: 850px) {
  body #l-footer #footer .f-data .corporate-top-copy .copy-en {
    font-size: 10vw;
  }
  body #l-footer #footer .f-data .corporate-top-copy .copy-jp {
    font-size: 4.5vw;
    line-height: 1.5;
  }
  body #l-footer #footer .f-navi {
    width: 100%;
    justify-content: initial;
  }
  body #l-footer #footer .f-navi .nav-wrap {
    width: 100%;
    flex-direction: column;
    gap: 0;
  }
  body #l-footer #footer .f-navi .nav-wrap .f-navi__wrap:first-child, body #l-footer #footer .f-navi .nav-wrap .f-navi__wrap:last-child {
    width: 100%;
  }
  body #l-footer #footer .f-navi .nav-wrap .f-navi__wrap:first-child .has-child ul.sub-menu li a, body #l-footer #footer .f-navi .nav-wrap .f-navi__wrap:last-child .has-child ul.sub-menu li a {
    padding: 1.25em 1em 1.25em 2em;
  }
  body #l-footer #footer .f-navi .nav-wrap .f-navi__wrap:first-child .nav-1 {
    justify-content: initial;
  }
  body #l-footer #footer .f-navi .nav-wrap .f-navi__wrap:first-child .nav-1 .c-dd-nav__ul__menu-item {
    max-width: initial;
    min-width: initial;
  }
  body #l-footer #footer .f-navi .nav-wrap .f-navi__wrap:last-child .nav-2 {
    margin-top: 0;
  }
  body #l-footer #footer .f-navi .nav-wrap .f-navi__wrap:last-child .nav-2 li:first-child {
    border-top: none;
  }
  body #l-footer #footer .f-navi .nav-wrap .f-navi__wrap:last-child .nav-2 li:last-child {
    border-bottom: none;
  }
  body #l-footer #footer .f-navi .footer-banner-area {
    width: 100%;
    flex-direction: column;
    justify-content: initial;
  }
  body #l-footer #footer .l-footer-copyright {
    margin-top: 0;
    border-top: 0;
    flex-direction: column-reverse;
  }
  body #l-footer #footer .l-footer-copyright ul#footer-sub-nav li a {
    padding: 1em;
  }
  body #l-footer #footer .l-footer-copyright .copyright {
    width: 100%;
    text-align: center;
    border-top: 1px solid #e1e1e1;
    margin-top: 80px;
    padding-top: 40px;
  }
}
@media only screen and (max-width: 850px) and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body #l-footer #footer .l-footer-copyright .copyright {
    margin-top: calc(80 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: 850px) and (max-width: calc(767 * 1px)) {
  body #l-footer #footer .l-footer-copyright .copyright {
    margin-top: calc(calc(100 / 750 * 80 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: 850px) and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body #l-footer #footer .l-footer-copyright .copyright {
    padding-top: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: 850px) and (max-width: calc(767 * 1px)) {
  body #l-footer #footer .l-footer-copyright .copyright {
    padding-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
body #l-footer #footer .f-navi__lists.grid-container.c-dd-nav__ul {
  display: flex; /* フレックスボックスで横並びに */
  gap: 2rem; /* 項目間のスペースを確保 */
  list-style: none; /* デフォルトのリストスタイルを削除 */
  justify-content: flex-end; /* 項目を均等配置（必要に応じて変更） */
  flex-wrap: wrap;
}
body #l-footer #footer .f-navi__lists.grid-container.c-dd-nav__ul > .c-dd-nav__ul__menu-item > a:not(.js-add-c-dd-expand) {
  position: relative;
}
body #l-footer #footer > .c-dd-nav__ul__menu-item > a:not(.js-add-c-dd-expand),
body #l-footer #footer .sub-menu > .c-dd-nav__ul__menu-item > a:not(.js-add-c-dd-expand) {
  text-decoration: none;
  transition: all 0.3s ease-out;
}
body #l-footer #footer > .c-dd-nav__ul__menu-item > a:not(.js-add-c-dd-expand):hover:after,
body #l-footer #footer .sub-menu > .c-dd-nav__ul__menu-item > a:not(.js-add-c-dd-expand):hover:after {
  padding-left: 3em;
}
body #l-footer #footer > .c-dd-nav__ul__menu-item {
  font-size: 28;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #l-footer #footer > .c-dd-nav__ul__menu-item {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
}
body #l-footer #footer .sub-menu > .c-dd-nav__ul__menu-item a:not(.js-add-c-dd-expand) {
  font-size: 12px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #l-footer #footer .sub-menu > .c-dd-nav__ul__menu-item a:not(.js-add-c-dd-expand) {
    font-size: calc(100 / 750 * calc(20 * 1) * 1vw);
  }
}
body #l-footer #footer .sub-menu > .c-dd-nav__ul__menu-item a:not(.js-add-c-dd-expand):before {
  content: "";
  position: absolute;
  background-color: #000000;
  width: 0.5em;
  height: 1px;
  left: 0;
  left: 0;
  top: 50%;
}
body #l-footer #footer .sub-menu > .c-dd-nav__ul__menu-item a:not(.js-add-c-dd-expand):hover:before {
  background-color: var(--sub-color);
}
@media only screen and (max-width: 1280px) {
  body #l-footer #footer .f-navi__lists.grid-container.c-dd-nav__ul {
    gap: 2vw; /* 項目間のスペースを確保 */
  }
}
@media only screen and (max-width: 850px) {
  body #l-footer #footer {
    padding-top: 5em;
    padding-bottom: 5em;
  }
  body #l-footer #footer .flex-lib-container {
    flex-direction: column;
  }
  body #l-footer #footer .logo-wrap {
    width: 60%;
    margin: 0 auto;
  }
  body #l-footer #footer .f-information {
    text-align: center;
  }
  body #l-footer #footer .f-tel {
    border: 1px solid #e1e1e1;
    border-radius: 1000px;
    width: 80%;
    margin-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
    margin-left: auto;
    margin-right: auto;
  }
  body #l-footer #footer .sns {
    justify-content: center;
  }
  body #l-footer #footer .f-navi__lists.grid-container.c-dd-nav__ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0;
    margin-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
    padding: 0;
  }
  body #l-footer #footer .f-navi__lists.grid-container.c-dd-nav__ul > .c-dd-nav__ul__menu-item > a:not(.js-add-c-dd-expand):after {
    content: none;
  }
  body #l-footer #footer .f-navi__lists.grid-container.c-dd-nav__ul .c-dd-nav__ul__menu-item .sub-menu .c-dd-nav__ul__menu-item a:before {
    content: "";
    position: absolute;
    background-color: #000000;
    width: 0.5em;
    height: 1px;
    left: 0;
    left: 1em;
    top: 50%;
  }
  body #l-footer #footer .f-navi__lists.grid-container.c-dd-nav__ul .c-dd-nav__ul__menu-item .sub-menu .c-dd-nav__ul__menu-item a:hover:before {
    background-color: var(--sub-color);
  }
}
@media only screen and (max-width: 850px) {
  body #l-footer:not(.recruit) {
    /*
    ・JSで追加したタグ
    ・ハンバーガーメニューをクリックした時にbodyタグにつけたクラス
    ・スクロールチェーン対応用
    ----------------------------------------------*/
    /* ハンバーガーアイコン
    ----------------------------------------------*/
    /* 第一階層 ナビゲーション設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /*　第二階層 以降 のナビゲーションの 共通 設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /*　第三階層 のナビゲーションの 設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /*=========================================================================
    ヘッダー
    =========================================================================*/
    /*=========================================================================
    フッター
    =========================================================================*/
  }
  body #l-footer:not(.recruit) .nav-toggle {
    display: none;
  }
  body #l-footer:not(.recruit).js-toggle-open {
    overflow-y: hidden;
  }
  body #l-footer:not(.recruit) .btn-burger {
    display: flex;
  }
  body #l-footer:not(.recruit) .btn-burger {
    right: 0;
  }
  body #l-footer:not(.recruit) .gnavi {
    display: none;
    background-color: white;
    position: fixed;
    z-index: -1;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    padding-top: 10vh;
    transition: all 0.3s ease-out;
  }
  body #l-footer:not(.recruit) .c-dd-nav__ul__menu-item.has-child > a:not(.js-add-c-dd-expand) {
    margin-right: 56px;
  }
  body #l-footer:not(.recruit) .has-child .js-add-c-dd-expand {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 56px;
    height: auto !important;
    right: 0;
    top: 0;
    z-index: 2;
    padding: 1.5em 1em;
    color: #6bb5cb;
  }
  body #l-footer:not(.recruit) .has-child .js-add-c-dd-expand .lines-vertical, body #l-footer:not(.recruit) .has-child .js-add-c-dd-expand .lines-horizontal {
    position: absolute;
    display: block;
    transition: all 0.3s;
    background: #fff;
    left: 50%;
    top: 50%;
    width: 40%;
    height: 1px;
    transform: translate(-50%, -50%);
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
  body #l-footer:not(.recruit) .has-child .js-add-c-dd-expand .lines-horizontal {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  body #l-footer:not(.recruit) .has-child .js-add-c-dd-expand .lines-vertical {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  body #l-footer:not(.recruit) .has-child.active > .js-add-c-dd-expand .lines-vertical {
    transform: translate(-50%, -50%) rotate(0deg);
  }
  body #l-footer:not(.recruit) .gnavi__wrap {
    height: 100% !important;
  }
  body #l-footer:not(.recruit) .gnavi__lists-list {
    position: relative;
    box-sizing: border-box;
    height: 100vh !important;
    padding-top: 160px;
  }
  body #l-footer:not(.recruit) .gnavi__lists {
    box-sizing: border-box;
    display: block;
    /*ナビの数が増えた場合縦スクロール*/
    position: relative;
    z-index: 999;
    width: 100%;
    height: 100%; /*表示する高さ*/
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 100px;
    padding-left: calc(100 / 750 * 40 * 1vw);
    padding-right: calc(100 / 750 * 40 * 1vw);
  }
  body #l-footer:not(.recruit) .c-dd-nav__ul > .c-dd-nav__ul__menu-item {
    height: auto;
  }
  body #l-footer:not(.recruit) .c-dd-nav__ul > .c-dd-nav__ul__menu-item.current-menu-item > a:not(.js-add-c-dd-expand):after {
    content: none;
  }
  body #l-footer:not(.recruit) .c-dd-nav__ul > .c-dd-nav__ul__menu-item:hover > a:after {
    content: none;
  }
  body #l-footer:not(.recruit) .c-dd-nav__ul > .c-dd-nav__ul__menu-item.current-menu-item > a, body #l-footer:not(.recruit) .c-dd-nav__ul > .c-dd-nav__ul__menu-item a {
    color: #000000;
  }
  body #l-footer:not(.recruit) .c-dd-nav__ul > .c-dd-nav__ul__menu-item.current-menu-item > a:hover, body #l-footer:not(.recruit) .c-dd-nav__ul > .c-dd-nav__ul__menu-item a:hover {
    color: var(--sub-color);
  }
  body #l-footer:not(.recruit) .c-dd-nav__ul > .c-dd-nav__ul__menu-item > a:not(.js-add-c-dd-expand) {
    padding: 1.5em 1em 1.5em 1em;
  }
  body #l-footer:not(.recruit) .c-dd-nav__ul > .c-dd-nav__ul__menu-item > a:not(.js-add-c-dd-expand):after {
    content: none;
  }
  body #l-footer:not(.recruit) .c-dd-nav__ul__menu-item.has-child span {
    position: static;
  }
  body #l-footer:not(.recruit) .c-dd-nav__ul__menu-item.has-child span::before {
    content: none;
  }
  body #l-footer:not(.recruit) .c-dd-nav__ul__menu-item.has-child.active span::before {
    transform: rotate(-45deg);
    left: auto;
  }
  body #l-footer:not(.recruit) .c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta {
    padding-left: calc(100 / 750 * 40 * 1vw);
    padding-right: calc(100 / 750 * 40 * 1vw);
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
@media only screen and (max-width: 850px) and (max-width: calc(767 * 1px)) {
  body #l-footer:not(.recruit) .c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta {
    padding-top: calc(calc(60 / 28 * 1rem) / 0.75);
    padding-bottom: calc(calc(60 / 28 * 1rem) / 0.75);
  }
}
@media only screen and (max-width: 850px) {
  body #l-footer:not(.recruit) .c-dd-nav__ul > .c-dd-nav__ul__menu-item.header-btn-cta a {
    margin-right: auto;
    margin-left: auto;
    width: 100%;
  }
  body #l-footer:not(.recruit) .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a:not(.js-add-c-dd-expand) {
    text-align: left;
    padding: 1.5em 1em 1.5em calc(1em * 2);
  }
  body #l-footer:not(.recruit) ul ul .c-dd-nav__ul__menu-item.has-child::before {
    content: none;
  }
  body #l-footer:not(.recruit) ul ul .c-dd-nav__ul__menu-item.has-child.active::before {
    transform: rotate(-45deg);
  }
  body #l-footer:not(.recruit) .c-dd-nav__ul__menu-item.has-child .sub-menu,
  body #l-footer:not(.recruit) .c-dd-nav__ul__menu-item.has-child .sub-menu .sub-menu {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    visibility: visible;
    opacity: 1;
    display: none;
    transition: none;
  }
  body #l-footer:not(.recruit) .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a:not(.js-add-c-dd-expand) {
    padding: 1.5em 1em 1.5em calc(1em * 3);
  }
  body #l-footer:not(.recruit) .gnavi__wrap {
    /* 第１階層 ナビゲーション設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /*　第２階層 以降 のナビゲーションの 共通 設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /* 第３階層の位置
    */
  }
  body #l-footer:not(.recruit) .gnavi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item a,
  body #l-footer:not(.recruit) .gnavi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item .sub-menu .c-dd-nav__ul__menu-item a,
  body #l-footer:not(.recruit) .gnavi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item .sub-menu .c-dd-nav__ul__menu-item .sub-menu .c-dd-nav__ul__menu-item a {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
  body #l-footer:not(.recruit) .gnavi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item {
    border-bottom: 1px solid #e1e1e1;
  }
  body #l-footer:not(.recruit) .gnavi__wrap .c-dd-nav__ul > .c-dd-nav__ul__menu-item:first-child {
    border-top: 1px solid #e1e1e1;
  }
  body #l-footer:not(.recruit) .gnavi__wrap .c-dd-nav__ul > .c-dd-nav__ul__menu-item a {
    background-color: white;
  }
  body #l-footer:not(.recruit) .gnavi__wrap .c-dd-nav__ul > .c-dd-nav__ul__menu-item a:hover {
    background-color: white;
    color: var(--sub-color);
  }
  body #l-footer:not(.recruit) .gnavi__wrap .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item {
    border-bottom: 1px solid #e1e1e1;
  }
  body #l-footer:not(.recruit) .gnavi__wrap .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a {
    background-color: white;
  }
  body #l-footer:not(.recruit) .gnavi__wrap .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a:hover {
    background-color: white;
    color: var(--sub-color);
  }
  body #l-footer:not(.recruit) .gnavi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .sub-menu .c-dd-nav__ul__menu-item a {
    background-color: white;
  }
  body #l-footer:not(.recruit) .gnavi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .sub-menu .c-dd-nav__ul__menu-item a:hover {
    background-color: white;
  }
  body #l-footer:not(.recruit) .f-navi__wrap {
    /* 第１階層 ナビゲーション設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /*　第２階層 以降 のナビゲーションの 共通 設定
    ----------------------------------------------*/
    /* ナビゲーションのリンク設定 */
    /*　第３階層 以降 のナビゲーションの 共通 設定
    ----------------------------------------------*/
  }
  body #l-footer:not(.recruit) .f-navi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item a,
  body #l-footer:not(.recruit) .f-navi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a,
  body #l-footer:not(.recruit) .f-navi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item .c-dd-nav__ul__menu-item a {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
  body #l-footer:not(.recruit) .f-navi__wrap .c-dd-nav .c-dd-nav__ul .c-dd-nav__ul__menu-item {
    border-bottom: 1px solid #e1e1e1;
  }
  body #l-footer:not(.recruit) .f-navi__wrap .c-dd-nav .c-dd-nav__ul > .c-dd-nav__ul__menu-item:first-child a {
    border-top: 1px solid #e1e1e1;
  }
  body #l-footer:not(.recruit) .f-navi__wrap .c-dd-nav__ul > .c-dd-nav__ul__menu-item a {
    background-color: #ffffff;
  }
  body #l-footer:not(.recruit) .f-navi__wrap .c-dd-nav__ul > .c-dd-nav__ul__menu-item a:hover {
    background-color: #ffffff;
  }
  body #l-footer:not(.recruit) .f-navi__wrap .c-dd-nav__ul > .c-dd-nav__ul__menu-item:first-child {
    border-top: solid 1px #e1e1e1;
  }
  body #l-footer:not(.recruit) .f-navi__wrap .c-dd-nav__ul .c-dd-nav__ul__menu-item {
    border-bottom: solid 1px #e1e1e1;
  }
  body #l-footer:not(.recruit) .f-navi__wrap .c-dd-nav__ul__menu-item.has-child a:not(.js-add-c-dd-expand) span {
    position: static;
  }
  body #l-footer:not(.recruit) .f-navi__wrap .c-dd-nav__ul__menu-item.has-child a:not(.js-add-c-dd-expand) span::before {
    height: 5px;
    width: 5px;
    border-top: 2px solid white;
    border-right: 2px solid white;
    right: calc(calc(40 / 750 * 750 / 750) * 100 * 1%);
    top: calc(1.5em + 0em);
  }
  body #l-footer:not(.recruit) .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item {
    border-bottom: 1px solid #e1e1e1;
  }
  body #l-footer:not(.recruit) .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item:first-child {
    border-top: solid 1px #e1e1e1;
  }
  body #l-footer:not(.recruit) .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item:last-child {
    border: none;
  }
  body #l-footer:not(.recruit) .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item a {
    background-color: #ffffff;
  }
  body #l-footer:not(.recruit) .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .c-dd-nav__ul__menu-item a:hover {
    background-color: #f7f7f7;
  }
  body #l-footer:not(.recruit) .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .sub-menu .c-dd-nav__ul__menu-item a {
    background-color: #f7f7f7;
  }
  body #l-footer:not(.recruit) .f-navi__wrap .c-dd-nav__ul__menu-item.has-child .sub-menu .sub-menu .c-dd-nav__ul__menu-item a:hover {
    background-color: #f7f7f7;
  }
  body #l-footer:not(.recruit) .f-navi__wrap ul ul .c-dd-nav__ul__menu-item.has-child::before {
    width: 5px;
    height: 5px;
    right: calc(calc(40 / 750 * 750 / 750) * 100 * 1%);
    top: calc(1.5em + 0em);
    border-top: 2px solid white;
    border-right: 2px solid white;
  }
}
body .grecaptcha-badge {
  z-index: 9999;
}
body .c-dd-nav__ul__menu-item.has-child .sub-menu a:not(.js-add-c-dd-expand):before {
  content: "";
  position: absolute;
  background-color: #000000;
  width: 0.5em;
  height: 1px;
  left: 0;
  left: 1em;
  top: 50%;
}
body .c-dd-nav__ul__menu-item.has-child .sub-menu a:not(.js-add-c-dd-expand):hover:before {
  background-color: var(--sub-color);
}

body #l-footer.page-lp #footer .data-nav-wrap {
  justify-content: center;
}

/*
---------------------------------------------------------------
サイドバー
---------------------------------------------------------------
*/
#sidebar #sidebar-sticky {
  position: sticky;
  top: 2em;
}
#sidebar .widget:first-child .wp-block-heading {
  margin-top: 0;
}
#sidebar .widget:nth-child(n+2) {
  margin-top: 40px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  #sidebar .widget:nth-child(n+2) {
    margin-top: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  #sidebar .widget:nth-child(n+2) {
    margin-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
#sidebar .widget .wp-block-heading {
  font-size: 28px;
  font-family: "Jost", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
@media only screen and (max-width: calc(767 * 1px)) {
  #sidebar .widget .wp-block-heading {
    font-size: calc(100 / 750 * calc(40 * 1) * 1vw);
  }
}
#sidebar .widget ul li a {
  display: block;
  position: relative;
  text-decoration: none;
  color: #000000;
  padding: 0.75em 1em;
  font-size: 16px;
  line-height: 1.25;
  transition: all 0.3s ease-out;
}
@media only screen and (max-width: calc(767 * 1px)) {
  #sidebar .widget ul li a {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
}
#sidebar .widget ul li a:before {
  content: "";
  position: absolute;
  top: calc(16px / 2 + 0.75em);
  left: 0;
  width: 0.5em;
  height: 1px;
  background-color: #000000;
}
#sidebar .widget ul li a:hover {
  color: var(--sub-color);
}
#sidebar .widget .wp-block-tag-cloud a {
  color: #000000;
  text-decoration: none;
  transition: all 0.3s ease-out;
}
#sidebar .widget .wp-block-tag-cloud a:hover {
  color: var(--sub-color);
}
#sidebar .widget .wp-block-tag-cloud a .tag-link-count {
  font-size: 0.8em;
}
@media only screen and (max-width: 980px) {
  #sidebar .widget .wp-block-heading {
    margin-bottom: 0.5em;
    border-bottom: solid 1px #e1e1e1;
  }
}

/*=========================================================================
ハンバーガーアイコン
=========================================================================*/
body.js-header-layered-style .js-btn-burger-scroll,
body.js-toggle-open #l-header .js-btn-burger-scroll,
body.js-toggle-open #l-header,
body .js-btn-burger-scroll {
  background-color: #000000;
  border: 1px solid #000000;
}
body.js-header-layered-style .js-btn-burger-scroll span.icon:before, body.js-header-layered-style .js-btn-burger-scroll span.icon:after,
body.js-toggle-open #l-header .js-btn-burger-scroll span.icon:before,
body.js-toggle-open #l-header .js-btn-burger-scroll span.icon:after,
body.js-toggle-open #l-header span.icon:before,
body.js-toggle-open #l-header span.icon:after,
body .js-btn-burger-scroll span.icon:before,
body .js-btn-burger-scroll span.icon:after {
  background-color: white;
}

body #l-header .js-btn-burger-scroll span.icon:before, body #l-header .js-btn-burger-scroll span.icon:after {
  background-color: white !important;
}

/*
見出しが画像の時の高さ
------------------------------------------------------- */
/*
MVと見出しが「重なる」時の、「MV」高さ
------------------------------------------------------- */
/*
MVと見出しが「重ならない」の高さ
------------------------------------------------------- */
/*-------------------------------------------------------
   共通
------------------------------------------------------- */
#mv {
  position: relative;
}
#mv.home, #mv.sub-page {
  width: 100%;
}
#mv.home .mv-img, #mv.sub-page .mv-img {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2;
}
#mv.home .mv-img figure, #mv.sub-page .mv-img figure {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
#mv.home .mv-img figure:before, #mv.sub-page .mv-img figure:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.2;
  z-index: 1;
}
#mv.home .mv-img img, #mv.sub-page .mv-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

/*-------------------------------------------------------
下層：H１
------------------------------------------------------- */
body #mv {
  /*
  カスタマイザーで「下層見出しとアイキャッチの重なり：重なる」の時
  ----------------------------------------------------------------------------- */
  /*
  カスタマイザーで「下層見出しとアイキャッチの重なり：重ねない」の時
  ----------------------------------------------------------------------------- */
}
body #mv .heading-mask,
body #mv #heading {
  position: relative;
  z-index: 4;
}
body #mv .heading-mask .c-heading-base--c .c-heading-base__main, body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
body #mv #heading .c-heading-base--c .c-heading-base__main,
body #mv #heading .c-heading-base--r .c-heading-base__main,
body #mv #heading .c-heading-base--l .c-heading-base__main {
  font-family: "Jost", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 72px;
  font-weight: 400;
  line-height: 1.1;
  letter-spacing: 0.05em;
  color: #000000;
  padding-top: 0px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body #mv .heading-mask .c-heading-base--c .c-heading-base__main, body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
  body #mv #heading .c-heading-base--c .c-heading-base__main,
  body #mv #heading .c-heading-base--r .c-heading-base__main,
  body #mv #heading .c-heading-base--l .c-heading-base__main {
    font-size: calc(72 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #mv .heading-mask .c-heading-base--c .c-heading-base__main, body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
  body #mv #heading .c-heading-base--c .c-heading-base__main,
  body #mv #heading .c-heading-base--r .c-heading-base__main,
  body #mv #heading .c-heading-base--l .c-heading-base__main {
    font-size: calc(100 / 750 * calc(76 * 1) * 1vw);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body #mv .heading-mask .c-heading-base--c .c-heading-base__main, body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
  body #mv #heading .c-heading-base--c .c-heading-base__main,
  body #mv #heading .c-heading-base--r .c-heading-base__main,
  body #mv #heading .c-heading-base--l .c-heading-base__main {
    padding-top: calc(0 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #mv .heading-mask .c-heading-base--c .c-heading-base__main, body #mv .heading-mask .c-heading-base--r .c-heading-base__main,
  body #mv .heading-mask .c-heading-base--l .c-heading-base__main,
  body #mv #heading .c-heading-base--c .c-heading-base__main,
  body #mv #heading .c-heading-base--r .c-heading-base__main,
  body #mv #heading .c-heading-base--l .c-heading-base__main {
    padding-top: calc(calc(100 / 750 * 0 * 1vw) / 0.75);
  }
}
body #mv .heading-mask .c-heading-base--c .c-heading-base__main.post-entry-title, body #mv .heading-mask .c-heading-base--r .c-heading-base__main.post-entry-title,
body #mv .heading-mask .c-heading-base--l .c-heading-base__main.post-entry-title,
body #mv #heading .c-heading-base--c .c-heading-base__main.post-entry-title,
body #mv #heading .c-heading-base--r .c-heading-base__main.post-entry-title,
body #mv #heading .c-heading-base--l .c-heading-base__main.post-entry-title {
  margin-top: 60px;
  font-size: 36px;
  line-height: 1.5;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body #mv .heading-mask .c-heading-base--c .c-heading-base__main.post-entry-title, body #mv .heading-mask .c-heading-base--r .c-heading-base__main.post-entry-title,
  body #mv .heading-mask .c-heading-base--l .c-heading-base__main.post-entry-title,
  body #mv #heading .c-heading-base--c .c-heading-base__main.post-entry-title,
  body #mv #heading .c-heading-base--r .c-heading-base__main.post-entry-title,
  body #mv #heading .c-heading-base--l .c-heading-base__main.post-entry-title {
    margin-top: calc(60 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #mv .heading-mask .c-heading-base--c .c-heading-base__main.post-entry-title, body #mv .heading-mask .c-heading-base--r .c-heading-base__main.post-entry-title,
  body #mv .heading-mask .c-heading-base--l .c-heading-base__main.post-entry-title,
  body #mv #heading .c-heading-base--c .c-heading-base__main.post-entry-title,
  body #mv #heading .c-heading-base--r .c-heading-base__main.post-entry-title,
  body #mv #heading .c-heading-base--l .c-heading-base__main.post-entry-title {
    margin-top: calc(calc(100 / 750 * 60 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #mv .heading-mask .c-heading-base--c .c-heading-base__main.post-entry-title, body #mv .heading-mask .c-heading-base--r .c-heading-base__main.post-entry-title,
  body #mv .heading-mask .c-heading-base--l .c-heading-base__main.post-entry-title,
  body #mv #heading .c-heading-base--c .c-heading-base__main.post-entry-title,
  body #mv #heading .c-heading-base--r .c-heading-base__main.post-entry-title,
  body #mv #heading .c-heading-base--l .c-heading-base__main.post-entry-title {
    font-size: calc(100 / 750 * calc(44 * 1) * 1vw);
  }
}
body #mv .heading-mask .c-heading-base--c .c-heading-base__sub, body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
body #mv #heading .c-heading-base--c .c-heading-base__sub,
body #mv #heading .c-heading-base--r .c-heading-base__sub,
body #mv #heading .c-heading-base--l .c-heading-base__sub {
  font-family: "Jost", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 22px;
  font-weight: 400;
  line-height: 1.1;
  color: #000000;
  padding-top: 10px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body #mv .heading-mask .c-heading-base--c .c-heading-base__sub, body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
  body #mv #heading .c-heading-base--c .c-heading-base__sub,
  body #mv #heading .c-heading-base--r .c-heading-base__sub,
  body #mv #heading .c-heading-base--l .c-heading-base__sub {
    font-size: calc(22 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #mv .heading-mask .c-heading-base--c .c-heading-base__sub, body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
  body #mv #heading .c-heading-base--c .c-heading-base__sub,
  body #mv #heading .c-heading-base--r .c-heading-base__sub,
  body #mv #heading .c-heading-base--l .c-heading-base__sub {
    font-size: calc(100 / 750 * calc(34 * 1) * 1vw);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body #mv .heading-mask .c-heading-base--c .c-heading-base__sub, body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
  body #mv #heading .c-heading-base--c .c-heading-base__sub,
  body #mv #heading .c-heading-base--r .c-heading-base__sub,
  body #mv #heading .c-heading-base--l .c-heading-base__sub {
    padding-top: calc(10 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #mv .heading-mask .c-heading-base--c .c-heading-base__sub, body #mv .heading-mask .c-heading-base--r .c-heading-base__sub,
  body #mv .heading-mask .c-heading-base--l .c-heading-base__sub,
  body #mv #heading .c-heading-base--c .c-heading-base__sub,
  body #mv #heading .c-heading-base--r .c-heading-base__sub,
  body #mv #heading .c-heading-base--l .c-heading-base__sub {
    padding-top: calc(calc(100 / 750 * 10 * 1vw) / 0.75);
  }
}
body #mv .heading-mask.sub-page.mv-heading .content-header .c-heading-base__main img,
body #mv .heading-mask.sub-page.mv-heading .content-header #heading .c-heading-base--c .c-heading-base__main img,
body #mv #heading .c-heading-base--c .heading-mask.sub-page.mv-heading .content-header .c-heading-base__main img,
body #mv .heading-mask.sub-page.mv-heading .content-header #heading .c-heading-base--r .c-heading-base__main img,
body #mv #heading .c-heading-base--r .heading-mask.sub-page.mv-heading .content-header .c-heading-base__main img,
body #mv .heading-mask.sub-page.mv-heading .content-header #heading .c-heading-base--l .c-heading-base__main img,
body #mv #heading .c-heading-base--l .heading-mask.sub-page.mv-heading .content-header .c-heading-base__main img,
body #mv .heading-mask.sub-page.mv-heading #heading .c-heading-base--c .content-header .c-heading-base__main img,
body #mv #heading .heading-mask.sub-page.mv-heading .content-header .c-heading-base--c .c-heading-base__main img,
body #mv #heading .heading-mask.sub-page.mv-heading .c-heading-base--c .content-header .c-heading-base__main img,
body #mv .heading-mask.sub-page.mv-heading #heading .c-heading-base--r .content-header .c-heading-base__main img,
body #mv #heading .heading-mask.sub-page.mv-heading .content-header .c-heading-base--r .c-heading-base__main img,
body #mv #heading .heading-mask.sub-page.mv-heading .c-heading-base--r .content-header .c-heading-base__main img,
body #mv .heading-mask.sub-page.mv-heading #heading .c-heading-base--l .content-header .c-heading-base__main img,
body #mv #heading .heading-mask.sub-page.mv-heading .content-header .c-heading-base--l .c-heading-base__main img,
body #mv #heading .heading-mask.sub-page.mv-heading .c-heading-base--l .content-header .c-heading-base__main img,
body #mv #heading.sub-page.mv-heading .content-header .c-heading-base__main img {
  height: 60px;
  width: auto;
}
body #mv .heading-mask.sub-page.mv-heading .content-header.page-lp .c-heading-base__main img,
body #mv .heading-mask.sub-page.mv-heading .content-header.page-lp #heading .c-heading-base--c .c-heading-base__main img,
body #mv #heading .c-heading-base--c .heading-mask.sub-page.mv-heading .content-header.page-lp .c-heading-base__main img,
body #mv .heading-mask.sub-page.mv-heading .content-header.page-lp #heading .c-heading-base--r .c-heading-base__main img,
body #mv #heading .c-heading-base--r .heading-mask.sub-page.mv-heading .content-header.page-lp .c-heading-base__main img,
body #mv .heading-mask.sub-page.mv-heading .content-header.page-lp #heading .c-heading-base--l .c-heading-base__main img,
body #mv #heading .c-heading-base--l .heading-mask.sub-page.mv-heading .content-header.page-lp .c-heading-base__main img,
body #mv .heading-mask.sub-page.mv-heading #heading .c-heading-base--c .content-header.page-lp .c-heading-base__main img,
body #mv #heading .heading-mask.sub-page.mv-heading .content-header.page-lp .c-heading-base--c .c-heading-base__main img,
body #mv #heading .heading-mask.sub-page.mv-heading .c-heading-base--c .content-header.page-lp .c-heading-base__main img,
body #mv .heading-mask.sub-page.mv-heading #heading .c-heading-base--r .content-header.page-lp .c-heading-base__main img,
body #mv #heading .heading-mask.sub-page.mv-heading .content-header.page-lp .c-heading-base--r .c-heading-base__main img,
body #mv #heading .heading-mask.sub-page.mv-heading .c-heading-base--r .content-header.page-lp .c-heading-base__main img,
body #mv .heading-mask.sub-page.mv-heading #heading .c-heading-base--l .content-header.page-lp .c-heading-base__main img,
body #mv #heading .heading-mask.sub-page.mv-heading .content-header.page-lp .c-heading-base--l .c-heading-base__main img,
body #mv #heading .heading-mask.sub-page.mv-heading .c-heading-base--l .content-header.page-lp .c-heading-base__main img,
body #mv #heading.sub-page.mv-heading .content-header.page-lp .c-heading-base__main img {
  height: 100px;
}
body #mv .heading-mask.sub-page.mv-heading:not(.has-eyecatch) .content-header .post-meta,
body #mv #heading.sub-page.mv-heading:not(.has-eyecatch) .content-header .post-meta {
  margin-top: 40px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body #mv .heading-mask.sub-page.mv-heading:not(.has-eyecatch) .content-header .post-meta,
  body #mv #heading.sub-page.mv-heading:not(.has-eyecatch) .content-header .post-meta {
    margin-top: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #mv .heading-mask.sub-page.mv-heading:not(.has-eyecatch) .content-header .post-meta,
  body #mv #heading.sub-page.mv-heading:not(.has-eyecatch) .content-header .post-meta {
    margin-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
body #mv .heading-mask.sub-page.mv-heading:not(.has-eyecatch) .content-header h1:not(.--single-post),
body #mv #heading.sub-page.mv-heading:not(.has-eyecatch) .content-header h1:not(.--single-post) {
  margin-top: 40px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body #mv .heading-mask.sub-page.mv-heading:not(.has-eyecatch) .content-header h1:not(.--single-post),
  body #mv #heading.sub-page.mv-heading:not(.has-eyecatch) .content-header h1:not(.--single-post) {
    margin-top: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #mv .heading-mask.sub-page.mv-heading:not(.has-eyecatch) .content-header h1:not(.--single-post),
  body #mv #heading.sub-page.mv-heading:not(.has-eyecatch) .content-header h1:not(.--single-post) {
    margin-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
body #mv .heading-mask.sub-page.mv-heading:not(.has-eyecatch) .content-header h1.--single-post,
body #mv #heading.sub-page.mv-heading:not(.has-eyecatch) .content-header h1.--single-post {
  margin-bottom: 40px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body #mv .heading-mask.sub-page.mv-heading:not(.has-eyecatch) .content-header h1.--single-post,
  body #mv #heading.sub-page.mv-heading:not(.has-eyecatch) .content-header h1.--single-post {
    margin-bottom: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #mv .heading-mask.sub-page.mv-heading:not(.has-eyecatch) .content-header h1.--single-post,
  body #mv #heading.sub-page.mv-heading:not(.has-eyecatch) .content-header h1.--single-post {
    margin-bottom: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
body #mv .mv-zoom-img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
body #mv .mv-zoom-img figure {
  overflow: hidden;
}
body #mv .mv-zoom-img figure img {
  transform: scale(1.25);
  transform-origin: center center;
  animation: zoomOut 2s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}
@keyframes zoomOut {
  from {
    transform: scale(1.25);
  }
  to {
    transform: scale(1);
  }
}
body #mv.sub_page_heading_overlay_on .heading-mask.sub-page.mv-heading.no-eyecatch .content-header,
body #mv.sub_page_heading_overlay_on #heading.sub-page.mv-heading.no-eyecatch .content-header {
  height: auto;
}
body #mv.sub_page_heading_overlay_on .heading-mask.sub-page.mv-heading.has-eyecatch .content-header,
body #mv.sub_page_heading_overlay_on #heading.sub-page.mv-heading.has-eyecatch .content-header {
  height: 350px;
}
body #mv.sub_page_heading_overlay_on .heading-mask.sub-page.mv-heading.has-eyecatch .content-header h1,
body #mv.sub_page_heading_overlay_on #heading.sub-page.mv-heading.has-eyecatch .content-header h1 {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
body #mv.sub_page_heading_overlay_on .heading-mask.sub-page.mv-heading.has-eyecatch .content-header h1 .c-heading-base__main,
body #mv.sub_page_heading_overlay_on .heading-mask.sub-page.mv-heading.has-eyecatch .content-header h1 #heading .c-heading-base--c .c-heading-base__main,
body #mv.sub_page_heading_overlay_on #heading .c-heading-base--c .heading-mask.sub-page.mv-heading.has-eyecatch .content-header h1 .c-heading-base__main,
body #mv.sub_page_heading_overlay_on .heading-mask.sub-page.mv-heading.has-eyecatch .content-header h1 #heading .c-heading-base--r .c-heading-base__main,
body #mv.sub_page_heading_overlay_on #heading .c-heading-base--r .heading-mask.sub-page.mv-heading.has-eyecatch .content-header h1 .c-heading-base__main,
body #mv.sub_page_heading_overlay_on .heading-mask.sub-page.mv-heading.has-eyecatch .content-header h1 #heading .c-heading-base--l .c-heading-base__main,
body #mv.sub_page_heading_overlay_on #heading .c-heading-base--l .heading-mask.sub-page.mv-heading.has-eyecatch .content-header h1 .c-heading-base__main,
body #mv.sub_page_heading_overlay_on .heading-mask.sub-page.mv-heading.has-eyecatch #heading .c-heading-base--c .content-header h1 .c-heading-base__main,
body #mv.sub_page_heading_overlay_on #heading .heading-mask.sub-page.mv-heading.has-eyecatch .content-header h1 .c-heading-base--c .c-heading-base__main,
body #mv.sub_page_heading_overlay_on #heading .heading-mask.sub-page.mv-heading.has-eyecatch .c-heading-base--c .content-header h1 .c-heading-base__main,
body #mv.sub_page_heading_overlay_on .heading-mask.sub-page.mv-heading.has-eyecatch #heading .c-heading-base--r .content-header h1 .c-heading-base__main,
body #mv.sub_page_heading_overlay_on #heading .heading-mask.sub-page.mv-heading.has-eyecatch .content-header h1 .c-heading-base--r .c-heading-base__main,
body #mv.sub_page_heading_overlay_on #heading .heading-mask.sub-page.mv-heading.has-eyecatch .c-heading-base--r .content-header h1 .c-heading-base__main,
body #mv.sub_page_heading_overlay_on .heading-mask.sub-page.mv-heading.has-eyecatch #heading .c-heading-base--l .content-header h1 .c-heading-base__main,
body #mv.sub_page_heading_overlay_on #heading .heading-mask.sub-page.mv-heading.has-eyecatch .content-header h1 .c-heading-base--l .c-heading-base__main,
body #mv.sub_page_heading_overlay_on #heading .heading-mask.sub-page.mv-heading.has-eyecatch .c-heading-base--l .content-header h1 .c-heading-base__main, body #mv.sub_page_heading_overlay_on .heading-mask.sub-page.mv-heading.has-eyecatch .content-header h1 .c-heading-base__sub,
body #mv.sub_page_heading_overlay_on .heading-mask.sub-page.mv-heading.has-eyecatch .content-header h1 #heading .c-heading-base--c .c-heading-base__sub,
body #mv.sub_page_heading_overlay_on #heading .c-heading-base--c .heading-mask.sub-page.mv-heading.has-eyecatch .content-header h1 .c-heading-base__sub,
body #mv.sub_page_heading_overlay_on .heading-mask.sub-page.mv-heading.has-eyecatch .content-header h1 #heading .c-heading-base--r .c-heading-base__sub,
body #mv.sub_page_heading_overlay_on #heading .c-heading-base--r .heading-mask.sub-page.mv-heading.has-eyecatch .content-header h1 .c-heading-base__sub,
body #mv.sub_page_heading_overlay_on .heading-mask.sub-page.mv-heading.has-eyecatch .content-header h1 #heading .c-heading-base--l .c-heading-base__sub,
body #mv.sub_page_heading_overlay_on #heading .c-heading-base--l .heading-mask.sub-page.mv-heading.has-eyecatch .content-header h1 .c-heading-base__sub,
body #mv.sub_page_heading_overlay_on .heading-mask.sub-page.mv-heading.has-eyecatch #heading .c-heading-base--c .content-header h1 .c-heading-base__sub,
body #mv.sub_page_heading_overlay_on #heading .heading-mask.sub-page.mv-heading.has-eyecatch .content-header h1 .c-heading-base--c .c-heading-base__sub,
body #mv.sub_page_heading_overlay_on #heading .heading-mask.sub-page.mv-heading.has-eyecatch .c-heading-base--c .content-header h1 .c-heading-base__sub,
body #mv.sub_page_heading_overlay_on .heading-mask.sub-page.mv-heading.has-eyecatch #heading .c-heading-base--r .content-header h1 .c-heading-base__sub,
body #mv.sub_page_heading_overlay_on #heading .heading-mask.sub-page.mv-heading.has-eyecatch .content-header h1 .c-heading-base--r .c-heading-base__sub,
body #mv.sub_page_heading_overlay_on #heading .heading-mask.sub-page.mv-heading.has-eyecatch .c-heading-base--r .content-header h1 .c-heading-base__sub,
body #mv.sub_page_heading_overlay_on .heading-mask.sub-page.mv-heading.has-eyecatch #heading .c-heading-base--l .content-header h1 .c-heading-base__sub,
body #mv.sub_page_heading_overlay_on #heading .heading-mask.sub-page.mv-heading.has-eyecatch .content-header h1 .c-heading-base--l .c-heading-base__sub,
body #mv.sub_page_heading_overlay_on #heading .heading-mask.sub-page.mv-heading.has-eyecatch .c-heading-base--l .content-header h1 .c-heading-base__sub,
body #mv.sub_page_heading_overlay_on #heading.sub-page.mv-heading.has-eyecatch .content-header h1 .c-heading-base__main,
body #mv.sub_page_heading_overlay_on #heading.sub-page.mv-heading.has-eyecatch .content-header h1 .c-heading-base__sub {
  color: white;
}
body #mv.sub_page_heading_overlay_on .mv-img {
  position: absolute;
}
body #mv.sub_page_heading_overlay_on .mv-img.mv-type-full {
  height: 100vh;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #mv.sub_page_heading_overlay_on .heading-mask.sub-page.mv-heading.no-eyecatch .content-header,
  body #mv.sub_page_heading_overlay_on #heading.sub-page.mv-heading.no-eyecatch .content-header {
    height: auto;
  }
  body #mv.sub_page_heading_overlay_on .heading-mask.sub-page.mv-heading.has-eyecatch .content-header,
  body #mv.sub_page_heading_overlay_on #heading.sub-page.mv-heading.has-eyecatch .content-header {
    height: 60vw;
  }
}
body #mv.sub_page_heading_overlay_off .heading-mask.sub-page.mv-heading,
body #mv.sub_page_heading_overlay_off #heading.sub-page.mv-heading {
  padding-top: 0px;
}
body #mv.sub_page_heading_overlay_off .heading-mask.sub-page.mv-heading:not(.has-eyecatch) .content-header,
body #mv.sub_page_heading_overlay_off #heading.sub-page.mv-heading:not(.has-eyecatch) .content-header {
  height: initial;
  color: white;
}
body #mv.sub_page_heading_overlay_off .mv-img {
  position: relative;
  height: 350px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body #mv.sub_page_heading_overlay_off .heading-mask.sub-page.mv-heading,
  body #mv.sub_page_heading_overlay_off #heading.sub-page.mv-heading {
    padding-top: 5vw;
  }
  body #mv.sub_page_heading_overlay_off .heading-mask.sub-page.mv-heading:not(.has-eyecatch).sub-page.mv-heading:not(.has-eyecatch) .content-header,
  body #mv.sub_page_heading_overlay_off #heading.sub-page.mv-heading:not(.has-eyecatch).sub-page.mv-heading:not(.has-eyecatch) .content-header {
    color: #000000;
    height: initial;
  }
  body #mv.sub_page_heading_overlay_off .mv-img {
    height: 60vw;
  }
}
body #mv.mv-type-full {
  height: 100vh;
}
body #mv.mv-type-full .mv-img .l-inner--lr-lng2-per--tb-nspace {
  width: 100%;
  margin: 0;
}

/*
FULL　MV（LP）の場合
----------------------------------------------------------------------------- */
body #mv.mv-type-full .heading-mask,
body #mv.mv-type-full #heading {
  height: 100vh;
}
body #mv.mv-type-full .heading-mask .content-header,
body #mv.mv-type-full #heading .content-header {
  top: 50%;
  transform: translateY(-50%);
}
body #mv.mv-type-full .heading-mask .content-header h1,
body #mv.mv-type-full #heading .content-header h1 {
  width: 100%;
  text-align: center;
}
body #mv.mv-type-full.mv-type-full {
  height: 100vh;
}
body #mv.mv-type-full.mv-type-full .mv-img .l-inner--lr-lng2-per--tb-nspace {
  width: 100%;
  margin: 0;
}

/*-------------------------------------------------------
コーポレート：HOME
------------------------------------------------------- */
#mv.home {
  padding: 0 0;
}
#mv.home #mv-site-settings-main-copy {
  pointer-events: none;
  position: absolute;
  z-index: 20;
  width: calc(100% + 0 * 2);
  margin-left: calc(0 * -1);
  bottom: 6em;
}
#mv.home #mv-site-settings-main-copy .main-copy-wrap .main-copy__en,
#mv.home #mv-site-settings-main-copy .main-copy-wrap .main-copy__jp {
  font-weight: 500;
}
#mv.home #mv-site-settings-main-copy .main-copy-wrap .main-copy__en {
  color: var(--mv-copy-en-font-color);
  font-family: "Jost", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: 72px;
  line-height: 1.25;
  text-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5), 0 0 1em rgb(0, 0, 0), 0 0 1.5em rgb(0, 0, 0);
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  #mv.home #mv-site-settings-main-copy .main-copy-wrap .main-copy__en {
    font-size: calc(72 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  #mv.home #mv-site-settings-main-copy .main-copy-wrap .main-copy__en {
    font-size: calc(100 / 750 * calc(76 * 1) * 1vw);
  }
}
#mv.home #mv-site-settings-main-copy .main-copy-wrap .main-copy__jp {
  margin-top: 20px;
  color: var(--mv-copy-jp-font-color);
  font-size: 22px;
  line-height: 2.4;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  #mv.home #mv-site-settings-main-copy .main-copy-wrap .main-copy__jp {
    margin-top: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  #mv.home #mv-site-settings-main-copy .main-copy-wrap .main-copy__jp {
    margin-top: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  #mv.home #mv-site-settings-main-copy .main-copy-wrap .main-copy__jp {
    font-size: calc(22 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  #mv.home #mv-site-settings-main-copy .main-copy-wrap .main-copy__jp {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
#mv.home #mv-site-settings-main-copy .main-copy-wrap .main-copy__jp span {
  background-color: white;
  padding: 0.25em 1em;
  margin: 0.5em 0;
  font-weight: 400;
}
#mv.home #metaslider_67 {
  height: calc(100vh - 160px - 0);
  max-height: 1000px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
}
#mv.home #metaslider_67 ul.slides {
  width: 100%;
  height: 100%;
  overflow: hidden;
  /*
  META SLider用
  各スライド画像を重ねてフェードアニメーション */
  /*
  META SLider用
  アクティブなスライド（表示中のスライド） */
}
#mv.home #metaslider_67 ul.slides:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: black;
  opacity: 0.2;
  z-index: 5;
}
#mv.home #metaslider_67 ul.slides li {
  height: 100%;
  width: 100%;
}
#mv.home #metaslider_67 ul.slides li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#mv.home #metaslider_67 ul.slides .ms-image img {
  opacity: 0;
  transform: scale(1);
  transition: transform 9s linear, opacity 1.5s ease-in;
}
#mv.home #metaslider_67 ul.slides .flex-active-slide img {
  opacity: 1;
  transform: scale(1.15);
}
#mv.home #metaslider_67 .flex-control-nav {
  display: flex;
  justify-content: center;
  width: auto;
  z-index: 8;
}
#mv.home.header-mv-layered #mv-site-settings-main-copy {
  width: 100%;
  margin-left: 0;
}
#mv.home.header-mv-layered #metaslider_67 {
  height: 100vh;
}
@media only screen and (max-width: calc(767 * 1px)) {
  #mv.home {
    padding: 0 calc(100 / 750 * 40 * 1vw);
  }
  #mv.home.header-mv-layered {
    padding: 0;
  }
  #mv.home.header-mv-layered #mv-site-settings-main-copy .main-copy-wrap .main-copy__en {
    font-size: 18vw;
    line-height: 0.8;
  }
  #mv.home.header-mv-layered #mv-site-settings-main-copy .main-copy-wrap .main-copy__jp {
    margin-top: 10vw;
    font-size: 4vw;
  }
  #mv.home #metaslider_67 {
    height: calc(100vh - 10vh - calc(100 / 750 * 40 * 1vw));
    max-height: initial;
  }
}

/*-------------------------------------------------------
コーポレート：下層　IMG
------------------------------------------------------- */
body.home #main {
  /* =================================================================================

   10 INFORMATION

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

  20 Our BRAND

  ================================================================================= */
}
body.home #main .wp-block-heading {
  margin-top: 0;
}
body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column .c-heading-base--l.--small .c-heading-base__main {
  margin-top: 0.25em;
}
body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:first-child {
  width: 260px;
  margin-top: 0.75em;
}
body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:first-child .content-header {
  height: 100%;
}
body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:first-child .content-header .wp-block-group__inner-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}
body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:first-child .content-header .wp-block-group__inner-container > .ark-block-buttons {
  display: block;
  margin-bottom: 1.1em;
}
body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child {
  flex-grow: 1;
  width: calc(100% - 260px - var(--arkb-gap--x) - var(--arkb-gap--x)) !important;
}
body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child .content-body .wp-block-group__inner-container .latest-information .latest-information__item {
  padding-top: 20px;
  padding-bottom: 20px;
  align-items: baseline;
  display: flex;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child .content-body .wp-block-group__inner-container .latest-information .latest-information__item {
    padding-top: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child .content-body .wp-block-group__inner-container .latest-information .latest-information__item {
    padding-top: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child .content-body .wp-block-group__inner-container .latest-information .latest-information__item {
    padding-bottom: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child .content-body .wp-block-group__inner-container .latest-information .latest-information__item {
    padding-bottom: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child .content-body .wp-block-group__inner-container .latest-information .latest-information__item:last-child {
  border-bottom: none;
}
body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child .content-body .wp-block-group__inner-container .latest-information .latest-information__item .post-meta .post-meta__category-wrap {
  margin-right: 1em;
}
body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child .content-body .wp-block-group__inner-container .latest-information .latest-information__item .information-title {
  flex: 1;
  display: block;
}
body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child .content-body .wp-block-group__inner-container .latest-information .latest-information__item .information-title a {
  position: relative;
  text-decoration: none;
  transition: all 0.3s ease-out;
  padding-right: 3em;
  color: #000000;
  display: block;
  text-decoration: none;
}
body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child .content-body .wp-block-group__inner-container .latest-information .latest-information__item .information-title a:after {
  content: "";
  position: absolute;
  width: 2em;
  height: 2em;
  background-image: url("/wp-content/themes/kodama-wamono/data/images/common/_svg/_icon/btn_arrow-carrot_right_black.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  transition: all 0.3s ease-out;
}
body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child .content-body .wp-block-group__inner-container .latest-information .latest-information__item .information-title a:hover {
  color: var(--main-color);
}
body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child .content-body .wp-block-group__inner-container .latest-information .latest-information__item .information-title a:hover:after {
  right: 0;
}
body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child .content-body .wp-block-group__inner-container > .ark-block-buttons {
  display: none;
}
@media only screen and (max-width: 1000px) {
  body.home #main #information-sec .ark-block-columns .ark-block-columns__inner {
    flex-direction: column;
  }
  body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:first-child {
    width: calc(100% - var(--arkb-gap--x));
  }
  body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:first-child .content-header .wp-block-group__inner-container > .ark-block-buttons {
    display: none;
  }
  body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child {
    width: calc(100% - var(--arkb-gap--x)) !important;
  }
  body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child .content-body .wp-block-group__inner-container .latest-information__item {
    flex-direction: column;
    align-items: flex-start;
  }
  body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child .content-body .wp-block-group__inner-container .latest-information__item .post-meta {
    padding-top: 20px;
  }
}
@media only screen and (max-width: 1000px) and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child .content-body .wp-block-group__inner-container .latest-information__item .post-meta {
    padding-top: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: 1000px) and (max-width: calc(767 * 1px)) {
  body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child .content-body .wp-block-group__inner-container .latest-information__item .post-meta {
    padding-top: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: 1000px) {
  body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child .content-body .wp-block-group__inner-container .latest-information__item .information-title {
    width: 100%;
  }
  body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child .content-body .wp-block-group__inner-container .latest-information__item .information-title a {
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
  }
}
@media only screen and (max-width: 1000px) and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child .content-body .wp-block-group__inner-container .latest-information__item .information-title a {
    padding-top: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: 1000px) and (max-width: calc(767 * 1px)) {
  body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child .content-body .wp-block-group__inner-container .latest-information__item .information-title a {
    padding-top: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: 1000px) and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child .content-body .wp-block-group__inner-container .latest-information__item .information-title a {
    padding-bottom: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: 1000px) and (max-width: calc(767 * 1px)) {
  body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child .content-body .wp-block-group__inner-container .latest-information__item .information-title a {
    padding-bottom: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: 1000px) {
  body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child .content-body .wp-block-group__inner-container > .ark-block-buttons {
    display: block;
  }
  body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child .content-body .wp-block-group__inner-container > .ark-block-buttons[data-orientation=horizontal] {
    margin-left: 0;
    text-align: center;
    justify-content: center;
  }
  body.home #main #information-sec .ark-block-columns .ark-block-columns__inner .ark-block-column:last-child .content-body .wp-block-group__inner-container > .ark-block-buttons[data-orientation=horizontal] .ark-block-button.is-btn-fill {
    margin-left: 0;
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.home #main #information-sec .ark-block-columns .ark-block-columns__inner {
    row-gap: 0;
  }
}
body.home #main #our-brand-sec {
  background-color: #f9f7f3;
}
body.home #main #our-brand-sec .logo {
  width: 50%;
  max-width: 480px;
  max-height: 100px;
}
body.home #main #our-brand-sec .mv {
  position: relative;
  z-index: 20;
  height: 600px;
}
body.home #main #our-brand-sec .mv > .wp-block-group__inner-container {
  width: 100%;
  height: 100%;
}
body.home #main #our-brand-sec .mv > .wp-block-group__inner-container figure {
  position: relative;
}
body.home #main #our-brand-sec .mv > .wp-block-group__inner-container figure.logo.--livora-one {
  position: absolute;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 21;
}
body.home #main #our-brand-sec .mv > .wp-block-group__inner-container figure.mv-img {
  display: block;
  line-height: 1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 20;
}
body.home #main #our-brand-sec .mv > .wp-block-group__inner-container figure.mv-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.home #main #our-brand-sec .concept .copy-wrap {
  width: 55%;
  display: block;
  margin: 0 0 0 auto;
}
body.home #main #our-brand-sec .concept .copy-wrap .copy {
  font-size: 36px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.home #main #our-brand-sec .concept .copy-wrap .copy {
    font-size: calc(36 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.home #main #our-brand-sec .concept .copy-wrap .copy {
    font-size: calc(100 / 750 * calc(44 * 1) * 1vw);
  }
}
body.home #main #our-brand-sec .content {
  padding: 0 100px;
}
body.home #main #our-brand-sec .content .ark-block-buttons {
  margin-left: 0;
}
body.home #main #our-brand-sec .livora-one {
  position: relative;
  z-index: 23;
}
body.home #main #our-brand-sec .livora-one .wp-block-group__inner-container .ark-block-columns {
  margin-top: -60px;
  padding-top: 60px;
  background-color: #f9f7f3;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.home #main #our-brand-sec .livora-one .wp-block-group__inner-container .ark-block-columns {
    padding-top: calc(60 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.home #main #our-brand-sec .livora-one .wp-block-group__inner-container .ark-block-columns {
    padding-top: calc(calc(100 / 750 * 60 * 1vw) / 0.75);
  }
}
body.home #main #our-brand-sec .livora-one .wp-block-group__inner-container .ark-block-columns:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 50%;
  background-color: #f9f7f3;
  z-index: -1;
}
body.home #main #our-brand-sec .livora-one .wp-block-group__inner-container .ark-block-columns .ark-block-columns__inner {
  align-items: flex-start;
}
body.home #main #our-brand-sec .livora-one .wp-block-group__inner-container .ark-block-columns .ark-block-columns__inner .ark-block-column.content:first-child {
  padding-right: 0;
}
body.home #main #our-brand-sec .livora-one .wp-block-group__inner-container .ark-block-columns .ark-block-columns__inner .ark-block-column.content:first-child .copy {
  font-size: 28px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.home #main #our-brand-sec .livora-one .wp-block-group__inner-container .ark-block-columns .ark-block-columns__inner .ark-block-column.content:first-child .copy {
    font-size: calc(28 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.home #main #our-brand-sec .livora-one .wp-block-group__inner-container .ark-block-columns .ark-block-columns__inner .ark-block-column.content:first-child .copy {
    font-size: calc(100 / 750 * calc(40 * 1) * 1vw);
  }
}
body.home #main #our-brand-sec .moku, body.home #main #our-brand-sec .core {
  margin-top: 80px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.home #main #our-brand-sec .moku, body.home #main #our-brand-sec .core {
    margin-top: calc(80 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.home #main #our-brand-sec .moku, body.home #main #our-brand-sec .core {
    margin-top: calc(calc(100 / 750 * 80 * 1vw) / 0.75);
  }
}
body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner {
  align-items: center;
}
body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner .content.ark-block-column, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner .content.ark-block-column {
  padding-top: 40px;
  padding-bottom: 40px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner .content.ark-block-column, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner .content.ark-block-column {
    padding-top: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner .content.ark-block-column, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner .content.ark-block-column {
    padding-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner .content.ark-block-column, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner .content.ark-block-column {
    padding-bottom: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner .content.ark-block-column, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner .content.ark-block-column {
    padding-bottom: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner .content.ark-block-column .wp-block-heading, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner .content.ark-block-column .wp-block-heading {
  margin-top: 30px;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.5;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner .content.ark-block-column .wp-block-heading, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner .content.ark-block-column .wp-block-heading {
    margin-top: calc(30 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner .content.ark-block-column .wp-block-heading, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner .content.ark-block-column .wp-block-heading {
    margin-top: calc(calc(100 / 750 * 30 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner .content.ark-block-column .wp-block-heading, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner .content.ark-block-column .wp-block-heading {
    font-size: calc(22 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner .content.ark-block-column .wp-block-heading, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner .content.ark-block-column .wp-block-heading {
    font-size: calc(100 / 750 * calc(34 * 1) * 1vw);
  }
}
body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner .content.ark-block-column p, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner .content.ark-block-column p {
  margin-top: 20px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner .content.ark-block-column p, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner .content.ark-block-column p {
    margin-top: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner .content.ark-block-column p, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner .content.ark-block-column p {
    margin-top: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
body.home #main #our-brand-sec .btn-wrap {
  padding-top: 40px;
  padding-bottom: 120px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.home #main #our-brand-sec .btn-wrap {
    padding-top: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.home #main #our-brand-sec .btn-wrap {
    padding-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.home #main #our-brand-sec .btn-wrap {
    padding-bottom: calc(120 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.home #main #our-brand-sec .btn-wrap {
    padding-bottom: calc(calc(100 / 750 * 120 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: 1580px) {
  body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner {
    align-items: stretch;
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.home #main #our-brand-sec .mv {
    height: 51.6vw;
  }
  body.home #main #our-brand-sec .mv > .wp-block-group__inner-container figure.logo.--livora-one {
    top: 8.6vw;
  }
  body.home #main #our-brand-sec .content {
    padding-left: 4vw;
    padding-right: 4vw;
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.home #main #our-brand-sec .concept .copy-wrap {
    width: 100%;
    padding-left: calc(100 / 750 * 40 * 1vw);
  }
  body.home #main #our-brand-sec .mv {
    height: 85vw;
  }
  body.home #main #our-brand-sec .mv > .wp-block-group__inner-container figure.logo.--livora-one {
    top: 14.6vw;
  }
  body.home #main #our-brand-sec .mv > .wp-block-group__inner-container figure.mv-img {
    display: block;
    line-height: 1;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 20;
  }
  body.home #main #our-brand-sec .mv > .wp-block-group__inner-container figure.mv-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner {
    align-items: initial;
    gap: 0;
  }
  body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner .content.ark-block-column, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner .content.ark-block-column {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner .content.ark-block-column, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner .content.ark-block-column {
    padding-top: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc(767 * 1px)) {
  body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner .content.ark-block-column, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner .content.ark-block-column {
    padding-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner .content.ark-block-column, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner .content.ark-block-column {
    padding-bottom: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc(767 * 1px)) {
  body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner .content.ark-block-column, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner .content.ark-block-column {
    padding-bottom: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner .content.ark-block-column.content .wp-block-heading, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner .content.ark-block-column.content .wp-block-heading {
    margin-top: 30px;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.5;
    text-align: center;
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner .content.ark-block-column.content .wp-block-heading, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner .content.ark-block-column.content .wp-block-heading {
    margin-top: calc(30 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc(767 * 1px)) {
  body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner .content.ark-block-column.content .wp-block-heading, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner .content.ark-block-column.content .wp-block-heading {
    margin-top: calc(calc(100 / 750 * 30 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner .content.ark-block-column.content .wp-block-heading, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner .content.ark-block-column.content .wp-block-heading {
    font-size: calc(22 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc(767 * 1px)) {
  body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner .content.ark-block-column.content .wp-block-heading, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner .content.ark-block-column.content .wp-block-heading {
    font-size: calc(100 / 750 * calc(34 * 1) * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner .content.ark-block-column.content p, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner .content.ark-block-column.content p {
    margin-top: 20px;
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner .content.ark-block-column.content p, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner .content.ark-block-column.content p {
    margin-top: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc(767 * 1px)) {
  body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner .content.ark-block-column.content p, body.home #main #our-brand-sec .core .ark-block-columns .ark-block-columns__inner .content.ark-block-column.content p {
    margin-top: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.home #main #our-brand-sec .moku .ark-block-columns .ark-block-columns__inner {
    flex-direction: column-reverse;
  }
}

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

30 Corporate

================================================================================= */
#corporate-sec .l-inner--l-fix-bs-per-r-stretch--b-nspace .wp-block-group__inner-container {
  align-items: center;
}
#corporate-sec .l-inner--l-fix-bs-per-r-stretch--b-nspace .wp-block-group__inner-container .c-media-text-content__body {
  width: 37.5vw;
  padding-right: 2em;
}
#corporate-sec .l-inner--l-fix-bs-per-r-stretch--b-nspace .wp-block-group__inner-container .c-media-text-content__body p {
  font-size: 16px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  #corporate-sec .l-inner--l-fix-bs-per-r-stretch--b-nspace .wp-block-group__inner-container .c-media-text-content__body p {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
}
#corporate-sec .l-inner--l-fix-bs-per-r-stretch--b-nspace .wp-block-group__inner-container .c-media-text-content__img {
  width: calc(100% - 37.5vw);
  height: 100%;
}
#corporate-sec .l-inner--l-fix-bs-per-r-stretch--b-nspace .wp-block-group__inner-container .c-media-text-content__img .wp-block-group__inner-container {
  height: 100%;
}
#corporate-sec .l-inner--l-fix-bs-per-r-stretch--b-nspace .wp-block-group__inner-container .c-media-text-content__img .wp-block-group__inner-container figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#corporate-sec .l-inner--l-fix-bs-per-r-stretch--b-nspace .wp-block-group__inner-container .c-media-text-content__img .wp-block-group__inner-container figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#corporate-sec .local-nav {
  margin-top: 80px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  #corporate-sec .local-nav {
    margin-top: calc(80 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  #corporate-sec .local-nav {
    margin-top: calc(calc(100 / 750 * 80 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  #corporate-sec .l-inner--l-fix-bs-per-r-stretch--b-nspace .wp-block-group__inner-container {
    align-items: stretch;
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  #corporate-sec .l-inner--l-fix-bs-per-r-stretch--b-nspace {
    width: 100%;
    margin-left: calc(100 / 750 * 40 * 1vw);
    padding-left: 0;
  }
  #corporate-sec .l-inner--l-fix-bs-per-r-stretch--b-nspace .wp-block-group__inner-container .c-media-text-content--horizontal .wp-block-group__inner-container, #corporate-sec .l-inner--l-fix-bs-per-r-stretch--b-nspace .wp-block-group__inner-container body .c-media-text-content--horizontal-arrow .wp-block-group__inner-container, body #corporate-sec .l-inner--l-fix-bs-per-r-stretch--b-nspace .wp-block-group__inner-container .c-media-text-content--horizontal-arrow .wp-block-group__inner-container {
    flex-direction: column-reverse;
    gap: 2em;
  }
  #corporate-sec .l-inner--l-fix-bs-per-r-stretch--b-nspace .wp-block-group__inner-container .c-media-text-content--horizontal .wp-block-group__inner-container .c-media-text-content__body, #corporate-sec .l-inner--l-fix-bs-per-r-stretch--b-nspace .wp-block-group__inner-container body .c-media-text-content--horizontal-arrow .wp-block-group__inner-container .c-media-text-content__body, body #corporate-sec .l-inner--l-fix-bs-per-r-stretch--b-nspace .wp-block-group__inner-container .c-media-text-content--horizontal-arrow .wp-block-group__inner-container .c-media-text-content__body,
  #corporate-sec .l-inner--l-fix-bs-per-r-stretch--b-nspace .wp-block-group__inner-container .c-media-text-content--horizontal .wp-block-group__inner-container .c-media-text-content__img,
  #corporate-sec .l-inner--l-fix-bs-per-r-stretch--b-nspace .wp-block-group__inner-container body .c-media-text-content--horizontal-arrow .wp-block-group__inner-container .c-media-text-content__img,
  body #corporate-sec .l-inner--l-fix-bs-per-r-stretch--b-nspace .wp-block-group__inner-container .c-media-text-content--horizontal-arrow .wp-block-group__inner-container .c-media-text-content__img {
    width: 100%;
  }
  #corporate-sec .l-inner--l-fix-bs-per-r-stretch--b-nspace .wp-block-group__inner-container .c-media-text-content--horizontal .wp-block-group__inner-container .c-media-text-content__img, #corporate-sec .l-inner--l-fix-bs-per-r-stretch--b-nspace .wp-block-group__inner-container body .c-media-text-content--horizontal-arrow .wp-block-group__inner-container .c-media-text-content__img, body #corporate-sec .l-inner--l-fix-bs-per-r-stretch--b-nspace .wp-block-group__inner-container .c-media-text-content--horizontal-arrow .wp-block-group__inner-container .c-media-text-content__img {
    height: 50vw;
  }
  #corporate-sec .l-inner--l-fix-bs-per-r-stretch--b-nspace .wp-block-group__inner-container .c-media-text-content--horizontal .wp-block-group__inner-container .c-media-text-content__body, #corporate-sec .l-inner--l-fix-bs-per-r-stretch--b-nspace .wp-block-group__inner-container body .c-media-text-content--horizontal-arrow .wp-block-group__inner-container .c-media-text-content__body, body #corporate-sec .l-inner--l-fix-bs-per-r-stretch--b-nspace .wp-block-group__inner-container .c-media-text-content--horizontal-arrow .wp-block-group__inner-container .c-media-text-content__body {
    padding-right: calc(100 / 750 * 40 * 1vw);
    width: calc(100% - calc(100 / 750 * 40 * 1vw));
  }
}

body.livora-one #heading.sub-page.mv-heading.has-eyecatch .content-header h1 .c-heading-base__main, body.livora-one #heading.sub-page.mv-heading.has-eyecatch .content-header h1 .c-heading-base__sub {
  text-shadow: 0 0 1em rgb(0, 0, 0), 0 0 1em rgb(0, 0, 0), 0 0 1em rgb(0, 0, 0);
}
body.livora-one #main .container #our-brand-sec {
  margin-top: 120px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.livora-one #main .container #our-brand-sec {
    margin-top: calc(120 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.livora-one #main .container #our-brand-sec {
    margin-top: calc(calc(100 / 750 * 120 * 1vw) / 0.75);
  }
}

body.page-template-page-lp #main .container {
  /*
  ---------------------------------------------------------------
  コンセプト
  ---------------------------------------------------------------
  */
  /*
  ---------------------------------------------------------------
  静流
  ---------------------------------------------------------------
  */
  /*
  ---------------------------------------------------------------
  LINE UP
  ---------------------------------------------------------------
  */
}
body.page-template-page-lp #main .container #concept-sec {
  padding-bottom: 120px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.page-template-page-lp #main .container #concept-sec {
    padding-bottom: calc(120 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.page-template-page-lp #main .container #concept-sec {
    padding-bottom: calc(calc(100 / 750 * 120 * 1vw) / 0.75);
  }
}
body.page-template-page-lp #main .container #concept-sec:before {
  content: "";
  position: absolute;
  width: 100vw;
  height: calc(100% + 120px);
  background-image: url("/wp-content/themes/kodama-wamono/data/images/livora-one-moku/moku-concept-bg.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  top: -120px;
  left: calc((100vw - 73 * 1vw) / 2 * -1);
  z-index: -1;
}
body.page-template-page-lp #main .container #concept-sec .ark-block-columns .ark-block-columns__inner .ark-block-column.content {
  padding-top: 60px;
  padding-bottom: 180px;
  padding-right: 2em;
  position: relative;
  z-index: 12;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.page-template-page-lp #main .container #concept-sec .ark-block-columns .ark-block-columns__inner .ark-block-column.content {
    padding-top: calc(60 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.page-template-page-lp #main .container #concept-sec .ark-block-columns .ark-block-columns__inner .ark-block-column.content {
    padding-top: calc(calc(100 / 750 * 60 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.page-template-page-lp #main .container #concept-sec .ark-block-columns .ark-block-columns__inner .ark-block-column.content {
    padding-bottom: calc(180 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.page-template-page-lp #main .container #concept-sec .ark-block-columns .ark-block-columns__inner .ark-block-column.content {
    padding-bottom: calc(calc(100 / 750 * 180 * 1vw) / 0.75);
  }
}
body.page-template-page-lp #main .container #concept-sec .ark-block-columns .ark-block-columns__inner .ark-block-column.content p:nth-child(n+2) {
  margin-top: 20px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.page-template-page-lp #main .container #concept-sec .ark-block-columns .ark-block-columns__inner .ark-block-column.content p:nth-child(n+2) {
    margin-top: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.page-template-page-lp #main .container #concept-sec .ark-block-columns .ark-block-columns__inner .ark-block-column.content p:nth-child(n+2) {
    margin-top: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
body.page-template-page-lp #main .container #concept-sec .ark-block-columns .ark-block-columns__inner .ark-block-column.media {
  position: absolute;
  z-index: 10;
  left: 50%;
  top: 0;
  width: 50vw;
  height: 100%;
}
body.page-template-page-lp #main .container #concept-sec .ark-block-columns .ark-block-columns__inner .ark-block-column.media figure {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body.page-template-page-lp #main .container #concept-sec .ark-block-columns .ark-block-columns__inner .ark-block-column.media figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.page-template-page-lp #main .container #concept-sec:before {
    left: calc(calc(100 / 750 * 40 * 1vw) * -1);
  }
  body.page-template-page-lp #main .container #concept-sec .ark-block-columns .ark-block-columns__inner {
    flex-direction: column-reverse;
  }
  body.page-template-page-lp #main .container #concept-sec .ark-block-columns .ark-block-columns__inner .ark-block-column.content {
    padding-top: 5vw;
    padding-bottom: 5vw;
    width: 100%;
    padding-right: 0;
  }
  body.page-template-page-lp #main .container #concept-sec .ark-block-columns .ark-block-columns__inner .ark-block-column.media {
    background-color: red;
    position: relative;
    left: initial;
    top: initial;
    width: 100%;
    height: 100%;
  }
  body.page-template-page-lp #main .container #concept-sec .ark-block-columns .ark-block-columns__inner .ark-block-column.media figure {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
  body.page-template-page-lp #main .container #concept-sec .ark-block-columns .ark-block-columns__inner .ark-block-column.media figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
body.page-template-page-lp #main .container figure.product {
  position: relative;
  z-index: 14;
  width: 82%;
  display: block;
  margin-top: -90px;
  margin-left: auto;
  margin-right: auto;
}
body.page-template-page-lp #main .container figure.product.--medium {
  width: 50%;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.page-template-page-lp #main .container figure.product {
    margin-top: -10vw;
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.page-template-page-lp #main .container figure.product {
    margin-top: 0;
  }
}
body.page-template-page-lp #main .container #sizuru-sec {
  width: 100vw;
  height: calc(480 * 1px);
  margin-left: calc((100vw - 73 * 1vw) / 2 * -1);
  overflow: hidden;
  padding-bottom: 120px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.page-template-page-lp #main .container #sizuru-sec {
    padding-bottom: calc(120 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.page-template-page-lp #main .container #sizuru-sec {
    padding-bottom: calc(calc(100 / 750 * 120 * 1vw) / 0.75);
  }
}
body.page-template-page-lp #main .container #sizuru-sec figure {
  width: 100%;
  height: calc(480 * 1px);
}
body.page-template-page-lp #main .container #sizuru-sec img {
  height: 100%;
  object-fit: cover;
  object-position: center top;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.page-template-page-lp #main .container #sizuru-sec {
    height: calc(480 / 1162 * 100 * 1vw);
    margin-left: calc(calc(100 / 750 * 40 * 1vw) * -1);
  }
}
body.service #main .container #our-business-sec {
  margin-top: 120px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.service #main .container #our-business-sec {
    margin-top: calc(120 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.service #main .container #our-business-sec {
    margin-top: calc(calc(100 / 750 * 120 * 1vw) / 0.75);
  }
}
body.service #main .container #our-business-sec {
  margin-top: 120px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.service #main .container #our-business-sec {
    margin-top: calc(120 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.service #main .container #our-business-sec {
    margin-top: calc(calc(100 / 750 * 120 * 1vw) / 0.75);
  }
}
body.corporate #main .container #message-sec .message-wrap p {
  margin-top: 1em;
}
body.corporate #main .container #message-sec .message-wrap p.message-footer {
  margin-top: 40px;
  font-size: 14px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.corporate #main .container #message-sec .message-wrap p.message-footer {
    margin-top: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.corporate #main .container #message-sec .message-wrap p.message-footer {
    margin-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.corporate #main .container #message-sec .message-wrap p.message-footer {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
body.corporate #main .container #corporate-info-sec .corporate-info-wrap {
  margin-top: 120px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.corporate #main .container #corporate-info-sec .corporate-info-wrap {
    margin-top: calc(120 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.corporate #main .container #corporate-info-sec .corporate-info-wrap {
    margin-top: calc(calc(100 / 750 * 120 * 1vw) / 0.75);
  }
}
body.corporate #main .container #corporate-info-sec .corporate-info-wrap .map-wrap .ark-block-columns__inner {
  align-items: flex-start;
}
body.corporate #main .container #corporate-info-sec .corporate-info-wrap .map-wrap .ark-block-columns__inner .wp-block-heading {
  font-size: 18px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.corporate #main .container #corporate-info-sec .corporate-info-wrap .map-wrap .ark-block-columns__inner .wp-block-heading {
    font-size: calc(18 / 1162 * 1 * 100 * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.corporate #main .container #corporate-info-sec .corporate-info-wrap .map-wrap .ark-block-columns__inner .wp-block-heading {
    font-size: calc(100 / 750 * calc(32 * 1) * 1vw);
  }
}
body.corporate #main .container #corporate-info-sec .corporate-info-wrap .map-wrap .ark-block-columns__inner .media {
  height: 400px;
}
body.corporate #main .container #corporate-info-sec .corporate-info-wrap .map-wrap .ark-block-columns__inner .media .wp-block-group__inner-container {
  height: 100%;
}
body.corporate #main .container #corporate-info-sec .corporate-info-wrap .map-wrap .ark-block-columns__inner .content {
  font-size: 14px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.corporate #main .container #corporate-info-sec .corporate-info-wrap .map-wrap .ark-block-columns__inner .content {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
@media only screen and (max-width: 1100px) {
  body.corporate #main .container .corporate-info-wrap .map-wrap .ark-block-columns__inner {
    flex-direction: column;
  }
  body.corporate #main .container .corporate-info-wrap .map-wrap .ark-block-columns__inner .ark-block-column {
    width: 100%;
  }
  body.corporate #main .container .corporate-info-wrap .map-wrap .ark-block-columns__inner .ark-block-column .media {
    height: 80vw;
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.corporate #main .container .corporate-info-wrap .map-wrap .ark-block-columns__inner .media {
    height: 80vw;
  }
}

body.csr #main .container ul, body.csr #main .container ol {
  margin-left: 1em;
  padding-left: 1em;
}
body.csr #main .container ul {
  list-style-type: disc;
}
body.csr #main .container ol {
  list-style-type: decimal;
}
body.csr #main .container .environment-wrap {
  margin-top: 120px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.csr #main .container .environment-wrap {
    margin-top: calc(120 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.csr #main .container .environment-wrap {
    margin-top: calc(calc(100 / 750 * 120 * 1vw) / 0.75);
  }
}
body.csr #main .container .environment-wrap .ark-block-buttons .ark-block-button a.ark-block-button__link {
  min-width: initial;
}

body.recruit #main .container #contact-sec {
  margin-top: 80px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.recruit #main .container #contact-sec {
    margin-top: calc(80 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.recruit #main .container #contact-sec {
    margin-top: calc(calc(100 / 750 * 80 * 1vw) / 0.75);
  }
}
body.recruit #main .container a {
  color: #000000;
}

body.blog #main .c-media-text-content--horizontal, body.blog #main .c-media-text-content--horizontal-arrow, body.archive #main .c-media-text-content--horizontal, body.archive #main .c-media-text-content--horizontal-arrow, body.search #main .c-media-text-content--horizontal, body.search #main .c-media-text-content--horizontal-arrow {
  border-top: solid 1px #e1e1e1;
}
body.blog #main .c-media-text-content--horizontal .c-media-text-content__img, body.blog #main .c-media-text-content--horizontal-arrow .c-media-text-content__img, body.archive #main .c-media-text-content--horizontal .c-media-text-content__img, body.archive #main .c-media-text-content--horizontal-arrow .c-media-text-content__img, body.search #main .c-media-text-content--horizontal .c-media-text-content__img, body.search #main .c-media-text-content--horizontal-arrow .c-media-text-content__img {
  width: 160px;
  border-radius: 5px;
  overflow: hidden;
}
body.blog #main .c-media-text-content--horizontal .c-media-text-content__img a, body.blog #main .c-media-text-content--horizontal-arrow .c-media-text-content__img a, body.archive #main .c-media-text-content--horizontal .c-media-text-content__img a, body.archive #main .c-media-text-content--horizontal-arrow .c-media-text-content__img a, body.search #main .c-media-text-content--horizontal .c-media-text-content__img a, body.search #main .c-media-text-content--horizontal-arrow .c-media-text-content__img a {
  aspect-ratio: 3/2;
  display: block;
  width: 100%;
  height: 100%;
}
body.blog #main .c-media-text-content--horizontal .c-media-text-content__img figure, body.blog #main .c-media-text-content--horizontal-arrow .c-media-text-content__img figure, body.archive #main .c-media-text-content--horizontal .c-media-text-content__img figure, body.archive #main .c-media-text-content--horizontal-arrow .c-media-text-content__img figure, body.search #main .c-media-text-content--horizontal .c-media-text-content__img figure, body.search #main .c-media-text-content--horizontal-arrow .c-media-text-content__img figure {
  width: 100%;
  height: 100%;
}
body.blog #main .c-media-text-content--horizontal .c-media-text-content__img figure img, body.blog #main .c-media-text-content--horizontal-arrow .c-media-text-content__img figure img, body.archive #main .c-media-text-content--horizontal .c-media-text-content__img figure img, body.archive #main .c-media-text-content--horizontal-arrow .c-media-text-content__img figure img, body.search #main .c-media-text-content--horizontal .c-media-text-content__img figure img, body.search #main .c-media-text-content--horizontal-arrow .c-media-text-content__img figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.blog #main .c-media-text-content--horizontal .c-media-text-content__body, body.blog #main .c-media-text-content--horizontal-arrow .c-media-text-content__body, body.archive #main .c-media-text-content--horizontal .c-media-text-content__body, body.archive #main .c-media-text-content--horizontal-arrow .c-media-text-content__body, body.search #main .c-media-text-content--horizontal .c-media-text-content__body, body.search #main .c-media-text-content--horizontal-arrow .c-media-text-content__body {
  width: calc(100% - 160px - 2em);
}
body.blog #main .c-media-text-content--horizontal .c-media-text-content__body a, body.blog #main .c-media-text-content--horizontal-arrow .c-media-text-content__body a, body.archive #main .c-media-text-content--horizontal .c-media-text-content__body a, body.archive #main .c-media-text-content--horizontal-arrow .c-media-text-content__body a, body.search #main .c-media-text-content--horizontal .c-media-text-content__body a, body.search #main .c-media-text-content--horizontal-arrow .c-media-text-content__body a {
  text-decoration: none;
  color: #000000;
}
body.blog #main .c-media-text-content--horizontal .c-media-text-content__body a:hover, body.blog #main .c-media-text-content--horizontal-arrow .c-media-text-content__body a:hover, body.archive #main .c-media-text-content--horizontal .c-media-text-content__body a:hover, body.archive #main .c-media-text-content--horizontal-arrow .c-media-text-content__body a:hover, body.search #main .c-media-text-content--horizontal .c-media-text-content__body a:hover, body.search #main .c-media-text-content--horizontal-arrow .c-media-text-content__body a:hover {
  color: var(--sub-color);
}
body.blog #main .c-media-text-content--horizontal .c-media-text-content__body .post-meta .post-meta__date, body.blog #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .post-meta .post-meta__date, body.archive #main .c-media-text-content--horizontal .c-media-text-content__body .post-meta .post-meta__date, body.archive #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .post-meta .post-meta__date, body.search #main .c-media-text-content--horizontal .c-media-text-content__body .post-meta .post-meta__date, body.search #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .post-meta .post-meta__date {
  font-size: 16px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.blog #main .c-media-text-content--horizontal .c-media-text-content__body .post-meta .post-meta__date, body.blog #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .post-meta .post-meta__date, body.archive #main .c-media-text-content--horizontal .c-media-text-content__body .post-meta .post-meta__date, body.archive #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .post-meta .post-meta__date, body.search #main .c-media-text-content--horizontal .c-media-text-content__body .post-meta .post-meta__date, body.search #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .post-meta .post-meta__date {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
}
body.blog #main .c-media-text-content--horizontal .c-media-text-content__body .post-meta .post-meta__category a, body.blog #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .post-meta .post-meta__category a, body.archive #main .c-media-text-content--horizontal .c-media-text-content__body .post-meta .post-meta__category a, body.archive #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .post-meta .post-meta__category a, body.search #main .c-media-text-content--horizontal .c-media-text-content__body .post-meta .post-meta__category a, body.search #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .post-meta .post-meta__category a {
  color: white;
}
body.blog #main .c-media-text-content--horizontal .c-media-text-content__body .post-meta .post-meta__tag a, body.blog #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .post-meta .post-meta__tag a, body.archive #main .c-media-text-content--horizontal .c-media-text-content__body .post-meta .post-meta__tag a, body.archive #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .post-meta .post-meta__tag a, body.search #main .c-media-text-content--horizontal .c-media-text-content__body .post-meta .post-meta__tag a, body.search #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .post-meta .post-meta__tag a {
  color: #cccccc;
}
body.blog #main .c-media-text-content--horizontal .c-media-text-content__body .c-media-text-content__title, body.blog #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .c-media-text-content__title, body.archive #main .c-media-text-content--horizontal .c-media-text-content__body .c-media-text-content__title, body.archive #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .c-media-text-content__title, body.search #main .c-media-text-content--horizontal .c-media-text-content__body .c-media-text-content__title, body.search #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .c-media-text-content__title {
  font-size: 18px;
  line-height: 1.5;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.blog #main .c-media-text-content--horizontal .c-media-text-content__body .c-media-text-content__title, body.blog #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .c-media-text-content__title, body.archive #main .c-media-text-content--horizontal .c-media-text-content__body .c-media-text-content__title, body.archive #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .c-media-text-content__title, body.search #main .c-media-text-content--horizontal .c-media-text-content__body .c-media-text-content__title, body.search #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .c-media-text-content__title {
    font-size: calc(100 / 750 * calc(32 * 1) * 1vw);
  }
}
body.blog #main .c-media-text-content--horizontal .c-media-text-content__body p, body.blog #main .c-media-text-content--horizontal-arrow .c-media-text-content__body p, body.archive #main .c-media-text-content--horizontal .c-media-text-content__body p, body.archive #main .c-media-text-content--horizontal-arrow .c-media-text-content__body p, body.search #main .c-media-text-content--horizontal .c-media-text-content__body p, body.search #main .c-media-text-content--horizontal-arrow .c-media-text-content__body p {
  font-size: 14px;
  line-height: 1.5em;
  font-weight: 400;
  color: #666666;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.blog #main .c-media-text-content--horizontal .c-media-text-content__body p, body.blog #main .c-media-text-content--horizontal-arrow .c-media-text-content__body p, body.archive #main .c-media-text-content--horizontal .c-media-text-content__body p, body.archive #main .c-media-text-content--horizontal-arrow .c-media-text-content__body p, body.search #main .c-media-text-content--horizontal .c-media-text-content__body p, body.search #main .c-media-text-content--horizontal-arrow .c-media-text-content__body p {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
body.blog #main .c-media-text-content--horizontal .c-media-text-content__body .post-meta__category a, body.blog #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .post-meta__category a, body.archive #main .c-media-text-content--horizontal .c-media-text-content__body .post-meta__category a, body.archive #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .post-meta__category a, body.search #main .c-media-text-content--horizontal .c-media-text-content__body .post-meta__category a, body.search #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .post-meta__category a {
  color: white;
}
body.blog #main .c-media-text-content--horizontal .c-media-text-content__body .c-media-text-content__title, body.blog #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .c-media-text-content__title, body.archive #main .c-media-text-content--horizontal .c-media-text-content__body .c-media-text-content__title, body.archive #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .c-media-text-content__title, body.search #main .c-media-text-content--horizontal .c-media-text-content__body .c-media-text-content__title, body.search #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .c-media-text-content__title {
  font-size: 18px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.blog #main .c-media-text-content--horizontal .c-media-text-content__body .c-media-text-content__title, body.blog #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .c-media-text-content__title, body.archive #main .c-media-text-content--horizontal .c-media-text-content__body .c-media-text-content__title, body.archive #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .c-media-text-content__title, body.search #main .c-media-text-content--horizontal .c-media-text-content__body .c-media-text-content__title, body.search #main .c-media-text-content--horizontal-arrow .c-media-text-content__body .c-media-text-content__title {
    font-size: calc(100 / 750 * calc(32 * 1) * 1vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.blog #main .c-media-text-content--horizontal .c-media-text-content__img, body.blog #main .c-media-text-content--horizontal-arrow .c-media-text-content__img,
  body.blog #main .c-media-text-content--horizontal .c-media-text-content__body,
  body.blog #main .c-media-text-content--horizontal-arrow .c-media-text-content__body, body.archive #main .c-media-text-content--horizontal .c-media-text-content__img, body.archive #main .c-media-text-content--horizontal-arrow .c-media-text-content__img,
  body.archive #main .c-media-text-content--horizontal .c-media-text-content__body,
  body.archive #main .c-media-text-content--horizontal-arrow .c-media-text-content__body, body.search #main .c-media-text-content--horizontal .c-media-text-content__img, body.search #main .c-media-text-content--horizontal-arrow .c-media-text-content__img,
  body.search #main .c-media-text-content--horizontal .c-media-text-content__body,
  body.search #main .c-media-text-content--horizontal-arrow .c-media-text-content__body {
    width: 100%;
  }
}

body.privacy-policy #main .container p,
body.privacy-policy-contact #main .container p {
  font-size: 16px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.privacy-policy #main .container p,
  body.privacy-policy-contact #main .container p {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
}
body.privacy-policy #main .container a,
body.privacy-policy-contact #main .container a {
  color: #000000;
}
body.privacy-policy #main .container .logo,
body.privacy-policy-contact #main .container .logo {
  width: 10em;
  display: block;
  margin: 4em auto 0;
}
body.privacy-policy #main .container ol, body.privacy-policy #main .container ul,
body.privacy-policy-contact #main .container ol,
body.privacy-policy-contact #main .container ul {
  padding-left: 2em;
}
body.contact {
  /* -----------------------------------------------------------------
  共通　レイアウト
  -----------------------------------------------------------------
  ・Grid
  -----------------------------------------------------------------*/
  /* -----------------------------------------------------------------
      テーブル
  -----------------------------------------------------------------
  ・Grid-table
  -----------------------------------------------------------------*/
  /* -----------------------------------------------------------------
  FORM
  -----------------------------------------------------------------*/
  /* ======================================================================
  // CONTACT PAGE
  ====================================================================== */
}
body.contact #contact-phone-sec .contact-phone {
  margin-top: 40px;
  margin-bottom: 120px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.contact #contact-phone-sec .contact-phone {
    margin-top: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact #contact-phone-sec .contact-phone {
    margin-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.contact #contact-phone-sec .contact-phone {
    margin-bottom: calc(120 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact #contact-phone-sec .contact-phone {
    margin-bottom: calc(calc(100 / 750 * 120 * 1vw) / 0.75);
  }
}
body.contact #contact-phone-sec .contact-phone > .wp-block-group__inner-container {
  gap: 3em;
}
body.contact #contact-phone-sec .contact-phone > .wp-block-group__inner-container .wp-block-heading {
  margin: 0;
}
body.contact #contact-phone-sec .contact-phone > .wp-block-group__inner-container > .wp-block-group > .wp-block-group__inner-container {
  gap: 1rem;
}
body.contact #contact-phone-sec .contact-phone > .wp-block-group__inner-container > .wp-block-group > .wp-block-group__inner-container a {
  text-decoration: none;
  color: #000000;
  font-size: 36px;
  pointer-events: none; /* クリックイベントを無効にする */
  cursor: default; /* マウスカーソルをデフォルトにする */
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact #contact-phone-sec .contact-phone > .wp-block-group__inner-container > .wp-block-group > .wp-block-group__inner-container a {
    font-size: calc(100 / 750 * calc(50 * 1) * 1vw);
  }
}
body.contact #contact-phone-sec .contact-phone > .wp-block-group__inner-container > .wp-block-group > .wp-block-group__inner-container p {
  font-size: 14px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact #contact-phone-sec .contact-phone > .wp-block-group__inner-container > .wp-block-group > .wp-block-group__inner-container p {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.contact #contact-phone-sec .contact-phone > .wp-block-group__inner-container {
    gap: 1em;
    flex-direction: column;
  }
}
@media only screen and (max-width: 1190px) {
  body.contact #contact-phone-sec .contact-phone > .wp-block-group__inner-container {
    gap: 1em;
    flex-direction: column;
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact #contact-phone-sec .contact-phone {
    padding: calc(calc(100 / 750 * 40 * 1vw) * 2) calc(100 / 750 * 40 * 1vw);
  }
  body.contact #contact-phone-sec .contact-phone > .wp-block-group__inner-container > .wp-block-group > .wp-block-group__inner-container {
    flex-direction: column;
    gap: 0;
  }
  body.contact #contact-phone-sec .contact-phone > .wp-block-group__inner-container > .wp-block-group > .wp-block-group__inner-container a {
    pointer-events: auto; /* クリックイベントを有効にする */
    cursor: pointer; /* マウスカーソルをポインターにする */
    border: 1px solid #222222;
    padding: 0.25em 2em;
  }
}
body.contact .grid {
  box-sizing: border-box;
  display: flex;
  margin-left: -1.58%;
  margin-right: -1.58%;
}
body.contact .grid > .grid__col-1 {
  box-sizing: border-box;
  flex: 0 0 5.1733333333%;
  margin-left: 1.58%;
  margin-right: 1.58%;
  margin-bottom: 3.16%;
}
body.contact .grid > .grid__col-2 {
  box-sizing: border-box;
  flex: 0 0 13.5066666667%;
  margin-left: 1.58%;
  margin-right: 1.58%;
  margin-bottom: 3.16%;
}
body.contact .grid > .grid__col-3 {
  box-sizing: border-box;
  flex: 0 0 21.84%;
  margin-left: 1.58%;
  margin-right: 1.58%;
  margin-bottom: 3.16%;
}
body.contact .grid > .grid__col-4 {
  box-sizing: border-box;
  flex: 0 0 30.1733333333%;
  margin-left: 1.58%;
  margin-right: 1.58%;
  margin-bottom: 3.16%;
}
body.contact .grid > .grid__col-5 {
  box-sizing: border-box;
  flex: 0 0 38.5066666667%;
  margin-left: 1.58%;
  margin-right: 1.58%;
  margin-bottom: 3.16%;
}
body.contact .grid > .grid__col-6 {
  box-sizing: border-box;
  flex: 0 0 46.84%;
  margin-left: 1.58%;
  margin-right: 1.58%;
  margin-bottom: 3.16%;
}
body.contact .grid > .grid__col-7 {
  box-sizing: border-box;
  flex: 0 0 55.1733333333%;
  margin-left: 1.58%;
  margin-right: 1.58%;
  margin-bottom: 3.16%;
}
body.contact .grid > .grid__col-8 {
  box-sizing: border-box;
  flex: 0 0 63.5066666667%;
  margin-left: 1.58%;
  margin-right: 1.58%;
  margin-bottom: 3.16%;
}
body.contact .grid > .grid__col-9 {
  box-sizing: border-box;
  flex: 0 0 71.84%;
  margin-left: 1.58%;
  margin-right: 1.58%;
  margin-bottom: 3.16%;
}
body.contact .grid > .grid__col-10 {
  box-sizing: border-box;
  flex: 0 0 80.1733333333%;
  margin-left: 1.58%;
  margin-right: 1.58%;
  margin-bottom: 3.16%;
}
body.contact .grid > .grid__col-11 {
  box-sizing: border-box;
  flex: 0 0 88.5066666667%;
  margin-left: 1.58%;
  margin-right: 1.58%;
  margin-bottom: 3.16%;
}
body.contact .grid > .grid__col-12 {
  box-sizing: border-box;
  flex: 0 0 96.84%;
  margin-left: 1.58%;
  margin-right: 1.58%;
  margin-bottom: 3.16%;
}
body.contact .grid > div {
  display: flex;
  align-items: center;
}
body.contact .grid-table .grid {
  border-top: solid 1px #e1e1e1;
}
body.contact .grid-table .grid:last-child {
  border-bottom: solid 1px #e1e1e1;
}
body.contact .grid-table .grid > div {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.contact .grid-table .grid > div {
    padding-top: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact .grid-table .grid > div {
    padding-top: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.contact .grid-table .grid > div {
    padding-bottom: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact .grid-table .grid > div {
    padding-bottom: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact .grid-table .grid > div:nth-child(2n+1) {
    padding-top: 40px;
    padding-bottom: 10px;
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.contact .grid-table .grid > div:nth-child(2n+1) {
    padding-top: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc(767 * 1px)) {
  body.contact .grid-table .grid > div:nth-child(2n+1) {
    padding-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.contact .grid-table .grid > div:nth-child(2n+1) {
    padding-bottom: calc(10 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc(767 * 1px)) {
  body.contact .grid-table .grid > div:nth-child(2n+1) {
    padding-bottom: calc(calc(100 / 750 * 10 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact .grid-table .grid > div:nth-child(2n) {
    padding-top: 10px;
    padding-bottom: 40px;
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.contact .grid-table .grid > div:nth-child(2n) {
    padding-top: calc(10 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc(767 * 1px)) {
  body.contact .grid-table .grid > div:nth-child(2n) {
    padding-top: calc(calc(100 / 750 * 10 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.contact .grid-table .grid > div:nth-child(2n) {
    padding-bottom: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) and (max-width: calc(767 * 1px)) {
  body.contact .grid-table .grid > div:nth-child(2n) {
    padding-bottom: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
body.contact .grid-table .grid .ttl {
  height: 100%;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact .grid-table .grid .ttl {
    font-weight: bold;
  }
}
body.contact input[type=text],
body.contact input[type=tel],
body.contact input[type=url],
body.contact input[type=email],
body.contact input[type=search],
body.contact input[type=password],
body.contact input[type=date],
body.contact textarea {
  padding: 0.75em;
  border-radius: 5px;
  border: 1px solid #beccd3;
  box-sizing: border-box;
}
body.contact input[name="tel[data][0]"], body.contact input[name="tel[data][1]"], body.contact input[name="tel[data][2]"],
body.contact input[name="zip[data][0]"], body.contact input[name="zip[data][1]"] {
  width: 6em;
}
body.contact input[type=checkbox] {
  margin: 0 6px 0 0;
}
body.contact .wpcf7-radio.type .wpcf7-list-item label .wpcf7-list-item-label {
  font-size: 16px;
  line-height: 1.25;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact .wpcf7-radio.type .wpcf7-list-item label .wpcf7-list-item-label {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
}
body.contact .wpcf7-radio.monthly_budget,
body.contact .wpcf7-radio.status_investigation,
body.contact .pp_confirm {
  /*クリックした時のアニメーション*/
}
body.contact .wpcf7-radio.monthly_budget input,
body.contact .wpcf7-radio.status_investigation input,
body.contact .pp_confirm input {
  font-size: 16px;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact .wpcf7-radio.monthly_budget input,
  body.contact .wpcf7-radio.status_investigation input,
  body.contact .pp_confirm input {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
}
body.contact .wpcf7-radio.monthly_budget label,
body.contact .wpcf7-radio.status_investigation label,
body.contact .pp_confirm label {
  display: flex;
  align-items: center;
  margin-bottom: 0.5em;
  font-size: 16px;
}
body.contact .wpcf7-radio.monthly_budget label:hover,
body.contact .wpcf7-radio.status_investigation label:hover,
body.contact .pp_confirm label:hover {
  cursor: pointer;
  color: var(--main-color);
}
body.contact .wpcf7-radio.monthly_budget label:hover input[type=radio],
body.contact .wpcf7-radio.monthly_budget label:hover input[type=checkbox],
body.contact .wpcf7-radio.status_investigation label:hover input[type=radio],
body.contact .wpcf7-radio.status_investigation label:hover input[type=checkbox],
body.contact .pp_confirm label:hover input[type=radio],
body.contact .pp_confirm label:hover input[type=checkbox] {
  background: #cccccc;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact .wpcf7-radio.monthly_budget label,
  body.contact .wpcf7-radio.status_investigation label,
  body.contact .pp_confirm label {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
}
body.contact .wpcf7-radio.monthly_budget label input[type=radio],
body.contact .wpcf7-radio.monthly_budget label input[type=checkbox],
body.contact .wpcf7-radio.status_investigation label input[type=radio],
body.contact .wpcf7-radio.status_investigation label input[type=checkbox],
body.contact .pp_confirm label input[type=radio],
body.contact .pp_confirm label input[type=checkbox] {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2em;
  height: 2em;
  background: #cbd2d7;
  cursor: pointer;
  transition: all 0.3s ease-out;
  margin-right: 0.5em;
  /*デフォルト値を無効に*/
  border: none;
  outline: none;
  appearance: none;
  border-radius: 50%;
}
body.contact .wpcf7-radio.monthly_budget label input[type=radio]:checked,
body.contact .wpcf7-radio.monthly_budget label input[type=checkbox]:checked,
body.contact .wpcf7-radio.status_investigation label input[type=radio]:checked,
body.contact .wpcf7-radio.status_investigation label input[type=checkbox]:checked,
body.contact .pp_confirm label input[type=radio]:checked,
body.contact .pp_confirm label input[type=checkbox]:checked {
  width: 2em;
  height: 2em;
  background: var(--main-color);
}
body.contact .wpcf7-radio.monthly_budget label input[type=radio]:checked + .wpcf7-list-item-label,
body.contact .wpcf7-radio.monthly_budget label input[type=checkbox]:checked + .wpcf7-list-item-label,
body.contact .wpcf7-radio.status_investigation label input[type=radio]:checked + .wpcf7-list-item-label,
body.contact .wpcf7-radio.status_investigation label input[type=checkbox]:checked + .wpcf7-list-item-label,
body.contact .pp_confirm label input[type=radio]:checked + .wpcf7-list-item-label,
body.contact .pp_confirm label input[type=checkbox]:checked + .wpcf7-list-item-label {
  color: var(--main-color);
}
body.contact .wpcf7-radio.monthly_budget label input[type=radio]:checked:before,
body.contact .wpcf7-radio.monthly_budget label input[type=checkbox]:checked:before,
body.contact .wpcf7-radio.status_investigation label input[type=radio]:checked:before,
body.contact .wpcf7-radio.status_investigation label input[type=checkbox]:checked:before,
body.contact .pp_confirm label input[type=radio]:checked:before,
body.contact .pp_confirm label input[type=checkbox]:checked:before {
  content: "";
  position: absolute;
  width: 60%;
  height: 60%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url("/wp-content/themes/kodama-wamono/data/images/common/_svg/_icon/icon_chck_white.svg");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}
body.contact .wpcf7-radio.monthly_budget label input[type=radio]:checked:after,
body.contact .wpcf7-radio.monthly_budget label input[type=checkbox]:checked:after,
body.contact .wpcf7-radio.status_investigation label input[type=radio]:checked:after,
body.contact .wpcf7-radio.status_investigation label input[type=checkbox]:checked:after,
body.contact .pp_confirm label input[type=radio]:checked:after,
body.contact .pp_confirm label input[type=checkbox]:checked:after {
  position: absolute;
  content: "";
  background: var(--main-color);
  animation: click-wave 0.8s ease;
}
body.contact .wpcf7-radio.monthly_budget label input[type=radio]:after,
body.contact .wpcf7-radio.monthly_budget label input[type=checkbox]:after,
body.contact .wpcf7-radio.status_investigation label input[type=radio]:after,
body.contact .wpcf7-radio.status_investigation label input[type=checkbox]:after,
body.contact .pp_confirm label input[type=radio]:after,
body.contact .pp_confirm label input[type=checkbox]:after {
  border-radius: 50%;
}
body.contact .wpcf7-radio.monthly_budget label input[type=radio]:disabled,
body.contact .wpcf7-radio.monthly_budget label input[type=checkbox]:disabled,
body.contact .wpcf7-radio.status_investigation label input[type=radio]:disabled,
body.contact .wpcf7-radio.status_investigation label input[type=checkbox]:disabled,
body.contact .pp_confirm label input[type=radio]:disabled,
body.contact .pp_confirm label input[type=checkbox]:disabled {
  cursor: not-allowed;
  background: #b8b7b7;
}
body.contact .wpcf7-radio.monthly_budget label input[type=radio]:disabled:before,
body.contact .wpcf7-radio.monthly_budget label input[type=checkbox]:disabled:before,
body.contact .wpcf7-radio.status_investigation label input[type=radio]:disabled:before,
body.contact .wpcf7-radio.status_investigation label input[type=checkbox]:disabled:before,
body.contact .pp_confirm label input[type=radio]:disabled:before,
body.contact .pp_confirm label input[type=checkbox]:disabled:before {
  position: absolute;
  content: "-";
}
body.contact .wpcf7-radio.monthly_budget label .disabled,
body.contact .wpcf7-radio.status_investigation label .disabled,
body.contact .pp_confirm label .disabled {
  color: #9e9e9e;
}
@keyframes click-wave {
  0% {
    width: 2em;
    height: 2em;
    opacity: 0.35;
  }
  100% {
    transform: scale(8);
    opacity: 0;
  }
}
body.contact .c-basic-btn_form-wrap.--ol {
  margin-top: 30px;
  border: 1px solid var(--main-color);
  border-radius: 1000px;
  overflow: hidden;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.contact .c-basic-btn_form-wrap.--ol {
    margin-top: calc(30 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact .c-basic-btn_form-wrap.--ol {
    margin-top: calc(calc(100 / 750 * 30 * 1vw) / 0.75);
  }
}
body.contact .c-basic-btn_form-wrap.--ol:hover {
  cursor: pointer !important;
}
body.contact .c-basic-btn_form-wrap.--ol:hover:after {
  color: var(--main-color);
}
body.contact .c-basic-btn_form-wrap.--ol .c-basic-btn_form-wrap__formtag--ol {
  background-color: white;
  border: none;
  position: relative;
  display: block;
  width: 100%;
  padding-top: 1.2em;
  padding-bottom: 1.2em;
  padding-left: 2em;
  padding-right: 3em;
}
body.contact .error {
  color: red;
}
body.contact .error.--wrap {
  padding: 0.3em 1em;
  background-color: #fff1f1;
  border-radius: 5px;
  text-align: center;
  width: 100%;
  display: block;
  box-sizing: border-box;
}
body.contact.contact.contact .contact-step__item:first-child, body.contact.contact.contact-error .contact-step__item:first-child, body.contact.contact-test.contact .contact-step__item:first-child, body.contact.contact-test.contact-error .contact-step__item:first-child, body.contact.contact-confirm.contact .contact-step__item:first-child, body.contact.contact-confirm.contact-error .contact-step__item:first-child, body.contact.contact-thanks.contact .contact-step__item:first-child, body.contact.contact-thanks.contact-error .contact-step__item:first-child, body.contact.contact-error.contact .contact-step__item:first-child, body.contact.contact-error.contact-error .contact-step__item:first-child, body.contact.book-now.contact .contact-step__item:first-child, body.contact.book-now.contact-error .contact-step__item:first-child {
  color: #000000;
}
body.contact.contact.contact .contact-step__item:first-child .num, body.contact.contact.contact-error .contact-step__item:first-child .num, body.contact.contact-test.contact .contact-step__item:first-child .num, body.contact.contact-test.contact-error .contact-step__item:first-child .num, body.contact.contact-confirm.contact .contact-step__item:first-child .num, body.contact.contact-confirm.contact-error .contact-step__item:first-child .num, body.contact.contact-thanks.contact .contact-step__item:first-child .num, body.contact.contact-thanks.contact-error .contact-step__item:first-child .num, body.contact.contact-error.contact .contact-step__item:first-child .num, body.contact.contact-error.contact-error .contact-step__item:first-child .num, body.contact.book-now.contact .contact-step__item:first-child .num, body.contact.book-now.contact-error .contact-step__item:first-child .num {
  color: var(--main-color);
  border-color: var(--main-color);
}
body.contact.contact.contact-confirm .contact-step__item:nth-child(2), body.contact.contact-test.contact-confirm .contact-step__item:nth-child(2), body.contact.contact-confirm.contact-confirm .contact-step__item:nth-child(2), body.contact.contact-thanks.contact-confirm .contact-step__item:nth-child(2), body.contact.contact-error.contact-confirm .contact-step__item:nth-child(2), body.contact.book-now.contact-confirm .contact-step__item:nth-child(2) {
  color: #000000;
}
body.contact.contact.contact-confirm .contact-step__item:nth-child(2) .num, body.contact.contact-test.contact-confirm .contact-step__item:nth-child(2) .num, body.contact.contact-confirm.contact-confirm .contact-step__item:nth-child(2) .num, body.contact.contact-thanks.contact-confirm .contact-step__item:nth-child(2) .num, body.contact.contact-error.contact-confirm .contact-step__item:nth-child(2) .num, body.contact.book-now.contact-confirm .contact-step__item:nth-child(2) .num {
  color: var(--main-color);
  border-color: var(--main-color);
}
body.contact.contact.contact-finish .contact-step__item:nth-child(3), body.contact.contact-test.contact-finish .contact-step__item:nth-child(3), body.contact.contact-confirm.contact-finish .contact-step__item:nth-child(3), body.contact.contact-thanks.contact-finish .contact-step__item:nth-child(3), body.contact.contact-error.contact-finish .contact-step__item:nth-child(3), body.contact.book-now.contact-finish .contact-step__item:nth-child(3) {
  color: #000000;
}
body.contact.contact.contact-finish .contact-step__item:nth-child(3) .num, body.contact.contact-test.contact-finish .contact-step__item:nth-child(3) .num, body.contact.contact-confirm.contact-finish .contact-step__item:nth-child(3) .num, body.contact.contact-thanks.contact-finish .contact-step__item:nth-child(3) .num, body.contact.contact-error.contact-finish .contact-step__item:nth-child(3) .num, body.contact.book-now.contact-finish .contact-step__item:nth-child(3) .num {
  color: var(--main-color);
  border-color: var(--main-color);
}
body.contact.contact .read, body.contact.contact-test .read, body.contact.contact-confirm .read, body.contact.contact-thanks .read, body.contact.contact-error .read, body.contact.book-now .read {
  margin-bottom: 60px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.contact.contact .read, body.contact.contact-test .read, body.contact.contact-confirm .read, body.contact.contact-thanks .read, body.contact.contact-error .read, body.contact.book-now .read {
    margin-bottom: calc(60 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact.contact .read, body.contact.contact-test .read, body.contact.contact-confirm .read, body.contact.contact-thanks .read, body.contact.contact-error .read, body.contact.book-now .read {
    margin-bottom: calc(calc(100 / 750 * 60 * 1vw) / 0.75);
  }
}
body.contact.contact .content-td p, body.contact.contact-test .content-td p, body.contact.contact-confirm .content-td p, body.contact.contact-thanks .content-td p, body.contact.contact-error .content-td p, body.contact.book-now .content-td p {
  width: 100%;
}
body.contact.contact .wpcf7-form-control-wrap:not([data-name=date_cal_start]):not([data-name=date_cal_end]), body.contact.contact-test .wpcf7-form-control-wrap:not([data-name=date_cal_start]):not([data-name=date_cal_end]), body.contact.contact-confirm .wpcf7-form-control-wrap:not([data-name=date_cal_start]):not([data-name=date_cal_end]), body.contact.contact-thanks .wpcf7-form-control-wrap:not([data-name=date_cal_start]):not([data-name=date_cal_end]), body.contact.contact-error .wpcf7-form-control-wrap:not([data-name=date_cal_start]):not([data-name=date_cal_end]), body.contact.book-now .wpcf7-form-control-wrap:not([data-name=date_cal_start]):not([data-name=date_cal_end]) {
  width: 100%;
}
body.contact.contact .wpcf7-form-control-wrap input[type=text],
body.contact.contact .wpcf7-form-control-wrap input[type=email],
body.contact.contact .wpcf7-form-control-wrap textarea, body.contact.contact-test .wpcf7-form-control-wrap input[type=text],
body.contact.contact-test .wpcf7-form-control-wrap input[type=email],
body.contact.contact-test .wpcf7-form-control-wrap textarea, body.contact.contact-confirm .wpcf7-form-control-wrap input[type=text],
body.contact.contact-confirm .wpcf7-form-control-wrap input[type=email],
body.contact.contact-confirm .wpcf7-form-control-wrap textarea, body.contact.contact-thanks .wpcf7-form-control-wrap input[type=text],
body.contact.contact-thanks .wpcf7-form-control-wrap input[type=email],
body.contact.contact-thanks .wpcf7-form-control-wrap textarea, body.contact.contact-error .wpcf7-form-control-wrap input[type=text],
body.contact.contact-error .wpcf7-form-control-wrap input[type=email],
body.contact.contact-error .wpcf7-form-control-wrap textarea, body.contact.book-now .wpcf7-form-control-wrap input[type=text],
body.contact.book-now .wpcf7-form-control-wrap input[type=email],
body.contact.book-now .wpcf7-form-control-wrap textarea {
  box-sizing: border-box;
  width: 100%;
}
body.contact.contact .wpcf7-form-control-wrap input[name=tel], body.contact.contact-test .wpcf7-form-control-wrap input[name=tel], body.contact.contact-confirm .wpcf7-form-control-wrap input[name=tel], body.contact.contact-thanks .wpcf7-form-control-wrap input[name=tel], body.contact.contact-error .wpcf7-form-control-wrap input[name=tel], body.contact.book-now .wpcf7-form-control-wrap input[name=tel] {
  width: 12em;
}
body.contact.contact .grid-table .grid, body.contact.contact-test .grid-table .grid, body.contact.contact-confirm .grid-table .grid, body.contact.contact-thanks .grid-table .grid, body.contact.contact-error .grid-table .grid, body.contact.book-now .grid-table .grid {
  border-top: none;
  border-top: solid 1px #e1e1e1;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.contact.contact .grid-table .grid, body.contact.contact-test .grid-table .grid, body.contact.contact-confirm .grid-table .grid, body.contact.contact-thanks .grid-table .grid, body.contact.contact-error .grid-table .grid, body.contact.book-now .grid-table .grid {
    padding-top: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact.contact .grid-table .grid, body.contact.contact-test .grid-table .grid, body.contact.contact-confirm .grid-table .grid, body.contact.contact-thanks .grid-table .grid, body.contact.contact-error .grid-table .grid, body.contact.book-now .grid-table .grid {
    padding-top: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.contact.contact .grid-table .grid, body.contact.contact-test .grid-table .grid, body.contact.contact-confirm .grid-table .grid, body.contact.contact-thanks .grid-table .grid, body.contact.contact-error .grid-table .grid, body.contact.book-now .grid-table .grid {
    padding-bottom: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact.contact .grid-table .grid, body.contact.contact-test .grid-table .grid, body.contact.contact-confirm .grid-table .grid, body.contact.contact-thanks .grid-table .grid, body.contact.contact-error .grid-table .grid, body.contact.book-now .grid-table .grid {
    padding-bottom: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
body.contact.contact .grid-table .grid:last-child > div, body.contact.contact-test .grid-table .grid:last-child > div, body.contact.contact-confirm .grid-table .grid:last-child > div, body.contact.contact-thanks .grid-table .grid:last-child > div, body.contact.contact-error .grid-table .grid:last-child > div, body.contact.book-now .grid-table .grid:last-child > div {
  padding-bottom: 40px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.contact.contact .grid-table .grid:last-child > div, body.contact.contact-test .grid-table .grid:last-child > div, body.contact.contact-confirm .grid-table .grid:last-child > div, body.contact.contact-thanks .grid-table .grid:last-child > div, body.contact.contact-error .grid-table .grid:last-child > div, body.contact.book-now .grid-table .grid:last-child > div {
    padding-bottom: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact.contact .grid-table .grid:last-child > div, body.contact.contact-test .grid-table .grid:last-child > div, body.contact.contact-confirm .grid-table .grid:last-child > div, body.contact.contact-thanks .grid-table .grid:last-child > div, body.contact.contact-error .grid-table .grid:last-child > div, body.contact.book-now .grid-table .grid:last-child > div {
    padding-bottom: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: 980px) {
  body.contact.contact .grid-table .grid .ttl, body.contact.contact-test .grid-table .grid .ttl, body.contact.contact-confirm .grid-table .grid .ttl, body.contact.contact-thanks .grid-table .grid .ttl, body.contact.contact-error .grid-table .grid .ttl, body.contact.book-now .grid-table .grid .ttl {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact.contact .grid-table .grid .ttl, body.contact.contact-test .grid-table .grid .ttl, body.contact.contact-confirm .grid-table .grid .ttl, body.contact.contact-thanks .grid-table .grid .ttl, body.contact.contact-error .grid-table .grid .ttl, body.contact.book-now .grid-table .grid .ttl {
    flex-direction: row;
    align-items: center;
  }
}
body.contact.contact .required, body.contact.contact-test .required, body.contact.contact-confirm .required, body.contact.contact-thanks .required, body.contact.contact-error .required, body.contact.book-now .required {
  color: #ffffff;
  font-size: 12px;
  margin-left: 1em;
  background-color: red;
  border-radius: 10%;
  padding: 0 0.4em;
  box-sizing: border-box;
  width: 4em;
  text-align: center;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact.contact .required, body.contact.contact-test .required, body.contact.contact-confirm .required, body.contact.contact-thanks .required, body.contact.contact-error .required, body.contact.book-now .required {
    font-size: calc(100 / 750 * calc(20 * 1) * 1vw);
  }
}
@media only screen and (max-width: 980px) {
  body.contact.contact .required, body.contact.contact-test .required, body.contact.contact-confirm .required, body.contact.contact-thanks .required, body.contact.contact-error .required, body.contact.book-now .required {
    margin-left: 0;
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact.contact .required, body.contact.contact-test .required, body.contact.contact-confirm .required, body.contact.contact-thanks .required, body.contact.contact-error .required, body.contact.book-now .required {
    margin-left: 1em;
    flex-direction: row;
  }
}
body.contact.contact .content-td, body.contact.contact-test .content-td, body.contact.contact-confirm .content-td, body.contact.contact-thanks .content-td, body.contact.contact-error .content-td, body.contact.book-now .content-td {
  flex-wrap: wrap;
}
body.contact.contact .content-td span.to, body.contact.contact-test .content-td span.to, body.contact.contact-confirm .content-td span.to, body.contact.contact-thanks .content-td span.to, body.contact.contact-error .content-td span.to, body.contact.book-now .content-td span.to {
  padding-left: 1em;
  padding-right: 1em;
  padding: 1em;
  line-height: 1;
}
body.contact.contact .content-td p, body.contact.contact-test .content-td p, body.contact.contact-confirm .content-td p, body.contact.contact-thanks .content-td p, body.contact.contact-error .content-td p, body.contact.book-now .content-td p {
  display: flex;
}
body.contact.contact div.address-form-wrap, body.contact.contact-test div.address-form-wrap, body.contact.contact-confirm div.address-form-wrap, body.contact.contact-thanks div.address-form-wrap, body.contact.contact-error div.address-form-wrap, body.contact.book-now div.address-form-wrap {
  flex-direction: column;
  align-items: flex-start;
}
body.contact.contact .address, body.contact.contact-test .address, body.contact.contact-confirm .address, body.contact.contact-thanks .address, body.contact.contact-error .address, body.contact.book-now .address {
  margin-top: 20px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.contact.contact .address, body.contact.contact-test .address, body.contact.contact-confirm .address, body.contact.contact-thanks .address, body.contact.contact-error .address, body.contact.book-now .address {
    margin-top: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact.contact .address, body.contact.contact-test .address, body.contact.contact-confirm .address, body.contact.contact-thanks .address, body.contact.contact-error .address, body.contact.book-now .address {
    margin-top: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
body.contact.contact .mwform-radio-field label, body.contact.contact-test .mwform-radio-field label, body.contact.contact-confirm .mwform-radio-field label, body.contact.contact-thanks .mwform-radio-field label, body.contact.contact-error .mwform-radio-field label, body.contact.book-now .mwform-radio-field label {
  padding-top: 40px;
  padding-bottom: 20px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.contact.contact .mwform-radio-field label, body.contact.contact-test .mwform-radio-field label, body.contact.contact-confirm .mwform-radio-field label, body.contact.contact-thanks .mwform-radio-field label, body.contact.contact-error .mwform-radio-field label, body.contact.book-now .mwform-radio-field label {
    padding-top: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact.contact .mwform-radio-field label, body.contact.contact-test .mwform-radio-field label, body.contact.contact-confirm .mwform-radio-field label, body.contact.contact-thanks .mwform-radio-field label, body.contact.contact-error .mwform-radio-field label, body.contact.book-now .mwform-radio-field label {
    padding-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.contact.contact .mwform-radio-field label, body.contact.contact-test .mwform-radio-field label, body.contact.contact-confirm .mwform-radio-field label, body.contact.contact-thanks .mwform-radio-field label, body.contact.contact-error .mwform-radio-field label, body.contact.book-now .mwform-radio-field label {
    padding-bottom: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact.contact .mwform-radio-field label, body.contact.contact-test .mwform-radio-field label, body.contact.contact-confirm .mwform-radio-field label, body.contact.contact-thanks .mwform-radio-field label, body.contact.contact-error .mwform-radio-field label, body.contact.book-now .mwform-radio-field label {
    padding-bottom: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
body.contact.contact fieldset, body.contact.contact-test fieldset, body.contact.contact-confirm fieldset, body.contact.contact-thanks fieldset, body.contact.contact-error fieldset, body.contact.book-now fieldset {
  border: none;
  width: 100%;
  padding: 0;
  margin: 0;
}
body.contact.contact fieldset .wpcf7-form-control-wrap #contact-type, body.contact.contact-test fieldset .wpcf7-form-control-wrap #contact-type, body.contact.contact-confirm fieldset .wpcf7-form-control-wrap #contact-type, body.contact.contact-thanks fieldset .wpcf7-form-control-wrap #contact-type, body.contact.contact-error fieldset .wpcf7-form-control-wrap #contact-type, body.contact.book-now fieldset .wpcf7-form-control-wrap #contact-type {
  text-align: center;
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  gap: 2em;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.contact.contact fieldset .wpcf7-form-control-wrap #contact-type, body.contact.contact-test fieldset .wpcf7-form-control-wrap #contact-type, body.contact.contact-confirm fieldset .wpcf7-form-control-wrap #contact-type, body.contact.contact-thanks fieldset .wpcf7-form-control-wrap #contact-type, body.contact.contact-error fieldset .wpcf7-form-control-wrap #contact-type, body.contact.book-now fieldset .wpcf7-form-control-wrap #contact-type {
    flex-wrap: wrap;
  }
}
body.contact.contact fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item, body.contact.contact-test fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item, body.contact.contact-confirm fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item, body.contact.contact-thanks fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item, body.contact.contact-error fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item, body.contact.book-now fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item {
  display: block;
  position: relative;
  width: calc((100% - 2em * (4 - 1)) / 4);
  margin-left: 0;
}
body.contact.contact fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label, body.contact.contact-test fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label, body.contact.contact-confirm fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label, body.contact.contact-thanks fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label, body.contact.contact-error fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label, body.contact.book-now fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label {
  display: inline-block;
  padding: 3rem 1rem 1rem;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  font-size: 14px;
  border-radius: 5px;
  position: relative;
  border: 2px solid #e1e1e1;
  transition: 0.3s ease;
}
body.contact.contact fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label.has-type-icon .type-icon, body.contact.contact-test fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label.has-type-icon .type-icon, body.contact.contact-confirm fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label.has-type-icon .type-icon, body.contact.contact-thanks fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label.has-type-icon .type-icon, body.contact.contact-error fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label.has-type-icon .type-icon, body.contact.book-now fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label.has-type-icon .type-icon {
  width: 30%;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 20px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.contact.contact fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label.has-type-icon .type-icon, body.contact.contact-test fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label.has-type-icon .type-icon, body.contact.contact-confirm fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label.has-type-icon .type-icon, body.contact.contact-thanks fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label.has-type-icon .type-icon, body.contact.contact-error fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label.has-type-icon .type-icon, body.contact.book-now fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label.has-type-icon .type-icon {
    padding-bottom: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact.contact fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label.has-type-icon .type-icon, body.contact.contact-test fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label.has-type-icon .type-icon, body.contact.contact-confirm fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label.has-type-icon .type-icon, body.contact.contact-thanks fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label.has-type-icon .type-icon, body.contact.contact-error fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label.has-type-icon .type-icon, body.contact.book-now fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label.has-type-icon .type-icon {
    padding-bottom: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact.contact fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label, body.contact.contact-test fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label, body.contact.contact-confirm fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label, body.contact.contact-thanks fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label, body.contact.contact-error fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label, body.contact.book-now fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label {
    font-size: calc(100 / 750 * calc(24 * 1) * 1vw);
  }
}
body.contact.contact fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label input, body.contact.contact-test fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label input, body.contact.contact-confirm fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label input, body.contact.contact-thanks fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label input, body.contact.contact-error fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label input, body.contact.book-now fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label input {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
}
body.contact.contact fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label:hover, body.contact.contact-test fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label:hover, body.contact.contact-confirm fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label:hover, body.contact.contact-thanks fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label:hover, body.contact.contact-error fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label:hover, body.contact.book-now fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label:hover {
  cursor: pointer;
  border: 2px solid var(--main-color);
}
body.contact.contact fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label.js-type-radio-current, body.contact.contact-test fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label.js-type-radio-current, body.contact.contact-confirm fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label.js-type-radio-current, body.contact.contact-thanks fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label.js-type-radio-current, body.contact.contact-error fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label.js-type-radio-current, body.contact.book-now fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label.js-type-radio-current {
  border: 2px solid var(--main-color);
}
body.contact.contact fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label:not(.has-type-icon).js-type-radio-current, body.contact.contact-test fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label:not(.has-type-icon).js-type-radio-current, body.contact.contact-confirm fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label:not(.has-type-icon).js-type-radio-current, body.contact.contact-thanks fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label:not(.has-type-icon).js-type-radio-current, body.contact.contact-error fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label:not(.has-type-icon).js-type-radio-current, body.contact.book-now fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label:not(.has-type-icon).js-type-radio-current {
  position: relative;
}
body.contact.contact fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label:not(.has-type-icon).js-type-radio-current::after, body.contact.contact-test fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label:not(.has-type-icon).js-type-radio-current::after, body.contact.contact-confirm fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label:not(.has-type-icon).js-type-radio-current::after, body.contact.contact-thanks fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label:not(.has-type-icon).js-type-radio-current::after, body.contact.contact-error fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label:not(.has-type-icon).js-type-radio-current::after, body.contact.book-now fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item label:not(.has-type-icon).js-type-radio-current::after {
  content: "";
  position: absolute;
  top: 1.75em;
  left: 50%;
  transform: translateX(-50%) rotate(-45deg);
  width: 1em;
  height: calc(1em / 2);
  border-left: calc(1em / 5) solid var(--main-color);
  border-bottom: calc(1em / 5) solid var(--main-color);
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.contact.contact fieldset .wpcf7-form-control-wrap #contact-type, body.contact.contact-test fieldset .wpcf7-form-control-wrap #contact-type, body.contact.contact-confirm fieldset .wpcf7-form-control-wrap #contact-type, body.contact.contact-thanks fieldset .wpcf7-form-control-wrap #contact-type, body.contact.contact-error fieldset .wpcf7-form-control-wrap #contact-type, body.contact.book-now fieldset .wpcf7-form-control-wrap #contact-type {
    gap: 1em;
  }
}
@media only screen and (max-width: 960px) {
  body.contact.contact fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item, body.contact.contact-test fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item, body.contact.contact-confirm fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item, body.contact.contact-thanks fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item, body.contact.contact-error fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item, body.contact.book-now fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item {
    width: calc((100% - 1em * (3 - 1)) / 3);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact.contact fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item, body.contact.contact-test fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item, body.contact.contact-confirm fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item, body.contact.contact-thanks fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item, body.contact.contact-error fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item, body.contact.book-now fieldset .wpcf7-form-control-wrap #contact-type .wpcf7-list-item {
    width: calc((100% - 2em * (2 - 1)) / 2);
  }
}
body.contact.contact .mw_wp_form .vertical-item + .vertical-item, body.contact.contact-test .mw_wp_form .vertical-item + .vertical-item, body.contact.contact-confirm .mw_wp_form .vertical-item + .vertical-item, body.contact.contact-thanks .mw_wp_form .vertical-item + .vertical-item, body.contact.contact-error .mw_wp_form .vertical-item + .vertical-item, body.contact.book-now .mw_wp_form .vertical-item + .vertical-item {
  margin-top: 0px;
}
body.contact.contact .content-footer, body.contact.contact-test .content-footer, body.contact.contact-confirm .content-footer, body.contact.contact-thanks .content-footer, body.contact.contact-error .content-footer, body.contact.book-now .content-footer {
  margin-top: 80px;
  text-align: center;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.contact.contact .content-footer, body.contact.contact-test .content-footer, body.contact.contact-confirm .content-footer, body.contact.contact-thanks .content-footer, body.contact.contact-error .content-footer, body.contact.book-now .content-footer {
    margin-top: calc(80 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact.contact .content-footer, body.contact.contact-test .content-footer, body.contact.contact-confirm .content-footer, body.contact.contact-thanks .content-footer, body.contact.contact-error .content-footer, body.contact.book-now .content-footer {
    margin-top: calc(calc(100 / 750 * 80 * 1vw) / 0.75);
  }
}
body.contact.contact .pp_confirm p a, body.contact.contact-test .pp_confirm p a, body.contact.contact-confirm .pp_confirm p a, body.contact.contact-thanks .pp_confirm p a, body.contact.contact-error .pp_confirm p a, body.contact.book-now .pp_confirm p a {
  text-decoration: underline;
  color: var(--main-color);
}
body.contact.contact .pp_confirm .pp_confirm__txt, body.contact.contact-test .pp_confirm .pp_confirm__txt, body.contact.contact-confirm .pp_confirm .pp_confirm__txt, body.contact.contact-thanks .pp_confirm .pp_confirm__txt, body.contact.contact-error .pp_confirm .pp_confirm__txt, body.contact.book-now .pp_confirm .pp_confirm__txt {
  justify-content: center;
  padding-top: 20px;
  padding-bottom: 20px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.contact.contact .pp_confirm .pp_confirm__txt, body.contact.contact-test .pp_confirm .pp_confirm__txt, body.contact.contact-confirm .pp_confirm .pp_confirm__txt, body.contact.contact-thanks .pp_confirm .pp_confirm__txt, body.contact.contact-error .pp_confirm .pp_confirm__txt, body.contact.book-now .pp_confirm .pp_confirm__txt {
    padding-top: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact.contact .pp_confirm .pp_confirm__txt, body.contact.contact-test .pp_confirm .pp_confirm__txt, body.contact.contact-confirm .pp_confirm .pp_confirm__txt, body.contact.contact-thanks .pp_confirm .pp_confirm__txt, body.contact.contact-error .pp_confirm .pp_confirm__txt, body.contact.book-now .pp_confirm .pp_confirm__txt {
    padding-top: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.contact.contact .pp_confirm .pp_confirm__txt, body.contact.contact-test .pp_confirm .pp_confirm__txt, body.contact.contact-confirm .pp_confirm .pp_confirm__txt, body.contact.contact-thanks .pp_confirm .pp_confirm__txt, body.contact.contact-error .pp_confirm .pp_confirm__txt, body.contact.book-now .pp_confirm .pp_confirm__txt {
    padding-bottom: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact.contact .pp_confirm .pp_confirm__txt, body.contact.contact-test .pp_confirm .pp_confirm__txt, body.contact.contact-confirm .pp_confirm .pp_confirm__txt, body.contact.contact-thanks .pp_confirm .pp_confirm__txt, body.contact.contact-error .pp_confirm .pp_confirm__txt, body.contact.book-now .pp_confirm .pp_confirm__txt {
    padding-bottom: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
body.contact.contact .pp_confirm .pp_confirm__txt a, body.contact.contact-test .pp_confirm .pp_confirm__txt a, body.contact.contact-confirm .pp_confirm .pp_confirm__txt a, body.contact.contact-thanks .pp_confirm .pp_confirm__txt a, body.contact.contact-error .pp_confirm .pp_confirm__txt a, body.contact.book-now .pp_confirm .pp_confirm__txt a {
  color: #000000;
}
body.contact.contact .pp_confirm .pp_confirm__txt .wpcf7-acceptance, body.contact.contact-test .pp_confirm .pp_confirm__txt .wpcf7-acceptance, body.contact.contact-confirm .pp_confirm .pp_confirm__txt .wpcf7-acceptance, body.contact.contact-thanks .pp_confirm .pp_confirm__txt .wpcf7-acceptance, body.contact.contact-error .pp_confirm .pp_confirm__txt .wpcf7-acceptance, body.contact.book-now .pp_confirm .pp_confirm__txt .wpcf7-acceptance {
  line-height: 1;
  display: block;
}
body.contact.contact .pp_confirm .pp_confirm__txt .wpcf7-form-control-wrap, body.contact.contact-test .pp_confirm .pp_confirm__txt .wpcf7-form-control-wrap, body.contact.contact-confirm .pp_confirm .pp_confirm__txt .wpcf7-form-control-wrap, body.contact.contact-thanks .pp_confirm .pp_confirm__txt .wpcf7-form-control-wrap, body.contact.contact-error .pp_confirm .pp_confirm__txt .wpcf7-form-control-wrap, body.contact.book-now .pp_confirm .pp_confirm__txt .wpcf7-form-control-wrap {
  width: auto;
}
body.contact.contact .pp_confirm .privacyporicy-label, body.contact.contact-test .pp_confirm .privacyporicy-label, body.contact.contact-confirm .pp_confirm .privacyporicy-label, body.contact.contact-thanks .pp_confirm .privacyporicy-label, body.contact.contact-error .pp_confirm .privacyporicy-label, body.contact.book-now .pp_confirm .privacyporicy-label {
  padding: 1em;
  cursor: pointer;
}
body.contact.contact .btn_wrap, body.contact.contact-test .btn_wrap, body.contact.contact-confirm .btn_wrap, body.contact.contact-thanks .btn_wrap, body.contact.contact-error .btn_wrap, body.contact.book-now .btn_wrap {
  margin-top: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.contact.contact .btn_wrap, body.contact.contact-test .btn_wrap, body.contact.contact-confirm .btn_wrap, body.contact.contact-thanks .btn_wrap, body.contact.contact-error .btn_wrap, body.contact.book-now .btn_wrap {
    margin-top: calc(40 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact.contact .btn_wrap, body.contact.contact-test .btn_wrap, body.contact.contact-confirm .btn_wrap, body.contact.contact-thanks .btn_wrap, body.contact.contact-error .btn_wrap, body.contact.book-now .btn_wrap {
    margin-top: calc(calc(100 / 750 * 40 * 1vw) / 0.75);
  }
}
body.contact.contact .btn_back_wrap, body.contact.contact-test .btn_back_wrap, body.contact.contact-confirm .btn_back_wrap, body.contact.contact-thanks .btn_back_wrap, body.contact.contact-error .btn_back_wrap, body.contact.book-now .btn_back_wrap {
  margin-top: 20px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.contact.contact .btn_back_wrap, body.contact.contact-test .btn_back_wrap, body.contact.contact-confirm .btn_back_wrap, body.contact.contact-thanks .btn_back_wrap, body.contact.contact-error .btn_back_wrap, body.contact.book-now .btn_back_wrap {
    margin-top: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact.contact .btn_back_wrap, body.contact.contact-test .btn_back_wrap, body.contact.contact-confirm .btn_back_wrap, body.contact.contact-thanks .btn_back_wrap, body.contact.contact-error .btn_back_wrap, body.contact.book-now .btn_back_wrap {
    margin-top: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
body.contact.contact .btn_back_wrap:after, body.contact.contact-test .btn_back_wrap:after, body.contact.contact-confirm .btn_back_wrap:after, body.contact.contact-thanks .btn_back_wrap:after, body.contact.contact-error .btn_back_wrap:after, body.contact.book-now .btn_back_wrap:after {
  font-family: "Font Awesome 6 Free";
  content: "\f2ea";
}
body.contact.contact .wpcf7-spinner, body.contact.contact-test .wpcf7-spinner, body.contact.contact-confirm .wpcf7-spinner, body.contact.contact-thanks .wpcf7-spinner, body.contact.contact-error .wpcf7-spinner, body.contact.book-now .wpcf7-spinner {
  position: absolute;
  top: -2em;
  left: calc(50% - 2em);
  transform: translateX(-50%);
}
body.contact.contact .grecaptcha-badge, body.contact.contact-test .grecaptcha-badge, body.contact.contact-confirm .grecaptcha-badge, body.contact.contact-thanks .grecaptcha-badge, body.contact.contact-error .grecaptcha-badge, body.contact.book-now .grecaptcha-badge {
  z-index: 999;
}
body.contact.contact .btn_back_wrap, body.contact.contact-test .btn_back_wrap, body.contact.contact-error .btn_back_wrap {
  display: none;
}
body.contact.contact-confirm .btn_wrap {
  margin-top: 0;
}
body.contact.contact-confirm .btn-form-col-ac_wrap {
  margin-bottom: 20px;
}
@media only screen and (max-width: calc((calc(1162 - 1)) * 1px)) {
  body.contact.contact-confirm .btn-form-col-ac_wrap {
    margin-bottom: calc(20 / calc(1162 - 1) * 100vw);
  }
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.contact.contact-confirm .btn-form-col-ac_wrap {
    margin-bottom: calc(calc(100 / 750 * 20 * 1vw) / 0.75);
  }
}
body.contact.contact-confirm .pp_confirm {
  display: none;
}

body.sitemap #main .container ul.sitemap-menu li {
  border-top: 1px solid #e1e1e1;
}
body.sitemap #main .container ul.sitemap-menu li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 2.5em 0;
  text-decoration: none;
  color: #000000;
  position: relative;
}
body.sitemap #main .container ul.sitemap-menu li a span {
  margin-right: 0.5em;
}
body.sitemap #main .container ul.sitemap-menu li a:before {
  display: none;
}
body.sitemap #main .container ul.sitemap-menu li a:hover {
  color: var(--sub-color);
}
body.sitemap #main .container ul.sitemap-menu li.has-child {
  display: flex;
  align-items: flex-start;
}
body.sitemap #main .container ul.sitemap-menu li.has-child a {
  width: 30%;
}
body.sitemap #main .container ul.sitemap-menu li.has-child ul.sub-menu {
  width: 70%;
  position: relative;
  top: initial;
  left: initial;
  opacity: 1;
  visibility: initial;
}
body.sitemap #main .container ul.sitemap-menu li.has-child ul.sub-menu li:first-child {
  border-top: none;
}
body.sitemap #main .container ul.sitemap-menu li.has-child ul.sub-menu li a img {
  width: 1.5em;
}
body.sitemap #main .container ul.sitemap-menu li.has-child .js-add-c-dd-expand {
  display: none;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.sitemap #main .container ul.sitemap-menu li a {
    padding: 1.5em 0;
  }
  body.sitemap #main .container ul.sitemap-menu li.has-child {
    flex-direction: column;
  }
  body.sitemap #main .container ul.sitemap-menu li.has-child a {
    width: 100%;
  }
  body.sitemap #main .container ul.sitemap-menu li.has-child ul.sub-menu {
    width: 100%;
  }
  body.sitemap #main .container ul.sitemap-menu li.has-child ul.sub-menu li:first-child {
    border-top: 1px solid #e1e1e1;
  }
}

body.single-post #main .container .eye-catch--column {
  aspect-ratio: 16/9;
}
body.single-post #main .container .eye-catch--column .media {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
body.single-post #main .container .eye-catch--column .media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
body.single-post #main .container a:not(.wp-block-button__link):not(.ark-block-button__link) {
  text-decoration: underline;
}
body.single-post #main .container ul, body.single-post #main .container ol {
  margin-left: 1em;
  padding-left: 1em;
}
body.single-post #main .container ul {
  list-style-type: disc;
}
body.single-post #main .container ol {
  list-style-type: decimal;
}
body.single-post #main .container p {
  font-size: 16px;
  line-height: 2;
  margin: 1em 0;
}
@media only screen and (max-width: calc(767 * 1px)) {
  body.single-post #main .container p {
    font-size: calc(100 / 750 * calc(28 * 1) * 1vw);
  }
}
body.single-post #main .container a:not(.ark-block-button__link):not(.wp-block-button__link) {
  display: inline-block;
  padding: 0.25em 0;
  color: #000000;
  text-decoration: none;
  position: relative;
  transition: transform 0.3s ease-in-out;
}
body.single-post #main .container a:not(.ark-block-button__link):not(.wp-block-button__link):after {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  left: 0;
  top: auto;
  bottom: 0;
  background-color: var(--sub-color);
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease-in-out;
}
body.single-post #main .container a:not(.ark-block-button__link):not(.wp-block-button__link) span.popup {
  padding-right: 1.5em;
  position: relative;
}
body.single-post #main .container a:not(.ark-block-button__link):not(.wp-block-button__link) span.popup:before {
  content: "";
  position: absolute;
  width: 1em;
  height: 1em;
  background-image: url("/wp-content/themes/kodama-wamono/data/images/common/_svg/_icon/icon-pop-up_black.svg");
  opacity: 1;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
body.single-post #main .container a:not(.ark-block-button__link):not(.wp-block-button__link):hover {
  color: var(--sub-color);
}
body.single-post #main .container a:not(.ark-block-button__link):not(.wp-block-button__link):hover:after {
  transform: scaleX(1);
}

@media only screen and (max-width: calc(767 * 1px)) {
  .wp-block-media-text {
    display: flex;
    flex-direction: column; /* 垂直方向に並べる */
    margin-top: 1.5em;
  }
  .wp-block-media-text .wp-block-media-text__media {
    width: 100%; /* メディア部分を全幅 */
    margin-bottom: 1rem; /* 下に余白を追加 */
  }
  .wp-block-media-text .wp-block-media-text__content {
    width: 100%; /* テキスト部分を全幅 */
    padding-left: 0;
    padding-right: 0;
  }
}
.clear {
  clear: both;
}

/* JSでの状態変化
---------------------------------------------------------------------- */
/* ======================================================================

c-right-end-cta-button.js・・・・・js-sp_menu_open_onlyを付与される。

ヘッダーのセカンダリーのボタンで、cta-right-end-btnクラスのあるものは、一旦消す。
スマホのメニューがオープンになったら、表示

====================================================================== */
.js-sp_menu_open_only {
  display: none;
}

body.js-toggle-open .js-sp_menu_open_only {
  display: block;
}

/*======================================================================
// スクロールするとふわっと出現してくるあの表現
// https://www.tipswork.net/css/853/
======================================================================*/
/*----------------------------
js-scroll_up ｜下から上へ出現
----------------------------*/
.js-scroll_up {
  transition: 1s ease-in-out;
  transform: translateY(50px);
  opacity: 0;
}

.js-scroll_up.on {
  transform: translateY(0);
  opacity: 1;
}

/*----------------------------
js-scroll_left ｜左から出現
----------------------------*/
.js-scroll_left {
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  transform: translateX(calc(50px * -1));
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}

.js-scroll_left.on {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  transform: translateX(0);
}

/*----------------------------
js-scroll_right ｜右から出現
----------------------------*/
.js-scroll_right {
  -webkit-transition: 1s ease-in-out;
  -moz-transition: 1s ease-in-out;
  -o-transition: 1s ease-in-out;
  transition: 1s ease-in-out;
  transform: translateX(50px);
  opacity: 0;
  filter: alpha(opacity=0);
  -moz-opacity: 0;
}

.js-scroll_right.on {
  opacity: 1;
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  transform: translateX(0);
}

.showdelay0 {
  transition-delay: 0s;
}

.showdelay1 {
  transition-delay: 0.2s;
}

.showdelay2 {
  transition-delay: 0.4s;
}

.showdelay3 {
  transition-delay: 0.6s;
}

.showdelay5 {
  transition-delay: 0.8s;
}

.showdelay6 {
  transition-delay: 1s;
}

.showdelay7 {
  transition-delay: 1.2s;
}

.showdelay8 {
  transition-delay: 1.4s;
}

.showdelay9 {
  transition-delay: 1.6s;
}

.showdelay10 {
  transition-delay: 1.8s;
}

.showdelay11 {
  transition-delay: 2s;
}

@media only screen and (max-width: calc(767 * 1px)) {
  .showdelay0 {
    transition-delay: 0s !important;
  }
  .showdelay1 {
    transition-delay: 0s !important;
  }
  .showdelay2 {
    transition-delay: 0s !important;
  }
  .showdelay3 {
    transition-delay: 0s !important;
  }
  .showdelay4 {
    transition-delay: 0s !important;
  }
  .showdelay4 {
    transition-delay: 0s !important;
  }
  .showdelay6 {
    transition-delay: 0s !important;
  }
  .showdelay7 {
    transition-delay: 0s !important;
  }
  .showdelay8 {
    transition-delay: 0s !important;
  }
  .showdelay9 {
    transition-delay: 0s !important;
  }
  .showdelay10 {
    transition-delay: 0s !important;
  }
  .showdelay11 {
    transition-delay: 0s !important;
  }
}
/* ======================================================================

下から一文字ずつ登場するテキストアニメーション　下から表示される
https://give-shot.jp/tokyocss/under-in-text/

====================================================================== */
@keyframes js-txt-up-start-anim-wrap {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes js-txt-up-start-anim-span {
  0% {
    transform: translateY(110%); /*表示範囲外から*/
    opacity: 0;
  }
  60% {
    transform: translateY(0); /*下がる*/
  }
  100% {
    transform: translateY(0); /*待機*/
    opacity: 1;
  }
}
/*** アニメーションする要素の親 ***/
.js-txt-up-start {
  display: inline-flex !important; /*　横並びに */
  overflow: hidden; /* はみ出たものを非表示に */
  flex-wrap: wrap;
}

/*** アニメーションを適用する要素 ***/
.c-heading__main.js-txt-up-start {
  opacity: 0;
  animation: 1.5s js-txt-up-start-anim-wrap ease; /* アニメーション */
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.js-txt-up-start span {
  opacity: 0;
}

.js-txt-up-start span.view {
  transform: translateY(110%); /*デフォルトで下に隠す*/
  opacity: 0;
  display: block; /*ブロック要素に*/
  animation: 1.5s js-txt-up-start-anim-span ease; /* アニメーション */
  animation-delay: 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  color: #000000;
}

.js-txt-up-start.--white span.view {
  color: #ffffff;
}

/*** 各span(文字)に遅延時間delayを設定 ***/
.js-txt-up-start span.view:nth-child(1) {
  animation-delay: calc(0.2s + 0s);
}

.js-txt-up-start span.view:nth-child(2) {
  animation-delay: calc(0.2s + 0.03s);
}

.js-txt-up-start span.view:nth-child(3) {
  animation-delay: calc(0.2s + 0.06s);
}

.js-txt-up-start span.view:nth-child(4) {
  animation-delay: calc(0.2s + 0.09s);
}

.js-txt-up-start span.view:nth-child(5) {
  animation-delay: calc(0.2s + 0.12s);
}

.js-txt-up-start span.view:nth-child(6) {
  animation-delay: calc(0.2s + 0.15s);
}

.js-txt-up-start span.view:nth-child(7) {
  animation-delay: calc(0.2s + 0.18s);
}

.js-txt-up-start span.view:nth-child(8) {
  animation-delay: calc(0.2s + 0.21s);
}

.js-txt-up-start span.view:nth-child(9) {
  animation-delay: calc(0.2s + 0.24s);
}

.js-txt-up-start span.view:nth-child(10) {
  animation-delay: calc(0.2s + 0.27s);
}

.js-txt-up-start span.view:nth-child(11) {
  animation-delay: calc(0.2s + 0.3s);
}

.js-txt-up-start span.view:nth-child(12) {
  animation-delay: calc(0.2s + 0.33s);
}

.js-txt-up-start span.view:nth-child(13) {
  animation-delay: calc(0.2s + 0.36s);
}

.js-txt-up-start span.view:nth-child(14) {
  animation-delay: calc(0.2s + 0.39s);
}

.js-txt-up-start span.view:nth-child(15) {
  animation-delay: calc(0.2s + 0.42s);
}

.js-txt-up-start span.view:nth-child(16) {
  animation-delay: calc(0.2s + 0.45s);
}

.js-txt-up-start span.view:nth-child(17) {
  animation-delay: calc(0.2s + 0.48s);
}

.js-txt-up-start span.view:nth-child(18) {
  animation-delay: calc(0.2s + 0.51s);
}

.js-txt-up-start span.view:nth-child(19) {
  animation-delay: calc(0.2s + 0.54s);
}

.js-txt-up-start span.view:nth-child(20) {
  animation-delay: calc(0.2s + 0.57s);
}

.js-txt-up-start span.view:nth-child(21) {
  animation-delay: calc(0.2s + 0.6s);
}

.js-txt-up-start span.view:nth-child(22) {
  animation-delay: calc(0.2s + 0.63s);
}

.js-txt-up-start span.view:nth-child(23) {
  animation-delay: calc(0.2s + 0.66s);
}

.js-txt-up-start span.view:nth-child(24) {
  animation-delay: calc(0.2s + 0.69s);
}

.js-txt-up-start span.view:nth-child(25) {
  animation-delay: calc(0.2s + 0.72s);
}

.js-txt-up-start span.view:nth-child(26) {
  animation-delay: calc(0.2s + 0.75s);
}

.js-txt-up-start span.view:nth-child(27) {
  animation-delay: calc(0.2s + 0.78s);
}

.js-txt-up-start span.view:nth-child(28) {
  animation-delay: calc(0.2s + 0.81s);
}

.js-txt-up-start span.view:nth-child(29) {
  animation-delay: calc(0.2s + 0.84s);
}

.js-txt-up-start span.view:nth-child(30) {
  animation-delay: calc(0.2s + 0.87s);
}

.js-txt-up-start span.view:nth-child(31) {
  animation-delay: calc(0.2s + 0.9s);
}

.js-txt-up-start span.view:nth-child(32) {
  animation-delay: calc(0.2s + 0.93s);
}

.js-txt-up-start span.view:nth-child(33) {
  animation-delay: calc(0.2s + 0.96s);
}

.js-txt-up-start span.view:nth-child(34) {
  animation-delay: calc(0.2s + 0.99s);
}

.js-txt-up-start span.view:nth-child(35) {
  animation-delay: calc(0.2s + 1.02s);
}

.js-txt-up-start span.view:nth-child(36) {
  animation-delay: calc(0.2s + 1.05s);
}

.js-txt-up-start span.view:nth-child(37) {
  animation-delay: calc(0.2s + 1.08s);
}

.js-txt-up-start span.view:nth-child(38) {
  animation-delay: calc(0.2s + 1.11s);
}

.js-txt-up-start span.view:nth-child(39) {
  animation-delay: calc(0.2s + 1.14s);
}

.js-txt-up-start span.view:nth-child(40) {
  animation-delay: calc(0.2s + 1.17s);
}

.js-txt-up-start span.view:nth-child(41) {
  animation-delay: calc(0.2s + 1.2s);
}

.js-txt-up-start span.view:nth-child(42) {
  animation-delay: calc(0.2s + 1.23s);
}

.js-txt-up-start span.view:nth-child(43) {
  animation-delay: calc(0.2s + 1.26s);
}

.js-txt-up-start span.view:nth-child(44) {
  animation-delay: calc(0.2s + 1.29s);
}

.js-txt-up-start span.view:nth-child(45) {
  animation-delay: calc(0.2s + 1.32s);
}

.js-txt-up-start span.view:nth-child(46) {
  animation-delay: calc(0.2s + 1.35s);
}

.js-txt-up-start span.view:nth-child(47) {
  animation-delay: calc(0.2s + 1.38s);
}

.js-txt-up-start span.view:nth-child(48) {
  animation-delay: calc(0.2s + 1.41s);
}

.js-txt-up-start span.view:nth-child(49) {
  animation-delay: calc(0.2s + 1.44s);
}

.js-txt-up-start span.view:nth-child(50) {
  animation-delay: calc(0.2s + 1.47s);
}

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

下から一文字ずつ登場するテキストアニメーション　上に消える
https://give-shot.jp/tokyocss/under-in-text/

====================================================================== */
@keyframes js-txt-up-end-anim-span {
  0% {
    transform: translateY(0); /*通常の位置*/
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  60% {
    transform: translateY(-110%); /*上がる*/
    opacity: 0;
  }
  100% {
    transform: translateY(-110%); /*待機*/
    opacity: 0;
  }
}
/*** アニメーションする要素の親 ***/
.js-txt-up-end {
  display: inline-flex !important; /*　横並びに */
  overflow: hidden; /* はみ出たものを非表示に */
}

/*** アニメーションを適用する要素 ***/
.js-txt-up-end span {
  transform: translateY(0); /*デフォルトで下に隠す*/
  opacity: 1;
  display: block; /*ブロック要素に*/
  animation: 1s js-txt-up-end-anim-span ease; /* アニメーション */
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  color: #000000;
}

.js-txt-up-end.--white span {
  color: #ffffff;
}

/*** 各span(文字)に遅延時間delayを設定 ***/
.js-txt-up-end span:nth-child(1) {
  animation-delay: calc(0s + 0s);
}

.js-txt-up-end span:nth-child(2) {
  animation-delay: calc(0s + 0.03s);
}

.js-txt-up-end span:nth-child(3) {
  animation-delay: calc(0s + 0.06s);
}

.js-txt-up-end span:nth-child(4) {
  animation-delay: calc(0s + 0.09s);
}

.js-txt-up-end span:nth-child(5) {
  animation-delay: calc(0s + 0.12s);
}

.js-txt-up-end span:nth-child(6) {
  animation-delay: calc(0s + 0.15s);
}

.js-txt-up-end span:nth-child(7) {
  animation-delay: calc(0s + 0.18s);
}

.js-txt-up-end span:nth-child(8) {
  animation-delay: calc(0s + 0.21s);
}

.js-txt-up-end span:nth-child(9) {
  animation-delay: calc(0s + 0.24s);
}

.js-txt-up-end span:nth-child(10) {
  animation-delay: calc(0s + 0.27s);
}

.js-txt-up-end span:nth-child(11) {
  animation-delay: calc(0s + 0.3s);
}

.js-txt-up-end span:nth-child(12) {
  animation-delay: calc(0s + 0.33s);
}

.js-txt-up-end span:nth-child(13) {
  animation-delay: calc(0s + 0.36s);
}

.js-txt-up-end span:nth-child(14) {
  animation-delay: calc(0s + 0.39s);
}

.js-txt-up-end span:nth-child(15) {
  animation-delay: calc(0s + 0.42s);
}

.js-txt-up-end span:nth-child(16) {
  animation-delay: calc(0s + 0.45s);
}

.js-txt-up-end span:nth-child(17) {
  animation-delay: calc(0s + 0.48s);
}

.js-txt-up-end span:nth-child(18) {
  animation-delay: calc(0s + 0.51s);
}

.js-txt-up-end span:nth-child(19) {
  animation-delay: calc(0s + 0.54s);
}

.js-txt-up-end span:nth-child(20) {
  animation-delay: calc(0s + 0.57s);
}

.js-txt-up-end span:nth-child(21) {
  animation-delay: calc(0s + 0.6s);
}

.js-txt-up-end span:nth-child(22) {
  animation-delay: calc(0s + 0.63s);
}

.js-txt-up-end span:nth-child(23) {
  animation-delay: calc(0s + 0.66s);
}

.js-txt-up-end span:nth-child(24) {
  animation-delay: calc(0s + 0.69s);
}

.js-txt-up-end span:nth-child(25) {
  animation-delay: calc(0s + 0.72s);
}

.js-txt-up-end span:nth-child(26) {
  animation-delay: calc(0s + 0.75s);
}

.js-txt-up-end span:nth-child(27) {
  animation-delay: calc(0s + 0.78s);
}

.js-txt-up-end span:nth-child(28) {
  animation-delay: calc(0s + 0.81s);
}

.js-txt-up-end span:nth-child(29) {
  animation-delay: calc(0s + 0.84s);
}

.js-txt-up-end span:nth-child(30) {
  animation-delay: calc(0s + 0.87s);
}

.js-txt-up-end span:nth-child(31) {
  animation-delay: calc(0s + 0.9s);
}

.js-txt-up-end span:nth-child(32) {
  animation-delay: calc(0s + 0.93s);
}

.js-txt-up-end span:nth-child(33) {
  animation-delay: calc(0s + 0.96s);
}

.js-txt-up-end span:nth-child(34) {
  animation-delay: calc(0s + 0.99s);
}

.js-txt-up-end span:nth-child(35) {
  animation-delay: calc(0s + 1.02s);
}

.js-txt-up-end span:nth-child(36) {
  animation-delay: calc(0s + 1.05s);
}

.js-txt-up-end span:nth-child(37) {
  animation-delay: calc(0s + 1.08s);
}

.js-txt-up-end span:nth-child(38) {
  animation-delay: calc(0s + 1.11s);
}

.js-txt-up-end span:nth-child(39) {
  animation-delay: calc(0s + 1.14s);
}

.js-txt-up-end span:nth-child(40) {
  animation-delay: calc(0s + 1.17s);
}

.js-txt-up-end span:nth-child(41) {
  animation-delay: calc(0s + 1.2s);
}

.js-txt-up-end span:nth-child(42) {
  animation-delay: calc(0s + 1.23s);
}

.js-txt-up-end span:nth-child(43) {
  animation-delay: calc(0s + 1.26s);
}

.js-txt-up-end span:nth-child(44) {
  animation-delay: calc(0s + 1.29s);
}

.js-txt-up-end span:nth-child(45) {
  animation-delay: calc(0s + 1.32s);
}

.js-txt-up-end span:nth-child(46) {
  animation-delay: calc(0s + 1.35s);
}

.js-txt-up-end span:nth-child(47) {
  animation-delay: calc(0s + 1.38s);
}

.js-txt-up-end span:nth-child(48) {
  animation-delay: calc(0s + 1.41s);
}

.js-txt-up-end span:nth-child(49) {
  animation-delay: calc(0s + 1.44s);
}

.js-txt-up-end span:nth-child(50) {
  animation-delay: calc(0s + 1.47s);
}

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

下から一文字ずつ登場するテキストアニメーション　下に消える
https://give-shot.jp/tokyocss/under-in-text/

====================================================================== */
@keyframes js-txt-down-end-anim-span {
  0% {
    transform: translateY(0); /*通常の位置*/
    opacity: 1;
  }
  30% {
    opacity: 0;
  }
  60% {
    transform: translateY(110%); /*下がる*/
    opacity: 0;
  }
  100% {
    transform: translateY(110%); /*待機*/
    opacity: 0;
  }
}
/*** アニメーションする要素の親 ***/
.js-txt-down-end {
  display: inline-flex !important; /*　横並びに */
  overflow: hidden; /* はみ出たものを非表示に */
}

/*** アニメーションを適用する要素 ***/
.js-txt-down-end span {
  transform: translateY(0); /*デフォルトで下に隠す*/
  opacity: 1;
  display: block; /*ブロック要素に*/
  animation: 1s js-txt-down-end-anim-span ease; /* アニメーション */
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  color: #000000;
}

.js-txt-down-end.--white span {
  color: #ffffff;
}

/*** 各span(文字)に遅延時間delayを設定 ***/
.js-txt-down-end span:nth-child(1) {
  animation-delay: calc(0s + 0s);
}

.js-txt-down-end span:nth-child(2) {
  animation-delay: calc(0s + 0.03s);
}

.js-txt-down-end span:nth-child(3) {
  animation-delay: calc(0s + 0.06s);
}

.js-txt-down-end span:nth-child(4) {
  animation-delay: calc(0s + 0.09s);
}

.js-txt-down-end span:nth-child(5) {
  animation-delay: calc(0s + 0.12s);
}

.js-txt-down-end span:nth-child(6) {
  animation-delay: calc(0s + 0.15s);
}

.js-txt-down-end span:nth-child(7) {
  animation-delay: calc(0s + 0.18s);
}

.js-txt-down-end span:nth-child(8) {
  animation-delay: calc(0s + 0.21s);
}

.js-txt-down-end span:nth-child(9) {
  animation-delay: calc(0s + 0.24s);
}

.js-txt-down-end span:nth-child(10) {
  animation-delay: calc(0s + 0.27s);
}

.js-txt-down-end span:nth-child(11) {
  animation-delay: calc(0s + 0.3s);
}

.js-txt-down-end span:nth-child(12) {
  animation-delay: calc(0s + 0.33s);
}

.js-txt-down-end span:nth-child(13) {
  animation-delay: calc(0s + 0.36s);
}

.js-txt-down-end span:nth-child(14) {
  animation-delay: calc(0s + 0.39s);
}

.js-txt-down-end span:nth-child(15) {
  animation-delay: calc(0s + 0.42s);
}

.js-txt-down-end span:nth-child(16) {
  animation-delay: calc(0s + 0.45s);
}

.js-txt-down-end span:nth-child(17) {
  animation-delay: calc(0s + 0.48s);
}

.js-txt-down-end span:nth-child(18) {
  animation-delay: calc(0s + 0.51s);
}

.js-txt-down-end span:nth-child(19) {
  animation-delay: calc(0s + 0.54s);
}

.js-txt-down-end span:nth-child(20) {
  animation-delay: calc(0s + 0.57s);
}

.js-txt-down-end span:nth-child(21) {
  animation-delay: calc(0s + 0.6s);
}

.js-txt-down-end span:nth-child(22) {
  animation-delay: calc(0s + 0.63s);
}

.js-txt-down-end span:nth-child(23) {
  animation-delay: calc(0s + 0.66s);
}

.js-txt-down-end span:nth-child(24) {
  animation-delay: calc(0s + 0.69s);
}

.js-txt-down-end span:nth-child(25) {
  animation-delay: calc(0s + 0.72s);
}

.js-txt-down-end span:nth-child(26) {
  animation-delay: calc(0s + 0.75s);
}

.js-txt-down-end span:nth-child(27) {
  animation-delay: calc(0s + 0.78s);
}

.js-txt-down-end span:nth-child(28) {
  animation-delay: calc(0s + 0.81s);
}

.js-txt-down-end span:nth-child(29) {
  animation-delay: calc(0s + 0.84s);
}

.js-txt-down-end span:nth-child(30) {
  animation-delay: calc(0s + 0.87s);
}

.js-txt-down-end span:nth-child(31) {
  animation-delay: calc(0s + 0.9s);
}

.js-txt-down-end span:nth-child(32) {
  animation-delay: calc(0s + 0.93s);
}

.js-txt-down-end span:nth-child(33) {
  animation-delay: calc(0s + 0.96s);
}

.js-txt-down-end span:nth-child(34) {
  animation-delay: calc(0s + 0.99s);
}

.js-txt-down-end span:nth-child(35) {
  animation-delay: calc(0s + 1.02s);
}

.js-txt-down-end span:nth-child(36) {
  animation-delay: calc(0s + 1.05s);
}

.js-txt-down-end span:nth-child(37) {
  animation-delay: calc(0s + 1.08s);
}

.js-txt-down-end span:nth-child(38) {
  animation-delay: calc(0s + 1.11s);
}

.js-txt-down-end span:nth-child(39) {
  animation-delay: calc(0s + 1.14s);
}

.js-txt-down-end span:nth-child(40) {
  animation-delay: calc(0s + 1.17s);
}

.js-txt-down-end span:nth-child(41) {
  animation-delay: calc(0s + 1.2s);
}

.js-txt-down-end span:nth-child(42) {
  animation-delay: calc(0s + 1.23s);
}

.js-txt-down-end span:nth-child(43) {
  animation-delay: calc(0s + 1.26s);
}

.js-txt-down-end span:nth-child(44) {
  animation-delay: calc(0s + 1.29s);
}

.js-txt-down-end span:nth-child(45) {
  animation-delay: calc(0s + 1.32s);
}

.js-txt-down-end span:nth-child(46) {
  animation-delay: calc(0s + 1.35s);
}

.js-txt-down-end span:nth-child(47) {
  animation-delay: calc(0s + 1.38s);
}

.js-txt-down-end span:nth-child(48) {
  animation-delay: calc(0s + 1.41s);
}

.js-txt-down-end span:nth-child(49) {
  animation-delay: calc(0s + 1.44s);
}

.js-txt-down-end span:nth-child(50) {
  animation-delay: calc(0s + 1.47s);
}

.js-span {
  padding: 0.1em 0;
}

.js-span.js-add-space {
  width: 0.3em;
}

/*
ズームしながらのフェードイン、フェードアウト
https://junpei-sugiyama.com/swiper-zoom/
 */
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  75% {
    opacity: 100;
  }
  100% {
    opacity: 0;
    transform: scale(1.2);
  }
}
.js-effect-zoomUp .swiper-slide-active img,
.js-effect-zoomUp .swiper-slide-duplicate-active img,
.js-effect-zoomUp .swiper-slide-prev img {
  animation: zoomUp 2s linear 0s normal both;
}
.js-effect-zoomUp .swiper-wrapper {
  background-color: black;
}
.js-effect-zoomUp .swiper-wrapper:before {
  opacity: 50%;
}

.swiper-wrapper:before {
  transition: all 0.3s ease-out;
  position: absolute;
  content: "";
  display: block;
  background-color: black;
  width: 100%;
  height: 100%;
  opacity: 0%;
  z-index: 210;
  pointer-events: none;
}

.l-h-mv-full .swiper-wrapper:before {
  transition: all 0.3s ease-out;
  position: absolute;
  content: "";
  display: block;
  background-color: black;
  width: 100%;
  height: 100%;
  opacity: 20%;
  z-index: 210;
}

/* モジュールが　変数を持っていないので、強引に上書き
---------------------------------------------------------------------- */
/* モジュールが　変数を持っていないので、強引に上書き
---------------------------------------------------------------------- */
@media only screen and (max-width: calc(767 * 1px)) {
  body #l-footer:not(.recruit) .c-dd-nav__ul__menu-item.has-child .js-add-c-dd-expand .lines-vertical, body #l-footer:not(.recruit) .c-dd-nav__ul__menu-item.has-child .js-add-c-dd-expand .lines-horizontal {
    background-color: #000000;
  }
  body #l-header #js-add-gnavi .has-child .js-add-c-dd-expand .lines-vertical, body #l-header #js-add-gnavi .has-child .js-add-c-dd-expand .lines-horizontal {
    background-color: #000000;
  }
}