/*ーーーーーーーーーーーーーーーーーーーーーーーー
汎用
ーーーーーーーーーーーーーーーーーーーーーーーー */

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

/*h1　太字センター*/
h1 {
font-size:36px;
margin: 0px auto 30px;
text-align: center;
max-width: 1000px;
line-height: 1.6;
}
h1 span {
font-size: 24px;
display: block;
}
.bg + h1,
.lay100 + h1,
.lay102 + h1{
margin-top: 50px;
}

		@media screen and (max-width:743px) {
		h1 {
		font-size:24px;
		padding-right: 10px;
		padding-left: 10px;
		max-width: initial;
		line-height: 1.4;
		}
		h1 span {
		font-size: 20px;
		}
		.bg + h1,
		.lay100 + h1,
		.lay102 + h1{
		margin-top: 40px;
		}
		/*smp end*/}


/*h2　*/
h2 {
font-size:20px;
margin: 100px 0px 30px;
border: solid 2px #ccc;
padding:5px 20px 4px;
background:#fff;
text-align: center;
}
.bg h2 {
margin-top: 0px;
}

		@media screen and (max-width:743px) {
		h2 {
		font-size:18px;
		margin: 100px 0px 20px;
		line-height: 1.6;
		}
		/*smp end*/}



/*h3　アンダーライン*/
h3 {
font-size:20px;
margin:50px auto 0px;
}
		@media screen and (max-width:743px) {
		h3 {
		font-size:18px;
		}
		/*smp end*/}



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

/*フォントサイズ*/
.font10 {font-size: 10px;}
.font11 {font-size: 11px;}
.font12 {font-size: 12px;}
.font13 {font-size: 13px;}
.font14 {font-size: 14px;}
.font15 {font-size: 15px;}
.font16 {font-size: 16px;}
.font17 {font-size: 17px;}
.font18 {font-size: 18px;}
.font19 {font-size: 19px;}
.font20 {font-size: 20px;}
.font21 {font-size: 21px;}
.font22 {font-size: 22px;}
.font23 {font-size: 23px;}
.font24 {font-size: 24px;}
.font25 {font-size: 25px;}
.font26 {font-size: 26px;}
.font27 {font-size: 27px;}
.font28 {font-size: 28px;}
.font29 {font-size: 29px;}
.font30 {font-size: 30px;}



/*フォント配列*/

