/* main_visual
----------------------------------- */
#sub_visual {    padding-top: 190px;background: url(../images/sub_mv.png) no-repeat center top;height: 355px;position: relative;z-index: 0;background-size: cover;width: 75%;margin: 5px 0 0 auto;z-index:10;}
#sub_visual  .span{ width: 688px;margin-bottom: 10px;display: block;font-size: 80px;padding: 0;text-align: left;margin-left: -5px; color: #fff;  font-family: "Bellefair", serif; }
#sub_visual  .small{ width: 688px;margin-bottom: -20px;display: block;font-size: 40px;padding: 0;text-align: left;margin-left: 10px;  color: #fff; }

/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb_list{width:100%; line-height:100%;}
#sub_contents .bread_crumb{text-align:right;padding:10px 0px 0px 0px;max-width:1280px;margin:0 auto;}
#sub_contents .bread_crumb div { display:inline;color:#fff;}
#sub_contents .bread_crumb div:after {content : '＞';padding-left:10px;  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:12px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:15px;}

/* sub_contents 
----------------------------------- */
#sub_contents {font-size: 16px; position: relative;padding:5px 0px;background-attachment: fixed; padding-left: 205px;}
#sub_contents p{font-size: 16px;}
#sub_contents .section{max-width: 1280px; margin: 80px auto 80px;position: relative;}
#sub_contents h2{scroll-margin-top: 120px; text-align: center;font-size:42px;  position: relative; line-height: 100%; padding-top:15px;margin-top: 120px;font-family: "Bellefair", serif;  }
#sub_contents .h2 .span{ font-size:26px; display: block;margin-top:30px; text-align: center;    margin-bottom: 50px;}
#sub_contents h3{ text-align: center;font-size:30px; margin-bottom:15px; position: relative; font-weight: bold;      margin-top: 40px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#sub_contents .mb50{margin-bottom: 50px;}
#sub_contents .mb100{margin-bottom: 100px;}
#sub_contents .mb150{margin-bottom: 150px;}
#sub_contents .mt80{margin-top: 80px;} 
#sub_contents .mt30{margin-top: 30px;} 
#sub_contents .gap-20{gap: 30px;} 
#sub_contents .txt_cen{ text-align: center;  line-height: 200%;}
#sub_contents .txt_cen em{font-style: normal !important;display: inline;}
#sub_contents .sub_bg{background:#fff;width: 100%; padding: 10px 0px;z-index: 0;  z-index: 0;position: relative;}

/* btn
----------------------------------- */
#sub_contents .btn_list .li{width: 20%; margin: 0 10px; font-size: 15px;}
#sub_contents .btn_list .li a{     font-weight: bold; background-color:#444444;display: block;padding: 10px;text-align: center;margin: 0 auto 10px;width: 100%;color: #ffffff;font-size: 16px;border-radius: 20px;}
#sub_contents .btn_list .li p{     font-weight: bold; font-size: 16px;}
#sub_contents .btn_list .li span{    font-size: 16px;}
#sub_contents .btn_list .li.current a{color: #ffffff;background: #444444; }
#sub_contents .btn_list02 .li{width: 25%; margin: 0 10px; font-size: 15px;}
#sub_contents .btn_list02 .li a{     font-weight: bold; background-color:#444444;display: block;padding: 10px;text-align: center;margin: 0 auto 10px;width: 100%;color: #ffffff;font-size: 16px;border-radius: 20px;}
#sub_contents .btn_list02 .li p{     font-weight: bold; font-size: 16px;}
#sub_contents .btn_list02 .li span{    font-size: 16px;}
#sub_contents .btn_list02 .li.current a{color: #ffffff;background: #444444; }

/* tab
----------------------------------- */
#sub_contents .tab_area {  display: flex; flex-wrap: wrap; margin-bottom: 0;     justify-content: center;    gap: 10px;} 
#sub_contents .tab { font-size: 18px; text-align: center; cursor: pointer; transition: all ease 0.3s; border: solid 1px #444444; color: #444444; margin-bottom: 0;     padding: 15px 60px; border-radius: 30px; width: 24%; } 
#sub_contents .tab p { font-size: 16px; display: inline; }
#sub_contents .tab.is-active { background: #1fcfdf; color: #fff; } 
#sub_contents .panel { display: none; }
#sub_contents .panel.is-active { display: block; background-size: cover; padding: 30px 0 0; } 

/*about
----------------------------------- */
#sub_contents .abo_mark {gap: 20px;}
#sub_contents .mark_img {width: 250px;}
#sub_contents .col_item {width: 48%;border-left: 10px solid #444;padding-left: 20px;background: #f6edea; margin-bottom: 30px;    padding: 30px 10px;}
#sub_contents .col_ttl p{font-size: 18px;font-weight: bold;margin: 10px auto;}
#sub_contents .col_box {position: relative;gap: 20px;}
#sub_contents .col_box .flex_item {background:  #fcfdef;text-align: center;padding: 30px;  width: 48%;}
#sub_contents .col_box .col_item img {width: 90%;height: auto;text-align: center;}
#sub_contents .abo_txt::after {content: "";position: absolute;    top: -190px;left: 50px;width: 200px;height: 200px;display: inline-block;background: url(../images/img07_02.png) no-repeat center;  }
#sub_contents .abo_txt {position: relative;margin-top: 100px;text-align: center;background-color: #fff;padding: 30px;margin-bottom: 100px;}
#sub_contents .abo_txt em{font-style: normal !important;display: inline;}
#sub_contents .check_txt03:first-child {margin-top: 0;}
#sub_contents .check_txt03 {font-size: 17px;line-height: 1.4em;background: url(../images/img07_03.png) no-repeat left 0px;padding-left: 30px;margin-top: 5px;text-align: left;}
#sub_contents .phi_03{margin-bottom: 50px;position: relative;}
#sub_contents .phi_03 .copy {    padding: 0px; margin: 30px auto 0; text-align: center;width: 100%;box-sizing: border-box; width: 100%;height: 375px;box-sizing: border-box;background-image: url(../images/img07_01.png) ;background-repeat: no-repeat;background-position: top;}
#sub_contents .phi_03 .copy .text-1 p{font-size: 18px; padding-top: 33px; font-weight: bold;font-weight: bold; padding-right: 18px;}
#sub_contents .phi_03 .copy .text-2 p{  z-index: 0; font-size: 16px; font-weight: normal; line-height: 2.1; width: 91%;     height: 375px; padding: 60px 5px; position: absolute; top: 7%; left: 0; right:0; margin: 0 auto;  position:relative;  background-color: rgba(255, 255, 255, 0.8); }
#sub_contents .phi_03 .copy span {display: block;}
#sub_contents .phi_03 .copy .text-2 p strong{font-size: 23px; font-weight: bold;}
#sub_contents .phi_03 .copy .text-2 p em{font-style: normal;display: inline;}

/* guide
----------------------------------- */
#sub_contents .gui_auto  { margin: 30px 0 0 240px;}
#sub_contents .gui_txt p { text-align: center; }
#sub_contents .gui_txt strong{font-weight: bold; font-size: 20px;}
#sub_contents .gui_txt p em{ display: inline;font-weight: bold;         font-style: normal;}
#sub_contents .conc__imgwrap { width: 100%;display: block;margin: 0;    justify-content: space-between;position: relative;}
#sub_contents .conc__left {position: absolute;max-width: 430px;width: 40.83%;left: 0;top: 50%;transform: translate(0, -93%); z-index: 99;    margin-left: calc(50% - 50vw);}
#sub_contents .conc__right {position: absolute;width: 40.25%;max-width: 430px;right: 0;top: 50%;transform: translate(0, -90%); z-index: 999;margin-right: calc(50% - 50vw);}

