@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200..900&display=swap');
/* main_visual
----------------------------------- */
#sub_visual{padding-top:90px;height:200px;position:relative;z-index:0;margin-top:0;overflow:hidden;text-align:center;background:#000;}
#sub_visual .img{height:300px;position:absolute;top:0;width:100%;z-index:-1;margin:0 auto;text-align:center;align-items:center;opacity:0.7;}
#sub_visual .img img{width:100%;height:100%;object-fit:cover;object-position:center;margin:0 auto; filter: blur(4px);transform: scale(1.05);}
#sub_visual .h1_container{max-width:94%;width:94%;margin:0 auto;text-align:center;}
#sub_visual .h1_container h1.span{font-weight:500;font-size:32px;line-height:180%;text-align:center;position:relative;text-shadow:3px 3px 20px #222222;color:#fff;font-family: 'Noto Serif JP', serif;}

/* sub_contents
----------------------------------- */
#sub_contents {font-size: 13px; position: relative;padding-bottom: 80px;}
#sub_contents.sub_figure {background:url("../images/sub_bg02.png") ;margin: 0;  padding: 0;background-repeat: repeat;background-position: center top;background-size: 100% auto;background-attachment: fixed;padding-bottom: 80px;}
#sub_contents.sub_salon {background:url("../images/sub_bg_salon.png") ;margin: 0;  padding: 0;background-repeat: repeat;background-position: center top;background-size: 100% auto;background-attachment: fixed;padding-bottom: 80px;}
#sub_contents.sub_salon a{color: #fff !important;}
#sub_contents p{font-size: 13px;line-height: 1.8em;}
#sub_contents.sub_salon p{color: #FFF !important;}
#sub_contents .section{max-width: 94%; margin: 40px auto 0px;position: relative;width: 94%;padding-bottom: 60px;}

#sub_contents .h2_container h2{ text-align: center;font-size:17px;  position: relative; line-height: 180%; padding:15px auto 15px;}
#sub_contents .h2_container { position:relative;}
#sub_contents .h2_container h2{scroll-margin-top:110px;}
#sub_contents .h2_container .span{margin:0 auto; font-weight:400;font-family: 'Noto Serif JP', serif;letter-spacing: 0.1em;}
#sub_contents .h2_container.sub_salon .span{color: #ffffff;}
#sub_contents .h2_container .span::before{content:""; background:#38b7b2; position:absolute; left:0; right:0; top:-10px; width:50px; height:1px; margin:0 auto;}

#sub_contents .h2_container.sub_figure .span::before{content:""; background:#f27375; position:absolute; left:0; right:0; top:-10px; width:50px; height:1px; margin:0 auto;}
#sub_contents .h2_container.sub_salon .span::before{content:""; background:#ffffff; position:absolute; left:0; right:0; top:-10px; width:50px; height:1px; margin:0 auto;}

#sub_contents h3{ text-align: center;font-size:30px; margin-bottom:15px; position: relative;margin-top: 40px;}
#sub_contents .mb20{margin-bottom: 20px !important;}
#sub_contents .mb30{margin-bottom: 30px !important;}
#sub_contents .mb50{margin-bottom: 50px !important;}
#sub_contents .mb80{margin-bottom: 80px !important;}
#sub_contents .mb100{margin-bottom: 100px !important;}
#sub_contents .mb150{margin-bottom: 150px !important;}
#sub_contents .txt_cen{ text-align: center;  line-height: 200%;font-size: 17px;}
#sub_contents .sub_bg{ background-attachment:fixed;background-color: #f0f0f0;}

/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb{text-align:left;padding:10px 10px 0 0;margin:0 auto;margin-bottom:30px;}
#sub_contents .bread_crumb .bread{ max-width:94%; margin:0 auto;}
#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;font-size:13px;}
#sub_contents .bread_crumb p{margin:0 0 0 20px; font-size:13px;padding:0 0;}

