/* main_visual
----------------------------------- */
#sub_visual {    padding-top: 100px;background: url(../images/sub_mv.png) no-repeat center;height: 230px;position: relative;z-index: 0;background-size: cover;width: 100%;margin: 0 auto;z-index:10;}
#sub_visual  .span{width: 100%;margin-bottom: 10px;display: block;font-size: 35px;padding: 0;text-align: center;color: #fff;  font-weight: normal;   font-family: "Kaisei Opti", serif;letter-spacing: 0.3rem;text-shadow: 3px 1px 2px rgb(0, 0, 0)}
@media screen and (min-width: 768px) {
#sub_visual {    padding-top: 130px;background: url(../images/sub_mv.png) no-repeat center;height: 360px;position: relative;z-index: 0;background-size: cover;width: 100%;margin: 0 auto;z-index:10;}
#sub_visual  .span{width: 100%;margin-bottom: 10px;display: block;font-size: 90px;padding: 0;text-align: center;color: #fff;  font-weight: normal;   font-family: "Kaisei Opti", serif;letter-spacing: 0.3rem;text-shadow: 3px 1px 2px rgb(0, 0, 0)}   
}
/* bread_crumb_list
----------------------------------- */
#sub_contents .bread_crumb_list{width:100%; line-height:100%;}
#sub_contents .bread_crumb{    text-align: left;    padding: 10px 0 10px 10px;  max-width: 1280px;      margin: 0px auto;}
#sub_contents .bread_crumb div { display:inline;color:#fff;}
#sub_contents .bread_crumb div:after {content : '＞';padding-left:10px;  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:12px;}
#sub_contents .bread_crumb p{margin-bottom:0px; font-size:15px;}

/* tab
----------------------------------- */
#sub_contents img{max-width:auto;width:auto;}
#sub_contents .tab_area {gap:30px;}
#sub_contents .tab {position: relative;width:90%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #b80000;}
#sub_contents .tab.w40 {position: relative;width:40%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #b80000;}
#sub_contents .tab p {font-size: 16px;display: inline;}
#sub_contents .tab.is-active::after {position: absolute;bottom: -11px;left: 50%;transform: translateX(-50%);width: 20px;height: 10px;background-color: #b80000;content: '';clip-path: polygon(0 0, 100% 0, 50% 100%);}
#sub_contents .panel {display: none;}
#sub_contents .panel.is-active {display: block;background-size: cover;padding: 0px 0 0;}
#sub_contents .panel.bg01{background:rgba(184,0,0,.9); padding:20px; color:#fff;}
#sub_contents .panel.bg01 .table01 .th{border-bottom:1px solid #111;line-height: 1.6;}
#sub_contents .panel.bg02{background:rgba(254,243,5,0.7); padding:20px;}
#sub_contents .panel.bg03{background:rgba(0,0,0,.9); padding:20px; color:#fff;}
@media screen and (min-width: 768px) {
 #sub_contents .tab_area {gap:30px;}
#sub_contents .tab {position: relative;width:35%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #b80000;}
#sub_contents .tab.w40 {position: relative;width:40%; padding: 20px 0;font-size: 18px;text-align: center;cursor: pointer;transition: all ease 0.3s;border-bottom:2px solid #b80000;}
#sub_contents .tab p {font-size: 20px;display: inline;}
#sub_contents .tab.is-active::after {position: absolute;bottom: -11px;left: 50%;transform: translateX(-50%);width: 20px;height: 10px;background-color: #b80000;content: '';clip-path: polygon(0 0, 100% 0, 50% 100%);}
#sub_contents .panel {display: none;}
#sub_contents .panel.is-active {display: block;background-size: cover;padding: 0px 0 0;}   
#sub_contents .panel.bg01{background:rgba(184,0,0,.9); padding:60px; color:#fff;}
#sub_contents .panel.bg01 .table01 .th{border-bottom:1px solid #111;line-height: 1.6;}
#sub_contents .panel.bg02{background:rgba(254,243,5,0.7); padding:60px;}
#sub_contents .panel.bg03{background:rgba(0,0,0,.9); padding:60px; color:#fff;}
}

/* btn
----------------------------------- */
#sub_contents .btn_list .li{width: 90%; margin: 0 10px; font-size: 15px;}
#sub_contents .btn_list .li a{      position: relative; font-weight: normal;display: block;padding: 8px;text-align: center;margin: 0 auto 10px;width: 100%;color: #ffffff;background: #b80000;font-size: 16px;}
#sub_contents .btn_list .li span{    font-size: 16px;}
#sub_contents .btn_list .li a:hover{opacity: 0.8;}
#sub_contents .btn_list .li.current a{color: #ffffff;background: #b80000; }
@media screen and (min-width: 768px) {
#sub_contents .btn_list .li{width: 30%; margin: 0 10px; font-size: 15px;}
#sub_contents .btn_list .li a{      position: relative; font-weight: normal;display: block;padding: 8px;text-align: center;margin: 0 auto 10px;width: 100%;color: #ffffff;background: #b80000;font-size: 16px;}
#sub_contents .btn_list .li span{    font-size: 16px;}
#sub_contents .btn_list .li a:hover{opacity: 0.8;}
#sub_contents .btn_list .li.current a{color: #ffffff;background: #b80000; }
}

