@charset "UTF-8";
/*===============================================================*/
/* 目次
	1.WEBフォント
	2.変数定義
	3.リセットCSS
	4.要素スタイルの定義
	5.コンポーネントスタイル定義（c-）
	6.オブジェクトスタイル定義（o-）
	7.レイアウトスタイル定義（l-）
		グローバルレイアウト：全ページで利用されるレイアウト
		カテゴリレイアウト　：各カテゴリ単位で利用されるレイアウト（サイトマップに準拠）
	8.javascriptスタイル定義（js-）
	9.ユーティリティスタイル（u-）
/*===============================================================*/


/*===============================================================*/
/* 1.WEBフォント
/*===============================================================*/
/*本サイトでは利用してはいけないルールとなります*/


/*===============================================================*/
/* 2.変数定義
/*===============================================================*/

:root{
	/*色：無彩色*/
	--color-gray:#F4F4F4;
	--color-black:#323232;

	/*色：赤系*/
	--color-red:#E50012;
	--color-pink:#DF6078;
	--color-lightPink:#FFE6EA;

	/*色：青系*/
	--color-blue:#3399CC;
	--color-blue__pale:#DFEDF4;
	--color-blue__light:#66BBDD;
	--color-blue__vivid:#0066CC;

	/*色：黄色系*/
	--color-yellow:#FFF800;
	--color-yellow__pale:#FFF7D7;

	/*色：グラデーション：青系*/
	--color-grad-blue:linear-gradient(0deg, rgba(24,152,173,1) 0%, rgba(26,40,170,1) 100%);

	/*フォント定義*/
	--font-default:"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;

	/*icons*/
	/*icon:PDF*/
	--icon-pdf__red:url(../image/icon_pdf__red.svg);
	--icon-pdf__white:url(../image/icon_pdf__white.svg);

	/*icon:Excel*/
	--icon-excel__green:url(../image/icon_excel__green.svg);

	/*icon:Word*/
	--icon-word__blue:url(../image/icon_word__blue.svg);

	/*icon:外部リンク*/
	--icon-gaibu__black:url(../image/icon_gaibu__black.svg);
	--icon-gaibu__white:url(../image/icon_gaibu__white.svg);
	--icon-gaibu__red:url(../image/icon_gaibu__red.svg);

	/*icon:オープン可能アイコン「+」*/
	--icon-open__white:url(../image/icon_open__white.svg);
	--icon-open__black:url(../image/icon_open__black.svg);

	/*icon:クローズするアイコン「-」*/
	--icon-close__white:url(../image/icon_close__white.svg);
	--icon-close__black:url(../image/icon_close__black.svg);

	/*icon:アイコン「×」*/
	--icon-batsu__black:url(../image/icon_batsu__black.svg);

	/*icon:アイコン「→」*/
	--icon_maruYajirushiRight__black:url(../image/icon_maruYajirushiRight__black.svg);
	--icon_maruYajirushiRight__white:url(../image/icon_maruYajirushiRight__white.svg);
	--icon_maruYajirushiRight__red:url(../image/icon_maruYajirushiRight__red.svg);
	--icon_maruYajirushiRight__white__red:url(../image/icon_maruYajirushiRight__white__red.svg);

	/*icon:初心者マーク*/
	--icon_beginner__black:url(../image/icon_beginner__black.svg);
	--icon_wakaba__red:url(../image/icon_wakaba__red.svg);

	/*icon:検索アイコン（虫眼鏡）*/
	--icon_search__black:url(../image/icon_search__black.svg);

	/*icon:南京錠アイコン*/
	--icon_key__black:url(../image/icon_key__black.svg);
	--icon_key__white:url(../image/icon_key__white.svg);

	/*icon:「！」アイコン*/
	--icon_caution__color:url(../image/icon_caution__color.svg);
	--icon_caution__red:url(../image/icon_caution__red.svg);

	/*icon：しおりアイコン*/
	--icon_shiori__red:url(../image/icon_shiori__red.svg);

	/*icon：ピンアイコン*/
	--icon_pin__red:url(../image/icon_pin__red.svg);

	/*icon：パソコンアイコン*/
	--icon_pc__yellow:url(../image/yellow/icon_yellow__pc.svg);

	/*icon：スマホアイコン*/
	--icon_sp__yellow:url(../image/yellow/icon_yellow__sp.svg);

	/*icon：アップロードアイコン*/
	--icon_upload__black:url(../image/icon_upload__black.svg);

	/*icon：テスト用：本番で消す*/
	--icon-test:url(https://placehold.jp/150x150.png)
}



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del,
dfn, em, font, ins, kbd, q, s, samp, small, strike,
strong, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
}

body {
	line-height: 1;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
}

/* inline-block --> block */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/*===============================================================*/
/* 4.要素スタイルの定義
/*===============================================================*/
/*----------------------------*/
/*全要素
/*----------------------------*/
*{
	box-sizing: border-box;
}

/*----------------------------*/
/*構造
/*----------------------------*/
html {
	font-size: 62.5%;/* rem単位基準値 : 1rem = 10px 換算 */
}

body{
	font-family:var(--font-default);
	font-size: 1.6rem;
	position: relative;
	line-height: 1.5;
	margin: 0;
}

@media screen and (max-width:814px){
	html {
		font-size: 56.25%;/* rem単位基準値 : 1rem = 9px 換算 */
	}
}

/*----------------------------*/
/*見出し
/*----------------------------*/
/* -- H2 --*/
h2{
	padding: 40px 0;
	margin-bottom: 50px;
	background-color: var(--color-lightPink);
	text-align: center;
	font-size: 3.4rem;
	font-weight: bold;
}

@media screen and (max-width:814px){
	h2{
		font-size: 2.8rem;
	}
}

/* -- H3 --*/
h3{
	position: relative;
	padding: 40px 0 20px 0;
	margin-bottom: 50px;
	border-bottom: 1px solid #7f7f7f;
	text-align: center;
	font-size: 2.8rem;
	font-weight: bold;
}

h3:after{
	content: "";
	display: block;
	position: absolute;
	width: 40%;
	max-width: 360px;
	height: 1px;
	left: 0;
	right: 0;
	bottom: -1px;
	margin: auto;
	background-color: #e50012;
}

@media screen and (max-width:814px){
	h3{
		font-size: 2.2rem;
	}
}

/* -- H4 --*/
h4{
	position: relative;
	padding: 40px 0 20px 0;
	margin-bottom: 30px;
	text-align: center;
	font-size: 2.6rem;
	font-weight: bold;
}

h4:after{
	content: "";
	display: block;
	position: absolute;
	width: 180px;
	height: 1px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background-color: #e50012;
}


@media screen and (max-width:814px){
	h4{
		font-size: 2.0rem;
	}
}

/* -- H5 --*/
h5{
	position: relative;
	padding: 40px 0 20px 0;
	margin-bottom: 30px;
	text-align: center;
	font-size: 2.4rem;
	font-weight: bold;
	color: #e50012;
}

h5:after{
	content: "";
	display: block;
	position: absolute;
	width: 50px;
	height: 1px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background-color: #e50012;
}

@media screen and (max-width:814px){
	h5{
		font-size: 1.8rem;
	}
}

/* -- H6 --*/
/*定義なし*/

/*----------------------------*/
/*リスト関連（UL/OL/DL）
/*----------------------------*/
/* -- UL：箇条書き --*/
ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

ul > li{
	margin-left: 1.5em;
	list-style: disc;
	text-indent: 0px;
}

/* -- OL：番号付きリスト --*/
ol{
	margin: 0;
	padding: 0;
	list-style: none;
}

ol > li{
	margin-left: 1.2em;
	list-style: decimal;
	text-indent: 0px;
}

/* -- DL：説明リスト --*/
dl{
	margin: 0;
}

dt{
	font-weight: bold;
}

dd{
	box-sizing: border-box;
	padding-left: 0.8em;
	margin: 0;
}

/*----------------------------*/
/*テーブル・表組（TABEL）
/*----------------------------*/

table{
	border-collapse: collapse;
	border-spacing: 0;
}

table th, table td{
	padding: 25px 15px;
	border: 1px solid #b7b7b9;
	vertical-align: middle;
}

table th{
	background-color: #f4f4f6;
	font-weight: bold;
}

table td{
	text-align: left;
}

/*----------------------------*/
/*テキスト・リンク関連
/*----------------------------*/
/* -- a：リンク --*/
a{
	cursor: pointer;
	text-decoration: underline;
	color:#000000;
}

/* -- p：段落 --*/
p{
	line-height: normal;
}

/* -- blockquote：引用 --*/
blockquote{
	position: relative;
	background-color: #EFEFEF;
	padding: 2.5em 1.5em;
	border-radius: 6px;
}

blockquote:before{
	content: "“";
	display: inline-block;
	position: absolute;
	left:0.8em;
	top: 0.7em;
	font-size: 200%;
}

blockquote:after{
	content: "”";
	display: inline-block;
	position: absolute;
	right:1.5em;
	bottom: 1.0em;
	font-size: 200%;
	line-height: 1;
}

/* -- strong：強調 --*/
strong{
	font-weight: bold;
}

/* -- em：斜体 --*/
em{
	font-style: italic;
}
/* -- s：取り消し線 --*/
s{
	display: inline-flex;
}

/*----------------------------*/
/*画像関連
/*----------------------------*/

img{
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
	object-fit: contain;
}


/*----------------------------*/
/*フォーム関連（入力：input・select・textarea）
/*----------------------------*/

/* -- 一律設定 --*/
input {
	vertical-align:middle;
	-webkit-appearance: none;
	appearance: none;
}



input[type="text"],
input[type="tel"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="date"],
input[type="month"],
textarea{
	font-family: var(--font-default);
	line-height: 2.2em;
	padding: 8px 3px;
	border: solid #CDCDCD 2px;
	background-color: #FFF;
	color: inherit;
	border-radius: 3px;
	font-size: 1.8rem;
}

/*readonly 設定*/
input[type="text"]:read-only,
input[type="tel"]:read-only,
input[type="email"]:read-only,
input[type="number"]:read-only,
input[type="search"]:read-only,
input[type="date"]:read-only,
input[type="month"]:read-only,
textarea:read-only,
select:disabled{
	background-color: #F9F9F9;
}

/*disabled 設定*/
input[type="text"]:disabled,
input[type="tel"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="search"]:disabled,
input[type="date"]:disabled,
input[type="month"]:disabled,
textarea:disabled,
select:disabled{
	background-color: #F9F9F9;
}

/* -- input::placeholder：プレースホルダー --*/
input::placeholder{
	color: #ADADAD;
}


/* -- textarea：テキストエリア --*/
textarea{
	line-height: 2.0rem;
	padding: 2px 5px;
	width: 100%;
}

/* -- select：セレクトボックス --*/

select{
	-webkit-appearance: none;
	appearance: none;
	height: 2.1em;
	line-height: 2.1em;
	padding: 8px 3px;
	padding-right: 1.2em;
	border: solid #CDCDCD 2px;
	background-color: #FFF;
	background-image: url(../image/icon_selectArrow__black.svg);
	background-size: 0.50em;
	background-repeat: no-repeat;
	background-position: right 6px center;
	color: inherit;
	border-radius: 3px;
	font-size: 1.8rem;
	max-width: calc( 100% - ( 8px + 1em ) );
	box-sizing:content-box;
}

/* -- input[type="checkbox"]：チェックボックス--*/
input[type="checkbox"]{
	/* 表示無効化*/
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	-webkit-appearance: none;
	appearance: none;
	position: absolute;
}

input[type="checkbox"] + label{
	display: inline-block;
	position:relative;
	min-height: 2.2em;
	line-height: 2.2em;
	vertical-align: middle;
	padding: 8px 8px;
	padding-left:40px;
	cursor:pointer;
	border: solid 2px transparent;
}

input[type="checkbox"] + label:before{
	position: absolute;
	top:50%;
	left:7px;
	transform: translateY(-50%);
	content: "";
	width: 20px;
	height: 20px;
	border: 2px solid #686868;
	border-radius: 5px;
	background-color:#FFF;
}

/*チェックされているとき*/
input[type="checkbox"]:checked + label:after{
	content: "";
	position: absolute;
	top:50%;
	left:-3px;
	transform: rotate(45deg) translate(-3px,calc((50% + 12px) * -1));
	width: 10px;
	height: 20px;
	border: solid 2px transparent;
	border-bottom: 4px solid #686868;
	border-right: 4px solid #686868;
	border-radius: 2px;
	background: transparent;
	box-shadow: none;
}

/*無効化されているとき*/
input[type="checkbox"]:disabled + label{
	color: #DFDFDF;
	cursor:default;
}

input[type="checkbox"]:disabled + label:before{
	border: 1px solid #DFDFDF;
	background-color: #DFDFDF;
}

/*フォーカスされているとき*/
input[type="checkbox"]:focus + label{
	border: solid 2px #DFDFDF;
}

@media screen and (max-width: 814px){
	input[type="checkbox"] + label{
		display: block;
	}

}


/* -- input[type="radio"]：ラジオボタン --*/
input[type="radio"]{
	/* 表示無効化*/
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	-webkit-appearance: none;
	appearance: none;
	position: absolute;
	font-size: 1.8rem;
}

input[type="radio"] + label{
	display: inline-block;
	position:relative;
	min-height: 2.2em;
	line-height: 2.2em;
	vertical-align: middle;
	padding: 9px 8px;
	padding-left:40px;
	cursor:pointer;
	border: solid 2px transparent;
}

input[type="radio"] + label:before{
	position: absolute;
	top:50%;
	left:5px;
	transform: translateY(-50%);
	content: "";
	width: 25px;
	height: 25px;
	border: 1px solid #686868;
	border-radius: 1em;
	background-color: #FFFFFF;
}
/*チェックされているとき*/
input[type="radio"]:checked + label:after{
	position: absolute;
	top:calc(50% + 4px);
	left:calc(4px + 5px);
	transform: translateY(calc((50% + 4px) * -1));
	content: "";
	width: 19px;
	height: 19px;
	border: none;
	background-color: #686868;
	border-radius: 1em;
}
/*無効化されているとき*/
input[type="radio"]:disabled + label{
	color: #DFDFDF;
	cursor:default;
}

input[type="radio"]:disabled + label:before{
	border: 1px solid #DFDFDF;
	background-color: #DFDFDF;
}
/*フォーカスされているとき*/
input[type="radio"]:focus + label{
	border: solid 2px #DFDFDF;
}

@media screen and (max-width: 814px){
	input[type="radio"] + label{
		display: block;
	}
}

/* -- input[type="number"]：数値入力--*/
input[type="number"]{
	text-align: right;
	padding-right: 0;
}

/* -- input[type="date"]：年月日（カレンダー）- --*/
input[type="date"]{ text-align: right; }

/* -- input[type="month"]：年月（カレンダー）- --*/
input[type="month"]{ text-align: right; }

/* -- input[type="text"]：テキスト --*/
/*設定なし*/

/* -- input[type="tel"]：電話番号 --*/
/*設定なし*/

/* -- input[type="email"]：E-mail --*/
/*設定なし*/

/* -- input[type="search"]：検索 --*/
/*設定なし*/


/* -- input[type="file"] アップロードボタン --*/
input[type="file"]{
	/* 表示無効化*/
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	-webkit-appearance: none;
	appearance: none;
	position: absolute;
	top:0;
	right:0;
	z-index: -999;
}


