/*=============================
Sub(Lower)Page setting
===============================*/
/* main_visual
-----------------------------*/
#sub_visual.kv{padding: 0;padding-top:80px;}
#sub_visual {padding-top: 200px;position: relative;height: 300px;background: url(../images/sub_visual.png) no-repeat center center; background-size: cover;}
#sub_visual .b{position: relative; z-index: 2; max-width:100%; width:94%; margin:0 auto; padding-left:0;}
#sub_visual h1{position:absolute;display: block;width:100%;font-size: 35px; text-align: center; letter-spacing: .1em; line-height: 200%; z-index: 2; text-transform: capitalize;color: #fff;font-weight: bold;margin-top: 30px;font-family: "Kaisei Decol", serif;}
#sub_visual p{position:absolute;display: block;width:100%;font-size: 25px; text-align: center; letter-spacing: .12em; line-height: 200%; margin: 130px 0 0 0; z-index: 2;}

/* bread_crumb_list
-----------------------------*/
#sub_contents .bread_crumb_list{background:rgba(0,0,0,.6);position:absolute;width:100%; top:-45px;line-height:100%;padding:0px;}
#sub_contents .bread_crumb{text-align:left;padding:0px;max-width:100%;margin:0 auto;margin-left:10px;}
#sub_contents .bread_crumb div { display:inline;color:#fff;}
#sub_contents .bread_crumb div:after {content : '＞';padding-left:10px; font-family: inherit; font-size:13px;}
#sub_contents .bread_crumb div:last-child:after { content : '';}
#sub_contents .bread_crumb div a {text-decoration:underline;color:#fff;font-size:13px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:13px;}

/* sub_contents 
-----------------------------*/
#sub_contents {font-size: 16px; position: relative;padding:30px 0px;padding-bottom:200px;background: url(../images/bg.png) repeat top center;width:100%; font-family: "Kaisei Decol", serif;}
#sub_contents section{max-width: 100%; width:94%;margin: 0px auto 50px; position: relative;padding: 20px 0px;}
#sub_contents .section{max-width: 100%;position: relative;margin: 60px auto 50px;width:94%;padding: 0px 0px;padding-left: 0px;}
#sub_contents h2{text-align: center;font-size:30px;position: relative; line-height: 150%;letter-spacing: 0.1em;font-weight: bold;padding-top: 5px;margin-top: 30px;}
#sub_contents .h2-small{letter-spacing: 0.1em;text-transform: uppercase;font-family: 'Nunito', sans-serif;margin-top: 10px;font-weight: bold;}
#sub_contents h2:before {content: '';position: absolute;top: -30px;display: inline-block;width: 30px;height: 30px;background: url(../images/sub_ttl_icon.png)no-repeat;right: 0;left: 0;margin: 0 auto;background-size:contain;}

#sub_contents h3{margin: 50px auto 30px; padding: 5px 15px;font-size: 22px;font-weight: bold;line-height: 1.4; border-left: 6px solid #0c5b3b;}
#sub_contents .txt_cen{ text-align: center; font-size:16px; line-height: 200%;margin:0 auto ;max-width:900px;}
#sub_contents .txt_cen strong{ text-align: center; font-size:16px; line-height: 200%;font-weight: bold;}
#sub_contents .mb10{margin-bottom: 5px;}
#sub_contents .mb20{margin-bottom: 10px;}
#sub_contents .mb30{margin-bottom: 20px;}
#sub_contents .mb40{margin-bottom: 30px;}
#sub_contents .mb50{margin-bottom: 40px;}
#sub_contents .mb80{margin-bottom: 60px;}
#sub_contents .mb100{margin-bottom: 80px;}
#sub_contents .mb150{margin-bottom: 120px;}
#sub_contents .sp_br{display:inline-block;}
#sub_contents .sub_bg{background: url(../images/sub_bg.png) repeat top center; background-size: contain; padding: 20px 0px;}
#sub_contents .sub_bg,#sub_contents .sub_bg *{color:#fff;}
#sub_contents .sub_bg02{background: #faf7cf; padding: 30px 0px;}
#sub_contents .bold{font-weight: bold;}
#sub_contents.shop02 .section.first::before{background: url(../images/bg_shop_illust.png) no-repeat top center; background-size:contain; position:absolute; top:-100px; left:-10%;content:""; width:150px; height:200px;}
#sub_contents.shop02 .section.first::after{background: url(../images/bg_shop_illust02.png) no-repeat top center; background-size:contain; position:absolute; top:-100px; right:-10%;content:"";width:150px; height:200px;}

/* about
-----------------------------*/
#sub_contents .box_greeting{padding: 50px 10px;background:url("../images/sub_about_img01.png")repeat center center; background-attachment: fixed;}
#sub_contents .box_greeting .inner{background: rgba(10, 50, 35, 0.85);padding: 40px 0px; position: relative;text-align: center; margin:0 auto; width:100%; max-width:100%;}
#sub_contents .box_greeting .inner .txt_box{width: 100%;}
#sub_contents .box_greeting .inner p.span{font-size:15px; font-weight: normal;color: #fff;display: inline-block;}
#sub_contents .box_greeting .inner p.ttl{font-size:18px; font-weight: normal;color: #fff;font-weight: bold;display: inline-block;}