/* sub_contents 
----------------------------------- */
#sub_contents { position: relative;;background-attachment: fixed; font-size: 16px;font-weight: 400;letter-spacing: .05em;line-height:1.5;background: url(../images/sub_bg.jpg) ;color: #34200d; font-family: "Shippori Mincho", serif; margin: auto;overflow-x: hidden;overflow-x: clip;min-width: auto;opacity: 0;animation: bodyAppear .3s .3s forwards;padding-bottom:1px;}
#sub_contents p{font-size: 16px;}
#sub_contents .section{max-width: 94%; margin: 80px auto 80px;position: relative;}
#sub_contents h2{scroll-margin-top: 120px; text-align: center;font-size:30px;  position: relative; line-height: 100%; padding-top:15px;}
#sub_contents .h2 .span p{ font-size:20px; display: block;margin-top:30px; text-align: center;    margin-bottom: 100px;}
#sub_contents h2:before {  position: absolute;content: "";border-bottom: 3px solid #b80000;     width: 50px; height: 60px;top: -115%;left: 0; right:0; margin:0 auto; z-index: 1;}
#sub_contents h3{ text-align: center;font-size:30px; margin-bottom:15px; position: relative; font-weight: bold;      margin-top: 40px;}
#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 .gap-20{gap: 30px;} 
#sub_contents .gap-50{gap: 60px;} 
#sub_contents .white{color: #fff;} 
#sub_contents .f25 p{font-size: 17px;font-weight: bold;} 
#sub_contents .txt_cen{ text-align: left; font-size: 17px; line-height: 200%;}
#sub_contents .txt_cen em{font-style: normal !important;display: block;font-weight: bold;}
#sub_contents .txt_cen02{ text-align: left; font-size: 17px; line-height: 200%;}
#sub_contents .txt_cen02 em{font-style: normal !important;display: inline;font-weight: bold;font-weight: bold;margin-bottom: -30px;}
#sub_contents .txt_cen.res{ text-align: left; font-size: 20px; line-height: 150%; background:rgba(255,255,255,.7);padding:25px 20px;}
#sub_contents .txt_cen.res strong{ text-align: center; font-size: 18px; line-height: 200%; font-weight:bold;}
#sub_contents .sub_bg{background:url("../images/sub_bg02.jpg");width: 100%; padding: 10px 0px;z-index: 0;  z-index: 0;position: relative;}
#sub_contents iframe{width:100%;}
@media screen and (min-width: 768px) {
 #sub_contents .txt_cen02 em{font-style: normal !important;display: block;font-weight: bold;}
#sub_contents .txt_cen02 {text-align:center;}
#sub_contents .txt_cen{ text-align: center; font-size: 20px; line-height: 200%;}
#sub_contents .txt_cen.res{ text-align: left; font-size: 20px; line-height: 200%; background:rgba(255,255,255,.7);padding:30px 60px;}
#sub_contents .txt_cen.res strong{ text-align: center; font-size: 26px; line-height: 200%; font-weight:bold;}
#sub_contents .txt_cen.res p{font-size: 19px;}
#sub_contents .txt_cen em{font-style: normal !important;display: inline;}   
#sub_contents .section{    max-width: 1280px; margin: 80px auto ;position: relative;}
#sub_contents .f25 p{font-size: 25px;font-weight: bold;} 
#sub_contents h2{scroll-margin-top: 120px; text-align: center;font-size:42px;  position: relative; line-height: 100%; padding-top:15px;}
#sub_contents iframe{width:100%;}
  #sub_contents .section{max-width: 98%; margin: 80px auto 80px;position: relative;}
}
@media screen and (min-width: 1024px) {
#sub_contents .txt_cen02 em{font-style: normal !important;display: inline;font-weight: bold;font-weight: bold; margin-bottom: 0px;text-align:center;}
#sub_contents .txt_cen02 {text-align:center;}
}
@media screen and (min-width: 1280px) {
#sub_contents .section{    max-width: 1280px; margin: 80px auto ;position: relative;}
}
/* recruit
----------------------------------- */
#sub_contents .cap_02 {position: relative;}
#sub_contents .cap_02 .person01 {justify-content: flex-end;flex-direction: row-reverse;}
#sub_contents .cap_02 .person01 .caption_fg {margin-top: 40px;margin-bottom: 35px;}
#sub_contents .cap_02 .person02 {position: absolute;top: 25%;right: 0;flex-direction: row-reverse;width: 100%;}
#sub_contents .cap_02 .person02 .caption_balloon {width: calc(100% - 245px - 230px);}
#sub_contents .col {display: flex;}
#sub_contents .person01,.person02 {align-items: flex-start;}
#sub_contents .caption_balloon {position: relative;padding: 15px 15px;max-width: 355px;font-size: 17px;line-height: 1.5;letter-spacing: 0.2em;}
#sub_contents .caption_balloon::after {content: "";position: absolute;bottom: -10px;display: inline-block;width: 0;height: 0;border-style: solid;border-width: 7px 6px;}
#sub_contents .person01 .caption_balloon {background-color: #fff;}
#sub_contents .person01 .caption_balloon::after {left: 310px;border-color: #fff transparent transparent #fff;}
#sub_contents .person02 .caption_balloon {background-color: #fff;}
#sub_contents .person02 .caption_balloon::after {right: 25px;border-color: #fff transparent transparent #fff;}
#sub_contents .caption_balloon p+p {margin-top: 6px;}
#sub_contents .person01 .caption_fg {width: 230px;margin-right: 15px;}
#sub_contents .person02 .caption_fg {width: 210px;margin-left: -20px;}
#sub_contents .con_txt02 {position: relative;margin-top: 0px;text-align: center;background-color: #fff;padding: 30px;margin-bottom: 100px;}
#sub_contents .con_txt02 em{font-style: normal !important;display: inline-block;}
#sub_contents .con_txt02 strong{font-style:bold;display: block;margin-bottom: 10px;font-size: 20px;}
#sub_contents .box_greeting_com03{padding: 40px 5px;background:url("../images/img04_01.jpg"); background-attachment: fixed;}
#sub_contents .box_greeting_com03 .inner{background: rgba(255,255,255,.8);padding: 50px 5px; position: relative;text-align: left; margin:0 auto; width:100%; max-width:100%;}
#sub_contents .box_greeting_com03 .inner span{display: block; font-size:23px; font-weight: bold; margin-bottom: 0px;line-height: 180%;}
#sub_contents .box_greeting_com03 .inner p{line-height: 180%;}
#sub_contents .box_greeting_com03 .inner strong{line-height: 180%;text-align: center;font-weight: bold;font-size: 19px;}
#sub_contents .rec_txt:first-child {margin-top: 0;}
#sub_contents .rec_txt {font-size: 17px;line-height: 1.4em;background: url(../images/img04_04.png) no-repeat left 0px;padding-left: 30px;margin-top: 5px;text-align: left;    margin-bottom: 25px;}
#sub_contents .rec_txt p{font-size: 20px;font-weight: bold;}
@media screen and (min-width:768px) {
#sub_contents .box_greeting_com03{padding: 40px 40px;background:url("../images/img04_01.jpg"); background-attachment: fixed;}
#sub_contents .box_greeting_com03 .inner{background: rgba(255,255,255,.8);padding: 50px 25px; position: relative;text-align: center; margin:0 auto; width:100%; max-width:100%;}
#sub_contents .box_greeting_com03 .inner span{display: block; font-size:23px; font-weight: bold; margin-bottom: 0px;line-height: 180%;}
#sub_contents .box_greeting_com03 .inner p{line-height: 180%;font-size: 18px;}
#sub_contents .box_greeting_com03 .inner strong{line-height: 180%;text-align: center;font-weight: bold;font-size: 27px;}
#sub_contents .rec_txt p{font-size: 23px;font-weight: bold;}
#sub_contents .cap_02 {position: relative;}
#sub_contents .cap_02 .person01 {justify-content: flex-end;flex-direction: row-reverse;}
#sub_contents .cap_02 .person01 .caption_fg {margin-top: 40px;margin-bottom: 35px;}
#sub_contents .cap_02 .person02 {position: absolute;top: 25%;right: 0;flex-direction: row-reverse;width: 100%;}
#sub_contents .cap_02 .person02 .caption_balloon {width: calc(100% - 245px - 230px);}
#sub_contents .col {display: flex;}
#sub_contents .person01,.person02 {align-items: flex-start;}
#sub_contents .caption_balloon {position: relative;padding: 15px 30px;max-width: 580px;font-size: 17px;line-height: 1.5;letter-spacing: 0.2em;}
#sub_contents .caption_balloon::after {content: "";position: absolute;bottom: -7px;display: inline-block;width: 0;height: 0;border-style: solid;border-width: 5px 5px;}
#sub_contents .person01 .caption_balloon {background-color: #fff;width: 500px;}
#sub_contents .person01 .caption_balloon::after {left: 25px;border-color: #fff transparent transparent #fff;}
#sub_contents .person02 .caption_balloon {background-color: #fff;        width: 440px;}
#sub_contents .person02 .caption_balloon::after {right: 25px;border-color: #fff transparent transparent #fff;transform: rotate(90deg);}
#sub_contents .caption_balloon p+p {margin-top: 6px;}
#sub_contents .person01 .caption_fg {width: 230px;margin-right: 15px;}
#sub_contents .person02 .caption_fg {width: 210px;margin-left: -20px;}
}

