@charset "utf-8";
/* ===================================================
	Spa CSS
====================================================== */

.cmn_table { margin-top: clamp(35px, 6.364vw, 70px); }
.cmn_table .row dt { width: 105px; color: rgba(0, 0, 0, 0.6); }

@media screen and (min-width: 651px) {
	.cmn_table .row dt { width: 36%; }
}

/* ---------------------------------------------------
	sec01
------------------------------------------------------ */
#sec01 { padding-bottom: clamp(95px, 15.909vw, 175px); }
#sec01 .cmn_link_arrow { margin: clamp(10px, 1.818vw, 20px) 0 0 auto; }
#sec01 .cmn_link_arrow::before { transform: rotate(90deg);}

@media screen and (hover: hover) and (min-width: 651px) {
}
@media screen and (min-width: 651px) {
}


/* ---------------------------------------------------
	sec02
------------------------------------------------------ */
#sec02 { padding-bottom: clamp(110px, 18.182vw, 200px); }

@media screen and (hover: hover) and (min-width: 651px) {
}
@media screen and (min-width: 651px) {
}

/* ---------------------------------------------------
	sec03
------------------------------------------------------ */
#sec03 { padding-bottom: clamp(120px, 20.455vw, 225px); }
#sec03 .cmn_layout02 { margin-top: clamp(55px, 9.091vw, 100px); }
#sec03 .cmn_layout02 .flex_box .content_block .photo { height: 100%; }

@media screen and (hover: hover) and (min-width: 651px) {
}
@media screen and (min-width: 651px) {
}


/* ---------------------------------------------------
	sec04
------------------------------------------------------ */
#sec04 { padding-bottom: clamp(70px, 11.364vw, 125px); }
#sec04 .cmn_layout02 { margin-top: clamp(70px, 11.364vw, 125px); }
#sec04 .cmn_layout02 .flex_box .content_block .photo { height: 100%; }

@media screen and (hover: hover) and (min-width: 651px) {
}
@media screen and (min-width: 651px) {
}

/* ---------------------------------------------------
	sec05
------------------------------------------------------ */
#sec05 { padding: clamp(75px, 12.727vw, 140px) 0 clamp(80px, 13.636vw, 150px); }
#sec05 .cmn_tit01 { margin-bottom: clamp(15px, 2.727vw, 30px); }
#sec05 .cmn_tit01 .sub { color: rgba(255, 255, 255, 0.7); }
#sec05 .photo { margin-top: clamp(15px, 2.727vw, 30px); }
#sec05 .photo + p { margin-top: 2em; }
#sec05 p { margin-top: 1em; }
#sec05 ul { margin-top: 1em; }
#sec05 ul li { text-indent: -1em; padding-left: 1em; }
#sec05 ul li::before { content: '※'; }
#sec05 .cmn_btn { margin-top: clamp(35px, 5.909vw, 65px); color: #fff; background: transparent; }

@media screen and (hover: hover) and (min-width: 651px) {
	#sec05 .cmn_btn:hover { background: rgba(255, 255, 255, 0.1); }
}
@media screen and (min-width: 651px) {
	#sec05 .photo + p { margin-top: 3em; }
	#sec05 p { margin-top: 2em; line-height: 2; }
	#sec05 ul { margin-top: 2em; line-height: 2; }
}


/* ---------------------------------------------------
	sec06
------------------------------------------------------ */
#sec06 { padding: clamp(60px, 10vw, 110px) 0 clamp(75px, 12.727vw, 140px); }
#sec06 .cmn_tit01 { margin-bottom: clamp(25px, 4.091vw, 45px); }

@media screen and (hover: hover) and (min-width: 651px) {
}
@media screen and (min-width: 651px) {
	#sec06 p { line-height: 2; }
}

/* ---------------------------------------------------
	sec07
------------------------------------------------------ */
#sec07 { padding: clamp(45px, 7.273vw, 80px) 0 clamp(55px, 9.091vw, 100px); }
#sec07 .cmn_tit02 { margin-bottom: clamp(25px, 4.545vw, 50px); }
#sec07 p { width: 70%; margin: 0 auto; line-height: 2; }
#sec07 p span { display: inline-block; }

@media screen and (hover: hover) and (min-width: 651px) {
}
@media screen and (min-width: 651px) {
	#sec07 p { line-height: 2.3; }
}


/* ---------------------------------------------------
	sec08
------------------------------------------------------ */
#sec08 { background: #000; color: #fff; padding: clamp(70px, 11.818vw, 130px) 0; }
#sec08 .cmn_tit02 { margin-bottom: clamp(25px, 4.545vw, 50px); }
#sec08 .cmn_tit02 .sub { color: rgba(255, 255, 255, 0.4); }
#sec08 .photo_col { margin-top: clamp(30px, 5vw, 55px); display: flex; justify-content: space-between; }
#sec08 .photo_col .photo { width: 48%; }
#sec08 a { margin-top: clamp(50px, 5.455vw, 60px); padding: 0 25px clamp(15px, 2.727vw, 30px) 0; font-size: 18px; color: #fff; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #c7c7c7; }
#sec08 a span span { font-size: 13px; margin-left: 0.5em; }
#sec08 a::after { width: 14px; height: 14px; content: ""; background: url(../img/arrow_circle.svg) no-repeat center center; background-size: contain; }

@media screen and (hover: hover) and (min-width: 651px) {
}
@media screen and (min-width: 651px) {
	#sec08 .cmn_tit02 + p { text-align: center; }
	#sec08 a { font-size: 22px; }
	#sec08 a span span { font-size: 15px; margin-left: 1em; }
}