@charset "UTF-8";
/* CSS Document */
/*------------------------*/
/* 共通設定__変更の場合は報告を! */
/*------------------------*/
/*-----------------------*/
/* 無効化 */
/*-----------------------*/
/*メールを無効*/
a[href^="mail"]{
	pointer-events: none;
}
/*PCでの電話番号の自動発信を無効*/
/* 960px  */
@media(min-width:960px) {
    a[href^="tel:"]{
      pointer-events: none;
    }
}
img{
	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: 3px solid red; */
}
/* focus-visible polyfill -- end */
/* ============================== */
/* Android/iOSのタップ時のデフォルト設定無効化 */
@media(any-hover: none){
	a{
		-webkit-tap-highlight-color:rgba(0,0,0,0);
		cursor:pointer;
	}
}
/*-----------------------*/
/* 注釈 */
/*-----------------------*/
.attention{
	font-size: var(--txt-sm--ie);
	font-size: var(--txt-sm);
	display: flex;
	align-items: flex-start;
}
.attention::before{
	content: "※";
	font-size: var(--txt-sm--ie);
	font-size: var(--txt-sm);
}
/*-----------------------*/
/* スクロールバー
/*-----------------------*/
/* 表示されるスクロールバーをデザインに合う形にする */
/* ::-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*/