@charset "UTF-8";

/* ===============================
	変数設定
=============================== */

:root {
	/* カラー変数の設定 */
	--nawa-green: #118850;
	--nawa-red: #df5a23;
	--nawa-blue: #0b75bb;

	--black: #3e3a39;
	--gray-100: #eee;
	--gray-200: #dbdbdb;
	--gray-300: #8b8585;

	--text-base: var(--black);
	--text-second-color: #7c7a74;
	--line-gray: #989898;

	/* フォント設定 */
	--font-family-jp: 'Noto Sans JP', sans-serif;
	--font-family-en: 'Alata', sans-serif;
	--font-size-base-pc: 1.6rem;
	--font-size-base-sp: 1.4rem;

	/* グローバルヘッダー設定 */
	--global-header-height: 70px;
}

/* ========================================
	style
======================================== */

.color-white {
	color: #fff;
}

.color-black {
	color: var(--text-base);
}

.color-green {
	color: var(--nawa-green);
}

.color-red {
	color: var(--nawa-red);
}

.color-blue {
	color: var(--nawa-blue);
}

article {
	background: var(--gray-100);
}
article.p-bottom {
	padding-bottom: 10rem;
}

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

/* 丸枠アローボタンリンク */
.arrow-button__anchor {
	--round-size: 47px;
	display: grid;
	grid-template-columns: var(--round-size) auto;
	gap: 0 16px;
	align-items: center;
	inline-size: fit-content;
	font: 400 1.6rem var(--font-family-en);
	color: var(--text-base);
	transition: color ease 0.3s;
}

.arrow-button__inner {
	aspect-ratio: 1 / 1;
	border-radius: 50%;
	border: 2px solid currentColor;
	position: relative;
	overflow: hidden;
}

.arrow-button__anchor svg {
	--arrow-size: 14px;
	inline-size: var(--arrow-size);
	position: absolute;
	top: 50%;
	left: 50%;
	transition: transform 0.5s cubic-bezier(.08, .95, .54, .96);
}

.arrow-button__anchor svg:first-child {
	transform: translate(-50%, -50%);
	transition-delay: 0.2s;
}

.arrow-button__anchor:hover svg:first-child {
	transform: translate(calc(-50% + var(--round-size) / 1.5), -50%);
	transition-delay: 0s;
}

.arrow-button__anchor svg:last-child {
	transform: translate(calc(-1 * var(--round-size) / 1.5 - 50%), -50%);
	transition-delay: 0s;
}

.arrow-button__anchor:hover svg:last-child {
	transform: translate(-50%, -50%);
	transition-delay: 0.2s;
}

/* 汎用ボタンリンクレイアウト */
.square-button__container {
	max-inline-size: 500px;
	margin-inline: auto;
}

.square-button__elem {
	display: grid;
	place-items: center;
	inline-size: 100%;
	min-block-size: 64px;
	font: 400 1.6rem var(--font-family-en);
	border: none;
	position: relative;
	overflow: hidden;
	z-index: 1;
	color: #fff;
	background: var(--black);
	box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.35);
	transition: box-shadow ease 0.3s;
}

.square-button__elem:hover {
	box-shadow: 0px 3px 20px 0px #61a686;
}

.square-button__elem::before {
	content: '';
	position: absolute;
	left: -50px;
	top: 0;
	inline-size: 0;
	block-size: 100%;
	background: var(--nawa-green);
	transform: skewX(45deg);
	z-index: -1;
	transition: inline-size 1s;
}

.square-button__elem:hover::before {
	inline-size: 300%;
}

/* --------- header --------- */

/* グローバルヘッダー・基本設定 */
.global-header__container {
	--header-transition-duration: 0.2s;
	--header-color: rgba(238, 238, 238, 0.95);
	inline-size: 100%;
	block-size: var(--global-header-height);
	padding-inline: 5%;
	position: fixed;
	z-index: 10;
	top: 0;
	right: 0;
	bottom: auto;
	left: 0;
	background: transparent;
	transition: background-color var(--header-transition-duration) ease;
	/* box-shadow: 0 0 22px -7px rgba(140, 140, 140, 0.2); */
}

/* グローバルヘッダー背景色・下部スクロール時 */
.global-header__container.is-scroll {
	background: var(--header-color);
	box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
}

/* グローバルヘッダー・ロゴマーク */
.global-header__logo {
	display: flex;
	align-items: center;
	inline-size: fit-content;
	block-size: 100%;
}

