/* main_visual
----------------------------------- */
#sub_visual {padding-top:100px; 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;color:#fff;}
#sub_visual .h1_container h1{font-size:32px; line-height: 100%;font-weight: normal;letter-spacing: 0.2em;font-weight: normal;text-transform: capitalize;margin-bottom: 10px;}
#sub_visual .h1_container .ttl{font-size:15px;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:13px;padding:0 2%;}

/* sub_contents
----------------------------------- */
#sub_contents {font-size: 13.5px; position: relative;z-index:0;}
#sub_contents .section{max-width: 94%; 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 { scroll-margin-top: 100px;position: static;}
#sub_contents .sub_ttl h2{ text-align: center;font-size:22px; margin-bottom:10px; position: relative; line-height: 100%; padding-top: 20px;letter-spacing: 0.08em;font-weight: normal;}
#sub_contents .sub_ttl h2:before{content: '';position: absolute;top:0px;display: inline-block;width:30px;height: 1px;background: #111;right: 0px; left: 0; margin: 0 auto;}
#sub_contents .sub_ttl .span{font-size:12px; display: block;margin-bottom:0px;font-weight: normal;color: #111;letter-spacing: 0.1em;text-align: center;}
#sub_contents .txt_cen{ text-align: center; font-size:15px; line-height: 200%;}
#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: 150px;}
#sub_contents .sub_bg{background: url(../images/sub_bg01.png) 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: 100%;position: relative;display: block;}
#sub_contents .anker__item.w20{width: 48%;position: relative;display: block;}
#sub_contents .anker__item a:hover{opacity:.8;}
#sub_contents .anker__item a {display: block;text-align: center;color: #111;border: solid 1px #111;text-transform: capitalize;padding: 1em;border-radius: 9999px;}
#sub_contents .anker__item a:hover {background-color: #111;color:#fff;}

/* tab
----------------------------------- */
#sub_contents .tab_area {gap:30px;}
#sub_contents .tab {position: relative;width:100%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #111111;}
#sub_contents .tab.w40 {position: relative;width:40%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #111111;}
#sub_contents .tab p.ttl {font-size: 20px;display: inline;}
#sub_contents .tab.is-active::after {position: absolute;bottom: -11px;left: 50%;transform: translateX(-50%);width: 20px;height: 10px;background-color: #111111;content: '';clip-path: polygon(0 0, 100% 0, 50% 100%);}
#sub_contents .panel {display: none;}
#sub_contents .panel.is-active {display: block;background-size: cover;padding: 0px 0 0;}

