@charset "utf-8";
/* ===================================================
	Home CSS
====================================================== */

/* ---------------------------------------------------
	Common Parts
------------------------------------------------------ */
.cmn_tit_01{ width: 100%; display: flex; flex-direction: column; align-items: center; padding: 0 0 50px;}
.cmn_tit_01 span.label{ background: #a69061; color: #fff; font-size: 20px; line-height: 1; letter-spacing: 0.02em; padding: 10px 20px; display: inline-block;}
.cmn_tit_01 span.en{ font-size: 70px; line-height: 1; letter-spacing: 0; color: #a69061; padding: 15px 0 20px;}
.cmn_tit_01 span.ja{ font-size: 20px; line-height: 1; color: #555;}

@media screen and (max-width: 600px) {
.cmn_tit_01{ padding: 0 0 20px;}
.cmn_tit_01 span.label{ font-size: 16px; padding: 10px 20px;}
.cmn_tit_01 span.en{ font-size: 50px; padding: 10px 0 10px;}
.cmn_tit_01 span.ja{ font-size: 18px; }
}

/* ---------------------------------------------------
	Section Eyecatch
------------------------------------------------------ */
/*.box_eyecatch{ position: relative; z-index: 1;}
.box_eyecatch .img{ width: 100%; height: 900px; object-fit: cover;}*/

.box_eyecatch{ width: 100%; height: auto; overflow: hidden; font-size: 0; position: relative; padding: 0; margin: 0;}
.box_eyecatch .box_slide{ position: relative; z-index: 1; line-height: 0; height: auto; margin: 0;}
.box_eyecatch .img{ width: 100%; height: 900px;}
.box_eyecatch .box_slide .slick-slide{ opacity: 1 !important; }
.box_eyecatch .box_slide .slideobject{ height: calc( 100vh - 100px ); opacity: 0; transition: 0s; padding-top: 50%; position: relative; z-index: 10; overflow: hidden; vertical-align: bottom; }
.box_eyecatch .box_slide .slideobject .img{ width: 100%; height: 100%; position: absolute; z-index: 10; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover;}
.box_eyecatch .box_slide .slick-active .slideobject{ opacity: 1; transition: linear 3.0s; }
.box_eyecatch .box_slide .slick-continue .slideobject{ opacity: 0; transition: linear 3.0s; }
.box_eyecatch .box_slide .img{ transform: scale(1.0, 1.0); transition: 0s; }
.box_eyecatch .box_slide .slick-active .img{ transform: scale(1.1, 1.1); transition: linear 6s; }
.box_eyecatch .box_slide .slick-continue .img{ transform: scale(1.2, 1.2); transition: linear 6s; }
.box_eyecatch .box_slide .cap{ color: #fff; font-size: 14px; position: absolute; bottom: 30px; left: 30px; z-index: 11; text-shadow: 0px 0px 2px #000;}
.box_eyecatch .msg{ position: absolute; top: 0; left: 0; width: 100%; filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.6)); z-index: 2}
.box_eyecatch .msg .open{ width: 480px; position: absolute; top: 210px; left: 5%;}
.box_eyecatch .msg .txt_01{ font-size: 24px; color: #fff; position: absolute; top: 320px; left: 7%;}
.box_eyecatch .msg .txt_02{ width: 402px; position: absolute; top: 360px; left: 5%;}

@media screen and (max-width: 600px) {
.box_eyecatch{ width: 100%; height: auto; padding: 0; margin: 0;}
.box_eyecatch{ margin: 0; overflow: visible;}
.box_eyecatch .box_slide .slick-list{ width: 100%; margin: 0;}
.box_eyecatch .box_slide .slick-list,
.box_eyecatch .box_slide .slick-track,
.box_eyecatch .box_slide .slick-slide > div{ height: 550px;}
.box_eyecatch{ overflow: hidden;}
.box_eyecatch .box_slide{ height: 550px;}
.box_eyecatch .box_slide .slideobject{ height: 100%; padding-top: 100%;}
.box_eyecatch .box_slide .cap{ font-size: 10px; bottom: 30px; left: 15px;}
.box_eyecatch .msg{ position: absolute; top: 0; left: 0; width: 100%; filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.6));}
.box_eyecatch .msg .open{ width: 100%; position: absolute; top: 100px; left: 0; text-align: center;}
.box_eyecatch .msg .open img{ width: 280px;}
.box_eyecatch .msg .txt_01{ font-size: 16px; color: #fff; position: absolute; top: 160px; left: 0; width: 100%; text-align: center;}
.box_eyecatch .msg .txt_02{ width: 100%; position: absolute; top: 190px; left: 0; text-align: center;}
.box_eyecatch .msg .txt_02 img{ width: 235px;}
}

/* ---------------------------------------------------
	Box Information
------------------------------------------------------ */
.box_info{ width: 90%; max-width: 1000px; margin: 0 auto; padding: 50px 0 0;}
.box_info > div{ margin: 20px 0 0 0;}
.box_info > div.member{ cursor: pointer;}

@media screen and (max-width: 600px) {
.box_info{ width: 90%; padding: 20px 0 0;}
.box_info > div{ margin: 20px 0 0 0;}
}

/* モーダル */
/*.modal{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,50%); padding: 40px 20px; overflow: auto; opacity: 0; visibility: hidden; transition: .3s; box-sizing: border-box; z-index: 10; color: #000;}
.modal:before{ content: ""; display: inline-block; vertical-align: middle; height: 100%; margin-left: -0.2em; }
.modal.is-active{ opacity: 1; visibility: visible; }
.modal-container{ position: relative; display: inline-block; vertical-align: middle; max-width: 1100px; width: 90%;}
.modal-close{ position: absolute; display: block; top: 35px; right: 35px; width: 40px; height: 40px; color: #000; cursor: pointer; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.modal-close::before,
.modal-close::after{ content: ""; display: block; width: 45px; height: 1px; background: #000; transform-origin: center center; position: absolute; top: 50%; left: 50%;}
.modal-close::before{ transform: translate(-50%, -50%) rotate(45deg);}
.modal-close::after{ transform: translate(-50%, -50%) rotate(-45deg);}
.modal-content{ background: #fff; text-align: left; line-height: 1.8; padding: 60px 120px; border-radius: 10px;}
.modal-content .txt_01{ text-align: center;}
.modal-content .txt_02{ text-align: center; font-size: 24px; letter-spacing: 0.1em; line-height: 1; padding: 35px 0 25px;}
.modal-content .txt_03{ text-align: center; font-size: 20px; letter-spacing: 0.1em; line-height: 1; padding: 0 0 15px;}
.modal-content .list_01{ letter-spacing: 0.15em;}
.modal-content .list_01 > div{ background: #f3f0e3; margin: 0 0 10px; padding: 15px 0; display: flex; justify-content: flex-start;}
.modal-content .list_01 dt{ width: 110px; display: flex; justify-content: center; align-items: center;}
.modal-content .list_01 dd{ width: calc( 100% - 110px); border-left: solid 1px #000; padding: 0 30px; font-size: 16px; line-height: 2;}
.modal-content .list_01 dd em{ font-size: 20px; color: #af1010; font-style: normal;}
.modal-content .list_01 dd strong{ font-size: 28px;}
.modal-content .list_01 dd p.digico{ padding: 10px 0 0;}
.modal-content .list_01 dd p.digico img{ width: 100%; height: auto;}
.modal-content .note{ padding: 0 0 0 1em; text-indent: -1em;}
.modal-content .btn{ width: 300px; height: 60px; margin: 20px auto 0;}
.modal-content .btn a{ display: block; width: 100%; height: 100%; background: #000; color: #fff; text-align: center; line-height: 60px; transition: background 0.5s;}
.modal-content .btn a:hover{ text-decoration: none; background:#444;}*/

/*@media screen and (max-width: 600px) {
.modal{ padding: 20px 0; z-index: 201; }
.modal-close{ top: 15px; right: 15px; width: 20px; height: 20px;}
.modal-close::before,
.modal-close::after{ width: 25px;}
.modal-content{ line-height: 1.8; padding: 60px 5% 5%; border-radius: 10px;}
.modal-content .txt_01{ width: 80%; margin: 0 auto;}
.modal-content .txt_02{ font-size: 16px; letter-spacing: 0.05em; line-height: 1.5; padding: 20px 0 10px;}
.modal-content .txt_03{ font-size: 15px; letter-spacing: 0.1em; line-height: 1; padding: 0 0 15px;}
.modal-content .list_01{ letter-spacing: 0.15em;}
.modal-content .list_01 > div{ flex-direction: column;}
.modal-content .list_01 dt{ width: 100%; padding: 0 0 10px;}
.modal-content .list_01 dt img{ width: auto; height: 18px;}
.modal-content .list_01 dd{ width: 90%; border-left: none; border-top: solid 1px #000; padding: 10px 0 0; margin: 0 auto; font-size: 15px; line-height: 1.5;}
.modal-content .list_01 dd em{ font-size: 18px;}
.modal-content .list_01 dd strong{ font-size: 20px;}
.modal-content .list_01 dd p.digico{ padding: 10px 0 0;}
.modal-content .note{ font-size: 14px;}
.modal-content .btn{ width: 100%; height: 60px; margin: 20px auto 0;}
}*/

/* ---------------------------------------------------
Section About
------------------------------------------------------ */
.sec_about{ padding: 100px 0 0; color: #fff;}
.sec_about .box_01{ background: #1a1a1a url( "../../img/about_bg_01.webp") no-repeat center bottom; background-size: 1600px;}
.sec_about .box_01_01{ position: relative; min-height: 700px;}
.sec_about .box_01_01 .box_txt{ position: relative; z-index: 3; width: 90%; max-width: 1200px; margin: 0 auto; padding: 100px 0 0;}
.sec_about .box_01_01 .img_01{ position: absolute; z-index: 1; right: 0; top: 0; width: 59.3%; overflow: hidden;}
.sec_about .box_01_01 .img_01 img{ width: 100%; height: 700px; object-fit: cover;}
.sec_about .box_01_02{ padding: 100px 0; text-align: center;}
.sec_about .box_01_03{ background: #000; width: 900px; margin: 0 auto; padding: 50px; text-align: center;}
.sec_about .tit_01{ font-size: 120px; line-height: 1; background: linear-gradient(0deg, #a89e6b 0%, #fdf1b4 25%, #a89e6b 51%, #fdf1b4 75%, #a89e6b 100%); color: transparent; background-clip: text; text-fill-color: transparent; padding: 0 0 50px;}
.sec_about .tit_02{ display: flex; flex-direction: column;}
.sec_about .tit_02 .en{ font-size: 60px; line-height: 1.1; color: #c6b977; padding: 0 0 15px;}
.sec_about .tit_02 .ja{ font-size: 16px; padding: 0 0 15px;}
.sec_about .txt_01{ font-size: 30px; line-height: 2.1; padding: 0 0 20px;}
.sec_about .txt_02{ font-size: 18px; line-height: 3.3;}
.sec_about .txt_03{ font-size: 26px; line-height: 1.8; padding: 0 0 20px;}
.sec_about .txt_04{ font-size: 16px; line-height: 2.5;}
.sec_about .txt_05{ font-size: 16px; line-height: 2; color: #ccc; letter-spacing: 0.01em; padding: 0 0 10px;}
.sec_about .box_02{ background: #1a1a1a url( "../../img/about_bg_02.webp") no-repeat center top; background-size: 100%; padding: 0 0 100px;}
.sec_about .box_02 .inner_md{ display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;}
.sec_about .box_02 .img_02{ padding: 80px 0 0; width: 58%; max-width: 700px;}
.sec_about .box_02 .img_03{ padding: 160px 0 0; width: 33.3%; max-width: 400px;}
.sec_about .box_02 .box_txt{ position: absolute; right: 0; bottom: 0; width: 42%; max-width: 500px;}
.sec_about .box_02 .img_04{ padding: 70px 0 0; width: 50%; max-width: 600px; overflow: hidden;}
.sec_about .box_02 .img_02 img,
.sec_about .box_02 .img_03 img,
.sec_about .box_02 .img_04 img{ width: 100%; height: auto;}

@media screen and (max-width: 600px) {
.sec_about{ padding: 50px 0 0;}

.sec_about .box_01{ background: #1a1a1a; padding: 0 0 30px;}
.sec_about .box_01_01{ min-height: auto;}
.sec_about .box_01_01 .box_txt{ padding: 0;}
.sec_about .box_01_01 .img_01{ position: static; width: 90%; margin: 20px auto 0;}
.sec_about .box_01_01 .img_01 img{ height: auto; object-fit: contain;}
.sec_about .box_01_02{ padding: 50px 5%; background: #1a1a1a url( "../../img/about_bg_01.webp") no-repeat center calc( 50% - 80px ); background-size: 110%;}
.sec_about .box_01_03{ width: 90%; padding: 12% 7%;}
.sec_about .box_01_03 .view_pc{ display: none;}
.sec_about .tit_01{ font-size: 60px; padding: 30px 0 20px;}
.sec_about .tit_02 .en{ font-size: 40px; line-height: 1.1; padding: 0 0 5px;}
.sec_about .tit_02 .ja{ font-size: 16px; padding: 0 0 15px;}
.sec_about .txt_01{ font-size: 23px; line-height: 1.8; padding: 0 0 20px;}
.sec_about .txt_02{ font-size: 16px; line-height: 2;}
.sec_about .txt_03{ font-size: 20px; line-height: 1.7; padding: 0 0 20px;}
.sec_about .txt_04{ font-size: 16px; line-height: 1.7; text-align: left;}
.sec_about .txt_05{ font-size: 16px; line-height: 1.7; padding: 0 0 10px; text-align: left;}
.sec_about .box_02{ background: #1a1a1a url( "../../img/about_bg_02.webp") no-repeat center center; background-size: 100%; padding: 0 0 50px;}
.sec_about .box_02 .img_02{ padding: 20px 0 0; width: 100%; max-width: 100%;}
.sec_about .box_02 .img_03{ padding: 20px 0 20px 40%; width: 60%; max-width: 60%; box-sizing: content-box;}
.sec_about .box_02 .box_txt{ position: static; right: 0; bottom: 0; width: 100%; max-width: 100%;}
.sec_about .box_02 .img_04{ padding: 10px 0 0; width: 100%; max-width: 100%;}
}

/* ---------------------------------------------------
Section Room Type
------------------------------------------------------ */
.sec_roomtype{ padding: 100px 0; background-image: url("../../img/roomtype_bg_01.webp") , url("../img/bg_pattern_01.webp") ; background-repeat: no-repeat , repeat; background-position: center bottom -110px , center center; background-size: 100% , 300px;}
.sec_roomtype .box_imgs{ position: relative; z-index: 1;}
.sec_roomtype .box_imgs .switch_img{ display: none; width: 100%;/* position: absolute; top: 0; left: 0;*/}
.sec_roomtype .box_imgs .switch_img.view{ display: block;}
.sec_roomtype .box_imgs .switch_img img{ width: 100%; height: auto;}
.sec_roomtype .box_tabs{ position: relative; z-index: 2; width: 1200px; margin: -50px auto 50px; display: flex; justify-content: space-between; }
.sec_roomtype .box_tabs .switch_tab{ width: 48%; background: #777; color: #fff; display: flex; flex-direction: column; justify-content: center; align-items: center; cursor: pointer; padding: 15px 0; transition: filter 0.5s;}
.sec_roomtype .box_tabs .switch_tab.on{ background: #a69061;}
.sec_roomtype .box_tabs .switch_tab:hover{ filter: brightness(1.2);}
.sec_roomtype .box_tabs .switch_tab .en{ font-size: 50px; line-height: 1; padding: 0 0 10px;}
.sec_roomtype .box_tabs .switch_tab .ja{ font-size: 16px; line-height: 1;}
.sec_roomtype .box_details{ position: relative; z-index: 3;}
.sec_roomtype .box_details .switch_detail{ display: none;}
.sec_roomtype .box_details .switch_detail.view{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.sec_roomtype .box_details .box_txt{ width: 51%; max-width: 620px;}
.sec_roomtype .box_details .map_01{ width: 41%; max-width: 500px;}
.sec_roomtype .box_details .map_01 img{ width: 100%; height: auto;}
.sec_roomtype .box_details .txt_01{ font-size: 26px; line-height: 1.8; color: #a69061; padding: 0 0 10px;}
.sec_roomtype .box_details .txt_02{ font-size: 16px; line-height: 2;}
.sec_roomtype .box_details .list_01{ border-top: solid 1px #aaa; margin: 30px 0 0;}
.sec_roomtype .box_details .list_01 > div{ border-bottom: solid 1px #aaa; display: table; width: 100%;}
.sec_roomtype .box_details .list_01 dt,
.sec_roomtype .box_details .list_01 dd{ display: table-cell; font-size: 16px; line-height: 1.5; padding: 20px; text-align: left; vertical-align: middle;}
.sec_roomtype .box_details .list_01 dt{ width: 3em;}
.sec_roomtype .box_details .list_01 dd{ width: calc( 100% - 3em );}

@media screen and (max-width: 600px) {
.sec_roomtype{ padding: 50px 0; background-image: url("../img/bg_pattern_01.webp") ; background-repeat: repeat; background-position: center center; background-size: 300px;}
.sec_roomtype .box_tabs{ width: 90%; margin: -25px auto 30px; }
.sec_roomtype .box_tabs .switch_tab{ padding: 10px 0;}
.sec_roomtype .box_tabs .switch_tab .en{ font-size: 18px; line-height: 1; padding: 0 0 5px; letter-spacing: 0.05em;}
.sec_roomtype .box_tabs .switch_tab .ja{ font-size: 12px; line-height: 1;}
.sec_roomtype .box_details .switch_detail.view{ flex-direction: column;}
.sec_roomtype .box_details .box_txt{ width: 100%; max-width: 100%; padding: 0 0 20px;}
.sec_roomtype .box_details .map_01{ width: 100%; max-width: 100%;}
.sec_roomtype .box_details .txt_01{ font-size: 20px; line-height: 1.4; padding: 0 0 10px;}
.sec_roomtype .box_details .txt_02{ font-size: 16px; line-height: 1.7;}
.sec_roomtype .box_details .list_01{ margin: 30px 0 0;}
.sec_roomtype .box_details .list_01 dt,
.sec_roomtype .box_details .list_01 dd{ font-size: 16px; line-height: 1.5; padding: 10px;}
}

/* ---------------------------------------------------
Section Facilities
------------------------------------------------------ */
.sec_facilities{ padding: 100px 0; background: #2f2f2f url("../img/bg_pattern_03.webp"); background-size: 300px; color: #dadada;}
.sec_facilities .cmn_tit_01 span.ja{ color: #dadada;}
.sec_facilities .box_imgs{ display: flex; justify-content: space-between;}
.sec_facilities .box_imgs > div{ width: 49.5%; max-width: 595px;}
.sec_facilities .box_imgs > div img{ width: 100%; height: auto;}
.sec_facilities .txt_01{ text-align: center; font-size: 16px; line-height: 1.8; padding: 40px 0;}
.sec_facilities .list_01{ border-top: solid 1px #aaa;}
.sec_facilities .list_01 > div{ border-bottom: solid 1px #aaa; display: table; width: 100%;}
.sec_facilities .list_01 dt,
.sec_facilities .list_01 dd{ display: table-cell; font-size: 16px; line-height: 1.5; padding: 30px 20px; text-align: left; vertical-align: top;}
.sec_facilities .list_01 dt{ width: 8em;}
.sec_facilities .list_01 dd{ width: calc( 100% - 8em );}
.sec_facilities .list_01 dd p{ padding: 0 0 10px;}
.sec_facilities .list_01 dd p:last-of-type{ padding: 0;}

@media screen and (max-width: 600px) {
.sec_facilities{ padding: 50px 0;}
.sec_facilities .box_imgs{ flex-direction: column;}
.sec_facilities .box_imgs > div{ width: 100%; max-width: 100%; padding: 0 0 10px;}
.sec_facilities .txt_01{ text-align: left; font-size: 16px; line-height: 1.7; padding: 20px 0;}
.sec_facilities .list_01 > div{ display: block; width: 100%;}
.sec_facilities .list_01 dt,
.sec_facilities .list_01 dd{ display: block; font-size: 16px; line-height: 1.7; box-sizing: border-box;}
.sec_facilities .list_01 dt{ width: 100%; padding: 20px 15px 10px;}
.sec_facilities .list_01 dd{ width: 100%; padding: 0 15px 20px;}
.sec_facilities .list_01 dd p{ padding: 0 0 10px;}
.sec_facilities .list_01 dd p:last-of-type{ padding: 0;}
}

/* ---------------------------------------------------
Section Meal
------------------------------------------------------ */
.sec_meal{ padding: 100px 0;}
.sec_meal .inner_md{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.sec_meal .cmn_tit_01{ width: 100%;}
.sec_meal .txt_01{ width: 100%; text-align: center; padding: 0 0 50px;}
.sec_meal .sec_in{ width: 47.5%; max-width: 570px; margin: 0 0 40px;}

.sec_meal .sec_in .img{ position: relative;}
.sec_meal .sec_in .img .comment{ position: absolute; bottom: 10px; left: 10px; color: #fff; font-size: 12px; line-height: 1;}
.sec_meal .sec_in .tit_02{ padding: 15px 0; display: flex; align-items: baseline; justify-content: flex-start;}
.sec_meal .sec_in .tit_02 .en{ font-size: 40px; line-height: 1; letter-spacing: 0; color: #a69061;}
.sec_meal .sec_in .tit_02 .ja{ padding: 0 0 0 0.5em;}
.sec_meal .sec_in .txt_02{ line-height: 2;}
.sec_meal .list_note{ width: 100%;}
.sec_meal .list_note li{ padding: 0 0 5px 1em; text-indent: -1em; line-height: 2;}

@media screen and (max-width: 600px) {
.sec_meal{ padding: 50px 0;}
.sec_meal .inner_md{ flex-direction: column;}
.sec_meal .txt_01{ width: 100%; text-align: left; padding: 0 0 30px; line-height: 1.7;}
.sec_meal .sec_in{ width: 100%; max-width: 100%; margin: 0 0 40px;}
.sec_meal .sec_in .tit_02{ padding: 15px 0 5px;}
.sec_meal .sec_in .tit_02 .en{ font-size: 40px;}
.sec_meal .sec_in .txt_02{ line-height: 1.7;}
.sec_meal .list_note li{ padding: 0 0 10px 1em; line-height: 1.7;}
}

/* ---------------------------------------------------
Section Information
------------------------------------------------------ */
.sec_info{ padding: 100px 0; background: #2f2f2f url("../img/bg_pattern_03.webp"); background-size: 300px; color: #dadada;}
.sec_info .cmn_tit_01 span.ja{ color: #dadada;}
.sec_info .list_01{ border-top: solid 1px #aaa;}
.sec_info .list_01 > div{ border-bottom: solid 1px #aaa; display: table; width: 100%;}
.sec_info .list_01 dt,
.sec_info .list_01 dd{ display: table-cell; font-size: 16px; line-height: 1.5; padding: 30px 20px; text-align: left; vertical-align: top;}
.sec_info .list_01 dt{ width: 10em;}
.sec_info .list_01 dd{ width: calc( 100% - 10em );}
.sec_info .list_01 dd .tbl_01{ margin: 10px 0 0;}
.sec_info .list_01 dd .tbl_01 th{ font-weight: normal;}
.sec_info .list_01 dd .list_note li{ padding: 0 0 5px 0.7em; text-indent: -0.7em; line-height: 2;}

@media screen and (max-width: 600px) {
.sec_info{ padding: 50px 0;}
.sec_info .list_01 > div{ display: block; width: 100%;}
.sec_info .list_01 dt,
.sec_info .list_01 dd{ display: block; font-size: 16px; line-height: 1.7; box-sizing: border-box;}
.sec_info .list_01 dt{ width: 100%; padding: 20px 15px 10px;}
.sec_info .list_01 dd{ width: 100%; padding: 0 15px 20px;}
.sec_info .list_01 dd .tbl_01{ margin: 10px 0 0; display: block;}
.sec_info .list_01 dd .tbl_01 th,
.sec_info .list_01 dd .tbl_01 td{ display: inline-block;}
.sec_info .list_01 dd .list_note li{ padding: 0 0 10px 0.7em; line-height: 1.7;}
}

/* ---------------------------------------------------
Section Access
------------------------------------------------------ */
.sec_access{ padding: 100px 0 0;}
.sec_access .txt_01{ width: 100%; text-align: center; padding: 0 0 50px;}
.sec_access .box_gmap,
.sec_access .box_gmap iframe{ width: 100%; height: 600px;}
.sec_access .sec_in{ display: flex; justify-content: space-between; border-bottom: solid 1px #a69061; padding: 50px 0 40px;}
.sec_access .tit_02{ width: 16.6%; max-width: 200px;}
.sec_access .tit_02 span{ display: block;}
.sec_access .tit_02 span.en{ font-size: 40px; font-weight: 500; line-height: 1; letter-spacing: 0; color: #a69061;}
.sec_access .tit_02 span.ja{ padding: 20px 0 0;}
.sec_access .list_01{ width: 83.3%; max-width: 1000px;}
.sec_access .list_01 dt{ font-size: 18px; padding: 0 0 10px;}
.sec_access .list_01 dt::before{ content: "■"; color: #a69061;}
.sec_access .list_01 dd{ padding: 0 0 1.3em 1.3em; letter-spacing: 0.1em;}

@media screen and (max-width: 600px) {
.sec_access{ padding: 50px 0 0;}
.sec_access .txt_01{ padding: 0 0 20px; line-height: 1.5;}
.sec_access .box_gmap,
.sec_access .box_gmap iframe{ width: 100%; height: 300px;}
.sec_access .sec_in{ padding: 30px 0 20px; flex-direction: column;}
.sec_access .tit_02{ width: 100%; max-width: 100%; display: flex; align-items: baseline; padding: 0 0 20px;}
.sec_access .tit_02 span.en{ font-size: 40px; font-weight: 500; line-height: 1; letter-spacing: 0; color: #a69061;}
.sec_access .tit_02 span.ja{ padding: 0 0 0 0.5em;}
.sec_access .list_01{ width: 100%; max-width: 100%;}
.sec_access .list_01 dt{ font-size: 18px; padding: 0 0 5px;}
.sec_access .list_01 dd{ padding: 0 0 10px 1.3em; letter-spacing: 0.1em;}
}