#d221224 span,#d221224 .btn-np--box--tx{color:#fff}#d221224 p,#d221224 h3,#d221224 .p--date,#d221224 .num{color:#2b94c8;z-index:2;position:relative}#d221224 .bt-arrow-np,#d221224 .bt-arrow{fill:#fff}#d221224 .article--contents{padding:0}#d221224 .article--tit{z-index:2;position:relative}#d221224 .article .snow-box{position:relative;height:200vw;width:100%;overflow:hidden;background-color:#cbeafa}#d221224 .article .snow-box .ph{position:absolute;bottom:0;left:0;right:0;margin:0 auto;width:66.6666666667vw;z-index:2}@media only screen and (min-width: 768px){#d221224 .article--contents{max-width:500px;width:50%}#d221224 .article--tit{max-width:500px;width:50%}#d221224 .article .snow-box{height:720px}#d221224 .article .snow-box .ph{max-width:500px;width:65%;left:inherit;right:5%}}@media only screen and (min-width: 768px)and (max-width: 890px){#d221224 .article .snow-box .ph{right:0}}@media only screen and (min-width: 1024px)and (max-width: 1280px){#d221224 .article .snow-box .ph{right:0}}#d221224 .snow{background-color:#fff;border-radius:50%;position:absolute;-webkit-animation:animate-snow 12s linear;animation:animate-snow 12s linear}@media only screen and (min-width: 768px){#d221224 .snow{-webkit-animation:animate-snow-pc 12s linear;animation:animate-snow-pc 12s linear}}@-webkit-keyframes animate-snow{0%{opacity:0;top:0}10%{opacity:1}90%{opacity:1}100%{opacity:0;top:266.6666666667vw}}@keyframes animate-snow{0%{opacity:0;top:0}10%{opacity:1}90%{opacity:1}100%{opacity:0;top:266.6666666667vw}}@-webkit-keyframes animate-snow-pc{0%{opacity:0;top:0}10%{opacity:1}90%{opacity:1}100%{opacity:0;top:1100px}}@keyframes animate-snow-pc{0%{opacity:0;top:0}10%{opacity:1}90%{opacity:1}100%{opacity:0;top:1100px}}