/* main_visual
----------------------------------- */
#sub_visual {padding-top:110px; height:300px;position:relative;z-index:0;margin-top:40px;overflow: hidden;text-align: center;}
#sub_visual .img { height:300px; position: absolute; top: 0; width:100%;z-index:-1;margin: 0 auto;text-align: center;align-items: center;height: 90%;}
#sub_visual .img img{width:100%;height:100%;object-fit: cover;object-position: center;margin: 0 auto;}
#sub_visual .h1_container{max-width:1140px;width:94%;margin:0 auto;text-align: center;}
#sub_visual .h1_container h1{font-size:20px; line-height: 180%;font-weight: 400;letter-spacing: 1px;font-weight: bold;color: #fff;font-family: "Zen Old Mincho", serif;text-shadow: 2px 2px 20px #000;text-align: center;position: relative;}
#sub_visual .h1_container .ttl{font-size:18px;line-height:100%;font-family: "Zen Old Mincho", serif;font-weight: normal;color:#fff;text-shadow: 2px 2px 20px #000;text-align: center;letter-spacing: 0.1em;text-transform: uppercase;}

#sub_visual .h1_container h1.lumb:before{position: absolute;content: "";background: url(../images/sub_lumb_logo.png) no-repeat center center / cover ;width:60px;height:60px;top: -30px;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;}
#sub_visual .h1_container h1.shin:before{position: absolute;content: "";background: url(../images/sub_shin_logo.png) no-repeat center center / cover ;width:60px;height:60px;top: -30px;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;}
#sub_visual .h1_container h1.niwa:before{position: absolute;content: "";background: url(../images/sub_niwa_logo.png) no-repeat center center / cover ;width:60px;height:60px;top: -30px;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;}

@media screen and (min-width: 768px) {
#sub_visual {padding-top:170px; height:400px;position:relative;z-index:0;margin-top:0px;overflow: hidden;text-align: center;}
#sub_visual .img { height:400px; position: absolute; top: 0; width:100%;z-index:-1;margin: 0 auto;text-align: center;align-items: center;height: 90%;}
#sub_visual .img img{width:100%;height:100%;object-fit: cover;object-position: center;margin: 0 auto;}
#sub_visual .h1_container{max-width:1140px;width:94%;margin:0 auto;text-align: center;}
#sub_visual .h1_container h1{font-size:38px; line-height: 180%;font-weight: 400;letter-spacing: 4px;font-weight: bold;color: #fff;font-family: "Zen Old Mincho", serif;text-shadow: 2px 2px 20px #000;text-align: center;position: relative;}
#sub_visual .h1_container .ttl{font-size:28px;line-height:100%;font-family: "Zen Old Mincho", serif;font-weight: normal;color:#fff;text-shadow: 2px 2px 20px #000;text-align: center;letter-spacing: 0.1em;text-transform: uppercase;}

#sub_visual .h1_container h1.lumb:before{position: absolute;content: "";background: url(../images/sub_lumb_logo.png) no-repeat center center / cover ;width:80px;height:80px;top: -50px;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;}
#sub_visual .h1_container h1.shin:before{position: absolute;content: "";background: url(../images/sub_shin_logo.png) no-repeat center center / cover ;width:80px;height:80px;top: -50px;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;}
#sub_visual .h1_container h1.niwa:before{position: absolute;content: "";background: url(../images/sub_niwa_logo.png) no-repeat center center / cover ;width:80px;height:80px;top: -50px;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;}
}

