/* main_visual
-----------------------------*/
#sub_visual.kv{padding:0;padding-top:90px;}
#sub_visual{width:100%;padding-top:160px;position:relative;height:200px;background:#61584a;background-size:cover;}
#sub_visual .b{position:relative;z-index:2;max-width:100%;width:94%;margin:0 auto;padding-left:0;}
#sub_visual h1{position:absolute;display:block;width:100%;font-size:20px;text-align:center;font-weight:500;letter-spacing:.1em;line-height:200%;margin:30px 0 0 0;z-index:2;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;color:#fff;}
#sub_visual p{position:absolute;display:block;width:100%;font-size:18px;text-align:center;letter-spacing:.12em;line-height:180%;z-index:2;text-transform:capitalize;font-family:"Josefin Sans",sans-serif;color:#f6c01b;}
#sub_visual.mv_green{background:linear-gradient(135deg,#369234,#9ed457);}
#sub_visual.mv_green h1{color:#fff;}
#sub_visual.mv_green p{color:#fff;}
#sub_visual.mv_yellow{background:linear-gradient(135deg,#ffc30e,#ffea76);}
#sub_visual.mv_yellow h1{color:#111;}
#sub_visual.mv_yellow p{color:#333;}

/* bread_crumb_list
-----------------------------*/
#sub_contents .bread_crumb_list{background:rgba(0,0,0,.6);position:absolute;width:94%; top:-45px;line-height:100%;padding:0px;}
#sub_contents .bread_crumb{text-align:left;padding:0px;max-width:100%;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;}

/* sub_contents 
-----------------------------*/
#sub_contents {font-size: 16px; position: relative;z-index:0;}
#sub_contents .section{max-width: 94%; margin: 20px auto 30px;position: relative;padding-bottom: 50px;width:94%;}
#sub_contents h2{font-family:"Josefin Sans",serif;text-align: center;font-size:30px; font-weight: 500; margin-bottom:0px; position: relative; line-height: 120%; padding-top: 20px;color: #61584a;scroll-margin-top:100px;}
#sub_contents h2 span{font-weight: bold;font-size:22px; display: block;margin-bottom:0px;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;color: #61584a;}
#sub_contents h3{margin:20px auto;padding:0px 10px;font-size:20px;font-weight:bold;line-height:1.1;color:#61584a;display:flex;align-items:center;}
#sub_contents h3:before{content:"";width:8px;height:8px;background:#61584a;border-radius:50%;margin-right:10px;flex-shrink:0;}

#sub_contents .img_cen{ text-align: center; margin-bottom:30px;}
#sub_contents .img_cen img{border-radius:15px;}
#sub_contents .txt_cen{ text-align: center; font-size:15px; line-height: 200%;}
#sub_contents .txt_cen strong{ font-size:20px; font-weight:bold;}
#sub_contents .txt_cen em{ display:inline;font-style:normal;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#sub_contents .mb40{margin-bottom: 40px;}
#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 .sp_br{display:inline-block;}
#sub_contents .sub_bg{padding: 30px 0px;background: #f7f7f7;}
#sub_contents .sub_bg02{padding: 30px 0px;background: #fff9e6;}
#sub_contents .sub_bg03{padding: 30px 0px;background: #f9ffee;}
#sub_contents .h2-small{letter-spacing: 0.1em;font-size: 18px;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;margin-bottom: 0px;font-weight:bold;}
#sub_contents .bold{font-weight: 500;}
#sub_contents .bnr_area a{width:100%; display:block; margin-bottom:10px;}
#sub_contents .tbl_price{display:block;border:1px solid #a87b63;width:100%;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif; margin-bottom:30px;}
#sub_contents .tbl_price .th{background:#ffc30e;text-align:center;padding:10px 5px;font-weight:500;border-bottom:1px solid #a87b63;}
#sub_contents .tbl_price .th p{ font-weight:bold; font-size:105%;}
#sub_contents .tbl_price .th p strong{font-size:80%; margin-left:0px;display:block;}
#sub_contents .tbl_price .td:nth-child(odd){background:#f7eee8;}
#sub_contents .tbl_price .td:nth-child(2) p{font-weight:bold; padding:10px 10px;}
#sub_contents .tbl_price .td{display:flex;border-bottom:1px solid #a87b63}
#sub_contents .tbl_price .td:last-of-type{border-bottom:none}
#sub_contents .tbl_price .td .p{flex:1;padding:10px 5px;text-align:center;border-right:1px solid #a87b63; font-size:15px;}
#sub_contents .tbl_price .td .p:last-child{border-right:none}

/* btn
-----------------------------*/
#sub_contents .anker__items{column-gap: 1%;row-gap: 10px;}
#sub_contents .anker__item{width: 32%;height: 45px;position: relative;display: block; margin-bottom:20px;}
#sub_contents .anker__item a{display: block;text-align: center;line-height: 30px; transition: all .5s; padding: 14px 0; border: 1px solid #6d5332;}
#sub_contents .anker__item a:hover{opacity:.8;}
#sub_contents a.bnt_popup{background:#111; color:#fff; display:block; text-align:center; margin:30px auto 0; padding:10px; width:60%; border-radius:10px;}
#sub_contents a.bnt_popup.mt20{ margin:20px auto 0;}

/* tab
----------------------------------- */
#sub_contents .tab_area {gap:15px;}
#sub_contents .tab {position: relative;width:45%; padding: 10px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #61584a;}
#sub_contents .tab.sub_recruit {width:40%;}
#sub_contents .tab p {font-size: 13px;display: inline;}
#sub_contents .tab.is-active::after {position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: 18px;height: 9px;background-color: #61584a;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 .sub_img_box{padding:0px;}
#sub_contents .sub_img_box img{width:100%;margin-bottom:30px;}
#sub_contents .conc_bg{background: #fff; padding:25px 15px; position: relative;border-radius: 30px;}
#sub_contents .conc_bg::before {position: absolute;top:0;left:0;width: 100%; height:100%;background:none;border: 1px solid #a09c8a; content: ''; z-index: 0;border-radius: 30px;}
#sub_contents .conc_bg p{position: relative; z-index: 1; text-align:center; font-weight:normal; line-height: 200%;margin-top: 20px;}
#sub_contents .conc_bg.scroll{height:300px; overflow: scroll; overflow-x: hidden; overflow-y: scroll; padding:20px 20px;border-radius:0px; font-size:17px; text-align:left; border:none; box-shadow:4px 4px 20px #eee;}
#sub_contents .conc_bg.scroll::-webkit-scrollbar {width: 8px;display: block;}
#sub_contents .conc_bg.scroll::-webkit-scrollbar-track {background: #ddd;}
#sub_contents .conc_bg.scroll::-webkit-scrollbar-thumb {background: #006400;} 
#sub_contents .conc_bg.scroll::before{display:none;}
#sub_contents .conc_bg.scroll p.news_ttl{display:inline-block; text-decoration:underline;margin-left:0px;}

#sub_contents .hitory_area .conc_bg{width:100%; padding:30px 20px; margin-top:30px;}
#sub_contents .hitory_area .conc_bg .p{text-align:left;}
#sub_contents .hitory_area .conc_bg .p strong{font-weight:bold; background:#006400;color:#fff; width:100%; display:block; text-align:center; margin-bottom:0px; font-size:15px; margin-right:0px; line-height:170%; margin-top:10px;}

