/*=============================
	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:120px;}
#sub_visual01{padding-top:100px;position:relative;height:200px;background:url(../images/sub_visual_01.png) no-repeat center center;background-size:cover;}
#sub_visual02{padding-top:100px;position:relative;height:200px;background:url(../images/sub_visual_02.png) no-repeat center center;background-size:cover;}
#sub_visual03{padding-top:100px;position:relative;height:200px;background:url(../images/sub_visual_03.png) no-repeat center center;background-size:cover;}
#sub_visual01 .b,#sub_visual02 .b,#sub_visual03 .b{position:relative;z-index:2;width:94%;margin:0 auto;}
#sub_visual01 h1,#sub_visual02 h1,#sub_visual03 h1{position:absolute;display:block;width:100%;font-size:32px;text-align:center;letter-spacing:.1em;line-height:160%;z-index:2;color:#fff;font-family:"Yuji Syuku",serif;}
#sub_visual01 p,#sub_visual02 p,#sub_visual03 p{position:absolute;display:block;width:100%;font-size:14px;text-align:center;letter-spacing:.12em;line-height:160%;margin:90px 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:-35px;line-height:100%;padding:0;}
#sub_contents .bread_crumb{text-align:left;padding:0;max-width:100%;margin:0 auto 30px;margin-left:0px;}
#sub_contents .bread_crumb div{display:inline;color:#fff;}
#sub_contents .bread_crumb div:after{content:'>';padding-left:10px;font-size:12px;}
#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:0;font-size:12px;}

/* sub_contents
-----------------------------------*/
#sub_contents{font-size:16px;position:relative;padding:20px 0 150px;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:120%;font-weight:bold;color:#d20000;}
#sub_contents section{max-width:100%;position:relative;margin:0 auto 30px;padding:0 15px;}
#sub_contents .section{max-width:100%;width:100%;position:relative;margin:20px auto 150px;padding:0 15px;}
#sub_contents h2{text-align:center;font-size:22px;position:relative;line-height:160%;padding:10px 0;margin:0 auto 30px;font-family:"Yuji Syuku",serif;border-top:1px solid #271401;border-bottom:1px solid #271401;width:100%;margin-top:60px;}
#sub_contents h3{margin:30px auto 20px;padding:5px 10px;font-size:18px;font-weight:bold;line-height:1.4;border-left:4px 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:80px;}
#sub_contents .mt80{margin-top:40px;}
#sub_contents .mt30{margin-top:20px;}
#sub_contents .sp_br{display:inline;}
#sub_contents .gap-20{gap:20px;}
#sub_contents .txt_cen{text-align:center;line-height:180%;font-size:14px;font-weight:bold;}
#sub_contents .txt_cen .bold{display:inline-block;font-weight:700;font-size:18px;font-family:"Yuji Syuku",serif;}
#sub_contents .txt_st{text-align:center;line-height:180%;font-size:14px;}
#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 .sub_img_box{padding:0;}
#sub_contents .sub_img_box img{width:100%;}
#sub_contents .txt_cen em{display:block;margin-bottom:-10px;}
#sub_contents .sub_bg{background:url(../images/sub_bg.png) repeat top center;background-size:auto;padding:40px 0;}

/* commitment
-----------------------------*/
#sub_contents .sub_guide_bg{background: url(../images/sub_commi_bg.png) no-repeat top center / cover ; padding: 50px 10px; background-size: cover;}
#sub_contents .sub_guide .guide_ttl{text-align:center; font-weight:bold; font-size:25px;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 .concept__area .txt_area {margin-bottom:50px;}
#sub_contents .concept__area .txt_area .txt_catch{font-size:18px;font-weight:500;margin-bottom:20px;display: inline-block;font-family:"Yuji Syuku",serif;}
#sub_contents .point_area{column-gap: 6%;row-gap: 20px;}
#sub_contents .point_area .li .img img{width:100%;}
#sub_contents .point_area .li .ttl{font-size:18px;}
#sub_contents .point_area .li .ttl .num{ font-size:25px; text-transform:uppercase; color: #7d1f13; margin-bottom:6px;display: inline-block;}
#sub_contents .point_area .li .ttl .txt{font-family:"Yuji Syuku",serif; font-size:22px;font-weight:bold;color: #fff;}
#sub_contents .point_area .li .p{color: #fff;}
#sub_contents .point_area .li{width:100%;margin-top: 20px;}

