/* main_visual
----------------------------------- */
#sub_visual {padding-top:70px; height:250px;position:relative;z-index:0;overflow: hidden;}
#sub_visual .img { height:250px; position: absolute; top: 0; width:100%;z-index:-1;text-align: center;}
#sub_visual .img img{width:100%;height:100%;object-fit: cover;object-position: center;margin: 0 auto;position:relative;text-align: center;}
#sub_visual .h1_container{max-width:94%;width:94%;margin:0 auto;padding-left:0;position:relative;text-align: right;text-shadow: 2px 2px 5px #00000050;color:#fff;}
#sub_visual .h1_container h1{font-size:30px; line-height: 100%;font-weight: normal;letter-spacing: 0.2em;font-weight: normal;text-transform: uppercase;margin-bottom: 7px;}
#sub_visual .h1_container .ttl{font-size:16px;line-height:100%;font-weight: normal;}

/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb_list{position:absolute;width:94%; top:-53px;line-height:100%;padding:0 2%;max-width:94%;}
#sub_contents .bread_crumb{text-align:left;padding:10px 0 0 0;max-width:94%;margin:0 auto;margin-bottom:30px;}
#sub_contents .bread_crumb div { display:inline;color:#fff;}
#sub_contents .bread_crumb div:after {content : '＞';padding-left:10px; font-family: inherit; font-size:10px;}
#sub_contents .bread_crumb div:last-child:after { content : '';}
#sub_contents .bread_crumb div a {text-decoration:underline;color:#fff;font-size:13px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:10px;padding:0 2%;}

/* sub_contents 
----------------------------------- */
#sub_contents {font-size: 14px; position: relative;z-index:0;}
#sub_contents .section{max-width: 94%; margin: 40px auto 50px;position: relative;padding-bottom: 50px;width:94%;}
#sub_contents .scroll_section { width: 100%;margin: 50px 0 50px;position: relative; }
#sub_contents .sub_ttl h2{ text-align: center;font-size:20px; margin-bottom:10px; position: relative; line-height: 100%; padding-top: 20px;letter-spacing: 0.08em;font-weight: normal;text-transform: capitalize;}
#sub_contents .sub_ttl h2:before{content: '';position: absolute;top:0px;display: inline-block;width:25px;height: 2px;background: #a98465;right: 0px; left: 0; margin: 0 auto;}
#sub_contents .sub_ttl .span{font-size:13px; display: block;margin-bottom:0px;font-weight: normal;color: #a98465;letter-spacing: 0.1em;text-align: center;}
#sub_contents .txt_cen{ text-align: center; font-size:14px; line-height: 200%;font-weight: bold;}
#sub_contents .txt_cen.white{ color: #fff;}
#sub_contents .txt_cen.strong{color: #a98465;}
#sub_contents .txt_st{ text-align: center; line-height: 200%;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 15px;}
#sub_contents .mb30{margin-bottom: 20px;}
#sub_contents .mb50{margin-bottom: 30px;}
#sub_contents .mb80{margin-bottom: 50px;}
#sub_contents .mb100{margin-bottom: 70px;}
#sub_contents .mb150{margin-bottom: 100px;}
#sub_contents .sub_bg{background:#f7f4eb ;padding: 20px 0;z-index:0;}

/* btn
----------------------------------- */
#sub_contents .anker__items{column-gap: 7px;row-gap: 10px;}
#sub_contents .anker__item{width: 100%;position: relative;display: block;}
#sub_contents .anker__item a {display: block;text-align: center;color: #125d09;border: solid 1px #125d09;text-transform: capitalize;padding: 5px;}
#sub_contents .anker__item a:hover {background-color: #125d09;color:#fff;opacity:.8;}

/* concept
----------------------------------- */
#sub_contents .box_greeting_com{padding: 10px 10px 10px;background:url("../images/sub_con_img01.jpg")repeat center center; background-attachment: fixed;}
#sub_contents .box_greeting_com .inner{background: #00000080;padding: 10px 10px; position: relative;text-align: center; margin:0 auto; width:100%; max-width:100%;}
#sub_contents .box_greeting_com .inner p{font-size:14px; font-weight: normal;line-height: 230%;color: #fff;}
#sub_contents .box_greeting_com .inner p.span{font-size:17px; font-weight: normal;line-height: 230%;color: #fff;font-weight: bold;display: block;}

