@charset "utf-8";

#urgent {
	margin-bottom:100px;
}
#urgent > div {
	width:100%;
	max-width:720px;
	margin:0 auto;
}

#urgent > div > a > img {
	width:100%;
	margin-bottom:40px;
}
#urgent > div > p {
	border:2px solid #28377D;
	background-color:#F8F9FB;
	padding:1em;
	line-height:1.5;
	margin-bottom:40px;
}

#urgent > div > h3 {
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
	text-align:center;
	font-size:32px;
	margin-bottom:15px;
}
	@media(max-width:539px) {
		#urgent > div > h3 {
			font-size:24px;
		}
	}

#urgent > div > ul {
	margin-bottom:100px;
}
#urgent > div > ul > li {
	width:35%;
	float:left;
	background:url(../images/flow_arrow.png) top 33% right 4% no-repeat;
	background-size:12px 36px;
}
#urgent > div > ul > li:last-child {
	width:30%;
}
	@media(max-width:699px) {
		#urgent > div > ul > li {
			background:url(../images/flow_arrow.png) top 40px right 4% no-repeat;
			background-size:10px 30px;
		}
	}
	@media(max-width:539px) {
		#urgent > div > ul > li, #urgent > div > ul > li:last-child {
			width:100%;
			float:none;
			margin-bottom:20px;
		}
	}

#urgent > div > ul > li > figure {
	padding-right:14.2857%;
	position:relative;
}
	@media(max-width:539px) {
		#urgent > div > ul > li > figure {
			padding-right:0;
		}
	}

#urgent > div > ul > li:last-child > figure {
	padding-right:0;
}

#urgent > div > ul > li > figure > span {
	display:inline-block;
	position:absolute;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
	width:1.5em;
	text-align:center;
	padding:10px 0;
	background-color:#28377D;
	color:#FFF;
	font-size:32px;
}
#urgent > div > ul > li > figure > img {
	width:100%;
	margin-bottom:5px;
}
#urgent > div > ul > li > figure > figcaption {
	line-height:1.3;
}



/* plan
---------------------------------------------- */
#plan {
	margin-bottom:50px;
}

#plan ul.attention {
	margin-bottom:75px;
}
#plan ul.attention > li {
	margin-left:1.5em;
	list-style:disc;
	line-height:1.3;
	margin-bottom:8px;
}

#plan > article {
	margin-bottom:150px;
}
	@media(max-width:767px) {
		#plan > article {
			margin-bottom:100px;
		}
	}

#plan > article > header {
	padding:2px;
}
#plan > article > header {
	margin-bottom:30px;
}
#plan > article > header > img {

}
#plan > article > header > img {
	width:108px;
	float:left;
}
	@media(max-width:979px) {
		#plan > article > header > img {
			width:90px;
		}
	}
	@media(max-width:639px) {
		#plan > article > header > img {
			width:72px;
		}
	}
	@media(max-width:479px) {
		#plan > article > header > img {
			float:none;
		}
	}

#plan > article > header > h3 {
	color:#FFF;
	font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ＭＳ Ｐ明朝",serif;
	font-size:32px;
	font-weight:bold;
	margin-left:108px;
	text-align:center;
	padding:20px 0;
	line-height:1.3;
	letter-spacing:0px;
}
	@media(max-width:979px) {
		#plan > article > header > h3 {
			font-size:24px;
			margin-left:90px;
			padding:18px 0;
		}
	}
	@media(max-width:639px) {
		#plan > article > header > h3 {
			font-size:24px;
			margin-left:72px;
			padding:10px 0;
		}
	}
	@media(max-width:479px) {
		#plan > article > header > h3 {
			font-size:20px;
			margin:0 10px;
		}
	}

#plan > article > div {
	margin:0 30px 25px 30px;
}
	@media(max-width:479px) {
		#plan > article > div {
			margin:0 0 15px 0;
		}
	}

#plan > article > div > figure {
	width:50%;
	float:left;
	margin-right:2.5%;
}
	@media(max-width:539px) {
		#plan > article > div > figure {
			width:100%;
			float:none;
			margin-right:0;
			margin-bottom:20px;
		}
	}

#plan > article > div > figure > img {
	width:100%;
}
#plan > article > div > img {
	width:45%;
	float:left;
}
	@media(max-width:539px) {
		#plan > article > div > img {
			width:100%;
			float:none;
		}
	}

#plan > article > ul {
	margin:0 30px;
}
	@media(max-width:479px) {
		#plan > article > ul {
			margin:0;
		}
	}

#plan > article > ul > li {
	width:calc(50% - 5px);
	float:left;
	margin:0 5px 5px 0;
}
	@media(max-width:639px) {
		#plan > article > ul > li {
			width:100%;
			float:none;
			margin:0 0 2px 0;
		}
	}

#plan > article > ul > li > img {
	width:100%;
}


/* color */
#plan_k header {
	background-color:#AA6172;
}
#plan_a header {
	background-color:#3D615B;
}
#plan_b header {
	background-color:#1F5E8E;
}
#plan_c header {
	background-color:#A8644A;
}
#plan_d header {
	background-color:#717671;
}
#plan_e header {
	background-color:#8A7C2B;
}

	@media(min-width:480px) {
		a[href^="tel:"] {
			pointer-events: none;
		}
	}