@charset "utf-8";

/* h1 */
h1{
	line-height:150px;
	font-size:30px;
	color:#317E63;
	background-color:#E0ECE8;
	letter-spacing:0.25em;
	text-indent:0.25em;
}
@media screen and (max-width:768px){
	h1{
		line-height:4;
		font-size:4.8vw;
	}
}


/* .cont */
.cont{
	padding:50px 0 60px;
}
@media screen and (max-width:768px){
	.cont{
		padding:9% 0;
	}
}


/* #cont1 */
#cont1{
	background-color:#F6F2EB;
}
#cont1 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;
}
#cont1 h3{
	max-width:900px;
	width:90%;
	line-height:2.4;
	margin:20px auto 0;
	font-weight:normal;
	color:#fff;
	background-color:#317E63;
}
#cont1 > div{
	max-width:900px;
	width:90%;
	margin:auto;
	padding:10px 0;
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}
#cont1 > div table{
	width:115em;
	table-layout:fixed;
}
#cont1 > div table th,
#cont1 > div table td{
	line-height:1.3;
	white-space:nowrap;
	border-right:1px solid #F6F2EB;
	border-bottom:1px solid #F6F2EB;
}
#cont1 > div table th:first-child{
	position: sticky;
	left:0;
	z-index:1;
}
#cont1 > div table tr:first-child th:nth-child(n+2){
	width:9em;
	padding:0.8em 0;
	color:#EB3B1C;
	background-color:#FCE2DD;
}
#cont1 > div table tr:first-child th:first-child{
	width:8.5em;
	color:#3C3C3C;
	background:#fff url(../images/price/line.png)no-repeat center center;
	background-size:100% 100%;
}
#cont1 > div table tr:first-child th:first-child span{
	display:block;
	padding:1em;
}
#cont1 > div table tr:first-child th:first-child span:first-child{
	text-align:right;
}
#cont1 > div table tr:first-child th:first-child span:last-child{
	text-align:left;
}
#cont1 > div table tr:nth-child(n+2) th{
	height:6em;
	padding:0 1em;
	font-size:22px;
	color:#fff;
	background-color:#EB3B1C;
}
#cont1 > div table tr:nth-child(n+2) th .small{
	display:block;
	font-size:18px;
}
#cont1 > div table tr:nth-child(n+2) th .osusume{
	display:block;
	font-size:18px;
	color:#EB3B1C;
	background-color:#FFF766;
}
#cont1 > div table td{
	font-size:20px;
	font-weight:bold;
	font-family: 'Noto Sans JP', sans-serif;
	color:#EB3B1C;
	background-color:#fff;
}
#cont1 > div table td.none{
	color:#3C3C3C;
}
@media screen and (max-width:768px){
	#cont1 h2{
		padding-bottom:5%;
		font-size:4.5vw;
		background-size:16em auto;
	}
	#cont1 > div table{
		width:115em;
	}
	#cont1 > div table tr:first-child th:first-child{
		width:7em;
	}
	#cont1 > div table tr:nth-child(n+2) th{
		font-size:3.2vw;
	}
	#cont1 > div table tr:nth-child(n+2) th .small{
		display:block;
		font-size:3vw;
	}
	#cont1 > div table tr:nth-child(n+2) th .osusume{
		font-size:3.2vw;
	}
	#cont1 > div table td{
		font-size:3.4vw;
	}
}