/* koriyama
-----------------------------*/
#sub_contents .feature_txt{font-size: 15px;text-align: left;}
#sub_contents .feature_txt .ul{font-size: 18px;margin: 0px 0;display: inline-block;text-align: left;text-align: left;width: 100%;padding: 30px 20px;background: #fff;}
#sub_contents .feature_txt .ul .p{border-top: 1px solid #403a36;padding-top: 20px;}
#sub_contents .feature_txt .ul .li .b{font-size:20px;font-weight:bold;display: inline-block;margin-right: 5px;;color: #7d1f13;}
#sub_contents .feature_txt .ul .li .span{display: inline-block;font-size: 20px;margin-bottom: 0;font-weight: bold;;color: #7d1f13;font-family:"Yuji Syuku",serif;}
#sub_contents .about_area .img img{margin-bottom: 10px;}
#sub_contents .about_area .img img{aspect-ratio: auto; object-fit: cover;width: 100%;}

/* drink
-----------------------------*/
#sub_contents .commit_bg{background: #fff; padding:30px 20px; position: relative;}
#sub_contents .commit_bg .span{font-family:"Yuji Syuku",serif; font-size: 18px; font-weight: bold; padding-left: 18px; position: relative;}
#sub_contents .commit_bg .span::before{content: "";width: 8px;height: 8px;background: #7d1f13;border-radius: 50%;position: absolute;left: 0;top: 50%;transform: translateY(-50%); }

/* recruit
-----------------------------*/
#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: 20px;padding-bottom:5px;letter-spacing: 0.2em;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 0px;border-bottom: 1px solid #ccc;text-align: left;align-items: left;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;}


/* PC  */

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

/* main_visual
-----------------------------*/    
#sub_visual.kv{padding: 0;padding-top:260px;}
#sub_visual01 {padding-top: 260px;position: relative;height: 500px;background: url(../images/sub_visual_01.png) no-repeat center center; background-size: cover;}
#sub_visual02 {padding-top: 260px;position: relative;height: 500px;background: url(../images/sub_visual_02.png) no-repeat center center; background-size: cover;}
#sub_visual03 {padding-top: 260px;position: relative;height: 500px;background: url(../images/sub_visual_03.png) no-repeat center center; background-size: cover;}
#sub_visual01 .b,#sub_visual02 .b,#sub_visual03 .b{position: relative; z-index: 2; max-width:1280px; width:94%; margin:0 auto; padding-left:0;}
#sub_visual01 h1,#sub_visual02 h1,#sub_visual03 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", serif;}
#sub_visual01 p,#sub_visual02 p,#sub_visual03 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;}
#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 150px;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: 20px 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;margin-top: 100px;}
#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 .bold{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) repeat top center; background-size: contain; padding: 60px 0px;}

#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{background: url(../images/sub_commi_bg.png) no-repeat top center / cover ; 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 .concept__area .txt_area {margin-bottom:50px;}
#sub_contents .concept__area .txt_area .txt_catch{font-size:24px;font-weight:500;margin-bottom:20px;display: inline-block;font-family:"Yuji Syuku",serif;}
#sub_contents .point_area{column-gap: 6%;row-gap: 20px;}
#sub_contents .point_area .li .img img{width:100%;}
#sub_contents .point_area .li .ttl{font-size:18px;}
#sub_contents .point_area .li .ttl .num{ font-size:35px; text-transform:uppercase; color: #7d1f13; margin-bottom:6px;display: inline-block;}
#sub_contents .point_area .li .ttl .txt{font-family:"Yuji Syuku",serif; font-size:20px;font-weight:bold;color: #fff;}
#sub_contents .point_area .li .p{color: #fff;}
#sub_contents .point_area .li{width:29.3%;margin-top: 20px;}

/* koriyama
-----------------------------*/
#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 #403a36;padding-top: 20px;}
#sub_contents .feature_txt .ul .li .b{font-size:70px;font-weight:bold;display: inline-block;margin-right: 15px;;color: #7d1f13;}
#sub_contents .feature_txt .ul .li .span{display: inline-block;font-size: 25px;margin-bottom: 0;font-weight: bold;;color: #7d1f13;font-family:"Yuji Syuku",serif;}
#sub_contents .about_area .img img{margin-bottom: 0;}
#sub_contents .about_area .img img{aspect-ratio: auto; object-fit: cover;width: 49%;}

/* drink
-----------------------------*/
#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; padding-left: 18px; position: relative;}
#sub_contents .commit_bg .span::before{content: "";width: 8px;height: 8px;background: #7d1f13;border-radius: 50%;position: absolute;left: 0;top: 50%;transform: translateY(-50%); }

/* 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: 26px;padding-bottom:5px;letter-spacing: 0.2em;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;}

}  

@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: #d20000; 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:#d20000}
#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 .bnr_menu {margin-bottom:100px; display:block;}

/* 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:#d20000;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}
}


#sub_contents .menu_box u {display:block;column-count:3;column-gap:20px;}
#sub_contents .menu_box u br {display:inline;}
#sub_contents .menu_box em {font-style:normal;margin-left:6px;color:#777;font-size:0.9em;float:none;}
#sub_contents .menu_box {font-size:14px;line-height:1.8;letter-spacing:0.05em;}
#sub_contents .txt_cen.colred{font-size:30px;color:red;}