.mainvisual{background:linear-gradient(to bottom,#fff 0 30rem,rgba(255,255,255,0) 30rem 100%),linear-gradient(90deg,#1fb0e2 0%,#6eca33 100%);background-repeat:no-repeat;padding:6rem 0 0;color:#fff}.mainvisual .top{padding:0 6rem;margin-bottom:6rem}.mainvisual .top p{padding:0 0 0 2rem;font-size:1.2rem;line-height:2.5em;position:relative;z-index:3}.mainvisual .top .sub-title{color:#000;font-size:2.8rem;line-height:1.7em}:root{--duration:1.5s}.label-wrapper{position:relative;display:table;overflow:hidden;margin-bottom:4rem;z-index:3}.label-wrapper .text h1{font-size:12.4rem;font-weight:700;white-space:nowrap;padding:0 1rem;line-height:1.2em;opacity:0;animation:fadeIn .01s forwards}.label-wrapper .text01 h1{animation-delay:calc(var(--duration) / 2);color:#000}.label-wrapper .text02 h1{animation-delay:calc(0.2s + (var(--duration) / 2))}.label-wrapper .text03 h1{animation-delay:calc(0.4s + (var(--duration) / 2))}.label-wrapper .box{position:absolute;top:0;left:0;width:0;height:100%;z-index:2;animation:slidelabel var(--duration) cubic-bezier(.77,0,.175,1) forwards}.label-wrapper .box01{background:linear-gradient(90deg,#1fb0e2 0%,#6eca33 100%);background-blend-mode:multiply}.label-wrapper .box02{background-color:#fff;animation-delay:.2s}.label-wrapper .box03{background-color:#fff;animation-delay:.4s}.mainvisual .top>p{opacity:0;animation:fadeInText .8s ease forwards;animation-delay:calc(0.2s + var(--duration))}@keyframes fadeInText{0%{opacity:0;transform:translateY(2rem)}100%{opacity:1;transform:translateY(0)}}.circle-box{position:absolute;top:15%;right:3%;width:60rem;height:60rem;transform-origin:center}.circle-box .circle{position:absolute;top:50%;left:50%;transform-origin:center}.circle-box .blue{background-color:#1fb0e2;opacity:.9;width:54rem;height:54rem;animation:morph-blue 10s infinite ease-in-out;z-index:2}.circle-box .green{background-color:#6cd691;opacity:.7;width:54rem;height:54rem;animation:morph-green 10s infinite ease-in-out;z-index:1}@keyframes morph-blue{0%,100%{border-radius:42% 58% 45% 55%/65% 65% 35% 35%;transform:translate(-50%,-50%) rotate(0deg)}50%{border-radius:65% 35% 65% 35%/45% 45% 55% 55%;transform:translate(-50%,-50%) rotate(5deg)}}@keyframes morph-green{0%,100%{border-radius:70% 30% 70% 30%/40% 40% 60% 60%;transform:translate(-50%,-50%) rotate(0deg)}50%{border-radius:40% 60% 40% 60%/60% 60% 40% 40%;transform:translate(-50%,-50%) rotate(-5deg)}}.mainvisual .bottom{position:relative;padding-bottom:5rem;clip-path:inset(0);overflow:hidden}.mainvisual .bottom .fixed-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(//cellagent.jp/wp-content/themes/cellagent_theme/assets/css/../images/mainvisual_bg.png);background-repeat:no-repeat;background-size:100%;background-position:top;z-index:1;transition:filter .6s ease}.mainvisual .bottom.is-fixed .fixed-bg{position:fixed;top:0;filter:blur(8px) brightness(.8)}.mainvisual .bottom.is-fixed:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(31,176,226,.5) 0%,rgba(110,202,51,.5) 100%);z-index:2;pointer-events:none}.mainvisual .bottom .in{padding-top:100vh;position:relative;z-index:3}.mainvisual h2{font-size:8rem;line-height:1.3em;margin-bottom:4rem}.mainvisual h3{font-size:4rem}.mainvisual p.txtr{font-size:1.2rem;width:69rem;max-width:100%;margin:3rem 0 2rem auto}@keyframes slidelabel{0%{left:0;width:0}50%{left:0;width:100%}100%{left:100%;width:0}}@keyframes fadeIn{to{opacity:1}}@media screen and (max-width:1024px){.mainvisual{background:linear-gradient(to bottom,#fff 0 28rem,rgba(255,255,255,0) 28rem 100%),linear-gradient(90deg,#1fb0e2 0%,#6eca33 100%)}.mainvisual .bottom .fixed-bg{background-image:url(//cellagent.jp/wp-content/themes/cellagent_theme/assets/css/../images/mainvisual_bg_sp.png)}.label-wrapper .text h1{font-size:11rem}}@media only screen and (min-width:1024px) and (max-width:1024px) and (min-height:600px) and (orientation:landscape){.mainvisual .bottom .fixed-bg{background-image:url(//cellagent.jp/wp-content/themes/cellagent_theme/assets/css/../images/mainvisual_bg.png)}}@media screen and (max-width:767px){.mainvisual{background:linear-gradient(to bottom,#fff 0 15rem,rgba(255,255,255,0) 15rem 100%),linear-gradient(90deg,#1fb0e2 0%,#6eca33 100%);padding:5rem 0 0}.mainvisual .top{padding:0 1.5rem;margin-bottom:0}.mainvisual .top p{padding:0 0 0 1rem;font-size:.7rem;margin-bottom:0}.mainvisual .top .sub-title{font-size:2rem;margin-bottom:1rem}.circle-box{top:16%;right:1%;width:25rem;height:25rem}.circle-box .blue{width:22rem;height:22rem}.circle-box .green{width:22rem;height:22rem}.label-wrapper{margin-bottom:1rem}.label-wrapper .text h1{font-size:4.2rem}.mainvisual .bottom .fixed-bg{background-position:top 7rem center;padding-bottom:4rem}.mainvisual h2{font-size:2.8rem;line-height:1.5em}.mainvisual h3{font-size:1.8rem}.mainvisual p.txtr{font-size:.6rem;width:100%}}.section01 .row{margin-top:8rem !important;margin-bottom:7rem !important}.section01 .content{position:relative;display:block}.section01 .content:hover{opacity:1}.section01 .content:after{content:"";display:inline-block;width:110%;height:105%;background-image:url(//cellagent.jp/wp-content/themes/cellagent_theme/assets/css/../images/section01_img_hover.png);background-repeat:no-repeat;background-size:cover;background-position:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .3s ease;opacity:0}.section01 .content:hover:after{opacity:1;width:116%;height:112%}.section01 .content .in{display:flex;align-items:flex-end;justify-content:center;height:48.8rem;padding:2rem;background-repeat:no-repeat;background-size:cover;background-position:top;position:relative;z-index:2;border-radius:1rem;box-shadow:0 .4rem 2rem rgba(0,0,0,.05)}.section01 .content:hover .in{transform:scale(1.05,1.05)}.section01 .content01 .in{background-image:url(//cellagent.jp/wp-content/themes/cellagent_theme/assets/css/../images/section01_img01.jpg)}.section01 .content02 .in{background-image:url(//cellagent.jp/wp-content/themes/cellagent_theme/assets/css/../images/section01_img02.jpg)}.section01 .content03 .in{background-image:url(//cellagent.jp/wp-content/themes/cellagent_theme/assets/css/../images/section01_img03.jpg)}.section01 .content01 .in:hover{background-image:url(//cellagent.jp/wp-content/themes/cellagent_theme/assets/css/../images/section01_img01_hover.jpg)}.section01 .content02 .in:hover{background-image:url(//cellagent.jp/wp-content/themes/cellagent_theme/assets/css/../images/section01_img02_hover.jpg)}.section01 .content03 .in:hover{background-image:url(//cellagent.jp/wp-content/themes/cellagent_theme/assets/css/../images/section01_img03_hover.jpg)}.section01 .content .title{display:flex;align-items:center;position:absolute;top:-5rem;right:2rem}.section01 .content .title span{background:linear-gradient(90deg,#1fb0e2 26%,#98ec62 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.6rem;font-family:"BIZ UDPGothic",sans-serif;font-weight:700}.section01 .content .title .number{font-size:6rem;margin-left:1rem}.section02{background-image:url(//cellagent.jp/wp-content/themes/cellagent_theme/assets/css/../images/common/logo_bg.png);background-repeat:no-repeat;background-size:71.8rem;background-position:center;position:relative;overflow:hidden}.section02 .scroll-box{display:flex;align-items:center;justify-content:center;will-change:transform;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:preserve-3d;margin:6rem 0 2rem}.section02 .content{min-width:31.5rem;width:18vw;min-height:31.5rem;height:18vw;flex-shrink:0;background:linear-gradient(90deg,#1fb0e2 0%,#6eca33 186.06%);margin-right:2rem;font-weight:700;padding:3.5rem;border-radius:2rem}.section02 .content02{background:linear-gradient(55.57deg,#1fb0e2 20.34%,#6eca33 99.44%)}.section02 .content03{background:linear-gradient(114.42deg,#1fb0e2 15.61%,#6eca33 168.75%)}.section02 .content04{background:linear-gradient(105.79deg,#1fb0e2 -59.84%,#6eca33 88.98%)}.section02 .content h3,.section02 .content .number{color:#fff}.section02 .content .number{font-family:"BIZ UDPGothic",sans-serif;margin-bottom:5rem}.section02 .content h3{margin-bottom:2rem;line-height:1.5em}.section02 .content p{font-size:1.6rem}.section02 .move{margin-top:-9rem;position:relative;z-index:2}.section03{background-image:url(//cellagent.jp/wp-content/themes/cellagent_theme/assets/css/../images/section03_bg.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;padding:2rem 0 0}.section03 .white-box{margin-top:35rem;border-radius:2rem 2rem 0 0;padding:5rem 5rem 0;font-weight:500}.section03 .more-btn{margin:0 0 2rem}@media screen and (max-width:767px){.section01 .row{margin-top:4rem !important;margin-bottom:0 !important}.section01 .content{margin-bottom:4rem}.section01 .content03{margin-bottom:0}.section01 .content:after{height:110%;background-image:url(//cellagent.jp/wp-content/themes/cellagent_theme/assets/css/../images/section01_img_hover_sp.png)}.section01 .content .in{width:33.5rem;height:33.5rem;padding:2rem}.section01 .content01 .in{background-image:url(//cellagent.jp/wp-content/themes/cellagent_theme/assets/css/../images/section01_img01_sp.jpg)}.section01 .content02 .in{background-image:url(//cellagent.jp/wp-content/themes/cellagent_theme/assets/css/../images/section01_img02_sp.jpg)}.section01 .content03 .in{background-image:url(//cellagent.jp/wp-content/themes/cellagent_theme/assets/css/../images/section01_img03_sp.jpg)}.section01 .content01 .in:hover{background-image:url(//cellagent.jp/wp-content/themes/cellagent_theme/assets/css/../images/section01_img01_hover_sp.jpg)}.section01 .content02 .in:hover{background-image:url(//cellagent.jp/wp-content/themes/cellagent_theme/assets/css/../images/section01_img02_hover_sp.jpg)}.section01 .content03 .in:hover{background-image:url(//cellagent.jp/wp-content/themes/cellagent_theme/assets/css/../images/section01_img03_hover_sp.jpg)}.section02{background-size:30rem}.section02 .scroll-box{margin:4rem 0 2rem;transform:translateX(130rem)}.section02 .content{min-width:25rem;width:auto;min-height:25rem;height:auto;padding:3rem 2rem 1rem}.section02 .content .number{margin-bottom:3rem}.section02 .content p{font-size:1.4rem}.section02 .img-slider ul{animation:img-slider 10s infinite linear .5s both}.section02 .img-slider ul li{width:200vw}.section02 .move{margin-top:-5rem}.section03{background-size:100%;background-position:bottom center;padding-bottom:17rem !important}.section03 .sub-title{margin-bottom:0}.section03 .white-box{margin-top:4rem;border-radius:0;padding:0;background:0 0}.section03 .more-btn{margin:0 0 2rem}.section03 .img-slider ul{animation:img-slider 10s infinite linear .5s both}.section03 .img-slider ul li{width:200vw}}