/* btn
----------------------------------- */
#sub_contents .anker__items{column-gap: 30px;row-gap: 20px;}
#sub_contents .anker__item {width:100%;position:relative;display:block;height:auto;}
#sub_contents .anker__item.w50 {width:100%;}
#sub_contents .anker__item a {display:flex;justify-content:center;align-items:center;gap:8px;text-align:center;border-radius:0;position:relative;padding:0 16px;min-height:60px;background-color: none;border: solid 1px #202020;}
#sub_contents .anker__item a:hover {background-color: none;}
#sub_contents .anker__item p {line-height:1.5;font-size:14px;font-weight:700;}
#sub_contents .anker__item a::after {content: "";display: inline-block;width: 7px;height: 7px;border-left: 2px solid #202020;border-bottom: 2px solid #202020;transform: rotate(-45deg);margin-left: 15px;top: 1px;transition: transform 0.2s ease;}
#sub_contents .anker__item a:hover::after {transform: translateY(3px) rotate(-45deg);}
#sub_contents.sub_salon .anker__item a {border: solid 1px #ffffff !important;}
#sub_contents.sub_salon .anker__item a::after {content: "";display: inline-block;width: 7px;height: 7px;border-left: 2px solid #ffffff !important;border-bottom: 2px solid #ffffff;transform: rotate(-45deg);margin-left: 15px;top: 1px;transition: transform 0.2s ease;}

/* about
----------------------------------- */
#sub_contents .box_greeting{padding: 10px 10px 10px;background:url("../images/sub_ab_img01_01.jpg")repeat center center; background-attachment: fixed;border: solid 1px #38b7b2;background-size: 100% auto;background-attachment: fixed;}
#sub_contents .box_greeting .inner{background: #38b7b2cc;padding: 10px 10px; position: relative; margin:0 auto; width:100%; max-width:100%;}
#sub_contents .box_greeting .inner .txt_box{width: 100%;}
#sub_contents .box_greeting .inner p.span{font-size:13px; font-weight: normal;line-height: 220%;color: #fff;display: block;}

#sub_contents .sub_sh_img {width: 100%;text-align: center;position: relative;max-width: 800px;}
#sub_contents .sub_sh_img::after {position: absolute;content: '';top: 0;bottom: 0;left: 0;right: 0;box-shadow: inset 0 0 15px 15px #fff}
#sub_contents img.sub_sh_img  {object-fit: cover;width: 100%;max-width: 800px;height: 100%;box-shadow: 2px 2px 20px #38b7b250;}
#sub_contents .sub_4img_box{width: 100%;gap: 14px;row-gap: 14px;}
#sub_contents .sub_4img_box img{width: auto;height: 100px;object-fit: cover;}

#sub_contents .sub_white_box {background-color: #ffffff99;padding: 20px;box-shadow: 3px 3px 6px 0px #56565640;line-height: 2.0em;border: solid 0.5px #38b7b299;}
#sub_contents.sub_salon .sub_white_box {background-color: #20202099;}
#sub_contents .comm_textBox {position: relative;}
#sub_contents .comm_textBox .img{width: 100%;margin-bottom: 10px;position:relative;}
#sub_contents .comm_textBox .img img{box-shadow: 14px 14px 30px 0px #56565650;}
#sub_contents .comm_textBox .img img.non-shadow{box-shadow: none;padding: 10px;}
#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 #38b7b2;margin-bottom: 10px;font-weight: normal;font-size: 16px;padding-bottom:5px;letter-spacing: 0.2em;}
#sub_contents .comm_textBox .textarea p.number {font-size: 12px;text-transform: capitalize;font-weight: normal;}
#sub_contents img.sub_ill_01  { width: 20%; right: 1%;bottom: -2%;transform: translate(0, -50%);z-index: 0;position: absolute;opacity: .4;}
#sub_contents img.sub_ill_02  { width: 20%; left: 1%;bottom: -2%;transform: translate(0, -50%);z-index: 0;position: absolute;opacity: .4;}

#sub_contents .sub_una_imgs {width: 100%;row-gap: 20px;position: relative;}
#sub_contents .sub_una_imgs .img {width: 100%;height: 220px;position: relative;}
#sub_contents .sub_una_imgs .img img {width: 100%;object-fit: cover;height: 100%;}
#sub_contents .sub_una_imgs .img img.w50 {width: 100%;object-fit: cover;height: 100%;}
#sub_contents .sub_una_imgs .img p.fig {position: absolute;bottom: 0;background-color: #38b7b2cc;color: #fff;text-align: center;padding: 0.2em 1em;}

