@charset "UTF-8";



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

/*ページ名　h1*/

h1 {
color: var(--color-main);
font-size: 36px;
font-weight: 400;
margin-bottom: 30px;
}
		@media screen and (max-width:743px) {
		h1 {
		color: var(--color-main);
		font-size: 28px;
		font-weight: 400;
		margin-bottom: 30px;
		}
		/*smp end*/}

/*大見出し h2*/
h2 {
color: var(--color-main);
font-size: 36px;
font-weight: 400;
margin-top: 60px;
}
#main h2:first-child {
margin-top: 0px;
}
		@media screen and (max-width:743px) {
		h2 {
		color: var(--color-main);
		font-size: 28px;
		font-weight: 400;
		margin-top: 40px;
		}
		/*smp end*/}


/*中見出し h3*/

h3 {
color: var(--color-main);
font-size: 24px;
font-weight: 400;
margin-top: 40px;
}
		@media screen and (max-width:743px) {
		h3 {
		color: var(--color-main);
		font-size: 20px;
		font-weight: 400;
		margin-top: 30px;
		}
		/*smp end*/}


/*小見出し h4以降*/

h4 {
font-size: 20px;
margin-top: 30px;
}

h5,h6 {
font-size: 18px;
margin-top: 30px;
}

		@media screen and (max-width:743px) {
		h4 {
		font-size: 18px;
		margin-top: 20px;
		}

		h5,h6 {
		font-size: 16px;
		margin-top: 20px;
		}
		/*smp end*/}




/*サムネイル
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*サムネ3列*/

.thum03 {
display: flex;
flex-wrap: wrap;
margin-top: 0px;
}
.thum03 li {
font-size: 16px;
line-height: 1.6;
width: 30%;
margin-top: 40px;
margin-right: 3.3%;
}
.thum03 li:nth-child(3n) {
margin-right: 0px;
}
.thum03 a img {
width: 100%;
aspect-ratio: 1 / 1;
object-fit: cover;
box-shadow: var(--shadow);
margin-bottom: 10px;
border-radius: 10px;
}
		@media screen and (max-width:743px) {
		/* 3列→2列 */
		.thum03 li {
		width: 46%;
		margin-top: 20px;
		margin-right: 4%;
		}
		.thum03 li:nth-child(3n) {
		margin-right: 4%;
		}
		.thum03 li:nth-child(even) {
		margin-right: 0;
		}

		/*smp end*/}



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

table {
border-collapse: collapse;
margin-top: 20px;
}
table th,
table td {
border: solid 1px var(--color-main);
padding: 10px 20px;
}

table th {
background: var(--color-bg);
white-space: nowrap;
}

		@media screen and (max-width:743px) {
		table th,
		table td {
		border: solid 1px var(--color-main);
		padding: 10px 10px;
		}
		table th {
		white-space: wrap;
		}

		table.table_pc,
		table.table_pc tbody,
		table.table_pc tr,
		table.table_pc th,
		table.table_pc td {
		display: block;
		}
		table.table_pc {
		border-top: solid 1px var(--color-main);
		}
		table.table_pc th,
		table.table_pc td {
		border-top: none;
		}
		/*smp end*/}





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

/*フォントサイズ*/

.font_small {font-size: 14px;}



/*フォント配列*/

.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*/}



/*フォント装飾*/