.global-header__logo img {
	inline-size: auto;
	block-size: 42px;
}

/* グローバルヘッダー・メニュー開閉ボタン */
.global-header__button {
	--size: 40px;
	inline-size: var(--size);
	aspect-ratio: 1 / 1;
	display: grid;
	place-items: center;
	position: absolute;
	top: 50%;
	right: 3%;
	transform: translateY(-50%);
	z-index: 10;
	border: 1px solid var(--nawa-green);
	border-radius: 50%;
	background: var(--nawa-green);
	transition: background-color 0.4s ease, border-color 0.4s ease;
}

.global-header__button-inner {
	position: relative;
	inline-size: 18px;
	block-size: 16px;
}

.global-header__button span {
	display: block;
	position: absolute;
	left: 0;
	inline-size: 100%;
	block-size: 2px;
	border-radius: 2px;
	background: #fff;
	transition: opacity 0.4s ease, transform 0.4s ease;
	transform-origin: right;
}

.global-header__button span:nth-child(1) {
	top: 0;
}

.global-header__button span:nth-child(2) {
	top: 7px;
}

.global-header__button span:nth-child(3) {
	bottom: 0;
}

.global-header__button.is-open {
	background: var(--gray-100);
	border: 1px solid var(--nawa-green);
}

.global-header__button.is-open span {
	background: var(--nawa-green);
}

.global-header__button.is-open span:nth-child(1) {
	top: -1px;
	transform: rotate(-45deg) translateX(-3px);
}

.global-header__button.is-open span:nth-child(2) {
	opacity: 0;
	transform: translateX(10px);
}

.global-header__button.is-open span:nth-child(3) {
	top: 16px;
	transform: rotate(45deg) translateX(-3px);
}

/* スマホ専用・グローバルヘッダーメニュー内ロゴマーク */
.global-header-navi__logo {
	position: absolute;
	left: 5%;
	top: 14px;
	inline-size: fit-content;
	block-size: var(--global-header-height);
}

.global-header-navi__logo img {
	inline-size: auto;
	block-size: 42px;
}

/* スマホ専用・グローバルヘッダーメニュー内見出し */
.global-header-navi__title {
	font: 400 5.5rem var(--font-family-en);
	color: var(--text-base);
}

.global-header-navi__title--red {
	color: var(--nawa-red);
}

.global-header-navi__title--green {
	color: var(--nawa-green);
}

/* スマホ専用・グローバルヘッダーメニューレイアウト調整 */
.global-header-navi__list>li>a {
	display: block;
	color: var(--text-base);
	font-size: 1.4rem;
	font-weight: 700;
	padding: 1em 0;
	position: relative;
}

/* --------- footer --------- */

/* グローバルフッター */
.global-footer__container {
	--footer-border-color: #686463;
	--footer-font-color: #a6a6a6;
	min-block-size: 80vh;
	background: linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)), url('/assets/common/images/bg-global-footer.jpg') no-repeat center/cover;
	display: grid;
	grid-template-areas:
		'breadcrumb'
		'info'
		'copyright';
	grid-template-rows: 45px auto 1fr;
}

/* パンくずリスト */
.breadcrumb {
	overflow: hidden;
}

.breadcrumb__container {
	padding-left: 5%;
}

.breadcrumb__list {
	display: flex;
	gap: 0 0.5em;
	align-items: center;
	white-space: nowrap;
	min-block-size: 45px;
	font-size: 1.2rem;
	font-weight: 400;
	color: #fff;
	overflow-x: auto;
	scrollbar-width: none;
}

.breadcrumb__list::-webkit-scrollbar {
	display: none;
}

.breadcrumb__list>li:not(:first-child) {
	padding-left: 1em;
	background: url('/assets/common/images/chevron-right-w.svg') no-repeat left 0 top 0.35lh/0.45em auto;
}

.breadcrumb__list>li>a {
	color: #fff;
	text-decoration: underline;
	text-underline-offset: 2px;
	transition: opacity .3s ease;
}

.breadcrumb__list>li>a:hover {
	text-decoration: none;
	opacity: .7;
}

/* グローバルフッター・ラップ要素 */
.global-footer__inner {
	grid-area: info;
	border-top: 1px solid var(--footer-border-color);
	border-bottom: 1px solid var(--footer-border-color);
}

/* グローバルフッター・会社情報 */
.global-footer__info {
	display: flex;
	flex-direction: column;
	gap: 2.4rem 0;
	padding-block: 4rem;
}