@media screen and (min-width: 1024px) {
#sub_visual {padding-top:190px; height:600px;position:relative;z-index:0;margin-top:30px;overflow: hidden;text-align: center;}
#sub_visual .img { height:500px; position: absolute; top: 0; width:100%;z-index:-1;margin: 0 auto;text-align: center;align-items: center;height: 90%;}
#sub_visual .img img{width:100%;height:100%;object-fit: cover;object-position: center;margin: 0 auto;}
#sub_visual .h1_container{max-width:1140px;width:94%;margin:0 auto;text-align: center;}
#sub_visual .h1_container h1{font-size:50px; line-height: 180%;font-weight: 400;letter-spacing: 4px;font-weight: bold;color: #fff;font-family: "Zen Old Mincho", serif;text-shadow: 2px 2px 20px #000;text-align: center;position: relative;}
#sub_visual .h1_container .ttl{font-size:38px;line-height:100%;font-family: "Zen Old Mincho", serif;font-weight: normal;color:#fff;text-shadow: 2px 2px 20px #000;text-align: center;letter-spacing: 0.1em;text-transform: uppercase;}

#sub_visual .h1_container h1.lumb:before{position: absolute;content: "";background: url(../images/sub_lumb_logo.png) no-repeat center center / cover ;width:120px;height:120px;top: -60px;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;}
#sub_visual .h1_container h1.shin:before{position: absolute;content: "";background: url(../images/sub_shin_logo.png) no-repeat center center / cover ;width:120px;height:120px;top: -60px;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;}
#sub_visual .h1_container h1.niwa:before{position: absolute;content: "";background: url(../images/sub_niwa_logo.png) no-repeat center center / cover ;width:120px;height:120px;top: -60px;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);z-index: 1;}
}

/* sub_contents 
----------------------------------- */
#sub_contents {font-size: 14px; position: relative;padding:5px 0px;background-attachment: fixed; }
#sub_contents p{font-size: 14px;line-height: 1.8em;}
#sub_contents .section{max-width: 94%; margin: 50px auto 50px;position: relative;}
#sub_contents .scroll_section{width: 100%;margin: 50px auto 50px;position: relative;}
#sub_contents h2{ text-align: center;font-size:18px;  position: relative; line-height: 180%; padding:15px auto 10px;margin-top: 0px; color: #502600; margin-bottom: 50px;font-weight: bold;font-family: "Zen Old Mincho", serif;}
#sub_contents .h2 .span{ font-size:18px; display: block;margin-top:30px;color: #502600;  text-align: center;    margin-bottom: 50px;}
#sub_contents h2:before {content: '';position: absolute;top: 0px;display: inline-block;width: 90%;height: 2px;background: #502600;right: 0;left: 0;margin: 0 auto;}
#sub_contents h2:after {content: '';position: absolute;top: 30px;display: inline-block;width: 90%;height: 2px;background: #502600;right: 0;left: 0;margin: 0 auto;}
#sub_contents h2.lumb:before {background: #a41610;right: 0;left: 0;margin: 0 auto;}
#sub_contents h2.lumb:after {background: #a41610;right: 0;left: 0;margin: 0 auto;}
#sub_contents h2.shin:before {background: #0b3360;right: 0;left: 0;margin: 0 auto;}
#sub_contents h2.shin:after {background: #0b3360;right: 0;left: 0;margin: 0 auto;}
#sub_contents h2.niwa:before {background: #527342;right: 0;left: 0;margin: 0 auto;}
#sub_contents h2.niwa:after {background: #527342;right: 0;left: 0;margin: 0 auto;}
#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: 15px;}
#sub_contents .mb30{margin-bottom: 20px;}
#sub_contents .mb50{margin-bottom: 30px;}
#sub_contents .mb100{margin-bottom: 50px;}
#sub_contents .mb150{margin-bottom: 70px;}
#sub_contents .mt80{margin-top: 50px;} 
#sub_contents .mt30{margin-top: 20px;} 
#sub_contents .gap-20{gap: 20px;} 
#sub_contents .txt_cen{ text-align: center;  line-height: 200%;font-size: 14px;font-weight: bold;color: #502600;}
#sub_contents .txt_cen.sub_con{text-align: center;  line-height: 200%;font-size: 17px;font-weight: bold;color: #502600;font-family: "Zen Old Mincho", serif;}
#sub_contents p.txt_cen.sub_menu{ text-align: center;  line-height: 200%;font-size: 14px;font-weight: bold;color: #502600;font-family: "Zen Old Mincho", serif;border-bottom: solid 1px #502600;padding-bottom: 5px;}
#sub_contents .txt_cen em{font-style: normal !important;display: inline;}
#sub_contents .sub_bg{background:url(../images/sub_bg_02.jpg) repeat top;width: 100%; padding: 10px 0px;z-index: 0;  z-index: 0;position: relative;}