#sub_contents .conc_bg .txt_cen{text-align:center; font-size:17px;font-weight: bold; line-height: 50%;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;}
#sub_contents .comm_g_area{display:flex;align-items:center;gap:24px;flex-wrap:nowrap;}
#sub_contents .comm_g_area .txt_area{width:52%;margin-left:0;}
#sub_contents .comm_g_area .img,#sub_contents .comm_g_area .img02{width:48%;margin:0;flex:0 0 48%;}
#sub_contents .comm_g_area .txt_area .ttl{font-size:20px;letter-spacing:-0.5px}
#sub_contents .comm_g_area .txt_area .num{font-size:34px;}
#sub_contents .comm_g_area .txt_area .check_list{font-size:16px;width:100%;}

#sub_contents .tbl_info {margin-bottom:30px;}
#sub_contents .tbl_info .tr{width:100%;background:#f5f4f2;margin-bottom:0px;margin-bottom:15px;}
#sub_contents .tbl_info .th{width:100%;padding:15px 40px;text-align:center;background: #61584a;color: #fff;}
#sub_contents .tbl_info .td{width:100%;padding:15px 0px;margin-left:10px;}

#sub_contents .transportation_list {  margin: 0 auto; display: block; flex-wrap: wrap; gap: 20px; }
#sub_contents .transportation_list .txt { flex: 1 1 calc(25% - 20px); background: #fff; border-radius: 12px; padding: 30px 20px; text-align: center; line-height: 180%; margin-bottom:30px;}
#sub_contents .transportation_list .txt::before { display: block; font-size: 40px; margin-bottom: 20px; }
#sub_contents .transportation_list .txt:nth-child(1)::before { content: '💉'; }
#sub_contents .transportation_list .txt:nth-child(2)::before { content: '🙂'; }
#sub_contents .transportation_list .txt:nth-child(3)::before { content: '🤝🏻'; }
#sub_contents .transportation_list .txt:nth-child(4)::before { content: '💻'; }
#sub_contents .transportation_list .txt p { margin: 0; font-weight:bold;}

/* clinic
-----------------------------*/
#sub_contents .tbl_time_wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;}
#sub_contents .tbl_time { display:flex; width:800px; border-top:1px solid #111; border-left:1px solid #111; }
#sub_contents .tbl_time .tr { display: flex; flex-direction: column; flex: 1; }
#sub_contents .tbl_time .tr:first-child { flex: 0 0 22%; }
#sub_contents .tbl_time .tr .th { background: #006400; color: #fff; text-align: center; padding: 8px 2px; border-right: 1px solid #111; border-bottom: 1px solid #111; display: flex; align-items: center; justify-content: center; }
#sub_contents .tbl_time .tr .td { text-align: center; padding: 6px 2px; border-right: 1px solid #111; border-bottom: 1px solid #111; display: flex; align-items: center; justify-content: center; flex: 1; }
#sub_contents .tbl_time .tr p { font-size: 13px; }
#sub_contents .tbl_time .tr:nth-child(7) .td p{white-space:nowrap;font-size:12px;letter-spacing:0;}
#sub_contents .tbl_time{width:860px;}
#sub_contents .tbl_time .tr{min-width:120px;}

/* salon
-----------------------------*/
#sub_contents .com_txtbox {margin:80px 0 50px 0;}
#sub_contents .com_txtbox .txt {width:100%;}
#sub_contents .com_txtbox .img {width:100%;}
#sub_contents .com_txtbox .txt .ttl{display:flex;align-items:center;margin-bottom:20px;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;font-weight: bold;margin-top:20px;}
#sub_contents .com_txtbox .txt .ttl .num{font-size:30px;font-family: "Josefin Sans",sans-serif;font-weight: 500; display:inline-block;padding-right:10px;border-right:3px solid #e68e05;line-height:1;margin-right:20px;color: #e68e05;}
#sub_contents .com_txtbox .txt .ttl .ja{font-size:18px;display:inline-block;font-weight:bold;}

#sub_contents .com_txtbox02 {margin:80px 0 50px 0;}
#sub_contents .com_txtbox02 .txt {width:100%;}
#sub_contents .com_txtbox02 .img {width:100%;}
#sub_contents .com_txtbox02 .txt .ttl{display:flex;align-items:center;margin-bottom:20px;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;font-weight: bold;margin-top:20px;}
#sub_contents .com_txtbox02 .txt .ttl .num{font-size:30px;font-family: "Josefin Sans",sans-serif;font-weight: 500; display:inline-block;padding-right:20px;border-right:3px solid #83AD2D;line-height:1;margin-right:20px;color: #83AD2D;}
#sub_contents .com_txtbox02 .txt .ttl .ja{font-size:20px;display:inline-block;font-weight:bold;}

/* menu
-----------------------------*/
#sub_contents .g_area .txt_area{width: 100%;}
#sub_contents .g_area .txt_area .span{padding-bottom: 5px;line-height: 1.5em;letter-spacing: 0.1em;margin-bottom: 20px;font-size: 20px;display:block;position: relative;border-bottom: dashed 1px #e68e05;font-weight: bold;}
#sub_contents .g_area .txt_area .span p{font-weight:bold;}
#sub_contents .g_area .txt_area .strong p{font-weight:bold; margin-bottom:15px;}
#sub_contents .g_area .txt_area  p strong{font-weight:bold; margin-bottom:15px; color:#e68e05; border:1px dashed #e68e05; padding:10px 30px; display:block;}
#sub_contents .g_area .txt_area .b{display: block;margin-top: 15px;font-size: 16px;line-height: 1.5em;font-family:"Josefin Sans",sans-serif; position:relative; padding-left:20px;}
#sub_contents .g_area .txt_area .b::before{content:""; background:#e68e05; width:8px; height:8px; position:absolute; left:0px; top:35%; border-radius:100px;}
#sub_contents .g_area .figure{width: 100%;margin-left: 0px;margin-right: 0px;position: relative;}
#sub_contents .g_area .figure img{object-fit: cover;width: 100%;height: 100%; border-radius:10px; position:relative;}

#sub_contents .g_area02 .txt_area{width: 100%;}
#sub_contents .g_area02 .txt_area .span{padding-bottom: 5px;line-height: 1.5em;letter-spacing: 0.1em;margin-bottom: 20px;font-size: 20px;display:block;position: relative;border-bottom: dashed 1px #83AD2D;font-weight: bold;}
#sub_contents .g_area02 .txt_area .span p{font-weight:bold;}
#sub_contents .g_area02 .txt_area .strong p{font-weight:bold; margin-bottom:15px;}
#sub_contents .g_area02 .txt_area  p strong{font-weight:bold; margin-bottom:15px; color:#83AD2D; border:1px dashed #83AD2D; padding:10px 30px; display:block;}
#sub_contents .g_area02 .txt_area .b{display: block;margin-top: 15px;font-size: 16px;line-height: 1.5em;font-family:"Josefin Sans",sans-serif; position:relative; padding-left:20px;}
#sub_contents .g_area02 .txt_area .b::before{content:""; background:#83AD2D; width:8px; height:8px; position:absolute; left:0px; top:35%; border-radius:100px;}
#sub_contents .g_area02 .figure{width: 100%;margin-left: 0px;margin-right: 0px;position: relative;}
#sub_contents .g_area02 .figure img{object-fit: cover;width: 100%;height: 100%; border-radius:10px; position:relative;}

