@charset "utf-8";
/* CSS Document */

main#home{padding-bottom:100px}
main#home h1{font-family:"Source Sans Pro", sans-serif;font-weight:500;ffont-display:swap;text-align:center}
main#home h4{font-family:"Source Sans Pro", sans-serif;font-weight:500;font-display:swap;text-align:center}
main#home .section-main{width:100%;height:100vh;display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between}
main#home .section-main .main-visual{width:55%;order:2;background:no-repeat center 50% / cover;position:relative}
main#home .section-main .main-visual:before{content:"";position:absolute;top:0;right:0;width:100%;height:90vh;background:-moz-linear-gradient(to bottom, rgba(0,0,0,0.3), transparent 20%);background:-webkit-linear-gradient(to bottom, rgba(0,0,0,0.3), transparent 20%);background:linear-gradient(to bottom, rgba(0,0,0,0.3),rgba(0,0,0,0) 20%)}
main#home .section-main .main-copy{width:42%;order:1;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-flex-direction:column;flex-direction:column;padding-left:7%}
main#home .section-main .main-copy p{font-size:15px;font-size:1.5rem;line-height:2.2em}
main#home .section-main .counseling-btn{display:none}
main#home .section-main .main-pcNo1{position:absolute;top:17%;right:2%}
main#home .section-main .main-pcNo1>img{width:260px}
main#home .section-banner{width:80vw;margin:100px auto 0;display:flex;justify-content:space-between;align-items:center}
main#home .section-banner .banner-img{flex-basis:30%}
main#home .section-banner a:nth-child(2){margin:0 20px}
main#home .section-about{width:100%;margin-top:100px;padding:120px 0;background:url("https://studio-active.com/images/slider-1.gif") no-repeat left center/auto 100%;background-color:#A9D6E2}
main#home .section-about .about-inner{width:88vw;margin:0 auto;position:relative}
main#home .section-about .about-inner .about-intro{width:48%;margin:0 0 0 auto}
main#home .section-about .about-inner .about-intro h1{font-size:40px;font-size:4rem;margin-bottom:20px;color:#EB6D98;line-height:1.5em;}
main#home .section-about .about-inner .about-intro h4{font-size:18px;font-size:1.8rem;margin-bottom:10px;color:#EB6D98;line-height:1.8em;}
main#home .section-about .about-inner .about-intro .text{margin-bottom:50px}
main#home .section-about .about-inner .about-intro .text p.main{font-size:16px;font-size:1.6rem;line-height:2em;margin-bottom:10px;text-align:center;font-weight:600;}
main#home .section-about .about-inner .about-intro .text p.main span{font-size:10px;font-size:1rem}
main#home .section-about .about-inner .about-intro .text p.sub{font-size:13px;font-size:1.3rem;margin-bottom:15px;text-align:center}
main#home .section-about .about-inner .about-intro .text p.sub span{font-weight:bold}
main#home .section-about .about-inner .about-intro .text p.notes{font-size:10px;font-size:1rem;line-height:1.8em}
main#home .section-about .about-inner .about-intro .btn{text-align:center}
main#home .section-delivery{background:url(/img/home/about_bg-delivery2.png) no-repeat right center/auto 100%;background-color:#fafafa;margin-top:0}
main#home .section-delivery .about-inner .about-intro2{margin:0}
main#home .section-studio{padding:100px 0}
main#home .section-studio h3{margin-bottom:60px}
main#home .section-studio .studio-inner{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;width:88vw;margin:0 auto}
main#home .section-studio .studio-inner .drawer{width:47.5%;margin-bottom:60px}
main#home .section-studio .studio-inner .studio-wrap .image{margin-bottom:30px}
main#home .section-studio .studio-inner .studio-wrap .image img{width:100%;height:auto}
main#home .section-studio .studio-inner .studio-wrap .detail{margin-bottom:30px}
main#home .section-studio .studio-inner .studio-wrap .detail .place{color:#000;font-size:20px;font-size:2rem;font-family:"Source Sans Pro", sans-serif;font-weight:400;font-display:swap;margin-bottom:15px}
main#home .section-studio .studio-inner .studio-wrap:nth-of-type(n+3){margin-top:60px;}
main#home .section-other{padding:100px 0;background-color:#fff;}
main#home .section-other .section-inner{position:relative}
main#home .section-other .section-inner .image{margin:0 0 0 auto;width:58%;height:470px}
main#home .section-other .section-inner .detail{width:40%;background-color:#fff;padding:4.2% 4%;position:absolute;top:50%;-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-webkit-transform:translateY(-50%);transform:translateY(-50%)}
main#home .section-other .section-inner .detail h3{font-family:"Source Sans Pro", sans-serif;font-display:swap;text-align:center;margin-bottom:25px;font-size:50px;font-weight:100;}
main#home .section-other .section-inner .btn{margin-top:30px;text-align:center;}
main#home .section-other .section-inner.program img{display:block;margin:0 0 0 auto;width:58%;height:470px;object-fit:cover}
main#home .section-other .section-inner.program source{margin:0 auto 0 0;width:58%;height:470px;object-fit:cover}
main#home .section-other .section-inner.program .detail{left:6vw}
main#home .section-other .section-inner.price{margin-top:80px}
main#home .section-other .section-inner.price img{display:block;margin:0 auto 0 0;width:58%;height:470px;object-fit:cover}
main#home .section-other .section-inner.price source{margin:0 auto 0 0;width:58%;height:470px;object-fit:cover}
main#home .section-other .section-inner.price .detail{right:6vw}



