.tourism{background-color:#f0f0e9;color:#222;font-family:Noto Sans JP,sans-serif;overflow:hidden;position:relative}
.tourism *,.tourism :after,.tourism :before{box-sizing:border-box!important}
.half{display:inline-block;overflow:hidden;vertical-align:top;width:.5em}
.half--l{text-indent:-.5em}
.anm{transition:opacity 0s linear .25s}
.anm:not(.is-visibled){opacity:0;transform:translateY(25vh)}
.anm__fade{opacity:0;transition:opacity 1s ease-in .25s}
.anm.is-visibled .anm__fade,.anm__fade.is-visibled{opacity:1}
.anm__blur{filter:blur(1em);opacity:0;transition:opacity 1s cubic-bezier(.165,.84,.44,1) .25s,filter 1s cubic-bezier(.165,.84,.44,1) .25s}
.anm.is-visibled .anm__blur,.anm__blur.is-visibled{filter:blur(0);opacity:1}
.anm__slide{-webkit-mask-image:url(/club-me/knowledge/tourism/img/mask.png);mask-image:url(/club-me/knowledge/tourism/img/mask.png);mask-mode:alpha;-webkit-mask-position:center bottom;mask-position:center bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:auto 400%;mask-size:auto 400%;opacity:0;transition:opacity 2s cubic-bezier(.165,.84,.44,1) .25s,-webkit-mask-position 4s cubic-bezier(.165,.84,.44,1) .25s;transition:opacity 2s cubic-bezier(.165,.84,.44,1) .25s,mask-position 4s cubic-bezier(.165,.84,.44,1) .25s;transition:opacity 2s cubic-bezier(.165,.84,.44,1) .25s,mask-position 4s cubic-bezier(.165,.84,.44,1) .25s,-webkit-mask-position 4s cubic-bezier(.165,.84,.44,1) .25s;z-index:0}
.anm.is-visibled .anm__slide,.anm__slide.is-visibled{-webkit-mask-position:center top;mask-position:center top;opacity:1}
@media only screen and (min-width:768px){
.tourism{font-size:133.33333%}
.sp{display:none!important}
}
@media only screen and (max-width:767px){
.tourism{font-size:152.38095%}
.pc{display:none!important}
}