/* staff
-----------------------------*/
#sub_contents .bg_staff01{background:#ecfcdd;padding:100px 0px 0px; margin-top:-100px;}
#sub_contents .bg_staff01 .section{margin:0px auto;}
#sub_contents .bg_staff01 .section::before{position:absolute; content:"qualification"; font-size:140px; opacity:0.1;font-family: "Lato", sans-serif; right:0px; top:25%; color:#67bf1a; text-transform:uppercase;}
#sub_contents .bg_staff01 p{line-height:250%;}
#sub_contents .bg_staff02{background:#f6fdf0;padding:100px 0px 0px;}
#sub_contents .bg_staff02 .section{margin:0px auto;}
#sub_contents .bg_staff02 .section::before{position:absolute; content:"REASON"; font-size:170px; opacity:0.1;font-family: "Lato", sans-serif; right:0px; top:1%; color:#67bf1a;}
#sub_contents .bg_staff02 p{line-height:250%;}
#sub_contents .bg_staff01 .section::before, #sub_contents .bg_staff02 .section::before { opacity: 0; filter: blur(20px); transition: opacity 2s ease, filter 2s ease; }
#sub_contents .bg_staff01.is-show .section::before { opacity: 0.1; filter: blur(0); }
#sub_contents .bg_staff02.is-show .section::before { opacity: 0.1; filter: blur(0); }

#sub_contents .staff_textBox .img{width: 100%;margin-bottom: 0px;position:relative;} 
#sub_contents .staff_textBox .img img{border-radius:20px;}
#sub_contents .staff_textBox .textarea {width: 100%;margin-top:50px;}
#sub_contents .staff_textBox .text-container {position: relative;display: inline-block;}
#sub_contents .staff_textBox .text-container .ttl{font-size:22px;text-align:center;z-index: 2;padding-left:10px;line-height:1.5;position: relative;}
#sub_contents .staff_textBox .text-container .back_en{position: absolute;color: rgba(230, 184, 0, 0.18);z-index: 1;font-size:50px; top: -20px;left: -5%;font-family:"Josefin Sans",sans-serif;font-weight: bold;display: block;  white-space: nowrap;line-height: 1;} 
#sub_contents .staff_textBox .tr {border-bottom:1px solid #fff1c6;display:flex}
#sub_contents .staff_textBox .tr:last-of-type {margin-bottom: 20px;}
#sub_contents .staff_textBox .tr .th {display:block;width:30%;padding:10px;border-bottom:1px solid #e68e05;}
#sub_contents .staff_textBox .tr .td {display:block;width:70%;padding:10px 20px;}
#sub_contents .staff_textBox .tr .td p em{font-style:normal;font-weight:bold;font-size:13px; color:#e68e05;}
#sub_contents .staff_textBox .tr .th p,#sub_contents .staff_textBox .tr .td p {font-size: 16px;}
#sub_contents .staff_textBox .p {margin: 30px 0;}

/* gallery
-----------------------------*/
#sub_contents .check_area{padding:30px 20px;display:flex; font-size:18px;background: #fff;border-radius: 20px;width:100%;}
#sub_contents .check_list{font-size:16px; font-weight:500; padding-bottom:10px; border-bottom: 1px solid #e68e05; position:relative;padding-left:30px;margin-bottom:20px; z-index: 2;width:100%; }
#sub_contents .check_list:last-child{margin-bottom: 0;}
#sub_contents .check_list::before{position:absolute;content:"";background: url(../images/sub_check.png) no-repeat top center / cover ;width:20px;height:20px;top: 50%;left: 0%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}

#sub_contents .check_area02{padding:10px;display:flex; font-size:18px;background: #fff;border-radius: 20px;}
#sub_contents .check_list02{font-size:16px; font-weight:500; padding-bottom:10px; border-bottom: 1px solid #83AD2D; position:relative;padding-left:30px;margin-bottom:20px; z-index: 2;width:100%; }
#sub_contents .check_list02:last-child{margin-bottom: 0;}
#sub_contents .check_list02::before{position:absolute;content:"";background: url(../images/sub_check02.png) no-repeat top center / cover ;width:20px;height:20px;top: 50%;left: 0%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}

/* product
-----------------------------*/
#sub_contents .private_area { margin: 0 auto 30px; }
#sub_contents .private_box { margin: 0 auto 50px; }
#sub_contents .private_box .span {display:block; text-align:center;margin-bottom: 30px; }
#sub_contents .private_box .span p{ font-family: "Lato", sans-serif; font-size: 18px; letter-spacing: 0.1em; text-transform: uppercase; text-align:center;display: inline-block; padding-bottom: 15px; border-bottom: 1px dashed #ccc;}
#sub_contents .private_box .figure { margin: 10px auto; width:100%; display:block;}
#sub_contents .private_box .figure img { width: 100%;  object-fit:cover;border-radius:20px;}
#sub_contents .private_box .txt_area { max-width: 100%; margin: 0 auto; line-height: 220%; font-size: 15px; text-align: left; }
#sub_contents .private_area .img_line { display: block; margin: 40px auto 0; max-width: 700px; width: 100%; }
#sub_contents .private_box .txt_area strong{font-weight:bold;color:#83AD2D;}

#sub_contents .item_g_area .txt_area{width: 100%; background:#f5f4f2 ;padding:10px;text-align: justify;border-radius: 20px;}  
#sub_contents .item_g_area .img {width: 100%;margin-bottom: 0px; margin-inline: 0;margin-bottom:20px;}
#sub_contents .item_g_area .img img{width: 100%;}
#sub_contents .item_g_area .ttl{font-size: 17px;letter-spacing: .1em; font-weight:600;}
#sub_contents .item_g_area .menu_list{border-bottom: 1px solid #818a95;padding: 5px 0;display: flex;justify-content: space-between;margin-bottom: 10px;}
#sub_contents .item_g_area .menu__name{display: block;width: 100%;font-size: 14px;font-weight: bold;}
#sub_contents .item_g_area .menu__price{display: block;width: 100%;text-align: right;font-size: 16px;white-space:nowrap;}
#sub_contents .link_list{margin-top:20px;}
#sub_contents .link_list a{width:100%;margin-bottom:15px;background:#61584a;color:#fff;padding:10px;text-align:center;border-radius:10px;border:1px solid #61584a;display:inline-flex;align-items:center;justify-content:center;gap:6px;}
#sub_contents .link_list a::after{content:"";display:inline-block;width:15px;height:15px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;vertical-align:middle; margin-left:10px;}
#sub_contents .link_list a:hover{background:#fff;color:#61584a;transition:1.0s;opacity:1.0;}
#sub_contents .link_list a:hover::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2361584a' stroke-width='2'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E");}
#sub_contents .link_list a:nth-child(2){background:#fff;color:#61584a;padding:10px;text-align:center;border-radius:10px;border:1px solid #61584a;}
#sub_contents .link_list a:nth-child(2)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2361584a' stroke-width='2'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E");}
#sub_contents .link_list a:nth-child(2):hover{background:#61584a;color:#fff;}
#sub_contents .link_list a:nth-child(2):hover::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E");}#sub_contents .sns_area{display:flex;column-gap: 2%;align-items: center;margin-top: 50px;}

#sub_contents .sns_area{display:flex;column-gap: 2%;align-items: center;margin-top: 50px;}
#sub_contents .sns_list{width:350px; margin-inline: 0;}
#sub_contents .sns_list{margin-bottom: 20px;}
#sub_contents .sns_list img{width: 100%;}

