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

/* ---------------------------------------------------
cnav
------------------------------------------------------ */
.cmn_cnav_img { flex-wrap: wrap; padding: 80px 0 110px;}
.cmn_cnav_img li { width: 230px; max-width: calc((100% - 90px) / 5);}

@media screen and (max-width: 600px) {
	.cmn_cnav_img { padding: 30px 0 50px;}
}


/* ---------------------------------------------------
section
------------------------------------------------------ */
section { padding: 85px 0 100px;}
section:nth-of-type(odd) { background: #f3ede0;}
section .cmn_tit_h { margin-bottom: 50px;}
section .sec_main .ofi { width: 100%; min-height: 500px;}
section .cmn_table { margin: 30px 0 0; border-top: 1px solid #cdc6b7;}
section .cmn_table th,
section .cmn_table td { padding: 10px 0;}
section .cmn_table th { width: 105px;}
section .cmn_table td span:not([class]) { font-size: 22px;}
section .cmn_table td .attention { color: #cc4d38;}
section .items { display: flex; flex-wrap: wrap; justify-content: space-between;}
section .item { width: 560px; max-width: calc((100% - 50px) / 2); margin: 0 0 85px;}
section .item dt { padding: 15px 0 10px; border-bottom: 1px solid #aaa; font-size: 20px;}
section .item dd { padding: 10px 0 0;}

/* sec01 */
#sec01 { padding-bottom: 15px;}
#sec01 .slick { margin-bottom: 50px;}
#sec01 .slick .ofi { width: 100%; min-height: 700px;}
#sec01 .slick .slick-dots { bottom: -50px;}
#sec01 .inner_xs { padding: 40px 0 0;}
#sec01 .inner_xs span { color: #cc4d38;}
#sec01 .inner_xs .cmn_btn { display: flex; justify-content: space-between; margin: 50px 0 0;}
#sec01 .inner_xs .cmn_btn li { width: 330px;}
#sec01 .inner_xs .cmn_btn li img { width: 18px;}
#sec01 .items { margin-top: 105px;}
#sec01 .items .bnr_gallery { display: block; margin: 0 0 100px;}

/* sec02 */
#sec02 { padding-bottom: 15px;}
#sec02 .items { margin-top: 85px;}

/* sec03 */
#sec03 .cmn_tit_h { color: #977901;}
#sec03 .inner_xs { margin-top: 45px;}
#sec03 .inner_xs .cap { font-size: 20px; text-align: center;}

/* sec06 */
#sec06 .inner_xs { margin-top: 45px;}
#sec06 .inner_xs .cap { font-size: 20px; text-align: center;}
#sec06 .inner_xs .cap span { font-size: 14px;}
#sec06 .cmn_btn { display: flex; justify-content: space-between; margin-top: 30px;}
#sec06 .cmn_btn a { display: flex; align-items: center; justify-content: center; width: 325px;}

/* sec04 */
#sec04 .inner_xs { margin-top: 45px;}
#sec04 .cmn_btn { width: 600px; margin: 50px auto 0;}

/* sec05 */
#sec05 { padding-bottom: 15px;}
#sec05 .inner_xs { margin-top: 45px;}
#sec05 .items { margin-top: 70px;}


@media screen and (max-width: 600px) {
	section { padding: 50px 0;}
	section .cmn_tit_h { margin-bottom: 30px;}
	section .sec_main .ofi { min-height: 175px;}
	section .cmn_table { margin-top: 20px;}
	section .cmn_table th { width: 80px;}
	section .cmn_table td span:not([class]) { font-size: 20px;}
	section .items { display: block;}
	section .item { width: 100%; max-width: none; margin-bottom: 30px;}
	section .item > img { width: 100%;}
	section .item dt { padding: 10px 0 5px; font-size: 18px;}

	/* sec01 */
	#sec01 { padding-bottom: 20px;}
	#sec01 .slick { margin-bottom: 30px;}
	#sec01 .slick .ofi { min-height: 200px;}
	#sec01 .slick .slick-dots { bottom: -30px;}
	#sec01 .inner_xs { padding-top: 20px;}
	#sec01 .inner_xs .cmn_btn { display: block; margin-top: 25px;}
	#sec01 .inner_xs .cmn_btn li { width: auto;}
	#sec01 .inner_xs .cmn_btn li + li { margin: 8px 0 0;}
	#sec01 .items { margin-top: 50px;}
	#sec01 .items .bnr_gallery { margin-bottom: 50px;}

	/* sec02 */
	#sec02 { padding-bottom: 20px;}
	#sec02 .items { margin-top: 50px;}

	/* sec03 */
	#sec03 .inner_xs { margin-top: 20px;}
	#sec03 .inner_xs .cap { font-size: 16px; text-align: left;}

	/* sec06 */
	#sec06 .inner_xs { margin-top: 20px;}
	#sec06 .inner_xs .cap { font-size: 16px; text-align: left;}
	#sec06 .cmn_btn { display: block;}
	#sec06 .cmn_btn a { width: 100%; margin-bottom: 10px;}

	/* sec04 */
	#sec04 .inner_xs { margin-top: 20px;}
	#sec04 .cmn_btn { width: 100%; margin-top: 30px;}

	/* sec05 */
	#sec05 { padding-bottom: 20px;}
	#sec05 .inner_xs { margin-top: 20px;}
	#sec05 .items { margin-top: 50px;}
}