@media screen and (min-width: 768px) {
#sub_contents {font-size: 15px; position: relative;padding:5px 0px;background-attachment: fixed; }
#sub_contents p{font-size: 15px;line-height: 1.8em;}
#sub_contents .section{max-width: 94%; margin: 50px auto 50px;position: relative;}
#sub_contents .scroll_section{width: 100%;margin: 50px auto 50px;position: relative;}
#sub_contents h2{ text-align: center;font-size:32px;  position: relative; line-height: 180%; padding:15px auto 10px;margin-top: 0px; color: #502600; margin-bottom: 50px;font-weight: bold;font-family: "Zen Old Mincho", serif;}
#sub_contents .h2 .span{ font-size:26px; display: block;margin-top:30px;color: #502600;  text-align: center;    margin-bottom: 50px;}
#sub_contents h2:before {content: '';position: absolute;top: 0px;display: inline-block;width: 400px;height: 2px;background: #502600;right: 0;left: 0;margin: 0 auto;}
#sub_contents h2:after {content: '';position: absolute;top: 60px;display: inline-block;width: 400px;height: 2px;background: #502600;right: 0;left: 0;margin: 0 auto;}
#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%;font-size: 20px;font-weight: bold;color: #502600;}
#sub_contents .txt_cen.sub_con{text-align: center;  line-height: 200%;font-size: 28px;font-weight: bold;color: #502600;font-family: "Zen Old Mincho", serif;}
#sub_contents p.txt_cen.sub_menu{ text-align: center;  line-height: 200%;font-size: 20px;font-weight: bold;color: #502600;font-family: "Zen Old Mincho", serif;border-bottom: solid 1px #502600;padding-bottom: 5px;font-size: 20px;}
#sub_contents .txt_cen em{font-style: normal !important;display: inline;}
#sub_contents .sub_bg{background:url(../images/sub_bg_02.jpg) repeat top;width: 100%; padding: 10px 0px;z-index: 0;  z-index: 0;position: relative;}
}