/* グローバルフッター・ロゴマーク */
.global-footer__logo {
	inline-size: 235px;
}

/* グローバルフッター・会社住所 */
.global-footer__address {
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.6;
	color: var(--footer-font-color);
}

.global-footer__address a {
	color: inherit;
}

/* グローバルフッター・ソーシャルアカウントリスト */
.global-footer__social-list {
	display: flex;
	align-items: center;
	gap: 0 1.6rem;
}

/* .global-footer__social-list img {
	display: block;
	inline-size: auto;
	block-size: 22px;
} */

.global-footer__social-list .icon {
  display: block;
	block-size: 22px;
  background-size: contain;
  background-repeat: no-repeat;
  text-indent: -9999px; /* アクセシビリティ対策 */
	transition: background-image .3s ease;
}

.icon.tiktok {
	inline-size: 19px;
  background-image: url('/assets/common/images/icon-tictok.svg');
}
.icon.tiktok:hover {
  background-image: url('/assets/common/images/icon-tictok-w.svg');
}

.icon.instagram {
	inline-size: 22px;
  background-image: url('/assets/common/images/icon-instagram.svg');
}
.icon.instagram:hover {
  background-image: url('/assets/common/images/icon-instagram-w.svg');
}

.icon.youtube {
	inline-size: 31px;
  background-image: url('/assets/common/images/icon-youtube.svg');
}
.icon.youtube:hover {
  background-image: url('/assets/common/images/icon-youtube-w.svg');
}

/* グローバルフッター・コピーライト表記 */
.copyright {
	grid-area: copyright;
	align-self: end;
}

.copyright__container {
	display: flex;
	justify-content: space-between;
	color: #a6a6a6;
	font-size: 1rem;
	font-weight: 500;
	padding-bottom: 1.6rem;
}

.copyright__container a {
	color: inherit;
	transition: color .3s ease;
}
.copyright__container a:hover {
	color: #fff;
}

.copyright__container small {
	font-size: inherit;
}

/* ========================================
	マウスポインタ専用
======================================== */
@media (hover:hover) and (pointer: fine) {

	/* --------- header --------- */

	.global-header-navi__list>li>a:hover {
		color: var(--nawa-green);
	}

	/* グローバルヘッダー開閉ボタン・閉じているとき */
	.global-header__button:hover {
		background: var(--gray-100);
	}

	.global-header__button:hover span {
		background: var(--nawa-green);
	}

	/* グローバルヘッダー開閉ボタン・開いているとき */
	.global-header__button.is-open:hover {
		background: var(--nawa-green);
	}

	.global-header__button.is-open:hover span {
		background: var(--gray-100);
	}

	/* 丸枠アローボタンリンク */
	.arrow-button__anchor:hover {
		color: var(--nawa-green);
	}
}