/* herbalcolor
-----------------------------*/
#sub_contents .comm_textBox .img{width: 100%;margin-bottom: 10px;position:relative;} 
#sub_contents .comm_textBox .textarea {width: 100%;}
#sub_contents .comm_textBox .textarea p {line-height:2;}
#sub_contents .comm_textBox .textarea p.ttl {border-bottom: solid 1px #0a0a0a;font-size: 17px;margin-bottom: 10px;font-weight: bold;} 
#sub_contents .comm_textBox .textarea p.number {font-weight: normal;margin-top: 0px;color: #a98465;font-size: 13px;text-transform: capitalize;} 

#sub_contents .check_list_ser .li{ width: 100%; margin-bottom: 7px; position: relative;  padding: 7px 10px 7px 55px;font-size: 15px;font-weight: bold;border-bottom: solid 1px #0a0a0a;}
#sub_contents .check_list_ser .li::before{content: ''; display: block; position: absolute; top: 40%; left: 20px; width:20px; height: 8px; border-left: 3px solid #0a0a0a; border-bottom: 3px solid #0a0a0a; transform: rotate(-45deg);}
#sub_contents .check_list_ser .li .span{display: block;}

#sub_contents .sub_voice {width: 100%;position: relative;}
#sub_contents .sub_voice .box {width: 100%;border: solid 1px #0a0a0a;padding: 20px;display: block;margin-bottom: 20px;}
#sub_contents .sub_voice .box .figure{width: 100%;margin-bottom: 10px;}
#sub_contents .sub_voice .box .figure img{width: 100%;}
#sub_contents .sub_voice .box p.ttl {color: #0a0a0a;font-size: 17px;}
#sub_contents .sub_voice .box p.caption {background-color: #0a0a0a10;padding: 1em;}

/* menu
----------------------------------- */
#sub_contents .tbl_menu {width: 100%;margin-inline: auto;}
#sub_contents .tbl_menu .tr {display: block;margin-bottom: 20px;}
#sub_contents .tbl_menu .th {width: 100%;padding: 5px 5px;border-bottom: 2px solid #a98465;line-height: 1.6;}
#sub_contents .tbl_menu .th .menu_name {font-weight: bold;}
#sub_contents .tbl_menu .td {width: 100%;text-align: right;padding: 5px 5px;line-height: 1.6;border-bottom: none;}
#sub_contents .tbl_menu .td .menu_price {color: #0a0a0a;}
#sub_contents .tbl_menu p.menu_ex {color: #a98465;margin-top: -15px;}

/* guide
-----------------------------*/
#sub_contents .flow_g_area .ttl {border-bottom:1px solid #a98465;margin-bottom:20px;}
#sub_contents .flow_g_area .num {font-size:15px;color:#a98465;padding-right:10px;display:inline-block;}
#sub_contents .flow_g_area .txt {font-size:17px;display:inline-block;padding-bottom:5px;}
#sub_contents .flow_g_area{background-color: #fff;padding:20px;position:relative;;margin-bottom:35px;border: 1px solid #a98465;}
#sub_contents .flow_g_area:not(:last-child):before{display: block;content: "";width: 0;height: 0;width: 0;height: 0;border-top: 15px solid #a98465;border-right: 15px solid transparent;border-left: 15px solid transparent;position: absolute;bottom: -7%;right: 0;left: 0;margin: 0 auto;}
#sub_contents .flow_g_area .img{width: 100%;margin-bottom: 10px;position:relative;} 
#sub_contents .flow_g_area .txt_area {width: 100%;}

#sub_contents .popular_menu {background-color: #fff;padding: 20px;}
#sub_contents .menu_subttl_ill {position: relative;padding-left: 30px;font-size: 17px;}
#sub_contents .menu_subttl_ill::before {content: "";position: absolute;left: 0;top: 40%;transform: translateY(-50%);width: 20px;  height: 20px;background-image: url("../images/sub_guide_icon.png");background-size: contain;background-repeat: no-repeat;background-position: center;}

/* products
-----------------------------*/
#sub_contents .pro_ex_box {background-color: #a9846550;padding: 20px 20px;}

#sub_contents .center_img img{max-width: 100%;width: 100%;margin-bottom: 10px;}
#sub_contents .pro_price {text-align: right;padding: 5px 1em;font-size: 15px;color: #0b4804;width: 100%;}
#sub_contents .menu_ttl {padding: 0 0 0 15px;font-size: 17px;font-weight:normal;text-align: left;border-left: 5px solid #a98465; line-height: 1.5;position: relative;font-weight: normal;}