/* udon
----------------------------------- */
#sub_contents .salon_tbl .tr {border-bottom: 1px solid #202020;display:block;padding:10px 0;}
#sub_contents.sub_salon .salon_tbl .tr {border-bottom: 1px solid #ffffff;}
#sub_contents .salon_tbl .tr:last-of-type {margin-bottom: 20px;}
#sub_contents .salon_tbl .tr .th {display:block;width:100%;padding: 10px 0;}
#sub_contents .salon_tbl .tr .th p{font-weight:700;}
#sub_contents .salon_tbl .tr .td {display:block;width:100%;padding: 10px 5px;line-height:1.6;}
#sub_contents .sub_w50_img {width: 48%;object-fit: cover;}
#sub_contents .sub_map {width: 100%;}

/* recruit
----------------------------------- */
#sub_contents p.sub_tel_num a {font-size: 24px;font-weight: 500;margin: 0 auto 50px;text-align: center;color: #38b7b2;display: block;}
#sub_contents .sub_3map_box {width: 100%;}
#sub_contents .sub_3map_box .sub_3map{width: 100%;background-color: #ffffff;padding: 30px;border: solid 1px #38b7b2;margin-bottom: 20px;}
#sub_contents .sub_3map_box .sub_3map iframe{width: 100%;height: 140px;}
#sub_contents .sub_3map_box .sub_3map p{color: #38b7b2;font-size: 16px;}

/* news
----------------------------------- */
#sub_contents .webgene-blog{background: rgba(255,255,255,.7); padding: 20px;}  
#sub_contents .webgene-item.categorylist {display: block; margin-right: 1%; width: 100%; margin-bottom: 10px;}
#sub_contents .webgene-item.categorylist a {display: block; width: 100%; background: #111111; text-align: center; padding: 8px 10px; transition: .5s; color: #fff;} 
#sub_contents .webgene-item.categorylist a:hover {opacity: .8; text-decoration:none; color:#925237;} 
#sub_contents .webgene-blog .news__date{display: inline-block; margin-right:15px;font-family: 'Noto Serif JP', serif;}
#sub_contents .webgene-blog .news__title{display: inline-block;}
#sub_contents .webgene-pagination{margin-top: 50px;text-align: center;display: block;width: 100%;}
#sub_contents .subnews_flex{border-bottom: dashed 1px #33a09a;padding: 1em 0px;}

/* detail_news
----------------------------------- */
#sub_contents .news_detail {width:min(100%,900px);margin:0 auto;color:#222;}
#sub_contents .news_detail .news_date {position:relative;display:flex;align-items:center;justify-content:center;gap:16px;margin:0 auto 22px;line-height:1;letter-spacing:.12em;font-family: 'Noto Serif JP', serif;}
#sub_contents .news_detail .news_date::before,
#sub_contents .news_detail .news_date::after {content:"";width:40px;height:1px;background:#33a09a;}
#sub_contents .news_detail .news_img {width:min(100%,760px);margin:0 auto 48px;overflow:hidden;background:#f5f5f5;}
#sub_contents .news_detail .news_img img {display:block;width:100%;height:auto;margin:0;object-fit:cover;}
#sub_contents .news_detail .news_datail_ttl {margin:0 auto 40px;font-size:24px;font-weight:500;line-height:1.5;letter-spacing:.08em;text-align:center;color:#111;}
#sub_contents .news_detail .news_datail_ttl::after {content:"";display:block;width:60px;height:1px;margin:20px auto 0;background:#33a09a;}
#sub_contents .news_detail .news_txt {width:min(100%,760px);margin:0 auto;font-size:16px;line-height:2;letter-spacing:.04em;}
#sub_contents .news_detail .news_txt p {margin:0 0 1.8em;}
#sub_contents .news_detail .news_txt h2 {margin:56px 0 24px;padding:0 0 14px;border-bottom:1px solid #33a09a;font-size:24px;font-weight:500;line-height:1.5;letter-spacing:.06em;}
#sub_contents .news_detail .news_txt h3 {margin:40px 0 18px;padding-left:16px;border-left:3px solid #33a09a;font-size:19px;font-weight:500;line-height:1.6;letter-spacing:.05em;}
#sub_contents .news_detail .news_txt a {color:#222;text-decoration:underline;text-underline-offset:3px;transition:.3s;}
#sub_contents .news_detail .news_txt a:hover {opacity:.6;}

