.mw-special-teaser{display:flex}.mw-special-teaser:first-child{margin-top:-57px}.mw-special-teaser article{max-height:750px;position:relative;overflow:hidden;width:50%}.mw-special-teaser article h2{display:none}.mw-special-teaser article picture img{display:block;width:100%}.mw-special-teaser article .content01,.mw-special-teaser article .content02{color:#fff;padding:0 30px;position:absolute;text-align:center;top:50%;width:100%;transition:opacity .3s ease-in-out}.mw-special-teaser article .content01{font-size:45px;text-transform:uppercase;font-weight:700;line-height:1;transform:translateY(-50%)}.mw-special-teaser article:hover .content01,.mw-special-teaser article.clicked .content01{opacity:0}.mw-special-teaser article .content02{font-style:italic;left:50%;max-width:500px;opacity:0;transform:translate(-50%,-50%)}.mw-special-teaser article:hover .content02,.mw-special-teaser article.clicked .content02{opacity:1}.mw-special-teaser article .content02:after{background:#000;bottom:-2000px;content:"";left:-2000px;opacity:0;position:absolute;right:-2000px;top:-2000px;z-index:-1}.mw-special-teaser article:hover .content02:after,.mw-special-teaser article.clicked .content02:after{opacity:.4}.mw-special-teaser article .content02>a{display:inline-block;font-style:normal;margin:20px 10px 0;line-height:50px}@media all and (min-width:767px){.mw-special-teaser:first-child{margin-top:-79px}}@media all and (min-width:980px){.mw-special-teaser:first-child{margin-top:-139px}}@media all and (max-width:1200px){.mw-special-teaser article .content01{font-size:50px}}@media all and (max-width:1000px){.mw-special-teaser article:not(.clicked):after{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.mw-special-teaser article .content02>a{padding-left:10px;padding-right:10px;line-height:40px;height:40px;font-size:18px;margin-left:5px;margin-right:5px}}@media all and (max-width:800px){.mw-special-teaser article>figure>div{padding-bottom:50%;padding-top:50%}.mw-special-teaser article .content01{font-size:40px}.mw-special-teaser article .content02{font-size:18px}}@media all and (max-width:650px){.mw-special-teaser{flex-direction:column}.mw-special-teaser article{width:100%}}@media all and (max-width:400px){.mw-special-teaser article .content01{font-size:40px}.mw-special-teaser article .content01,.mw-special-teaser article .content02{padding-left:20px;padding-right:20px}}@media all and (max-width:360px){.mw-special-teaser article .content02>a{font-size:16px}}