@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:16px; } }@media screen and (max-width: 1200px) { html{font-size:15px; } }@media screen and (max-width: 1024px) { html{font-size:14px; } }@media screen and (max-width: 768px) {  html{font-size:13px; } }@media screen and (max-width: 480px) {  html{font-size:12px; } }a,a:visited,a:active { color:rgba(66,66,66,1.00)}a:hover { color:rgba(186,186,186,1.00)}
/* css setting */
@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:16px; } }@media screen and (max-width: 1200px) { html{font-size:15px; } }@media screen and (max-width: 1024px) { html{font-size:14px; } }@media screen and (max-width: 768px) {  html{font-size:13px; } }@media screen and (max-width: 480px) {  html{font-size:12px; } }a,a:visited,a:active { color:rgba(66,66,66,1.00)}a:hover { color:rgba(186,186,186,1.00)}
/* css setting */
html {
  scroll-behavior: smooth;
}
/*デフォルト*/
a   {
text-decoration:none;
}

.hover_opacity:hover{
opacity: 0.85;
transition:0.6s;
}

.letter-spacing{
letter-spacing: 0.3rem;
}

.opacity {
opacity: 0.9;
}


/* === フォーム部分追加(20/07/15) === */
@media screen and (max-width: 480px) {
.miniSurveyView input[type="text"],
.miniSurveyView input[name^="Question"],
.miniSurveyView textarea[name^="Question"] {
font-size: 16px !important;
transform: scale(0.9) !important;
}
}

.tk_flex{padding:1rem 0rem 0rem 0rem; margin-bottom: 1.25rem;
flex-direction: row;}

@media screen and (max-width: 498px){.tk_flex {
    flex-direction: column!important;}}

@media screen and (max-width: 640px){
.col-1 {padding-bottom: 1rem;
}}

/*　———　トップページスライド　———　*/
#topslide01 .fs-nivo-slide-img img{width: 100%;object-fit: cover;}
@media screen and (max-width: 834px){
.vegas-slide-inner{background-position: top 0rem left -11rem!important; -webkit-background-position: top 0rem left -11rem!important; -webkit-background-size: 150%!important; background-size: 150%!important;}
body.vegas-container>.vegas-overlay, body.vegas-container>.vegas-slide, body.vegas-container>.vegas-timer{position: absolute!important;}
}
@media screen and (max-width: 820px){
.vegas-slide-inner{background-position: top -9rem left -7rem!important; -webkit-background-position: top -5rem left -9rem!important; -webkit-background-size: 120%!important; background-size: 120%!important;}
body.vegas-container>.vegas-overlay, body.vegas-container>.vegas-slide, body.vegas-container>.vegas-timer{position: absolute!important;}
}
@media screen and (max-width: 498px){
#topslide01 .fs-nivo-slide-img img{width: 100%;object-fit: cover;}
.vegas-slide-inner{background-position: center center!important; background-size: cover!important;}
background-size: 150%!important;}.
body.vegas-container>.vegas-overlay, body.vegas-container>.vegas-slide, body.vegas-container>.vegas-timer{position: fixed!important;}
}

/*　———　フッター上部 - ボタン　———　*/
#pt102-5Parent , #pt009-5Parent{ padding: 4rem 0; }

/*　———　TOP - コピー　———　*/
.home_top_copy {
padding: 0 0 3rem 0;
}

@media screen and (max-width: 1024px){
.home_top_copy {
margin: 0rem 0rem 0rem 0rem;
}
}

@media screen and (max-width: 768px){
.home_top_copy {
margin: 0rem 0rem 0rem 0rem;
}
}

@media screen and (max-width: 480px){
.home_top_copy {
padding: 0 0 25vh 0;
}
}

.home_sp_btn img { aspect-ratio:11 / 6; }



