@charset "utf-8";

.contents_ {
	padding-top: 40px;
}
.contents_ h1 {
	font-size: 200%;
	font-weight: bold;
	margin-bottom: 80px;
	color: #005508;
	text-align: center;
	border-bottom: 2px solid #a6b90b;
	padding-bottom: 10px;
}
.contents_ h2 {
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 20px;
	color: #005508;
}
.contents_ ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 40px;
}
.contents_ .col3 li {
	width: 32%;
}
.contents_ .col2 li {
	width: 49%;
}
.contents_ li a {
	display: inline-block;
	margin-bottom: 20px;
}

.contents_ .col3 li img{
	width: 311.03px;
	height: 164.66;	
	}	
	.contents_ .col2 li img{	
	width: 476.27px;	
	height: 176.61px;	
	}

/* スマホ
---------------------------------------------------*/

header ~ .wrapper_ .contents_ {
	padding: 6% 4% 0;
}
header ~ .wrapper_ .contents_ h1 {
	margin-bottom: 12%;
	padding-bottom: 0;
}
header ~ .wrapper_ .contents_ h2 {
	margin-bottom: 3%;
}
header ~ .wrapper_ .contents_ .col3 li {
	width: 48.7%;
}
header ~ .wrapper_ .contents_ .col2 li {
	width: 100%;
}
header ~ .wrapper_ .contents_ .col3 li img {
	width: 45vw;
	height: 28vw;
	object-fit: contain;
}
header ~ .wrapper_ .contents_ .col2 li img{
	width: 92vw;
	height: 45vw;
	object-fit: contain;
}
header ~ .wrapper_ .contents_ li a {
	margin-bottom: 3%;
}