html,body{width:100%;height:100%}.loading{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:10000}.loading::before{content:"";position:fixed;top:50%;left:50%;width:200px;height:200px;background:url(/common/img/logo_01.svg) no-repeat;background-size:contain;z-index:1;transform:translate(-50%, -50%)}.loading::after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;z-index:2}.loading.is-active{animation-name:loading;animation-duration:.3s;animation-delay:3s;animation-fill-mode:forwards}.loading.is-active::before{animation-name:loading-logo;animation-duration:1s;animation-delay:2s;animation-fill-mode:forwards}.loading.is-active::after{animation-name:loading-mask;animation-duration:1s;animation-fill-mode:forwards}@keyframes loading{0%{transform:translate(0)}100%{transform:translateY(-100%)}}@keyframes loading-mask{0%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}@keyframes loading-logo{0%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden}}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100000;animation-name:firstview_overlay;animation-duration:1s;animation-fill-mode:both}[class*="pjax-pagechange"] .overlay{display:none}@keyframes firstview_overlay{0%{background:#fff;opacity:1;visibility:visible}100%{background:#fff;opacity:0;visibility:hidden}}.hero-top-animation{animation-name:firstview_image;animation-duration:1s;animation-fill-mode:both}[class*="pjax-pagechange"] .hero-top-animation{animation:none}@keyframes firstview_image{0%{transform:scale(1.1)}100%{transform:scale(1)}}.header-top-wrap{padding-top:100vh}.header-top:not(.is-fixed) .header-top-logo{top:auto;bottom:0}.hero-top-mainimg{position:fixed;top:0;left:0;width:100%;height:100vh;background:url(/img/mainimg_01-bg.png)}.hero-top-mainimg-image{width:100%;height:calc(100% - 80px)}@media screen and (max-width: 767px){.hero-top-mainimg-image{margin-top:80px}}.hero-top-mainimg-scroll{position:absolute;bottom:110px;left:50%;z-index:2;display:inline-block;padding-top:55px;font-size:1.4rem;font-weight:bold;text-decoration:none;line-height:1;color:#555;transform:translate(-50%, 0)}@media screen and (max-width: 767px){.hero-top-mainimg-scroll{bottom:30px}}.hero-top-mainimg-scroll span{position:absolute;top:0;left:50%;width:30px;height:50px;margin-left:-15px;border:2px solid rgba(51,51,51,0.7);border-radius:50px;box-sizing:border-box}@media screen and (max-width: 767px){.hero-top-mainimg-scroll span{border-bottom-width:7px;border-radius:3px}}.hero-top-mainimg-scroll span::before{content:"";position:absolute;top:10px;left:50%;width:6px;height:6px;margin-left:-3px;background-color:#333;border-radius:100%;animation:sdb 3s infinite;box-sizing:border-box}@-webkit-keyframes sdb{0%{-webkit-transform:translate(0, 0);opacity:0}40%{opacity:1}80%{-webkit-transform:translate(0, 20px);opacity:0}100%{opacity:0}}@keyframes sdb{0%{transform:translate(0, 0);opacity:0}40%{opacity:1}80%{transform:translate(0, 20px);opacity:0}100%{opacity:0}}.nav-top-global{top:auto;bottom:0}.contents-top{position:relative;margin-top:0;padding-top:0;background:#fff;z-index:3}.area-top-wrap{position:relative;background-color:#ecfaff;background-image:linear-gradient(135deg, #ecfaff 10%, #fff9e6 100%)}.area-top{margin-top:0}.area-top-image{position:absolute;top:0;left:50%;width:100%;max-width:1100px;height:100%;transform:translate(-50%, 0)}@media screen and (max-width: 767px){.area-top-image{position:static;transform:none}}.area-top-image>*{display:block;position:absolute;top:0;right:0;width:500px;height:100%;background-position:right top !important}@media screen and (max-width: 767px){.area-top-image>*{position:static;width:auto;height:300px}}.area-top-box{position:relative;width:70%;padding:50px;text-align:justify;background:rgba(255,255,255,0.9);z-index:1}.area-top-box::after{content:"";display:block;clear:both}@media screen and (max-width: 767px){.area-top-box{width:100%;padding:30px 15px}}.area-top-box>*{opacity:0;backface-visibility:hidden;transform:rotate(0.0001deg);outline:1px solid transparent;transition-property:opacity}@media screen and (min-width: 768px){.area-top-box>*{transition-duration:2s}}@media screen and (max-width: 767px){.area-top-box>*{transition-duration:.7s}}.area-top-box>*+*{transition-delay:.3s}.area-top-box>:first-child{margin-top:0}.area-top-box.is-active>*{opacity:1}.area-top-box-title{font-size:3rem;font-family:YuMincho,"游明朝","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;line-height:1.5}@media screen and (max-width: 767px){.area-top-box-title{font-size:2.4rem;text-align:center}}.area-top-box-title .em{color:#712c98}.area-top-box-text{line-height:2}