@charset "utf-8";

/* mainVisual　
-----------------------------------------------------------------------------*/
/*PC*/
#mainVisual {
	height: 100vh;   /* fallback for iOS 15.3以下 */
	height: 100svh;
	}
@media screen and (min-width: 768px) {
#mainVisual {
	margin: 0 auto;
	position: relative;
	width: 100%;
/*	height: 100vh !important;*/
	z-index: -1;
	max-width: 2000px;
	max-height: 55vw;
	padding-top: 90px;
	margin-bottom: -50px;
	}
}
@media screen and (min-width: 1600px) {
	#mainVisual {
	max-height: 1100px;
	}
}
@media screen and (min-width: 768px) {
#visual_in {
	position: relative;
	margin: 0 auto;
	max-width: 1760px;
	height: 100%;
}
#mainCopy {
	position: absolute;
	left: 3%;
	top: 5%;
	width: 15%;
	height: 45%;
	max-height: 370px;
	z-index: 3;
	}
	#mainCopy img {
	height: 100%;
	}
	#mainCopy {
	transition: 1.5s ease;
	transition-delay: 0.3s;
	opacity: 0;
	transform: translateY(-5%);
	}
	.start #mainCopy {
	opacity: 1;
	transform: translateY(0);
	}
#topImg {
	position: absolute;
	right: 0;
	top:90px;
	width: 79%;
	height:82%;
	background: url("../images/topImg_pc.jpg") no-repeat right bottom;
	background-size: cover;
	max-width: 1500px;
	z-index: 1;
	}
	
#companyName {
	display: block;
	text-align: left;
	position: absolute;
	left: 3%;
	bottom: 10.5%;
	z-index: 2;
	font-size: 5.3vw;
	}
	#companyName .aqua_name {
	opacity: 0.85;
	letter-spacing: 0.18em;
	line-height: 0.95;
	}
	#companyName .aqua_copy {
	font-weight: 600;
	text-indent: 0.1em;
	font-size: 27.5%;
	letter-spacing: 0.1em;
	line-height: 1.3;
	}
	
	#companyName .aqua_name div,
	#companyName .aqua_copy {
	overflow: hidden;
	}
	#companyName .aqua_name span,
	#companyName .aqua_copy span {
	display: inline-block;
	transition: 0.5s ease-out;
	transform: translateY(100%);
	opacity: 0;
	}
	#mainVisual.start #companyName .aqua_name span,
	#mainVisual.start #companyName .aqua_copy span {
	transform: translateY(0);
	opacity: 1;
	}
	#companyName .aqua_name div.aqua1 span { transition-delay: 1.2s;}
	#companyName .aqua_name div.aqua2 span { transition-delay: 1.4s;}
	#mainVisual.start #companyName .aqua_copy span { transition-delay: 1.8s;}
	
}

@media screen and (min-width: 1600px) {
	#topImg {
	}
	#companyName {
	font-size: 90px;
	bottom: 12.5%;
	}
}
@media screen and (min-width: 768px) {
	#topImg {
	transition: 1s ease-in-out;
	transform: translateY(30px);
	opacity: 0;
	}
		.start #topImg {
		transform: translateY(0);
		opacity: 1;
		}
		#topImg::after {
		content: '';
		position: absolute;
		right: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: #fff;
		transition: 0.6s cubic-bezier(0.95, 0.01, 1, 1);
		}
		.start #topImg::after {
		width: 0%;
		}
}

/*SP*/
@media screen and (max-width: 767px) {
#mainVisual {
	margin: 0 auto;
	position: relative;
	width: 100%;
/*	height: 100vh;*/
	z-index: -1;
	overflow: hidden;
	max-height: 680px;
	margin-bottom: -20px;
	}
#visual_in {
	}
#mainCopy {
	position: absolute;
	left: 50%;
	top: 40%;
	width: 100%;
	height: 40%;
	max-height: 260px;
	z-index: 3;
	}
	#mainCopy img {
	height: 100%;
	filter: drop-shadow(0 1px 10px rgb(255 255 2555 / 1));
	}
	#mainCopy {
	transition: 1.5s ease;
	transition-delay: 0.3s;
	opacity: 0;
	transform: translate(-50%, -58%);
	}
	.start #mainCopy {
	opacity: 1;
	transform: translate(-50%, -50%);
	}
