/*=============================
	Sub(Lower)Page setting
===============================*/
@import url('https://fonts.googleapis.com/css2?family=Yuji+Syuku&display=swap');


/* main_visual
-----------------------------*/    
#sub_visual.kv{padding: 0;padding-top:110px;}
#sub_visual {padding-top: 260px;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-family: "Yuji Syuku", "Noto Serif JP", 'Yu Mincho', 'YuMincho', 'Hiragino Mincho Pro', 'MS PMincho', serif;}

/* 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 50px;margin-left:0px;}
#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:20px 0 180px;background:url(../images/bg.png) repeat center top;background-size:cover;width:100%;}
#sub_contents p{font-size:16px;}
#sub_contents p.txt_red{font-size:120%;font-weight:bold;color:#d20000;}
#sub_contents section{max-width:100%;position:relative;margin:0 auto 50px;}
#sub_contents .section{max-width:100%;width:92%;position:relative;margin:0 auto 50px;padding:0;}
#sub_contents h2{text-align:center;font-size:22px;position:relative;line-height:160%;padding:10px 0;margin:40px auto 30px;font-family:"Yuji Syuku",serif;border-top:1px solid #271401;border-bottom:1px solid #271401;width:90%;}
#sub_contents h3{margin:30px auto 20px;padding:5px 12px;font-size:18px;font-weight:bold;line-height:1.4;border-left:5px solid #7d1f13;}
#sub_contents .sub_bg h2{color:#fff;border-top:1px solid #fff;border-bottom:1px solid #fff;}
#sub_contents .sub_bg h3{color:#fff;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#sub_contents .mb50{margin-bottom: 40px;}
#sub_contents .mb100{margin-bottom: 60px;}
#sub_contents .mb150{margin-bottom: 100px;}
#sub_contents .mt80{margin-top: 80px;}
#sub_contents .mt30{margin-top: 30px;}
#sub_contents .sp_br{display:inline-block;;}
#sub_contents .gap-20{gap: 30px;}
#sub_contents .txt_cen{ text-align: center;  line-height: 200%;font-size: 14px;font-weight: bold;}
#sub_contents .txt_cen .strong{position:relative;display:inline-block;font-weight:700;font-size:25px;font-family: "Yuji Syuku", serif;font-weight:500;}
#sub_contents .txt_st{ text-align: center; line-height: 200%;}
#sub_contents .txt_st strong,#sub_contents .txt_st b{font-size:120%;font-weight:700;}
#sub_contents .sub_bg .txt_cen,#sub_contents .sub_bg .txt_st,#sub_contents .sub_bg .txt_st strong,#sub_contents .sub_bg .txt_st b{color:#fff;}
#sub_contents.col_black .txt_st a{color: #f73245;}
#sub_contents .sub_img_box{padding:0px;}
#sub_contents .sub_img_box img{width:100%;}
#sub_contents .txt_cen em{font-style: normal !important;display: block;    margin-bottom: -20px;}
#sub_contents .sub_bg{    background: url(../images/sub_bg.png) no-repeat top center;background-size: cover;padding: 60px 0;}
#sub_contents .full_img{width:100%;margin:0 0 80px 0;}
#sub_contents .full_img img{width:100%;height:auto;display:block}

/* commitment
-----------------------------*/
#sub_contents .sub_guide_bg{padding: 150px 50px; background-size: cover;}
#sub_contents .sub_guide .guide_ttl{text-align:center; font-weight:bold; font-size:35px;line-height: 200%;margin-top: 40px;font-family:"Yuji Syuku",serif;}
#sub_contents .sub_guide p{text-align:center;font-size:16px;line-height: 200%;font-weight:normal; color:#fff;}

/* concept
-----------------------------*/
#sub_contents .con_area {padding:40px 0;}
#sub_contents .con_area .tategaki {width:20%;display: flex;justify-content: center; position: relative;}
#sub_contents .con_area .tategaki .ja {font-size:35px;writing-mode: vertical-rl;font-weight:700;font-family:"Yuji Syuku",serif;color: #920000;}
#sub_contents .con_area .box {width:80%;}
#sub_contents .con_area .box .img {margin-bottom:30px;}
#sub_contents .con_area .box .img img {width:100%;}
#sub_contents .con_area .box .txt_area {width:100%;}

