.con_spa_sisley:after { content: ""; display: table; clear: both; }

/*@include dots(#color1,#color2,width);*/
html.lower #contents .imgpattern { background: url(../../spa/images/img_main.jpg) no-repeat center/cover; }

.con_spa_sisley { padding: 50px 0 40px; border-bottom: 1px solid #ebebeb; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_sisley { padding: 50px 0 30px; } }
@media only screen and (max-width: 767px) { .con_spa_sisley { padding: 2em 0 1.5em; } }
@media only screen and (min-width: 768px) { .con_spa_sisley .col_flex { display: flex; } }
.con_spa_sisley .col_flex .box_img { width: 45%; margin-bottom: 0; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_sisley .col_flex .box_img { width: 50%; } }
@media only screen and (max-width: 767px) { .con_spa_sisley .col_flex .box_img { width: 100%; } }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_sisley .col_flex .box_img { margin-bottom: 0; } }
@media only screen and (max-width: 767px) { .con_spa_sisley .col_flex .box_img { margin-bottom: 15px; } }
.con_spa_sisley .col_flex .box_img img { width: 100%; }
.con_spa_sisley .col_flex .box_txt { width: 55%; padding-left: 50px; line-height: 2; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_sisley .col_flex .box_txt { width: 50%; } }
@media only screen and (max-width: 767px) { .con_spa_sisley .col_flex .box_txt { width: 100%; } }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_sisley .col_flex .box_txt { padding-left: 30px; } }
@media only screen and (max-width: 767px) { .con_spa_sisley .col_flex .box_txt { padding-left: 0; } }
.con_spa_sisley .col_flex .box_txt h3 { font-size: 134%; font-weight: normal; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_sisley .col_flex .box_txt h3 { font-size: 126%; } }
@media only screen and (max-width: 767px) { .con_spa_sisley .col_flex .box_txt h3 { font-size: 126%; } }
.con_spa_sisley .col_flex .box_txt p { margin-top: 50px; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_sisley .col_flex .box_txt p { margin-top: 15px; } }
@media only screen and (max-width: 767px) { .con_spa_sisley .col_flex .box_txt p { margin-top: 15px; } }
.con_spa_sisley .infor_time { padding: 30px; margin-top: 30px; border: 1px solid #ebebeb; line-height: 2.5; font-size: 109%; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_sisley .infor_time { padding: 30px; } }
@media only screen and (max-width: 767px) { .con_spa_sisley .infor_time { padding: 15px; } }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_sisley .infor_time { margin-top: 20px; } }
@media only screen and (max-width: 767px) { .con_spa_sisley .infor_time { margin-top: 15px; } }