#sub_contents .ranking_check_area {width: 100%;padding: 20px 20px 10px;border: 1px solid #a98465;}
#sub_contents .ranking_check_area .catch {font-size: 17px;margin-bottom: 10px;font-weight: bold;text-align: center;}
#sub_contents .ranking_check_area .check { padding-left: 30px;display: block;position: relative;margin-bottom: 20px;font-size: 14px;margin-right: 10px;border-bottom: 1px dotted #a98465;padding-bottom: 5px;}
#sub_contents .ranking_check_area .check::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: inline-block;width: 20px;height: 20px;background: url(../images/sub_check.png) no-repeat;background-size: contain;}
#sub_contents .ranking_check_area .check p.span { font-size: 15px;display: block;}

/* salon
-----------------------------*/
#sub_contents .sub_tbl {width: 100%;border-spacing: 0px;border-collapse: collapse;}
#sub_contents .sub_tbl_th p,.sub_tbl_td p{font-size: 14px;}
#sub_contents .sub_tbl_th {text-align: center;padding: 20px;color: #fff;background: #a98465;vertical-align: middle;width: 100%;line-height: 1.6;display: flex;text-align: center;align-items: center;}
#sub_contents .sub_tbl_th div{text-align: center;width: 100%;}
#sub_contents .sub_tbl_td {text-align: center;padding: 20px;font-size: 14px;width: 100%;line-height: 1.6;background: #fff;text-align: left;}
#sub_contents .sub_tbl_tr{border: 1px solid #ccc;border-top: none;}
#sub_contents .sub_tbl_tr:nth-child(1){border-top: 1px solid #ccc;}

#sub_contents .con_img img{width: 100%;margin-bottom: 10px;}
#sub_contents .center_icon {width: 100%;text-align: center;position: relative;}
#sub_contents .center_icon img{width: 50px;text-align: center;margin: 0 auto;}
#sub_contents .sub_map{width:100%;}

