@charset "euc-jp";
@import url("sp_style.css");
/* CSS Document */

.bodybox{
	width: 100%;
	height: auto;
	background-color: rgb(255, 255, 255);
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.mainbox{
	width: 95%;
	height: auto;
	background-color: rgb(255, 255, 255);
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
}

.top{
	width: 100%;
	height: auto;
	background-color: #00A0E9;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding-top: 2rem;
	padding-bottom: 2rem;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	background-image: url(../img/bac.jpg);
}
.titletext{
	display: inline-block;
	font-size: 63px;
	font-weight: bolder;
	text-align: center;
	color: #ffffff;
	text-shadow: 0px 3px 11px #4b4b4b;
}
.titletext_min{
	display: none;
}
#brspan{
	display: none;
}
.menubox{
	width: 95%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
}
.menu{
	width: 315px;
	height: 146px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 2rem;
}
#menu1{
	background-image: url(../img/menu1.svg);
}
#menu1:hover {
	background-image: url(../img/menu1_on.svg);
  }
#menu2{
	background-image: url(../img/menu2.svg);
}
#menu2:hover {
	background-image: url(../img/menu2_on.svg);
  }
#menu3{
	background-image: url(../img/menu3.svg);
}
#menu3:hover {
	background-image: url(../img/menu3_on.svg);
  }
#menu1_blue{
	background-image: url(../img/menu1_blue.svg);
}
#menu2_blue{
	background-image: url(../img/menu2_blue.svg);
}
#menu3_blue{
	background-image: url(../img/menu3_blue.svg);
}

.midashibox{
	width: 78%;
	height: auto;
	border-bottom: solid 8px #FFF100;
	margin-top: 2rem;
}
.midashitext{
	font-size: 36px;
	font-weight: bold;
	color: #00A0E9;
	text-align: center;
}
.maintext{
	width: 78%;
	font-size: 18px;
	text-align: center;
	margin-top: 2rem;
	font-weight: bold;
	color: #313131;
	text-shadow: 0px 3px 11px #a5a5a5;
}

.contents{
	width: 100%;
	height: auto;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
#contents1{
	background-image: url(../img/contents1.png);
}
#contents2{
	background-image: url(../img/contents2.png);
}
#contents3{
	background-image: url(../img/contents3.png);
}
.menuicon{
	width: 315px;
	height: 146px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 2rem;
}
#midashibox2{
	margin-top: 0rem;
	margin-bottom: 2rem;
}
.drsbox{
	width: 100%;
	height: auto;
	background-image: url(../img/Drs.png);
	background-position: right;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: 2rem;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: flex-start;
	padding-top: 4rem;
	padding-bottom: 4rem;
}
.text16{
	font-size: 16px;
	text-align: left;
}
#text16A{
	color: #000;
	font-weight: bold;
}
#text16B{
	color: #00A0E9;
	padding: 1rem;
	background-color: #f7f7f7d5;
	margin-top: 2rem;
	font-weight: bold;
}
.supportbox{
	width: 90%;
	height: auto;
	background-color: #ffffff;
	border:solid 12px #00A0E9;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding-top: 2rem;
	padding-bottom: 2rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.supportItem{
	width: 95%;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
}
#text18A{
	width: 100%;
}
#text18B{
	width: 100%;
	color: #00A0E9;
	margin-top: 1rem;
	margin-bottom: 1rem;
	text-align: center;
	font-weight: bold;
}
#text18C{
	width: 100%;
	height: 300px;
}
.threebox{
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: flex-start;
}
.support{
	width: 31%;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
	margin-top: 2rem;
}
.s_img{
	width: 100%;
	height: 232px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	margin-bottom: 2rem;
}
#s_img1{
	background-image: url(../img/imgA.png);
}
#s_img2{
	background-image: url(../img/imgB.png);
}
#s_img3{
	background-image: url(../img/imgC.png);
}
#support_a{
	width: 100%;
	height: 6rem;
	background-color: #FFF100;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
	font-weight: bold;
	text-decoration: none;
}
#support_a:hover {
	width: 100%;
	height: 6rem;
	background-color: #ffa600;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
	font-weight: bold;
}
.mapbox{
	width: 100%;
	height: auto;
	background-color: #ffffff;
	display: flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
}
.mapimg{
	width: 80%;
	height: 612px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../img/map.png);
	margin-bottom: 2rem;
	margin-top: 2rem;
}


