@charset "utf-8";

/* ---------------------------------------- *
   base
   all
   2022.12.10
 * ---------------------------------------- */

/* ------------------------------ *
    clear
 * ------------------------------ */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
	form, fieldset, input, textarea, p, blockquote, table, tr, th, td, img,
	strong {
	margin: 0;
	padding: 0;
	line-height: 100%;
	line-height: 160%;
	font-size: 100%;
	font-weight: normal;
}

input {
	border-width: 0px;
	vertical-align: middle;
	margin: -1px 0px;
}

.poi {
	cursor: pointer;
}

table {
	width: 100%;
}

table, tr, th, td {
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
	vertical-align: top;
	font-size: inherit;
}

table th, table td {
	margin: 0;
	padding: 0;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
	text-align: left;
}

ol, ul {
	list-style: none;
	text-align: left;
}

img {
	vertical-align: top;
}

h1, h2, h3, h4, h5, h6 {
	
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
}

/* ------------------------------ *
    baseset
 * ------------------------------ */

/* --- clearfix --- */
.clearfix {
	zoom: 100%; /*IE6*/
	overflow: auto; /*IE7 and Firefox*/
}
/*\*/
* html .clearfix {
	overflow: visible;
}
/**/

/* --- align --- */
.right {
	text-align: right !important;
}

.center {
	text-align: center !important;
}

.left {
	text-align: left !important;
}

/* --- float --- */
.flo_right {
	float: right;
}

.flo_left {
	float: left;
}

.clear {
	clear: both;
}

/* --- vertical-align --- */
.top {
	vertical-align: top;
}

.middle {
	vertical-align: middle;
}

.bottom {
	vertical-align: bottom;
}

/* --- display --- */
.block {
	display: block;
}

.inline {
	display: inline;
}

.inline-block {
	display: inline-block;
}

/* --- nowrap --- */
.nowrap a {
	white-space: nowrap;
}

/* --- color --- */
.red {
	color: #f00;
}

/* --- font --- */
.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

.line_btm {
	text-decoration: underline;
}

.font10 {
	font-size: 77%;
}

.font11 {
	font-size: 85%;
}

.font12 {
	font-size: 93%;
}

.font13 {
	font-size: 100%;
}

.font14 {
	font-size: 108%;
}

.font15 {
	font-size: 116%;
}

.font16 {
	font-size: 123.1%;
}

.font17 {
	font-size: 131%;
}

.font18 {
	font-size: 138.5%;
}

.font19 {
	font-size: 146.5%;
}

.font20 {
	font-size: 153.9%;
}

.font21 {
	font-size: 161.6%;
}

.font22 {
	font-size: 167%;
}

.font23 {
	font-size: 174%;
}

.font24 {
	font-size: 182%;
}

.font25 {
	font-size: 189%;
}

.font26 {
	font-size: 197%;
}

/* --- margin,padding --- */
.mgn5 {
	margin: 5px
}

.mgn10 {
	margin: 10px
}

.mgn20 {
	margin: 20px
}

.mgn30 {
	margin: 30px
}

.mgn_top5 {
	margin-top: 5px
}

.mgn_top10 {
	margin-top: 10px
}

.mgn_top20 {
	margin-top: 20px
}

.mgn_top30 {
	margin-top: 30px
}

.mgn_btm0 {
	margin-bottom: 0
}

.mgn_btm5 {
	margin-bottom: 5px
}

.mgn_btm10 {
	margin-bottom: 10px
}

.mgn_btm15 {
	margin-bottom: 15px
}

.mgn_btm20 {
	margin-bottom: 20px
}

.mgn_btm30 {
	margin-bottom: 30px
}

.mgn_btm50 {
	margin-bottom: 50px
}

.mgn_rgt5 {
	margin-right: 5px
}

.mgn_rgt10 {
	margin-right: 10px
}

.mgn_rgt20 {
	margin-right: 20px
}

.mgn_rgt30 {
	margin-right: 30px
}

.mgn_left5 {
	margin-left: 5px
}

.mgn_left10 {
	margin-left: 10px
}

.mgn_left20 {
	margin-left: 20px
}

.mgn_left30 {
	margin-left: 30px
}

.pdg5 {
	padding: 5px
}

.pdg10 {
	padding: 10px
}

.pdg20 {
	padding: 20px
}

.pdg30 {
	padding: 30px
}

.pdg_top5 {
	padding-top: 5px
}

