@charset "UTF-8";
@import "base.css";
@import "fonts.css";
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700&display=swap');
/*==========================================================================*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/
/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {
  font-size: 160%;
  -webkit-text-size-adjust: none;
  font-weight: 400;
}
/* html:focus-within {scroll-behavior: smooth;} */
*,::before,::after{box-sizing:border-box;outline: none;}
img {vertical-align: middle;max-width: 100%;flex-shrink: 0;height: auto;}
select { visibility: visible !important; }
a{transition:all ease 0.3s;text-decoration:none;color: var(--txt);}
a[href^="tel:"] {word-break: keep-all;}
/*==========================================================================*/
/*                               Container                                  */
/*==========================================================================*/
html{background:#fff}
body{-webkit-text-size-adjust:none;min-width:320px;color:var(--txt);font-family: var(--f-main)}
table {width: 100%}
h1,h2,h3,h4,h5,h6{line-height: 1.4;}
p,dd,dt,li,th,td,address{line-height: 2em;letter-spacing: 0;}
p{margin: 0 0 30px;}
p:last-child{margin-bottom: 0}

.bold{font-weight: bold;}
.left{text-align:left}
.right{text-align: right;}
.auto{margin-left: auto; margin-right: auto;}
.red{color: var(--red);}
.txt_line{text-decoration: underline;}
.f_big{font-size: 150%;}
.f_sm{font-size: 80%;}
.m0a{display: block;margin-left: auto;margin-right: auto;}

:root {
  --txt: #221e1f;
  --mcolor: #b9955e;
  --scolor: #999999;
  --container: 1230px;

  --f-main: "Noto Sans JP", sans-serif;
  --f-robo : "Roboto", sans-serif;
  --f-mincho: "Shippori Mincho", serif;
}

#wrapper{min-width: 1260px;margin:0 auto;overflow: hidden;}
.inner{width: var(--container);margin:0 auto;position:relative;max-width: 100%;padding: 0 15px;}

/*==========================================================
                       H E A D E R
==========================================================*/
/* HAMBUGER BUTTON */
.hamburger{font:inherit;display:block;overflow:visible;margin:0;padding:10px 8px 5px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0}
.hamburger-box{position:relative;display:inline-block;width:35px;height:24px}
.hamburger-inner{top:50%;display:block;margin-top:-2px}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before{position:absolute;width:35px;height:2px;transition:all ease 0.15s;background-color:#000}
.hamburger-inner::after,
.hamburger-inner::before{display:block;content:""}
.hamburger-inner::before{top:-10px}
.hamburger-inner::after{bottom:-10px}
.hamburger--3dxy .hamburger-box{perspective:80px}
.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(0.645,0.045,0.355,1),background-color 0 cubic-bezier(0.645,0.045,0.355,1) .1s}
.hamburger--3dxy .hamburger-inner::after,
.hamburger--3dxy .hamburger-inner::before{transition:transform cubic-bezier(0.645,0.045,0.355,1) .1s}
.hamburger--3dxy.is_active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important}
.hamburger--3dxy.is_active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}
.hamburger--3dxy.is_active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}