/* 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: 20px 10px; position: relative;text-align: center; margin:0 auto; width:100%; max-width:100%;}
#sub_contents .box_greeting_com .inner p.content{font-size:13px; font-weight: normal;line-height: 230%;color: #fff;display: inline-block;}
#sub_contents .box_greeting_com .inner p.ttl{font-size:17px; font-weight: normal;line-height: 200%;color: #fff;display: block;}
#sub_contents .comm_textBox {position: relative;}
#sub_contents .comm_textBox.blackbox {background-color: #00000010;padding: 20px 20px;}
#sub_contents .comm_textBox.whitebox {background-color: #ffffff50;padding: 20px 20px;}
#sub_contents .comm_textBox .img{width: 100%;margin-bottom: 10px;position:relative;} 
#sub_contents .comm_textBox .textarea {width: 100%;margin-bottom:0px;}
#sub_contents .comm_textBox .textarea p.ex {line-height:2;margin-bottom: 10px;font-size: 13px;}
#sub_contents .comm_textBox .textarea p.ttl {border-bottom: solid 1px #111111;margin-bottom: 10px;font-weight: normal;font-size: 17px;padding-bottom:5px;} 
#sub_contents .comm_textBox .textarea p.ttl.pro {margin-bottom: 0px} 
#sub_contents .comm_textBox .textarea p.price {text-align: right;padding: 5px 1em;font-size: 15px;color: #111111;width: 100%;}
#sub_contents .comm_textBox .textarea p.number {font-size: 13px;margin-bottom: 5px;text-transform: capitalize;font-weight: normal;color: #c0b6a3;}
#sub_contents .comm_textBox .textarea p.staff_name {font-weight: normal;font-size: 17px;}
#sub_contents .comm_textBox .textarea p.staff_name_en {color: #c0b6a3;text-transform: capitalize;}
#sub_contents .comm_textBox .textarea p.staff {font-family: "Zen Old Mincho", serif;margin-bottom: 10px;font-weight: normal;border-bottom: solid 1px #c0b6a3;font-size: 16px;}
#sub_contents img.sub_ill_01  { width: calc((200/1024)*100%); left: -0%;top: 0%;transform: translate(0, -50%);z-index: 0;position: absolute;opacity: 0.2;}
#sub_contents img.sub_ill_02  { width: calc((200/1024)*100%); right: -0%;top: 0%;transform: translate(0, -50%);z-index: 0;position: absolute;opacity: 0.2;}

/* menu
----------------------------------- */
#sub_contents .menu_subttl{position: relative;padding-left: 20px; font-size:14px;font-weight: bold;}
#sub_contents .menu_subttl::before{position: absolute; left: 0px; top: 40%; content: ""; width: 8px; height: 8px; ; background: #c0b6a3;}
#sub_contents .tbl_menu {width: 100%;margin-inline: auto;}
#sub_contents .tbl_menu .tr {display: block;margin-bottom: 0px;}
#sub_contents .tbl_menu .th {width: 100%;padding: 5px 5px;line-height: 1.6;}
#sub_contents .tbl_menu .th .menu_name {font-weight: normal;}
#sub_contents .tbl_menu .td {width: 100%;text-align: right;padding: 5px 5px;line-height: 1.6;border-bottom: none;border-bottom: 1px solid #111111;}
#sub_contents .tbl_menu .td .menu_price {color: #111111;}
#sub_contents .tbl_menu p.menu_ex {color: #111111;}

/* recommendation
----------------------------------- */
#sub_contents .menu_ttl {padding: 0 0 0 15px;font-size: 17px;font-weight:normal;text-align: left;border-left: 5px solid #c0b6a3; line-height: 1.5;position: relative;font-weight: normal;}
#sub_contents .bene_list {padding: 10px 20px;position: relative;background-color: #ffffff90;}
#sub_contents .bene_list.worry {background-color: #00000010;}
#sub_contents .bene_list p {font-size:14px; display: block;padding-left: 30px;}
#sub_contents .bene_list p::before {content: "";position: absolute;left: 20px;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 .bene_list.worry p::before {content: "";position: absolute;left: 20px;top: 50%;transform: translateY(-50%);display: inline-block;width: 20px;height: 20px;background: url(../images/sub_comment_icon.png) no-repeat;background-size: contain;}

/* salon
-----------------------------*/
#sub_contents .con_img img{width: 100%;margin-bottom: 10px;}
#sub_contents .sub_map{width:100%;}

#sub_contents .tbl_info {width: 100%;margin-inline: auto;position: relative;}
#sub_contents .tbl_info.white {background-color: #fff;padding: 10px;}
#sub_contents .tbl_info .tr {display: block;align-items: center;position: relative;align-items: stretch;}
#sub_contents .tbl_info .th {width: 100%;padding: 1em;border-bottom: none;text-align: center;align-items: center;vertical-align: middle;}
#sub_contents .tbl_info .th p.ttl {font-weight: normal;line-height: 2em;}
#sub_contents .tbl_info .td {width: 100%;text-align: left;padding: 1em;border-bottom: 1px solid #111;}
#sub_contents .tbl_info .td p.info {font-weight: normal;display: inline-block;line-height: 2em;}
#sub_contents .tbl_info .td p.info.block {display: block;}
#sub_contents .tbl_info .td a {color: #555555;border-bottom: solid 1px #555;}