/* menu
----------------------------------- */
#sub_contents .check_txt02:first-child {margin-top: 0;}
#sub_contents .check_txt02 {font-size: 17px;line-height: 1.4em;background: url(../images/img04_03.png) no-repeat left 0px;padding-left: 30px;margin-top: 5px;text-align: left;}
#sub_contents .flow_col{width: 47%;}
#sub_contents .flow_img{width: 30%;}
#sub_contents .flow_row:not(:last-child)::after {position: absolute; content: ""; bottom: -70px; left: 0; right: 0; margin: auto; text-align: center; background: url(../images/img04_02.png) no-repeat; width: 62px; height: 62px; z-index: 1;} 
#sub_contents .flow_col_nm {display: inline-block; font-size: 19px; padding: 0 10px 0 0; font-weight: 600; letter-spacing: 1px; color: #444;} 
#sub_contents .flow_col_nm p{display: inline-block; font-size: 18px; color: #444;font-family: "Bellefair", serif;} 
#sub_contents .flow_col_ttl {display: inline-block; margin: 10px 0 10px 0; padding: 10px 0 10px 0; display: block; align-items: center;font-size: 20px;} 
#sub_contents .row.flow_row {        width: 100%; position: relative; min-height: auto !important; padding: 30px; background-color: #f6edea;  gap: 30px;       margin: 0 auto 80px;}
#sub_contents .flow_col_txt {font-weight: bold;   display: inline-block;text-align: center;    margin-bottom: 10px;}
#sub_contents .flow_col_txt p{font-size: 20px; font-weight: bold;  }
#sub_contents .flow_col_txt strong{font-weight: bold;  display: inline-block;}
#sub_contents .menu_txt{ background-color: #fff;padding: 30px;width: 900px;text-align: left;margin: 100px auto 0;} 
#sub_contents .menu_txt p em{ display: inline-block;     font-style: normal !important;}
#sub_contents .check_txt:first-child {margin-top: 0;}
#sub_contents .check_txt {font-size: 17px;line-height: 1.4em;background: url(../images/img04_01.png) no-repeat left 0px;padding-left: 30px;margin-top: 5px;text-align: left;}
#sub_contents .title-03 p{font-size: 20px; color:#444444; font-weight: bold;  }
#sub_contents .title-04 p{font-size: 24px;padding-bottom: 5px;margin-bottom: 20px;    border-bottom: 2px solid #444444;font-weight: bold;    padding-top: 5px;}
#sub_contents .gal_img {width: 25%;}
#sub_contents .gal_box {gap: 20px;}
#sub_contents .menu__item {         width: 98%;max-width: 100%;   margin-bottom: 20px;   } 
#sub_contents .menu__name { display: inline-block; width:53% } 
#sub_contents .menu__name p{font-size: 18px; font-weight: bold;         } 
#sub_contents .menu_price { display: inline-block; width: 420px; text-align: right; } 
#sub_contents .menu__img { max-width: 60%; margin-inline: auto; } 
#sub_contents .pri_ttl p{border-bottom:3px solid #444444;padding-bottom: 5px;margin-bottom: 30px;margin-top: 50px; font-size: 25px;        font-weight: bold;}

/* voice
----------------------------------- */
#sub_contents .pic_box {gap: 20px;align-items: center;}
#sub_contents .pic_img {width: 415px;}
#sub_contents .voi_ttl p{font-size: 20px;font-weight: bold;margin: 10px auto;}
#sub_contents .voi_box {position: relative;gap: 20px;}
#sub_contents .voi_box .flex_item {background:  #fff;text-align: center;padding: 30px;  width: 48%;}
#sub_contents .voi_box .flex_item img {max-width: 250px;width: 100%;height: auto;text-align: center;}

/*profile
----------------------------------- */
#sub_contents .sta_img {width:30%;}
#sub_contents .sta_img02 {width: 20%;}
#sub_contents .sta_txt {width: 45%;    padding-right: 20px;} 
#sub_contents .staff_textBox {gap: 40px;}
#sub_contents .staff_textBox .img {width: 100%;margin-bottom: 20px;position:relative;} 
#sub_contents .staff_name {background:#ece4e4;padding:5px 10px;font-size:12px;} 
#sub_contents .staff_textBox .textarea {width: 55%;} 
#sub_contents .staff_ttl_area {border-top: 1px dashed #fff;padding-top:15px;margin-top:15px;} 
#sub_contents .staff_ttl {display:inline-block;margin-right: 10px;background:#444444;padding: 5px 15px;color: #fff;font-weight: bold; margin-bottom: 10px;}
#sub_contents .staff_ttl02 em {font-style: normal !important; border-bottom: 3px solid #444444;width: 100px;padding-right: 10px;}
#sub_contents .phi_02{margin-bottom: 50px;position: relative;}
#sub_contents .phi_02 .copy {    padding: 0px; margin: 30px auto 0; text-align: center;width: 100%;box-sizing: border-box; width: 100%;height: 900px;box-sizing: border-box;background-image: url(../images/img02_01.png) ;background-repeat: no-repeat;background-position: top;}
#sub_contents .phi_02 .copy .text-1 p{font-size: 18px; padding-top: 33px; font-weight: bold;font-weight: bold; padding-right: 18px;}
#sub_contents .phi_02 .copy .text-2 p{  z-index: 0; font-size: 16px; font-weight: normal; line-height: 2.1; width: 91%;     height: 900px; padding: 30px 5px; position: absolute; top: 7%; left: 0; right:0; margin: 0 auto;  position:relative;  background-color: rgba(255, 255, 255, 0.8); }
#sub_contents .phi_02 .copy span {display: block;}
#sub_contents .phi_02 .copy .text-2 p strong{font-size: 23px; font-weight: bold;}
#sub_contents .phi_02 .copy .text-2 p em{font-style: normal;display: inline;}
#sub_contents .phi_02 .copy .text-2 p u{font-style: normal !important;display: inline;margin-bottom: -30px;text-decoration: none;}

/*shop
----------------------------------- */
#sub_contents .textBox {gap: 30px;}
#sub_contents .textBox .text_box{background-color: #fff; padding: 15px;}
#sub_contents .textBox .textarea {width: 100%;text-align: justify;padding-right:0px;}
#sub_contents .textBox .textBox__img {width: 44%;}
#sub_contents .textBox {gap: 30px;}
#sub_contents .textBox .text_box{background-color: #fff; padding: 30px 15px;}
#sub_contents .textBox .textarea {width: 51%;text-align: justify;    background: #fff; padding: 20px; }
#sub_contents .con_txt::after {content: "";position: absolute;    top: -101px;left: 50px;width: 200px;height: 200px;display: inline-block;background: url(../images/img01_04.png) no-repeat center;  }
#sub_contents .con_txt {position: relative;margin-top: 100px;text-align: center;background-color: #fff;padding: 30px;margin-bottom: 100px;}
#sub_contents .con_txt em{font-style: normal !important;display: inline-block;}
#sub_contents .about_box{gap: 20px;display: flex;}
#sub_contents .about_img{width: 32%;margin-bottom: 20px;}
#sub_contents .table01{max-width: 900px;width: 100%;margin-inline: auto;}
#sub_contents .table01 .tr{ display: flex; justify-content: flex-start;}
#sub_contents .table01 .th{width: 33%;padding: 20px;border-bottom:1px solid #444444;line-height: 1.6;}
#sub_contents .table01 .td{width: 90%;padding: 20px 10px;line-height: 1.6;border-bottom:1px solid #fff;}