/*----------------------------*/
/*フォーム関連（ボタン：submit・button）
/*----------------------------*/
/*共通設定*/
input[type="submit"],
input[type="button"],
button {
	/* iOSでのデフォルトスタイルをリセット */
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	border: solid 1px #252525;

	/* 装飾 */
	padding: 10px 20px;
	background-color: #FFF;
	border:none;
	font-weight: normal;
	min-height: 30px;
	cursor:pointer;
	font-size: 1.6rem;
	cursor: pointer;
	transition: opacity 0.3s;
	opacity: 1;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration,
button::-webkit-search-decoration {
	display: none;
}
input[type="submit"]:focus,
input[type="button"]:focus,
button:focus {
	outline-offset: -2px;
}

input[type="submit"]:hover,
input[type="button"]:hover,
button:hover {
	opacity: 0.6;
}

/*----------------------------*/
/*フォーム関連（レイアウト関連：fieldset・legend）
/*----------------------------*/

fieldset {
  border: none;
  padding: 0;
  margin: 0;
}

fieldset + fieldset{
	margin-top: 10px;
}


/*----------------------------*/
/*外部ソース読込関連（iframe）
/*----------------------------*/
iframe{
	max-width: 100%;
}

@media screen and (max-width:814px){
	iframe{
		width: 100%;
	}
}


/*===============================================================*/
/* 5.コンポーネントスタイル定義（c-）
/*===============================================================*/
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/* （c-）テキスト関連
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/

/*-- 強調 .c-focus --*/
.c-focus{
	background-color: #eee;
	padding: 20px;
	margin: auto;
	border-radius: 6px;
}

.c-focus__midashi,
.c-focus h2,
.c-focus h3,
.c-focus h4,
.c-focus h5,
.c-focus h6{
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
	background-color: transparent;
	text-align: left;
	border: 0;
	color: #000;
}

.c-focus__midashi::after,
.c-focus h2::after,
.c-focus h3::after,
.c-focus h4::after,
.c-focus h5::after,
.c-focus h6::after{
	display: none;
}

/*-- 注意・警告 .c-attention --*/
.c-attention{
	background-color: #fedee1;
	padding: 20px;
	margin: auto;
	border-radius: 6px;
}

.c-attention__midashi,
.c-attention h2,
.c-attention h3,
.c-attention h4,
.c-attention h5,
.c-attention h6{
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
	background-color: transparent;
	text-align: left;
	border: 0;
	color: var(--color-red);
}

.c-attention__midashi::after,
.c-attention h2::after,
.c-attention h3::after,
.c-attention h4::after,
.c-attention h5::after,
.c-attention h6::after{
	display: none;
}

/*-- 例 .c-attention --*/
.c-example{
	background-color: var(--color-yellow__pale);
	padding: 20px;
	margin: auto;
	border-radius: 6px;
}

.c-example__midashi,
.c-example h2,
.c-example h3,
.c-example h4,
.c-example h5,
.c-example h6{
	font-size: 1.8rem;
	font-weight: bold;
	margin: 0;
	padding: 0;
	margin-bottom: 8px;
	background-color: transparent;
	text-align: left;
	border: 0;
	color: #000;
}

.c-example__midashi::after,
.c-example h2::after,
.c-example h3::after,
.c-example h4::after,
.c-example h5::after,
.c-example h6::after{
	display: none;
}

/*-- コメテキスト .c-komeText --*/
ul.c-komeText{
	padding: 0;
	margin-top: 1em;
}

.c-komeText,
ul.c-komeText li{
	display: block;
	position: relative;
	padding: 0;
	padding-left: 1.5em;
	margin: 0;
	line-height: 1.4em;
	font-size: 1.4rem;
}

* + .c-komeText{
	margin-top: 0.6em;
}

.c-komeText + .c-komeText,
ul.c-komeText li + li{
	margin-top: 0.3em;
}


.c-komeText::before,
ul.c-komeText li::before{
	content: "*";
	display: inline-block;
	position: absolute;
	top: 1em;
	transform: translateY(-0.8em);
	left: 0.5em;
}

ul.c-komeText::before{
	display: none;
}

@media screen and (max-width: 814px){
	.c-komeText{
		font-size: 1.2rem;
	}
}

/*-- インデントテキスト .c-indentText --*/
.c-indentText{
	display: inline-block;
	padding-left: 2em;
	position: relative;
}

.c-indentText:before{
	display: inline-block;
	content:"-";
	position: absolute;
	left:0.5em;
}


/*---  電話番号関連  -----*/
/*-- 電話番号テキスト .c-telTextType1 --*/
.c-telTextType1{
	display: block;
	text-align: center;
}

.c-telTextType1__wrap{
	display: inline-block;
	padding: 12px;
	border: solid 1px #B2B2B2;
	font-size: 3.6rem;
	font-size: clamp(2.4rem,2.9vw,3.6rem);
	font-weight: bold;
	letter-spacing: 0em;
	border-radius: 7px;
	width: 100%;
	max-width: 400px;

	/*リンクスタイル回避*/
	text-decoration: none;
}

.c-telTextType1__wrap:before{
	content: "";
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	margin-right: 5px;
	background-image: url(../image/icon_black__phone.svg);
}

/*-- 電話番号テキスト .c-telTextTypeRuby --*/
.c-telTextTypeRuby{
	display: block;
	text-align: center;
}

.c-telTextTypeRuby__wrap{
	display: inline-block;
	padding: 12px;
	padding-bottom: 0.25em;
	border: solid 1px #B2B2B2;
	font-size: 3.6rem;
	font-size: clamp(2.4rem,3.5vw,3.6rem);
	font-weight: bold;
	letter-spacing: 0em;
	border-radius: 7px;
	width: 100%;
	max-width: 400px;

	/*リンクスタイル回避*/
	text-decoration: none;
}

.c-telTextTypeRuby__wrap:before{
	content: "";
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	background-image: url(../image/icon_black__phone.svg);
}

.c-telTextTypeRuby__ruby rt{
	font-size: 40%;
}

/*-- c-freedialType1:フリーダイヤルスタイル1 --*/
.c-freedialType1{
	display: block;
	text-align: center;
}

.c-freedialType1__wrap{
	display: inline-block;
	/*padding: 24px;*/
	padding: 0.75em;
	padding-bottom: 0.25em;
	border: solid 1px #B2B2B2;
	font-size: 3.6rem;
	font-size: clamp(2.4rem,3.5vw,3.6rem);
	font-weight: bold;
	letter-spacing: 0em;
	border-radius: 7px;
	width: 100%;
	max-width: 400px;
	/*リンクスタイル回避*/
	text-decoration: none;
}

.c-freedialType1__wrap::before{
	content: "";
	display: inline-block;
	width: 1em;
	height: 0.75em;
	background-image: url(../image/icon_freedial.svg);
	background-repeat: no-repeat;
}

.c-freedialType1__ruby rt{
	font-size: 40%;
}





/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/* （c-）リンク関連
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/* -- テキストのみのリンク（ボタン型） c-btnLink --*/
.c-btnLink,
.c-btnLink__red,
.c-btnLink__blue{
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap:10px;
	text-decoration: none;
	padding: 10px;
	transition: background-color 0.3s;
	font-weight: bold;
	border-radius: 8px;
	border: 1px #ADADAD solid;
	background-color: #FFFFFF;
	color: #000000;
	box-shadow: 0 5px 0 0 rgba(153,153,153,0.6);
	margin-bottom: 5px; /*box-shadow分*/
}

.c-btnLink:hover,
.c-btnLink__red:hover,
.c-btnLink__blue:hover{
	background-color: #EEEEEE;
}

.c-btnLink:active,
.c-btnLink__red:active,
.c-btnLink__blue:active{
	transform: translateY(5px);
	box-shadow: 0 0px 0 0 rgba(153,153,153,0.6);
}


/*カラーバリエーション：赤色*/
.c-btnLink__red{
	background-color: #E50012;
	box-shadow: 0 5px 0 0 rgba(183, 0, 31, 1);
	border: none;
	color: #FFFFFF;
}

.c-btnLink__red:hover{
	background-color: #bd000f;
	box-shadow: 0 5px 0 0 rgba(153, 0, 12, 1);
}

.c-btnLink__red:active{
	box-shadow: 0 0px 0 0 rgba(183, 0, 31, 1);
}

/*カラーバリエーション：青色*/
.c-btnLink__blue{
	background-color: #0076CE;
	box-shadow: 0 5px 0 0 rgb(0 86 112);
	border: none;
	color: #FFFFFF;
}

.c-btnLink__blue:hover{
	background-color: #0264ad;
	box-shadow: 0 5px 0 0 rgba(0, 69, 120, 1);
}

.c-btnLink__blue:active{
	box-shadow: 0 0px 0 0 rgb(0 86 112);
}


/* -- アイコン付きリンク（ボタン型：横並び） c-btnLinkRow --*/
.c-btnLinkRow,
.c-btnLinkRow__red,
.c-btnLinkRow__blue{
	display: inline-flex;
	flex-direction: row;
	align-items: center;
	gap:10px;
	padding: 10px;

	/*テキスト*/
	font-weight: bold;
	color: #000000;
	text-decoration: none;

	/*装飾*/
	background-color: #FFFFFF;
	border-radius: 8px;
	border: 1px #ADADAD solid;
	box-shadow: 0 5px 0 0 rgba(153,153,153,0.6);
	margin-bottom: 5px; /*box-shadow分*/

	/*アニメーション設定*/
	transition: background-color 0.3s;
}

.c-btnLinkRow:hover,
.c-btnLinkRow__red:hover,
.c-btnLinkRow__blue:hover{
	background-color: #EEEEEE;
}

.c-btnLinkRow:active,
.c-btnLinkRow__red:active,
.c-btnLinkRow__blue:active{
	transform: translateY(5px);
	box-shadow: 0 0px 0 0 rgba(153,153,153,0.6);
}

.c-btnLinkRow__icon{
	display: block;
	width: 45px;
	height: 45px;
	/*テキスト飛ばし*/
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	/*画像のレイアウト設定*/
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.c-btnLinkRow__label{
	display: block;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
}

/*カラーバリエーション*：赤色*/
.c-btnLinkRow__red{
	background-color: #E50012;
	box-shadow: 0 5px 0 0 rgba(183, 0, 31, 1);
	border: none;
	color: #FFFFFF;
}

.c-btnLinkRow__red:hover{
	background-color: #bd000f;
	box-shadow: 0 5px 0 0 rgba(153, 0, 12, 1);
}

.c-btnLinkRow__red:active{
	box-shadow: 0 0px 0 0 rgba(183, 0, 31, 1);
}


/*カラーバリエーション*：青色*/
.c-btnLinkRow__blue{
	background-color: #0076CE;
	box-shadow: 0 5px 0 0 rgb(0 86 112);
	border: none;
	color: #FFFFFF;
}

.c-btnLinkRow__blue:hover{
	background-color: #0264ad;
	box-shadow: 0 5px 0 0 rgba(0, 69, 120, 1);
}

.c-btnLinkRow__blue:active{
	box-shadow: 0 0px 0 0 rgb(0 86 112);
}


/* -- アイコン付きリンク（ボタン型：縦並び） c-btnLinkCol --*/
.c-btnLinkCol,
.c-btnLinkCol__red,
.c-btnLinkCol__blue{
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap:10px;
	padding: 10px;

	/*テキスト*/
	font-weight: bold;
	color: #000000;
	text-decoration: none;

	/*装飾*/
	background-color: #FFFFFF;
	border-radius: 8px;
	border: 1px #ADADAD solid;
	box-shadow: 0 5px 0 0 rgba(153,153,153,0.6);
	margin-bottom: 5px; /*box-shadow分*/

	/*アニメーション設定*/
	transition: background-color 0.3s;
}

.c-btnLinkCol:hover,
.c-btnLinkCol__red:hover,
.c-btnLinkCol__blue:hover{
	background-color: #EEEEEE;
}

.c-btnLinkCol:active,
.c-btnLinkCol__red:active,
.c-btnLinkCol__blue:active{
	transform: translateY(5px);
	box-shadow: 0 0px 0 0 rgba(153,153,153,0.6);
}

.c-btnLinkCol__icon{
	display: block;
	width: 42px;
	height: 42px;
	/*テキスト飛ばし*/
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	/*画像のレイアウト設定*/
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.c-btnLinkCol__label{
	display: block;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
}

/*カラーバリエーション：赤色*/
.c-btnLinkCol__red{
	background-color: #E50012;
	box-shadow: 0 5px 0 0 rgba(183, 0, 31, 1);
	border: none;
	color: #FFFFFF;
}

.c-btnLinkCol__red:hover{
	background-color: #bd000f;
	box-shadow: 0 5px 0 0 rgba(153, 0, 12, 1);
}

.c-btnLinkCol__red:active{
	box-shadow: 0 0px 0 0 rgba(183, 0, 31, 1);
}

/*カラーバリエーション：青色*/
.c-btnLinkCol__blue{
	background-color: #0076CE;
	box-shadow: 0 5px 0 0 rgb(0 86 112);
	border: none;
	color: #FFFFFF;
}

.c-btnLinkCol__blue:hover{
	background-color: #0264ad;
	box-shadow: 0 5px 0 0 rgba(0, 69, 120, 1);
}

.c-btnLinkCol__blue:active{
	box-shadow: 0 0px 0 0 rgb(0 86 112);
}



/* -- アイコン付きリンク（外部・PDF・通常リンク） c-btnIconLink --*/
.c-btnIconLink,
.c-btnIconLink[target="_blank"],
.c-btnIconLink.this-blank,
.c-btnIconLink[href$=".pdf"],
.c-btnIconLink[href$=".doc"],
.c-btnIconLink[href$=".docm"],
.c-btnIconLink[href$=".docx"],
.c-btnIconLink[href$=".xlsx"],
.c-btnIconLink[href$=".xls"],
.c-btnIconLink[href$=".xlsm"],
.c-btnIconLink[href$=".xlw"]{
	display: inline-flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	gap:10px;
	padding: 10px;

	/*テキスト*/
	font-weight: bold;
	color: #000000;
	text-decoration: none;

	/*装飾*/
	background-color: #FFFFFF;
	border-radius: 8px;
	border: 1px #ADADAD solid;
	box-shadow: 0 5px 0 0 rgba(153,153,153,0.6);
	margin-bottom: 5px; /*box-shadow分*/

	/*アニメーション設定*/
	transition: background-color 0.3s;
}

.c-btnIconLink:hover,
.c-btnIconLink[target="_blank"]:hover,
.c-btnIconLink.this-blank:hover,
.c-btnIconLink[href$=".pdf"]:hover,
.c-btnIconLink[href$=".doc"]:hover,
.c-btnIconLink[href$=".docm"]:hover,
.c-btnIconLink[href$=".docx"]:hover,
.c-btnIconLink[href$=".xlsx"]:hover,
.c-btnIconLink[href$=".xls"]:hover,
.c-btnIconLink[href$=".xlsm"]:hover,
.c-btnIconLink[href$=".xlw"]:hover{
	background-color: #EEEEEE;
}

.c-btnIconLink:active,
.c-btnIconLink[target="_blank"]:active,
.c-btnIconLink.this-blank:active,
.c-btnIconLink[href$=".pdf"]:active,
.c-btnIconLink[href$=".doc"]:active,
.c-btnIconLink[href$=".docm"]:active,
.c-btnIconLink[href$=".docx"]:active,
.c-btnIconLink[href$=".xlsx"]:active,
.c-btnIconLink[href$=".xls"]:active,
.c-btnIconLink[href$=".xlsm"]:active,
.c-btnIconLink[href$=".xlw"]:active{
	transform: translateY(5px);
	box-shadow: 0 0px 0 0 rgba(153,153,153,0.6);
}

.c-btnIconLink__icon{
	display: block;
	width: 1em;
	height: 1em;
	/*テキスト飛ばし*/
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	/*画像のレイアウト設定*/
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
}

.c-btnIconLink .c-btnIconLink__icon{
	background-image: var(--icon_maruYajirushiRight__black);
}

.c-btnIconLink[target="_blank"] .c-btnIconLink__icon,
.c-btnIconLink.this-blank .c-btnIconLink__icon{
	background-image: var(--icon-gaibu__black);
}

.c-btnIconLink[href$=".pdf"] .c-btnIconLink__icon{
	background-image: var(--icon-pdf__red);
}

.c-btnIconLink[href$=".xlsx"] .c-btnIconLink__icon,
.c-btnIconLink[href$=".xls"] .c-btnIconLink__icon,
.c-btnIconLink[href$=".xlsm"] .c-btnIconLink__icon,
.c-btnIconLink[href$=".xlw"] .c-btnIconLink__icon{
	background-image: var(--icon-excel__green);
}

.c-btnIconLink[href$=".doc"] .c-btnIconLink__icon,
.c-btnIconLink[href$=".docm"] .c-btnIconLink__icon,
.c-btnIconLink[href$=".docx"] .c-btnIconLink__icon{
	background-image: var(--icon-word__blue);
}


.c-btnIconLink__label{
	background-image: none;
	display: block;
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
	width:calc(100% - 1.5em);
}


/* カラーバリエーション：赤色*/
.c-btnIconLink__red,
.c-btnIconLink__red[target="_blank"],
.c-btnIconLink__red.this-blank,
.c-btnIconLink__red[href$=".pdf"]{
	display: inline-flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	gap:10px;
	padding: 10px;

	/*テキスト*/
	font-weight: bold;
	color: #FFF;
	text-decoration: none;

	/*装飾*/
	background-color: var(--color-red);
	border-radius: 8px;
	border: none;
	box-shadow: 0 5px 0 0 rgba(183, 0, 31, 1);
	margin-bottom: 5px; /*box-shadow分*/

	/*アニメーション設定*/
	transition: background-color 0.3s;
}

.c-btnIconLink__red:hover,
.c-btnIconLink__red[target="_blank"]:hover,
.c-btnIconLink__red.this-blank:hover,
.c-btnIconLink__red[href$=".pdf"]:hover{
	background-color: #bd000f;
    box-shadow: 0 5px 0 0 rgb(153 0 12);
}

.c-btnIconLink__red:active,
.c-btnIconLink__red[target="_blank"]:active,
.c-btnIconLink__red.this-blank:active,
.c-btnIconLink__red[href$=".pdf"]:active{
	transform: translateY(5px);
	box-shadow: 0 0px 0 0 rgba(183, 0, 31, 1);
}

.c-btnIconLink__red .c-btnIconLink__icon{
	background-image: var(--icon_maruYajirushiRight__white__red);
}

.c-btnIconLink__red[target="_blank"] .c-btnIconLink__icon,
.c-btnIconLink__red.this-blank .c-btnIconLink__icon{
	background-image: var(--icon-gaibu__white);
}

.c-btnIconLink__red[href$=".pdf"] .c-btnIconLink__icon{
	background-image: var(--icon-pdf__white);
}



/* -- アンカーリンク（ボタン型） c-btnAnchorLink --*/
.c-btnAnchorLink,
.c-btnAnchorLink__red
{
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap:10px;
	text-decoration: none;
	padding: 10px;
	transition: background-color 0.3s;
	font-weight: bold;
	border-radius: 8px;
	border: 1px #ADADAD solid;
	background-color: #FFFFFF;
	color: #000000;
	box-shadow: 0 5px 0 0 rgba(153,153,153,0.6);
	margin-bottom: 5px; /*box-shadow分*/
}


.c-btnAnchorLink:after,
.c-btnAnchorLink__red:after{
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	margin: auto;
	border-bottom: 3px solid #4f4f4f;
	border-right: 3px solid #4f4f4f;
	transform: rotate(45deg);
	position: relative;
	top: -5px;
	transition: 0.1s top;
}

.c-btnAnchorLink:hover{
	background-color: #EEEEEE;
}

.c-btnAnchorLink:hover:after,
.c-btnAnchorLink__red:hover:after{
	top: 0px;
}

.c-btnAnchorLink:active,
.c-btnAnchorLink__red:active{
	transform: translateY(5px);
	box-shadow: 0 0px 0 0 rgba(153,153,153,0.6);
}


/*カラーバリエーション：赤*/
.c-btnAnchorLink__red{
	background-color: #E50012;
	box-shadow: 0 5px 0 0 rgba(183, 0, 31, 1);
	border: none;
	color: #FFFFFF;
}

.c-btnAnchorLink__red:after{
	border-bottom: 3px solid #FFF;
	border-right: 3px solid #FFF;
}

.c-btnAnchorLink__red:hover{
	background-color: #bd000f;
	box-shadow: 0 5px 0 0 rgba(153, 0, 12, 1);
}

.c-btnAnchorLink__red:active{
	box-shadow: 0 0px 0 0 rgba(183, 0, 31, 1);
}




/* -- アンカーリンク（ボタン型） c-anchorBlock --*/
.c-anchorBlock,
.c-anchorBlock__pink,
.c-anchorBlock__lightblue{
	display: flex;
	margin: 1em 0;
	padding: 20px 0;
	justify-content: space-around;
	align-items: center;
}

/*カラーバリエーション*/
.c-anchorBlock__lightblue{
	background-color: #d8edfe;
}

.c-anchorBlock__pink{
	background-color: #fedee1;
}

/*リンク定義*/
.c-anchorBlock__link{
	display: inline-block;
	position: relative;
	padding: 10px 15px;
	width: 100%;
	border-right: 1px solid #7c716f;
	font-weight: bold;
	text-decoration: none;
	transition: 0.1s;
	text-align: center;
}

.c-anchorBlock__link:after{
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	margin: auto;
	border-bottom: 2px solid #a2a0a1;
	border-right: 2px solid #a2a0a1;
	transform: rotate(45deg);
	position: relative;
	top: 0px;
	transition: 0.1s;
}

.c-anchorBlock__link:last-child{
	border: none;
}

.c-anchorBlock__link:hover:after{
	top: 5px;
}

@media screen and (max-width:814px){
	.c-anchorBlock,
	.c-anchorBlock__pink,
	.c-anchorBlock__lightblue{
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		padding: 0;
	}

	.c-anchorBlock__link{
		display: block;
		width: 100%;
		padding: 15px 1.5em;
		padding-right: 3em;
		border-right: none;
		border-bottom: 1px solid #7c716f;
		text-align: left;
	}

	.c-anchorBlock__link:after{
		display: inline-block;
		position: absolute;
		right: 1.5em;
		top: 50%;
		transform: rotate(45deg) translateY(calc(-50% - ( 5px * 1.414 )));
	}

	.c-anchorBlock__link:hover:after{
		top: calc( 50% + 3px );
	}

	.c-anchorBlock__link:active:after{
		top: 50%;
	}
}


/* -- テキストのみのリンク（押し込みなしアクション無し） c-btnLinkSimple --*/
.c-btnLinkSimple{
	display: inline-block;
	position: relative;
	padding: 10px 45px 10px 15px;
	margin: 10px 0 15px 0;
	border: 1px solid #c9c9c9;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-weight: bold;
	text-decoration: none;
	color:#000000;
	transition: 0.5s background,color;
	background-color: #FFF;
}

.c-btnLinkSimple:after{
	content: "";
	display: block;
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	width: 16px;
	height: 1em;
	margin: auto;
	background-image: var(--icon_maruYajirushiRight__red);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.c-btnLinkSimple:hover{
	background-color: #e50012;
	color: #fff;
}

.c-btnLinkSimple:hover:after{
	background-image: var(--icon_maruYajirushiRight__white__red);
}


/* -- テキストのみリンク（アイコン付き） c-textLinkIcon --*/
.c-textLinkIcon{
	display: inline-flex;
	gap:8px;
	text-decoration: underline;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	line-height: 1.0em;
	opacity: 1;
	transition: opacity 0.3s;
}

.c-textLinkIcon:hover{
	opacity: 0.8;
}

.c-textLinkIcon__icon{
	content:"";
	display: inline-block;
	width: 1.0em;
	height: 1.5em;
	/*テキスト飛ばし*/
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	/*画像のレイアウト設定*/
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.c-textLinkIcon__label{
	text-decoration: underline;
	line-height: 1.5em;
}

/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/* （c-）UI関連
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/

.c-btnSimple{
	display: inline-flex;
	gap:1em;
	position: relative;
	padding: 10px 15px;
	margin: 10px 0 15px 0;
	border: 1px solid #c9c9c9;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	font-weight: bold;
	text-decoration: none;
	color:#000000;
	transition: 0.5s background;
	background-color: #FFF;
	cursor:pointer;
}

.c-btnSimple:after{
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	margin: auto;
	border-top: 2px solid #000000;
	border-right: 2px solid #000000;
	transform: rotate(45deg);
}

.c-btnSimple:hover{
	background-color: #DFDFDF;
}


/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/* （c-）リスト関連
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*---  ---*/


/*--- DL箇条書きリスト集 .c-dlItemize ---*/
.c-dlItemize{
	display: block;
	margin: 8px auto;
}

.c-dlItemize dt{
	font-weight: bold;
}

.c-dlItemize dt::before{
	content: "";
	display: inline-block;
	width: 0.6em;
	height: 0.6em;
	background-color: #848484;
	border-radius: 50%;
	position: relative;
	top: 50%;
	margin-right: 0.25em;
}


/*--- DL FAQリスト .c-dlTen ---*/
.c-dlFaq {
	margin: 0 auto;
}

.c-dlFaq_q {
	position: relative;
	margin: 0;
	padding: 24px 24px 24px 64px;
	background: var(--color-gray);
}

.c-dlFaq_q::before {
	font-size: 24px;
	line-height: 1;
	position: absolute;
	top: 24px;
	left: 24px;
	display: block;
	content: 'Q.';
	color: #E50012;
}

.c-dlFaq_a::before {
	font-size: 24px;
	line-height: 1;
	position: absolute;
	left: 24px;
	display: block;
	content: 'A.';
	color: #0264ad;
	font-weight: bold;
}

.c-dlFaq_a {
	position: relative;
	margin: 0;
	padding: 24px 24px 24px 64px;
}

/*--- DL 「・・・」リスト .c-dlTen ---*/
.c-dlTen {
	display: block;
	margin: 8px auto;
}

.c-dlTen dt,.c-dlTen dd {
	display: inline-block;
}

.c-dlTen dd{
	padding-left: 3.5em;
	position: relative;
	margin-left: 0.6em;
}

.c-dlTen dd::before{
	content: "・・・";
	display: inline-block;
	width: 3em;
	height: 1em;
	position: absolute;
	left: 0em;
}



/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/* （c-）メニュー関連
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/* -- ページ内のメニュー c-pageInnerMenu --*/
.c-pageInnerMenu{
	display: flex;
	justify-content: space-around;
	align-items: center;
	word-break: break-all;
	margin: 1em 0;
	padding: 20px 0;
	background-color: #fedee1;
}


/*リンク定義*/
.c-pageInnerMenu__link{
	display: inline-block;
	position: relative;
	padding: 10px 15px;
	padding-right: calc(1em + 15px);
	font-weight: bold;
	text-decoration: none;
	transition: 0.1s;
	text-align: left;
	background-image:var(--icon_maruYajirushiRight__black);
	background-size: 0.9em;
	background-repeat: no-repeat;
	background-position: center right 7px;
}

.c-pageInnerMenu__link:hover,
.c-pageInnerMenu__link.is-current{
	background-image: var(--icon_maruYajirushiRight__red);
	color: var(--color-red)
}

/*外部リンクアイコン*/
.c-pageInnerMenu__link[target="_blank"]{
	background-image: var(--icon-gaibu__black);
}

.c-pageInnerMenu__link[target="_blank"]:hover{
	background-image: var(--icon-gaibu__red);
	color: var(--color-red)
}

@media screen and (max-width:814px){
	.c-pageInnerMenu{
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		padding: 0;
	}

	.c-pageInnerMenu__link{
		display: block;
		width: 100%;
		padding: 15px 1.5em;
		padding-right: 3em;
		border-right: none;
		border-bottom: 1px solid #7c716f;
		text-align: left;
	}
}


/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/* （c-）テーブル関連
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/

/*-- c-breakTable__tablet:段落ちテーブル（タブレット時：1200px 以下） --*/
@media screen and (max-width:1200px){
	.c-breakTabel__tablet th,
	.c-breakTabel__tablet td{
		display: block;
	}

	.c-breakTabel__tablet td,
	.c-breakTabel__tablet th{
		border: none;
	}

	.c-breakTabel__tablet th{
		border-top: solid #b7b7b9 1px;
		border-bottom: solid #b7b7b9 1px;
		border-left:none;
		border-right:none;
	}
}


/*-- c-breakTable__sp:段落ちテーブル（SP時：814px 以下） --*/
@media screen and (max-width:814px){
	.c-breakTabel__sp th,
	.c-breakTabel__sp td{
		display: block;
	}

	.c-breakTabel__sp td,
	.c-breakTabel__sp th{
		border: none;
	}

	.c-breakTabel__sp th{
		border-top: solid #b7b7b9 1px;
		border-bottom: solid #b7b7b9 1px;
		border-left:none;
		border-right:none;
	}

	.c-breakTabel__sp tr:last-of-type td{
		border-bottom: solid #b7b7b9 1px;
	}
}



/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/* （c-）レイアウト関連
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/


/*特徴・ポイントボックス .c-charaBox
  ご利用期間・金利など 商品説明のポイントを記載するとき
  */
.c-charaBox{
	display: block;
	width: 100%;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	border: solid #CECECE 1px;
	border-radius: 7px;
	overflow: hidden;
	margin: 0 auto;
}

.c-charaBox + .c-charaBox{
	margin-top: 20px;
}

.c-charaBox_item__midashi{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	width: 20%;
	flex-basis: 20%;
	background-color: #D7EDFF;
	color: #0076CE;
	font-weight: bold;
	font-size: 1.8rem;
	padding: 10px;
}

.c-charaBox_item__text{
	font-size: 1.8rem;
	padding: 10px;
}

.c-charaTabel th,
.c-charaTabel td{
	border: 0;
}


/*--- 横並びボックス：c-colboxType01 ---*/
.c-colboxType01{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-around;
	gap:24px;
	margin: 24px auto;
}

.c-colboxType01__item{
	background-color: #F4F4F6;
	border-radius: 6px;
	padding: 20px;
	width:100%;
}

.c-colboxType01__label{
	font-size: 1.8rem;
	font-weight: bold;
	text-align: center;
	margin: 0 auto;
	margin-bottom: 1em;
	padding: 0;
}

.c-colboxType01__label::after,
.c-colboxType01__label::before{
	display: none;
}

.c-colboxType01 a:not([class]){
	color: #0076CE;
	text-decoration: underline;
}


/*インナーラインとして定義されているコンテンツ範囲を下回る場合*/
@media screen and (max-width: 960px){
	.c-colboxType01{
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: flex-start;
	}
}


/*-- c-illustText:アイコン付きテキスト --*/
.c-illustText{
	display: block;
	position: relative;
	font-size: 1.8rem;
	padding-left: 2.5em;
	margin-top: calc(0.5em + 5px);
	margin-bottom: calc(0.5em + 5px);
}

.c-illustText::before{
	display: inline-block;
	position: absolute;
	left: 0.3em;
	top: -5px;
	content:"";
	width: 2.0em;
	height: 2.0em;
	background-image: url(https://placehold.jp/150x150.png);
	background-size:contain;
	background-repeat: no-repeat;
}

.c-illustText.this-tel::before{
	background-image: url(../image/yellow/icon_yellow__phone.svg);
}

/*-- .c-charaFukidashi:キャラ付き吹き出し --*/
.c-charaFukidashi{
	max-width: 960px;
	margin: 20px auto;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: nowrap;
	gap:30px;
}

/*吹き出し*/
.c-charaFukidashi__comment{
	position: relative;
	display: block;
	border-radius: 10px;
	width: calc(100% - 30px - 80px);
	padding: 20px;
}

.c-charaFukidashi__comment:after{
	content: "";
	display: block;
	height: 20px;
	width: 20px;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	text-align: left;
}

/*キャラ*/
.c-charaFukidashi__chara{
	max-width: 80px;
}

/*右に写真:.this-rightPhoto*/
.this-rightPhoto.c-charaFukidashi{
	flex-direction: row-reverse;
}

.this-rightPhoto .c-charaFukidashi__comment{
	background-color: var(--color-lightPink);
}

.this-rightPhoto .c-charaFukidashi__comment:after{
	background-color: inherit;
	right: -10px;
}

/*左に写真:.this-leftPhoto*/
.this-leftPhoto .c-charaFukidashi__comment{
	background-color: #eee;
}

.this-leftPhoto .c-charaFukidashi__comment:after{
	background-color: inherit;
	left: -10px;
}


/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/* （c-）フォームUI関連
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/* -- 必須アイコン .c-hissu --*/
.c-hissu::before {
	content: "必須";
	font-size: 1.2rem;
	font-weight: bold;
	color: #FFF;
	background-color: var(--color-red);
	display: inline-block;
	margin-right: 0.5em;
	padding: 1px 6px;
	opacity: 0.8;
	width: 2.3em;
	text-align: center;
}

/* -- 任意アイコン .c-any --*/
.c-any::before {
	content: "任意";
	font-size: 1.2rem;
	font-weight: bold;
	color: #FFF;
	background-color: var(--color-blue);
	display: inline-block;
	margin-right: 0.5em;
	padding: 1px 6px;
	opacity: 0.8;
	width: 2.3em;
	text-align: center;
}

/* -- 自動出力アイコン .c-auto --*/
.c-auto::before {
	content: "自動";
	font-size: 1.2rem;
	font-weight: bold;
	color: #FFF;
	background-color: #a4a4a4;
	display: inline-block;
	margin-right: 0.5em;
	padding: 1px 6px;
	opacity: 0.8;
	width: 2.3em;
	text-align: center;
}

/* -- フォームのボタンUI c-formbtn --*/
.c-formbtn,
input[type=submit].c-formbtn,
input[type=button].c-formbtn{
	display: inline-flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap:10px;
	text-decoration: none;
	padding: 10px;
	transition: background 0.3s;
	font-weight: bold;
	border-radius: 3px;
	border: 1px #ADADAD solid;
	background-color: #FFFFFF;
	color: #000000;
	box-shadow: 0 5px 0 0 rgba(153,153,153,0.6);
	margin-bottom: 5px; /*box-shadow分*/
	cursor: pointer;
}

.c-formbtn:hover,
input[type=submit].c-formbtn:hover,
input[type=button].c-formbtn:hover{
	background-color: #EEEEEE;
	opacity: 1;
}

.c-formbtn:active,
input[type=submit].c-formbtn:active,
input[type=button].c-formbtn:active{
	transform: translateY(5px);
	box-shadow: 0 0px 0 0 rgba(153,153,153,0.6);
}

.c-formbtn:disabled,
input[type=submit].c-formbtn:disabled,
input[type=button].c-formbtn:disabled{
	background-color: #DDDDDD;
	color: #949494;
	cursor:auto;
	transform: translateY(5px);
	box-shadow: 0 0px 0 0 rgba(153,153,153,0.6);
}


/*送信ボタン：.this-send*/
.c-formbtn.this-send,
input[type=submit].c-formbtn.this-send,
input[type=button].c-formbtn.this-send{
	background-color: var(--color-red);
	box-shadow: 0 5px 0 0 rgba(183, 0, 31, 1);
	color: #FFF;
	border: none;
}

.c-formbtn.this-send:hover,
input[type=submit].c-formbtn.this-send:hover,
input[type=button].c-formbtn.this-send:hover{
	background-color: #bd000f;
	box-shadow: 0 5px 0 0 rgba(153, 0, 12, 1);
}

.c-formbtn.this-send:active,
input[type=submit].c-formbtn.this-send:active,
input[type=button].c-formbtn.this-send:active{
	box-shadow: 0 0px 0 0 rgba(183, 0, 31, 1);
}

.c-formbtn.this-send:active{

}

/*-- フォーム分割フォーマット：日付 --*/
.c-formSplitFormat{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap:0;
}

.c-formSplitFormat > *{
	margin-right: 0.5em;
}

.c-formSplitFormat > .c-hissu,
.c-formSplitFormat > .c-auto,
.c-formSplitFormat > .c-any{
	margin: 0;
}

@media screen and (max-width:814px){
	.c-formSplitFormat > input:not([type="checkbox"]):not([type="radio"]):not([size]){
		width: 100%;
	}
}

/*スマホ段落ちフォーマット*/
.c-formSplitBreakFormat{
	display: flex;
	align-items: center;
	gap:5px;
}

.c-formSplitBreakFormat .c-hissu:before,
.c-formSplitBreakFormat .c-any:before,
.c-formSplitBreakFormat .c-auto:before{
	margin-right: 0;
}

@media screen and (max-width:814px){
	.c-formSplitBreakFormat{
		flex-direction: column;
		align-items: flex-start;
	}
}

/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/* （c-）その他
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*-- テキスト飛ばし .c-textjamp --*/
.c-textjamp{
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/* swiper関連スタイル：まるぽちページャ（.c-swiper_pagenation）*/
.c-swiper_pagenation{
	text-align: center;
}

.c-swiper_pagenation .swiper-pagination-bullet{
	background: #FFF;
	border: solid 1px #000000;
	opacity: 1;
	margin: 0 14px !important;/*swiper.cssの上書き*/
}

.c-swiper_pagenation .swiper-pagination-bullet-active{
	background: #000;
}


/*===============================================================*/
/* 6.オブジェクトスタイル定義（o-）
/*===============================================================*/

/* SMS(ショートメッセージサービス)の配信停止用 */
.o-sms{
	max-width: 1200px;
	padding: 0 24px 10px 24px;
	font-size: 1.2rem;
	margin: auto;
}

/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/* （o-）タブリンク（o-tabLink）
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
.o-tabLink{
	margin-top: 48px;
	max-width: 1200px;
	margin: 0 auto;
}



@media screen and (min-width:815px){
	.o-tabLink_btnbox__pc{
		position: relative;
	}

	.o-tabLink_wraper__pc{
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		flex-wrap: wrap;
		gap:20px;
		margin: 0 auto;
		padding: 20px;
		border-radius: 7px;
		background-color: var(--color-lightPink);
	}

	/*PC-Tablet用メニュー > タブボタン*/
	.o-tabLink_btnbox_wraper__pc{
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		background-color: #E2E2E2;
		box-shadow: 0 5px 0 0 rgba(153,153,153,0.2);
		margin-bottom: 5px; /*box-shadow分*/
		border-radius: 5px;
		overflow: hidden;
		z-index: 1;
	}

	.o-tabLink_btnbox_item__pc{
		width: calc(100% / 4);
		text-align: center;
		/*リスト打消し*/
		margin-left: unset;
		list-style: none;
	}

	.o-tabLink_btnbox_btn__pc{
		display: block;
		padding: 20px 0px;
		font-weight: bold;
		color: #686868;
		cursor:pointer;
	}

	.o-tabLink_btnbox_btn__pc.is-current{
		background-color: var(--color-red);
		color: #FFF;
	}

	.o-tabLink_btnbox__sankaku{
		position: absolute;
		bottom: -13px;
		z-index: 0;
	}

	.o-tabLink_btnbox__sankaku.tameru{
		/*計算式：calc( 1つ分のリンクの半分の位置 ) が何個分の位置 - 三角形底辺 / 2 */
		left:calc( ( 100% / ( 4 * 2 ) ) * 1 - 15px);
	}

	.o-tabLink_btnbox__sankaku.kariru{
		left:calc( ( 100% / ( 4 * 2 ) ) * 3 - 15px);
	}

	.o-tabLink_btnbox__sankaku.sonaeru{
		left:calc( ( 100% / ( 4 * 2 ) ) * 5 - 15px);
	}

	.o-tabLink_btnbox__sankaku.use{
		left:calc( ( 100% / ( 4 * 2 ) ) * 7 - 15px);
	}

	.o-tabLink_btnbox__sankaku:after{
		display: block;
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 18px 15px 0 15px;
		border-color: var(--color-red) transparent transparent transparent;
	}

	/*法人メニュー*/
	body[class*="p-houjin"] .o-tabLink_btnbox_item__pc{
		width: calc(100% / 3);
	}


		.o-tabLink_btnbox__sankaku.fund{
			/*計算式：calc( 1つ分のリンクの半分の位置 ) が何個分の位置 - 三角形底辺 / 2 */
			left:calc( ( 100% / ( 3 * 2 ) ) * 1 - 15px);
		}

		.o-tabLink_btnbox__sankaku.mng_money{
			left:calc( ( 100% / ( 3 * 2 ) ) * 3 - 15px);
		}

		.o-tabLink_btnbox__sankaku.mng_support{
			left:calc( ( 100% / ( 3 * 2 ) ) * 5 - 15px);
		}



	/*PC-Tablet用メニュー > ためる・運用する*/
	.o-tabLink_box__pc{
		display: none;
	}

	.o-tabLink_box__pc.is-current{
		display: block;
	}

	.o-tabLink_box__pc{
		margin-top: 24px;
	}

	.o-tabLink_item__pc{
		display: block;
		margin-left: 0;
		width: calc((100% - (20px * 3)) / 4);
	}

	.o-tabLink_item__pc > a{
		height: 100%;
	}

	.o-tabLink_link__pc{
		width: 100%;
		padding: 20px 10px;
	}

	.o-tabLink_link__pc .c-btnLinkCol__icon{
		min-height: 42px;
	}

	.o-tabLink_link__pc .c-btnLinkCol__label{
		display: flex;
		align-items: center;
		height: calc(100% - 10px);/* 100% - gap*/
	}

	/*すべて見る*/
	.o-tabLink_link__all__pc{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		color: #000000;
		font-weight: bold;
		text-decoration: none;
	}

	.o-tabLink_link__all__pc:before{
		content: '';
		display: inline-block;
		background-image: var(--icon_maruYajirushiRight__black);
		width: 1em;
		height: 1em;
		margin-right: 0.5em;
	}

	.o-tabLink_box__sp{
		display: none;
	}
}

@media screen and (max-width:1200px){
	.o-tabLink_wraper__pc{
		gap:10px;
	}

	.o-tabLink_item__pc{
		width: calc((100% - (10px * 3)) / 4);
	}

	.o-tabLink_item__pc .c-btnLinkCol__label{
		font-size: 1.4rem;
		font-size: clamp(0.7rem, 1.25vw, 1.6rem);
	}
}

@media screen and (max-width:814px){
	.o-tabLink_btnbox__pc,
	.o-tabLink_box__pc{
		display: none;
	}

	.o-tabLink_box__sp{
		width: 100%;
		display: block;
		overflow: hidden;
		border-radius: 4px;
		background-color: var(--color-lightPink);
		margin-bottom: 1em;
	}

	.o-tabLink_btn__sp{
		position: relative;
		display: block;
		padding: 20px 15px;
		background-color: var(--color-red);
		color: #FFF;
		font-size: 1.6rem;
		font-weight: bold;
	}

	.o-tabLink_btn__sp:after{
		content: "";
		display: inline-block;
		height: 1.8em;
		width: 1.8em;
		background-image: var(--icon-open__white);
		position: absolute;
		right:15px;
	}

	.is-open.o-tabLink_btn__sp:after{
		background-image: var(--icon-close__white);
	}

	.o-tabLink_wraper__sp{
		display: block;
		padding: 20px 15px;
		padding-top: 0;
		list-style: none;
	}

	.o-tabLink_item__sp{
		margin-top: 1em;
	}

	.o-tabLink_link__sp{
		color: #000;
		font-weight: bolder;
		font-size: 1.4rem;
	}
}




/*アイコン群（ためる・運用する）*/
.this-kouzaCreate.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__kouzaCreate.svg)
}

.this-kouzaWeb.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__kouzaWeb.svg)
}

.this-kouzaBasic.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__kouzaBasic.svg)
}

