/* main_visual
-----------------------------*/
#sub_visual.kv{padding: 0;padding-top:120px;}
#sub_visual {padding-top: 140px;position: relative;height: 250px;background:#ac2d18; 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: 28px; text-align: center; letter-spacing: .1em; line-height: 200%; z-index: 2; text-transform: capitalize;color: #fff;font-family: "Shippori Mincho", 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-bottom: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: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:20px auto 30px;padding:0 15px;}
#sub_contents .section{max-width:100%;width:100%;position:relative;margin:0px auto 100px;padding:0px 15px;}
#sub_contents h2{text-align: center;font-size:22px; font-weight: bold; margin:50px 0 0 0; position: relative; line-height: 140%; padding: 0px 0;letter-spacing: 0.1em;font-family: "Shippori Mincho", serif;}
#sub_contents h2 span{font-weight: bold;font-size:19px; display: block;margin-bottom:0px;}
#sub_contents h2::after{ content:""; display:block; width:60px; height:1px; background:#ac2d18; margin:15px auto 0; }
#sub_contents h3{margin: 50px auto 30px; padding: 5px 15px;font-size: 22px;font-weight: bold;line-height: 1.4; border-left: 6px solid #D0111B;}
#sub_contents .txt_cen{ text-align: center; font-size:15px; line-height: 200%;font-weight: bold;font-family: "Shippori Mincho", serif;}
#sub_contents .txt_st{ text-align: center; line-height: 200%;font-size: 16px;}
#sub_contents .txt_st strong,#sub_contents .txt_st b{font-size:140%;font-weight:700;}
#sub_contents .mb10{margin-bottom: 10px;}
#sub_contents .mb20{margin-bottom: 20px;}
#sub_contents .mb30{margin-bottom: 30px;}
#sub_contents .mb40{margin-bottom: 35px;}
#sub_contents .mb50{margin-bottom: 40px;}
#sub_contents .mb80{margin-bottom: 50px;}
#sub_contents .mb100{margin-bottom: 80px;}
#sub_contents .mb150{margin-bottom: 100px;}
#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_bg02{background: #faf7cf; padding: 30px 0px;}
#sub_contents .bold{font-weight: bold;}

/* commitment
-----------------------------*/
#sub_contents .box_greeting{padding: 100px 10px;background:url("../images/sub_com_img01.png")repeat center center; background-attachment: fixed;}
#sub_contents .box_greeting .inner{background: rgba(83, 72, 62, 0.8);padding: 50px 10px; position: relative;text-align: center; margin:0 auto; width:100%; max-width:100%;}
#sub_contents .box_greeting .inner .txt_box{width: 100%;margin: 10px 0;}
#sub_contents .box_greeting .inner p.span{font-size:15px; font-weight: normal;color: #fff;display: inline-block;line-height:230%;}
#sub_contents .box_greeting .inner p.ttl{font-size:24px; font-weight: normal;color: #fff;font-weight: bold;display: inline-block;}
#sub_contents .bnr_pdf{text-align:center; margin:0 auto; display:block;}

/* food
-----------------------------*/
#sub_contents .sub_cen_img {width: 100%;text-align: center;}
#sub_contents .sub_cen_img img {width: 100%;object-fit: cover;}
#sub_contents .sub_menu_img img {width: 100%;object-fit: cover;height: 300px;margin-bottom:10px;}

#sub_contents .tbl_menu {width: 100%;margin-inline: auto;display: inline-block;font-size:15px;}
#sub_contents .tbl_menu.w100 {width: 100%;}
#sub_contents .tbl_menu .tr {display: flex;align-items: flex-start;}
#sub_contents .tbl_menu .th {width: 100%;padding: 15px 0;line-height: 1.6;position: relative;font-size: 17px;}
#sub_contents .tbl_menu .th::before {content: "";display: inline-block;width: 15px;height: 15px;background-image: url(../images/sub_ill_01.png);background-size: contain;background-repeat: no-repeat;position: absolute;top: 50%;transform: translateY(-50%);}
#sub_contents .tbl_menu .th .menu_name {font-weight: bold;padding-left: 30px;font-size:18px;margin-bottom: 5px;}
#sub_contents .tbl_menu .th .menu_name.sub_small {font-size: 15px;}
#sub_contents .tbl_menu .th.oshi .menu_name {font-size: 15px;padding: 4px 1em;margin-bottom: 6px;width: fit-content;}
#sub_contents .tbl_menu .td {width: 0%;text-align: right;padding: 15px 0;line-height: 1.6;}
#sub_contents .tbl_menu .td .menu_price {font-weight: normal;font-size:15px;}

