@charset "utf-8";

/* お知らせ
---------------------------------------------------------------*/
.news_li{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 100px;
}
.news_li > li:not(:last-child){margin-bottom: 40px;}
.news_li > li a{
	display: block;
	padding-bottom: 40px;
	border-bottom: solid 1px #e6e6e6;
}
.news_li > li a,.news_li > li p,.news_li > li h3{transition: .3s;}
.news_li > li a p{margin-bottom: 15px;}
.news_li > li a h3{
	font-size: 20px;
	font-family: "BIZUDPGothic-Bold";
	position: relative;
	padding-right: 50px;
}
.news_li > li a h3::after{
	content: "";
	width: 30px;
    aspect-ratio: 1;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
}
.news_li_r > li a p{color: #e4483c;}
.news_li_g > li a p{color: #33a981;}
.news_li_r > li a h3::after{background: url(../images/arrow_w.svg) center / 7px 11px no-repeat, #e4483c;}
.news_li_g > li a h3::after{background: url(../images/arrow_w.svg) center / 7px 11px no-repeat, #33a981;}
.news_li > li:hover a p,.news_li > li:hover a h3{transform: translateX(15px);}
.news_li_r > li:hover a{border-bottom: solid 1px #e4483c;}
.news_li_g > li:hover a{border-bottom: solid 1px #33a981;}
#pager,#pager > li:not(.prev):not(.next){
	display: flex;
	align-items: center;
	justify-content: center;
}
#pager > li:not(.prev):not(.next){
	width: 50px;
	aspect-ratio: 1;
	margin: 0 0.8%;
}
#pager > li:not(.prev):not(.next) a{font-size: 18px;}
#pager > .prev{
	transform: rotate(90deg);
	margin-right: 40px;
}
#pager > .next{
	transform: rotate(-90deg);
	margin-left: 40px;
}
#pager li span{
	text-align: center;
	line-height: 50px;
	width: 100%;
	color: #fff;
	border-radius: 50%;
}
#pager li > *{font-family: "BIZUDPGothic-Bold";}
.pager_r li:not(.prev):not(.next) a{color: #e4483c;}
.pager_g li:not(.prev):not(.next) a{color: #33a981;}
.pager_r li span{background: #e4483c;}
.pager_g li span{background: #33a981;}

/* お知らせ詳細
---------------------------------------------------------------*/
.detail{max-width: 1000px;}
.detail-title{
	padding-bottom: 40px;
	border-bottom: solid 1px #ccc;
}
.detail-title p{margin-bottom: 20px;}
.detail-title h2{
	font-size: 24px;
	font-family: "BIZUDPGothic-Bold";
	line-height: 1.8;
}
.detail-title_r p{color: #e4483c;}
.detail-title_g p{color: #33a981;}
.entry h3,.entry h4{
	font-family: "BIZUDPGothic-Bold";
	margin: 30px 0;
	position: relative;
}
.entry h3{
	font-size: 20px;
	padding-left: 40px;
}
.entry h3::before,.entry h4::before{
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}
.entry h3::before{
	width: 25px;
	aspect-ratio: 25 / 4;
}
.entry_r h3::before{background: url("../images/subtitle_r.webp") center / contain no-repeat;}
.entry_g h3::before{background: url("../images/subtitle_g.webp") center / contain no-repeat;}
.entry h4{
	font-size: 18px;
	padding-left: 30px;
}
.entry h4::before{
	width: 20px;
	aspect-ratio: 5 / 1;
	background: url("../images/subtitle_rg.webp") center / contain no-repeat;
}
.entry > ul,.entry > ol{margin: 30px 0;}
.entry > ul > li{
	position: relative;
	padding-left: 20px;
}
.entry > ul > li:not(:last-child),.entry ol li:not(:last-child){margin-bottom: 10px;}
.entry > ul > li::before{
	content: "";
	width: 0.5rem;
	height: 0.5rem;
	border-radius: 50%;
	position: absolute;
	top: 0.4rem;
	left: 0;
}
.entry_r > ul > li::before{background-color: #e4483c;}
.entry_g > ul > li::before{background-color: #33a981;}
.entry > ol{
	counter-reset: number 0;
	list-style: none;
}
.entry > ol > li::before{
	content: counter(number) ".";  
	counter-increment: number 1;
	margin-right: 3px;
	letter-spacing: 0.1rem;
}
.entry_r > ol > li::before{color: #e4483c;}
.entry_g > ol > li::before{color: #33a981;}
.entry a{
	text-decoration: underline;
	transition: 0.3s;
}
.entry_r a{color: #e4483c;}
.entry_g a{color: #33a981;}
.entry a:hover{opacity: 0.6;}
.entry p{
	line-height: 1.8;
	padding-bottom: 20px;
}
.detail .btn_r,.detail .btn_g{
	width: 280px;
	margin: 0 auto;
}

/* 1025px以下から
------------------------------------------*/
@media only screen and (max-width:1025px){

	/* お知らせ
	---------------------------------------------------------------*/
	.news_li{max-width: 800px;}
	.news_li > li:not(:last-child){margin-bottom: 30px;}
	.news_li > li a{padding-bottom: 30px;}
	.news_li > li a p{margin-bottom: 10px;}
	.news_li > li a h3{font-size: 16px;}
	.news_li > li a h3::after{
		width: 25px;
	    right: 10px;
	}
	.news_li_r > li a h3::after{background-size: 5px 8px,cover;}
	#pager > li:not(.prev):not(.next){width: 40px;}
	#pager > li:not(.prev):not(.next) a{font-size: 16px;}
	#pager > .prev{margin-right: 30px;}
	#pager > .next{margin-left: 30px;}
	#pager li span{line-height: 40px;}
	
	/* お知らせ詳細
	---------------------------------------------------------------*/
	.detail{max-width: 800px;}
	.detail-title{padding-bottom: 30px;}
	.detail-title p{margin-bottom: 15px;}
	.detail-title h2{font-size: 20px;}
	.entry h3,.entry h4{margin: 25px 0;}
	.entry h3{
		font-size: 18px;
		padding-left: 30px;
	}
	.entry h3::before{width: 20px;}
	.entry h4{
		font-size: 16px;
		padding-left: 24px;
	}
	.entry h4::before{width: 18px;}
	.entry > ul,.entry > ol{margin: 25px 0;}
	.entry > ul > li{padding-left: 15px;}
	.entry p{padding-bottom: 15px;}
	.detail .btn_r,.detail .btn_g{width: 220px;}
}

/* 500px以下から
------------------------------------------*/
@media only screen and (max-width:500px){
	body {min-width: inherit!important;width: 100%;}

	/* お知らせ詳細
	---------------------------------------------------------------*/
	.detail-title h2{font-size: 18px;}
	.entry h3{
		font-size: 16px;
		padding-left: 24px;
	}
	.entry h3::before{width: 18px;}
	.detail .btn_r,.detail .btn_g{width: 180px;}

}