@media screen and (min-width:767px) {
/* main_visual
----------------------------------- */
#sub_visual {padding-top:100px; height:350px;position:relative;z-index:0;overflow: hidden;}
#sub_visual .img { height:350px; position: absolute; top: 0; width:100%;z-index:-1;text-align: center;}
#sub_visual .img img{width:100%;height:100%;object-fit: cover;object-position: center;margin: 0 auto;position:relative;text-align: center;}
#sub_visual .h1_container{max-width:94%;width:94%;margin:0 auto;padding-left:0;position:relative;text-align: right;text-shadow: 2px 2px 5px #00000050;color:#fff;}
#sub_visual .h1_container h1{font-size:50px; line-height: 100%;font-weight: normal;letter-spacing: 0.2em;font-weight: normal;text-transform: uppercase;margin-bottom: 10px;}
#sub_visual .h1_container .ttl{font-size:28px;line-height:100%;font-weight: normal;}

/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb_list{position:absolute;width:94%; top:-53px;line-height:100%;padding:0 2%;max-width:94%;}
#sub_contents .bread_crumb{text-align:left;padding:10px 0 0 0;max-width:1140px;margin:0 auto;margin-bottom:30px;}
#sub_contents .bread_crumb div { display:inline;color:#fff;}
#sub_contents .bread_crumb div:after {content : '＞';padding-left:10px; font-family: inherit; font-size:12px;}
#sub_contents .bread_crumb div:last-child:after { content : '';}
#sub_contents .bread_crumb div a {text-decoration:underline;color:#fff;font-size:13px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:12px;padding:0 2%;}

/* sub_contents
----------------------------------- */
#sub_contents {font-size: 15px; position: relative;z-index:0;}
#sub_contents .section{max-width: 1140px; margin: 50px auto 60px;position: relative;padding-bottom: 80px;width:94%;}
#sub_contents .scroll_section { width: 100%;margin: 50px 0 50px;position: relative; }
#sub_contents .sub_ttl h2{ text-align: center;font-size:30px; margin-bottom:10px; position: relative; line-height: 100%; padding-top: 20px;letter-spacing: 0.08em;font-weight: normal;text-transform: capitalize;}
#sub_contents .sub_ttl h2:before{content: '';position: absolute;top:0px;display: inline-block;width:35px;height: 2px;background: #a98465;right: 0px; left: 0; margin: 0 auto;}
#sub_contents .sub_ttl .span{font-size:14px; display: block;margin-bottom:0px;font-weight: normal;color: #a98465;letter-spacing: 0.1em;text-align: center;}
#sub_contents .txt_cen{ text-align: center; font-size:18px; line-height: 200%;}
#sub_contents .txt_st{ text-align: center; line-height: 200%;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#sub_contents .mb50{margin-bottom: 50px;}
#sub_contents .mb80{margin-bottom: 70px;}
#sub_contents .mb100{margin-bottom: 80px;}
#sub_contents .mb150{margin-bottom: 100px;}
#sub_contents .sub_bg{background:#f7f4eb ;padding: 20px 0;z-index:0;}
#sub_contents .sub_bg.owf{background: url(../images/sub_bg03.jpg) no-repeat top center / cover ; background-size: cover; padding: 10px 0px 20px 0;}

/* btn
----------------------------------- */
#sub_contents .anker__items{column-gap: 15px;row-gap: 5px;}
#sub_contents .anker__item{width: 31%;position: relative;display: block;margin-bottom: 5px;}
#sub_contents .anker__item a:hover{opacity:.8;}
#sub_contents .anker__item a {display: block;text-align: center;color: #125d09;border: solid 1px #125d09;text-transform: capitalize;padding: 1em;}
#sub_contents .anker__item a:hover {background-color: #125d09;color:#fff;}

/* concept
----------------------------------- */
#sub_contents .box_greeting_com{padding: 30px 30px 30px;background:url("../images/sub_con_img01.jpg")repeat center center; background-attachment: fixed;}
#sub_contents .box_greeting_com .inner{background: #00000080;padding: 20px 20px; position: relative;text-align: center; margin:0 auto; width:100%; max-width:100%;}
#sub_contents .box_greeting_com .inner p{font-size:16px; font-weight: normal;line-height: 250%;color: #fff;}
#sub_contents .box_greeting_com .inner p.span{font-size:20px; font-weight: normal;line-height: 250%;color: #fff;font-weight: bold;display: inline-block;}

/* herbalcolor
-----------------------------*/
#sub_contents .comm_textBox .img{width: 100%;margin-bottom: 10px;position:relative;} 
#sub_contents .comm_textBox .textarea {width: 100%;}
#sub_contents .comm_textBox .textarea p {line-height:2;}
#sub_contents .comm_textBox .textarea p.ttl {border-bottom: solid 1px #0a0a0a;font-size: 18px;margin-bottom: 10px;font-weight: bold;} 
#sub_contents .comm_textBox .textarea p.number {font-weight: normal;margin-top: 0px;color: #a98465;font-size: 15px;text-transform: capitalize;} 
#sub_contents .comm_textBox .strong {font-weight:bold;font-size:18px;margin-top:20px;text-align:center;}

#sub_contents .check_list_ser .li{ width: 100%; margin-bottom: 10px; position: relative;  padding: 7px 10px 7px 55px;font-size: 15px;font-weight: bold;border-bottom: solid 1px #0a0a0a;}
#sub_contents .check_list_ser .li::before{content: ''; display: block; position: absolute; top: 40%; left: 20px; width:20px; height: 8px; border-left: 3px solid #0a0a0a; border-bottom: 3px solid #0a0a0a; transform: rotate(-45deg);}
#sub_contents .check_list_ser .li .span{display: inline-block;}

#sub_contents .sub_voice {width: 100%;position: relative;}
#sub_contents .sub_voice .box {width: 100%;border: solid 1px #0a0a0a;padding: 30px;display: inline-block;}
#sub_contents .sub_voice .box .figure{width: 100%;margin-bottom: 10px;}
#sub_contents .sub_voice .box .figure img{width: 100%;}
#sub_contents .sub_voice .box p.ttl {color: #0a0a0a;font-size: 24px;}
#sub_contents .sub_voice .box p.caption {background-color: #0a0a0a10;padding: 20px;}

/* menu
----------------------------------- */
#sub_contents .tbl_menu {width: 100%;margin-inline: auto;}
#sub_contents .tbl_menu .tr {display: flex;align-items: flex-end;}
#sub_contents .tbl_menu .th {width: 70%;padding: 15px 0;border-bottom: 2px solid #a98465;line-height: 1.6;}
#sub_contents .tbl_menu .th .menu_name {font-weight: bold;}
#sub_contents .tbl_menu .td {width: 30%;text-align: right;padding: 15px 1em;line-height: 1.6;border-bottom: 1px solid #a98465;}
#sub_contents .tbl_menu .td .menu_price {color: #0a0a0a;}
#sub_contents .tbl_menu .menu_ex {color: #a98465;}

/* guide
-----------------------------*/
#sub_contents .flow_g_area .ttl {border-bottom:1px solid #a98465;margin-bottom:20px;}
#sub_contents .flow_g_area .num {font-size:22px;color:#a98465;padding-right:10px;display:inline-block;}
#sub_contents .flow_g_area .txt {font-size:20px;display:inline-block;font-weight:500;font-size:20px;padding-bottom:5px;}
#sub_contents .flow_g_area{background-color: #fff;padding:20px;position:relative;;margin-bottom:55px;border: 1px solid #a98465;}
#sub_contents .flow_g_area:not(:last-child):before{display: block;content: "";width: 0;height: 0;width: 0;height: 0;border-top: 15px solid #a98465;border-right: 15px solid transparent;border-left: 15px solid transparent;position: absolute;bottom: -15%;right: 0;left: 0;margin: 0 auto;}
#sub_contents .flow_g_area .img{width: 26%;margin-bottom: 0px;position:relative;} 
#sub_contents .flow_g_area .txt_area {width: 70%;}

#sub_contents .popular_menu {background-color: #fff;padding: 40px;}
#sub_contents .menu_subttl_ill {position: relative;padding-left: 40px;font-size: 24px;scroll-margin-top: 150px;}
#sub_contents .menu_subttl_ill::before {content: "";position: absolute;left: 0;top: 40%;transform: translateY(-50%);width: 30px;  height: 30px;background-image: url("../images/sub_guide_icon.png");background-size: contain;background-repeat: no-repeat;background-position: center;}

/* products
-----------------------------*/
#sub_contents .pro_ex_box {background-color: #a9846550;padding: 30px 30px;}

#sub_contents .center_img img{max-width: 100%;width: 80%;margin-bottom: 10px;}
#sub_contents .pro_price {text-align: right;padding: 5px 1em;font-size: 18px;color: #0b4804;width: 100%;}
#sub_contents .menu_ttl {padding: 0 0 0 15px;font-size: 24px;font-weight:normal;text-align: left;border-left: 5px solid #a98465; line-height: 1.5;position: relative;font-weight: normal;}

#sub_contents .ranking_check_area {width: 100%;padding: 20px 30px 10px;border: 1px solid #a98465;}
#sub_contents .ranking_check_area .catch {font-size: 26px;margin-bottom: 20px;font-weight: bold;text-align: center;}
#sub_contents .ranking_check_area .check { padding-left: 30px;display: block;position: relative;margin-bottom: 20px;font-size: 15px;margin-right: 10px;border-bottom: 1px dotted #a98465;padding-bottom: 5px;}
#sub_contents .ranking_check_area .check::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: inline-block;width: 20px;height: 20px;background: url(../images/sub_check.png) no-repeat;background-size: contain;}
#sub_contents .ranking_check_area .check p.span { font-size: 18px;display: inline-block;}

/* salon
-----------------------------*/
#sub_contents .sub_tbl {width: 100%;border-spacing: 0px;border-collapse: collapse;}
#sub_contents .sub_tbl_th p,.sub_tbl_td p{font-size: 16px;}
#sub_contents .sub_tbl_th {text-align: center;padding: 20px;font-size: 16px;color: #fff;background: #a98465;vertical-align: middle;width: 30%;line-height: 1.6;display: flex;text-align: center;align-items: center;}
#sub_contents .sub_tbl_th p{font-weight: 600;}
#sub_contents .sub_tbl_th div{text-align: center;width: 100%;}
#sub_contents .sub_tbl_td {text-align: center;padding: 20px 36px 20px 35px;font-size: 16px;width: 70%;line-height: 1.6;background: #fff;text-align: left;}
#sub_contents .sub_tbl_tr{border: 1px solid #ccc;border-top: none;}
#sub_contents .sub_tbl_tr:nth-child(1){border-top: 1px solid #ccc;}

#sub_contents .con_img img{width: 49%;}
#sub_contents .center_icon {width: 100%;text-align: center;position: relative;}
#sub_contents .center_icon img{width: 150px;text-align: center;margin: 0 auto;}
#sub_contents .sub_map{width:100%;}
}