/* drink
-----------------------------*/
#sub_contents .sub_img_box{padding:0px;}
#sub_contents .sub_img_box img{width:100%;}
#sub_contents .commit_bg{background: #fff; padding:30px; position: relative;}
#sub_contents .commit_bg .sub_menu{width:100%;padding-left: 18px; position: relative;margin-bottom: 10px;display: block;}
#sub_contents .commit_bg .sub_menu::before{content: "";width: 8px;height: 8px;background: #920000;border-radius: 50%;position: absolute;left: 0;top: 50%;transform: translateY(-50%); }
#sub_contents .commit_bg .span{font-family:"Yuji Syuku",serif; font-size: 18px; font-weight: bold; position: relative;display: block;}

/* recommend
-----------------------------*/
#sub_contents .about_area .img{display:flex;gap:1%;}
#sub_contents .about_area .img img{width:48%;aspect-ratio:1/1;object-fit:cover;display:block;margin-bottom:20px;}
#sub_contents .feature_txt{font-size: 15px;text-align: left;}
#sub_contents .feature_txt .ul{font-size: 17px;margin: 10px 0;display: inline-block;text-align: left;text-align: left;width: 100%;padding: 30px;background: #fff;}
#sub_contents .feature_txt .ul .p{border-top: 1px solid #920000;padding-top: 20px;}
#sub_contents .feature_txt .ul .li .b{font-size:70px;font-weight:bold;display: inline-block;margin-right: 15px;;color: #920000;}
#sub_contents .feature_txt .ul .li .span{display: inline-block;font-size: 20px;margin-bottom: 0;font-weight: bold;;color: #920000;font-family:"Yuji Syuku",serif;letter-spacing:-1px;}
#sub_contents .feature_txt .ul .li.sp{display: block;}
#sub_contents .feature_txt .ul .li.pc{display: none;}

/* info
-----------------------------*/
#sub_contents .comm_textBox {position: relative;}
#sub_contents .comm_textBox .img{width: 100%;margin-bottom: 10px;position:relative;}
#sub_contents .comm_textBox .textarea {width: 100%;margin-bottom:0px;}
#sub_contents .comm_textBox .textarea p.ex {line-height:2;}
#sub_contents .comm_textBox .textarea p.ttl {border-bottom: solid 1px #271401;margin-bottom: 10px;font-weight: normal;font-size: 19px;padding-bottom:5px;font-family:"Yuji Syuku",serif;}
#sub_contents .comm_textBox .textarea p.number {font-size: 36px;text-transform: capitalize;font-weight: normal;}
#sub_contents .sub_bg .comm_textBox,#sub_contents .sub_bg .textarea p *{color:#fff;border-color:#fff;}

#sub_contents .tbl_info {width: 100%;margin-inline: auto;position: relative;}
#sub_contents .tbl_info.white {background-color: #fff;padding: 30px;}
#sub_contents .tbl_info .tr {display: flex;align-items: center;position: relative;align-items: stretch;}
#sub_contents .tbl_info .th {width: 35%;padding: 20px;border-bottom: 1px solid #ccc;text-align: center;align-items: center;vertical-align: middle;}
#sub_contents .tbl_info .th p.ttl {font-weight: normal;line-height: 2em;}
#sub_contents .tbl_info .td {width: 65%;text-align: left;padding: 20px 0;border-bottom: 1px solid #ccc;}
#sub_contents .tbl_info .td p.info {font-weight: normal;display: inline-block;line-height: 2em;}
#sub_contents .tbl_info .td p.info.block {display: block;}
#sub_contents .sub_bg .tbl_info,#sub_contents .sub_bg .tbl_info *{color:#fff;border-color:#fff;}

/* access
-----------------------------*/
#sub_contents .sub__access-flex .img {width:100%;}
#sub_contents .sub__access-flex .img img{width:100%;border-radius:20px;}
#sub_contents .sub__access-flex .txt {width:100%;}
#sub_contents .sub__access-flex .txt .strong{font-size:20px;font-weight:700;display:block;margin-bottom:15px;}
#sub_contents .sub__access-list .li {width:100%;padding:20px 20px;margin-bottom:30px;background: rgba(182, 158, 128, 0.5);backdrop-filter: blur(6px);}
#sub_contents .sub__access-list .li .strong{position:relative;display:block;padding-left:35px;font-weight:700;font-size:16px; margin-bottom:10px;color:#271401;}
#sub_contents .sub__access-list .li .strong::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:25px;height:25px;background:url(../images/sub_access_icon.png)no-repeat center/contain;}