@media screen and (min-width: 767px) {
/* main_visual
----------------------------------- */
#sub_visual{padding-top:90px;height:400px;position:relative;z-index:0;margin-top:0;overflow:hidden;text-align:center;background:#000;}
#sub_visual .img{height:400px;position:absolute;top:0;width:100%;z-index:-1;margin:0 auto;text-align:center;align-items:center;opacity:1;}
#sub_visual .img img{width:100%;height:100%;object-fit:cover;object-position:center;margin:0 auto; filter: blur(4px);transform: scale(1.05);}
#sub_visual .h1_container{max-width:94%;width:94%;margin:0 auto;text-align:center;}
#sub_visual .h1_container h1.span{font-weight:500;font-size:40px;line-height:180%;text-align:center;position:relative;text-shadow:3px 3px 30px #222222;color:#fff;font-family: 'Noto Serif JP', serif;}

/* sub_contents
----------------------------------- */
#sub_contents {font-size: 15px; position: relative;padding-bottom: 80px;}
#sub_contents.sub_figure {background:url("../images/sub_bg02.png") ;margin: 0;  padding: 0;background-repeat: no-repeat;background-position: center top;background-size: 100% auto;background-attachment: fixed;padding-bottom: 80px;}
#sub_contents.sub_salon {background:url("../images/sub_bg_salon.png") ;margin: 0;  padding: 0;background-repeat: no-repeat;background-position: center top;background-size: 100% auto;background-attachment: fixed;padding-bottom: 80px;}
#sub_contents p{font-size: 16px;line-height: 1.8em;}
#sub_contents.sub_salon p{color: #FFF !important;}
#sub_contents .section{max-width: 1200px; margin: 60px auto 0px;position: relative;width: 94%;padding-bottom: 80px;}

#sub_contents .h2_container h2{ text-align: center;font-size:32px;  position: relative; line-height: 180%; padding:15px auto 15px;}
#sub_contents .h2_container { position:relative;}
#sub_contents .h2_container h2{scroll-margin-top:110px;}
#sub_contents .h2_container .span{margin:0 auto; font-weight:400;font-family: 'Noto Serif JP', serif;letter-spacing: 0.1em;}
#sub_contents .h2_container .span::before{content:""; background:#38b7b2; position:absolute; left:0; right:0; top:-10px; width:50px; height:1px; margin:0 auto;}

#sub_contents .h2_container.sub_figure .span::before{content:""; background:#f27375; position:absolute; left:0; right:0; top:-10px; width:50px; height:1px; margin:0 auto;}

#sub_contents h3{ text-align: center;font-size:30px; margin-bottom:15px; position: relative;margin-top: 40px;}
#sub_contents .mb20{margin-bottom: 20px !important;}
#sub_contents .mb30{margin-bottom: 30px !important;}
#sub_contents .mb50{margin-bottom: 50px !important;}
#sub_contents .mb80{margin-bottom: 80px !important;}
#sub_contents .mb100{margin-bottom: 100px !important;}
#sub_contents .mb150{margin-bottom: 150px !important;}
#sub_contents .txt_cen{ text-align: center;  line-height: 200%;font-size: 17px;}
#sub_contents .sub_bg{ background-attachment:fixed;background-color: #f0f0f0;}

/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb{text-align:left;padding:10px 10px 0 0;margin:0 auto;margin-bottom:30px;}
#sub_contents .bread_crumb .bread{ max-width:1200px; margin:0 auto;}
#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;font-size:13px;}
#sub_contents .bread_crumb p{margin:0 0 0 20px; font-size:13px;padding:0 0;}

/* btn
----------------------------------- */
#sub_contents .anker__items{column-gap: 30px;row-gap: 20px;}
#sub_contents .anker__item {width:46%;position:relative;display:block;height:auto;}
#sub_contents .anker__item.w50 {width:46%;}
#sub_contents .anker__item a {display:flex;justify-content:center;align-items:center;gap:8px;text-align:center;border-radius:0;position:relative;padding:0 16px;min-height:60px;}
#sub_contents .anker__item p {line-height:1.5;font-size:14px;font-weight:700;}
#sub_contents .anker__item a::after {content: "";display: inline-block;width: 7px;height: 7px;border-left: 2px solid #202020;border-bottom: 2px solid #202020;transform: rotate(-45deg);margin-left: 15px;top: 1px;transition: transform 0.2s ease;}
#sub_contents .anker__item a:hover::after {transform: translateY(3px) rotate(-45deg);}

/* about
----------------------------------- */
#sub_contents .box_greeting{padding: 40px;background:url("../images/sub_ab_img01_01.jpg")repeat center center; background-attachment: fixed;}
#sub_contents .box_greeting .inner{padding: 40px; position: relative; margin:0 auto; width:100%; max-width:100%;}
#sub_contents .box_greeting .inner .txt_box{width: 100%;}
#sub_contents .box_greeting .inner p.span{font-size:15px; font-weight: normal;display: inline-block;}
#sub_contents .box_greeting .inner p.ttl{font-size:18px; font-weight: normal;font-weight: bold;display: inline-block;}

#sub_contents .sub_4img_box{width: 100%;gap: 24px;row-gap: 24px;}
#sub_contents .sub_4img_box img{width: auto;height: 140px;object-fit: cover;}

#sub_contents .sub_white_box {padding: 70px 90px;}
#sub_contents .comm_textBox {position: relative;}
#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;}
#sub_contents .comm_textBox .textarea p.ttl {margin-bottom: 10px;font-weight: normal;font-size: 20px;padding-bottom:5px;letter-spacing: 0.2em;}
#sub_contents .comm_textBox .textarea p.number {font-size: 24px;text-transform: capitalize;font-weight: normal;}

#sub_contents .sub_una_imgs {width: 100%;row-gap: 100px;gap:0.5%;position: relative;}
#sub_contents .sub_una_imgs .img {width: 33%;row-gap: 0px;height: 350px;position: relative;}
#sub_contents .sub_una_imgs .img.w50 {width: 49%;}
#sub_contents .sub_una_imgs .img img {width: 100%;object-fit: cover;}
#sub_contents .sub_una_imgs .img img.w50 {width: 100%;object-fit: cover;height: 100%;}
#sub_contents .sub_una_imgs .img p.fig {position: absolute;bottom: 0;text-align: left;font-size: 20px;}

/* recruit
----------------------------------- */
#sub_contents p.sub_tel_num a {font-size: 26px;font-weight: 500;margin: 0 auto 50px;text-align: center;display: block;}
#sub_contents .sub_3map_box {width: 100%;}
#sub_contents .sub_3map_box .sub_3map{width: 32%;background-color: #ffffff;padding: 30px;border: solid 1px #38b7b2;}
#sub_contents .sub_3map_box .sub_3map iframe{width: 100%;height: 300px;}
#sub_contents .sub_3map_box .sub_3map p{font-size: 18px;}

/* news
----------------------------------- */
#sub_contents .webgene-blog{background: rgba(255,255,255,.7); padding: 70px 90px;}  
#sub_contents .webgene-item.categorylist {display: block; margin-right: 1%; width: 100%; margin-bottom: 10px;}
#sub_contents .webgene-item.categorylist a {display: block; width: 100%; background: #111111; text-align: center; padding: 8px 10px; transition: .5s; color: #fff;} 
#sub_contents .webgene-item.categorylist a:hover {opacity: .8; text-decoration:none; color:#925237;} 
#sub_contents .webgene-blog .news__date{display: inline-block; margin-right:15px;font-family: 'Noto Serif JP', serif;}
#sub_contents .webgene-blog .news__title{display: inline-block;}
#sub_contents .webgene-pagination{margin-top: 50px;text-align: center;display: block;width: 100%;}
#sub_contents .subnews_flex{border-bottom: dashed 1px #33a09a;padding: 1em 0px;}

/* detail_news
----------------------------------- */
#sub_contents .news_detail {width:min(100%,900px);margin:0 auto;color:#222;}
#sub_contents .news_detail .news_date {position:relative;display:flex;align-items:center;justify-content:center;gap:16px;margin:0 auto 32px;line-height:1;letter-spacing:.12em;font-family: 'Noto Serif JP', serif;}
#sub_contents .news_detail .news_date::before,
#sub_contents .news_detail .news_date::after {content:"";width:40px;height:1px;background:#33a09a;}
#sub_contents .news_detail .news_img {width:min(100%,760px);margin:0 auto 48px;overflow:hidden;background:#f5f5f5;}
#sub_contents .news_detail .news_img img {display:block;width:100%;height:auto;margin:0;object-fit:cover;}
#sub_contents .news_detail .news_datail_ttl {margin:0 auto 40px;font-size:24px;font-weight:500;line-height:1.5;letter-spacing:.08em;text-align:center;color:#111;}
#sub_contents .news_detail .news_datail_ttl::after {content:"";display:block;width:60px;height:1px;margin:20px auto 0;background:#33a09a;}
#sub_contents .news_detail .news_txt {width:min(100%,760px);margin:0 auto;font-size:16px;line-height:2;letter-spacing:.04em;}
#sub_contents .news_detail .news_txt p {margin:0 0 1.8em;}
#sub_contents .news_detail .news_txt h2 {margin:56px 0 24px;padding:0 0 14px;border-bottom:1px solid #33a09a;font-size:24px;font-weight:500;line-height:1.5;letter-spacing:.06em;}
#sub_contents .news_detail .news_txt h3 {margin:40px 0 18px;padding-left:16px;border-left:3px solid #33a09a;font-size:19px;font-weight:500;line-height:1.6;letter-spacing:.05em;}
#sub_contents .news_detail .news_txt a {color:#222;text-decoration:underline;text-underline-offset:3px;transition:.3s;}
#sub_contents .news_detail .news_txt a:hover {opacity:.6;}
}