@media screen and (min-width:1024px) {
/* main_visual
----------------------------------- */
#sub_visual {padding-top:100px; height:350px;position:relative;z-index:0;overflow: hidden;}
#sub_visual .img { height:350px; position: absolute; top: 0; width:100%;z-index:-1;text-align: center;}
#sub_visual .img img{width:100%;height:100%;object-fit: cover;object-position: center;margin: 0 auto;position:relative;text-align: center;}
#sub_visual .h1_container{max-width:1140px;width:94%;margin:0 auto;padding-left:0;position:relative;text-align: right;text-shadow: 2px 2px 5px #00000050;color:#fff;}
#sub_visual .h1_container h1{font-size:60px; line-height: 100%;font-weight: normal;letter-spacing: 0.2em;font-weight: normal;text-transform: uppercase;margin-bottom: 10px;}
#sub_visual .h1_container .ttl{font-size:30px;line-height:100%;font-weight: normal;}

/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb_list{position:absolute;width:94%; top:-53px;line-height:100%;padding:0 2%;max-width:1140px;}
#sub_contents .bread_crumb{text-align:left;padding:10px 0 0 0;max-width:1140px;margin:0 auto;margin-bottom:30px;}
#sub_contents .bread_crumb div { display:inline;color:#fff;}
#sub_contents .bread_crumb div:after {content : '＞';padding-left:10px; font-family: inherit; font-size:13px;}
#sub_contents .bread_crumb div:last-child:after { content : '';}
#sub_contents .bread_crumb div a {text-decoration:underline;color:#fff;font-size:13px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:13px;padding:0 2%;}

/* sub_contents 
----------------------------------- */
#sub_contents {font-size: 16px; position: relative;z-index:0;}
#sub_contents .section{max-width: 1140px; margin: 70px auto 80px;position: relative;padding-bottom: 100px;width:94%;}
#sub_contents .scroll_section { width: 100%;margin: 50px 0 50px;position: relative; }
#sub_contents .sub_ttl h2{ text-align: center;font-size:40px; margin-bottom:10px; position: relative; line-height: 100%; padding-top: 20px;letter-spacing: 0.08em;font-weight: normal;text-transform: capitalize;}
#sub_contents .sub_ttl h2:before{content: '';position: absolute;top:0px;display: inline-block;width:40px;height: 2px;background: #a98465;right: 0px; left: 0; margin: 0 auto;}
#sub_contents .sub_ttl .span{font-size:18px; display: block;margin-bottom:0px;font-weight: normal;color: #a98465;letter-spacing: 0.1em;text-align: center;}
#sub_contents .txt_cen{ text-align: center; font-size:20px; line-height: 200%;}
#sub_contents .txt_cen.white{ color: #fff;}
#sub_contents .txt_cen.strong{color: #a98465;}
#sub_contents .txt_st{ text-align: center; line-height: 200%;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#sub_contents .mb50{margin-bottom: 50px;}
#sub_contents .mb80{margin-bottom: 80px;}
#sub_contents .mb100{margin-bottom: 100px;}
#sub_contents .mb150{margin-bottom: 150px;}
#sub_contents .sub_bg{background:#f7f4eb ;padding: 30px 0;z-index:0;}
#sub_contents .sub_bg.owf{background: url(../images/sub_bg03.jpg) no-repeat top center / cover ; background-size: cover; padding: 10px 0px 20px 0;}

/* btn
----------------------------------- */
#sub_contents .anker__items{column-gap: 10px;row-gap: 10px;}
#sub_contents .anker__item{width: 23%;position: relative;display: block;}
#sub_contents .anker__item a:hover{opacity:.8;}
#sub_contents .anker__item a {display: block;text-align: center;color: #125d09;border: solid 1px #125d09;text-transform: capitalize;padding: 1em;}
#sub_contents .anker__item a:hover {background-color: #125d09;color:#fff;}


/* concept
----------------------------------- */
#sub_contents .box_greeting_com{padding: 40px 40px 40px;background:url("../images/sub_con_img01.jpg")repeat center center; background-attachment: fixed;}
#sub_contents .box_greeting_com .inner{background: #00000080;padding: 50px 50px; position: relative;text-align: center; margin:0 auto; width:100%; max-width:100%;}
#sub_contents .box_greeting_com .inner p{font-size:18px; font-weight: normal;line-height: 250%;color: #fff;}
#sub_contents .box_greeting_com .inner p.span{font-size:22px; font-weight: normal;line-height: 250%;color: #fff;font-weight: bold;display: inline-block;}

/* herbalcolor
-----------------------------*/
#sub_contents .comm_textBox .img{width: 50%;margin-bottom: 0px;position:relative;} 
#sub_contents .comm_textBox .textarea {width: 45%;}
#sub_contents .comm_textBox .textarea p {line-height:2;}
#sub_contents .comm_textBox .textarea p.pro_point {background-color: #fae8ef;border-radius: 5px;font-size: 15px;padding: 5px 1em;display: inline-block;margin-bottom: 10px;}
#sub_contents .comm_textBox .textarea p.ttl {border-bottom: solid 1px #0a0a0a;font-size: 20px;margin-bottom: 10px;font-weight: bold;} 
#sub_contents .comm_textBox .textarea p.number {font-weight: normal;margin-top: 0px;color: #a98465;font-size: 15px;text-transform: capitalize;} 
#sub_contents .comm_textBox .strong {font-weight:bold;font-size:20px;margin-top:20px;text-align:center;}

#sub_contents .check_list_ser .li{ width: 100%; margin-bottom: 10px; position: relative;  padding: 10px 10px 10px 55px;font-size: 15px;font-weight: bold;border-bottom: solid 1px #0a0a0a;}
#sub_contents .check_list_ser .li::before{content: ''; display: block; position: absolute; top: 40%; left: 20px; width:20px; height: 8px; border-left: 3px solid #0a0a0a; border-bottom: 3px solid #0a0a0a; transform: rotate(-45deg);}
#sub_contents .check_list_ser .li .span{display: inline-block;}

#sub_contents .sub_voice {width: 100%;position: relative;}
#sub_contents .sub_voice .box {width: 32%;border: solid 1px #0a0a0a;padding: 30px;display: inline-block;}
#sub_contents .sub_voice .box .figure{width: 100%;margin-bottom: 10px;}
#sub_contents .sub_voice .box .figure img{width: 100%;}
#sub_contents .sub_voice .box p.ttl {color: #0a0a0a;font-size: 20px;}
#sub_contents .sub_voice .box p.caption {background-color: #0a0a0a10;padding: 20px;}

/* menu
----------------------------------- */
#sub_contents .tbl_menu {width: 100%;margin-inline: auto;}
#sub_contents .tbl_menu .tr {display: flex;align-items: flex-end;}
#sub_contents .tbl_menu .th {width: 70%;padding: 15px 0;border-bottom: 2px solid #a98465;line-height: 1.6;}
#sub_contents .tbl_menu .th .menu_name {font-weight: bold;}
#sub_contents .tbl_menu .td {width: 30%;text-align: right;padding: 15px 1em;line-height: 1.6;border-bottom: 1px solid #a98465;}
#sub_contents .tbl_menu .td .menu_price {color: #0a0a0a;}
#sub_contents .tbl_menu .menu_ex {color: #a98465;}

/* guide
-----------------------------*/
#sub_contents .flow_g_area .ttl {border-bottom:1px solid #a98465;margin-bottom:20px;}
#sub_contents .flow_g_area .num {font-size:24px;color:#a98465;padding-right:10px;display:inline-block;}
#sub_contents .flow_g_area .txt {font-size:20px;display:inline-block;font-weight:500;font-size:20px;padding-bottom:5px;}
#sub_contents .flow_g_area{background-color: #fff;padding:30px;position:relative;;margin-bottom:55px;border: 1px solid #a98465;}
#sub_contents .flow_g_area:not(:last-child):before{display: block;content: "";width: 0;height: 0;width: 0;height: 0;border-top: 15px solid #a98465;border-right: 15px solid transparent;border-left: 15px solid transparent;position: absolute;bottom: -13%;right: 0;left: 0;margin: 0 auto;}
#sub_contents .flow_g_area .img{width: 26%;margin-bottom: 0px;position:relative;} 
#sub_contents .flow_g_area .txt_area {width: 70%;}

#sub_contents .popular_menu {background-color: #fff;padding: 50px;}
#sub_contents .menu_subttl_ill {position: relative;padding-left: 50px;font-size: 24px;scroll-margin-top: 150px;}
#sub_contents .menu_subttl_ill::before {content: "";position: absolute;left: 0;top: 40%;transform: translateY(-50%);width: 40px;  height: 40px;background-image: url("../images/sub_guide_icon.png");background-size: contain;background-repeat: no-repeat;background-position: center;}

/* products
-----------------------------*/
#sub_contents .pro_ex_box {background-color: #a9846550;padding: 20px 20px;}

#sub_contents .center_img {width: 100%;}
#sub_contents .center_img img{max-width: 600px;width: 100%;margin-bottom: 10px;}
#sub_contents .pro_price {text-align: right;padding: 5px 1em;font-size: 18px;color: #0b4804;width: 100%;}
#sub_contents .menu_ttl {padding: 0 0 0 15px;font-size: 26px;font-weight:normal;text-align: left;border-left: 5px solid #a98465; line-height: 1.5;position: relative;font-weight: normal;}

#sub_contents .ranking_check_area {width: 100%;padding: 20px 20px 10px;border: 1px solid #a98465;}
#sub_contents .ranking_check_area .catch {font-size: 24px;margin-bottom: 20px;font-weight: bold;text-align: center;}
#sub_contents .ranking_check_area .check { padding-left: 30px;display: block;position: relative;margin-bottom: 20px;font-size: 14px;margin-right: 10px;border-bottom: 1px dotted #a98465;padding-bottom: 5px;}
#sub_contents .ranking_check_area .check::before {content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);display: inline-block;width: 20px;height: 20px;background: url(../images/sub_check.png) no-repeat;background-size: contain;}
#sub_contents .ranking_check_area .check p.span { font-size: 18px;display: inline-block;}

/* salon
-----------------------------*/
#sub_contents .sub_tbl {width: 100%;border-spacing: 0px;border-collapse: collapse;}
#sub_contents .sub_tbl_th p,.sub_tbl_td p{font-size: 16px;}
#sub_contents .sub_tbl_th {text-align: center;padding: 20px;font-size: 16px;color: #fff;background: #a98465;vertical-align: middle;width: 30%;line-height: 1.6;display: flex;text-align: center;align-items: center;}
#sub_contents .sub_tbl_th p{font-weight: 600;}
#sub_contents .sub_tbl_th div{text-align: center;width: 100%;}
#sub_contents .sub_tbl_td {text-align: center;padding: 20px 36px 20px 35px;font-size: 16px;width: 70%;line-height: 1.6;background: #fff;text-align: left;}
#sub_contents .sub_tbl_tr{border: 1px solid #ccc;border-top: none;}
#sub_contents .sub_tbl_tr:nth-child(1){border-top: 1px solid #ccc;}

#sub_contents .con_img img{width: 49%;}
#sub_contents .center_icon {width: 100%;text-align: center;position: relative;}
#sub_contents .center_icon img{width: 100px;text-align: center;margin: 0 auto;}
#sub_contents .sub_map{width:100%;}
}