/* faq
-----------------------------*/
#sub_contents .faq__item{padding:15px;width:100%;margin:0 auto 50px;background:#fff;border-radius:10px;border:2px solid #31861d;}
#sub_contents .faq__item.salon{border:2px solid #e6b800;}
#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 30px;}
#sub_contents .faq__item .dt {padding: 15px 0px 15px 35px;position: relative;border-bottom:1px dashed #ddd;font-weight:bold;}
#sub_contents .faq__item .dt p{font-weight:bold;}
#sub_contents .faq__item .dd {padding: 15px 0px 15px 35px;position: relative;}
#sub_contents .faq__item .dt::before,#sub_contents .faq__item .dd::before {position: absolute;left: 0px;top: 15px;}
#sub_contents .faq__item .dt::before {content: "Q.";font-size: 22px;font-weight:bold;font-family:"Josefin Sans",sans-serif;color:#31861d; border-radius:100px;}
#sub_contents .faq__item .dd::before {content: "A.";font-size: 22px;font-weight:bold;font-family:"Josefin Sans",sans-serif;}
#sub_contents .faq__item.salon .dt::before{color:#e6b800;}
#sub_contents .faq__item .dd a{text-decoration:underline;}

/* news
-----------------------------*/
#sub_contents .cateList{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;margin:0 auto 20px;padding:0;}
#sub_contents .cateList section.webgene-blog{display:contents;}
#sub_contents .cateList .webgene-item.categorylist{width:100%;margin:0;display:flex;align-items:stretch;}
#sub_contents .cateList .webgene-item.categorylist a{width:100%;display:flex;align-items:center;justify-content:center;padding:14px 8px;color:#61584a;border:1px solid #61584a;border-radius:30px;background:transparent;text-align:center;transition:.3s;font-size:15px;}
#sub_contents .cateList .webgene-item.categorylist a:hover{background:#61584a;border-color:#61584a;color:#fff;}
#sub_contents .news_list{margin-top:-50px;}

#sub_contents .cateList > .webgene-item.categorylist:first-child{display:flex;align-items:stretch;}
#sub_contents .cateList > .webgene-item.categorylist:first-child a{display:flex;align-items:center;justify-content:center;height:100%;}
#sub_contents .cateList > .webgene-item.categorylist:first-child a>div{display:contents;}
#sub_contents .cateList > .webgene-item.categorylist:first-child a p{margin:0;padding:0;line-height:1;}

#sub_contents .webgene-blog .news_area a {display: block; justify-content: center; color:inherit; border-bottom:1px solid #61584a; padding:25px 0px 20px;}
#sub_contents .webgene-blog .news_area .news_ttl { font-weight: normal; display:block; margin-top:10px;font-size: 18px;}
#sub_contents .webgene-blog .news_area .news__date {margin: 0 20px 0px 0px; font-family:"Josefin Sans",sans-serif;display:inline-block; margin-bottom:0px;font-size: 17px;color:#61584a;font-weight: normal;}
#sub_contents .webgene-blog .news_area .news__cate {padding: 1px 20px; border:1px solid #61584a; display:inline-block; margin-bottom:0px;color:#61584a;border-radius: 30px;}
#sub_contents .webgene-pagination{margin-top: 50px;text-align: center; display: block;width: 100%;}
#sub_contents .webgene-pagination ul{display: flex;justify-content: center;column-gap: 20px;}
#sub_contents .webgene-pagination ul li a{display: inline-block;padding: 5px 30px;background: #e0e7bf;color:#61584a;border-radius: 9999px}


/* detail_news
-----------------------------*/
#sub_contents .news_detail .news_img{text-align:center;margin:0 auto;}
#sub_contents .news_detail .news_img img{width:auto;margin:0 auto 30px;}
#sub_contents .news_detail .news_date{text-align:center;display:block;margin:0 auto 20px;font-family:"Josefin Sans",sans-serif;color:#61584a;font-size: 20px;}
#sub_contents .news_text{padding:30px;border:1px solid #e1d3c7;margin-bottom:300px;border-radius:20px;}
#sub_contents .news_detail .new_ttl{font-size:22px;margin-bottom:5px;text-align:center;}

#sub_contents section.webgene-news article.webgene-item{width:100%!important;max-width:none!important;margin:0 auto!important;display:block;}
#sub_contents section.webgene-news .news_detail{width:100%;}
#sub_contents section.webgene-news .tex_tarea{width:100%;margin:0 auto;}  



