@charset "UTF-8";

/* 英語サイト全体で共通のスタイル
--------------------------------------*/

.natural p {
  font-size: 14px;
	letter-spacing: .1em;
}
.natural h4 {
  letter-spacing: .05em;
  line-height: 1.6;
}
.natural h4:not(:first-child) {
  margin-top: 50px;
}

@media screen and (max-width: 767px) {
  .natural p {
    font-size: 13px;
  }
}

/* サイト全体で共通のレイアウトスタイル */
/* ==========================================================================

    フッター CTAバナー

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

/* サイト全体で共通の設定 */
/*
 サイト全体で共通の設定
*/


/* ブレイクポイント
--------------------------------------*/




/* 色
--------------------------------------*/










/* セレクション */


/* フォント
--------------------------------------*/
/* 基本のフォント */




/* 英字のフォント */






/* 中国語のフォント */




/* ベトナム語のフォント */






/* html 要素 */


/* 文字のサイズ
--------------------------------------*/
/* html 要素 */




/* small要素 */




/* sub、sup 要素 */




/* 文字のウェイト
--------------------------------------*/


/* 行間
--------------------------------------*/



/* 文字間
--------------------------------------*/



/* containerの設定
--------------------------------------*/
/* 幅の上限と下限 */



/* 左右内側の余白 */




/* natural の設定
--------------------------------------*/
/* 要素間の上下余白 */




/* 上下マージン
----------------------------------------------*/
/* between column */



















/* 設定
---------------------------------------*/

/* align-items */


/* flex-display */



/* flex-wrap */


/* justify-content */


/* order */


/* flex */



.cta_button__inner__word {
    display: block;
	font-size: 20px;
	font-family: 'RobotoCondensed-Bold', sans-serif;
	letter-spacing: .2em;
	line-height: 1;
	margin-top: 5px;
	text-transform: capitalize;
}
@media screen and (max-width: 767px) {
	.cta_button__inner__word {
		font-size: 18px;
	}
}


.cta_button__inner__word:after {
	content: none !important;
}
/* ==========================================================================

    site-header

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

/* サイト全体で共通の設定 */
/*
 サイト全体で共通の設定
*/


/* ブレイクポイント
--------------------------------------*/




/* 色
--------------------------------------*/










/* セレクション */


/* フォント
--------------------------------------*/
/* 基本のフォント */




/* 英字のフォント */






/* 中国語のフォント */




/* ベトナム語のフォント */






/* html 要素 */


/* 文字のサイズ
--------------------------------------*/
/* html 要素 */




/* small要素 */




/* sub、sup 要素 */




/* 文字のウェイト
--------------------------------------*/


/* 行間
--------------------------------------*/



/* 文字間
--------------------------------------*/



/* containerの設定
--------------------------------------*/
/* 幅の上限と下限 */



/* 左右内側の余白 */




/* natural の設定
--------------------------------------*/
/* 要素間の上下余白 */




/* 上下マージン
----------------------------------------------*/
/* between column */



















/* 設定
---------------------------------------*/

/* align-items */


/* flex-display */



/* flex-wrap */


/* justify-content */


/* order */


/* flex */



/* ヘッダー
--------------------------------- */

@media screen and (max-width: 767px) {
	.side-nav__hamburger__nav__menu ul li:nth-child(3) {
		border-bottom: none;
	}
}

.side-nav__hamburger__nav__menu ul li a {
	color: #ffffff;
	display: block;
	font-family: 'CabinCondensed-Medium', sans-serif;
	font-size: 16px;
	letter-spacing: .2em;
	line-height: 1;
	text-transform: uppercase;
}
@media screen and (max-width: 767px) {
	.side-nav__hamburger__nav__menu ul li a: {
		font-size: 11px;
		margin-bottom: 4px;
	}
}

.side-nav__hamburger__nav__menu ul li a:before {
	content: none !important;
}

@media screen and (max-width: 767px) {
	.side-nav__hamburger__nav__utility ul li:not(:last-child) {
		margin-right: 20px;
	}
}