/*faq
---------------------------------- */
  #sub_contents .faq .box-wrap .box > div{ padding: 20px; position: relative;margin-bottom: 30px; } 
  #sub_contents .faq .box-wrap .box .q-box{ background-color:#444444;color: #fff; padding-right: 60px; cursor: pointer; align-items:center; } 
  #sub_contents .faq .box-wrap .box .a-box{ display:flex; align-items:center; } 
  #sub_contents .faq .box-wrap .box .q-box::before,.faq .box-wrap .box .q-box::after{ content: ""; position: absolute; top: 50%; background-color: #fff; width: 28px; height: 1px; right: 20px; } 
  #sub_contents .faq .box-wrap .box .q-box::before{ transform: translateY(-50%); } 
  #sub_contents .faq .box-wrap .box .q-box::after{ transform: translateY(-50%) rotate(90deg); transition: ease 0.3s; }
   #sub_contents .faq .box-wrap .box .q-box.on::after{ transform: translateY(-50%) rotate(0deg); } 
   #sub_contents .faq .box-wrap .box > div > img{ width: 30px; } 
   #sub_contents .faq .box-wrap .box > div > h3,.faq .box-wrap .box > div > h4,.faq .box-wrap .box > div p{ box-sizing: border-box; padding-left: 20px; } 
   #sub_contents .faq .box-wrap .box > div p{ margin-right: 0; }
  #sub_contents .faq .font-20{ box-sizing: border-box; padding-left: 0px; font-size: 17px;font-weight: 500;} 
  #sub_contents .faq_txt{ background-color: #fff;padding: 30px;width: 900px;text-align: center;margin: 50px auto 0;} 
  #sub_contents .faq_txt strong{ font-size: 20px;font-weight: bold;} 
  
/* news
----------------------------------- */
#sub_contents .news__box{margin: 0 auto;text-align: center;} 
#sub_contents .webgene-blog:has(.categorylist02) {justify-content: center; margin-bottom: 30px;display:inline;} 
#sub_contents .webgene-item.categorylist02 {display: inline-block; margin-right: 1%; width: 20%; margin-bottom: 10px;}
#sub_contents .webgene-item.categorylist02 a {display: block; width: 100%; background: #444444; text-align: center; padding: 8px 10px; transition: .5s; color: #fff;} 
#sub_contents .webgene-item.categorylist02 a:hover {opacity: .8;} 
#sub_contents .webgene-blog:has(.categorylist) {justify-content: center; margin-bottom: 30px;display:inline;} 
#sub_contents .webgene-item.categorylist {display: inline-block; margin-right: 1%; width: 20%; margin-bottom: 10px;}
#sub_contents .webgene-item.categorylist a {display: block; width: 100%; background: #444444; text-align: center; padding: 8px 10px; transition: .5s; color: #fff;} 
#sub_contents .webgene-item.categorylist a:hover {opacity: .8;} 
#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;color:#fff;}
#sub_contents .subnews_flex{ display: flex;align-items:baseline;}
#sub_contents .webgene-blog .news__item .news__date {margin: 0 30px 0px 0px;    display: contents;    font-family: "Bellefair", serif;}
#sub_contents .webgene-blog .news__item .news__cate {display: inline; color: #a49084;   width: 240px;padding: 1px 30px;text-align: center; margin-left: 20px;}
#sub_contents .webgene-blog .news__item .news__title {width: 300px;}
#sub_contents .news__item {display: flex;align-items: flex-start;gap: 20px;flex-wrap: wrap;     margin-top: 50px;}
#sub_contents .news__content { display: block !important;align-items: flex-start;gap: 20px;    margin-bottom: 20px;    text-align: left;}
#sub_contents .news__item .textarea {flex: 1;}
#sub_contents .webgene-blog:has(.news__item) {display: block;} 
#sub_contents .webgene-blog:has(.news__item)::after {content: ""; display: block; width: 100%;} 
#sub_contents .webgene-blog .news__item {width: 100%;} 
#sub_contents .webgene-blog .news__item a {display: flex;    justify-content: center;} 
#sub_contents .webgene-blog .news__item {width: 33%;}

/* detail_news
----------------------------------- */
#sub_contents .new_ttl {text-align: center;font-size:20px;font-weight:bold;position: relative;}
#sub_contents .new_ttl span{text-align: center;font-size:21px;font-weight:bold;}
#sub_contents .news_detail .news_img {text-align: center;margin: 0 auto;}
#sub_contents .news_detail .news_img img{width: auto; text-align: center; margin: 0 auto 30px;}
#sub_contents .news_detail .news_date{text-align: center; display: block;margin: 0 auto 20px;    font-size: 24px;font-family: "Bellefair", serif;}
#sub_contents .news_text{background: rgba(255,255,255,.7); padding:15px 15px;}


