﻿.con_stay .box_btn{width:90%;max-width:1100px;margin:auto}.con_points,.con_stay .box_stay .box_scene{width:90%;max-width:1440px;margin:auto}.con_points .st_title{margin-top:4em;font-family:"Noto Serif JP","游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;font-weight:600;font-size:calc((100vw - 48rem) / 576 + 1rem);min-height:0vw}@media only screen and (max-width: 767px){.con_points .st_title{margin-top:3em}}@media only screen and (min-width: 1920px){.con_points .st_title{font-size:1.125rem}}@media only screen and (max-width: 767px){.con_points .st_title{text-align:left !important}}.con_points .box_points{margin-top:8em}@media only screen and (max-width: 767px){.con_points .box_points{margin-top:4em}}.con_points .box_points .box_slide{position:relative;margin-top:2em}@media only screen and (max-width: 767px){.con_points .box_points .box_slide{margin-top:1em}}@media only screen and (max-width: 767px){.con_points .box_points .box_slide{width:80%;margin-left:auto;margin-right:auto}}.con_points .box_points .box_slide .tns-controls{padding:0;margin:1.5rem 0;height:3.5rem;margin:0}.con_points .box_points .box_slide .tns-controls button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none;width:3.5rem;height:0;overflow:hidden;padding-top:3.5rem;background-color:#fff;color:#212121;position:relative;border:1px solid #cfcfcf}.con_points .box_points .box_slide .tns-controls button:nth-of-type(1){margin-right:.5rem}.con_points .box_points .box_slide .tns-controls button:nth-of-type(1)::before{content:"";display:inline-block;font-family:"Ionicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1.5rem}.con_points .box_points .box_slide .tns-controls button:nth-of-type(2)::before{content:"";display:inline-block;font-family:"Ionicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1;position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%, -50%);font-size:1.5625rem}@media only screen and (max-width: 767px){.con_points .box_points .box_slide .tns-controls{height:3rem}.con_points .box_points .box_slide .tns-controls button{width:3rem;padding-top:3rem}}@media only screen and (max-width: 374px){.con_points .box_points .box_slide .tns-controls{height:2rem}.con_points .box_points .box_slide .tns-controls button{width:2rem;padding-top:2rem}}.con_points .box_points .box_slide .tns-controls button{background:none}@media only screen and (max-width: 1199px){.con_points .box_points .box_slide .tns-controls{position:absolute;z-index:3;top:43%;transform:translate(0, -50%);left:0;width:100%;pointer-events:none}.con_points .box_points .box_slide .tns-controls button{position:absolute;z-index:1;background-color:#fff;pointer-events:initial}.con_points .box_points .box_slide .tns-controls button:nth-of-type(1){left:0;transform:translate(-50%, 0)}.con_points .box_points .box_slide .tns-controls button:nth-of-type(2){right:0;transform:translate(50%, 0)}}.con_points .box_points .box_slide .js-point-open{transition:opacity .3s ease-out}.con_points .box_points .box_slide .js-point-open:hover{opacity:0.7}.con_points .box_points .box_slide .img{position:relative;overflow:hidden;transition:transform 0.5s ease}.con_points .box_points .box_slide .img::after{content:"\f3d3";font-family:"Ionicons";display:inline-flex;align-items:center;justify-content:center;line-height:1;background:#212121;color:#fff;border-radius:50%;transition:all .5s;width:26px;height:26px;margin-left:10px;position:absolute;bottom:1em;right:1em;z-index:2}@media only screen and (max-width: 767px){.con_points .box_points .box_slide .img::after{width:1.5em}}@media only screen and (max-width: 767px){.con_points .box_points .box_slide .img::after{height:1.5em}}@media only screen and (max-width: 767px){.con_points .box_points .box_slide .img::after{margin-left:.5em}}.con_points .box_points .box_slide .img img{transition:transform 0.3s ease}.con_points .box_points .box_slide .img:hover img{transform:scale(1.05)}.con_points .box_points .box_slide .t{font-family:"Noto Serif JP","游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;font-weight:600;margin-top:0.7em}.modal{display:none;position:fixed;inset:0;z-index:5}.modal.is-open{display:block}.modal .modal_bg{position:absolute;inset:0;background:rgba(0,0,0,0.6)}.modal .modal_inner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex;flex-direction:column;align-items:flex-end;max-width:600px;width:90%;margin:0 auto;background:#fff;z-index:6}.modal .modal_inner .modal_close{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:2em;margin-right:2em;cursor:pointer;transition:opacity .3s ease-out}@media only screen and (max-width: 767px){.modal .modal_inner .modal_close{margin-top:5%;margin-right:5%}}.modal .modal_inner .modal_close .bar{display:inline-flex;align-items:center;width:3.25rem;height:1.875rem;position:relative;margin:auto}.modal .modal_inner .modal_close .bar em{display:inline-block;width:100%;height:1px;background-color:#212121;position:absolute}.modal .modal_inner .modal_close .bar em:nth-of-type(1){top:50%;transform:rotate(25deg)}.modal .modal_inner .modal_close .bar em:nth-of-type(2){bottom:50%;transform:rotate(-25deg)}.modal .modal_inner .modal_close .en{font-size:calc((100vw - 48rem) / 576 + 1rem);min-height:0vw}@media only screen and (min-width: 1920px){.modal .modal_inner .modal_close .en{font-size:1.125rem}}.modal .modal_inner .modal_close:hover{opacity:0.7}.modal .modal_inner .modal_body{width:100%}.modal .modal_inner .modal_body>p{width:80%}@media only screen and (max-width: 767px){.modal .modal_inner .modal_body>p{width:90%}}.modal .modal_inner .modal_body .c_text_sst{margin:1em auto}.modal .modal_inner .modal_body .txt{margin:0 auto 5em}@media only screen and (max-width: 767px){.modal .modal_inner .modal_body .txt{margin:0 auto 2em}}.point_contents{display:none}.con_stay{margin-top:8em}@media only screen and (max-width: 767px){.con_stay{margin-top:4em}}.con_stay .box_btn{margin-top:2em}@media only screen and (max-width: 767px){.con_stay .box_btn{margin-top:1em}}.con_stay .c_btn_tab .inner{min-width:0}.con_stay .c_btn_tab .inner p{width:calc(100% / 3);max-width:none;min-width:0}.con_stay .box_stay .box_scene{margin-bottom:130px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay .box_scene{margin-bottom:100px}}@media only screen and (max-width: 767px){.con_stay .box_stay .box_scene{margin-bottom:3em}}@media only screen and (min-width: 768px) and (max-width: 983px){.con_stay .box_stay .box_scene{margin-bottom:60px}}.con_stay .box_stay .box_scene .box_img{width:45%;position:relative}@media only screen and (max-width: 767px){.con_stay .box_stay .box_scene .box_img{width:100%}}@media only screen and (max-width: 767px){.con_stay .box_stay .box_scene .box_img{margin-bottom:2em}}.con_stay .box_stay .box_scene .box_img::before,.con_stay .box_stay .box_scene .box_img::after{position:absolute;content:"";height:100%}.con_stay .box_stay .box_scene .box_img::before{z-index:1}.con_stay .box_stay .box_scene .box_img::after{z-index:3}.con_stay .box_stay .box_scene .box_img .img{position:relative;z-index:2}.con_stay .box_stay .box_scene .box_txt{width:50%;position:relative;box-sizing:border-box}@media only screen and (max-width: 767px){.con_stay .box_stay .box_scene .box_txt{width:100%}}.con_stay .box_stay .box_scene .box_txt::before{height:100%;position:absolute;content:"";z-index:1}.con_stay .box_stay .box_scene .box_txt .c_text_sst,.con_stay .box_stay .box_scene .box_txt .txt{position:relative;z-index:2}@media only screen and (max-width: 767px){.con_stay .box_stay .box_scene .box_txt .c_text_sst{text-align:center}}@media only screen and (max-width: 767px){.con_stay .box_stay .box_scene .box_txt .c_text_sst.line::before{left:50%;transform:translateX(-50%)}}.con_stay .box_stay .box_scene .box_txt .c_text_sst.fz_30{margin:20px 0 30px;line-height:1.4}@media only screen and (max-width: 767px){.con_stay .box_stay .box_scene .box_txt .c_text_sst.fz_30{margin:0.8em 0}}@media only screen and (min-width: 768px) and (max-width: 983px){.con_stay .box_stay .box_scene .box_txt .c_text_sst.fz_30{margin:0.8em 0}}.con_stay .box_stay .box_scene:nth-of-type(odd) .box_txt{padding-right:12%}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay .box_scene:nth-of-type(odd) .box_txt{padding-right:15%}}@media only screen and (max-width: 767px){.con_stay .box_stay .box_scene:nth-of-type(odd) .box_txt{padding-right:0}}@media only screen and (min-width: 768px) and (max-width: 983px){.con_stay .box_stay .box_scene:nth-of-type(odd) .box_txt{padding-right:10%}}@media only screen and (min-width: 768px){.con_stay .box_stay .box_scene:nth-of-type(even){flex-direction:row-reverse}}.con_stay .box_stay .box_scene:nth-of-type(even) .box_txt{padding-left:12%}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay .box_scene:nth-of-type(even) .box_txt{padding-left:15%}}@media only screen and (max-width: 767px){.con_stay .box_stay .box_scene:nth-of-type(even) .box_txt{padding-left:0}}@media only screen and (min-width: 768px) and (max-width: 983px){.con_stay .box_stay .box_scene:nth-of-type(even) .box_txt{padding-left:10%}}.con_stay .box_stay .box_scene:nth-child(1){margin-top:10em}@media only screen and (max-width: 767px){.con_stay .box_stay .box_scene:nth-child(1){margin-top:5em}}.con_stay .box_stay .box_scene:nth-child(1) .box_img::before{width:43%;top:-24%;left:-22%;background:url(../images/howto/images/bg01.webp) no-repeat top;background-size:contain}@media only screen and (max-width: 767px){.con_stay .box_stay .box_scene:nth-child(1) .box_img::before{width:30%}}@media only screen and (max-width: 767px){.con_stay .box_stay .box_scene:nth-child(1) .box_img::before{top:-19%}}@media only screen and (max-width: 767px){.con_stay .box_stay .box_scene:nth-child(1) .box_img::before{left:-10%}}.con_stay .box_stay .box_scene:nth-child(2) .box_img::before{width:35.5%;top:-21%;right:-21%;background:url(../images/howto/images/bg02.webp) no-repeat top;background-size:contain}@media only screen and (max-width: 767px){.con_stay .box_stay .box_scene:nth-child(2) .box_img::before{width:30%}}@media only screen and (max-width: 767px){.con_stay .box_stay .box_scene:nth-child(2) .box_img::before{top:-17%}}@media only screen and (max-width: 767px){.con_stay .box_stay .box_scene:nth-child(2) .box_img::before{right:-4%}}.con_stay .box_stay .box_scene:nth-child(3) .box_img::before{width:56%;top:-10%;left:-23%;top:-10%;background:url(../images/howto/images/bg03.webp) no-repeat top;background-size:contain}@media only screen and (max-width: 767px){.con_stay .box_stay .box_scene:nth-child(3) .box_img::before{width:44%}}@media only screen and (max-width: 767px){.con_stay .box_stay .box_scene:nth-child(3) .box_img::before{top:-10%}}@media only screen and (max-width: 767px){.con_stay .box_stay .box_scene:nth-child(3) .box_img::before{left:-7%}}.con_stay .box_stay.couple .box_scene:first-child .box_txt::before{width:140px;bottom:-35%;right:30%;background:url(../images/howto/images/ic_couple01.webp) no-repeat bottom;background-size:contain}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay.couple .box_scene:first-child .box_txt::before{width:30%}}@media only screen and (max-width: 767px){.con_stay .box_stay.couple .box_scene:first-child .box_txt::before{width:30%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay.couple .box_scene:first-child .box_txt::before{bottom:-10%}}@media only screen and (max-width: 767px){.con_stay .box_stay.couple .box_scene:first-child .box_txt::before{bottom:60%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay.couple .box_scene:first-child .box_txt::before{right:0}}@media only screen and (max-width: 767px){.con_stay .box_stay.couple .box_scene:first-child .box_txt::before{right:76%}}@media only screen and (min-width: 768px) and (max-width: 983px){.con_stay .box_stay.couple .box_scene:first-child .box_txt::before{bottom:-16%}}.con_stay .box_stay.couple .box_scene:nth-child(2) .box_txt::before{width:110px;bottom:-35%;left:5%;background:url(../images/howto/images/ic_couple02.webp) no-repeat bottom;background-size:contain}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay.couple .box_scene:nth-child(2) .box_txt::before{width:24%}}@media only screen and (max-width: 767px){.con_stay .box_stay.couple .box_scene:nth-child(2) .box_txt::before{width:30%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay.couple .box_scene:nth-child(2) .box_txt::before{bottom:-10%}}@media only screen and (max-width: 767px){.con_stay .box_stay.couple .box_scene:nth-child(2) .box_txt::before{bottom:48%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay.couple .box_scene:nth-child(2) .box_txt::before{left:0}}@media only screen and (max-width: 767px){.con_stay .box_stay.couple .box_scene:nth-child(2) .box_txt::before{left:76%}}@media only screen and (min-width: 768px) and (max-width: 983px){.con_stay .box_stay.couple .box_scene:nth-child(2) .box_txt::before{bottom:-16%}}.con_stay .box_stay.couple .box_scene:nth-child(3) .box_txt::before{width:279px;bottom:-35%;right:15%;background:url(../images/howto/images/ic_couple03.webp) no-repeat bottom;background-size:contain}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay.couple .box_scene:nth-child(3) .box_txt::before{width:40%}}@media only screen and (max-width: 767px){.con_stay .box_stay.couple .box_scene:nth-child(3) .box_txt::before{width:40%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay.couple .box_scene:nth-child(3) .box_txt::before{bottom:-10%}}@media only screen and (max-width: 767px){.con_stay .box_stay.couple .box_scene:nth-child(3) .box_txt::before{bottom:30%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay.couple .box_scene:nth-child(3) .box_txt::before{right:0}}@media only screen and (max-width: 767px){.con_stay .box_stay.couple .box_scene:nth-child(3) .box_txt::before{right:70%}}@media only screen and (min-width: 768px) and (max-width: 983px){.con_stay .box_stay.couple .box_scene:nth-child(3) .box_txt::before{bottom:-16%}}.con_stay .box_stay.family .box_scene:first-child .box_txt::before{width:121px;bottom:-35%;right:40%;background:url(../images/howto/images/ic_family01.webp) no-repeat bottom;background-size:contain}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay.family .box_scene:first-child .box_txt::before{width:25%}}@media only screen and (max-width: 767px){.con_stay .box_stay.family .box_scene:first-child .box_txt::before{width:25%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay.family .box_scene:first-child .box_txt::before{bottom:-10%}}@media only screen and (max-width: 767px){.con_stay .box_stay.family .box_scene:first-child .box_txt::before{bottom:50%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay.family .box_scene:first-child .box_txt::before{right:0}}@media only screen and (max-width: 767px){.con_stay .box_stay.family .box_scene:first-child .box_txt::before{right:76%}}@media only screen and (min-width: 768px) and (max-width: 983px){.con_stay .box_stay.family .box_scene:first-child .box_txt::before{bottom:-16%}}.con_stay .box_stay.family .box_scene:nth-child(2) .box_txt::before{width:104px;bottom:-35%;left:5%;background:url(../images/howto/images/ic_family02.webp) no-repeat bottom;background-size:contain}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay.family .box_scene:nth-child(2) .box_txt::before{width:25%}}@media only screen and (max-width: 767px){.con_stay .box_stay.family .box_scene:nth-child(2) .box_txt::before{width:25%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay.family .box_scene:nth-child(2) .box_txt::before{bottom:-10%}}@media only screen and (max-width: 767px){.con_stay .box_stay.family .box_scene:nth-child(2) .box_txt::before{bottom:16%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay.family .box_scene:nth-child(2) .box_txt::before{left:0}}@media only screen and (max-width: 767px){.con_stay .box_stay.family .box_scene:nth-child(2) .box_txt::before{left:76%}}@media only screen and (min-width: 768px) and (max-width: 983px){.con_stay .box_stay.family .box_scene:nth-child(2) .box_txt::before{bottom:-16%}}.con_stay .box_stay.family .box_scene:nth-child(3) .box_txt::before{width:221px;bottom:-35%;right:15%;background:url(../images/howto/images/ic_family03.webp) no-repeat bottom;background-size:contain}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay.family .box_scene:nth-child(3) .box_txt::before{width:40%}}@media only screen and (max-width: 767px){.con_stay .box_stay.family .box_scene:nth-child(3) .box_txt::before{width:40%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay.family .box_scene:nth-child(3) .box_txt::before{bottom:-10%}}@media only screen and (max-width: 767px){.con_stay .box_stay.family .box_scene:nth-child(3) .box_txt::before{bottom:62%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay.family .box_scene:nth-child(3) .box_txt::before{right:0}}@media only screen and (max-width: 767px){.con_stay .box_stay.family .box_scene:nth-child(3) .box_txt::before{right:61%}}@media only screen and (min-width: 768px) and (max-width: 983px){.con_stay .box_stay.family .box_scene:nth-child(3) .box_txt::before{bottom:-16%}}.con_stay .box_stay.group .box_scene:first-child .box_txt::before{width:92px;bottom:-35%;right:35%;background:url(../images/howto/images/ic_group01.webp) no-repeat bottom;background-size:contain}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay.group .box_scene:first-child .box_txt::before{width:22%}}@media only screen and (max-width: 767px){.con_stay .box_stay.group .box_scene:first-child .box_txt::before{width:25%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay.group .box_scene:first-child .box_txt::before{bottom:-10%}}@media only screen and (max-width: 767px){.con_stay .box_stay.group .box_scene:first-child .box_txt::before{bottom:42%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay.group .box_scene:first-child .box_txt::before{right:0}}@media only screen and (max-width: 767px){.con_stay .box_stay.group .box_scene:first-child .box_txt::before{right:76%}}@media only screen and (min-width: 768px) and (max-width: 983px){.con_stay .box_stay.group .box_scene:first-child .box_txt::before{bottom:-16%}}.con_stay .box_stay.group .box_scene:nth-child(2) .box_txt::before{width:155px;bottom:-35%;left:1%;background:url(../images/howto/images/ic_group02.webp) no-repeat bottom;background-size:contain}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay.group .box_scene:nth-child(2) .box_txt::before{width:30%}}@media only screen and (max-width: 767px){.con_stay .box_stay.group .box_scene:nth-child(2) .box_txt::before{width:30%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay.group .box_scene:nth-child(2) .box_txt::before{bottom:-10%}}@media only screen and (max-width: 767px){.con_stay .box_stay.group .box_scene:nth-child(2) .box_txt::before{bottom:13%}}@media only screen and (max-width: 767px){.con_stay .box_stay.group .box_scene:nth-child(2) .box_txt::before{left:76%}}@media only screen and (min-width: 768px) and (max-width: 983px){.con_stay .box_stay.group .box_scene:nth-child(2) .box_txt::before{bottom:-16%}}.con_stay .box_stay.group .box_scene:nth-child(3) .box_txt::before{width:149px;bottom:-50%;right:25%;background:url(../images/howto/images/ic_group03.webp) no-repeat bottom;background-size:contain}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay.group .box_scene:nth-child(3) .box_txt::before{width:30%}}@media only screen and (max-width: 767px){.con_stay .box_stay.group .box_scene:nth-child(3) .box_txt::before{width:30%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay.group .box_scene:nth-child(3) .box_txt::before{bottom:-10%}}@media only screen and (max-width: 767px){.con_stay .box_stay.group .box_scene:nth-child(3) .box_txt::before{bottom:46%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_stay .box_stay.group .box_scene:nth-child(3) .box_txt::before{right:0}}@media only screen and (max-width: 767px){.con_stay .box_stay.group .box_scene:nth-child(3) .box_txt::before{right:74%}}@media only screen and (min-width: 768px) and (max-width: 983px){.con_stay .box_stay.group .box_scene:nth-child(3) .box_txt::before{bottom:-30%}}