@media screen and (max-width: 1024px){.sp-done{display:block}.pc-none{display:none}.bx-wrapper{box-shadow:none !important;margin-bottom:0 !important}.custom-thumb{display:flex}.custom-thumb a{opacity:0.5;transition:0.3s ease}.custom-thumb a.active{opacity:1}
main#home{padding-bottom:70px}
main#home .section-about{width:100%;margin-top:100px;padding:120px 0;background:url("https://studio-active.com/images/slider-2.gif") no-repeat left center/auto 100%;background-color:#A9D6E2}
main#home .section-about .about-inner{width:88vw;margin:0 auto;position:relative}
main#home .section-about .about-inner .about-intro{width:48%;margin:0 0 0 auto}
main#home .section-about .about-inner .about-intro h3{font-size:40px;font-size:4rem;margin-bottom:40px;color:#EB6D98;}
main#home .section-about .about-inner .about-intro .text{margin-bottom:50px}
main#home .section-about .about-inner .about-intro .text p.main{font-size:16px;font-size:1.6rem;line-height:2em;margin-bottom:20px}
main#home .section-about .about-inner .about-intro .text p.main span{font-size:10px;font-size:1rem}
main#home .section-about .about-inner .about-intro .text p.sub{font-size:13px;font-size:1.3rem;margin-bottom:15px}
main#home .section-about .about-inner .about-intro .text p.sub span{font-weight:bold}
main#home .section-about .about-inner .about-intro .text p.notes{font-size:10px;}
main#home .section-other{padding:60px 0}
main#home .section-other .section-inner{width:88vw;margin:0 auto}
main#home .section-other .section-inner .image{width:100%;height:200px}
main#home .section-other .section-inner .detail{width:100%;padding:40px 30px;position:relative;top:0;-moz-transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%)}
main#home .section-other .section-inner .detail h3{margin-bottom:25px;font-size:36px;font-size:2.8rem;}
main#home .section-other .section-inner .btn{margin-top:30px;text-align:center}
main#home .section-other .section-inner.program img{width:100%;height:350px;margin:0 auto}
main#home .section-other .section-inner.program .detail{left:0}
main#home .section-other .section-inner.price{margin-top:25px}
main#home .section-other .section-inner.price img{width:100%;height:350px;margin:0 auto}
main#home .section-other .section-inner.price .detail{right:0;}	
	
	
	
@media screen and (max-width: 850px){.sp-done{display:block}.pc-none{display:none}.bx-wrapper{box-shadow:none !important;margin-bottom:0 !important}.custom-thumb{display:flex}.custom-thumb a{opacity:0.5;transition:0.3s ease}.custom-thumb a.active{opacity:1}
main#home{padding-bottom:70px}
main#home .section-about{margin-top:0;padding:100% 0 20px;background:url("https://studio-active.com/images/top-sp.gif") no-repeat top center/contain;background-color:#A9D6E2}
main#home .section-about .about-inner .about-intro{width:100%;margin:0 auto}
main#home .section-about .about-inner .about-intro h3{font-size:34px;font-size:3.4rem;color:#EB6D98;line-height:1em;}
main#home .section-about .about-inner .about-intro h4{font-size:14px;font-size:1.4rem;color:#EB6D98;line-height:1.2em;}
main#home .section-about .about-inner .about-intro .text{margin-bottom:40px}
main#home .section-about .about-inner .about-intro .text p.main{font-size:15px;font-size:1.5rem;line-height:1.8em;margin-bottom:15px}
main#home .section-about .about-inner .about-intro .text p.sub{line-height:1.8em}
main#home .section-about .about-inner .about-intro .btn{text-align:center}
main#home .section-other{padding:60px 0}
main#home .section-other .section-inner{width:88vw;margin:0 auto}
main#home .section-other .section-inner .image{width:100%;height:200px}
main#home .section-other .section-inner .detail{width:100%;padding:40px 30px;position:relative;top:0;-moz-transform:translateY(0%);-ms-transform:translateY(0%);-webkit-transform:translateY(0%);transform:translateY(0%)}
main#home .section-other .section-inner .detail h3{margin-bottom:25px;font-size:28px;font-size:2.8rem;}
main#home .section-other .section-inner .btn{margin-top:30px;text-align:center}
main#home .section-other .section-inner.program img{width:100%;height:200px;margin:0 auto}
main#home .section-other .section-inner.program .detail{left:0}
main#home .section-other .section-inner.price{margin-top:25px}
main#home .section-other .section-inner.price img{width:100%;height:200px;margin:0 auto}
main#home .section-other .section-inner.price .detail{right:0;}}