/* .plan */
.plan{
	max-width:900px;
	width:90%;
	margin:80px auto;
	position:relative;
}
.plan.last{
	margin-bottom:0;
}
.plan h2{
	font-size:26px;
	color:#fff;
	background-color:#317E63;
	border-radius:10px 10px 0 0;
}
.plan h2 img{
	width:127px;
	position:absolute;
	left:0;
	top:0;
}
.plan > div{
	padding-bottom:40px;
	border:2px solid #317E63;
	border-radius:0 0 10px 10px;
}
.plan > div > p{
	font-size:31px;
	font-weight:bold;
	font-feature-settings: "palt";
	color:#EB3B1C;
}
.plan > div > p span{
	font-size:58px;
}
.plan > div div{
	display:none;
}
.plan > div div ul{
	width:94%;
	margin:auto;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.plan > div div ul li{
	max-width:405px;
	width:48%;
	margin-bottom:20px;
	line-height:1.5;
}
.plan > div div ul li figure figcaption{
	margin-bottom:0.3em;
	font-size:17px;
	font-weight:900;
	color:#317E63;
	white-space:nowrap;
}
.plan > div div ul li p{
	margin-top:0.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}
.plan > div div + span{
	display:block;
	width:94%;
	margin:auto;
	font-weight:500;
	background-color:#E0ECE8;
	cursor:pointer;
}
.plan > div div + span:after{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:0.5em;
	height:0.5em;
	margin-left:0.5em;
	border-top:1px solid;
	border-right:1px solid;
	transform-origin:center center;
	transform: translateY(-50%) rotate(135deg);
}
.plan > div div + span.open:after{
	transform:rotate(-45deg);
}

@media screen and (max-width:1024px){
	.plan > div div ul li figure figcaption{
		font-size:1.7vw;
	}
	.plan > div div ul li p{
		font-size:1.8vw;
	}
}

@media screen and (max-width:768px){
	.plan{
		margin:8% auto;
	}
	.plan h2{
		font-size:3.8vw;
		border-radius:0.3em 0.3em 0 0;
	}
	.plan h2 img{
		width:20%;
	}
	.plan > div{
		padding-bottom:5%;
		border:1px solid #317E63;
		border-radius:0 0 0.3em 0.3em;
	}
	.plan > div > p{
		font-size:4vw;
	}
	.plan > div > p span{
		font-size:7.5vw;
	}
	.plan > div div ul{
		width:90%;
		display: block;
	}
	.plan > div div ul li{
		max-width:100%;
		width:100%;
		margin-bottom:5%;
	}
	.plan > div div ul li figure figcaption{
		font-size:3.8vw;
	}
	.plan > div div ul li p{
		font-size:3.4vw;
	}
}


/* #cont2 */
#cont2{
	max-width:900px;
	width:90%;
	margin:auto;
	padding:50px 0;
}
#cont2 h2{
	font-size:26px;
	color:#fff;
	background-color:#464646;
}
#cont2 dl{
	margin:20px 0;
	display: -webkit-flex;
	display: flex;
}
#cont2 dl div{
	width:50%;
}
#cont2 dl div:first-child{
	border-right:1px solid #D0BC9B;
}
#cont2 dl div dt{
	font-size:26px;
	font-weight:bold;
	color:#317E63;
}
#cont2 dl div dd{
	line-height:1;
	font-size:31px;
	font-weight:bold;
	font-feature-settings: "palt";
	color:#EB3B1C;
}
#cont2 dl div dd span{
	font-size:58px;
}
@media screen and (max-width:768px){
	#cont2{
		padding:10% 0;
	}
	#cont2 h2{
		font-size:3.8vw;
	}
	#cont2 dl{
		margin:0;
		display:block;
	}
	#cont2 dl div{
		width:100%;
		padding:0.8em 0;
	}
	#cont2 dl div:first-child{
		border:none;
		border-bottom:1px solid #D0BC9B;
	}
	#cont2 dl div dt{
		font-size:3.6vw;
	}
	#cont2 dl div dd{
		font-size:4vw;
	}
	#cont2 dl div dd span{
		font-size:7.5vw;
	}
	#cont2 > span{
		font-size:3vw;
	}
}


/* #cont3 */
#cont3{
	max-width:900px;
	width:90%;
	margin:auto;
	padding:60px 0 90px;
}
#cont3 p{
	line-height:1.7;
}
#cont3 p span{
	color: #eb3b1d;
}
#cont3 ul{
	background-color: #e0ece8;
	width:100%;
	padding:25px 0 25px 0;
	margin-top: 15px;
	text-align: center;
	line-height:1.7;
}
#cont3 ul li{
	width:66%;
	display: inline-block;
	text-align: left;
	padding-left:1em;
	text-indent:-1em;
}
#cont3 h2{
	display:block;
	font-size:25px;
}
#cont3 div{
	margin-top:15px;
	padding:1em 0;
	line-height:1.7;
	font-size:18px;
	border:1px solid #EB3B1C;
}

@media screen and (max-width:768px){
	#cont3{
		padding:0 0 9%;
	}
	#cont3 p{
	font-size: 3vw;
}
#cont3 ul li{
	width:90%;
	font-size: 3vw;
}
#cont3 h2{
	font-size:4.6vw;
}
#cont3 div{
	font-size:3vw;
}
	/*#cont3 h2{
		font-size:5vw;
	}
	#cont3 ul li{
		margin-top:3%;
		font-size:3.6vw;
	}
	#cont3 ul li span{
		font-size:3.2vw;
	}*/
}


/* footer */
footer{
}
footer p{
	line-height:3;
	font-size:24px;
	font-weight:bold;
	color:#317E63;
	background-color:#FFF766;
}

@media screen and (max-width:768px){
	footer p{
		font-size:3.8vw;
	}
}