.con_spa_course { padding: 70px 0; margin-bottom: 50px; background: #f5f2ee; color: #615b54; letter-spacing: 2px; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_course { padding: 30px 0; } }
@media only screen and (max-width: 767px) { .con_spa_course { padding: 30px 0; } }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_course { margin-bottom: 30px; } }
@media only screen and (max-width: 767px) { .con_spa_course { margin-bottom: 30px; } }
.con_spa_course .title_table { padding: 15px 0; font-size: 134%; font-weight: normal; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_course .title_table { padding: 15px 0; } }
@media only screen and (max-width: 767px) { .con_spa_course .title_table { padding: 0 0 15px; } }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_course .title_table { font-size: 134%; } }
@media only screen and (max-width: 767px) { .con_spa_course .title_table { font-size: 117%; } }
.con_spa_course .box_article { padding: 50px; margin-bottom: 30px; background: #fff; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_course .box_article { padding: 15px; } }
@media only screen and (max-width: 767px) { .con_spa_course .box_article { padding: 15px; } }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_course .box_article { margin-bottom: 15px; } }
@media only screen and (max-width: 767px) { .con_spa_course .box_article { margin-bottom: 15px; } }
.con_spa_course .box_article:last-child { margin-bottom: 0; }
.con_spa_course .box_article .txt_in { line-height: 2; margin: 15px 0; word-break: normal; }
@media only screen and (max-width: 767px) { .con_spa_course .box_article .txt_in { line-height: 1.5; } }
.con_spa_course .box_article .art_img_txt { margin-bottom: 30px; display: flex; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_course .box_article .art_img_txt { margin-bottom: 15px; } }
@media only screen and (max-width: 767px) { .con_spa_course .box_article .art_img_txt { margin-bottom: 15px; } }
@media only screen and (max-width: 767px) { .con_spa_course .box_article .art_img_txt { align-items: center; } }
.con_spa_course .box_article .art_img_txt .txt_title { font-size: 150%; display: flex; align-items: center; flex-wrap: wrap; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_course .box_article .art_img_txt .txt_title { font-size: 134%; } }
@media only screen and (max-width: 767px) { .con_spa_course .box_article .art_img_txt .txt_title { font-size: 117%; } }
.con_spa_course .box_article .art_img_txt .txt_title span { font-size: 75%; padding: 5px 0; }
.con_spa_course .box_article .art_img_txt .box_img { width: 20%; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_course .box_article .art_img_txt .box_img { width: 25%; } }
@media only screen and (max-width: 767px) { .con_spa_course .box_article .art_img_txt .box_img { width: 100%; } }
.con_spa_course .box_article .art_img_txt .box_img img { width: 100%; }
.con_spa_course .box_article .art_img_txt .box_txt { width: 80%; padding-left: 30px; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_course .box_article .art_img_txt .box_txt { width: 75%; } }
@media only screen and (max-width: 767px) { .con_spa_course .box_article .art_img_txt .box_txt { width: 100%; } }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_course .box_article .art_img_txt .box_txt { padding-left: 15px; } }
@media only screen and (max-width: 767px) { .con_spa_course .box_article .art_img_txt .box_txt { padding-left: 15px; } }
.con_spa_course .box_article .box_infor { padding: 30px; margin-bottom: 30px; background: #f5f2ee; overflow: hidden; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_course .box_article .box_infor { padding: 15px; } }
@media only screen and (max-width: 767px) { .con_spa_course .box_article .box_infor { padding: 15px; } }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_course .box_article .box_infor { margin-bottom: 15px; } }
@media only screen and (max-width: 767px) { .con_spa_course .box_article .box_infor { margin-bottom: 15px; } }
.con_spa_course .box_article .box_infor:last-child { margin-bottom: 0; }
.con_spa_course .box_article .box_infor .txt_title { margin-bottom: 30px; font-size: 150%; border-bottom: 1px solid #d5d2cd; padding-bottom: 15px; display: flex; align-items: center; justify-content: space-between; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_course .box_article .box_infor .txt_title { margin-bottom: 15px; } }
@media only screen and (max-width: 767px) { .con_spa_course .box_article .box_infor .txt_title { margin-bottom: 15px; } }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_course .box_article .box_infor .txt_title { font-size: 134%; } }
@media only screen and (max-width: 767px) { .con_spa_course .box_article .box_infor .txt_title { font-size: 100%; } }
.con_spa_course .box_article .box_infor .txt_title span.two { text-align: right; }
.con_spa_course .box_article .box_infor .txt_title span.two em { font-size: 67%; margin-top: 6px; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_course .box_article .box_infor .txt_title span.two em { margin-top: 6px; } }
@media only screen and (max-width: 767px) { .con_spa_course .box_article .box_infor .txt_title span.two em { margin-top: 0.5em; } }
.con_spa_course .box_article .box_infor .txt_title2 { font-size: 134%; margin: 30px 0 15px; }
.con_spa_course .box_article .box_infor .col_box { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; }
.con_spa_course .box_article .box_infor .col_box .txt_detail { width: 23%; border-right: 1px solid #d5d2cd; padding: 0 10px; margin: 15px 0; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_course .box_article .box_infor .col_box .txt_detail { width: 30%; } }
@media only screen and (max-width: 767px) { .con_spa_course .box_article .box_infor .col_box .txt_detail { width: 100%; } }
@media only screen and (max-width: 767px) { .con_spa_course .box_article .box_infor .col_box .txt_detail { border-right: none; } }
@media only screen and (min-width: 1200px) { .con_spa_course .box_article .box_infor .col_box .txt_detail:nth-child(4n+4) { border-right: 0; } }
@media print { .con_spa_course .box_article .box_infor .col_box .txt_detail:nth-child(4n+4) { border-right: 0; } }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_course .box_article .box_infor .col_box .txt_detail:nth-child(3n+3) { border-right: 0; } }
@media only screen and (max-width: 767px) { .con_spa_course .box_article .box_infor .col_box .txt_detail { background: #fff; padding: 1em; }
  .con_spa_course .box_article .box_infor .col_box .txt_detail:nth-child(2n+2) { border-right: 0; } }
.con_spa_course .box_article .box_infor .col_box .txt_detail h4 { font-size: 126%; font-weight: normal; text-align: center; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_spa_course .box_article .box_infor .col_box .txt_detail h4 { font-size: 117%; } }
@media only screen and (max-width: 767px) { .con_spa_course .box_article .box_infor .col_box .txt_detail h4 { font-size: 117%; } }
.con_spa_course .box_article .box_infor .col_box .txt_detail p { margin-top: 10px; font-size: 109%; line-height: 2; }

.con_information { margin-bottom: 50px; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_information { margin-bottom: 30px; } }
@media only screen and (max-width: 767px) { .con_information { margin-bottom: 30px; } }
.con_information ul { margin-left: 25px; }
.con_information ul li { font-size: 109%; padding: 15px 0; list-style-type: disc; color: #615b54; line-height: 2; }
@media only screen and (min-width: 768px) and (max-width: 1199px) { .con_information ul li { padding: 0 0 15px; } }
@media only screen and (max-width: 767px) { .con_information ul li { padding: 0 0 15px; } }