/* merit
----------------------------------- */
#sub_contents p.sub_cap_01_box {width: 100%;position: relative;text-align: center;}
#sub_contents p.sub_cap_01 {position: relative;line-height: 1.4;padding:0.25em 1em;display: inline-block;top:0;font-size: 17px;}
#sub_contents p.sub_cap_01:before, #sub_contents p.sub_cap_01:after {position: absolute;top: 0;content:'';width: 8px;height: 100%; display: inline-block;}
#sub_contents p.sub_cap_01:before { border-left: solid 1px #111111;border-top: solid 1px #111111;border-bottom: solid 1px #111111;left: 0;}
#sub_contents p.sub_cap_01:after {content: '';border-top: solid 1px #111111;border-right: solid 1px #111111;border-bottom: solid 1px #111111;right: 0;}
#sub_contents .sub_business{position: relative; padding: 20px 10px; background-color: #ffffff50;font-weight: normal;text-align: center;}
#sub_contents .sub_business::before { position: absolute;top: -5px; left: -5px;width: 100%;height: 100%; border: 1px solid #c0b6a3;transition: .3s;content: '';
}
#sub_contents .sub_business p.ttl{font-size: 16px;color:#111111;}

/* curriculum
----------------------------------- */
#sub_contents .r_flow {width: 100%;margin-bottom: 100px;padding-left: 0px;position: relative;}
#sub_contents .r_flow::before {content: "";width: 15px;height: 100%;background: #eee;margin-left: -8px;display: block;position: absolute;top: 0;left: 98%;}
#sub_contents .r_flow .li { position: relative;padding: 30px 0px;}
#sub_contents .r_flow .li .icon {font-size: 13px;color: #fff;background: #111111;padding: 0px 65px 0px;display: block;position: absolute;top: 5px;margin-bottom: 0px;left: 0px;z-index: 100;border-radius:0;text-align:center;}
#sub_contents .r_flow .li .icon::after {content: "";border-style: solid;border-width: 5px 0 5px 10px;border-color: transparent transparent transparent #111111;position: absolute;top: 50%;left: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
#sub_contents .r_flow .li .dl {padding-left: 0px;position: relative;}
#sub_contents .r_flow .li .dl::before,
#sub_contents .r_flow .li .dl::after {content: "";display: block;position: absolute;top: 16px;}
#sub_contents .r_flow .li .dl::before { width: 7px; height: 7px; margin-top: -33px; background: #111111; border-radius: 50%; left: 89%;}
#sub_contents .r_flow .li .dl::after {width: 40%; border-bottom: 1px solid #111111;position: absolute;left: 50%;top: -15px;}
#sub_contents .r_flow .li .dl .dt {font-size: 17px;margin-bottom: 1vh;}
#sub_contents .r_flow .li p {margin-top: 0px;font-size: 14px;}

@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:1140px;width:94%;margin:0 auto;padding-left:0;position:relative;text-align: right;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: capitalize;margin-bottom: 10px;}
#sub_visual .h1_container .ttl{font-size:20px;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: 15px; 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 { scroll-margin-top: 80px;}
#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;}
#sub_contents .sub_ttl h2:before{content: '';position: absolute;top:0px;display: inline-block;width:40px;height: 1px;background: #111;right: 0px; left: 0; margin: 0 auto;}
#sub_contents .sub_ttl .span{font-size:18px; display: block;margin-bottom:0px;font-weight: normal;color: #111;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: url(../images/sub_bg01.png) 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: 32%;position: relative;display: block;}
#sub_contents .anker__item.w20{width: 24%;position: relative;display: block;}
#sub_contents .anker__item a:hover{opacity:.8;}
#sub_contents .anker__item a {display: block;text-align: center;color: #111;border: solid 1px #111;text-transform: capitalize;padding: 1em;border-radius: 9999px;}
#sub_contents .anker__item a:hover {background-color: #111;color:#fff;}