/* ========================================
	1180px未満専用スタイル（TAB&SP）
======================================== */
@media screen and (width < 1180px) {

	.contents-width,
	.contents-width-sp {
		padding-inline: 5%;
	}

	/* --------- header --------- */

	/* スマホ専用・グローバルヘッダー・テキスト表示アニメ */
	.drop-in,
	.global-header-navi__list>li {
		overflow: hidden;
	}

	.drop-in-text {
		transform: translateY(1.4em);
		/* transition: transform 0.8s cubic-bezier(0.25,0.46,0.45,0.94) 0.1s; */
	}

	.global-header-navi__list a {
		transform: translateY(3em);
		/* transition: transform 0.8s cubic-bezier(0.25,0.46,0.45,0.94) 0.1s; */
	}

	/* スマホ専用・グローバルヘッダー・ラップ要素 */
	.global-header-navi__overlay {
		position: fixed;
		inset: 0;
		opacity: 0;
		visibility: hidden;
	}

	.global-header-navi__container {
		block-size: 100%;
		background-color: #f8f8f8;
		overflow: auto;
		padding-top: var(--global-header-height);
	}

	.global-header-navi__inner {
		padding: 8% 8% 100px;
	}

	.global-header-navi__wrap {
		margin: 0 auto;
	}

	.global-header-navi__square-button {
		margin-top: 6rem;
	}

	/* スマホ専用・グローバルヘッダーメニューレイアウト調整 */
	.global-header-navi__list>li {
		position: relative;
		/* border-bottom: 1px solid #b3b3b3; */
	}

	.global-header-navi__list>li::before,
	.global-header-navi__list>li::after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		display: block;
		block-size: 1px;
		transition: inline-size 0.3s ease;
	}

	.global-header-navi__list>li::before {
		inline-size: 100%;
		background: #b3b3b3;
	}

	.global-header-navi__list>li::after {
		inline-size: 40px;
		background: var(--nawa-red);
	}

	.global-header-navi__list>li:hover::after {
		inline-size: 100%;
	}

	[data-header-type="mobile"] .global-header-navi__list>li::after {
		background: var(--nawa-green);
	}

	.global-header-navi__list>li>a {
		transition: color .3s ease;
	}

	.global-header-navi__list>li>a::before {
		content: '';
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		display: block;
		inline-size: 23px;
		block-size: 23px;
		background: url('/assets/common/images/circle-arrow-gray.svg') no-repeat center/contain;
		transition: background .3s ease;
	}

	.global-header-navi__list>li>a:hover {
		color: var(--nawa-red);
	}

	[data-header-type="mobile"] .global-header-navi__list>li>a:hover {
		color: var(--nawa-green);
	}

	.global-header-navi__item:nth-child(1 of div) .global-header-navi__list>li>a:hover::before {
		background-image: url('/assets/common/images/circle-arrow-r.svg');
	}

	.global-header-navi__item:nth-child(2 of div) .global-header-navi__list>li>a:hover::before {
		background-image: url('/assets/common/images/circle-arrow-g.svg');
	}

	/* スマホ専用・ボタンリンク */
	.global-header-navi .square-button__container {
		max-inline-size: none;
		margin: 6rem 0 0;
	}

	.global-header-navi .square-button__elem {
		/* flex: 1; */
		font-size: 1.4rem;
		font-weight: 500;
	}

	/* PCレイアウト専用のDOMを非表示 */
	[data-header-type="desktop"],
	[data-header="works"]>a>svg {
		display: none;
	}

	#business,
	#business .global-header-sub-navi,
	#works {
		display: contents;
	}

	#works .global-header-sub-navi {
		display: none;
	}

	#business .global-header-navi__anchor {
		display: none;
	}

	.global-footer-navi {
		display: none;
	}

}

/* ========================================
	1024px未満専用スタイル（TAB）
======================================== */
@media screen and (width < 1024px) {

	/* --------- header --------- */

	.global-header-navi__title {
		font-size: 4.8rem;
	}

}

/* ========================================
	768px未満専用スタイル（SP）
======================================== */
@media screen and (width < 768px) {

	/* --------- header --------- */

	.global-header-navi__container {
		background: var(--gray-100);
		padding-top: 60px;
		position: relative;
	}

	.global-header-navi__item:nth-child(2 of div) {
		margin-top: 4rem;
	}

}

/* ========================================
	768px以上（PC&TAB）
======================================== */
@media screen and (768px <=width) {

	:root {
		/* グローバルヘッダー設定 */
		--global-header-height: 100px;
	}

	article.p-bottom {
		padding-bottom: 15rem;
	}	

	/* --------- header --------- */

	/* グローバルヘッダーロゴマーク */
	.global-header__logo img {
		inline-size: 100%;
		block-size: auto;
	}

	/* グローバルヘッダー・メニュー開閉ボタン */
	.global-header__button {
		--size: 60px;
	}

	/* スマホ専用・グローバルヘッダーメニュー内ロゴマーク */
	.global-header-navi__logo {
		display: none;
	}
}

/* ========================================
	768px以上1180px未満専用スタイル（TAB）
======================================== */
@media screen and (768px <=width < 1180px) {

	/* --------- header --------- */

	/* タブレット専用・グローバルヘッダー */
	.global-header__container {
		padding-inline: 3%;
	}

	/* タブレット専用・グローバルヘッダー・メニュー開閉ボタン */
	.global-header__button {
		right: 3%;
	}

	/* タブレット専用・グローバルヘッダーメニューレイアウト調整 */
	.global-header-navi__container {
		--bg-size: clamp(21rem, -28.3984rem + 64.32vw, 47.5rem);
		background: linear-gradient(100deg, transparent var(--bg-size), var(--gray-100) var(--bg-size)),
			var(--filter-image-url) var(--filter-image-option),
			url('/assets/common/images/bg-header.jpg') no-repeat left -45rem center / cover;
	}

	.global-header-navi__inner {
		display: flex;
		flex-direction: column;
		justify-content: center;
		block-size: 100%;
		padding: 0 3% 0 clamp(20rem, -28.4656rem + 63.11vw, 46rem);
	}

	.global-header-navi__wrap {
		display: grid;
		gap: 0 10%;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: auto;
		grid-template-areas:
			'about business'
			'anchor anchor';
		inline-size: 540px;
	}

	.global-header-navi__about {
		grid-area: about;
	}

	.global-header-navi__business {
		grid-area: business;
	}

	.global-header-navi .square-button {
		grid-area: anchor;
	}

}