.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 {font-weight: 600;}
.color_red {color: #FF0000;}


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


/* キャプション */
figcaption {
font-size: 16px;
text-align: center;
margin: 5px 0px 0px;
}

/* 傍点セサミ */
.text_sesame {
text-emphasis-style : sesame;
-epub-text-emphasis-style : sesame;
-webkit-text-emphasis-style : sesame;
}




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

/* 共通 */

.thum02,
.thum03,
.thum04 {
display: flex;
flex-wrap: wrap;
}

.thum02 a,
.thum03 a,
.thum04 a {
display: inline-block;
margin-bottom: 5px;
text-align: center;
}
.thum02 img,
.thum03 img,
.thum04 img {
margin-bottom: 10px;
box-shadow: 0px 2px 4px #aaa;
}



/* ２列 */

.thum02 li {
width: 46%;
margin-right: 4%;
line-height: 1.6;
font-size: 16px;
}
.thum02 li:nth-child(2n) {
margin-right: 0px;
}
.thum02 li:nth-child(n+3) {
margin-top: 30px;
}

		@media screen and (max-width:743px) {
		.thum02 li {
		font-size: 14px;
		line-height: 1.4;
		}
		/*smp end*/}



/* 3列 */
.thum03 li {
width: 30.6%;
margin-right: 4%;
line-height: 1.6;
font-size: 16px;
}
.thum03 li:nth-child(3n) {
margin-right: 0px;
}
.thum03 li:nth-child(n+4) {
margin-top: 30px;
}


		@media screen and (max-width:743px) {
		/* 3列→2列 */
		.thum03 li {
		width: 46%;
		margin-right: 4%;
		font-size: 14px;
		line-height: 1.4;
		}
		.thum03 li:nth-child(3n) {
			margin-right: 4%;
		}
		.thum03 li:nth-child(2n) {
			margin-right: 0px;
		}
		.thum03 li:nth-child(n+3) {
			margin-top: 30px;
		}
		/*smp end*/}



/* 4列 */
.thum04 li {
width: 22%;
margin-right: 4%;
line-height: 1.6;
font-size: 16px;
}
.thum04 li:nth-child(4n) {
margin-right: 0px;
}
.thum04 li:nth-child(n+5) {
margin-top: 30px;
}


		@media screen and (max-width:743px) {
		/* 4列→2列 */
		.thum04 li {
		width: 46%;
		margin-right: 4%;
		font-size: 14px;
		line-height: 1.4;
		}
		.thum04 li:nth-child(4n) {
			margin-right: 4%;
		}
		.thum04 li:nth-child(2n) {
			margin-right: 0px;
		}
		.thum04 li:nth-child(n+3) {
			margin-top: 30px;
		}
		/*smp end*/}








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

.w600 {
width: 600px;
margin-right: auto;
margin-left: auto;
}
.w800 {
width: 800px;
margin-right: auto;
margin-left: auto;
}
.w1000 {
width: 1000px;
margin-right: auto;
margin-left: auto;
}

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




/*アローマーク
ーーーーーーーーーーーーーーーーーーーーーーーー*/
.arrow {
position: relative;
display: inline-block;
margin-left: 1em;
}

.arrow::before {
content: "▶";
text-decoration: none;
position: absolute;
top: 4px;
left: -1.2em;
text-decoration: none;
font-size: 14px;
}
.arrow:hover {

}






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

.btn_link {
text-align:center;
margin-top: 30px;
}

input[type="submit"],
.btn_link a,
a.btn_link {
display: inline-block;
padding:10px 35px;
border-radius:30px;
background: var(--color-main);
color:#fff !important;
text-decoration:none !important;
border: none;
box-shadow: 0px 2px 4px #aaa;
transition: background var(--transition) ease;
}
input[type="submit"] {
padding-top:10px;
padding-bottom:10px;
font-weight: 600;
}
input[type="submit"]:hover,
.btn_link a:hover,
a.btn_link:hover {
background: var(--color-main-hover);
color:#fff !important;
}
		@media screen and (max-width:743px) {
		input[type="submit"],
		.btn_link a,
		a.btn_link {
		font-size: 16px;
		display:inline-block;
		box-sizing: border-box;
		padding:10px 25px;
		margin-right:auto;
		margin-left:auto;
		}
		/*smp end*/}




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


/* 記事リスト */
ul.list_post {
padding: 0px;
border-bottom: dotted 1px #000;
margin: 0 auto;
margin-top: 20px;
}
.list_post li {
margin-top: 0px;
border-top: dotted 1px #000;
list-style:none;
}
.list_post a {
display: block;
padding: 10px 20px;
font-size: 16px;
font-weight: 600;
}

.list_post a:hover {
background: var(--color-bg-hover);
text-decoration: none;
}
.list_post a:hover span {
color: var(--color-main-hover);
text-decoration: none;
}
		@media screen and (max-width:743px) {
		.list_post a {
		padding: 10px 10px;
		font-size: 14px;
		}
		/*smp end*/}


/* 説明入り */
.list_post.type_b a {
color: #000;
font-size: 16px;
font-weight: 400;
text-decoration: none;
}
.list_post.type_b a span {
font-size: 18px;
color: var(--color-main);
font-weight: 600;
text-decoration: underline;
}
.list_post.type_b a:hover span {
text-decoration: none;
color: var(--color-main-hover);
}

		@media screen and (max-width:743px) {
		.list_post.type_b a {
		font-size: 14px;
		}
		.list_post.type_b a span {
		font-size: 16px;
		display: inline-block;
		padding-bottom: 5px;
		}
		/*smp end*/}

/* 日付入り */
.list_post.type_c a {
color: #000;
font-size: 16px;
font-weight: 400;
text-decoration: none;
}
.list_post.type_c a span {
font-size: 18px;
color: var(--color-main);
font-weight: 600;
text-decoration: underline;
display: block;
}
.list_post.type_c a:hover span {
text-decoration: none;
color: var(--color-main-hover);
}


		@media screen and (max-width:743px) {
		.list_post.type_c a {
		font-size: 14px;
		}
		.list_post.type_c a span {
		font-size: 16px;
		}
		/*smp end*/}




/*リスト インデント(中黒や※に使用)*/
.list_indent,
ul.list_indent li {
text-indent:-1em;
margin-left:1em;
padding-left: 0px;
}
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*/}




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