/*　==============================　ABOUT　==============================　*/
/*　【A】　*/
.about-img-space{padding-top: 15rem;}
@media screen and (max-width: 498px) {
.about-img-space{
padding-top: 24rem;
margin: 0rem 2rem 0rem 2rem;
}
}
/*　--------------------　特長ボックス　--------------------　*/
.about_pickup_box{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
align-items: center;
flex-flow: column wrap;
margin: -30rem auto 3rem auto;
}
.about_pickup_item{
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
display: inline-flex;
flex-flow: column wrap;
justify-content: center;
align-items: center;
margin: 0 auto;
background-color: #666666;
color: #000000;
max-width: 400px;
width: 100%;
height: 400px;
font-size:2rem;
}
.about_pickup_item span{
font-size: 1.75rem;
line-height: 1.5rem;
}
@media screen and (max-width: 968px) {
.about_pickup_box{
margin: -30rem auto 3rem auto;
}
.about_pickup_item{
height: 300px;
}
}
@media screen and (max-width: 768px) {
.about_pickup_box{
margin: -30rem 0rem 3rem 2rem;
}
}
@media screen and (max-width: 498px) {
.about_pickup_box{
margin: -6.5rem 0rem 0rem 0rem;
}
.about_pickup_item{
margin: 6rem 0rem 0rem 0rem;
padding: 1.5rem 0rem 1rem 0rem;
height: 94px;
width: 70%;
}
}
/*　--------------------　ボックス　--------------------　*/
.about-item {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
}
.about-item li {
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-self: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content:start;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1rem 1rem;
margin: 0rem 2px 4px 2px;
width: calc(50% - 10px);
background-color: rgba(255,255,255,1.00);
box-shadow: 0px 0px 2px 0px rgba(150,150,150,0.1);
}
@media screen and (max-width: 768px) {
.about-item li{
width: calc(100% - 4px);
margin: 0rem 2px 4px 2px;
padding: 0.8rem 1rem;
}
}
.about-sub-ttlA{
position: relative;
margin-top: -2rem;
}
.about-sub-ttlA span{
display: inline-block;
background-color: #666666;
padding: 1rem 2rem;
}
.about-sub-ttlB span{
display: inline-block;
box-sizing: border-box;
border: 1px solid #666666;
padding: 1rem 2rem;
}
/*　--------------------　リスト　--------------------　*/
.about-tb-contents {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
border-bottom:1px solid #E2E8F0;
}
.tb-border-n{
border:none!important;
}
.about-tb-contents dt{
padding: 1rem 0rem 1rem 0rem;
position: relative;
font-weight: bold;
font-size:0.9rem;
letter-spacing:0.2rem;
width: calc(100% - 40px - 1rem);
}
.about-tb-contents dd{
text-align: right;
padding: 1rem 0rem 1rem 1rem;
width: 40px;
}
@media screen and (max-width: 768px){
.about-tb-contents {
flex-flow: row wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.about-tb-contents dt {
font-weight: bold;
letter-spacing:0.1rem;
}
.about-tb-contents dd {
font-size: 1rem;
border: none;
}
}

/*　==============================　BUSINESS A　==============================　*/
.businessA-mainImg{padding-top: 32rem;}
.businessA-detail{margin: -6rem 2rem 4rem 2rem;}
@media screen and (max-width: 498px) {
.businessA-mainImg{padding-top: 24rem;}
}

/*　==============================　FACILITY A　==============================　*/
.facilityA-tb{
background-color: #ffffff;
padding: 1.75rem 0rem 1.5rem 0rem;
}
.facilityA-tb li{
width: calc(100% - 4rem);
margin: 1rem auto 0rem auto;
padding-bottom: 1rem;
border-bottom: 1px solid #cfcfcf;
}
.facilityA-tb li:last-child{
border-bottom: 0px solid #cfcfcf;
}
.facilityA-tb li dl{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.facilityA-tb li dl dt{
margin: 0rem 0rem 0rem 0rem ;
position: relative;
font-weight: bold;
font-size:0.9rem;
color:#000000;
letter-spacing:0.2rem;
width: 300px;
}
.facilityA-tb li dl dd{
text-align: left;
padding: 0rem 2rem;
width: calc(100% - 300px - 4rem);
}
@media screen and (max-width: 768px){
.facilityA-tb{
padding: 1rem 1.5rem 1rem 1.5rem;
}
.facilityA-tb li{
width: 100%;
}
.facilityA-tb li dl {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.facilityA-tb li dl dt {
font-weight: bold;
margin: 0rem 0rem 0.5rem 0rem;
padding-top: 0.5rem;
width: 100%;
letter-spacing:0.1rem;
}
.facilityA-tb li dl dd {
font-size: 1rem;
margin: 0rem 0rem 0rem 0rem;
padding: 0rem 0rem 0rem 0rem;
width: 100%;
}
}

/*　==============================　WORKS A　==============================　*/
.worksA-tb-img li dl{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
border-bottom:1px solid #cfcfcf;
}
.worksA-tb-img li:last-child dl{
border:none!important;
}
.worksA-tb-img li dl dt{
padding: 1rem 0rem 1rem 0rem;
position: relative;
font-weight: bold;
letter-spacing:0.2rem;
width: 80px;
}
.worksA-tb-img li dl dd{
color: #000000;
text-align: left;
padding: 1rem 0rem 1rem 1rem;
width: calc(100% - 80px - 1rem);
}
@media screen and (max-width: 768px){
.worksA-tb-img li dl {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.worksA-tb-img li dl dt {
font-weight: bold;
padding: 1rem 0 0.3rem 0;
width: 100%;
letter-spacing:0.1rem;
}
.worksA-tb-img li dl dd {
font-size: 1rem;
padding: 0rem 0 1rem 0;
border: none;
width: 100%;
}
}

.worksA-tb-tx{
background-color: #ffffff;
padding: 1.75rem 0rem 1.5rem 0rem;
}
.worksA-tb-tx li{
width: calc(100% - 4rem);
margin: 1rem auto 0rem auto;
padding-bottom: 1rem;
border-bottom: 1px solid #cfcfcf;
}
.worksA-tb-tx li:last-child{
border-bottom: 0px solid #cfcfcf;
}
.worksA-tb-tx li dl{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.worksA-tb-tx li dl dt{
margin: 0rem 0rem 0rem 0rem ;
position: relative;
font-size:0.9rem;
font-weight: normal;
color:#000000;
letter-spacing:0.2rem;
width: 180px;
}
.worksA-tb-tx li dl dd:nth-child(2){
font-weight: bold;
text-align: left;
padding: 0rem 2rem;
width: calc(100% - 330px - 4rem);
}
.worksA-tb-tx li dl dd:nth-child(3){
text-align: right;
width: 150px;
}
@media screen and (max-width: 768px){
.worksA-tb-tx{
padding: 1rem 1.5rem 1rem 1.5rem;
}
.worksA-tb-tx li{
width: 100%;
}
.worksA-tb-tx li dl {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.worksA-tb-tx li dl dt {
margin: 0rem 0rem 0.5rem 0rem;
padding-top: 0.5rem;
width: 100%;
letter-spacing:0.1rem;
}
.worksA-tb-tx li dl dd {
font-size: 1rem;
margin: 0rem 0rem 0rem 0rem!important;
padding: 0rem 0rem 0rem 0rem!important;
width: 100%!important;
}
.worksA-tb-tx li dl dd:nth-child(3){
text-align: left;}
}

/*　==============================　FLOW A　==============================　*/
.flowA-mainImg{padding-top: 20rem;}
@media screen and (max-width: 498px) {
.flowA-mainImg{padding-top: 17.5rem; margin:1rem 1rem 0rem 1rem;}
}
.flowA-bgImg {padding-top: 50vh;}
@media screen and (max-width: 480px){
.flowA-bgImg {padding-top: 40vh;}
}

/*　▼　*/
.flowA-sankaku  {
width: 0;
height: 0;
border: 2rem solid transparent;
border-top: 1rem solid #F2EBE2;
margin: 0 auto;
padding:0 0 0 0;
}
.flowA-sankaku-color {
width: 0;
height: 0;
border: 2rem solid transparent;
border-top: 2rem solid #424242;
margin: 0 auto;
padding:0 0 1rem 0;
}

.flowB-sankaku  {
width: 0;
height: 0;
border: 2rem solid transparent;
border-top: 2rem solid #fff;
margin: 0 auto;
padding:0 0 0 0;
}
.flowB-sankaku-color {
width: 0;
height: 0;
border: 3rem solid transparent;
border-top: 3rem solid #fff;
margin: 0 auto;
padding:0 0 1rem 0;
}




/*　▼　*/
.flowC-sankaku  {
width: 0;
height: 0;
border: 3rem solid transparent;
border-top: 3rem solid #e9e8e6;
margin: 0 auto;
padding:0 0 1rem 0;
}
.flowC-sankaku-color {
width: 0;
height: 0;
border: 3rem solid transparent;
border-top: 3rem solid #f9f9f9;
margin: 0 auto!important;
padding:0 0 0 0;

}

.flowD-sankaku  {
width: 0;
height: 0;
border: 3rem solid transparent;
border-top: 3rem solid #f0f4f4;
margin: 0 auto;
padding:0 0 1rem 0;
}


/*　==============================　COMPANY　==============================　*/
/*　----------　アンカーボタン　----------　*/
.color_btn .fs_btn_text_main {
font-size:1.4rem;
}
.color_btn .fs_btn_text_sub {
font-size:0.9rem;
}
.color_btn .fs_btn{
line-height: 1.4rem;
background-color: rgba(85,99,105,0.45);
}
.color_btn .fs_btn:hover {
background-color: rgba(85,99,105,0.05);
}
/*　----------　会社概要　----------　*/
.cp_left {
font-size: 0.9rem;
padding: 1rem 0;
vertical-align: top;
width: 20%;
font-weight: bold;
text-align: justify;
color: #7a8e96;
}
.cp_right {
font-size: 0.9rem;
text-align: justify;
padding: 1rem  0 1rem 1rem;
vertical-align: top;
width: 80%;
}
.cp_line {
border-top:1px solid #ccc;
}


/*　タブレット横時スクロール　*/
@media screen and (max-width: 1024px) {
.tb_bg_scroll{background-attachment: scroll!important; }}



/*　==============================　RECRUIT　==============================　*/
@media screen and (max-width: 834px) {
.recruit-staff-left{}
.recruit-staff-right{background-position: top 0rem right 0rem!important;}
}
@media screen and (max-width: 498px) {
.recruit-lineBtn .fs_btn_text_main{font-size: 1.5rem;}
}
/*　----------　fix　----------　*/
.rec_bg_m{
position: relative;
z-index: -100;
}
@media screen and (max-width: 768px) {
.rec_bg01{
background-attachment: scroll!important;
}
}


.rcrt_span_w li {
    border-bottom: 2px solid #e5e5e5;
    padding: 1rem;
}



.rcrt_mgtop{margin: 5rem 2rem 5rem 2rem; padding:5rem ;}

@media screen and (max-width: 1200px) { 
.rcrt_mgtop{margin: 2rem; padding:2rem;}}

@media screen and (max-width: 498px) { 
.rcrt_mgtop{margin: 0rem; padding:5rem 2rem;}}



.rcrt_check li{padding:0.5rem 0;
border-bottom: 1px solid #e5e5e5;
text-align: left;}

.parent_box {
  display: flex;
}
.parent_box div {
  width: 50%;
  padding: 2rem;
  margin: 5px;
  background: #fff;
}

@media screen and (max-width: 498px) { .parent_box {  display: block;}
.parent_box div {  width: auto;}} 

.parent_box img{text-align: justify;}

.rcrt_check_btn{
background:#F2EBE2;
padding:0.5rem 2rem;
text-align: left;
color:#fff;
 border-radius: 2rem;
}
.rcrt_check_btn a{
color: #B58D55;
}
.rcrt_check_btn a:hover{
opacity: 0.5;
transition:0.6s;
}


.rcrt_top_catch{padding:15vh 2rem 2rem 2rem;}
.rcrt_top_catch2{padding:0 2rem 12vh 2rem;}

@media screen and (max-width: 1450px) {
.rcrt_top_catch {padding: 10vh 5rem 2rem 5rem;}
.rcrt_top_catch2 {padding: 0px 12rem 5vh 4rem;}}

@media screen and (max-width: 820px){
.rcrt_top_catch {    padding: 10vh 0rem 2rem 2rem;}
.rcrt_top_catch2 {    padding: 0px 0rem 5vh 2rem;}}

@media screen and (max-width: 480px) {.rcrt_top_catch{padding:30vh 4rem 0rem 4rem;}
.rcrt_top_catch2{padding:0 2rem ;}}


/*　--------------------　採用情報テーブル　--------------------　*/
.outline_table_list {
border-bottom: 1px solid #f4f4f4;
padding-bottom: 0.4rem;
margin: 0rem;
}
.outline_table_list:last-child{
border: none;
padding-bottom:0rem;
}
.outline_contents {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 1.2rem 0rem 0.8rem 0rem;
}
.outline_contents dt{
color: #B58D55;
padding: 0rem 1rem 0rem 0rem;
width: 300px;
font-weight: bold;
letter-spacing:0.1rem;
}
.outline_contents dd{
text-align: left;
padding: 0rem 0rem 0rem 0rem;
width: calc(100% - 300px);
}
@media screen and (max-width: 768px){
.outline_contents {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 0.8rem 0rem 0.4rem 0rem;

}
.outline_contents dt{
font-size: 95%;
padding: 0rem 0rem 0.4rem 0rem;
width: 100%;
}
.outline_contents dd{
font-size: 105%;
padding: 0rem ;
width: 100%;

}
.outline_contents span{text-align: left!important;}
}



.rcrt_staff_name{
 background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 1));
}

.rcrt_catch{padding:5rem;}
@media screen and (max-width: 1200px) {
.rcrt_catch{padding:2rem;}}

/*　==============================　STAFF　==============================　*/
.staff_margin_n{
margin-top: -8rem;
}
.qa_q {
color:#919191;
vertical-align: top;
font-weight: bold; 
}
.qa_a {
padding: 0.5rem 0 3rem 0;
vertical-align: top;
}
@media screen and (max-width: 480px) {
.staff_margin_n{
margin-top: -3rem;
}
}
/*　==============================　INTERVIEW A　==============================　*/
.interviewA-mainImg{padding-top: 27rem;}
.interviewA-subImg{padding-top: 18rem;}
@media screen and (max-width: 498px) {
.interviewA-mainImg{padding-top: 24rem;}
.interviewA-subImg{padding-top: 24rem;}
}
.interviewA-qa-q {color:#666666; vertical-align: top; font-weight: bold;}
.interviewA-qa-a {padding: 0.5rem 0rem 2.5rem 0rem; vertical-align: top;}

/*　==============================　INTERVIEW B　==============================　*/
/*　80%中央寄せ　*/
@media screen and (min-width:1281px) {
.interviewB-w80Center {width: calc(100% - 20%); margin: auto!important;}
}
/*　———　インタビュータイトル回り　———　*/
.interviewB-tittleEn{font-size: 1.2rem; margin-bottom: 1rem!important;}
.interviewB-tittleEn:before{content: ""; display: inline-block; top: -0.4rem; position: relative; width: 2rem; height: 1px; background-color: #ffffff; margin: 0rem 1rem 0rem 0.2rem; box-shadow: 1px 1px 2px rgba(0,0,0,0.75);}
.interviewB-tittleSpace{text-shadow: 1px 1px 2px rgba(0,0,0,0.75);}
@media screen and (min-width:769px) {
.interviewB-tittleSpace{ font-size:2.4rem; padding: 28rem 0rem 7rem 2rem ;}
}
@media screen and (max-width:768px) {
.interviewB-tittleSpace{  font-size:2rem; padding: 22rem 0rem 7rem 2rem !important;}
}
@media screen and (max-width:480px) {
.interviewB-tittleSpace{ font-size:2rem; padding: 23rem 0rem 6rem 2rem !important;}
}
.interviewB-subImg{padding: 10rem 0rem; margin-bottom: 1rem;}

.interviewB-detail{margin:-5rem 1rem 0rem 1rem; padding:0rem 1rem 0rem 1rem; background-color:#ffffff;}
@media screen and (max-width:480px) {
.interviewB-detail{padding:0rem;}
}

/*　==============================　GUIDELINE A　==============================　*/
.guidelineA-tb{
background-color: #f2f2f2;
padding: 1.75rem 0rem 1.5rem 0rem;
}
.guidelineA-tb li{
width: calc(100% - 4rem);
margin: 1rem auto 0rem auto;
padding-bottom: 1rem;
border-bottom: 1px solid #cfcfcf;
}
.guidelineA-tb li:last-child{
border-bottom: 0px solid #cfcfcf;
}
.guidelineA-tb li dl{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.guidelineA-tb li dl dt{
margin: 0rem 0rem 0rem 0rem ;
position: relative;
font-weight: bold;
font-size:0.9rem;
color:#000000;
letter-spacing:0.2rem;
width: 200px;
}
.guidelineA-tb li dl dd{
text-align: left;
padding: 0rem 2rem;
width: calc(100% - 200px - 4rem);
}
@media screen and (max-width: 768px){
.guidelineA-tb{
padding: 1rem 1.5rem 1rem 1.5rem;
}
.guidelineA-tb li{
width: 100%;
}
.guidelineA-tb li dl {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.guidelineA-tb li dl dt {
font-weight: bold;
margin: 0rem 0rem 0.5rem 0rem;
padding-top: 0.5rem;
width: 100%;
letter-spacing:0.1rem;
}
.guidelineA-tb li dl dd {
font-size: 1rem;
margin: 0rem 0rem 0rem 0rem;
padding: 0rem 0rem 0rem 0rem;
width: 100%;
}
}


/*　==============================　お問い合わせページ　==============================　*/
.formBlockSurveyTable dl dt {
color: #999;
text-align: left;
width: 100%;
margin-right: 0%!important;
font-weight: bold;
font-size: 1rem;
margin-top: 1rem;
padding: 2px 0 0.5% 0;
}
.formBlockSurveyTable dl dd {
width: 100%;
}
.formBlockSurveyTable dl {
padding: 0.5% 0;
}
.formBlockSurveyTable dl dd input,
.formBlockSurveyTable dl dd textarea {
width: 96%;
resize: none;
border-radius: 0;
padding: 1.5%;
border: 1px solid #c8d2dc;
}
.formBlockSubmitButton {
width:240px!important;
text-align:center!important;
background-color: #999!important;
color:#fff;
border:1px solid #fff;
}
@media screen and (max-width: 480px) {
.formBlockSubmitButton {
width:100%!important;
}
.miniSurveyView input[type="text"],
.miniSurveyView input[name^="Question"],
.miniSurveyView textarea[name^="Question"] {
font-size: 16px !important;
transform: scale(0.9) !important;
}
}
.formBlockSubmitButton:hover {
transition:0.6s;
background-color: #fff!important;
border:1px solid #999;
color:#999;
}
.on-pointer input {
cursor: pointer;
}
@media screen and (max-width: 498px) {
.formBlockSurveyTable dl dd input,
.formBlockSurveyTable dl dd textarea {
width: 100%;
}
}

/*　==============================　ページタイトル共通設定　==============================　*/
.page-ttl span{
color:#B58D55;
}
.page-ttl-ja{padding: 5rem 0rem 0rem 0rem; background-color:#F2EBE2; }
.page-ttl-en{padding: 0.5rem 0rem 6rem 0rem; background-color:#F2EBE2;}
@media screen and (max-width: 480px) {
.page-ttl-ja{padding: 4rem 0rem 0rem 0rem;}
.page-ttl-en{padding: 1rem 0rem 3rem 0rem;}
}


/*　=============================================================================　*/
/*　=============================================================================　*/
/*　===============================　全体の共通項目　===============================　*/
/*　=============================================================================　*/
/*　=============================================================================　*/


/*　==============================　ヘッダー部分　==============================　*/
/*　--------------------　Fatナビに関する設定　--------------------　*/
.fat-nav li {
list-style-type: none;
text-align: left;
padding: 1.5rem 0 1.5rem 2rem;
font-size: 1.2rem;
border-bottom: 1px solid #969696;
}
.fat-nav{
background: rgba(45, 55, 60, 0.96);
}
.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {
background-color:#B58D55;
}

/*　Fatnaviフィックス　*/
#topfix-A {
position: absolute;
z-index: 50;
top: 0;
right: 0;
}
#topfix-B {
position: absolute;
z-index: 10;
top: 0;
right: 0;
}

/*　==============================　フッター部分　==============================　*/
/*　フッターロゴに関する設定　*/
@media screen and (min-width: 1201px) {
.f-logo {padding: 0rem 0rem 0rem 2rem;}
.f-logo img {max-width:195px;}
}
@media screen and (max-width: 1200px) {
.f-logo {padding: 0rem 0rem 0rem 2rem;}
.f-logo img {max-width:195px;}
}
@media screen and (max-width: 480px) {
.f-logo {padding: 4rem 0rem 0rem 2rem;}
.f-logo img {max-width:155px;}
}
/*　サイトマップ　*/
.sitemap-table{
width:100%;
padding: 0rem 0rem 3rem 2rem;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
justify-content: center;
flex-direction: row;
}
.sitemap-table li:nth-child(1){width: 110px;}
.sitemap-table li:nth-child(2){width: 130px;}
.sitemap-table li:nth-child(3){width: 105px;}
.sitemap-table li p{
margin-bottom: 1rem;
}
.sitemap-table-eiji{
font-size:0.9rem;
font-family: "Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
}
@media screen and (max-width: 768px) {
.sitemap-table{
font-size:120%!important;
line-height:2.5rem!important;
flex-direction: column;
width: calc(100% - 2rem);
padding: 1rem 0rem 3rem 2rem;
}
.sitemap-table li:nth-child(1){width: 100%;}
.sitemap-table li:nth-child(2){width: 100%;}
.sitemap-table li:nth-child(3){width: 100%;}
.sitemap-table li a{
flex-flow: row;
display: inline-flex;
}
.sitemap-table .br-sp{
line-height: unset;
}
.sitemap-table li p{
margin-bottom: 0rem;
padding: 0.35rem 0rem 0.35rem 1rem;
}
.sitemap-table li p:nth-child(odd){
background-color: #3c3c3c;
}
}
.sitemap-table a, .sitemap-table a:visited, .sitemap-table a:active ,
.f-link a , .f-link a:visited, .f-link a:active  {
color: #B58D55;
}
.sitemap-table a:hover ,
.f-link a:hover{
opacity: 0.5;
transition:0.3s;
}

.link-W a , .link-W a:visited, .link-W a:active  {
color: #fff;
}
.sitemap-table a:hover ,
.link-W a:hover{
opacity: 0.5;
transition:0.3s;
}


/*　==============================　文字に関する設定　==============================　*/
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.eiji {
font-family: "Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", sans-serif;
}
.space{
letter-spacing: 0.2rem;
}
.space-1{
letter-spacing: 0.1rem;
}
.space-2{
letter-spacing: 0.4rem;
}
.br-sp{
display:none;
}
.br-sp-r{
display:inline;
}
@media screen and (max-width: 900px) { 
}
@media screen and (max-width: 480px) { 
.tx-center{
text-align: center!important;
}
.tx-left{
text-align: left!important;
}
.tx-right{
text-align: right!important;
}
.br-sp{
display:block;
line-height:0rem;
}
.br-sp-r{
display:none;
}
}
/*　==============================　色に関する設定　==============================　*/
.rgba-white{
background-color:rgba(255,255,255,0.8);
}
.rgba-black{
background-color:rgba(0,0,0,0.8);
}
.rgba-black4{
background-color:rgba(0,0,0,0.4);
}
.rgba-staff{
background-color:rgba(0,0,0,0.7);
}

.rgba-flow-W{
background-color:rgba(255,255,255,0);
}

@media screen and (max-width: 498px) { 
.rgba-flow-W{
background-color:rgba(255,255,255,1);
color:#666;
}}

/*　==============================　デフォルト　==============================　*/
.ccm-edit-mode, .ccm-scrapbook-list-item-detail div{margin-top:0rem!important;}
.ccm-edit-mode .ccm-area-styles{margin-top:0rem!important;}
/*　--------------------　ページリストタグ（ブログ用）　--------------------　*/
.tk_tags_Tags,{
background-color: #424242;
color:#ffffff;
}

.tk_tags_store_tags {
background-color:#B58D55;
padding:0.5rem 1rem;
color: #ffffff;
border-radius: 5px;
}
.post-time{
display:none;
}
/*　--------------------　ページリストタグ（ブログ用・SNS色変更）　--------------------　*/
.fs-snsbutton-color1 .twitter-btn-icon,.fs-snsbutton-color1 .facebook-btn-icon,.fs-snsbutton-color1 .line-btn-icon {
background-color:#F2EBE2;
}

.fs-snsbutton-color1 li a{
color:#B58D55;
}


/*　--------------------　ページャー　--------------------　*/
div .ccm-pagination{
margin-top: 1rem;
}
div.ccm-pagination span.ccm-page-left, div.ccm-pagination span.ccm-page-right{
top: 0.5rem!important;
}
#pagination .currentPage  strong{
background-color: #000000!important;
color: #ffffff!important;
}
#pagination .numbers {
margin-right: 0.6rem;
}
#pagination .numbers a, #pagination .numbers strong{
font-family: 'Roboto', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;
background-color: #666666;
padding: 0.5rem 1rem;
display: inline-block;
}
/*　--------------------　マルチイメージのポインター無　--------------------　*/
.cuosor {
pointer-events: none ;
cursor: default ;
}
/*　--------------------　telリンク - スマホ版のみ　--------------------　*/
@media screen and (min-width: 768px) {
a[href^="tel:"] {pointer-events: none;}
}
@media screen and (min-width: 480px) {
.tel_splink {pointer-events: none;}
}


/*　———　タブレット縦のみ改行なし　———　*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
.ipd-br-none br {display:none;}
}
/*　———　タブレット横改行あり　———　*/
@media only screen and (min-width: 1023px){
.tb-br br {display:none!important;}
.tb-brOB {display:none!important;}
}
/*　———　タブレット横時改行なし　———　*/
@media only screen and (max-width: 1024px){
.tb-br-none br {display:none!important;}
.tb-br-noneOB {display:none!important;}
}
/*　———　タブレット縦改行あり　———　*/
@media only screen and (min-width: 834px){
.tbC-br br {display:none!important;}
.tbC-brOB {display:none!important;}
}
/*　———　タブレット縦時改行なし　———　*/
@media only screen and (max-width: 835px){
.tbC-br-none br {display:none!important;}
.tbC-br-noneOB {display:none!important;}
}

/*　———　スマホ時改行なし　———　*/
@media screen and (max-width: 480px){
.sp-br-none br {display:none;}
.sp-br-noneOB {display:none;}
}
/*　———　スマホ時改行あり　———　*/
@media only screen and (min-width: 769px){
.sp-br br {display:none;}
.sp-brOB br {display:none;}
}



/*　--------------------　タブレット横時スクロール　--------------------　*/
@media screen and (max-width: 1024px) {
.tb-bg-scroll{background-attachment: scroll!important; }
}
/*　--------------------　その他　--------------------　*/
a {
text-decoration:none;
}
h1 , h2 , h3 {
margin: 0px 0px 0px 0px;
padding: 0px 0px;
margin-top: 0px;
font-weight: normal;
}
.hover-opacity:hover{
opacity: 0.8;
transition:0.6s;
}
.hover-opacity-img:hover {
opacity:0.7;
transition:0.6s;
}
.cuosor {
pointer-events: none ;
cursor: default ;
}
/*　box-shadow　*/
.boxshadow_20 {box-shadow: 0px 0px 4px 4px rgba(0,0,0,.10);}
.boxshadow_50 {box-shadow: 4px 4px 6px 0 rgba(0,0,0,.5);}
.boxshadow_90 {box-shadow: 4px 4px 6px 0 rgba(0,0,0,.9);}
/*　--------------------　トップボタン　--------------------　*/
/*　ボタンline-height　*/
.btn-detail .fs_btn_text {
line-height: 1.6;
}
/*　ピックアップボタン　*/
.btn_pickup .fs_btn_text_main {
letter-spacing: 0.2rem;
font-size:1.2rem;
}
.btn_pickup .fs_btn_text_sub {
font-size:0.8rem;
font-weight: bold;
}
.btn_pickup  .fs_btn {
background-color: rgba(33,33,33,0.5);
}
.btn_pickup .fs_btn:hover{
background-color: rgba(33,33,33,0.05);
}
/*　ページトップボタン　*/
.pagetop_btm{
position: fixed;
z-index: 20;
bottom: 0;
right: 0;
}
.pagetop_btm .fs_btn{
line-height: 1.6;
}
.pagetop_btm_sp {
background-color: rgba(0, 70, 150, 0.7);
}
@media screen and (max-width: 480px){
.pagetop_btm_sp{
background-color:transparent;
}

}



/*　店舗追従ボタン　*/
.shop_btm
{
position: fixed;
z-index: 20;
bottom: 3rem;
right: 0;
}
.shop_btm .fs_btn{
line-height: 1.6;
}
.shop_btm_sp {
background-color:#E0D0BC;
bottom: 4rem;
}

@media screen and (min-width: 498px){.shop_btm_sp {bottom: 0rem; right:10rem;}}

html {
scroll-padding-top: var(--global-header-height);
}

#MainContents {
padding-top: var(--global-header-height);
}


.body-pt008 .shop_btm , .body-pt008 .pink_btn , .body-pt008 .green_btn ,
.body-pt009 .shop_btm , .body-pt009 .pink_btn , .body-pt009 .green_btn { display:none; }

.body-pt008 .shop_btm_sp { display:none;}
.body-pt009 .shop_btm_sp { display:none;}

@media screen and (max-width: 480px){
.shop_btm .fs_btn{
width:74%
}
.shop_btm{
left: 0;
z-index: 19;
text-align:left!important;
}
.shop_btm_sp {
background-color:transparent;
bottom: 0rem;
}
}



/*　--------------------　Google font　--------------------　*/
.googlefont {font-family: 'EB Garamond', 游ゴシック Medium,Yu Gothic Medium,游ゴシック体,YuGothic,sans-serif;}

/* cyrillic-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ebgaramond/v26/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkCY9_S6w.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ebgaramond/v26/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkAI9_S6w.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ebgaramond/v26/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkCI9_S6w.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ebgaramond/v26/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkB49_S6w.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ebgaramond/v26/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkC49_S6w.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ebgaramond/v26/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkCo9_S6w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'EB Garamond';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ebgaramond/v26/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RkBI9_.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* vietnamese */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/josefinsans/v25/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_DjQbMlhLzTs.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/josefinsans/v25/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_DjQbMhhLzTs.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Josefin Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/josefinsans/v25/Qw3PZQNVED7rKGKxtqIqX5E-AVSJrOCfjY46_DjQbMZhLw.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}





/*　==============================00)etc==============================　*/


.txcl-A{color:#231815;}
.txcl-B{color:#B58D55;}
.txcl-C{color:#F2EBE2;}
.txcl-D{color:#06C755;}
.txcl-W{color:#fff;}



.bgcl-A{background-color:#231815;}
.bgcl-B{background-color:#B58D55;}
.bgcl-C{background-color:#F2EBE2;}
.bgcl-D{background-color:#FAF7F4;}
.bgcl-E{background-color:#06C755;}
.bgcl-W{background-color:#fff;}



.rgba-white{background-color:rgba(255,255,255,0.7);}
.rgba-black{background-color:rgba(0,0,0,0.7);}




.fdbg-grd {
  background: -moz-linear-gradient(top,#f2f2f2, #FFF)!important;
  background: -webkit-linear-gradient(top,#f2f2f2, #FFF)!important;
  background: linear-gradient(to bottom, #f2f2f2, #FFF)!important;
}

.fd-list{width: 100%; vertical-align: top; text-align:left; font-weight: bold; letter-spacing: 0.1rem;}
.fd-list li dl{display:flex; flex-direction:row; padding: 0rem 0rem 0.5rem 0rem;}

.fd-list-a{ width: 20%; }
.fd-list-b{ width: 20%; }
.fd-list-c{ width: 20%; }
.fd-list-d{ width: 20%; }

@media screen and (max-width: 968px) {
.fd-list li dl {display:flex; flex-direction:column; }
.fd-list li dl dt{padding: 1rem 0rem 1rem 1rem; box-sizing:border-box;}
.fd-list-a{width: 100%; }
.fd-list-b{width: 100%; background-color:#FAF7F4;}
.fd-list-c{width: 100%; }
.fd-list-d{width: 100%;background-color:#FAF7F4;}
}





/* === 追加ここから(fujisada) === */
/* スマホの場合切り抜きキャンセル ここから */
@media screen and (max-width: 480px) {
.pipe_layout .ccm-layout-row .ccm-layout-cell svg image {
    clip-path: none;/* svgの切り抜き止める */
}
}
/* スマホの場合切り抜きキャンセル ここまで */

/* スマホの場合左右入れ替え ここから */
@media screen and (max-width: 480px) {
.pipe_layout_center .ccm-layout-row {
  display:flex;
  flex-direction: column;/* 縦並び */
}
.pipe_layout_center .ccm-layout-row .ccm-layout-cell:nth-child(1) {
    order: 2;
}
.pipe_layout_center .ccm-layout-row .ccm-layout-cell:nth-child(2) {
    order: 1;
}
}
/* スマホの場合左右入れ替え ここまで */


.slick-prev:before, .slick-next:before {color: #B58D55; font-size: 35px;}


.manual_banner{padding:5rem; }
.manual_banner img{width:40%;}
@media screen and (max-width: 498px) {
.manual_banner{padding:5rem 2rem;}
.manual_banner img{width:100%;}
}


#archiveBoxesC3 .archiveEachBox {
    margin-right: 1%;
    margin-bottom: 2rem;
    width: 28%;
    float: left;
padding: 2%;
    background: #fff;
    text-align: left;
}



@media screen and (max-width: 498px){
#archiveBoxesC3 .archiveEachBox {
    margin-right: 0px;
    width: auto!important;
padding: 2rem;
}}


#archiveBoxesC3 .archiveEachBox .eachArticle h3.post-title {
    font-size: 1rem;
    margin-bottom: 0.3em;
    padding-top: 1rem;
    font-weight: bold;
}

@media screen and (min-width: 1080px) {
h3.post-title  {  
	width: 275px!important;  
	white-space: nowrap;  
	overflow: hidden;  
	text-overflow: ellipsis;  
}
}
@media screen and (min-width: 768px) {
h3.post-title  {  
	width: 200px;  
	white-space: nowrap;  
	overflow: hidden;  
	text-overflow: ellipsis;  
}
}


/*　==============================01)home==============================　*/


/*　==============================　よくある質問　==============================　*/
.qa-contents-list{border-top: 1px solid #cccccc; margin: 0rem 2rem;}
.qa-contents-list details{max-height:15rem; transition: all 1000ms;}
.qa-contents-list details:not[open]{max-height:10rem; transition: all 1000ms;}
.qa-contents-list details[open]{max-height:60rem; transition: all 1000ms;}
.qa-contents-list details[open] summary{background-color:#F2F2F4;}
.qa-contents-list summary{font-weight: bold; font-size: 1.1rem; letter-spacing: 0.05rem; padding: 2rem 0rem 2rem 2rem;}
.qa-contents-list p{padding: 2rem 0rem 2rem 2rem;}

.qa-contents-list summary {position: relative; display: block;  padding-left: 20px; cursor: pointer;}
.qa-contents-list summary::-webkit-details-marker {display:none;}
.qa-contents-list summary:before {font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f055"; font-size:1.7rem; color:#C3A478; margin: auto; position: absolute; top: 30%; right: 2rem;}
.qa-contents-list details[open] summary:before{transform: rotate(90deg);  color:#B58D55; transition: all 0.3s;}
.qa-contents-list details:not[open] summary:before{transform: rotate(90deg);  color:#C3A478; transition: all 0.3s;}
@media screen and (max-width: 498px) {
.qa-contents-list summary{padding: 2rem 2rem 2rem 0rem;   padding-left: 0px;}
.qa-contents-list summary:before {right: -1rem;}
}


.fstbiw_pd{padding:8rem 10vh 8rem 25vh}

@media screen and (max-width: 1400px) {.fstbiw_pd {padding: 8rem 10vh 8rem 15vh;}}
@media screen and (max-width: 1200px) {.fstbiw_pd {padding: 8rem 10vh 8rem 10vh;}}
@media screen and (max-width: 1100px) {.fstbiw_pd {padding: 8rem 5vh 8rem 5vh;}}

@media screen and (max-width: 820px) {.fstbiw_pd{padding:10vh 2rem 10vh 2rem;}}
@media screen and (max-width: 498px) {.fstbiw_pd{padding:2rem;}}

.home_bggrd_black::before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
inset: 0;
background: #F2EBE2;
z-index: -1;
}

.home_bggrd_black{/*background: linear-gradient(25deg, #9D8FA9, #fff2f2,#00043A); */
position:relative;
}

.home_bggrd_white{
  background: linear-gradient(to right, #eef4f6, #fff4e6);}

.ttl_span_w {
background: #fff;
  padding: 1rem;
  border-radius:5px;
 color:#231815;
width:500px;}
.ttl_span_w li{border-bottom: 2px solid #e5e5e5;}
.ttl_span_w i{color:#937bb8 !important ;}

@media screen and (max-width: 1080px) {.ttl_span_w {width:auto;}}

/*.home_ttl_tate{line-height: 1; display: flex; position: absolute; top: 0; right: 5rem; font-size: 3rem; z-index: -1;}
.home_ttl_tate span{display: block; width: 1em; order: 2;  overflow-y:visible; word-break: break-word; margin: 0 0.5rem;}
.home_ttl_tate span:last-of-type{display: block; width: 1em; order: 1;}*/

.home_ttl_tate {
line-height: 1.5;
display: flex;
position: absolute;
top: 0;
right: 5rem;
font-size: 2.5rem;
z-index: -1;
writing-mode: vertical-rl;
white-space: nowrap;
text-align: start;
}
.home_ttl_tate ::first-line {font-size: 1rem !important;}

@media screen and (max-width: 1670px) {
.home_ttl_tate {display:none;}}

/*.home_ttl_tate_L{line-height: 1; display: flex; position: absolute; top: 0; left: 5rem; font-size: 2.5rem; z-index: -1;}
.home_ttl_tate_L span{display: block; width: 1em; order: 2;  overflow-y:visible; word-break: break-word; margin: 0 0.5rem;}
.home_ttl_tate_L span:last-of-type{display: block; width: 1em; order: 1;}*/

.home_ttl_tate_L {
line-height: 1.5;
display: flex;
position: absolute;
top: 0;
left: 5rem;
font-size: 2.5rem;
z-index: -1;
writing-mode: vertical-rl;
white-space: nowrap;
text-align: start;
line-width:2rem;
}
.home_ttl_tate_L ::first-line {font-size: 1rem !important;}


@media screen and (max-width: 1670px) {
.home_ttl_tate_L {display:none;}}


.home_point{ width: 100%; vertical-align: top; text-align:left; }
.home_point ul{display:flex; flex-direction:row!important; padding:2rem 2rem 0rem 2rem;}
.home_point li:nth-child(1){font-size: 3rem; color:#B58D55;}
.home_point li:nth-child(2){padding:1rem 0rem 0rem 1rem;}
.home_point span{color:#B58D55; font-size: 2rem; letter-spacing: 0.1rem; }


/* === 他社比較 1=== */

.home-hikaku-tb{width:100%; text-align:center; vertical-align: top ;}
.home-hikaku-tb tr td{  display: table-cell;  vertical-align: middle;}
.home-hikaku-tb :nth-child(3) td{border:none;}
.home-hikaku-tb span{background: linear-gradient(transparent 0%, #666 0%);
  padding: 0.5rem 1rem  0.5rem 1rem ;
 color:#FFFFFF;}

.home-hikaku-tbA{width:50%;border-bottom: 2px solid #e5e5e5; padding:1rem 0.5rem;}
.home-hikaku-tbB{width:50%;border-bottom: 2px solid #666;  padding:1rem;}

/* === 他社比較 2=== */
.home-hikaku2-tb{width: 100%; text-align:center; vertical-align: top;}
.home-hikaku2-tb tr{border-bottom: 2px solid #e5e5e5; padding: 1rem 0.5rem 1rem 0.5rem;}

.home-hikaku2-tbA {width: 25%; background-color:#B58D55; color:#fff;}
.home-hikaku2-tbB {width: 25%;}
.home-hikaku2-tbC {width: 25%;}
.home-hikaku2-tbD {width: 25%;}


.home_ttl_span span{
background: linear-gradient(transparent 0%, #B58D55 0%);
  padding: 0.8rem 2rem  0.8rem 2rem ;
  border-radius: 10px 10px 10px 10px;
 color:#FFFFFF;}


/* === フリップカード=== */
/* カード本体 */
.card {
  width: 100%; /* 任意の横幅を指定 */
  position: relative;
  cursor: pointer;
  padding: 5rem 0 5rem 0;

 -webkit-perspective: 500px;
  perspective: 500px;
}

/* 擬似要素とpadding-topでカードの高さを指定 */
.card::before {
  content: "";
  display: block;
}

/* カード内の画像 */
.card img {
  width: 100%;
}

/* カード裏面・表面の共通スタイル */
.card .back,
.card .front {
  transition: all 0.6s;
  position: absolute;
  left: 0;
  top: 0;
  height: auto;
  width: 100%;
  backface-visibility: hidden;
 display: grid!important;

  place-items: center!important;
  -webkit-backface-visibility: hidden;
}
.front {text-align: left;
}

/* カード表面のスタイル */
.card .front {
  transform: rotateY(-180deg);
}

/* ホバー時のカード裏面 */
.card:hover .back {
  transform: rotateY(180deg);
}

/* ホバー時のカード表面 */
.card:hover .front {
  transform: rotateY(0);
}

.card-pd{  padding:5rem 2rem 5rem 2rem ;
color:#fff;}




.back-ttl{background: linear-gradient(transparent 0%, #B58D55 0%);
  padding: 0.5rem 2rem  0.5rem 2rem ;
  border-radius: 10px 10px 10px 10px;
 color:#FFFFFF;
font-size:1rem;
margin-top:1rem;}



.home_bgclD{ position:relative;}

.home_bgclD::before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
inset: 0;
background: linear-gradient(25deg, #eef4f6, #fff4e6);
z-index: -1;
}

.home_bgclW{ position:relative;}

.home_bgclW::before {
content: "";
position: absolute;
display: block;
width: 100%;
height: 100%;
inset: 0;
background:#fff;
z-index: -1;
}



.txt_90deg {
display: inline-block;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}


/*.top_line_right{background :linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 90%, #fff 90%, #fff 100%)}*/
@media screen and (max-width: 498px){
.top_line_right{background :none;}
}

.top_btn_vr{
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}


.bg-img-box{ position:relative;}
.bg-img-box:before {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(-45deg, #b9dcf2 0%, #fffbaf 100% );
    transform: translate3d(0px, 20px, 0) scale(0.95);
    filter: blur(20px);
    opacity: var(0.7);
    transition: opacity 0.3s;
    border-radius: inherit;
}

/* 
* Prevents issues when the parent creates a 
* stacking context. (For example, using the transform
* property )
*/
.bg-img-box::after {
    content: "";
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: inherit;
    border-radius: inherit;
}


.about_imgpd{padding:3rem 0rem 7rem 20vh;}
@media screen and (max-width: 498px) { 
.about_imgpd{padding:3rem 0rem 7rem 0rem; }
.about_imgpd .slick-prev:before, .about_imgpd .slick-next:before{display:none!important;}}


@media screen and (min-width: 1670px){
.home_catch_mc {display:none;}
}

@media screen and (max-width: 1870px){
.home_img_mc {display:none;}
}


.top-hkk_ttlB-tb {background-color: #B58D55; color: #fff; padding: 1rem 0.5rem 1rem 0.5rem; width: 23%;  }
.top-hkk_ttlC-tb {background-color: #666666; color: #fff; padding: 1rem 0.5rem 1rem 0.5rem; width: 23%;  }
.top-hkk_ttlD-tb {background-color: #666666; color: #fff; padding: 1rem 0.5rem 1rem 0.5rem; width: 23%;  }



.home_hkk_pd{padding:0 5rem 1rem 5rem ;}
@media screen and (max-width: 498px) {
.home_hkk_pd{padding:0 2rem 1rem 2rem ;}
}





/*　==============================02)new==============================　*/





/*　==============================03)price==============================　*/
.price_money{display:flex;  justify-content:space-between;}
.price_money span{background: linear-gradient(transparent 0%, #B58D55 0%);
  padding: 0.8rem 1rem  0.8rem 1rem ;
  border-radius: 10px 10px 10px 10px;
 color:#FFFFFF;
font-size:0.8rem;
margin-top: -0.25rem;
    display: block;}


.bfaf_none :before{display:none;}
.bfaf_none :after{display:none;}

.fa-circle:before{
margin-right:0.5rem;
}

.preview_none{
display:none;
}


.lesson_feature .deco{
      background: linear-gradient(transparent 40%, #f2ebe2);
      display: inline-block;
}
.cp_line_btn img{
width:100%;
}
.price_tb th{
background-color:#B58D55;
color:#fff;
text-align:left;
}
.price_tb th:first-child{
width:40%;

}
.price_tb th:nth-child(2){
width:30%;
}
.monthly_plan .price_tb th:nth-child(1){
text-align:center;
}
.monthly_plan .price_tb th:nth-child(2){
background-color:#73a1df;
text-align:center;
}
.price_tb th:nth-child(3){
width:30%;
}
.monthly_plan .price_tb th:nth-child(3){
background-color:#f53248;
text-align:center;
}
.monthly_plan .price_tb td{
text-align:center!important;
}
.price_tb{
background-color:#fff;
}
.price_tb .price{
text-align:right;
}
.price_tb .price span{
font-size:1rem;
}
.price_tb td:first-child{

}
/* table02 */
.price_tb th, .price_tb td {
  text-align: left;
  padding: 0.5rem;
border-bottom:1px #e7e7e7 solid;
vertical-align:middle;
}
.personal_lesson_sp img{
border-radius:1rem;
}
/* tab */
@media only screen and (min-width: 500px) {
.personal_lesson_sp{
display:none;
}
}
@media only screen and (max-width: 500px) {
.personal_lesson_pc{
display:none;
}
.price_tb th:first-child{
width:40%;

}
.price_tb th:nth-child(2){
width:30%;
}
.price_tb th:nth-child(3){
width:30%;
}
}
/*　==============================04)operation==============================　*/
.slick-slide{margin:2px;}

.kiji_ttl_tag {
	display: table;
  padding: 0.8rem 2rem  0.8rem 2rem ;
	line-height: 1;
	text-decoration: none;
	color:  #fff;
	background-color:#B58D55;
  border-radius: 10px ;
}


.tk_kiji_ttl {
    font-size: 1.2rem;
}

.opr-aspect-block img{
  background: #ccc;
  width: 50vw;
  aspect-ratio: 4 / 2.5;
object-fit: cover;
}

@media screen and (max-width: 498px){
.opr-aspect-block img{
  width: 100%;
  aspect-ratio: 4 / 3;
}}



/*　--------------------　ボックス　--------------------　*/
.oprtn_check {
display:inline-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center !important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;

}
.oprtn_check li {
display: -webkit-inline-flex;
display: -moz-inline-flex;
display: -ms-inline-flex;
display: -o-inline-flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-self: stretch;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content:start;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 1rem 1rem;
margin: 0rem 2px 4px 2px;
width: calc(35% - 10px);
background-color: rgba(255,255,255,1.00);
box-shadow: 0px 0px 2px 0px rgba(150,150,150,0.1);
}
@media screen and (max-width: 768px) {
.oprtn_check li{
width: calc(100% - 4px);
margin: 0rem 2px 4px 2px;
padding: 0.8rem 1rem;
}
}

/*　==============================04-1)施術事例==============================　*/
#pagination .numbers a
{background-color: #B58D55;
color: #ffffff;
}

#pagination .currentPage strong {
    background-color: #C3A478!important;
    color: #ffffff!important;
}

/*　==============================05)voice==============================　*/



.real_voice li:last-child {
 background:#ffffff;
}
.real_voice li:last-child p{
padding:2rem; font-size:0.85rem;
}

.voice-list{width: 100%; vertical-align: top; text-align:left;  letter-spacing: 0.1rem; background-color:#fff; word-break: break-all;}
.voice-list li dl{display:flex; flex-direction:row;  padding:2rem; }

.voice-list-a{width:100%; padding:0 0 0 1rem; font-weight: bold;}
.voice-list-a span{color:#B58D55; display:flex;  justify-content:flex-end; font-size:1.2rem;}
.voice-list-b{font-weight:none;}
.voice-list img{width: 120px; height:auto;}

/*　お客様の声ページ,css　*/
.body-pt002 .voice-list {
margin:0rem;
}

.body-pt002 .voice-list dl {
display: -webkit-box;
display: -moz-box;  
display: -ms-flexbox; 
display: -webkit-flex; 
width:auto;
}

.voice_wrapper{
display:flex;
flex-wrap:wrap;
margin:auto 0;
justify-content: space-between;
}

.voice_wrapper .voice-list{
width:49%;
margin-bottom:1.5rem;
}
.voice_wrapper .voice-list:last-child,  .voice_wrapper .voice-list:nth-last-of-type(2){
margin-bottom:0rem;
}

@media screen and (max-width: 480px) { 
.voice_wrapper .voice-list{
width:100%;
flex-wrap:nowrap;
}
.voice-list:nth-last-of-type(2){
margin-bottom:1.5rem!important;
}
}


.voice-slider .slick-track {
display: flex !important;
}

.voice-slider .slick-initialized .slick-slide {
display: flex;
align-items: stretch;
height: 100%;
}

.voice-slider .slick-slide {
height: auto !important;
}

.voice-slider .slick-slide > div {
height: 100% !important;
}

.voice-slider .slick-slide > div > li {
height: 100% !important;
background: #fff !important;
display: flex;
}


.voice-box div { display: flex!important;}
.voice-box li{ align-items: stretch!important;
    display: block!important;
    background-color: #fff;
    margin: 0 5px;}
.voice-box p{ font-size:0.8rem; padding:1rem; }

@media screen and (max-width: 498px) {
.voice-box {width:calc(100% -4rem );padding:0 2rem;}}

@media screen and (min-width: 1201px) {.voice-slider{width: 1200px;
    margin: auto;}}

/*　Google口コミのギャラリー　*/
.spotlight-group .image{background-position: top left!important;}
.spotlight-group .image:before{content:'タップで詳細'; position:relative;
top:1.75vw; left:71%; background:#B58D55; font-size:0.85rem; color: #ffffff; border-radius:5px; padding: 0.5rem;}
@media screen and (max-width: 1560px){
.spotlight-group .image:before{top:1.5vw; left:65%;}
}
@media screen and (max-width: 1240px){
.spotlight-group .image:before{top:1.5vw; left:60%;}
}
@media screen and (max-width: 1024px){
.spotlight-group .image:before{top:1vw; left:57%;}
}
@media screen and (max-width: 920px){
.spotlight-group .image:before{top:1.25vw; left:52%;}
}
@media screen and (max-width: 768px){
.spotlight-group .image:before{top:1.75vw; left:56%;}
}
@media screen and (max-width: 680px){
.spotlight-group .image:before{top:1.75vw; left:53%;}
}
@media screen and (max-width: 498px){
.spotlight-group li{width: 49%!important; margin: 0rem 1% 1% 0rem!important;}
.spotlight-group li:nth-child(2n){margin: 0rem 0% 2% 0rem!important;}
.spotlight-group .image:before{top:2vw; left:53%;}
}




/*　==============================06)shop==============================　*/

.fa-map-marker {
color:#EA7076;
margin-right:0.3rem;
}

.fa-play-circle{
color:#B58D55;
margin-left:0.3rem;
}

.stack_shoplist dl{
display:flex;
}

.stack_shoplist dt{
width:20%
}

.stack_shoplist dd{
width:80%
}
.shop_link{
display:flex;
justify-content:space-between;
}

.shop_reserve, .shop_reserve ul {
display:flex;
}

@media screen and (max-width: 820px){
.shop_link{
 display:block;
}
.shop_detail_click p{
text-align:right;
}
}

.shop_reserve{
margin-bottom:1rem;
}

.shop_reserve p{
margin-right:1rem;
}


.shop_detail_click p a{
color:#b58d55;
}

.stack_shoplist p:first-child, .stack_shoplist dl{
padding-bottom:1rem;
border-bottom: 2px solid #e5e5e5;
}

.stack_shoplist dl, .shop_link{
padding-top:1rem;
}

.stack_shoplist p:last-child{
border:none;
}



.ccm-layout-vertical-stretch .ccm-layout-row{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}

.ccm-layout-vertical-stretch .ccm-layout-row > .ccm-layout-cell{
float: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}

@media screen and (max-width: 498px){
.ccm-layout-vertical-stretch .ccm-layout-row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
}
}


/*　ページトップボタン　*/
.first_btm{
position: fixed;
z-index: 20;
top: 20rem;
right: 0;
}
.first_btm .fs_btn{
line-height: 1.6;
}
.first_btm_sp {
background-color: rgba(0, 70, 150, 0.7);
}

@media screen and (max-width: 498px){
.first_btm{top: 5rem;}
}

/*　==============================06-1)店舗詳細==============================　*/

/*　NEWOPEN　*/

h5 {
  position: relative;
  display: inline-block;
  margin: -3rem 0 0 -10px;
  border-radius: 0 100vh 100vh 0;
  padding: 1rem 2rem;
  color: #fff;
  background: #B58D55;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
}

h5:before {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 0;
  height: 0;
  content: '';
  border-top: 10px solid #680F20;
  border-left: 10px solid transparent;
}

.premium_tag img{width: 500px;}
@media screen and (max-width: 798px){
.premium_tag img{width: 500px;}}

@media screen and (max-width: 498px){
.premium_tag img{width: auto;}}





/*　スタッフ紹介　*/

.shop_staff_profile{
display:flex;
flex-direction:column;
align-items:stretch;
width:100%;
}


.profile_li2{width:100%; margin-bottom:1rem; background-color:#FAF7F4;}
.profile_li2 dt{padding:1rem; font-weight: bold; background-color:rgba(181, 141, 85, 1); color:#fff;}
.profile_li2 dd{padding:1rem 0;  border-bottom:2px solid #e5e5e5; font-size:0.8rem; margin:0 1rem;}
.profile_li2 dd:last-child{border-bottom:none;  padding:1rem 0 2rem 0;}

.profile_li3{width:100%; background-color:#FAF7F4;}
.profile_li3 dt{padding:1rem; font-weight: bold; background-color:rgba(181, 141, 85, 0.8); color:#fff;}
.profile_li3 dd{padding:1rem 0; border-bottom:2px solid #e5e5e5; font-size:0.8rem; margin:0 1rem;}
.profile_li3 dd:last-child{border-bottom:none; padding:1rem 0 2rem 0;}



.shop_staff_name{display:flex;
flex-direction:column;
width:100%;}

.shop_staff_name img{
width:100%; height:auto; padding-bottom:1rem;}

.shop_staff_li2 dt:nth-child(1){font-size:1.8rem}
.shop_staff_li2 dt:nth-child(2){padding-bottom:1rem;  border-bottom:2px solid #e5e5e5;}
.shop_staff_li2 dd{padding:1rem 0 0 0;}
/*　==============================07)qa==============================　*/





/*　==============================08)guide==============================　*/

.guide-img img{ width: 80px;
    margin: 0 auto;}


.vrus_iconbox {
 display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
    width: 100%;
 flex-wrap: nowrap;
align-content:stretch;
}

.vrus_iconbox div {
  width: 25%;
  padding: 2rem;
  margin: 5px;
  background:#F2EBE2;
}
@media screen and (max-width: 798px) { .vrus_iconbox div {    padding:2rem 0.5rem;}
}
@media screen and (max-width: 498px) { 
.vrus_iconbox { flex-wrap: wrap;}
.vrus_iconbox div {width: 43%;
}
} 

.vrus_iconbox img{text-align: justify;}

/*　==============================09)member==============================　*/
.bgcl_tone_left {
  background: linear-gradient(90deg, #FAF7F4 0%, #FAF7F4 75%, #fff 75%, #fff 100%);
}

.bgcl_tone_right {
  background: linear-gradient(90deg, #fff 0%, #fff2 35%, #FAF7F4 35%, #FAF7F4 100%);
}

.example_ttl span{
background: linear-gradient(transparent 0%, #B58D55 0%);
  padding: 0.8rem 2rem  0.8rem 2rem ;
  border-radius: 10px 10px 10px 10px;
 color:#FFFFFF;}


.mmb-pln-tb{width: 100%; text-align:center; vertical-align: top ;}
.mmb-pln-tb tr{border-bottom: 2px solid #e5e5e5; }
.mmb-pln-tb tr td{display: table-cell;  vertical-align: middle; }
.mmb-plnttlA-tb {background-color: #B58D55; color: #fff; padding: 1rem 0.5rem 1rem 0.5rem; width: 29%; text-align:left; }
.mmb-plnttlB-tb {background-color: #43b292; color: #fff; padding: 1rem 0.5rem 1rem 0.5rem; width: 23%;  }
.mmb-plnttlC-tb {background-color: #937bb8; color: #fff; padding: 1rem 0.5rem 1rem 0.5rem; width: 23%;  }
.mmb-plnttlD-tb {background-color: #ea7076; color: #fff; padding: 1rem 0.5rem 1rem 0.5rem; width: 23%;  }

.mmb-plnttlE-tb {background-color: #8295f5; color: #fff; padding: 1rem 0.5rem 1rem 0.5rem; width:35%;  }
.mmb-plnttlF-tb {background-color: #efa732; color: #fff; padding: 1rem 0.5rem 1rem 0.5rem; width:35%;  }


.mmb-plntb-1{padding: 1rem 2rem 1rem 2rem; width: 29%;  text-align:left;  background-color: #f4f4f4; }
.mmb-plntb-2{padding: 1rem 2rem 1rem 2rem; width: 23%;  background-color: #fff;}
.mmb-plntb-3{padding: 1rem 2rem 1rem 2rem; width: 23%;  background-color: #fff;}
.mmb-plntb-4{padding: 1rem 2rem 1rem 2rem; width: 23% ; background-color: #fff;}

.mmb-plntb-5{padding: 1rem 2rem 1rem 2rem; width: 35% ; background-color: #fff;}
.mmb-plntb-6{padding: 1rem 2rem 1rem 2rem; width: 35%;  background-color: #fff;}

.tb1 tr:first-child td:first-child {border: none;}

@media screen and (max-width: 698px){
.mmb-plntb-1{padding: 1rem 0.5rem 1rem 0.5rem;   text-align:left; }
.mmb-plntb-2{padding: 1rem 0.5rem 1rem 0.5rem; }
.mmb-plntb-3{padding: 1rem 0.5rem 1rem 0.5rem; }
.mmb-plntb-4{padding: 1rem 0.5rem 1rem 0.5rem; }

.mmb-plntb-5{padding: 1rem 0.5rem 1rem 0.5rem;  }
.mmb-plntb-6{padding: 1rem 0.5rem 1rem 0.5rem; }
}

.member_flow{ background-color:#F2EBE2; padding:1.5rem; width:650px; height:auto; margin:auto; text-align:center;}
@media screen and (max-width: 698px){.member_flow{ width:100%; height:auto;  padding:1rem 0;}}

.miryoku_img{padding-top:10rem;}
@media screen and (max-width: 498px){.miryoku_img{padding-top:5rem;}}


/*　==============================10)recruite==============================　*/

.rec_box_local{width:300px;height:auto; position: relative; right: 0;}

.rec_mgtop1{margin: -3rem 2rem 0rem 2rem; padding:5rem;}
@media screen and (max-width: 498px) { 
.rec_mgtop1{margin: 0rem; padding:5rem 2rem 5rem 2rem;}
}

.take_name_grd{width:70%;
padding:1rem 3rem;
 background-image: linear-gradient( to right,  rgba(255, 255, 255, 0.9) 60%,rgba(255, 255, 255, 0));
}

.rec_grtng{background-color:rgba(255, 255, 255, 0); padding:5rem 2rem 0rem 2rem ;}
@media screen and (max-width: 498px) { 
.rec_grtng{background-color:#fff; padding:5rem 2rem 5rem 2rem ;}
}

.rec_miryoku_box{margin:5px;}

.staff_cmnt_q1{ font-size:1rem; padding:0 0 1rem 0; font-weight: bold;  border-bottom:1px dotted #B58D55;
}


.mmb_tag span{ background-color:#F2EBE2; padding:1rem; color:#B58D55;}



/*　==============================11)franchise==============================　*/


.franchis_btn{color:#B58D55; letter-spacing: 0.1rem;
padding: 1rem 0rem;
font-weight:bold; border-bottom:2px dotted #B58D55; letter-spacing: 0.05rem;
font-size:1rem;}

.frc_mgtop1{margin: -15rem 2rem 0rem 2rem; padding:5rem;}
.frc_mgtop1-2{padding:0rem 0rem 5rem 0rem;}
.frc_mgtop2{margin: -3rem 2rem 0rem 2rem; padding:5rem;}
.frc_mgtop3{margin: 0rem 2rem 0rem 2rem; padding:5rem;}
.frc_mgtop4{padding:5rem; margin: 0rem 2rem 0rem 2rem; }

.frc_space_pd{padding:15rem 0 30vh 0;}
.frc-datebox{height: 25vh; margin:5px; padding:2rem 1rem 2rem 1rem ;}
@media screen and (max-width: 498px) { 
.frc_mgtop1{margin: 0rem 1rem 0rem 1rem; padding:5rem 2rem;}
.frc_mgtop1-2{padding:5rem 0rem 5rem 0rem;}
.frc_mgtop2 {margin: 0rem 1rem 0rem 1rem; padding:2rem;}
.frc_mgtop3{margin: 0rem 1rem 0rem 1rem; padding:2rem;}
.frc_mgtop4{padding:5rem 2rem; margin: 0rem 1rem 0rem 1rem; }

.frc_space_pd{padding:5rem 0 5rem 0;}
.frc-datebox{height: auto;}
}


.frc_point_bg{
background-color:#B58D55;
  padding: 0.8rem 2rem  0.8rem 2rem ;
  border-radius: 10px 10px 10px 10px;
 color:#FFFFFF;}

.delivery_list li {
	list-style-type: disc;/* リストの左側に黒丸 */
	margin-left: 24px;/* リストの左側に余白 */
	text-align: left;
}


/*　比較表　*/

.frc-pln-tb{width: 100%; text-align:left; vertical-align: top ;}
.frc-pln-tb tr{border-bottom: 2px solid #e5e5e5; }
.frc-pln-tb tr td{display: table-cell;  vertical-align: middle; }

.frc-cpr-tbA {background-color: #B58D55; color: #fff; padding: 1rem 0.5rem 1rem 0.5rem; width:35%;  }
.frc-cpr-tbB {background-color: #937bb8; color: #fff; padding: 1rem 0.5rem 1rem 0.5rem; width:35%;  }

.frc-cprtb-1{padding: 1rem; width: 8%;  text-align:left;  background-color: #f4f4f4; }
.frc-cprtb-2{padding: 1rem; width: 52% ; background-color: #fafafa;}
.frc-cprtb-3{padding: 1rem; width: 52%;  background-color: #fafafa;}



.frc_cmnt_box_W{ background-color: #ffffff;
border-radius: 0.5rem;
padding: 1rem 1rem 1rem 1rem;
margin: 0 5px 2rem 5px;
font-weight: bold;}



.frc_staff_mg{margin:2rem 0;}
@media screen and (max-width: 498px) { 
.frc_staff_mg{margin:0;}}


.fs_slideshow_slick .buttons{
display:none;}
.fs_slideshow_slick .slide{margin:0;}

.fs_slideshow_slick .slick-prev:before, .fs_slideshow_slick .slick-next:before{
color: #B58D55;
}

.fs_slideshow_slick .slick-prev:before, .fs_slideshow_slick .slick-next:after{
color: #B58D55;
}


.frcs_point_box {
  display: flex;
  width: auto;
  padding: 1rem ;
}
 
.frcs_point_box div {
  width: 33.3%;
  padding: 2rem 1rem;
  margin: 5px;
  background: #F2EBE2;
}

@media screen and (max-width: 498px) { 
.frcs_point_box{flex-flow: column wrap;}
.frcs_point_box div {  width:auto;}}

.tishiki_box {
  display: flex;
 width: 100%;
flex-wrap: wrap;
justify-content: center;
}
 
.tishiki_box div{
  width: 29%;
  padding: 2rem 1rem;
  margin: 5px;
  background: #fff;
}

.tishiki_box a:hover{
opacity: 0.85;
transition:0.6s;
}

.tishiki_img img{width:30px; margin:0 auto; padding:0 0 1rem 0 ;}
@media screen and (max-width: 798px) {
.tishiki_box div{
  width: 40%;} 
}
@media screen and (max-width: 498px) { 
/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

.tishiki_box {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
}
.tishiki_box div {
width: calc(100% - 10px);
-webkit-box-sizing: border-box;
        box-sizing: border-box;
}}

.jsDivInnerLink01{
cursor: pointer;
}

/*　==============================インタビュー用矢印==============================　*/
.slide_carousel_ct .thumb-item-nav {
    display: none;
}
/*
.slide_carousel_ct{
position: relative;
}
.slide_carousel_ct .thumb-item-nav {
display: block;
position: absolute;
inset: 0;
}
.slide_carousel_ct .thumb-item-nav .slick-list{
visibility: hidden;
pointer-event: none;
}
.slide_carousel_ct .slick-dots{
display:none!important;
}
*/
@media screen and (max-width: 820px) { 
.slide_carousel_ct .slick-prev{
margin-left:-15px;
}
.slide_carousel_ct .slick-next{
margin-right:-15px;
}
}


/*　==============================各店舗テンプレート==============================　*/

.shop_information_wrapper dl {
display:flex;
}

.shop_information_wrapper dt{
width:35%
}

.shop_information_wrapper dd{
width:65%
}

.map_btn {
text-align:right;
}

.shop_information_wrapper  p a {
background-color:#B58D55;
padding:0.5rem 1.5rem;
color:#fff!important;
}

.map_btn{
margin-bottom:0.5rem;
}


.shop_information_wrapper ul{
display:flex;
}

/*　=========スタッフ情報=========　*/
.shop_wrapper {
margin:3rem 5rem 3rem 2rem;
}

@media screen and (max-width: 820px) { 
.shop_wrapper {
margin:3rem 0rem 3rem 0rem;
}
}

.staff_qualification li ,  .staff_career li{
margin-bottom:0.5rem;
}
.staff_qualification li:last-child {
margin-bottom:0rem;
}
.staff_career dt{
font-weight:bold;
}

.staff_pic {
padding-top:28rem;
}

p .management{
background-color:#B58D55;
padding:0.2rem;
line-height: 2rem;
}

.name_gra{
 background-image: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(0, 0, 0, 1));
}

.access_wrapper{
padding:0rem 10rem;
}
@media screen and (max-width: 820px) { 
.access_wrapper{
padding:0rem 0rem;
}
}

/*-- start - #globa_header --*/
:root {
  --global-header-height: 100px;
  --global-header-height-sp: 70px;
  --menu-hamburger-width: 26px;
}

.menu_button_check {
  display: none;
}

#global_header {
/*  position: -webkit-sticky;
  position: sticky; */
position: fixed;
width: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  height: var(--global-header-height);
  padding: 0 2rem;
  box-sizing: border-box;
  background: #fff;
  color: rgb(35, 24, 21);
  z-index: 100;
}
#global_header_logo, #global_header_menu {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
          flex: 1;
}
#global_header_logo {
  z-index: 100;
  padding: 15px 0;
}
#global_header_logo img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: 150px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
}
#global_header_menu {
  z-index: 90;
}
#global_header_menu .menu {
  height: 100%;
}
#global_header_menu .menu nav {
  width: 100%;
  height: 100%;
}
#global_header_menu .menu nav > ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
          justify-content: flex-end;
  margin: 0 0 0 auto;
  height: 100%;
}
#global_header_menu .menu nav > ul > li {
  list-style: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
          align-items: stretch;
  height: 100%;
}
#global_header_menu .menu nav > ul > li > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
          align-items: center;
  padding: 1rem 1rem;
  white-space: nowrap;
  letter-spacing: -0.05em;
  color: #424242;
}
#global_header {
 /* position: relative; */
}
#global_header_menu .menu_button {
  display: none;
}

.menu_list_sub {
  position: absolute;
  background: #F2EBE2;
  top: 100%;
  left: 0;
  margin: 0 auto;
  width: 100%;
  padding: 2rem;
  opacity: 0;
  box-sizing: border-box;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.menu_list_sub.show {
  opacity: 1;
  pointer-events: auto;
}
.menu_list_sub a {
  display: block;
}
.menu_list_sub_back {
  display: none;
}
.menu_list_sub_container {
  width: auto;
  max-width: 100vw;
  margin: 0 auto;
  display: table;
}
.menu_list_sub_container_tl {
  display: none;
  font-weight: bold;
}
.menu_list_sub_parent.current > a {
  color: #b58d55 !important;
}
.menu_list_sub_parent > a {
  position: relative;
}
.menu_list_sub_parent > a::after {
  content: "";
  width: 5px;
  height: 5px;
  border-top: 1px solid currentColor;
  border-right: 1px solid currentColor;
  -webkit-transform: rotate(135deg) translateX(-50%);
          transform: rotate(135deg) translateX(-50%);
  -webkit-transform-origin: left center;
          transform-origin: left center;
  position: absolute;
  margin: auto 0;
  top: -100%;
  right: 0;
  bottom: -100%;
}
.menu_list_sub dl {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 150px;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  float: left;
  padding: 5px;
}
.menu_list_sub ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
          flex-direction: column;
  font-size: 0.9rem;
}
.menu_list_sub dt a {
  font-weight: bold;
  color: #231815;
}
.menu_list_sub dt a,
.menu_list_sub li a {
  text-align: left;
  padding: 0.25rem 1rem;
  color: #b58d55;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.menu_list_sub dt a:hover,
.menu_list_sub li a:hover {
  color: #231815;
}

@media screen and (max-width: 1200px) {
html {
scroll-padding-top:0;
}
#MainContents {
padding-top: 0;
}

  #global_header {
    height: var(--global-header-height-sp);
    padding: 0 2rem;
position: relative;
  }

#global_header .sp_none{
display: none;
}

  #global_header_logo {
    padding: 1.5rem 0;
    position: fixed;
    top: 0;
    left: 2rem;
    width: 150px;
    height: var(--global-header-height-sp);
    box-sizing: border-box;
  }
  #global_header_logo img {
    display: block;
    width: auto;
    height: 100%;
    max-width: 150px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: left;
       object-position: left;
  }
  #global_header_menu .menu {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: -100%;
    z-index: 80;
    background-color: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  #global_header_menu .menu nav > ul {
    padding-right: 0;
    -webkit-transform: translateX(0);
            transform: translateX(0);
    -webkit-transition: -webkit-transform 0.75s ease 0s;
    transition: -webkit-transform 0.75s ease 0s;
    transition: transform 0.75s ease 0s;
    transition: transform 0.75s ease 0s, -webkit-transform 0.75s ease 0s;
  }
  #global_header_menu .menu .active {
    padding-right: 2rem;
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  #global_header_menu .menu nav {
    overflow-y: auto;
    width: 100%;
    height: 100%;
    max-width: 500px;
    background: rgba(242, 235, 226, 0.96);
    padding: calc(var(--global-header-height-sp) + 1rem) 2rem 2rem;
    box-sizing: border-box;
    margin-left: auto;
  }
  #global_header_menu .menu nav > ul {
    margin: 0;
    padding: 0 0 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    height: auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
            justify-content: flex-start;
    max-height: 100vh;
    box-sizing: border-box;
  }
  #global_header_menu .menu nav > ul > li {
    border-bottom: 1px solid #424242;
    list-style: none;
    height: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
            flex-direction: column;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease;
    transition: opacity 0.3s ease;
  }
  #global_header_menu .menu nav > ul > li.menu_list_sub_parent a::before {
    display: none;
  }
  #global_header_menu .menu nav > ul > li.menu_list_sub_parent a::after {
    -webkit-transform: rotate(45deg) translate(-50%, 50%);
            transform: rotate(45deg) translate(-50%, 50%);
  }
  #global_header_menu .menu nav > ul > li > a {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 9px 15px 10px 0;
    position: relative;
  }
  #global_header_menu .menu_button {
    position: fixed;
    top: -10px;
    right: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: var(--global-header-height-sp);
    height: var(--global-header-height-sp);
    -webkit-box-pack: center;
    -webkit-justify-content: center;
            justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
            align-items: center;
    z-index: 90;
    cursor: pointer;
  }
  #global_header_menu .menu_button span,
#global_header_menu .menu_button span::before,
#global_header_menu .menu_button span::after {
    content: "";
    display: block;
    height: 1px;
    width: calc(var(--menu-hamburger-width) - 6px);
    margin-right: -6px;
    background: #424242;
    position: absolute;
    -webkit-transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
    transition: background-color 0.3s ease, -webkit-transform 0.3s ease;
    transition: transform 0.3s ease, background-color 0.3s ease;
    transition: transform 0.3s ease, background-color 0.3s ease, -webkit-transform 0.3s ease;
  }
  #global_header_menu .menu_button span::before,
#global_header_menu .menu_button span::after {
    margin-right: 0;
  }
  #global_header_menu .menu_button span::before {
    margin-left: -6px;
    width: calc(var(--menu-hamburger-width) - 0px);
    bottom: 8px;
  }
  #global_header_menu .menu_button span::after {
    margin-left: -3px;
    width: calc(var(--menu-hamburger-width) - 3px);
    top: 8px;
  }
  #global_header_menu .menu_button p {
   margin-top: 48px;
  }
  #global_header_menu .menu_button_check {
    display: none;
  }

  #global_header_menu .menu_button_check:checked ~ .menu {
    right: 0;
    background-color: rgba(66, 66, 66, 0);
  }
  #global_header_menu .menu_button_check:checked ~ .menu::before {
    opacity: 1;
  }
  #global_header_menu .menu_button_check:checked ~ .menu_button span {
    background: rgba(66, 66, 66, 0);
  }
  #global_header_menu .menu_button_check:checked ~ .menu_button span::before, #global_header_menu .menu_button_check:checked ~ .menu_button span::after {
    width: var(--menu-hamburger-width);
    margin-left: 0;
    background: #424242;
  }
  #global_header_menu .menu_button_check:checked ~ .menu_button span::before {
    bottom: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  #global_header_menu .menu_button_check:checked ~ .menu_button span::after {
    top: 0;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }

/* start -- 2024.04.15 add */
#global_header_menu .menu nav > ul > li.menu_list_sub_parent {
  border: 0;
  margin-top: 10px;
}

#global_header_menu .menu nav > ul > li.menu_list_sub_parent > a {
  background: #ff875a;
  text-align: center;
  color: #fff !important;
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 1.1rem;
  font-weight: 700;
  box-shadow: 0px 2px 2px 0px rgba(245, 186, 212, 0.9), inset 0px 15px 10px -2px rgba(255, 100, 105, 1);
}
.menu_list_sub dl:last-of-type {
    padding-bottom: 100px;
}
/* end -- 2024.04.15 add */

  .menu_list_sub {
    position: absolute;
    top: 0;
    width: 100%;
    background: rgba(255, 255, 255, 0);
    padding: 0;
    border-top: 0;
    opacity: 0;
    max-height: 0;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    -webkit-transition: opacity 0.5s ease, -webkit-transform 0.75s ease 0s;
    transition: opacity 0.5s ease, -webkit-transform 0.75s ease 0s;
    transition: transform 0.75s ease 0s, opacity 0.5s ease;
    transition: transform 0.75s ease 0s, opacity 0.5s ease, -webkit-transform 0.75s ease 0s;
    overflow: hidden;
  }
  .menu_list_sub.show {
    opacity: 1;
    overflow: visible;
  }
  .menu_list_sub_back {
    display: block;
  }
  .menu_list_sub_back button {
    border: 0;
    background: transparent;
    cursor: pointer;
    position: relative;
    display: block;
    font-size: 0.9rem;
    padding-left: 1.5rem;
    margin: 1rem;
  }
  .menu_list_sub_back button::before {
    content: "";
    width: 5px;
    height: 5px;
    border-top: 1px solid currentColor;
    border-right: 1px solid currentColor;
    -webkit-transform: rotate(225deg) translate(-175%, 150%);
            transform: rotate(225deg) translate(-175%, 150%);
    -webkit-transform-origin: left center;
            transform-origin: left center;
    position: absolute;
    margin: auto 0;
    top: -100%;
    left: 0;
    bottom: -100%;
  }
  .menu_list_sub_container {
    max-width: none;
    display: block;
  }
  .menu_list_sub_container_tl {
    display: block;
  }
  .menu_list_sub dl {
    width: 100%;
    min-width: auto;
    padding-left: 0;
    padding-right: 0;
  }
  .menu_list_sub dl:last-of-type li:last-of-type {
    border-bottom: 0 !important;
    margin-bottom: 1rem;
  }
  .menu_list_sub_container_tl a,
.menu_list_sub dt a,
.menu_list_sub li a {
    text-align: left;
    color: #424242;
    padding: 0.5rem 1rem;
  }
  .menu_list_sub_container_tl a:hover,
.menu_list_sub dt a:hover,
.menu_list_sub li a:hover {
    color: #b58d55;
  }
  .menu_list_sub dt {
    border-bottom: 1px solid rgba(66, 66, 66, 0.5) !important;
  }
  .menu_list_sub li {
    border-bottom: 1px solid rgba(66, 66, 66, 0.25) !important;
  }
}
/*-- /end - #globa_header --*/

@media screen and (min-width:1200.02px) { /* .02px 足す */
#global_header .pc_none{
display: none !important;
}
#global_header_menu .menu nav > ul > li.menu_list_sub_parent > a > span{
background: #B58D55;
    padding: 1rem;
    border-radius: 5px;
color:#fff;
}
}

.pickup_btm{margin:0 0.5px 1px 0.5px !important;}
@media screen and (max-width: 498px){
.pickup_btm{margin:0 0 1px 0 !important;}
}

/*　ページトップボタン　*/
.home_fixed_btm{
position: fixed;
z-index: 20;
right: 0;
}
.home_fixed_btm .fs_btn{
line-height: 1.6;
}
@media screen and (max-width: 498px){
.home_fixed_btm{top: 15rem;}
}



.thumb-item-nav {display:none;}
.slick-list { margin: 0px 0rem;}
.slick-slide{margin:0rem;}

.frncs_box{background-color:#fff;
font-size:0.9rem;
padding:2.0rem;}
.rcrt_stf_bgpd2{padding: 33.5vh 2rem 2rem 2rem;}
.rcrt_stf_bgpd{padding: 40vh 2rem 2rem 2rem;}

@media screen and (max-width: 834px) {
.frncs_box{padding:2rem 1rem;}
.rcrt_stf_bgpd{padding: 25vh 2rem 2rem 2rem;}
.rcrt_stf_bgpd2{padding: 20vh 2rem 2rem 2rem;}
}

p .management{
background-color:#B58D55;
padding:0.2rem;
line-height: 2rem;
}



.appeal_box ul{width:100%;display: flex; flex-wrap: wrap; text-align: center;}
.appeal_box li{ width: calc( 100% - 50% );/* border-bottom:2px solid #e5e5e5;*/
align-items: stretch;    display: grid;}

.appeal_box dl{ flex-direction:row; display: flex; font-size:1.1rem;}
.appeal_box dt{width:20%; font-weight: bold; padding: 2rem 1rem; background:#B58D55; color:#fff; margin: 0.5rem;}
.appeal_box dd{ width:80%; text-align: left; padding: 2rem 1rem; background:#fff; margin: 0.5rem;}

@media screen and (max-width: 480px) {
.appeal_box ul{ flex-wrap: column; }
.appeal_box li{ width:100%}
.appeal_box dd{ text-align: center; }}



.franchise_appeal_box ul{width:100%;display: flex;  flex-wrap: wrap; justify-content: center;}
.franchise_appeal_box li{ width:24%;   margin:0.2rem; align-items: stretch;   background:#F2EBE2;}
.franchise_appeal_box dt{ background:#231815; color:#fff; padding:1.5rem 1rem;}
.franchise_appeal_box dd{padding:1.5rem 1rem; color:#B58D55; font-weight: bold; font-size:1.2rem }
.franchise_appeal_box span{ color:#EA7076}

@media screen and (max-width: 820px) {
.franchise_appeal_box dt{padding:1rem; font-size:0.8rem;}
.franchise_appeal_box dd{ }}

@media screen and (max-width: 480px) {
.franchise_appeal_box ul{ flex-wrap: column; }
.franchise_appeal_box li{ width:48%}
.franchise_appeal_box dd{ padding:1rem;}}

.franchise_top_catch{padding:15vh 2rem 15vh 2rem;}
.franchise_top_catch2{padding:0 2rem 12vh 2rem;}

@media screen and (max-width: 1450px){.franchise_top_catch {
    padding: 15vh 3rem 15vh 3rem;}
.franchise_top_catch2 {
    padding: 0 5rem 12vh 5rem;}}

@media screen and (max-width: 480px) {.franchise_top_catch{padding:35vh 2rem 2rem 2rem;}
.franchise_top_catch2{padding:0 4rem 3rem 4rem ;}}

/*フランチャイズ*/
.appeal_box{width:100%; border-spacing: 20px 10px;}
.appeal_box td{border-left: 5px solid #fff; border-right: 5px solid #fff; font-size:1.4rem; }

.appeal_box_ttl{width:25%; background:#231815;  padding:1rem; color:#fff;}
.appeal_boxA{width:25%; padding:1.5rem 1rem; background:#F2EBE2;  vertical-align: middle; border-bottom: 5px solid #fff; font-weight: bold; color:#B58D55;}

.appeal_box_sp{width:50%; padding:2rem 1rem; background:#F2EBE2;  vertical-align: middle; border-bottom: 5px solid #fff; font-weight: bold; color:#B58D55;}
.appeal_box_sp_ttl{width:50%; background:#231815;  padding:1rem; color:#fff;}

/*リクルート*/
.rcrt_appeal_box{width:100%; border-spacing: 20px 10px;}


.rcrt_appeal_box td{border-left: 5px solid #f2f2f2; border-right: 5px solid #f2f2f2; }
.rcrt_appeal_box_sp_ttl{width:50%; background:#B58D55;  padding:2rem 1rem; color:#fff; font-size:1.4rem;}
.rcrt_appeal_box_sp{width:50%; padding:2rem 0.5rem; background:#fff;  vertical-align: middle; border-bottom: 5px solid #f2f2f2;  font-size:1.2rem;}
.rcrt_appeal_box_sp span{ color: #ea7076; font-weight: bold; }

@media screen and (max-width: 480px) {.rcrt_appeal_box_sp{font-size:1rem;}}

/* 202312_サイト改修のコーディング */

.shopbtn_cta{background-color: #ff875a;
padding: 0.3rem 1.6rem;
border-radius: 20px;
color: #fff!important;
margin-right: 5px;
box-shadow: 0px 2px 2px 0px rgba(245, 186, 212, 0.9), inset 0px 15px 10px -2px rgba(255, 100, 105, 1);

/*0px 2px 2px 0px rgba(245, 186, 212, 0.9), inset 43px 0px 10px -2px rgba(255, 100, 105, 0.7);*/
}


.shopbtn_cta_line{
background-color: #52b77c;
padding: 0.3rem 1.6rem;
border-radius: 20px;
color: #fff!important;
margin-right: 5px;
box-shadow: 0px 2px 2px 0px rgba(0, 145, 58, 0.5), inset 0px -1px 6px -2px rgba(0, 145, 58, 0.5);
}



#visualPager{height: 27px;}

.sticky_btn_sub{padding:0.5rem 0 0.5rem 0; background-color:#f5dd42; color:#e60012; border-radius:2rem;
 margin: -2rem 0 0 0; font-size:0.95rem; font-weight: bold;  }

@media screen and (min-width: 498px) {
.sticky_btn_sub{padding:0.6rem 0 0.5rem 0;}}


.sticky_btn_sub2{padding:0.6rem 0 0.5rem 0; background-color:#d61468; border-radius:2rem;
 margin: -2rem 0 0 0; font-size:0.8rem; color:#fff;}

.sticky_btn_main{padding:0.99rem 0 0.5rem 0; }
.sticky_btn_main2{padding:0.35rem 0 0.5rem 0; color:#d61468; font-weight: bold; font-size:0.9rem;}

@media screen and (min-width: 498px) {
.sticky_btn_main{padding:1.25rem 0 0.8rem 0}}

.sticky_btn{background: linear-gradient(#52b77c, #00913a);}




.top-btnsp_left{ display: flex; position: absolute; top: 1rem; left: 0; z-index: 5;}

.top-btnsp_left2{  display: flex; position: absolute; top: 15rem; left: 0;
 z-index: 50;}


@media screen and (max-width: 480px) {
.top-btnsp_left{ display: none;}
.top-btnsp_left2{ display: none;}}


/* 横スクロールで画像をスライドさせる */
.image-horizontal-scroll{
	overflow-x: auto;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}

.box{
	display: inline-block;
	width: 90%;
	margin: 10px;
}



.body-pt008 .pagetop_btm { display:none;}
.body-pt009 .pagetop_btm { display:none;}

.body-pt008 .pagetop_btm_sp { display:none;}
.body-pt009 .pagetop_btm_sp { display:none;}



/* ----------240206 ---------- */

.home_ttl-all{font-size:2rem;
text-align:center;
font-family: 'Times New Roman', '游明朝', YuMincho, 'HG明朝E', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'ＭＳ Ｐ明朝', 'MS PMincho', 'MS 明朝', serif;
padding:5rem 0 1rem 0;
color:#B58D55;}


.bfaf_point { margin-top:1rem; font-weight: bold; text-align:center;}
.bfaf_point ul{ width:100% ; display :flex; flex-wrap :wrap; }
.bfaf_point li:nth-child(1){border-top:solid 1px #c7c7c7;}
.bfaf_point li:nth-child(2){border-top:solid 1px #c7c7c7;}
.bfaf_point li:nth-child(even) {width:calc(100% - 50% - 1.5rem); border-bottom :solid 1px #c7c7c7; padding:1rem 0; margin: 0 1rem 0 0.5rem;}
.bfaf_point li:nth-child(odd) {width:calc(100% - 50% - 1.5rem); border-bottom :solid 1px #c7c7c7; padding:1rem 0;  margin: 0 0.5rem 0 1rem; }


.bfaf_point p{ border-bottom:solid 1px #c7c7c7; padding:1rem; }

.bfaf_point p:nth-child(1){border-top:solid 1px #c7c7c7;}


.bfaf_point-l p{border-bottom:solid 1px #c7c7c7; padding:1rem 0; margin: 0 1rem;}
.bfaf_point-r p{border-bottom:solid 1px #c7c7c7; padding:1rem 0;  margin: 0 1rem;}

@media screen and (max-width: 498px) {
.bfaf_point-l p{ margin:0 0.25rem 0 1rem;}
.bfaf_point-r p{ margin: 0 1rem 0 0.25rem;}
.bfaf_point-r p:nth-child(3){font-size:0.9rem;}
}

.eiji_jost{font-family: 'Jost', sans-serif;}


.home02_change span{
display: ineline-block;
background-color: #ffffff;
padding: 0.55rem 1.2rem 0.55rem 1.5rem;
font-size: 1.8rem;
line-height: 4rem;
}

@media screen and (max-width: 498px) {.home02_change span {font-size: 1.5rem; }
.home02_change {margin-top:-3rem; }
}

.home02_change_eiji{    font-size: 4rem; color:#c2ad94;
line-height: 5rem;
letter-spacing: 0.5rem;
text-align:left;}

@media screen and (max-width: 498px) {.home02_change_eiji { text-align:center; line-height: 4rem; }}

.home05_point{ font-size: 3.5rem;
color: #c2ad94;
font-family: 'Jost', sans-serif;
padding: 0 1rem;
}

.home05_txt { margin:-10rem 0 3rem 0; text-align :left;}

.home05_txt1 span{
display: ineline-block;
background: linear-gradient(to right, #ca80a6, #e25184);
color:#fff;
padding: 0.55rem 1.2rem 0.55rem 1.5rem;
font-size: 1.8rem;
line-height: 3rem;}

@media screen and (max-width: 498px) {
.home05_txt { text-align :right;}
}

.home05_txt2 span{
display: ineline-block;
background: linear-gradient(to right, #e09619, #e08057);
color:#fff;
padding: 0.55rem 1.2rem 0.55rem 1.5rem;
font-size: 1.8rem;
line-height: 3rem;}


.home05_picR{width:100%; }
.home05_picL{width:100%; }

@media screen and (max-width: 498px) {
.home05_picR{width:95%; height :auto; margin-right: 0; margin-left: auto;}
.home05_picL{width:95%; height :auto;  }}




.dep_hikaku{font-size: 1.5rem; font-weight: bold; padding: 0 0 2rem 0;}

.home09_flow{padding: 0 2rem 0 2rem ;}
.home09_flow ul{width:100% ; display :flex; flex-direction:row; }
.home09_flow li:nth-child(1){width:20%;
font-family: 'Jost', sans-serif;
color:#c2ad94;
line-height: 3rem;
letter-spacing: 0.5rem;
}

.home09_flow dt:nth-child(1){font-size: 1.5rem;}
.home09_flow dd{font-size: 4rem;}

.home09_flow li:nth-child(2){width:80%; /*align-self :center;*/  padding:0 0 0 1rem;}
.home09_flow span{background-color: #c2ad94;
color:#fff;
font-size: 1.8rem;
padding: 1rem 1.8rem 1rem 1.8rem;
display: ineline-block;}

.pc_home9 {padding-bottom:3rem;}
.pc_home9 div{ display :flex; align-items :center;}

@media screen and (max-width: 498px) {
.pc_home9 div{ display :block; }
.home09_flow span {font-size: 1.5rem;}
.home09_flow dt:nth-child(1){ padding-top: 1rem;}}

.pc-home08_comic_bg{margin-top:0rem;}
@media screen and (max-width: 498px) {
.pc-home08_comic_bg{margin-top:-1.5rem;}}


.pink_btn{position: fixed;
    z-index: 100;
    right: 0;
    bottom: -2px;
    width: 140px;}
.pink_btn img { aspect-ratio: 5.6 / 3; }

.green_btn{position: fixed;
    z-index: 100;
    bottom: -2px;
    right: 140px;
    width: 260px;}
.green_btn img { aspect-ratio: 10.4 / 3; width: 100%; height: auto;}

@media screen and (max-width: 498px) {
.pink_btn{ width: 35%;}
.green_btn{right: 34.9%; width: 65%;}
}

@media screen and (max-width: 498px) {
.comc-pc_slide{display:none;}
}
@media screen and (min-width: 498px) {
.comc-sp_slide{display:none;}}

[dir='rtl'] .slick-next {    right: auto; left: -20px;}



/*-------　特定商取引法に基づく表記　-------*/

/*　==　リスト　==　*/

.commerce-tb{
padding: 1rem 0rem 1rem 0rem;
border-radius: 0.5rem 0.5rem 0.5rem 0.5rem;
}
.commerce-tb li{
width: calc(100% - 4rem);
margin: 0.5rem auto 0rem auto;
    padding: 1rem 0;
border-bottom: 2px solid #F5F2EF;
}
.commerce-tb li:last-child{
border-bottom: 0px solid #cfcfcf;
}
.commerce-tb li dl{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-flow: row nowrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.commerce-tb li dl dt{
margin: 0rem 0rem 0rem 0rem ;
position: relative;
font-weight: bold;
font-size:0.9rem;
color:#B58D55;
letter-spacing:0.2rem;
width: 300px;
}
.commerce-tb li dl dd{
text-align: left;
padding: 0rem 2rem;
width: calc(100% - 300px - 2rem);
}
@media screen and (max-width: 768px){
.commerce-tb{
padding: 1rem 1.5rem 1rem 1.5rem;
}
.commerce-tb li{
width: 100%;
}
.commerce-tb li dl {
flex-flow: column wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.commerce-tb li dl dt {
font-weight: bold;
margin: 0rem 0rem 0.5rem 0rem;
padding-top: 0.5rem;
width: 100%;
letter-spacing:0.1rem;
}
.commerce-tb li dl dd {
font-size: 1rem;
margin: 0rem 0rem 0rem 0rem;
padding: 0rem 0rem 0rem 0rem;
width: 100%;
}
}


.latest_news {/*width:100%; */display:flex; flex-direction:column; padding: 0 2rem;}
.latest_news li{/*width:100%; */ text-align:left; background-color:#fff;  padding:1rem ; margin-bottom:2px;}
.latest_news dl{width:100%;  display:flex;  flex-direction:row;} 
.latest_news dt{width: 20%;   font-weight: bold;   color:#B58D55; font-size:0.9rem;}
.latest_news dd{width: calc(100% - 20% /*- 4rem*/);}

.latest_news span{padding:0.2rem 0.5rem ; background-color:#FAF7F4; font-size:0.8rem; font-weight:bold; color:#B58D55;}

.latest_news a{color:#B58D55;}


/*20240826_値段変更*/

.mmb-pln-tb span{padding:0.1rem 0.5rem ; font-size:0.7rem; color:#fff; font-weight:bold;  border-radius:2rem;}


.mmb-areaAttl-tb{background-color: #73a1df; color: #fff; padding: 1rem 0.5rem 1rem 0.5rem; width: 50%; text-align:center;}
.mmb-areaBttl-tb{background-color: #f53248; color: #fff; padding: 1rem 0.5rem 1rem 0.5rem; width: 50%; text-align:center;}

.areaA_tag{padding:0.2rem 0.5rem ; background-color:#73a1df ; font-size:0.8rem; font-weight:bold; color: #fff;  border-radius:2rem;}
.areaB_tag{padding:0.2rem 0.5rem ; background-color:#f53248;  font-size:0.8rem; font-weight:bold;  color: #fff;  border-radius:2rem;}

.area_white-box{ background-color:#fff; padding:2rem; margin:0.5rem;}

.areaA_ttltag{padding:0.5rem 2rem ; background-color:#73a1df; font-size:1rem; font-weight:bold; color: #fff;  border-radius:2rem; }
.areaB_ttltag{padding:0.5rem 2rem ; background-color:#f53248; font-size:1rem; font-weight:bold;  color: #fff;  border-radius:2rem;}


.price_money_2408{display:flex;  justify-content:space-between;}
@media screen and (max-width: 498px) {
.price_money_2408{flex-direction: column;}
.price_money_2408 dt{padding-bottom:0.5rem;}}

/*-----------------20241212 杉本-----------------*/
.home-licenselist img{width:80%!important; }


/*-----------------20250115 前嶋-----------------*/
.store-name_ct{
padding:3rem 2rem;
font-size:2rem;
}
@media screen and (max-width: 550px) {
.store-name_ct{
padding:2rem 1rem;
font-size:1.5rem;
}
}

/*
.shop_reservation_btn{
display:flex;
position: fixed;
z-index: 100;
right: 0;
bottom: 0;
width:450px;
flex-wrap:nowrap;
}

.line_btn{
width:100%;
}
.stores_btn{
width:100%;
}
@media screen and (max-width: 550px) {
.store-name_ct{
padding:2rem 1rem!important;
font-size:1.8rem!important;
}
.shop_reservation_btn{
display:flex;
position: fixed;
z-index: 100;
right: 0;
bottom: 0;
width:100%;
flex-wrap:nowrap;
}
.line_btn{
width:50%;
}
.stores_btn{
width:50%;
}
}
*/

.stores_btn{
position: fixed;
z-index: 100;
right: 0;
bottom: -2px;
width: 220px;
}

.line_btn{
position: fixed;
z-index: 100;
right: 220px;
bottom: -2px;
width: 220px;
}


@media screen and (max-width: 498px) {
.stores_btn{ 
width:calc(50% + 1px);
bottom:0px;
}
.line_btn{
right: 50%;
width:calc(50% + 1px);
bottom:0px;}
}