.this-kouzaTeiki.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__kouzaTeiki.svg)
}

.this-gaikaYokin.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__gaikaYokin.svg)
}

.this-toushi.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__toushi.svg)
}

.this-ideco.o-tabLink_item__pc .c-btnLinkCol__icon{
	width: 100px;
	background-image: url(../image/gmenu/icon_gmenu__ideco.png)
}

/*アイコン群（かりる）*/
.this-loanHomeNew.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__loanHomeNew.svg)
}

.this-loanHomeKarikae.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__loanHomeKarikae.svg)
}

.this-loanAuto.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__loanAuto.svg)
}

.this-loanKyouiku.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__loanKyouiku.svg)
}

.this-loanCardSagin.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__loanCardSagin.svg)
}

.this-loanRakuraku.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__loanRakuraku.svg)
}

.this-loanSimulation.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__loanSimulation.svg)
}


/*アイコン群（そなえる）*/

.this-hokenIryo.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__hokenIryo.svg)
}

.this-hokenKaigo.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__hokenKaigo.svg);
}

.this-nenkin.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__nenkin.svg)
}

.this-hokenSyusin.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__hokenSyusin.svg)
}

.this-hokenNet.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__hokenNet.svg)
}

.this-isan.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__isan.svg)
}

.this-educational.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__educational.svg)
}


/*アイコン群（便利に使う）*/
.this-saginApp.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__saginApp.png)
}

.this-ib.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__ib.svg)
}

.this-wallet.o-tabLink_item__pc .c-btnLinkCol__icon{
	width: 130px;
	background-image: url(../image/gmenu/icon_gmenu__wallet.svg);
}

.this-jcb.o-tabLink_item__pc .c-btnLinkCol__icon{
	width: 60px;
	background-image: url(../image/gmenu/icon_gmenu__jcb.png)
}

.this-moteca.o-tabLink_item__pc .c-btnLinkCol__icon{
	width: 120px;
	background-image: url(../image/gmenu/icon_gmenu__moteca.svg)
}

.this-payb.o-tabLink_item__pc .c-btnLinkCol__icon{
	width: 60px;
	background-image: url(../image/gmenu/icon_gmenu__payb.png)
}

.this-gaika.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__gaika.svg)
}

.this-financial.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__financial.svg)
}


/*アイコン群（法人：資金調達）*/
.this-houjinVenture.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__houjinVenture.svg)
}

.this-houjinSibosai.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__houjinSibosai.svg)
}

.this-houjinSyndicate.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__houjinSyndicate.svg)
}

.this-houjinLone.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__houjinLone.svg)
}

.this-houjinHojyosinsei.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__houjinHojyosinsei.svg)
}

.this-houjinNougyou.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__houjinNougyou.svg)
}

.this-houjinProject.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__houjinProject.svg)
}
.this-houjinMoteca.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url("../image/gmenu/icon_gmenu__houjinMoteca.svg")
}

/*アイコン群（法人：資金管理）*/
.this-houjinKouza.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__kouzaCreate.svg)
}

.this-houjinKouza.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__kouzaCreate.svg)
}


.this-houjinIb.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/frame/icon_frame__device__red.svg)
}

.this-webdenpyo.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/gmenu/icon_gmenu__webdenpyo.svg)
}

.this-houjinGaitame.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url("../image/gmenu/icon_gmenu__houjinGaitame.svg")
}

.this-houjinEb.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url("../image/gmenu/icon_gmenu__houjinEb.svg")
}

.this-houjinKawase.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/frame/icon_frame__exchange01__red.svg)
}

.this-houjinNouzei.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url("../image/gmenu/icon_gmenu__houjinNouzei.svg")
}

.this-houjinDensai.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url("../image/gmenu/icon_gmenu__houjinDensai.svg")
}

.this-houjinMeisai.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url("../image/gmenu/icon_gmenu__houjinMeisai.svg")
}

.this-houjinKoufuri.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url("../image/gmenu/icon_gmenu__houjinKoufuri.svg")
}

.this-houjinKaigaiconsul.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url("../image/gmenu/icon_gmenu__houjinKaigaiconsul.svg")
}

.this-houjinKameiten.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url("../image/frame/icon_frame__atm__red.svg")
}



/*アイコン群（法人：経営サポート）*/

.this-houjinConsul.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/frame/icon_frame__chat__red.svg)
}

.this-houjinJinzai.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/frame/icon_frame__search__red.svg)
}

.this-houjinHanro.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/frame/icon_frame__distribution__red.svg)
}

.this-houjinShoukei.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/frame/icon_frame__handshake__red.svg)
}

.this-houjinCloud.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/frame/icon_frame__cloud__red.svg)
}

.this-houjinSdgs.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/frame/icon_frame__circle__red.svg)
}

.this-houjinIpo.o-tabLink_item__pc .c-btnLinkCol__icon{
	background-image: url(../image/frame/icon_frame__bell__red.svg)
}

.this-houjinLobamas.o-tabLink_item__pc .c-btnLinkCol__icon{
	width: 169px;
	height: 36px;
	background-image: url(../image/logo_lobamas.png)
}

/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/* （o-）各種ログイン関連（o-loginBox）
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
.o-loginBox{
	display: block;
	width: 100%;
	background-color: rgba(255,255,255,0.8);
	border-radius: 5px;
	overflow: hidden;
}

.o-loginBox_wrap{
	border: solid 1px #CCCCCC;
	padding: 36px 10px;
	padding-top: 18px;
}

.o-loginBox_wrap + .o-loginBox_wrap{
	margin-top: 36px;
}

/*各ボックス > メインタイトル*/
.o-loginBox__title{
	font-weight: bold;
	font-size: 1.5rem;
	text-align: center;
}

/*各ボックス > サブタイトル*/
.o-loginBox__subtitle{
	font-weight: bold;
	font-size: 1.4rem;
	text-align: center;
}

/*各ボックス > ログインボタン*/
.o-loginBox__login .c-btnLinkRow{
	width: 100%;
	justify-content: center;
	margin-top: 8px;
	border: none;
	height: 50px;
}

.o-loginBox__login .c-btnLinkRow__label{
	color: #FFF;
}

.o-loginBox__login .c-btnLinkRow__icon{
	width: 18px;
	height: 18px;
	background-image: var(--icon_key__white);
}

/*各ボックス > 関連ボタン*/
.o-loginBox__relations{
	display: flex;
	flex-direction: row;
	gap:10px;
	padding: 10px 0;
}

.o-loginBox__relations > .c-btnLink{
	width:50%;
	font-size: 1.3rem;
}


/*各ボックス > 関連ボタン*/
.o-loginBox_colBox{
	display: flex;
	flex-direction: row;
	gap:10px;
	padding: 10px 0;
}

.o-loginBox_colBox__item{
	width:50%;
	font-size: 1.3rem;
}

/*仕切り棒*/
hr.o-loginBox__partition{
	height: 1px;
	border:none;
	border-top: #CCCCCC solid 1px;
	margin: 24px 0;
}


/*各ボックス > 個人向け*/
.o-loginBox__personal .o-loginBox__title{
	color:#E50012;
}

.o-loginBox__personal .o-loginBox__login .c-btnLinkRow{
	/*ボタンデザイン*/
	background-color: #E50012;
	box-shadow: 0 5px 0 0 rgba(183, 0, 31, 1);
	border: none;
}

.o-loginBox__personal .o-loginBox__login .c-btnLinkRow:active{
	box-shadow: 0 0px 0 0 rgba(183, 0, 31, 1);
}


/*各ボックス > 法人向け*/
.o-loginBox__corp .o-loginBox__title{
	color:#0076CE;
}

.o-loginBox__corp .o-loginBox__login .c-btnLinkRow{
	/*ボタンデザイン*/
	background-color: #0076CE;
	box-shadow: 0 5px 0 0 rgba(0, 86, 112, 1);
	border: none;
}

.o-loginBox__corp .o-loginBox__login .c-btnLinkRow:active{
	box-shadow: 0 0px 0 0 rgba(0, 86, 112, 1);
}

/*各ボックス > その他*/
.o-loginBox__other{
	text-align: center;
	padding-bottom:18px;
}
.o-loginBox__other .o-loginBox__title{
	color:#333333;
}

.o-loginBox__other .c-textLinkIcon__icon.this-important{
	background-image: var(--icon_caution__color)
}

/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/* （o-）検索フォーム（o-searchForm）
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
.o-searchForm{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
	width: 100%;
	border: solid 1px #757575;
	padding: 13px 10px;
	border-radius: 40px
}

.is-focus.o-searchForm{
	border: solid 2px #333333;
}

input.o-searchForm__formItem[type="search"]{
	border: none;
	outline: none;
	width: 100%;
}

input.o-searchForm__formItem[type="submit"]{
	border: none;
	text-indent: -9999%;
	background-image: var(--icon_search__black);
	background-repeat: no-repeat;
	background-size: auto 70%;
	background-position: center;
}


/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/* （o-）2階層目トップ：リンクリスト（.o-indexLinks）
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
.o-indexLinks{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	padding: 0;
	margin: 0 auto;
}

.o-indexLinks__item{
	display: block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.o-indexLinks__link{
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	text-decoration: none;
	height: 100%;
	opacity: 1;
	transition: opacity 0.3s;
}

.o-indexLinks__link:hover{
	opacity: 0.8;
}

.o-indexLinks__thum{
	width: 100%;
	display: block;
	position: relative;
	padding-top: 66.6667%;
	height: 100%;
	max-height: 240px;
	overflow: hidden;
	border-radius: 10px 10px 0px 0px ;
	flex: 1 0 5vw;/* { flex: 1 0 最小値にしたいpx値 }*/
}

.o-indexLinks__thum.this-border{
	border: solid 1px #000000;
}