/* guide
----------------------------------- */
#sub_contents .box-wrap .box{overflow-x:hidden;}
#sub_contents .box-wrap .box:not(:last-of-type){margin-bottom:100px;}
#sub_contents .box-wrap .box .img-box{width:100%;gap:10%;    margin: 0 auto 15px;}
#sub_contents .box-wrap .box:nth-of-type(even) .img-box{margin-left:auto;margin-right:0;}
#sub_contents .box-wrap .box .img-box.on img{opacity:0;transform:translateY(50px);-ms-filter:blur(10px);filter:blur(10px);}
#sub_contents .box-wrap .box .img-box.on.active img{animation-name:bottomin;animation-duration:1.2s;animation-timing-function:ease;animation-fill-mode:forwards;}
#sub_contents .box-wrap .box .img-box img:nth-of-type(1){width: 100%; height: 330px;object-fit: cover;      }
#sub_contents .box-wrap .box .img-box img:nth-of-type(2){        width: 100%;margin: 160px auto 0;height: 100%;margin-left: 10px;}
#sub_contents .box-wrap .box .txt-box{max-width:100%;padding:0px;position:relative;}
#sub_contents .box-wrap .box:nth-of-type(even) .txt-box{margin-left:auto;margin-right:0;}
#sub_contents .box-wrap .box .txt-box .title-box p{position:relative;     font-weight: bold;   font-size: 21px;}
#sub_contents .box-wrap .box .txt-box .title-box p em{font-style: normal !important;display: block; font-weight: bold;}
#sub_contents .box-wrap .box .txt-box .title-box p::after{content:"";width:175px;height:1px;position:absolute;top:50%;left:45%;} 
@media screen and (min-width:768px) {
    #sub_contents .box-wrap .box .txt-box .title-box p em{font-style: normal !important;display: inline; font-weight: bold;}
 #sub_contents .box-wrap .box{overflow-x:hidden;}
#sub_contents .box-wrap .box:not(:last-of-type){margin-bottom:100px;}
#sub_contents .box-wrap .box .img-box{width:80%;gap:10%;    margin: 0 auto 15px;}
#sub_contents .box-wrap .box:nth-of-type(even) .img-box{margin-left:auto;margin-right:0;}
#sub_contents .box-wrap .box .img-box.on img{opacity:0;transform:translateY(50px);-ms-filter:blur(10px);filter:blur(10px);}
#sub_contents .box-wrap .box .img-box.on.active img{animation-name:bottomin;animation-duration:1.2s;animation-timing-function:ease;animation-fill-mode:forwards;}
#sub_contents .box-wrap .box .img-box img:nth-of-type(1){width: 100%; height: 330px;object-fit: cover;      }
#sub_contents .box-wrap .box .img-box img:nth-of-type(2){        width: 100%;margin: 160px auto 0;height: 100%;margin-left: 10px;}
#sub_contents .box-wrap .box .txt-box{max-width:1280px;padding:0 100px;position:relative;}
#sub_contents .box-wrap .box:nth-of-type(even) .txt-box{margin-left:auto;margin-right:0;}
#sub_contents .box-wrap .box .txt-box .title-box p{position:relative;        font-size: 26px;}
#sub_contents .box-wrap .box .txt-box .title-box p::after{content:"";width:175px;height:1px;position:absolute;top:50%;left:45%;}    
}