@media screen and (min-width:1025px) {
/* main_visual
----------------------------------- */
#sub_visual {padding-top:100px; height:350px;position:relative;z-index:0;overflow: hidden;}
#sub_visual .img { height:350px; position: absolute; top: 0; width:100%;z-index:-1;text-align: center;}
#sub_visual .img img{width:100%;height:100%;object-fit: cover;object-position: center;margin: 0 auto;position:relative;text-align: center;}
#sub_visual .h1_container{max-width:1140px;width:94%;margin:0 auto;padding-left:0;position:relative;text-align: right;text-shadow: 2px 2px 5px #00000050;color:#fff;}
#sub_visual .h1_container h1{font-size:60px; line-height: 100%;font-weight: normal;letter-spacing: 0.2em;font-weight: normal;text-transform: uppercase;margin-bottom: 10px;}
#sub_visual .h1_container .ttl{font-size:30px;line-height:100%;font-weight: normal;}

/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb_list{position:absolute;width:94%; top:-53px;line-height:100%;padding:0 2%;max-width:1140px;}
#sub_contents .bread_crumb{text-align:left;padding:10px 0 0 0;max-width:1140px;margin:0 auto;margin-bottom:30px;}
#sub_contents .bread_crumb div { display:inline;color:#fff;}
#sub_contents .bread_crumb div:after {content : '＞';padding-left:10px; font-family: inherit; font-size:13px;}
#sub_contents .bread_crumb div:last-child:after { content : '';}
#sub_contents .bread_crumb div a {text-decoration:underline;color:#fff;font-size:13px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:13px;padding:0 2%;}

/* sub_contents 
----------------------------------- */
#sub_contents {font-size: 16px; position: relative;z-index:0;padding-left:260px;}
#sub_contents .section{max-width: 1140px; margin: 70px auto 80px;position: relative;padding-bottom: 100px;width:94%;}
#sub_contents .scroll_section { width: 100%;margin: 50px 0 50px;position: relative; }
#sub_contents .sub_ttl h2{ text-align: center;font-size:40px; margin-bottom:10px; position: relative; line-height: 100%; padding-top: 20px;letter-spacing: 0.08em;font-weight: normal;text-transform: capitalize;}
#sub_contents .sub_ttl h2:before{content: '';position: absolute;top:0px;display: inline-block;width:40px;height: 2px;background: #a98465;right: 0px; left: 0; margin: 0 auto;}
#sub_contents .sub_ttl .span{font-size:18px; display: block;margin-bottom:0px;font-weight: normal;color: #a98465;letter-spacing: 0.1em;text-align: center;}
#sub_contents .txt_cen{ text-align: center; font-size:20px; line-height: 200%;}
#sub_contents .txt_cen.white{ color: #fff;}
#sub_contents .txt_cen.strong{color: #a98465;}
#sub_contents .txt_st{ text-align: center; line-height: 200%;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#sub_contents .mb50{margin-bottom: 50px;}
#sub_contents .mb80{margin-bottom: 80px;}
#sub_contents .mb100{margin-bottom: 100px;}
#sub_contents .mb150{margin-bottom: 150px;}
#sub_contents .sub_bg{background:#f7f4eb ;padding: 30px 0;z-index:0;}
#sub_contents .sub_bg.owf{background: url(../images/sub_bg03.jpg) no-repeat top center / cover ; background-size: cover; padding: 10px 0px 20px 0;}
}