.hospitalbox{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content:space-between;
	align-items: flex-start;
}
.hospital{
	width: 48%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content:flex-start;
	align-items: flex-start;
	padding-bottom: 2rem;
}
.hp_name{
	/*height: 50px;*/
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content:center;
	align-items: center;
	font-size: 22px;
	font-weight: bold;
	line-height: 22px;
	margin-bottom: 1rem;
	height: 60px;
}
#nameA{
	color: #5EEA78;
}
#nameB{
	color: #7EEE93;
}
#nameC{
	color: #5AB74E;
}
#nameD{
	color: #89DCC4;
}
#nameE{
	color: #3BC49D;
}
.hp_name_text{
	width: calc(100% - 60px);
}
.circle{
	display: block;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	font-size: 19px;
	background: #00A0E9;
	text-align:center;
	line-height: 45px;
	font-weight: bold;
	color: #ffffff;
	margin-right: 1rem;
}
.hpimg{
	width: 100%;
	height: auto;
	margin-bottom: 1rem;
}
#menu_a{
	/*width: 100%;*/
	color: #00A0E9;

	margin-bottom:1rem;
	text-decoration: none;
}


.enjoybox{
	width: 90%;
	height: auto;
	background-color: #F7F7F7;
	border:solid 12px #F7F7F7;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	align-items: center;
	padding-top: 2rem;
	padding-bottom: 2rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
.enjoy{
	width: 100%;
	height: auto;
	margin-top: 2rem;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}
.hukushima{
	width: 48%;
	height: 250px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../img/hukushima.svg);
}
.hukushimatext{
	width: 48%;
	height: auto;
	font-size: 15px;
}


.spot{
	width: 95%;
	height: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top:3rem;
}
.spottext{
	width: 100%;
	height: auto;
	text-align: left;
	font-weight: bold;
	color: #00A0E9;
	margin-bottom: 1rem;
}
.spotbox{
	width: 100%;
	height: auto;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2rem;
}
.spotimg{
	width: 31%;
	height: auto;
}