header{position: relative; z-index:9;}
h1{font-size:14px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width: 500px;}
.h_box{width:100%;position: fixed;background: #3e4047;width: 100%;height: auto;padding: 10px 10px;}
.h_inner{display:flex;justify-content:space-between;align-items: center;height: 100%;}
.header_on{display: flex;justify-content: flex-end;}
.bogoflags{display: none !important;}
.header_languages a,
.header_languages span{color: #fff;line-height: 1.2;}
.header_languages a{border: 1px solid #fff;padding: 5px 30px 5px 10px;border-radius: 999px;display: inline-flex;justify-content: center;align-items: center;position: relative;width: 100px;}
.header_languages a::after{content: '';position: absolute;top: calc((100% - 5px)/2);right: 10px;width: 10px;height: 5px;clip-path: polygon(50% 100%, 0 0, 100% 0);background: #fff;transition: .3s ease-in-out;}
.header_languages li.current{}
.header_languages li:not(.current){position: absolute;top: calc((100% + 5px));left: 0;transition: .3s ease-in-out;opacity: 0;visibility: hidden;}
header .h_box .inner{padding: 0 !important;}
.header_languages ul{position: relative;}
.header_languages li:not(.current) a{background: var(--mcolor);padding: 5px 20px;}
.header_languages li:not(.current) a::after{display: none;}
/*==========================================================
                  M A I N    V I S U A L
==========================================================*/
main{position: relative;z-index: 2;padding-top: 0;}
.mv{position: relative;padding: 0;}
.mv_bg{position:relative;overflow:hidden;opacity:0;transition:all .3s;}
.mv_bg.init{opacity:1}
.mv_slider{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.mv_bg,.mv_slider_ite{width:100%;height:680px}
.mv_slider_ite .bg{position:absolute;width:100%;height:100%;z-index:0;top:0;left:0;background-size:cover;background-position:center}
.mv_slider_ite.zoomed .bg{animation-name:zoomImg;animation-duration:6s;animation-timing-function:linear;animation-fill-mode:forwards}

.mv_txt{position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:auto}
.mv_txt h2{font-size:40px;font-weight:bold;text-align:center}

@keyframes zoomImg { 0%{transform:scale(1.2)} 100%{transform:scale(1.0)}}

/*==========================================================
                M A I N    C O N T E N T
==========================================================*/
/* DEFAULT TITLE */
.ttl_h3{text-align: center;font-weight: bold;}
.ttl_h3:not(:last-child){margin-bottom: 30px;}
.ttl_h3 span{display: block;}
.ttl_h3 .ja{font-size: 32px;}
.ttl_h3 .en{font-size: 16px;}

/* DEFAUTL NAME BUTTON */
.under main .btn_contact_custom input,
.btn a{display: flex;justify-content: center;align-items: center;width: 554px;height: 72px;background: var(--mcolor);font-size: 36px;color: #fff;font-weight: 300;font-family: var(--f-mincho);}
.btn.center a{margin-left: auto; margin-right: auto;}
.btn.btn_pdf a{background: #6e6ea5;font-size: 32px;}

.btn_box:not(:last-child){margin-bottom: 30px;}
.btn_box{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;}
.btn_box .btn{margin: 10px;}

section{padding: 40px 0;}

/*============= SEC01 ==============*/
.p_fix{display: inline-block;margin: 0 0 -10px 0;}
.sec01{padding: 207px 0 0px 0px;}
.date_night{text-align: center;margin: 0 0 64px 0;}
.meeting_events p{font-family: var(--f-robo);text-align: center;line-height: 1.5;}
.meeting_events .big{font-size: 57px;letter-spacing: 0.13em;margin: 0 0 0 0;font-weight: 400;}
.meeting_events .small{font-size: 24px;letter-spacing: 0.1em;margin: -10px 0 0 0;font-weight: 300;}
.hotel_logo{text-align: center;margin: 0 0 28px 0;}
.meeting_events{margin: 0 0 15px 0;}
.s1_hotel{width: 100%;max-width: 687px;margin: 0 auto;position: relative;}
.s1_text_bottom p{font-size: 23px;color: #1a1a1a;line-height: 1.7;letter-spacing: 0;font-weight: 500;}
.s1_images{margin: 0 0 25px 0;}
.s1_text_left{position: absolute;left: -114px;top: 2px;display: flex;}
.s1_text_left p{margin: 0 0;font-size: 22px;font-weight: 600;letter-spacing: 2px;background: -webkit-linear-gradient(#b9955e 0%, #6e6ea5 90%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
/*============= SEC02 ==============*/
.s2_ttl{text-align: center;}
.sec02{padding: 30px 0 50px 0;}
.s2_ttl{position: relative;padding: 280px 0 0 0;}
.s2_ttl::before{content: '';position: absolute;top: 0;left: calc((100% - 2px)/2);width: 2px;height: 240px;background: -webkit-linear-gradient(#b9955e 0%, #6e6ea5 60%);}
.s2_content{width: 100%;margin: 68px 0 0 0;}
.s2_flex{display: flex;margin: 0 0 10px 0;}
.s2_left{background: #55555d;width: 800px;padding: 53px 0;display: flex;justify-content: center;align-items: center;}
.s2_right{background: #b9955e;width: calc((100% - 800px));padding: 53px 0;}
.s2_right_ttl01 p{font-size: 26px;color: #fff;font-weight: 300;line-height: 1.7;letter-spacing: 0.045em;}
.s2_right_box_head{display: flex;margin: 0 0 50px 0;}
.s2_right_ttl01 .let{font-size: 30px;}
.s2_right_box{padding: 80px 10px 10px 165px;position: relative;}
.s2_close_btn{position: absolute;top: 0;right: 20px;transition: .3s all;opacity: 0;visibility: hidden;cursor: pointer;}
.active .s2_close_btn{opacity: 1;visibility: visible;}
.s2_close_btn p{font-size: 24px;font-family: var(--f-robo);font-weight: 500;color: #fff;position: relative;padding: 30px 0 0 0;transition: .3s ease-in-out;}
.s2_close_btn p::before{content: '';position: absolute;top: 0;left: calc((100% - 32px)/2);width: 32px;height: 36px;background: url(../images/more_icon.png) no-repeat center/100%;transform: rotate(180deg);transition: .3s ease-in-out;}
.s2_right_ttl02{margin: -45px 0 0 211px;}
.s2_right_box_ttl p{font-size: 28px;font-weight: 500;color: #fff;line-height: 1.5;letter-spacing: 0.05em;}
.s2_right_box_ttl{margin: 0 0 40px 0;}
.s2_right_box_des .des_box p{font-size: 28px;font-weight: 300;color: #fff;line-height: 1.5;letter-spacing: 0.05em;}
.s2_right_box_des{padding: 0;position: relative;width: 100%;max-width: 715px;transition: .3s ease-in-out;}
.active .s2_right_box_des{max-width: 90%;}
.s2_right_box_des .boxes:first-child p{-webkit-line-clamp: 4;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box;}
.des_more{position: absolute;bottom: 3px;right: -84px;cursor: pointer;}
.des_more p{font-size: 24px;color: #fff;font-family: var(--f-robo);font-weight: 500;letter-spacing: 0.05em;position: relative;transition: .3s ease-in-out;}
.des_more p::before{content: '';position: absolute;top: calc((100% + 0px));left: calc((100% - 32px)/2);width: 32px;height: 36px;background: url(../images/more_icon.png) no-repeat center/100%;transition: .3s ease-in-out;}
.des_more.active p::before{transform: rotate(180deg);}
.s2_btn{margin: 142px 0 0 0;}
.boxes:not(:last-child){margin: 0 0 50px 0;}
.boxes:not(:first-child){display: none;}
.s2_right_box_des .boxes.active:first-child p{-webkit-line-clamp: 100;}
.sec02b .s2_ttl::before{display: none;}
.sec02b .s2_ttl{padding: 35px 0 0 0;}
.sec02b .s2_content{margin: 103px 0 0 0;}
.s2_flex.reverse{flex-direction: row-reverse;}
.sec02b .s2_right{background: #6e6ea5;}
.reverse .s2_right_box{padding: 80px 10px 10px 250px;}
.reverse .s2_right_ttl02{margin: -34px 0 0 45px;}
.reverse .s2_right_box_head{margin: 0 0 60px 0;}
/* .s2_man{position: sticky;top: 50px;} */
.sec02b{padding-bottom: 0;}
/*============= SEC03 ==============*/
.sec03{padding: 0 0;}
.bg_text p{font-size: 31px;font-family: var(--f-mincho);letter-spacing: -0.5px;line-height: 1.5;font-weight: 500;}
.bg_text{text-align: center;padding: 158px 0;}
.bg_image p{margin: 0;}
.s3_list01{display: flex;flex-wrap: wrap;}
.s3_list02{display: flex;}
.bg_image img{width: 100%;height: 100%;object-fit: cover;}
.bg_image .bg01{width: calc( calc((100% / 3)*2) )}
.bg_image .bg02{width: calc( (100% - (100%/ 3 ) * 2 ) )}
.bg_image .bg03{width: calc((100% / 3));}
.bg_image .bg04{width: calc((100% / 3));}
.bg_image .bg05{width: calc((100% / 3));}
/*============= SEC04 ==============*/
.s4_ct01{position: relative;}
.s4_ct01::before{content: '';position: absolute;top: 78px;left: calc((100% - 78px)/2);width: 1px;height: 235px;background: #b19e6e;}
.sec04{padding: 112px 0 0 0;}
.sec04 .inner{width: 1360px;}
.s4_box_ttl p{font-size: 28px;color: #895d3b;line-height: 1.5;letter-spacing: 0.07em;font-weight: 500;}
.s4_box_ttl{border-bottom: 2px solid #b19e6e;padding: 0 5px 8px 5px;margin: 0 0 25px 0;}
.s4_flex{display: flex;}
.s4_col{width: 100%;max-width: 50%;}
.s4_box_package dl{display: flex;border-bottom: 1px solid #b19e6e;padding: 0 0 12px 0;margin: 0 0 11px 0;}
.s4_box_package dt{font-size: 27px;color: #58595b;padding: 0px 0 0 26px;letter-spacing: 0.025em;line-height: 1.5;margin: 0 42px 0 0;font-weight: 500;}
.s4_box_package dd{font-size: 27px;color: #58595b;line-height: 1.5;letter-spacing: 0.03em;font-weight: 500;}
.pr_space{padding-right: 70px;}
.s4_box_list02 li{position: relative;padding: 0 0 0 15px;font-size: 26px;color: #58595b;letter-spacing: -1px;line-height: 1.2;margin: 0 0 2px 0;}
.s4_box_list02 li::before{content: '';position: absolute;top: 14px;left: 0;width: 6px;height: 6px;border-radius: 50%;background: #58595b;}
.s4_box_list02 li .small{font-size: 22px;}
.s4_ct02{margin: 40px 0 0 0;}
.s4_ct02 .s4_box_ttl p{font-size: 25px;}
.s4_box_normal dl{display: flex;margin: 0 0 14px 0;}
.s4_box_normal dt{font-size: 21px;color: #58595b;font-weight: 500;line-height: 1.4;}
.s4_box_normal dd{font-size: 21px;color: #58595b;font-weight: 500;line-height: 1.4;}
.s4_ct02 .s4_box_list02 li{font-size: 21px;margin: 0 0 13px 0;}
.s4_ct02 .s4_box_ttl{margin: 0 0 15px 0;}
.s4_ct02 .s4_box_list02 li::before{top: 10px;}
.s4_ct02{border-bottom: 1px solid #b19e6e;padding: 0 0 5px 0;}
.s4_content_text dl{display: flex;align-items: center;}
.s4_content_text dt{font-size: 21px;color: #58595b;font-weight: 500;margin: 0 35px 0 0;flex-shrink: 0;}
.s4_content_text dd{font-size: 16px;color: #58595b;font-weight: 600;}
.s4_logo_hotel{text-align: center;margin: 95px 0 22px 0;}
/*============= SEC05 ==============*/
.sec05{padding: 53px 0 93px 0;}
.s5_bg{position: relative;margin: 0 0 45px 0;}
.s5_img_txt{position: absolute;bottom: 165px;right: 282px;}
.s5_ttl{text-align: center;margin: 0 0 20px 0;}
.s5_ttl p{font-size: 44px;color: #3e4047;font-family: var(--f-mincho);}
/* .s5_table tr{display: flex;} */
table.tb_fix{table-layout: fixed;border-collapse: collapse;width: 100%;}
.width_30{width: 240px;}
.s5_table th{font-size: 19px;color: #b19e6e;line-height: 1.1;text-align: center;font-weight: 500;font-family: var(--f-main);padding: 20px 10px;border: 0;}
.s5_table td{padding: 15px 10px;text-align: center;vertical-align: middle;font-family: var(--f-robo);color: #58595b;font-size: 22px;border: 0;}
.s5_table td p{font-family: var(--f-robo);color: #58595b;}
.s5_table th p{line-height: 1.1;font-weight: 500;font-family: var(--f-main);white-space: nowrap;}
.s5_table td .bold{font-size: 18px;color: #1a1a1a;}
.s5_table th .ttl{margin: 0 0 25px 0;min-height: 42px;}
.s5_table table{border-top: 2px solid #b19e6e;border-bottom: 2px solid #b19e6e;}
.s5_table table tr:first-child{border-bottom: 2px solid #b19e6e;}
.s5_table td:first-child{text-align: left;}
.bb_line{border-bottom: 1px solid #b19e6e;}
.sec05 .inner{width: 1380px;}
.s5_flex02{display: flex;justify-content: space-between;padding: 0 30px 0 30px;}
.s5_content02{margin: 117px 0 0 0;}
.s5_txt{text-align: center;}
.s5_txt p{line-height: 1.5;font-size: 24px;color: #895d3b;}
.s5_txt.mt_auto{margin: 20px 0;}
.s5_txt.mt_fix{margin: 5px 0 30px 0;}
.s5_txt.mt_fix:last-child{margin-bottom: 0;}
.s5_box_map{text-align: center;margin: 105px 0 0 0;}
.s5_btn{margin: 220px 0 0 0;}
/*============= SEC06 ==============*/

/*============= SEC07 ==============*/

/*============= SEC08 ==============*/

/*==========================================================
                        F O O T E R
==========================================================*/
.ft_logo{text-align: center;margin: 0 0 15px 0;}
.ft_address{text-align: center;margin: 0 0 15px 0;}
.ft_address p{line-height: 1.5;font-size: 22px;color: #403f41;font-family: var(--f-robo);letter-spacing: -1px;}
footer{position: relative;z-index: 3;border-bottom: 70px solid #3e4047;padding-bottom: 80px;}
.ft_tel_mail{text-align: center;margin: 0 0 10px 0;}
.ft_tel_mail a{display: inline-block;font-size: 40px;font-weight: 700;color: #403f41;font-family: var(--f-robo);}
.ft_tel_mail a .txt{color: #926f4a;}
.ft_company_other{text-align: center;margin: 30px 0 0 0;}


address{background-color: var(--mcolor);padding: 20px;color:#fff;text-align:center;}

/* BACK TO TOP */
.to_top{position:fixed;z-index:9;width:70px;height:70px;bottom:20px;right:20px;cursor:pointer;transition:all .2s;opacity:0;visibility:hidden;width: 70px;height: 70px;background: var(--mcolor);}
.to_top::after{content: '';position: absolute;top: calc((100% - 12px)/2);left: calc((100% - 26px)/2);background: url(../images/btn_top.png) no-repeat center/100%;width: 26px;height: 12px;}
.to_top.show{transform:scale(1);opacity:1;visibility:visible}

/* FIREFOX ONLY */
@-moz-document url-prefix() {}

/* Safari 10.1+ (which is the latest version of Safari at this time) */
@media not all and (min-resolution: 0.001dpcm) {}

.en main p,.en main th,.en main td,.en main li{font-family: var(--f-robo);}