#topImg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transform: scale(1.1);
	background: url("../images/topImg_sp.jpg") no-repeat center bottom;
	background-size: cover;
	z-index: 1;
	}
#companyName {
	display: block;
	text-align: left;
	position: absolute;
	left: 4%;
	bottom: 4%;
	z-index: 2;
	font-size: 12vw;
	}
	#companyName .aqua_name {
	opacity: 0.85;
	letter-spacing: 0.18em;
	line-height: 0.95;
	}
	#companyName .aqua_copy {
	font-weight: 600;
	text-indent: 0.1em;
	font-size: 27.5%;
	letter-spacing: 0.02em;
	line-height: 1.3;
	}
}

/* loader
-----------------------------------------------------------------------------*/
#loader {
	position: fixed;
	top: 0;
	bottom: 0;
	z-index: 5000;
	width: 100%;
	height: 100%;
	background-color: #fff;
	}
	.loading {
	position: relative;
	top: 45%;
	left: 50%;
	transform: translate(-25%, -25%);
	background: url("../images/mainCopy_loading.png") no-repeat center center;
	background-size: contain;
	width: 220px;
	height: 540px;
	z-index: -1;
	}
	.loading:before {
	position: absolute;
	 content: '';
	background: #fff; 
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1
	}
	.loading canvas {
	width: 110px;
	height: 280px;
	}

	.loading_rotate {
	position: relative;
	top: 45%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin-top: -40px;
	margin-left: -40px;
	background: url("../images/loading_rotate.png") no-repeat;
	background-size: contain;
	
	-ms-transform: translateZ(0);
	animation: load8 1.5s infinite linear;
	}
@keyframes load8 {
	0% {
	transform: rotate(0deg);
	}
	100% {
	transform: rotate(360deg);
	}
}

/* service_main
-----------------------------------------------------------------------------*/
.serviceContent {
	text-align: left;
	position: relative;
	z-index: 1;
	}
	.service_name {
	position: relative;
	letter-spacing: 0.12em;
	}
	.serviceContent h2 {
	line-height: 1.5;
	letter-spacing: 0.1em;
	}
	
@media screen and (max-width: 767px) {
.service_main {
	position: relative;
	margin: 120px auto 70px;
	background-color: #EAEAEA;
	padding-top: 30px;
	padding-bottom: 20px;
	}
.serviceImg {
	position: absolute;
	width: 60%;
	min-width: 240px;
	top: -110px;
	right: 0;
	}
	.service_name {
	font-size: 240%;
	margin-bottom: 20px;
	padding: 0 0 5px 15px;
	}
		.service_name::before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 2px;
/*		height: 280%;*/
		top: -2em;
		}
		#service_sauna .service_name::before  { background-color: #079292;}
		#service_outdoor_sauna .service_name::before  { background-color: #6e493d;}
		#service_spa .service_name::before  { background-color: #1190BF;}

	.service_name span{
	text-shadow:0 0 10px #EAEAEA;
	}
	.serviceContent h2 {
	font-size: 160%;
	margin-right: -15px;
	}
	.serviceContent .btn_arw {
	font-size: 13px;
	}
}
@media screen and (min-width: 768px) {
.service_main {
	position: relative;
	margin:220px auto 120px;
	}
	.service_main::after {
	content: '';
	position: absolute;
	display: block;
	background-color: #EAEAEA;
	z-index: -1;
	width: 81%;
	height: 100%;
	top: 0%;
	}
	.service_main:nth-child(odd)::after {left: 0;}
	.service_main:nth-child(even)::after {right: 0;}
.serviceImg {
	position: absolute;
	top:-70px;
	width: 54%;
	}
	.service_main:nth-child(odd) .serviceImg {right: -3vw;}
	.service_main:nth-child(even) .serviceImg {left: -3vw;}
.serviceContent {
	width: 49%;
	padding: 50px 40px;
	}
	.service_main:nth-child(odd)  .serviceContent  { margin: 0 auto 0 0;}
	.service_main:nth-child(even) .serviceContent  { margin: 0 0 0 auto;}
	.service_name {
	font-size: 358%;
	margin: -1.45em 0 0.1em;
	padding: 0 0 0.3em 0;
	}
	.service_main:nth-child(even) .service_name { text-align: right;}	
	.service_name::before {
		content: '';
		display: block;
		position: absolute;
		bottom: -10px;
		width: 3px;
		top: -1.6em;
/*		height: 250%;*/
		}
		#service_sauna .service_name::before  { background-color: #079292;
		left: -40px;
		}
		#service_outdoor_sauna .service_name::before  { background-color: #6e493d;
		right: -40px;
		}
		#service_spa .service_name::before  { background-color: #1190BF;
		left: -40px;
		}
	.serviceContent h2 {
	font-size: 205%;
	margin-right: -2.5em;
	}
	.serviceContent p {
	font-size: 16px;
	}
}

