.tourism-mv{position:relative;z-index:1}
.tourism-mv:not(.is-visibled){opacity:1;transform:none}
.tourism-mv-scroll{background:no-repeat 50%;background-size:100% 100%;color:transparent;position:absolute;transition-delay:2s}
.tourism-mv-photo>picture{display:block}
.tourism-mv-photo>picture>img{vertical-align:top;width:100%}
.tourism-mv-illust{position:absolute;transition-delay:.75s}
.tourism-mv-illust>img{vertical-align:top;width:100%}
.tourism-mv-heading{font-family:Zen Old Mincho,serif;letter-spacing:.1em;transition-delay:1s}
.tourism-mv-heading:first-line{color:#fff}
.tourism-mv-heading>span{font-size:.875em}
.tourism-mv-heading>small{font-size:.96875em}
.tourism-mv-text{position:relative}
.tourism-mv-text:before{content:"";display:block;pointer-events:none;position:absolute;z-index:-1}
.tourism-mv-summary{color:#fff;letter-spacing:.08em;transition-delay:1.5s}
.month-column{position:relative;z-index:1}
.month-panel>a{display:block;position:relative;transition:color .5s ease}
.month-panel>a:link,.month-panel>a:visited{color:inherit}
.month-panel>a:hover{color:#225ca3;text-decoration:none}
.month-panel__no{line-height:0;pointer-events:none;position:absolute}
.month-panel__no>svg{height:auto;width:100%;fill:#225ca3}
.month-panel__img{-webkit-mask-image:url(/club-me/knowledge/tourism/img/mask_s.png);mask-image:url(/club-me/knowledge/tourism/img/mask_s.png);-webkit-mask-position:right bottom;mask-position:right bottom}
.month-panel__img>img{vertical-align:top;width:100%}
.month-panel.is-visibled .month-panel__img{-webkit-mask-position:left top;mask-position:left top}
.month-panel__title{font-family:Zen Old Mincho,serif;letter-spacing:.12em}
.month-panel__title>.half:not(.half--l){margin:0 .12em 0 -.12em}
@media only screen and (min-width:768px){
.tourism{padding:80px 0 100px}
.tourism-inner{margin:0 auto;max-width:1600px;padding:0 min(6.5625vw,105px)}
.tourism-mv-scroll{background-image:url(/club-me/knowledge/tourism/img/scroll.svg);font-size:min(.875vw,14px);height:min(8.125vw,130px);left:max(-64px,-4vw);top:min(15.4375vw,247px);width:min(.8125vw,13px)}
.tourism-mv-illust{font-size:min(4vw,64px);height:min(27.1875vw,435px);right:max(-28px,-1.75vw);top:min(17.3125vw,277px);width:min(42.375vw,678px)}
.tourism-mv-heading{color:#225ca3;font-size:min(4vw,64px);font-weight:700;margin-top:max(-75px,-4.6875vw);padding:0 min(5.9375vw,95px)}
.tourism-mv-text{margin:max(-55px,-3.4375vw) 0 0 auto;width:46.76259%}
.tourism-mv-text:before{background:url(/club-me/knowledge/tourism/img/bg.png) no-repeat 0;background-size:auto 100%;height:min(48.75vw,780px);left:max(-102px,-6.375vw);top:max(-315px,-19.6875vw);width:calc(50vw + min(3.5625vw, 57px))}
.tourism-mv-summary{font-size:clamp(10px,1vw,16px);line-height:2.125}
.month-column{display:flex;flex-wrap:wrap;justify-content:space-between;margin:min(3.125vw,50px) auto 0;max-width:1200px}
.month-panel{width:48.33333%}
.month-panel:nth-child(2n){padding-top:min(6.875vw,110px)}
.month-panel:nth-child(2n) [class*=anm_]{transition-delay:.625s}
.month-panel:nth-child(n+3){margin-top:min(2.5vw,40px)}
.month-panel>a:hover .month-panel__img:after{opacity:.3}
.month-panel__no{font-size:min(3.75vw,60px);left:min(.9375vw,15px);top:max(-75px,-4.6875vw);width:min(4.25vw,68px)}
.month-panel:nth-child(2) .month-panel__no>svg{fill:#fff}
.month-panel__img:after{background-color:#181818;content:"";display:block;height:100%;left:0;opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .5s ease;width:100%}
.month-panel__title{font-size:clamp(20px,2vw,32px);line-height:1.3125;margin:min(2.8125vw,45px) auto 0;max-width:500px}
.month-panel__description{font-size:clamp(12px,1.125vw,18px);margin:min(.9375vw,15px) auto 0;max-width:500px}
}
@media only screen and (min-width:4706px){
.tourism-mv-text:before{background-size:cover}
}
@media only screen and (max-width:767px){
.tourism{padding:20px 0 60px}
.tourism-inner{padding:0 25px}
.tourism-mv-scroll{background-image:url(/club-me/knowledge/tourism/img/scroll_sp.svg);font-size:1.125em;height:67px;left:-17px;top:64px;width:9px}
.tourism-mv-illust{font-size:2em;height:40.53333vw;right:-13px;top:22.13333vw;width:63.2vw}
.tourism-mv-heading{color:#fff;font-size:2em;line-height:1.20313;margin-top:70px}
.tourism-mv-text{margin-top:20px}
.tourism-mv-text:before{background:url(/club-me/knowledge/tourism/img/bg_sp.png) no-repeat 50%;background-size:cover;bottom:-170px;left:-25px;top:-230px;width:calc(100% + 50px)}
.tourism-mv-summary{font-size:.8125em;line-height:1.92308}
.month-column{margin-top:90px}
.month-panel:not(:first-child){margin-top:85px}
.month-panel__no{font-size:2.1875em;left:5px;top:-40px;width:40px}
.month-panel:first-child .month-panel__no>svg{fill:#fff}
.month-panel__title{font-size:1.1875em;line-height:1.23684;margin-top:15px}
.month-panel__description{font-size:.875em;margin-top:12px}
}