/* menu
----------------------------------- */
#sub_contents .menu_sub p{font-size: 20px; text-align: center;margin-bottom: 30px;font-weight: bold;}
#sub_contents .menu__item { width: 100%; max-width: 100%;     margin-bottom: 20px;   } 
#sub_contents .menu__name { display: inline-block; width:100% } 
#sub_contents .menu__name p{font-size: 20px;     } 
#sub_contents .menu_price { display: inline-block; width: 100%; text-align: right; } 
#sub_contents .menu__img { max-width: 90%; margin-inline: auto; } 
#sub_contents .menu__items{padding:5px;    margin-bottom: 30px;}
#sub_contents .pri_ttl p{ font-size: 19px !important;  font-weight: bold !important;  }
#sub_contents .pri_ttl02 p{ font-size: 19px !important;  font-weight: bold !important;  }
#sub_contents .pri_ttl {border-bottom: 1px solid #b80000 ;text-align: left; padding-bottom: 5px !important;margin-bottom: 30px !important;margin-top: 50px !important; font-size: 19px !important;        font-weight: bold !important;}
#sub_contents .pri_ttl em{display: block;font-style: normal;font-weight: bold;}
#sub_contents .pri_ttl02 {border-bottom: 1px solid #ffc600 ;text-align: left; padding-bottom: 5px !important;margin-bottom: 30px !important;margin-top: 50px !important; font-size: 19px !important;        font-weight: bold !important;}
#sub_contents .pri_ttl02 em{display: block;font-style: normal;font-weight: bold;}