.serviceContent .btn_arw span {
	padding-left: 2.4em;
	}
.serviceContent .btn_arw span::before {
	content: '';
	display: inline-block;
	position: absolute;
	width: 2.4em;
	height: 2.4em;
	left: 0;
	top: 50%;
	margin-top: -1.2em;
	background: url("../images/navBtn_i_case.svg") no-repeat;
	background-size: contain;
	}
.serviceContent .inview span {
	display: inline-block;
	position: relative;
	top:5px;
	opacity: 0;
	transition: 0.5s ease-in-out;
	transition-delay: 0.3s;
	}
	.serviceContent .active span {
	top:0;
	opacity: 0.85;
	}
	.service_name.inview::before {
	transform: scaleY(0);
	transform-origin: top;
	}
	.service_name.active::before {
	animation: lineMove 1.8s ease-in-out forwards ;	
	}
@keyframes lineMove {
	0% {
	transform: scaleY(0);
	}
	20% {
	transform-origin: top;
	}
	21% {
	transform: scaleY(1);
	transform-origin: bottom;
	}
	34% {
	transform: scaleY(0);
	transform-origin: bottom;
	}
	40% {
	transform: scaleY(0);
	transform-origin: top;
	}
	100% {
	transform: scaleY(1);
	transform-origin: top;
	}
}

/* service_sub
-----------------------------------------------------------------------------*/
#service_sub {
	text-align: left;
	}
	.service_sub_ttl {
	font-weight: normal;
	}
	#service_sub .area_btn {
	margin-top: 0.5em;
/*	text-align: left;*/
	}
@media screen and (max-width: 767px) {
	#service_sub {
	margin-bottom: 50px;
	}
	#service_sub ul {
	width: 85%;
	max-width: 300px;
	margin: 0 auto;
	}
	#service_sub ul li {
	margin-bottom: 35px;
	}
	.service_sub_ttl {
	font-size: 120%;
	margin-block: 0.8em;
	}
	.serviceContent_sub .area_btn {
	}
	.serviceContent_sub .area_btn a {
/*	width: 100%;*/
	}
}
@media screen and (min-width: 768px) {
#service_sub {
	width: 85%;
	max-width: 1360px;
	min-width: 1080px;
	}
	#service_sub ul {
	display: flex;
	justify-content: space-between;
	margin-bottom: 120px;
	flex-wrap: wrap;
	}
	#service_sub ul li {
	width: 30%;
	}
	.serviceImg_sub {
	position: relative;
	margin-bottom: 10px;
	}
	.serviceContent_sub {
	}
	.serviceImg_sub a:hover img { opacity: 0.8;}
	.service_sub_ttl {
	font-size: 130%;
	line-height: 1.4;
	margin-block: 0.6em;
	}

}

/* top_project
-----------------------------------------------------------------------------*/
#top_project {
	position: relative;
	background-color: #EAEAEA;
	}
	.project_ttl {
	position: relative;
	font-size: 135%;
	line-height: 1.4;
	margin-bottom: 1em;
	padding: 0 0 0.3em 0.8em;
	font-weight: 600;
	}
	.project_ttl .s {
	font-size: 12px;
	font-weight: bold;
	}
		.project_ttl::before {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		bottom: 0;
		width: 2px;
		height: 340%;
		background-color: #0A3E8A;
		}
	.top_projectContent h2 {
	font-size: 150%;
	font-weight: 600;
	letter-spacing: 0.06em;
	}
	.top_projectContent p {
	font-size: 100%;
	text-align: left !important;
	}