#sub_contents .gyutan__area {width:100%;margin:0 auto 20px;}
#sub_contents .gyutan__area .img_area{margin-bottom:0px;width:100%;}
#sub_contents .gyutan__area .txt_area .ttl{font-size:22px;border-bottom:1px solid #111;padding:20px 0;margin-bottom:20px;font-weight:600;}
#sub_contents .sub_bg .gyutan__area .txt_area {color:#fff;}
#sub_contents .sub_bg .gyutan__area .txt_area .ttl{border-bottom:1px solid #fff;}

#sub_contents .sub_guide_bg{background: url(../images/sub_about_bg.png) no-repeat top center / cover ; padding: 70px 10px; background-size: cover;}
#sub_contents .sub_guide .guide_ttl{text-align:center; font-weight:bold; font-size:22px;line-height: 200%;margin-top: 40px;}
#sub_contents .sub_guide p{text-align:center;font-size:16px;line-height: 200%;font-weight:normal; color:#fff;}

/* food
-----------------------------*/
#sub_contents .menu_img {text-align: center;margin-bottom: 30px;}
#sub_contents .menu_img img{width:70%;}
#sub_contents .tbl_menu {width: 70%;margin-inline: auto;}
#sub_contents .tbl_menu .tr {display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
#sub_contents .tbl_menu .th {width: 100%;padding: 10px 0 0 0;border-bottom: none;line-height: 1.6;font-size: 20px;}
#sub_contents .tbl_menu .th p {font-size: 20px;}
#sub_contents .tbl_menu .td {width: 100%;text-align: left;padding: 0 0 10px 0;line-height: 1.6;border-bottom: 1px solid #291700;}
#sub_contents .tbl_menu .td p{font-weight:500;}

#sub_contents .txt_bg{background: #fbfbfa; padding: 15px;width: 70%;margin: 0 auto;}
#sub_contents .sub_bg .txt_bg *{color:#2b2b2b;}
#sub_contents .menu_list{gap:30px;}
#sub_contents .menu_list .li{width:100%;}

/* drink
-----------------------------*/
#sub_contents .com__area {scroll-margin-top:100px;}
#sub_contents .com__area .img {width:100%;margin-bottom:10px;}
#sub_contents .com__area .txt_area {width:100%;}
#sub_contents .com__area .txt_area .span {font-size:20px;font-weight:600;display:inline-block;}
#sub_contents .com__area .txt_area .small {font-size:28px;font-weight:600;display:inline-block;color:#0c5b3b;}
#sub_contents .com__area .txt_area .p {margin-top:10px;font-size: 16px;}

/* scene
-----------------------------*/
#sub_contents .scene_area {width: 100%;margin: 0 auto 30px;}
#sub_contents .scene_area .txt_area .b{font-size:30px;font-weight:bold;display: inline-block;margin-right: 15px;;color: #227e59;}
#sub_contents .scene_area .txt_area .span{display: inline-block;font-size: 18px;margin-bottom: 0;font-weight: bold;;color: #fff;margin-bottom:10px;}

/* recruit
-----------------------------*/
#sub_contents .tcen_box{background:#fff;padding:40px 15px;color:#160f0b;text-align:center;position:relative;width:100%;margin:0 auto;}
#sub_contents .tcen_box::before{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border:2px solid #0c5b3b;pointer-events:none;}
#sub_contents .tcen_box .char-box{margin-bottom:20px;display:block;}
#sub_contents .tcen_box .char-box .txt{display:inline-block;font-size:20px;padding:5px 8px;color:#0c5b3b;border:2px solid #0c5b3b;margin-right:0;line-height:1;font-weight:bold;}

#sub_contents .about_area02{text-align:center;}
#sub_contents .about_area02 .img{width:100%;text-align:center;margin:0 auto;}
#sub_contents .about_area02 .img img{width:100%;object-fit:cover;}
#sub_contents .about_area02 .txt_area .b{font-size:36px;font-weight:bold;display:inline-block;margin-right:10px;color:#0c5b3b;}
#sub_contents .about_area02 .txt_area .span{display:inline-block;font-size:18px;margin-bottom:10px;font-weight:bold;color:#0c5b3b;}
#sub_contents .about_area02 .txt_area .p{border-top:1px solid #fff;padding-top:15px;font-size:14px;line-height:1.8;}

#sub_contents .recruit_area{padding:40px 15px;background:#fff;}
#sub_contents .recruit_area p{font-size:14px;line-height:1.8;}

