@charset 'utf-8';

@media all and ( min-width : 751px){
	.headerimg__page{
		background-image: url('../../img/info/header_bg_pc.jpg');
	}
}
@media all and ( max-width : 750px){
	.headerimg__page{
		background-image: url(../../img/info/header_bg_sp.jpg);
	}
}

article{
	overflow: visible;
}

div.info_list{
	width: 100%;
}
div.info_list a{
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	        flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	        align-items: center;
	-webkit-align-items: center;
	padding-top: 27px;
	padding-bottom: 27px;
	border-bottom: 1px solid #b3b3b3;
}
@media all and ( max-width: 750px){
	div.info_list a{
		display: block;
		padding-top: 0.15rem;
		padding-bottom: 0.15rem;
	}
}
div.info_list a h4{
	width: 100px;
	padding-right: 10px;
	color: #b3b3b3;
}
@media all and ( max-width: 750px){
	div.info_list a h4{
		width: 100%;
		padding-right: 0.05rem;
		padding-left: 0.08rem;
	}
}
div.info_list a div.con{
	font-weight: bold;
	line-height: 1.6;
	width: calc(100% - 100px);
	letter-spacing: 0.1em;
	color: #000;
}
@media all and ( max-width: 750px){
	div.info_list a div.con{
		line-height: 1.36;
		width: 100%;
		margin-top: 0.05rem;
		padding-left: 0.08rem;
	}
}
#more_box .btn_ajax{
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	color: #fff;
	background-color: #389723;
}
@media all and ( max-width : 750px){
	#more_box .btn_ajax{
		margin-top: 0.4rem;
	}
}
.info__date{
	line-height: 1;
	margin-bottom: 13px;
	color: #999;
}
.info__ttl{
	font-size: 18px;
	font-weight: bold;
	color: #000;
}
.info__txt{
	margin-top: 25px;
}
.info__txt p{
	line-height: 1.6em;
}
.info__txt p a{
	text-decoration: underline;
	color: #000;
}
@media all and ( max-width : 750px){
	.info__date{
		margin-top: 0.2rem;
		margin-bottom: 0.2rem;
	}
	.info__ttl{
		font-size: 0.3rem;
	}
	.info__txt{
		margin-top: 1em;
	}
	.info__txt p{
	}
}
.lr{
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	        flex-flow: row nowrap;
	-webkit-flex-flow: row nowrap;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
	width: 100%;
	margin-bottom: 20px;
}
.lr.noimg .lr__left{
	width: 0;
	margin-right: 30px;
}
.lr__left{
	width: 44%;
	margin-right: 3.8%;
}
.lr__left a{
	display: block;
	max-width: 100%;
}

.lr__right{
	width: 52%;
}
.lr.noimg .lr__right{
	width: 100%;
}
.date{
	line-height: 1;
	margin-bottom: 13px;
	color: #999;
}
.infoinner h3{
	font-size: 18px;
	font-weight: bold;
	color: #389723;
}
.txt{
	margin-top: 25px;
}
.txt p{
	line-height: 1.6em;
	color: #333;
}
.subimgs{
	display:         flex;
	display: -webkit-flex;
	-webkit-justify-content: flex-start;
	        justify-content: flex-start;
	        flex-flow: row wrap;
	-webkit-flex-flow: row wrap;
	        align-items: flex-start;
	-webkit-align-items: flex-start;
}
.subimgs li{
	width: 23.65%;
	margin-right: 1.75%;
	margin-top: 20px;
}
.subimgs li a{
	display: block;
	width: 100%;
}
@media print, screen and (min-width: 751px) {
	.subimgs li:nth-child(-n+4){
		margin-top: 0;
	}
	.subimgs li:nth-child(4n){
		margin-right: 0;
	}
}

@media all and ( max-width: 750px){
	.lr{
		display: block;
		margin-bottom: 0.4rem;
	}
	.lr.noimg .lr__left{
		margin:0;
	}
	.lr__left{
		width: 100%;
		margin-right: 0;
	}
	.lr__left a{
	}
	.lr__left a img{
	}
	.lr__right{
		width: 100%;
	}
	.date{
		margin-top: 0.7rem;
		margin-bottom: 0.7rem;
	}
	.infoinner h3{
		font-size: 1.17rem;
	}
	.txt{
		margin-top: 1em;
	}
	.txt p{
	}
	.subimgs{
	}
	.subimgs li{
		width: 47.9%;
		margin-right: 4.2%;
		margin-top: 0.3rem;
	}
	.subimgs li:nth-child(-n+2){
		margin-top: 0;
	}
	.subimgs li:nth-child(2n){
		margin-right: 0;
	}
	.subimgs li a{
	}
	.subimgs li a img{
	}
}