@media screen and (max-width: 767px) {
#top_project {
	margin-top: 80px;
	padding: 30px 0;
	text-align: left;
	}
	.top_projectContent {
	padding: 20px;
	background-color: #fff;
	box-shadow: 1px 1px 25px rgb(0 0 0 / 0.5);
	}
	.top_projectImg {
	position: relative;
	z-index: 2;
	}
	.project_ttl { font-size: 120%; }
	.project_ttl::before { height: 260%;}
	.top_projectContent h2 {font-size: 140%;}
	.top_projectContent h2 br {display: none;}

}
@media screen and (min-width: 768px) {
#top_project {
	margin-top: 100px;
	padding: 55px 0;
	text-align: left;
	}
	.top_projectImg {
	position: absolute;
	display: block;
	top: 0;
	right: 0;
	width: 65%;
	height: 100%;
	background: url("../images/top_case/top_caseImg.jpg") no-repeat center center;
	background-size: cover;
	}
	.project_ttl::before {
	width: 3px;
	}
	.top_projectContent {
	padding: 40px;
	width: 43%;
	margin: 0 auto 0 -40px;
	min-width: 500px;
	}
	.top_projectContent {
	position: relative;
	z-index: 1;
	background-color: #fff;
	box-shadow: 1px 1px 25px rgb(0 0 0 / 0.5);
	}
	.top_projectContent .area_btn {
	text-align: right;
	}

}
	.project_ttl.inview::before {
	transform: scaleY(0);
	transform-origin: top;
	}
	.project_ttl.active::before {
	animation: lineMove 2s ease-in-out forwards ;	
	}
	
/* bg_gray
-----------------------------------------------------------------------------*/
#bg_gray_dark {
	background-color: #262626;
	color: #fff;
	}
@media screen and (max-width: 767px) {
#bg_gray_dark {
	padding: 40px 0 30px;
	}
}
@media screen and (min-width: 768px) {
#bg_gray_dark {
	padding: 100px 0 50px;
	}
}
/* concept
-----------------------------------------------------------------------------*/
#concept h2 {
	text-align: center;
	position: relative;
	line-height: 1.8;
	letter-spacing: 0.18em;
	margin-bottom: 1.8em;
	}
	#concept h2.inview {
	opacity: 0;
	transition: 1s ease-in-out;
	}
	#concept h2.active {
	opacity: 1;
	}	
	.concept_txt {
	text-align: left;
	}
@media screen and (max-width: 767px) {
	#concept h2 {
	font-size: 145%;
	margin-left: -15px;
	margin-right: -15px;
	}
	.concept_figure {
	margin-bottom: 40px;
	}
}
@media screen and (min-width: 768px) {
	#concept h2 {
	font-size: 220%;
	}
	.conceptContent {
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
	.concept_figure, .concept_txt { width: 50%;}
	.concept_txt { margin-right: -2em; min-width: 500px; }
	.concept_txt .area_btn { text-align: left; margin-top: 2em;}
}

.concept_figure {
	position: relative;
	}
	.figure-2 {
	position: absolute;
	display: block;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transform: scale(0);
	transform-origin: center center;
	transition: 0.8s cubic-bezier(0.51,-0.4, 0.51, 1.93);
	transition-delay: 0.2s;
	}
	.active .figure-2 {
	opacity: 1;
	transform: scale(1);
	}
	.quality_i {
	position: absolute;
	display: block;
	width: 25%;
	overflow: hidden;
	}
		.i-1 {top: 0; left: 29.32%;}
		.i-2 {top: 36%; left: 0;}	
		.i-3 {top: 36%; right: 0;}	
		.i-4 {bottom: 0; left: 8.08%;}	
		.i-5 {bottom: 0; right: 8.08%;}
	.quality_i img {
		display: inline-block;
		transform: translateY(100%);
		opacity: 0;
		transition: 0.8s ease;
		}
		.active .quality_i img {
		transform: translateY(0);
		opacity: 1;
		}
			.i-1 img { transition-delay: 0.8s;}
			.i-2 img { transition-delay: 1.2s;}
			.i-3 img { transition-delay: 1.4s;}
			.i-4 img { transition-delay: 1.6s;}
			.i-5 img { transition-delay: 2.0s;}