#sub_contents .feature_txt{font-size:14px;text-align:left;}
#sub_contents .feature_txt .img img{width:50%;margin:0 auto 20px;display:block;}
#sub_contents .feature_txt .ul{font-size:16px;margin:20px 0;display:block;text-align:left;width:100%;padding:20px;background:#fff;}
#sub_contents .feature_txt .ul .p{border-top:1px solid #111;padding-top:15px;font-size:14px;line-height:1.8;}
#sub_contents .feature_txt .ul .li .b{font-size:26px;font-weight:bold;display:inline-block;margin-right:10px;color:#502600;font-family:"Nunito",sans-serif;}
#sub_contents .feature_txt .ul .li .span{display:inline-block;font-size:16px;margin-bottom:0;font-weight:bold;color:#502600;}

/* info
-----------------------------*/
#sub_contents .store_area{padding: 30px 20px;background: #fff;}
#sub_contents .about_area{text-align: center;margin-bottom:10px}
#sub_contents .about_area .img{width: 100%;text-align: center;margin: 0 auto;}
#sub_contents .about_area .img img{width: 100%;margin-bottom: 10px;}
#sub_contents .about_area p{text-align-last: center; font-size: 16px;}
#sub_contents .tbl_info {margin-bottom:20px;}
#sub_contents .tbl_info .tr{width:100%;background:#fff;margin-bottom:15px;}
#sub_contents .tbl_info .th{width:100%;padding:15px 10px;text-align:center;background:#0c5b3b;color: #fff;}
#sub_contents .tbl_info .td{width:100%;padding:15px 10px;background: #fff;}
#sub_contents .tbl_info .td p{font-size: 16px;}
#sub_contents .tbl_info .td a{text-decoration: underline;}
#sub_contents .sub_bg .tbl_info .td p,
#sub_contents .sub_bg .tbl_info .td p *{color:#111;}
#sub_contents .sub_access{display:flex;flex-direction:column;}
#sub_contents .sub_access .gmap{width:100%;}
#sub_contents .sub_access .icon_area{width:100%;}
#sub_contents .sub_access .icon_box{padding:15px 0;}
#sub_contents .sub_access .icon_area .icon{width:100%;display:flex;align-items:center;margin-bottom:10px;}
#sub_contents .sub_access .icon_area .icon img{width:40px;height:40px;margin-right:10px;}
#sub_contents .sub_access .icon_area .icon p{font-size:16px;font-weight:bold;}
#sub_contents .sub_access .icon_area .txtarea{width:100%;font-size:14px;line-height:1.8;}

/* contact
-----------------------------*/
#sub_contents .contact_area{display:flex;column-gap: 4%;align-items: center;}
#sub_contents .contact_list{width:320px;margin-inline: 0;}
#sub_contents .contact_list{margin-bottom: 20px;}
#sub_contents .contact_list:last-child{margin-bottom: 20px;}

/* news
-----------------------------*/
#sub_contents .illustration{position:relative;}
#sub_contents .illustration::after{content:"";position:absolute;top:48px;left:858px;width:350px;height:150px;display:inline-block;background:url(../images/illust.png) no-repeat center;z-index:-10;}
#sub_contents .webgene-blog:has(.categorylist){display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:50px;}
#sub_contents .webgene-item.categorylist{width:30%;margin-right:1%;margin-bottom:0;}
#sub_contents .webgene-item.categorylist a{display:block;width:auto;text-align:center;padding:14px 10px;transition:.3s;color:#fff;background:#0c5b3b;font-weight:bold;text-decoration:none;line-height:1.2;margin-bottom:40px;border:1px solid transparent;}
#sub_contents .webgene-item.categorylist a:hover{background:#fff;color:#0c5b3b;border:1px solid #0c5b3b;}
#sub_contents .webgene-blog:has(.news__item){display:block;justify-content:flex-start;flex-wrap:wrap;position:relative;row-gap:40px;}
#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:block;justify-content:center;}
#sub_contents .webgene-blog .news__item .news__img{margin-bottom:20px;}
/* #sub_contents .webgene-blog .news__item .news__img img{aspect-ratio:3/2;object-fit:cover;} */
#sub_contents .webgene-blog .news__item .news__title{width:100%;line-height:1.5;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin-top:1.2em;font-size:17px;font-weight:normal;}
#sub_contents .webgene-blog .news__item a:hover .news__title{opacity:.8;}
#sub_contents .webgene-blog .news__item .news__date{margin:0 30px 0 0;font-weight:bold;font-size: 18px;font-family: "Nunito", sans-serif;}
#sub_contents .webgene-blog .news__item .news__cate{padding:5px 10px;}
#sub_contents .webgene-pagination{margin-top:30px;text-align:center;display:block;width:100%;}
#sub_contents .webgene-pagination ul{display:flex;justify-content:center;column-gap:20px;}
#sub_contents .webgene-pagination ul li a{display:inline-block;padding:5px 30px;background:#0c5b3b;color:#fff;}
#sub_contents .subnews_flex{display:flex;align-items:baseline;border-bottom:dashed 1px #0c5b3b;padding-bottom:1em;}
#sub_contents .cateList{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0 auto;padding:0;}
#sub_contents .cateList section.webgene-blog{display:contents;}
#sub_contents .cateList .webgene-item{width:auto;margin:0;padding:0;}
#sub_contents .cateList p{margin:0;padding:0;line-height:inherit;font-weight:bold;}
#sub_contents .cateList .webgene-item.categorylist,#sub_contents .cateList article.webgene-item.categorylist{flex:1 1 auto;max-width:200px;}