.pdg_top10 {
	padding-top: 10px
}

.pdg_top20 {
	padding-top: 20px
}

.pdg_top30 {
	padding-top: 30px
}

.pdg_btm5 {
	padding-bottom: 5px
}

.pdg_btm10 {
	padding-bottom: 10px
}

.pdg_btm20 {
	padding-bottom: 20px
}

.pdg_btm30 {
	padding-bottom: 30px
}

.pdg_rgt5 {
	padding-right: 5px
}

.pdg_rgt10 {
	padding-right: 10px
}

.pdg_rgt20 {
	padding-right: 20px
}

.pdg_rgt30 {
	padding-right: 30px
}

.pdg_left5 {
	padding-left: 5px
}

.pdg_left10 {
	padding-left: 10px
}

.pdg_left20 {
	padding-left: 20px
}

.pdg_left30 {
	padding-left: 30px
}

/* --- html5 --- */
article, aside, figure, figcaption, footer, header, hgroup, nav, section
	{
	display: block;
}

/* ---------------------------------------- *
   style
   all
   2022.12.10
 * ---------------------------------------- */

/* ------------------------------ *
    テキスト
 * ------------------------------ */

/* --- font --- */
body {
	font: 15px;
	font-family: "Arial", "メイリオ";
	*font-size: small;
	*font: x-small;
	color: #354353;
}

strong {
	font-weight: bold !important;
}

.cap {
	font-size: 13px;
	color: #888;
	display: block;
	text-align: center;
}

/* ------------------------------ *
20230906 MYW追加　フォーム備考欄用
* ------------------------------ */
.cap_form {
	font-size: 13px;
	color: #888;
	display: block;
	text-align: left;
}

.text {
	margin-bottom: 1em;
}

u {
	text-decoration: underline;
}

/* --- link --- */
a {
	
}

a:link {
	color: #354353;
	text-decoration: none;
}

a:visited {
	color: #354353;
}

a:active {
	color: #354353;
}

a:hover {
	color: #354353;
	text-decoration: underline;
}

a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha (opacity=70)";
	text-decoration: none;
}

/* ------------------------------ *
    アイコン
 * ------------------------------ */
p.ico_clo {
	padding-left: 20px;
	background: url("img/ico_clo.png") no-repeat 0 0.3em;
}

ul.ico_clo li {
	padding-left: 20px;
	background: url("img/ico_clo.png") no-repeat 0 0.3em;
}

ul.disc li {
	padding-left: 1em;
	background: url("img/h2_ico_disc.png") no-repeat 0.3em 0.55em;
}

.ico_clo dl {
	margin-bottom: 1em;
}

.ico_clo dl dt {
	padding-left: 20px;
	background: url("img/ico_clo.png") no-repeat 0 0.3em;
}

.ico_clo dl dd {
	padding-left: 20px;
}

.ico_clo dl dd ul {
	
}

.ico_clo dl dd ul li {
	padding-left: 1em;
	background: url("img/h2_ico_disc.png") no-repeat 0.3em 0.55em;
}

.img_right {
	float: right;
	margin: 0 0 15px 15px;
}

.img_left {
	float: left;
	margin: 0 15px 15px 0;
}

/* ------------------------------ *
    基本カラム設定
 * ------------------------------ */
html {
	
}

body {
	
}

div#flexbox {
	display: flex;
}

/* --- head --- */
header {
	text-align: center;
	min-width: 270px;
	margin-top: 20px;
	padding-bottom: 50px;
}

header h1 {
	font-size: 40%;
	color: #aaa;
}
/* --- /head --- */

/* --- nav --- */
nav#nav_t {
	margin: 70px 0 0 0;
}

nav#nav_t ul {
	
}

nav#nav_t ul li {
	height: 72px;
	line-height: 72px;
	font-weight: bold;
	text-align: center;
	font-size: 150%;
}

nav#nav_t ul li {
	border-bottom: 5px double #82b924;
	border-top: 5px double #82b924;
}

nav#nav_g {
	margin: 70px 0 0 30px;
}

nav#nav_g ul {
	margin: 0 10px;
}

nav#nav_g ul li {
	margin: 15px 0;
	padding-left: 20px;
	font-size: 105%;
	font-weight: bold;
	color: #354353;
	background: url("img/ico_tri_gl.png") no-repeat 0 3px;
}

nav#nav_g ul li a {
	color: #354353;
	display: inline-block;
	text-decoration: none;
}