/* top_case
-----------------------------------------------------------------------------*/
#top_case{
	margin-bottom: 0;
	}
#top_caseList {
	display: flex;
	flex-wrap: wrap;
	text-align: center;
	}
	#top_caseList li {
	}
	#top_caseList a {
	display: block;
	color:#fff;
	text-decoration: none;
	padding: 1.1em 0;
	background-color: #404040;
	}
@media screen and (max-width: 767px) {
#top_caseList {
	margin-bottom: 30px;
	}
	#top_caseList li {
	width: 50%;
	font-size: 85%;
	padding: 2px;
	}
}
@media screen and (min-width: 768px) {
#top_caseList {
	margin-bottom: 65px;
	}
	#top_caseList li {
	width: 25%;
	font-size: 100%;
	padding: 3px;
	}
	#top_caseList a:hover {
	background-color: #555;
	}
}
/* top_caseSlider
-----------------------------------------------------------------------------*/
#top_caseSlider {
	margin: 0 auto;
	}
	.bx-wrapper {
	margin: 0 auto;
	}
@media screen and (min-width: 768px) {
	#top_caseSlider li a:hover img { opacity: 0.7;}
}

/* recommend
-----------------------------------------------------------------------------*/
.recommendList {
	text-align: left;
	line-height: 1.5;
	margin: 0 auto 15px;
	}
	.recommendList a {
	text-decoration: none;
	}
	.recommendList .recoImg a { display: block;}
	.recommendList h3 {
	font-size: 106%;
	font-weight: 600;
	margin: 0;
	padding: 0.5em 0 0.2em;
	}
	.reco_S li article {
	display: flex;
	align-items: center;
	}
	.reco_S .recoTxt {
	padding-left: 0.8em;
	margin-top: -0.8em;
	flex: 1;
	}
@media screen and (max-width: 767px) {
	.recommendList li {
	margin-bottom: 20px;
	}
	.reco_L {
	width: 80%;
	max-width: 280px;
	margin-bottom: 30px;
	}
	.reco_S .recoImg {
	width: 28%;
	}
	.recommendList p {
	font-size: 95%;
	}
}
@media screen and (min-width: 768px) {
	.recommendList a:hover {
	text-decoration: underline;
	}
		.recommendList a:hover img {
		opacity: 0.8;
		}
	.recommendList {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	}
	.recommendList li {
	width: 31%;
	margin-bottom: 30px;
	}
		.recommendList::after {
		content: '';
		display: block;
		width: 31%;
		height: 0;
		}
	.reco_L h3 {
	font-size: 120%;
	}
	.reco_S .recoImg {
	width: 33%;
	}
	.recommendList p {
	font-size: 90%;
	}
}

/* secondary
-----------------------------------------------------------------------------*/
#secondary {
	text-align: left;
	}
	#secondary h2 {
	position: relative;
	font-size: 160%;
	font-weight: 600;
	letter-spacing: 0.15em;
	}
		#secondary h2 span {
		display: inline-block;
		background-color: #fff;
		padding-right: 0.5em;
		}
		#secondary h2::after {
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background-color: #222;
		position: relative;
		top: -0.7em;
		z-index: -1;
		}
	a.btn_newsletter {
	display: inline-block;
	text-decoration: none;
	color: #fff;
	background-color: #079292;
	padding: 0 2em;
	line-height: 40px;
	border-radius: 20px;
	margin: 2em 0 1em;
	}
	.sauna_columnList li {
	border-bottom: 1px solid #ddd;
	padding-bottom: 3px;
	margin-bottom: 13px;
	}
	.sauna_columnList li a {
	color: #000;
	text-decoration: none;
	}