.font_bold,strong {font-weight: 600;}
.color_red {color: #FF0000;}



/*マーカー*/

.text_em {
background:linear-gradient(transparent 30%, #ffff66 0%);
}


/* アロー
ーーーーーーーーーーーーーーーーーーーーーーーー */

a.arrow::before {
content: ">> ";
color: var(--color-main);
}
a:hover.arrow::before {
content: ">> ";
color: var(--color-comp);
}



/*ボタン風テキストリンク
ーーーーーーーーーーーーーーーーーーーーーーーー*/
p.btn_link {
text-align: center;
}
a.btn_link,
.btn_link a {
background: var(--color-main-alpha);
border-radius: 10px;
box-shadow: var(--shadow);
display: inline-block;
padding: 10px 40px;
text-decoration: none;
font-weight: 600;
color: #fff;
transition: background-color 0.3s;
margin: 5px 0px;
}
a.btn_link:hover,
.btn_link:hover a {
background: var(--color-comp);
}
span.btn_link.disabled {
display: inline-block;
padding: 10px 40px;
background: #ccc;
cursor: default;
margin: 5px 0px;
border-radius: 10px;
}

		@media screen and (max-width:743px) {
		a.btn_link,
		.btn_link a,
		span.btn_link.disabled {
		padding: 10px 20px;
		}
		/*smp end*/}



/*フロート
ーーーーーーーーーーーーーーーーーーーーーーーー*/

.float_right {float: right;}
.float_left {float: left;}
.clear_both {clear: both;}

/*イメージの回り込み*/
.img_right {
float: right;
margin-top: 20px;
margin-left:20px;
margin-bottom:10px;
}
.img_left {
float: left;
margin-top: 20px;
margin-right:20px;
margin-bottom:10px;
}

/*WordPressクラシックエディタ対応*/
.alignleft {
float: left;
margin-top: 20px;
margin-right: 20px;
margin-bottom: 10px;
}

.alignright {
float: right;
margin-top: 20px;
margin-left: 20px;
margin-bottom: 10px;
}

.aligncenter {
display: block;
margin: 20px auto 10px;
clear: both;
}



/* スマホでは全画像を中央寄せ */
		@media screen and (max-width:743px) {
		.alignleft,
		.alignright,
		.img_left,
		.img_right {
		float: none !important;
		display: block !important;
		margin: 20px auto 10px !important;
		clear: both;
		}

		p:has(.alignleft),
		p:has(.alignright) {
		display: block !important;
		text-align: center;
		}
		/*smp end*/}

/*clearfix */
.cl:after {/*for modern browser*/
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.cl { 
display: inline-block; 
zoom:normal;/*for IE 5.5-7*/
}
/* clearfix exlude MacIE5 \*/
* html .cl { height: 1% }
.cl {display:block;}





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

/*リスト ディスク*/
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*/}





/* ワイド
ーーーーーーーーーーーーーーーーーーーーーーーー */

.w800 {
width: 800px;
margin-right: auto;
margin-left: auto;
}

.w1000 {
width: 1000px;
margin-right: auto;
margin-left: auto;
}
.w1200 {
width: 1200px;
margin-right: auto;
margin-left: auto;
}

		@media screen and (max-width:743px) {
		.w800,
		.w1000,
		.w1200 {
		width: auto;
		}
		/*smp end*/}




/*注釈欄
ーーーーーーーーーーーーーーーーーーーーーーーー*/

/*パターンA*/

.note_a {
border: solid 2px var(--color-main);
border-radius: 10px;
background: var(--color-bg);
padding: 20px 20px;
box-sizing: border-box;
}




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

.bg {
margin-top: 60px;
padding: 60px 0px;
background: var(--color-bg);
}
		@media screen and (max-width:743px) {
		.bg {
		margin-top: 40px;
		padding: 40px 0px;
		}
		/*smp end*/}


/* ページネーション
ーーーーーーーーーーーーーーーーーーーーーーーー */

.page {
display: flex;
flex-wrap: wrap;
}
.page li {
margin-right: 10px;
}
.page a,
.page span {
display: inline-block;
padding: 5px 10px;
border-radius: 5px;
}
.page a {
background: var(--color-main);
box-shadow: var(--shadow);
text-decoration: none;
color: #fff;
}
.page span.current {
background: #ccc;
}



/* WP調整
ーーーーーーーーーーーーーーーーーーーーーーーー */

/* キャプション */
p.wp-caption-text {
margin-top: 5px;
font-size: 16px;
}






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

.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;}