nav#nav_p {
	margin: 70px 0 0 0;
}

nav#nav_p ul {
	
}

nav#nav_p ul li {
	height: 72px;
	line-height: 72px;
	font-size: 120%;
	font-weight: bold;
}

nav#nav_p ul li a {
	text-decoration: none;
	display: block;
	padding-left: 75px;
}

nav#nav_p ul li.reserve {
	color: #fff;
	background: #82b924 url("img/ico_reserve.png") no-repeat 10px center;
}

nav#nav_p ul li.reserve a {
	color: #fff;
}

nav#nav_p ul li.contact {
	color: #82b924;
	background: #fff url("img/ico_contact.png") no-repeat 10px center;
	border-bottom: 1px solid #CCC;
}

nav#nav_p ul li.contact a {
	color: #82b924;
	line-height: 185%;
}

nav#nav_s {
	margin: 30px 0 0 40px;
}

nav#nav_s ul {
	
}

nav#nav_s ul li {
	padding-left: 15px;
	margin-bottom: 15px;
	background: url("img/ico_line.png") no-repeat center left;
}

nav#nav_s ul li a {
	color: #888;
	text-decoration: none;
}

nav#nav_i img {
	max-width: 100%;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

div.hm_wrap { /* スマホ用ハンバーガーメニュー非表示 */
	display: none;
}
/* --- /nav --- */
section {
	max-width: 100%;
	border-bottom: 1px solid #CCC;
	padding: 50px 100px;
}

section:last-child {
	border-bottom: 0;
}

section article {
	
}

article {
	
}

/* --- h --- */
h2 {
	width: 100%;
	text-align: left;
	background: url("img/midashi.png") no-repeat 20% 0;
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 30px;
	padding: 50px 0;
	padding-left: 100px;
}

h2 span {
	font-size: 55%;
	font-weight: normal;
	color: #82b924;
	display: block;
	margin-top: -5px;
}

h3 {
	font-size: 115%;
	font-weight: bold;
	color: #354353;
	margin-bottom: 30px;
}

h3 span {
	font-size: 75%;
	font-weight: normal;
	color: #8794a4;
	display: block;
	margin-top: -5px;
}

h4 {
	width: 15em;
	font-size: 110%;
	border-bottom: solid 3px #354353;
	position: relative;
	margin-bottom: 50px;
	font-weight: bold;
}

h4:after {
	width: 50%;
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #82b924;
	bottom: -3px;
}

h4 span {
	font-size: 75%;
	color: #8794a4;
	display: block;
	font-weight: normal;
	margin-top: -5px;
	margin-bottom: 10px;
}

h5 {
	font-size: 110%;
	margin-bottom: 20px;
	font-weight: bold;
	background: url("img/line_h5.png") repeat-x 0 8px;
}

h5 span {
	background: #fff;
	padding-right: 10px;
}
/* --- /h --- */

/* --- key --- */
div#key {
	
}

div#key img {
	max-width: 100%;
}
/* --- /key --- */
div#page {
	text-align: left;
	width: 100%;
	border-left: 1px solid #CCC;
	padding-bottom: 100px;
	min-width: 270px;
}

/* --- footer --- */
footer {
	background: #e5e5e5;
	color: #616c78;
	font-size: 85%;
	padding: 5px 0;
}

footer  address {
	text-align: center;
}
/* --- /footer --- */

/* ------------------------------ *
    ユニーク
 * ------------------------------ */
p.btn_green {
	min-width: 9.5em;
	text-align: center;
	display: inline-block;
	border: 2px solid #82b924;
	margin-top: 30px;
	background: url("img/ico_btn_tri.png") no-repeat top left;
}

p.btn_green a {
	display: inline-block;
	padding: 8px 25px;
	font-weight: bold;
	color: #82b924;
}

p.btn_green a:hover {
	text-decoration: none;
}

/* 施設案内　フロアレイアウト用　20230810 */
div#layout_green a {
	color: #82b924;
}

div#layout_green {
	color: #82b924;
}

/* トップページリーフレット用　20230518 */
nav#nav_l {
	margin: 30px 0 0 40px;
}

nav#nav_ｌ ul {
	
}

nav#nav_l ul li {
	padding-left: 15px;
	margin-bottom: 15px;
	background: url("img/ico_line2.png") no-repeat center left;
}

