@charset "utf-8";

/* 下層コンテンツ
---------------------------------------------------------------*/
/* subtitle */
.subtitle_r,.subtitle_g{
	font-size: 22px;
	font-family: "BIZUDPGothic-Bold";
	padding-left: 35px;
	position: relative;
}
.subtitle_g{color: #33a981;}
.subtitle_r::before,.subtitle_g::before{
	content: "";
	width: 25px;
	aspect-ratio: 25 / 4;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.subtitle_r::before{background: url("../images/subtitle_r.webp") left center / contain no-repeat;}
.subtitle_g::before{background: url("../images/subtitle_g.webp") left center / contain no-repeat;}
.subtitle02_r,.subtitle02_g{
	display: flex;
	align-items: center;
	padding-bottom: 30px;
}
.subtitle02_r{background: radial-gradient(circle, #e4483c 1px, transparent 2px) left bottom / 8px 8px repeat-x;}
.subtitle02_g{background: radial-gradient(circle, #33a981 1px, transparent 2px) left bottom / 8px 8px repeat-x;}
.subtitle02_r > *,.subtitle02_g > *{font-family: "BIZUDPGothic-Bold";}
.subtitle02_r p,.subtitle02_g p{
	font-size: 14px;
	margin-right: 20px;
}
.subtitle02_r p{color: #e4483c;}
.subtitle02_g p{color: #33a981;}
.subtitle02_r h3,.subtitle02_g h3{font-size: 22px;}

/* btn */
.btn_r,.btn_g{
	display: block;
	color: #fff;
	font-size: 18px;
	font-family: "BIZUDPGothic-Bold";
	padding: 20px 0 20px 30px;
	border-radius: 50px;
	position: relative;
	transition: 0.3s;
}
.btn_r{background: #e4483c;}
.btn_g{background: #33a981;}
.btn_r::after,.btn_g::after{
	content: "";
	width: 9px;
	aspect-ratio: 9 / 14;
	background: url("../images/arrow_w.svg") center / contain no-repeat;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}
.btn_r:hover,.btn_g:hover{transform: scale(0.95);}
.page404 .btn_r{
	max-width: 300px;
	width: 90%;
	margin: 0 auto;
}

/*inner_title*/
#inner_title{
	padding: 30px 0 100px;
	background: url("../images/inner-title_bg.webp") center bottom 100px / contain no-repeat;
}
#inner_title > div{
	width: 94%;
	margin: 0 0 0 auto;
	display: flex;
	justify-content: space-between;
}
.inner_copy{
	width: 38%;
	max-width: 450px;
	margin-top: 2%;
}
.inner_copy > img{margin: 0 0 15px -2%;}
.inner_page-title,.inner_page-title span{font-family: "KiwiMaru-Medium";}
.inner_page-title{
	font-size: clamp(34px,2.5vw,45px);
	color: #333;
}
.inner_page-title span{
	font-size: clamp(22px,2.5vw,34px);
	display: inline-block;
	margin-bottom: 5px;
}
.inner_copy p:last-of-type{font-size: 20px;}
.inner_img{
	width: 58%;
	height: 440px;
	border-radius: 50px 0 0 50px;
	overflow: hidden;
}
.inner_img > img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: right;
}

/*page_link*/
.page_link_r ul,.page_link_g ul{
	padding-bottom: 40px;
	background: radial-gradient(circle, #e4483c 1px, transparent 2px) bottom / 8px 8px repeat-x;
}
.page_link_r ul{background: radial-gradient(circle, #e4483c 1px, transparent 2px) bottom / 8px 8px repeat-x;}
.page_link_g ul{background: radial-gradient(circle, #33a981 1px, transparent 2px) bottom / 8px 8px repeat-x;}
.page_link_r li,.page_link_g li{
	position: relative;
	padding-left: 25px;
}
.page_link_r li::before,.page_link_g li::before{
	content: "";
	width: 14px;
	aspect-ratio: 14 / 9;
	position: absolute;
	top: 0.3rem;
	left: 0;
}
.page_link_r li::before{background: url("../images/arrow_r.svg") center / contain no-repeat;}
.page_link_g li::before{background: url("../images/arrow_g.svg") center / contain no-repeat;}
.page_link_r a,.page_link_g a{
	font-family: "BIZUDPGothic-Bold";
	font-size: 18px;
	transition: 0.3s;
}
.page_link_r li:hover a{color: #e4483c;}
.page_link_g li:hover a{color: #33a981;}


/* お知らせ
---------------------------------------------------------------*/
#news{padding-top: 100px;}
.news-box{
	background: #fffcf0;
	border-radius: 60px;
	padding: 80px 75px;
	max-width: 1386px;
	width: 100%;
	margin: 0 auto;
}
.news-box_r{background: #fffcf0;}
.news-box_g{background: #f2fbfb;}
.news-box > div{
	width: 266px;
	margin-right: 80px;
}
.news-box > ul{
	max-width: 894px;
	width: calc(100% - 266px - 80px);
}
.news-box > ul li:not(:last-child){margin-bottom: 30px;}
.news-box > ul li a{
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 30px;
	border-bottom: solid 1px #e6e6e6;
	position: relative;
	transition: 0.3s;
}
.news-box > ul li a::after{
	content: "";
	width: 14px;
	aspect-ratio: 14 / 9;
	position: absolute;
	transform: rotate(-90deg);
	top: 0.6rem;
	right: 0;
}
.news-box_r > ul li a::after{background: url("../images/arrow_r.svg") center / contain no-repeat;}
.news-box_g > ul li a::after{background: url("../images/arrow_g.svg") center / contain no-repeat;}
.news-box > ul li a > *{
	font-family: "BIZUDPGothic-Bold";
	line-height: 1.8rem;
}
.news-box > ul li a p,.news-box > ul li a h3{transition: 0.3s;}
.news-box > ul li a p{width: 148px;}
.news-box_r > ul li a p{color: #e4483c;}
.news-box_g > ul li a p{color: #33a981;}
.news-box > ul li a h3{
	font-size: 18px;
	width: calc(100% - 148px - 40px);
}
.news-box .btn_r,.news-box .btn_g{
	max-width: 210px;
	width: 100%;
}
.news-box_r > ul li:hover a{border-bottom: solid 1px #e4483c;}
.news-box_g > ul li:hover a{border-bottom: solid 1px #33a981;}
.news-box > ul li:hover a p,.news-box > ul li:hover a h3{transform: translateX(15px);}

/* 特長
---------------------------------------------------------------*/
.features-box{
	padding: 150px 7%;
	position: relative;
}
.features-box::before{
	content: "";
	width: 168px;
	aspect-ratio: 21 / 11;
	background: url("../images/symbol.svg") top / contain no-repeat;
	position: absolute;
	top: 0;
	right: 5%;
	z-index: -1;
	transition: 0.5s;
}
.features-box.is-show::before{top: -45px;}
.features-li{
	max-width: 1140px;
	width: 100%;
	margin: 0 auto 50px;
}
.features-li li{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.features-li li:not(:last-child){margin-bottom: 80px;}
.features-li li div:first-child{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 250px;
	aspect-ratio: 1;
	background: #fff;
	border-radius: 50%;
	position: relative;
}
.features-li li div:first-child::before{
	content: "";
	width: 95px;
	aspect-ratio: 95 / 81;
	position: absolute;
	top: -5%;
	left: -8%;
}
.features-li li:first-child div:first-child::before{background: url("../images/01r.webp") center / contain no-repeat;}
.features-li li:nth-child(2) div:first-child::before{background: url("../images/02r.webp") center / contain no-repeat;}
.features-li li:last-child div:first-child::before{background: url("../images/03r.webp") center / contain no-repeat;}
.features-li li div:last-child{width: calc(100% - 250px - 65px);}
.features-li li div .subtitle_r{margin-bottom: 30px;}
.features-li li div p{line-height: 1.6;}
.features-box dl dd{
	display: flex;
	align-items: center;
}
.features-box dl dd::before{
	content: "";
	width: 25px;
	height: 10px;
	background: radial-gradient(circle, #ccc 1px, transparent 2px) center / 10px 10px repeat-x;
	margin: 0 16px;
}

/* 入居までの流れ
---------------------------------------------------------------*/
.flow_r{background: url("../images/bg_line.webp") center / contain no-repeat;}
.flow_g{background: url("../images/bg_line_g.webp") center 75% / contain no-repeat;}
.flow-li{
	max-width: 1000px;
	width: 96%;
	margin: 0 auto;
}
.flow-li li{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	padding: 55px 50px;
	border-radius: 20px;
	background: #fff;
}
.flow-li li:not(:last-child){
	margin-bottom: 50px;
	position: relative;
}
.flow-li li:not(:last-child)::after{
	content: "";
	width: 27px;
	aspect-ratio: 3 / 2;
	position: absolute;
	top: calc(100% + 15px);
	left: 50%;
	transform: translateX(-50%);
}
.flow-li li > img{
	width: 140px;
	margin-right: 35px;
}
.flow-li li > div{width: calc(100% - 140px - 35px);}
.flow-li li h3 span{
	font-size: 14px;
	margin-right: 15px;	
}
.flow-li li h3{
	font-size: 18px;
	font-family: "BIZUDPGothic-Bold";
	margin-bottom: 25px;
}
.flow-li li p{line-height: 1.6;}
.flow-li_r li{border: solid 3px #fcefe3;}
.flow-li_g li{border: solid 3px #e4f7e9;}
.flow-li_r li h3 span{color: #e4483c;}
.flow-li_g li h3 span{color: #33a981;}
.flow-li_r li:not(:last-child)::after{background: url("../images/arrow_r.svg") center / contain no-repeat;}
.flow-li_g li:not(:last-child)::after{background: url("../images/arrow_g.svg") center / contain no-repeat;}

/* ご利用料金
---------------------------------------------------------------*/
.price_box{
	max-width: 800px;
	width: 88%;
	background: #fff;
	border-radius: 20px;
	margin: 0 auto;
	padding: 55px 65px;
}
.price_box > div{
	padding-bottom: 30px;
	background: url("../images/price_title.webp") bottom no-repeat;
	margin-bottom: 35px;
	text-align: center;
	font-family: "BIZUDPGothic-Bold";
}
.price_box h3{
	font-size: 20px;
	margin-bottom: 15px;
}
.price_box h3 span{font-size: 18px;}
.price_box dl > div{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	background: radial-gradient(circle, #ccc 1px, transparent 2px) center .4rem / 8px 8px repeat-x;
}
.price_box dl div:not(:last-child){margin-bottom: 25px;}
.price_box dl div dd:nth-of-type(2){width: 100%;}
.price_box dl > div > *{
	font-size: 18px;
	background: #fff;
}
.price_box dt{padding-right: 14px;}
.price_box dd:nth-of-type(1){padding-left: 14px;}
.price_box dd:nth-of-type(2),
.price_box span{font-size: 16px;}
.addition dl div:not(:last-child){
	padding-bottom: 30px;
	border-bottom: solid 1px #e6e6e6;
	margin-bottom: 30px;
}
.addition dd:nth-of-type(2){
	margin-top: 20px;
	line-height: 1.8;
}

/* 施設概要・アクセス
---------------------------------------------------------------*/
.overview_r{background: #fcf8f2;}
.overview_g{background: #f2fbfb;}
.overview_L{width: 45%;}
.overview_L .map{
	width: 100%;
	height: 100%;
	border-radius: 20px;
	overflow: hidden;
}
.overview_L .map_h500{height: 500px;}
.overview_L .map iframe{
	width: 100%;
	height: 100%;
}
.overview_R{width: 49%;}
.overview_L dl > div,.overview_R dl > div{
	display: flex;
	flex-wrap: wrap;
}
.overview_L dl > div dt,.overview_R dl > div dt{
	font-size: 18px;
	font-family: "BIZUDPGothic-Bold";
}
.overview_L dl > div:first-child{
	padding-bottom: 25px;
	background: radial-gradient(circle, #e4483c 1px, transparent 2px) bottom left / 10px 3px repeat-x;
	margin-bottom: 30px;
}
.overview_L dl > div dt{width: 180px;}
.overview_L dl > div dd{
	width: calc(100% - 180px);
	line-height: 1.8;
}
.overview_R dl > div:not(:last-child){margin-bottom: 25px;}
.overview_R dl > div dt{width: 125px;}
.overview_R dl > div dd{
	width: calc(100% - 125px);
	font-size: 18px;
}
.overview_R dl > div:not(:last-child) dt,.overview_R dl > div:not(:last-child) dd{padding-bottom: 25px;}
.overview_R dl > div:not(:last-child) dd{border-bottom: solid 1px #e6e6e6;}
.overview_R .btn_r,.overview_R .btn_g{
	width: 285px;
	margin: 0 auto;
}
.overview_R_g dl > div dt{width: 210px;}
.overview_R_g dl > div dd{width: calc(100% - 210px);}
.overview_R_r dl > div:not(:last-child) dt{border-bottom: solid 1px #e4483cA6;}
.overview_R_g dl > div:not(:last-child) dt{border-bottom: solid 1px #33a981A6;}

/*contact*/
.contact{
	background: #fff;
	padding: 80px 100px;
	border-radius: 40px;
	position: relative;
}
.contact::after{
	content: "";
	height: calc(100% - 90px);
	width: 1px;
	background: #d8d8d8;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
}
.contact_mail,.contact_tell{width: 425px;}
.contact_mail > div,.contact_tell > div{
	margin-bottom: 30px;
	padding-left: 75px;
	position: relative;
}
.contact_mail > div::before,.contact_tell > div::before{
	content: "";
	width: 60px;
	aspect-ratio: 1;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
}
.contact_r .contact_mail > div::before{background: url("../images/mail-icon.svg") center / 50% no-repeat,#e4483c;}
.contact_r .contact_tell > div::before{background: url("../images/tell-icon.svg") center / 38% no-repeat,#e4483c;;}
.contact_g .contact_mail > div::before{background: url("../images/mail-icon.svg") center / 50% no-repeat,#33a981;}
.contact_g .contact_tell > div::before{background: url("../images/tell-icon.svg") center / 38% no-repeat,#33a981;}
.contact_mail > div h3,.contact_tell > div h3{
	font-size: 24px;
	font-family: "BIZUDPGothic-Bold";
	margin-bottom: 10px;
	letter-spacing: 0.15rem;
}
.contact_r .contact_mail > div p,.contact_r .contact_tell > div p{color: #e4483c;}
.contact_g .contact_mail > div p,.contact_g .contact_tell > div p{color: #33a981;}
.contact_mail .btn_r,.contact_mail .btn_g{
	background: #fff;
	padding: 25px 0 25px 30px;
}
.contact_mail .btn_r::after,.contact_mail .btn_g::after{
	width: 35px;
	height: auto;
	aspect-ratio: 1;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	right: 20px;
	transform: translateY(-50%);
}
.contact_mail .btn_r{
	border: solid 1px #e4483c;
	color: #e4483c;
}
.contact_mail .btn_g{
	border: solid 1px #33a981;
	color: #33a981;
}
.contact_mail .btn_r::after{background: url("../images/arrow_w.svg") center / 9px 14px no-repeat,#e4483c;}
.contact_mail .btn_g::after{background: url("../images/arrow_w.svg") center / 9px 14px no-repeat,#33a981;}
.contact_tell > p:first-of-type{
	text-align: center;
	margin-bottom: 25px;
}
.contact_tell > p:last-of-type{
	width: fit-content;
	margin: 0 auto;
	padding-bottom: 15px;
}
.contact_r .contact_tell > p:last-of-type{background: radial-gradient(circle, #e4483c 1px, transparent 2px) bottom / 10px 3px repeat-x;}
.contact_g .contact_tell > p:last-of-type{background: radial-gradient(circle, #33a981 1px, transparent 2px) bottom / 10px 3px repeat-x;}

/* 1025px以下から
------------------------------------------*/
@media only screen and (max-width:1025px){
	
	/* 下層コンテンツ
	---------------------------------------------------------------*/
	/* subtitle */
	.subtitle_r,.subtitle_g{
		font-size: 18px;
		padding-left: 25px;
	}
	.subtitle_r::before,.subtitle_g::before{width: 20px;}
	.subtitle02{padding-bottom: 20px;}
	.subtitle02_r{background: radial-gradient(circle, #e4483c 0.5px, transparent 1px) bottom / 6px 6px repeat-x;}
	.subtitle02_g{background: radial-gradient(circle, #33a981 0.5px, transparent 1px) bottom / 6px 6px repeat-x;}
	.subtitle02_r p,.subtitle02_g p{
		font-size: 12px;
		margin-right: 10px;
	}
	.subtitle02_r h3,.subtitle02_g h3{font-size: 18px;}
	
	/* btn */
	.btn_r,.btn_g{
		font-size: 16px;
		padding: 15px 0 15px 20px;
	}
	.btn_r::after,.btn_g::after{
		width: 7px;
		right: 15px;
	}
	.btn_r:hover,.btn_g:hover{padding-left: 30px;}

	/*inner_title*/
	#inner_title{padding: 20px 0 80px;}
	.inner_page-title{font-size: 28px;}
	.inner_page-title span{
		font-size: 20px;
		margin-bottom: 5px;
	}
	.inner_copy > img{
		width: 140px;
		margin-bottom: 5px;
	}
	.inner_copy p:last-of-type{font-size: 16px;}
	.inner_img{
		height: 340px;
		border-radius: 30px 0 0 30px;
	}
	
	/*page_link*/
	.page_link_r ul,.page_link_g ul{padding-bottom: 25px;}
	.page_link_r ul{background: radial-gradient(circle, #e4483c 0.5px, transparent 1px) bottom / 6px 6px repeat-x;}
	.page_link_g ul{background: radial-gradient(circle, #33a981 0.5px, transparent 1px) bottom / 6px 6px repeat-x;}
	.page_link_r li,.page_link_g li{padding-left: 18px;}
	.page_link_r a,.page_link_g a{font-size: 14px;}
	
	/* お知らせ
	---------------------------------------------------------------*/
	#news{padding-top: 65px;}
	.news-box{
		border-radius: 20px;
		padding: 60px 45px;
	}
	.news-box > div{
		width: 213px;
		margin-right: 50px;
	}
	.news-box > ul{width: calc(100% - 213px - 50px);}
	.news-box > ul li:not(:last-child){margin-bottom: 25px;}
	.news-box > ul li a{padding-bottom: 20px;}
	.news-box > ul li a::after{width: 12px;}
	.news-box > ul li a p{width: 130px;}
	.news-box > ul li a h3{
		font-size: 14px;
		width: calc(100% - 130px - 30px);
	}
	
	/* 特長
	---------------------------------------------------------------*/
	.features-box{padding: 90px 7% 80px;}
	.features-box::before{width: 100px;}
	.features-box.is-show::before{top: -28px;}
	.features-li{margin-bottom: 40px;}
	.features-li li:not(:last-child){margin-bottom: 60px;}
	.features-li li div:first-child{width: 180px;}
	.features-li li div:first-child img{transform: scale(0.7);}
	.features-li li div:first-child::before{width: 65px;}
	.features-li li div:last-child{width: calc(100% - 200px - 40px);}
	.features-li li div .subtitle_r{margin-bottom: 20px;}
	.features-box dl dd::before{
		width: 20px;
		height: 5px;
		background: radial-gradient(circle, #ccc 1px, transparent 2px) center / 8px 8px repeat-x;
		margin: 0 8px;
	}
	
	/* 入居までの流れ
	---------------------------------------------------------------*/
	.flow-li li{
		padding: 40px 30px;
		border-radius: 15px;
	}
	.flow-li_r li{border: solid 2px #fcefe3;}
	.flow-li_g li{border: solid 2px #e4f7e9;}
	.flow-li li:not(:last-child){margin-bottom: 35px;}
	.flow-li li:not(:last-child)::after{
		width: 20px;
		top: calc(100% + 12px);
	}
	.flow-li li > img{
		width: 115px;
		margin-right: 30px;
	}
	.flow-li li > div{width: calc(100% - 115px - 30px);}
	.flow-li li h3 span{
		font-size: 12px;
		margin-right: 10px;	
	}
	.flow-li li h3{
		font-size: 16px;
		margin-bottom: 15px;
	}
	
	/* ご利用料金
	---------------------------------------------------------------*/
	.price_box{
		border-radius: 10px;
		padding: 45px 55px;
	}
	.price_box h3{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.price_box h3 span{font-size: 16px;}
	.price_box > div{
		padding-bottom: 25px;
		margin-bottom: 30px;
	}
	.price_box dl > div{background: radial-gradient(circle, #ccc 1px, transparent 1.6px) center .4rem / 10px 8px repeat-x;}
	.price_box dl div:not(:last-child){margin-bottom: 20px;}
	.price_box dt{padding-right: 8px;}
	.price_box dd:nth-of-type(1){padding-left: 8px;}
	.price_box dl div dd:nth-of-type(2){width: 100%;}
	.price_box dl > div > *{font-size: 16px;}
	.price_box dd:nth-of-type(2),
	.price_box span{font-size: 14px !important;}
	.addition dl div:not(:last-child){
		padding-bottom: 20px;
		margin-bottom: 25px;
	}
	.addition dd:nth-of-type(2){margin-top: 12px;}
	
	/* 施設概要・アクセス
	---------------------------------------------------------------*/
	.overview_L .map{border-radius: 10px;}
	.overview_L .map_h500{height: 300px;}
	.overview_L dl > div:first-child{
		padding-bottom: 20px;
		background: radial-gradient(circle, #e4483c 0.5px, transparent 1px) bottom / 6px 6px repeat-x;
		margin-bottom: 20px;
	}
	.overview_L dl > div dt{width: 120px;}
	.overview_L dl > div dt,.overview_R dl > div dt,.overview_R dl > div dd{font-size: 14px;}
	.overview_L dl > div dd{width: calc(100% - 120px);}
	.overview_R dl > div:not(:last-child){margin-bottom: 18px;}
	.overview_R dl > div dt{width: 90px;}
	.overview_R dl > div dd{width: calc(100% - 90px);}
	.overview_R dl > div:not(:last-child) dt,.overview_R dl > div:not(:last-child) dd{padding-bottom: 18px;}
	.overview_R .btn_r{width: 230px;}
	.overview_R_g dl > div dt{width: 120px;}
	.overview_R_g dl > div dd{width: calc(100% - 120px);}
	
	/*contact*/
	.contact{
		padding: 60px 45px;
		border-radius: 30px;
	}
	.contact::after{height: calc(100% - 80px);}
	.contact_mail,.contact_tell{width: 44%;}
	.contact_mail > div,.contact_tell > div{
		margin-bottom: 25px;
		padding-left: 60px;
	}
	.contact_mail > div::before,.contact_tell > div::before{width: 48px;}
	.contact_mail > div h3,.contact_tell > div h3{
		font-size: 20px;
		margin-bottom: 5px;
	}
	.contact_mail .btn_r,.contact_mail .btn_g{padding: 20px 0 20px 20px;}
	.contact_mail .btn_r::after,.contact_mail .btn_g::after{
		width: 25px;
		background-size: 7px 11px,cover;
		right: 15px;
	}
	.contact_mail .btn_r:hover,.contact_mail .btn_g:hover{padding-left: 30px;}
	.contact_tell > p:first-of-type{margin-bottom: 20px;}
	.contact_tell > p:first-of-type img{width: 260px;}
	.contact_tell > p:last-of-type{background: radial-gradient(circle, #e4483c 0.5px, transparent 1px) bottom / 6px 6px repeat-x;}
}

/* 750px以下から
------------------------------------------*/
@media only screen and (max-width:750px){
	
	/* 下層コンテンツ
	---------------------------------------------------------------*/
	/*inner_title*/
	.inner_copy{width: 49%;}
	.inner_page-title{margin-bottom: 15px!important;}
	.inner_img{width: 50%;}
	.inner_copy p:last-of-type{font-size: 14px;}
	
	/*page_link*/
	.page_link_r ul,.page_link_g ul{
		padding: 0;
		background: transparent;
	}
	.page_link_r li,.page_link_g li{
		width: 48%;
		padding-bottom: 20px;
	}
	.page_link_r li{background: radial-gradient(circle, #e4483c 0.5px, transparent 1px) bottom / 6px 6px repeat-x;}
	.page_link_g li{background: radial-gradient(circle, #33a981 0.5px, transparent 1px) bottom / 6px 6px repeat-x;}
	.page_link_r li:nth-last-child(n+3),.page_link_g li:nth-last-child(n+3){margin-bottom: 16px;}

	/* お知らせ
	---------------------------------------------------------------*/
	.news-box > div,.news-box > ul{width: 100%;}
	.news-box > div{margin: 0 0 40px;}
	
	/* 特長
	---------------------------------------------------------------*/
	.features-li li{justify-content: center;}
	.features-li li:not(:last-child){margin-bottom: 80px;}
	.features-li li div:first-child{margin-bottom: 30px;}
	.features-li li div:last-child{width: 100%;}
	.features-box dl > *{line-height: 1.6;}
	.features-box dl dd{align-items: flex-start;}
	.features-box dl dd::before{margin-top: 0.6rem;}
	
	/* 施設概要・アクセス
	---------------------------------------------------------------*/
	.overview_L .map{height: 300px;}
	.overview_L,.overview_R{
		max-width: 555px;
		width: 100%;
		margin: 0 auto;
	}
	.overview_R{
		margin-bottom: 60px;
		order: -1;
	}
	.contact::after{
		width: calc(100% - 90px);
		height: 1px;
		top: 48%;
	}
	.contact_mail, .contact_tell{width: 100%;}
	.contact_mail{margin-bottom: 80px;}
	.contact_mail .btn_r,.contact_mail .btn_g{
		max-width: 320px;
		margin: 0 auto;
	}
}

/* 500px以下から
------------------------------------------*/
@media only screen and (max-width:500px){
	body{min-width: inherit!important;width: 100%;}

	/* 下層コンテンツ
	---------------------------------------------------------------*/
	/*inner_title*/
	#inner_title{
		padding: 30px 0 50px;
		background-size: 1260px 271px;
		background-position: top 10% left -120px;
	}
	#inner_title > div{
		flex-wrap: wrap;
		width: 95%;
	}
	.inner_copy{
		width: 95%;
		margin: 0;
	}
	.inner_copy p:last-of-type{margin-bottom: 30px;}
	.inner_copy > img{width: 110px;}
	.inner_img{width: 100%;}
	
	/*page_link*/
	.page_link_r li,.page_link_g li{width: 100%;}
	.page_link_r li:not(:last-child),.page_link_g li:not(:last-child){margin-bottom: 16px;}
	
	/* btn */
	.btn_r,.btn_g{font-size: 14px;}

	/* お知らせ
	---------------------------------------------------------------*/
	.news-box{padding: 45px 28px 50px 28px;}
	.news-box > ul li a::after{top: 3rem;}
	.news-box > ul li a p{
		width: 100%;
		margin-bottom: 10px;
	}
	.news-box > ul li a h3{width: calc(100% - 30px);}
	
	/* 特長
	---------------------------------------------------------------*/
	.features-box{
		padding: 90px 5% 80px;
		border-radius: 20px;
	}
	
	/*  ご利用料金
	---------------------------------------------------------------*/
	.price_box {
		width: 100%;
		padding: 45px 25px;
	}
	.price_box h3 {font-size: 16px;}
	.price_box dl > div > * {font-size: 14px;}
	.price_box dt {max-width: 40%;}
	.price_box dd:nth-of-type(1){max-width: 57%;}
	.price_box dd:nth-of-type(2),.price_box span {font-size: 12px;}

	/*  流れ
	---------------------------------------------------------------*/
	.flow-li li{padding: 30px 20px 40px 20px;}
	.flow-li li > img{
		width: 95px;
		margin: 0 auto 20px;
	}
	.flow-li li > div{width: 100%;}
	.flow-li li h3{text-align: center;}
	.flow-li li h3 span{
		display: block;
		margin: 0 0 10px;
	}
	
	/* 施設概要・アクセス
	---------------------------------------------------------------*/
	.overview_L dl > div dt,.overview_L dl > div dd{width: 100%;}
	.overview_L dl > div dt{margin-bottom: 10px;}
	.contact{
		padding: 50px 25px;
		border-radius: 20px;
	}
	.contact_mail > div, .contact_tell > div{padding-left: 50px;}
	.contact_mail > div h3, .contact_tell > div h3{font-size: 18px;}
	.contact_mail > div::before, .contact_tell > div::before{width: 40px;}
	.contact_tell > p:last-of-type{
		text-align: center;
		width: 100%;
	}
}