.nav__logo__company img {
	width: 173px;
}
/* ==========================================================================

    site-footer

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

/* サイト全体で共通の設定 */
/*
 サイト全体で共通の設定
*/


/* ブレイクポイント
--------------------------------------*/




/* 色
--------------------------------------*/










/* セレクション */


/* フォント
--------------------------------------*/
/* 基本のフォント */




/* 英字のフォント */






/* 中国語のフォント */




/* ベトナム語のフォント */






/* html 要素 */


/* 文字のサイズ
--------------------------------------*/
/* html 要素 */




/* small要素 */




/* sub、sup 要素 */




/* 文字のウェイト
--------------------------------------*/


/* 行間
--------------------------------------*/



/* 文字間
--------------------------------------*/



/* containerの設定
--------------------------------------*/
/* 幅の上限と下限 */



/* 左右内側の余白 */




/* natural の設定
--------------------------------------*/
/* 要素間の上下余白 */




/* 上下マージン
----------------------------------------------*/
/* between column */



















/* 設定
---------------------------------------*/

/* align-items */


/* flex-display */



/* flex-wrap */


/* justify-content */


/* order */


/* flex */



.site-footer__inner__about__copy--sub {
	font-family: 'CabinCondensed-Regular', sans-serif;
	line-height: 2;
	max-width: 195px;
}
@media screen and (max-width: 1049px) {
	.site-footer__inner__about__copy--sub {
		max-width: 505px;
	}
}
@media screen and (max-width: 767px) {
	.site-footer__inner__about__copy--sub {
		line-height: 2;
		max-width: 195px;
	}
}

/* メニュー */
.site-footer__inner__menu ul li {
	margin-bottom: 39px;
}
@media screen and (max-width: 1049px) {
	.site-footer__inner__menu ul li {
		margin-bottom: 29px;
	}
}

.site-footer__inner__menu ul li a {
	font-family: 'CabinCondensed-Medium', sans-serif;
	font-size: 16px;
	letter-spacing: .2em;
	line-height: 1.5;
	text-transform: uppercase;
	transition: .5s;
	white-space: nowrap;
}
@media screen and (max-width: 767px) {
	.site-footer__inner__menu ul li a {
		white-space: normal;
	}
}

.site-footer__inner__menu ul li a:before {
	content: none !important;
}

/* サイト全体で共通のモジュール */
/* ==========================================================================

    billboard

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

/* サイト全体で共通の設定 */
/*
 サイト全体で共通の設定
*/


/* ブレイクポイント
--------------------------------------*/




/* 色
--------------------------------------*/










/* セレクション */


/* フォント
--------------------------------------*/
/* 基本のフォント */




/* 英字のフォント */






/* 中国語のフォント */




/* ベトナム語のフォント */






/* html 要素 */


/* 文字のサイズ
--------------------------------------*/
/* html 要素 */




/* small要素 */




/* sub、sup 要素 */




/* 文字のウェイト
--------------------------------------*/


/* 行間
--------------------------------------*/



/* 文字間
--------------------------------------*/



/* containerの設定
--------------------------------------*/
/* 幅の上限と下限 */



/* 左右内側の余白 */




/* natural の設定
--------------------------------------*/
/* 要素間の上下余白 */




/* 上下マージン
----------------------------------------------*/
/* between column */



















/* 設定
---------------------------------------*/

/* align-items */


/* flex-display */



/* flex-wrap */


/* justify-content */


/* order */


/* flex */


.billboard {
  padding-bottom: 0;
  padding-top: 3px;
}
/* ==========================================================================

form

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

/* サイト全体で共通の設定 */
/*
 サイト全体で共通の設定
*/


/* ブレイクポイント
--------------------------------------*/




/* 色
--------------------------------------*/










/* セレクション */


/* フォント
--------------------------------------*/
/* 基本のフォント */




/* 英字のフォント */






/* 中国語のフォント */




/* ベトナム語のフォント */