@media screen and (max-width: 1024px) {
	.bodybox{
		width: 100%;
		height: auto;
		background-color: rgb(255, 255, 255);
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}

	.mainbox{
		width: 99%;
		height: auto;
		background-color: rgb(255, 255, 255);
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}
	

	.top{
		width: 100%;
		height: auto;
		background-color: #00A0E9;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		padding-top: 2rem;
		padding-bottom: 2rem;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		background-image: url(../img/bac.jpg);
	}
	.titleFukushima{
		width: 95%;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.titletext{
		display: none;
	}
	.titletext_min{
		display: inline-block;
		font-size: 44px;
		font-weight: bolder;
		text-align: center;
		color: #ffffff;
		text-shadow: 0px 3px 11px #4b4b4b;
	}
	.menubox{
		width: 98%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
	}
	.menu{
		width: 315px;
		height: 146px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin-top: 2rem;
	}
	#menu1{
		background-image: url(../img/menu1.svg);
	}
	#menu2{
		background-image: url(../img/menu2.svg);
	}
	#menu3{
		background-image: url(../img/menu3.svg);
	}
	#menu1_blue{
		background-image: url(../img/menu1_blue.svg);
	}
	#menu2_blue{
		background-image: url(../img/menu2_blue.svg);
	}
	#menu3_blue{
		background-image: url(../img/menu3_blue.svg);
	}
	
	.midashibox{
		width: 95%;
		height: auto;
		border-bottom: solid 8px #FFF100;
		margin-top: 2rem;
	}
	.midashitext{
		font-size: 36px;
		font-weight: bold;
		color: #00A0E9;
		text-align: center;
	}
	.maintext{
		width: 100%;
		font-size: 18px;
		text-align: center;
		margin-top: 2rem;
		font-weight: bold;
		color: #313131;
		text-shadow: 0px 3px 11px #a5a5a5;
	}
	
	.contents{
		width: 100%;
		height: auto;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	#contents1{
		background-image: url(../img/contents1.png);
	}
	#contents2{
		background-image: url(../img/contents2.png);
	}
	#contents3{
		background-image: url(../img/contents3.png);
	}
	.menuicon{
		width: 315px;
		height: 146px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin-top: 2rem;
	}
	#midashibox2{
		margin-top: 0rem;
		margin-bottom: 2rem;
	}
	.drsbox{
		width: 100%;
		height: auto;
		background-image: url(../img/Drs.png);
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		margin-top: 2rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.text16{
		font-size: 16px;
		text-align: left;
	}
	#text16A{
		width: 90%;
		text-align: center;
		color: #000;
		font-weight: bold;
		font-size: 14px;
	}
	#text16B{
		color: #00A0E9;
		padding: 1rem;
		background-color: #f7f7f7d5;
		margin-top: 1rem;
		font-weight: bold;
		font-size: 14px;
	}
	.supportbox{
		width: 100%;
		height: auto;
		background-color: #ffffff;
		border:solid 12px #00A0E9;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		padding-top: 2rem;
		padding-bottom: 2rem;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	.supportItem{
		width: 95%;
		display: flex;
		flex-direction: column;
		justify-content:center;
		align-items: center;
	}
	#text18A{
		width: 100%;
	}
	#text18B{
		width: 100%;
		color: #00A0E9;
		margin-top: 1rem;
		margin-bottom: 1rem;
		text-align: center;
		font-weight: bold;
	}
	#text18C{
		width: 100%;
		height: auto;
	}
	.threebox{
		width: 100%;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
	}
	.support{
		width: 95%;
		display: flex;
		flex-direction: column;
		justify-content:center;
		align-items: center;
		margin-top: 2rem;
	}
	.s_img{
		width: 100%;
		height: 232px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		margin-bottom: 2rem;
	}
	#s_img1{
		background-image: url(../img/imgA.png);
	}
	#s_img2{
		background-image: url(../img/imgB.png);
	}
	#s_img3{
		background-image: url(../img/imgC.png);
	}
	#support_a{
		width: 100%;
		height: 6rem;
		background-color: #FFF100;
		display: flex;
		flex-direction: column;
		justify-content:center;
		align-items: center;
		font-weight: bold;
		margin-top: 2rem;
	}
	.mapbox{
		width: 100%;
		height: auto;
		background-color: #ffffff;
		display: flex;
		flex-direction: column;
		justify-content:center;
		align-items: center;
	}
	.mapimg{
		width: 90%;
		height: 360px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		background-image: url(../img/map.png);
		margin-bottom: 0rem;
		margin-top: 0rem;
	}
	
	.hospitalbox{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content:flex-start;
		align-items: center;
	}
	.hospital{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content:flex-start;
		align-items: flex-start;
		padding-bottom: 2rem;
	}
	.hp_name{
		min-height: 80px;
		width: 100%;
		display: flex;
		flex-direction: row;
		justify-content:center;
		align-items: center;
		font-size: 22px;
		font-weight: bold;
		line-height: 22px;
		margin-bottom: 1rem;
	}
	#nameA{
		color: #5EEA78;
	}
	#nameB{
		color: #7EEE93;
	}
	#nameC{
		color: #5AB74E;
	}
	#nameD{
		color: #89DCC4;
	}
	#nameE{
		color: #3BC49D;
	}
	.circle{
		display: block;
		width: 45px;
		height: 45px;
		border-radius: 50%;
		font-size: 19px;
		background: #00A0E9;
		text-align:center;
		line-height: auto;
		font-weight: bold;
		color: #ffffff;
		margin-right: 1rem;
	}
	.hpimg{
		width: 100%;
		height: auto;
		margin-bottom: 1rem;
	}
	#menu_a{
		width: 100%;
		color: #00A0E9;
		margin-bottom:1rem;
	}
	
	
	.enjoybox{
		width: 100%;
		height: auto;
		background-color: #F7F7F7;
		border:solid 12px #F7F7F7;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		align-items: center;
		padding-top: 2rem;
		padding-bottom: 2rem;
		margin-top: 2rem;
		margin-bottom: 2rem;
	}
	.enjoy{
		width: 100%;
		height: auto;
		margin-top: 2rem;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.hukushima{
		width: 70%;
		height: 250px;
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain;
		background-image: url(../img/hukushima.svg);
	}
	.hukushimatext{
		width: 95%;
		height: auto;
		font-size: 15px;
	}
	
	
	.spot{
		width: 95%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		margin-top:3rem;
	}
	.spottext{
		width: 100%;
		height: auto;
		text-align: left;
		font-weight: bold;
		color: #00A0E9;
		margin-bottom: 1rem;
	}
	.spotbox{
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 2rem;
	}
	.spotimg{
		width: 31%;
		height: auto;
	}
	

	@media screen and (max-width: 400px) {
		.titletext{
			display: none;
		}
		.titletext_min{
			display: inline-block;
			font-size: 34px;
			font-weight: bolder;
			text-align: center;
			color: #ffffff;
			text-shadow: 0px 3px 11px #4b4b4b;
		}
	}




	@media screen and (max-width: 330px) {
		.bodybox{
			width: 100%;
			height: auto;
			background-color: rgb(255, 255, 255);
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			align-items: center;
		}
	
		.mainbox{
			width: 99%;
			height: auto;
			background-color: rgb(255, 255, 255);
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			align-items: center;
		}
		
	
		.top{
			width: 100%;
			height: auto;
			background-color: #00A0E9;
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			align-items: center;
			padding-top: 2rem;
			padding-bottom: 2rem;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			background-image: url(../img/bac.jpg);
		}
		.titleFukushima{
			width: 95%;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			padding-top: 2rem;
			padding-bottom: 2rem;
		}
		.titletext{
			display: none;
		}
		.titletext_min{
			display: inline-block;
			font-size: 30px;
			font-weight: bolder;
			text-align: center;
			color: #ffffff;
			text-shadow: 0px 3px 11px #4b4b4b;
		}
		#brspan{
			display: inline-block;
		}
		.menubox{
			width: 98%;
			height: auto;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			align-items: center;
		}
		.menu{
			width: 315px;
			height: 146px;
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			margin-top: 2rem;
		}
		#menu1{
			background-image: url(../img/menu1_min.svg);
		}
		#menu1:hover {
			background-image: url(../img/menu1_on.svg);
		  }
		#menu2{
			background-image: url(../img/menu2_min.svg);
		}
		#menu2:hover {
			background-image: url(../img/menu2_on_min.svg);
		  }
		#menu3{
			background-image: url(../img/menu3_min.svg);
		}
		#menu3:hover {
			background-image: url(../img/menu3_on_min.svg);
		  }
		#menu1_blue{
			background-image: url(../img/menu1_blue_min.svg);
		}
		#menu2_blue{
			background-image: url(../img/menu2_blue_min.svg);
		}
		#menu3_blue{
			background-image: url(../img/menu3_blue_min.svg);
		}
		
		.midashibox{
			width: 95%;
			height: auto;
			border-bottom: solid 8px #FFF100;
			margin-top: 2rem;
		}
		.midashitext{
			font-size: 36px;
			font-weight: bold;
			color: #00A0E9;
			text-align: center;
		}
		.maintext{
			width: 100%;
			font-size: 18px;
			text-align: center;
			margin-top: 2rem;
			font-weight: bold;
			color: #313131;
			text-shadow: 0px 3px 11px #a5a5a5;
		}
		
		.contents{
			width: 100%;
			height: auto;
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			align-items: center;
			padding-top: 1rem;
			padding-bottom: 1rem;
		}
		#contents1{
			background-image: url(../img/contents1.png);
		}
		#contents2{
			background-image: url(../img/contents2.png);
		}
		#contents3{
			background-image: url(../img/contents3.png);
		}
		.menuicon{
			width: 315px;
			height: 146px;
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			margin-top: 2rem;
		}
		#midashibox2{
			margin-top: 0rem;
			margin-bottom: 2rem;
		}
		.drsbox{
			width: 100%;
			height: auto;
			background-image: url(../img/Drs.png);
			background-position: center;
			background-repeat: no-repeat;
			background-size: cover;
			margin-top: 2rem;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			padding-top: 2rem;
			padding-bottom: 2rem;
		}
		.text16{
			font-size: 16px;
			text-align: left;
		}
		#text16A{
			width: 90%;
			text-align: center;
			color: #000;
			font-weight: bold;
			font-size: 14px;
		}
		#text16B{
			color: #00A0E9;
			padding: 1rem;
			background-color: #f7f7f7d5;
			margin-top: 1rem;
			font-weight: bold;
			font-size: 14px;
		}
		.supportbox{
			width: 100%;
			height: auto;
			background-color: #ffffff;
			border:solid 12px #00A0E9;
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			align-items: center;
			padding-top: 2rem;
			padding-bottom: 2rem;
			margin-top: 2rem;
			margin-bottom: 2rem;
		}
		.supportItem{
			width: 95%;
			display: flex;
			flex-direction: column;
			justify-content:center;
			align-items: center;
		}
		#text18A{
			width: 100%;
		}
		#text18B{
			width: 100%;
			color: #00A0E9;
			margin-top: 1rem;
			margin-bottom: 1rem;
			text-align: center;
			font-weight: bold;
		}
		#text18C{
			width: 100%;
			height: auto;
		}
		.threebox{
			width: 100%;
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			align-items: center;
		}
		.support{
			width: 95%;
			display: flex;
			flex-direction: column;
			justify-content:center;
			align-items: center;
			margin-top: 2rem;
		}
		.s_img{
			width: 100%;
			height: 232px;
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			margin-bottom: 2rem;
		}
		#s_img1{
			background-image: url(../img/imgA.png);
		}
		#s_img2{
			background-image: url(../img/imgB.png);
		}
		#s_img3{
			background-image: url(../img/imgC.png);
		}
		#support_a{
			width: 100%;
			height: 6rem;
			background-color: #FFF100;
			display: flex;
			flex-direction: column;
			justify-content:center;
			align-items: center;
			font-weight: bold;
			margin-top: 2rem;
		}
		.mapbox{
			width: 100%;
			height: auto;
			background-color: #ffffff;
			display: flex;
			flex-direction: column;
			justify-content:center;
			align-items: center;
		}
		.mapimg{
			width: 90%;
			height: 360px;
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			background-image: url(../img/map.png);
			margin-bottom: 0rem;
			margin-top: 0rem;
		}
		
		.hospitalbox{
			width: 100%;
			height: auto;
			display: flex;
			flex-direction: column;
			justify-content:flex-start;
			align-items: center;
		}
		.hospital{
			width: 100%;
			height: auto;
			display: flex;
			flex-direction: column;
			justify-content:flex-start;
			align-items: flex-start;
			padding-bottom: 2rem;
		}
		.hp_name{
			min-height: 80px;
			width: 100%;
			display: flex;
			flex-direction: row;
			justify-content:center;
			align-items: center;
			font-size: 22px;
			font-weight: bold;
			line-height: 22px;
			margin-bottom: 1rem;
		}
		#nameA{
			color: #5EEA78;
		}
		#nameB{
			color: #7EEE93;
		}
		#nameC{
			color: #5AB74E;
		}
		#nameD{
			color: #89DCC4;
		}
		#nameE{
			color: #3BC49D;
		}
		.circle{
			display: block;
			width: 45px;
			height: 45px;
			border-radius: 50%;
			font-size: 19px;
			background: #00A0E9;
			text-align:center;
			line-height: auto;
			font-weight: bold;
			color: #ffffff;
			margin-right: 1rem;
		}
		.hpimg{
			width: 100%;
			height: auto;
			margin-bottom: 1rem;
		}
		#menu_a{
			width: 100%;
			color: #00A0E9;
			margin-bottom:1rem;
		}
		
		
		.enjoybox{
			width: 100%;
			height: auto;
			background-color: #F7F7F7;
			border:solid 12px #F7F7F7;
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			align-items: center;
			padding-top: 2rem;
			padding-bottom: 2rem;
			margin-top: 2rem;
			margin-bottom: 2rem;
		}
		.enjoy{
			width: 100%;
			height: auto;
			margin-top: 2rem;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
		}
		.hukushima{
			width: 70%;
			height: 250px;
			background-position: center;
			background-repeat: no-repeat;
			background-size: contain;
			background-image: url(../img/hukushima.svg);
		}
		.hukushimatext{
			width: 95%;
			height: auto;
			font-size: 15px;
		}
		
		
		.spot{
			width: 95%;
			height: auto;
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			margin-top:3rem;
		}
		.spottext{
			width: 100%;
			height: auto;
			text-align: left;
			font-weight: bold;
			color: #00A0E9;
			margin-bottom: 1rem;
		}
		.spotbox{
			width: 100%;
			height: auto;
			display: flex;
			flex-direction: row;
			justify-content: space-between;
			align-items: center;
			margin-bottom: 2rem;
		}
		.spotimg{
			width: 31%;
			height: auto;
		}
	}






.forSP{
	display:none;
}

.mb30{
	margin-bottom: 30px;
}

}