@charset "UTF-8";
/* CSS Document */
/*------------------------*/
/* 共通設定__変更の場合は報告を! */
/*------------------------*/
/*-----------------------*/
/* 無効化 */
/*-----------------------*/
/*メールのリンクを無効*/
a[href^="mail"] {
	pointer-events: none;
}
/*タッチデバイス以外での電話番号の自動発信を無効*/
/* 960px  */
@media(any-hover: hover) {
	a[href^="tel:"] {
		pointer-events: none;
	}
}
img {
	display: block;
	line-height: 1;

	/* 簡易的なコピー対策が必要な場合は有効にする */
	/* pointer-events: none; */
}
svg {
	vertical-align: top;
}
/* デフォルトのアウトラインを無効化 */
input:focus,
textarea:focus {
	outline: none;
}
:focus:not(:focus-visible) {
	outline: 0; /* キーボード操作"以外"でフォーカスされた際はoutlineを消す */
}
/* ============================== */
/*
focus-visible polyfill
Safariが十分にfocus-visibleに対応したら削除する
*/
/* マウスクリック時にfocusを外す */
.js-focus-visible :focus:not(.focus-visible) {
	outline: none;
}
/* タブ移動時は各ブラウザのデフォルト値を使用 // カスタムする場合は.focus-visibleの中に記述 */
.focus-visible {
	outline: 2px solid var(--color-focus);
	outline-offset: 2px;
}
/* focus-visible polyfill -- end */
/* ============================== */
/* Android/iOSのタップ時のデフォルト設定無効化 */
@media(any-hover: none) {
	a {
		cursor: pointer;

		-webkit-tap-highlight-color: rgba(255, 255, 255, .3);
	}
	.tap-highlight-white {
		cursor: pointer;

		-webkit-tap-highlight-color: rgba(255, 255, 255, .3);
	}
}
/*-----------------------*/
/* 注釈 */
/*-----------------------*/
.annotation {
	font-size: var(--txt-sm);

	display: -webkit-box;

	display: -ms-flexbox;

	display: flex;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.annotation::before {
	font-family: var(--sine);
	font-size: var(--txt-sm);

	content: "※";
}
/*-----------------------*/
/* スクロールバー
/*-----------------------*/
/* 表示されるスクロールバーをデザインに合う形にする */
/* ::-webkit-scrollbar{
	width: 12px;
	height: 12px;
	background: var(--color-scroll-bar);
} */
/*スクロールバーのレール*/
/* ::-webkit-scrollbar-track {
	background: var(--color-scroll-bar);
	border: none;
	border-radius: 12px;
} */
/*スクロールバーの動く部分*/
/* ::-webkit-scrollbar-thumb{
	background-color: var(--color-scroll-bar-body);
    border-radius: 12px;
	box-shadow: none;
} */
/* ::-webkit-scrollbar-thumb:hover{
	background-color: var(--color-scroll-bar-strong);
} */



/*----------------------------*/
/* 以下、共通設定__変更禁止項目 */
/* 	▽	▽	▽	▽	▽	▽ */
/*------------------------*/
/*表示・非表示*/
.none-pc {
	display: none;
}/*pcでのみ非表示*/
.none-tab {
	display: block;
}/*タブレットでのみ非表示*/
.none-sm {
	display: block;
}/*スマホでのみ非表示*/
.none-tab-sm {
	display: block;
}/*タブレットとスマホで非表示*/
.none-pc-tab {
	display: none;
}/*pcとタブレットで非表示*/
.none-pc-sm {
	display: none;
}/*pcとスマホで非表示*/
/*------------------------*/
/*ボーダー設定*/
hr {
	color: #dedede;
}
/*------------------------*/
/*リンクテキスト*/
/* a:link {color: var(--color-link);}
a:visited {color: var(--color-link);} */
/*-------------------------------*/
/* Tablet 959px */
/*------------------------------*/
@media(max-width: 959px) {
	/*表示・非表示*/
	.none-pc {
		display: block;
	}/*pcでのみ非表示*/
	.none-tab {
		display: none;
	}/*タブレットでのみ非表示*/
	.none-sm {
		display: block;
	}/*スマホでのみ非表示*/
	.none-tab-sm {
		display: none;
	}/*タブレットとスマホで非表示*/
	.none-pc-tab {
		display: none;
	}/*pcとタブレットで非表示*/
	.none-pc-sm {
		display: block;
	}/*pcとスマホで非表示*/
}/*Tablet END*/
/*-------------------------------*/
/* Smartphone 559px */
/*------------------------------*/
@media(max-width:559px) {
	/*表示・非表示*/
	.none-pc {
		display: block;
	}/*pcでのみ非表示*/
	.none-tab {
		display: block;
	}/*タブレットでのみ非表示*/
	.none-sm {
		display: none;
	}/*スマホでのみ非表示*/
	.none-tab-sm {
		display: none;
	}/*タブレットとスマホで非表示*/
	.none-pc-tab {
		display: block;
	}/*pcとタブレットで非表示*/
	.none-pc-sm {
		display: none;
	}/*pcとスマホで非表示*/
}/*Smartphone END*/