@charset "utf-8";body{overflow:hidden}#opening{position:absolute;height:100vh;width:100%;top:0;-webkit-animation:opening 2s ease 15.5s forwards;animation:opening 2s ease 15.5s forwards;z-index:99993;display:block}#opening-slide1{position:absolute;top:0;bottom:0;width:100%;height:100vh;background-color:#fff;box-sizing:border-box;overflow:hidden;z-index:99999;-webkit-animation:slide1-bg 2s ease 5.5s forwards;animation:slide1-bg 2s ease 5.5s forwards}#opening-logo-wrapper{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0 45px}#opening-slide1 div#logo1{-webkit-animation:mov-opacity .1s ease-out 0s forwards;animation:mov-opacity .1s ease-out 0s forwards}#opening-slide1 div#logo1:before{content:"";position:absolute;display:block;top:0;left:-100%;background:-moz-linear-gradient(right,#fff 90%,rgba(255,255,255,0));background:-webkit-linear-gradient(right,#fff 90%,rgba(255,255,255,0));background:linear-gradient(to left,#fff 90%,rgba(255,255,255,0));width:1000px;height:inherit;padding-bottom:2px;-webkit-animation:mov 2s ease-out 1s forwards;animation:mov 2s ease-out 1s forwards}#opening-slide1 hr{padding:13px auto 15px 0;width:0;height:1px;border:none;background-color:#000;-webkit-animation:mov-hr .5s ease-in 3s forwards,flash-hr 7.5s ease-in 6.5s forwards;animation:mov-hr .5s ease-in 3s forwards,flash-hr 7.5s ease-in 6.5s forwards}#opening-slide1 div#logo2{-webkit-animation:mov-opacity .5s ease-out 0s forwards;animation:mov-opacity .5s ease-out 0s forwards}#opening-slide1 div#logo2:before{content:"";position:absolute;display:block;bottom:0;left:-100%;background:-moz-linear-gradient(right,#fff 90%,rgba(255,255,255,0));background:-webkit-linear-gradient(right,#fff 90%,rgba(255,255,255,0));background:linear-gradient(to left,#fff 90%,rgba(255,255,255,0));width:1000px;height:inherit;-webkit-animation:mov 1s ease-in 3.5s forwards;animation:mov 1s ease-in 3.5s forwards}.mov-flash{fill:#000;stroke:tra;stroke-dasharray:2000;stroke-dashoffset:0;stroke-width:1;-webkit-animation:mov-flash 7.5s ease-in 6.5s;animation:mov-flash 7.5s ease-in 6.5s forwards}#opening-slide2{background:url(//hiroki-watanabe.com/wp-content/themes/hiroki-watanabe-theme2021/css/../img/top/slide2.jpg) center center;background-size:cover;z-index:99998;-webkit-animation:show-slide 1.5s ease 6.5s forwards;animation:show-slide 1.5s ease 6.5s forwards}#opening-slide3{background:url(//hiroki-watanabe.com/wp-content/themes/hiroki-watanabe-theme2021/css/../img/top/slide3.jpg) center center;background-size:cover;z-index:99997;-webkit-animation:show-slide 1.5s ease 8s forwards;animation:show-slide 1.5s ease 8s forwards}#opening-slide4{background:url(//hiroki-watanabe.com/wp-content/themes/hiroki-watanabe-theme2021/css/../img/top/slide4.jpg) center center;background-size:cover;z-index:99996;-webkit-animation:show-slide 1.5s ease 9.5s forwards;animation:show-slide 1.5s ease 9.5s forwards}#opening-slide5{background:url(//hiroki-watanabe.com/wp-content/themes/hiroki-watanabe-theme2021/css/../img/top/slide5.jpg) center center;background-size:cover;z-index:99995;-webkit-animation:show-slide 1.5s ease 11s forwards;animation:show-slide 1.5s ease 11s forwards}#opening-slide6{background:url(//hiroki-watanabe.com/wp-content/themes/hiroki-watanabe-theme2021/css/../img/top/slide6.jpg) center center;background-size:cover;z-index:99994}#opening-slide2,#opening-slide3,#opening-slide4,#opening-slide5,#opening-slide6{position:absolute;top:0;width:100%;height:100vh}#opening-slide7{position:absolute;top:0;width:100%;height:100vh;background:#fff;z-index:99993}@-webkit-keyframes opening{0%{opacity:1;z-index:99993}99%{opacity:0;z-index:99993}to{opacity:0;z-index:-100}}@keyframes opening{0%{opacity:1;z-index:99993}99%{opacity:0;z-index:99993}to{opacity:0;z-index:-100}}@-webkit-keyframes slide1-bg{0%{background-color:#fff}99%{background-color:rgba(255,255,255,0)}to{background-color:rgba(255,255,255,0)}}@keyframes slide1-bg{0%{background-color:#fff}99%{background-color:rgba(255,255,255,0)}to{background-color:rgba(255,255,255,0)}}@-webkit-keyframes mov-opacity{0%{opacity:0}99.9%{opacity:1}to{opacity:1}}@keyframes mov-opacity{0%{opacity:0}99.9%{opacity:1}to{opacity:1}}@-webkit-keyframes mov{0%{left:-10%;opacity:1}90%{left:100%;opacity:1}99%{left:100%;opacity:0}to{left:100%;opacity:0}}@keyframes mov{0%{left:-10%;opacity:1}90%{left:100%;opacity:1}99%{left:100%;opacity:0}to{left:100%;opacity:0}}@-webkit-keyframes mov-hr{0%{width:0}100%{width:100%}to%{width:100%}}@keyframes mov-hr{0%{width:0}100%{width:100%}to%{width:100%}}@-webkit-keyframes flash-hr{0%{background-color:#000}20%{background-color:#fff}40%{background-color:#fff}60%{background-color:#000}80%{background-color:#fff}to{background-color:#fff}}@keyframes flash-hr{0%{background-color:#000}20%{background-color:#fff}40%{background-color:#fff}60%{background-color:#000}80%{background-color:#fff}to{background-color:#fff}}@-webkit-keyframes mov-flash{0%{fill:#000}20%{fill:#fff}40%{fill:#fff}60%{fill:#000}80%{fill:#fff}to{fill:#fff}}@keyframes mov-flash{0%{fill:#000}20%{fill:#fff}40%{fill:#fff}60%{fill:#000}80%{fill:#fff}to{fill:#fff}}@-webkit-keyframes show-slide{0%{opacity:1;display:block}60%{opacity:1;display:block}95%{opacity:0;display:block}to{opacity:0;display:none}}@keyframes show-slide{0%{opacity:1;display:block}60%{opacity:1;display:block}95%{opacity:0;display:block}to{opacity:0;display:none}}.fadein{opacity:0;transform:translate(0,20px);transition:all .5s}.fadein.scrollin{opacity:1;transform:translate(0,0)}@media only screen and (min-width:700px){#opening{position:fixed}#opening-logo-wrapper{position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;padding:0;width:500px;height:530px}#opening-slide1 div#logo1{width:500px;height:250px}#opening-slide1 div#logo1:before{content:"";position:absolute;display:block;top:0;left:-20%;background:-moz-linear-gradient(right,#fff 90%,rgba(255,255,255,0));background:-webkit-linear-gradient(right,#fff 90%,rgba(255,255,255,0));background:linear-gradient(to left,#fff 90%,rgba(255,255,255,0));width:120%;height:inherit}#opening-slide1 hr{padding:13px auto 15px;width:0;height:1px;border:none;background-color:#000}#opening-slide1 div#logo2{width:500px;height:250px}#opening-slide1 div#logo2:before{content:"";position:absolute;display:block;bottom:0;left:-20%;background:-moz-linear-gradient(right,#fff 90%,rgba(255,255,255,0));background:-webkit-linear-gradient(right,#fff 90%,rgba(255,255,255,0));background:linear-gradient(to left,#fff 90%,rgba(255,255,255,0));width:120%;height:inherit}}@media only screen and (min-width:1040px){#opening-slide2{background:url(//hiroki-watanabe.com/wp-content/themes/hiroki-watanabe-theme2021/css/../img/top/slide2-pc.jpg) center center;background-size:cover;z-index:99998}#opening-slide3{background:url(//hiroki-watanabe.com/wp-content/themes/hiroki-watanabe-theme2021/css/../img/top/slide3-pc.jpg) center center;background-size:cover;z-index:99997}#opening-slide4{background:url(//hiroki-watanabe.com/wp-content/themes/hiroki-watanabe-theme2021/css/../img/top/slide4-pc.jpg) center center;background-size:cover;z-index:99996}#opening-slide5{background:url(//hiroki-watanabe.com/wp-content/themes/hiroki-watanabe-theme2021/css/../img/top/slide5-pc.jpg) center center;background-size:cover;z-index:99995}#opening-slide6{background:url(//hiroki-watanabe.com/wp-content/themes/hiroki-watanabe-theme2021/css/../img/top/slide6-pc.jpg) center center;background-size:cover;z-index:99994}#opening-slide2,#opening-slide3,#opening-slide4,#opening-slide5,#opening-slide6{position:absolute;top:0;width:100%;height:100vh}}