@charset "utf-8";
/* CSS Document スマートフォン版 後続共通css*/
@media screen and (max-width: 750px) {
	* img {
		width: 100%;
		height: auto;
	}
	/*基本レイアウト*/
	#contents {}
	#main {
		width: 100%;
	}
	/*セクション*/
	#main section {
		padding: 30px 0;
	}
	/*本文内各種パーツ***********************/
	/*リスト*/
	#main ul {
		margin-bottom: 1em;
	}
	#main ul > li {
		list-style: disc;
		list-style-position: outside;
		margin-left: 2.0em;
	}
	#main ol {
		list-style-position: outside;
		margin-left: 2.0em;
		margin-bottom: 1em;
	}
	#main ol > li {
		list-style-type: decimal;
		list-style-position: outside;
		margin-left: 0;
	}
	#main .application_area ol {
		counter-reset: my-counter;
		list-style: none;
		margin-left: 0;
		padding: 0;
	}
	#main .application_area ol li {
		list-style: none;
		margin-bottom: 10px;
		padding-left: 30px;
		position: relative;
	}
	#main .application_area ol li:before {
		content: counter(my-counter);
		counter-increment: my-counter;
		display: block;
		position: absolute;
		top: 4px;
		line-height: 20px;
		margin-left: -26px;
		text-align: center;
		height: 20px;
		width: 20px;
		border-radius: 50%;
		border: solid 1px #000;
	}
	/*テーブル**********************************************/
	#main table {
		margin: 0 auto 0 auto;
		width: 95%;
		border-top: none;
		border-left: none;
		border-spacing: 0;
		border-collapse: collapse;
	}
	#main table th {
		display: block;
		margin-bottom: 10px;
		padding: 10px 0px 0 0px;
		width: 100%;
		border-right: none;
		border-bottom: solid 1px #b16c25;
		white-space: nowrap;
		font-weight: normal;
		text-align: center;
		vertical-align: text-top;
	}
	#main table td {
		display: block;
		padding: 0 0px 10px 0px;
		width: 100%;
		border-right: none;
		border-bottom: none;
		vertical-align: text-top;
	}
	#main table th.center, #main table td.center {
		text-align: center;
	}
	#main table th.left, #main table td.left {
		text-align: left;
	}
	#main table th.right, #main table td.right {
		text-align: right;
	}
	#main table caption {
		margin-bottom: 8px;
		padding-left: 25px;
		background-color: #333333;
		color: #fff;
		font-weight: bold;
		text-align: left;
	}
	#main table table th {
		display: none;
		text-align: center;
	}
	#main table table td {
		width: auto;
	}
	#main table table td:nth-child(4) {
		margin-bottom: 10px;
		border-bottom: solid 1px #333;
	}
	#main table table td:nth-child(2), #main table table td:nth-child(4) {
		text-align: left;
	}
	#main table table td:nth-child(3) {
		text-align: left;
	}
	#main table table td.total {
		text-align: center;
		font-size: 2.5rem;
	}
	/*共通***********************/
	#main .inside {
		width: 90%;
	}
	#main h2 {
	margin-bottom: 25px;
	margin-left: 10px;
	padding-left: 20px;
	font-size: 1.6rem;
}
#main h2:before {
	left: -20px;
	transform: scale(0.8);
}
	#main h3 {
		font-size: 2.4rem;
		font-weight: bold;
		line-height: 1.7;
	}
	#main section .box .tit {
    font-size: 1.8rem;
	}
	#main section .box .cate {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 80px;
		height: 40px;
		border: solid 1px #139a74;
		color: #139a74;
		font-weight: 400;
		font-size: 2.0rem;
	}
	#main section .box .name {
		font-size: 1.8rem;
		line-height: 1.7;
	}
	#main section .box .photo {
		position: relative;
		display: block;
		width: 60%;
		margin: 0 auto;
	}
	#main section .detail_btn {
		width: 100%;
	}
	#main section .detail_btn a {
		position: relative;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 70px;
		height: 30px;
		padding: 2px 10px;
		background-color: #456aa9;
		border-radius: 20px;
		color: #fff;
		line-height: 0.9;
	}
	#main section .detail_btn a:hover {
		text-decoration: none;
		opacity: 0.85;
	}
	#main section .detail_btn a:after {
		content: "→";
		/*content: "▶";*/
		position: absolute;
		right: 6px;
		top: 10px;
		font-size: 1.0rem;
		font-weight: 700;
	}
	#main section.bg {
		height: 120px;
		background-position: center center;
		background-size: cover;
	}
/*タイトル***********************/
h1.title {
	width: 60%;
	margin: 0 auto 15px auto;
}
/*リード文*/
#main section.lead_area {
	width: 100%;
	margin: 0 auto 0 auto;
	font-size: 1.6rem;
}
/*マップエリア*/
#main section.map_area {
	position: relative;
	width: 100%;
	margin: 0 auto 30px auto;
	padding: 0;
	text-align: center;
}
#main section.map_area #map_all {
	opacity: 1.0;
}
#main section.map_area img {
	cursor: default;
}
#main section.map_area img:hover {
	opacity: 1.0;
}
#main section.map_area #map_hokkaido,#main section.map_area #map_tohoku,#main section.map_area #map_hokuriku,#main section.map_area #map_kanto,#main section.map_area #map_tokai,#main section.map_area #map_kansai,#main section.map_area #map_chugoku,#main section.map_area #map_shikoku,#main section.map_area #map_kyushu,#main section.map_area #map_okinawa {
	display: none;
}
	#main section.pref_area {
		display: flex;
		justify-content:space-between;
		align-items: center;
		flex-wrap: wrap;
		width: 95%;
		margin: 0 auto;
		padding: 0;
	}
	#main section.pref_area a {
		min-width: 32%;
		height: 32px;
		margin: 0 0 10px 0;
		font-size: 1.4rem;
	}
	#main section.pref_area a:last-child {
		/*width: 66%;*/
	}
/*基本*/
#main section.link_area .inside {
	width: 100%;
}
#main section.link_area ul {
	display: flex;
	justify-content:space-between;
	justify-content: flex-start;
	flex-wrap: wrap;
	margin: 25px 25px 0 25px;
}
#main section.link_area ul ul {
	margin: 0 0 0 25px;
}
#main section.link_area ul li {
	list-style-image: url("../images/arr.png");
	min-width:calc(50% - 32px);
}
#main section.link_area ul ul li {
	list-style: none;
	width: auto;
	min-width: auto;
	margin: 0 20px 0 0;
}
#main section.link_area ul li.dummy {
	list-style: none;
	hanging-punctuation: 0;
}
/*/ページメニュー*/
#pagemenu {
	display: none;
}
.pref_menu {
	display: none;
	width: 90%;
}
.pref_menu.active {
	display: block;
}
.pref_menu .tankyo {
	margin-bottom: 20px;
	background-color: #fff;
	border-radius: 10px;
}
.pref_menu .kenren {
	background-color: #fff;
	border-radius: 10px;
}
.pref_menu .tit_area {
	border-radius: 10px 10px 0 0;
}
.pref_menu .cate {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 74px;
	height: 24px;
	margin-right: 40px;
	background-color: #fff;
}
.pref_menu ul {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap:wrap;
	margin: 30px 0 0 0;
}
.pref_menu ul li {
	list-style: none;
	margin: 0 0 30px 0;
	padding: 0 20px 0 20px;
	border-right: solid 1px #303030;
	line-height: 1;
}
.pref_menu ul li:first-child {
	border-left: solid 1px #303030;
}

}