/* detail_news
-----------------------------*/
#sub_contents .webgene-blog .cnt-news-li h1, #sub_contents .webgene-blog .cnt-news-li h2, #sub_contents .webgene-blog .cnt-news-li h3, #sub_contents .webgene-blog .cnt-news-li h4 {font-size: 16px;}
#sub_contents .blog_h2{font-size: 20px;}
#sub_contents .cmn-blog-date{text-align:center;}
#sub_contents .area_blog{width: 100%; padding: 60px;}
#sub_contents .area_blog .cmn-blog-txt{font-size:16px;}
#sub_contents .btn_clear{margin: 30px auto;}
#sub_contents .area_blog figure{width: 62%;}
#sub_contents .webgene-item.detail{width: 100%;}
#sub_contents .news_detail{width: 100%;}
#sub_contents .news_detail .news_img {text-align: center;margin: 0 auto;width:50%;}
#sub_contents .news_detail .news_img img{width: auto; text-align: center; margin: 0 auto 50px;}
#sub_contents .news_detail .news_date{text-align: center; display: block;margin: 0 auto;font-family: "Nunito", sans-serif;font-size: 18px;}
#sub_contents .news_text{background: #fff; padding: 30px 20px;}
#sub_contents .news_detail .news_detail_ttl {font-size:20px;margin-bottom:30px;text-align:center;}


/* PC  */