/* ========================================
	1180px以上専用スタイル（PC）
======================================== */
@media print,
screen and (1180px <=width) {

	article {
		background: var(--gray-100);
	}

	.contents-width,
	.contents-width-pc {
		padding-inline: 8%;
	}

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

	/* 汎用ボタンリンクレイアウト */
	.square-button__container {
		min-block-size: 80px;
	}

	.square-button__elem {
		min-block-size: 80px;
		font-size: 2rem;
		box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.35);
	}

	.arrow-button__anchor {
		--round-size: 55px;
		gap: 0 24px;
		font-size: 1.8rem;
	}

	.arrow-button__anchor svg {
		--arrow-size: 20px;
	}

	.global-header-sub-navi .arrow-button__inner {
		border-width: 2.5px;
	}

	.global-header-sub-navi .arrow-button__anchor {
		--round-size: 47px;
		gap: 0 15px;
		font-size: 2.6rem;
	}

	.global-header-sub-navi .arrow-button__anchor svg {
		--arrow-size: 15.55px;
	}

	/* --------- header --------- */

	/* グローバルヘッダー・メニュー開閉ボタン */
	.global-header__button {
		display: none;
	}

	/* グローバルヘッダー */
	.global-header__container {
		padding-inline: 3%;
		display: flex;
		gap: 0 5%;
		justify-content: space-between;
	}

	.global-header-navi {
		flex: 1 0;
	}

	.global-header-navi__container {
		background: none;
	}

	.global-header-navi__anchor {
		font-size: 1.4rem;
		font-weight: 700;
		color: var(--text-base);
		padding: 1rem;
	}

	.global-header-navi__anchor:hover {
		color: var(--nawa-green);
	}

	li[data-header]>a>svg {
		inline-size: auto;
		block-size: 0.3lh;
		margin-left: 2px;
	}


	/* グローバルヘッダーの高さを子要素に継承 */
	.global-header-navi,
	.global-header-navi__overlay,
	.global-header-navi__container,
	.global-header-navi__inner,
	.global-header-navi__wrap,
	.global-header-navi__item,
	.global-header-navi__list,
	.global-header-navi__list>li {
		block-size: 100%;
	}

	.global-header-navi__item:not([data-header-type="mobile"]) {
		display: flex;
		justify-content: end;
	}

	.global-header-navi__list {
		display: flex;
		align-items: center;
		gap: 0 3.6rem;
	}

	.global-header-navi__list>li {
		display: grid;
		place-items: center;
	}

	.global-header-navi__list>li:has(.global-header-navi__title) {
		display: none;
	}

	.global-header-navi__list>li>a {
		padding: 0.6em 0;
		position: relative;
	}

	.global-header-navi__list>li>a::before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		inline-size: 0;
		block-size: 1px;
		background: var(--nawa-green);
		transition: inline-size 0.3s ease;
	}

	.global-header-navi__list>li>a:hover::before {
		inline-size: 100%;
	}

	.global-header-navi__title {
		display: none;
	}

	/* グローバルヘッダー・サブメニュー */
	.global-header-sub-navi {
		position: absolute;
		inset: 0;
		block-size: 100vh;
		z-index: -1;
		background: rgba(0, 0, 0, 0.4);
	}

	.global-header-sub-navi__container {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		padding-top: var(--global-header-height);
		background: #eee;
		box-shadow: 0px 8px 16px -8px rgba(0, 0, 0, 0.25);
		border-top: 1px solid var(--gray-100);
	}

	.global-header-sub-navi__inner {
		display: grid;
		align-items: start;
		gap: 0 6%;
		grid-template-columns: 0.45fr 1fr;
		grid-template-areas: 'all list';
		max-inline-size: 1200px;
		margin-inline: auto;
		padding: 4rem 1.5% 7rem;
	}

	.global-header-sub-navi__list {
		grid-area: list;
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		gap: 0 5rem;
	}

	.global-header-sub-navi__list>li {
		position: relative;
	}

	.global-header-sub-navi__list>li::before,
	.global-header-sub-navi__list>li::after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		display: block;
		block-size: 1px;
		transition: inline-size 0.3s ease;
	}

	.global-header-sub-navi__list>li::before {
		inline-size: 100%;
		background: #b3b3b3;
	}

	.global-header-sub-navi__list>li::after {
		inline-size: 40px;
		background: var(--nawa-green);
	}

	.global-header-sub-navi__list>li:hover::after {
		inline-size: 100%;
	}

	.global-header-sub-navi__list>li>a {
		display: block;
		color: var(--text-base);
		font-size: 1.4rem;
		font-weight: 700;
		padding: 0.95em 0;
		position: relative;
		transition: color 0.3s ease;
	}

	.global-header-sub-navi__list>li>a:hover {
		color: var(--nawa-green);
	}

	.global-header-sub-navi__list>li>a::before {
		content: '';
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		display: block;
		inline-size: 23px;
		block-size: 23px;
		background: url('/assets/common/images/circle-arrow-gray.svg') no-repeat center/contain;
		transition: background .3s ease;
	}

	.global-header-sub-navi__list>li>a:hover::before {
		background-image: url('/assets/common/images/circle-arrow-g.svg');
	}

	/* .global-header-sub-navi .view-more__anchor {
		grid-area: all;
		display: grid;
		gap: 0 15px;
		grid-template-columns: 47px auto;
		align-items: center;
		padding: 0.2em 0;
		font: 400 2.6rem var(--font-family-en);
	}

	.view-all {
		grid-area: all;
		display: grid;
		gap: 0 15px;
		grid-template-columns: 47px auto;
		align-items: center;
		padding: 0.2em 0;
		font: 400 2.6rem var(--font-family-en);
		color: var(--text-base);
	} */


	/* --------- footer --------- */

	/* グローバルフッター */
	.global-footer__container {
		min-block-size: 100vh;
		grid-template-rows: 60px auto 1fr;
	}

	/* パンくずリスト */
	.breadcrumb__container {
		padding-left: 8%;
	}

	.breadcrumb__list {
		min-block-size: 60px;
	}

	/* グローバルフッター・ラップ要素 */
	.global-footer__wrap {
		display: flex;
	}

	/* グローバルフッター・会社情報 */
	.global-footer__info {
		border-right: 1px solid var(--footer-border-color);
		padding: 6rem 12% 6rem 0;
	}

	/* グローバルフッター・会社住所 */
	.global-footer__address {
		font-size: 1.4rem;
		line-height: 1.8;
	}

	/* グローバルフッター・ロゴマーク */
	.global-footer__logo {
		inline-size: 280px;
	}

	/* グローバルフッター・ナビエリア */
	.global-footer-navi {
		flex: 1 0;
		padding: 6rem 0 6rem 8%;
	}

	.global-footer-navi__container {
		display: flex;
		justify-content: end;
		gap: 0 4%;
	}

	.global-footer-navi__title {
		font: 400 2.8rem var(--font-family-en);
		color: #fff;
	}

	.global-footer-navi__list {
		margin-top: 2.4rem;
	}

	.global-footer-navi__list>li {
		font-size: 1.2rem;
		/* line-height: 1.6; */
		color: var(--footer-font-color);
	}

	.global-footer-navi__list>li::before {
		content: 'ー';
		margin-right: 0.25em;
	}

	.global-footer-navi__list>li:not(:first-child) {
		margin-top: 1em;
	}

	.global-footer-navi__list>li>a {
		color: inherit;
		transition: color .3s ease;
	}
	.global-footer-navi__list>li>a:hover {
		color: #fff;
	}

	.global-footer-navi__anchor a {
		display: block;
		border: 1px solid #a6a6a6;
		border-radius: 3px;
		color: #fff;
		font-size: 1.2rem;
		line-height: 1.2;
		text-align: center;
		padding: 1em 5em;
		background: url('/assets/common/images/circle-arrow-gray.svg') no-repeat right 1em center/23px auto;
		transition: color .3s ease , border .3s ease , background .3s ease;
	}
	.global-footer-navi__anchor a:hover {
		border: 1px solid #fff;
		background: url('/assets/common/images/circle-arrow-w.svg') no-repeat right 1em center/23px auto;
	}


	/* グローバルフッター・コピーライト表記 */
	.copyright__container {
		padding-bottom: 2rem;
	}

	/* スマホ専用DOMの非表示 */
	[data-header-type="mobile"] {
		display: none;
	}

	.global-header-navi .square-button {
		display: none;
	}
}


/* ========================================
	1500px以上専用スタイル（PC）
======================================== */
@media print,
screen and (1500px <=width) {}