html {scroll-behavior: smooth;}


/* main_visual
----------------------------------- */
#sub_visual {    padding-top: 75px;background: url(../images/sub_mv.png) no-repeat center right;height: 250px;position: relative;z-index: 0;background-size: cover;width: 90%;margin: 0px 0 0 auto;z-index:10;}
#sub_visual  .span{text-shadow: 3px 1px 2px rgb(255, 255, 255), 0 0 1em rgb(255, 255, 255), 0 0 0.2em rgb(255, 255, 255);width: 100%;margin-bottom: 10px;display: block;font-size: 40px;padding: 0;text-align: left;margin-left: 10px; color: #271b09;  font-weight: 300;  font-family: "Montserrat", sans-serif;letter-spacing: 0.3rem;}
#sub_visual  .small{text-shadow: 3px 1px 2px rgb(255, 255, 255), 0 0 1em rgb(255, 255, 255), 0 0 0.2em rgb(255, 255, 255); width: 100%;margin-bottom: 0px;display: block;font-size: 30px;padding: 0;text-align: left;margin-left: 10px;color: #322b2b;  font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'MS Ｐ明朝', 'MS PMincho', serif;letter-spacing: 0.3rem;}
#sub_visual02 {    padding-top: 75px;background: url(../images/sub_mv_02.png) no-repeat center right;height: 250px;position: relative;z-index: 0;background-size: cover;width: 90%;margin: 0px 0 0 auto;z-index:10;}
#sub_visual02  .span{text-shadow: 3px 1px 2px rgb(255, 255, 255), 0 0 1em rgb(255, 255, 255), 0 0 0.2em rgb(255, 255, 255);width: 100%;margin-bottom: 10px;display: block;font-size: 40px;padding: 0;text-align: left;margin-left: 10px; color: #271b09;  font-weight: 300;  font-family: "Montserrat", sans-serif;letter-spacing: 0.3rem;}
#sub_visual02  .small{text-shadow: 3px 1px 2px rgb(255, 255, 255), 0 0 1em rgb(255, 255, 255), 0 0 0.2em rgb(255, 255, 255); width: 100%;margin-bottom: 0px;display: block;font-size: 30px;padding: 0;text-align: left;margin-left: 10px;color: #322b2b;  font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'MS Ｐ明朝', 'MS PMincho', serif;letter-spacing: 0.3rem;}
#sub_visual03 {    padding-top: 75px;background: url(../images/sub_mv_03.png) no-repeat center right;height: 250px;position: relative;z-index: 0;background-size: cover;width: 90%;margin: 0px 0 0 auto;z-index:10;}
#sub_visual03  .span{text-shadow: 3px 1px 2px rgb(255, 255, 255), 0 0 1em rgb(255, 255, 255), 0 0 0.2em rgb(255, 255, 255);width: 100%;margin-bottom: 10px;display: block;font-size: 40px;padding: 0;text-align: left;margin-left: 10px; color: #271b09;  font-weight: 300;  font-family: "Montserrat", sans-serif;letter-spacing: 0.3rem;}
#sub_visual03  .small{text-shadow: 3px 1px 2px rgb(255, 255, 255), 0 0 1em rgb(255, 255, 255), 0 0 0.2em rgb(255, 255, 255); width: 100%;margin-bottom: 0px;display: block;font-size: 30px;padding: 0;text-align: left;margin-left: 10px;color: #322b2b;  font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'MS Ｐ明朝', 'MS PMincho', serif;letter-spacing: 0.3rem;}
#sub_visual04 {    padding-top: 75px;background: url(../images/sub_mv_04.png) no-repeat center right;height: 250px;position: relative;z-index: 0;background-size: cover;width: 90%;margin: 0px 0 0 auto;z-index:10;}
#sub_visual04  .span{text-shadow: 3px 1px 2px rgb(255, 255, 255), 0 0 1em rgb(255, 255, 255), 0 0 0.2em rgb(255, 255, 255);width: 100%;margin-bottom: 10px;display: block;font-size: 40px;padding: 0;text-align: left;margin-left: 10px; color: #271b09;  font-weight: 300;  font-family: "Montserrat", sans-serif;letter-spacing: 0.3rem;}
#sub_visual04  .small{text-shadow: 3px 1px 2px rgb(255, 255, 255), 0 0 1em rgb(255, 255, 255), 0 0 0.2em rgb(255, 255, 255); width: 100%;margin-bottom: 0px;display: block;font-size: 30px;padding: 0;text-align: left;margin-left: 10px;color: #322b2b;  font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'MS Ｐ明朝', 'MS PMincho', serif;letter-spacing: 0.3rem;}
#sub_visual05 {    padding-top: 75px;background: url(../images/sub_mv_05.png) no-repeat center right;height: 250px;position: relative;z-index: 0;background-size: cover;width: 90%;margin: 0px 0 0 auto;z-index:10;}
#sub_visual05  .span{text-shadow: 3px 1px 2px rgb(255, 255, 255), 0 0 1em rgb(255, 255, 255), 0 0 0.2em rgb(255, 255, 255);width: 100%;margin-bottom: 10px;display: block;font-size: 40px;padding: 0;text-align: left;margin-left: 10px; color: #271b09;  font-weight: 300;  font-family: "Montserrat", sans-serif;letter-spacing: 0.3rem;}
#sub_visual05  .small{text-shadow: 3px 1px 2px rgb(255, 255, 255), 0 0 1em rgb(255, 255, 255), 0 0 0.2em rgb(255, 255, 255); width: 100%;margin-bottom: 0px;display: block;font-size: 30px;padding: 0;text-align: left;margin-left: 10px;color: #322b2b;  font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'MS Ｐ明朝', 'MS PMincho', serif;letter-spacing: 0.3rem;}
#sub_visual06 {    padding-top: 75px;background: url(../images/sub_mv_06.png) no-repeat center right;height: 250px;position: relative;z-index: 0;background-size: cover;width: 90%;margin: 0px 0 0 auto;z-index:10;}
#sub_visual06  .span{text-shadow: 3px 1px 2px rgb(255, 255, 255), 0 0 1em rgb(255, 255, 255), 0 0 0.2em rgb(255, 255, 255);width: 100%;margin-bottom: 10px;display: block;font-size: 40px;padding: 0;text-align: left;margin-left: 10px; color: #271b09;  font-weight: 300;  font-family: "Montserrat", sans-serif;letter-spacing: 0.3rem;}
#sub_visual06  .small{text-shadow: 3px 1px 2px rgb(255, 255, 255), 0 0 1em rgb(255, 255, 255), 0 0 0.2em rgb(255, 255, 255); width: 100%;margin-bottom: 0px;display: block;font-size: 30px;padding: 0;text-align: left;margin-left: 10px;color: #322b2b;  font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'MS Ｐ明朝', 'MS PMincho', serif;letter-spacing: 0.3rem;}