@media screen and (min-width: 768px) {
/* main_visual
-----------------------------*/
#sub_visual.kv{padding: 0;padding-top:170px;}
#sub_visual {padding-top: 200px;position: relative;height: 400px;background: url(../images/sub_visual.png) no-repeat center center; background-size: cover;}
#sub_visual .b{position: relative; z-index: 2; max-width:1280px; width:94%; margin:0 auto; padding-left:0;}
#sub_visual h1{position:absolute;display: block;width:100%;font-size: 60px; text-align: center; letter-spacing: .1em; line-height: 200%; z-index: 2; text-transform: capitalize;color: #fff;font-weight: bold;margin-top: 30px;font-family: "Kaisei Decol", serif;}
#sub_visual p{position:absolute;display: block;width:100%;font-size: 25px; text-align: center; letter-spacing: .12em; line-height: 200%; margin: 130px 0 0 0; z-index: 2;}

/* bread_crumb_list
-----------------------------*/
#sub_contents .bread_crumb_list{background:rgba(0,0,0,.6);position:absolute;width:100%; top:-45px;line-height:100%;padding:0px;}
#sub_contents .bread_crumb{text-align:left;padding:0px;max-width:1280px;margin:0 auto;margin:0 30px;}
#sub_contents .bread_crumb div { display:inline;color:#fff;}
#sub_contents .bread_crumb div:after {content : '＞';padding-left:10px; font-family: inherit; font-size:13px;}
#sub_contents .bread_crumb div:last-child:after { content : '';}
#sub_contents .bread_crumb div a {text-decoration:underline;color:#fff;font-size:13px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:13px;}

/* sub_contents 
-----------------------------*/
#sub_contents {font-size: 16px; position: relative;padding:30px 0px;background: url(../images/bg.png) repeat top center;width:100%; font-family: "Kaisei Decol", serif;}
#sub_contents section{max-width: 1280px; width:94%;margin: 30px auto 50px; position: relative;padding: 30px 0px;}
#sub_contents .section{max-width: 1280px;position: relative;margin: 40px auto 50px;width:94%;padding: 10px 0px;padding-left: 0px;}
#sub_contents h2{text-align: center;font-size:35px;position: relative; line-height: 150%;letter-spacing: 0.1em;font-weight: bold;padding-top: 5px;margin-top: 30px;}
#sub_contents .h2-small{letter-spacing: 0.1em;text-transform: uppercase;font-family: 'Nunito', sans-serif;margin-top: 10px;font-weight: bold;}
#sub_contents h2:before {content: '';position: absolute;top: -30px;display: inline-block;width: 30px;height: 30px;background: url(../images/sub_ttl_icon.png)no-repeat;right: 0;left: 0;margin: 0 auto;background-size:contain;}

#sub_contents h3{margin: 50px auto 30px; padding: 5px 15px;font-size: 22px;font-weight: bold;line-height: 1.4; border-left: 6px solid #0c5b3b;}
#sub_contents .txt_cen{ text-align: center; font-size:17px; line-height: 200%;margin:0 auto 20px;max-width:900px;}
#sub_contents .txt_cen strong{ text-align: center; font-size:22px; line-height: 200%;font-weight: bold;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#sub_contents .mb40{margin-bottom: 40px;}
#sub_contents .mb50{margin-bottom: 50px;}
#sub_contents .mb80{margin-bottom: 80px;}
#sub_contents .mb100{margin-bottom: 100px;}
#sub_contents .mb150{margin-bottom: 150px;}
#sub_contents .sp_br{display:inline-block;}
#sub_contents .sub_bg{background: url(../images/sub_bg.png) repeat top center; background-size: contain; padding: 60px 0px;}
#sub_contents .sub_bg,#sub_contents .sub_bg *{color:#fff;}
#sub_contents .sub_bg02{background: #faf7cf; padding: 30px 0px;}
#sub_contents .bold{font-weight: bold;}
#sub_contents.shop02 .section.first::before{background: url(../images/bg_shop_illust.png) no-repeat top center; background-size:contain; position:absolute; top:-100px; left:-10%;content:""; width:150px; height:200px;}
#sub_contents.shop02 .section.first::after{background: url(../images/bg_shop_illust02.png) no-repeat top center; background-size:contain; position:absolute; top:-100px; right:-10%;content:"";width:150px; height:200px;}

/* about
-----------------------------*/
#sub_contents .box_greeting{padding: 50px 30px;background:url("../images/sub_about_img01.png")repeat center center; background-attachment: fixed;}
#sub_contents .box_greeting .inner{padding: 40px 20px; position: relative;text-align: center; margin:0 auto; width:100%; max-width:100%;}
#sub_contents .box_greeting .inner .txt_box{width: 100%;}
#sub_contents .box_greeting .inner p.span{font-size:18px; font-weight: normal;color: #fff;display: inline-block;line-height: 250%;}
#sub_contents .box_greeting .inner p.ttl{font-size:24px; font-weight: normal;color: #fff;font-weight: bold;display: inline-block;}

#sub_contents .gyutan__area {width:100%;margin:0 auto 100px;}
#sub_contents .gyutan__area .img_area{margin-bottom:20px;width:100%;}
#sub_contents .gyutan__area .txt_area .ttl{font-size:26px;border-bottom:1px solid #111;padding:20px 0;margin-bottom:20px;font-weight:600;}
#sub_contents .sub_bg .gyutan__area .txt_area {color:#fff;}
#sub_contents .sub_bg .gyutan__area .txt_area .ttl{border-bottom:1px solid #fff;}

#sub_contents .sub_guide_bg{background: url(../images/sub_about_bg.png) no-repeat top center / cover ; padding: 50px; background-size: cover;}
#sub_contents .sub_guide .guide_ttl{text-align:center; font-weight:bold; font-size:30px;line-height: 200%;margin-top: 40px;}
#sub_contents .sub_guide p{text-align:center;font-size:16px;line-height: 200%;font-weight:normal; color:#fff;}

/* food
-----------------------------*/
#sub_contents .menu_img {text-align: center;margin-bottom: 30px;}
#sub_contents .menu_img img{width:70%;}
#sub_contents .tbl_menu {width: 70%;margin-inline: auto;}
#sub_contents .tbl_menu .tr {display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
#sub_contents .tbl_menu .th {width: 100%;padding: 10px 0 0 0;border-bottom: none;line-height: 1.6;font-size: 20px;}
#sub_contents .tbl_menu .th p {font-size: 20px;}
#sub_contents .tbl_menu .td {width: 100%;text-align: left;padding: 0 0 10px 0;line-height: 1.6;border-bottom: 1px solid #291700;}
#sub_contents .tbl_menu .td p{font-weight:500;}

#sub_contents .txt_bg{background: #fbfbfa; padding: 15px;width: 70%;margin: 0 auto;}
#sub_contents .sub_bg .txt_bg *{color:#2b2b2b;}
#sub_contents .menu_list{gap:30px;}
#sub_contents .menu_list .li{width:100%;}

/* course
-----------------------------*/
#sub_contents .course__items .course__item{width: 48%;}
#sub_contents .course__items .course__item .course_h3{position: relative;font-size:24px;font-weight:bold;color:#0c5b3b;padding-left:40px;margin-bottom:10px;}
#sub_contents .wh_bg {background:#fbfbfa;padding:40px;margin-bottom:50px;color:#000;}
#sub_contents .sub_bg .course__items,
#sub_contents .sub_bg .course__items *{color:#111;}

#sub_contents .course_name p{max-width:720px;margin:0 auto;font-size:15px;line-height:2.4;color:#2b2b2b;}
#sub_contents .course_name strong{display:block;font-size:24px;font-weight:700;margin:40px 0 5px;color:#2b2b2b;letter-spacing:.06em}
#sub_contents .course_name strong::after{content:"";display:block;width:36px;height:2px;background:#0c5b3b;margin-top:5px}
#sub_contents .course_name em{float:right;font-style:normal;font-weight:700;color:#0c5b3b;background:#fff;padding-left:10px;font-size: 16px;}
#sub_contents .course_name br{clear:both;}
#sub_contents .course_name p{background:none;}


/* drink
-----------------------------*/
#sub_contents .com__area {scroll-margin-top:100px;}
#sub_contents .com__area .img {width:55%;}
#sub_contents .com__area .txt_area {width:40%;}
#sub_contents .com__area .txt_area .span {font-size:26px;font-weight:600;display:inline-block;}
#sub_contents .com__area .txt_area .small {font-size:32px;font-weight:600;display:inline-block;color:#0c5b3b;}
#sub_contents .com__area .txt_area .p {margin-top:20px;font-size: 18px;}

/* scene
-----------------------------*/
#sub_contents .scene_area {width: 80%;margin: 0 auto 30px;}
#sub_contents .scene_area .txt_area .b{font-size:70px;font-weight:bold;display: inline-block;margin-right: 15px;;color: #227e59;}
#sub_contents .scene_area .txt_area .span{display: inline-block;font-size: 35px;margin-bottom: 0;font-weight: bold;;color: #fff;}

/* recruit
-----------------------------*/
#sub_contents .tcen_box {background:#fff;padding:70px 30px;color:#160f0b;text-align:center;position: relative;width:70%;margin:0 auto;}
#sub_contents .tcen_box::before {content: "";position: absolute;top: 8px;right: 8px;bottom: 8px;left: 8px;border: 2px solid #0c5b3b;pointer-events: none;}
#sub_contents .tcen_box .char-box{margin-bottom:30px;display:block;}
#sub_contents .tcen_box .char-box .txt{display: inline-block;font-size:30px;padding: 6px 8px;color:#0c5b3b;border: 2px solid #0c5b3b;margin-right: 0px;line-height: 1;font-weight:bold;}
#sub_contents .about_area02{text-align: center;}
#sub_contents .about_area02 .img{width: 100%;text-align: center;margin: 0 auto;}
#sub_contents .about_area02 .img img{width: 80%; object-fit: cover;}
#sub_contents .about_area02 .txt_area .b{font-size:70px;font-weight:bold;display: inline-block;margin-right: 15px;;color: #0c5b3b;}
#sub_contents .about_area02 .txt_area .span{display: inline-block;font-size: 30px;margin-bottom: 10px;font-weight: bold;;color: #0c5b3b;}
#sub_contents .about_area02 .txt_area .p{border-top: 1px solid #fff;padding-top: 20px;}

#sub_contents .recruit_area{padding: 70px 30px 55px;background: #fff;}
#sub_contents .recruit_area p{font-size: 16px;}
#sub_contents .feature_txt{font-size: 15px;text-align: left;}
#sub_contents .feature_txt .img img{width: 25%;}
#sub_contents .feature_txt .ul{font-size: 18px;margin: 30px 0;display: inline-block;text-align: left;text-align: left;width: 100%;padding: 50px 20px;background: #fff;}
#sub_contents .feature_txt .ul .p{border-top: 1px solid #111111;padding-top: 20px;}
#sub_contents .feature_txt .ul .li .b{font-size:30px;font-weight:bold;display: inline-block;margin-right: 10px;;color: #502600;font-family: "Nunito", sans-serif;}
#sub_contents .feature_txt .ul .li .span{display: inline-block;font-size: 18px;margin-bottom: 0;font-weight: bold;;color: #502600;}
  
  
/* info
-----------------------------*/
#sub_contents .store_area{padding: 50px;background: #fff;}
#sub_contents .about_area{text-align: center;}
#sub_contents .about_area .img{width: 100%;text-align: center;margin: 0 auto;}
#sub_contents .about_area .img img{width: 49%;margin-bottom: 0px;}
#sub_contents .about_area p{text-align-last: center; font-size: 16px;}
#sub_contents .tbl_info {margin-bottom:20px;}
#sub_contents .tbl_info .tr{width:100%;background:#fff;margin-bottom:15px;}
#sub_contents .tbl_info .th{width:22%;padding:15px 10px;text-align:center;background:#0c5b3b;color: #fff;}
#sub_contents .tbl_info .td{width:77%;padding:15px 10px;background: #fff;}
#sub_contents .tbl_info .td p{font-size: 16px;}
#sub_contents .tbl_info .td a{text-decoration: underline;}
#sub_contents .sub_bg .tbl_info .td p,
#sub_contents .sub_bg .tbl_info .td p *{color:#111;}
#sub_contents .sub_access{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;}
#sub_contents .sub_access .gmap {width:45%;}
#sub_contents .sub_access .gmap {width:45%;}
#sub_contents .sub_access .icon_area{width:50%;}

#sub_contents .sub_access .icon_box{padding:20px 0;display:flex;flex-direction:column;}

#sub_contents .sub_access .icon_area .icon{width:100%;display:flex;align-items:center;margin-bottom:10px;}

#sub_contents .sub_access .icon_area .icon img{width:50px;height:50px;margin-right:15px;}

#sub_contents .sub_access .icon_area .icon p{font-size:20px;font-weight:bold;}

#sub_contents .sub_access .icon_area .txtarea{width:100%;}

#sub_contents .sub_access .icon_area .txtarea .p{font-size:18px;margin-top:0;}

  
/* contact
-----------------------------*/
#sub_contents .contact_area{display:flex;column-gap: 4%;align-items: center;}
#sub_contents .contact_list{width:320px;margin-inline: 0;}
#sub_contents .contact_list{margin-bottom: 20px;}
#sub_contents .contact_list:last-child{margin-bottom: 20px;}

/* news
-----------------------------*/
#sub_contents .illustration{position:relative;}
#sub_contents .illustration::after{content:"";position:absolute;top:48px;left:858px;width:350px;height:150px;display:inline-block;background:url(../images/illust.png) no-repeat center;z-index:-10;}
#sub_contents .webgene-blog:has(.categorylist){display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;margin-bottom:50px;}
#sub_contents .webgene-item.categorylist{width:30%;margin-right:1%;margin-bottom:0;}
#sub_contents .webgene-item.categorylist a{display:block;width:auto;text-align:center;padding:14px 10px;transition:.3s;color:#fff;background:#0c5b3b;font-weight:bold;text-decoration:none;line-height:1.2;margin-bottom:40px;border:1px solid transparent;}
#sub_contents .webgene-item.categorylist a:hover{background:#fff;color:#0c5b3b;border:1px solid #0c5b3b;}
#sub_contents .webgene-blog:has(.news__item){display:block;justify-content:flex-start;flex-wrap:wrap;position:relative;row-gap:40px;}
#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:block;justify-content:center;}
#sub_contents .webgene-blog .news__item .news__img{margin-bottom:20px;}
/* #sub_contents .webgene-blog .news__item .news__img img{aspect-ratio:3/2;object-fit:cover;} */
#sub_contents .webgene-blog .news__item .news__title{width:100%;line-height:1.5;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:3;margin-top:1.2em;font-size:17px;font-weight:normal;}
#sub_contents .webgene-blog .news__item a:hover .news__title{opacity:.8;}
#sub_contents .webgene-blog .news__item .news__date{margin:0 30px 0 0;font-weight:bold;font-size: 18px;font-family: "Nunito", sans-serif;}
#sub_contents .webgene-blog .news__item .news__cate{padding:5px 10px;}
#sub_contents .webgene-pagination{margin-top:50px;text-align:center;display:block;width:100%;}
#sub_contents .webgene-pagination ul{display:flex;justify-content:center;column-gap:20px;}
#sub_contents .webgene-pagination ul li a{display:inline-block;padding:5px 30px;background:#0c5b3b;color:#fff;}
#sub_contents .subnews_flex{display:flex;align-items:baseline;border-bottom:dashed 1px #0c5b3b;padding-bottom:1em;}
#sub_contents .cateList{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin:0 auto;padding:0;}
#sub_contents .cateList section.webgene-blog{display:contents;}
#sub_contents .cateList .webgene-item{width:auto;margin:0;padding:0;}
#sub_contents .cateList p{margin:0;padding:0;line-height:inherit;font-weight:bold;}
#sub_contents .cateList .webgene-item.categorylist,#sub_contents .cateList article.webgene-item.categorylist{flex:1 1 auto;max-width:200px;}

/* detail_news
-----------------------------*/
#sub_contents .webgene-blog .cnt-news-li h1, #sub_contents .webgene-blog .cnt-news-li h2, #sub_contents .webgene-blog .cnt-news-li h3, #sub_contents .webgene-blog .cnt-news-li h4 {font-size: 16px;}
#sub_contents .blog_h2{font-size: 20px;}
#sub_contents .cmn-blog-date{text-align:center;}
#sub_contents .area_blog{width: 100%; padding: 60px;}
#sub_contents .area_blog .cmn-blog-txt{font-size:16px;}
#sub_contents .btn_clear{margin: 30px auto;}
#sub_contents .area_blog figure{width: 62%;}
#sub_contents .webgene-item.detail{width: 100%;}
#sub_contents .news_detail{width: 100%;}
#sub_contents .news_detail .news_img {text-align: center;margin: 0 auto;width:50%;}
#sub_contents .news_detail .news_img img{width: auto; text-align: center; margin: 0 auto 50px;}
#sub_contents .news_detail .news_date{text-align: center; display: block;margin: 0 auto;font-family: "Nunito", sans-serif;font-size: 18px;}
#sub_contents .news_text{background: #fff; padding: 50px;}
#sub_contents .news_detail .news_detail_ttl {font-size:20px;margin-bottom:30px;text-align:center;}

}  