@media screen and (min-width:768px) {
#sub_contents .menu_sub p{font-size: 20px; text-align: center;margin-bottom: 30px;font-weight: bold;}
#sub_contents .menu__item { width: 42%; max-width: 700px;     margin-bottom: 20px;   } 
#sub_contents .menu__name { display: inline-block; width:100% } 
#sub_contents .menu__name p{font-size: 20px;     } 
#sub_contents .menu_price { display: inline-block; width: 100%; text-align: right; } 
#sub_contents .menu__img { max-width: 45%; margin-inline: auto; } 
#sub_contents .menu__items{padding:5px;    margin-bottom: 30px;}
#sub_contents .pri_ttl p{ font-size: 25px !important;  font-weight: bold !important;  }
#sub_contents .pri_ttl02 p{ font-size: 25px !important;  font-weight: bold !important;  }
#sub_contents .pri_ttl {border-bottom: 1px solid #b80000 ;text-align: left; padding-bottom: 5px !important;margin-bottom: 30px !important;margin-top: 50px !important; font-size: 25px !important;        font-weight: bold !important;}
#sub_contents .pri_ttl em{display: inline;font-style: normal;font-weight: bold;}
#sub_contents .pri_ttl02 {border-bottom: 1px solid #ffc600 ;text-align: left; padding-bottom: 5px !important;margin-bottom: 30px !important;margin-top: 50px !important; font-size: 25px !important;        font-weight: bold !important;}
#sub_contents .pri_ttl02 em{display: inline;font-style: normal;font-weight: bold;}
}
@media screen and (min-width:1280px) {
#sub_contents .menu_sub p{font-size: 20px; text-align: center;margin-bottom: 30px;font-weight: bold;}
#sub_contents .menu__item { width: 42%; max-width: 700px;     margin-bottom: 20px;   } 
#sub_contents .menu__name { display: inline-block; width:70% } 
#sub_contents .menu__name p{font-size: 20px;     } 
#sub_contents .menu_price { display: inline-block; width: 120px; text-align: right; } 
#sub_contents .menu__img { max-width: 45%; margin-inline: auto; } 
#sub_contents .menu__items{padding:5px;    margin-bottom: 30px;}
#sub_contents .pri_ttl p{ font-size: 25px !important;  font-weight: bold !important;  }
#sub_contents .pri_ttl {border-bottom: 1px solid #b80000 ;text-align: left; padding-bottom: 5px !important;margin-bottom: 30px !important;margin-top: 50px !important; font-size: 25px !important;        font-weight: bold !important;}
#sub_contents .pri_ttl02 p{ font-size: 25px !important;  font-weight: bold !important;  }
#sub_contents .pri_ttl02 {border-bottom: 1px solid #ffc600 ;text-align: left; padding-bottom: 5px !important;margin-bottom: 30px !important;margin-top: 50px !important; font-size: 25px !important;        font-weight: bold !important;}
}

/* recommended
-----------------------------*/
#sub_contents .rank_g_area .txt_area .ttl {position: relative;letter-spacing: .04em;padding-bottom: 10px;border-bottom: 2px solid #b80000;}
#sub_contents .rank_g_area .txt_area .ttl p{font-size: 20px;}
#sub_contents .rank_g_area .txt_area .ttl::before {content: "";position: absolute;width: 100%;height: 1px;background: #b80000;left: 0;bottom: -5px;}
#sub_contents .rank_g_area .txt_area .ttl02 {position: relative;letter-spacing: .04em;padding-bottom: 10px;border-bottom: 2px solid #ffc600;}
#sub_contents .rank_g_area .txt_area .ttl02 p{font-size: 20px;}
#sub_contents .rank_g_area .txt_area .ttl02::before {content: "";position: absolute;width: 100%;height: 1px;background: #ffc600;left: 0;bottom: -5px;}
#sub_contents .rank_g_area .txt_area .name p{font-size:20px; font-weight:bold;}
#sub_contents .rank_g_area .txt_area .bold{font-size:18px;}
#sub_contents .rank_g_area {padding: 30px 20px 20px;     background: #fff; position: relative;position: relative;box-shadow: 0px 5px 25px 0px rgba(174, 166, 154, 0.2);}
#sub_contents .rank_g_area .img {width: 100%; margin-bottom:20px;}
#sub_contents .rank_g_area .txt_area {width: 100%;}
#sub_contents .rank_num {font-size: 60px;position: absolute;top: -25px;left: 6px;font-weight:bold; color: #444444;}
#sub_contents .rank_num p{font-size: 40px;}
#sub_contents .rank_g_area .rank_check_area{padding:0px;display:block; margin-bottom:10px;}
#sub_contents .rank_g_area .rank_check_list{font-size:16px; position:relative;padding-left:30px;margin-bottom:10px;}
#sub_contents .rank_g_area .rank_check_list:last-child{margin-bottom: 0;}
#sub_contents .rank_g_area .rank_check_list::before{position:absolute;content:"";background: url(../images/check.png) no-repeat top center / cover ;width:18px;height:18px;top: 50%;left: 0%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);}
#sub_contents .rank_c1{color: #e6cfa6;}
#sub_contents .rank_c2{color: #e6cfa6;}
#sub_contents .rank_c3{color: #e6cfa6;}
@media screen and (min-width: 768px) {
#sub_contents .rank_g_area {position: relative; padding: 50px 20px;}
#sub_contents .rank_g_area .img {width: 33%; margin-bottom:0px;}
#sub_contents .rank_g_area .txt_area {width: 65%;}
#sub_contents .rank_g_area .txt_area .name{font-size:16px;}
#sub_contents .rank_g_area .txt_area .bold{font-size:18px;}
#sub_contents .rank_num p{position: absolute; font-size: 70px;top: -5px;left: 10px;}
#sub_contents .rank_g_area .rank_check_area{padding:0px;display:flex; margin-bottom:0px;}
#sub_contents .rank_g_area .rank_check_list{font-size:16px; width:100%;}
}
@media screen and (min-width: 1024px) {
#sub_contents .rank_g_area .txt_area .name p{font-size:40px;}
}

