@charset "utf-8";
/* CSS Document */

/* RECRUIT
------------------------------------------------------------*/
.recruit_page { color:#000; }
.recruit_mv { background:#c7b299; padding:80px 5%; text-align:center; }
.recruit_label { margin:0 0 16px; letter-spacing:.12em; }
.recruit_mv h1 { margin:0 0 20px; }
.recruit_mv p { margin:0; }
.recruit_inner { width:min(90%, 1000px); margin:0 auto; padding:70px 0; }
.recruit_intro { margin:0 0 50px; text-align:center; }
.recruit_intro h2 { margin:0 0 20px;font-size:clamp(18px, 1.71vw, 24px);font-weight:500; }
.recruit_intro p { margin:0; }
.recruit_info { border-top:1px solid #c7b299; }
.recruit_info dl { margin:0; }
.recruit_info dl > div { display:grid; grid-template-columns:220px 1fr; gap:30px; padding:28px 0; border-bottom:1px solid #c7b299; }
.recruit_info dt { font-weight:700; }
.recruit_info dd { margin:0; }
.recruit_info ul { margin:0; padding:0; list-style:none; }
.recruit_info li { position:relative; padding-left:1.2em; }
.recruit_info li::before { content:""; position:absolute; left:0; top:.7em; width:.45em; height:.45em; background:#c7b299; border-radius:50%; }
.recruit_entry { margin:60px 0 0; padding:45px 5%; background:#c7b299; text-align:center; }
.recruit_entry h2 { margin:0 0 18px; }
.recruit_entry p { margin:0 0 28px; }
.recruit_btn { display:inline-flex; align-items:center; justify-content:center; min-width:260px; padding:16px 28px; background:#000; color:#fff; text-decoration:none; }
@media screen and (max-width: 768px) {
.recruit_mv { padding:60px 5%; }
.recruit_inner { padding:50px 0; }
.recruit_info dl > div { grid-template-columns:1fr; gap:12px; padding:24px 0; }
.recruit_entry { margin:45px 0 0; padding:35px 6%; }
.recruit_btn { width:100%; min-width:0; }
}

/* 追加
------------------------------------------------------------*/
/* 親要素をflexboxに */


/* 言語の順番を指定 */
[data-gt-lang="zh-CN"] {order: 1;}
[data-gt-lang="zh-TW"] {order: 2;}
[data-gt-lang="en"] {order: 3;}
[data-gt-lang="ko"] {order: 4;}
[data-gt-lang="ja"] {order: 5;}

.fb_timeline{text-align:center;margin:0 auto 10px;}
.indent-1 {padding-left:1em;text-indent:-1em;}
.indent-2 {padding-left:2em;text-indent:-2em;}
.indent-15 {padding-left:1.5em;text-indent:-1.5em;}
.fade{display:none;}
.banner_img{text-align:center;margin:0 auto;clear:both;}
.banner_img img{border-radius:20px;}
br.pcbr{display:block;}
br.spbr{display:none;}
.text_box{text-align:justify;padding:0;}
.text_box p{margin-bottom:1.5em;}
.text_box ul,.text_box ol{margin-left:1em;list-style-position: outside;}
.text_box ul li{list-style:none;margin-bottom:0.5em;position: relative;padding: 0 0 0 1.5em;}
.text_box li::before {
  content: "\f054";
  font-family: FontAwesome;
font-weight: 400;
padding-right:5px;
color:#F8B500;
position: absolute;
left: 0.5em;
}
.text_box_w{background:#fff;text-align:justify;padding:1em 2em;margin:20px auto 50px;}
.text_box_w img{width:200px;margin-top:5px;}
.text_box_w li > p{font-weight:400;margin-left:1em;}

.sptel{display:none;}
.twoblock{display:flex;flex-wrap:wrap;justify-content:space-between;}
.block_area{width:49%;}


.marker{background: linear-gradient(transparent 70%, #fff7fa 70%);padding:0 2em 0;}
.marker2{color:#317091;font-weight:700;}
.marker-space{letter-spacing:-0.5em;}
.pagetop {display: none;position: fixed;bottom: 50px;right:5%;width:66px;z-index:100;}
.pagetop a {display: block;}
.pagetop img{width:100%;}
.sp_btn{display:none;}

.slides img{width:100%;}
.head_img{position: relative;margin-bottom:30px;}
.head_img img{width:100%;}
.head_title{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);font-size:30px;color:#317091;font-family: dnp-shuei-mincho-pr6n, sans-serif;font-weight: 700;font-style: normal;background:rgba(255,255,255,0.9);z-index:9999;min-height:80px;display:flex;justify-content:center;align-items:center;letter-spacing:0.3em;width:40%;line-height:1;}

h2.title{font-size:26px;text-align:center;margin:50px auto 0;}
h2.title_sub{font-size:20px;text-align:center;color:#c7b299;font-family: "futura-pt", sans-serif;font-weight: 400;font-style: normal;margin-bottom:50px;}
h2.title_sub_w{font-size:20px;text-align:center;color:#fff;font-family: "futura-pt", sans-serif;font-weight: 400;font-style: normal;margin-bottom:10px;}
h3.title{font-family: "ryo-gothic-plusn", sans-serif;font-weight: 500;font-style: normal;font-size:24px;display:flex;align-items:center;justify-content:center;width:100%;margin:80px auto 40px;}
h3.title::before{content:"";width:110px;flex:none;height:2px;background:#c7b299;margin:0 10px 0 0;}
h3.title::after{content:"";width:110px;flex:none;height:2px;background:#c7b299;margin:0 0 0 10px;}


/*back
------------------------------------------------------------*/
.pnavi{text-align:center;font-size:16px;margin-top:20px;}
.pan{font-size:16px;font-family: "ryo-gothic-plusn", sans-serif;font-weight: 400;font-style: normal;width:80%;margin:0 auto 80px;}
.pan span{margin:0 1em;}
.wave{width:580px;margin:0 auto;}
.wave img{width:100%;}
.d_logo{width:376px;margin:60px auto 100px;}
.d_logo img{width:100%;}


/*TOP
------------------------------------------------------------*/
.hero-swiper{width: 100%;height: calc(100vh - 99.5px);position:relative;}
.hero-logo{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:600px;z-index:100;}
.hero-logo_n{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:400px;z-index:100;}
.hero-logo_r{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width:400px;z-index:100;}
.hero-logo img{width:100%;}
.hero-logo_n img{width:100%;}
.hero-logo_r img{width:100%;}
.hero-swiper .swiper-slide{background-size: cover;background-position: center;background-repeat: no-repeat;}

h2.top{font-size:38px;margin:75px auto 0;text-align:center;}

.top_box{font-size:20px;text-align:center;margin:45px auto;line-height:1.75;letter-spacing:0.15em;}

.top_d_logo{width:376px;margin:60px auto 30px;}
.top_d_logo img{width:100%;}

.top_store_area{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:80px;}
.top_store_box{width:48%;margin:10px 1%;text-align:center;position:relative;}
.top_store_box img{width:100%;    filter: brightness(55%);}
.top_store_title{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color:#fff;font-family: "ryo-gothic-plusn", sans-serif;font-weight: 500;font-style: normal;font-size:24px;z-index:10;white-space:nowrap;}

.top_btn{display:flex;align-items:center;justify-content:space-between;width:220px;height:52px;padding:0 20px;box-sizing:border-box;text-decoration:none;background:#c7b299;border-radius:100px;transition:background 0.2s;font-family: "futura-pt", sans-serif;font-weight: 400;font-style: normal;margin:0 auto 80px;}
.top_btn:hover{background:#a0896e;}
.top_btn-text{font-size:22px;color:#000;}
.top_btn-arrow{width:19px;height:7px;flex-shrink:0;}

.top_news_area{width:80%;margin:0 auto 20px;}
.top_news_date{width:100%;font-family: "futura-pt", sans-serif;font-weight: 400;font-style: normal;}
.top_news_title{width:100%;font-family: "ryo-gothic-plusn", sans-serif;font-weight: 500;}
.top_news_title a{text-decoration: underline;}

.mapbox{width:100%;margin:10px 0 50px;}

.link_btn{position:relative;margin:30px auto;display:flex;width:250px;height:50px;text-align:center;background:#c7b299;clear:both;align-items:center;line-height:1;}
.link_btn a{position: absolute;top: 0;left: 0;height:100%;width: 100%;transition:all 0.3s;text-decoration:none;color:#fff;display:flex;align-items:center;justify-content:center;line-height:1;}
.link_btn a:hover{background:#fff;color:#c7b299;border:1px solid #c7b299;}

.slider{position:relative;}
.slide_area{position:relative;margin:50px auto 0px;}
.slider img{height:350px;}

.top_appeal{width:100%;border-radius: 30px;box-shadow: 10px 10px 8px 0px rgba(252, 228, 238, 1);padding:2em 3em 2.5em;margin:50px auto 40px;background:#fff7fa url(/userdata/mess_border.png) center top 50px no-repeat;background-size:100% auto;}
.top_appeal h3{text-align:center;color:#ea6d9f;font-size:26px;font-weight:900;line-height:1;margin-bottom:2em;letter-spacing:0.1em;}
.top_appeal ul{list-style:none;display: flex;flex-wrap:wrap;}
.top_appeal li{font-size:22px;width:50%;letter-spacing:0.05em;margin-top:0.5em;}
.top_appeal li::before {content: "\f4ad";font-weight:400;padding-right:0.3em;color:#ea6d9f;font: var(--fa-font-regular);font-size:22px;}
.arrow{text-align:center;color:#ea6d9f;font-size:24px;letter-spacing:1em;margin-bottom:30px;}

/*staff
------------------------------------------------------------*/
.staff_area{display:flex;flex-wrap:wrap;margin:50px auto;}
.staff_box{width:260px;text-align:center;font-size:14px;margin:20px 7.5px;}
.staff_photo{width:100%;}
.staff_photo img{width:100%;border-radius:50%;}
.staff_work{color:#ea6d9f;margin:0.5em auto;}
.staff_top_mess{line-height:1.7;}
.staff_link{position:relative;margin:10px auto 0;display:flex;width:90%;height:40px;text-align:center;background:#fff;clear:both;align-items:center;line-height:1;border:1px solid #666;border-radius:50px;}
.staff_link a{position: absolute;top: 0;left: 0;height:100%;width: 100%;transition:all 0.3s;text-decoration:none;color:#666;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:50px;}
.staff_link a:hover{background:#666;color:#fff;border:1px solid #666;border-radius:50px;}

.s_detail_box{display:flex;flex-wrap:wrap;justify-content:space-between;margin:80px auto 50px;align-items:center;}
.s_detail_photo{width:400px;}
.s_detail_photo img{width:100%;border-radius:10px;}
.s_detail_txt{width:500px;}
.s_detail_title{color:#ea6d9f;font-size:24px;font-weight:700;line-height:1.8;}
.s_detail_titlesub{line-height:1.8;margin-top:30px;}




/*about
------------------------------------------------------------*/
.about_head{width:100%;position:relative;}
.about_head img{width:100%;}
.about_head_txt{position:absolute;top:80px;left: 50%;transform: translateX(-50%);text-align:center;color:#fff;font-size:38px;width:100%;}
.about_head_txt p{font-size:24px;margin-top:1em;line-height:2;}
.about_txt{margin:50px auto 0;width:83%;text-align:justify;}
.about_txt p{margin-bottom:1em;}
.about_txt span{display:inline-block;}
.promise_box{width:fit-content;margin:0 auto 80px;font-size:20px;}
.promise_box ol{margin-left:1em;}
.promise_box li{margin-bottom:1.5em;}
.about_img_box{display:flex;flex-wrap:wrap;justify-content:space-between;}
.about_img{width:570px;}
.about_img img{width:100%;}

/*store
------------------------------------------------------------*/
.d_store_title{font-size:38px;text-align:center;margin:50px auto;}
.d_store_img{width:100%;}
.d_store_img img{width:100%;}
.d_store_txt_box{display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px;}
.d_store_txt {padding-left:5em;width:850px;}
.d_store_sel{margin-left:auto;width:230px;}
.d_store_sel img{width:100%;}

.d_store_area{width:fit-content;margin:0 auto;}
.d_store_box{display:table;width:100%;margin:0 auto 1em;}
.d_store_name{width:20%;display:table-cell;vertical-align:top;}
.d_store_con{width:80%;display:table-cell;vertical-align:middle;}
.d_store_map{margin-top:50px;}

.store_btn_area{display:flex;flex-wrap:wrap;gap:30px;margin:0 auto 80px;justify-content:center;}
.store_btn{display:flex;align-items:center;justify-content:space-between;width:360px;height:80px;padding:0 20px;box-sizing:border-box;text-decoration:none;background:#fff;border:1px solid #c7b299;transition:background 0.2s,border-color 0.2s;font-family: "ryo-gothic-plusn", sans-serif;font-weight: 500;font-style: normal;font-size:22px;}
.store_btn:hover{background:#f5ede3;border-color:#a0896e;}
.store_btn-text{font-size:16px;color:#000;}
.store_btn-arrow{width:10px;height:10px;border-top:2px solid #c7b299;border-right:2px solid #c7b299;transform:rotate(45deg);flex-shrink:0;transition:border-color 0.2s;}
.store_btn:hover .btn-arrow{border-top-color:#a0896e;border-right-color:#a0896e;}

.store_area{display:flex;flex-wrap:wrap;}
.store_box{width:32%;margin:10px calc(4% / 6);text-align:center;}
.store_box img{width:100%;}

/*souvenir
------------------------------------------------------------*/
.souvenir_area{display:flex;flex-wrap:wrap;margin:20px auto 80px;gap:2%;}
.souvenir_photo{width:100%;border:1px solid #ccc;padding:10px;border-radius:10px;}
.souvenir_photo img{width:100%;}
.souvenir_box{width:32%;}
.souvenir_title{font-size:22px;}
.souvenir_txt{font-size:16px;padding-left:1em;}
.souvenir_img_box{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;}

.top_souvenir_area{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:80px;}
.top_souvenir_photo{width:100%;}
.top_souvenir_photo img{width:100%;border:1px solid #ccc;padding:10px;}
.top_souvenir_box{width:32%;margin:10px calc(4% / 6) 20px;}
.top_souvenir_title{font-size:20px;text-align:center;}
.top_souvenir_txt{font-size:14px;}

/*news
------------------------------------------------------------*/
h2.news_title{font-family: "ryo-gothic-plusn", sans-serif;font-weight: 500;font-style: normal;font-size:20px;margin:0 0 10px 10px;}
.s_detail_mess{border:2px #c7b299 solid;padding:2em;border-radius:8px;}

/*company
------------------------------------------------------------*/
.about_area{width:fit-content;margin:0 auto;}
.about_box{display:table;width:100%;margin:0 auto 1em;}
.about_title{width:15%;display:table-cell;vertical-align:top;}
.about_con{width:85%;display:table-cell;vertical-align:middle;}

.pdf_area{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:50px;}
.pdf_box{width:480px;margin-bottom:20px;}
.pdf_box img{width:100%;}


/* 1099px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 1099px){
.hero-logo{width:80%;}
.hero-swiper{width: 100%;height: calc(100vh - 118px);position:relative;}
}

/* 1099px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 999px){
[data-gt-lang="zh-CN"] {margin-right:5px;}
[data-gt-lang="zh-TW"] {margin-right:5px;}
[data-gt-lang="en"] {margin-right:5px;}
[data-gt-lang="ko"] {margin-right:5px;}
[data-gt-lang="zh-CN"] img,[data-gt-lang="zh-TW"] img,[data-gt-lang="en"] img,[data-gt-lang="ko"] img,[data-gt-lang="jp"] img{width:30px;}

.banner_img img{width:90%;}
.area_l{width:100%;margin-bottom:20px;}
.area_r{width:100%;}
.sptable{overflow-x: scroll;}
table.plan_list,table.price_list{white-space: nowrap;}
.service_btn_area{display:flex;flex-wrap:wrap;margin-top:60px;}
.service_btn_box{width:30%;}
.greet_box{display:flex;flex-wrap:wrap;justify-content:center;margin:40px auto 50px;align-items:center;}
.greet_txt{width:100%;margin-bottom:2em;}
.service_box{width:48%;border:#ea6d9f solid 2px;border-radius:8px;padding:2em;font-size:16px;margin-bottom:30px;background:url(/userdata/service/box_mark.png) right 15px top 15px no-repeat;background-size:41px auto;}
.s_detail_box{display:flex;flex-wrap:wrap;justify-content:center;margin:80px auto 50px;align-items:center;}
.pdf_area{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;margin-bottom:50px;}
}





/* 640px
------------------------------------------------------------*/
@media only screen and (max-width: 640px){
br.pcbr{display:none;}
br.spbr{display:block;}

.hero-logo_n{width:80%;}
.hero-logo_r{width:80%;}

h2.top{font-size:26px;margin:75px auto 0;text-align:center;}
.top_d_logo{width:100%;}
.wave{width:100%;}
.wave:nth-child(1){margin-top:50px;}
.pan{display:none;}
.top_box{font-size:15px;}

h2.title{font-size:22px;text-align:center;margin:50px auto 0;}
h2.title_sub{font-size:16px;text-align:center;color:#c7b299;font-family: "futura-pt", sans-serif;font-weight: 400;font-style: normal;margin-bottom:50px;}
h3.title{font-family: "ryo-gothic-plusn", sans-serif;font-weight: 500;font-style: normal;font-size:20px;display:flex;align-items:center;justify-content:center;width:100%;margin:80px auto 40px;}
h3.title::before{content:"";width:50px;flex:none;height:2px;background:#c7b299;margin:0 10px 0 0;}
h3.title::after{content:"";width:50px;flex:none;height:2px;background:#c7b299;margin:0 0 0 10px;}

.top_store_area{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:80px;}
.top_store_box{width:100%;margin:10px 0;text-align:center;position:relative;}
.top_store_title{position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color:#fff;font-family: "ryo-gothic-plusn", sans-serif;font-weight: 500;font-style: normal;font-size:20px;z-index:10;white-space:nowrap;}

.top_souvenir_area{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:80px;}
.top_souvenir_photo{width:80%;margin:0 auto;}
.top_souvenir_photo img{width:100%;border:1px solid #ccc;padding:10px;}
.top_souvenir_box{width:100%;margin:10px auto;text-align:center;}
.top_souvenir_title{font-size:16px;text-align:center;}
.top_souvenir_txt{font-size:14px;}

.about_head_txt{position:absolute;top:80px;left: 50%;transform: translateX(-50%);text-align:center;color:#fff;font-size:24px;}
.about_head_txt p{font-size:18px;margin-top:1em;line-height:2;}
.about_txt{margin:50px auto 0;width:100%;text-align:justify;}
.d_logo{width:100%;}
.promise_box{width:fit-content;margin:0 auto 80px;font-size:18px;}
.about_img_box{display:flex;flex-wrap:wrap;justify-content:center;}
.about_img{width:100%;margin-bottom:10px;}

.store_area{display:flex;flex-wrap:wrap;justify-content:center;}
.store_box{width:100%;margin:10px 0;text-align:center;}

.d_store_title{font-size:22px;text-align:center;margin:50px auto;}
.d_store_txt_box{display:flex;flex-wrap:wrap;justify-content:center;margin-top:30px;}
.d_store_txt {padding-left:0;width:100%;}
.d_store_sel{margin:30px auto 0;width:70%;}

.d_store_area{width:100%;margin:0 auto;}
.d_store_box{display:block;width:100%;margin:0 auto 1em;}
.d_store_name{width:100%;display:block;vertical-align:top;}
.d_store_con{width:100%;display:block;vertical-align:middle;}
.d_store_map{margin-top:50px;}

.store_btn_area{display:flex;flex-wrap:wrap;gap:30px;margin:50px auto 80px;justify-content:center;}
.store_btn{display:flex;align-items:center;justify-content:space-between;width:80%;height:80px;padding:0 20px;box-sizing:border-box;text-decoration:none;background:#fff;border:1px solid #c7b299;transition:background 0.2s,border-color 0.2s;font-family: "ryo-gothic-plusn", sans-serif;font-weight: 500;font-style: normal;font-size:20px;}

.souvenir_area{display:flex;flex-wrap:wrap;justify-content:center;gap:0;margin:20px auto 40px;}
.souvenir_box{width:100%;margin-bottom:30px;}
.souvenir_title{font-size:18px;}
.souvenir_txt{font-size:14px;}



.banner_img img{width:100%;}






/*staff
------------------------------------------------------------*/



.s_detail_photo{width:90%;}

.s_detail_txt{width:90%;}
.s_detail_title{color:#ea6d9f;font-size:20px;font-weight:700;line-height:1.6;margin-top:20px;}
.s_detail_titlesub{line-height:1.8;margin-top:20px;}
.s_detail_mess{border:2px #c7b299 solid;padding:1em;border-radius:8px;}




/*company
------------------------------------------------------------*/
.about_area{width:100%;margin:0 auto 50px;}
.about_box{display:block;width:100%;margin:0 auto 10px;}
.about_title{width:100%;display:block;padding:1em 0 0 0;vertical-align:top;text-align:left;}
.about_con{width:100%;display:block;padding:0em 0 1em;vertical-align:middle;}


.pdf_box{width:100%;}












.sptel{display:flex;position:fixed;bottom:0;left:0;}
.sptel img{width:100%;}
.pagetop {display: none;position: fixed;bottom: 100px;right:5%;width:55px;z-index:100;}



}