@media screen and (min-width: 768px) {
#sub_visual {    padding-top: 150px;background: url(../images/sub_mv.png) no-repeat top;height: 450px;position: relative;z-index: 0;background-size: cover;width: 80%;margin: 0px 0 0 auto;z-index:10;}
#sub_visual  .span{width: 690px;margin-bottom: 10px;display: block;font-size: 110px;padding: 0;text-align: left;margin-left: -130px; color: #271b09;  font-weight: 300;  font-family: "Montserrat", sans-serif;letter-spacing: 0.3rem;}
#sub_visual  .small{ width: 745px;margin-bottom: 0px;display: block;font-size: 30px;padding: 0;text-align: left;margin-left: -130px;color: #322b2b;  font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'MS Ｐ明朝', 'MS PMincho', serif;letter-spacing: 0.3rem;}
#sub_visual02 {    padding-top: 150px;background: url(../images/sub_mv_02.png) no-repeat top;height: 450px;position: relative;z-index: 0;background-size: cover;width: 80%;margin: 0px 0 0 auto;z-index:10;}
#sub_visual02  .span{width: 690px;margin-bottom: 10px;display: block;font-size: 110px;padding: 0;text-align: left;margin-left: -130px; color: #271b09;  font-weight: 300;  font-family: "Montserrat", sans-serif;letter-spacing: 0.3rem;}
#sub_visual02  .small{ width: 745px;margin-bottom: 0px;display: block;font-size: 30px;padding: 0;text-align: left;margin-left: -130px;color: #322b2b;  font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'MS Ｐ明朝', 'MS PMincho', serif;letter-spacing: 0.3rem;}
#sub_visual03 {    padding-top: 150px;background: url(../images/sub_mv_03.png) no-repeat top;height: 450px;position: relative;z-index: 0;background-size: cover;width: 80%;margin: 0px 0 0 auto;z-index:10;}
#sub_visual03  .span{width: 690px;margin-bottom: 10px;display: block;font-size: 110px;padding: 0;text-align: left;margin-left: -130px; color: #271b09;  font-weight: 300;  font-family: "Montserrat", sans-serif;letter-spacing: 0.3rem;}
#sub_visual03  .small{ width: 745px;margin-bottom: 0px;display: block;font-size: 30px;padding: 0;text-align: left;margin-left: -130px;color: #322b2b;  font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'MS Ｐ明朝', 'MS PMincho', serif;letter-spacing: 0.3rem;}
#sub_visual04 {    padding-top: 150px;background: url(../images/sub_mv_04.png) no-repeat top;height: 450px;position: relative;z-index: 0;background-size: cover;width: 80%;margin: 0px 0 0 auto;z-index:10;}
#sub_visual04  .span{width: 690px;margin-bottom: 10px;display: block;font-size: 110px;padding: 0;text-align: left;margin-left: -130px; color: #271b09;  font-weight: 300;  font-family: "Montserrat", sans-serif;letter-spacing: 0.3rem;}
#sub_visual04  .small{ width: 745px;margin-bottom: 0px;display: block;font-size: 30px;padding: 0;text-align: left;margin-left: -130px;color: #322b2b;  font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'MS Ｐ明朝', 'MS PMincho', serif;letter-spacing: 0.3rem;}
#sub_visual05 {    padding-top: 150px;background: url(../images/sub_mv_05.png) no-repeat top;height: 450px;position: relative;z-index: 0;background-size: cover;width: 80%;margin: 0px 0 0 auto;z-index:10;}
#sub_visual05  .span{width: 690px;margin-bottom: 10px;display: block;font-size: 110px;padding: 0;text-align: left;margin-left: -130px; color: #271b09;  font-weight: 300;  font-family: "Montserrat", sans-serif;letter-spacing: 0.3rem;}
#sub_visual05  .small{ width: 745px;margin-bottom: 0px;display: block;font-size: 30px;padding: 0;text-align: left;margin-left: -130px;color: #322b2b;  font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'MS Ｐ明朝', 'MS PMincho', serif;letter-spacing: 0.3rem;}
#sub_visual06 {    padding-top: 150px;background: url(../images/sub_mv_06.png) no-repeat top;height: 450px;position: relative;z-index: 0;background-size: cover;width: 80%;margin: 0px 0 0 auto;z-index:10;}
#sub_visual06  .span{width: 690px;margin-bottom: 10px;display: block;font-size: 110px;padding: 0;text-align: left;margin-left: -130px; color: #271b09;  font-weight: 300;  font-family: "Montserrat", sans-serif;letter-spacing: 0.3rem;}
#sub_visual06  .small{ width: 745px;margin-bottom: 0px;display: block;font-size: 30px;padding: 0;text-align: left;margin-left: -130px;color: #322b2b;  font-family: '游明朝', 'Yu Mincho', '游明朝体', 'YuMincho', 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'MS Ｐ明朝', 'MS PMincho', serif;letter-spacing: 0.3rem;}

}