/* tab
----------------------------------- */
#sub_contents .tab_area {gap:30px;}
#sub_contents .tab {position: relative;width:30%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #111111;}
#sub_contents .tab.w40 {position: relative;width:40%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #111111;}
#sub_contents .tab p.ttl {font-size: 20px;display: inline;}
#sub_contents .tab.is-active::after {position: absolute;bottom: -11px;left: 50%;transform: translateX(-50%);width: 20px;height: 10px;background-color: #111111;content: '';clip-path: polygon(0 0, 100% 0, 50% 100%);}
#sub_contents .panel {display: none;}
#sub_contents .panel.is-active {display: block;background-size: cover;padding: 0px 0 0;}

/* 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: 30px 30px; position: relative;text-align: center; margin:0 auto; width:100%; max-width:100%;}
#sub_contents .box_greeting_com .inner p.content{font-size:16px; font-weight: normal;line-height: 230%;color: #fff;display: inline-block;}
#sub_contents .box_greeting_com .inner p.ttl{font-size:26px; font-weight: normal;line-height: 200%;color: #fff;display: block;}
#sub_contents .comm_textBox {position: relative;}
#sub_contents .comm_textBox.blackbox {background-color: #00000010;padding: 30px 40px;}
#sub_contents .comm_textBox.whitebox {background-color: #ffffff50;padding: 30px 40px;}
#sub_contents .comm_textBox .img{width: 100%;margin-bottom: 10px;position:relative;text-align: center;} 
#sub_contents .comm_textBox .img img{margin: 0 auto;width: 80%;} 
#sub_contents .comm_textBox .textarea {width: 100%;margin-bottom:0px;}
#sub_contents .comm_textBox .textarea p.ex {line-height:2;}
#sub_contents .comm_textBox .textarea p.ttl {border-bottom: solid 1px #111111;margin-bottom: 10px;font-weight: normal;font-size: 22px;} 
#sub_contents .comm_textBox .textarea p.ttl.pro {margin-bottom: 0px} 
#sub_contents .comm_textBox .textarea p.price {text-align: right;padding: 5px 1em;font-size: 18px;color: #111111;width: 100%;}
#sub_contents .comm_textBox .textarea p.number {font-size: 18px;margin-bottom: 5px;text-transform: capitalize;font-weight: normal;color: #c0b6a3;}
#sub_contents .comm_textBox .textarea p.staff_name {font-weight: normal;font-size: 28px;}
#sub_contents .comm_textBox .textarea p.staff_name_en {color: #c0b6a3;text-transform: capitalize;}
#sub_contents .comm_textBox .textarea p.staff {font-family: "Zen Old Mincho", serif;margin-bottom: 10px;font-weight: normal;border-bottom: solid 1px #c0b6a3;font-size: 18px;}
#sub_contents img.sub_ill_01  { width: calc((200/1024)*100%); left: -0%;top: 0%;transform: translate(0, -50%);z-index: 0;position: absolute;opacity: 0.2;}
#sub_contents img.sub_ill_02  { width: calc((200/1024)*100%); right: -0%;top: 0%;transform: translate(0, -50%);z-index: 0;position: absolute;opacity: 0.2;}

/* menu
----------------------------------- */
#sub_contents .menu_subttl{position: relative;padding-left: 20px; font-size:20px;}
#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: 1px solid #111111;line-height: 1.6;}
#sub_contents .tbl_menu .th .menu_name {font-weight: normal;}
#sub_contents .tbl_menu .td {width: 30%;text-align: right;padding: 15px 1em;line-height: 1.6;border-bottom: 1px solid #ccc;}
#sub_contents .tbl_menu .td .menu_price {color: #111111;}
#sub_contents .tbl_menu .menu_ex {color: #111111;}