/* about
----------------------------------- */
#sub_contents .bg01 .table01 .td a{color:#fff;}
#sub_contents .bg03 .table01 .td a{color:#fff;}
#sub_contents .box_greeting_com{padding: 40px 5px;background:url("../images/img03_01.jpg"); background-attachment: fixed;}
#sub_contents .box_greeting_com .inner{background: rgba(255,255,255,.8);padding: 50px 5px; position: relative;text-align: left; margin:0 auto; width:100%; max-width:100%;}
#sub_contents .box_greeting_com .inner span{display: block; font-size:23px; font-weight: bold; margin-bottom: 0px;line-height: 180%;}
#sub_contents .box_greeting_com .inner p{line-height: 180%;}
#sub_contents .box_greeting_com .inner strong{line-height: 180%;text-align: center;font-weight: bold;font-size: 22px;}
#sub_contents .box_greeting_com .inner em{display:block;font-style:normal;font-weight:bold;    text-align: left;margin-bottom: -30px;}
#sub_contents .box_greeting_com02{padding: 40px 5px;background:url("../images/img03_02.jpg"); background-attachment: fixed;}
#sub_contents .box_greeting_com02 .inner{background: rgba(255,255,255,.8);padding: 50px 5px; position: relative;text-align: left; margin:0 auto; width:100%; max-width:100%;}
#sub_contents .box_greeting_com02 .inner span{display: block; font-size:23px; font-weight: bold; margin-bottom: 0px;line-height: 180%;}
#sub_contents .box_greeting_com02 .inner p{line-height: 180%;}
#sub_contents .box_greeting_com02 .inner em{display:block;font-style:normal;font-weight:bold;    text-align: left;}
#sub_contents .box_greeting_com02 .inner strong{line-height: 180%;text-align: center;font-weight: bold;font-size: 21px;}
#sub_contents .about_box{gap: 20px;display: flex;}
#sub_contents .about_img{width: 100%;margin-bottom: 20px;}
#sub_contents .table01{max-width: 900px;width: 100%;margin-inline: auto;}
#sub_contents .table01 .tr{ display: block; justify-content: flex-start;}
#sub_contents .table01 .th{width: 50%;padding: 20px;border-bottom:1px solid #b80000;line-height: 1.6;}
#sub_contents .table01 .td{width: 100%;padding: 20px 10px;line-height: 1.6;border-bottom:1px solid #fff;}
#sub_contents .abo_txt p{background-color: #fff;width: 100%;padding: 20px 5px;}
#sub_contents .abo_ttl01 p{font-size: 20px;}
#sub_contents .abo_ttl02 p {font-size: 20px;}
#sub_contents .abo_ttl02 p strong{font-size: 30px;padding-right: 20px;font-weight: bold;}
#sub_contents .sta_img {width:100%;}
#sub_contents .sta_img02 {width: 20%;}
#sub_contents .sta_txt {width: 45%;    padding-right: 20px;} 
#sub_contents .staff_textBox {gap: 40px;}
#sub_contents .staff_textBox .img {width: 100%;margin-bottom: 20px;position:relative;} 
#sub_contents .staff_name {background:#ece4e4;padding:5px 10px;font-size:12px;} 
#sub_contents .staff_textBox .textarea {width: 100%;} 
#sub_contents .staff_ttl_area {padding-top:15px;margin-top:15px;} 
#sub_contents .staff_ttl {display:inline-block;margin-right: 10px;background:#b80000;padding: 5px 15px;color: #fff;font-weight: bold; margin-bottom: 10px;}
#sub_contents .staff_ttl02 em {font-style: normal !important; border-bottom: 3px solid #b80000;width: 100px;padding-right: 10px;}
#sub_contents .syam_li{width: 100%;margin-bottom: 30px;}
#sub_contents .syam_img{width: 100px;    margin: 0 auto 10px;}
#sub_contents .sya_box{gap: 13px;}
#sub_contents .sya_ttl{background-color: #ece4e4;padding: 10px;width: 185px;text-align: center;}
#sub_contents .pro_img{width: 100%;}
#sub_contents .pro_img02{width: 100%;}
#sub_contents .pro_ttl p{  font-size: 20px;border-left: 5px solid #b80000;border-bottom: 1px solid #fff;box-sizing: border-box;padding-bottom: 10px;font-weight: 600;padding-left: 15px;}
#sub_contents .pro_box{	background: #fff8eb;    padding: 20px 0px;}
@media screen and (min-width:768px) {
  #sub_contents .box_greeting_com02 .inner em{display:inline;font-style:normal;font-weight:bold;    text-align: left;}
  #sub_contents .box_greeting_com .inner em{display:inline;font-style:normal;font-weight:bold;margin-bottom: 0px;}
#sub_contents .table01{max-width: 900px;width: 100%;margin-inline: auto;}
#sub_contents .table01 .tr{ display: flex; justify-content: flex-start;}
#sub_contents .table01 .th{width: 30%;padding: 20px;border-bottom:1px solid #b80000;line-height: 1.6;}
#sub_contents .table01 .td{width: 100%;padding: 20px 10px;line-height: 1.6;border-bottom:1px solid #fff;}
#sub_contents .bg01 .table01 .td a{color:#fff;}
#sub_contents .bg03 .table01 .td a{color:#fff;}
#sub_contents .about_box{gap: 20px;display: flex;}
#sub_contents .abo_txt p{background-color: #fff;width: 100%;padding: 20px;}
#sub_contents .about_img{width: 30%;margin-bottom: 20px;}
#sub_contents .box_greeting_com{padding: 40px 40px;background:url("../images/img03_01.jpg"); background-attachment: fixed;}
#sub_contents .box_greeting_com .inner{background: rgba(255,255,255,.8);padding: 50px 20px; position: relative;text-align: center; margin:0 auto; width:100%; max-width:100%;}
#sub_contents .box_greeting_com .inner span{display: block; font-size:23px; font-weight: bold; margin-bottom: 0px;line-height: 180%;}
#sub_contents .box_greeting_com .inner p{line-height: 180%;font-size: 18px;}
#sub_contents .box_greeting_com .inner strong{line-height: 180%;text-align: center;font-weight: bold;font-size: 27px;}
#sub_contents .box_greeting_com02{padding: 40px 40px;background:url("../images/img03_02.jpg"); background-attachment: fixed;}
#sub_contents .box_greeting_com02 .inner{background: rgba(255,255,255,.8);padding: 50px 25px; position: relative;text-align: center; margin:0 auto; width:100%; max-width:100%;}
#sub_contents .box_greeting_com02 .inner span{display: block; font-size:23px; font-weight: bold; margin-bottom: 0px;line-height: 180%;}
#sub_contents .box_greeting_com02 .inner p{line-height: 180%;font-size: 18px;}
#sub_contents .box_greeting_com02 .inner strong{line-height: 180%;text-align: center;font-weight: bold;font-size: 26px;}
#sub_contents .sta_img {width:40%;}
#sub_contents .sta_img02 {width: 20%;}
#sub_contents .sta_txt {width: 45%;    padding-right: 20px;} 
#sub_contents .staff_textBox {gap: 40px;}
#sub_contents .staff_textBox .img {width: 100%;margin-bottom: 20px;position:relative;} 
#sub_contents .staff_name {background:#ece4e4;padding:5px 10px;font-size:12px;} 
#sub_contents .staff_textBox .textarea {width: 96%;} 
#sub_contents .staff_ttl_area {padding-top:15px;margin-top:15px;} 
#sub_contents .staff_ttl {display:inline-block;margin-right: 10px;background:#b80000;padding: 5px 15px;color: #fff;font-weight: bold; margin-bottom: 10px;}
#sub_contents .staff_ttl02 em {font-style: normal !important; border-bottom: 3px solid #b80000;width: 100px;padding-right: 10px;}
}
@media screen and (min-width:1024px) {
#sub_contents .staff_textBox .textarea {width: 55%;} 
}
/* commitment
----------------------------------- */
#sub_contents .comm_textBox .img{width: 100%;margin-bottom: 0px;position:relative;} 
#sub_contents .comm_textBox .textarea {width: 100%;}
#sub_contents .comm_textBox .text-container {position: relative;display: inline-block;}
#sub_contents .comm_textBox .text-container .ttl p{font-size:25px;text-align:left;z-index: 2;padding-left:0px;line-height:1.5;position: relative;font-weight: bold;margin-bottom: 20px;}
#sub_contents .comm_textBox .text-container .ttl em{font-style: normal !important;display: block;font-weight: bold;}
#sub_contents .comm_textBox .text-container .back_en p{position: absolute;color:#e6cfa8;z-index: 1;    font-size: 42px; top: -15px;left: 0%;line-height:0; } 
#sub_contents .concept_area {text-align:center;}
#sub_contents .concept_area .txt {font-size:30px;margin-bottom:20px;}
#sub_contents .concept_area p {line-height:2;font-size:16px;}
@media screen and (min-width: 768px) {
    #sub_contents .comm_textBox .text-container .ttl em{font-style: normal !important;display: inline;}
#sub_contents .comm_textBox .img{width: 50%;margin-bottom: 0px;position:relative;} 
#sub_contents .comm_textBox .textarea {width: 47%;}
#sub_contents .comm_textBox .text-container {position: relative;display: inline-block;}
#sub_contents .comm_textBox .text-container .ttl p{font-size:25px;text-align:center;z-index: 2;padding-left:10px;line-height:1.5;position: relative;font-weight: bold;}
#sub_contents .comm_textBox .text-container .back_en p{position: absolute;color:#e6cfa8;z-index: 1;font-size:55px; top: -10px;left: -2%;line-height:0; } 
#sub_contents .concept_area {text-align:center;}
#sub_contents .concept_area .txt {font-size:30px;margin-bottom:20px;}
#sub_contents .concept_area p {line-height:2;font-size:16px;}    
}
@media screen and (min-width: 1024px) {
#sub_contents .comm_textBox .text-container .ttl p{font-size:33px;text-align:center;z-index: 2;padding-left:10px;line-height:1.5;position: relative;font-weight: bold;}
}
  /*faq
----------------------------------- */
#sub_contents .faq_a{ padding: 20px 5px 20px 20px; display: flex; align-items: baseline; letter-spacing: 0.05em; } 
#sub_contents .faq_icon {  font-weight: 700; font-size: 22px; line-height: 1em; margin: 0 6px 0 0; display: inline-block; } 
#sub_contents .faq_q { padding: 5px 15px 10px 15px; background-color: #b80000; color: #fff; display: flex; align-items: baseline; font-weight: 900; letter-spacing: 0.05em; }
#sub_contents .faq_items {overflow: hidden; background-color: #fff; border: 4px solid #b80000; margin: 20px 0 50px 0; } 
#sub_contents .faq_box { margin: 35px 0 0; min-height: 30px; }
#sub_contents .faq_q p{ font-weight: bold;}
#sub_contents .faq_q p em{font-style: normal !important;display: block; font-weight: bold;}
@media screen and (min-width:768px) {
#sub_contents .faq_q p em{font-style: normal !important;display: inline; font-weight: bold;}
}
/* reservation
-----------------------------*/
#sub_contents .gap20{gap:20px;}
#sub_contents .res_p em{display:block;font-style:normal;}
#sub_contents .res_img{width:100% ;}
#sub_contents .tel_box strong{font-weight: bold; font-size: 20px;}
#sub_contents .tel_box{border: 1px solid #b80000;width: 100%;padding: 20px;    margin: 0 auto;    text-align: left;}   
@media screen and (min-width:768px) {
  #sub_contents .gap20{gap:0px;}
  #sub_contents .res_p em{display:inline;font-style:normal;}
#sub_contents .res_img{width: 310px;}
#sub_contents .tel_box strong{font-weight: bold; font-size: 20px;}
#sub_contents .tel_box{border: 1px solid #b80000;width: 70%;padding: 20px;    margin: 0 auto;    text-align: center;} 
}

/* news
----------------------------------- */
#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;color:#fff;}
#sub_contents .subnews_flex{ display: block;align-items:baseline;}
#sub_contents .webgene-blog .news__item .news__date {margin: 0 30px 0px 0px;    display: inline; }
#sub_contents .webgene-blog .news__item .news__title {width: 300px;}
#sub_contents .news__item {display: flex;align-items: flex-start;gap: 20px;flex-wrap: wrap;     margin-top: 50px;}
#sub_contents .news__content { display: block !important;align-items: flex-start;gap: 20px;    margin-bottom: 20px;    text-align: left;}

/* detail_news
----------------------------------- */
#sub_contents .new_ttl {text-align: center;font-size:20px;font-weight:bold;position: relative;}
#sub_contents .new_ttl span{text-align: center;font-size:21px;font-weight:bold;}
#sub_contents .news_detail .news_date{text-align: center; display: block;margin: 0 auto 20px;    font-size: 24px; display: block; font-weight:bold;}
#sub_contents .news_text{background: rgba(255,255,255,.7); padding:15px 15px;}