#loader{position:fixed;top:0;display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:#1C1C1E;z-index:9999}#loader.Fadeout{display:none}#loader #loader-logo{animation:sk-scaleout 3s ease 0s 1 alternate forwards running;padding-left:14px}#loader #loader-logo img{width:140px;height:auto}@media (min-width: 768px){#loader #loader-logo img{width:180px}}@keyframes sk-scaleout{0%{opacity:0;transform:scale(1.5)}100%{opacity:1;transform:scale(1)}}#mv{position:relative;overflow:hidden;height:100vh}#mv #video-area{position:fixed;z-index:-1;top:0;right:0;left:0;bottom:0;overflow:hidden}#mv #video-area video{position:absolute;z-index:-1;top:50%;left:50%;transform:translate(-50%, -50%);width:177.77777778vh;height:56.25vw;min-height:100%;min-width:100%}#mv .mv-title{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;color:#fff;height:350px;margin:auto}@media (min-width: 768px){#mv .mv-title{height:330px}}@media (min-width: 1024px){#mv .mv-title{height:420px}}@media (min-width: 1250px){#mv .mv-title{height:600px}}#mv .mv-title h1{font-family:futura-pt, sans-serif;font-weight:700;font-style:normal;font-size:4.25em;line-height:0.75em}@media (min-width: 768px){#mv .mv-title h1{font-size:4.75em}}@media (min-width: 1024px){#mv .mv-title h1{font-size:6.0em}}@media (min-width: 1250px){#mv .mv-title h1{font-size:8.75em}}#mv .mv-title h1 .mv-pc{display:none}@media (min-width: 768px){#mv .mv-title h1 .mv-pc{display:block}}@media (min-width: 768px){#mv .mv-title h1 .mv-sp{display:none}}#mv .mv-title h2{font-size:1.50em;font-weight:bold;margin-top:10px;line-height:1.0em}@media (min-width: 1024px){#mv .mv-title h2{font-size:2.0em}}@media (min-width: 1250px){#mv .mv-title h2{margin-top:20px}}#mv .mv-title h2 .catch{display:flex;align-items:center;justify-content:center}#mv .mv-title h2 .catch::before,#mv .mv-title h2 .catch::after{border-top:1px solid;content:"";width:40px}#mv .mv-title h2 .catch::before{margin-right:10px}#mv .mv-title h2 .catch::after{margin-left:10px}#mv .mouse{position:absolute;bottom:30px;left:0;right:0;text-align:center}@media (min-width: 768px){#mv .mouse{bottom:2%;left:2%;right:inherit}}#mv .mouse .mouse-in #mouse{width:28px;margin:0 auto -5px}#mv .mouse .mouse-in p{font-family:futura-pt, sans-serif;font-weight:700;font-style:normal;font-size:0.75em;color:#fff}#mv a.contact_white{display:none}@media (min-width: 768px){#mv a.contact_white{display:block;position:fixed;bottom:1%;right:3%;width:100px;transition:.5s;transform:scale(1);z-index:20}}@media (min-width: 1024px){#mv a.contact_white{width:140px;bottom:2%}}#mv a.contact_white:hover{transform:scale(1.04)}#about{background-color:#1C1C1E;padding:20px;color:#fff}@media (min-width: 1024px){#about{padding:50px}}#about .about-in{position:relative}#about .about-in img{opacity:0.4;border-radius:30px}@media (min-width: 1024px){#about .about-in img{border-radius:50px}}#about .about-in .catchcopy{position:absolute;top:40px;left:0;right:0;padding:15px}@media (min-width: 768px){#about .about-in .catchcopy{top:0;bottom:0;margin:auto;height:280px}}@media (min-width: 1024px){#about .about-in .catchcopy{height:360px}}@media (min-width: 1250px){#about .about-in .catchcopy{height:320px}}#about h4{font-size:15.0vw;line-height:1.0em;text-align:center;position:relative;margin-top:-150px}@media (min-width: 768px){#about h4{font-size:7.0vw;margin-top:-30px}}@media (min-width: 1024px){#about h4{font-size:6.5vw;margin-top:-40px}}@media (min-width: 1250px){#about h4{font-size:7.0vw;margin-top:-50px}}#about p{font-size:1.0em;line-height:1.8em;text-align:justify}@media (min-width: 1024px){#about p{text-align:center}}@media (min-width: 1250px){#about p{font-size:1.25em}}#about .bond-btn{margin:50px auto 0;display:flex;justify-content:center}#business{padding:100px 0 50px;background-color:#1C1C1E}#business .catchcopy{text-align:center;padding:0 5%}#project{background-color:#1C1C1E;position:relative;padding:0 0 100px;overflow:hidden}@media (min-width: 1024px){#project{padding:100px 0 100px}}#project .project-in{background-color:#2E2E2F;width:90%;margin:0 auto;padding:40px 0 40px 0;transition:.5s}@media (min-width: 1024px){#project .project-in{display:flex;width:94%;padding:60px 0 60px 0}}@media (min-width: 1250px){#project .project-in{width:95%}}#project .project-in.color1{border-radius:30px;margin-bottom:60px;background-color:#DA8B33}@media (min-width: 1024px){#project .project-in.color1{border-radius:50px}}@media (min-width: 1181px){#project .project-in.color1{background-color:#2E2E2F}}#project .project-in.color1:hover{background-color:#DA8B33}#project .project-in.color2{border-radius:30px;margin-bottom:60px;background-color:#2D5F58}@media (min-width: 1024px){#project .project-in.color2{border-radius:50px}}@media (min-width: 1181px){#project .project-in.color2{background-color:#2E2E2F}}#project .project-in.color2:hover{background-color:#2D5F58}#project .project-in.color3{border-top-right-radius:30px;border-top-left-radius:30px;background-color:#75AF80}@media (min-width: 1024px){#project .project-in.color3{border-top-right-radius:50px;border-top-left-radius:50px}}@media (min-width: 1181px){#project .project-in.color3{background-color:#2E2E2F}}#project .project-in.color3:hover{background-color:#75AF80}#project .project-in.color4{border-bottom-right-radius:30px;border-bottom-left-radius:30px;margin-bottom:60px;background-color:#D4A09B}@media (min-width: 1024px){#project .project-in.color4{border-bottom-right-radius:50px;border-bottom-left-radius:50px}}@media (min-width: 1181px){#project .project-in.color4{background-color:#2E2E2F}}#project .project-in.color4:hover{background-color:#D4A09B}#project .project-in.color5{border-radius:30px;margin-bottom:60px;background-color:#54B8B8}@media (min-width: 1024px){#project .project-in.color5{border-radius:50px}}@media (min-width: 1181px){#project .project-in.color5{background-color:#2E2E2F}}#project .project-in.color5:hover{background-color:#54B8B8}#project .project-in.color6{border-radius:30px;background-color:#252568}@media (min-width: 1024px){#project .project-in.color6{border-radius:50px}}@media (min-width: 1181px){#project .project-in.color6{background-color:#2E2E2F}}#project .project-in.color6:hover{background-color:#252568}#project .project-in .project-text{color:#fff}@media (min-width: 1024px){#project .project-in .project-text{width:40%;padding:0 4%;display:flex;align-items:center}}#project .project-in .project-text .project-text-in{padding:20px 5% 0;text-align:center}@media (min-width: 1024px){#project .project-in .project-text .project-text-in{padding:0;text-align:left}}#project .project-in .project-text .project-text-in h2{font-size:2.3em;line-height:1.0em}@media (min-width: 1024px){#project .project-in .project-text .project-text-in h2{font-size:3.2em;line-height:0.9em}}#project .project-in .project-text .project-text-in h3{font-size:1.25em;line-height:1.4em;margin-top:10px}@media (min-width: 1024px){#project .project-in .project-text .project-text-in h3{font-size:1.5em}}#project .project-in .project-text .project-text-in p{font-size:0.9em;font-weight:normal;line-height:1.6em;margin-top:30px;text-align:justify}#project .project-in .project-text .project-text-in .bond-btn{margin-top:40px;display:flex;justify-content:center}@media (min-width: 1024px){#project .project-in .project-text .project-text-in .bond-btn{display:block}}#project .project-in .project-img{position:relative;width:111%;left:-5.5%;overflow:hidden}@media (min-width: 1024px){#project .project-in .project-img{width:60%}}#project .project-in .project-img img{vertical-align:bottom}@media (min-width: 1024px){#project .project-in .project-img.right{right:-3.5%;left:inherit}}@media (min-width: 1024px){#project .project-in .project-img.right img{border-top-left-radius:30px;border-bottom-left-radius:30px}}@media (min-width: 1024px){#project .project-in .project-img.left{left:-3.5%}}@media (min-width: 1024px){#project .project-in .project-img.left img{border-top-right-radius:30px;border-bottom-right-radius:30px}}#project .project-in .natural-with{padding:0 5%}@media (min-width: 1024px){#project .project-in .natural-with{display:flex;align-items:flex-end;padding:0 60px}}#project .project-in .natural-with .logo{margin:0 0 20px 0;text-align:center}@media (min-width: 1024px){#project .project-in .natural-with .logo{margin:0 60px 0 0;text-align:left}}#project .project-in .natural-with .logo h3{font-size:1.25em;color:#fff;margin-bottom:40px}#project .project-in .natural-with .logo img{width:180px;height:auto}#project .project-in .natural-with .text{margin:0 0 20px 0}@media (min-width: 1024px){#project .project-in .natural-with .text{margin:0 60px 0 0}}#project .project-in .natural-with .text p{font-size:0.9em;line-height:1.6em;text-align:justify}#project .project-in .natural-with .bond-btn{display:flex;justify-content:center}#team{background-color:#1C1C1E;width:100%;padding:0 2%;margin:0 auto;color:#fff}@media (min-width: 1024px){#team{padding:0 3%}}@media (min-width: 1250px){#team{padding:0 2.5%}}#team .team-in{position:relative}#team .team-in img{opacity:0.4;border-radius:30px}@media (min-width: 1024px){#team .team-in img{border-radius:50px}}#team .team-in .team-content{position:absolute;top:5%;left:0;right:0;padding:15px}@media (min-width: 1024px){#team .team-in .team-content{top:20%}}#team .team-in .team-content .bond-btn{margin:50px auto 0;display:flex;justify-content:center}#member{background-color:#1C1C1E;margin-top:-50px}@media (min-width: 1250px){#member{margin-top:-120px}}#member ul{display:flex;overflow-x:auto;padding-bottom:20px}@media (min-width: 1540px){#member ul{justify-content:center}}#member ul li{background-color:#000;border-radius:20px;position:relative;margin-right:10px}@media (min-width: 1024px){#member ul li{margin-right:20px}}#member ul li:first-child{margin-left:20px}#member ul li .photo{width:170px}@media (min-width: 1024px){#member ul li .photo{width:250px}}@media (min-width: 1250px){#member ul li .photo{width:300px}}#member ul li .photo img{border-radius:10px;vertical-align:bottom;opacity:0.7}@media (min-width: 1024px){#member ul li .photo img{border-radius:20px}}#member ul li .name{color:#fff;position:absolute;left:8px;bottom:8px}@media (min-width: 1024px){#member ul li .name{left:15px;bottom:15px}}#member ul li .name h3{font-size:0.8em}@media (min-width: 1024px){#member ul li .name h3{font-size:0.8em}}#member ul li .name h4{font-size:1.3em;line-height:1.0em}@media (min-width: 1024px){#member ul li .name h4{font-size:1.75em}}#member ::-webkit-scrollbar{height:2px}#member ::-webkit-scrollbar-thumb{border-radius:2px;background-color:#fff}#member ::-webkit-scrollbar-track{background-color:#4A4A4A}#listen{background-color:#1C1C1E;padding:100px 0 100px}@media (min-width: 1024px){#listen{padding:100px 0 160px}}#listen .listen-in{max-width:1180px;margin:60px auto 0;width:90%}@media (min-width: 1024px){#listen .listen-in{display:flex}}#listen .listen-in .left{width:300px;margin:auto;text-align:center;color:#fff}@media (min-width: 1024px){#listen .listen-in .left{margin:unset}}#listen .listen-in .left img{width:210px;border-radius:20px}#listen .listen-in .left .program-mane{margin-top:35px}#listen .listen-in .left .program-mane p{color:#fff;display:inline-block;width:140px;text-align:center;font-size:1.125em;border-radius:10px;padding:6px;border:1px solid #fff}#listen .listen-in .left h2{font-size:2.25em;line-height:1.4em;margin-top:20px}#listen .listen-in .left h3{font-size:1.125em;line-height:1.6em;margin-top:40px}#listen .listen-in .left h4{font-size:0.9em;line-height:1.6em;margin-top:10px}#listen .listen-in .left h5 a{font-size:0.9em;color:#fff;position:relative;display:inline-block}#listen .listen-in .left h5 a::after{position:absolute;bottom:0;left:0;content:'';width:100%;height:1px;background:#fff;transform:scale(0, 1);transform-origin:right top;transition:transform .3s}#listen .listen-in .left h5 a:hover::after{transform-origin:left top;transform:scale(1, 1)}#listen .listen-in .right{margin:40px 0 0 0}@media (min-width: 1024px){#listen .listen-in .right{width:calc( 100% - 300px );margin:0 0 0 50px}}#listen .listen-in .right ul li{background-color:#2E2E2F;border-radius:20px;width:100%;padding:18px 10px 18px 20px;margin-bottom:20px;transition:0.5s}@media (min-width: 1024px){#listen .listen-in .right ul li a.box{display:block}}#listen .listen-in .right ul li p{font-size:0.8em;line-height:1.2em}@media (min-width: 1024px){#listen .listen-in .right ul li p{font-size:0.9em}}#listen .listen-in .right ul li .title{color:#fff;margin:0 0 10px 0}@media (min-width: 1024px){#listen .listen-in .right ul li .title{display:flex;margin:4px 0 0 0}}#listen .listen-in .right ul li .title h4{font-size:1.875em;line-height:1.2em;margin:2px 15px 0 0}#listen .listen-in .right ul li .title h5{font-size:1.3em;line-height:1.4em;word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (min-width: 1024px){#listen .listen-in .right ul li .title h5{font-size:1.875em;line-height:1.2em;-webkit-line-clamp:1}}#listen .listen-in .right ul li:hover{background-color:#5F5F5F}#listen .bond-btn{display:flex;justify-content:center;margin-top:60px}