/* PC  */
@media screen and (min-width: 768px) {

/* main_visual
-----------------------------*/
#sub_visual.kv{padding:0;padding-top:150px;}
#sub_visual{width:100%;padding-top:160px;position:relative;height:370px;background:#61584a;background-size:cover;}
#sub_visual .b{position:relative;z-index:2;max-width:1280px;width:94%;margin:0 auto;padding-left:0;}
#sub_visual h1{position:absolute;display:block;width:100%;font-size:40px;text-align:center;font-weight:500;letter-spacing:.1em;line-height:200%;margin:40px 0 0 0;z-index:2;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;color:#fff;}
#sub_visual p{position:absolute;display:block;width:100%;font-size:30px;text-align:center;letter-spacing:.12em;line-height:200%;z-index:2;text-transform:capitalize;font-family:"Josefin Sans",sans-serif;color:#f6c01b;}
#sub_visual.mv_green{background:linear-gradient(135deg,#369234,#9ed457);}
#sub_visual.mv_green h1{color:#fff;}
#sub_visual.mv_green p{color:#fff;}
#sub_visual.mv_yellow{background:linear-gradient(135deg,#ffc30e,#ffea76);}
#sub_visual.mv_yellow h1{color:#111;}
#sub_visual.mv_yellow p{color:#333;}

/* bread_crumb_list
-----------------------------*/
#sub_contents .bread_crumb_list{background:rgba(0,0,0,.6);position:absolute;width:100%; top:-45px;line-height:100%;padding:0px;}
#sub_contents .bread_crumb{text-align:left;padding:0px;max-width:1280px;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;}

/* sub_contents 
-----------------------------*/
#sub_contents {font-size: 16px; position: relative;z-index:0;}
#sub_contents .section{max-width: 1200px; margin: 40px auto 30px;position: relative;padding-bottom: 50px;width:94%;}
#sub_contents h2{font-family:"Josefin Sans",serif;text-align: center;font-size:40px; font-weight: 500; margin-bottom:0px; position: relative; line-height: 150%; padding-top: 20px;letter-spacing: -0.1px;color: #61584a;}
#sub_contents h2 span{font-weight: bold;font-size:22px; display: block;margin-bottom:0px;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;color: #61584a;}
#sub_contents h3{margin:20px auto;padding:0px 10px;font-size:23px;font-weight:bold;line-height:1.1;color:#61584a;display:flex;align-items:center;}
#sub_contents h3:before{content:"";width:8px;height:8px;background:#61584a;border-radius:50%;margin-right:10px;flex-shrink:0;}

#sub_contents .img_cen{ text-align: center; margin-bottom:30px;}
#sub_contents .img_cen img{border-radius:15px;}
#sub_contents .img_cen.ceo{width:30%; margin:0 auto 50px;}
#sub_contents .txt_cen{ text-align: center; font-size:16px; line-height: 200%;}
#sub_contents .txt_cen strong{ font-size:25px; font-weight:bold;}
#sub_contents .txt_cen em{ display:inline;font-style:normal;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#sub_contents .mb40{margin-bottom: 40px;}
#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 .sp_br{display:inline-block;}
#sub_contents .sub_bg{padding: 30px 0px;background: #f7f7f7;}
#sub_contents .sub_bg02{padding: 30px 0px;background: #fff9e6;}
#sub_contents .sub_bg03{padding: 30px 0px;background: #f9ffee;}
#sub_contents .h2-small{letter-spacing: 0.1em;font-size: 18px;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;margin-bottom: 20px;}
#sub_contents .bold{font-weight: 500;}
#sub_contents .bnr_area a{width:48.5%; display:block;margin-bottom:30px;}
#sub_contents .tbl_price{display:inline-block;border:1px solid #a87b63;width:48%;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif; margin-bottom:30px;}
#sub_contents .tbl_price .th{background:#ffc30e;text-align:center;padding:15px 10px;font-weight:500;border-bottom:1px solid #a87b63;}
#sub_contents .tbl_price .th p{ font-weight:bold; font-size:120%;}
#sub_contents .tbl_price .th p strong{font-size:70%; margin-left:10px;}
#sub_contents .tbl_price .td:nth-child(odd){background:#f7eee8;}
#sub_contents .tbl_price .td:nth-child(2) p{font-weight:bold; padding:10px 10px;}
#sub_contents .tbl_price .td{display:flex;border-bottom:1px solid #a87b63}
#sub_contents .tbl_price .td:last-of-type{border-bottom:none}
#sub_contents .tbl_price .td .p{flex:1;padding:10px 10px;text-align:center;border-right:1px solid #a87b63; font-size:16px;}
#sub_contents .tbl_price .td .p:last-child{border-right:none}
  
/* btn
-----------------------------*/
#sub_contents .anker__items{column-gap: 1%;row-gap: 10px;}
#sub_contents .anker__item{width: 32%;height: 45px;position: relative;display: block; margin-bottom:20px;}
#sub_contents .anker__item a{display: block;text-align: center;line-height: 30px; transition: all .5s; padding: 14px 0; border: 1px solid #6d5332;}
#sub_contents .anker__item a:hover{opacity:.8;}
#sub_contents a.bnt_popup{background:#111; color:#fff; display:block; text-align:center; margin:30px auto 0; padding:10px; width:60%; border-radius:10px;}

/* clinic
-----------------------------*/
#sub_contents .tbl_time{display:flex;width:100%;border-top:1px solid #111;border-left:1px solid #111;}
#sub_contents .tbl_time .tr{display:flex;flex-direction:column;flex:1;min-width:120px;}
#sub_contents .tbl_time .tr:first-child{flex:0 0 16%;min-width:160px;}
#sub_contents .tbl_time .tr .th{background:#006400;color:#fff;text-align:center;padding:15px 0;border-right:1px solid #111;border-bottom:1px solid #111;display:flex;align-items:center;justify-content:center;font-size:14px;}
#sub_contents .tbl_time .tr .td{text-align:center;padding:12px 6px;border-right:1px solid #111;border-bottom:1px solid #111;display:flex;align-items:center;justify-content:center;flex:1;font-size:13px;}
#sub_contents .tbl_time .tr p{font-size:16px;margin:0;}
#sub_contents .tbl_time .tr:nth-child(7) .td p{white-space:nowrap;font-size:14px;}
  
/* concept
-----------------------------*/
#sub_contents .sub_img_box{padding:0px;}
#sub_contents .sub_img_box img{width:100%;}
#sub_contents .conc_bg{background: #fff; padding:25px 15px; position: relative;margin-bottom: 100px; border:1px solid #ccc;}
#sub_contents .conc_bg.scroll{height:300px; overflow: scroll; overflow-x: hidden; overflow-y: scroll; padding:30px 80px;border-radius:0px; font-size:20px; text-align:left; border:none; box-shadow:4px 4px 20px #eee;}
#sub_contents .conc_bg.scroll::-webkit-scrollbar {width: 8px;display: block;}
#sub_contents .conc_bg.scroll::-webkit-scrollbar-track {background: #ddd;}
#sub_contents .conc_bg.scroll::-webkit-scrollbar-thumb {background: #006400;} 
#sub_contents .conc_bg.scroll::before{display:none;}
#sub_contents .conc_bg.scroll p.news_ttl{display:inline-block; text-decoration:underline;margin-left:10px;}
#sub_contents .conc_bg{background: #fff; padding:25px 15px; position: relative;margin-bottom: 100px;}
#sub_contents .conc_bg::before {position: absolute;width: 100%; height:100%;background:none;border: 1px solid #a09c8a; content: ''; z-index: 0;border-radius: 30px;}
#sub_contents .hitory_area .conc_bg{width:48%; padding:50px 30px;}
#sub_contents .hitory_area .conc_bg .p{text-align:left;font-size:15px;}
#sub_contents .hitory_area .conc_bg .p strong{font-weight:bold; background:#006400;color:#fff; width:140px; display:inline-block; text-align:center; margin-bottom:10px; font-size:13px; margin-right:15px; line-height:150%;display:block;}

#sub_contents .conc_bg p{position: relative; z-index: 1; text-align:center; font-weight:normal; line-height: 200%;margin-top: 20px;}
#sub_contents .conc_bg .txt_cen{text-align:center; font-size:19px;font-weight: bold; line-height: 200%;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;}
#sub_contents .comm_g_area{display:flex;align-items:center;gap:24px;flex-wrap:nowrap;}
#sub_contents .comm_g_area .txt_area{width:52%;margin-left:0;}
#sub_contents .comm_g_area .img,#sub_contents .comm_g_area .img02{width:48%;margin:0;flex:0 0 48%;}
#sub_contents .comm_g_area .txt_area .ttl{font-size:18px;letter-spacing:-0.5px}
#sub_contents .comm_g_area .txt_area .num{font-size:30px;}
#sub_contents .comm_g_area .txt_area .check_list{font-size:16px;width:100%;}

#sub_contents .tbl_info {margin-bottom:60px;}
#sub_contents .tbl_info .tr{width:100%;background:#f5f4f2;margin-bottom:0px;margin-bottom:15px;}
#sub_contents .tbl_info .th{width:25%;padding:15px 40px;text-align:center;background: #61584a;color: #fff;}
#sub_contents .tbl_info .td{width:73%;padding:15px 0px;}

#sub_contents .transportation_list {  margin: 0 auto 50px; display: flex; flex-wrap: wrap; gap: 20px;}
#sub_contents .transportation_list .txt { flex: 1 1 calc(45% - 20px); background: #fff; border-radius: 12px; padding: 40px 10px; text-align: center; line-height: 180%; }
#sub_contents .transportation_list .txt::before { display: block; font-size: 50px; margin-bottom: 30px; }
#sub_contents .transportation_list .txt:nth-child(1)::before { content: '💉'; }
#sub_contents .transportation_list .txt:nth-child(2)::before { content: '🙂'; }
#sub_contents .transportation_list .txt:nth-child(3)::before { content: '🤝🏻'; }
#sub_contents .transportation_list .txt:nth-child(4)::before { content: '💻'; }
#sub_contents .transportation_list .txt p { margin: 0; font-weight:bold;}

/* salon
-----------------------------*/
#sub_contents .com_txtbox {margin:80px 0 50px 0;}
#sub_contents .com_txtbox .txt {width:45%;}
#sub_contents .com_txtbox .img {width:50%;}
#sub_contents .com_txtbox .txt .ttl{display:flex;align-items:center;margin-bottom:40px;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;font-weight: bold;}
#sub_contents .com_txtbox .txt .ttl .num{font-size:30px;font-family: "Josefin Sans",sans-serif;font-weight: 500; display:inline-block;padding-right:10px;border-right:3px solid #e68e05;line-height:1;margin-right:15px;color: #e68e05;}
#sub_contents .com_txtbox .txt .ttl .ja{font-size:18px;display:inline-block;}

#sub_contents .com_txtbox02 {margin:80px 0 50px 0;}
#sub_contents .com_txtbox02 .txt {width:45%;}
#sub_contents .com_txtbox02 .img {width:50%;}
#sub_contents .com_txtbox02 .txt .ttl{display:flex;align-items:center;margin-bottom:40px;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;font-weight: bold;}
#sub_contents .com_txtbox02 .txt .ttl .num{font-size:40px;font-family: "Josefin Sans",sans-serif;font-weight: 500; display:inline-block;padding-right:20px;border-right:3px solid #83AD2D;line-height:1;margin-right:20px;color: #83AD2D;}
#sub_contents .com_txtbox02 .txt .ttl .ja{font-size:20px;display:inline-block;}

/* menu
-----------------------------*/
#sub_contents .g_area .txt_area{width: 49%;}
#sub_contents .g_area .txt_area .span{padding-bottom: 5px;line-height: 1.5em;letter-spacing: 0.1em;margin-bottom: 20px;font-size: 22px;display:block;position: relative;border-bottom: dashed 1px #e68e05;font-weight: bold;}
#sub_contents .g_area .txt_area .span p{font-weight:bold;}
#sub_contents .g_area .txt_area .strong p{font-weight:bold; margin-bottom:15px;}
#sub_contents .g_area .txt_area  p strong{font-weight:bold; margin-bottom:15px; color:#e68e05; border:1px dashed #e68e05; padding:10px 30px; display:block;}
#sub_contents .g_area .txt_area .b{display: block;margin-top: 15px;font-size: 19px;line-height: 1.5em;font-family:"Josefin Sans",sans-serif; position:relative; padding-left:20px;}
#sub_contents .g_area .txt_area .b::before{content:""; background:#e68e05; width:8px; height:8px; position:absolute; left:0px; top:35%; border-radius:100px;}
#sub_contents .g_area .figure{width: 47%;margin-left: 0px;margin-right: 0px;position: relative;}
#sub_contents .g_area .figure img{object-fit: cover;width: 100%;height: 100%; border-radius:10px; position:relative;}

#sub_contents .g_area02 .txt_area{width: 49%;}
#sub_contents .g_area02 .txt_area .span{padding-bottom: 5px;line-height: 1.5em;letter-spacing: 0.1em;margin-bottom: 20px;font-size: 22px;display:block;position: relative;border-bottom: dashed 1px #83AD2D;font-weight: bold;}
#sub_contents .g_area02 .txt_area .span p{font-weight:bold;}
#sub_contents .g_area02 .txt_area .strong p{font-weight:bold; margin-bottom:15px;}
#sub_contents .g_area02 .txt_area  p strong{font-weight:bold; margin-bottom:15px; color:#83AD2D; border:1px dashed #83AD2D; padding:10px 30px; display:block;}
#sub_contents .g_area02 .txt_area .b{display: block;margin-top: 15px;font-size: 19px;line-height: 1.5em;font-family:"Josefin Sans",sans-serif; position:relative; padding-left:20px;}
#sub_contents .g_area02 .txt_area .b::before{content:""; background:#83AD2D; width:8px; height:8px; position:absolute; left:0px; top:35%; border-radius:100px;}
#sub_contents .g_area02 .figure{width: 47%;margin-left: 0px;margin-right: 0px;position: relative;}
#sub_contents .g_area02 .figure img{object-fit: cover;width: 100%;height: 100%; border-radius:10px; position:relative;}

/* staff
-----------------------------*/
#sub_contents .bg_staff01{background:#ecfcdd;padding:100px 0px 0px; margin-top:-100px;}
#sub_contents .bg_staff01 .section{margin:0px auto;}
#sub_contents .bg_staff01 .section::before{position:absolute; content:"qualification"; font-size:140px; opacity:0.1;font-family: "Lato", sans-serif; right:0px; top:25%; color:#67bf1a; text-transform:uppercase;}
#sub_contents .bg_staff01 p{line-height:250%;}
#sub_contents .bg_staff02{background:#f6fdf0;padding:100px 0px 0px;}
#sub_contents .bg_staff02 .section{margin:0px auto;}
#sub_contents .bg_staff02 .section::before{position:absolute; content:"REASON"; font-size:170px; opacity:0.1;font-family: "Lato", sans-serif; right:0px; top:1%; color:#67bf1a;}
#sub_contents .bg_staff02 p{line-height:250%;}
#sub_contents .bg_staff01 .section::before, #sub_contents .bg_staff02 .section::before { opacity: 0; filter: blur(20px); transition: opacity 2s ease, filter 2s ease; }
#sub_contents .bg_staff01.is-show .section::before { opacity: 0.1; filter: blur(0); }
#sub_contents .bg_staff02.is-show .section::before { opacity: 0.1; filter: blur(0); }

#sub_contents .staff_textBox .img{width: 30%;margin-bottom: 0px;position:relative;} 
#sub_contents .staff_textBox .textarea {width: 70%;}
#sub_contents .staff_textBox .text-container {position: relative;display: inline-block;}
#sub_contents .staff_textBox .text-container .ttl{font-size:22px;text-align:center;z-index: 2;padding-left:10px;line-height:1.5;position: relative;}
#sub_contents .staff_textBox .text-container .back_en{position: absolute;color: rgba(230, 184, 0, 0.18);z-index: 1;font-size:70px; top: -40px;left: -5%;font-family:"Josefin Sans",sans-serif;font-weight: bold;display: block;  white-space: nowrap;line-height: 1;} 
#sub_contents .staff_textBox .tr {border-bottom:1px solid #fff1c6;display:flex}
#sub_contents .staff_textBox .tr:last-of-type {margin-bottom: 20px;}
#sub_contents .staff_textBox .tr .th {display:block;width:30%;padding:10px;border-bottom:1px solid #e68e05;}
#sub_contents .staff_textBox .tr .td {display:block;width:70%;padding:10px 20px;}
#sub_contents .staff_textBox .tr .td p em{font-style:normal;font-weight:bold;font-size:13px; color:#e68e05;}
#sub_contents .staff_textBox .tr .th p,#sub_contents .staff_textBox .tr .td p {font-size: 16px;}
#sub_contents .staff_textBox .p {margin: 30px 0;}

/* gallery
-----------------------------*/
#sub_contents .check_area{padding:20px 20px 20px 40px;display:flex; font-size:18px;background: #fff;border-radius: 20px;}
#sub_contents .check_list{font-size:16px; font-weight:500; padding-bottom:5px; border-bottom: 1px solid #e68e05; position:relative;padding-left:30px;margin-bottom:10px; z-index: 2;width:100%; }
#sub_contents .check_list:last-child{margin-bottom: 0;}
#sub_contents .check_list::before{position:absolute;content:"";background: url(../images/sub_check.png) no-repeat top center / cover ;width:18px;height:18px;top: 50%;left: 0%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}

#sub_contents .check_area02{padding:20px 20px 20px 40px;display:flex; font-size:18px;background: #fff;border-radius: 20px;}
#sub_contents .check_list02{font-size:16px; font-weight:500; padding-bottom:5px; border-bottom: 1px solid #83AD2D; position:relative;padding-left:30px;margin-bottom:10px; z-index: 2;width:100%; }
#sub_contents .check_list02:last-child{margin-bottom: 0;}
#sub_contents .check_list02::before{position:absolute;content:"";background: url(../images/sub_check02.png) no-repeat top center / cover ;width:18px;height:18px;top: 50%;left: 0%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}

/* product
-----------------------------*/
#sub_contents .private_area { margin: 0 auto 30px; }
#sub_contents .private_box { margin: 0 auto 50px; }
#sub_contents .private_box .span {display:block; text-align:center;margin-bottom: 30px; }
#sub_contents .private_box .span p{ font-family: "Lato", sans-serif; font-size: 22px; letter-spacing: 0.1em; text-transform: uppercase; text-align:center;display: inline-block; padding-bottom: 15px; border-bottom: 1px dashed #ccc;}
#sub_contents .private_box .figure { margin: 30px auto; width:80%; display:block;}
#sub_contents .private_box .figure img { width: 100%;  height:400px; object-fit:cover;border-radius:20px;}
#sub_contents .private_box .txt_area { max-width: 80%; margin: 0 auto; line-height: 220%; font-size: 15px; text-align: left; }
#sub_contents .private_area .img_line { display: block; margin: 40px auto 0; max-width: 700px; width: 100%; }
#sub_contents .private_box .txt_area strong{font-weight:bold;color:#83AD2D;}
#sub_contents a.bnr_line{width:70%; display:block; margin:0 auto 80px;}
#sub_contents a.bnr_entry{width:70%; display:block; margin:0 auto 80px;}
#sub_contents .item_g_area .txt_area{width: 65%; background:#f5f4f2 ;padding:30px;text-align: justify;border-radius: 20px;}  
#sub_contents .item_g_area .img {width: 30%;margin-bottom: 0px; margin-inline: 0;}
#sub_contents .item_g_area .img img{width: 100%;}
#sub_contents .item_g_area .ttl{font-size: 18px;letter-spacing: .1em; font-weight:600;}
#sub_contents .item_g_area .menu_list{border-bottom: 1px solid #818a95;padding: 5px 0;display: flex;justify-content: space-between;margin-bottom: 10px;}
#sub_contents .item_g_area .menu__name{display: inline-block;width: calc(100% - 300px);font-size: 14px;font-weight: bold;}
#sub_contents .item_g_area .menu__price{display: inline-block;width: 300px;text-align: right;font-size: 16px;white-space:nowrap;}
#sub_contents .link_list{margin-top:20px;}
#sub_contents .link_list a{width:48%;background:#61584a;color:#fff;padding:10px;text-align:center;border-radius:10px;border:1px solid #61584a;display:inline-flex;align-items:center;justify-content:center;gap:6px;}
#sub_contents .link_list a::after{content:"";display:inline-block;width:15px;height:15px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E");background-size:contain;background-repeat:no-repeat;vertical-align:middle; margin-left:10px;}
#sub_contents .link_list a:hover{background:#fff;color:#61584a;transition:1.0s;opacity:1.0;}
#sub_contents .link_list a:hover::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2361584a' stroke-width='2'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E");}
#sub_contents .link_list a:nth-child(2){background:#fff;color:#61584a;padding:10px;text-align:center;border-radius:10px;border:1px solid #61584a;}
#sub_contents .link_list a:nth-child(2)::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2361584a' stroke-width='2'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E");}
#sub_contents .link_list a:nth-child(2):hover{background:#61584a;color:#fff;}
#sub_contents .link_list a:nth-child(2):hover::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6'/%3E%3Cpolyline points='15 3 21 3 21 9'/%3E%3Cline x1='10' y1='14' x2='21' y2='3'/%3E%3C/svg%3E");}#sub_contents .sns_area{display:flex;column-gap: 2%;align-items: center;margin-top: 50px;}
#sub_contents .sns_list{width:350px; margin-inline: 0;}
#sub_contents .sns_list{margin-bottom: 20px;}
#sub_contents .sns_list img{width: 100%;}

/* faq
-----------------------------*/
#sub_contents .faq__item{padding:20px 45px;width:100%;margin:0 auto 50px;background:#fff;border-radius:10px;border:2px solid #31861d;}
#sub_contents .faq__item.salon{border:2px solid #e6b800;}
#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 30px;}
#sub_contents .faq__item .dt {padding: 15px 10px 15px 40px;position: relative;border-bottom:1px dashed #ddd;font-weight:bold;}
#sub_contents .faq__item .dt p{font-weight:bold;}
#sub_contents .faq__item .dd {padding: 15px 10px 15px 40px;position: relative;}
#sub_contents .faq__item .dt::before,#sub_contents .faq__item .dd::before {position: absolute;left: 0px;top: 15px;}
#sub_contents .faq__item .dt::before {content: "Q.";font-size: 24px;font-weight:bold;font-family:"Josefin Sans",sans-serif;color:#31861d; border-radius:100px;}
#sub_contents .faq__item .dd::before {content: "A.";font-size: 24px;font-weight:bold;font-family:"Josefin Sans",sans-serif;}
#sub_contents .faq__item.salon .dt::before{color:#e6b800;}
#sub_contents .faq__item .dd a{text-decoration:underline;}

/* news
-----------------------------*/
#sub_contents .cateList{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:10px;margin:0 auto 50px;padding:0;}
#sub_contents .cateList section.webgene-blog{display:contents;}
#sub_contents .cateList .webgene-item.categorylist{flex:0 0 calc((100% - 30px) / 4);max-width:calc((100% - 30px) / 4);margin:0;display:flex;align-items:stretch;}
#sub_contents .cateList .webgene-item.categorylist a{width:100%;display:flex;align-items:center;justify-content:center;padding:14px 8px;color:#61584a;border:1px solid #61584a;border-radius:30px;background:transparent;text-align:center;transition:.3s;font-size:15px;}
#sub_contents .cateList .webgene-item.categorylist a:hover{background:#61584a;border-color:#61584a;color:#fff;}
#sub_contents .news_list{margin-top:-50px;}

#sub_contents .cateList > .webgene-item.categorylist:first-child{display:flex;align-items:stretch;}
#sub_contents .cateList > .webgene-item.categorylist:first-child a{display:flex;align-items:center;justify-content:center;height:100%;}
#sub_contents .cateList > .webgene-item.categorylist:first-child a>div{display:contents;}
#sub_contents .cateList > .webgene-item.categorylist:first-child a p{margin:0;padding:0;line-height:1;}

#sub_contents .webgene-blog .news_area a {display: block; justify-content: center; color:inherit; border-bottom:1px solid #61584a; padding:25px 0px 20px;}
#sub_contents .webgene-blog .news_area .news_ttl { font-weight: normal; display:block; margin-top:10px;font-size: 18px;}
#sub_contents .webgene-blog .news_area .news__date {margin: 0 20px 0px 0px; font-family:"Josefin Sans",sans-serif;display:inline-block; margin-bottom:0px;font-size: 20px;color:#61584a;font-weight: normal;}
#sub_contents .webgene-blog .news_area .news__cate {padding: 1px 20px; border:1px solid #61584a; display:inline-block; margin-bottom:0px;color:#61584a;border-radius: 30px;}
#sub_contents .webgene-pagination{margin-top: 50px;text-align: center; display: block;width: 100%;}
#sub_contents .webgene-pagination ul{display: flex;justify-content: center;column-gap: 20px;}
#sub_contents .webgene-pagination ul li a{display: inline-block;padding: 5px 30px;background: #e0e7bf;color:#61584a;border-radius: 9999px}


/* detail_news
-----------------------------*/
#sub_contents .news_detail .news_img{text-align:center;margin:0 auto;}
#sub_contents .news_detail .news_img img{width:auto;margin:0 auto 30px;}
#sub_contents .news_detail .news_date{text-align:center;display:block;margin:0 auto 20px;font-family:"Josefin Sans",sans-serif;color:#61584a;font-size: 20px;}
#sub_contents .news_text{padding:30px 50px;border:1px solid #e1d3c7;margin-bottom:300px;}
#sub_contents .news_detail .new_ttl{font-size:22px;margin-bottom:5px;text-align:center;}

#sub_contents section.webgene-news article.webgene-item{width:100%!important;max-width:none!important;margin:0 auto!important;display:block;}
#sub_contents section.webgene-news .news_detail{width:100%;}
#sub_contents section.webgene-news .tex_tarea{width:100%;margin:0 auto;}  
}