@media screen and (max-width: 767px) {
	#newsletter p { font-size: 95%;}
}
@media screen and (min-width: 768px) {
	#secondary .secondary_flex {
	display: flex;
	justify-content: space-between;
	}
	#secondary .secondary_flex > section {
	width: 45%;
	margin: 0;
	}
	#secondary h2 {
	}
	a.btn_newsletter:hover { opacity: 0.8;}
	.sauna_columnList li a:hover {
	color: #079292;
	text-decoration: underline;
	}
}

/* topicsWrap
-----------------------------------------------------------------------------*/
#topicsWrap {
	position: fixed;
	background-color: rgb(7 146 146 / 0.85);
	z-index: 100;
	text-align: left;
	line-height: 1.4;
	}
	#topicsWrap, #topicsWrap a {
	color: #fff;
	display: inline-block;
	}
	.topics_ttl {
	font-size: 90%;
	font-weight: bold;
	color: #ffff00;
	}
@media screen and (max-width: 767px) {
#topicsWrap {
	left: 10px;
	right: 10px;
	bottom: 0;
	padding: 8px 10px 8px 20px;
	border-radius: 8px 8px 0 0;
	transform: translateY(100%);
	transition: 0.5s ease;
	}
	#topicsWrap.fadeIn {
	transform: translateY(0);
	opacity: 1;
	}
	#copyright {
	padding-bottom: 90px;
	}
}
@media screen and (min-width: 768px) {
#topicsWrap {
	right: 10px;
	bottom: 0;
	padding: 10px 16px 12px;
	border-radius: 8px 8px 0 0;
	}
	#topicsWrap, #topicsWrap a {font-size: 17px;}
	#topicsWrap:hover {background-color: rgb(7 146 146); }
	#topicsWrap, #topicsWrap a:hover { text-decoration: none;}
}

/* bn_spalounger
-----------------------------------------------------------------------------*/
.bn_spalounger {
	position: relative;
	color: #fff;
	}
	.spalounger_hasu {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	background: url("/images/bn_spalounger_hasu.svg") center / contain no-repeat;
	width: 360px;
	height: 100%;
	}
	.spalounger_txt h3 {
	letter-spacing: 0.05em;
	margin-bottom: 15px;
	font-size: 120%;
	line-height: 1.4;
	}
	.spalounger_txt h3 span{
	font-size: 230%;
	}
@media screen and (max-width: 767px) {
	#top_spalounger {
	margin-top: -30px;
	margin-bottom: 50px;
	}
	.bn_spalounger {
	background-image:linear-gradient(rgb(53 42 39 / 0.5), rgb(53 42 39 / 0.5)),
	url("/images/bn_spalounger_bg_sp.jpg");
	background-blend-mode: multiply;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	}
	.spalounger_hasu {
	width: 100%;
	padding-block: 40px 30px;
	}
	.spalounger_txt h3 { font-size: 110%;}
	.spalounger_txt h3 span{font-size: 220%;}
	.HCJ2026 {
	text-align: center;
	font-size: 88%;
	background-color: rgb(0 0 0 / 0.5);
	padding: 8px 10px;
	}
}
@media screen and (min-width: 768px) {
	#top_spalounger {
	width: 85%;
	max-width: 1360px;
	min-width: 1080px;
	margin-top: -40px;
	margin-bottom: 60px;
	}
	.bn_spalounger {
	background-image:linear-gradient(90deg,rgb(53 42 39 / 0.8) 20%, rgb(53 42 39 / 0) 85%),
	url("/images/bn_spalounger_bg.jpg");
	background-blend-mode: multiply;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;

	aspect-ratio: 1360 / 320;
	min-height: 260px;
	container-type: inline-size;
	width: 100%;
	}
	.spalounger_hasu {
	margin-left: clamp(0px, (100cqw - 1080px) * (55 / (1360 - 1080)), 55px);
	}
	.HCJ2026 {
	font-size: 110%;
	position: absolute;
	right: 0;
	bottom: 0;
	background-color: rgb(0 0 0 / 0.7);
	clip-path: polygon(30px 0, 100% 0, 100%  100%, 0 100%);
	padding: 3px 5px 3px 40px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1400px) {
	.bn_spalounger {
	font-size: 90%;
	}
}