@media screen and (max-width:1290px) { 
/* guide
----------------------------------- */
#sub_contents .gui_auto  { margin: 30px 0 0 240px;}
#sub_contents .gui_txt p { text-align: center; }
#sub_contents .gui_txt strong{font-weight: bold; font-size: 20px;}
#sub_contents .gui_txt p em{ display: inline;font-weight: bold;         font-style: normal;}
#sub_contents .conc__imgwrap { width: 100%;display: block;margin: 0;    justify-content: space-between;position: relative;}
#sub_contents .conc__left {position: absolute;max-width: 430px;width: 25%;left: 0;top: 50%;transform: translate(0, -93%); z-index: -1;    margin-left: calc(50% - 50vw);}
#sub_contents .conc__right {position: absolute;width: 25%;max-width: 430px;right: 0;top: 50%;transform: translate(0, -90%); z-index: -1;margin-right: calc(50% - 50vw);}
}
@media screen and (max-width:1024px) { 

/* main_visual
----------------------------------- */
  #sub_visual {width: 95%;margin: 5px 0 0 auto;z-index: 10;}
#sub_visual  .span{ width: 688px;margin-bottom: 10px;display: block;font-size: 80px;padding: 0;text-align: left;margin-left: -5px; color: #fff;  font-family: "Bellefair", serif; }
#sub_visual  .small{ width: 688px;margin-bottom: -20px;display: block;font-size: 40px;padding: 0;text-align: left;margin-left: 10px;  color: #fff; }

/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb_list{width:100%; line-height:100%;}
#sub_contents .bread_crumb{text-align:right;padding:10px 50px 0px 0px;max-width:1000px;margin:0 auto;}
#sub_contents .bread_crumb div { display:inline;color:#fff;}
#sub_contents .bread_crumb div:after {content : '＞';padding-left:10px;  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:12px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:15px;}

/* sub_contents 
----------------------------------- */
  #sub_contents {font-size: 16px; position: relative;padding:5px 0px;background-attachment: fixed; padding-left: 0px;}
#sub_contents p{font-size: 16px;}
#sub_contents .section{max-width: 98%; margin: 80px auto 80px;position: relative;}
#sub_contents h2{scroll-margin-top: 120px; text-align: center;font-size:42px;  position: relative; line-height: 100%; padding-top:15px;margin-top: 120px;font-family: "Bellefair", serif;  }
#sub_contents .h2 .span{ font-size:26px; display: block;margin-top:30px; text-align: center;    margin-bottom: 50px;}
#sub_contents h3{ text-align: center;font-size:30px; margin-bottom:15px; position: relative; font-weight: bold;      margin-top: 40px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#sub_contents .mb50{margin-bottom: 50px;}
#sub_contents .mb100{margin-bottom: 100px;}
#sub_contents .mb150{margin-bottom: 150px;}
#sub_contents .mt80{margin-top: 80px;} 
#sub_contents .mt30{margin-top: 30px;} 
#sub_contents .gap-20{gap: 30px;} 
#sub_contents .txt_cen{ text-align: center;  line-height: 200%;}
#sub_contents .txt_cen em{font-style: normal !important;display: inline;}
#sub_contents .sub_bg{background:#fff;width: 100%; padding: 10px 0px;z-index: 0;  z-index: 0;position: relative;}

/* btn
----------------------------------- */
#sub_contents .btn_list .li{width: 21%; margin: 0 10px; font-size: 15px;}
#sub_contents .btn_list .li a{     font-weight: bold; background-color:#444444;display: block;padding: 10px;text-align: center;margin: 0 auto 10px;width: 100%;color: #ffffff;font-size: 16px;border-radius: 20px;}
#sub_contents .btn_list .li p{     font-weight: bold; font-size: 16px;}
#sub_contents .btn_list .li span{    font-size: 16px;}
#sub_contents .btn_list .li.current a{color: #ffffff;background: #444444; }
#sub_contents .btn_list02 .li{width: 40%; margin: 0 10px; font-size: 15px;}
#sub_contents .btn_list02 .li a{     font-weight: bold; background-color:#444444;display: block;padding: 10px;text-align: center;margin: 0 auto 10px;width: 100%;color: #ffffff;font-size: 16px;border-radius: 20px;}
#sub_contents .btn_list02 .li p{     font-weight: bold; font-size: 16px;}
#sub_contents .btn_list02 .li span{    font-size: 16px;}
#sub_contents .btn_list02 .li.current a{color: #ffffff;background: #444444; }

/* tab
----------------------------------- */
#sub_contents .tab_area {  display: flex; flex-wrap: wrap; margin-bottom: 0;     justify-content: center;    gap: 10px;} 
#sub_contents .tab { font-size: 18px; text-align: center; cursor: pointer; transition: all ease 0.3s; border: solid 1px #444444; color: #444444; margin-bottom: 0;     padding: 15px 60px; border-radius: 30px; width: 24%; } 
#sub_contents .tab p { font-size: 16px; display: inline; }
#sub_contents .tab.is-active { background: #1fcfdf; color: #fff; } 
#sub_contents .panel { display: none; }
#sub_contents .panel.is-active { display: block; background-size: cover; padding: 30px 0 0; } 

/*about
----------------------------------- */
#sub_contents .abo_mark {gap: 20px;}
#sub_contents .mark_img {width: 250px;}
#sub_contents .col_item {width: 48%;border-left: 10px solid #444;padding-left: 20px;background: #f6edea; margin-bottom: 30px;    padding: 30px 10px;}
#sub_contents .col_ttl p{font-size: 18px;font-weight: bold;margin: 10px auto;}
#sub_contents .col_box {position: relative;gap: 20px;}
#sub_contents .col_box .flex_item {background:  #fcfdef;text-align: center;padding: 30px;  width: 48%;}
#sub_contents .col_box .col_item img {width: 90%;height: auto;text-align: center;}
#sub_contents .abo_txt::after {content: "";position: absolute;          top: -190px; left: 0px;width: 200px;height: 200px;display: inline-block;background: url(../images/img07_02.png) no-repeat center;  }
#sub_contents .abo_txt {position: relative;margin-top: 100px;text-align: center;background-color: #fff;padding: 30px 5px;margin-bottom: 100px;}
#sub_contents .check_txt03:first-child {margin-top: 0;}
#sub_contents .check_txt03 {font-size: 17px;line-height: 1.4em;background: url(../images/img07_03.png) no-repeat left 0px;padding-left: 30px;margin-top: 5px;text-align: left;}
#sub_contents .phi_03{margin-bottom: 50px;position: relative;}
#sub_contents .phi_03 .copy {    padding: 0px; margin: 30px auto 0; text-align: center;width: 100%;box-sizing: border-box; width: 100%;height: 375px;box-sizing: border-box;background-image: url(../images/img07_01.png) ;background-repeat: no-repeat;background-position: top;}
#sub_contents .phi_03 .copy .text-1 p{font-size: 18px; padding-top: 33px; font-weight: bold;font-weight: bold; padding-right: 18px;}
#sub_contents .phi_03 .copy .text-2 p{  z-index: 0; font-size: 16px; font-weight: normal; line-height: 2.1; width: 91%;     height: 375px; padding: 60px 5px; position: absolute; top: 7%; left: 0; right:0; margin: 0 auto;  position:relative;  background-color: rgba(255, 255, 255, 0.8); }
#sub_contents .phi_03 .copy span {display: block;}
#sub_contents .phi_03 .copy .text-2 p strong{font-size: 23px; font-weight: bold;}
#sub_contents .phi_03 .copy .text-2 p em{font-style: normal;display: inline;}

/* guide
----------------------------------- */
#sub_contents .gui_auto  { margin: 30px 0 0 240px;}
#sub_contents .gui_txt p { text-align: center; }
#sub_contents .gui_txt strong{font-weight: bold; font-size: 20px;}
#sub_contents .gui_txt p em{ display: inline;font-weight: bold;         font-style: normal;}
#sub_contents .conc__imgwrap { width: 100%;display: block;margin: 0;    justify-content: space-between;position: relative;margin-top: 275px;}
#sub_contents .conc__left {position: absolute;max-width: 430px;width: 25%;left: 0;top: 50%;transform: translate(0, -93%); z-index: 99;    margin-left: calc(50% - 50vw);}
#sub_contents .conc__right {position: absolute;width: 25%;max-width: 430px;right: 0;top: 50%;transform: translate(0, -90%); z-index: 999;margin-right: calc(50% - 50vw);}

/* menu
----------------------------------- */
#sub_contents .check_txt02:first-child {margin-top: 0;}
#sub_contents .check_txt02 {font-size: 17px;line-height: 1.4em;background: url(../images/img04_03.png) no-repeat left 0px;padding-left: 30px;margin-top: 5px;text-align: left;}
#sub_contents .flow_col{width: 47%;}
#sub_contents .flow_img{width: 30%;}
#sub_contents .flow_row:not(:last-child)::after {position: absolute; content: ""; bottom: -70px; left: 0; right: 0; margin: auto; text-align: center; background: url(../images/img04_02.png) no-repeat; width: 62px; height: 62px; z-index: 1;} 
#sub_contents .flow_col_nm {display: inline-block; font-size: 19px; padding: 0 10px 0 0; font-weight: 600; letter-spacing: 1px; color: #444;} 
#sub_contents .flow_col_nm p{display: inline-block; font-size: 18px; color: #444;font-family: "Bellefair", serif;} 
#sub_contents .flow_col_ttl {display: inline-block; margin: 10px 0 10px 0; padding: 10px 0 10px 0; display: block; align-items: center;font-size: 20px;} 
#sub_contents .row.flow_row {        width: 100%; position: relative; min-height: auto !important; padding: 30px; background-color: #f6edea;  gap: 30px;       margin: 0 auto 80px;}
#sub_contents .flow_col_txt {font-weight: bold;   display: inline-block;text-align: center;    margin-bottom: 10px;}
#sub_contents .flow_col_txt p{font-size: 20px; font-weight: bold;  }
#sub_contents .flow_col_txt strong{font-weight: bold;  display: inline-block;}
#sub_contents .menu_txt{ background-color: #fff;padding: 30px;width: 100%;text-align: left;margin: 100px auto 0;} 
#sub_contents .check_txt:first-child {margin-top: 0;}
#sub_contents .check_txt {font-size: 17px;line-height: 1.4em;background: url(../images/img04_01.png) no-repeat left 0px;padding-left: 30px;margin-top: 5px;text-align: left;}
#sub_contents .title-03 p{font-size: 20px; color:#444444; font-weight: bold;  }
#sub_contents .title-04 p{font-size: 23px;padding-bottom: 5px;margin-bottom: 20px;    border-bottom: 2px solid #444444;font-weight: bold;    padding-top: 5px;}
#sub_contents .gal_img {width: 25%;}
#sub_contents .gal_box {gap: 20px;}
#sub_contents .menu__item {         width: 98%;max-width: 100%;   margin-bottom: 20px;   } 
#sub_contents .menu__name { display: inline-block; width:53% } 
#sub_contents .menu__name p{font-size: 18px; font-weight: bold;         } 
#sub_contents .menu_price { display: inline-block; width: 420px; text-align: right; } 
#sub_contents .menu__img { max-width: 60%; margin-inline: auto; } 
#sub_contents .pri_ttl p{border-bottom:3px solid #444444;padding-bottom: 5px;margin-bottom: 30px;margin-top: 50px; font-size: 25px;        font-weight: bold;}

/* voice
----------------------------------- */
#sub_contents .pic_box {gap: 20px;align-items: center;}
#sub_contents .pic_img {width: 415px;}
#sub_contents .voi_ttl p{font-size: 20px;font-weight: bold;margin: 10px auto;}
#sub_contents .voi_box {position: relative;gap: 20px;}
#sub_contents .voi_box .flex_item {background:  #fff;text-align: center;padding: 30px;  width: 48%;}
#sub_contents .voi_box .flex_item img {max-width: 250px;width: 100%;height: auto;text-align: center;}

/*profile
----------------------------------- */
#sub_contents .sta_img {width:30%;}
#sub_contents .sta_img02 {width: 20%;}
#sub_contents .sta_txt {width: 45%;    padding-right: 20px;} 
#sub_contents .staff_textBox {gap: 40px;}
#sub_contents .staff_textBox .img {width: 100%;margin-bottom: 20px;position:relative;} 
#sub_contents .staff_name {background:#ece4e4;padding:5px 10px;font-size:12px;} 
#sub_contents .staff_textBox .textarea {width: 60%;} 
#sub_contents .staff_ttl_area {border-top: 1px dashed #fff;padding-top:15px;margin-top:15px;} 
#sub_contents .staff_ttl {display:inline-block;margin-right: 10px;background:#444444;padding: 5px 15px;color: #fff;font-weight: bold; margin-bottom: 10px;}
#sub_contents .staff_ttl02 em {font-style: normal !important; border-bottom: 3px solid #444444;width: 100px;padding-right: 10px;}
#sub_contents .phi_02{margin-bottom: 50px;position: relative;}
#sub_contents .phi_02 .copy {    padding: 0px; margin: 30px auto 0; text-align: center;width: 100%;box-sizing: border-box; width: 100%;height: 900px;box-sizing: border-box;background-image: url(../images/img02_01.png) ;background-repeat: no-repeat;background-position: top;}
#sub_contents .phi_02 .copy .text-1 p{font-size: 18px; padding-top: 33px; font-weight: bold;font-weight: bold; padding-right: 18px;}
#sub_contents .phi_02 .copy .text-2 p{  z-index: 0; font-size: 16px; font-weight: normal;         line-height: 2.0;width: 97%;  height: 900px; padding: 30px 5px; position: absolute; top: 7%; left: 0; right:0; margin: 0 auto;  position:relative;  background-color: rgba(255, 255, 255, 0.8); }
#sub_contents .phi_02 .copy span {display: block;}
#sub_contents .phi_02 .copy .text-2 p strong{font-size: 23px; font-weight: bold;}
#sub_contents .phi_02 .copy .text-2 p em{font-style: normal;display: inline;}
#sub_contents .phi_02 .copy .text-2 p u{font-style: normal;display: block;}

/*shop
----------------------------------- */
#sub_contents .textBox {gap: 30px;}
#sub_contents .textBox .text_box{background-color: #fff; padding: 15px;}
#sub_contents .textBox .textarea {width: 100%;text-align: justify;padding-right:0px;}
#sub_contents .textBox .textBox__img {width: 44%;}
#sub_contents .textBox {gap: 30px;}
#sub_contents .textBox .text_box{background-color: #fff; padding: 30px 15px;}
#sub_contents .textBox .textarea {width: 51%;text-align: justify;    background: #fff; padding: 20px; }
#sub_contents .con_txt::after {content: "";position: absolute;           top: -145px;left: 0px;width: 200px;height: 200px;display: inline-block;background: url(../images/img01_04.png) no-repeat center;  }
#sub_contents .con_txt {position: relative;margin-top: 100px;text-align: center;background-color: #fff;padding: 30px;margin-bottom: 100px;}
#sub_contents .con_txt em{font-style: normal !important;display: inline-block;}
#sub_contents .about_box{gap: 20px;display: flex;}
#sub_contents .about_img{width: 32%;margin-bottom: 20px;}
#sub_contents .table01{max-width: 900px;width: 100%;margin-inline: auto;}
#sub_contents .table01 .tr{ display: flex; justify-content: flex-start;}
#sub_contents .table01 .th{width: 33%;padding: 20px;border-bottom:1px solid #444444;line-height: 1.6;}
#sub_contents .table01 .td{width: 90%;padding: 20px 10px;line-height: 1.6;border-bottom:1px solid #fff;}

/*faq
---------------------------------- */
  #sub_contents .faq .box-wrap .box > div{ padding: 20px; position: relative;margin-bottom: 30px; } 
  #sub_contents .faq .box-wrap .box .q-box{ background-color:#444444;color: #fff; padding-right: 60px; cursor: pointer; align-items:center; } 
  #sub_contents .faq .box-wrap .box .a-box{ display:flex; align-items:center; } 
  #sub_contents .faq .box-wrap .box .q-box::before,.faq .box-wrap .box .q-box::after{ content: ""; position: absolute; top: 50%; background-color: #fff; width: 28px; height: 1px; right: 20px; } 
  #sub_contents .faq .box-wrap .box .q-box::before{ transform: translateY(-50%); } 
  #sub_contents .faq .box-wrap .box .q-box::after{ transform: translateY(-50%) rotate(90deg); transition: ease 0.3s; }
   #sub_contents .faq .box-wrap .box .q-box.on::after{ transform: translateY(-50%) rotate(0deg); } 
   #sub_contents .faq .box-wrap .box > div > img{ width: 30px; } 
   #sub_contents .faq .box-wrap .box > div > h3,.faq .box-wrap .box > div > h4,.faq .box-wrap .box > div p{ box-sizing: border-box; padding-left: 20px; } 
   #sub_contents .faq .box-wrap .box > div p{ margin-right: 0; }
  #sub_contents .faq .font-20{ box-sizing: border-box; padding-left: 0px; font-size: 17px;font-weight: 500;} 
  #sub_contents .faq_txt{ background-color: #fff;padding: 30px;width: 900px;text-align: center;margin: 50px auto 0;} 
  #sub_contents .faq_txt strong{ font-size: 20px;font-weight: bold;} 
  
/* news
----------------------------------- */
#sub_contents .news__box{margin: 0 auto;text-align: center;} 
#sub_contents .webgene-blog:has(.categorylist02) {justify-content: center; margin-bottom: 30px;display:inline;} 
#sub_contents .webgene-item.categorylist02 {display: inline-block; margin-right: 1%; width: 20%; margin-bottom: 10px;}
#sub_contents .webgene-item.categorylist02 a {display: block; width: 100%; background: #444444; text-align: center; padding: 8px 10px; transition: .5s; color: #fff;} 
#sub_contents .webgene-item.categorylist02 a:hover {opacity: .8;} 
#sub_contents .webgene-blog:has(.categorylist) {justify-content: center; margin-bottom: 30px;display:inline;} 
#sub_contents .webgene-item.categorylist {display: inline-block; margin-right: 1%; width: 20%; margin-bottom: 10px;}
#sub_contents .webgene-item.categorylist a {display: block; width: 100%; background: #444444; text-align: center; padding: 8px 10px; transition: .5s; color: #fff;} 
#sub_contents .webgene-item.categorylist a:hover {opacity: .8;} 
#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;color:#fff;}
#sub_contents .subnews_flex{ display: flex;align-items:baseline;}
#sub_contents .webgene-blog .news__item .news__date {margin: 0 30px 0px 0px;    display: contents;    font-family: "Bellefair", serif;}
#sub_contents .webgene-blog .news__item .news__cate {display: inline; color: #a49084;   width: 240px;padding: 1px 30px;text-align: center; margin-left: 20px;}
#sub_contents .webgene-blog .news__item .news__title {width: 300px;}
#sub_contents .news__item {display: flex;align-items: flex-start;gap: 20px;flex-wrap: wrap;     margin-top: 50px;}
#sub_contents .news__content { display: block !important;align-items: flex-start;gap: 20px;    margin-bottom: 20px;    text-align: left;}
#sub_contents .news__item .textarea {flex: 1;}
#sub_contents .webgene-blog:has(.news__item) {display: block;} 
#sub_contents .webgene-blog:has(.news__item)::after {content: ""; display: block; width: 100%;} 
#sub_contents .webgene-blog .news__item {width: 100%;} 
#sub_contents .webgene-blog .news__item a {display: flex;    justify-content: center;} 
#sub_contents .webgene-blog .news__item {width: 33%;}

/* detail_news
----------------------------------- */
#sub_contents .new_ttl {text-align: center;font-size:20px;font-weight:bold;position: relative;}
#sub_contents .new_ttl span{text-align: center;font-size:21px;font-weight:bold;}
#sub_contents .news_detail .news_img {text-align: center;margin: 0 auto;}
#sub_contents .news_detail .news_img img{width: auto; text-align: center; margin: 0 auto 30px;}
#sub_contents .news_detail .news_date{text-align: center; display: block;margin: 0 auto 20px;    font-size: 24px;font-family: "Bellefair", serif;}
#sub_contents .news_text{background: rgba(255,255,255,.7); padding:15px 15px;}
}