/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb_list{width:100%; line-height:100%;background: #fffcf2;}
#sub_contents .bread_crumb{    text-align: left;    padding: 10px 0 10px 10px;  max-width: 1280px;  margin: 10px 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 .dis-none{display:none !important;}
#sub_contents { position: relative;;background-attachment: fixed; font-size: 16px;font-weight: 400;letter-spacing: .05em;line-height:1.5;background: #fffcf2;color: #28241d;font-family: "Zen Kaku Gothic New", sans-serif;margin: auto;overflow-x: hidden;overflow-x: clip;min-width: auto;opacity: 0;animation: bodyAppear .3s .3s forwards;}
#sub_contents p{font-size: 16px;}
#sub_contents .section{max-width: 94%; 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: "Montserrat", sans-serif;; }
#sub_contents .h2 .span p{ font-size:20px; display: block;margin-top:30px; text-align: center;    margin-bottom: 100px;}
#sub_contents h2:before { display:none; position: absolute;content: "";border-bottom: 1px solid #2c6522;     width: 50px; height: 60px; top: -20%; left: 53%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;transform: rotate(140deg);}
#sub_contents h2:after { display:none;position: absolute;content: "";border-bottom: 1px solid #2c6522;     width: 50px; height: 60px;     top: 225%; left: 44%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;transform: rotate(140deg);}
#sub_contents h3{ text-align: center;font-size:30px; margin-bottom:15px; position: relative; font-weight: bold;      margin-top: 40px;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#sub_contents .mb50{margin-bottom: 50px;}
#sub_contents .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 .gap-50{gap: 60px;} 
#sub_contents .txt_cen{ text-align: left;  line-height: 200%;}
#sub_contents .txt_cen em{font-style: normal !important;display: block;}
#sub_contents .img_cen{width:500px; margin:0 auto 50px; text-align:center; display:block;}
#link01,#link02,#link03,#link04,#link05,#link06,#link07,#link08,#link09,#link10,#link11,#link12{margin-top:-60px;padding-top:60px;}
#sub_contents .txt_blend{margin-top:15px; padding:20px; border:1px dashed #e3dabe;}
#sub_contents .txt_blend strong{color:#2c6522; border-left:4px solid #2c6522;margin-bottom:10px; display:block; font-size:120%; padding-left:10px; font-weight:bold;}

@media screen and (min-width: 768px) {
 #sub_contents .section{    max-width: 1280px; margin: 80px auto 80px;position: relative;}
 #sub_contents .txt_cen{ text-align: center;  line-height: 200%;}
#sub_contents .txt_cen em{font-style: normal !important;display: inline;}
  
/*#sub_contents h2, #sub_contents .h2{scroll-margin-top: 200px;}*/
#link01,#link02,#link03,#link04,#link05,#link06,#link07,#link08,#link09,#link10,#link11,#link12{margin-top:-120px;padding-top:120px;}

}

/* tab
----------------------------------- */
#sub_contents .tab_area {gap:30px;}
#sub_contents .tab {position: relative;width:90%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #2c6522;}
#sub_contents .tab.w40 {position: relative;width:40%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #2c6522;}
#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: #2c6522;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;}
@media screen and (min-width: 768px) {
 #sub_contents .tab_area {gap:30px;}
#sub_contents .tab {position: relative;width:17%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #2c6522;}
#sub_contents .tab.w40 {position: relative;width:40%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #2c6522;}
#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: #2c6522;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;}   
}

/* btn
----------------------------------- */
#sub_contents .btn_list .li{width: 90%; margin: 0 10px; font-size: 15px;}
#sub_contents .btn_list .li a{      position: relative; font-weight: normal;display: block;padding: 8px;text-align: center;margin: 0 auto 10px;width: 100%;color: #ffffff;background: #2c6522;font-size: 16px;}
#sub_contents .btn_list .li span{    font-size: 16px;}
#sub_contents .btn_list .li a:hover{opacity: 0.8;}
#sub_contents .btn_list .li.current a{color: #ffffff;background: #2c6522; }
@media screen and (min-width: 768px) {
#sub_contents .btn_list .li{width: 30%; margin: 0 10px; font-size: 15px;}
#sub_contents .btn_list .li a{      position: relative; font-weight: normal;display: block;padding: 8px;text-align: center;margin: 0 auto 10px;width: 100%;color: #ffffff;background: #2c6522;font-size: 16px;}
#sub_contents .btn_list .li span{    font-size: 16px;}
#sub_contents .btn_list .li a:hover{opacity: 0.8;}
#sub_contents .btn_list .li.current a{color: #ffffff;background: #2c6522; }
}

/* products
-----------------------------*/

#sub_contents .pro_tea {gap: 20px;align-items: center;display: block;}
#sub_contents .tea_ttl {width: 130px;text-align: left;padding: 5px 10px;font-weight: bold; position:relative; padding-left:15px; display:inline-block;}
#sub_contents .tea_price{display:inline-block;}
#sub_contents .tea_ttl:before{content:"●"; color:#2c6522;position:absolute; left:0px; font-size:10px; top:10px;}
#sub_contents .tea_ttl02 {border: 1px solid #2c6522;width: 130px;text-align: center;padding: 5px 10px;color: #2c6522;font-weight: bold;}
#sub_contents .tea_ttl p{font-weight: bold;}
#sub_contents .tea_ttl02 p{font-weight: bold;}
#sub_contents .sta_img03 {width: 100%;height:420px;}
#sub_contents .sta_txt {width: 45%;    padding-right: 20px;} 
#sub_contents .staff_textBox02 {gap: 40px;}
#sub_contents .staff_textBox02 .ttl p{font-size: 20px;font-weight: bold;border-bottom:2px solid #2c6522;}
#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_textBox02 .textarea {width: 100%;background-color: #fff;padding: 30px 5px;} 
#sub_contents .staff_ttl_area {padding-top:15px;margin-top:15px;} 
#sub_contents .item_g_area .txt_area {width: 100%;text-align: justify;background:#fff;padding:20px;} 
#sub_contents .item_g_area .img {width: 85%;margin-bottom: 20px; margin-inline: auto;}
#sub_contents .item_g_area .img img{width: 100%;}
#sub_contents .prod_img{width: 100%;margin: 0 auto 50px;}
#sub_contents .item_g_area .ttl{font-size: 15px;letter-spacing: .1em; font-weight:600;}
#sub_contents .item_g_area .menu_list{border-bottom: 1px solid #2c6522;padding: 5px 0;display: block;}
#sub_contents .item_g_area .menu__name{width: 100%;}
#sub_contents .item_g_area .menu__name p{font-size: 20px;font-weight: bold;}
#sub_contents .item_g_area .menu__price{width: 100%;}
#sub_contents .item_g_area .txt_area02{width: 100%; padding: 30px 5px;background-color: #fff;margin-top: 10px;} 
#sub_contents .link_box .ttl_link{width:100%; display:block; text-align:center; margin-top:20px;}
#sub_contents .link_box .ttl_link p{font-size:110%; font-weight:bold; margin-bottom:10px;}
#sub_contents .link_box a{width:48%;}
#sub_contents .staff_textBox02 em{font-style:normal; display:block; font-weight:bold; margin-top:10px; color:#2c6522;}
@media screen and (min-width:768px) {
#sub_contents .pro_tea {gap: 20px;align-items: center;display: block;}
#sub_contents .prod_img{width: 75%;margin: 0 auto 50px;}
#sub_contents .item_g_area .txt_area02{width: 100%; padding: 30px;margin-top: 0px;} 
#sub_contents .sta_img03 {width:80%;}
#sub_contents .sta_txt {width: 45%;    padding-right: 20px;} 
#sub_contents .staff_textBox02 {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_textBox02 .textarea {width: 100%;background-color: #fff;padding: 30px;} 
#sub_contents .staff_ttl_area {padding-top:15px;margin-top:15px;} 
#sub_contents .item_g_area .ttl{font-size: 22px;letter-spacing: .1em;}
#sub_contents .item_g_area .menu_list{display: flex;border-bottom: 1px solid #2c6522;padding: 10px 0;align-items: end;}
#sub_contents .item_g_area .menu__name{width: calc(100% - 250px);}
#sub_contents .item_g_area .menu__price{width: 250px;}
#sub_contents .staff_textBox02 em{font-style:normal; display:block; font-weight:bold; margin-top:10px; color:#2c6522;}
}
@media screen and (min-width:1024px) {
#sub_contents .prod_img{width: 55%;margin: 0 auto 50px;}
#sub_contents .item_g_area .txt_area02{width: 48%; padding: 30px;margin-top: 0px;} 
#sub_contents .sta_img03 {width:35%;height:500px;}
#sub_contents .sta_txt {width: 45%;padding-right: 20px;} 
#sub_contents .staff_textBox02 {gap: 40px;}
#sub_contents .staff_textBox02 em{font-style:normal; display:block; font-weight:bold; margin-top:10px; color:#2c6522;}
#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_textBox02 .textarea {width: 56%;background-color: #fff;padding: 30px;} 
#sub_contents .link_box {margin-top:20px; padding:20px 40px;}
#sub_contents .link_box .ttl_link{width:100%; display:block; text-align:center;}
#sub_contents .link_box .ttl_link p{font-size:120%; font-weight:bold;}
#sub_contents .link_box a{width:47%;}
#sub_contents .staff_ttl_area {padding-top:15px;margin-top:15px;}
#sub_contents .item_g_area{position: relative;gap: 20px; display:flex;}
#sub_contents .item_g_area .txt_area{width: 100%; padding: 30px;} 
#sub_contents .item_g_area .txt_area02{width: 48%; padding: 30px;} 
#sub_contents .item_g_area .img {width: 30%;margin-bottom: 0px; margin-inline: 0;} 
#sub_contents .item_g_area .menu__name{display: inline-block;width: calc(100% - 200px);font-size: 14px;}
#sub_contents .item_g_area .menu__name p{font-size: 23px;font-weight: bold;}
#sub_contents .item_g_area .menu__price{display: inline-block;width: 200px;text-align: right;font-size: 14px;}
#sub_contents .item_g_area .menu_ttl{font-size: 24px;}
  
#sub_contents .staff_textBox02 .ttl02 {border-bottom:2px solid #2c6522;display:flex;}
#sub_contents .staff_textBox02 .ttl02 .ttl {display:block;width:60%;}
#sub_contents .staff_textBox02 .ttl02 .price {display:block;width:40%;text-align:right;}
}

/* menu
----------------------------------- */
#sub_contents .menu_img {width:90%;margin:20px auto;}
#sub_contents .sub_menu_box {width:100%;margin-bottom:50px;}
#sub_contents .sub_menu_box.sub_pro {width:100%;}
#sub_contents .sub_menu_box.menu_w100 {width:100%;}
#sub_contents .sub_menu_box .menu_h3 {position: relative;background:#2c6522;padding:5px 38px;font-weight:700;font-size:15px;color: #fff;}
#sub_contents .sub_menu_box .menu_h3::before {content: "";position: absolute;width: 20px;height: 20px;background: #fef6e9;top: 8px;left: 10px;}
#sub_contents .sub_menu_box .menu__ul {width:100%;margin:0 auto 20px;background:none;padding:0;}
#sub_contents .sub_menu_box .menu__ul .li {padding: 25px 5px 25px;border-bottom: 0px solid #2c6522; position:relative;}
#sub_contents .sub_menu_box .menu__ul .li::after{content:""; background:#2c6522; height:1px; position:absolute; left:0; right:0; bottom:0px; width:100%; margin:0 auto;}
#sub_contents .sub_menu_box .menu__ul .li .menu__text {width: 100%;margin-bottom: 0px;}
#sub_contents .sub_menu_box .menu__ul .li .menu__title {font-size: 14px;margin:0;position: relative;padding-left: 20px;line-height: 1.6;letter-spacing: 0.075em;display:block;font-weight:normal;}
#sub_contents .sub_menu_box .menu__ul .li .menu__title::before {content: "";position: absolute;width: 7px;height: 7px;background: #2c6522;border-radius: 50%;top: 7px;left: 0;}
#sub_contents .sub_menu_box .menu__ul .li .menu__p {font-size: 13px;letter-spacing: 0.075em;padding-left: 20px;margin-top:10px;}
#sub_contents .sub_menu_box .menu__ul .li .menu__price {width: 100%;text-align: right;font-size: 14px;margin-top:5px;}
#sub_contents .sub_menu_box .menu__ul .m_txt p{font-size:14px; color:#2c6522; line-height:160%; padding-top:10px; margin-bottom:20px;}
@media screen and (min-width:1025px) {
#sub_contents .sub_menu_box {width:45%;margin-bottom:50px;}
#sub_contents .sub_menu_box.menu_w100 {width:100%;}
#sub_contents .sub_menu_box .menu_h3 {position: relative;background:#2c6522;padding:10px 50px;font-weight:700;font-size:18px;color: #fff;}
#sub_contents .sub_menu_box .menu_h3::before {content: "";position: absolute;width: 26px;height: 26px;background: #fef6e9;top: 11px;left: 10px;}
#sub_contents .sub_menu_box .menu__ul {width:100%;margin:0 auto 20px;background:none;padding:0;}
#sub_contents .sub_menu_box .menu__ul .li {padding: 25px 5px;border-bottom: 1px solid #2c6522; align-items: baseline; }
#sub_contents .sub_menu_box .menu__ul .li::after{content:none; background:#2c6522; height:1px; position:absolute; left:0; right:0; bottom:0px; width:60%; margin:0 auto;}
#sub_contents .sub_menu_box .menu__ul .li .menu__text {width: 75%;margin-bottom: 0px;}
#sub_contents .sub_menu_box .menu__ul .li .menu__title {width: 75%; font-size: 15px;margin:0;position: relative;padding-left: 20px;line-height: 1.6;letter-spacing: 0.075em;display:block;font-weight:normal;}
#sub_contents .sub_menu_box .menu__ul .li .menu__title p{font-size: 17px;}
#sub_contents .sub_menu_box .menu__ul .li .menu__title::before {content: "";position: absolute;width: 7px;height: 7px;background: #2c6522;border-radius: 50%;top: 10px;left: 0;}
#sub_contents .sub_menu_box .menu__ul .li .menu__p {font-size: 13px;letter-spacing: 0.075em;padding-left: 20px;margin-top:10px;}
#sub_contents .sub_menu_box .menu__ul .li .menu__price {width: 100%;text-align: right;font-size: 14px;font-weight:normal;}
#sub_contents .sub_menu_box .menu__ul .m_txt p{font-size:14px; color:#2c6522; line-height:160%; padding-top:10px; margin-bottom:20px;}
#sub_contents .sub_menu_box.sub_pro {width:100%;}
}

/* voice
----------------------------------- */
#sub_contents .voi_img {width: 100%;}
#sub_contents .voi_box {width: 100%; padding: 30px 5px;background-color: #fff;margin: 0 auto 100px;display: block;}
#sub_contents .voi_ttl p{font-size:22px;text-align:center;z-index: 2;padding-left:10px;line-height:1.5;position: relative;font-weight: bold;margin-top: 30px;}
#sub_contents .voi_ttl em{display: block;font-style: normal;font-weight: bold;}
#sub_contents .voi_txt {position: relative;      margin-bottom: 50px;    } 
#sub_contents .voi_txt p{position: absolute;color:#ebe5d0;z-index: 1;   font-size: 60px;    top: -35px; left: 0%;line-height:0; font-family: "Montserrat", sans-serif;} 

@media screen and (min-width:768px) {
#sub_contents .voi_ttl em{display: inline;font-style: normal;font-weight: bold;}
#sub_contents .voi_img {width: 30%;}
#sub_contents .voi_box {width: 100%; padding: 30px;background-color: #fff;margin: 0 auto 100px;}
#sub_contents .voi_ttl p{font-size:22px;text-align:center;z-index: 2;padding-left:10px;line-height:1.5;position: relative;font-weight: bold;margin-top: 30px;}
#sub_contents .voi_txt {position: relative;  margin-bottom: 135px;} 
#sub_contents .voi_txt p{position: absolute;color:#ebe5d0;z-index: 1;    font-size: 85px;top: 45px; left: 2%;line-height:0; font-family: "Montserrat", sans-serif;} 
}
/* commitment
----------------------------------- */
#sub_contents .comm_textBox .img{width: 100%;margin-bottom: 0px;position:relative;} 
#sub_contents .comm_textBox .textarea {width: 100%;}
#sub_contents .comm_textBox .text-container {position: relative;display: inline-block;}
#sub_contents .comm_textBox .text-container .ttl p{font-size:20px;text-align:left;z-index: 2;padding-left:10px;line-height:1.5;position: relative;font-weight: bold;}
#sub_contents .comm_textBox .text-container .ttl em{font-style: normal !important;display: block;font-weight: bold;}
#sub_contents .comm_textBox .text-container .back_en p{position: absolute;color:#ebe5d0;z-index: 1;    font-size: 45px; top: -15px;left: 0%;line-height:0; font-family: "Montserrat", sans-serif;} 
#sub_contents .concept_area {text-align:center;}
#sub_contents .concept_area .txt {font-size:30px;margin-bottom:20px;}
#sub_contents .concept_area p {line-height:2;font-size:16px;}
#sub_contents .blend_contents .ttl_blend{background:#2c6522;text-align:center; margin-bottom:30px;}
#sub_contents .blend_contents .ttl_blend p{ font-size:26px; font-weight:bold;color:#fff; padding:10px 0px;}
#sub_contents .blend_contents .blend_box{display:grid;grid-template-columns:175px 1fr;grid-auto-rows:auto;column-gap:20px;align-items:start;margin:0 auto 24px;}
#sub_contents .blend_contents .blend_box>img{grid-column:1;grid-row:1;width:140px;height:auto;object-fit:contain;display:block;margin:0 auto;}
#sub_contents .blend_contents .blend_box .box_ttl{grid-column:1;grid-row:2;margin-top:8px;text-align:center;}
#sub_contents .blend_contents .blend_box .box_ttl p{margin:0;font-weight:700;font-size:15px;}
#sub_contents .blend_contents .blend_box>div:last-of-type{grid-column:2;grid-row:1/span 2;}

@media screen and (min-width: 768px) {
#sub_contents .blend_contents .ttl_blend{background:#2c6522;text-align:center; margin-bottom:30px;}
#sub_contents .blend_contents .ttl_blend p{ font-size:26px; font-weight:bold;color:#fff; padding:10px 0px;}
#sub_contents .blend_contents .blend_box{width:25%; margin-bottom:30px; padding:0px 9px;display:grid;grid-template-columns:inherit;grid-auto-rows:auto;column-gap:inherit;align-items:inherit;margin:0 auto 24px;}
#sub_contents .blend_contents .blend_box>img{grid-column:inherit;grid-row:inherit;width:60%;height:auto;object-fit:contain;display:block;margin:0 auto;}
#sub_contents .blend_contents .blend_box .box_ttl{grid-column:inherit;grid-row:inherit;margin-top:8px;text-align:center;}
#sub_contents .blend_contents .blend_box .box_ttl p{margin:0;font-weight:700;font-size:15px;}
#sub_contents .blend_contents .blend_box>div:last-of-type{grid-column:inherit;grid-row:inherit;}
#sub_contents .comm_textBox .text-container .ttl em{font-style: normal !important;display: inline;}
#sub_contents .comm_textBox .img{width: 100%;margin-bottom: 0px;position:relative;} 
#sub_contents .comm_textBox .textarea {width: 100%;}
#sub_contents .comm_textBox .text-container {position: relative;display: inline-block;}
#sub_contents .comm_textBox .text-container .ttl p{font-size:22px;text-align:center;z-index: 2;padding-left:10px;line-height:1.5;position: relative;font-weight: bold;}
#sub_contents .comm_textBox .text-container .back_en p{position: absolute;color:#ebe5d0;z-index: 1;font-size:80px; top: -28px;left: 0;line-height:0; font-family: "Montserrat", sans-serif;} 
#sub_contents .concept_area {text-align:center;}
#sub_contents .concept_area .txt {font-size:30px;margin-bottom:20px;}
#sub_contents .concept_area p {line-height:2;font-size:16px;}    
}
@media screen and (min-width: 1024px) {
#sub_contents .blend_contents .blend_box{width:25%; margin-bottom:30px; padding:0px 15px;display:grid;grid-template-columns:inherit;grid-auto-rows:auto;column-gap:inherit;align-items:inherit;margin:0 auto 24px;}
#sub_contents .blend_contents .blend_box .box_ttl p{margin:0;font-weight:700;font-size:16px;}
#sub_contents .comm_textBox .text-container .ttl em{font-style: normal !important;display: inline;}
#sub_contents .comm_textBox .img{width: 50%;margin-bottom: 0px;position:relative;} 
#sub_contents .comm_textBox .textarea {width: 47%;}
#sub_contents .comm_textBox .text-container {position: relative;display: inline-block;}
#sub_contents .comm_textBox .text-container .ttl p{font-size:22px;text-align:center;z-index: 2;padding-left:10px;line-height:1.5;position: relative;font-weight: bold;}
#sub_contents .comm_textBox .text-container .back_en p{position: absolute;color:#ebe5d0;z-index: 1;font-size:80px; top: -10px;left: -5%;line-height:0; font-family: "Montserrat", sans-serif;} 
}

/* about
----------------------------------- */
#sub_contents .box_greeting_com{padding: 40px 5px;background:url("../images/img02_01.jpg"); background-attachment: fixed;}
#sub_contents .box_greeting_com .inner{background: rgba(255,255,255,.8);padding: 50px 5px; position: relative;text-align: left; margin:0 auto; width:100%; max-width:100%;}
#sub_contents .box_greeting_com .inner span{display: block; font-size:23px; font-weight: bold; margin-bottom: 0px;line-height: 180%;}
#sub_contents .box_greeting_com .inner p{line-height: 180%;}
#sub_contents .about_box{gap: 10px;display: flex;}
#sub_contents .about_img{width: 100%;margin-bottom: 10px;}
#sub_contents .table01{max-width: 900px;width: 100%;margin-inline: auto;}
#sub_contents .table01 .tr{ display: block; justify-content: flex-start;}
#sub_contents .table01 .th{width: 50%;padding: 20px;border-bottom:1px solid #2c6522;line-height: 1.6;}
#sub_contents .table01 .td{width: 910%;padding: 20px 10px;line-height: 1.6;border-bottom:1px}
#sub_contents .abo_txt p{background-color: #fff;width: 100%;padding: 20px 5px;}
#sub_contents .abo_ttl01 p{font-size: 20px;}
#sub_contents .abo_ttl02 p {font-size: 20px;}
#sub_contents .abo_ttl02 p strong{font-size: 30px;padding-right: 20px;font-weight: bold;}
#sub_contents .sta_img {width:100%;}
#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: 100%;} 
#sub_contents .staff_ttl_area {padding-top:15px;margin-top:15px;} 
#sub_contents .staff_ttl {display:inline-block;margin-right: 10px;background:#2c6522;padding: 5px 15px;color: #fff;font-weight: bold; margin-bottom: 10px;}
#sub_contents .staff_ttl02 em {font-style: normal !important; border-bottom: 3px solid #2c6522;width: 100px;padding-right: 10px;}
#sub_contents .syam_li{width: 100%;margin-bottom: 30px;}
#sub_contents .syam_img{width: 100px;    margin: 0 auto 10px;}
#sub_contents .sya_box{gap: 13px;}
#sub_contents .sya_ttl{background-color: #ece4e4;padding: 10px;width: 185px;text-align: center;}
#sub_contents .pro_img{width: 100%;}
#sub_contents .pro_img02{width: 100%;}
#sub_contents .pro_ttl p{  font-size: 20px;border-left: 5px solid #2c6522;border-bottom: 1px solid #fff;box-sizing: border-box;padding-bottom: 10px;font-weight: 600;padding-left: 15px;}
#sub_contents .pro_box{	background: #fff8eb;    padding: 20px 0px;}
@media screen and (min-width:768px) {
#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: 30%;padding: 20px;border-bottom:1px solid #2c6522;line-height: 1.6;}
#sub_contents .table01 .td{width: 90%;padding: 20px 10px;line-height: 1.6;border-bottom:1px }
#sub_contents .about_box{gap: 20px;display: flex;}
#sub_contents .about_img{width: 30%;margin-bottom: 20px;}
#sub_contents .box_greeting_com{padding: 40px 40px;background:url("../images/img02_01.jpg"); background-attachment: fixed;}
#sub_contents .box_greeting_com .inner{background: rgba(255,255,255,.8);padding: 50px 50px; position: relative;text-align: center; margin:0 auto; width:100%; max-width:100%;}
#sub_contents .box_greeting_com .inner span{display: block; font-size:23px; font-weight: bold; margin-bottom: 0px;line-height: 180%;}
#sub_contents .box_greeting_com .inner p{line-height: 180%;}
#sub_contents .sta_img {width:80%;}
#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: 95%;} 
#sub_contents .staff_ttl_area {padding-top:15px;margin-top:15px;} 
#sub_contents .staff_ttl {display:inline-block;margin-right: 10px;background:#2c6522;padding: 5px 15px;color: #fff;font-weight: bold; margin-bottom: 10px;}
#sub_contents .staff_ttl02 em {font-style: normal !important; border-bottom: 3px solid #2c6522;width: 100px;padding-right: 10px;}
}
@media screen and (min-width:1024px) {
#sub_contents .sta_img {width:40%;}
#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 {padding-top:15px;margin-top:15px;} 
#sub_contents .staff_ttl {display:inline-block;margin-right: 10px;background:#2c6522;padding: 5px 15px;color: #fff;font-weight: bold; margin-bottom: 10px;}
#sub_contents .staff_ttl02 em {font-style: normal !important; border-bottom: 3px solid #2c6522;width: 100px;padding-right: 10px;}
}


/* news
----------------------------------- */
#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: block;align-items:baseline;}
#sub_contents .webgene-blog .news__item .news__date {margin: 0 30px 0px 0px;    display: inline;   font-family: "Montserrat", sans-serif;}
#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;}
@media screen and (min-width:768px) {
#sub_contents .subnews_flex{ display: flex;align-items:baseline;}

}

/* 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_date{text-align: center; display: block;margin: 0 auto 20px;    font-size: 24px; display: block;  font-family: "Montserrat", sans-serif;;font-weight:bold;}
#sub_contents .news_text{background: rgba(255,255,255,.7); padding:15px 15px;}

/* contact
-----------------------------*/
#sub_contents .res_img{width:100% ;}
#sub_contents .tel_box strong{font-weight: bold; font-size: 20px;}
#sub_contents .tel_box{border: 1px solid #2c6522;width: 100%;padding: 20px;    margin: 0 auto;    text-align: left;}   
@media screen and (min-width:768px) {
#sub_contents .res_img{width: 350px;}
#sub_contents .tel_box strong{font-weight: bold; font-size: 20px;}
#sub_contents .tel_box{border: 1px solid #2c6522;width: 70%;padding: 20px;    margin: 0 auto;    text-align: center;} 
}