nav#nav_l ul li a {
	color: #82b924;
	text-decoration: none;
}

article.news {
	
}

article.news dl {
	border-bottom: 1px solid #CCC;
	padding: 10px 0;
}

article.news dl dt {
	font-weight: bold;
	float: left;
}

article.news dl dd {
	padding-left: 7em;
}

article.news dl dd img {
	margin-right: 5px;
	margin-top: 2px;
}

article.clm_tjm {
	display: flex;
	flex: 1;
	justify-content: space-around;
}

article.clm_tjm div {
	text-align: center;
	margin: 0 20px;
}

article.clm_tjm div p:nth-child(1) {
	height: 134px;
}

article.clm_tjm div p:nth-child(1) img {
	top: 0;
	left: center;
	max-width: 100%;
}

article.clm_tjm div p:nth-child(2) {
	font-size: 105%;
	font-weight: bold;
	color: #354353;
	margin-top: 10px;
}

article.clm_tjm div p:nth-child(3) {
	text-align: left;
	margin: 0 auto;
	margin-top: 10px;
	width: 195px;
}

article.clm_map {
	display: flex;
	flex: 1;
	justify-content: space-around;
}

article.clm_map div {
	text-align: left;
	width: auto;
	margin-left: 30px;
}

article.clm_map div p {
	padding: 5px 0;
	padding-left: 28px;
}

article.clm_map div p:nth-child(1) {
	padding-left: 0;
}

article.clm_map div p:nth-child(2) {
	background: url("img/ico_place.png") no-repeat center left;
	margin-top: 15px;
}

article.clm_map div p:nth-child(3) {
	background: url("img/ico_train.png") no-repeat center left;
	margin-top: 15px;
}

article.clm_map div p:nth-child(4) {
	background: url("img/ico_mono.png") no-repeat center left;
}

article.clm_map div p:nth-child(5) {
	background: url("img/ico_parking.png") no-repeat center left;
}

article.clm_list {
	display: flex;
	flex: 1;
	justify-content: space-around;
}

article.clm_list div {
	width: 25%;
}

article.clm_list div p:nth-child(1) {
	
}

article.clm_list div p:nth-child(1) img {
	max-width: 100%;
}

article.clm_list div p:nth-child(2) {
	font-size: 105%;
	font-weight: bold;
	color: #354353;
	margin-top: 10px;
}

article.clm_list div p:nth-child(3) {
	text-align: left;
	margin-top: 10px;
}

article.clm_guide {
	display: flex;
	flex: 1;
	justify-content: space-around;
}

article.clm_guide div {
	width: 25%;
	text-align: center;
}

article.clm_guide div p:nth-child(1) {
	
}

article.clm_guide div p:nth-child(2) {
	font-size: 105%;
	font-weight: bold;
	color: #354353;
	margin-top: 10px;
}

article.clm_guide div p:nth-child(3) {
	text-align: left;
	margin: 0 auto;
	margin-top: 10px;
	width: 180px;
}

article.clm_fee {
	margin-bottom: 30px;
}

article.clm_fee h5 {
	
}

article.clm_fee dl {
	display: flex;
}

article.clm_fee dl dt {
	
}

article.clm_fee dl dt img {
	
}

article.clm_fee dl dd {
	width: 100%;
	margin-left: 50px;
}

article.clm_fee dl dd table {
	margin-bottom: 30px;
}

article.clm_fee dl dd table tr {
	border-bottom: 1px solid #ccc;
}

article.clm_fee dl dd table th {
	padding: 10px 10px 10px 20px;
}

article.clm_fee dl dd table td {
	padding: 10px 30px 10px 10px;
	text-align: right;
}

article.spots {
	margin: 30px 0 0 40px;
}

article.spots ul {
	
}

article.spots ul li {
	padding-left: 15px;
	margin-bottom: 15px;
	background: url("img/ico_line.png") no-repeat center left;
}

article.spots ul li a {
	text-decoration: none;
}

article.spots ul li a[target="_blank"] {
	padding-right: 20px;
	background: url("img/ico_blank.png") no-repeat center right;
}

article.tbl {
	margin-bottom: 30px;
}

article.tbl h4 {
	
}

article.tbl div {
	display: flex;
	flex: 1;
	/* 20230110 myweb y.suzuki add start */
	align-items: flex-start;
	/* 20230110 myweb y.suzuki add end */
}

article.tbl div table {
	width: 100%;
	border-collapse: collapse;
}