/* recommendation
----------------------------------- */
#sub_contents .menu_ttl {padding: 0 0 0 15px;font-size: 20px;font-weight:normal;text-align: left;border-left: 5px solid #c0b6a3; line-height: 1.5;position: relative;font-weight: normal;}
#sub_contents .bene_list {padding: 10px 30px;position: relative;background-color: #ffffff90;}
#sub_contents .bene_list.worry {padding: 10px 30px;position: relative;background-color: #00000010;}
#sub_contents .bene_list p {font-size:18px; display: inline-block;padding-left: 40px;}
#sub_contents .bene_list p.span {padding-left: 0px;}
#sub_contents .bene_list p::before {content: "";position: absolute;left: 30px;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 .bene_list.worry p::before {content: "";position: absolute;left: 30px;top: 50%;transform: translateY(-50%);display: inline-block;width: 20px;height: 20px;background: url(../images/sub_comment_icon.png) no-repeat;background-size: contain;}

/* 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%;}

#sub_contents .tbl_info {width: 100%;margin-inline: auto;position: relative;}
#sub_contents .tbl_info.white {background-color: #fff;padding: 30px;}
#sub_contents .tbl_info .tr {display: flex;align-items: center;position: relative;align-items: stretch;}
#sub_contents .tbl_info .th {width: 20%;padding: 20px;border-bottom: 1px solid #111;text-align: center;align-items: center;vertical-align: middle;}
#sub_contents .tbl_info .th p.ttl {font-weight: normal;line-height: 2em;}
#sub_contents .tbl_info .td {width: 80%;text-align: left;padding: 20px;border-bottom: 1px solid #ccc;}
#sub_contents .tbl_info .td p.info {font-weight: normal;display: inline-block;line-height: 2em;}
#sub_contents .tbl_info .td p.info.block {display: block;}
#sub_contents .tbl_info .td a {color: #555555;border-bottom: solid 1px #555;}

/* merit
----------------------------------- */
#sub_contents p.sub_cap_01 {position: relative;line-height: 1.4;padding:0.25em 1em;display: inline-block;top:0;font-size: 20px;}
#sub_contents p.sub_cap_01:before, #sub_contents p.sub_cap_01:after {position: absolute;top: 0;content:'';width: 8px;height: 100%; display: inline-block;}
#sub_contents p.sub_cap_01:before { border-left: solid 1px #111111;border-top: solid 1px #111111;border-bottom: solid 1px #111111;left: 0;}
#sub_contents p.sub_cap_01:after {content: '';border-top: solid 1px #111111;border-right: solid 1px #111111;border-bottom: solid 1px #111111;right: 0;}
#sub_contents .sub_business{position: relative; padding: 30px 40px; background-color: #ffffff50;font-weight: normal;text-align: center;}
#sub_contents .sub_business::before { position: absolute;top: -10px; left: -10px;width: 100%;height: 100%; border: 1px solid #c0b6a3;transition: .3s;content: '';
}
#sub_contents .sub_business p.ttl{font-size: 16px;color:#111111;}