.o-indexLinks__img{
	position: absolute;
	top:0;
	right:0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.o-indexLinks__desc{
	width: 100%;
	display: block;
	text-align: center;
	padding: 12px 12px;
	background-color: var(--color-gray);
	font-size: clamp(1.1rem,1vw,1.5rem);
}
.o-indexLinks__label {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    gap: 8px;
    justify-content: center;
    align-items: center;
    padding: 0px 12px 12px 12px;
    font-weight: bold;
    background-color: var(--color-gray);
    border-radius: 0px 0px 10px 10px;
    font-size: clamp(1.3rem,1.5vw,1.8rem);
}



.o-indexLinks__label:after {
    content: "";
    display: block;
    height: 1.0em;
    width: 1.0em;
    background-image: var(--icon_maruYajirushiRight__red);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}


.o-indexLinks__icon{
	background-color: var(--color-red);
	color: #FFF;
	text-align: center;
	font-weight: bold;
	padding: 10px;
	border-radius: 50%;
	position: absolute;
	top:-10px;
}



/*タブレット以上*/
@media screen and (max-width:1200px){
	.o-indexLinks__desc{
		font-size: 1.2rem;
	}

	.o-indexLinks__label{
		font-size: 1.4rem;
	}
}

/*SP以下*/
@media screen and (min-width:815px){
	.o-indexLinks{
		width: 100%;
		max-width: 1200px;
		/*grid-gap: 90px;*/

		gap:24px 7%;
	}

	.o-indexLinks__item{
		width: calc((100% - ( 7% * 2))/3);
		padding-top: 28px;
	}

	.o-indexLinks__icon{
		font-size: 1.2rem;
		top:-25px;
		left: 10px;
	}
}

/*SP表示以下*/
@media screen and (max-width:814px){

	.o-indexLinks{

	}

	.o-indexLinks__item{
		width: calc((100% - ( 7% * 2))/2);
		padding-top: 28px;
	}

	.o-indexLinks{
		width: 100%;
		max-width: unset;
		grid-gap:24px 7%;
	}

	.o-indexLinks__item{
		width: 45%;
		padding-top: 28px;
	}

	.o-indexLinks__icon{
		font-size: 1.0rem;
		top:-25px;
		left: 10px;
	}

	.o-indexLinks__desc{
		text-align: left;
	}

	.o-indexLinks__label{
		text-align: left;
		justify-content: space-between;
	}

	.o-indexLinks__label:after{
		right: 6px;
	}
}

/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*  (o-）グローバルレイアウト：全ページで利用されるレイアウト
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
.o-important{
	background-color: var(--color-lightPink);
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
}

.o-important__midashi{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap:8px;
	background-color: #EF6078;
	color: #FFF;
	font-weight: bold;

	/*打ち消し*/
	padding: 0;
	margin: 0;
	font-size: 1.6rem;
	border: none;

}

.o-important__midashi::before{
	display: inline-block;
	content: "";
	width: 25px;
	height: 25px;
	background-image: var(--icon_caution__red);
	background-repeat: no-repeat;
	background-position: center;
	background-size:
}

.o-important__midashi::after{
	display: none;
}

.o-important ol > *,
.o-important ul > *,
.o-important dl{
	margin-top: 8px;
	margin-bottom: 8px;
}


/*タブレット以上サイズ*/
@media screen and (min-width:1201px){
	.o-important{
		display: flex;
		flex-direction: row;
		max-width: 1200px;
		min-height: 85px;
	}

	.o-important__box{
		padding: 1.0em 1.5em;
		display: block;
		width: calc(100% - 180px)
	}

	.o-important__midashi{
		width: 180px;
	}
}

@media screen and (max-width:1200px){
	.o-important__midashi{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		padding: 10px;
	}

	.o-important__box{
		padding: 24px;
	}
}


/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*  (o-）フロー図 (o-flowType01：ローン申し込みステップ等)
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
.o-flowType01{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: stretch;
	margin-top:72px;
}

.o-flowType01 .o-flowType01__box:not(:nth-last-of-type(1)):after{
	display: inline-block;
	content: "";
	width: 10px;
	height: 10px;
	border-top: solid 3px var(--color-red);
	border-right: solid 3px var(--color-red);
	transform: rotate(45deg);
}

.o-flowType01__wrap{
	background-color: #F4F4F6;
	border-radius: 6px;
	position: relative;
	padding: 20px;
	height: 100%;
}

.o-flowType01__step{
	display: block;
	position: absolute;
	top: -0.75em;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: center;
	font-size: 2.4rem;
	font-weight: bold;
	color: var(--color-red);
}

.o-flowType01__step span{
	font-size: 1.4rem;
}

.o-flowType01__img{
	display: block;
	text-align: center;
	background: #FFF;
	padding: 10px;
	height: 80px;
}

.o-flowType01__label{
	text-align: center;
	font-weight: bold;
}

.o-flowType01__bikou{
	padding-left: 1.2em;
	position: relative;
	margin-top: 8px;
}

.o-flowType01__bikou::before{
	content: "※";
	position: absolute;
	left: 0em;
}

@media screen and (min-width:1081px){

	.o-flowType01 .o-flowType01__box:not(:nth-last-of-type(1)):after{
		transform: rotate(45deg) translateY(-50%);
		position: absolute;
		right: 20px;
		top:50%;
	}

	.o-flowType01__box{
		width: calc(100% / 4);
	}

	.o-flowType01 .o-flowType01__box:nth-last-of-type(1){
		width:calc(100% / 4 - 40px);
	}

	.o-flowType01 .o-flowType01__box:not(:nth-last-of-type(1)){
		padding-right: 40px;
		position: relative;
	}

	.o-flowType01__img{
		text-align: center;
	}

	.o-flowType01__label{
		font-size: 1.8rem;
		margin-bottom: 18px;
	}

	.o-flowType01__bikou{
		font-size: 1.4rem;
	}
}

@media screen and (max-width:1080px){
	.o-flowType01{
		display: block;
	}

	.o-flowType01__box{
		width: 100%;
		max-width: 814px;
		margin: 0 auto;
	}

	.o-flowType01 .o-flowType01__box:not(:nth-last-of-type(1)):after{
		display: block;
		margin: 36px auto;
		transform: rotate(135deg);
	}
	.o-flowType01__wrap{
		letter-spacing: -0.5em;
	}

	.o-flowType01__left{
		display: inline-block;
		width: 40%;
		letter-spacing: normal;
		vertical-align: top;
	}

	.o-flowType01__right{
		display: inline-block;
		width: 60%;
		letter-spacing: normal;
		vertical-align: top;
		padding: 10px;
	}
}

@media screen and (max-width:560px){
	.o-flowType01__box{
		width: 98%;
		margin: 0 auto;
	}

	.o-flowType01__left,
	.o-flowType01__right{
		width: 100%;
	}
}





/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*  (o-）フロー図 (o-flowType01：ローン申し込みステップ等)
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
.o-flowType02__box{
	display: block;
	background-color: var(--color-gray);
	padding: 24px;
	border-radius: 6px;
	margin-top: 36px;
	position: relative;
	font-size: 1.8rem;
}

.o-flowType02__box.this-outerText{
	display: block;
	background-color: transparent;
	text-align: center;
	padding: 12px;
	border-radius: 6px;
	margin-top: 36px;
	position: relative;
	font-weight: bold;
	margin-bottom: 1em;
	color: var(--color-red);

}

.o-flowType02 .o-flowType02__box:not(:nth-last-of-type(1)):after{
	display: inline-block;
	content: "";
	width: 10px;
	height: 10px;
	border-top: solid 3px var(--color-red);
	border-right: solid 3px var(--color-red);
	transform: rotate(135deg);
	position: absolute;
	left:0;
	right: 0;
	margin: 0 auto;
	bottom: -20px;
}

.o-flowType02__midashi{
	font-weight: bold;
	margin-bottom: 1em;
	display: flex;
	align-items: baseline;
	gap: 20px;
}

.o-flowType02__step{
	color: var(--color-red);
	width: 80px
}

.o-flowType02__text{
	padding-left: 100px;
}

@media screen and (max-width:814px){
	.o-flowType02__midashi{
		gap: 10px;
	}

	.o-flowType02__step{
		width: auto
	}

	.o-flowType02__step,
	.o-flowType02__label,
	.o-flowType02__text{
		display: block;
		padding-left: 0;
	}
}
/*
@media screen and (max-width:414px){
	.o-flowType02__step,
	.o-flowType02__label,
	.o-flowType02__text{
		display: block;
	}

}*/

/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*  (o-）アプリダウンロード (o-dlAppLinks：ローン申し込みステップ等)
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/* -- 融資/その他手数料 .p-guide_kinri_top_nav_link__yuushi --*/

.o-appDLLinks{
	padding: 36px;
	background-color: var(--color-gray);
	border-radius: 6px;
}

.o-appDLLinks_text{
	display: block;
	max-width: 960px;
	margin: 0 auto;
	text-align: center;
	font-size: 1.4rem;
}

.o-appDLLink__midashi{
	text-align: center;
	font-weight: bold;
	font-size: 1.8rem;
}

.o-appDLLinks_box{
	display: flex;
	margin: 36px auto;
	max-width: 960px;
}

.o-appDLLinks_box_item__midashi{
	text-align: center;
	font-weight: bold;
	font-size: 1.7rem;
}

.o-appDLLinks_box_item_links{
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap:36px;
	align-items: center;
	height: 80px;
	width: auto;
	margin-top: 36px;
}

.o-appDLLinks_box_item_links__item.this-store img{
	height: 65px;
}


.o-appDLLinks_box_item_links__item.this-store{
	display: block;
}

@media screen and (min-width:815px){
	.o-appDLLinks_box{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: stretch;
		gap:15px;
	}

	.o-appDLLinks_box_item{
		width:calc(((100% - 2px) - (15px * 2)) / 2)
	}

	.o-appDLLinks_box__partition{
		display: block;
		width: 2px;
		background-color: #DFDFDF;
	}


}

@media screen and (max-width:814px){

	.o-appDLLinks_box{
		display: flex;
		flex-direction: column;
		justify-content: center;
		gap:24px;
		align-items: center;
		width: auto;
	}

	.o-appDLLinks_box_item{
		width:100%;
	}

	.o-appDLLinks_box__partition{
		display: block;
		width: 100%;
		height: 2px;
		background-color: #DFDFDF;
	}
}


/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*  (o-）関連資料・添付資料等 (o-relatedLinksローン申し込みステップ等)
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/

.o-relatedLinks{
	background-color: #FFDEE2;
	border: solid 5px #FFDEE2;
	width: 100%;
	border-radius: 5px;
	overflow: hidden;
	margin: 36px auto;
}

.o-relatedLinks__midashi{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap:8px;
	background-color: #FFDEE2;
	font-weight: bold;

	/*打ち消し*/
	padding: 1em;
	margin: 0;
	font-size: 1.8rem;
	border: none;
}

.o-relatedLinks__midashi:after,
.o-relatedLinks__midashi:before{
	display: none;
}

.o-relatedLinks__box{
	background-color: #FFF;
	padding: 20px;
	letter-spacing: -0.5em;
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	gap:16px;
}

.o-relatedLinks__box > a{
	width: calc( ( 100% - 16px ) / 2 );
	letter-spacing: normal;
	padding: 20px;
}

.o-relatedLinks .o-relatedLinks__box>a{
	padding: 20px;
}


@media screen and (min-width:815px){
	/*要素が1つ目で且つ最後から1つ目であるばあい*/
	.o-relatedLinks__box > a:nth-of-type(1):nth-last-of-type(1){
		position: relative;
		left: 0;
		right: 0;
		margin: 0 auto;
	}
}

@media screen and (max-width:814px){
	.o-relatedLinks__box{
		flex-direction: column;
		align-items: center;
	}

	.o-relatedLinks__box > a{
		width: 100%;
		max-width: 414px
	}
}


/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*  (o-）連絡先ボックス (o-cvBoxType01：ローン関連ページ)
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
.o-cvBoxType01{
	background-color: #FFF7D7;
	width: 100%;
	padding: 24px 10px;
}

.o-cvBoxType01__midashi{
	border: none;
	font-size: 2.4rem;
	padding: 24px;
	margin: 0 auto;
}

.o-cvBoxType01__midashi:after{
	display: none;
}

.o-cvBoxType01__inner{
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	gap:32px;
	/*gap:9%;*/
}

.o-cvBoxType01_item{
	display: block;
	width: calc((100% - 32px) / 2);
	background-color: #FFF;
	padding: 16px 32px;
	border-radius: 9px;
}

.o-cvBoxType01_item > *{
	margin: 1.5em 0px;
}

.o-cvBoxType01_item__midashi{
	display: flex;
	flex:row center center;
	justify-content: center;
	gap:10px;
	font-size: 2.2rem;
	font-weight: bold;
	margin-bottom: 0px;
}

.o-cvBoxType01_item__midashi::before{
	display: inline-block;
	content: "";
	width: 1.3em;
	height: 1.3em;
	background-image: var(--icon-test);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

/*リンク導入パターン*/
.o-cvBoxType01_linkBox{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap:16px;
}

.o-cvBoxType01_linkBox > *{
	width: calc(( 100% - 16px )/2);
	padding-top: 16px;
	padding-bottom: 16px;
}

/*連絡先挿入：フリーダイヤル*/
.o-cvBoxType01 .c-freedialType1__wrap{
	font-size: clamp(2.4rem,2.9vw,3.6rem);
}



/*アイコンパターン*/
.this-callCenter.o-cvBoxType01_item__midashi::before{
	background-image: url(../image/icon_call__illst01.svg);
}

.this-madoguchi.o-cvBoxType01_item__midashi::before{
	background-image: url(../image/icon_chair__illst01.svg);
}


@media screen and (min-width:815px){
	.o-cvBoxType01_item{
		max-width: 545px;
	}

	/*要素が1つ目で且つ最後から1つ目であるばあい*/
	.o-cvBoxType01__inner > .o-cvBoxType01_item:nth-of-type(1):nth-last-of-type(1),
	.o-cvBoxType01__inner > .o-cvBoxType01_item:nth-of-type(n+2):nth-of-type(odd):nth-last-of-type(1){
		width:100%;
		max-width: unset;
	}
}

@media screen and (max-width:1200px){
	.o-cvBoxType01_linkBox > *{
		font-size: 1.4rem;
	}
}

@media screen and (max-width:814px){

	/*要素が1つ目で且つ最後から1つ目であるばあい*/
	.o-cvBoxType01_item{
		width:100%;
	}

	/*リンク導入パターン*/
	.o-cvBoxType01_linkBox{
		display: flex;
		flex-direction: column;
		gap:16px;
	}

	.o-cvBoxType01_linkBox > *{
		width: 100%;
	}
}

/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/*  (o-）お問い合わせ・ご相談 (o-cvBoxType02：さぎん窓口のみ)
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/

.o-cvBoxType02{
	background-color: #FFF7D7;
	width: 100%;
	padding: 24px 10px;
}

.o-cvBoxType02__midashi{
	border: none;
	font-size: 2.4rem;
	padding: 24px;
	margin: 0 auto;
}

.o-cvBoxType02__midashi:after{
	display: none;
}

.o-cvBoxType02__inner{
	max-width: 1200px;
	margin: 0 auto;
	padding: 20px;
	position: relative;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: wrap;
	gap:32px;
	/*gap:9%;*/
}

.o-cvBoxType02_item{
	display: flex;
	justify-content: space-around;
	gap: 40px;
	background-color: #FFF;
	padding: 16px 32px;
	border-radius: 9px;
}

.o-cvBoxType02_item > *{
	margin: 1.5em 0px;
}

.o-cvBoxType02_item__midashi{
	display: flex;
	flex:row center center;
	justify-content: center;
	gap:10px;
	font-size: 2.2rem;
	font-weight: bold;
	margin-bottom: 0px;
}

.o-cvBoxType02_item__midashi::before{
	display: inline-block;
	content: "";
	width: 1.3em;
	height: 1.3em;
	background-image: var(--icon-test);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

.o-cvBoxType02_item_text{
	width: 50%;
	text-align: center;
}

.o-cvBoxType02_item_text__p{
	margin-top: 1.5em;
}

/*リンク導入パターン*/
.o-cvBoxType02_linkBox{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap:16px;
}

.o-cvBoxType02_linkBox > *{
	width: calc(( 100% - 16px )/2);
	padding-top: 16px;
	padding-bottom: 16px;
}

/*アイコンパターン*/
.this-madoguchi.o-cvBoxType02_item__midashi::before{
	background-image: url(../image/icon_chair__illst01.svg);
}

@media screen and (max-width:1200px){
	.o-cvBoxType02_linkBox > *{
		font-size: 1.4rem;
	}
}

@media screen and (max-width: 814px){
	.o-cvBoxType02_item{
		display: block;
		width:100%;
	}

	.o-cvBoxType02_item_text{
		width: 100%;
		text-align: left;
	}

	/*リンク導入パターン*/
	.o-cvBoxType02_linkBox > *{
		width: 100%;
	}
}

/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/* （o-）イラストボックスレイアウトタイプ１（o-illustBoxType1）
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
.o-illustBoxType1{
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap:24px;
	flex-wrap: wrap;
}

.o-illustBoxType1__item{
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 24px;
	width: calc( ( 100% - (24px + 6px) * ( 3 - 1 ) ) / 3 );
	max-width: 360px;
	border-radius: 6px;
	border: solid var(--color-gray) 6px;
	padding: 24px;
}

.o-illustBoxType1__illust{
	width: 60px;
	height: 60px;
	/*background設定も可能*/
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}
.o-illustBoxType1__illust img{
	height: 100%;
}

.o-illustBoxType1__text{
	text-align: center;
	width: 90%;
}

.o-illustBoxType1__text > *{
	width: 100%;
}

.o-illustBoxType2__midashi{
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 8px;
}

@media screen and ( max-width:814px ){
	.o-illustBoxType1{
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.o-illustBoxType1__item{
		width: 60%;
	}
}

@media screen and ( max-width:500px ){
	.o-illustBoxType1__item{
		width: 90%;
	}
}

/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/* （o-）イラストボックスレイアウトタイプ１（o-illustBoxType1）
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
.o-illustBoxType2{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: flex-start;
	gap:20px;
	margin-bottom: 36px;
}

.o-illustBoxType2__illust{
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	width: 130px;
	height: 130px;
	padding: 10px;
	background-color: #FFF;
	border: solid 6px var(--color-gray);
	border-radius: 5px;
	/*background設定も可能*/
	background-size: 70%;
	background-repeat: no-repeat;
	background-position: center;
}

.o-illustBoxType2__illust img{
	display: block;
	max-width: 64px;
	margin: 0 auto;
}

.o-illustBoxType2__text{
	width: calc( 100% - 130px - 20px );
}

@media screen and ( max-width:814px ){
	.o-illustBoxType2{
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.o-illustBoxType2__text{
		width: 100%;
	}
}


/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/* （o-）ヒントボックス (o-hintBox：フォームなど)
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
.o-hintBox{
	margin-top: 16px;
}

.o-hintBox__btn{
	position: relative;
	display: block;
	width: 100%;
	max-width: 200px;
	border: solid 2px #DFDFDF;
	border-radius: 4px;
	padding: 4px 8px;
	padding-left: 2.2em;
	font-weight: bold;
	color: #666666;
	cursor:pointer;
	transition: opacity 0.3s;
	opacity: 1;
}

.o-hintBox__btn:hover{
	opacity: 0.6;
}

.o-hintBox__btn::before{
	content: "!";
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 0.6em;
	height: 0.6em;
	font-size: 1.4rem;
	font-weight: bold;
	color: #ADADAD;
	padding: 5px;
	border-radius: 50%;
	border: solid 2px #ADADAD;
	position: absolute;
	left: 5px;
}

.o-hintBox__btn:after{
	display: inline-block;
	content: '';
	border-top: solid 2px #ADADAD;
	border-right: solid 2px #ADADAD;
	height: 0.5em;
	width: 0.5em;
	transform: rotate(45deg) translateY(calc( ( 0.5em * 1.414 ) / 2));
	transform-origin: bottom;
	position: absolute;
	right: 8px;
	top: 5px;
	transition: transform 0.1s;
}

.o-hintBox__btn.is-open:after{
	transform: rotate(135deg) translateY(calc( ( 0.5em * 1.414 ) / 2));
}

.o-hintBox__text{
	border: dashed 2px #DFDFDF;
	padding: 16px;
	font-size: 1.4rem;
	margin-top:8px;
}

/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/* （o-）新着情報 一覧（.o-newsList 新着情報など）
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
.o-newsList{
	display: block;
	margin: 1em auto;
	padding: 0;
}

.o-newsList__item{
	/*リスト要素無効化*/
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 100%;

	/*装飾*/
	border-bottom: dashed 1px #ADADAD;
}

.o-newsList__link{
	display: block;
	width: 100%;
	transition: background-color 0.3;
	padding: 16px 5px;
	text-decoration: none;
}

.o-newsList__date{
	display: block;
	letter-spacing: 0.2em;
	color: #5B5B5B;
	font-size: 1.4rem;
}

.o-newsList__title{
	display: block;
}

.this-new .o-newsList__date:after{
	display: inline-block;
	content: "NEW";
	color: #F42C79;
	letter-spacing: normal;
	font-size: 1.0rem;
	font-weight: bold;
	line-height: 1.5em;
	position: relative;
	bottom: 1.5px;
}

[target="_blank"] .o-newsList__title:after{
	content: "";
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	background-image: var(--icon-gaibu__black);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 0.3em;
}

[href$=".pdf"] .o-newsList__title:after{
	content: "";
	display: inline-block;
	width: 1.0em;
	height: 1.0em;
	background-image: var(--icon-pdf__red);
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: center;
	margin-left: 0.3em;
}

@media screen and (min-width:815px){
	.o-newsList__link:hover{
		background-color: var(--color-gray);
		transition-duration: 0.3s;
	}
}


/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/* （o-）ページャー（.o-pagination）
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/

.o-pagination{
	display: flex;
	align-items: center;
	justify-content: center;
}

.o-pagination li{
	list-style: none;
}

.o-pagination a{
	text-decoration: none;
}

.o-pagination__link {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 45px;
	height: 45px;
	background: #fff;
	border: solid 1px var(--color-black);
	color: var(--color-black);
	font-weight: bold;
}

.o-pagination__link.is-current {
	background: var(--color-black);
	color: #fff;
}
.o-pagination__link:not(.is-current):hover {
	background: var(--color-black);
	color: #fff;
}

.o-pagination__ellipsis{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	width: 45px;
	height: 45px;
	font-weight: bold;
}

.o-pagination > * + * {
	margin-left: 8px;
}


/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
/* （o-）ローン関連ページ＞スライドショー（.o-appStepSlide）
/*―――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――――*/
.o-appStepSlide{
	position: relative;
}

.o-appStepSlide_wrapper{
	display: flex;
}

.o-appStepSlide_wrapper_slide{
	outline: none;
	padding: 0 60px;
}

.o-appStepSlide_wrapper_slide_inner{
	margin: 0 auto;
	background: #eee url("../image/bg_stripe_gray.png");
}

.o-appStepSlide_wrapper_slide_inner .test{
	display: flex;
	width: 100%;
	align-items: flex-start;
	padding: 24px;
}

.o-appStepSlide_wrapper_slide_inner__img {
	width: 45%;
	max-width: 400px;
}

.o-appStepSlide_wrapper_slide_inner__item {
	width: calc(100% - 40%);
	flex: 1;
	padding: 24px 0 24px 24px;
}

.o-appStepSlide_wrapper_slide_inner__item_flexWrap{
	display: flex;
	align-items: center;
}

.o-appStepSlide_wrapper_slide_inner__item_flexWrap_img{
	flex: 1;
	padding-left: 40px;
}

.o-appStepSlide_wrapper_slide_inner__item_label{
	background-color: #e50515;
	border-radius: 22px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 32px;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	width: 112px;
	height: 44px;
}

.o-appStepSlide_wrapper_slide_inner__item_label{
	background-color: #e50515;
	border-radius: 22px;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 32px;
	font-size: 2rem;
	font-weight: bold;
	text-align: center;
	width: 112px;
	height: 44px;
}

.o-appStepSlide_wrapper_slide_inner__item_txt{
	font-size: 1.8rem;
	line-height: 1.8;
}

.o-appStepSlide_wrapper_slide_inner__item_txt > span{
	background-color: #FF3131;
	border-radius: 4px;
	color: #fff;
	display: inline-block;
	line-height: 1.2;
	padding: 3px 6px 4px;
}

.o-appStepSlide_wrapper_slide_swiperPagination.swiper-pagination-bullets.swiper-pagination-horizontal{
	display: flex;
	justify-content: flex-end;
	width: auto;
	margin: 0;
	position: absolute;
	left: auto;
	right: 90px;
	bottom: 22px;
	transform: translateX(0);
	z-index: 2;
	}

.o-appStepSlide_wrapper_slide_swiperPagination.swiper-pagination-bullet.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.o-appStepSlide_wrapper_slide_swiperPagination.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
	background: #e50515;
	width: 22px;
	height: 2px;
	margin: 0 var(--swiper-pagination-bullet-horizontal-gap,3px);
	opacity: 0.1;
	overflow: hidden;
	transition: all 0.3s ease;
	border-radius: 0;
}

.o-appStepSlide_wrapper_slide_swiperPagination.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{
  opacity: 1;
}

.o-appStepSlide_swiperButtonPrev,
.o-appStepSlide_swiperButtonNext{
	appearance: none;
	background: url(../kojin/loan/files/icn_slide_arrow.png) no-repeat center center/contain;
	border: none;
	width: 40px;
	height: 40px;
	outline: none;
	overflow: hidden;
	text-indent: -9999px;
	position: absolute;
	transition: all 0.3s ease;
	z-index: 2;
}

.o-appStepSlide_swiperButtonNext{
	right: 0;
}

.o-appStepSlide_swiperButtonPrev{
	left: 0;
	transform: scale(-1, 1);
}

@media screen and (max-width:814px){
	.o-appStepSlide {
		width: 100%;
	}

	.o-appStepSlide_wrapper_slide{
		display: flex;
		height: initial;

		padding: 0 8px;
	}

	.o-appStepSlide_wrapper_slide_inner {
		width: 100%;
}

	.o-appStepSlide_wrapper_slide_inner .test {
		display: flex;
		flex-direction:column;
		padding: 16px;
	}

	.o-appStepSlide_wrapper_slide_inner__item {
		width: 100%;
		padding: 16px 0;
	}

	.o-appStepSlide_wrapper_slide_inner__img {
		width: 100%;
		margin: 0 auto;
	}

	.o-appStepSlide_wrapper_slide_swiperPagination.swiper-pagination-bullets.swiper-pagination-horizontal {
		right: 24px;
		bottom: 14px;
	}

	.o-appStepSlide_swiperButtonPrev,
	.o-appStepSlide_swiperButtonNext{
		width: 32px;
		height: 32px;
	}
}

/*===============================================================*/
/* 6.Layout CSS
/*===============================================================*/


/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/*ヘッダー
/*+++++++++++++++++++++++++++++++++++++++++++++++++*/

/*------------------------------------
ヘッダーレイアウト
--------------------------------------*/

.l-header{
	width: 100%;
}

.l-header_main{
	/*position: absolute; アニメーションさせない*/
	position: absolute;
	top:0;
	left: 0;
	z-index:100;
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	gap:30px;
	background-color: #FFFFFF;
}

.l-header_main.is-fixed{
	transition: top 0.3s;
	position: fixed;
}

/*PC表示以下*/
@media screen and (min-width:1201px){
	.l-header{
		padding-top: 120px;/* = l-header_main.height 固定した時の高さ算出用*/
	}
}

/*タブレット表示時以下*/
@media screen and (max-width:1200px){
	.l-header{
		padding-top: 70px;/* = l-header_main.height 固定した時の高さ算出用*/
	}

	.l-header_main{
		position: fixed;
	}
}

/*SP表示時*/
@media screen and (max-width:814px){

}

/*---
ヘッダーレイアウト > サイトロゴ
---*/
.l-header_sitetitle{
	display: flex;
	width: 100%;
	max-width: 200px;
	flex-direction: column;
	justify-content: center;
	gap:8px;
	height: inherit;
	padding-left: 5px;
}

.is-fixed .l-header_sitetitle,
.is-tablet .l-header_sitetitle{
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	max-width: unset;
	width: 60%;
	flex-basis: 60%;
}

/*ロゴ*/
.l-header_sitetitle__logo {
	display: block;
}

.l-header_sitetitle__link{
	display: block;
	width: 100%;
	height: 100%;
	text-indent: 120%;
	white-space: nowrap;
	overflow: hidden;
	background-image: url(../image/logo_h1.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}

.is-fixed .l-header_sitetitle__logo,
.is-tablet .l-header_sitetitle__logo{
	max-height:50px;
	max-width: 165px;
	background-size: auto 90%;
}


/*金融コード*/
.l-header_sitetitle__code{
	display: block;
	font-size: 1.1rem;
}

/*金融コード改行*/
.l-header_sitetitle__code__br{
	display: none;
}

.is-fixed .l-header_sitetitle__code__br,
.is-tablet .l-header_sitetitle__code__br{
	display: none;
}

/*金融コード > コロン*/
.l-header_sitetitle__code__colon{
	display: inline-block;
}

@media screen and (min-width:1201px){
	.l-header_sitetitle__logo {
		width: 187px;
		height: 57px;
	}

	.is-fixed .l-header_sitetitle__code__colon,
	.is-tablet .l-header_sitetitle__code__colon{
		display: inline-block;
	}
}

@media screen and (max-width:1200px){
	.l-header_sitetitle__logo {
		width: 100%;
		height: 60%;/*計算無し、ええ感じになる値です*/
		max-height: 57px;
	}

	.is-fixed .l-header_sitetitle__code__colon,
	.is-tablet .l-header_sitetitle__code__colon{
		display: inline-block;
	}
}


/*SP表示時*/
@media screen and (max-width:814px){
	.is-fixed .l-header_sitetitle__code__colon,
	.is-tablet .l-header_sitetitle__code__colon{
		display: none;
	}


	.is-fixed .l-header_sitetitle__logo,
	.is-tablet .l-header_sitetitle__logo{
		max-height:50px;
		max-width: 165px;
		background-size: 90% auto;
	}


	/*金融コード*/
	.l-header_sitetitle__code{
		font-size: 0.8rem;
		word-break: break-all;
	}
}

@media screen and (max-width:414px){
	/*金融コード*/
	.l-header_sitetitle__code{
		font-size: 0.9rem;
		word-break: break-all;
	}
}


/*---
ヘッダーレイアウト> メニュー（フレーム定義）
.l-header_menu
---*/
/* .l-header の値に影響するプロパティのみを書きます */
.l-header_menu{
	width: 100%;
}

@media screen and (min-width:1201px){
	.l-header_menu{
		max-width: 1000px;
	}
}

/*タブレット以下表示時*/
@media screen and (max-width:1200px){
	.is-fixed .l-header_menu,
	.is-tablet .l-header_menu{
		width: 40%;
		flex-basis: 40%;
		/*min-width: calc(70px * 3);/*表示しているメニューの数*/
	}
}




/*------------------------------------
   グローバルメニュー：l-gmenu
--------------------------------------*/
/*----
  グローバルメニュー：フレーム
  枠の構築のみ
-----*/
.l-gmenu{
	/* .l-header の値に影響するプロパティは .l-header_menu に記載すること */
	display: grid;
	grid-template-columns: 0.7fr 0.15fr 0.15fr;
	grid-gap: 10px;
	grid-template-rows: auto auto;
	grid-template-areas:
	"gmenu_level1 gmenu_level1 gmenu_level1"
	"gmenu_level2 gmenu_start gmenu_login";
}

@media screen and (max-width:1200px){
	.l-gmenu{
		grid-gap: 5px;
	}
}


/*
  グローバルメニュー：フレーム 固定時
  javascript より出力される値を参照
*/
.is-fixed .l-gmenu,
.is-tablet .l-gmenu{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: stretch;
	gap:0;
}




/*----
  グローバルメニュー：フレーム ＞ 1階層メニュー：個人～サイト内検索（PC表示時のみ）
-----*/
.l-gmenu_level1{
	/*gridのエリア定義*/
	grid-area: gmenu_level1;

	/*右揃えに*/
	display: flex;
	flex-direction: row;
	justify-content: flex-end;

	/*構築用
	background-color: #DDFFDF*/
}

/*
  グローバルメニュー：フレーム ＞ 1階層メニュー：個人～サイト内検索（PC表示時のみ）
  javascript より出力される値を参照
*/
.is-fixed .l-gmenu_level1,
.is-tablet .l-gmenu_level1{
	display: none;
}



/*----
  グローバルメニュー：フレーム ＞ 2階層メニュー：1階層メニューの下に来るもの（PC表示時のみ）
-----*/
.l-gmenu_level2{
	/*gridのエリア定義*/
	grid-area: gmenu_level2;

	/*右揃えに*/
	display: flex;
	flex-direction: row;
	justify-content: flex-end;

	/*余白定義*/
	padding: 0 10px;
}

/*
  グローバルメニュー ：フレーム＞ 2階層メニュー：1階層メニューの下に来るもの（PC表示時のみ）
  javascript より出力される値を参照
*/
.is-fixed .l-gmenu_level2,
.is-tablet .l-gmenu_level2{
	display: none;
}

/*----
  グローバルメニュー：フレーム ＞ PC用ボタン
-----*/

.l-gmenu_btn{
	border-radius: 4px;
	padding: 10px 20px;
}

.l-gmenu_btn .c-btnLinkRow__label{
	font-size: 1.5rem;
}


.is-fixed .l-gmenu_btn,
.is-tablet .l-gmenu_btn{
	display: none;
}



/*----
  グローバルメニュー：フレーム ＞ SP用ボタン
-----*/

.l-gmenu_spbtn{
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap:5px;
	padding: 5px;
	cursor:pointer;
	width: 70px;
	height: 70px
}

.l-gmenu_spbtn{
	display: none;
}

.is-fixed .l-gmenu_spbtn,
.is-tablet .l-gmenu_spbtn{
	display: flex;
}

@media screen and (max-width:814px){
	.l-gmenu_spbtn{
		width: 60px;
		height: 70px
	}
}


/*----
  グローバルメニュー：フレーム ＞ 検索ボタン
-----*/
.l-gmenu_search{
	display: none;
	grid-area: gmenu_search;
}

/*
   グローバルメニュー：フレーム ＞ 検索ボタン
  javascript より出力される値を参照
*/
.is-fixed .l-gmenu_search,
.is-tablet .l-gmenu_search{
	display: block;
}


/*スマホ用ログインボタン > フレーム*/
.l-gmenu_spbtn_search{
	background-color: #D1D1D1;
	text-decoration: none;
	text-align: center;
}

.is-push_menu.l-gmenu_spbtn_search{
	background-color: #E50012;
}

/*スマホ用ログインボタン > アイコン*/
.l-gmenu_spbtn_search__icon{
	display: block;
	height: 30px;
	width: 30px;
	background-image: var(--icon_search__black);
	background-repeat: no-repeat;
	background-position: center;
	/*テキスト飛ばし*/
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/*アイコン*/
.l-gmenu_spbtn_search__icon.this-close{
	display: none;
	background-image: none;
}

.l-gmenu_spbtn_search__icon.this-open{
	display: block;
}

/*開く処理　> テキスト*/
.is-push_menu .l-gmenu_spbtn_search__icon.this-close{
	display: block;
}

.is-push_menu .l-gmenu_spbtn_search__icon.this-open{
	display: none;
}

/*スマホ用ログインボタン > テキスト*/
.l-gmenu_spbtn_search__label{
	font-size: 1.4rem;
	text-align: center;
	color: #333;
	font-weight: bold;
	text-align: center;
}

.l-gmenu_spbtn_search__label.this-close{
	display: none;
	color: #FFF;
}

/*開く処理　> テキスト*/
.is-push_menu .l-gmenu_spbtn_search__label.this-close{
	display: block;
}

.is-push_menu .l-gmenu_spbtn_search__label.this-open{
	display: none;
}

@media screen and (max-width:814px){
	.l-gmenu_spbtn_search__label{
		font-size: 1.2rem;
	}

	/*アイコン*/
	.l-gmenu_spbtn_search__icon{
		height: 20px;
		width: 20px;
	}
}


/*----
  グローバルメニュー：フレーム ＞ 口座開設（PC表示時のみ）
-----*/
.l-gmenu_start{
	/*gridのエリア定義*/
	grid-area: gmenu_start;

	/*中央揃え*/
	display: flex;
	flex-direction: row;
	justify-content: flex-end;

	padding: 10px 0px;
}


.l-gmenu_btn__beginner{
	height: 16px;
	width: 16px;
	background-image: var(--icon_beginner__black);
}
/*
   グローバルメニュー：フレーム ＞ 口座開設（PC表示時のみ）
  javascript より出力される値を参照
*/
.is-fixed .l-gmenu_start,
.is-tablet .l-gmenu_start{
	display: none;
}



/*----
  グローバルメニュー：フレーム ＞ ログイン（PC表示時のみ）
-----*/
.l-gmenu_login{
	/*gridのエリア定義*/
	grid-area: gmenu_login;

	/*中央揃え*/
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	padding: 10px 0px;
}

.is-tablet .l-gmenu_login,
.is-fixed .l-gmenu_login{
	padding: 0px 0px;
}



/*スマホ用ログインボタン > フレーム*/
.l-gmenu_btn__login{
	height: 16px;
	width: 16px;
	background-image: var(--icon_key__black);
}

.l-gmenu_spbtn_login{
	background-color: #ED8397;
	text-decoration: none;
	text-align: center;
}

.is-open.l-gmenu_spbtn_login{
	background-color: #D1D1D1;
}

.is-push_menu.l-gmenu_spbtn_login{
	background-color: #E50012;
}

/*スマホ用ログインボタン > アイコン*/
.l-gmenu_spbtn_login__icon{
	display: block;
	height: 30px;
	width: 30px;
	background-image: var(--icon_key__white);
	background-repeat: no-repeat;
	background-position: center;
	/*テキスト飛ばし*/
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/*クローバルメニュー開閉処理毎の対応*/
.l-gmenu_spbtn_login__icon.this-close{
	display: none;
	background-image: none;
}

.l-gmenu_spbtn_login__icon.this-open{
	display: block;
}

/*開く処理　> アイコン*/
.is-open .l-gmenu_spbtn_login__icon.this-open{
	display: block;
	background-image: var(--icon_key__black);
}

/*開いて且つ表示中　> アイコン*/
.is-push_menu .l-gmenu_spbtn_login__icon.this-close{
	display: block;
}

.is-push_menu .l-gmenu_spbtn_login__icon.this-open{
	display: none;
}

/*スマホ用ログインボタン > テキスト*/
.l-gmenu_spbtn_login__label{
	font-size: 1.4rem;
	text-align: center;
	color: #333;
	font-weight: bold;
	text-align: center;
}

.l-gmenu_spbtn_login__label.this-close{
	 display: none;
 }

/*開く処理　> テキスト*/
.is-push_menu .l-gmenu_spbtn_login__label.this-close{
	display: block;
	color: #FFF;
}

.is-push_menu .l-gmenu_spbtn_login__label.this-open{
	display: none;
}

@media screen and (max-width:1200px){

}

@media screen and (max-width:814px){
	.l-gmenu_spbtn_login__label{
		font-size: 1.2rem;
	}

	/*アイコン*/
	.l-gmenu_spbtn_login__icon{
		height: 20px;
		width: 20px;
	}
}

/*----
  グローバルメニュー：フレーム ＞ バーガーメニュー（タブレット以下の表示時のみ）
-----*/
.l-gmenu_burger{
	display: none;
	grid-area: gmenu_burger;
}

/*
   グローバルメニュー：フレーム ＞ バーガーメニュー（タブレット以下の表示時のみ）
  javascript より出力される値を参照
*/
.is-fixed .l-gmenu_burger,
.is-tablet .l-gmenu_burger{
	display: block;
}

.is-open .l-gmenu_burger_btn{
	background-color: #D1D1D1;
}

.l-gmenu_burger_btn,
.is-push_menu .l-gmenu_burger_btn{
	background-color: #E50012;
}

.l-gmenu_burger_btn__icon{
	position: relative;
	top: 2px;
	cursor: pointer;
	width: 22px;
	height: 30px;
}

.l-gmenu_burger_btn__label{
	font-size: 1.4rem;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}

/*ボタン内側*/
.is-open .l-gmenu_burger_btn__icon span{
	background-color: #000000;
}

.l-gmenu_burger_btn__icon span,
.is-push_menu .l-gmenu_burger_btn__icon span{
	display: inline-block;
	transition: all 0.3s;/*アニメーションの設定*/
	position: absolute;
	left: 0px;
	height: 2px;
	border-radius: 2px;
	background: #fff;
	width: 100%;
}



.l-gmenu_burger_btn__icon span:nth-of-type(1) {
	top:2px;
}

.l-gmenu_burger_btn__icon span:nth-of-type(2) {
	top:10px;
	width: 130%;
	left: -12%;
}

.l-gmenu_burger_btn__icon span:nth-of-type(3) {
	top:19px;
}

/*テキスト*/
.l-gmenu_burger_btn__label.this-close{
	display: none;
}

.l-gmenu_burger_btn__label.this-open{
	display: block;
}

/*開く処理*/
/*.is-open .l-gmenu_burger_btn__icon span:nth-of-type(1),*/
.is-push_menu .l-gmenu_burger_btn__icon span:nth-of-type(1) {
	top: -4px;
	left: 0px;
	transform: translateY(15px) rotate(-45deg);

}

/*.is-open .l-gmenu_burger_btn__icon span:nth-of-type(2),*/
.is-push_menu .l-gmenu_burger_btn__icon span:nth-of-type(2) {
  opacity: 0;/*真ん中の線は透過*/
}

/*.is-open .l-gmenu_burger_btn__icon span:nth-of-type(3),*/
.is-push_menu .l-gmenu_burger_btn__icon span:nth-of-type(3) {
	top: 8px;
	left: 0px;
	transform: translateY(3.5px) rotate(45deg);
}

/*開く処理　> テキスト*/
/*.is-open .l-gmenu_burger_btn__label.close,*/
.is-push_menu .l-gmenu_burger_btn__label.this-close{
	display: block;
}

/*.is-open .l-gmenu_burger_btn__label.open,*/
.is-push_menu .l-gmenu_burger_btn__label.this-open{
	display: none;
}

.is-open .l-gmenu_burger_btn__label.this-open{
	color: #000000;
}
@media screen and (min-width:815px){
	.l-gmenu_burger_btn,
	.is-push_menu .l-gmenu_burger_btn{
		gap:0px;
	}
}
@media screen and (max-width:814px){
	.l-gmenu_burger_btn__label{
		font-size: 1.2rem;
	}

	.l-gmenu_burger_btn__icon{
		height: 15px;
		width: 15px;

	}

	.l-gmenu_burger_btn__icon span:nth-of-type(1) {
		top:0px;
	}

	.l-gmenu_burger_btn__icon span:nth-of-type(2) {
		top:6px;
	}

	.l-gmenu_burger_btn__icon span:nth-of-type(3) {
		top:12px;
	}

	/*開く処理*/
	/*.is-open .l-gmenu_burger_btn__icon span:nth-of-type(1),*/
	.is-push_menu .l-gmenu_burger_btn__icon span:nth-of-type(1){
		top: -10px;
		left: 0px;
		transform: translateY(15px) rotate(-45deg);

	}

	/*.is-open .l-gmenu_burger_btn__icon span:nth-of-type(3),*/
	.is-push_menu .l-gmenu_burger_btn__icon span:nth-of-type(3){
		top: 1px;
		left: 0px;
		transform: translateY(4px) rotate(45deg);
	}

}

/*------------------------------------
   グローバルメニュー：l-level1Gmenu
--------------------------------------*/
/* ----------
  グローバルメニュー l-level1Gmenu
  1階層メニュー：個人～サイト内検索　デザインの実装
  ----------- */

/*----
	グローバルメニュー：デザイン＞  1階層メニュー
-----*/
.l-level1Gmenu{
	display: block;
	background-color: #E2E2E2;
	margin: 0;
	padding: 0;
	font-size: 1.4rem;
	font-weight: 500;
	border-bottom-left-radius: 5px;
	overflow: hidden;
	width: auto;
	letter-spacing: -0.5em;
}

/*----
	グローバルメニュー：デザイン＞  1階層メニュー > 1項目分
-----*/
.l-level1Gmenu__item{
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
	letter-spacing: normal;
}

/*----
	グローバルメニュー：デザイン＞  1階層メニュー > リンクデザイン
-----*/
.l-level1Gmenu__link{
	display: block;
	text-decoration: none;
	padding: 10px 25px;
	width: 100%;
	color: #000000;
	position: relative;
}

.l-level1Gmenu__link:after{
	display: inline-block;
	width: 0px;
	height: 1em;
	border-right: solid 1px #000;
	content: "";
	position: absolute;
	right:0px;
	top:50%;
	transform: translateY(-50%);
}

.l-level1Gmenu__link.is-current{
	background-color: var(--color-red);
	color: #FFFFFF;
}

.l-level1Gmenu__link.is-current:after,
.l-level1Gmenu__item:nth-last-child(1) .l-level1Gmenu__link:after{
	display: none;
}


/* ----------
  グローバルメニュー l-level1Gmenu
  ２階層メニュー：2階層目デザイン
  ----------- */

/*----
	グローバルメニュー：デザイン＞  2階層メニュー
-----*/
.l-level2Gmenu{
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	gap:10px;
	margin: 0;
	padding: 0;
	width: 100%;
	max-width: 800px;
}

/*----
	グローバルメニュー：デザイン＞  2階層メニュー > 1項目分
-----*/
.l-level2Gmenu__item{
	display: block;
	text-align: center;
	margin: 0;
	background-color: #FFF;
	width: calc(100% / 4);
	border-radius: 8px 8px 0px 0px;
	list-style: none;
}

/*----
	グローバルメニュー：デザイン＞  2階層メニュー > リンクデザイン
-----*/
.l-level2Gmenu__link{
	display: block;
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-size: 1.5rem;
	padding: 10px 5px;
	border-radius: inherit;
	height: 100%;
	cursor:pointer;
}

.l-level2Gmenu__link.is-current{
	color: var(--color-red);
	background-color: #E2E2E2;
}

.l-level2Gmenu__link:after{
	content: "";
	display: block;
	width: 8px;
	height: 8px;
	margin: auto;
	border-bottom: 2px solid #a2a0a1;
	border-right: 2px solid #a2a0a1;
	transform: rotate(45deg) translateY(0px);
	position: relative;
	top: 0;
	transition-duration: 0.1s;
	transition-property: top;
}

.l-level2Gmenu__link.is-current:after{
	border-bottom: 2px solid var(--color-red);
	border-right: 2px solid var(--color-red);
	top:5px;
}

.l-level2Gmenu__link:hover:after{
	top:5px;
}





/*------------------------------------
   アコーディオンタイプメニュー：フレーム  l-accMenu
   PC～タブレット表示のみ
--------------------------------------*/
/*----
	アコーディオンタイプメニュー：フレーム
-----*/
.l-accMenu{
	display: block;
	width: 100%;
	position: absolute;
	left: 0;
	z-index: 100;
	background-color: #E2E2E2;
}

.l-accMenu:after{
	content: "";
	display: block;
	width: 100%;
	height: 72px;
}

/*  アコーディオンタイプメニュー：フレーム > 固定ヘッダ時*/
/*  javascriptより出力されるクラスを参照 */
.l-accMenu.is-fixed{
	position: fixed;
	left: 0;
}

@media screen and (max-width:1200px){
	.l-accMenu{
		position: fixed;
		left: 0;
	}
}

/*  アコーディオンタイプメニュー：フレーム > 直下要素用 */
.l-accMenu > * {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
}

/*  アコーディオンタイプメニュー：フレーム > 閉じる用のボタン（PC表示時のみ） */
.l-accMenu__closeBtn{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: absolute;
	bottom: 0;
	background-color: #A8A8A8;
	max-width: none;
	height: 48px;
	text-align: center;
	font-weight: bold;
	font-size: 1.80rem;
	cursor: pointer;
}

.is-fixed .l-accMenu__closeBtn,
.is-tablet .l-accMenu__closeBtn{
	display: none;
}



/*------------------------------------
   アコーディオンタイプメニュー：デザイン実装用  l-level1accMenu、l-accMenu_level1
   1階層メニュー：個人～サイト内検索
--------------------------------------*/
.l-accMenu_level1{
	padding: 36px 10px;
	display: none;
}

.is-fixed .l-accMenu_level1,
.is-tablet .l-accMenu_level1{
	display: block;
}

.l-level1AccMenu{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	gap:10px;

	border-bottom: solid 1px #5E5E5E;
}

.l-level1AccMenu__item{
	/*リスト打消し*/
	margin-left: unset;
	list-style: none;
}

.l-level1AccMenu__link{
	display: block;
	text-decoration: none;
	padding: 10px 30px;
	width: 100%;
	color: #000000;
	border-radius: 5px 5px 0px 0px;
}

.l-level1AccMenu__link.is-current{
	background-color: var(--color-red);
	color: #FFFFFF;
}


/*------------------------------------
 アコーディオンタイプメニュー：デザイン実装用  l-level2AccMenu　l-accMenu_level2
 2階層メニュー：1階層メニューの下に来るもの
  --------------------------------------*/
.l-accMenu_level2{
	display: none;
	position: relative;
	padding: 0px 10px;
	margin-bottom: 24px;
	/*padding-bottom: 24px;/*矢印分*/
}

.is-fixed .l-accMenu_level2,
.is-tablet .l-accMenu_level2{
	display: block;
}

.l-accMenu_level2 .o-tabLink_btnbox_item__pc{
	background-color: #FFFFFF;
	box-shadow: 0 5px 0 0 rgba(153,153,153,0.2);
}


/*------------------------------------
  アコーディオンタイプメニュー：デザイン実装用  l-level3AccMenu
  3階層メニュー：2階層メニューの下に来るもの
--------------------------------------*/

.l-accMenu_level3{
	max-width: 1180px;
	padding: 24px;
	border-radius: 5px;
}

.l-accMenu_level3 .o-tabLink_wraper__pc{
	background-color: transparent;
}

.is-fixed .l-accMenu_level3.o-tabLink_box__pc,
.is-tablet .l-accMenu_level3.o-tabLink_box__pc{
	background-color: var(--color-lightPink);
}


@media screen and (max-width:1200px){
	.l-accMenu_level3{
		width: calc( 100% - 20px );
	}
}


/*------------------------------------
  アコーディオンタイプメニュー：デザイン実装用  l-accMenu_login
  PC用ログイン
--------------------------------------*/
.l-accMenu_login{
	background-color: #FFF;
	padding: 36px 10px;
	/*余白に上乗せする*/
	margin-bottom: -72px;
	max-width: unset;
}

.l-accMenu_login .o-loginBox{
	margin: 0 auto;
	max-width: 1200px;
}


/*Bizportalボタン*/
.l-accMenu_login__bizpo.c-btnLinkRow{
	height:70px;
}



@media screen and (min-width:815px){
	.l-accMenu_login .o-loginBox{
		width: 100%;
		display: flex;
		flex-direction:row;
		align-items: flex-start;
		justify-content: space-around;
		flex-wrap: nowrap;
		grid-gap: 30px;
	}

	.l-accMenu_login .o-loginBox_wrap{
		width: 100%;
	}

	.l-accMenu_login__other.o-loginBox{
		margin-top: 36px;
	}
}

@media screen and (max-width:814px){
	.l-accMenu_login .o-loginBox{
		max-width: 414px;
	}
}



/*------------------------------------
  アコーディオンタイプメニュー：デザイン実装用  l-accMenu_search
  PC用検索フォーム
--------------------------------------*/
.l-accMenu_search{
	background-color: #FFF;
	padding: 36px 10px;
	/*余白に上乗せする*/
	margin-bottom: -72px;
	max-width: unset;
}

.l-accMenu_search .o-searchForm{
	max-width: 768px;
	margin: 0 auto;
}

.l-accMenu_search__inner{
	border: solid 1px #000;
	padding: 16px 24px 48px 24px;
	max-width: 1200px;
	margin: 0 auto;
}

.l-accMenu_search_midashi{
	font-weight: bold;
	font-size: 1.8rem;
	text-align: center;
	margin-bottom: 18px;
}

.l-accMenu_search input.o-searchForm__formItem[type="search"]{
	font-size: 1.8rem;
}

.l-accMenu_search[style*="block"] ~ *{
	display: none;
}

/* ----------
  フレーム l-accMenuSP　アコーディオンSP用
  ----------- */
.l-accMenuSP{
	display: block;
	width: 100%;
	height: 100vh;
	position: absolute;
	background-color: #FFFFFF;
	padding: 36px 10px;
	z-index: 100;
	/*構築用
	background-color: #EFEFEF;*/
}

.is-fixed.l-accMenuSP{
	position: fixed;
	left: 0;
}

@media screen and (max-width:814px){
	.l-accMenuSP{
		position: fixed;
		left: 0;
	}
}

.l-accMenuSP__wrapper{
	overflow: auto;
	width: 100%;
	height: calc(100% - 70px);
}

.l-accMenuSP__wrapper > *:nth-last-of-type(n-1){
	/*iphone計端末：スクロール用*/
	box-sizing: content-box;
	padding-bottom: 100px;
}


/*グローバルメニューリンク*/
.l-accMenuSP__midashi{
	margin-top: 48px;
	margin-bottom: 8px;
	text-align: center;
	font-size: 2.00rem;
	font-weight: bold;
}

/*通常リンク*/
.l-accMenuSP_links{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	gap:10px;
}

.l-accMenuSP_links__item{
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: stretch;
	width: calc((100% - 10px) / 2);/*-10px = gap*/
}

.l-accMenuSP_links__item a{
	border-radius: 5px;
	height: 100%;
}

.l-accMenuSP_links__item .c-btnLink{
	gap:3px
}

.l-accMenuSP_links__item a[target="_blank"]:after{
	content: "";
	display: inline-block;
	width: 0.8em;
	height: 0.8em;
	background-repeat: no-repeat;
	background-image: var(--icon-gaibu__black);
	background-position: top;
}

.this-atm.l-accMenuSP_links__item .c-btnLinkCol__icon{
	background-image: var(--icon_pin__red);
}

.this-kouzaCreate.l-accMenuSP_links__item .c-btnLinkCol__icon{
	background-image: var(--icon_wakaba__red);
}

.this-jcb.l-accMenuSP_links__item .c-btnLinkCol__icon{
	width: 130px;
	background-image: url(../image/img_davidcardJCB.png)
}

.this-wallet.l-accMenuSP_links__item .c-btnLinkCol__icon{
	width: 160px;
	height: 50px;
	background-image: url(../image/icon_walletplus.svg);
}




/*内側アコーディオンメニュー*/
.l-accMenuSP_menu{
	display: block;
	border-radius: 5px;
	border: 1px #ADADAD solid;
	background-color: #FFFFFF;
	color: #000000;
	text-decoration: none;
	padding: 0px;
	box-shadow: 0 5px 0 0 rgba(153,153,153,0.6);
	margin-bottom: calc( 5px + 16px); /*box-shadow分*/
	transition: background-color 0.3s;
	font-weight: bold;
}

.l-accMenuSP_innerMenu{
	margin: 0;
	padding: 15px;
	width: 100%;
}

.l-accMenuSP_menu__label{
	position: relative;
	display: flex;
	vertical-align: middle;
	flex-wrap: wrap;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	padding:24px;
	opacity: 1;
	transition: opacity 0.3s;
}

.l-accMenuSP_menu__label:hover{
	opacity: 0.5;
}

.l-accMenuSP_menu__label:after{
	position: absolute;
	right: 15px;
	content: "";
	display: inline-block;
	height: 1.5em;
	width: 1.5em;
	background-image: var(--icon-open__black);
	background-repeat: no-repeat;
	background-size: cover;
}

.is-open.l-accMenuSP_menu__label:after{
	background-image: var(--icon-close__black);
}

.l-accMenuSP_innerMenu__item{
	padding-left: 0;
	margin-left: 0;
	list-style: none;
}

.l-accMenuSP_innerMenu__item:nth-of-type(1) .l-accMenuSP_innerMenu__link{
	padding-top: 0px;
}

.l-accMenuSP_innerMenu__link{
	display: flex;
	vertical-align: middle;
	flex-wrap: wrap;
	text-decoration: none;
	color: #000;
	font-weight: bold;
	padding:15px;
	padding-left: 0;
	border-bottom: solid 1px #DFDFDF;
	opacity: 1;
	transition: opacity 0.3s;
}

.l-accMenuSP_innerMenu__link:hover{
	opacity: 0.5;
}

/*SP：検索フォーム*/
.l-accMenuSP_search{
	border: solid 1px #DFDFDF;
	padding: 30px 20px 40px 20px;
}

.l-accMenuSP_search .l-accMenuSP__midashi{
	margin-top:0;
}

.l-accMenuSP_form{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
	width: 100%;
	border: solid 1px #757575;
	padding: 10px;
	border-radius: 40px
}

.is-focus.l-accMenuSP_form{
	border: solid 2px #333333;
}


input.l-accMenuSP__formItem[type="search"]{
	border: none;
	outline: none;
	width: 100%;
}

input.l-accMenuSP__formItem[type="submit"]{
	border: none;
	text-indent: -9999%;
	background-image: var(--icon_search__black);
	background-repeat: no-repeat;
	background-size: auto 70%;
	background-position: center;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/*メインタグ
/*+++++++++++++++++++++++++++++++++++++++++++++++++*/

.l-main{
	display: block;
	/*margin-bottom: 64px;*/
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/*コンテンツ
/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
.l-contents__section{
	margin: 0 auto;
	max-width: 1600px;
}

@media screen and (max-width:1200px){
	.l-contents__section{
		width: 98%;
		max-width: 98%;
	}
}

/*PC 表示領域*/
.l-contents_inner{
	margin: 0 auto;
	max-width: 1600px;
}

/*タブレット 表示領域*/
.l-contents_inner__tablet{
	margin: 0 auto;
	max-width: 1200px;
}

/*デザインにおいて想定される コンテンツの表示領域ベース*/
.l-contents_inner__content{
	margin: 0 auto;
	max-width: 960px;
}

@media screen and (max-width:1600px){
	.l-contents_inner{
		width: calc(100% - 20px);
	}
}

@media screen and (max-width:1200px){

	.l-contents_inner__tablet{
		width: calc(100% - 20px);
	}

	[class *= "l-contents_inner"] [class *= "l-contents_inner"]{
		width: 100%;
	}
}

@media screen and (max-width:960px){
	.l-contents_inner__content{
		width: calc(100% - 20px);
	}

	[class *= "l-contents_inner"] [class *= "l-contents_inner"]{
		width: 100%;
	}
}

/*---
  コンテンツ　カラーセクション
----*/
.l-contents_colorSection{
	width: 100%;
	background-color: #F4F4F6;
	padding: 42px 10px;
}

.l-contents_colorSection__midashi{
	border: 0;
	padding: 0;
}

.l-contents_colorSection__midashi:after,
.l-contents_colorSection__midashi:before{
	display: none;
}

/*---
  コンテンツ　ヘッター
----*/
.l-contents_header{
	display: flex;
	flex-direction: column-reverse;
	gap:20px;
	width: 100%;
	background-color:var(--color-lightPink);
	padding: 30px 0;
	padding-top: 10px;
	margin-bottom: 50px;
}

.l-contents_header_title{
	padding: 15px;
	margin: 0;
}

.l-contents_header_bl{
	display: block;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding:0 10px;
}

.l-contents_header_bl__item{
	position: relative;
	display: inline-block;
	padding-right: 30px;
}


.l-contents_header_bl__link{
	font-size: 1.4rem;
	opacity: 1;
	transition: opacity 0.3s;
}

.l-contents_header_bl__link:hover{
	opacity: 0.6;
}

.this-home .l-contents_header_bl__link{
	color: var(--color-red);
}


.this-home .l-contents_header_bl__link::before{
	position: relative;
	top: 2px;
	content: "";
	display: inline-block;
	width: 1em;
	height: 1em;
	margin-right: 0.5em;
	background:url(../image/icon_home__red.svg);
}

.this-home.l-contents_header_bl__item ::before .l-contents_header_bl__link{
	display: inline-block;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	right:8px;
	content: ">";
	color: var(--color-red);
}

.l-contents_header_bl__link[href="#"],
.l-contents_header_bl__item:nth-last-of-type(1) .l-contents_header_bl__link{
	pointer-events: none;
	text-decoration: none;
}

.l-contents_header_bl__item:not(:nth-last-of-type(1)):after{
	display: inline-block;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	right:8px;
	content: ">";
}

@media screen and (max-width:814px){
	.l-contents_header_bl__link{
		font-size: 1.2rem;
	}
}



/*---
  汎用レイアウトフレーム
----*/
.l-colFlame_col2{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	margin: 0 auto;
	padding: 0;
	gap:24px;
	width: 100%;
}

.l-colFlame_col2__item{
	display: block;
	width: calc((100% - ( 24px * (2 - 1)))/2);
	margin: 0;
}

@media screen and (max-width:814px){
	.l-colFlame_col2{
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.l-colFlame_col2__item{
		width: 100%;
	}
}

.l-colFlame_col3{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	margin: 0 auto;
	padding: 0;
	gap:24px;
	width: 100%;
}

.l-colFlame_col3__item{
	display: block;
	width: calc((100% - ( 24px * (3 - 1)))/3);
	margin: 0;
}

@media screen and (max-width:814px){
	.l-colFlame_col3{
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
	}

	.l-colFlame_col3__item{
		width: 100%;
	}
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/*フッター
/*+++++++++++++++++++++++++++++++++++++++++++++++++*/



.l-footer_links{
	background-color: #DFDFDF;
}
.l-footer_links__layout{
	display: grid;
	grid-template-columns: auto auto auto auto auto;
	grid-template-rows: auto auto;
	gap: 10px 10px;
	grid-template-areas:
	"personal corp ir tenpo other"
	"personal corp recruit seminar other";
	padding: 30px;
	width: 100%;
	max-width: 1440px;
	margin: 0 auto;
}

/*個人のお客様*/
.l-footer_links__personal {
	grid-area: personal;
}

.l-footer_links__corp {
	grid-area: corp;
}

.l-footer_links__ir {
	grid-area: ir;
}

.l-footer_links__recruit {
	grid-area: recruit;
}

.l-footer_links__tenpo {
	grid-area: tenpo;
}

.l-footer_links__seminar {
	grid-area: seminar;
}

.l-footer_links__other {
	grid-area: other;
}

.l-footer_links__itembox{
	display: block;
	margin: 0;
	padding: 16px;
	margin-top: 0px;
}

.l-footer_links__header{
	font-weight: bold;
}

.l-footer_links__item{
	margin: 0;
	margin-bottom: 8px;
	padding: 0;
	list-style: none;
}

.l-footer_links__link{
	color: #252525;
	font-size: 1.4rem;
}

.l-footer_links__link[target="_blank"]:after,
.l-footer_links__link.this-blank:after{
	content: "";
	display: inline-block;
	width: 0.75em;
	height: 0.75em;
	margin-left: 0.25em;
	background-image: var(--icon-gaibu__black);
}

/*PCのみ*/
@media screen and (min-width:1201px){
	.l-footer_links__itembox{
		padding: 16px 0px;
	}
}


/*--
	ピックアップリンク
	l-footer_pickupLinks
--*/
.l-footer_pickupLinks{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	padding: 30px;
}

.l-footer_pickupLinks__header{
	font-weight: bold;
}

.l-footer_pickupLinks__partition{
	display: none;
}

/*ピックアップリンク：サイト内*/
.l-footer_pickupLinks_site__itembox{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.l-footer_pickupLinks_site__item{
	display: inline-block;
	padding: 0;
	margin: 0;
	margin-top: 5px;
}

.l-footer_pickupLinks_site__item:not(:nth-last-of-type(1))::after{
	display: inline-block;
	content: "|";
	padding: 0px 1em;
}

.l-footer_pickupLinks_site__link{
	text-decoration: none;
	color: #000;
	font-size: 1.5rem;
	font-weight: bold;
}

.l-footer_pickupLinks_site__link:hover{
	text-decoration: underline;
}

/*ピックアップリンク：SNS*/
.l-footer_pickupLinks_sns{
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

.l-footer_pickupLinks_sns__itembox{
	display: inline-flex;
	margin: 0;
	padding: 0;
	line-height: 1;
}

.l-footer_pickupLinks_sns__item{
	width: 100%;
	aspect-ratio:1/1;
	max-height: 30px;
	max-width: 30px;
	text-align: center;

	/*リスト打消し*/
	list-style: none;
}

[class*=l-footer_pickupLinks_sns__link__]{
	display: inline-block;
	width: 100%;
	height: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	text-indent: 120%;
	white-space: nowrap;
	overflow: hidden;
}

.l-footer_pickupLinks_sns__link__insta{
	background-image: url(../image/logo_insta.svg)
}

.l-footer_pickupLinks_sns__link__yt{
	background-image: url(../image/logo_yt.svg)
}

.l-footer_pickupLinks_sns__link__line{
	background-image: url(../image/logo_line.svg)
}


/*--
各種ガイドライン・方針・指針など
.l-footer_guidlineLinks
---*/
.l-footer_guidlineLinks{
	margin: 0;
	padding: 30px;
	background-color: #DFDFDF;
}

.l-footer_guidlineLinks__header{
	display: none;
}

.l-footer_guidlineLinks__itembox{
	display: block;
	margin: 0;
	padding: 0;
	text-align: center;
}

.l-footer_guidlineLinks__item{
	display: inline-block;
	padding: 0;
	margin: 0;
	margin-top: 5px;
	list-style: none;
}

.l-footer_guidlineLinks__item:not(:nth-last-of-type(1))::after{
	display: inline-block;
	content: "|";
	padding: 0px 0.3em;
}

.l-footer_guidlineLinks__link{
	text-decoration: none;
	color: #000;
	font-size: 1.3rem;
}

.l-footer_guidlineLinks__link:hover{
	text-decoration: underline;
}

/*--
会社情報 コピーライト
l-footer_corpdata
--*/
.l-footer_corpdata{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	background-color: #252525;
	color: #FFFFFF;
	font-size: 1.4rem;
	padding: 30px 10px;
}

.l-footer_corpdata__left{
	text-align: right;
}

.l-footer_corpdata__dl{
	display: block;
	margin: 0;
	margin-top: 10px;
}

.l-footer_corpdata__dt,
.l-footer_corpdata__dd{
	display: inline-block;
	font-weight: 500;
	padding-left: 0;
}

.l-footer_corpdata__dt:after{
	content : "：";
	display: inline-block;
}


.l-footer_data{
	font-size: 1.4rem;
	font-weight: bold;
}

.l-footer_copyright{
	font-size: 1.1rem;
}


@media screen and (max-width:1200px){
	.l-footer_links{
		display: block;
	}

	.l-footer_links__layout{
		display: block; /*gridレイアウト解除*/
	}

	.l-footer_links__wrap{
		background-color: #FFF;
		margin-bottom: 10px;
		/*padding: 16px;*/
		border-radius: 2px;
		border: solid 1px #A0A0A0;
		overflow: hidden;
	}

	.l-footer_links__header{
		position: relative;
		padding: 16px;
	}

	.l-footer_links__header:after{
		content: "";
		display: inline-block;
		width: 1.5em;
		height: 1.5em;
		background-image: var(--icon-open__black);
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		right: 16px;
		top:16px;
	}

	.l-footer_links__header.is-open:after{
		background-image: var(--icon-close__black);
	}



	/*--
	ピックアップリンク
	.l-footer_pickupLinks
	---*/
	.l-footer_pickupLinks{
		display: block;
	}

	.l-footer_pickupLinks__partition{
		display: block;
		margin: 32px 0;
	}

	.l-footer_pickupLinks_sns{
		justify-content: center;
	}


	/*--
	各種ガイドライン・方針・指針など
	.l-footer_guidlineLinks
	---*/
	.l-footer_guidlineLinks__header{
		display: block;
		position: relative;
		font-weight: bold;
	}

	.l-footer_guidlineLinks__header:after{
		content: "";
		display: inline-block;
		width: 1.5em;
		height: 1.5em;
		background-image: var(--icon-open__black);
		background-repeat: no-repeat;
		background-size: contain;
		position: absolute;
		right: 0px;
		top:0px;
	}

	.l-footer_guidlineLinks__header.is-open:after{
		background-image: var(--icon-close__black);
	}

	.l-footer_guidlineLinks__item{
		display: block;
		padding: 0;
		margin: 0;
		margin-top: 5px;
		text-align: left;
	}

	.l-footer_guidlineLinks__item:not(:nth-last-of-type(1))::after{
		display:none;
	}

	.l-footer_guidlineLinks__link{
		text-align: left;
	}


	/*--
	会社情報 コピーライト
	l-footer_corpdata
	--*/
	.l-footer_corpdata{
		flex-direction: column;
		justify-content: center;
		gap:16px;
	}

	.l-footer_corpdata__left{
		text-align: center;
	}

	.l-footer_corpdata__dl{
		display: block;
		margin-top: 6px;
		margin-bottom: 0px;
	}

	.l-footer_corpdata__dt,
	.l-footer_corpdata__dd{
		display: inline;
		padding: 0;
		margin: 0;
	}

	.l-footer_corpdata__dt:after{
		content: "：";
	}
}


/*SP調整*/
@media screen and (min-width:815px){

	/*--
		ピックアップリンク
		l-footer_pickupLinks
	--*/

	.l-footer_pickupLinks{
		padding: 18.5px 30px;
	}

	.l-footer_pickupLinks__header{
		font-size: 1.3rem;
	}

	/*--
		フッター情報その他
		l-footer_corpdata
	--*/
	.l-footer_corpdata{
		font-size: 1.1rem;
		padding: 20.5px 30px;
	}

	.l-footer_corpdata__dl{
		margin-top: 3px;
	}
}


/*SP調整*/
@media screen and (max-width:814px){

	/*--
		ピックアップリンク
		l-footer_pickupLinks
	--*/

	.l-footer_guidlineLinks{
		padding: 20px;
	}

	.l-footer_pickupLinks__header{
		font-size: 1.3rem;
	}

	.l-footer_pickupLinks_site__item{
		display: block;
	}

	.l-footer_pickupLinks_site__item:not(:nth-last-of-type(1))::after {
		display: none;
		content: "|";
		padding: 0px 1em;
	}

	.l-footer_pickupLinks_site__link{
		font-size: 1.3rem;
	}

	.l-footer_pickupLinks_sns{
		flex-direction: column;
		flex-wrap: wrap;
		gap:16px;
	}

	.l-footer_pickupLinks_sns__itembox{
		display: flex;
		justify-content: center;
		gap:30px;
		width: 100%;
	}

	.l-footer_pickupLinks_sns__item{
		margin: 0;
		max-height: 45px;
		max-width: 45px;
	}

}


/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/*サイト固定コンテンツ
/*+++++++++++++++++++++++++++++++++++++++++++++++++*/

.l-fixed_linkbox{
	box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);
	background-color: #FFF;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	overflow: hidden;
}

/*右側固定*/
.l-fixed_linkbox{
	position: fixed;
	right: 0;
	top:150px;
	z-index: 10;
	width: 65px;
	font-size: 1.3rem;
}

.l-fixed_linkbox__item{
	display: block;
	border-bottom: solid 1px #DFDFDF;
}

.l-fixed_linkbox__item:nth-last-of-type(1){
	border-bottom: none;
}

.l-fixed_linkbox__link{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	grid-gap: 10px;
	padding: 15px 10px;
	background-color: #FFFFFF;
	text-decoration: none;
	color: #333333;
	font-weight: bolder;
	text-align: center;
	opacity: 1;
	transition: opacity 0.3s;
}

.l-fixed_linkbox__link:hover{
	opacity: 0.6;
}

.l-fixed_linkbox__icon{
	display: block;
	height: 28px;
	width: 28px;
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.l-fixed_linkbox__label{
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.2em;
}

/*来店予約*/
.this-raiten .l-fixed_linkbox__icon{
	background-image: url(../image/icon_calendar__red.svg);
}

/*FAQ*/
.this-faq .l-fixed_linkbox__icon{
	background-image: url(../image/icon_faq__red.svg);
}

/*店舗ATM*/
.this-atm .l-fixed_linkbox__icon{
	background-image: url(../image/icon_pin__red.svg);
}

/*ページトップ*/
.this-pagetop .l-fixed_linkbox__link{
	background-color: var(--color-red);
	color:#FFF;
}

.this-pagetop .l-fixed_linkbox__icon{
	background-image: url(../image/icon_pagetop.svg);
}

/*表示しきれない高さで非表示*/
@media screen and (max-height:600px){
	.l-fixed_linkbox{
		display: none;
	}
}

/*コンテンツ領域非表示*/
@media screen and (max-width:960px){
	.l-fixed_linkbox{
		display: none;
	}
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/*モーダル表示レイアウト
/*+++++++++++++++++++++++++++++++++++++++++++++++++*/

.l-modal{
	display: block;
	width: 100%;
	height: 100vh;
	max-height: 100vh;
	overflow: hidden;
	position: fixed;
	top:0;
	right:0;
	z-index: 999;
	background-color: rgba(0, 0, 0, 0.5);
}

.l-modal__inner{
	display: block;
	width: 95%;
	max-width: 960px;
	max-height: 95vh;
	overflow: auto;
	position: absolute;
	top:50%;
	right: 0px;
	left:0;
	transform: translateY(-50%);
	margin: 0 auto;
	background-color: #FFFFFF;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.6);
	border-radius: 10px;
}

.l-modal__midashi{
	display: flex;
	align-items: center;
	justify-content: center;
	/*background-color: #66BBDD;*/
	background-color:var(--color-lightPink);
	/*color: #FFF;*/
	color: #333333;
	text-align: center;
	font-size: 2.0rem;
	font-weight: bold;
	padding: 20px;
}

.l-modal__content{
	display: block;
	padding: 40px;
}



/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/*モーダル表示レイアウト
/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/*---------------
  クッションリンク画面
  l-cushion
  ---------------*/
.l-cushion{
	max-width: 700px;
	margin: 0 auto;
	padding: 40px 20px;
}

.l-cushion_btnbox{
	display: flex;
	flex-direction: row;
	align-items: stretch;
	justify-content: space-between;
	gap:80px;
	margin-top: 48px;
}

.l-cushion_btnbox__item{
	display: block;
	width:calc(100% - 80px / 2);
	text-align: center;
}

.l-cushion_btnbox__link{
	display: block;
	text-align:center;
	width: 100%;
	padding: 24px;
	font-size: 2.0rem;
	font-weight: bold;
	margin-bottom: 8px;
}

@media screen and (max-width:814px){
	.l-cushion_btnbox{
		flex-direction: column;
		align-items: center;
		gap:20px;
	}
}


/*---------------
  PhishWallプレミアムの利用催促
  l-phishWallModal
  ---------------*/]
.l-phishWallModal{

}

.l-phishWallModal_inner{
	--phishWallColor : #ebab36;
	border: solid 2px var(--phishWallColor);
	padding-top: 0;
	border-radius: 6px;
}

.l-phishWallModal__midashi{
	background-color: var(--phishWallColor);
	color: #FFF;
	text-align: center;
	font-weight: bold;
	font-size: clamp(1.6rem,3.5vw,2.4rem);
	padding: 8px 16px;
}

.l-phishWallModal__box{
	padding: 16px 16px;
	font-size: 1.4rem;
	font-weight: bold;
}

.l-phishWallModal__strong{
	font-weight: bold;
	font-size: clamp(1.6rem,2.0vw,2.2rem);
	color: var(--phishWallColor);
	text-align: center;
	margin-bottom: 12px;
}

.l-phishWallModal__caution{
	width:1.6em;
}

.l-phishWallModal_links {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: center;
	gap:24px;
	margin-top: 12px;
}

.l-phishWallModal_links .this-install {
	flex: 1.5 1 auto;
}

.l-phishWallModal_links .this-install a,
.l-phishWallModal_links .this-nothing > span.c-btnIconLink{
	width: 100%;
	height: 60px;
}

.l-phishWallModal_links .this-nothing {
	flex: 0.5 1 auto;
}

.l-phishWallModal_links .this-nothing span.c-btnIconLink__icon{
	background-image: var(--icon-batsu__black);
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/*フォーム用レイアウト l-form
/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/**/
.l-form{
}

/* ---------------
   フォーム：ヘッダ
   --------------- */
.l-formHeader{
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: space-between;
}
.l-formHeader_site{
	display: flex;
	width: 100%;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
	gap:8px;
	height: inherit;
	padding-left: 5px;
	height: 64px;
}

/*ロゴ*/
.l-formHeader_site__logo {
	display: block;
	background-image: url(../image/logo_h1.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 160px;
	height: 100%;

}

.l-formHeader_site__link{
	display: block;
	width: 100%;
	height: inherit;
	text-indent: 120%;
	white-space: nowrap;
	overflow: hidden;
	pointer-events: none;
}

.l-formHeader_site__code{
	font-size: 1.2rem;
}

.l-formHeader_backLink{
	display: inline-block;
	height: inherit;
	width: 64px;
	height: inherit;
	background-color: #c4c4c6;
	text-decoration: none;
}

.l-formHeader_backLink__icon{
	display: block;
	background-image: url(../image/icon_return__white.svg);
	background-repeat: no-repeat;
	background-size: auto 80%;
	background-position: center;
	height: 60%;
}

.l-formHeader_backLink__label{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	height: 40%;
	line-height: 100%;
}


/* ---------------
   フォーム本体 ： formBody
   --------------- */
.l-formBody{
	display: block;
	width: 100%;
	margin-bottom: 64px;
}

.l-formBody input.u-width__full,
.l-formBody select.u-width__full,
.l-formBody textarea.u-width__full,
.l-formBody input[type=radio] + label.u-width__full,
.l-formBody input[type=checkbox] + label.u-width__full,
.l-formBody input.u-width__full,
.l-formBody select.u-width__full,
.l-formBody textarea.u-width__full{
	max-width: calc(100% - 3em);
}

/* ---------------
   フォーム見出し
   --------------- */

.l-form .l-contents_header{
	padding: 30px;
}

/* ---------------
   フォーム　完了画面
   --------------- */
.l-formThanks{
	max-width: 960px;
	margin: 0 auto;
	margin-bottom: 96px;
}

.l-formThanks__btn{
	padding: 20px;
}

.l-formThanks_text{
	margin-bottom: 64px;
	background-color: var(--color-gray);
	padding:36px;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 2em;
}

.l-formThanks_msg{
	text-align: center;
	font-weight: bold;
	color: #84c626;
	font-size: 1.8rem;
	line-height: 1.6em;
	padding-top: 72px;
	background-image: url(../image/icon_form__clear.svg);
	background-repeat: no-repeat;
	background-position: top 0px center;
	background-size: 40px;
	margin-top: 24px;
	margin-bottom: 36px;
}

/* ---------------
   フォームステップ ： formStep
   --------------- */

.l-formStep{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	margin-bottom: 36px
}

.l-formStep__item{
	position: relative;
	background-color: #F4F4F6;
	padding: 18px;
	border-radius: 6px;
	color: #cccccc;
	opacity: 0.6;
	width: 100%;
}

.is-current.l-formStep__item{
	opacity: 1;
	color: #000000;
}

.l-formStep__step {
	display: block;
	position: absolute;
	top: -0.75em;
	left: 0;
	right: 0;
	margin: 0 auto;
	text-align: left;
	text-indent: 0.5em;
	font-weight: bold;
	color: var(--color-red);
}

.l-formStep__step span{
	font-size: 1.8rem;
	font-size: clamp(1.4rem,2vw,1.8rem);
}

.l-formStep__label{
	display: block;
	font-size: 2.2rem;
	font-size: clamp(1.4rem,2vw,2.2rem);
	font-weight: bold;
	color: inherit;
	text-align: center;
}

.l-formStep__arrow{
	padding: 0px 24px;
}

.l-formStep__arrow:after{
	display: inline-block;
	content: '';
	border-top: solid 5px var(--color-red);
	border-right: solid 5px var(--color-red);
	height: 0.7em;
	width: 0.7em;
	transform: rotate(45deg) translateY(calc( ( 0.7em * 1.414 ) / 2));
}

/*インナーコンテンツ幅以下の時*/
@media screen and (max-width:960px){
	.l-formStep{
		padding: 0 16px;
	}

	.l-formStep__arrow{
		padding: 0px 8px;
	}

	.l-formStep__arrow:after{
		border-top: solid 3px var(--color-red);
		border-right: solid 3px var(--color-red);
		height: 0.5em;
		width: 0.5em;
		transform: rotate(45deg) translateY(calc( ( 0.5em * 1.414 ) / 2));
	}

	.l-formStep__item{
		padding: 10px 0px;
	}
}

/* ---------------
   フォームステップ (沢山)： formStepMany
   --------------- */

.l-formStepMany{
	padding: 16px 0px;
	margin-bottom: 32px;
}

.l-formStepMany_fukidashi{
	display: flex;
	align-items: center;
	gap:36px;
	background-color: var(--color-gray);
	padding: 24px;
	border-radius: 8px;
}

.l-formStepMany_fukidashi__step{
    display: block;
    text-align: left;
	font-size: 1.8rem;
	font-size: clamp(1.2rem,2vw,1.8rem);
    text-indent: 0.5em;
    font-weight: bold;
    color: var(--color-red);
}

.l-formStepMany_fukidashi__step span{
	font-size: 150%;
}

.l-formStepMany_fukidashi__label{
	display: block;
	font-size: 2.2rem;
	font-size: clamp(1.4rem,2vw,2.2rem);
	font-weight: bold;
	color: inherit;
	text-align: center;
}


.l-formStepMany_progress{
	position: relative;
	width:100%;
	max-width: 94%;
	height: 80px;
	margin:0 auto;
}

.l-formStepMany_progress:before{
	content:"";
	display: block;
	width:100%;
	height: 3px;
	/*background-color: var(--color-red);*/
	background-color: var(--color-gray);
	position: absolute;
	top:50%;
	transform: translateY(-50%);
}

.l-formStepMany_progress:after{
	content:"";
	display: block;
	width:0;
	height: 3px;
	background-color: var(--color-red);
	position: absolute;
	top:50%;
	transform: translateY(-50%);
}

.l-formStepMany_progress_point{
	display: block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: var(--color-gray);
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	z-index: 2;
}

/*インナーコンテンツ幅以下の時*/
@media screen and (max-width:814px){
	.l-formStepMany_progress_point{
		width: 12px;
		height: 12px;
	}
}
/* 記法：吹き出し位置アイコン
【(1)任意stepの項目】 .l-formStepMany_progress_point.【(1)と同じ値】:before,
.is-step9 .l-formStepMany_progress_point.this-step9:before{
	display: block;
	content:"";
	width: 30px;
	height: 30px;
	position: absolute;
	top:-45px;
	left:-5px;
	background-color: var(--color-gray);
	transform: rotate(45deg);
	border-bottom-right-radius: 2px;
}
*/

/* 記法：赤の塗りつぶし
【(1)任意stepの項目】 .l-formStepMany_progress_point.【(1)と同じ値】:before,
.l-formStepMany_progress.【(1)任意stepの項目】:after{
	width:calc( ( ( 100% - 【●のwidth】 ) / 【総ステップ数-1】 ) * 【現在のステップ】 );
}
*/

/* 記法：●の位置
【(1)任意stepの項目】 .l-formStepMany_progress_point.【(1)と同じ値】:before,
.l-formStepMany_progress.【(1)任意stepの項目】:after{
	left:calc( ( ( 100% - 【●のwidth】 ) / 総ステップ数-1】 ) * 【現在のステップ】 );
}
*/


/*インナーコンテンツ幅以下の時*/
@media screen and (max-width:960px){
	.l-formStep{
		padding: 0 16px;
	}

	.l-formStep__arrow{
		padding: 0px 8px;
	}

	.l-formStep__arrow:after{
		border-top: solid 3px var(--color-red);
		border-right: solid 3px var(--color-red);
		height: 0.5em;
		width: 0.5em;
		transform: rotate(45deg) translateY(calc( ( 0.5em * 1.414 ) / 2));
	}

	.l-formStep__item{
		padding: 10px 0px;
	}
}


/* ---------------
   フォーム本体 > 章 ： 構造単位の1つ
   --------------- */
.l-formChapter{
	display: block;
	width: 100%;
	max-width: 960px;
	padding: 10px;
	margin: 0 auto;
	background-color: #FFFFFF;
}

.l-formChapter__midashi{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: stretch;
	font-size: 2.2rem;
	font-weight: bold;
	padding: 12px 8px;
	height: 100%;
	border: none;
	margin-bottom: 48px;
	background-color: #DFDFDF;
}

.l-formChapter__midashi::before{
	display: inline-block;
	content: "■";
	color: var(--color-red);
	margin-right: 0.5em;
}


/*インナーコンテンツ幅以下の時*/
@media screen and (max-width:960px){
	.l-formChapter{
		padding: 0 16px;
	}
}

/* ---------------
   フォーム本体 > 節 ： 構造単位の1つ
   --------------- */
.l-formBody_section,
.l-formSection{
	display: block;
	width: 100%;
	margin-bottom: 72px;
}

/*フォーム本体 > 節 > 見出し*/
.l-formBody_section__midashi,
.l-formSection__midashi{
	position: relative;
	display: block;
	width: 100%;
	font-weight: bold;
	font-size: 2.0rem;
	margin-bottom: 18px;
	border-bottom: solid 2px #ACACAC;
	padding: 5px 2px;

}

.l-formBody_section__midashi:after,
.l-formSection__midashi:after{
	position: absolute;
	bottom:-2px;
	left: 0;
	display: block;
	content:"";
	height: 2px;
	width: 30%;
	max-width: 200px;
	border-bottom: solid 2px var(--color-red);
}

/* ---------------
   フォーム本体 > 項 ： 構造単位の1つ
   --------------- */

.l-formBody_group{
}

.l-formGroup__midashi{
	display: block;
	font-weight: bold;
	margin-top: 2em;
	margin-bottom: 5px;
	position: relative;
	padding-left: 12px;
	font-size: 1.6rem;
	border-bottom: solid #ADADAD 1px;
	margin-bottom: 2em;
}

.l-formGroup__midashi::before{
	content: "　";
	width: 3px;
	height: 15px;
	display: inline-block;
	background-color: var(--color-red);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 2px;
	border-radius: 2px;
}

/* ---------------
   フォーム本体 > アイテム ： 構造単位の1つ
   --------------- */
.l-formItem{
	width: 100%;
	margin-top: 8px;
}

.l-formItem + .l-formItem{
	margin-top: 2em;
}

.l-formItem__entry{
	width: 100%;
	letter-spacing: -0.5em;
}

.l-formItem__entry > *{
	letter-spacing: normal;
}


/*構造単位内の最小分割：横並び*/
.l-formItem__entry.this-split{
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: flex-start;
}

.l-formItem__entry.this-split .this-split_item{
	padding-right: 1em;
}

.l-formItem__entry.this-split .this-split_item input{
	width:100%;
}

/*エラーメッセージの出力*/
.l-formItem__msg{
	font-size: 1.2rem;
	padding: 2px;
}

.l-formItem__msg.this-error:empty {
	display: none;
}

.l-formItem__msg.this-error{
	background-color:var(--color-lightPink);
	color: var(--color-red);
	font-weight: bold;
	margin-bottom: 6px;
}

.l-formItem__label{
	display: block;
	font-weight: bold;
	font-size: 1.5rem;
	margin-bottom: 6px;
}

/*ダミーアイテム form_sumupIcon*/
.l-formItem_dummy{
	display: inline-block;
	line-height: 2.2em;
	padding: 8px 3px;
	border: solid #CDCDCD 2px;
	background-color: #FFF;
	color: inherit;
	border-radius: 3px;
	font-size: 1.8rem;
	background-color: #F9F9F9;
	min-width: 10em;
}


/*アイコンまとめてレイアウト：form_sumupIcon*/
.l-form_sumupIcon{
	position: relative;
    padding-left: 40px;
}

.l-form_sumupIcon:before{
	position: absolute;
	top: 18px;
	left: 0px;
}

.l-form_sumupIcon > *{
	margin-top: 8px;
}




/* ---------------
   フォーム本体 > 同意確認セクション ： 構造単位の1つ
   --------------- */

.l-formAgree{
	width: 100%;
	max-width: 960px;
	margin: 36px auto;
	background-color: #F9F9FB;
	padding: 36px 16px;
	border-radius: 6px;
}

input[type="checkbox"] + label.l-formAgree__label{
	font-weight: bold;
}

.l-formAgree__guide {
	margin-top: 1em;
}

.l-formAgree__guide a{
	color:var(--color-red);
}

/*インナーコンテンツ幅以下の時*/
@media screen and (max-width:960px){
	.l-formAgree{
		max-width: 100%;
	}
}

@media screen and (max-width:814px){
	input[type="checkbox"] + label.l-formAgree__label{
		display: inline-block;
	}
}



/* ---------------
   フォーム > 各種状態design
   --------------- */
/*状態スタイル*/
.l-formBody input.is-efo__init,
.l-formBody select.is-efo__init,
.l-formBody textarea.is-efo__init,
.l-formBody input[type=radio].is-efo__init,
.l-formBody input[type=checkbox].is-efo__init,
.l-formBody .is-efo__init input,
.l-formBody .is-efo__init select,
.l-formBody .is-efo__init textarea,
.l-formBody .is-efo__init input[type=radio] + label::before,
.l-formBody .is-efo__init input[type=checkbox] + label::before{
	background-color: #fffce0 !important;
}



.l-formBody input.is-efo__clear,
.l-formBody select.is-efo__clear,
.l-formBody textarea.is-efo__clear,
.l-formBody input[type=radio].is-efo__clear,
.l-formBody input[type=checkbox].is-efo__clear,
.l-formBody .is-efo__clear input,
.l-formBody .is-efo__clear select,
.l-formBody .is-efo__clear textarea,
.l-formBody .is-efo__clear input[type=radio] + label::before,
.l-formBody .is-efo__clear input[type=checkbox] + label::before{
	background-color: #f2ffe0 !important;
}

/*オートコンプリートハック：OK*/
.l-formBody input.is-efo__clear:-webkit-autofill {
	box-shadow: 0 0 0 1000px #f2ffe0 inset;
}

/*
.is-efo__clear + .l-formBody__judge,
.is-efo__clear > .l-formBody__judge{
	display: inline-block;
}

.l-formBody__judge{
	display: none;
	width: 1.5em;
	height: 1.5em;
	background-image: url(https://www.sagabank.co.jp/image/popup_form/icon_checked.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

.l-formBody fieldset{
	display: inline-block;
	width: auto;
}
*/
.l-formBody input.is-efo__error,
.l-formBody select.is-efo__error,
.l-formBody textarea.is-efo__error,
.l-formBody input[type=radio].is-efo__error,
.l-formBody input[type=checkbox].is-efo__error,
.l-formBody .is-efo__error input,
.l-formBody .is-efo__error select,
.l-formBody .is-efo__error textarea,
.l-formBody .is-efo__error input[type=radio] + label::before,
.l-formBody .is-efo__error input[type=checkbox] + label::before{
	background-color: #ffe3e3 !important;
}
/*オートコンプリートハック：NG*/
.l-formBody input.is-efo__error:-webkit-autofill {
	box-shadow: 0 0 0 1000px #ffe3e3 inset;
}

/* ---------------
   フォーム本体 > 送信ボタンセクション ： 構造単位の1つ
   --------------- */

.l-formBtns{
	display: flex;
	gap:20px;
	width: 100%;
	max-width: 960px;
	margin: 36px auto;
	position: relative;
}



/*送信ボタン*/
.l-formBtns__btn.this-send{
	position: relative;
	display: inline-flex;
	justify-content: flex-start;
	width:100%;
	height: 80px;
	padding: 20px;
	padding-right: 50px;
	text-align: left;
	overflow: hidden;
	border-radius: 8px;
}

.l-formBtns__btn.this-send:after{
	content: "";
	display:inline-block;
	border-top: solid 2px #FFF;
	border-right: solid 2px #FFF;
	width: 60px;
	height:60px;
	transform: rotate(45deg);
	position: absolute;
	/*right: 15%;*/
	right:20px;
}

/*戻る*/
.l-formBtns__btn.this-back{
	position: relative;
	display: inline-flex;
	justify-content: flex-end;
	width:100%;
	max-width: 150px;
	height: 80px;
	padding: 20px;
	text-align: left;
	overflow: hidden;
	border-radius: 8px;
}

.l-formBtns__btn.this-back:before{
	content: "";
	display:inline-block;
	border-top: solid 2px #999999;
	border-right: solid 2px #999999;
	width: 60px;
	height:60px;
	transform: rotate(-135deg);
	position: absolute;
	left: 25%;
}

.l-formBtns .c-textLinkIcon.this-exit{
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
}

.l-formBtns .c-textLinkIcon.this-exit .c-textLinkIcon__icon{
	background-image: var(--icon-batsu__black);
	background-size: 80%;
}

@media screen and (min-width:961px){
	.l-formBtns__wrapper{
		/*width:25%;*/
		width: auto;
	}

	.l-formBtns__wrapper.this-back{
		width:10%;
		max-width: 100%;
	}
}

@media screen and (max-width:960px){
	.l-formBtns{
		width:calc(100% - 20px);
	}

	.l-formBtns__wrapper.this-back{
		min-width: 100px;
	}


	.l-formBtns .c-formbtn.this-back{
		max-width: 100px;
	}
}




/* ---------------
   フォーム本体 > 店舗一覧（50音順）
   --------------- */
.l-formBankBranchAiueo{
	display: none;
}

.l-formBankBranchAiueo_box{
	scroll-behavior: smooth;/*スムーススクロール*/
	max-height: 80%;
}

.l-formBankBranchAiueo_midashi__ken{
	position: relative;
	padding: 40px 0 20px 0;
	margin-bottom: 50px;
	border-bottom: 1px solid #7f7f7f;
	text-align: center;
	font-size: 2.2rem;
	font-weight: bold;
}

.l-formBankBranchAiueo_midashi__ken:after{
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	max-width: 360px;
	height: 1px;
	left: 0;
	right: 0;
	bottom: -1px;
	margin: auto;
	background-color: #e50012;
}

.l-formBankBranchAiueo_midashi__line{
	display: block;
	position: relative;
	padding: 10px;
	/*border: solid 1px #DFDFDF;*/
	font-weight: bold;
	background-color: var(--color-lightPink);
	margin: 36px auto 18px;
}

.l-formBankBranchAiueo_list{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 20px;
	margin: 0;
	padding: 0;
}

.l-formBankBranchAiueo_list__item{
	width: 100%;
	max-width: calc( ( 100% - ( 30px * ( 4 - 1 ) ) )/ 4);
	margin: 0;
	padding: 0;
	list-style: none;
}

.l-formBankBranchAiueo_list__btn{
	display: block;
	width: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
	padding: 15px;
	border-radius: 6px;
	border: solid 1px #DFDFDF;
	font-weight: bold;
	cursor:pointer;
	opacity: 1;
	transition: opacity 0.3s;
}

.l-formBankBranchAiueo_list__btn:hover{
	opacity: 0.6;
}

.l-formBankBranchAiueo_list__btn.is-current{
	background-color:var(--color-red);
	color: #FFF;
}

@media screen and (max-width:814px) {
	.l-formBankBranchAiueo_list__item{
		width: 100%;
		max-width: calc( ( 100% - ( 30px * ( 2 - 1 ) ) )/ 2);
		margin: 0;
		padding: 0;
	}
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 標準投稿形式のスタイルシート .l-postArea
   注意：投稿形式の記事のみで利用するものです。他のページでの流用はNGとします
/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
.l-postArea{
	margin-top: 36px;
	margin-bottom: 96px;
}

.l-postArea ul,
.l-postArea ol,
.l-postArea dl,
.l-postArea table,
.l-postArea p{
	margin-top: 1em;
	margin-bottom: 1em;
}

.l-postArea a:not([class]){
	color: var(--color-red);
	opacity: 1;
	transition: opacity 0.3s;
	word-wrap: break-word;
}

.l-postArea a:not([class]):hover{
	opacity: 0.6;
}

.l-postArea a[target=_blank]:not([class]):after{
	content:"";
	display: inline-block;
	height: 1em;
	width: 1em;
	background-image: var(--icon-gaibu__red);
	background-size: 80%;
	background-repeat: no-repeat;
	margin-left: 0.5em;
}

.l-postArea a[href$=".pdf"]:not([class]):after{
	content:"";
	display: inline-block;
	height: 1em;
	width: 1em;
	background-image: var(--icon-pdf__red);
	background-size: 93%;
	background-repeat: no-repeat;
	margin-left: 0.5em;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/* iframe読み込みページのスタイルシート .l-iframe
   注意：iframe読み込みページのみで利用するものです。他のページでの流用はNGとします
/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/*ベースフォントサイズを定義*/
.l-iframe{
	font-size: 1.4rem;
}

.l-iframe_content{
	padding: 10px;
}

/*h1を非表示化*/
.l-iframe h1{
	display: none;
}




/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/* 個人のお客さま（2階層目） .l-kojin_level2
/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/*--
  個人のお客さま（2階層目）
  --*/
.l-kojin_level2 .l-main{
	margin-bottom: 0;
}

/*--
  キービジュアル：l-kojin_level2__keyvidual
  --*/
.l-kojin_level2__keyvidual{
	position: relative;
	max-width: 1200px;
	margin: 36px auto;
	margin-bottom: 164px;
}

.l-kojin_level2__keyvidual .swiper-pagination{
	position: static;
}

/*SP：スマホレイアウト時*/
@media screen and (max-width:814px) {
	.l-kojin_level2__keyvidual{
		margin-top: 10px;
		margin-bottom: 36px;
	}
}

/*--
個人のお客さま（2階層目）>アンカーリンク：l-kojin_loan_anchorBlock
  --*/
.l-kojin_level2_anchorBlock{
	max-width: 1200px;
	margin: 0 auto;
	margin-bottom: 64px;
}

/*SP：スマホレイアウト時*/
@media screen and (max-width:814px) {

}


/*--
個人のお客さま（2階層目）>コンテンツボックス：l-kojin_level2__contents
  --*/
.l-kojin_level2__contents{
	max-width: 1200px;
	margin: 0 auto;
	margin-bottom: 180px;
	padding: 10px;
}


/*SP：スマホレイアウト時*/
@media screen and (max-width:814px) {
	.l-kojin_level2__contents{
		margin-bottom: 36px;
	}
}

/*--
個人のお客さま（2階層目）>リンクボックス：l-kojin_level2__linkbox
  --*/
.l-kojin_level2_linkbox{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap:25px;
}

.l-kojin_level2_linkbox + *{
	margin-top: 112px;
}

/*アイテム（1個当たり）*/
.l-kojin_level2_linkbox__item{
	display: block;
	width: calc(100% - (25px * ( 3 - 1 ) ) / 3);
}

/*アイテム（1個当たり）に2個入るパターン：this-row2*/
.l-kojin_level2_linkbox__item.this-row2{
	display: inline-flex;
	flex-direction: column;
	gap: 30px;
}

/*アイテム リンクボタン*/
.l-kojin_level2_linkbox__link{
	width: 100%;
	height: calc(100% - 6px);/*buttonUIの影の分*/
	justify-content: center;
	padding: 15px;
}

/*リンク：バナー*/
a.l-kojin_level2_linkbox__bnr{
	display: block;
	opacity: 1;
	transition: opacity 0.3s
}

a.l-kojin_level2_linkbox__bnr:hover{
	opacity: 0.8;
}


/*SP：スマホレイアウト時*/
@media screen and (max-width:814px) {
	.l-kojin_level2_linkbox{
		flex-wrap: wrap;
		gap:15px;
	}

	.l-kojin_level2_linkbox + *{
		margin-top: 24px;
	}

	.l-kojin_level2_linkbox__item{
		width: calc((100% - 15px) / 2);
	}

	/*アイテム（1個当たり）に2個入るパターン：this-row2*/
	.l-kojin_level2_linkbox__item.this-row2{
		gap:15px;
	}
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/* かりる > ローン関連レイアウト .l-kojin_loan .l-houjin_loan
/*+++++++++++++++++++++++++++++++++++++++++++++++++*/

/*--
  かりる > ローン関連レイアウト：ページキービジュアル
  l-kojin_level2__linkbox
  l-houjin_level2__linkbox
  --*/
.l-kojin_loan_keyvisual,
.l-houjin_loan_keyvisual{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
	background-color: #F4F4F6;
	max-width: 1200px;
	margin: 36px auto;
	border-radius: 6px;
}

.l-kojin_loan_keyvisual__img,
.l-houjin_loan_keyvisual__img{
	max-width: 44%;
}

.l-kojin_loan_keyvisual__data,
.l-houjin_loan_keyvisual__data{
	max-width: 56%;
}

@media screen and (max-width:600px) {
	.l-kojin_loan_keyvisual,
	.l-houjin_loan_keyvisual{
		flex-direction: column;
	}

	.l-kojin_loan_keyvisual__img,
	.l-houjin_loan_keyvisual__img,
	.l-kojin_loan_keyvisual__data,
	.l-houjin_loan_keyvisual__data{
		max-width: 100%;
	}
}

/*--
  かりる > ローン関連レイアウト：重要なお知らせ
  p-kojin_loan_autoloan_important
  p-houjin_loan_autoloan_important
  --*/
.l-kojin_loan_important,
.l-houjin_loan_important{
	max-width: 1200px;
	margin: 0 auto;
}

@media screen and (max-width:1200px) {
	.l-kojin_loan_important,
	.l-houjin_loan_important{
		width: calc(100% - 20px);
	}
}

/*--
  WEBでカンタンお申込み
  p-kojin_loan_autoloan_important
  p-houjin_loan_autoloan_important
  --*/
.l-kojin_loan_webRequest,
.l-houjin_loan_webRequest{
	max-width: 1200px;
	margin: 36px auto;
	margin-top: 72px;
}

/*リンクボックス*/
.l-kojin_loan_webRequest_linkbox,
.l-houjin_loan_webRequest_linkbox{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	max-width: 960px;
	margin: auto;
	text-align: center;
}

.l-houjin_loan_webRequest_linkbox{
	justify-content: center;
}

/*リンクボックスの1つ分*/
.l-kojin_loan_webRequest_linkbox__item,
.l-houjin_loan_webRequest_linkbox__item{
	width: 50%;
	text-align: center;
	font-weight: bold;
}

/*リンク見出し*/
.l-kojin_loan_webRequest_linkbox__msg,
.l-houjin_loan_webRequest_linkbox__msg{
	font-size: 2.0rem;
	margin-bottom: 8px;
}

/*リンクデザイン調整*/
.l-kojin_loan_webRequest_linkbox__link,
.l-houjin_loan_webRequest_linkbox__link{
	flex-direction: row-reverse;
	justify-content: space-between;
	padding: 30px;
	width: 80%;
	font-size: 1.8rem;
}

.l-kojin_loan_webRequest_linkbox__link .c-btnLinkRow__label,
.l-houjin_loan_webRequest_linkbox__link .c-btnLinkRow__label{
	font-size: 2.1rem;
	font-size: clamp(1.6rem, 3vw ,2.1rem);
	text-align: center;
	width: 90%;
}

/*WEB審査申込*/
.l-kojin_loan_webRequest_linkbox__link.this-loanReq .c-btnLinkRow__icon,
.l-houjin_loan_webRequest_linkbox__link.this-loanReq .c-btnLinkRow__icon{
	background-image: var(--icon_maruYajirushiRight__white__red);
	width:1em;
	height: 1em;
}

/*ローンシミュレーション*/
.l-kojin_loan_webRequest_linkbox__link.this-loanSim .c-btnLinkRow__icon,
.l-houjin_loan_webRequest_linkbox__link.this-loanSim .c-btnLinkRow__icon{
	background-image: var(--icon_maruYajirushiRight__black);
	width:1em;
	height: 1em;
}

@media screen and (max-width:814px){
	.l-kojin_loan_webRequest_linkbox,
	.l-houjin_loan_webRequest_linkbox{
		flex-direction: column;
		gap:36px;
	}

	.l-kojin_loan_webRequest_linkbox__item,
	.l-houjin_loan_webRequest_linkbox__item{
		width: 100%;
	}
}

/*ローン事前審査申込み＞横幅の広いボタン*/
.c-btnIconLink.l-kojin_loan_webRequest_wideBtn,
.c-btnIconLink__red.l-kojin_loan_webRequest_wideBtn{
	width: 90%;
	padding: 30px;
}

.l-kojin_loan_webRequest_wideBtn .c-btnIconLink__label{
	font-size: clamp(1.6rem, 3vw, 2.1rem);
    text-align: center;
}

.l-kojin_loan_webRequest_wideBtn.c-btnIconLink__red .c-btnIconLink__icon{
	background-image: var(--icon_maruYajirushiRight__white__red);
	width: 1.2em;
	height: 1.2em;
}

.l-kojin_loan_webRequest_wideBtn.c-btnIconLink .c-btnIconLink__icon{
	background-image: var(--icon_maruYajirushiRight__black);
	width: 1.2em;
	height: 1.2em;
}

@media screen and (max-width:814px){
	.c-btnIconLink.l-kojin_loan_webRequest_wideBtn,
	.c-btnIconLink__red.l-kojin_loan_webRequest_wideBtn{
		width: 85%;
	}
}


/*--
  特徴 l-kojin_loan_chara
  --*/
.l-kojin_loan_chara,
.l-houjin_loan_chara{
	max-width: 1200px;
	margin: 36px auto;
	margin-top: 81px;
}

@media screen and (max-width:814px){

	.l-kojin_loan_chara .c-charaBox,
	.l-houjin_loan_chara .c-charaBox{
		flex-direction: column;
		width: calc(100% - 20px);
	}

	.l-kojin_loan_chara .c-charaBox_item__midashi,
	.l-houjin_loan_chara .c-charaBox_item__midashi,
	.l-kojin_loan_chara .c-charaBox_item__text,
	.l-houjin_loan_chara .c-charaBox_item__text{
		width:100%;
		text-align: center;
	}
}


/*--
  幅広いお使いみち
  l-kojin_loan_use
  l-houjin_loan_use
  ※4個までの想定です。必要に応じてページごとのCSSで調整してください。
  --*/
.l-kojin_loan_use,
.l-houjin_loan_use {
	margin-top: 81px;
	margin-bottom: 41px;
	width: 100%;
	background-color: #F4F4F6;
	padding: 42px 10px;
}

.l-kojin_loan_use__midashi,
.l-houjin_loan_use__midashi{
	margin-top: 0;
	margin-bottom: 18px;
	border: 0;
	padding: 0;
}

.l-kojin_loan_use__midashi::after,
.l-houjin_loan_use__midashi::after{
	display: none;
}

.l-kojin_loan_use_list,
.l-houjin_loan_use_list{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	padding: 0;
	gap:30px;
	max-width: 960px;
	margin: 0 auto;
}

.l-kojin_loan_use_list__item,
.l-houjin_loan_use_list__item{
	display: inline-block;
	list-style: none;
	/*個数の式 ： width:100% - ( gap * ( 列数 - 1 ) ) ) / 列数 */
	width: calc( ( 100% - ( 30px * ( 4 - 1 ) ) )/ 4);
	margin: 0;
	padding: 0;
	text-align: center;
}

.l-kojin_loan_use_list__img,
.l-houjin_loan_use_list__img{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 39px;
	position: relative;
	overflow: hidden;
	text-align: center;
	background-color: #fff;
}

.l-kojin_loan_use_list__img img,
.l-houjin_loan_use_list__img img{
	width: auto;
	height: 60px;
}

.l-kojin_loan_use_list__msg,
.l-houjin_loan_use_list__msg{
	margin-top: 0.5em;
}

@media screen and (max-width:814px){
	.l-kojin_loan_use_list__item ,
	.l-houjin_loan_use_list__item {
		/*個数の式 ： width:100% - ( gap * ( 列数 - 1 ) ) ) / 列数 */
		width: calc( ( 100% - ( 30px * ( 2 - 1 ) ) )/ 2);
	}

	.l-kojin_loan_use_list__img img,
	.l-houjin_loan_use_list__img img{
		position: static;
	}
}


/*--
ご融資金利と引下げ後金利
l-kojin_loan_kinri
l-houjin_loan_kinri
--*/
.l-kojin_loan_kinri,
.l-houjin_loan_kinri{
	max-width: 1200px;
	margin: 0 auto;
	margin-top: 64px;
}

.l-kojin_loan_kinri .c-btnIconLink,
.l-houjin_loan_kinri .c-btnIconLink{
	width: 60%;
	max-width: 400px;
	padding: 16px 24px;
	margin-top: 36px;
}

.l-kojin_loan_kinri .c-btnIconLink__label,
.l-houjin_loan_kinri .c-btnIconLink__label{
	width: 100%;
}

@media screen and (max-width:814px){
	.l-kojin_loan_kinri .c-colboxType01__item,
	.l-houjin_loan_kinri .c-colboxType01__item{
		text-align: center;
	}
}

/*--
ご利用にあたって
l-kojin_loan_riyou
l-houjin_loan_riyou
--*/
.l-kojin_loan_riyou,
.l-houjin_loan_riyou{
	max-width: 1200px;
	margin: 72px auto;
	margin-bottom: 128px;
}

.l-kojin_loan_riyou__midashi__Lv2,
.l-houjin_loan_riyou__midashi__Lv2{
	margin-top: 36px;
}

@media screen and (max-width:1200px){
	.l-kojin_loan_riyou > *,
	.l-houjin_loan_riyou > *{
		padding: 10px;
	}

	.l-kojin_loan_riyou > .c-komeText,
	.l-houjin_loan_riyou > .c-komeText{
		padding: 0;
		padding-left: 1.5rem;
	}

	.l-kojin_loan_riyou > .o-relatedLinks,
	.l-houjin_loan_riyou > .o-relatedLinks{
		padding: 0px;
		width: calc(100% - 20px);
	}
}

/*--
ご利用にあたって > 必要な物 >
l-kojin_loan_riyou__need
l-houjin_loan_riyou__need
--*/
.l-kojin_loan_riyou__need,
.l-houjin_loan_riyou__need{
	width: 100%;
	margin-bottom: 16px;
}

.l-kojin_loan_riyou__need .c-dlItemize,
.l-houjin_loan_riyou__need .c-dlItemize{
	margin-top: 1em;
}


/*--
住宅ローン > 金利情報：
--*/
.l-kojin_loanHome_infoKinri {
	display: grid;
	grid-auto-rows: 1fr;
	grid-template-columns: 0.25fr 0.25fr 0.25fr 0.25fr;
	grid-template-rows: 0.5fr 0.5fr 1fr;
	gap: 1px 1px;
	grid-template-areas:
	"hendou kotei kotei kotei"
	"hendou koteiYear3Head koteiYear5Head koteiYear10Head"
	"hendoData koteiYear3Data koteiYear5Data koteiYear10Data";
	background-color: #b7b7b9;
	border: solid 1px #b7b7b9;
}

.l-kojin_loanHome_infoKinri > div{
	background-color: #FFF;
	font-weight: bold;
	font-size: 120%;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}

/*変動金利型*/
.l-kojin_loanHome_infoKinri .this-hendou { grid-area: hendou; }
.l-kojin_loanHome_infoKinri .this-hendoData { grid-area: hendoData; }

/*固定金利型*/
.l-kojin_loanHome_infoKinri .this-kotei { grid-area: kotei; }
.l-kojin_loanHome_infoKinri .this-koteiYear3Head { grid-area: koteiYear3Head; }
.l-kojin_loanHome_infoKinri .this-koteiYear3Data { grid-area: koteiYear3Data; }

.l-kojin_loanHome_infoKinri .this-koteiYear5Head { grid-area: koteiYear5Head; }
.l-kojin_loanHome_infoKinri .this-koteiYear5Data { grid-area: koteiYear5Data; }

.l-kojin_loanHome_infoKinri .this-koteiYear10Head { grid-area: koteiYear10Head; }
.l-kojin_loanHome_infoKinri .this-koteiYear10Data { grid-area: koteiYear10Data; }

.l-kojin_loanHome_infoKinri .this-hendou{
	background-color: var(--color-red);
	color: #fff;
	font-size: clamp(1.6rem,2vw,2.0rem);
}

.l-kojin_loanHome_infoKinri .this-kotei{
	background-color: var(--color-blue__vivid);
	color: #fff;
}

.l-kojin_loanHome_infoKinri .this-koteiYear3Head,
.l-kojin_loanHome_infoKinri .this-koteiYear5Head,
.l-kojin_loanHome_infoKinri .this-koteiYear10Head {
	background-color: #f4f4f6;
	font-size: 100%;
}

.l-kojin_loanHome_infoKinri .this-num{
	font-size: 180%;
	margin: 0 5px;
}

.l-kojin_loanHome_infoKinri .this-koteiYear3Data,
.l-kojin_loanHome_infoKinri .this-koteiYear5Data,
.l-kojin_loanHome_infoKinri .this-koteiYear10Data,
.l-kojin_loanHome_infoKinri .this-hendoData {
	align-items: baseline;
}

@media screen and (max-width:814px){
	.l-kojin_loanHome_infoKinri .this-hendou{
		font-size: 120%;
	}

	.l-kojin_loanHome_infoKinri {
		grid-auto-rows: 1fr;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
		grid-template-areas:
		"hendou hendou hendou"
		"hendoData hendoData hendoData"
		"kotei kotei kotei"
		"koteiYear3Head koteiYear5Head koteiYear10Head"
		"koteiYear3Data koteiYear5Data koteiYear10Data";
	}
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/* ローン関連　追従バナー .l-kojin_loan_fixedWinBottom
/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/*ボックス定義*/
.l-kojin_loan_fixedWinBottom,
.l-houjin_loan_fixedWinBottom{
	background-color: var(--color-red);
	padding: 10px 14px;
}

.l-kojin_loan_fixedWinBottom_inner,
.l-houjin_loan_fixedWinBottom_inner{
	max-width: 960px;
	margin: 0 auto;
	display: flex;
	gap:20px;
	justify-content: space-between;
	align-items: stretch;
}

.l-kojin_loan_fixedWinBottom__tel,
.l-houjin_loan_fixedWinBottom__tel{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50%;
}

.l-kojin_loan_fixedWinBottom__partition,
.l-houjin_loan_fixedWinBottom__partition{
	display: block;
	width: 1px;
	background-color: #FFF;
}

.l-kojin_loan_fixedWinBottom__links,
.l-houjin_loan_fixedWinBottom__links{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-around;
}

.l-kojin_loan_fixedWinBottom__links .this-loanApp,
.l-kojin_loan_fixedWinBottom__links .this-loanSim,
.l-houjin_loan_fixedWinBottom__links .this-loanApp,
.l-houjin_loan_fixedWinBottom__links .this-loanSim{
	padding: 16px 20px;
	width: 100%;
	max-width: 300px;
	font-size: 2.8rem;
	font-size: clamp(1.4rem, 1.4vw, 1.8rem);
}

.l-kojin_loan_fixedWinBottom__links .this-loanSim,
.l-houjin_loan_fixedWinBottom__links .this-loanSim{
	border: 1px solid #ffffff;
}

.l-kojin_loan_fixedWinBottom__links .this-loanApp .c-btnIconLink__icon,
.l-houjin_loan_fixedWinBottom__links .this-loanApp .c-btnIconLink__icon{
	background-image: url("../image/icon_maruYajirushiRight__red.svg");

}

.l-kojin_loan_fixedWinBottom__links > *:nth-of-type(1):nth-last-of-type(1) .c-btnIconLink__icon,
.l-houjin_loan_fixedWinBottom__links > *:nth-of-type(1):nth-last-of-type(1) .c-btnIconLink__icon{
	background-image: url("../image/icon_maruYajirushiRight__red.svg")
}

.l-kojin_loan_fixedWinBottom__links .this-loanApp .c-btnIconLink__label,
.l-houjin_loan_fixedWinBottom__links .this-loanApp .c-btnIconLink__label{
	color: var(--color-red);
}

.l-kojin_loan_fixedWinBottom__links > *:nth-of-type(1):nth-last-of-type(1) [class*="c-btnIconLink"],
.l-houjin_loan_fixedWinBottom__links > *:nth-of-type(1):nth-last-of-type(1) [class*="c-btnIconLink"]{
	background-color: #FFF;
	color: var(--color-red);
}


.l-kojin_loan_fixedWinBottom__links .c-btnIconLink__label br,
.l-houjin_loan_fixedWinBottom__links .c-btnIconLink__label br{
	display: none;
}


@media all and (max-width: 1080px) {
	.l-kojin_loan_fixedWinBottom,
	.l-houjin_loan_fixedWinBottom{
		padding: 0;
		height: 70px;
	}

	.l-kojin_loan_fixedWinBottom_inner,
	.l-houjin_loan_fixedWinBottom_inner{
		height: inherit;
		gap:0;
	}

	.l-kojin_loan_fixedWinBottom__tel,
	.l-houjin_loan_fixedWinBottom__tel{
		padding: 10px;
	}

	.l-kojin_loan_fixedWinBottom__tel img,
	.l-houjin_loan_fixedWinBottom__tel img{
		max-height: 50px;
	}

	.l-kojin_loan_fixedWinBottom__partition,
	.l-houjin_loan_fixedWinBottom__partition{
		display: none;
	}

	.l-kojin_loan_fixedWinBottom__links,
	.l-houjin_loan_fixedWinBottom__links{
		padding: 0px;
		margin-right: 0;
		text-align: center;
		height: inherit;
		justify-content: space-around;
	}


	.l-kojin_loan_fixedWinBottom__links > *,
	.l-houjin_loan_fixedWinBottom__links > *{
		height: inherit;
		width: 50%;
	}

	.l-kojin_loan_fixedWinBottom__links > *:nth-of-type(1):nth-last-of-type(1),
	.l-houjin_loan_fixedWinBottom__links > *:nth-of-type(1):nth-last-of-type(1){
		width: 100%;
	}

	.l-kojin_loan_fixedWinBottom__links > *:nth-of-type(1):nth-last-of-type(1) [class*="c-btnIconLink"],
	.l-houjin_loan_fixedWinBottom__links > *:nth-of-type(1):nth-last-of-type(1) [class*="c-btnIconLink"]{
		background-color: #FFF;
		color: var(--color-red);
	}

	.l-kojin_loan_fixedWinBottom__links > *:nth-of-type(1):nth-last-of-type(1) .c-btnIconLink__icon,
	.l-houjin_loan_fixedWinBottom__links > *:nth-of-type(1):nth-last-of-type(1) .c-btnIconLink__icon{
		background-image: url("../image/icon_maruYajirushiRight__red.svg")
	}

	.l-kojin_loan_fixedWinBottom__links > *:nth-of-type(1):nth-last-of-type(1) [class*="c-btnIconLink"] br,
	.l-houjin_loan_fixedWinBottom__links > *:nth-of-type(1):nth-last-of-type(1) [class*="c-btnIconLink"] br{
		display: none;
	}


	.l-kojin_loan_fixedWinBottom__links [class*="c-btnIconLink"],
	.l-houjin_loan_fixedWinBottom__links [class*="c-btnIconLink"]{
		align-items: stretch;
		gap:5px;
		border: 0;
		padding: 10px;
		border-radius: 0;
		height: 100%;
		box-shadow: none;
		max-width: unset;
	}

	.l-kojin_loan_fixedWinBottom__links .c-btnIconLink__icon,
	.l-houjin_loan_fixedWinBottom__links .c-btnIconLink__icon{
		width: 10px;
	}

	.l-kojin_loan_fixedWinBottom__links .c-btnIconLink__label,
	.l-houjin_loan_fixedWinBottom__links .c-btnIconLink__label{
		width: calc( 100% - 10px );
		padding: 0;
		font-size: clamp( 1.2rem,2vw,1.6rem );
		/*テキストの構え*/
		display: inline-flex;
		align-items: center;
		justify-content: center;
	}

	.l-kojin_loan_fixedWinBottom__links .c-btnIconLink__label br,
	.l-houjin_loan_fixedWinBottom__links .c-btnIconLink__label br{
		display: block;
	}
}

@media all and (max-width: 480px) {
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/* サギン先生 .l-kojin_saginSensei
/*+++++++++++++++++++++++++++++++++++++++++++++++++*/

.l-kojin_saginSensei{
	max-width: 1200px;
	margin: 0 auto;
	margin-bottom: 2em;
}

@media screen and (max-width:1200px){
	.l-kojin_saginSensei{
		padding: 10px;
	}
}

/*---
  一覧
----*/

.l-kojin_saginSensei_list{
	display: block;
	max-width: 960px;
	margin: auto;
	padding: 0 0px;
	margin: auto;
}

.l-kojin_saginSensei_list__item{
	padding: 15px 15px;
	border-bottom: 1px dashed #CCC;
	margin: 0;
	list-style: none;
}

.l-kojin_saginSensei_list__link {
	display: inline-block;
	padding-left: 2em;
	background-image: url(../image/icon_maruYajirushiRight__red.svg);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1.5em;
	opacity: 1;
	transition: opacity 0.3s;
}

.l-kojin_saginSensei_list__link:hover{
	opacity: 0.8;
}


/*---
  会話
----*/
.l-kojin_saginSensei_kaiwa{

}

/*右に写真*/
.this-shinta .l-kojin_saginSensei_kaiwa__comment{
	background-color: var(--color-lightPink);
}

.this-shinta .l-kojin_saginSensei_kaiwa__comment:after{
	background-color: inherit;
	right: -10px;
}

/*左に写真*/
.this-sensei.c-charaFukidashi{
	flex-direction: row-reverse;
}

.this-sensei .l-kojin_saginSensei_kaiwa__comment{
	background-color: #eee;
}

.this-sensei .l-kojin_saginSensei_kaiwa__comment:after{
	background-color: inherit;
	left: -10px;
}

/*キャラ*/
.l-kojin_saginSensei_kaiwa__chara{
	max-width: 80px;
}

/*---
  サギン先生 > 今回のまとめ
----*/
.l-kojin_saginSensei_matome{
	position: relative;
	max-width: 960px;
	margin: 50px auto;
	border: 2px solid var(--color-red);
	border-radius: 10px;
}

.l-kojin_saginSensei_matome:after {
	position: absolute;
	content: url(../image/img_saginsennseiMatome.png);
	top: -10px;
	left: 8px;
}

.l-kojin_saginSensei_matome__midashi{
	display: block;
	border-bottom: 1px solid var(--color-red);
	font-size: 2.1rem;
	padding: 20px 20px 10px 100px;
}

.l-kojin_saginSensei_matome__text{
	display: block;
	padding: 20px 20px 10px 100px;
}

@media screen and (max-width:814px){
	.l-kojin_saginSensei_matome{
		width: 90%;
	}

	.l-kojin_saginSensei_matome:after {
		display: none;
	}

	.l-kojin_saginSensei_matome__midashi,
	.l-kojin_saginSensei_matome__text{
		padding: 20px 20px 10px 20px;
	}
}

/*---
  サギン先生 > リンクブロック
----*/
.l-kojin_saginSensei__pager{
	display: flex;
	flex-wrap: nowrap;
	gap:10px;
	width: 100%;
	max-width: 1200px;
	border-top: 1px solid #ccc;
	margin: 0 auto;
	margin-top: 50px;
	padding: 50px 10px 30px;
}

.l-kojin_saginSensei__pager > *{
	/*width: 30%;*/
	width: calc( 100% - 10px );
	padding: 25px;
}

@media screen and (min-width:1201px){
	.l-kojin_saginSensei__pager{
		padding-left: calc((1200px - 960px) / 2);
		padding-right: calc((1200px - 960px)/ 2);
	}
}

@media screen and (max-width:1200px) and (min-width:961px){
	.l-kojin_saginSensei__pager{
		padding-left: calc((100% - 960px) / 2 + 10px);
		padding-right: calc((100% - 960px) / 2 + 10px);
	}
}

@media screen and (max-width:814px){
	.l-kojin_saginSensei__pager{
		flex-wrap: wrap;
		padding: 50px 10px 30px;
	}

	.l-kojin_saginSensei__pager > *{
		width: 100%;
		padding: 25px;
		margin: 10px auto;
	}
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/* ためる > 投資信託関連レイアウト .l-kojin_toushin
/*+++++++++++++++++++++++++++++++++++++++++++++++++*/

/*--
   ためる > 投資信託関連レイアウト：ページキービジュアル
  l-kojin_toushin__keyvidual
  --*/
.l-kojin_toushin__keyvidual{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
	background-color: #F4F4F6;
	max-width: 1200px;
	margin: 36px auto;
	border-radius: 6px;
}

.l-kojin_toushin__keyvidual__img{
	max-width: 44%;
}

.l-kojin_toushin__keyvidual__data{
	max-width: 56%;
}

@media screen and (max-width:600px) {
	.l-kojin_toushin__keyvidual{
		flex-direction: column;
	}

	.l-kojin_toushin__keyvidual__img,
	.l-kojin_toushin__keyvidual__data{
		max-width: 100%;
	}
}

/*--
  らくらくe投信
  l-kojin_toushin__yesNo
  --*/

.l-kojin_toushin__yesNo{
	max-width: 1200px;
	margin-bottom: 100px;
}

.l-kojin_toushin__yesNo .this-etoushin{
	margin: 50px 0;
}

.l-kojin_toushin__yesNo .this-etoushin a{
	font-size: 120%;
	padding: 25px;
	width: 90%;
	max-width: 420px;
	position: relative;
}

.l-kojin_toushin__yesNo .this-etoushin a:after{
	content: "";
	display: inline-block;
	width: 17px;
	height: 17px;
	position: absolute;
	right: 20px;
	background-image: url(../image/icon_maruYajirushiRight__white__red.svg);
	background-size: content;
}


/*佐賀銀行の普通預金口座（総合口座）をお持ちですか？　*/
.l-kojin_toushin__yesNo_question{
	max-width: 1100px;
	margin: auto;
	text-align: center;
	padding: 20px 0 50px 0;
	margin: 30px auto;
	background-color: #f4f4f6;
}

.l-kojin_toushin__yesNo_question .this-phrase{
	font-size: 110%;
	font-weight: bold;
	color: var(--color-red);
	margin-bottom: 30px;
}

.l-kojin_toushin__yesNo_question .this-phrase:after{
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	margin: 20px auto;
	background-image: url(../image/icon_underYajirushi__red.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

.l-kojin_toushin__yesNo_question ul li{
	margin: auto;
	width: 48%;
	display: inline-block;
	list-style: none;
	text-align: center;
	vertical-align: top;
}

.l-kojin_toushin__yesNo_question ul li span{
	display: block;
	font-weight: bold;
	padding-bottom: 30px;
}

.l-kojin_toushin__yesNo_question ul li span:before{
	content:"";
	display: inline-block;
	width: 30px;
	height: 30px;
	margin-right: 10px;
	vertical-align: middle;
	background-image: url(../image/icon_maruNo__gray.svg);
}

.l-kojin_toushin__yesNo_question ul li:last-child.this-yes span:before{
	background-image: url(../image/icon_maruYes__red.svg);
}

.l-kojin_toushin__yesNo_question ul li a{
	width: 80%;
	margin: 10px;
}

@media screen and (max-width: 814px){
	.l-kojin_toushin__yesNo_question ul li a{
		width: 95%;
	}

	.l-kojin_toushin__yesNo{
		margin-bottom: 36px;
	}
}




/*--
   ためる > 投資信託についてのご相談：ページキービジュアル
  l-kojin_toushin__keyvidual
  --*/
.l-kojin_toushin__soudan{
	margin-top: 72px;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/* ためる > 投資信託関連レイアウト > NISA .l-kojin_toushin_nisa
/*+++++++++++++++++++++++++++++++++++++++++++++++++*/

/*--
   ためる > NISA：ポイント
   .l-kojin_toushin_nisa_point
--*/

.l-kojin_toushin_nisa_point{
	background-color: var(--color-yellow__pale);
	margin-bottom: 96px;
}

.l-kojin_toushin_nisa_point > *,
.l-kojin_toushin_nisa_point > ol{
	max-width: 960px;
	margin: auto;
}

.l-kojin_toushin_nisa_point > ol li{
	font-size: 1.7rem;
	font-weight: bold;
	margin-bottom: 1em;
}

.l-kojin_toushin_nisa_point > h4{
	margin: auto;
	text-align: center;
	margin-bottom: 36px;
	font-size: 2.4rem;
}

/*--
   ためる > NISA：NISAの制度比較
  .l-kojin_toushin_nisa__hikakuTable
  --*/
.l-kojin_toushin_nisa__hikaku table{
	width: 100%;
	min-width: 960px;
	table-layout: fixed;
	margin-bottom: 1em;
}

.l-kojin_toushin_nisa__hikaku th,
.l-kojin_toushin_nisa__hikaku td{
	width: 27%;
	text-align: center;
	padding: 25px 10px;
}

.l-kojin_toushin_nisa__hikaku tr > *:nth-of-type(1){
	width: 18%;
}

.l-kojin_toushin_nisa__hikaku .this-small{
	font-size: 1.4rem;
	margin-top: 8px;
	display: inline-block;
}

/*--
	ためる > NISA：NISAの種類
	l-kojin_toushin_nisa__category
  --*/

.l-kojin_toushin_nisa__category{
	margin-top: 64px;
}

.l-kojin_toushin_nisa__category .c-btnIconLink__label{
	width: 100%;
	text-align: center;
}

/*--
	ためる > NISA：NISAの種類留意事項・ご注意ください
	l-kojin_toushin_nisa__attention
--*/

.l-kojin_toushin_nisa__attention{
	margin-top: 124px;
}

.l-kojin_toushin_nisa__attention .o-important{
	margin-bottom: 36px;
	font-size: 1.5rem;
	font-weight: 500
}

@media screen and (max-width:1200px){
	.l-kojin_toushin_nisa__attention__nisa .o-important__midashi br{
		display: none;
	}

	.l-kojin_toushin_nisa__attention__other{
		text-align: center;
	}
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/* ライフステージ・メニュー  .l-kojin_lifestage
/*+++++++++++++++++++++++++++++++++++++++++++++++++*/

/*-- キービジュアル（.l-kojin_lifestage_keyvidual） --*/

.l-kojin_lifestage_keyvidual__text{
	font-weight: bold;
	color: #0066CC;
	text-align: center;
}

@media screen and (max-width:1200px){
	.l-kojin_lifestage_keyvidual__text{
		text-align: left;
	}
}

/*-- 下線が黄色の見出し（.l-kojin_lifestage_midashi__yellow） --*/
.l-kojin_lifestage_midashi__yellow{
	display: inline-block;
	padding: 0 0 8px 0;
    margin: 0 auto 30px;
    font-size: 2.6rem;
    font-weight: bold;
	text-align: center;
	border-bottom: 3px solid #FFF800;
}

@media screen and (max-width:814px){
	.l-kojin_lifestage_midashi__yellow{
		font-size: 2.0rem;
	}
}


/*-- 「こんな準備が必要です」リスト（.l-kojin_lifestage_preparation） --*/

.l-kojin_lifestage_preparation{
	margin-top: 81px;
	margin-bottom: 41px;
	width: 100%;
	background-color: #F4F4F6;
	padding: 56px 10px;
}

.l-kojin_lifestage_preparation__midashi{
	margin-top: 0;
	margin-bottom: 32px;
	border: 0;
	padding: 0;
}

.l-kojin_lifestage_preparation__midashi::after{
	display: none;
}

.l-kojin_lifestage_preparation_list{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	padding: 0;
	gap:30px;
	max-width: 960px;
	margin: 0 auto;
}

.l-kojin_lifestage_preparation_list__item{
	display: inline-block;
	list-style: none;
	/*個数の式 ： width:100% - ( gap * ( 列数 - 1 ) ) ) / 列数 */
	width: calc( ( 100% - ( 30px * ( 4 - 1 ) ) )/ 4);
	margin: 0;
	padding: 0;
	text-align: center;
}

.l-kojin_lifestage_preparation_list__img{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 39px;
	position: relative;
	overflow: hidden;
	text-align: center;
	background-color: #fff;
}

.l-kojin_lifestage_preparation_list__img img{
	width: auto;
	height: 60px;
}

.l-kojin_lifestage_preparation_list__msg{
	margin-top: 0.5em;
}

@media screen and (max-width:814px){
	.l-kojin_lifestage_preparation_list__item{
		/*個数の式 ： width:100% - ( gap * ( 列数 - 1 ) ) ) / 列数 */
		width: calc( ( 100% - ( 30px * ( 2 - 1 ) ) )/ 2);
	}

	.l-kojin_lifestage_preparation_list__img img{
		position: static;
	}
}

/*-- パーソナルプラザ佐賀（.l-kojin_lifestage_personalplaza） --*/
.l-kojin_lifestage_personalplaza{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	flex-wrap: nowrap;
	background-color: #134968;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}

.l-kojin_lifestage_personalplaza__img {
	width: 35%;
	height: 100%;
	object-fit: cover;
}

.l-kojin_lifestage_personalplaza__img img{
	max-width: 100%;
}

.l-kojin_lifestage_personalplaza__data{
	width: 65%;
	padding: 30px 42px;
}

.l-kojin_lifestage_personalplaza__data p{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	color: #FFFFFF;
}

.l-kojin_lifestage_personalplaza_midashi{
	font-size: 1.5em;
	font-weight: bold;
	margin-bottom: 1em;
	text-align: center;
}

.l-kojin_lifestage_personalplaza_btn{
	display: flex;
	justify-content: space-around;
}

.l-kojin_lifestage_personalplaza_btn a{
	font-weight: bold;
	color: #134968;
	display: block;
	padding: 16px;
	background-color: #FFFFFF;
	width: 200px;
	text-align: center;
	text-decoration: none;
	border-radius: 30px;
}

.l-kojin_lifestage_personalplazaList{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap:10px;
	margin: 0 auto;
	max-width: 500px;
}

.l-kojin_lifestage_personalplazaList li{
	list-style: none;
	margin: 0;
	width: calc((100% - 10px) / 2);
	padding-left: 1.75em;
	position: relative;
	color: #FFF800;
}

.l-kojin_lifestage_personalplazaList li:after{
	display: inline-block;
	width: 1em;
	height: 1em;
	content: "";
	background-image: url("../kojin/lifestage/files/lifestage_personalpraza_checkicon.png");
	background-repeat: no-repeat;
	background-size:contain;
	position: absolute;
	left: 0.25em;
	top: 0.25em;
}


@media screen and (max-width:814px) {
	.l-kojin_lifestage_personalplaza{
		flex-direction: column;
	}
	.l-kojin_lifestage_personalplaza__img,
	.l-kojin_lifestage_personalplaza__data{
		width: 100%;
	}

	.l-kojin_lifestage_personalplaza__img {
		width: 100%;
		aspect-ratio: 5 / 3;
		object-fit: cover;
	}
	.l-kojin_lifestage_personalplaza__data{
		padding: 24px;
	}
	.l-kojin_lifestage_personalplaza_btn{
		flex-direction: column;
	}
	.l-kojin_lifestage_personalplaza_btn a{
		padding: 10px;
		margin: 5px auto;
	}
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/* その他 > セミナー・商談会のご案内 .l-news_seminar
/*+++++++++++++++++++++++++++++++++++++++++++++++++*/
/* ---------------------------------------------------------------
その他 > セミナー・商談会のご案内：l-news_seminar_links
-----------------------------------------------------------------*/

/*-- リンクリスト（.l-news_seminar_links） --*/
.l-news_seminar_links{
	margin:36px auto 124px;
}

/*-- リンクリスト > 仕切り（.l-news_seminar_links__exp） --*/
.l-news_seminar_links__partition{
	border: 0;
	height: 1px;
	background: #DFDFDF;
	margin: 3px;
}

.l-news_seminar_links_linkList{
	display: block;
	margin: 0;
	padding: 0;
}

/*-- リンクリスト > 一覧リスト（.l-news_seminar_links_linkList__item --*/
.l-news_seminar_links_linkList__item {
	display: grid;
	grid-auto-rows: 1fr;
	grid-template-columns: 1.50fr 0.50fr;
	grid-template-rows: auto auto;
	gap: 10px 10px;
	grid-template-areas:
	"news_seminar__gaiyo news_seminar__request"
	"news_seminar__gaiyo news_seminar__report";
	list-style: none;
	padding: 16px 5px;
	margin: 0;
	width: 100%;
	border-bottom: dashed 1px #ADADAD;
}

.l-news_seminar_links_linkList_gaiyo{ grid-area: news_seminar__gaiyo;}
.l-news_seminar_links_linkList_link__edit { grid-area: news_seminar__request;}
.l-news_seminar_links_linkList_link__report { grid-area: news_seminar__report;}

.l-news_seminar_links_linkList_gaiyo__title{
	line-height: 1.2em;
	margin-bottom: 1em;
}

/*リンク設定：概要ページリンク*/
.l-news_seminar_links_linkList_link__edit a{
	display: block;
	padding: 10px;
	width: 100%;
	background-color:var(--color-red);
	color: #FFF;
	text-decoration: none;
	text-align: center;
	border-radius: 4px;
	font-weight: bold;
}

.l-news_seminar_links_linkList_link__edit.this-disable a{
	background-color:#8E8E8E;
}


/*セミナー一覧 > 概要*/
.l-news_seminar_links_linkList_gaiyo__data{
	margin-bottom: 8px;
	font-size: 1.4rem;
}

/*セミナー一覧 > 概要 > 開催日時*/
.l-news_seminar_links_linkList_gaiyo__schedule{
	font-size: 1.4rem;
}

/*セミナー一覧 > 概要 > カテゴリ*/
.l-news_seminar_links_linkList_gaiyo__category{
	display: inline-block;
	padding: 2px 1.5em;
	font-weight: bold;
	font-size: 1.1rem;
	border-radius: 50px;
}


.l-news_seminar_links_linkList_gaiyo__category.this-seminar,
.l-news_seminar_links__exp .this-seminar{
	border: 1px solid var(--color-blue);
	color: var(--color-blue);
}

.l-news_seminar_links_linkList_gaiyo__category.this-links,
.l-news_seminar_links__exp .this-links{
	border: 1px solid #e09824;
	color: #e09824;
}

.l-news_seminar_links_linkList_gaiyo__category.this-soudan,
.l-news_seminar_links__exp .this-soudan{
	border: 1px solid #3ea372;
	color: #3ea372;
}


/*セミナー一覧 > 概要 > 費用・料金*/
.l-news_seminar_links_linkList_gaiyo__fee{
	display: inline-block;
	padding: 2px 1em;
	font-weight: bold;
	font-size: 1.1rem;
	border-radius: 50px;
}

.l-news_seminar_links_linkList_gaiyo__fee.this-free{
	border: 1px solid #333333;
}



/*セミナー一覧 > 概要 > 費用・料金*/
[class*=l-news_seminar_links_linkList_link] a{
	width: 100%;
	margin: 0;
	padding: 5px 10px;
	font-size: 1.4rem;
}
/*
.l-news_seminar_links_linkList_link__edit.this-disable a{
	background-color: var(--color-gray);
	color: #999999;
}

.l-news_seminar_links_linkList_link__edit.this-disable a:after{
	background-image: var(--icon_maruYajirushiRight__black);
	opacity:0.6;
}*/


@media screen and (max-width:814px){
	.l-news_seminar_links_linkList__item{
		grid-auto-rows: 1fr;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: auto auto;
		grid-template-areas:
		"news_seminar__gaiyo news_seminar__gaiyo"
		"news_seminar__request news_seminar__report";
	}
}


/*===============================================================*/
/* 7.javascript CSS
 ・Javascript用スタイルシート
/*===============================================================*/

/*Telリンク*/
[data-tellink][href^="javascript"]{
	text-decoration: none;
	cursor:text;
}


/*アコーディオンメニュー*/
.js-accordion[data-accordion]{
	width: 100%;
}

.js-accordion_btn[data-accordion]{
	cursor: pointer;
}

/*クッション画面*/
.js-cushion{
	opacity: 0;
	z-index: -1;
}

/*---
　丸番号リスト　.js-maruNumOL
 list-styleの無効ははjsから行う
 common.js > maruNumOL();
 ---*/

ol.js-maruNumOL {}
ol.js-maruNumOL > li {
	position: relative;
	padding-left: 1.0em;
	list-style-type: none;
	margin-left: 0px;
	text-indent: 0;
}

ol.js-maruNumOL > li .this-marker{
	display: inline-block;
	position: absolute;
	left:0em;
}

ol.js-maruNumOL > li .this-maru{
	display: inline-block;
}

ol.js-maruNumOL > li .this-num{
	display: inline-block;
	position: absolute;
	left:0.35em;
	top: 10%;
	font-size: 80%;
}

ol.js-maruNumOL > li:nth-of-type(n+10) .this-num{
	letter-spacing: -0.15em;
	font-size: 75%;
	top: 12.5%;
	left:0.15em;
}


/*---
（）番号リスト .js-kakkoNumOL
 list-styleの解除はjsから行う
  common.js > kakkoNumOL();
 ---*/

ol.js-kakkoNumOL{}

ol.js-kakkoNumOL > li{
	text-indent: -1.5em;
	margin: 0;
	padding-left: 1.5em;
}



/* ---------------
   フォーム本体 > 進捗バープログラム
   --------------- */
.js-inputProgress{
	display: block;
	width: 100%;
	max-width: 240px;
	height: auto;
	max-height: calc(100vh - 80px);
	overflow: hidden;
	background-color: rgba(0,0,0,0.8);
	position: fixed;
	top: 70px;
	right: 10px;
	padding: 10px;
	border-radius: 5px;
	color: #FFF;
	z-index: 3;
}

/*進捗バープログラム > 残項目数表記*/
.js-inputProgress_remaining{
	text-align: center;
	font-size: 1.6rem;
	font-weight: bold;
}
.js-inputProgress__midashi{
	display: block;
	font-size: 2.0rem;
	font-weight: bold;
}

.js-inputProgress__num{
	display: inline-block;
	background-color: #FFFFFF;
	color: var(--color-red);
	font-size: 2.8rem;
	font-weight: bold;
	padding: 3px 5px;
	width: 2.5em;
	margin: 0px 8px;
	text-align: right;
}

/*進捗バー*/
.js-inputProgress_bar{
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	flex-flow: nowrap;
	height: 3px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #FFF;
}

/*必須項目が0の時の表示用*/
.js-inputProgress_bar.is-comp{
	background-color: #ed3e44;
}

[class*="js-inputProgress_section__"]{
	display: inline-block;
	height: 3px;
	background-color: #ed3e44;
}

/*アンカーリンクリスト*/
.js-inputProgress_linkbox{
	color: #FFF;
	margin-left: 1.2em;
	font-size: 1.6rem;
	margin: 0;
	padding: 0;
	max-height: calc(100vh - 80px - 150px);
	overflow: auto;
}
[class*="js-inputProgress_linkitem__"]{
	margin-left: 1.5em;
	margin-top: 3px;
}

.js-inputProgress_link{
	color: inherit;
	text-decoration: none;
	font-weight: 500;
}

@media all and (max-width:814px){
	.js-inputProgress_linkbox{
		display: none;
	}

	.js-inputProgress{
		bottom: 30px;
		top: auto;
	}
}

 /*フッタ固定領域*/
.js-fixFooter{
	position: fixed;
	bottom: 0;
	left:0;
	width: 100%;
	z-index: 2;
}






/*===============================================================*/
/* 8.Utility CSS
 ・1つのタグで完結させる・ちょっとしたスタイルを適用したいときのもの
 ・!importantの上書き
/*===============================================================*/

/*テキスト：揃え*/
.u-text__right{
	text-align: right !important;
}

.u-text__left{
	text-align: left !important;
}

.u-text__center{
	text-align: center !important;
}

/*テキスト：縦横*/
.u-text__tate {
    writing-mode: vertical-rl;
}

/*テキスト：色*/
.u-text__black{
	color:#000000 !important;
}

.u-text__white{
	color:#FFFFFF !important;
}

.u-text__red{
	color: #E50012 !important;
}

/*テキスト：装飾*/
.u-text_underline{
	text-decoration: underline;
}


/*フォント：太さ*/
.u-font__bold{
	font-weight: bold !important;
}

.u-font__normal{
	font-weight: normal !important;
}

/*フォント：サイズ*/
.u-font__large{
	font-size:120% !important;
}

.u-font__xlarge{
	font-size:150% !important;
}

.u-font__xxlarge{
	font-size:200% !important;
}

.u-font__small{
	font-size:80% !important;
}

.u-font__xsmall{
	font-size:60% !important;
}


/*幅設定*/
.u-width__full{
	width: 100% !important;
}


/*テスト用モック*/
.u-icon__test{
	background-image: var(--icon-test);
}


/*テキストアイコンリンク*/
.u-icon_pdf__red{
	background-image: var(--icon-pdf__red);
}

.u-icon_word__blue{
	background-image: var(--icon-word__blue);
}

.u-icon_excel__green{
	background-image: var(--icon-excel__green);
}

.u-icon_gaibu__black{
	background-image: var(--icon-gaibu__black);
}

.u-icon_gaibu__red{
	background-image: var(--icon-gaibu__red);
}

.u-icon_batsu__black{
	background-image: var(--icon-batsu__black);
}

.u-icon_pc__yellow{
	background-image: var(--icon_pc__yellow);
}

.u-icon_sp__yellow{
	background-image: var(--icon_sp__yellow);
}

.u-icon_maruYajirushiRight__red{
	background-image: var(--icon_maruYajirushiRight__red);
}

/*マージン：ボトム*/
.u-margin_bottom__8{
	margin-bottom: 8px
}

.u-margin_bottom__16{
	margin-bottom: 16px
}

.u-margin_bottom__24{
	margin-bottom: 24px
}

.u-margin_bottom__32{
	margin-bottom: 32px
}

.u-margin_bottom__40{
	margin-bottom: 40px
}

.u-margin_bottom__48{
	margin-bottom: 48px
}

.u-margin_bottom__56{
	margin-bottom: 56px
}

.u-margin_bottom__64{
	margin-bottom: 64px
}

.u-margin_bottom__72{
	margin-bottom: 72px
}

.u-margin_bottom__96{
	margin-bottom: 96px
}

/*PC調整*/
@media screen and (min-width:815px){
	/*表示切替*/
	.u-pc_only{
		display: auto;
	}

	/*表示切替*/
	.u-sp_only{
		display: none;
	}
}

@media screen and (max-width:814px){
	/*表示切替*/
	.u-pc_only{
		display: none;
	}

	/*表示切替*/
	.u-sp_only{
		display: auto;
	}
}