article.tbl div table tr {
	border-bottom: solid 2px white;
}

article.tbl div table tr:last-child {
	border-bottom: none;
}

article.tbl div table th {
	position: relative;
	text-align: left;
	width: 30%;
	background-color: #82b924;
	color: white;
	text-align: center;
	padding: 10px 0;
}

article.tbl div table th:after {
	display: block;
	content: "";
	width: 0px;
	height: 0px;
	position: absolute;
	top: calc(50% - 10px);
	right: -10px;
	border-left: 10px solid #82b924;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
}

article.tbl div table td {
	text-align: left !important;
	width: 70%;
	text-align: center;
	background-color: #eee;
	padding: 10px 0;
	padding-left: 30px;
}

article.tbl div p {
	
}

article.tbl div p img {
	
}

article.tbl_normal {
	margin-bottom: 30px;
}

article.tbl_normal h4 {
	
}

article.tbl_normal div {
	
}

article.tbl_normal div table {
	width: 100%;
}

article.tbl_normal div table tr {
	border-bottom: solid 1px #ccc;
}

article.tbl_normal div table th {
	text-align: left;
	width: 30%;
	padding: 10px 0;
}

article.tbl_normal div table td {
	text-align: left !important;
	width: auto;
	text-align: center;
	padding: 10px 0;
}

article.tbl_normal div p {
	
}

article.tbl_normal div p img {
	
}

/* --- 利用のフロー --- */
.flow {
	padding-left: 120px;
	position: relative;
}

.flow::before {
	content: "";
	width: 15px;
	height: 100%;
	background: #eee;
	margin-left: -8px;
	display: block;
	position: absolute;
	top: 0;
	left: 120px;
}

.flow>li {
	position: relative;
}

.flow>li:not(:last-child) {
	margin-bottom: 8vh;
}

.flow>li .icon {
	font-size: 12px;
	color: #fff;
	background: #82B924;
	padding: 8px 20px;
	display: block;
	position: absolute;
	top: -5px;
	left: -120px;
	z-index: 100;
}