@media screen and (min-width: 1024px) {
#sub_contents {font-size: 16px; position: relative;padding:5px 0px;background-attachment: fixed; }
#sub_contents p{font-size: 16px;line-height: 1.8em;}
#sub_contents .section{max-width: 1140px; margin: 50px auto 50px;position: relative;width: 94%;}
#sub_contents .scroll_section{width: 100%;margin: 50px auto 50px;position: relative;}
#sub_contents h2{ text-align: center;font-size:32px;  position: relative; line-height: 180%; padding:15px auto 10px;margin-top: 0px; color: #502600; margin-bottom: 50px;font-weight: bold;font-family: "Zen Old Mincho", serif;}
#sub_contents .h2 .span{ font-size:26px; display: block;margin-top:30px;color: #502600;  text-align: center;    margin-bottom: 50px;}
#sub_contents h2:before {content: '';position: absolute;top: 0px;display: inline-block;width: 400px;height: 2px;background: #502600;right: 0;left: 0;margin: 0 auto;}
#sub_contents h2:after {content: '';position: absolute;top: 60px;display: inline-block;width: 400px;height: 2px;background: #502600;right: 0;left: 0;margin: 0 auto;}
#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%;font-size: 20px;font-weight: bold;color: #502600;}
#sub_contents .txt_cen.sub_con{text-align: center;  line-height: 200%;font-size: 28px;font-weight: bold;color: #502600;font-family: "Zen Old Mincho", serif;}
#sub_contents p.txt_cen.sub_menu{ text-align: center;  line-height: 200%;font-size: 20px;font-weight: bold;color: #502600;font-family: "Zen Old Mincho", serif;border-bottom: solid 1px #502600;padding-bottom: 5px;font-size: 20px;}
#sub_contents .txt_cen em{font-style: normal !important;display: inline;}
#sub_contents .sub_bg{background:url(../images/sub_bg_02.jpg) repeat top;width: 100%; padding: 10px 0px;z-index: 0;  z-index: 0;position: relative;}
}
/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb_list{font-size: 9px; position: relative; margin-bottom: 50px;color:#fff;max-width: 100%;align-items: left;}
#sub_contents .bread_crumb{text-align:right;padding:10px 10px 10px 10px;margin-right: auto;background: #00000099;position:relative;top: -72px;left: 0;}
#sub_contents .bread_crumb li { display:inline;}
#sub_contents .bread_crumb li:after {content : 'ー';padding-left:10px; font-family: inherit;}
#sub_contents .bread_crumb li:last-child:after { content : '';}
#sub_contents .bread_crumb li a {text-decoration:underline; color:#fff;}
#sub_contents .bread_crumb li a:hover{ text-decoration:none;}
#sub_contents .bread_crumb li.current { font-weight: normal;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:10px;color:#fff;}

@media screen and (min-width:768px) {
#sub_contents .bread_crumb_list{font-size: 12px; position: relative; margin-bottom: 50px;color:#fff;max-width: 100%;align-items: left;}
#sub_contents .bread_crumb{text-align:left;padding:20px 10px 20px 20px;margin-right: auto;background: #00000099;position:relative;top: -110px;left: 0;}
#sub_contents .bread_crumb li { display:inline;}
#sub_contents .bread_crumb li:after {content : 'ー';padding-left:10px; font-family: inherit;}
#sub_contents .bread_crumb li:last-child:after { content : '';}
#sub_contents .bread_crumb li a {text-decoration:underline; color:#fff;}
#sub_contents .bread_crumb li a:hover{ text-decoration:none;}
#sub_contents .bread_crumb li.current { font-weight: normal;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:15px;color:#fff;}
#sub_contents .bread_crumb p a{color:#fff;}
}

@media screen and (min-width:1024px) {
#sub_contents .bread_crumb_list{font-size: 12px; position: relative; margin-bottom: 50px;color:#fff;max-width: 100%;align-items: left;}
#sub_contents .bread_crumb{text-align:left;padding:30px 15px 30px 30px;margin-right: auto;background: #00000099;position:relative;top: -154px;left: 0;}
#sub_contents .bread_crumb li { display:inline;}
#sub_contents .bread_crumb li:after {content : 'ー';padding-left:10px; font-family: inherit;}
#sub_contents .bread_crumb li:last-child:after { content : '';}
#sub_contents .bread_crumb li a {text-decoration:underline; color:#fff;}
#sub_contents .bread_crumb li a:hover{ text-decoration:none;}
#sub_contents .bread_crumb li.current { font-weight: normal;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:15px;color:#fff;}
#sub_contents .bread_crumb p a{color:#fff;}
}

/* btn
----------------------------------- */
#sub_contents .anker__items{column-gap: 2%;row-gap: 5px;}
#sub_contents .anker__item{width: 47%;height: 50px;position: relative;display: block;}
#sub_contents .anker__item.w50{width: 100%;}
#sub_contents .anker__item.w30{width: 100%;}
#sub_contents .anker__item a:hover{opacity:.8;}
#sub_contents .anker__item a {display: block;text-align: center;line-height: 40px;background: #502600;color: #fff;}
#sub_contents .anker__item a:hover {background: #502600;color:#fff;}
#sub_contents .anker__item.lumb a {background: #a41610;color: #fff;}
#sub_contents .anker__item.lumb a:hover {background: #a41610;color:#fff;}
#sub_contents .anker__item.shinkichi a {background: #0b3360;color: #fff;}
#sub_contents .anker__item.shinkichi a:hover {background: #0b3360;color:#fff;}
#sub_contents .anker__item.niwa a {background: #527342;color: #fff;}
#sub_contents .anker__item.niwa a:hover {background: #527342;color:#fff;}
#sub_contents .anker__item p {line-height: 50px;font-family: "Zen Old Mincho", serif;font-size: 13px;}
#sub_contents .anker__item.small p {line-height: 50px;font-family: "Zen Old Mincho", serif;font-size: 13px;}
#sub_contents .anker__item em{  display:block;font-style:normal;font-weight:normal;}
#sub_contents .anker__item.menu_btn{width:100%;}
#link01,#link02,#link03,#link04,#link05,#link06,#link07,#link08,#link09,#link10,#link11,#link12{margin-top:-60px;padding-top:60px;}

@media screen and (min-width: 768px) {
#sub_contents .anker__items{column-gap: 2%;row-gap: 10px;}
#sub_contents .anker__item{width: 45%;height: 50px;position: relative;display: block;}
#sub_contents .anker__item.w50{width: 45%;}
#sub_contents .anker__item.w30{width: 32%;}
#sub_contents .anker__item a:hover{opacity:.8;}
#sub_contents .anker__item a {display: block;text-align: center;line-height: 50px;background: #502600;color: #fff;}
#sub_contents .anker__item a:hover {background: #502600;color:#fff;}
#sub_contents .anker__item p {line-height: 50px;font-family: "Zen Old Mincho", serif;font-size: 16px;}
#sub_contents .anker__item.small p {line-height: 50px;font-family: "Zen Old Mincho", serif;font-size: 16px;}
#sub_contents .anker__item em{  display:block;font-style:normal;font-weight:normal;}
#sub_contents .anker__item.menu_btn{width:100%;}
#link01,#link02,#link03,#link04,#link05,#link06,#link07,#link08,#link09,#link10,#link11,#link12{margin-top:-60px;padding-top:60px;}
}

@media screen and (min-width: 1024px) {
#sub_contents .anker__items{column-gap: 2%;row-gap: 10px;}
#sub_contents .anker__item{width: 23%;height: 50px;position: relative;display: block;}
#sub_contents .anker__item.w50{width: 45%;}
#sub_contents .anker__item.w30{width: 32%;}
#sub_contents .anker__item a:hover{opacity:.8;}
#sub_contents .anker__item a {display: block;text-align: center;line-height: 50px;background: #502600;color: #fff;}
#sub_contents .anker__item a:hover {background: #502600;color:#fff;}
#sub_contents .anker__item p {line-height: 50px;font-family: "Zen Old Mincho", serif;font-size: 16px;}
#sub_contents .anker__item.small p {line-height: 50px;font-family: "Zen Old Mincho", serif;font-size: 16px;}
#sub_contents .anker__item em{  display:block;font-style:normal;font-weight:normal;}
#sub_contents .anker__item.menu_btn{width:100%;}
#link01,#link02,#link03,#link04,#link05,#link06,#link07,#link08,#link09,#link10,#link11,#link12{margin-top:-100px;padding-top:100px;}
}

/* tab
----------------------------------- */
#sub_contents .tab_area {gap:15px;}
#sub_contents .tab {position: relative;width:45%; padding: 10px 0;font-size: 15px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #502600;}
#sub_contents .tab.sub_recruit {width:40%;}
#sub_contents .tab p {font-size: 15px;display: inline;font-family: "Zen Old Mincho", serif;}
#sub_contents .tab.is-active::after {position: absolute;bottom: -10px;left: 50%;transform: translateX(-50%);width: 18px;height: 9px;background-color: #502600;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: 1024px) {
#sub_contents .tab_area {gap:30px;}
#sub_contents .tab {position: relative;width:22%; padding: 20px 0;font-size: 15px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #502600;}
#sub_contents .tab p {font-size: 20px;display: inline;font-weight: bold;}
#sub_contents .tab.is-active::after {position: absolute;bottom: -11px;left: 50%;transform: translateX(-50%);width: 20px;height: 10px;background-color: #502600;content: '';clip-path: polygon(0 0, 100% 0, 50% 100%);}
#sub_contents .panel {display: none;}
#sub_contents .panel.is-active {display: block;background-size: cover;padding: 0px 0 0;}
}