/* curriculum
----------------------------------- */
#sub_contents .r_flow { width: 100%;margin-bottom: 100px;padding-left: 120px;position: relative}
#sub_contents .r_flow::before {content: "";width: 15px;height: 100%;background: #eee;margin-left: -8px;display: block;position: absolute;top: 0;left: 320px;}
#sub_contents .r_flow .li {position: relative;padding: 30px 0px;}
#sub_contents .r_flow .li .icon {font-size: 20px;color: #fff;background: #111111;padding: 0px 65px 0px;display: block;position: absolute;top: 30px;margin-bottom: 0px;left: -110px;z-index: 100;border-radius:0;text-align:center;}
#sub_contents .r_flow .li .icon::after {width: 50%;content: "";border-style: solid;border-width: 5px 0 5px 10px;border-color: transparent transparent transparent #111111;position: absolute;top: 50%;left: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
#sub_contents .r_flow .li .dl {padding-left: 240px;position: relative;}
#sub_contents .r_flow .li .dl::before,
#sub_contents .r_flow .li .dl::after {content: "";display: block;position: absolute;top: 16px;}
#sub_contents .r_flow .li .dl::before {width: 7px;height: 7px;margin-top: -3px;background: #111111;border-radius: 50%;left: 195px;}
#sub_contents .r_flow .li .dl::after {width: 30%;border-bottom: 1px solid #111111;position: absolute;left: 0px;}
#sub_contents .r_flow .li .dl .dt {font-size: 21px;margin-bottom: 1vh;}
#sub_contents .r_flow .li p {margin-top: 0px;}
}
@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;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: capitalize;margin-bottom: 10px;}
#sub_visual .h1_container .ttl{font-size:24px;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 { scroll-margin-top: 120px;}
#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;}
#sub_contents .sub_ttl h2:before{content: '';position: absolute;top:0px;display: inline-block;width:40px;height: 1px;background: #111;right: 0px; left: 0; margin: 0 auto;}
#sub_contents .sub_ttl .span{font-size:18px; display: block;margin-bottom:0px;font-weight: normal;color: #111;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: url(../images/sub_bg01.png) 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: 32%;position: relative;display: block;}
#sub_contents .anker__item.w20{width: 19%;position: relative;display: block;}
#sub_contents .anker__item a:hover{opacity:.8;}
#sub_contents .anker__item a {display: block;text-align: center;color: #111;border: solid 1px #111;text-transform: capitalize;padding: 1em;border-radius: 9999px;}
#sub_contents .anker__item a:hover {background-color: #111;color:#fff;}

/* tab
----------------------------------- */
#sub_contents .tab_area {gap:30px;}
#sub_contents .tab {position: relative;width:30%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #111111;}
#sub_contents .tab.w40 {position: relative;width:40%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #111111;}
#sub_contents .tab p.ttl {font-size: 20px;display: inline;}
#sub_contents .tab.is-active::after {position: absolute;bottom: -11px;left: 50%;transform: translateX(-50%);width: 20px;height: 10px;background-color: #111111;content: '';clip-path: polygon(0 0, 100% 0, 50% 100%);}
#sub_contents .panel {display: none;}
#sub_contents .panel.is-active {display: block;background-size: cover;padding: 0px 0 0;}