/* PC  */

@media screen and (min-width: 768px) {

/* main_visual
-----------------------------*/    
#sub_visual.kv{padding: 0;padding-top:220px;}
#sub_visual {padding-top: 220px;position: relative;height: 500px;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-family: "Yuji Syuku", "Noto Serif JP", 'Yu Mincho', 'YuMincho', 'Hiragino Mincho Pro', 'MS PMincho', 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 50px;margin-left:10px;margin-top:-40px;}
#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:20px 0 30px;background:url(../images/bg.png) repeat center top;background-size:100% auto;width:100%;}
#sub_contents p{font-size: 16px;}
#sub_contents p.txt_red{font-size:130%; font-weight:bold;color:#d20000;}
#sub_contents section{max-width: 1280px; position: relative;margin: 0px auto 80px;}
#sub_contents .section{max-width: 1280px;width: 94%;position: relative;margin: 60px auto 50px;padding:0;}
#sub_contents h2{ text-align:center;font-size:30px;position:relative;line-height:180%;padding:15px 0;margin:0 auto 50px;font-family:"Yuji Syuku",serif;border-top:1px solid #271401;border-bottom:1px solid #271401;width:600px;}
#sub_contents h3{margin: 50px auto 30px; padding: 5px 15px;font-size: 22px;font-weight: bold;line-height: 1.4; border-left: 6px solid #7d1f13;}
#sub_contents .sub_bg h2{ color:#fff;border-top:1px solid #fff;border-bottom:1px solid #fff;}
#sub_contents .sub_bg h3{color:#fff;}
#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 .sp_br{display:inline-block;;}
#sub_contents .gap-20{gap: 30px;}
#sub_contents .txt_cen{ text-align: center;  line-height: 200%;font-size: 15px;font-weight: bold;}
#sub_contents .txt_cen .strong{position:relative;display:inline-block;font-weight:700;font-size:25px;font-family: "Yuji Syuku", serif;font-weight:500;}
#sub_contents .txt_st{ text-align: center; line-height: 200%;}
#sub_contents .txt_st strong,#sub_contents .txt_st b{font-size:120%;font-weight:700;}
#sub_contents .sub_bg .txt_cen,#sub_contents .sub_bg .txt_st,#sub_contents .sub_bg .txt_st strong,#sub_contents .sub_bg .txt_st b{color:#fff;}
#sub_contents.col_black .txt_st a{color: #f73245;}
#sub_contents .sub_img_box{padding:0px;}
#sub_contents .sub_img_box img{width:100%;}
#sub_contents .txt_cen em{font-style: normal !important;display: block;    margin-bottom: -20px;}
#sub_contents .sub_bg{    background: url(../images/sub_bg.png) no-repeat top center;background-size: cover;padding: 60px 0;background-attachment:fixed;}
#sub_contents .full_img{width:100%;margin:0 0 80px 0;}
#sub_contents .full_img img{width:100%;height:auto;display:block}

/* commitment
-----------------------------*/
#sub_contents .sub_guide_bg{ padding: 150px 50px; background-size: cover;}
#sub_contents .sub_guide .guide_ttl{text-align:center; font-weight:bold; font-size:35px;line-height: 200%;margin-top: 40px;font-family:"Yuji Syuku",serif;}
#sub_contents .sub_guide p{text-align:center;font-size:16px;line-height: 200%;font-weight:normal; color:#fff;}

/* concept
-----------------------------*/
#sub_contents .con_area {padding:70px 0;}
#sub_contents .con_area .tategaki {width:20%;display: flex;justify-content: center; position: relative;}
#sub_contents .con_area .tategaki .ja {font-size:45px;writing-mode: vertical-rl;font-weight:700;font-family:"Yuji Syuku",serif;color: #920000;}
#sub_contents .con_area .box {width:75%;}
#sub_contents .con_area .box .img {margin-bottom:30px;}
#sub_contents .con_area .box .img img {width:100%;}
#sub_contents .con_area .box .txt_area {width:100%;}

/* drink
-----------------------------*/
#sub_contents .sub_img_box{padding:0px;}
#sub_contents .sub_img_box img{width:100%;}
#sub_contents .commit_bg{background: #fff; padding:30px; position: relative;}
#sub_contents .commit_bg .span{font-family:"Yuji Syuku",serif; font-size: 18px; font-weight: bold;position: relative;display: inline-block;}
#sub_contents .commit_bg .sub_menu{width:100%;padding-left: 18px; position: relative;margin-bottom: 10px;display: block;}
#sub_contents .commit_bg .sub_menu::before{content: "";width: 8px;height: 8px;background: #920000;border-radius: 50%;position: absolute;left: 0;top: 50%;transform: translateY(-50%); }

/* recommend
-----------------------------*/
#sub_contents .about_area .img{display:flex;gap:1%;}
#sub_contents .about_area .img img{width:24.25%;aspect-ratio:1/1;object-fit:cover;display:block;margin-bottom:0;}
#sub_contents .feature_txt{font-size: 15px;text-align: left;}
#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 #920000;padding-top: 20px;}
#sub_contents .feature_txt .ul .li .b{font-size:70px;font-weight:bold;display: inline-block;margin-right: 15px;;color: #920000;}
#sub_contents .feature_txt .ul .li .span{display: inline-block;font-size: 25px;margin-bottom: 0;font-weight: bold;;color: #920000;font-family:"Yuji Syuku",serif;}
#sub_contents .feature_txt .ul .li.sp{display: none;}
#sub_contents .feature_txt .ul .li.pc{display: block;}

/* recruit
-----------------------------*/
#sub_contents .comm_textBox {position: relative;}
#sub_contents .comm_textBox .img{width: 45%;margin-bottom: 10px;position:relative;}
#sub_contents .comm_textBox .textarea {width: 50%;margin-bottom:0px;}
#sub_contents .comm_textBox .textarea p.ex {line-height:2;}
#sub_contents .comm_textBox .textarea p.ttl {border-bottom: solid 1px #271401;margin-bottom: 10px;font-weight: normal;font-size: 20px;padding-bottom:5px;letter-spacing: 0.1em;font-family:"Yuji Syuku",serif;}
#sub_contents .comm_textBox .textarea p.number {font-size: 36px;text-transform: capitalize;font-weight: normal;}

#sub_contents .tbl_info {width: 100%;margin-inline: auto;position: relative;}
#sub_contents .tbl_info.white {background-color: #fff;padding: 30px;}
#sub_contents .tbl_info .tr {display: flex;align-items: center;position: relative;align-items: stretch;}
#sub_contents .tbl_info .th {width: 20%;padding: 20px;border-bottom: 1px solid #ccc;text-align: center;align-items: center;vertical-align: middle;}
#sub_contents .tbl_info .th p.ttl {font-weight: normal;line-height: 2em;}
#sub_contents .tbl_info .td {width: 80%;text-align: left;padding: 20px;border-bottom: 1px solid #ccc;}
#sub_contents .tbl_info .td p.info {font-weight: normal;display: inline-block;line-height: 2em;}
#sub_contents .tbl_info .td p.info.block {display: block;}
#sub_contents .sub_bg .tbl_info,#sub_contents .sub_bg .tbl_info *{color:#fff;border-color:#fff;}

/* access
-----------------------------*/
#sub_contents .sub__access-flex .img {width:49%;}
#sub_contents .sub__access-flex .img img{width:100%;border-radius:20px;}
#sub_contents .sub__access-flex .txt {width:48%;}
#sub_contents .sub__access-flex .txt .strong{font-size:20px;font-weight:700;display:block;margin-bottom:15px;}
#sub_contents .sub__access-list .li {width:49%;padding:30px 40px;margin-bottom:30px;background: rgba(182, 158, 128, 0.5);backdrop-filter: blur(6px);}
#sub_contents .sub__access-list .li .strong{position:relative;display:block;padding-left:35px;font-weight:700;font-size:16px; margin-bottom:10px;}
#sub_contents .sub__access-list .li .strong::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:25px;height:25px;background:url(../images/sub_access_icon.png)no-repeat center/contain;}


}  

@media screen and (min-width: 1025px) {

}