.bg {
background: var(--color-bg);
padding: 100px 0px;
margin-top: 100px;
display: flow-root;
}
#sig_top .bg {
padding: 50px 0px;
margin-top: 50px;
}
.bg + .bg {
margin-top: 0px;
}

.contents .bg:nth-child(odd) {
background: #fff;
}
.contents .bg:first-child {
margin-top: 0px;
padding-top: 0px;
}

		@media screen and (max-width:743px) {
		.bg {
		padding: 50px 0px;
		margin-top: 50px;
		display: flow-root;
		}
		#sig_top .bg {
		padding: 50px 10px;
		}
		/*smp end*/}




/* ページネーション（ページング）
ーーーーーーーーーーーーーーーーーーーーーーーー */

.pagination {
margin: 50px auto 0px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.pagination li {
margin: 0px 10px;
}
.pagination a,
.pagination span {
display: inline-block;
padding:10px 35px;
border-radius:30px;
background: var(--color-main);
color:#fff !important;
text-decoration:none !important;
border: none;
box-shadow: 0px 2px 4px #aaa;
transition: background var(--transition) ease;
font-weight: 600;
}
.pagination a:hover {
background: var(--color-main-hover);
}

.pagination span.disabled {
background: #ccc;
box-shadow: none;
}

		@media screen and (max-width:743px) {
		.pagination {
		width: auto;
		}
		.pagination a,
		.pagination span {
		display: inline-block;
		padding:10px 35px;
		border-radius:30px;
		background: var(--color-main);
		color:#fff !important;
		text-decoration:none !important;
		border: none;
		box-shadow: 0px 2px 4px #aaa;
		transition: background var(--transition) ease;
		font-weight: 600;
		}

		.pagination span.disabled {
		background: #ccc;
		box-shadow: none;
		}
		/*smp end*/}



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

form p {
margin-top:30px;
}

form input[type="text"],
form textarea {
padding:10px;
background:#F7F7F7;
border: solid 2px #D6D6D6;
border-radius: 4px;
box-sizing: border-box;
margin-top:10px;
margin-bottom:10px;
width:100%;
}

form label {
margin-top:10px;
display: inline-block;
}
form label+label {
margin-left:2em;
}
form input[type="radio"],
form input[type="checkbox"] {
margin-right:0.3em;
}

form textarea {
height:400px;
}
form label {
cursor: pointer;
}
.icon_red {
background:#f00;
color:#fff;
padding:2px 10px;
border-radius: 3px;
font-size: 14px;
margin: 0px 5px 2px;
display:inline-block;
font-weight: 600;
}







/* WPスタイル修正
ーーーーーーーーーーーーーーーーーーーーーーーー */

.wp-block-image .alignleft {
margin:.5em 2.5em 0 0;
}
.wp-block-image .alignright{
margin:.5em 0 0 2.5em;
}

		@media screen and (max-width:743px) {
		.wp-block-image .alignleft {
		margin:0px;
		float: none;
		text-align: center;
		display: block;
		}
		.wp-block-image .alignright{
		margin:0px;
		float: none;
		float: none;
		display: block;
		}
		.wp-block-image .aligncenter>figcaption,
		.wp-block-image .alignleft>figcaption,
		.wp-block-image .alignright>figcaption,
		.wp-block-image.aligncenter>figcaption,
		.wp-block-image.alignleft>figcaption,
		.wp-block-image.alignright>figcaption {
		display: block;
		text-align: center;
		width: auto;
		}

		body .is-layout-flex {
		display: block;
		}
		.wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
		width: auto;
		}
		figure.wp-block-gallery.has-nested-images {
		width: 60%;
		margin-right: auto;
		margin-left: auto;
		}
		figure img {
		margin-top: 20px;
		}
		/*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;}