.con_map .box_map,.con_restaurant .box_restaurant,.con_hotspring .box_hotspring,.con_library .box_library,.con_parking .box_parking,.con_parking .box_parking .box_inner,.con_table .box_table,body .con_popup{width:90%;max-width:1440px;margin:auto}@media only screen and (max-width: 767px){.con_map .box_map,.con_restaurant .box_restaurant,.con_hotspring .box_hotspring,.con_library .box_library,.con_parking .box_parking,.con_parking .box_parking .box_inner,.con_table .box_table,body .con_popup{width:90.13333%}}@font-face{font-family:'icomoon';src:url("../fonts/icomoon.eot?gbzmq2");src:url("../fonts/icomoon.eot?gbzmq2#iefix") format("embedded-opentype"),url("../fonts/icomoon.ttf?gbzmq2") format("truetype"),url("../fonts/icomoon.woff?gbzmq2") format("woff"),url("../fonts/icomoon.svg?gbzmq2#icomoon") format("svg");font-weight:normal;font-style:normal;font-display:block}.con_map{padding:100px 0 1em}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_map{padding:5em 0 1em}}@media only screen and (max-width: 767px){.con_map{padding:4em 0 5em}}@media only screen and (min-width: 1200px) and (max-width: 1560px){.con_map{padding-top:64px}}.con_map .box_map{max-width:1118px;position:relative}@media only screen and (min-width: 1200px) and (max-width: 1560px){.con_map .box_map{max-width:888px}}.con_map .box_map .img{width:980px;aspect-ratio:980 / 657;margin-left:12.34347%}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_map .box_map .img{width:87.65653%}}@media only screen and (max-width: 767px){.con_map .box_map .img{width:87.65653%}}@media only screen and (min-width: 1200px) and (max-width: 1560px){.con_map .box_map .img{width:784px}}.con_map .box_map .img img{width:100%;height:100%;object-fit:contain}.con_map .box_map .floor{position:absolute;text-align:center;color:#fff;font-size:142%;background:#D34747;border-radius:6px;width:120px;height:50px;line-height:50px}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_map .box_map .floor{font-size:106%}}@media only screen and (max-width: 767px){.con_map .box_map .floor{font-size:83%}}@media only screen and (max-width: 767px){.con_map .box_map .floor{border-radius:3px}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_map .box_map .floor{width:80px}}@media only screen and (max-width: 767px){.con_map .box_map .floor{width:40px}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_map .box_map .floor{height:40px}}@media only screen and (max-width: 767px){.con_map .box_map .floor{height:30px}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_map .box_map .floor{line-height:40px}}@media only screen and (max-width: 767px){.con_map .box_map .floor{line-height:30px}}.con_map .box_map .floor.floor_01{top:13%;left:-2%}@media only screen and (max-width: 767px){.con_map .box_map .floor.floor_01{top:7%}}@media only screen and (max-width: 767px){.con_map .box_map .floor.floor_01{left:-1%}}.con_map .box_map .floor.floor_02{top:50%;left:11%}@media only screen and (max-width: 767px){.con_map .box_map .floor.floor_02{top:45%}}@media only screen and (max-width: 767px){.con_map .box_map .floor.floor_02{left:-1%}}.con_map .box_map .floor.floor_03{bottom:13%;right:34%}@media only screen and (max-width: 767px){.con_map .box_map .floor.floor_03{bottom:33%}}@media only screen and (max-width: 767px){.con_map .box_map .floor.floor_03{right:40%}}.con_map .box_map .txt{font-size:106%;position:relative}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_map .box_map .txt{font-size:100%}}@media only screen and (max-width: 767px){.con_map .box_map .txt{font-size:100%}}@media only screen and (min-width: 768px){.con_map .box_map .txt{bottom:30px}}@media only screen and (max-width: 767px){.con_map .box_map .txt{margin-top:1em}}.con_lobby{padding:160px 0 160px;position:relative}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_lobby{padding:4em 0}}@media only screen and (max-width: 767px){.con_lobby{padding:3em 0 5em}}@media only screen and (min-width: 1200px) and (max-width: 1560px){.con_lobby{padding-top:120px}}.con_lobby::before{content:"";position:absolute;left:0;top:0;width:31.25%;height:450px;background:linear-gradient(90deg, #fff3da 0%,#eecccc 100%);border-top-left-radius:60px}@media only screen and (max-width: 767px){.con_lobby::before{width:70%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_lobby::before{height:50%}}@media only screen and (max-width: 767px){.con_lobby::before{height:12em}}@media only screen and (max-width: 767px){.con_lobby::before{border-top-left-radius:30px}}.con_lobby::after{content:"";position:absolute;right:0;top:0;width:32.29167%;height:1212px;background:url(./../../facilities/images/bg_red.webp) top left no-repeat}@media only screen and (max-width: 767px){.con_lobby::after{width:30%}}@media only screen and (max-width: 767px){.con_lobby::after{height:1000px}}.con_lobby .box_lobby{position:relative;z-index:1}@media only screen and (min-width: 768px){.con_lobby .box_lobby{display:flex;justify-content:space-between}}.con_lobby .box_lobby .box_left{width:69.79167%}@media only screen and (max-width: 767px){.con_lobby .box_lobby .box_left{width:88%}}@media only screen and (min-width: 768px){.con_lobby .box_lobby .box_left{display:flex;justify-content:space-between}}.con_lobby .box_lobby .box_left .img{width:53.73134%}@media only screen and (max-width: 767px){.con_lobby .box_lobby .box_left .img{width:100%}}.con_lobby .box_lobby .box_left .box_info{width:39.10448%;padding-top:40px}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_lobby .box_lobby .box_left .box_info{width:42%}}@media only screen and (max-width: 767px){.con_lobby .box_lobby .box_left .box_info{width:100%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_lobby .box_lobby .box_left .box_info{padding-top:2em}}@media only screen and (max-width: 767px){.con_lobby .box_lobby .box_left .box_info{padding-top:2em}}@media only screen and (min-width: 768px) and (max-width: 983px){.con_lobby .box_lobby .box_left .box_info{padding-top:0}}@media only screen and (max-width: 767px){.con_lobby .box_lobby .box_left .box_info{padding-left:1.5em;padding-right:1.5em;padding-bottom:2.5em}}.con_lobby .box_lobby .box_left .box_info .st{margin-bottom:37px}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_lobby .box_lobby .box_left .box_info .st{margin-bottom:2em}}@media only screen and (max-width: 767px){.con_lobby .box_lobby .box_left .box_info .st{margin-bottom:1em}}@media only screen and (min-width: 1350px){.con_lobby .box_lobby .box_left .box_info .txt{width:120%}}.con_lobby .box_lobby .box_right{width:26.5625%}@media only screen and (max-width: 767px){.con_lobby .box_lobby .box_right{width:72%}}@media only screen and (min-width: 768px) and (max-width: 983px){.con_lobby .box_lobby .box_right{margin-top:13.33333%}}@media only screen and (max-width: 767px){.con_lobby .box_lobby .box_right{margin-left:auto}}.con_restaurant{margin-bottom:150px;position:relative}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_restaurant{margin-bottom:5em}}@media only screen and (max-width: 767px){.con_restaurant{margin-bottom:5em}}.con_restaurant:before{content:"";position:absolute;left:0;bottom:-140px;z-index:1;width:43.54167%;aspect-ratio:836 / 588;background-image:url(../images/home/bg_hana2.webp);background-repeat:no-repeat;background-position:left bottom;background-size:contain;margin:0 0 -10.10417% -3%}@media only screen and (max-width: 767px){.con_restaurant:before{bottom:-80px}}.con_restaurant .box_restaurant{max-width:1440px;position:relative;z-index:2}.con_restaurant .box_restaurant .st{text-align:center;margin-bottom:60px}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_restaurant .box_restaurant .st{margin-bottom:2em}}@media only screen and (max-width: 767px){.con_restaurant .box_restaurant .st{margin-bottom:2em}}@media only screen and (min-width: 768px){.con_restaurant .box_restaurant .box_list{display:flex;justify-content:space-between}}.con_restaurant .box_restaurant .box_list .box_item{width:47.22222%}@media only screen and (max-width: 767px){.con_restaurant .box_restaurant .box_list .box_item{width:100%}}@media only screen and (max-width: 767px){.con_restaurant .box_restaurant .box_list .box_item{margin-bottom:3em}}.con_restaurant .box_restaurant .box_list .box_item .st_item{font-weight:500;text-align:center;font-size:142%;padding:40px 0 10px}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_restaurant .box_restaurant .box_list .box_item .st_item{font-size:130%}}@media only screen and (max-width: 767px){.con_restaurant .box_restaurant .box_list .box_item .st_item{font-size:118%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_restaurant .box_restaurant .box_list .box_item .st_item{padding:2em 0 1em}}@media only screen and (max-width: 767px){.con_restaurant .box_restaurant .box_list .box_item .st_item{padding:1em 0}}.con_hotspring{background:linear-gradient(90deg, #fff3da 0%,#eecccc 100%);border-radius:40px 40px 0 0;padding:136px 0 200px;position:relative}@media only screen and (max-width: 767px){.con_hotspring{border-radius:20px 20px 0 0}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_hotspring{padding:4em 0 8em}}@media only screen and (max-width: 767px){.con_hotspring{padding:4em 0 8em}}.con_hotspring .box_hotspring{max-width:1440px;text-align:center}.con_hotspring .box_hotspring .st{margin-bottom:60px}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_hotspring .box_hotspring .st{margin-bottom:2em}}@media only screen and (max-width: 767px){.con_hotspring .box_hotspring .st{margin-bottom:2em}}.con_hotspring .box_hotspring .swiper-slide{position:relative}.con_hotspring .box_hotspring .swiper-slide .st_item{position:absolute;top:0;right:78px;z-index:1;font-size:189%;color:#fff;width:72px;height:214px;display:flex;justify-content:center;align-items:center;font-weight:500;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:0.2em}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_hotspring .box_hotspring .swiper-slide .st_item{right:2em}}@media only screen and (max-width: 767px){.con_hotspring .box_hotspring .swiper-slide .st_item{right:1.8em}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_hotspring .box_hotspring .swiper-slide .st_item{font-size:153%}}@media only screen and (max-width: 767px){.con_hotspring .box_hotspring .swiper-slide .st_item{font-size:124%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_hotspring .box_hotspring .swiper-slide .st_item{width:2.8em;height:6em}}@media only screen and (max-width: 767px){.con_hotspring .box_hotspring .swiper-slide .st_item{width:2.2em;height:5em}}.con_hotspring .box_hotspring .swiper-slide .st_item.--pink{background:#EA7070}.con_hotspring .box_hotspring .swiper-slide .st_item.--violet{background:#7E7CC9}.con_hotspring .box_hotspring .swiper-slide .st_item.--red{background:#d34747}.con_hotspring .box_hotspring .swiper-slide .st_item.--yellow{background:#ecb34d}@media only screen and (min-width: 1200px){.con_hotspring .box_hotspring .c-slider-dots{margin-top:30px}}@media print{.con_hotspring .box_hotspring .c-slider-dots{margin-top:30px}}.con_hotspring .box_hotspring .slider-arrow-next,.con_hotspring .box_hotspring .slider-arrow-prev{display:none}.con_hotspring .box_hotspring .box_info{padding:0 1em}.con_hotspring .box_hotspring .box_info .st_info{font-size:142%;font-weight:500;padding:40px 0 20px}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_hotspring .box_hotspring .box_info .st_info{font-size:130%}}@media only screen and (max-width: 767px){.con_hotspring .box_hotspring .box_info .st_info{font-size:118%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_hotspring .box_hotspring .box_info .st_info{padding:2em 0 1em}}@media only screen and (max-width: 767px){.con_hotspring .box_hotspring .box_info .st_info{padding:1em 0}}@media only screen and (max-width: 767px){.con_hotspring .box_hotspring .box_info .txt{text-align:left}}.con_library{padding:160px 0 160px;position:relative;margin-top:-60px;background-color:#fff;border-radius:60px 60px 0 0}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_library{padding:5em 0}}@media only screen and (max-width: 767px){.con_library{padding:4em 0}}@media only screen and (max-width: 767px){.con_library{margin-top:-50px}}@media only screen and (max-width: 767px){.con_library{border-radius:30px 30px 0 0}}.con_library::before{content:"";position:absolute;width:100%;height:713px;background:url(./../../facilities/images/bg_library.webp) top right no-repeat;top:0;right:0;border-radius:60px 60px 0 0}@media only screen and (max-width: 767px){.con_library::before{border-radius:30px 30px 0 0}}.con_library .box_library{max-width:1440px;position:relative}@media only screen and (min-width: 768px){.con_library .box_library{text-align:center}}.con_library .box_library .st{margin-bottom:60px}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_library .box_library .st{margin-bottom:2em}}@media only screen and (max-width: 767px){.con_library .box_library .st{margin-bottom:2em}}@media only screen and (max-width: 767px){.con_library .box_library .st{text-align:center}}.con_library .box_library .txt{margin-top:60px}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_library .box_library .txt{margin-top:2em}}@media only screen and (max-width: 767px){.con_library .box_library .txt{margin-top:2em}}.con_parking{position:relative;background:#fff}.con_parking:before{content:"";position:absolute;left:0;top:0;z-index:-1;width:63.125%;aspect-ratio:1212 / 1212;background-image:url(../images/common/bg1.webp);background-repeat:no-repeat;background-position:center;background-size:cover;margin:0 0 0 -36.45833%;z-index:1}.con_parking .box_parking{max-width:1440px;background:linear-gradient(90deg, #fff3da 0%,#eecccc 100%);border-radius:40px;position:relative;z-index:2}@media only screen and (max-width: 767px){.con_parking .box_parking{border-radius:20px}}.con_parking .box_parking .box_inner{position:relative;padding:60px 0;display:flex;justify-content:space-between}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_parking .box_parking .box_inner{padding:2em 0}}@media only screen and (max-width: 767px){.con_parking .box_parking .box_inner{padding:2em 0}}@media only screen and (min-width: 768px){.con_parking .box_parking .box_inner{flex-direction:row-reverse}}@media only screen and (min-width: 1561px){.con_parking .box_parking .box_inner{align-items:center}}@media print{.con_parking .box_parking .box_inner{align-items:center}}@media only screen and (max-width: 767px){.con_parking .box_parking .box_inner{flex-wrap:wrap}}.con_parking .box_parking .box_img{width:31.66667%}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_parking .box_parking .box_img{width:35%}}@media only screen and (max-width: 767px){.con_parking .box_parking .box_img{width:100%}}@media only screen and (max-width: 767px){.con_parking .box_parking .box_img{padding-top:2em}}.con_parking .box_parking .box_img .img{width:100%}.con_parking .box_parking .box_img .img+.img{margin-top:10px}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_parking .box_parking .box_img .img+.img{margin-top:1em}}@media only screen and (max-width: 767px){.con_parking .box_parking .box_img .img+.img{margin-top:1em}}.con_parking .box_parking .box_info{width:60%}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_parking .box_parking .box_info{width:60%}}@media only screen and (max-width: 767px){.con_parking .box_parking .box_info{width:100%}}.con_parking .box_parking .box_info .st{margin-bottom:40px}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_parking .box_parking .box_info .st{margin-bottom:1em}}@media only screen and (max-width: 767px){.con_parking .box_parking .box_info .st{margin-bottom:1em}}.con_parking .box_parking .box_info .btn{margin-top:40px;max-width:360px}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_parking .box_parking .box_info .btn{margin-top:1em}}@media only screen and (max-width: 767px){.con_parking .box_parking .box_info .btn{margin-top:1em}}@media only screen and (max-width: 767px){.con_parking .box_parking .box_info .btn{max-width:100%}}.con_parking .box_parking .box_info ul{margin-top:30px}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_parking .box_parking .box_info ul{margin-top:1em}}@media only screen and (max-width: 767px){.con_parking .box_parking .box_info ul{margin-top:1em}}.con_parking .box_parking .box_info ul li{padding-left:1em;text-indent:-1em}.con_table{padding:160px 0 0}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_table{padding:5em 0 0}}@media only screen and (max-width: 767px){.con_table{padding:5em 0 0}}.con_table .box_table{max-width:1200px}.con_table .box_table .st{text-align:center;margin-bottom:60px}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_table .box_table .st{margin-bottom:1em}}@media only screen and (max-width: 767px){.con_table .box_table .st{margin-bottom:1em}}@media only screen and (max-width: 767px){.con_table .box_table table{display:block}}@media only screen and (max-width: 767px){.con_table .box_table table tr:last-child th{border-bottom:none}.con_table .box_table table tr:last-child th:after{display:none}}@media only screen and (max-width: 767px){.con_table .box_table table th,.con_table .box_table table td{display:block;width:100%}}@media only screen and (min-width: 768px){.con_table .box_table table th{white-space:nowrap}}@media only screen and (max-width: 767px){.con_table .box_table table th{text-align:center}}.floor-pin{position:relative}.floor-pin .pin{position:absolute;width:30px;height:30px;border-radius:50%;cursor:pointer}@media only screen and (max-width: 767px){.floor-pin .pin{width:25px}}@media only screen and (max-width: 767px){.floor-pin .pin{height:25px}}.floor-pin .pin.group-01[data-modal="1"]{top:0;left:16.5%}@media only screen and (min-width: 768px) and (max-width: 1199px){.floor-pin .pin.group-01[data-modal="1"]{top:-3%}}@media only screen and (max-width: 767px){.floor-pin .pin.group-01[data-modal="1"]{top:-9%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.floor-pin .pin.group-01[data-modal="1"]{left:16%}}@media only screen and (max-width: 767px){.floor-pin .pin.group-01[data-modal="1"]{left:14.5%}}.floor-pin .pin.group-02[data-modal="1"]{top:14%;left:12%}@media only screen and (min-width: 768px) and (max-width: 1199px){.floor-pin .pin.group-02[data-modal="1"]{top:12%}}@media only screen and (max-width: 767px){.floor-pin .pin.group-02[data-modal="1"]{top:5%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.floor-pin .pin.group-02[data-modal="1"]{left:11%}}@media only screen and (max-width: 767px){.floor-pin .pin.group-02[data-modal="1"]{left:9%}}.floor-pin .pin.group-03[data-modal="1"]{top:25%;left:40%}@media only screen and (max-width: 767px){.floor-pin .pin.group-03[data-modal="1"]{top:17%}}@media only screen and (max-width: 767px){.floor-pin .pin.group-03[data-modal="1"]{left:37%}}.floor-pin .pin.group-03[data-modal="2"]{top:0;left:28%}@media only screen and (max-width: 767px){.floor-pin .pin.group-03[data-modal="2"]{top:-6%}}@media only screen and (max-width: 767px){.floor-pin .pin.group-03[data-modal="2"]{left:27%}}.floor-pin .pin.group-04[data-modal="1"]{bottom:40%;right:44.5%}@media only screen and (min-width: 768px) and (max-width: 1199px){.floor-pin .pin.group-04[data-modal="1"]{right:44%}}@media only screen and (max-width: 767px){.floor-pin .pin.group-04[data-modal="1"]{right:42%}}.floor-pin .pin.group-04[data-modal="2"]{bottom:8%;right:25%}@media only screen and (min-width: 768px) and (max-width: 1199px){.floor-pin .pin.group-04[data-modal="2"]{right:24%}}@media only screen and (max-width: 767px){.floor-pin .pin.group-04[data-modal="2"]{right:23%}}.floor-pin .pin.group-05[data-modal="1"]{bottom:45%;right:42.5%}@media only screen and (max-width: 767px){.floor-pin .pin.group-05[data-modal="1"]{bottom:50%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.floor-pin .pin.group-05[data-modal="1"]{right:41%}}@media only screen and (max-width: 767px){.floor-pin .pin.group-05[data-modal="1"]{right:40%}}.floor-pin .pin.group-05[data-modal="2"]{bottom:30%;right:35%}@media only screen and (min-width: 768px) and (max-width: 1199px){.floor-pin .pin.group-05[data-modal="2"]{right:34%}}@media only screen and (max-width: 767px){.floor-pin .pin.group-05[data-modal="2"]{right:33%}}body.popupOpen .overlay{opacity:1;pointer-events:auto}.con_popup,.overlay{opacity:0;pointer-events:none}body .overlay{position:fixed;top:0;left:0;z-index:1006;width:100%;height:100%;background:rgba(0,0,0,0.3)}body .con_popup{position:fixed;z-index:1007;top:50%;left:50%;transform:translate(-50%, -50%);max-width:960px;background:#fff;box-sizing:border-box;overflow-y:auto}body .con_popup.is-active{opacity:1;pointer-events:auto}body .con_popup::before{content:"";position:absolute;width:50%;height:60%;background:url(./../../access/images/bg_road_left.webp) top left no-repeat;background-size:cover;top:0;left:0}body .con_popup .box_popup{padding:2em 0 3em;position:relative}@media only screen and (max-width: 767px){body .con_popup .box_popup{padding:1.5em 0 2em}}body .con_popup .box_popup .btn_arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);display:flex;justify-content:center;align-items:center;width:3em;height:3em;border-radius:50%;background:#D34747;cursor:pointer}body .con_popup .box_popup .btn_arrow:before{content:"";margin-right:.5em;font-family:'icomoon' !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;color:#fff}body .con_popup .box_popup .btn_arrow.btn_prev{left:1.5em}body .con_popup .box_popup .btn_arrow.btn_prev::before{transform:rotate(180deg)}body .con_popup .box_popup .btn_arrow.btn_next{right:1.5em}body .con_popup .st_title{text-align:center;font-size:136%;font-weight:500;margin-bottom:1.5em}@media only screen and (min-width: 768px) and (max-width: 1199px){body .con_popup .st_title{font-size:118%}}@media only screen and (max-width: 767px){body .con_popup .st_title{font-size:95%}}body .con_popup .img{position:relative;padding:0 5em;text-align:center}@media only screen and (max-width: 767px){body .con_popup .img{padding:0 2em}}body .con_popup img{width:auto;height:100%;max-height:665px;border-radius:12px}body #js-close{background:#EA7070;display:flex;justify-content:center;align-items:center;position:absolute;z-index:2;right:0;top:0;width:3.5em;height:3.5em;padding:1em;box-sizing:border-box;transition:background 0.5s ease;cursor:pointer}body #js-close::before,body #js-close::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:#fff}body #js-close::before{transform:translateY(-50%) rotate(45deg)}body #js-close::after{transform:translateY(-50%) rotate(-45deg)}.modal{position:fixed;top:0;left:0;width:100%;height:100vh;padding:30px;display:flex;align-items:center;justify-content:center;transition:opacity 0.3s;pointer-events:none;opacity:0;z-index:100;background-color:rgba(255,255,255,0.9)}.modal.is-active{opacity:1;pointer-events:auto}