@charset "UTF-8";



/*見出し
ーーーーーーーーーーーーーーーーーーーーーーーー*/

h2 {
font-size: 42px;
margin-bottom: 40px;
line-height: 1.3;
text-align: center;
}
h3 {
font-size: 24px;
border-bottom: solid 1px var(--color-main);
margin-top: 50px;
padding-bottom: 10px;
}

		@media screen and (max-width:733px) {
		h2 {
		font-size: 32px;
		}
		h3 {
		font-size: 20px;
		}
		/*smp end*/}





/*テーブル
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*パターンA*/
.table_a {
border-collapse: collapse;
margin: 0 auto;
}
.table_a th,
.table_a td {
padding: 10px 30px;
border: solid 1px #ccc;
}
.table_a th {
background: var(--color-main);
font-weight: 600;
color: #fff !important;
}
.table_a td {
background: var(--color-bg);
color: var(--color-main);
}

@media screen and (max-width:733px) {
.table_a,
.table_a th,
.table_a td {
display: block;
}
/*smp end*/}




/*フォント
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*フォント配列*/

.text_right {text-align: right;}
.text_left {text-align: left;}
.text_center {text-align: center;}

/*PCのみ配列*/
@media screen and (min-width:744px) {
.text_right_pc {text-align: right;}
.text_left_pc {text-align: left;}
.text_center_pc {text-align: center;}
/*pc end*/}


		/*スマホのみ配列*/
		@media screen and (max-width:743px) {
		.text_right_smp {text-align: right;}
		.text_left_smp {text-align: left;}
		.text_center_smp {text-align: center;}
		/*smp end*/}


/*マーカー*/
.text_em {
background:linear-gradient(transparent 0%, #ffff66 0%);
}




/*ボタン風テキストリンク
ーーーーーーーーーーーーーーーーーーーーーーーー*/

a.btn_link {
background: var(--color-vivid);
display: inline-block;
padding: 10px 20px;
text-decoration: none;
color: #fff;
box-shadow: 0px 0px 3px var(--color-vivid);
font-weight: 600;
transition: background-color 0.3s ease, color 0.3s ease, box-shadow 0.3s ease;
}
a.btn_link.white {
background: #fff;
color: var(--color-main);
}
a.btn_link:hover {
background: var(--color-vivid-compl);
color: #fff;
box-shadow: 0px 0px 3px var(--color-vivid-compl);
}

		@media screen and (max-width:733px) {
		a.btn_link {
		padding: 5px 10px;
		text-decoration: none;
		}
		/*smp end*/}




/*リスト
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*リスト ディスク*/
ul.list_disc li {
list-style:disc;
margin-left:1.8em;
}



/*リスト インデント(中黒や※に使用)*/
.list_indent,
ul.list_indent li {
text-indent:-1em;
margin-left:1em;
}
ul.list_indent {
text-indent:0em;
margin-left:0em;
}





/*表示切り替え
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.display_pc {display:block;}
.display_smp {display:none;}
img.display_pc {display:inline-block;}
img.display_smp {display:none;}

		@media screen and (max-width:743px) {
		.display_pc {display:none;}
		.display_smp {display:block;}
		img.display_pc {display:none;}
		img.display_smp {display:inline-block;}
		/*smp end*/}





/*フォーム
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.input_middle {
width:60%;
}
.input_large {
width:98%;
}




/* 背景色
ーーーーーーーーーーーーーーーーーーーーーーーー */

.bg_white {
background: var(--color-bg);
padding: 100px 0px;
}

.bg_navy {
background: var(--color-main);
padding: 100px 0px;
color: #fff;
}

.bg_navy h3 {
border-bottom: solid 1px #fff;
}
.bg_navy .text_em {
color: var(--color-main);
}
.bg_navy + footer {
margin-top: 0px;
}

		@media screen and (max-width:733px) {
		.bg_white,
		.bg_navy {
		padding: 50px 0px;
		}
		/*smp end*/}