.flow>li .icon::after {
	content: "";
	border-style: solid;
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #82B924;
	position: absolute;
	top: 50%;
	left: 100%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.flow>li dl {
	padding-left: 70px;
	position: relative;
}

.flow>li dl::before, .flow>li dl::after {
	content: "";
	display: block;
	position: absolute;
	top: 15px;
}

.flow>li dl::before {
	width: 7px;
	height: 7px;
	margin-top: -3px;
	background: #82B924;
	border-radius: 50%;
	left: -4px;
}

.flow>li dl::after {
	width: 50px;
	border-bottom: 1px dashed #999;
	position: absolute;
	left: 5px;
}

.flow>li dl dt {
	font-size: 20px;
	font-weight: 600;
	color: #82B924;
	margin-bottom: 1vh;
}

article.list_01 {
	
}

article.list_01 dl {
	margin-bottom: 1em;
}

article.list_01 dt {
	float: left;
}

article.list_01 dd {
	margin-left: 2em;
}

@media screen and (max-width: 1150px) { /* width:1150px以下設定 */
	img, iframe {
		max-width: 100%;
	}
	header {
		display: none;
	}
	div#page {
		width: 100%;
		border: 0;
		padding: 5px;
	}
	h2 {
		padding: 80px 0 40px 100px;
	}

	/* ▽ハンバーガーメニュー▽ */
	.hm_menu_check { /* チェックボックスを隠す */
		display: none;
	}
	.hm_wrap {
		display: inline-block !important;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		padding: 10px;
		background: #82b924;
		z-index: 10000;
	}

	/* ▽▽メニューボタン▽▽ */
	.hm_btn {
		position: relative;
		width: 30px;
		height: 30px;
		cursor: pointer;
		display: block;
		float: left;
		z-index: 2;
	}
	.hm_btn::before {
		-webkit-box-shadow: #fff 0 12px 0;
		box-shadow: #fff 0 12px 0;
	}
	.hm_btn::after {
		bottom: 0;
	}
	.hm_btn::before, .hm_btn::after {
		width: 30px;
		height: 6px;
		background: #fff;
		display: block;
		content: '';
		position: absolute;
		-webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform
			0.2s 0.2s;
		transition: box-shadow 0.2s linear, transform 0.2s 0.2s;
	}
	/* △△メニューボタン△△ */
	.hm_menu_wrap {
		width: 100%;
		height: 10000px;
		background: #82b924;
		position: absolute;
		left: -100%;
		top: 0;
		-webkit-transition: left 0.4s;
		transition: left 0.4s;
	}

	/* ▽▽開閉時のアニメーション▽▽ */
	.hm_menu_check:checked ~ .hm_btn::before {
		-webkit-box-shadow: transparent 0 0 0;
		box-shadow: transparent 0 0 0;
		-webkit-transform: rotate(45deg) translate3d(6px, 11px, 0);
		transform: rotate(45deg) translate3d(6px, 11px, 0);
	}
	.hm_menu_check:checked ~ .hm_btn::after {
		-webkit-transform: rotate(-45deg) translate3d(6px, -11px, 0);
		transform: rotate(-45deg) translate3d(6px, -11px, 0);
	}
	.hm_menu_check:checked ~ .hm_menu_wrap {
		left: 0;
	}

	/* △△開閉時のアニメーション△△ */

	/* ▽▽メニュー内のリストスタイル▽▽ */
	.hm_list {
		list-style-type: none;
		margin: 50px 0 0;
		padding: 0;
		font-size: 20px;
	}
	.hm_list li a {
		color: #fff;
		display: block;
		overflow: hidden;
		padding: 8px 22px;
		position: relative;
		text-decoration: none;
		z-index: 1;
	}
	.hm_list li a::before { /* aタグマウスオーバー時の背景 */
		background: #354353;
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 100%;
		left: 0;
		-webkit-transition: bottom 0.4s;
		transition: bottom 0.4s;
		z-index: -1;
	}
	.hm_list li a:hover::before {
		bottom: 0;
	}
	.hm_list li a:hover::after {
		opacity: 0.5;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	/* メニュー内のリストスタイル△△ */

	/* △△ハンバーガーメニュー△△
------------------------------------------------------- */
}

@media screen and (max-width: 800px) { /* width:800px以下設定 */
	h2 {
		padding: 80px 0 40px 20px;
	}
	section {
		padding: 30px 20px;
	}
	article.news {
		
	}
	article.news dl {
		
	}
	article.news dl dt {
		float: none;
	}
	article.news dl dd {
		padding-left: 0;
	}
	article.news dl dd img {
		margin-right: 5px;
		margin-top: 2px;
	}
	article.clm_tjm {
		display: block;
	}
	article.clm_tjm div {
		margin: 0;
		margin-bottom: 50px;
		display: block;
	}
	article.clm_tjm div p {
		display: block;
	}
	article.clm_tjm div p:nth-child(3) {
		display: block;
	}
	article.clm_map {
		display: block;
	}
	article.clm_map div {
		margin-bottom: 50px;
	}
	article.clm_list {
		display: block;
	}
	article.clm_list div {
		width: 100%;
		margin-bottom: 50px;
	}
	article.clm_guide {
		display: block;
	}
	article.clm_guide div {
		width: 100%;
		margin: 0;
		margin-bottom: 50px;
	}
	article.tbl div {
		display: block;
	}
	article.tbl div p {
		text-align: center;
		margin-top: 10px;
	}
	article.tbl div p img {
		width: 100%;
	}
	article.clm_fee {
		margin-bottom: 50px;
	}
	article.clm_fee dl {
		display: block;
	}
	article.clm_fee dl dt {
		text-align: center;
	}
	article.clm_fee dl dt img {
		
	}
	article.clm_fee dl dd {
		margin-top: 20px;
		margin-left: 0;
	}
	article.clm_fee dl dd table {
		margin-bottom: 30px;
	}
	article.clm_fee dl dd table tr {
		border-bottom: 1px solid #ccc;
	}
	article.clm_fee dl dd table th {
		padding: 10px 10px 10px 20px;
	}
	article.clm_fee dl dd table td {
		padding: 10px 30px 10px 10px;
		text-align: right;
	}
}

/* --- よくある質問(FAQ) START--- */
.faq {
	padding-left: 50px;
	position: relative;
}

.faq>li {
	position: relative;
}

.faq>li:not(:last-child) {
	margin-bottom: 5vh;
}

.faq>li dl {
	position: relative;
}

.faq>li dl dt {
	font-size: 20px;
	font-weight: 600;
	color: #82B924;
	margin-bottom: 1vh;
}

.faq>li dd {
	padding-left: 30px;
}
/* --- よくある質問(FAQ) END--- */