@media screen and (max-width:767px) { 
 /* main_visual
----------------------------------- */
#sub_visual {    padding-top: 135px;background: url(../images/sub_mv.png) no-repeat center top;height: 225px;position: relative;z-index: 0;background-size: cover;width: 90%;margin: 5px 0 0 auto;z-index:10;}
#sub_visual  .span{ width: 690px;margin-bottom: 10px;display: block;font-size: 40px;padding: 0;text-align: left;margin-left: 10px; color: #fff;  font-family: "Bellefair", serif; }
#sub_visual  .small{ width: 690px;margin-bottom: -5px;display: block;font-size: 20px;padding: 0;text-align: left;margin-left: 10px;  color: #fff; }

/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb_list{width:100%; line-height:100%;}
#sub_contents .bread_crumb{text-align:right;padding:10px 10px 0px 0px;max-width:730px;margin:0 auto;}
#sub_contents .bread_crumb div { display:inline;color:#fff;}
#sub_contents .bread_crumb div:after {content : '＞';padding-left:10px;  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:12px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:15px;}

/* sub_contents 
----------------------------------- */
#sub_contents {font-size: 16px; position: relative;padding:5px 0px;background-attachment: fixed; }
#sub_contents p{font-size: 16px;}
#sub_contents .section{max-width: 1280px; margin: 80px auto 80px;position: relative;padding: 5px;}
#sub_contents h2{scroll-margin-top: 120px; text-align: center;font-size:30px;  position: relative; line-height: 100%; padding-top:15px;margin-top: 25px;font-family: "Bellefair", serif;  }
#sub_contents .h2 .span{ font-size:26px; display: block;margin-top:30px; text-align: center;    margin-bottom: 50px;}
#sub_contents h3{ text-align: center;font-size:30px; margin-bottom:15px; position: relative; font-weight: bold;      margin-top: 40px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#sub_contents .mb50{margin-bottom: 50px;}
#sub_contents .mb100{margin-bottom: 100px;}
#sub_contents .mb150{margin-bottom: 150px;}
#sub_contents .mt80{margin-top: 80px;} 
#sub_contents .mt30{margin-top: 30px;} 
#sub_contents .gap-20{gap: 30px;} 
#sub_contents .txt_cen{ text-align: center;  line-height: 200%;}
#sub_contents .txt_cen em{font-style: normal !important;display: block;        margin-bottom: -30px;}
#sub_contents .sub_bg{background:#fff;width: 100%; padding: 10px 0px;z-index: 0;  z-index: 0;position: relative;}

/* btn
----------------------------------- */
#sub_contents .btn_list .li{width: 90%; margin: 0 10px; font-size: 15px;}
#sub_contents .btn_list .li a{     font-weight: bold; background-color:#444444;display: block;padding: 10px;text-align: center;margin: 0 auto 10px;width: 100%;color: #ffffff;font-size: 16px;border-radius: 20px;}
#sub_contents .btn_list .li p{     font-weight: bold; font-size: 16px;}
#sub_contents .btn_list .li span{    font-size: 16px;}
#sub_contents .btn_list .li.current a{color: #ffffff;background: #444444; }
#sub_contents .btn_list02 .li{width: 90%; margin: 0 10px; font-size: 15px;}
#sub_contents .btn_list02 .li a{     font-weight: bold; background-color:#444444;display: block;padding: 10px;text-align: center;margin: 0 auto 10px;width: 100%;color: #ffffff;font-size: 16px;border-radius: 20px;}
#sub_contents .btn_list02 .li p{     font-weight: bold; font-size: 16px;}
#sub_contents .btn_list02 .li span{    font-size: 16px;}
#sub_contents .btn_list02 .li.current a{color: #ffffff;background: #444444; }

/*about
----------------------------------- */
#sub_contents .abo_mark {gap: 20px;}
#sub_contents .mark_img {width: 100%;}
#sub_contents .abo_auto {margin: 30px 0 0 0px;}
#sub_contents .col_item {width: 100%;border-left: 10px solid #444;padding-left: 20px;background: #f6edea; margin-bottom: 30px;    padding: 30px 10px;}
#sub_contents .col_ttl p{font-size: 18px;font-weight: bold;margin: 10px auto;}
#sub_contents .col_box {position: relative;gap: 20px;}
#sub_contents .col_box .flex_item {background:  #fcfdef;text-align: center;padding: 30px;  width: 48%;}
#sub_contents .col_box .col_item img {width: 90%;height: auto;text-align: center;}
#sub_contents .abo_txt::after {content: "";position: absolute;    top: -135px;left: 0px;width: 200px;height: 200px;display: inline-block;background: url(../images/img07_10.png) no-repeat center;  }
#sub_contents .abo_txt {position: relative;margin-top: 100px;text-align: center;background-color: #fff;padding: 30px 5px;margin-bottom: 100px;}
#sub_contents .abo_txt em{font-style: normal !important;display: block;margin-bottom: -30px;}
#sub_contents .check_txt03:first-child {margin-top: 0;}
#sub_contents .check_txt03 {font-size: 17px;line-height: 1.4em;background: url(../images/img07_03.png) no-repeat left 0px;padding-left: 30px;margin-top: 5px;text-align: left;}
#sub_contents .phi_03{margin-bottom: 50px;position: relative;}
#sub_contents .phi_03 .copy {    padding: 0px; margin: 30px auto 0; text-align: center;width: 100%;box-sizing: border-box; width: 100%;height: 650px;  background-image: url(../images/img07_11.png) ;background-repeat: no-repeat;background-position: top;}
#sub_contents .phi_03 .copy .text-1 p{font-size: 18px; padding-top: 33px; font-weight: bold;font-weight: bold; padding-right: 18px;}
#sub_contents .phi_03 .copy .text-2 p{  z-index: 0; font-size: 16px; font-weight: normal; line-height: 2.1; width: 97%;     height: 650px; padding: 30px 5px; position: absolute; top: 7%; left: 0; right:0; margin: 0 auto;  position:relative;  background-color: rgba(255, 255, 255, 0.8); }
#sub_contents .phi_03 .copy span {display: block;}
#sub_contents .phi_03 .copy .text-2 p strong{font-size: 23px; font-weight: bold;}
#sub_contents .phi_03 .copy .text-2 p em{font-style: normal;display: block;margin-bottom: -30px;}

/* guide
----------------------------------- */
#sub_contents .gui_auto  { margin: 30px 0 0 0px;}
#sub_contents .gui_txt p{text-align: left;}
#sub_contents .gui_txt strong{font-weight: bold; font-size: 18px;}
#sub_contents .gui_txt p em{ display: block;font-weight: bold;        font-style: normal;}
#sub_contents .conc__imgwrap { width: 100%; justify-content: space-between;position: relative;        margin: 190px auto 50px;}
#sub_contents .conc__left {position: absolute;max-width: 430px;width: 30%;left: 0;top: 50%;transform: translate(0, -93%); z-index: -1;    margin-left: calc(50% - 50vw);}
#sub_contents .conc__right {position: absolute;width: 30%;max-width: 430px;right: 0;top: 50%;transform: translate(0, -90%); z-index: -1;margin-right: calc(50% - 50vw);}

/* menu
----------------------------------- */
#sub_contents .check_txt02:first-child {margin-top: 0;}
#sub_contents .check_txt02 {font-size: 17px;line-height: 1.4em;background: url(../images/img04_03.png) no-repeat left 0px;padding-left: 30px;margin-top: 5px;text-align: left;}
#sub_contents .flow_col{width: 100%;}
#sub_contents .flow_img{width: 100%;}
#sub_contents .flow_row:not(:last-child)::after {position: absolute; content: ""; bottom: -70px; left: 0; right: 0; margin: auto; text-align: center; background: url(../images/img04_02.png) no-repeat; width: 62px; height: 62px; z-index: 1;} 
#sub_contents .flow_col_nm {display: inline-block; font-size: 19px; padding: 0 10px 0 0; font-weight: 600; letter-spacing: 1px; color: #444;} 
#sub_contents .flow_col_nm p{display: inline-block; font-size: 18px; color: #444;font-family: "Bellefair", serif;} 
#sub_contents .flow_col_ttl {display: inline-block; margin: 10px 0 10px 0; padding: 10px 0 10px 0; display: block; align-items: center;font-size: 20px;} 
#sub_contents .row.flow_row {        width: 100%; position: relative; min-height: auto !important; padding: 30px 5px; background-color: #f6edea;  gap: 30px;       margin: 0 auto 80px;}
#sub_contents .flow_col_txt {font-weight: bold;   display: inline-block;text-align: left;    margin-bottom: 10px;}
#sub_contents .flow_col_txt p{font-size: 20px; font-weight: bold;  }
#sub_contents .flow_col_txt strong{font-weight: bold;  display: inline-block;}
#sub_contents .menu_txt{ background-color: #fff;padding: 30px 5px;width: 100%;text-align: left;margin: 50px auto 0;} 
#sub_contents .menu_txt p em{ display: block;     font-style: normal;margin-bottom: 30px;}
#sub_contents .check_txt:first-child {margin-top: 0;}
#sub_contents .check_txt {font-size: 17px;line-height: 1.4em;background: url(../images/img04_01.png) no-repeat left 0px;padding-left: 30px;margin-top: 5px;text-align: left;}
#sub_contents .title-03 p{font-size: 20px; color:#444444; font-weight: bold;  }
#sub_contents .title-04 p{font-size: 18px;padding-bottom: 5px;margin-bottom: 20px;    border-bottom: 2px solid #444444;font-weight: bold;    padding-top: 5px;}
#sub_contents .gal_img {width: 100%;}
#sub_contents .gal_box {gap: 20px;}
#sub_contents .menu__item {         width: 98%;max-width: 100%;   margin-bottom: 20px;   } 
#sub_contents .menu__name { display: inline-block; width:100% } 
#sub_contents .menu__name p{font-size: 18px; font-weight: bold;         } 
#sub_contents .menu_price { display: inline-block; width: 100%; text-align: right; } 
#sub_contents .menu__img { max-width: 60%; margin-inline: auto; } 
#sub_contents .pri_ttl p{border-bottom:3px solid #444444;padding-bottom: 5px;margin-bottom: 30px;margin-top: 50px; font-size: 20px;        font-weight: bold;}

/* voice
----------------------------------- */
#sub_contents .pic_box {gap: 20px;align-items: center;}
#sub_contents .pic_img {width: 100%;}
#sub_contents .voi_ttl p{font-size: 20px;font-weight: bold;margin: 10px auto;}
#sub_contents .voi_box {position: relative;gap: 20px;}
#sub_contents .voi_box .flex_item {background:  #fff;text-align: center;padding: 30px 5px;  width: 100%;}
#sub_contents .voi_box .flex_item img {max-width: 250px;width: 100%;height: auto;text-align: center;}

/*profile
----------------------------------- */
#sub_contents .sta_img {width:100%;}
#sub_contents .sta_txt {width: 100%;    padding-right: 20px;} 
#sub_contents .staff_textBox {gap: 40px;}
#sub_contents .staff_textBox .img {width: 100%;margin-bottom: 20px;position:relative;} 
#sub_contents .staff_name {background:#ece4e4;padding:5px 10px;font-size:12px;} 
#sub_contents .staff_textBox .textarea {width: 100%;} 
#sub_contents .staff_ttl_area {border-top: 1px dashed #fff;padding-top:15px;margin-top:15px;} 
#sub_contents .staff_ttl {display:inline-block;margin-right: 10px;background:#444444;padding: 5px 15px;color: #fff;font-weight: bold; margin-bottom: 10px;}
#sub_contents .staff_ttl02 em {font-style: normal !important; border-bottom: 3px solid #444444;width: 100px;padding-right: 10px;}
#sub_contents .phi_02{margin-bottom: 50px;position: relative;}
#sub_contents .phi_02 .copy {    padding: 0px; margin: 30px auto 0; text-align: center;width: 100%;box-sizing: border-box; width: 100%;height: 1450px;box-sizing: border-box;background-image: url(../images/img02_03.png) ;background-repeat: no-repeat;background-position: top;}
#sub_contents .phi_02 .copy .text-1 p{font-size: 18px; padding-top: 33px; font-weight: bold;font-weight: bold; padding-right: 18px;}
#sub_contents .phi_02 .copy .text-2 p{         text-align: left; z-index: 0; font-size: 16px; font-weight: normal; line-height: 2.0; width: 100%;     height: 1450px; padding: 30px 5px; position: absolute; top: 7%; left: 0; right:0; margin: 0 auto;  position:relative;  background-color: rgba(255, 255, 255, 0.8); }
#sub_contents .phi_02 .copy span {display: block;}
#sub_contents .phi_02 .copy .text-2 p strong{font-size: 17px; font-weight: bold;}
#sub_contents .phi_02 .copy .text-2 p em{font-style: normal;display: block;margin-bottom:-30px;}

/*shop
----------------------------------- */
#sub_contents .textBox {gap: 30px;}
#sub_contents .textBox .text_box{background-color: #fff; padding: 15px;}
#sub_contents .textBox .textarea {width: 100%;text-align: justify;padding-right:0px;}
#sub_contents .textBox .textBox__img {width: 100%;}
#sub_contents .textBox {gap: 30px;}
#sub_contents .textBox .text_box{background-color: #fff; padding: 30px 15px;}
#sub_contents .textBox .textarea {width: 100%;text-align: justify;    background: #fff; padding: 20px; }
#sub_contents .con_txt::after {content: "";position: absolute;    top: -125px;left: 0px;width: 200px;height: 200px;display: inline-block;background: url(../images/img01_08.png) no-repeat center;  }
#sub_contents .con_txt {position: relative;margin-top: 100px;text-align: center;background-color: #fff;padding: 30px 5px;margin-bottom: 100px;}
#sub_contents .con_txt em{font-style: normal !important;display: block;margin-bottom: -20px;}
#sub_contents .about_box{gap: 20px;display: flex;}
#sub_contents .about_img{width: 100%;margin-bottom: 20px;}
#sub_contents .table01{max-width: 100%;width: 100%;margin-inline: auto;}
#sub_contents .table01 .tr{ display: block; justify-content: flex-start;}
#sub_contents .table01 .th{width: 100%;padding: 20px;border-bottom:1px solid #444444;line-height: 1.6;display: block;}
#sub_contents .table01 .td{width: 100%;padding: 20px 5px;line-height: 1.6;border-bottom:1px solid #fff;display: block;}

/*faq
---------------------------------- */
  #sub_contents .faq .box-wrap .box > div{ padding: 20px 5px; position: relative;margin-bottom: 30px; } 
  #sub_contents .faq .box-wrap .box .q-box{ background-color:#444444;color: #fff; padding-right: 50px; cursor: pointer; align-items:center; } 
  #sub_contents .faq .box-wrap .box .a-box{ display:flex; align-items:center; } 
  #sub_contents .faq .box-wrap .box .q-box::before,.faq .box-wrap .box .q-box::after{ content: ""; position: absolute; top: 50%; background-color: #fff; width: 28px; height: 1px; right: 20px; } 
  #sub_contents .faq .box-wrap .box .q-box::before{ transform: translateY(-50%); } 
  #sub_contents .faq .box-wrap .box .q-box::after{ transform: translateY(-50%) rotate(90deg); transition: ease 0.3s; }
   #sub_contents .faq .box-wrap .box .q-box.on::after{ transform: translateY(-50%) rotate(0deg); } 
   #sub_contents .faq .box-wrap .box > div > img{ width: 30px; } 
   #sub_contents .faq .box-wrap .box > div > h3,.faq .box-wrap .box > div > h4,.faq .box-wrap .box > div p{ box-sizing: border-box; padding-left: 20px; } 
   #sub_contents .faq .box-wrap .box > div p{ margin-right: 0; }
  #sub_contents .faq .font-20{ box-sizing: border-box; padding-left: 0px; font-size: 17px;font-weight: 500;} 
  #sub_contents .faq_txt{ background-color: #fff;padding: 30px;width: 900px;text-align: center;margin: 50px auto 0;} 
  #sub_contents .faq_txt strong{ font-size: 20px;font-weight: bold;} 
  
/* news
----------------------------------- */
#sub_contents .news__box{margin: 0 auto;text-align: center;} 
#sub_contents .webgene-blog:has(.categorylist02) {justify-content: center; margin-bottom: 30px;display:inline;} 
#sub_contents .webgene-item.categorylist02 {display: inline-block; margin-right: 1%; width: 90%; margin-bottom: 10px;}
#sub_contents .webgene-item.categorylist02 a {display: block; width: 100%; background: #444444; text-align: center; padding: 8px 10px; transition: .5s; color: #fff;} 
#sub_contents .webgene-item.categorylist02 a:hover {opacity: .8;} 
#sub_contents .webgene-blog:has(.categorylist) {justify-content: center; margin-bottom: 30px;display:inline;} 
#sub_contents .webgene-item.categorylist {display: inline-block; margin-right: 1%; width: 90%; margin-bottom: 10px;}
#sub_contents .webgene-item.categorylist a {display: block; width: 100%; background: #444444; text-align: center; padding: 8px 10px; transition: .5s; color: #fff;} 
#sub_contents .webgene-item.categorylist a:hover {opacity: .8;} 
#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;color:#fff;}
#sub_contents .subnews_flex{ display: flex;align-items:baseline;}
#sub_contents .webgene-blog .news__item .news__date {margin: 0 30px 0px 0px;    display: contents;    font-family: "Bellefair", serif;}
#sub_contents .webgene-blog .news__item .news__cate {display: inline; color: #a49084;   width: 240px;padding: 1px 30px;text-align: center; margin-left: 0px;}
#sub_contents .webgene-blog .news__item .news__title {        width: 100%;display: block;}
#sub_contents .news__item {display: flex;align-items: flex-start;gap: 20px;flex-wrap: wrap;     margin-top: 50px;}
#sub_contents .news__content { display: block !important;align-items: flex-start;gap: 20px;    margin-bottom: 20px;    text-align: left;}
#sub_contents .news__item .textarea {flex: 1;        display: block;}
#sub_contents .webgene-blog:has(.news__item) {display: block;} 
#sub_contents .webgene-blog:has(.news__item)::after {content: ""; display: block; width: 100%;} 
#sub_contents .webgene-blog .news__item {width: 100%;} 
#sub_contents .webgene-blog .news__item a {display: flex;    justify-content: center;} 
#sub_contents .webgene-blog .news__item {width: 100%;}

/* detail_news
----------------------------------- */
#sub_contents .new_ttl {text-align: center;font-size:20px;font-weight:bold;position: relative;}
#sub_contents .new_ttl span{text-align: center;font-size:21px;font-weight:bold;}
#sub_contents .news_detail .news_img {text-align: center;margin: 0 auto;}
#sub_contents .news_detail .news_img img{width: auto; text-align: center; margin: 0 auto 30px;}
#sub_contents .news_detail .news_date{text-align: center; display: block;margin: 0 auto 20px;    font-size: 24px;font-family: "Bellefair", serif;}
#sub_contents .news_text{background: rgba(255,255,255,.7); padding:15px 15px;} 
}

#sub_contents .flex_menu{
  display: flex;
}