@media screen and (min-width: 1025px) {
/* main_visual
-----------------------------*/
#sub_visual.kv{padding: 0;padding-top:130px;}
#sub_visual {padding-top: 130px;height: 450px;position: relative;z-index: 0;background-size: cover;width: 100%;margin: 0 auto;z-index:10;}
#sub_visual  .span{ width: auto;margin-bottom: 10px;display: block;font-size: 45px;padding: 0;text-align: center;color: #0c5b3b; margin: 0 auto;font-family: "Noto Sans JP", sans-serif;position: absolute;line-height: 0.5;z-index: 2; font-weight: bold;line-height: 130%;writing-mode: horizontal-tb;letter-spacing: 4px;}
#sub_visual .span::after{content:"";position:absolute;left:-380px; bottom:-180px; width:250px; height:250px;background:url(../images/illust.png) no-repeat center/contain;z-index:1;}  
	
/* recruit
-----------------------------*/  
#sub_contents .comm_g_area{display:flex;align-items:flex-start;flex-wrap:nowrap}
#sub_contents .comm_g_area .txt_area{width:55%;position:relative;}
#sub_contents .comm_g_area .txt_area .ttl p{font-size:35px;font-family:"Noto Sans JP",sans-serif}
#sub_contents .comm_g_area .txt_area .num{font-size:55px;color:#0c5b3b}
#sub_contents .comm_g_area .img{width:50%;margin-left:calc(50% - 47vw);flex:1;margin-right:2%;margin-bottom:0}
#sub_contents .comm_g_area .img02{width:40%;margin-right:calc(50% - 47vw);flex:1;margin-left:2%;margin-bottom:0}
/* 奇数：テキストを上寄せ */
#sub_contents .comm_g_area:nth-of-type(odd) .txt_area{margin-top:50px;}
/* 偶数：テキストを下寄せ */
#sub_contents .comm_g_area:nth-of-type(even) .txt_area{margin-top:350px}
  
#sub_contents .feature_txt .ul{font-size: 18px;margin: 30px 0;display: inline-block;text-align: left;text-align: left;width: 100%;padding: 50px;background: #fff;}
#sub_contents .feature_txt .ul .p{border-top: 1px solid #111111;padding-top: 20px;}
#sub_contents .feature_txt .ul .li .b{font-size:40px;font-weight:bold;display: inline-block;margin-right: 15px;;color: #502600;font-family: "Nunito", sans-serif;}
#sub_contents .feature_txt .ul .li .span{display: inline-block;font-size: 22px;margin-bottom: 0;font-weight: bold;;color: #502600;}
  
#sub_contents .sub_access .icon_area {width:50%;}
#sub_contents .sub_access .icon_box {padding:20px 0;}
#sub_contents .sub_access .icon_area .icon{width:20%;display:flex;}
#sub_contents .sub_access .icon_area .icon img{width:50px;height:50px;margin-right:15px;}
#sub_contents .sub_access .icon_area .icon p {font-size:20px;font-weight:bold;}
#sub_contents .sub_access .icon_area .txtarea{width:75%;}
#sub_contents .sub_access .icon_area .txtarea .p{font-size:18px;margin-top:10px;}  
  
/* scene
-----------------------------*/
#sub_contents .sub_scene{display:flex;align-items:center;justify-content:space-between;gap:clamp(24px,4vw,72px);position:relative;margin:0 auto 120px}
#sub_contents .sub_scene .img{width:min(62%,820px);margin:0;position:relative;z-index:1}
#sub_contents .sub_scene .img img{width:100%;height:auto;display:block;object-fit:cover;box-shadow:0 24px 60px rgba(0,0,0,.12)}
#sub_contents .sub_scene .textarea{width:min(40%,460px);position:relative;z-index:2;}
#sub_contents .sub_scene .scene_ttl{padding:6px 16px;background:#fff;display:inline-block;margin-top:0;font-size:14px;color:#0c5b3b;font-weight:bold;letter-spacing:.12em;border:1px solid rgba(210,0,0,.18);}
#sub_contents .sub_scene .scene_name{font-weight:bold;font-size:clamp(24px,2.4vw,36px);border-bottom:1px solid rgba(210,0,0,.22);margin:14px 0 18px;font-family:"Noto Sans JP",sans-serif;padding-bottom:12px;line-height:1.5}
#sub_contents .sub_scene:nth-of-type(odd) .img{order:2;margin-right:calc(50% - 50vw)}
#sub_contents .sub_scene:nth-of-type(odd) .textarea{order:1;margin-right:-6%}
#sub_contents .sub_scene:nth-of-type(even) .img{order:1;margin-left:calc(50% - 50vw)}
#sub_contents .sub_scene:nth-of-type(even) .textarea{order:2;margin-left:-6%}
#sub_contents .sub_scene .img::before{content:"";position:absolute;inset:auto -18px -18px auto;width:120px;height:120px;background:rgba(210,0,0,.07);z-index:-1}
#sub_contents .sub_scene:nth-of-type(even) .img::before{inset:auto auto -18px -18px}
}