@charset "UTF-8";

/*Kaisei Decol*/
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Decol:wght@400;500&display=swap');

.entry-content h1,
.entry-content h2{
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 500;
	font-size:min(5vw,1.5rem) ;
    font-weight: 400;
	color: #333;
	line-height: 1.5;
	margin: 50px auto 16px;
	padding: 8px ;
}


.entry-content h2{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}





.entry-content h3 {
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 500;
	font-size: 1.2em;
	text-indent: .3em;
	font-weight: 400;
	margin: 1em auto 1.2em;
}

.top_img_box {
	background: #051f74;
	position: relative;
}

.top_img {
	width: 100%;
	height: auto;
	position: relative;
	margin: 0 auto;
	overflow: hidden;
}

.top_img img.slide {
	display: block;
	width: 100%;
	height: auto;
	margin: auto;
	animation: animationZoom 5s ease-in-out forwards;
}

@keyframes animationZoom {
	100% {
		transform: scale(1.1)
	}
}

/*右寄せ*/

.top_img .slide-text {
	position: absolute;
	color: #000;
	z-index: 10;
	width: 100%;
	top: 20%;
	right: 0;
	text-align: right;
}
	

/*左寄*/
/*
.top_img .slide-text {
	position: absolute;
	color: #000;
	z-index: 10;
	width: 100%;
	top: 20%;
	left: 0;
	text-align: right;
}
	*/


.top_img .slide-text .yoko-text h3 {
	font-family: 'M PLUS 1p', sans-serif;
	font-weight: 500;
	font-size: min(10vw, 45px);
	letter-spacing: .2rem;
	color: #000;

}


/*右寄*/

.top_img .slide-text .yoko-text p {
	width: fit-content;
	font-family: "Kaisei Decol", serif;
	font-weight: 400;
	font-size: clamp(1.8rem, 4vw, 4rem);
	background: #f5f5f591;
	margin-right: 0;
	margin-left: auto;
	margin-bottom: 1rem;
	padding: 0 32px;
}
	
/*左寄*/
/*
	.top_img .slide-text .yoko-text p {
		width: fit-content;
		font-family: "Kaisei Decol", serif;
		font-weight: 400;
		font-size: clamp(1.8rem, 4vw, 4rem);
		background: #f5f5f591;
		margin-left: 0;
		margin-bottom: 1rem;
		padding: 0 32px;
	}
		*/

.fadeIn {
	animation-name: fadeInAnime;
	animation-duration: 5s;
	animation-fill-mode: forwards;
	opacity: 0;
}

/*スタート時間*/
.delay-time02{
	animation-delay: 0.3s;
}

.delay-time03{
	animation-delay: 0.6s;
}

@keyframes fadeInAnime {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}



/*右から左*/
/*
.fadeIn {
opacity: 0;
transform: translateX(300px);
animation-name: fadeInAnime;
animation-duration: 5s;
animation-fill-mode: forwards;
}
*/
	
/*右から左*/
/*
@keyframes fadeInAnime {
    0% {
    }
    100% {
        opacity: 1;
        transform: translate(0);
    }
}
	*/

#main {
	width: 100%;
	margin: 0 auto;
}



.entry-content {
	width: 100%;
	margin: auto;
}

section .box {
	width: min(96%, 1280px);
	margin: 32px auto;
}

section.buken_box {
	background-color: #fff;
	padding: 21px 0;
}

section.buken_pickup {
	background-color: #f5f5f5;
	padding: 21px 0;
}

/*他左右コンテンツ*/
.box_width {
	width: 1024px;
	margin: 4rem auto 4rem;
}


.box_width img {
	box-shadow: 0px 10px 10px -5px rgba(0, 0, 0, 0.5);
}

.box_width h2 {
	font-family: 'Noto Serif JP', serif;
	font-size: 2rem;
	font-weight: 700;
	margin: 0 auto 1rem;
}



.box_width p {
	font-family: 'M PLUS 1p', sans-serif;
	/*font-family: 'Noto Serif JP', serif;*/
	font-size: 1.2rem;
	margin: 0 auto 1rem;
}

.float_l {
	width: 45%;
	float: left;
}

.float_r {
	width: 45%;
	float: right;
}

.box_width_img {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
	margin: 0 auto;
	padding: 0;
}

