@charset "shift_jis";
/* CSS Document */
div, p, img, a {
	margin:0;
	padding:0;
}
a img{
	border:none;
}

	
#all {
	width:680px;
	margin:0 auto;
	clear:both;
}
div#main_img img{
	margin-bottom: 1rem;
}
div#main_img{
	margin-bottom: 1rem;
}
.contents-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-top: 1.2rem;
}

.contents-box {
	margin-bottom: 1rem;
	padding: 1rem;
	width: 44%;
	background-color: #fff;
	border: 1px solid #333;
	line-height: 150%;
}

.contents-box img {
	display: block;
	margin-bottom: 1rem;
	width: 100%;
	height: auto;
}
h3{
	margin-bottom: inherit;
	padding: inherit;
	height: inherit;
	line-height: inherit;
	background: none;
	font-size: inherit;
	color: none;
}

h3.subtitle{
 background-color: #016934; /* 背景色 */
 color: #fff; /* 文字色 */
 overflow: hidden;
 padding: 5px 0 5px 20px;  /* 余白 */
 position: relative;
font-size: 21px;
font-weight: bold;
}

h3.subtitle:before{
 background-color: #8ec220; /* 切り替わる色 */
 content: '';
 display: block;
 /*opacity: 0.6;*/ /* 不透明度 */
 transform: rotate(-50deg);
 position: absolute;
 bottom: -30px;
 right: -300px;
 width: 1000px;
 height: 1000px;
}

p.setsumei{
	line-height: 150%;
	padding: 0 10px 15px;
}
@media screen and (max-width: 679px){
.contents-wrap {
		/*flex-direction: column;*/
}

.contents-box {
		width: 100%;
		margin-bottom: 1rem;
}
	
h3.subtitle:before{
 right: -40px;
 width: 200px;
 height: 200px;
}
}

#topIndex .mainCont img{
	width: 100% !important;
}