/* 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: 30px 30px; position: relative;text-align: center; margin:0 auto; width:100%; max-width:100%;}
#sub_contents .box_greeting_com .inner p.content{font-size:16px; font-weight: normal;line-height: 230%;color: #fff;display: inline-block;}
#sub_contents .box_greeting_com .inner p.ttl{font-size:26px; font-weight: normal;line-height: 200%;color: #fff;display: block;}
#sub_contents .comm_textBox {position: relative;}
#sub_contents .comm_textBox.blackbox {background-color: #00000010;padding: 30px 40px;}
#sub_contents .comm_textBox.whitebox {background-color: #ffffff50;padding: 30px 40px;}
#sub_contents .comm_textBox .img{width: 50%;margin-bottom: 0px;position:relative;} 
#sub_contents .comm_textBox .img img{width: 100%;} 
#sub_contents .comm_textBox .textarea {width: 45%;margin-bottom:0px;}
#sub_contents .comm_textBox .textarea p.ex {line-height:2;font-size:16px;}
#sub_contents .comm_textBox .textarea p.ttl {border-bottom: solid 1px #111111;margin-bottom: 20px;font-weight: normal;font-size: 22px;padding-bottom: 10px;} 
#sub_contents .comm_textBox .textarea p.ttl.pro {margin-bottom: 0px} 
#sub_contents .comm_textBox .textarea p.price {text-align: right;padding: 5px 1em;font-size: 18px;color: #111111;width: 100%;}
#sub_contents .comm_textBox .textarea p.number {font-size: 18px;margin-bottom: 5px;text-transform: capitalize;font-weight: normal;color: #c0b6a3;}
#sub_contents .comm_textBox .textarea p.staff_name {font-weight: normal;font-size: 28px;}
#sub_contents .comm_textBox .textarea p.staff_name_en {color: #c0b6a3;text-transform: capitalize;}
#sub_contents .comm_textBox .textarea p.staff {font-family: "Zen Old Mincho", serif;margin-bottom: 10px;font-weight: normal;border-bottom: solid 1px #c0b6a3;}
#sub_contents img.sub_ill_01  { width: calc((200/1024)*100%); left: -0%;top: 0%;transform: translate(0, -50%);z-index: 0;position: absolute;opacity: 0.2;}
#sub_contents img.sub_ill_02  { width: calc((200/1024)*100%); right: -0%;top: 0%;transform: translate(0, -50%);z-index: 0;position: absolute;opacity: 0.2;}

/* menu
----------------------------------- */
#sub_contents .menu_subttl{position: relative;padding-left: 20px; font-size:20px;}
#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: 1px solid #111111;line-height: 1.6;}
#sub_contents .tbl_menu .th .menu_name {font-weight: normal;}
#sub_contents .tbl_menu .td {width: 30%;text-align: right;padding: 15px 1em;line-height: 1.6;border-bottom: 1px solid #cccccc;}
#sub_contents .tbl_menu .td .menu_price {color: #111111;}
#sub_contents .tbl_menu .menu_ex {color: #111111;}

/* recommendation
----------------------------------- */
#sub_contents .menu_ttl {padding: 0 0 0 15px;font-size: 26px;font-weight:normal;text-align: left;border-left: 5px solid #c0b6a3; line-height: 1.5;position: relative;font-weight: normal;}
#sub_contents .bene_list {padding: 10px 30px;position: relative;background-color: #ffffff90;}
#sub_contents .bene_list.worry {padding: 10px 30px;position: relative;background-color: #00000010;}
#sub_contents .bene_list p {font-size:18px; display: inline-block;padding-left: 40px;}
#sub_contents .bene_list p.span {padding-left: 0px;}
#sub_contents .bene_list p::before {content: "";position: absolute;left: 30px;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 .bene_list.worry p::before {content: "";position: absolute;left: 30px;top: 50%;transform: translateY(-50%);display: inline-block;width: 20px;height: 20px;background: url(../images/sub_comment_icon.png) no-repeat;background-size: contain;}

/* 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%;}
#sub_contents .tbl_info {width: 100%;margin-inline: auto;position: relative;}
#sub_contents .tbl_info.white {background-color: #fff;padding: 30px;}
#sub_contents .tbl_info .tr {display: flex;align-items: center;position: relative;align-items: stretch;}
#sub_contents .tbl_info .th {width: 20%;padding: 20px;border-bottom: 1px solid #111;text-align: center;align-items: center;vertical-align: middle;}
#sub_contents .tbl_info .th p.ttl {font-weight: normal;line-height: 2em;}
#sub_contents .tbl_info .td {width: 80%;text-align: left;padding: 20px;border-bottom: 1px solid #ccc;}
#sub_contents .tbl_info .td p.info {font-weight: normal;display: inline-block;line-height: 2em;}
#sub_contents .tbl_info .td p.info.block {display: block;}
#sub_contents .tbl_info .td a {color: #555555;border-bottom: solid 1px #555;}

/* merit
----------------------------------- */
#sub_contents p.sub_cap_01 {position: relative;line-height: 1.4;padding:0.25em 1em;display: inline-block;top:0;font-size: 24px;}
#sub_contents p.sub_cap_01:before, #sub_contents p.sub_cap_01:after {position: absolute;top: 0;content:'';width: 8px;height: 100%; display: inline-block;}
#sub_contents p.sub_cap_01:before { border-left: solid 1px #111111;border-top: solid 1px #111111;border-bottom: solid 1px #111111;left: 0;}
#sub_contents p.sub_cap_01:after {content: '';border-top: solid 1px #111111;border-right: solid 1px #111111;border-bottom: solid 1px #111111;right: 0;}
#sub_contents .sub_business{position: relative; padding: 30px 40px; background-color: #ffffff50;font-weight: normal;text-align: center;}
#sub_contents .sub_business::before { position: absolute;top: -10px; left: -10px;width: 100%;height: 100%; border: 1px solid #c0b6a3;transition: .3s;content: '';
}
#sub_contents .sub_business p.ttl{font-size: 24px;color:#111111;}

