@charset "utf-8";
/*
///////////////////////////////////////////////////////////////////////////////////
//
//  レイアウトCSS設定
//
///////////////////////////////////////////////////////////////////////////////////
/*
/* [01.TOP & LAYOUT]
/* [02.PAGE-facility]
/* [03.PAGE-philosophy]
/* [04.PAGE-column]
/*
///////////////////////////////////////////////////////////////////////////////////
/*
/* [01.TOP & LAYOUT]
--------------------------------------------------------------------------*/
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}
#k-visual {
	position: relative;
	background: #F7FCFC;
}
#k-visual:before {
	content: "";
	background: url(../images/layouts/k-visual-left-bg-sp.webp) no-repeat;
	position: absolute;
	display: inline-block;
	width: 90px;
	height: 241px;
	top: 50px;
	left: 0;
	vertical-align: middle;
}
#k-visual:after {
	content: "";
	background: url(../images/layouts/k-visual-right-bg-sp.webp) no-repeat;
	position: absolute;
	display: inline-block;
	width: 185px;
	height: 271px;
	bottom: 20px;
	right: 0;
	vertical-align: middle;
}
#k-visual .wrap {
	width: 100%;
	max-width: 1280px;
	padding: 110px 20px 60px;
	position: relative;
	z-index: 1;
	margin: 0 auto;
}
#k-visual h1 {
	font-weight: bold;
	font-size: 26px;
	line-height: 140%;
	font-weight: 700;
	color: #009A7D;
	text-align: center;
	margin-bottom: 20px;
}
#k-visual .ttl-wrap {
	margin-bottom: 40px;
}
#k-visual h1 .box-txt {
	display: inline-block;
	background: #009A7D;
	color: #fff;
	font-size: 20px;
	padding: 8px 15px;
	margin-right: 5px;
	line-height: 120%;
	border-radius: 20px;
	margin-bottom: 5px;
}
#k-visual h1 .sml {
	font-size: 20px;
}
.point-li {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	max-width: 310px;
	height: auto;
	margin: 0 auto;
}
.point-li li {
	width: 32%;
	max-width: 100px;
	height: auto;
	margin-right: 2%;
}
.point-li li img {
	width: 100%;
	height: auto;
}
.point-li li:nth-child(3n) {
	margin-right: 0;
}
.main-facility {
	text-align: center;
	margin-bottom: 30px;
	position: relative;
}
.main-facility .open {
	display: inline-block;
	padding: 15px 25px;
	background: #FFEF77;
	line-height: 140%;
	font-weight: bold;
	font-size: 16px;
	border-radius: 30px;
	margin-bottom: 20px;
}
.main-facility .open .mm {
	font-size: 24px;
}
.main-facility .address {
	font-weight: 700;
	font-size: 18px;
	line-height: 140%;
	max-width: 840px;
	margin: 0 auto 10px;
}
.main-facility .name {
	font-weight: 700;
	font-size: 44px;
	color: #009A7D;
}
.main-facility .name .brand {
	display: block;
	line-height: 100%;
	margin-bottom: 3px;
}
.kv-cv-btn-wrap {
	text-align: center;
	margin-bottom: 30px;
}
.kv-cv-btn-wrap .ttl {
	position: relative;
	font-size: 26px;
	font-weight: 700;
	padding-bottom: 50px;
}
.kv-cv-btn-wrap .ttl:after {
	content: "";
	background: url(../images/layouts/icon-arrow-under.svg) no-repeat;
	position: absolute;
	display: inline-block;
	width: 23px;
	height: 24px;
	bottom: 10px;
	right: 0;
	left: 0;
	margin: 0 auto;
	vertical-align: middle;
}
.kv-cv-btn-wrap .btn {
	margin: 0 auto;
}
.kv-img-c2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width: 100%;
	max-width: 310px;
	margin: 0 auto;
}
.kv-img-c2 .left {
	width: 40%;
}
.kv-img-c2 .right {
	width: 60%;
}
.kv-img-c2 img {
	width: 100%;
	height: auto;
}
@media (min-width:768px) {
	.point-li {
		max-width: 540px;
	}
	.point-li li {
		max-width: 130px;
	}
	.main-facility .address {
		font-size: 22px;
	}
	.main-facility .name {
		font-size: 62px;
	}
	.main-facility .name .brand {
		display: inline-block;
		margin-right: 10px;
		margin-bottom: 0;
	}
	.kv-cv-btn-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		max-width: 610px;
		margin: 0 auto;
		background: #fff;
		padding: 10px 10px 10px 50px;
		text-align: left;
		border-radius: 44px;
		box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	}
	.kv-cv-btn-wrap .ttl {
		width: 37%;
		padding-right: 40px;
		padding-bottom: 0;
	}
	.kv-cv-btn-wrap .ttl:after {
		content: "";
		background: url(../images/layouts/icon-arrow.svg) no-repeat;
		position: absolute;
		display: inline-block;
		width: 33px;
		height: 32px;
		top: -5px;
		left: auto;
		right: 0;
		margin: 0;
		vertical-align: middle;
	}
	.kv-cv-btn-wrap .btn {
		width: 60%;
		margin: 0;
	}
	.kv-img-c2 {
		display: inherit;
		max-width: 100%;
	}
	.kv-img-c2 .left {
		width: 180px;
		position: absolute;
		left: 20px;
		top: 230px;
		z-index: -1;
	}
	.kv-img-c2 .right {
		width: 140px;
		position: absolute;
		right: 20px;
		top: 180px;
		z-index: -1;
	}
}
@media (min-width:1180px) {
	#k-visual .wrap {
		padding: 100px 40px 60px
	}
	#k-visual h1 {
		font-size: 30px;
	}
	#k-visual h1 .box-txt {
		font-size: 22px;
		border-radius: 22px;
	}
	#k-visual h1 .sml {
		font-size: 30px;
	}
	.main-facility .address {
		font-size: 32px;
	}
	.main-facility .name {
		font-size: 92px;
	}
	.kv-img-c2 .left {
		width: 200px;
		position: absolute;
		left: 50px;
		top: 230px;
		z-index: -1;
	}
	.kv-img-c2 .right {
		width: 308px;
		position: absolute;
		right: 0;
		top: 50px;
		z-index: -1;
	}
	#k-visual:before {
		background: url(../images/layouts/k-visual-left-bg.webp) no-repeat;
		width: 200px;
		height: 462px;
		top: 50px;
		left: 0;
	}
	#k-visual:after {
		background: url(../images/layouts/k-visual-right-bg.webp) no-repeat;
		width: 290px;
		height: 455px;
		bottom: 0;
		right: 0;
	}
	.main-facility .open {
		position: absolute;
		right: 140px;
		top: -180px;
		width: 170px;
		height: 170px;
		border-radius: 90px;
		padding: 45px 10px;
	}
	.main-facility .open .yy {
		display: block;
		margin-bottom: 8px;
		font-size: 18px;
	}
	.main-facility .open .mm {
		display: block;
		font-size: 30px;
		margin-bottom: 8px;
	}
}
#worries {
	background: #F7FCFC;
}
#worries .pkg {
	padding: 20px 20px 0;
	position: relative;
}
#worries .pkg:before {
	content: "";
	background: url(../images/layouts/green-bg.webp) no-repeat;
	background-size: cover;
	position: absolute;
	display: inline-block;
	width: 80px;
	height: 79px;
	top: 10px;
	left: 20px;
	vertical-align: middle;
}
.worries-conts .ttl {
	text-align: center;
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 40px;
	color: #009A7D;
}
.worries-li {
	width: 100%;
	max-width: 520px;
	margin: 0 auto 40px;
}
.worries-li li {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.worries-li .img-box {
	width: 26%;
	max-width: 130px;
}
.worries-li .img-box img {
	width: 100%;
	height: auto;
}
.worries-li .txt {
	width: 70%;
	font-size: 18px;
	line-height: 140%;
	font-weight: bold;
}
.worries-li .txt span {
	color: #F18E1D;
}
.down-icon {
	width: 30px;
	height: auto;
	margin: 0 auto;
}
.down-icon img {
	width: 100%;
	height: auto;
}
@media (min-width:768px) {
	#worries .pkg {
		padding: 20px 40px 30px;
	}
	.worries-li {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		max-width: 980px;
	}
	.worries-li li {
		width: 30%;
		margin-right: 5%;
		margin-bottom: 0;
		display: inline;
		align-items: flex-start;
	}
	.worries-li li:nth-child(3n),
	.worries-li li:last-child {
		margin-right: 0;
	}
	.worries-li li .img-box {
		width: 80%;
		max-width: 240px;
		margin: 0 auto 20px;
	}
	.worries-li li .txt {
		width: 100%;
		max-width: 300px;
		margin: 0 auto;
	}
}
@media (min-width:1180px) { 
	.worries-li li {
		width: 32%;
		margin-right: 2%;
	}
}
#about-01 {
	background: #F7FCFC;
}
#about-01 .pkg {
	position: relative;
}
#about-01 .pkg:before {
	content: "";
	background: url(../images/layouts/blue-pink-bg.webp) no-repeat;
	background-size: cover;
	position: absolute;
	display: inline-block;
	width: 175px;
	height: 196px;
	top: 260px;
	right: 20px;
	vertical-align: middle;
}
.cloud-bg {
	position: relative;
	padding: 45px 0 50px;
	text-align: center;
}
.cloud-bg:before {
	content: "";
	background: url(../images/layouts/cloud-bg.webp) no-repeat;
	background-size: cover;
	position: absolute;
	display: inline-block;
	width: 350px;
	height: 163px;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	vertical-align: middle;
}
.cloud-bg .ttl {
	position: relative;
	z-index: 1;
	font-size: 25px;
	font-weight: 700;
	color: #009A7D;
}
.cloud-bg .ttl span {
	color: #F18E1D;
}
.rehop-logo {
	width: 100%;
	max-width: 255px;
	height: auto;
	margin: 0 auto 45px;
}
.rehop-logo img {
	width: 100%;
	height: auto;
}
.rehope-about-3c {
	position: relative;
	z-index: 1;
}
.rehope-about-3c .ttl {
	font-size: 26px;
	font-weight: bold;
	line-height: 140%;
	text-align: center;
	margin-bottom: 40px;
}
.rehope-about-3c .ttl span {
	color: #009A7D;
}
.rehope-about-3c .dsp {
	margin-bottom: 40px;
}
.about-3c-li {
	width: 100%;
}
.about-3c-li li {
	width: 100%;
	padding: 30px;
	background: #fff;
	border: 3px solid #009A7D;
	border-radius: 20px;
	margin-bottom: 10px;
}
.about-3c-li li .catch {
	font-size: 24px;
	line-height: 140%;
	color: #009A7D;
	margin-bottom: 20px;
	text-align: center;
}
@media (min-width:768px) {
	.cloud-bg .ttl {
		font-size: 60px;
	}
	.cloud-bg:before {
		width: 690px;
		height: 244px;
	}
	.rehope-about-3c .dsp {
		text-align: center;
		line-height: 180%;
	}
	.about-3c-li {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
	}
	.about-3c-li li {
		width: 48%;
		margin-right: 4%;
		margin-bottom: 4%;
	}
	.about-3c-li li:nth-child(2n),
	.about-3c-li li:last-child {
		margin-right: 0;
	}
}
@media (min-width:1180px) {
	.about-3c-li {
		justify-content: space-between;
	}
	.about-3c-li li {
		width: 32%;
		margin-right: 0;
		margin-bottom: 0;
	}
}
#about-02 {
	background: #F7FCFC;
}
#about-02 .pkg {
	padding: 0 20px 40px;
	position: relative;
}
#about-02 .pkg:before {
	content: "";
	background: url(../images/layouts/green-pink-bg.webp) no-repeat;
	background-size: cover;
	position: absolute;
	display: inline-block;
	width: 172px;
	height: 217px;
	top: 140px;
	left: 20px;
	vertical-align: middle;
}
.value-4c .ttl {
	font-size: 22px;
	font-weight: 700;
	text-align: center;
	margin-bottom: 40px;
}
.value-4c .ttl span {
	color: #009A7D;
	line-height: 100%;
}
.value-4c .ttl span.num {
	font-size: 46px;
}
.value-4c .ttl strong {
	background:linear-gradient(transparent 70%, #FFEB00 0%);
}
.value-4c .dsp {
	margin-bottom: 50px;
}
.value-li {
	width: 100%;
}
.value-li li {
	padding: 30px 20px 20px;
	background: #fff;
	border-radius: 18px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
	position: relative;
	margin-bottom: 40px;
}
.value-li li:last-child {
	margin-bottom: 0;
}
.value-li li .icon {
	display: block;
	position: absolute;
	width: 60px;
	height: auto;
	top: -30px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.value-li li img {
	width: 100%;
	height: auto;
}
.value-li li .catch {
	font-size: 22px;
	line-height: 140%;
	margin-bottom: 20px;
	color: #00997C;
	font-weight: 700;
	text-align: center;
}
.value-li li .flx-wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	height: auto;
}
.value-li li .flx-wrap .img-box {
	width: 39%;
}
.value-li li .flx-wrap .img-box img {
	border-radius: 10px;
}
.value-li li .flx-wrap .txt-box {
	width: 57%;
	font-size: 14px;
	line-height: 140%;
}
@media (min-width:768px) {
	#about-02 .pkg {
		padding: 20px 40px 80px;
	}
	.value-4c .dsp {
		text-align: center;
	}
	.value-li {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.value-li li {
		width: 48%;
		height: auto;
	}
	.value-li li:nth-of-type(n+3) {
		margin-bottom: 0;
	}
}
@media (min-width:1180px) {
	#about-02 .pkg:before {
		top: 60px;
	}
	.value-li li .icon {
		width: 70px;
	}
	.value-4c .ttl {
		font-size: 36px;
	}
	.value-4c .ttl span.num {
		font-size: 56px;
	}
	.value-li li {
		padding: 40px;
	}
	.value-li li .catch {
		font-size: 28px;
	}
	.value-li li .flx-wrap .img-box {
		width: 33%;
	}
	.value-li li .flx-wrap .txt-box {
		width: 63%;
		font-size: 16px;
		line-height: 160%;
	}
}
#about-03 {
	position: relative;
}
.under-circle-bg {
	width: 100%;
	height: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: -1;
}
.under-circle-bg img {
	width: 100%;
	height: auto;
}
#about-03 .pkg {
	position: relative;
	padding: 0 20px 60px;
}
#about-03 .pkg:before {
	content: "";
	background: url(../images/layouts/blue-pink-bg.webp) no-repeat;
	background-size: cover;
	position: absolute;
	display: inline-block;
	width: 175px;
	height: 196px;
	bottom: 0;
	right: 20px;
	vertical-align: middle;
	z-index: -1;
}
.achievements .ttl {
	font-size: 24px;
	line-height: 140%;
	text-align: center;
	margin-bottom: 40px;
}
.achievements .ttl span {
	color: #F18E1D;
}
.archive-li {
	width: 100%;
}
.archive-li li {
	width: 100%;
	padding: 20px;
	background: #fff;
	border: 1px solid #009A7D;
	border-radius: 18px;
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.archive-li li .item {
	width: 50%;
	padding-right: 10px;
	font-size: 18px;
}
.archive-li li .txt-box {
	width: 50%;
}
.archive-li li .txt-box .txt {
	font-weight: bold;
	color: #009A7D;
	margin-bottom: 5px;
}
.archive-li li .txt-box .txt span.num {
	font-size: 30px;
}
.archive-li li .txt-box .caution {
	font-size: 12px;
	display: block;
	line-height: 120%;
}
@media (min-width:768px) {
	#about-03 .pkg {
		padding: 0 40px 100px;
	}
	#about-03 .pkg:before {
		width: 260px;
		height: 291px;
	}
	.achievements .ttl {
		font-size: 28px;
	}
	.achievements .ttl span {
		font-size: 42px;
	}
	.archive-li {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.archive-li li {
		width: 32%;
		display: block;
		text-align: center;
		padding: 50px 20px;
	}
	.archive-li li .item {
		font-size: 22px;
		width: 100%;
		padding-right: 0;
		margin-bottom: 10px;
	}
	.archive-li li .txt-box {
		width: 100%;
	}
	.archive-li li .txt-box .txt {
		font-size: 20px;
		line-height: 100%;
		margin-bottom: 20px;
	}
	.archive-li li .txt-box .txt span.num {
		font-size: 54px;
		line-height: 100%;
	}
}
@media (min-width:1180px) {
	.archive-li li .item {
		font-size: 30px;
	}
	.archive-li li .txt-box .txt span.num {
		font-size: 80px;
	}
}
#about-04 .pkg {
	padding: 0 20px 60px;
}
.facility-date .ttl {
	color: #009A7D;
	font-size: 38px;
	line-height: 140%;
	font-weight: 700;
	margin-bottom:40px;
	text-align: center;
}
.date-wrap {
	background: #fff;
	border: 1px solid #009A7D;
	border-radius: 18px;
	position: relative;
}
.date-wrap.subject {
	margin-bottom: 20px;
}
.date-wrap .catch {
	width: 100%;
	padding: 15px 10px;
	background: #009A7D;
	border: 1px solid #009A7D;
	color: #fff;
	font-size: 20px;
	line-height: 140%;
	border-radius: 15px 15px 0 0;
	text-align: center;
}
.subject-li {
	padding: 30px 30px 30px 42px;
}
.subject-li li {
	list-style: disc;
	font-weight: bold;
	line-height: 140%;
	margin-bottom: 10px;
}
.subject-li li::marker {
	color: #009A7D;
}
.subject-li li span {
	font-size: 11px;
	line-height: 140%;
	display: block;
	margin-top: 5px;
}
.subject-li li:last-child {
	margin-bottom: 0;
}
@media (min-width:768px) {
	#about-04 .pkg {
		padding: 0 40px 60px;
	}
	.date-wrap.subject {
		margin-bottom: 40px;
	}
	.date-wrap {
		max-width: 860px;
		margin: 0 auto;
	}
	.date-wrap .catch {
		font-size: 26px;
		padding: 15px 20px;
	}
	.subject-li {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		padding: 40px 40px 40px 52px;
	}
	.subject-li li {
		width: 48%;
	}
}
#about-05 {
	background: #F7FCFC;
	position: relative;
}
#about-05 .under-circle-bg {
	z-index: 0;
}
#about-05 .pkg {
	position: relative;
}
#about-05 .pkg:before {
	content: "";
	background: url(../images/layouts/green-pink-bg.webp) no-repeat;
	background-size: cover;
	position: absolute;
	display: inline-block;
	width: 172px;
	height: 217px;
	top: 0;
	left: 20px;
	vertical-align: middle;
}
.equipment {
	position: relative;
	z-index: 1;
}
.equipment .ttl {
	font-size: 38px;
	color: #009A7D;
	line-height: 140%;
	margin-bottom: 60px;
	text-align: center;
}
.equipment-wrap {
	padding: 30px;
	border-radius: 18px;
	background: #fff;
}
.equipment-wrap .sub-ttl {
	font-size: 28px;
	color: #009A7D;
	margin-bottom: 20px;
	text-align: center;
}
.equipment-wrap .catch {
	font-size: 20px;
	line-height: 140%;
	text-align: center;
	margin-bottom: 20px;
}
.equipment-wrap .dsp {
	margin-bottom: 30px;
}
.equipment-wrap .dsp .caution {
	font-size: 14px;
	display: block;
	line-height: 140%;
	margin-top: 10px;
}
.equipment-wrap .img-li {
	width: 100%;
}
.equipment-wrap .img-li li {
	width: 100%;
	margin-bottom: 10px;
}
.equipment-wrap .img-li li img {
	width: 100%;
	height: auto;
	border-radius: 18px;
}
.equipment-wrap .img-li li:last-child {
	margin-bottom: 0;
}
.equipment-wrap .img-li li .hosoku {
	display: block;
	font-size: 14px;
	text-align: center;
	line-height: 100%;
	margin-top: 10px;
}
.living-room,
.bathroom,
.dining-room {
	margin-bottom: 20px;
}
@media (min-width:768px) {
	.equipment-wrap .img-li {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.equipment-wrap .img-li li {
		width: 31%;
		margin-bottom: 0;
	}
}
@media (min-width:1180px) {
	.equipment-wrap {
		padding: 60px;
	}
	.equipment-wrap .img-li li {
		width: 31.5%;
	}
	.equipment-wrap .catch {
		font-size: 22px;
	}
	.equipment-wrap .dsp {
		text-align: center;
	}
}
#facility-introduction {
	background: #F7FCFC;
}
.facility-info {
	padding: 50px 20px 20px;
	position: relative;
	background: #fff;
	border-radius: 18px;
}
.facility-info .ttl-wrap {
	margin-bottom: 30px;
}
.facility-info .ttl-wrap .pickup {
	position: absolute;
	display: block;
	width: 220px;
	border-radius: 22px;
	text-align: center;
	margin: 0 auto;
	background: #009A7D;
	color: #fff;
	font-weight: 700;
	line-height: 100%;
	padding: 15px 10px;
	top: -22px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.facility-info .ttl-wrap .ttl {
	font-size: 24px;
	line-height: 140%;
	color: #009A7D;
	margin-bottom: 10px;
	text-align: center;
}
.facility-info .ttl-wrap .directions {
	font-size: 14px;
	line-height: 140%;
	font-weight: bold;
	text-align: center;
}
.facility-flx-wrap {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}
.facility-slide-wrap {
	margin-bottom: 25px;
}
.facility-flx-wrap .case-slide-wrap {
	width: 100%;
	max-width: 520px;
	margin: 0 auto 25px;
}
.facility-flx-wrap .txt-box {
	width: 100%;
}
.facility-flx-wrap .txt-box .dsp {
	margin-bottom: 40px;
}
.facility-img-slide li {
	width: 100%;
	height: auto;
	background: #E6DFD2;
	text-align: center;
	border-radius: 20px;
	overflow: hidden;
}
.facility-img-slide li img {
	width: 100%;
	height: auto;
}
.swiper.facility-slide-conts {
	padding-bottom: 53px;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
	width: 15px;
	height: 15px;
	background: #009A7D;
	margin: 0 5px !important;
}
.case-slide-wrap .swiper-horizontal>.swiper-pagination-bullets,
.case-slide-wrap .swiper-pagination-bullets.swiper-pagination-horizontal,
.case-slide-wrap .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 0;
}
.facility-slide-wrap .swiper-pagination {
	width: auto;
}
.item-txt-li {
	width: 100%;
}
.item-txt-li li {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #ccc;
}
.item-txt-li li:last-child {
	margin-bottom: 0;
}
.item-txt-li li .item {
	font-weight: bold;
	line-height: 140%;
	margin-bottom: 8px;
}
.item-txt-li li .txt {
	line-height: 140%;
}
.item-txt-li li .txt a {
	text-decoration: underline;
}
.map .sub-ttl {
	font-size: 22px;
	font-weight: 700;
	color: #009A7D;
	margin-bottom: 15px;
}
.map .access-txt {
	margin-bottom: 20px;
	line-height: 140%;
	font-size: 14px;
}
.map .access-txt .address {
	margin-bottom: 10px;
}
.map .map-wrap {
	width: 100%;
}
.map .map-wrap iframe {
	width: 100%;
	height: 310px;
}
.facility-flx-wrap .facility-slide-wrap .caution {
	text-align: center;
	display: block;
	font-size: 13px;
	line-height: 140%;
}
@media (min-width:768px) {
	.facility-info {
		padding: 60px;
	}
	.swiper.facility-slide-conts {
		max-width: 520px;
		margin: 0 auto;
	}
}
@media (min-width:1180px) {
	.facility-info .ttl-wrap .pickup {
		position: static;
		margin-bottom: 20px;
	}
	.facility-info .ttl-wrap .ttl {
		font-size: 40px;
	}
	.facility-flx-wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		width: 100%;
		height: auto;
		margin-bottom: 40px;
	}
	.facility-flx-wrap .facility-slide-wrap {
		width: 48%;
		margin-bottom: 0;
	}
	.facility-flx-wrap .txt-box {
		width: 48%;
	}
	.item-txt-li li {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.item-txt-li li .item {
		width: 27%;
		margin-bottom: 0;
	}
	.item-txt-li li .txt {
		width: 70%;
	}
	.map {
		padding: 40px;
		border: 1px solid #EEE;
		border-radius: 18px;	
	}
	.map .access-txt {
		font-size: 15px;
	}
	.map .access-txt .address {
		margin-bottom: 5px;
	}
}
.cv-conts {
	background: #F7FCFC;
}
.cv-conts .pkg {
	padding: 0 20px 60px;
}
.cv-wrap {
	width: 100%;
	height: auto;
}
.cv-wrap .img-box,
.cv-wrap .txt-box {
	width: 100%;
}
.cv-wrap img {
	width: 100%;
	height: auto;
}
.cv-wrap .img-box img {
	border-radius: 30px 30px 0 0;
}
.cv-facility-box {
	width: 100%;
	background: #fff;
	padding: 30px;
}
.cv-facility-box .txt {
	margin-bottom: 20px;
}
.cv-facility-box .img img {
	border-radius: 18px;
}
.cv-facility-box .catch {
	display: block;
	width: 200px;
	padding: 10px;
	background: #FFEF77;
	line-height: 100%;
	margin: 0 auto 20px;
	text-align: center;
	font-weight: 700;
	border-radius: 18px;
}
.cv-facility-box .address {
	text-align: center;
	font-size: 16px;
	line-height: 140%;
	font-weight: bold;
	margin-bottom: 5px;
}
.cv-facility-box .name {
	color: #009A7D;
	font-size: 26px;
	line-height: 140%;
	text-align: center;
	margin-bottom: 15px;	
}
.cv-facility-box .directions {
	font-size: 12px;
	line-height: 140%;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}