@media screen and (min-width:1024px) {

/* tab
-----------------------------*/
#sub_contents .tab_area {gap:30px;}
#sub_contents .tab {position: relative;width:23%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #61584a;}
#sub_contents .tab p {font-size: 16px;display: inline;}
#sub_contents .tab.is-active::after {position: absolute;bottom: -11px;left: 50%;transform: translateX(-50%);width: 20px;height: 10px;background-color: #61584a;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 .comm_g_area .txt_area .ttl{font-size:25px;}
#sub_contents .access_area{column-gap: 1%; row-gap: 10px;}
#sub_contents .access_list{width:24.2%;}
#sub_contents .access_list img{width:100%;}

/* guide
-----------------------------*/
#sub_contents .flow_g_area:not(:last-child):before{bottom: -13%;}
#sub_contents .flow_g_area{margin-bottom:55px;}

/* reserve
-----------------------------*/
#sub_contents .check_area{padding: 50px 50px 50px 80px;display:flex;}
}

/* side
-----------------------------*/
.clinic-sidebar { display: block; position: fixed; left: 0; top: auto; bottom: 0; transform: none; z-index: 9000; background: #fff; border-radius: 0; box-shadow: 0px; padding: 0; min-width: 100%; border-top: 0px solid #e8f5e3; }
.clinic-sidebar .sidebar-nav { display: grid; grid-template-columns: 1fr 1fr; }
.clinic-sidebar .sidebar-item { display: flex; align-items: center; justify-content: space-between; text-decoration: none; padding: 14px 16px; color: #2a7028; font-size: 13px; font-weight: bold; border-bottom: 1px solid #e8f5e3; border-right: 1px solid #e8f5e3; transition: background 0.2s ease, color 0.2s ease; cursor: pointer; }
.clinic-sidebar .sidebar-item:last-child { border-bottom: 1px solid #e8f5e3; }
.clinic-sidebar .sidebar-item::after { content: ''; display: block; width: 20px; height: 20px; min-width: 20px; border: 2px solid #2a7028; border-radius: 50%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232a7028' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") center/14px no-repeat; transition: border-color 0.2s ease, background-color 0.2s ease; }
.clinic-sidebar .sidebar-item:hover { background: #f4fbf0; }
.clinic-sidebar .sidebar-item div { display: flex; align-items: center; }
.clinic-sidebar .sidebar-item p { margin: 0; font-size: 13px; }

.clinic-sidebar.salon .sidebar-item { color: #a07800; border-bottom-color: #fff5cc; }
.clinic-sidebar.salon .sidebar-item::after { content: ''; display: block; width: 20px; height: 20px; min-width: 20px; border: 2px solid #a07800; border-radius: 50%; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a07800' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='9 6 15 12 9 18'%3E%3C/polyline%3E%3C/svg%3E") center/14px no-repeat; transition: border-color 0.2s ease, background-color 0.2s ease; }
.clinic-sidebar.salon .sidebar-item:hover { background: #fffbe6; }

@media (min-width: 1025px) {
.clinic-sidebar { display: block; position: fixed; left: 20px; top: 50%; bottom: auto; transform: translateY(-50%); border-radius: 16px; box-shadow: 0 4px 20px rgba(0,0,0,0.12); padding: 8px 0; min-width: 200px; border-top: none; }
.clinic-sidebar .sidebar-nav { display: flex; flex-direction: column; }
.clinic-sidebar .sidebar-item { border-right: none; }
.clinic-sidebar .sidebar-item:last-child { border-bottom: none; }

#sub_contents .hitory_area .conc_bg{width:48%; padding:50px 40px;}
#sub_contents .hitory_area .conc_bg .p{text-align:left;}
#sub_contents .hitory_area .conc_bg .p strong{font-weight:bold; background:#006400;color:#fff; width:140px; display:inline-block; text-align:center; margin-bottom:10px; font-size:13px; margin-right:15px; line-height:150%;}

}

@media screen and (min-width: 1025px) {

  /* main_visual
-----------------------------*/
#sub_visual.kv{padding:0;padding-top:190px;}
#sub_visual{width:100%;padding-top:160px;position:relative;height:370px;background:#61584a;background-size:cover;}
#sub_visual .b{position:relative;z-index:2;max-width:1280px;width:94%;margin:0 auto;padding-left:0;}
#sub_visual h1{position:absolute;display:block;width:100%;font-size:40px;text-align:center;font-weight:500;letter-spacing:.1em;line-height:200%;margin:40px 0 0 0;z-index:2;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;color:#fff;}
#sub_visual p{position:absolute;display:block;width:100%;font-size:30px;text-align:center;letter-spacing:.12em;line-height:200%;z-index:2;text-transform:capitalize;font-family:"Josefin Sans",sans-serif;color:#f6c01b;}
#sub_visual.mv_green{background:linear-gradient(135deg,#369234,#9ed457);}
#sub_visual.mv_green h1{color:#fff;}
#sub_visual.mv_green p{color:#fff;}
#sub_visual.mv_yellow{background:linear-gradient(135deg,#ffc30e,#ffea76);}
#sub_visual.mv_yellow h1{color:#111;}
#sub_visual.mv_yellow p{color:#333;}

/* salon
-----------------------------*/
#sub_contents .com_txtbox {margin:80px 0 50px 0;}
#sub_contents .com_txtbox .txt {width:45%;}
#sub_contents .com_txtbox .img {width:50%;}
#sub_contents .com_txtbox .txt .ttl{display:flex;align-items:center;margin-bottom:40px;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;font-weight: bold;}
#sub_contents .com_txtbox .txt .ttl .num{font-size:40px;font-family: "Josefin Sans",sans-serif;font-weight: 500; display:inline-block;padding-right:20px;border-right:3px solid #e68e05;line-height:1;margin-right:20px;color: #e68e05;}
#sub_contents .com_txtbox .txt .ttl .ja{font-size:20px;display:inline-block;}

#sub_contents .com_txtbox02 {margin:80px 0 50px 0;}
#sub_contents .com_txtbox02 .txt {width:45%;}
#sub_contents .com_txtbox02 .img {width:50%;}
#sub_contents .com_txtbox02 .txt .ttl{display:flex;align-items:center;margin-bottom:40px;font-family:"游明朝体","Yu Mincho",YuMincho,"ヒラギノ明朝 Pro","Hiragino Mincho Pro","MS P明朝","MS PMincho",serif;font-weight: bold;}
#sub_contents .com_txtbox02 .txt .ttl .num{font-size:40px;font-family: "Josefin Sans",sans-serif;font-weight: 500; display:inline-block;padding-right:20px;border-right:3px solid #83AD2D;line-height:1;margin-right:20px;color: #83AD2D;}
#sub_contents .com_txtbox02 .txt .ttl .ja{font-size:20px;display:inline-block;}  
  
/* concept
-----------------------------*/
#sub_contents .transportation_list {  margin: 0 auto 50px; display: flex; flex-wrap: wrap; gap: 20px; }
#sub_contents .transportation_list .txt { flex: 1 1 calc(25% - 20px); background: #fff; border-radius: 12px; padding: 40px 30px; text-align: center; line-height: 180%; }
#sub_contents .transportation_list .txt::before { display: block; font-size: 50px; margin-bottom: 30px; }
#sub_contents .transportation_list .txt:nth-child(1)::before { content: '💉'; }
#sub_contents .transportation_list .txt:nth-child(2)::before { content: '🙂'; }
#sub_contents .transportation_list .txt:nth-child(3)::before { content: '🤝🏻'; }
#sub_contents .transportation_list .txt:nth-child(4)::before { content: '💻'; }
#sub_contents .transportation_list .txt p { margin: 0; font-weight:bold;}