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

/* 動画ファイルのモーダル表示用スタイル overwrite */
.remodal{ line-height: 1;}
.remodal video{ width: 100%;}

@media only screen and (min-width: 641px) {
.remodal { max-width: 1000px !important; }
}

/* --- Slick.js Style Overwrite --- */
.slide_01 .slick-dots{ bottom: 20px; right: 0; width: 40px; display: flex; flex-direction: column; }
.slide_01 .slick-dots li{ margin: 5px 0;}
.slide_01 .slick-dots li button:before{ font-size: 10px; color: #fff; opacity: 1;}
.slide_01 .slick-dots li.slick-active button:before{ font-size: 14px; color: #c9af63;}

@media screen and (max-width: 600px) {
.slide_01 .slick-dots{ bottom: 45px;}
}

/* --- Slick.js Style Overwrite --- */
.slide_02 .slick-list { margin: 0 -5px; }
.slide_02 .slick-slide { margin: 0 5px;}
.slide_02 .slick-prev,
.slide_02 .slick-next{ width: 37px; height: 93px;}
.slide_02 .slick-prev{ left: -45px;}
.slide_02 .slick-next{ right: -45px;}
.slide_02 .slick-prev:before, 
.slide_02 .slick-next:before{ content: ""; background-image: url("../img/ico_arrow_01.svg"); background-repeat: no-repeat; background-position: 0 0; background-size: 37px; width: 37px; height: 93px; display: block;}
.slide_02 .slick-next:before{ transform: rotate(180deg);}

@media screen and (max-width: 600px) {
.slide_02 .slick-prev,
.slide_02 .slick-next{width: 24px; height: 61px;}
.slide_02 .slick-prev{ left: -32px;}
.slide_02 .slick-next{ right: -32px;}
.slide_02 .slick-prev:before, 
.slide_02 .slick-next:before{ background-size: 24px; width: 24px; height: 61px;}
}

/* --- Slick.js Style Overwrite --- */
.slide_03 .slick-list { margin: 0 -5px; }
.slide_03 .slick-slide { margin: 0 5px;}
.slide_03 .slick-prev,
.slide_03 .slick-next{ width: 37px; height: 93px; z-index: 10;}
.slide_03 .slick-prev{ left: -25px;}
.slide_03 .slick-next{ right: -25px;}
.slide_03 .slick-prev:before, 
.slide_03 .slick-next:before{ content: ""; background-image: url("../img/ico_arrow_01.svg"); background-repeat: no-repeat; background-position: 0 0; background-size: 37px; width: 37px; height: 93px; display: block;}
.slide_03 .slick-next:before{ transform: rotate(180deg);}

@media screen and (max-width: 600px) {
.slide_03 .slick-prev,
.slide_03 .slick-next{width: 24px; height: 61px;}
.slide_03 .slick-prev{ left: -15px;}
.slide_03 .slick-next{ right: -15px;}
.slide_03 .slick-prev:before, 
.slide_03 .slick-next:before{ background-size: 24px; width: 24px; height: 61px;}
}

/* ---------------------------------------------------
	Common Parts
------------------------------------------------------ */
/* 共通見出し type01 英語・日本語併記 */
.cmn_tit_01{ background: url( "../img/bg_tit_01.webp") no-repeat center top; background-size: 321px; padding: 80px 0 40px; text-align: center; color: #b3994d;}
.cmn_tit_01 .en{ display: block; font-size: 46px; line-height: 1.3;}
.cmn_tit_01 .ja{ font-size: 15px; line-height: 1.4;}

@media screen and (max-width: 600px) {
.cmn_tit_01{ background: url( "../img/bg_tit_01.webp") no-repeat center top; background-size: 160px; padding: 40px 0 20px;}
.cmn_tit_01 .en{ font-size: 23px; line-height: 1.3;}
.cmn_tit_01 .ja{ font-size: 13px; line-height: 1.4;}
}

/* 共通見出し type02 日本語のみ */
.cmn_tit_02{ background: url( "../img/bg_tit_01.webp") no-repeat center top; background-size: 321px; padding: 60px 0 40px; text-align: center; color: #b3994d; font-size: 28px;}

@media screen and (max-width: 600px) {
.cmn_tit_02{ background: url( "../img/bg_tit_01.webp") no-repeat center top; background-size: 160px; padding: 40px 0 20px; font-size: 20px;}
}

/* ---------------------------------------------------
	Section Eyecatch
------------------------------------------------------ */
.box_eyecatch{ position: relative; z-index: 1;}
.box_eyecatch .img{ width: 100%; height: 900px; object-fit: cover;}
.box_eyecatch .msg{ position: absolute; top: 0; left: 0; width: 100%;}
.box_eyecatch .msg .open{ font-size: 70px; color: #fff; line-height: 1.1; position: absolute; top: 250px; left: 5%; filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.8));}
.box_eyecatch .msg .txt_01{ font-size: 18px; color: #fff; line-height: 1.1; position: absolute; top: 420px; left: 5%; filter: drop-shadow(0px 0px 6px rgba(0,0,0,0.8));}
.box_eyecatch .msg .btn_01{ width: 285px; position: absolute; top: 490px; left: 5%;}

@media screen and (max-width: 600px) {
.box_eyecatch{ position: relative; z-index: 1;}
.box_eyecatch .img{ width: 100%; height: 550px; object-fit: cover;}
.box_eyecatch .msg .open{ font-size: 35px; color: #fff; line-height: 1.3; position: absolute; top: 80px; left: 5%; filter: drop-shadow(0px 0px 3px rgba(0,0,0,1));}
.box_eyecatch .msg .txt_01{ font-size: 16px; color: #fff; line-height: 1.7; position: absolute; top: 180px; left: 5%; filter: drop-shadow(0px 0px 3px rgba(0,0,0,1));}
.box_eyecatch .msg .btn_01{ display: none;}
}

/* ---------------------------------------------------
	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 .box_01{ width: 100%; height: 1135px; position: relative; background-image: url("../../img/about_bg_01.webp"); background-repeat: no-repeat; background-position: calc( 50% - 500px ) top; overflow: hidden;}
.sec_about .box_01 .tit_01{ position: absolute; z-index: 2; top: 150px; left: 50%; margin: 0 0 0 -600px;}
.sec_about .box_01 .tit_01 .en{ font-size: 75px; line-height: 1; letter-spacing: 0.1em; background: #B79D52; background: linear-gradient(to right, #B79D52 0%, #B79D52 36%, #E4CC85 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.sec_about .box_01 .tit_01 .ja{ font-size: 45px; line-height: 1.5; letter-spacing: 0.15em; display: block; padding: 40px 0 0;}
.sec_about .box_01 .img_01{ position: absolute; z-index: 1; top: 90px; left: 50%; margin: 0 0 0 -200px; width: 1000px;}
.sec_about .box_01 .box_txt{ position: absolute; z-index: 3; top: 780px; left: 50%; margin: 0 0 0 -200px; width: 510px;}
.sec_about .box_01 .img_02{ position: absolute; z-index: 1; top: 550px; left: 50%; margin: 0 0 0 -800px; width: 550px;}
.sec_about .box_01 .img_03{ position: absolute; z-index: 1; top: 790px; left: 50%; margin: 0 0 0 310px; width: 450px;}
.sec_about .txt_01{ font-size: 16px; line-height: 2.8; letter-spacing: 0.1em;}
.sec_about .box_02{ background: #000; padding: 30px 150px 50px; margin: 100px auto 0;}
.sec_about .txt_02{ background: #8f7a3e; font-size: 20px; line-height: 1.5; padding: 15px 0; text-align: center; width: 100%; display: block;}
.sec_about .txt_03{ font-size: 16px; line-height: 1.7; text-align: center; padding: 30px 0 0;}

@media screen and (max-width: 600px) {
.sec_about .box_01{ height: auto; background-position: left -10px top; background-size: 173px;}
.sec_about .box_01 .tit_01{ top: 50px; left: 5%; margin: 0;}
.sec_about .box_01 .tit_01 .en{ font-size: 30px;}
.sec_about .box_01 .tit_01 .ja{ font-size: 21px; line-height: 1.5; padding: 10px 0 0;}
.sec_about .box_01 .img_01{ position: relative; top: 90px; left: inherit; right: 0; margin: 0 0 0 auto; width: 80%;}
.sec_about .box_01 .box_txt{ position: static; margin: 0 auto; width: 90%; padding: 110px 0 20px;}
.sec_about .box_01 .box_imgs{ display: flex; justify-content: space-between;}
.sec_about .box_01 .img_02{ position: static; margin: 0; width: 50%;}
.sec_about .box_01 .img_03{ position: static; margin: 0; width: 50%;}
.sec_about .txt_01{ font-size: 15px; line-height: 1.7; letter-spacing: 0.1em;}
.sec_about .box_02{ padding: 5%; margin: 30px auto 50px;}
.sec_about .txt_02{ font-size: 15px; line-height: 1.5; letter-spacing: 0.1em; padding: 5%; text-align: center; box-sizing: border-box;}
.sec_about .txt_03{ font-size: 14px; line-height: 1.7; text-align: left; padding: 10px 0 0;}
}

/* ---------------------------------------------------
Section Room
------------------------------------------------------ */
.sec_room{ padding: 90px 0 0;}
.sec_room .box_01{ position: relative; min-height: 920px;}
.sec_room .tit_01{ font-size: 30px; color: #e6bd46; line-height: 2; display: block; margin: 0 0 0 -2em; width: 4em; position: absolute; z-index: 2; top: 100px; left: 50%; }
.sec_room .txt_01{ font-size: 16px; line-height: 2.25; display: block; margin: 0 0 0 -280px; width: 560px; text-align: center; position: absolute; z-index: 3; top: 560px; left: 50%;}
.sec_room .bg{ width: 100%; height: auto; position: absolute; z-index: 1; top: 0; left: 0;}
.sec_room .bg img{ width: 100%; height: auto; min-height: 778px; object-fit: cover;}
.sec_room .sec_type{ width: 100%; max-width: 1600px; margin: 0 auto 120px; background-image: url("../../img/room_bg_02.webp"); background-repeat: no-repeat; background-position: calc(50% - 630px) calc(0% + 680px);}
.sec_room .sec_type:nth-of-type(2){ background-image: url("../../img/room_bg_03.webp"); background-position: calc(50% + 620px) calc(0% + 610px);}
.sec_room .sec_type:nth-of-type(3){ background-image: url("../../img/room_bg_04.webp"); background-position: calc(50% - 630px) calc(0% + 680px);}
.sec_room .sec_type:last-of-type{ margin: 0 auto 60px;}
.sec_room .sec_type .box_slide{ position: relative; z-index: 1; width: 100%; max-width: 1400px; margin: 0 auto 0 0; line-height: 1; }
.sec_room .sec_type:nth-of-type(2n) .box_slide{ margin: 0 0 0 auto;}
.sec_room .sec_type .box_in{ position: relative; z-index: 2; margin: -80px auto 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}
.sec_room .tit_02{ width: 100%; display: flex; flex-direction: column;}
.sec_room .tit_02 span{ display: block; line-height: 1;}
.sec_room .tit_02 span.ja{ font-size: 20px; letter-spacing: 0.1em; padding: 0 0 15px;}
.sec_room .tit_02 span.en{ font-size: 75px; letter-spacing: 0.1em; padding: 0 0 40px;}
.sec_room .sec_type .box_in .box_data{ width: 57.5%; max-width: 690px;}
.sec_room .txt_02{ font-size: 30px; font-weight: 600; color: #b3994d;}
.sec_room .txt_03{ font-size: 16px; }
.sec_room .tit_03{ font-size: 16px; line-height: 1; color: #b3994d; padding: 40px 0 10px;}
.sec_room .list_01{ letter-spacing: 0.1em;}
.sec_room .list_01 > div{ display: table; width: 100%; border-bottom: solid 1px #7a766c;}
.sec_room .list_01 dt,
.sec_room .list_01 dd{ display: table-cell; vertical-align: top; padding: 10px 30px;}
.sec_room .list_01 dt{ width: 8.8em; background: #403b2c;}
.sec_room .list_01 dd{ width: calc(100% - 8.8em); padding: 10px 0 10px 30px;}
.sec_room .btn_01{ position: relative; display: block; text-align: right; margin: 15px 0 0;}
.sec_room .btn_01::after{ content: ""; display: block; width: 8px; height: 8px; border-right: solid 1px #fff; border-bottom: solid 1px #fff; position: absolute; top: 11px; right: 6px; transform: rotate(-45deg); transform-origin: center center;}
.sec_room .btn_01 a{ padding: 10px 20px 10px 0;}
.sec_room .sec_type .box_in .box_layout{ width: 38.3%; max-width: 460px;}
.sec_room .tit_04{ font-size: 16px; line-height: 1; padding: 0 0 10px;}

@media screen and (max-width: 600px) {
.sec_room{ padding: 0;}
.sec_room .box_01{ position: relative; min-height: auto;}
.sec_room .tit_01{ font-size: 22px; color: #e6bd46; line-height: 2; display: block; margin: 0 0 0 -2em; width: 4em; position: absolute; z-index: 2; top: 50px; left: 50%; }
.sec_room .txt_01{ font-size: 15px; line-height: 1.7; display: block; margin: 0 auto; padding: 360px 5% 10%; width: 80%; text-align: left; position: relative; z-index: 3; top: 0; left: 0;}
.sec_room .bg{ width: 100%; height: auto; position: absolute; z-index: 1; top: 0; left: 0;}
.sec_room .bg img{ width: 100%; height: auto; min-height: 389px; object-fit: cover;}
.sec_room .sec_type{ width: 100%; max-width: 100%; margin: 0 auto 50px; background-image: url("../../img/room_bg_02.webp"); background-position: left calc(0% + 200px); background-size: 50%;}
.sec_room .sec_type:nth-of-type(2){ background-image: url("../../img/room_bg_03.webp"); background-position: left calc(0% + 200px);}
.sec_room .sec_type:nth-of-type(3){ background-image: url("../../img/room_bg_04.webp"); background-position: left calc(0% + 200px);}
.sec_room .sec_type .box_slide{ max-width: 100%; margin: 0;}
.sec_room .sec_type:nth-of-type(2n) .box_slide_01{ margin: 0;}
.sec_room .sec_type .box_in{ margin: -45px auto 0;}
.sec_room .tit_02 span{ line-height: 1.3;}
.sec_room .tit_02 span.ja{ font-size: 16px; padding: 0 0 5px;}
.sec_room .tit_02 span.en{ font-size: 26px; padding: 0 0 20px;}
.sec_room .sec_type .box_in .box_data{ width: 100%; max-width: 100%;}
.sec_room .txt_02{ font-size: 20px; line-height: 1.3; padding: 0 0 15px;}
.sec_room .txt_03{ font-size: 15px; }
.sec_room .tit_03{ font-size: 15px; padding: 40px 0 10px;}
.sec_room .list_01{ font-size: 15px;}
.sec_room .list_01 > div{ display: block; border-bottom: none;}
.sec_room .list_01 dt,
.sec_room .list_01 dd{ display: block; padding: 5px 10px; box-sizing: border-box;}
.sec_room .list_01 dt{ width: 100%;}
.sec_room .list_01 dd{ width: 100%; padding: 5px 10px;}
.sec_room .btn_01{ font-size: 15px;}
.sec_room .sec_type .box_in .box_layout{ width: 100%; max-width: 100%; margin: 20px auto 0;}
.sec_room .tit_04{ font-size: 16px; line-height: 1; padding: 0 0 10px;}
}

/* ---------------------------------------------------
Section Equipment
------------------------------------------------------ */
.sec_equipment{ padding: 90px 0;}
.sec_equipment .box_in{ background: url("../img/bg_pattern_02.webp"); padding: 40px 60px; box-sizing: border-box;}
.sec_equipment .box_slide{ width: 100%; padding: 0 10px;}
.sec_equipment .box_slide img{ width: 100%; height: auto;}
.sec_equipment .box_txt{ padding: 10px 0 0;}
.sec_equipment .txt_01{ font-size: 16px; line-height: 2;}

@media screen and (max-width: 600px) {
.sec_equipment{ padding: 0 0 40px 0;}
.sec_equipment .box_in{ padding: 30px 10% 10%;}
.sec_equipment .box_slide{ padding: 0 5px;}
.sec_equipment .box_txt{ padding: 10px 0 0;}
.sec_equipment .txt_01{ font-size: 15px; line-height: 1.7;}
}

/* ---------------------------------------------------
Section Meal
------------------------------------------------------ */
.sec_meal{ padding: 90px 0; background: #000;}
.sec_meal .txt_01{ font-size: 16px; line-height: 2; text-align: center;}
.sec_meal .wrap{ display: flex; justify-content: space-between; margin: 50px auto 0;}
.sec_meal .sec_in{ width: 47%; max-width: 565px;}
.sec_meal .tit_02{ color: #b3994d; padding: 30px 0; display: flex; justify-content: flex-start; align-items: baseline; line-height: 1.3;}
.sec_meal .tit_02 span{ display: block;}
.sec_meal .tit_02 span.en{ font-size: 25px;}
.sec_meal .tit_02 span.ja{ font-size: 16px; padding: 0 0 0 1em;}
.sec_meal .txt_02{ font-size: 16px; line-height: 1.9; letter-spacing: 0.1em;}

@media screen and (max-width: 600px) {
.sec_meal{ padding: 40px 0 0;}
.sec_meal .txt_01{ font-size: 15px; line-height: 1.7; text-align: left; padding: 0 5%;}
.sec_meal .wrap{ flex-direction: column; margin: 30px auto 0;}
.sec_meal .sec_in{ width: 90%; max-width: 90%; margin: 0 auto 40px;}
.sec_meal .tit_02{ padding: 15px 0; line-height: 1.3;}
.sec_meal .tit_02 span.en{ font-size: 22px;}
.sec_meal .tit_02 span.ja{ font-size: 15px;}
.sec_meal .txt_02{ font-size: 15px; line-height: 1.7;}
}

/* ---------------------------------------------------
Section Information
------------------------------------------------------ */
.sec_info{ padding: 100px 0; color: #fff;}
.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;}
.sec_info .list_01 dd .tit_02{ padding: 10px 0 0 0;}
.sec_info .list_01 dd .tit_02:first-of-type{ padding: 0;}

@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: 15px; line-height: 1.7; padding: 20px 15px; 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: 90px 0 120px; background: #353535;}
.sec_access .txt_01{ font-size: 25px; line-height: 1.4; text-align: center; }
.sec_access .txt_02{ font-size: 16px; text-align: center; padding: 15px 0 50px;}
.sec_access .box_gmap,
.sec_access .box_gmap iframe{ width: 100%; height: 600px; filter: grayscale(1);}
.sec_access .sec_in{ padding: 50px 0 0;}
.sec_access .tit_02{ display: flex; justify-content: flex-start; align-items: baseline; padding: 0 0 30px 45px; border-bottom: solid 1px #727272; margin: 0 0 30px;}
.sec_access .sec_in#bycar .tit_02{ background: url("../img/ico_car_01.svg") no-repeat left top 3px; background-size: 30px;}
.sec_access .sec_in#bytrain .tit_02{ background: url("../img/ico_train_01.svg") no-repeat left top; background-size: 30px;}
.sec_access .tit_02 span{ display: block;}
.sec_access .tit_02 span.en{ font-size: 35px; line-height: 1; letter-spacing: 0;}
.sec_access .tit_02 span.ja{ font-size: 15px; line-height: 1; padding: 0 0 0 2em;}
.sec_access .list_01{ width: 100%;}
.sec_access .list_01 dt{ font-size: 18px; padding: 0 0 10px;}
.sec_access .list_01 dt::before{ content: "■"; color: #b3994d; margin: 0 1em 0 0;}
.sec_access .list_01 dd{ padding: 0 0 1.3em 2.3em; letter-spacing: 0.1em;}

@media screen and (max-width: 600px) {
.sec_access{ padding: 40px 0;}
.sec_access .txt_01{ font-size: 18px; line-height: 1.4; }
.sec_access .txt_02{ font-size: 14px; padding: 10px 0 30px;}
.sec_access .box_gmap,
.sec_access .box_gmap iframe{ width: 100%; height: 300px;}
.sec_access .sec_in{ padding: 30px 0 0;}
.sec_access .tit_02{ padding: 0 0 15px 40px; border-bottom: solid 1px #727272; margin: 0 0 30px;}
.sec_access .sec_in#bycar .tit_02{ background: url("../img/ico_car_01.svg") no-repeat left top 1px; background-size: 26px;}
.sec_access .sec_in#bytrain .tit_02{ background: url("../img/ico_train_01.svg") no-repeat left top; background-size: 26px;}
.sec_access .tit_02 span{ display: block;}
.sec_access .tit_02 span.en{ font-size: 25px;}
.sec_access .tit_02 span.ja{ font-size: 15px; padding: 0 0 0 1em;}
.sec_access .list_01 dt{ font-size: 16px; padding: 0 0 10px;}
.sec_access .list_01 dd{ font-size: 15px; }
}