@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information

File name:     top.css
Created:       2020-09-04
Style Info:    [TW2020] TOP PAGE CSS
----------------------------------------------------------- */
/* ------------------------------------ */
/* common */
/* ------------------------------------ */
.top20{background-attachment:fixed;background-position:center center;background-repeat:no-repeat;background-size:cover;color:#222;font-family:YuGothic, "Yu Gothic", "Yu Gothic Medium", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;font-size:1.4rem;font-weight:500;}
.top20 a{-webkit-transition:ease-in-out;color:#222;text-decoration:none;transition:ease-in-out;}
.top20 a:active,.top20 a:focus{outline:none;}
.top20 a:hover,.top20 a:visited{color:#222;}
.top20 img{height:auto;max-width:100%;}
.top20 em{font-style:normal;}
.top20 .font_min{font-family:"游明朝体", YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho ProN", Georgia, "Noto Serif JP", serif;font-weight:600;}
.top20 .taC{text-align:center;}
.top20 .taR{text-align:right;}

/* ------------------------------------ */
/* COMMON：button */
/* ------------------------------------ */
.top20 .link_btn{margin:0 auto;text-align:center;}
.top20 .link_btn a{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;align-items:center;background:#fff;border:1px solid #aaa;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;justify-content:center;line-height:1.6;position:relative;width:100%;}
.top20 .link_btn a::after{-webkit-transform:rotate(45deg);border-right:solid 1px #aaa;border-top:solid 1px #aaa;content:"";display:block;height:8px;position:absolute;right:20px;top:calc(50% - 4px);transform:rotate(45deg);width:8px;}
.top20 .link_btn.blue a{background:#23afb7;border-color:#23afb7;color:#fff;}
.top20 .link_btn.blue a::after{border-color:#fff;}
.top20 .link_btn.black a{background:#222;border-color:#222;color:#fff;}
.top20 .link_btn.black a::after{border-color:#fff;}
.top20 .link_btn.more{text-align:center;}
.top20 .link_btn.more a{display:inline-block;min-width:184px;padding:8px 30px 8px 20px;width:auto;}
.top20 .link_btn.more a::after{right:14px;}
.top20 .link_btn.back a::after{display:none;}
.top20 .link_btn.back a::before{-webkit-transform:rotate(-135deg);border-right:solid 1px #23afb7;border-top:solid 1px #23afb7;content:"";display:block;height:8px;left:20px;position:absolute;top:calc(50% - 4px);transform:rotate(-135deg);width:8px;}

/* ------------------------------------ */
/* COMMON：ページナビ */
/* ------------------------------------ */
.top20 .page_nav.bg_gray{background-color:#f2f2f2;}
.top20 .page_nav .nav_tit{margin-bottom:2vw;}
.top20 .page_nav .nav_tit b{font-size:4.2vw;}
.top20 .page_nav .nav_list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 auto;max-width:1100px;width:92%;}
.top20 .page_nav li{width:100%;}
.top20 .page_nav li a{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;align-items:center;background:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:1.6rem;font-weight:bold;height:124px;justify-content:center;text-align:center;width:100%;}

/* ------------------------------------ */
/* COMMON：section */
/* ------------------------------------ */
.top20 .sec{background-color:#fff;}
.top20 .sec_inner{margin:0 auto;max-width:1100px;padding:60px 0 70px;width:92%;}
.top20 .sec_tit_01{font-family:"游明朝体", YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho ProN", Georgia, "Noto Serif JP", serif;font-size:2.4rem;font-weight:700;line-height:1.5;margin-bottom:40px;text-align:center;}
.top20 .sec_tit_01 b{display:block;font-size:3rem;}
.top20 .sec_tit_01 small{color:#222;display:block;font-size:1.4rem;font-weight:inherit;margin-top:23px;}
.top20 .sec_tit_01 em{color:#23afb7;}
.top20 .sec.bg_blue{background-color:#daf8f3;}
.top20 .sec p{font-size:1.4rem;line-height:1.73;}
.top20 .sec .lead_txt{margin-bottom:40px;text-align:center;}
.top20 .sec .link_btn_txt{text-align:center;}
.top20 .sec .link_btn_txt::after{content:"↓↓↓";display:block;}

/* ------------------------------------ */
/* COMMON：section List */
/* ------------------------------------ */
.top20 .sec .post_list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin-bottom:50px;width:100%;}
.top20 .sec .post_list a{display:block;}
.top20 .sec .post_list .img{background-color:#f3f3f3;height:0;overflow:hidden;padding-top:100%;position:relative;width:100%;}
.top20 .sec .post_list .img img{-webkit-transform:translate(-50%, -50%);height:auto;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:100%;}
.top20 .sec .post_list .tit{font-size:1.5rem;font-weight:bold;line-height:1.6;}
.top20 .sec .post_list .txt_wrap .tit{-webkit-box-orient:vertical;-webkit-line-clamp:3;-webkit-line-clamp:3;display:-webkit-box;margin-bottom:15px;max-height:calc(15px * 3 * 1.6);overflow:hidden;}
.top20 .sec .post_list .txt_wrap p{-webkit-box-orient:vertical;-webkit-line-clamp:3;-webkit-line-clamp:3;display:-webkit-box;font-size:1.3rem;line-height:1.84;max-height:calc(13px * 3 * 1.84);overflow:hidden;}
.top20 .sec .post_list.area{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0 auto 40px;max-width:640px;}
.top20 .sec .post_list.area li{margin-left:1.616%;width:15.2%;}
.top20 .sec .post_list.area li:first-child{margin-left:0;}
.top20 .sec .post_list.area li .img{background-size:cover;margin-bottom:10px;}
.top20 .sec .post_list.area li .tit{font-size:1.4rem;font-weight:bold;margin:0 -3px;text-align:center;}
.top20 .sec .post_list.voice{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.top20 .sec .post_list.voice .cnt{width:30.6%;}
.top20 .sec .post_list.voice .img_wrap{margin-bottom:25px;}
.top20 .sec .post_list.voice .img{background-color:#f3f3f3;background-position:center center;background-repeat:no-repeat;background-size:cover;padding-top:67.14%;}
.top20 .sec .post_list.topics{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
.top20 .sec .post_list.topics .cnt{width:18.5%;}
.top20 .sec .post_list.topics .img_wrap{margin-bottom:25px;}
.top20 .sec .post_list.topics .img{padding-top:67.14%;}
.top20 .sec .post_list.special{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;margin:0 auto 40px;}
.top20 .sec .post_list.special .cnt{margin-left:2.66%;width:23%;}
.top20 .sec .post_list.special .cnt:first-of-type{margin-left:0;}
.top20 .sec .post_list.special .img_wrap{margin-bottom:15px;}
.top20 .sec .post_list.special .img{padding-top:68%;}

/* ------------------------------------ */
/* 看板 */
/* ------------------------------------ */
.top20 .sec_hero{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;background-color:transparent;background-position:center center;background-repeat:no-repeat;background-size:cover;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;height:644px;padding-bottom:11vh;position:relative;}
.top20 .sec_hero .hero_seo{background:rgba(0, 0, 0, 0.6);}
.top20 .sec_hero .hero_seo span{color:#fff;display:block;font-size:1.1rem;line-height:30px;margin:0 auto;max-width:1280px;width:92%;width:95%;}
.top20 .sec_hero .hero_wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-direction:column;height:100%;justify-content:center;margin:0 auto;max-width:1100px;width:92%;}
.top20 .sec_hero .hero_txt{color:#fff;font-weight:700;text-align:center;}
.top20 .sec_hero .hero_txt br{display:none;}
.top20 .sec_hero .hero_txt.txt_01{font-size:2.5rem;letter-spacing:0.27em;margin-bottom:20px;text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);}
.top20 .sec_hero .hero_txt.txt_02{font-size:3rem;letter-spacing:0.27em;margin-top:20px;text-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);}
.top20 .sec_hero .main_search_tit {display:none;}
.top20 .sec_hero .search_contact{background:rgba(0, 0, 0, 0.9);bottom:0;color:#fff;left:0;position:absolute;width:100%;}
.top20 .sec_hero .search_contact .sec_inner{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:11vh;justify-content:space-between;max-height:90px;padding:0;}
.top20 .sec_hero .search_contact .sec_inner p{line-height:1.5;width:calc(100% -400px);}
.top20 .sec_hero .search_contact .sec_inner p small{color:#7FE2D1;display:block;font-size:1.7rem;font-weight:700;letter-spacing:0.27em;}
.top20 .sec_hero .search_contact .sec_inner p b{display:block;font-size:2.1rem;font-weight:700;letter-spacing:0.23em;}
.top20 .sec_hero .search_contact .sec_inner .link_btn{margin:0;max-width:400px;width:36.4%;}
.top20 .sec_hero .search_contact .sec_inner .link_btn a{background:transparent;border-color:#fff;color:#fff;height:45px;}
.top20 .sec_hero .search_contact .sec_inner .link_btn a::after{border-color:#fff;}
.top20 .sec_hero .search_contact .sec_inner .link_btn.air a{background:#23afb7;border-color:#23afb7;color:#fff;}
.top20 .sec_hero .search_contact .sec_inner .link_btn.air a::after{border-color:#fff;}
.top20 .hero_nav{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;bottom:15px;bottom:calc(15px + env(safe-area-inset-bottom));display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:flex-end;position:absolute;right:15px;}
.top20 .hero_nav .nav_btn{margin-left:12px;}
.top20 .hero_nav .nav_btn a{background:#333;border-radius:72px;color:#fff;display:block;font-size:1rem;height:72px;letter-spacing:0.1em;line-height:1.4;padding-top:38px;position:relative;text-align:center;width:72px;}
.top20 .hero_nav .nav_btn.icon_fa a::after{left:0;position:absolute;top:10px;width:100%;}
.top20 .hero_nav .nav_btn.form a::after{content:"";left:0;position:absolute;top:5px;width:100%;height:35px;background:url(../img/top/icon_mail_white.svg) center center / 29% auto no-repeat;}
.top20 .hero_nav .nav_btn.vtour a::after{content:"";left:0;position:absolute;top:4px;width:100%;height:35px;background:url(../img/top/icon_ontour_w.svg) center center / 35% auto no-repeat;}
.top20 .hero_nav .nav_btn.tour a::after{content:"";left:0;position:absolute;top:4px;width:100%;height:35px;background:url(../img/top/icon_search_white.svg) center center / 30% auto no-repeat;}
.top20 .hero_nav .nav_btn.ai a::after{content:"";left:1px;position:absolute;top:2px;width:100%;height:35px;background:url(../img/top/icon_ai_white.svg) center center / 30% auto no-repeat;}
.top20 .sec_hero .hero_bl_bnr {position: absolute; bottom:110px; right: 0; width: 100%;}
.top20 .sec_hero .hero_bl_bnr .sec_inner {padding: 0; display: flex; justify-content: flex-end;}
.top20 .sec_hero .hero_bl_bnr a {background: #ffffff; display: flex; align-items: center; height: 100%; width: 100%; border: solid 3px #fc4c4e; border-radius: 8px; padding: 5px 15px; color: #fc4c4e; font-weight: bold; position: relative; font-size: 1.6rem; letter-spacing: -0.01em;}

.top20 .sec_hero .hero_bl_bnr a:after {content: ""; display: block; width: 8px; height: 8px; border-top: solid 2px #fc4c4e; border-right: solid 2px #fc4c4e; transform: rotate(45deg); position: absolute; right: 12px; bottom: 12px;}
.top20 .sec_hero .hero_bl_bnr .hero_bnr {height: 65px; width: 230px; position: relative;}
.top20 .sec_hero .hero_bl_bnr .hero_bnr .hero_bnr_cl_btn {color: #fff; font-weight: bold; font-size: 1.6rem; display: flex; justify-content: center;align-items: center; width: 25px; height: 25px; background: #fc4c4e; border-radius: 50px; position: absolute; top: -10px; right: -10px; cursor: pointer;}


/* ------------------------------------ */
/* modal_bnr */
/* ------------------------------------ */
.modal_bnr_overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%; z-index: 1030; background-color: rgba(0,0,0,0.65); display: none;}
.bl_modal_bnr {position: fixed; top: 50%; left: 50%; z-index: 1040; transform: translate(-50%,-50%); background: #fff; padding: 8px; border-radius: 8px; max-width: 520px;width: 70%;display: none;}
.bl_modal_bnr .modal_bnr {position: relative;}
.bl_modal_bnr .modal_bnr img {width: 100%;}
.bl_modal_bnr .modal_bnr .modal_bnr_cl_btn {display: flex; justify-content: center;align-items: center; width: 40px; height: 40px; background: #fff; border-radius: 50px; position: absolute; top: -30px; right: -30px; cursor: pointer;}
.bl_modal_bnr .modal_bnr .modal_bnr_cl_btn span {font-weight: bold; font-size: 25px; line-height: 1; display: block; position: relative; top: 1px;}




/* ------------------------------------ */
/* information */
/* ------------------------------------ */
.top20 .sec_news.bg_gray{background-color:#f2f2f2;}
.top20 .sec_news .sec_inner{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:space-between;padding:25px 0 35px;position:relative;}
.top20 .sec_news .sec_tit_01{left:0;position:absolute;text-align:left;top:25px;}
.top20 .sec_news .sec_tit_01 b{font-size:1.6rem;}
.top20 .sec_news .news_list{margin:0 auto;max-width:760px;width:70%;}
.top20 .sec_news .news_list li{border-top:1px solid #ddd;}
.top20 .sec_news .news_list li a{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:space-between;padding:10px 20px 10px 10px;position:relative;width:100%;}
.top20 .sec_news .news_list li a::after{-webkit-transform:rotate(45deg);border-right:solid 1px #23afb7;border-top:solid 1px #23afb7;content:"";display:block;height:6px;position:absolute;right:0;top:calc(50% - 3px);transform:rotate(45deg);width:6px;}
.top20 .sec_news .news_list li p {font-size:1.3rem;line-height:1.4;}
.top20 .sec_news .news_list .date{color:#555;width:100px;}
.top20 .sec_news .news_list .txt{width:calc(100% - 100px);}
.top20 .sec_news .link_btn{position:absolute;right:0;top:35px;width:77px;}
.top20 .sec_news .link_btn a{background:#f2f2f2;border-color:#23afb7;border-radius:20px;color:#23afb7;font-size:1.2rem;height:20px;}
.top20 .sec_news .link_btn a::after{border-color:#23afb7;height:4px;right:10px;top:calc(50% - 2px);width:4px;}

/* ------------------------------------ */
/* RECOMMEND slider */
/* 2024.05.29 edit */
/* ------------------------------------ */
.top20 .sec_recom .swiper {position:relative;}
.top20 .sec_recom .swiper-slide a {display:block;}
.top20 .sec_recom .swiper-slide .img {overflow:hidden;position:relative;width:100%;aspect-ratio: 500 / 340;}
.top20 .sec_recom .swiper-slide img {height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%, -50%);width:100%;object-fit:cover;}

/* スライダースタイル */
.top20 .sec_recom .swiper.slider {opacity:0;transition:opacity 0.4s ease;}
.top20 .sec_recom .swiper.slider.swiper-initialized {opacity:1;}
.top20 .sec_recom .swiper-pagination {bottom:0;font-size:0;display:flex;align-items:center;justify-content:center;left:0;position:absolute;text-align:center;text-align:center;width:100%;}
.top20 .sec_recom .swiper-pagination-bullet {background:#eee;display:block;height:5px;margin:0 2px 2px;overflow:hidden;width:30px;border-radius:0;opacity:1;border:0;outline:0;}
.top20 .sec_recom .swiper-pagination-bullet-active {background:#222;}
.top20 .sec_recom .swiper.slider_pc {padding-bottom:40px;}
.top20 .sec_recom .swiper.slider_sp {padding-bottom:7.3vw;margin:-1.6vw -1.6vw 0;width:calc(100% + 3.2vw);}
.top20 .sec_recom .swiper.slider_sp .swiper-slide {display:flex;flex-wrap: wrap;justify-content:space-between;}
.top20 .sec_recom .swiper.slider_sp .swiper-slide .img_wrap {width:50%;}
.top20 .sec_recom .swiper.slider_sp .swiper-slide a {border:3px solid #fff;margin:1.6vw;}
.top20 .sec_recom .swiper.slider_sp .swiper-pagination-bullet {background:#ccc;}
.top20 .sec_recom .swiper.slider_sp .swiper-pagination-bullet-active {background:#222;}

/* 固定表示スタイル */
.top20 .sec_recom .swiper:not(.slider) .swiper-wrapper{display:flex;align-items:center;justify-content:center;width:calc(100% + 28px);margin:0 -14px;}
.top20 .sec_recom .swiper:not(.slider) .swiper-slide {width:calc(25% - 28px);margin:0 14px;}
.top20 .sec_recom .swiper:not(.slider) .swiper-pagination{display:none;}
@media screen and (max-width:640px){
	.top20 .sec_recom .swiper:not(.slider) .swiper-wrapper {display:flex;flex-wrap:wrap;justify-content:space-between;width:calc(100% + 5.3vw);margin:0 -2.65vw -5.3vw;}
	.top20 .sec_recom .swiper:not(.slider) .swiper-slide {width:calc(50% - 5.3vw);margin:0 2.65vw 5.3vw;}
	.top20 .sec_recom .swiper:not(.slider) .swiper-slide a {margin:0;}
}

/* 検索窓OPEN時のスライダーとの重なりを調整 */
.top20 .search_box.is_open {z-index:2;}


/* ------------------------------------ */
/* About */
/* ------------------------------------ */
.top20 .sec_about .sec_inner{max-width:750px;}
.top20 .sec_about .sec_tit_01{margin-bottom:30px;}
.top20 .sec_about .lead_txt{text-align:left}
.top20 .sec_about .about_wrap{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:space-between;margin:40px 0 80px;width:100%;}
.top20 .sec_about .cnt{width:24%;}
.top20 .sec_about .cnt .img{margin-bottom:20px;}
.top20 .sec_about .cnt .tit{font-family:"游明朝体", YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho ProN", Georgia, "Noto Serif JP", serif;font-size:1.5rem;font-weight:600;line-height:1.6;margin-bottom:15px;text-align:center;}
.top20 .sec_about .cnt p{font-size:1.2rem;line-height:1.6;margin:0 5%;}
.top20 .sec_about .txt_01{font-family:"游明朝体", YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho ProN", Georgia, "Noto Serif JP", serif;font-size:2.4rem;font-weight:700;line-height:1.6;margin-bottom:35px;text-align:center;}
.top20 .sec_about .txt_01 .blue{color:#23afb7;}
.top20 .sec_about .txt_01 small{font-size:75%;font-weight:700;}

/* ------------------------------------ */
/* DESTINATION */
/* ------------------------------------ */
.top20 .sec_desti .link_btn + .link_btn {margin-top:10px;}

/* ------------------------------------ */
/* Youtube */
/* ------------------------------------ */
.top20 .sec_youtube .sec_inner{max-width:750px;}
.top20 .sec_youtube .youtube_wrap{margin:20px auto;width:100%;}
.top20 .sec_youtube .youtube_wrap .TopYoutube{height:0;overflow:hidden;padding-top:56.25%;position:relative;width:100%;}
.top20 .sec_youtube .youtube_wrap iframe#TopYoutube_Player{height:100%;left:0;position:absolute;top:0;width:100%;}

/* ------------------------------------ */
/* お問い合わせ枠 */
/* ------------------------------------ */
.top20 .sec_contact .sec_inner{padding-top: 0;}
.top20 .sec_contact .contact_box{background:#fff;border:1px solid #ccc;margin:0 auto 25px;max-width:750px;padding:25px 40px 35px;width:100%;}
.top20 .sec_contact .contact_box p{color:#666;font-size:1.4rem;line-height:1.7;text-align:center;}
.top20 .sec_contact .contact_box p small{color:#666;display:block;font-size:85.7%;}
.top20 .sec_contact .contact_box .link_area{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:center;margin-top:30px;width:100%;}
.top20 .sec_contact .contact_box .link_area:has(.link_btn.form) {-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;}
.top20 .sec_contact .contact_box .link_area .link_btn{margin:0 auto;max-width:300px;width:45%;}
.top20 .sec_contact .contact_box .link_area .link_btn a{font-size:1.5rem;height:50px;line-height:1.2;}
.top20 .sec_contact .contact_box .link_area .tel_num{max-width:440px;text-align:center;width:50%;}
.top20 .sec_contact .contact_box .link_area .tel_num span{display:block;font-family:"游明朝体", YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho ProN", Georgia, "Noto Serif JP", serif;font-size:4.6rem;font-weight:500;font-weight:400;letter-spacing:-0.01em;line-height:1;margin:0 auto 10px;}
.top20 .sec_contact .contact_box .link_area .tel_num span::before{background-color: #333; content: ""; display: inline-block; height: 34px; margin-right: 5px; mask-image: url(../img/top/icon_tel_white.svg); mask-position: center center; mask-repeat: no-repeat; mask-size: 100% auto; width: 34px;}
.top20 .sec_contact .btn_area{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;margin:0 auto;max-width:640px;width:100%;}
.top20 .sec_contact .btn_area .link_btn{width:46.8%;}
.top20 .sec_contact .btn_area .link_btn:nth-child(2n){margin-left:6.4%;}
.top20 .sec_contact .btn_area .link_btn a{height:40px;}
.top20 .sec_contact .btn_area .link_btn a::after{border-width:1px;height:8px;right:10px;top:calc(50% - 4px);width:8px;}

/* -----------------------------------------------------------*/
/* Header Gnav　「ツアー検索」 クリック時 */
/* -----------------------------------------------------------*/
@media (min-width:768px), print{
  .header18{background:#fff;}
	.header18_gnav .gnav_tour.active a{color:#0f9d58;}
	.header18_gnav .nav_list > li.gnav_tour.active > a:after{width:100%;}
}

/* --------------------------------------------------------*/
/* lazysizesを使って画像を遅延読み込みする際、 */
/* 表示する時にCSSでアニメーションを付ける */
/*-----------------------------------------------------------*/
.animation.lazyload,
.animation.lazyloading{-webkit-transform:scale(0.8);opacity:0;transform:scale(0.8);visibility:hidden;}
.animation.lazyloaded{-webkit-transform:none;-webkit-transition:1s ease;opacity:1;transform:none;transition:1s ease;visibility:visible;}

/* ------------------------------------ */
/* media query */
/* ------------------------------------ */
@media screen and (min-width:641px), print{
	.top20 .page_nav .nav_tit{display:none;}
	.top20 .page_nav .nav_list{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;}
	.top20 .page_nav .nav_list.sp{display:none;}
	.top20 .page_nav li a{padding:0 15px;}
	.top20 .page_nav li:nth-child(2n) a{background:#f9f9f9;}
	.top20 .sec_wrap > section:nth-of-type(even){background:#f2f2f2;}
	.top20 .sec .post_list.voice .txt_wrap .tit{font-size:1.6rem;margin-bottom:30px;max-height:calc(16px * 3 * 1.6);}
	.top20 .sec .post_list.topics .txt_wrap .tit{font-size:1.6rem;margin-bottom:30px;}
	.top20 .sec_news .news_list li:first-of-type{border-top:0;}
	.top20 .sec_contact .contact_box p br{display:none;}
	.top20 .sec_contact .contact_box .link_area .link_btn.form a{background:#222;border-color:#222;color:#fff;}
	.top20 .sec_contact .contact_box .link_area .link_btn.form a::after{border-color:#fff;}
	.top20 .sec_contact .contact_box .link_area .link_btn.form a:hover{background:#fff;border-color:#ccc;color:#222;}
	.top20 .sec_contact .contact_box .link_area .link_btn.form a:hover::after{border-color:#222;}
	.top20 .sec_contact .contact_box .link_area .link_btn.form a br{display:none;}
	.top20 .sec_contact .contact_box .link_area .link_btn.tel{display:none;}
}
@media screen and (min-width:768px), print{
	.top20 .hero_nav{display:none;}
	.top20 .sec_wrap .search_contact {display:none;}
	.top20 .sec_wrap .sec_news {display:none;}
}
@media screen and (min-width:769px), print{
  .top20 a:hover{-webkit-transition:.3s ease-in-out;opacity:.75;transition:.3s ease-in-out;}
	.top20 .link_btn a:hover{background:#222;border-color:#222;color:#fff;opacity:1;}
	.top20 .link_btn a:hover::after{border-color:#fff;}
	.top20 .link_btn.blue a:hover{background:#222;border-color:#222;color:#fff;}
	.top20 .link_btn.blue a:hover::after{border-color:#fff;}
	.top20 .link_btn.black a:hover{background:#23afb7;border-color:#23afb7;}
	.top20 .link_btn.back a:hover::before{border-color:#fff;}
	.top20 .sec_hero .search_contact .sec_inner .link_btn a:hover{background:rgba(35, 175, 183, 0.8);opacity:1;}
	.top20 .sec_news .link_btn a:hover{background:#23afb7;border-color:#23afb7;color:#fff;}
	.top20 .sec_news .link_btn a:hover::after{border-color:#fff;}
	.top20 .sec_recom .slick-arrow:hover,
	.top20 .sec_recom .slick-dots li:not(.slick-active):hover{cursor:pointer;opacity:0.75;}
	.top20 .sec .post_list.area{flex-wrap: wrap;}
	.top20 .sec .post_list.area li{margin:0 0.68% 15px;}
	.top20 .sec .post_list.area li:first-child {margin-left: 0.68%;}
	.top20 .sec_contact .contact_box .link_area .link_btn.form a:hover{background:#23afb7;border-color:#23afb7;color:#fff;}
	.top20 .sec_contact .contact_box .link_area .link_btn.form a:hover::after{border-color:#fff;}
}
@media (max-width:1140px), print{
  .top20::before{-webkit-transform:translateZ(0);background-position:center center;background-repeat:no-repeat;background-size:cover;content:"";display:block;height:100vh;left:0;position:fixed;top:0;transform:translateZ(0);width:100vw;z-index:-1;}
}
@media screen and (max-width:768px){
  .top20 .sec_hero .search_contact .sec_inner .link_btn a::after{right:10px;}
	.top20 .sec_hero .hero_bl_bnr {position: static;}
	.top20 .sec_hero .hero_bl_bnr .sec_inner {width: 100%;}
	.top20 .sec_hero .hero_bl_bnr .hero_bnr {width: 100%; height: auto;}
	.top20 .sec_hero .hero_bl_bnr .hero_bnr a {border: solid 3px #23afb7; border-radius: 0; padding: 10px 33px 10px 13px;font-size: 1.4rem}
	.top20 .sec_hero .hero_bl_bnr a:before {content: ""; display: block; width: 20px; height: 20px; background: #fc4c4e; border-radius: 20px; position: absolute; right: 12px; top: calc(50% - 10px);}
	.top20 .sec_hero .hero_bl_bnr a:after {content: ""; display: block; width: 5px; height: 5px; border-top: solid 1px #ffffff; border-right: solid 1px #ffffff; transform: rotate(45deg); position: absolute; right: 20px; top: calc(50% - 2px);}
	.top20 .sec_hero .hero_bl_bnr .hero_bnr a br {display: none;}
	.top20 .sec_hero .hero_bl_bnr .hero_bnr .hero_bnr_cl_btn {display: none;}
	.bl_modal_bnr { padding: 5px; border-radius: 0;}
	.bl_modal_bnr .modal_bnr .modal_bnr_cl_btn { width: 30px; height: 30px; background: #fff;top: -20px; right: -20px;}
	.bl_modal_bnr .modal_bnr .modal_bnr_cl_btn span {font-size: 20px; display: block; position: relative; top: -1px;}
	.top20 .sec_recom .slider{margin-bottom:8vw;}
	.top20 .sec_recom .slick-dots{bottom:-8vw;}
	.top20 .sec_contact .contact_box{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-width:640px;text-align:center;}
	.top20 .sec_contact .contact_box .link_area{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}
	.top20 .sec_contact .contact_box .link_area .link_btn.form{margin-bottom:20px;}
	.top20 .sec_contact .contact_box .link_area .tel_num{width:100%;}
}
@media screen and (max-width:767px){
  .top20::before{height:calc(100vh - 50px);top:50px;}
	.top20 .sec_hero{height:calc(100vh - 50px);padding-bottom:86px;}
	.top20 .sec_hero .search_main {z-index:200;position: relative;}
	.top20 .sec_hero .more_search.sp .btn_clear {display: none;}
	.top20 .sec_hero .search_details {background:#f5f5f5;}
	.top20 .sec_hero .hero_nav {z-index:100;}
	.top20 .sec_hero .search_contact {display: none;}
	.top20 .search_contact{background:#daf8f3;}
	.top20 .search_contact .sec_inner{padding:5vw 0 8vw;}
	.top20 .search_contact p{margin-bottom:4vw;}
	.top20 .search_contact p small{color:#23afb7;display:block;font-size:4vw;font-weight:700;letter-spacing:0.2em;margin-bottom:1.5vw;}
	.top20 .search_contact p b{display:block;font-size:4.26vw;font-weight:700;letter-spacing:0.2em;}
	.top20 .search_contact .link_btn.form a{background:#23afb7;border-color:#ccc;color:#fff;font-weight:bold;height:12.6vw;}
	.top20 .search_contact .link_btn.form a::after{border-color:#fff;right:15px;}
	.top20 .search_contact .link_btn.form a::before{content:"";width:18px;height:18px;background:url(../img/top/icon_mail_white.svg) center center / 100% auto no-repeat;margin:0 15px 0 -15px;}
	.top20 .search_contact .link_btn.air{max-width:190px;width:60%;}
	.top20 .search_contact .search_air p{margin:5vw 0 0;}
}
@media screen and (max-width:640px){
  .top20{font-size:3.73vw;}
	.top20 .link_btn a{height:10.6vw;}
	.top20 .link_btn a::after{right:10px;}
	.top20 .link_btn.more a{padding:2vw 10vw 2vw 9vw;}
	.top20 .page_nav{padding:3vw 0 6vw;}
	.top20 .page_nav .nav_list{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;border:1px solid #ddd;border-radius:5px;flex-wrap:wrap;overflow:hidden;}
	.top20 .page_nav .nav_list.pc{display:none;}
	.top20 .page_nav li{border-left:1px solid #ddd;border-top:1px solid #ddd;width:33.333%;}
	.top20 .page_nav li:nth-child(-n+3){border-top:0;}
	.top20 .page_nav li:nth-child(3n+1){border-left:0;}
	.top20 .page_nav li a{font-size:3.2vw;font-weight:normal;height:10.6vw;}
	.top20 .sec_wrap > .sec:nth-child(odd){background:#f2f2f2;}
	.top20 .sec_inner{padding:10vw 0;}
	.top20 .sec_tit_01{font-size:4.8vw;margin-bottom:7.2vw;}
	.top20 .sec_tit_01 b{font-size:5.33vw;}
	.top20 .sec_tit_01 small{font-size:3.73vw;margin-top:2vw;}
	.top20 .sec p{font-size:3.46vw;}
	.top20 .sec .lead_txt{margin-bottom:5.3vw;text-align:left;}
	.top20 .sec .post_list{margin-bottom:6.6vw;}
	.top20 .sec .post_list .tit{font-size:3.73vw;}
	.top20 .sec .post_list .txt_wrap .tit{margin-bottom:2.6vw;max-height:calc(3.73vw * 3 * 1.6);}
	.top20 .sec .post_list .txt_wrap p{-webkit-line-clamp:3;-webkit-line-clamp:3;font-size:3.2vw;line-height:1.5;max-height:calc(12px * 3 * 1.5);}
	.top20 .sec .post_list.area{-webkit-box-pack:unset;-webkit-justify-content:unset;-ms-flex-pack:unset;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:unset;margin-bottom:2.6vw;}
	.top20 .sec .post_list.area li{margin-bottom:8vw;margin-left:2.8%;width:22.85%;}
	.top20 .sec .post_list.area li:nth-child(4n+1){margin-left:0;}
	.top20 .sec .post_list.area li .img{margin-bottom:1.3vw;}
	.top20 .sec .post_list.area li .tit{font-size:3.2vw;}
	.top20 .sec .post_list.voice{-webkit-box-pack:unset;-webkit-justify-content:unset;-ms-flex-pack:unset;border-top:1px solid #aaa;display:block;justify-content:unset;}
	.top20 .sec .post_list.voice .cnt{border-bottom:1px solid #aaa;width:100%;}
	.top20 .sec .post_list.voice a{-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;justify-content:space-between;padding:4.6vw 0;width:100%;}
	.top20 .sec .post_list.voice .img_wrap{margin-bottom:0;width:36.23%;}
	.top20 .sec .post_list.voice .img{padding-top:100%;}
	.top20 .sec .post_list.voice .txt_wrap{width:60%;}
	.top20 .sec .post_list.topics .img_wrap{margin-bottom:5vw;}
	.top20 .sec .post_list.special{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;flex-wrap:wrap;justify-content:space-between;margin-bottom:2.6vw;}
	.top20 .sec .post_list.special .cnt{margin-bottom:5.3vw;width:48%;}
	.top20 .sec .post_list.special .cnt:nth-of-type(2n+1){margin-left:0;}
	.top20 .sec .post_list.special .img_wrap{margin-bottom:3vw;}
	.top20 .sec .post_list_wrap.sp_x_scroll{margin:0 -5.6%;width:112%;}
	.top20 .sec .post_list_wrap.sp_x_scroll .post_list{-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;justify-content:flex-start;overflow-x:scroll;overflow-x:scroll;overflow-y:hidden;}
	.top20 .sec .post_list_wrap.sp_x_scroll .post_list .cnt{-webkit-box-flex:0;-webkit-flex:0 0 54.5%;-ms-flex:0 0 54.5%;overflow-scrolling:touch;-webkit-overflow-scrolling:touch;flex:0 0 54.5%;margin-left:5.3%;width:auto;}
	.top20 .sec .post_list_wrap.sp_x_scroll .post_list .cnt:last-of-type{-webkit-flex-basis:59.8%;-ms-flex-preferred-size:59.8%;flex-basis:59.8%;padding-right:5.3%;}
	.top20 .sec_hero .hero_wrap{-webkit-box-align:unset;-webkit-align-items:unset;-ms-flex-align:unset;-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;align-items:unset;justify-content:start;width:88%;}
	.top20 .sec_hero .hero_txt{text-align:left;}
	.top20 .sec_hero .hero_txt br{display:block;}
	.top20 .sec_hero .hero_txt.txt_01{font-size:5.3vw;line-height:2.5;margin:2vh 0 0;}
	.top20 .sec_hero .hero_txt.txt_02{font-size:6.4vw;line-height:2.08;margin:auto 0 0 0;}
	.top20 .sec_hero .search_contact{background:#daf8f3;}
	.top20 .sec_news .sec_inner{display:block;padding-top:15px;padding-bottom:0;width:100%;}
	.top20 .sec_news .sec_tit_01{margin:0 0 3vw 4%;position:static;}
	.top20 .sec_news .sec_tit_01 b{font-size:4.2vw;}
	.top20 .sec_news .news_list{width:100%;}
	.top20 .sec_news .news_list li a{padding:3vw 7vw 3vw 3vw;}
	.top20 .sec_news .news_list li a::after{right:4%;}
	.top20 .sec_news .news_list li p {font-size:3.46vw;}
	.top20 .sec_news .news_list .date{width:23%;}
	.top20 .sec_news .news_list .txt{width:75%;}
	.top20 .sec_news .link_btn{right:4%;top:15px;width:auto;}
	.top20 .sec_news .link_btn a{-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;background:transparent;border:0;font-size:3.4vw;justify-content:flex-end;text-align:right;}
	.top20 .sec_news .link_btn a::after{display:none;}
	.top20 .sec_recom .sec_inner {padding-top:5vw;}


	.top20 .sec_about .sec_tit_01{margin-bottom:4.8vw;}
	.top20 .sec_about .about_wrap{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:4vw 0 8vw;}
	.top20 .sec_about .cnt{margin-bottom:5.3vw;width:48%;}
	.top20 .sec_about .cnt .img{margin-bottom:3.4vw;}
	.top20 .sec_about .cnt .tit{font-size:3.73vw;margin-bottom:3.4vw;}
	.top20 .sec_about .cnt p{font-size:3.2vw;margin:0;}
	.top20 .sec_about .txt_01{font-size:5.3vw;margin-bottom:5.3vw;}
	.top20 .sec_about .txt_01 b{font-size:80%;}
	.top20 .sec_youtube .youtube_wrap{margin:5vw auto;}
	.top20 .sec_contact .sec_inner{padding-top: 8vw;}
	.top20 .sec_contact .contact_box{-webkit-box-orient:unset;-webkit-box-direction:unset;-webkit-flex-direction:unset;-ms-flex-direction:unset;flex-direction:unset;margin:5vw auto;padding:5vw;}
	.top20 .sec_contact .contact_box p{font-size:3.73vw;}
	.top20 .sec_contact .contact_box .link_area{-webkit-box-orient:unset;-webkit-box-direction:unset;-webkit-flex-direction:unset;-ms-flex-direction:unset;flex-direction:unset;margin-top:4vw;}
	.top20 .sec_contact .contact_box .link_area .link_btn{width:48%;}
	.top20 .sec_contact .contact_box .link_area .link_btn a{font-size:4vw;letter-spacing:0.05em;}
	.top20 .sec_contact .contact_box .link_area .link_btn a::after{right:10px;}
	.top20 .sec_contact .contact_box .link_area .link_btn.tel a{background:#222;color:#fff;}
	.top20 .sec_contact .contact_box .link_area .link_btn.tel a span::before{background-color: #fff; content: ""; display: inline-block; height: 15px; margin-right: 10px; mask-image: url(../img/top/icon_tel_white.svg); mask-position: center center; mask-repeat: no-repeat; mask-size: 100% auto; width: 15px;}
	.top20 .sec_contact .contact_box .link_area .link_btn.form{margin-bottom:0;}
	.top20 .sec_contact .contact_box .link_area .link_btn.form a{border-color:#222;font-size:3.5vw;}
	.top20 .sec_contact .contact_box .link_area .link_btn.form a::after{border-color:#222;}
	.top20 .sec_contact .contact_box .link_area .tel_num{display:none;}
	.top20 .sec_contact .btn_area{display:block;width:88%;}
	.top20 .sec_contact .btn_area .link_btn:nth-child(2n){margin-left:0;}
	.top20 .sec_contact .btn_area .link_btn{width:100%;}
	.top20 .sec_contact .btn_area .link_btn + .link_btn{margin-top:10px;}
	.top20 .sec_contact .btn_area .link_btn a{height:10vw;}
}
@media screen and (max-width:320px) {
  .top20 .sec_hero .hero_seo span{font-size:1rem;text-align:center;}
}
@media screen and (orientation: landscape) and (max-width:767px) {
	.top20 .sec_hero {padding-bottom:0;}
	.top20 .sec_hero .hero_wrap {justify-content:center;}
	.top20 .sec_hero .hero_txt {text-align:left;}
	.top20 .sec_hero .hero_txt.txt_01 {font-size:1.8rem;text-align:left;margin-bottom:20px;}
	.top20 .sec_hero .hero_txt.txt_01 br {display:none;}
	.top20 .sec_hero .hero_txt.txt_02 {font-size:2.6rem;margin-top:0;}
	.top20 .sec_hero .hero_txt.txt_02 br {display:block;}
}

/* -----------------------------------------------------------*/
/* FAQ (2021.07.05 add) */
/* -----------------------------------------------------------*/
.top20 .sec_faq .faq_list {max-width:750px;margin:0 auto 50px;}
.top20 .sec_faq .faq_cnt {margin-top:5px;background:#fff;border:1px solid #aaa;}
.top20 .sec_faq .faq_question {background:#daf8f3;position:relative;padding:12px 50px 12px 60px;font-size:1.5rem;font-weight:700;line-height:1.6;cursor:pointer}
.top20 .sec_faq .faq_question .arr {display:block;position:absolute;top:16px;right:20px;width:14px;height:14px;}
.top20 .sec_faq .faq_question .arr::before,
.top20 .sec_faq .faq_question .arr::after {content:"";width:100%;height:2px;background:#000;position:absolute;top:calc(50% - 1px);left:0;}
.top20 .sec_faq .faq_question .arr::before {transform: rotate(90deg);}
.top20 .sec_faq .faq_answer {display:none;position:relative;background:#fff;padding:15px 15px 15px 60px;}
.top20 .sec_faq .faq_answer a {text-decoration:underline;}
.top20 .sec_faq .faq_question::before,
.top20 .sec_faq .faq_answer::before {position:absolute;top:15px;left:20px;font-size:2rem;font-weight:700;line-height:1;font-family:"游明朝体", YuMincho, "游明朝", "Yu Mincho", "Hiragino Mincho ProN", Georgia, "Noto Serif JP", serif;}
.top20 .sec_faq .faq_question::before {content:"Q.";}
.top20 .sec_faq .faq_answer::before {content:"A.";}
.top20 .sec_faq .faq_cnt.active .faq_question .arr::before {opacity:0;}
@media screen and (max-width:640px){
	.top20 .sec_faq .faq_list {max-width:750px;margin:0 auto 6.6vw;}
	.top20 .sec_faq .faq_question {padding:12px 35px 12px 10vw;font-size:3.73vw;}
	.top20 .sec_faq .faq_question .arr {top:4.5vw;right:15px;width:12px;height:12px;}
	.top20 .sec_faq .faq_answer {padding:3.5vw 3vw 3.5vw 10vw;}
	.top20 .sec_faq .faq_question::before,
	.top20 .sec_faq .faq_answer::before {top:4.2vw;left:12px;font-size:4vw;}
}