@media screen and (min-width: 1024px) {
/* main_visual
----------------------------------- */
#sub_visual{padding-top:90px;height:350px;position:relative;z-index:0;margin-top:0;overflow:hidden;text-align:center;background:#000;}
#sub_visual .img{height:500px;position:absolute;top:0;width:100%;z-index:-1;margin:0 auto;text-align:center;align-items:center;opacity:0.7;}
#sub_visual .img img{width:100%;height:100%;object-fit:cover;object-position:center;margin:0 auto; filter: blur(4px);transform: scale(1.05);}
#sub_visual .h1_container{max-width:1200px;width:94%;margin:0 auto;text-align:center;}
#sub_visual .h1_container h1.span{font-weight:500;font-size:58px;line-height:180%;text-align:center;position:relative;text-shadow:3px 3px 30px #222222;color:#fff;font-family: 'Noto Serif JP', serif;}

/* sub_contents
----------------------------------- */
#sub_contents {font-size: 16px; position: relative;margin: 0;  padding: 0;padding-bottom: 80px;}
#sub_contents.sub_figure {background:url("../images/sub_bg02.png") ;margin: 0;  padding-bottom: 80px;background-repeat: no-repeat;background-position: center top;background-size: 100% auto;background-attachment: fixed;}
#sub_contents.sub_salon {background:url("../images/sub_bg_salon.png") ;margin: 0;  padding-bottom: 80px;background-repeat: no-repeat;background-position: center top;background-size: 100% auto;background-attachment: fixed;}
#sub_contents p{font-size: 16px;line-height: 1.8em;}
#sub_contents .section{max-width: 1200px; margin: 60px auto 0px;position: relative;width: 94%;padding-bottom: 80px;}

#sub_contents .h2_container h2{ text-align: center;font-size:32px;  position: relative; line-height: 180%; padding:15px auto 15px;}
#sub_contents .h2_container { position:relative;}
#sub_contents .h2_container h2{scroll-margin-top:110px;}
#sub_contents .h2_container .span{margin:0 auto; font-weight:400;font-family: 'Noto Serif JP', serif;letter-spacing: 0.1em;}
#sub_contents .h2_container .span::before{content:""; background:#38b7b2; position:absolute; left:0; right:0; top:-10px; width:50px; height:1px; margin:0 auto;}

#sub_contents .h2_container.sub_figure .span::before{content:""; background:#f27375; position:absolute; left:0; right:0; top:-10px; width:50px; height:1px; margin:0 auto;}

#sub_contents h3{ text-align: center;font-size:30px; margin-bottom:15px; position: relative;margin-top: 40px;}
#sub_contents .mb20{margin-bottom: 20px !important;}
#sub_contents .mb30{margin-bottom: 30px !important;}
#sub_contents .mb50{margin-bottom: 50px !important;}
#sub_contents .mb80{margin-bottom: 80px !important;}
#sub_contents .mb100{margin-bottom: 100px !important;}
#sub_contents .mb150{margin-bottom: 150px !important;}
#sub_contents .txt_cen{ text-align: center;  line-height: 200%;font-size: 17px;}
#sub_contents .sub_bg{ background-attachment:fixed;background-color: #f0f0f0;}

/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb{text-align:left;padding:10px 10px 0 0;margin:0 auto;margin-bottom:30px;}
#sub_contents .bread_crumb .bread{ max-width:1200px; margin:0 auto;}
#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;font-size:13px;}
#sub_contents .bread_crumb p{margin:0 0 0 20px; font-size:13px;padding:0 0;}

/* btn
----------------------------------- */
#sub_contents .anker__items{column-gap: 30px;row-gap: 20px;}
#sub_contents .anker__item {width:46%;position:relative;display:block;height:auto;}
#sub_contents .anker__item.w50 {width:46%;}
#sub_contents .anker__item a {display:flex;justify-content:center;align-items:center;gap:8px;text-align:center;border-radius:0;position:relative;padding:0 16px;min-height:60px;}
#sub_contents .anker__item p {line-height:1.5;font-size:14px;font-weight:700;}
#sub_contents .anker__item a::after {content: "";display: inline-block;width: 7px;height: 7px;border-left: 2px solid #202020;border-bottom: 2px solid #202020;transform: rotate(-45deg);margin-left: 15px;top: 1px;transition: transform 0.2s ease;}
#sub_contents .anker__item a:hover::after {transform: translateY(3px) rotate(-45deg);}

/* about
----------------------------------- */
#sub_contents .box_greeting{padding: 70px 90px;background:url("../images/sub_ab_img01_01.jpg")repeat center center; background-attachment: fixed;}
#sub_contents .box_greeting .inner{padding: 70px 90px; position: relative;margin:0 auto; width:100%; max-width:100%;}
#sub_contents .box_greeting .inner .txt_box{width: 100%;}
#sub_contents .box_greeting .inner p.span{font-size:16px; font-weight: normal;display: inline-block;}
#sub_contents .box_greeting .inner p.ttl{font-size:24px; font-weight: normal;font-weight: bold;display: inline-block;}

#sub_contents .comm_textBox {position: relative;}
#sub_contents .comm_textBox .img{width: 45%;margin-bottom: 10px;position:relative;}
#sub_contents .comm_textBox .textarea {width: 50%;margin-bottom:0px;}
#sub_contents .comm_textBox .textarea p.ex {line-height:2;}
#sub_contents .comm_textBox .textarea p.ttl {margin-bottom: 10px;font-weight: normal;font-size: 24px;padding-bottom:5px;letter-spacing: 0.2em;}
#sub_contents .comm_textBox .textarea p.number {font-size: 36px;text-transform: capitalize;font-weight: normal;}
#sub_contents .comm_textBox.rr .img{width: 30%;}
#sub_contents .comm_textBox.rr .textarea {width: 68%;}

/* udon
----------------------------------- */
#sub_contents .salon_tbl .tr {display:flex;padding:10px 0;}
#sub_contents .salon_tbl .tr:last-of-type {margin-bottom: 20px;}
#sub_contents .salon_tbl .tr .th {display:block;width:20%;padding:20px;}
#sub_contents .salon_tbl .tr .th p{font-weight:700;}
#sub_contents .salon_tbl .tr .td {display:block;width:80%;padding:20px 20px;line-height:1.6;}

/* recruit
----------------------------------- */
#sub_contents p.sub_tel_num a {font-size: 26px;font-weight: 500;margin: 0 auto 50px;text-align: center;display: block;}
#sub_contents .sub_3map_box {width: 100%;}
#sub_contents .sub_3map_box .sub_3map{width: 32%;padding: 30px;}
#sub_contents .sub_3map_box .sub_3map iframe{width: 100%;height: 300px;}
#sub_contents .sub_3map_box .sub_3map p{font-size: 18px;}

/* news
----------------------------------- */
#sub_contents .webgene-blog{background: rgba(255,255,255,.7); padding: 70px 90px;}  
#sub_contents .webgene-item.categorylist {display: block; margin-right: 1%; width: 100%; margin-bottom: 10px;}
#sub_contents .webgene-item.categorylist a {display: block; width: 100%; background: #111111; text-align: center; padding: 8px 10px; transition: .5s; color: #fff;} 
#sub_contents .webgene-item.categorylist a:hover {opacity: .8; text-decoration:none; color:#925237;} 
#sub_contents .webgene-blog .news__date{display: inline-block; margin-right:15px;font-family: 'Noto Serif JP', serif;}
#sub_contents .webgene-blog .news__title{display: inline-block;}
#sub_contents .webgene-pagination{margin-top: 50px;text-align: center;display: block;width: 100%;}
#sub_contents .subnews_flex{border-bottom: dashed 1px #33a09a;padding: 1em 0px;}

/* detail_news
----------------------------------- */
#sub_contents .news_detail {width:min(100%,900px);margin:0 auto;color:#222;}
#sub_contents .news_detail .news_date {position:relative;display:flex;align-items:center;justify-content:center;gap:16px;margin:0 auto 32px;line-height:1;letter-spacing:.12em;font-family: 'Noto Serif JP', serif;}
#sub_contents .news_detail .news_date::before,
#sub_contents .news_detail .news_date::after {content:"";width:40px;height:1px;background:#33a09a;}
#sub_contents .news_detail .news_img {width:min(100%,760px);margin:0 auto 48px;overflow:hidden;background:#f5f5f5;}
#sub_contents .news_detail .news_img img {display:block;width:100%;height:auto;margin:0;object-fit:cover;}
#sub_contents .news_detail .news_datail_ttl {margin:0 auto 40px;font-size:24px;font-weight:500;line-height:1.5;letter-spacing:.08em;text-align:center;color:#111;}
#sub_contents .news_detail .news_datail_ttl::after {content:"";display:block;width:60px;height:1px;margin:20px auto 0;background:#33a09a;}
#sub_contents .news_detail .news_txt {width:min(100%,760px);margin:0 auto;font-size:16px;line-height:2;letter-spacing:.04em;}
#sub_contents .news_detail .news_txt p {margin:0 0 1.8em;}
#sub_contents .news_detail .news_txt h2 {margin:56px 0 24px;padding:0 0 14px;border-bottom:1px solid #33a09a;font-size:24px;font-weight:500;line-height:1.5;letter-spacing:.06em;}
#sub_contents .news_detail .news_txt h3 {margin:40px 0 18px;padding-left:16px;border-left:3px solid #33a09a;font-size:19px;font-weight:500;line-height:1.6;letter-spacing:.05em;}
#sub_contents .news_detail .news_txt a {color:#222;text-decoration:underline;text-underline-offset:3px;transition:.3s;}
#sub_contents .news_detail .news_txt a:hover {opacity:.6;}

}

@media screen and (min-width: 1025px) {
/* main_visual
----------------------------------- */
#sub_visual {padding-top:170px; height:390px;position:relative;z-index:0;margin-top:0px;overflow: hidden;text-align: center;background:#000;}
}

#sub_contents .tab{cursor:pointer;width:31%;margin-bottom:0;position:relative;z-index:2;}
#sub_contents .tab div{padding:18px 15px;text-align:center;background:#f8f8f8;border:1px solid #33a09a;border-bottom:none;border-radius:10px 10px 0 0;color:#33a09a;transition:.3s;}
#sub_contents .tab p{font-weight:700;}
#sub_contents .tab:hover div{background:#eef8f7;}
#sub_contents .tab.active div{background:#33a09a;color:#fff;}
#sub_contents .tab.active::after{content:"";position:absolute;left:0;bottom:-1px;width:100%;height:2px;background:#fff;}
#sub_contents .tab_area>.sub_white_box{display:none;border:1px solid #33a09a;border-radius:0 0 10px 10px;padding:30px;margin-top:-1px;background:#f8f8f8 !important;}
#sub_contents .tab_area>.sub_white_box.active{display:block;}