.box_width_img .next_txt {
	position: absolute;
	top: 0;
	/*画像の左上に配置*/
	right: 0;
	margin: 0;
	/*余計な隙間を除く*/
	color: #fff;
	/*文字を白に*/
	background: rgba(5, 57, 25, 0.68);
	/*背景色*/
	font-size: 16px;
	line-height: 1;
	/*行高は1に*/
	padding: 8px 10px;
	/*文字周りの余白*/
}

.box_width_img .next_txt a {
	color: #fff;
	text-decoration: none;
}


.link_list {
	font-family: 'Kosugi', sans-serif;
	text-align: center;
	margin: 5rem auto 0;
}

.link_list li {
	display: inline-block;
	margin: 0 1rem;
}

.link_list li a {
	color: #333;
	text-decoration: none;
}






/*お知らせ*/
/*トピックス*/

.info_box {
	width: min(98%, 1024px);
	margin: 50px auto 75px;
}


.info_box .info_text {
	margin: 0 auto .75rem;
}

.info_box .info_text li {
	position: relative;
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-style: normal;
	font-weight: 400;
	font-size: 1rem;
	list-style: none;
	text-indent: .5rem;
	border-bottom: 1px dotted #999;
	line-height: 2.5;
}

.info_box .info_text li a {
	text-decoration: none;
	display: block;
	color: #333;
}

.info_box .info_text li a:hover,
.info_box .more a:hover {
	background-color: #FAF6F2;
}

.info_box .info_text li .date {
	display: inline-block;
	font-size: 12px;
	width: 8rem;
}

.info_box .info_text li a::after {
	display: inline-block;
	position: absolute;
	right: 0;
	top: 50%;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	width: .3rem;
	height: .3rem;
	vertical-align: middle;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	content: "";
	margin-right: 10px;

}

.info_box .more {
	text-align: right;
	margin-top: 1rem;
}

.info_box .more a {
	text-decoration: none;
	border: 1px solid #999;
	color: #666;
	padding: 6px;
}

/*開いたときのロゴ*/
.start {
	background: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 999999;
}

.start p {
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	display: none;
	z-index: 9999;
	width: 280px;
}



@media only screen and (max-width: 418px) {
	/*スマホサムネイル*/













}

@media only screen and (min-width: 419px) and (max-width: 1023px) {
	/*タブレットサムネイル*/




}


@media only screen and (max-width: 736px) {
	/*スマホ*/

	/*画像をスクエア*/

	.top_img {
		display: inline-block;
		position: relative;
		width: 100%;
		max-width: 100%;
		height: initial;
	}

	.top_img::before {
		content: "";
		display: block;
		padding-top: 100%;
	}

	.top_img img.slide {
		position: absolute;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		object-fit: cover;
		object-position: 60% 50%;
	}

	.top_img .slide-text {
		top: 25%;
	}

	.top_img .slide-text .yoko-text p {
		margin-bottom: .5rem;
	}

	/*
	.top_img .slide-text .tate-text p {
		text-align: left;
		font-family: 'Noto Serif JP', serif;
		font-size: 23px;
		font-weight: 700;
		line-height: 1.5;
		text-shadow: white 1px 1px 0px, white -1px 1px 0px, white 1px -1px 0px, white -1px -1px 0px;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		display: inline-block;
		margin: 0 auto;
	}
		*/

	/*トピック*/
	.info_box .info_text {
		width: 96%;
		margin: auto;
		;
	}

	.info_box .info_text li {
		text-indent: 0;
		line-height: 1.5;
		margin-top: .75rem;
	}

	.info_box .info_text li .date {
		display: block;
		font-size: 14px;
		width: auto;
	}




}

/*スマホ*/


@media only screen and (min-width: 737px) and (max-width: 960px) {

	.top_img {
		height: initial;
	}

	.top_img .slide-text {
		margin: auto;
	}

	.top_img .slide-text .tate-text p {
		font-size: 30px;
	}

	#main {
		width: 100%;
	}





}

@media only screen and (min-width: 961px) and (max-width: 1280px) {
	/*タブレットサムネイル*/

	.top_img {
		height: initial;
	}

	.top_img .top_img_but {
		max-width: 20%;
		height: auto;
		bottom: 8%;
		left: 20%;
	}

	.top_img .slide-text {
		margin: auto;
	}

	.top_img .slide-text .tate-text p {
		font-size: 40px;
	}

}