@media screen and (min-width: 768px){.routeMapSect{margin-left:auto;margin-right:auto;width:800px}}@media screen and (max-width: 768px){.routeMapSect{padding:0 30px}}@media screen and (min-width: 768px){.routeMapSect__inner+.caption{margin-top:96px}}@media screen and (max-width: 768px){.routeMapSect__inner+.caption{margin-top:88px}}.routeMapSect__body{display:flex;flex-direction:column}@media screen and (max-width: 768px){.routeMapSect__body{gap:40px}}@media screen and (min-width: 768px){.routeMapSect__body:nth-child(1){gap:60px}}@media screen and (min-width: 768px){.routeMapSect__body:nth-child(2){gap:80px;margin-top:-80px}}@media screen and (max-width: 768px){.routeMapSect__body:nth-child(2){margin-top:24px}}.routeMapSect__body:nth-child(2) .routeMapSect__head{display:flex}@media screen and (min-width: 768px){.routeMapSect__body:nth-child(2) .routeMapSect__head{align-items:flex-end;gap:80px}}@media screen and (max-width: 768px){.routeMapSect__body:nth-child(2) .routeMapSect__head{align-items:flex-start;flex-direction:column;gap:56px}}@media screen and (min-width: 768px){.routeMapSect__body:nth-child(2) .routeMapSect__head .photo{width:258px}}@media screen and (max-width: 768px){.routeMapSect__body:nth-child(2) .routeMapSect__head .photo{width:164px}}@media screen and (max-width: 768px){.routeMapSect__body:nth-child(2) .routeMapSect__head .heading{margin-left:auto}}.routeMapSect__cont{width:100%}@media screen and (max-width: 768px){.routeMapSect__cont .swipeFigure{margin:0 -30px}}@media screen and (max-width: 768px){.routeMapSect__cont .swipeFigure__inner{height:240px}}@media screen and (max-width: 768px){.routeMapSect__cont .swipeFigure__capOut{padding:0 30px}}.schoolSect{background-color:#ede7e0;-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%);overflow:hidden;position:relative;transition:-webkit-clip-path 1.4s cubic-bezier(0.65, 0, 0.35, 1) !important;transition:clip-path 1.4s cubic-bezier(0.65, 0, 0.35, 1) !important;transition:clip-path 1.4s cubic-bezier(0.65, 0, 0.35, 1), -webkit-clip-path 1.4s cubic-bezier(0.65, 0, 0.35, 1) !important}.schoolSect.sai-animate{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}@media screen and (min-width: 768px){.schoolSect{margin-left:auto;padding:80px 0 0;width:calc(1320 / 1440 * 100%)}}@media screen and (max-width: 768px){.schoolSect{margin-left:auto;padding:60px 0 0;width:360px}}@media screen and (min-width: 768px){.schoolSect__body{padding-left:calc(100 / 1440 * 100%)}}.schoolSect__inner{display:flex;flex-direction:column;margin:0 auto}@media screen and (min-width: 768px){.schoolSect__inner{gap:60px;max-width:1100px}}@media screen and (max-width: 768px){.schoolSect__inner{gap:40px;padding:0 30px}}.schoolSect__head{display:flex}@media screen and (min-width: 768px){.schoolSect__head{align-items:center;gap:57px}}@media screen and (max-width: 768px){.schoolSect__head{flex-direction:column;gap:34px}}@media screen and (min-width: 768px){.schoolSect__desc{width:508px}}@media screen and (min-width: 768px){.schoolSect__visual{flex-shrink:0;width:435px}}@media screen and (max-width: 768px){.schoolSect__map .swipeFigure{margin-right:-30px}}@media screen and (max-width: 768px){.schoolSect__map .swipeFigure__inner{height:328px}}.schoolSect__bottom{display:flex;justify-content:flex-start}.schoolSect__bottom .sectTtl{color:#ffffff}.trafficSect{display:flex;flex-direction:column;width:100%}@media screen and (min-width: 768px){.trafficSect{width:calc(1320 / 1440 * 100%)}}@media screen and (max-width: 768px){.trafficSect{width:360px}}.trafficSect+.caption{margin:80px auto 0}@media screen and (min-width: 768px){.trafficSect+.caption{margin-left:auto;margin-right:auto;width:800px}}@media screen and (max-width: 768px){.trafficSect+.caption{padding:0 30px}}.trafficSect__head{display:flex}.trafficSect__cont{background-color:rgba(62,58,57,0.9);color:#ffffff;position:relative;transition:-webkit-clip-path 1.4s cubic-bezier(0.65, 0, 0.35, 1) !important;transition:clip-path 1.4s cubic-bezier(0.65, 0, 0.35, 1) !important;transition:clip-path 1.4s cubic-bezier(0.65, 0, 0.35, 1), -webkit-clip-path 1.4s cubic-bezier(0.65, 0, 0.35, 1) !important}@media screen and (min-width: 768px){.trafficSect__cont{padding:80px 0}}.trafficSect__cont.sai-animate{-webkit-clip-path:inset(0 0 0 0) !important;clip-path:inset(0 0 0 0) !important}.trafficSect__inner{display:flex;position:relative}@media screen and (min-width: 768px){.trafficSect__inner{gap:calc(40 / 1220 * 100%);margin:0 auto;max-width:1220px}}@media screen and (max-width: 768px){.trafficSect__inner{flex-direction:column;gap:40px}}.trafficSect__desc{display:flex;flex-direction:column}@media screen and (min-width: 768px){.trafficSect__desc{gap:56px;width:calc(610 / 1220 * 100%)}}@media screen and (max-width: 768px){.trafficSect__desc{gap:40px}}@media screen and (max-width: 768px){.trafficSect__desc .headingUnit .txt{max-width:270px}}@media screen and (min-width: 768px){.trafficSect__visual{width:calc(570 / 1220 * 100%)}}.trafficSect__diagram .caption{padding-top:16px;text-align:right}@media screen and (max-width: 768px){.trafficSect__diagram .caption{padding:10px 10px 0}}.busFeature .trafficSect{margin-left:auto}.busFeature .trafficSect__cont{-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%)}@media screen and (min-width: 768px){.busFeature .trafficSect__cont{padding-left:calc(100 / 1320 * 100%)}}@media screen and (max-width: 768px){.busFeature .trafficSect__cont{padding:60px 0 80px 30px}}@media screen and (min-width: 768px){.busFeature .trafficSect__inner{align-items:flex-start}}@media screen and (min-width: 768px){.busFeature .trafficSect__visual{margin-top:40px}}@media screen and (min-width: 768px){.busFeature .trafficSect__diagram{bottom:0;left:0;position:absolute;width:calc(720 / 1320 * 100%)}}@media screen and (max-width: 768px){.busFeature .swipeFigure__inner{height:145px}}@media screen and (min-width: 768px){.taxiFeature{margin-top:-40px}}@media screen and (max-width: 768px){.taxiFeature{margin-top:-40px}}.taxiFeature .trafficSect{margin-right:auto}.taxiFeature .trafficSect__head{order:1}@media screen and (min-width: 768px){.taxiFeature .trafficSect__head{justify-content:flex-end}}.taxiFeature .trafficSect__cont{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}@media screen and (min-width: 768px){.taxiFeature .trafficSect__cont{padding-right:calc(100 / 1320 * 100%)}}@media screen and (max-width: 768px){.taxiFeature .trafficSect__cont{padding:80px 32px 60px 0}}@media screen and (min-width: 768px){.taxiFeature .trafficSect__inner{align-items:flex-end;flex-direction:row-reverse}}@media screen and (max-width: 768px){.taxiFeature .trafficSect__inner{flex-direction:column-reverse}}@media screen and (max-width: 768px){.taxiFeature .trafficSect__desc{margin-right:-30px;padding-left:30px}}@media screen and (max-width: 768px){.taxiFeature .swipeFigure__inner{height:125px}}@media screen and (min-width: 768px){.trainSect{margin:0 auto;max-width:1440px}}@media screen and (min-width: 768px){.trainSect__intro+.trainSect__body{margin-top:80px}}@media screen and (max-width: 768px){.trainSect__intro+.trainSect__body{margin-top:60px}}@media screen and (min-width: 768px){.trainSect__body{margin-left:auto;margin-right:auto;width:800px}}@media screen and (max-width: 768px){.trainSect__body{padding:0 30px}}@media screen and (min-width: 768px){.trainSect__head{width:465px}}@media screen and (min-width: 768px){.trainSect__head+.trainSect__cont{margin-top:60px}}@media screen and (max-width: 768px){.trainSect__head+.trainSect__cont{margin-top:40px}}.stationGrid{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(3, 1fr)}@media screen and (min-width: 768px){.stationGrid{gap:12px}}@media screen and (max-width: 768px){.stationGrid{gap:4px}}.stationGrid+.caption{margin-top:10px;text-align:right}.stationGrid__item:nth-child(1){grid-column:1 / 3;grid-row:1 / 3}@media screen and (min-width: 768px){.stationGrid__item:nth-child(1) .stationCard__label{padding:40px}}@media screen and (min-width: 768px){.stationGrid__item:nth-child(1) .stationCard__label .num{font-size:100px}}@media screen and (max-width: 768px){.stationGrid__item:nth-child(1) .stationCard__label .num{font-size:80px}}@media screen and (min-width: 768px){.stationGrid__item:nth-child(1) .stationCard__label .min{font-size:20px}}@media screen and (max-width: 768px){.stationGrid__item:nth-child(1) .stationCard__label .min{font-size:16px}}.stationGrid__item:nth-child(1) .stationCard__name{margin-left:12px}@media screen and (min-width: 768px){.stationGrid__item:nth-child(1) .stationCard__name{font-size:36px}}@media screen and (max-width: 768px){.stationGrid__item:nth-child(1) .stationCard__name{font-size:24px}}.stationCard{height:100%;overflow:hidden;position:relative;width:100%}.stationCard:after{background-image:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.55) 100%);bottom:0;content:'';height:100%;left:0;pointer-events:none;position:absolute;width:100%}.stationCard__label{align-items:center;color:#ffffff;display:flex;inset:0;position:absolute;white-space:nowrap;z-index:1}@media screen and (min-width: 768px){.stationCard__label{padding-left:8px}}@media screen and (max-width: 768px){.stationCard__label{padding-left:4px}}.stationCard__minutes{align-items:center;display:flex;flex-direction:column;justify-content:center}.stationCard__minutes .num{font-family:"Lato",sans-serif;font-weight:300;letter-spacing:0;line-height:1}@media screen and (min-width: 768px){.stationCard__minutes .num{font-size:64px}}@media screen and (max-width: 768px){.stationCard__minutes .num{font-size:30px}}.stationCard__minutes .min{font-family:"Lato",sans-serif;letter-spacing:0;margin-left:4px;padding-bottom:4px}@media screen and (min-width: 768px){.stationCard__minutes .min{font-size:16px}}@media screen and (max-width: 768px){.stationCard__minutes .min{font-size:10px}}.stationCard__name{align-items:center;display:flex;flex-direction:column;font-family:"EB Garamond",serif;letter-spacing:0;line-height:1;margin-left:4px}@media screen and (min-width: 768px){.stationCard__name{font-size:28px}}@media screen and (max-width: 768px){.stationCard__name{font-size:12px}}@media screen and (min-width: 768px){.access-routemap{padding-top:80px}}@media screen and (max-width: 768px){.access-routemap{padding-top:80px}}@media screen and (min-width: 768px){.access-traffic{padding-top:100px}}@media screen and (max-width: 768px){.access-traffic{padding-top:80px}}@media screen and (min-width: 768px){.access-school{padding-top:100px}}@media screen and (max-width: 768px){.access-school{padding-top:80px}}
