@charset "utf-8";

/* #cont0 */
#cont0{
	background-color:#EAF2EF;
}
#cont0 h1 img{
	max-width:1024px;
	width:94%;
}
#cont0 div{
	margin-top:-70px;
	padding:70px 0 30px;
	color:#fff;
	background-color:#317E63;
}
#cont0 div p{
	margin-top:2em;
}
@media screen and (max-width:768px){
	#cont0{
		background-color:#317E63;
	}
	#cont0 div{
		margin-top:-0;
		padding:0 0 5%;
	}
}

/* .cont */
.cont{
	padding:50px 0 60px;
}
.cont h2{
	padding-bottom:30px;
	display:inline-block;
	line-height:1.5;
	font-size:28px;
	color:#317E63;
	background:url(../images/akiya/cont_h2.svg)no-repeat center bottom;
	background-size:450px auto;
}

@media screen and (max-width:768px){
	.cont{
		padding:9% 0;
	}
	.cont h2{
		padding-bottom:5%;
		font-size:4.5vw;
	background-size:16em auto;
	}
}



/* #cont1 */
#cont1{
	background-color:#F6F2EB;
}
#cont1 ul{
	max-width:900px;
	width:80%;
	margin:auto;
}
#cont1 ul li{
	margin-top:30px;
	padding:25px 50px 30px;
	background-color:#317E63;
}
#cont1 ul li h3{
	margin-bottom:0.5em;
	font-size:24px;
	color:#FFF766;
	border-bottom:1px solid #fff;
}
#cont1 ul li p{
	color:#fff;
	text-align: justify;
	text-justify: inter-ideograph;
}
#cont1 ul li p:nth-of-type(n+2){
	margin-top:2em;
}

@media screen and (max-width:768px){
	#cont1 ul li{
		margin-top:5%;
		padding:3% 5%;
	}
	#cont1 ul li h3{
		font-size:4vw;
	}
}


/* #cont2 */
#cont2{
}
#cont2 ul{
	max-width:900px;
	width:80%;
	margin:auto;
}
#cont2 ul li{
	margin-top:40px;
}
#cont2 ul li figure img{
	width:204px;
}
#cont2 ul li figure figcaption{
	font-size:34px;
	font-weight:bold;
	color:#317E63;
}
#cont2 ul li > dl > dt{
	line-height:2.4;
	margin-bottom:0.8em;
	font-size:22px;
	font-weight:bold;
	color:#fff;
	background-color:#317E63;
	cursor:pointer;
}
#cont2 ul li > dl > dt:before{
	content:'▼';
	margin-right:0.3em;
}
#cont2 ul li > dl > dt:after{
	content:'▼';
	margin-left:0.3em;
}
#cont2 ul li > dl > dt.open:before,
#cont2 ul li > dl > dt.open:after{
	content:'▲';
}

#cont2 ul li > dl > dd{
	text-align: justify;
	text-justify: inter-ideograph;
	letter-spacing:-0.03em;
	display:none;
}
#cont2 ul li > dl > dd span.green{
	margin:0 -0.5em;
	color:#317E63;
}
#cont2 ul li > dl > dd dl{
	margin-top:2em;
}
#cont2 ul li > dl > dd dl dd{
	padding-left:1em;
	text-indent:-1em;
}

@media screen and (max-width:768px){
	#cont2 ul li{
		margin-top:8%;
	}
	#cont2 ul li figure img{
		width:33%;
	}
	#cont2 ul li figure figcaption{
		font-size:4.2vw;
	}
	#cont2 ul li > dl > dt{
		font-size:3.8vw;
	}
}




/* footer */
footer{
}
@media screen and (max-width:768px){
}