/* pairing
-----------------------------*/
#sub_contents .scene_com{font-weight: bold;font-size: 26px;margin: 10px 0;}
#sub_contents .sub_scene .img{width: 100%; margin: 0 auto;}
#sub_contents .sub_scene .img img{height: auto;object-fit: none;width:100%;}
#sub_contents .sub_scene .textarea{width: 100%;}
#sub_contents .sub_scene .scene_ttl {padding: 5px 10px;background: #8f1d1d;color: #fff;display: inline-block;margin-top: 0;font-weight: bold;font-size:14px;}
#sub_contents .sub_scene .scene_name{font-weight: bold;font-size: 18px;border-bottom: 1px solid #8f1d1d;margin: 10px 0;}

/* scene
-----------------------------*/
#sub_contents .flexbox_conc{padding: 0;}
#sub_contents .flexbox_conc .img{flex: auto; margin-left: 0; margin-right: 0; margin-bottom: 20px; position: relative; max-width:100%;}
#sub_contents .flexbox_conc .right {flex: auto; margin-right: 0; margin-left: 0; margin-bottom: 20px;}
#sub_contents .flexbox_conc .txt{width: 100%;}
#sub_contents .flexbox_conc .ttl{font-family: "Shippori Mincho", sans-serif; font-size: 20px; margin-bottom: 20px; padding-bottom: 10px; position: relative; border-bottom: 1px solid #920000; font-weight: bold;}
#sub_contents .flexbox_conc .span{font-family: "Shippori Mincho", sans-serif; font-size: 18px; font-weight: bold;}
#sub_contents .flexbox_conc .img img{ width:100%;}

/* faq
-----------------------------*/
#sub_contents .faq__item {padding:15px;width:100%;margin:0 auto;background: rgba(255, 255, 255, 0.7);}
#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 30px;}
#sub_contents .faq__item .dt {padding: 15px 0px 15px 35px;position: relative;border-bottom:1px solid #b8afa3;font-weight:700;}
#sub_contents .faq__item .dd {padding: 15px 0px 15px 35px;position: relative;}
#sub_contents .faq__item .dt::before,#sub_contents .faq__item .dd::before {position: absolute;left: 5px;top: 8px;}
#sub_contents .faq__item .dt::before {content: "Q.";font-size: 20px; color:#44392b;font-weight:400;}
#sub_contents .faq__item .dd::before {content: "A.";font-size: 20px; color:#ac2d18;font-weight:400;}

/* recruit
-----------------------------*/
#sub_contents .concept__area {width:100%;margin:0 auto 50px;}
#sub_contents .concept__area .head__area {margin-bottom:15px;}
#sub_contents .concept__area .head__area .img img {object-fit: cover;aspect-ratio: 6 / 2;}
#sub_contents .concept__area .head__area .img .span {font-weight:500;font-size: 38px;line-height:2.5;margin-left:220px;}
#sub_contents .concept__area .head__area .img .strong {position: absolute;top:-80px;left:0;font-size:160px;font-weight:bold;color:#ac2d18;}
#sub_contents .concept__area .txt_area {margin-bottom:20px;}
#sub_contents .concept__area .txt_area .txt_catch{font-size:18px;font-weight:500;margin-bottom:10px;display: inline-block;font-family: "Shippori Mincho", serif; }

#sub_contents .bene_list {padding: 10px 5px;position: relative;background-color: rgba(102, 92, 72, 0.5);}
#sub_contents .bene_list p {font-size:16px; display: inline-block;padding-left: 40px;color: #fff !important;}
#sub_contents .bene_list p.span {padding-left: 0px;}
#sub_contents .bene_list p::before {content: "";position: absolute;left: 15px;top: 50%;transform: translateY(-50%);display: inline-block;width: 20px;height: 20px;background: url(../images/sub_recruit_check.png) no-repeat;background-size: contain;}

#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: left;position: relative;align-items: stretch;}
#sub_contents .tbl_info .th {width: 30%;padding: 20px 0;border-bottom: 1px solid #ccc;text-align: left;align-items: center;vertical-align: middle;}
#sub_contents .tbl_info .th p.ttl {font-weight: normal;line-height: 2em;font-weight:bold;}
#sub_contents .tbl_info .td {width: 70%;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;}