/* html 要素 */


/* 文字のサイズ
--------------------------------------*/
/* html 要素 */




/* small要素 */




/* sub、sup 要素 */




/* 文字のウェイト
--------------------------------------*/


/* 行間
--------------------------------------*/



/* 文字間
--------------------------------------*/



/* containerの設定
--------------------------------------*/
/* 幅の上限と下限 */



/* 左右内側の余白 */




/* natural の設定
--------------------------------------*/
/* 要素間の上下余白 */




/* 上下マージン
----------------------------------------------*/
/* between column */



















/* 設定
---------------------------------------*/

/* align-items */


/* flex-display */



/* flex-wrap */


/* justify-content */


/* order */


/* flex */


.hs-input {
	font-family: 'NotoSansCJKjp', sans-serif;
}

.hs-input::placeholder,
.hs-input:-ms-input-placeholder,
.hs-input::-ms-input-placeholder {
  font-family: 'NotoSansCJKjp', sans-serif;
}

select.hs-input {
	font-family: 'NotoSansCJKjp', sans-serif;
}
.hs-form label {
	font-family: 'NotoSansCJKjp-Medium', sans-serif;
  padding-left: 0;
}
.hs-form label::before {
  display: none;
}

.hs-form label.hs-error-msg {
	font-family: 'NotoSansCJKjp', sans-serif;
}

.hs-error-msgs label.hs-main-font-element {
	font-family: 'NotoSansCJKjp', sans-serif;
}

.hs-form-required {
	color: #545460;
}
.hs-form-required::before {
  display: none;
}

.hs-richtext p {
	font-family: 'NotoSansCJKjp', sans-serif;
}

.hs-button {
	font-family: 'NotoSansCJKjp-Medium', sans-serif;
}

.hs-form label.hs-form-booleancheckbox-display {
	font-family: 'NotoSansCJKjp-Bold', sans-serif;
}

.hs-form label.hs-form-booleancheckbox-display p {
	font-family: 'NotoSansCJKjp-Medium', sans-serif;
}
/* ==========================================================================

    heading-1

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

/* サイト全体で共通の設定 */
/*
 サイト全体で共通の設定
*/


/* ブレイクポイント
--------------------------------------*/




/* 色
--------------------------------------*/










/* セレクション */


/* フォント
--------------------------------------*/
/* 基本のフォント */




/* 英字のフォント */






/* 中国語のフォント */




/* ベトナム語のフォント */






/* html 要素 */


/* 文字のサイズ
--------------------------------------*/
/* html 要素 */




/* small要素 */




/* sub、sup 要素 */




/* 文字のウェイト
--------------------------------------*/


/* 行間
--------------------------------------*/



/* 文字間
--------------------------------------*/



/* containerの設定
--------------------------------------*/
/* 幅の上限と下限 */



/* 左右内側の余白 */




/* natural の設定
--------------------------------------*/
/* 要素間の上下余白 */




/* 上下マージン
----------------------------------------------*/
/* between column */



















/* 設定
---------------------------------------*/

/* align-items */


/* flex-display */



/* flex-wrap */


/* justify-content */


/* order */


/* flex */


.heading-1 {
  font-family: 'CabinCondensed-Medium', sans-serif;
  letter-spacing: .1em;
  line-height: 1.5;
  padding-top: 8px;
  text-transform: capitalize;
}
@media only screen and (max-width: 1049px) {
  .heading-1 {
    font-size: 33px;
  }
}
@media only screen and (max-width: 767px) {
  .heading-1 {
    font-size: 23px;
    padding-top: 7px;
  }
}

.heading-1:before {
  content: none;
}


