#home_content.first{max-height:0;min-height:100vh;opacity:0;overflow:hidden;position:absolute;transition:max-height 1s ease,opacity 1s ease;z-index:-1}.home .video-container,.main-visual{height:100vh;width:100%}.home .video-container{background:#fff;left:0;overflow:hidden;position:absolute;top:0}.home .video-container video{display:block;height:100%;margin:0 auto;width:409px}@media (max-width:409px){.home .video-container video{max-width:none;width:100%}}.home .main-visual{align-items:center;background:#ececec;background-position:50%;display:flex;height:100vh;justify-content:center;overflow:hidden;position:relative}.home .main-visual:before{background:linear-gradient(180deg,hsla(0,0%,100%,0) 0,#fff);bottom:0;content:"";height:200px;left:0;position:absolute;right:0;z-index:50}.home .main-visual:after{animation:updown 1s ease-in-out infinite;background-image:url(/wp-content/themes/caraquri-website/assets/images/top/icon_scroll.png);background-repeat:no-repeat;background-size:28px;bottom:20px;content:"";display:inline-block;height:106px;left:20px;position:absolute;width:28px;z-index:50}@keyframes updown{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.home .main-visual #lottie_orange{height:110vh;left:40%;max-width:1200px;min-width:900px;position:absolute;width:70vw;z-index:10}.home .main-visual #lottie_white{height:auto;min-width:1400px;width:100%}.home .main-visual h1{display:block;font-size:40px;font-weight:700;padding:0 20px;position:absolute;text-align:center;z-index:50}.home-title{color:#2b2b2b;font-size:44px;font-weight:700;margin-bottom:50px}.home-subtitle{color:#e0872c;font-size:24px;font-weight:700}@media (max-width:1030px){.home .main-visual #lottie_orange{left:50%;min-width:700px}.home .main-visual #lottie_white{min-width:1000px;width:100%}}@media (max-width:830px){.sp_only{display:inline}.home .main-visual h1{display:block;font-size:25px;font-weight:lighter;position:absolute}.home .main-visual #lottie_orange{height:100vh;left:120px;min-width:900px;right:0;width:200vw}.home .main-visual #lottie_white{height:200vh;left:-170px;min-width:1200px;position:absolute;right:auto;width:260vw}}.home section{margin:60px 0}@media (max-width:830px){.home section{margin:80px 0}}.img_h2 img{max-width:300px}#clients .content{margin:60px 0}#clients .logo_list{display:grid;float:left;list-style-type:none;max-width:608px;padding:0}#clients .logo_list li{border-bottom:1px solid #d9d9d9;border-right:1px solid #d9d9d9;list-style:none;padding:10px;text-align:center}#clients .logo_list li:first-of-type,#clients .logo_list li:nth-of-type(2),#clients .logo_list li:nth-of-type(3),#clients .logo_list li:nth-of-type(4){border-top:1px solid #d9d9d9}#clients .logo_list li:nth-of-type(4n+1){border-left:1px solid #d9d9d9}#clients .logo_list img{width:130px}#clients .logo_list{grid-template-columns:repeat(4,1fr)}#clients .txt{float:right;font-size:18px;margin:20px 0 0;max-width:380px}#media ul.media-list{list-style:none;margin:60px 0;padding:0}#media li{border:1px solid #d9d9d9;box-sizing:border-box;margin:0 0 30px;padding:6px;position:relative}#media li:last-child{margin:0}#media li a{color:#2b2b2b;display:block;text-decoration:none}#media li a:hover{text-decoration:underline}#media li .thmb{float:left;margin:0 30px 0 0;max-width:400px}#media li .thmb img{display:block;height:auto;width:100%}#media li .desc{float:left;font-weight:700;max-width:580px}#media li .logo{margin:10px 0;max-width:420px}#media li .logo img{height:auto;max-width:100%}#media li .ttl{font-size:15px;line-height:24px}#media li .ttl a{color:#2b2b2b;text-decoration:none}#media li .ttl a:hover{text-decoration:underline}@media (max-width:1220px){#clients .logo_list{float:none}#clients .txt{float:none;margin:20px auto 0;max-width:unset}#clients .logo_list{grid-template-columns:repeat(3,1fr);margin:0 auto}#clients .logo_list li:nth-of-type(4){border-top:none}#clients .logo_list li:nth-of-type(4n+1){border-left:none}#clients .logo_list li:nth-of-type(3n+1){border-left:1px solid #d9d9d9}}@media (max-width:830px){#clients .txt{font-size:14px;font-weight:700;line-height:28px}}@media (max-width:1220px){#media li .thmb{float:none;max-width:unset;width:100%}#media li .desc{float:none;margin:20px auto;text-align:center}#media li .logo{margin:20px auto;max-width:320px}}