/* concept
----------------------------------- */
#sub_contents .shop_area {width: 100%; display: block;position: relative;padding: 0;text-align: center;}
#sub_contents .shop_area .img  {width: 100%;}
#sub_contents .shop_area .img img {width: 30%;margin: 0 auto;display: inline-block;object-fit: cover;}

/* niwanotori
----------------------------------- */
#sub_contents .comm_textBox .img{width: 100%;margin-bottom: 10px;position:relative;} 
#sub_contents .comm_textBox .textarea {width: 100%;margin-bottom:10px;}
#sub_contents .comm_textBox .textarea p {line-height:2;}
#sub_contents .comm_textBox .textarea p.staff_name {border-bottom: solid 1px #502600;margin-bottom: 10px;font-weight: bold;font-size: 15px;} 
#sub_contents .comm_textBox .textarea p.staff_number {font-family: "Zen Old Mincho", serif;color:#502600;font-size: 14px;margin-bottom: 5px;text-transform: uppercase;font-weight: bold;}

#sub_contents .tbl_info .tr{width:100%;background:#fff;margin-bottom:5px; box-shadow:1px 1px 10px #00000010;}
#sub_contents .tbl_info .tr:nth-child(2n){background:#fff;}
#sub_contents .tbl_info .th{width:100%;padding:5px 10px;background:#502600;color:#fff; text-align:center;font-weight: bold; letter-spacing: 0.1em;margin-bottom: 0;}
#sub_contents .tbl_info .td{width:100%;padding:5px 10px;line-height: 2em;}