/* PC  */
@media screen and (min-width: 1024px) {

/* main_visual
-----------------------------*/
#sub_visual.kv{padding: 0;padding-top:170px;}
#sub_visual {padding-top: 140px;position: relative;height:450px;background: #ac2d18; 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: "Shippori Mincho", 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-bottom: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: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:35px; font-weight: bold; margin:50px 0 0 0; position: relative; line-height: 140%; padding: 0px 0;letter-spacing: 0.1em;font-family: "Shippori Mincho", serif;}
#sub_contents h2 span{font-weight: bold;font-size:19px; display: block;margin-bottom:0px;}
#sub_contents h2::after{ content:""; display:block; width:60px; height:1px; background:#ac2d18; margin:15px auto 0; }
#sub_contents h3{margin: 50px auto 30px; padding: 5px 15px;font-size: 22px;font-weight: bold;line-height: 1.4; border-left: 6px solid #D0111B;}
#sub_contents .txt_cen{ text-align: center; font-size:17px; line-height: 200%;font-weight: bold;font-family: "Shippori Mincho", serif;}
#sub_contents .txt_st{ text-align: center; line-height: 200%;font-size: 17px;}
#sub_contents .txt_st strong,#sub_contents .txt_st b{font-size:140%;font-weight:700;}
#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_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;}

/* commitment
-----------------------------*/
#sub_contents .box_greeting{padding: 50px;background:url("../images/sub_com_img01.png")repeat center center; background-attachment: fixed;}
#sub_contents .box_greeting .inner{background: rgba(83, 72, 62, 0.8);padding: 50px; position: relative;text-align: center; margin:0 auto; width:100%; max-width:100%;}
#sub_contents .box_greeting .inner .txt_box{width: 100%;margin: 10px 0;}
#sub_contents .box_greeting .inner p.span{font-size:16px; font-weight: normal;color: #fff;display: inline-block;}
#sub_contents .box_greeting .inner p.ttl{font-size:24px; font-weight: normal;color: #fff;font-weight: bold;display: inline-block;}
#sub_contents .bnr_pdf{text-align:center; margin:0 auto; display:block;}

/* food
-----------------------------*/
#sub_contents .sub_cen_img {width: 100%;text-align: center;}
#sub_contents .sub_cen_img img {width: 100%;object-fit: cover;}
#sub_contents .sub_menu_img img {width: 49%;object-fit: cover;height: 350px;}

#sub_contents .tbl_menu {width: 45%;margin-inline: auto;display: inline-block;font-size:15px;}
#sub_contents .tbl_menu.w100 {width: 100%;}
#sub_contents .tbl_menu .tr {display: flex;align-items: flex-start;}
#sub_contents .tbl_menu .th {width: 100%;padding: 15px 0;line-height: 1.6;position: relative;font-size: 17px;}
#sub_contents .tbl_menu .th::before {content: "";display: inline-block;width: 15px;height: 15px;background-image: url(../images/sub_ill_01.png);background-size: contain;background-repeat: no-repeat;position: absolute;top: 50%;transform: translateY(-50%);}
#sub_contents .tbl_menu .th .menu_name {font-weight: bold;padding-left: 30px;font-size:18px;margin-bottom: 5px;}
#sub_contents .tbl_menu .th .menu_name.sub_small {font-size: 15px;}
#sub_contents .tbl_menu .th.oshi .menu_name {font-size: 15px;padding: 4px 1em;margin-bottom: 6px;width: fit-content;}
#sub_contents .tbl_menu .td {width: 0%;text-align: right;padding: 15px 0;line-height: 1.6;}
#sub_contents .tbl_menu .td .menu_price {font-weight: normal;font-size:15px;}

/* pairing
-----------------------------*/
#sub_contents .scene_com{font-weight: bold;font-size: 26px;margin: 10px 0;}
#sub_contents .sub_scene .img{width: 48%; margin: 0 auto;}
#sub_contents .sub_scene .img img{height: auto;object-fit: none;}
#sub_contents .sub_scene .textarea{width: 48%;}
#sub_contents .sub_scene .scene_ttl {padding: 10px 20px;background: #8f1d1d;color: #fff;display: inline-block;margin-top: 0;font-weight: bold;}
#sub_contents .sub_scene .scene_name{font-weight: bold;font-size: 26px;border-bottom: 1px solid #8f1d1d;margin: 10px 0;}

/* scene
-----------------------------*/
#sub_contents .flexbox_conc{padding: 0;}
#sub_contents .flexbox_conc .img{flex: 1; margin-left: calc(50% - 50vw); margin-right: 2%; position: relative; max-width: 800px;}
#sub_contents .flexbox_conc .right{flex: 1; margin-right: calc(50% - 50vw); margin-left: 2%; position: relative; max-width: 800px;}
#sub_contents .flexbox_conc .txt{width: 50%;}
#sub_contents .flexbox_conc .ttl{font-size: 26px; margin-bottom: 20px; padding-bottom: 10px; position: relative; border-bottom: 1px solid #920000; padding-left: 1.5rem;font-family: "Shippori Mincho", serif;}
#sub_contents .flexbox_conc .ttl::before {position: absolute; content: ""; width: 1px; height: 2.5rem; background: #920000; left: 10px; bottom: -10px;}
#sub_contents .flexbox_conc .span{font-size: 22px; font-weight: bold;}
#sub_contents .flexbox_conc .img img{ width:100%;}
  
/* faq
-----------------------------*/
#sub_contents .faq__item {padding:20px;width:100%;margin:0 auto;background: rgba(255, 255, 255, 0.7);}
#sub_contents .faq__item:not(:last-of-type) {margin-bottom: 30px;}
#sub_contents .faq__item .dt {padding: 15px 10px 15px 50px;position: relative;border-bottom:1px solid #b8afa3;font-weight:700;}
#sub_contents .faq__item .dd {padding: 15px 10px 15px 50px;position: relative;}
#sub_contents .faq__item .dt::before,#sub_contents .faq__item .dd::before {position: absolute;left: 15px;top: 8px;}
#sub_contents .faq__item .dt::before {content: "Q.";font-size: 20px; color:#44392b;font-weight:400;}
#sub_contents .faq__item .dd::before {content: "A.";font-size: 20px; color:#ac2d18;font-weight:400;}

/* recruit
-----------------------------*/
#sub_contents .concept__area {width:80%;margin:0 auto 100px;}
#sub_contents .concept__area .head__area {margin-bottom:30px;}
#sub_contents .concept__area .head__area .img img {object-fit: cover;aspect-ratio: 6 / 2;}
#sub_contents .concept__area .head__area .img .span {font-weight:500;font-size: 38px;line-height:2.5;margin-left:220px;}
#sub_contents .concept__area .head__area .img .strong {position: absolute;top:-80px;left:0;font-size:160px;font-weight:bold;color:#ac2d18;}
#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: "Shippori Mincho", serif; }

#sub_contents .bene_list {padding: 10px 30px;position: relative;background-color: rgba(102, 92, 72, 0.5);}
#sub_contents .bene_list p {font-size:18px; display: inline-block;padding-left: 40px;color: #fff !important;}
#sub_contents .bene_list p.span {padding-left: 0px;}
#sub_contents .bene_list p::before {content: "";position: absolute;left: 30px;top: 50%;transform: translateY(-50%);display: inline-block;width: 20px;height: 20px;background: url(../images/sub_recruit_check.png) no-repeat;background-size: contain;}

#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;}

}

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

  
/* shop02
-----------------------------*/
#sub_contents .menu_list .li{width:31%;}

/* pairing
-----------------------------*/
#sub_contents .pair_g_area .img {flex: 1;margin-left: calc(50% - 50vw);margin-right: 2%;position: relative;max-width: 800px;}
#sub_contents .pair_g_area .right {flex: 1;margin-right: calc(50% - 50vw);margin-left: 2%;position: relative;max-width: 800px;}
#sub_contents .pair_g_area .txt_area {width: 60%;}
#sub_contents .pair_g_area .ttl {font-size: 23px;}
#sub_contents .pair_g_area {padding: 30px 50px;}
  
/* scene
-----------------------------*/
#sub_contents .flexbox_conc .ttl{font-size: 20px;}
}  

/* access
-----------------------------*/
#sub_contents .txt_box{width: 100%;}
#sub_contents p.span{font-size:16px; font-weight: normal;display: inline-block;}

@media screen and (min-width:1025px) {
  
#sub_contents .section{max-width: 1280px;position: relative;margin: 0px auto 50px;width:94%;padding: 30px 0px;}

}
#sub_contents a{text-decoration:underline;}