.cv-tel-green .wrap {
	background: #009A7D;
	padding: 30px;
	border-radius: 0 0 30px 30px;
	margin-bottom: 20px;
}
.cv-tel-green .catch {
	color: #fff;
	font-size: 22px;
	line-height: 140%;
	font-weight: 700;
	text-align: center;
	margin-bottom: 10px;
	width: 100%;
}
.cv-tel-green .tel-box {
	width: 100%;
	text-align: center;
	margin-bottom: 10px;
}
.cv-tel-green .tel-box a.tel {
	font-family: 'Zen Maru Gothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', arial, helvetica, sans-serif;	
	font-size: 46px;
	line-height: 46px;
	color: #fff;
	font-weight: 700;
	display: block;
}
.cv-tel-green .tel-box span.time {
	display: block;
	font-size: 16px;
	line-height: 100%;
	margin-top: 10px;
	color: #fff;
}
.cv-tel-green .btn-box {
	width: 100%;
}
.cv-tel-green .btn {
	width: 100%;
	border: 2px solid #fff;
}
.cv-tel-green .caution {
	text-align: center;
	line-height: 140%;
	font-size: 15px;
}
@media (min-width:768px) {
	.cv-conts .pkg {
		padding: 0 40px 60px;
	}
	.cv-wrap .txt-box {
		position: relative;
		z-index: 1;
		max-width: 1120px;
		margin: 0 auto;
	}
	.cv-facility-box {
		padding: 40px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.cv-facility-box .txt {
		width: 48%;
		margin-bottom: 0;
	}
	.cv-facility-box .img {
		width: 48%;
	}
	.cv-facility-box .name {
		font-size: 28px;
		margin-bottom: 10px;
	}
	.cv-tel-green .wrap {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		width: 100%;
		height: auto;
		padding: 20px 40px;
	}
	.cv-tel-green .catch {
		width: 30%;
		text-align: left;
		margin-bottom: 0;
		font-size: 14px;
	}
	.cv-tel-green .tel-box {
		width: 30%;
		text-align: left;
		margin-bottom: 0;
	}
	.cv-tel-green .btn-box {
		width: 40%;
	}
	.cv-tel-green .tel-box a.tel{
		font-size: 28px;
	}
	.cv-tel-green .tel-box span.time {
		font-size: 11px;
		margin-top: 3px;
	}
}
@media (min-width:1020px) { 
	.cv-tel-green .catch {
		font-size: 18px;
	}
	.cv-tel-green .tel-box a.tel{
		font-size: 38px;
	}
	.cv-tel-green .tel-box span.time {
		font-size: 16px;
	}
}
@media (min-width:1180px) {
	.cv-wrap {
		position: relative;
	}
	.cv-wrap .img-box {
		position: absolute;
		width: 100%;
		top: 0;
		right: 0;
		left: 0;
		margin: 0 auto;
	}
	.cv-wrap .img-box img {
		border-radius: 30px;
	}
	.cv-facility-box .name {
		font-size: 38px;
	}
	.cv-wrap .txt-box {
		padding-top: 32%;
	}
	.cv-facility-box {
		border-radius: 30px 30px 0 0;
	}
	.cv-tel-green .tel-box a.tel{
		font-size: 48px;
	}
	.cv-tel-green .catch {
		font-size: 22px;
	}
}
#about-07 {
	position: relative;
}
#about-07 .pkg {
	position: relative;
}
#about-07 .pkg:before {
	content: "";
	background: url(../images/layouts/blue-pink-bg.webp) no-repeat;
	background-size: cover;
	position: absolute;
	display: inline-block;
	width: 175px;
	height: 196px;
	top: 0;
	right: 20px;
	vertical-align: middle;
}
.flow .ttl {
	font-size: 38px;
	color: #009A7D;
	text-align: center;
	margin-bottom: 40px;
}
.flow-li {
	width: 100%;
	margin-bottom: 40px;
}
.flow-li li {
	margin-bottom: 40px;
	position: relative;
	padding-left: 65px;
}
.flow-li .maru-f {
	font-size: 20px;
	color: #009A7D;
	margin-bottom: 10px;
}
.flow-li .maru-f span {
	display: block;
	font-size: 15px;
	line-height: 140%;
}
.flow-li li p span {
	display: block;
	color: #F18E1D;
	font-weight: bold;
}
.flow-li li:last-child {
	margin-bottom: 0;
}
.flow-li li:before {
	content: "";
	background: #009A7D;
	position: absolute;
	display: inline-block;
	width: 45px;
	height: 45px;
	top: 0;
	left: 0;
	vertical-align: middle;
	z-index: 1;
	border-radius: 22.5px;
	text-align: center;
	color: #fff;
	font-family: 'Zen Maru Gothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', arial, helvetica, sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 41px;
}
.flow-li li:after {
	content: " ";
	display: block;
	width: 1px;
	height: calc( 100% + 15px);
	background-color: #009A7D;
	position: absolute;
	top: 30px;
	left: 23px;
	z-index: 0;
}
.flow-li li:nth-child(1):before {
	content: "1";
}
.flow-li li:nth-child(2):before {
	content: "2";
}
.flow-li li:nth-child(3):before {
	content: "3";
}
.flow-li li:nth-child(4):before {
	content: "4";
}
.flow-li li:last-child:after {
	content: none;
}
.career-hosoku {
	padding: 20px;
	background: #F7FCFB;
}
.cv-tel-green.wrap-only .wrap {
	border-radius: 30px;
}
@media (min-width:768px) {
	#about-07 .pkg {
		padding: 60px 40px 60px;
	}
	#about-07 .pkg:before {
		width: 260px;
		height: 291px;
		right: 0;
	}
	.flow .ttl {
		margin-bottom: 60px;
	}
	.flow-li {
		max-width: 860px;
		margin: 0 auto 80px;
	}.flow-li li {
		padding-left: 120px;
	}
	.flow-li li:before {
		width: 95px;
		height: 95px;
		border-radius: 47.5px;
		font-size: 42px;
		line-height: 86px;
	}
	.flow-li li:after {
		left: 48px;
	}
	.flow-li .maru-f {
		font-size: 28px;
	}
	.flow-li .maru-f span {
		font-size: 16px;
	}
	.flow-li li:nth-child(1):before {
		content: "1";
		top: 30px;
	}
	.flow-li li:nth-child(2):before {
		content: "2";
		top: 5px;
	}
	.flow-li li:nth-child(3):before {
		content: "3";
		top: 60px;
	}
	.flow-li li:nth-child(4):before {
		content: "4";
		top: 5px;
	}
	.flow-li li:after {
		top: 90px;
	}
	.cv-tel-green.wrap-only {
		max-width: 1120px;
		margin: 0 auto;
	}
	.cv-tel-green.wrap-only .wrap {
		border-radius: 20px;
	}
}
#about-08 {
	position: relative;
	background: #F7FCFC;
}
#about-08 .pkg {
	position: relative;
}
#about-08 .under-circle-bg {
	z-index: 0;
}
.voice .ttl {
	font-size: 38px;
	color: #009A7D;
	text-align: center;
	margin-bottom: 40px;
}
.voice-li-box {
	max-width: 860px;
	margin: 0 auto 40px;
}
.voice-li-box ul {
	margin-bottom: 15px;
}
.voice-li-box ul li {
	width: 100%;
	margin-bottom: 10px;
	background: #fff;
	padding: 25px;
	border-radius: 20px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.voice-li-box ul li .img-box {
	width: 100%;
	max-width: 100px;
	margin: 0 auto 15px;
}
.voice-li-box ul li img {
	width: 100%;
	height: auto;
}
.voice-li-box ul li .txt-box {
	width: 100%;
}
.voice-li-box .caution {
	display: block;
	font-size: 13px;
	line-height: 140%;
}
@media (min-width:768px) {
	#about-08 .pkg {
		padding: 80px 40px 60px;
	}
	.voice-li-box {
		margin: 0 auto 80px;
	}
	.voice-li-box ul li {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		padding: 30px;
	}
	.voice-li-box ul li .img-box {
		width: 13%;
		max-width: 100px;
		margin: 0;
	}
	.voice-li-box ul li .txt-box {
		width: 84.7%;
	}
}
#about-09 {
	position: relative;
}
#about-09 .under-circle-bg {
	z-index: 0;
}
#about-09 .pkg {
	position: relative;
}
#about-09 .pkg:before {
	content: "";
	background: url(../images/layouts/green-pink-bg.webp) no-repeat;
	background-size: cover;
	position: absolute;
	display: inline-block;
	width: 172px;
	height: 217px;
	top: 0;
	left: 20px;
	vertical-align: middle;
}
.faq {
	position: relative;
	z-index: 10;
}
.faq .ttl {
	font-size: 38px;
	color: #009A7D;
	text-align: center;
	margin-bottom: 40px;
}
.faq-li {
	width: 100%;
	max-width: 860px;
	margin: 0 auto;
}
.faq-li li {
	border-bottom: 2px solid #D5E3E3;
}
.faq-li li .ac_ttl {
	padding: 25px 0;
	position: relative;
	background-color: #fff;
	transition: 0.6s ease-in-out;
}
.faq-li li .ac_ttl .i_box {
	position: absolute;
	top: 45%;
	right: 10px;
	width: 32px;
	height: 32px;
	margin-top: -10px;
	background: #02967B;
	border-radius: 16px;
}
.faq-li li .ac_ttl .i_box:before,
.faq-li li .ac_ttl .i_box:after {
	position: absolute;
	content: "";
	margin: auto;
	vertical-align: middle;
}
.faq-li li .ac_ttl .i_box:before {
	border-top: 2px solid #fff;
	width: 16px;
	height: 0;
	top: 0;
	bottom: 0;
	right: 8px;
}
.faq-li li .ac_ttl .i_box:after {
	border-left: 2px solid #fff;
	width: 0;
	height: 16px;
	top: 0;
	bottom: 0;
	right: 15px;
	transition: .3s;
}
.faq-li li .ac_ttl.open .i_box:after {
	height: 0;
}
.faq-li li .ac_inner {
	display: none;
	padding: 30px;
	background: #F7FCFC;
}
.faq-li li .ac_txt {
	width: 87%;
	position: relative;
	padding-left: 30px;
}
.faq-li li .ac_txt h4 {
	font-size: 18px;
	text-align: left;
	margin-bottom: 0;
	color: #3C3C3C;
}
.faq-li li .ac_txt:before {
	content: "Q";
	position: absolute;
	display: inline-block;
	font-size: 26px;
	top: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	vertical-align: middle;
	color: #009A7D;
	font-weight: bold;
	width: 25px;
	height: 33px;
	font-family: 'Zen Maru Gothic', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'Meiryo', 'メイリオ', 'Osaka', 'MS PGothic', arial, helvetica, sans-serif;
}
@media (min-width:768px) {
	#about-09 .pkg {
		padding: 80px 40px;
	}
	.faq-li li .ac_ttl .i_box {
		top: 40%;
	}
	.faq-li li .ac_txt:before {
		top: 5px;
	}
}
.rel-position {
	position: relative;
}
.rel-position .under-circle-bg {
	z-index: 0;
}
.bg-F7FCFC {
	background: #F7FCFC;
}
#video .pkg {
	padding: 0 20px 60px;
}
.video-wrap .ttl {
	font-size: 22px;
	line-height: 140%;
	text-align: center;
	margin-bottom: 20px;
}
.video-wrap .ttl span {
	color: #009A7D;
}
.video-wrap .box {
	width: 100%;
	max-width: 640px;
	height: auto;
	margin: 0 auto;
}
.video-wrap .box iframe {
	width: 100%;
	height: 240px;
}
@media (min-width:768px) {
	#video .pkg {
		padding: 0 40px 60px;
	}
	.video-wrap .ttl {
		font-size: 28px;
	}
	.video-wrap .box iframe {
		max-width: 640px;
		height: 360px;
	}
}
#company {
	position: relative;
}
#company .under-circle-bg {
	z-index: 0;
}
#company .pkg {
	padding: 20px 20px 80px;
}
.company-info {
	position: relative;
	z-index: 1;
}
.company-info .ttl {
	font-size: 38px;
	color: #009A7D;
	margin-bottom: 40px;
	text-align: center;
}
.company-main {
	width: 100%;
	max-width: 560px;
	margin: 0 auto 40px;
}
.company-main .cuc-logo {
	width: 100%;
	max-width: 240px;
	margin: 0 auto 40px;
}
.company-main .cuc-logo img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.company-main .cuc-logo .name {
	display: block;
	text-align: center;
	font-size: 14px;
}
.company-date {
	width: 100%;
	max-width: 860px;
	margin: 0 auto 60px;
}
.company-date dl {
	padding-bottom: 25px;
	margin-bottom: 25px;
	border-bottom: 1px solid #CCC;
}
.company-date dl dt {
	width: 100%;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: 140%;
}
.company-date dl dd {
	width: 100%;
	line-height: 140%;
}
@media (min-width:768px) {
	#company .pkg {
		padding: 60px 40px 20px;
	}
	.company-main {
		margin: 0 auto 60px;
	}
	.company-date dl {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.company-date dl dt {
		width: 20%;
		margin-bottom: 0;
	}
	.company-date dl dd {
		width: 78%;
	}
}


/* Retina-specific styles. */
@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
}
@media print {
}

/* Edge */
_:host-context(x)::-ms-clear,


/* IE */
_:-ms-lang(x), 
.logo {
	transition:transform 0.8s;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}