﻿.p-intro{background:var(--pattern-basic-bottom);background-size:cover;position:relative;overflow:hidden}@media only screen and (min-width: 768px){.p-intro{padding:2.85rem 0 8.57rem}}@media only screen and (max-width: 767px){.p-intro{padding:6rem 0}}.p-intro::before,.p-intro::after{content:"";position:absolute;z-index:0;background:url(../images/common/nami_blue.webp) no-repeat;background-size:contain;pointer-events:none}@media only screen and (min-width: 768px){.p-intro::before{top:6rem}}@media only screen and (max-width: 767px){.p-intro::before{top:0}}@media only screen and (min-width: 768px){.p-intro::before{left:6vw}}@media only screen and (max-width: 767px){.p-intro::before{left:-20vw}}@media only screen and (min-width: 768px){.p-intro::before{width:24vw}}@media only screen and (max-width: 767px){.p-intro::before{width:60vw}}@media only screen and (min-width: 768px){.p-intro::before{height:15vw}}@media only screen and (max-width: 767px){.p-intro::before{height:25vw}}.p-intro::after{transform:scaleX(-1)}@media only screen and (min-width: 1025px){.p-intro::after{top:10rem}}@media only screen and (min-width: 768px) and (max-width: 1024px){.p-intro::after{top:12rem}}@media only screen and (max-width: 767px){.p-intro::after{top:21rem}}@media only screen and (min-width: 768px){.p-intro::after{right:-8vw}}@media only screen and (max-width: 767px){.p-intro::after{right:-15vw}}@media only screen and (min-width: 768px){.p-intro::after{width:32vw}}@media only screen and (max-width: 767px){.p-intro::after{width:65vw}}@media only screen and (min-width: 768px){.p-intro::after{height:18vw}}@media only screen and (max-width: 767px){.p-intro::after{height:28vw}}@media only screen and (max-width: 767px){.p-intro::after{display:none}}.p-intro__inner{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1}@media only screen and (min-width: 768px){.p-intro__inner{gap:4.28rem}}@media only screen and (max-width: 767px){.p-intro__inner{gap:2rem}}.p-intro__head{display:flex;flex-direction:column;gap:2rem}@media only screen and (min-width: 768px){.p-intro__head{text-align:center}}@media only screen and (max-width: 767px){.p-intro__head{text-align:left}}@media only screen and (min-width: 768px){.p-intro__head{padding:0}}@media only screen and (max-width: 767px){.p-intro__head{padding:0 1rem}}.p-intro__text{line-height:2}@media only screen and (min-width: 1025px){.p-intro__text{font-size:1.14rem}}@media only screen and (min-width: 768px) and (max-width: 1024px){.p-intro__text{font-size:1.07rem}}@media only screen and (max-width: 767px){.p-intro__text{font-size:1rem}}.p-intro__map{position:relative;margin-right:auto;margin-left:auto;width:100%}@media only screen and (min-width: 1025px){.p-intro__map{width:calc(1280 / 1440 * 100%);max-width:calc(1280px)}}@media only screen and (min-width: 1025px) and (min-width: 1441px){.p-intro__map{max-width:calc(1280px * ((15 + 3) / 14))}}@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px){.p-intro__map{max-width:calc(1280px * ((15 + 2) / 14))}}@media only screen and (min-width: 768px) and (max-width: 1024px){.p-intro__map{width:calc(1240 / 1440 * 100%)}}@media only screen and (max-width: 767px){.p-intro__map{width:calc(388 / 428 * 100%)}}@media only screen and (min-width: 1025px){.p-intro__map{height:30.92rem}}@media only screen and (min-width: 768px) and (max-width: 1024px){.p-intro__map{height:24rem}}@media only screen and (max-width: 767px){.p-intro__map{height:16rem}}.p-intro__map::before{content:"";position:absolute;z-index:-1;background:url(../images/common/nami_blue.webp) no-repeat;background-size:contain;pointer-events:none;left:-8vw}@media only screen and (min-width: 768px){.p-intro__map::before{top:-6rem}}@media only screen and (max-width: 767px){.p-intro__map::before{top:0}}@media only screen and (min-width: 768px){.p-intro__map::before{width:20vw}}@media only screen and (max-width: 767px){.p-intro__map::before{width:60vw}}@media only screen and (min-width: 768px){.p-intro__map::before{height:15vw}}@media only screen and (max-width: 767px){.p-intro__map::before{height:25vw}}@media only screen and (max-width: 767px){.p-intro__map::before{display:none}}.p-intro__map iframe{width:100%;height:100%;border:0}.p-intro__info{margin-right:auto;margin-left:auto;width:100%}@media only screen and (min-width: 1025px){.p-intro__info{width:calc(1120 / 1440 * 100%);max-width:calc(1120px)}}@media only screen and (min-width: 1025px) and (min-width: 1441px){.p-intro__info{max-width:calc(1120px * ((15 + 3) / 14))}}@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px){.p-intro__info{max-width:calc(1120px * ((15 + 2) / 14))}}@media only screen and (min-width: 768px) and (max-width: 1024px){.p-intro__info{width:90%}}@media only screen and (min-width: 768px) and (max-width: 1024px){.p-intro__info{width:calc(1190 / 1440 * 100%)}}@media only screen and (max-width: 767px){.p-intro__info{width:calc(388 / 428 * 100%)}}.p-intro__info-inner{display:flex;justify-content:space-between}@media only screen and (min-width: 768px){.p-intro__info-inner{flex-wrap:nowrap}}@media only screen and (max-width: 767px){.p-intro__info-inner{flex-wrap:wrap}}@media only screen and (min-width: 1025px){.p-intro__info-inner{align-items:center}}@media only screen and (min-width: 768px) and (max-width: 1024px){.p-intro__info-inner{align-items:flex-start}}@media only screen and (max-width: 767px){.p-intro__info-inner{align-items:center}}@media only screen and (min-width: 768px){.p-intro__info-inner{gap:0}}@media only screen and (max-width: 767px){.p-intro__info-inner{gap:1rem}}@media only screen and (min-width: 1025px) and (max-width: 1199px){.p-intro__info-inner{align-items:flex-start}}@media only screen and (min-width: 1025px){.p-intro__info-img{width:calc(580 / 1080 * 100%)}}@media only screen and (min-width: 768px) and (max-width: 1024px){.p-intro__info-img{width:40%}}@media only screen and (max-width: 767px){.p-intro__info-img{width:100%}}.p-intro__info-img img{width:100%;height:auto}.p-intro__info-content{display:flex;flex-direction:column;gap:2rem}@media only screen and (min-width: 1025px){.p-intro__info-content{width:calc(420 / 1080 * 100%)}}@media only screen and (min-width: 768px) and (max-width: 1024px){.p-intro__info-content{width:55%}}@media only screen and (max-width: 767px){.p-intro__info-content{width:100%}}@media only screen and (min-width: 1025px) and (max-width: 1199px){.p-intro__info-content{width:calc(470 / 1080 * 100%)}}.p-intro__info-content-inner{display:flex;flex-direction:column;gap:1.5rem}.p-intro__info-content-inner table>tbody>tr>th{width:8rem}@media only screen and (min-width: 768px){.p-intro__info-btn .c-textlink{font-size:1.14rem}}@media only screen and (max-width: 767px){.p-intro__info-btn .c-textlink{font-size:1rem}}.p-route{display:flex;flex-direction:column;gap:3rem;background:var(--pattern-basic-bottom);background-size:cover}@media only screen and (min-width: 768px){.p-route{padding:7.14rem 0 8.57rem}}@media only screen and (max-width: 767px){.p-route{padding:4rem 0 6rem}}.p-route__inner{margin-right:auto;margin-left:auto;display:flex;flex-direction:column}@media only screen and (min-width: 1025px){.p-route__inner{width:calc(1190 / 1440 * 100%);max-width:calc(1190px)}}@media only screen and (min-width: 1025px) and (min-width: 1441px){.p-route__inner{max-width:calc(1190px * ((15 + 3) / 14))}}@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px){.p-route__inner{max-width:calc(1190px * ((15 + 2) / 14))}}@media only screen and (min-width: 768px) and (max-width: 1024px){.p-route__inner{width:calc(1280 / 1440 * 100%)}}@media only screen and (max-width: 767px){.p-route__inner{width:calc(388 / 428 * 100%)}}@media only screen and (min-width: 768px){.p-route__inner{gap:6rem}}@media only screen and (max-width: 767px){.p-route__inner{gap:4rem}}.p-route__tab ul{display:flex;align-items:center}.p-route__tab ul li{display:flex;align-items:center;width:50%;border-bottom:1px solid var(--color-line-2);padding-bottom:2px}.p-route__tab ul li button{padding:1rem}.p-route__tab ul li.is-active{border-bottom:3px solid #212121;padding-bottom:0}.p-route__tab--car::before{content:"";display:inline-block;background:url(../images/common/ic_car.svg) no-repeat center;background-size:cover}@media only screen and (min-width: 768px){.p-route__tab--car::before{width:2rem}}@media only screen and (max-width: 767px){.p-route__tab--car::before{width:1.25rem}}@media only screen and (min-width: 768px){.p-route__tab--car::before{height:2rem}}@media only screen and (max-width: 767px){.p-route__tab--car::before{height:1.25rem}}.p-route__tab--train::before{content:"";display:inline-block;background:url(../images/common/ic_train.svg) no-repeat center;background-size:cover}@media only screen and (min-width: 768px){.p-route__tab--train::before{width:2rem}}@media only screen and (max-width: 767px){.p-route__tab--train::before{width:1.25rem}}@media only screen and (min-width: 768px){.p-route__tab--train::before{height:2rem}}@media only screen and (max-width: 767px){.p-route__tab--train::before{height:1.25rem}}.p-route .con_route{position:relative;z-index:2}@media only screen and (min-width: 768px){.p-route .con_route>.inner{display:flex;--parent:1000;--width:300;--margin:50}.p-route .con_route>.inner.col_2 .box_route{width:calc(var(--width) / var(--parent) * 100%)}.p-route .con_route>.inner.col_2 .box_route:not(:first-child){margin-right:calc(var(--margin) / var(--parent) * 100%)}.p-route .con_route>.inner.col_3 .box_route{width:calc(var(--width) / var(--parent) * 100%)}.p-route .con_route>.inner.col_3 .box_route:not(:first-child){margin-left:calc(var(--margin) / var(--parent) * 100%)}.p-route .con_route>.inner.col_4 .box_route{width:calc(var(--width) / var(--parent) * 100%)}.p-route .con_route>.inner.col_4 .box_route:not(:first-child){margin-left:calc(var(--margin) / var(--parent) * 100%)}.p-route .con_route>.inner.col_5 .box_route{width:calc(var(--width) / var(--parent) * 100%)}.p-route .con_route>.inner.col_5 .box_route:not(:first-child){margin-left:calc(var(--margin) / var(--parent) * 100%)}}.p-route .con_route>.inner .box_route{line-height:1.1;--way-h:7.5rem;--spot-h:3.75rem;position:relative}@media only screen and (min-width: 768px){.p-route .con_route>.inner .box_route{z-index:-1}}@media only screen and (max-width: 767px){.p-route .con_route>.inner .box_route{--spot-h:3rem;--way-h:3rem}.p-route .con_route>.inner .box_route:not(:first-child){margin-top:2rem}}.p-route .con_route>.inner .box_route .point{--bdc:black;--bd:1px solid var(--bdc);--c:inherit;--bgc:inherit;border:var(--bd);background-color:var(--bgc);color:var(--c);height:var(--spot-h);width:100%;padding:0 0.5em;text-align:center;display:flex;align-items:center;justify-content:center}@media only screen and (min-width: 768px){.p-route .con_route>.inner .box_route .point.pt_opa0{opacity:0}}.p-route .con_route>.inner .box_route .point.opa0{opacity:0}.p-route .con_route>.inner .box_route .start{--bdc:var(--color-sub-5);--bgc:var(--color-sub-5);--c:white}.p-route .con_route>.inner .box_route .start.width_double{width:calc(calc(var(--width) * 2 + calc(var(--margin) * 2)) / var(--width) * 100%)}.p-route .con_route>.inner .box_route .start button{color:white}@media only screen and (max-width: 767px){.p-route .con_route>.inner .box_route .start{position:relative;--arr-w:3rem;padding-right:var(--arr-w);padding-left:var(--arr-w)}.p-route .con_route>.inner .box_route .start::after{content:"↓";position:absolute;right:0;top:0;bottom:0;display:flex;align-items:center;justify-content:center;width:var(--arr-w)}.p-route .con_route>.inner .box_route .start.is-active::after{transform:scaleY(-1)}}.p-route .con_route>.inner .box_route .spot{--bdc:var(--color-main-secondary);--bgc:var(--color-main-secondary);--c:var(--color-text-main)}.p-route .con_route>.inner .box_route .goal{--bdc:var(--color-main-primary);--bgc:var(--color-main-primary);--c:white}.p-route .con_route>.inner .box_route .way{position:relative;width:100%;display:block;display:flex;align-items:center;justify-content:center;position:relative}@media only screen and (min-width: 768px){.p-route .con_route>.inner .box_route .way{height:var(--way-h)}}@media only screen and (max-width: 767px){.p-route .con_route>.inner .box_route .way{height:auto}}@media only screen and (max-width: 767px){.p-route .con_route>.inner .box_route .way{padding:1em 0;border:none}}.p-route .con_route>.inner .box_route .way::before{content:"";display:block;width:0;border-left:2px dotted var(--color-sub-5);position:absolute;top:0;bottom:0;z-index:-1}@media only screen and (min-width: 1025px){.p-route .con_route>.inner .box_route .way::before{left:2rem}}@media only screen and (min-width: 768px) and (max-width: 1024px){.p-route .con_route>.inner .box_route .way::before{left:1.5rem}}@media only screen and (max-width: 767px){.p-route .con_route>.inner .box_route .way::before{left:1.5rem}}.p-route .con_route>.inner .box_route .way span{padding:0.75em 0;line-height:1.6;text-align:left;width:100%;box-sizing:border-box}@media only screen and (min-width: 1025px){.p-route .con_route>.inner .box_route .way span{padding-left:4rem}}@media only screen and (min-width: 768px) and (max-width: 1024px){.p-route .con_route>.inner .box_route .way span{padding-left:3rem}}@media only screen and (max-width: 767px){.p-route .con_route>.inner .box_route .way span{padding-left:3rem}}@media only screen and (max-width: 767px){.p-route .con_route>.inner .box_route ol{display:none}}.p-route .con_route>.inner .box_route li{text-align:center}@media only screen and (min-width: 768px){.p-route .con_route>.inner .box_route li.height_double .way{height:calc( (var(--way-h) * 2) + var(--spot-h) )}.p-route .con_route>.inner .box_route li.height_triple .way{height:calc( (var(--way-h) * 3) + var(--spot-h) )}.p-route .con_route>.inner .box_route li.height_x4 .way{height:calc( (var(--way-h) * 3.5) + var(--spot-h) )}.p-route .con_route>.inner .box_route li .point.width_double{width:calc(calc( var(--width) * 2 + calc(var(--margin) * 1) ) / var(--width) * 100%)}.p-route .con_route>.inner .box_route li .point.width_triple{width:calc(calc( var(--width) * 3 + calc(var(--margin) * 2) ) / var(--width) * 100%)}.p-route .con_route>.inner .box_route li .point.width_x4{width:calc(calc( var(--width) * 4 + calc(var(--margin) * 6) ) / var(--width) * 100%)}.p-route .con_route>.inner .box_route li .point.width_x5{width:calc(calc( var(--width) * 5 + calc(var(--margin) * 7.5) ) / var(--width) * 100%)}}@media only screen and (max-width: 767px){.p-route .con_route>.inner .box_route li:last-child{margin-bottom:4rem}}@media only screen and (min-width: 768px){.p-parking,.p-bus{margin-top:6rem}}@media only screen and (max-width: 767px){.p-parking,.p-bus{margin-top:4rem}}.p-parking__inner,.p-bus__inner{margin-right:auto;margin-left:auto;display:flex;flex-direction:column}@media only screen and (min-width: 1025px){.p-parking__inner,.p-bus__inner{width:calc(1280 / 1440 * 100%);max-width:calc(1280px)}}@media only screen and (min-width: 1025px) and (min-width: 1441px){.p-parking__inner,.p-bus__inner{max-width:calc(1280px * ((15 + 3) / 14))}}@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px){.p-parking__inner,.p-bus__inner{max-width:calc(1280px * ((15 + 2) / 14))}}@media only screen and (min-width: 768px) and (max-width: 1024px){.p-parking__inner,.p-bus__inner{width:calc(1280 / 1440 * 100%)}}@media only screen and (max-width: 767px){.p-parking__inner,.p-bus__inner{width:calc(388 / 428 * 100%)}}@media only screen and (min-width: 768px){.p-parking__inner,.p-bus__inner{gap:6rem}}@media only screen and (max-width: 767px){.p-parking__inner,.p-bus__inner{gap:2rem}}@media only screen and (min-width: 768px){.p-parking__inner,.p-bus__inner{flex-direction:row;justify-content:space-between;align-items:stretch}}.p-parking__content,.p-bus__content{display:flex;flex-direction:column;justify-content:center;gap:1.5rem}@media only screen and (min-width: 768px){.p-parking__content,.p-bus__content{width:48%}}.p-parking__title,.p-bus__title{display:flex;align-items:center;gap:0.5rem}.p-parking__text,.p-bus__text{line-height:2}.p-parking__table .c-table th,.p-bus__table .c-table th{width:45%}@media only screen and (min-width: 768px){.p-parking__img,.p-bus__img{width:48%}}.p-parking__img img,.p-bus__img img{width:100%;height:100%;object-fit:cover}@media only screen and (max-width: 767px){.p-bus__title .c-title__jp{font-size:1.4rem}}.p-bus__title::before{content:"";display:inline-block;background:url(../images/common/ic_bus.svg) no-repeat center;background-size:contain}@media only screen and (min-width: 768px){.p-bus__title::before{width:2rem}}@media only screen and (max-width: 767px){.p-bus__title::before{width:1.5rem}}@media only screen and (min-width: 768px){.p-bus__title::before{height:2rem}}@media only screen and (max-width: 767px){.p-bus__title::before{height:1.5rem}}.p-bus__img{position:relative}.p-bus__img-note{position:absolute;bottom:0;left:0;background-color:#5b9dbd;color:#fff;padding:0.25rem 1rem;font-size:0.85rem;letter-spacing:0.05em}.p-sightseeing{position:relative;display:flex;flex-direction:column;gap:2rem}@media only screen and (min-width: 768px){.p-sightseeing{padding:5.71rem 0 8.57rem}}@media only screen and (max-width: 767px){.p-sightseeing{padding:4rem 0 6rem}}.p-sightseeing::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-2;background:var(--pattern-basic2-bottom);background-size:cover;background-position:bottom}.p-sightseeing::after{content:"";position:absolute;width:48vw;height:23vw;top:2vw;left:0;z-index:-1;background:url(../images/common/nami_brown2.webp) no-repeat right bottom;background-size:100%}@media only screen and (max-width: 767px){.p-sightseeing::after{width:60vw;height:30vw}}.p-sightseeing__inner{margin-right:auto;margin-left:auto}@media only screen and (min-width: 1025px){.p-sightseeing__inner{width:calc(1240 / 1440 * 100%);max-width:calc(1240px)}}@media only screen and (min-width: 1025px) and (min-width: 1441px){.p-sightseeing__inner{max-width:calc(1240px * ((15 + 3) / 14))}}@media only screen and (min-width: 1025px) and (min-width: 1441px) and (max-width: 1600px){.p-sightseeing__inner{max-width:calc(1240px * ((15 + 2) / 14))}}@media only screen and (min-width: 768px) and (max-width: 1024px){.p-sightseeing__inner{width:calc(1240 / 1440 * 100%)}}@media only screen and (max-width: 767px){.p-sightseeing__inner{width:calc(388 / 428 * 100%)}}.p-sightseeing__list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4rem 0}.p-sightseeing__item{display:flex;flex-direction:column;gap:1.5rem;padding:0 1.25rem}@media only screen and (min-width: 1025px){.p-sightseeing__item{width:calc(1 / 3 * 100%)}}@media only screen and (min-width: 768px) and (max-width: 1024px){.p-sightseeing__item{width:calc(1 / 2 * 100%)}}@media only screen and (max-width: 767px){.p-sightseeing__item{width:100%}}.p-sightseeing__item-content{display:flex;flex-direction:column;flex-grow:1;gap:2rem}@media only screen and (max-width: 767px){.p-sightseeing__item-content .c-title__jp{font-size:1.4rem}}.p-sightseeing__item-content__inner{display:flex;flex-direction:column;gap:1rem}.p-sightseeing__item-links{display:flex;gap:1.5rem;margin-top:auto}.p-sightseeing__tag{display:flex;align-items:center;gap:0.25rem}.p-sightseeing__tag--car::before{content:"";display:inline-block;background:url(../images/common/ic_car.svg) no-repeat center;background-size:cover}@media only screen and (min-width: 768px){.p-sightseeing__tag--car::before{width:1.25rem}}@media only screen and (max-width: 767px){.p-sightseeing__tag--car::before{width:1rem}}@media only screen and (min-width: 768px){.p-sightseeing__tag--car::before{height:1.25rem}}@media only screen and (max-width: 767px){.p-sightseeing__tag--car::before{height:1rem}}.p-sightseeing__tag--walk::before{content:"";display:inline-block;background:url(../images/common/ic_walk.svg) no-repeat center;background-size:cover}@media only screen and (min-width: 768px){.p-sightseeing__tag--walk::before{width:1.25rem}}@media only screen and (max-width: 767px){.p-sightseeing__tag--walk::before{width:1rem}}@media only screen and (min-width: 768px){.p-sightseeing__tag--walk::before{height:1.25rem}}@media only screen and (max-width: 767px){.p-sightseeing__tag--walk::before{height:1rem}}.l-footer{margin-top:0}