.heading-1:after {
  background-color: #ffffff;
  content: "";
  height: 2px;
  left: calc(50% - 15px);
  position: absolute;
  top: 0;
  width: 30px;
}
@media only screen and (max-width: 1049px) {
  .heading-1:after {
    left: calc(50% - 17.5px);
    width: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .heading-1:after {
    left: calc(50% - 7.5px);
    width: 15px;
  }
}
/* ==========================================================================

    heading-2

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

/* サイト全体で共通の設定 */
/*
 サイト全体で共通の設定
*/


/* ブレイクポイント
--------------------------------------*/




/* 色
--------------------------------------*/










/* セレクション */


/* フォント
--------------------------------------*/
/* 基本のフォント */




/* 英字のフォント */






/* 中国語のフォント */




/* ベトナム語のフォント */






/* html 要素 */


/* 文字のサイズ
--------------------------------------*/
/* html 要素 */




/* small要素 */




/* sub、sup 要素 */




/* 文字のウェイト
--------------------------------------*/


/* 行間
--------------------------------------*/



/* 文字間
--------------------------------------*/



/* containerの設定
--------------------------------------*/
/* 幅の上限と下限 */



/* 左右内側の余白 */




/* natural の設定
--------------------------------------*/
/* 要素間の上下余白 */




/* 上下マージン
----------------------------------------------*/
/* between column */



















/* 設定
---------------------------------------*/

/* align-items */


/* flex-display */



/* flex-wrap */


/* justify-content */


/* order */


/* flex */







.heading-2 {
  font-family: 'CabinCondensed-Medium', sans-serif;
}

.heading-2:before {
  content: attr(data-heading2);
}
/* ==========================================================================

    heading-3

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

/* サイト全体で共通の設定 */
/*
 サイト全体で共通の設定
*/


/* ブレイクポイント
--------------------------------------*/




/* 色
--------------------------------------*/










/* セレクション */


/* フォント
--------------------------------------*/
/* 基本のフォント */




/* 英字のフォント */






/* 中国語のフォント */




/* ベトナム語のフォント */






/* html 要素 */


/* 文字のサイズ
--------------------------------------*/
/* html 要素 */




/* small要素 */




/* sub、sup 要素 */




/* 文字のウェイト
--------------------------------------*/


/* 行間
--------------------------------------*/



/* 文字間
--------------------------------------*/



/* containerの設定
--------------------------------------*/
/* 幅の上限と下限 */



/* 左右内側の余白 */




/* natural の設定
--------------------------------------*/
/* 要素間の上下余白 */




/* 上下マージン
----------------------------------------------*/
/* between column */



















/* 設定
---------------------------------------*/

/* align-items */


/* flex-display */



/* flex-wrap */


/* justify-content */


/* order */


/* flex */


.heading-3 {
  font-family: 'CabinCondensed-Medium', sans-serif;
}
/* ==========================================================================

    heading-4

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

/* サイト全体で共通の設定 */
/*
 サイト全体で共通の設定
*/


/* ブレイクポイント
--------------------------------------*/




/* 色
--------------------------------------*/










/* セレクション */


/* フォント
--------------------------------------*/
/* 基本のフォント */




/* 英字のフォント */






/* 中国語のフォント */




/* ベトナム語のフォント */






/* html 要素 */


/* 文字のサイズ
--------------------------------------*/
/* html 要素 */




/* small要素 */




/* sub、sup 要素 */




/* 文字のウェイト
--------------------------------------*/


/* 行間
--------------------------------------*/



/* 文字間
--------------------------------------*/



/* containerの設定
--------------------------------------*/
/* 幅の上限と下限 */



/* 左右内側の余白 */




/* natural の設定
--------------------------------------*/
/* 要素間の上下余白 */




/* 上下マージン
----------------------------------------------*/
/* between column */



















/* 設定
---------------------------------------*/

/* align-items */


/* flex-display */



/* flex-wrap */


/* justify-content */


/* order */


/* flex */


.heading-4 {
  font-family: 'CabinCondensed-Medium', sans-serif;
}
/* ==========================================================================

    heading-5

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

/* サイト全体で共通の設定 */
/*
 サイト全体で共通の設定
*/


/* ブレイクポイント
--------------------------------------*/




/* 色
--------------------------------------*/










/* セレクション */


/* フォント
--------------------------------------*/
/* 基本のフォント */




/* 英字のフォント */






/* 中国語のフォント */




/* ベトナム語のフォント */






/* html 要素 */


/* 文字のサイズ
--------------------------------------*/
/* html 要素 */




/* small要素 */




/* sub、sup 要素 */




/* 文字のウェイト
--------------------------------------*/


/* 行間
--------------------------------------*/



/* 文字間
--------------------------------------*/



/* containerの設定
--------------------------------------*/
/* 幅の上限と下限 */



/* 左右内側の余白 */




/* natural の設定
--------------------------------------*/
/* 要素間の上下余白 */




/* 上下マージン
----------------------------------------------*/
/* between column */



















/* 設定
---------------------------------------*/

/* align-items */


/* flex-display */



/* flex-wrap */


/* justify-content */


/* order */


/* flex */


.heading-5 {
  font-family: 'CabinCondensed-Medium', sans-serif;
}
/* ==========================================================================

    lead

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

/* サイト全体で共通の設定 */
/*
 サイト全体で共通の設定
*/


/* ブレイクポイント
--------------------------------------*/




/* 色
--------------------------------------*/










/* セレクション */


/* フォント
--------------------------------------*/
/* 基本のフォント */




/* 英字のフォント */






/* 中国語のフォント */




/* ベトナム語のフォント */






/* html 要素 */


/* 文字のサイズ
--------------------------------------*/
/* html 要素 */




/* small要素 */




/* sub、sup 要素 */




/* 文字のウェイト
--------------------------------------*/


/* 行間
--------------------------------------*/



/* 文字間
--------------------------------------*/



/* containerの設定
--------------------------------------*/
/* 幅の上限と下限 */



/* 左右内側の余白 */




/* natural の設定
--------------------------------------*/
/* 要素間の上下余白 */




/* 上下マージン
----------------------------------------------*/
/* between column */



















/* 設定
---------------------------------------*/

/* align-items */


/* flex-display */



/* flex-wrap */


/* justify-content */


/* order */


/* flex */


.lead {
	letter-spacing: .1em;
}
/* ==========================================================================

    paragraph

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

/* サイト全体で共通の設定 */
/*
 サイト全体で共通の設定
*/


/* ブレイクポイント
--------------------------------------*/




/* 色
--------------------------------------*/










/* セレクション */


/* フォント
--------------------------------------*/
/* 基本のフォント */




/* 英字のフォント */






/* 中国語のフォント */




/* ベトナム語のフォント */






/* html 要素 */


/* 文字のサイズ
--------------------------------------*/
/* html 要素 */




/* small要素 */




/* sub、sup 要素 */




/* 文字のウェイト
--------------------------------------*/


/* 行間
--------------------------------------*/



/* 文字間
--------------------------------------*/



/* containerの設定
--------------------------------------*/
/* 幅の上限と下限 */



/* 左右内側の余白 */




/* natural の設定
--------------------------------------*/
/* 要素間の上下余白 */




/* 上下マージン
----------------------------------------------*/
/* between column */



















/* 設定
---------------------------------------*/

/* align-items */


/* flex-display */



/* flex-wrap */


/* justify-content */


/* order */


/* flex */







.paragraph {
	color: #545460;
	font-family: 'NotoSansCJKjp', sans-serif;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: .1em;
	line-height: 2;
}
@media screen and (max-width:767px) {
	.paragraph {
		font-size: 13px;
		line-height: ;
		letter-spacing: .1em;
	}
}

.paragraph:not(:first-child),
.division-top-paragraph {
	margin-top: 20px;
}
@media screen and (max-width:767px) {
	.paragraph:not(:first-child),
	.division-top-paragraph {
		margin-top: 20px;
	}
}

.paragraph:not(:last-child),
.division-bottom-paragraph {
	margin-bottom: 20px;
}
@media screen and (max-width:767px) {
	.paragraph:not(:last-child),
	.division-bottom-paragraph {
		margin-top: 20px;
	}
}