#sub_contents .sub_map{width:100%;height: 300px;}

#sub_contents .sub_insta_btn{width:100%;text-align: center;position: relative;}
#sub_contents .sub_insta_btn img{width:80%;height: auto;object-fit: cover;margin: 0 auto;}

#sub_contents .sub_shop_img{display: flex;justify-content: center;gap:20px;flex-wrap: wrap;}
#sub_contents .sub_shop_img img{width:450px;height: auto;margin: 0}

@media screen and (min-width: 768px) {
#sub_contents .comm_textBox .img{width: 100%;margin-bottom: 10px;position:relative;} 
#sub_contents .comm_textBox .textarea {width: 100%;margin-bottom:10px;}
#sub_contents .comm_textBox .textarea p {line-height:2;}
#sub_contents .comm_textBox .textarea p.staff_name {border-bottom: solid 1px #502600;margin-bottom: 10px;font-weight: bold;font-size: 20px;} 
#sub_contents .comm_textBox .textarea p.staff_number {font-family: "Zen Old Mincho", serif;color:#502600;font-size: 17px;margin-bottom: 5px;text-transform: uppercase;font-weight: bold;}

#sub_contents .tbl_info .tr{width:100%;background:#fff;margin-bottom:15px; box-shadow:1px 1px 10px #00000010;}
#sub_contents .tbl_info .tr:nth-child(2n){background:#fff;}
#sub_contents .tbl_info .th{width:30%;padding:15px 15px;background:#502600;color:#fff; text-align:center;font-weight: bold; letter-spacing: 0.1em;margin-bottom: 0;}
#sub_contents .tbl_info .td{width:70%;padding:15px 15px;line-height: 2em;}

#sub_contents .sub_map{width:100%;height: 300px;}

#sub_contents .sub_insta_btn{width:100%;text-align: center;position: relative;}
#sub_contents .sub_insta_btn img{width:80%;height: auto;object-fit: cover;margin: 0 auto;}

#sub_contents .sub_shop_img{display: flex;justify-content: center;gap:20px;flex-wrap: wrap;}
#sub_contents .sub_shop_img img{width:450px;height: auto;margin: 0}
}

