*{margin:0;padding:0}body,html{height:100%}html{font-size:62.5%}body{min-width:320px;font-size:1.3rem;line-height:1.4;font-family:"ヒラギノ角ゴ Pro W3","Yu Gothic","游ゴシック",YuGothic,"游ゴシック体",Roboto,'Droid Sans',sans-serif;font-weight:400;-webkit-font-smoothing:antialiased}@media screen and (max-width:$break-pt){body{font-size:2vmax}}a:link,a:visited{text-decoration:none}a:active,a:hover{text-decoration:none}img{vertical-align:top}a,button{outline:0;-webkit-tap-highlight-color:transparent;cursor:pointer}.l-container{min-width:960px;overflow-x:hidden}.l-head{display:flex;align-items:center;justify-content:space-between;width:100%;min-width:960px;height:80px;padding:0 32px;text-align:center;background-color:rgba(255,255,255,1);box-sizing:border-box;position:fixed;z-index:2}.l-head.is-scroll{background-color:rgba(255,255,255,.96);transition:height .5s;height:64px}.l-head-main{display:flex;align-items:center;height:100%}.l-main{display:block;padding:80px 0 0;text-align:center;box-sizing:border-box;position:relative;z-index:1}.l-foot{width:100%;text-align:center;color:#fff;box-sizing:border-box}.showin{transform:translateY(60px);opacity:0;transition:transform .7s ease-in-out,opacity .7s ease-in-out}.showin.is-show{transform:translateY(0);opacity:1}.logo{display:block;width:168px;height:29px}.logo-image{width:100%;height:100%}.navigation{display:flex;align-items:center;height:100%;padding:0 20px}.navigation-item{display:flex;align-items:center;box-sizing:border-box;height:100%;font-size:1.4rem;font-weight:700;color:#000;margin:0 20px;box-shadow:inset 0 0 transparent;transition:box-shadow .3s}.navigation-item:hover{box-shadow:inset 0 -4px rgba(0,0,0,1)}.navigation-tocontact{box-sizing:border-box;display:block;width:176px;height:48px;background-color:#000;border:1px solid #000;border-radius:4px;color:#fff;font-size:1.4rem;font-weight:700;line-height:48px;text-align:center;transition:box-shadow .3s,background-color .3s}.navigation-tocontact::before{content:'';display:inline-block;width:20px;height:14px;background-size:contain;background-repeat:no-repeat;background-image:url(../img/ariena-lab/icon_mail_s.png);vertical-align:middle;margin-right:8px}.navigation-tocontact:hover{background-color:#fff;color:#000;box-shadow:0 0 10px rgba(0,0,0,.32)}.navigation-tocontact:hover::before{background-image:url(../img/ariena-lab/icon_mail_s_hover.png)}.contact{padding:100px 0}.contact-button{box-sizing:border-box;display:block;width:840px;height:100px;background-color:#fff;border:2px solid #fff;border-radius:4px;color:#000;font-size:2.2rem;line-height:96px;text-align:center;margin:0 auto;position:relative;transition:text-shadow .3s,box-shadow .3s,background-color .3s}.contact-button::after,.contact-button::before{content:'';display:block;width:28px;height:20px;background-size:contain;background-repeat:no-repeat;position:absolute;top:50%;left:48px;transform:translateY(-50%)}.contact-button::before{background-image:url(../img/ariena-lab/icon_mail_l.png)}.contact-button::after{background-image:url(../img/ariena-lab/icon_mail_l_hover.png);opacity:0}.contact-button:hover{background-color:transparent;color:#fff;box-shadow:0 0 12px #0ff,inset 0 0 12px #0ff;text-shadow:0 0 12px #0ff}.contact-button:hover::after{opacity:1}.contact-text{width:840px;color:rgba(255,255,255,.5);line-height:1.72;margin:32px auto 0}.contact-text a{color:#fff;transition:text-shadow .3s}.contact-text a:hover{text-shadow:0 0 12px #0ff}.footer{box-sizing:border-box;width:100%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.2);padding:40px 32px}.copy{font-size:1rem;color:rgba(255,255,255,.5);line-height:1}.footlink{display:flex;line-height:1}.footlink-item{color:#fff;margin-left:40px;transition:text-shadow .3s}.footlink-item:hover{text-shadow:0 0 12px #0ff}.pagetop{width:18px;height:22px}.modal{display:none;width:90vw;max-width:1280px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:101}.modal::after{content:'';display:block;padding-top:56.25%}.modal.is-show{display:block}.modal>iframe{width:100%;height:100%;position:absolute;top:0;left:0}.modal-close{width:91px;height:91px;border:none;background-color:transparent;background-repeat:no-repeat;background-size:contain;background-image:url(../img/ariena-lab/icon_close.png);position:absolute;top:100%;left:50%;transform:translateX(-50%)}.overlay{display:none;background-color:rgba(20,21,29,.8);position:fixed;top:0;left:0;right:0;bottom:0;z-index:100}.is-modal-active .overlay{display:block}body{background-image:url(../img/ariena-lab/bg.png);background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-attachment:fixed;min-width:960px}body.is-modal-active{overflow:hidden}.visual{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-width:960px;height:61.8vw;max-height:calc(100vh - 80px);overflow:hidden;background-image:url(../img/ariena-lab/main.png);background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative;-webkit-transform:scale(1.1);transform:scale(1.1);opacity:0;-webkit-transition:opacity 1s ease-out,-webkit-transform 1.5s ease-out;transition:opacity 1s ease-out,-webkit-transform 1.5s ease-out;transition:transform 1.5s ease-out,opacity 1s ease-out;transition:transform 1.5s ease-out,opacity 1s ease-out,-webkit-transform 1.5s ease-out}.is-loaded .visual{-webkit-transform:scale(1);transform:scale(1);opacity:1}.is-loaded .visual-title{opacity:1}.visual-title{display:block;width:55.70313%;height:39.56522%;background-image:url(../img/ariena-lab/main_copy.png);background-size:contain;background-position:50%;background-repeat:no-repeat;overflow:hidden;white-space:nowrap;text-indent:100%;position:absolute;top:31.01449%;right:6.09375%;opacity:0;-webkit-transition:opacity 1s ease-out 1.5s;transition:opacity 1s ease-out 1.5s}.block{padding-top:64px;margin-top:-64px;position:relative;z-index:auto}.block-inner{padding:100px 0 120px;color:#fff}.theme-logo .block-inner{background-color:transparent;position:relative;overflow:hidden}.theme-logo .block-inner::before{content:'';display:block;width:600px;height:508px;background-image:url(../img/ariena-lab/bg_logo.png);background-size:contain;background-position:50%;background-repeat:no-repeat;position:absolute;top:-77px;left:50%;margin-left:-654px}.theme-white .block-inner{background-image:none;background-color:#fff;color:#000}.theme-gray .block-inner{background-image:none;background-color:#f9f7f7;color:#000}.block-title{font-size:3.2rem;font-weight:700;line-height:1;margin-bottom:40px}.block-text{width:100%;max-width:840px;font-size:1.6rem;line-height:2;margin:0 auto}.block-text+.block-text{margin-top:1em}.playvideo{display:block;width:836px;height:470px;border:none;margin:64px auto 0;position:relative}.playvideo::before{content:'';background-image:url(../img/ariena-lab/icon_play.png),url(../img/ariena-lab/mv_cover_dot.png);background-repeat:no-repeat,repeat;background-size:200px 170px,4px 4px;background-position:338px 126px,0 0;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;border:1px dashed rgba(255,255,255,.6);position:absolute;top:0;left:0;right:0;bottom:0}.playvideo::after{content:'';display:block;width:4px;height:4px;background-color:#fff;position:absolute;top:0;left:0;-webkit-box-shadow:832px 0 #fff,0 466px #fff,832px 466px #fff;box-shadow:832px 0 #fff,0 466px #fff,832px 466px #fff}.playvideo-thumb{width:100%;height:100%}.clm3{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;list-style:none;padding:24px 5.625% 0}.clm3-item{width:30.98592%;text-align:left}.clm3-item:nth-child(n+4){margin-top:40px}.clm3-item-image{width:100%;border-radius:4px;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.16);box-shadow:1px 1px 2px rgba(0,0,0,.16);margin-bottom:20px}.clm3-item-title{display:table;font-size:2.03125vw;font-weight:700;background-color:#f0eded;padding:0 .1em;margin-bottom:16px}@media screen and (max-width:960px){.clm3-item-title{font-size:18px}}.clm3-item-limit{font-size:1.2rem;margin-bottom:20px}.clm3-item-text{font-size:1.4rem;line-height:1.72;color:rgba(0,0,0,.6)}.panel{-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;list-style:none;max-width:1300px;padding:24px 5.625% 0;margin:0 auto}.panel-item{width:48.23944%}.panel-item:nth-child(n+3){margin-top:40px}.panel-item-wrap{-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:100%;text-align:left;border-radius:4px;background-color:#fff;color:#000;overflow:hidden;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,.16);box-shadow:1px 1px 2px rgba(0,0,0,.16);position:relative;padding-bottom:64px;-webkit-transition:-webkit-box-shadow .3s;transition:-webkit-box-shadow .3s;transition:box-shadow .3s;transition:box-shadow .3s,-webkit-box-shadow .3s}a.panel-item-wrap:hover{-webkit-box-shadow:0 0 10px rgba(0,0,0,.32);box-shadow:0 0 10px rgba(0,0,0,.32)}a.panel-item-wrap:hover .panel-item-image-img{-webkit-transform:scale(1.2);transform:scale(1.2)}a.panel-item-wrap:hover .panel-item-todetail{opacity:.7}.panel-item-image{width:100%;margin-bottom:24px;overflow:hidden;position:relative}.panel-item-image-img{width:100%;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.panel-item-image-tag{background-color:#000;color:#fff;line-height:1;padding:8px 12px;position:absolute;bottom:0;left:0}.panel-item-title{font-size:2.2rem;font-weight:400;line-height:1.5;margin:0 20px}.panel-item-option{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;width:calc(100% - 40px);position:absolute;bottom:24px;left:20px}.panel-item-date{font-size:1.4rem;color:rgba(0,0,0,.6)}.panel-item-todetail{font-size:1.8rem;line-height:18px}.panel-item-todetail::before{content:'';display:inline-block;width:22px;height:18px;background-size:contain;background-repeat:no-repeat;background-image:url(../img/ariena-lab/icon_arrow.png);vertical-align:top;margin-right:8px}
/*# sourceMappingURL=maps/ariena-lab.css.map */