/* curriculum
----------------------------------- */
#sub_contents .r_flow {width: 100%;margin-bottom: 100px;padding-left: 120px;position: relative;}
#sub_contents .r_flow::before {content: "";width: 15px;height: 100%;background: #eee;margin-left: -8px;display: block;position: absolute;top: 0;left: 320px;}
#sub_contents .r_flow .li {position: relative;padding: 30px 0px;}
#sub_contents .r_flow .li .icon {font-size: 30px;color: #fff;background: #111111;padding: 0px 65px 0px;display: block;position: absolute;top: 20px;margin-bottom: 0px;left: -110px;z-index: 100;border-radius:0;text-align:center;}
#sub_contents .r_flow .li .icon::after {content: "";border-style: solid;border-width: 5px 0 5px 10px;border-color: transparent transparent transparent #111111;position: absolute;top: 50%;left: 100%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
#sub_contents .r_flow .li .dl {padding-left: 240px;position: relative;}
#sub_contents .r_flow .li .dl::before,
#sub_contents .r_flow .li .dl::after {content: "";display: block;position: absolute;top: 16px;}
#sub_contents .r_flow .li .dl::before {width: 7px;height: 7px;margin-top: -3px;background: #111111;border-radius: 50%;left: 195px;}
#sub_contents .r_flow .li .dl::after {width: 22%;border-bottom: 1px solid #111111;position: absolute;left: 0px;}
#sub_contents .r_flow .li .dl .dt { font-size: 21px;margin-bottom: 1vh;}
#sub_contents .r_flow .li p {margin-top: 0px;}
}
    
@media screen and (min-width: 1025px) {
/* curriculum
----------------------------------- */
#sub_contents .r_flow {width: 100%;margin-bottom: 100px;padding-left: 120px;position: relative;}
#sub_contents .r_flow::before { content: "";width: 15px; height: 100%; background: #eee; margin-left: -8px; display: block; position: absolute; top: 0; left: 320px;}
#sub_contents .r_flow .li {position: relative;padding: 30px 0px;}
#sub_contents .r_flow .li .icon {font-size: 20px;color: #fff;background: #111111;padding: 0px 65px 0px;display: flex;align-items: center; justify-content: center;position: absolute;top: 27px; margin-bottom: 0px; left: -110px; z-index: 100;border-radius:0;text-align:center;height: 40px;}
#sub_contents .r_flow .li .icon::after {content: "";border-style: solid;border-width: 5px 0 5px 10px;border-color: transparent transparent transparent #111111;position: absolute;top: 50%;left: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
#sub_contents .r_flow .li .dl {padding-left: 240px;position: relative;}
#sub_contents .r_flow .li .dl::before,
#sub_contents .r_flow .li .dl::after {content: "";display: block;position: absolute;top: 16px;}
#sub_contents .r_flow .li .dl::before {width: 7px;height: 7px;margin-top: -3px;background: #111111;border-radius: 50%;left: 195px;}
#sub_contents .r_flow .li .dl::after {width: 18%;border-bottom: 1px solid #111111;position: absolute;left: 0px;}
#sub_contents .r_flow .li .dl .dt {font-size: 21px;margin-bottom: 1vh;}
}