/*ーーーーーーーーーーーーーーーーーーーーーーーー
スペース調整
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt45 {margin-top: 45px !important;}
.mt50 {margin-top: 50px !important;}
.mt55 {margin-top: 55px !important;}
.mt60 {margin-top: 60px !important;}
.mt65 {margin-top: 65px !important;}
.mt70 {margin-top: 70px !important;}
.mt75 {margin-top: 75px !important;}
.mt80 {margin-top: 80px !important;}
.mt85 {margin-top: 85px !important;}
.mt90 {margin-top: 90px !important;}
.mt95 {margin-top: 95px !important;}
.mt100 {margin-top: 100px !important;}
.mt110 {margin-top: 110px !important;}
.mt120 {margin-top: 120px !important;}
.mt130 {margin-top: 130px !important;}
.mt140 {margin-top: 140px !important;}
.mt150 {margin-top: 150px !important;}
.mt160 {margin-top: 160px !important;}
.mt170 {margin-top: 170px !important;}
.mt180 {margin-top: 180px !important;}
.mt190 {margin-top: 190px !important;}
.mt200 {margin-top: 200px !important;}

.mr0 {margin-right: 0px !important;}
.mr5 {margin-right: 5px !important;}
.mr10 {margin-right: 10px !important;}
.mr15 {margin-right: 15px !important;}
.mr20 {margin-right: 20px !important;}
.mr25 {margin-right: 25px !important;}
.mr30 {margin-right: 30px !important;}
.mr35 {margin-right: 35px !important;}
.mr40 {margin-right: 40px !important;}
.mr45 {margin-right: 45px !important;}
.mr50 {margin-right: 50px !important;}
.mr55 {margin-right: 55px !important;}
.mr60 {margin-right: 60px !important;}
.mr60 {margin-right: 65px !important;}
.mr70 {margin-right: 70px !important;}
.mr75 {margin-right: 75px !important;}
.mr80 {margin-right: 80px !important;}
.mr85 {margin-right: 85px !important;}
.mr90 {margin-right: 90px !important;}
.mr95 {margin-right: 95px !important;}
.mr100 {margin-right: 100px !important;}

.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb45 {margin-bottom: 45px !important;}
.mb50 {margin-bottom: 50px !important;}
.mb55 {margin-bottom: 55px !important;}
.mb60 {margin-bottom: 60px !important;}
.mb60 {margin-bottom: 65px !important;}
.mb70 {margin-bottom: 70px !important;}
.mb75 {margin-bottom: 75px !important;}
.mb80 {margin-bottom: 80px !important;}
.mb85 {margin-bottom: 85px !important;}
.mb90 {margin-bottom: 90px !important;}
.mb95 {margin-bottom: 95px !important;}
.mb100 {margin-bottom: 100px !important;}
.mb110 {margin-bottom: 110px !important;}
.mb120 {margin-bottom: 120px !important;}
.mb130 {margin-bottom: 130px !important;}
.mb140 {margin-bottom: 140px !important;}
.mb150 {margin-bottom: 150px !important;}
.mb160 {margin-bottom: 160px !important;}
.mb170 {margin-bottom: 170px !important;}
.mb180 {margin-bottom: 180px !important;}
.mb190 {margin-bottom: 190px !important;}
.mb200 {margin-bottom: 200px !important;}

.ml0 {margin-left: 0px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.ml45 {margin-left: 45px !important;}
.ml50 {margin-left: 50px !important;}
.ml55 {margin-left: 55px !important;}
.ml60 {margin-left: 60px !important;}
.ml60 {margin-left: 65px !important;}
.ml70 {margin-left: 70px !important;}
.ml75 {margin-left: 75px !important;}
.ml80 {margin-left: 80px !important;}
.ml85 {margin-left: 85px !important;}
.ml90 {margin-left: 90px !important;}
.ml95 {margin-left: 95px !important;}
.ml100 {margin-left: 100px !important;}