@media screen and (min-width: 1024px) {
#sub_contents .comm_textBox .img{width: 50%;margin-bottom: 0px;position:relative;} 
#sub_contents .comm_textBox .textarea {width: 45%;margin-bottom:20px;}
#sub_contents .comm_textBox .textarea a{width: 100%;margin-top:30px;}
#sub_contents .comm_textBox .textarea .anker__item.w50{width: 100%;}
#sub_contents .comm_textBox .textarea p {line-height:2;}
#sub_contents .comm_textBox .textarea p.staff_name {border-bottom: solid 1px #502600;margin-bottom: 10px;font-weight: bold;font-size: 24px;} 
#sub_contents .comm_textBox .textarea p.staff_number {font-family: "Zen Old Mincho", serif;color:#502600;font-size: 18px;margin-bottom: 5px;text-transform: uppercase;font-weight: bold;}

#sub_contents .tbl_info .tr{width:100%;background:#fff;margin-bottom:15px; box-shadow:1px 1px 10px #00000010;}
#sub_contents .tbl_info .tr:nth-child(2n){background:#fff;}
#sub_contents .tbl_info .th{width:30%;padding:15px 15px;background:#502600;color:#fff; text-align:center;font-weight: bold; letter-spacing: 0.1em;margin-bottom: 0;}
#sub_contents .tbl_info .td{width:70%;padding:15px 15px;line-height: 2em;}

#sub_contents .sub_map{width:100%;height: 400px;}

#sub_contents .sub_insta_btn{width:100%;text-align: center;position: relative;}
#sub_contents .sub_insta_btn img{width:400px;height: auto;object-fit: cover;margin: 0 auto;}

#sub_contents .sub_shop_img{display: flex;justify-content: center;gap:20px;flex-wrap: wrap;}
#sub_contents .sub_shop_img img{width:450px;height: auto;margin: 0}
}

/* menu
----------------------------------- */
#sub_contents .menu_img {width: 100%; text-align: center;position: relative;}
#sub_contents .menu_img img {width: 100%;margin: 0 auto;height: auto;}

#sub_contents .menu__item { width: 100%; max-width: 100%;  margin-bottom: 10px;   } 
#sub_contents .menu__name { display: block; width:100% } 
#sub_contents .menu__name.small {font-size: 12px;} 
#sub_contents p.menu__name {font-weight: bold;font-size: 14px;} 
#sub_contents .menu__price { display: inline-block; width: 100%; text-align: right; right: 0;margin-right: 0;} 
#sub_contents p.menu__price {font-size: 14px;} 
#sub_contents .menu__img { max-width: 60%; margin-inline: auto; } 
#sub_contents .menu__items{padding:5px;}

#sub_contents .menu__items.course .menu__name { display: inline-block; width:100% } 

#sub_contents .sub_menu_box {width: 100%;background-color: #ffffff50;padding: 20px 20px;}

@media screen and (min-width: 768px) {
#sub_contents .menu_img {width: 100%; text-align: center;position: relative;}
#sub_contents .menu_img img {width: 600px;margin: 0 auto;height: auto;}

#sub_contents .menu__item { width: 100%; max-width: 700px;     margin-bottom: 20px;   } 
#sub_contents .menu__name { display: block; width:100% } 
#sub_contents .menu__name.small {font-size: 13px;} 
#sub_contents p.menu__name {font-weight: bold;font-size: 16px;} 
#sub_contents .menu__price { display: inline-block; width: 100%; text-align: right; right: 0;margin-right: 0;} 
#sub_contents p.menu__price {font-size: 16px;} 
#sub_contents .menu__img { max-width: 60%; margin-inline: auto; } 
#sub_contents .menu__items{padding:5px;}

#sub_contents .menu__items.course .menu__name { display: inline-block; width:65% } 

#sub_contents .sub_menu_box {width: 100%;background-color: #ffffff50;padding: 20px 30px;}
}

@media screen and (min-width: 1024px) {
#sub_contents .menu_img {width: 100%; text-align: center;position: relative;}
#sub_contents .menu_img img {width: 600px;margin: 0 auto;height: auto;}

#sub_contents .menu__item { width: 42%; max-width: 700px;     margin-bottom: 20px;   } 
#sub_contents .menu__name { display: inline-block; width:65% } 
#sub_contents .menu__name.small {font-size: 14px;} 
#sub_contents p.menu__name {font-weight: bold;font-size: 18px;} 
#sub_contents .menu__price { display: inline-block; width: 34%; text-align: right; right: 0;margin-right: 0;} 
#sub_contents p.menu__price {font-size: 18px;} 
#sub_contents .menu__img { max-width: 60%; margin-inline: auto; } 
#sub_contents .menu__items{padding:5px;}

#sub_contents .menu__items.course .menu__name { display: inline-block; width:65% } 

#sub_contents .sub_menu_box {width: 100%;background-color: #ffffff50;padding: 40px 40px;}
}