﻿.wrapper{width:100vw;max-width:100%;overflow:hidden}html{font-size:16px;margin:0;padding:0;overflow-x:hidden}body{font-size:1rem;line-height:1.6;margin:0;padding:0;overflow-x:hidden}p,li,span,a{font-family:"Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal}.spNoDisplay{display:block}@media screen and (min-width: 1024px){.pcNoDisplay{display:none !important}}@media print{.pcNoDisplay{display:none !important}}@media screen and (max-width: 767px){.spNoDisplay{display:none !important}}.noto-sans-jp-bold{font-family:"Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:700;font-style:normal}.noto-sans-jp-black{font-family:"Noto Sans JP", sans-serif;font-optical-sizing:auto;font-weight:900;font-style:normal}.biz-udmincho-regular{font-family:"BIZ UDMincho", serif;font-weight:400;font-style:normal}.roboto-light{font-family:"Roboto", sans-serif;font-optical-sizing:auto;font-weight:300;font-style:normal;font-variation-settings:"wdth" 100}.do-hyeon-regular{font-family:"Do Hyeon", sans-serif;font-weight:400;font-style:normal}header{width:100vw;max-width:100%;background-color:#000;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;padding:0 1rem}@media screen and (max-width: 767px){header{padding:0.5rem}}header a{color:#FFF !important;text-decoration:none}header a.title{font-size:1.125rem;line-height:1.2}header ul.pc-nav{display:flex;flex-wrap:nowrap;align-items:center;margin:0;padding:0.5rem 0}@media screen and (max-width: 767px){header ul.pc-nav{display:none}}header ul.pc-nav li{list-style:none;transition:0.5s}header ul.pc-nav li+li{margin-left:1.5rem}header ul.pc-nav li:nth-child(4){display:block;background-color:#DEDEDE;border-radius:5px;width:10rem;padding:1rem 0;text-align:center;background-color:#999}header ul.pc-nav li:nth-child(4) a{color:#fff !important;cursor:default}header #mobile-menu-button{display:none}header #mobile-menu{display:none}.menu-toggle{display:none}.hamburger{width:28px;height:22px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;position:relative;z-index:1001}.hamburger span{display:block;height:3px;background:#fff;border-radius:2px;transition:all 0.3s ease;transform-origin:center}.menu{position:fixed;top:56px;left:0;width:100%;background:#000;transform:translateX(100%);transition:transform 0.2s ease;z-index:1000}.menu ul{list-style:none;margin:0;padding:0}.menu ul li{border-bottom:1px solid #444}.menu ul li:nth-child(4) a{color:#ccc}.menu a{display:block;padding:12px;color:#fff;text-decoration:none}.menu a:hover{background:#444}.menu-toggle:checked ~ .menu{transform:translateX(0)}.menu-toggle:checked+.hamburger span:nth-child(1){transform:translateY(9px) rotate(45deg)}.menu-toggle:checked+.hamburger span:nth-child(2){opacity:0}.menu-toggle:checked+.hamburger span:nth-child(3){transform:translateY(-9px) rotate(-45deg)}.overlay{position:fixed;inset:0;background:rgba(0,0,0,0.5);opacity:0;pointer-events:none;transition:opacity 0.3s ease;z-index:900}.menu-toggle:checked ~ .overlay{opacity:1;pointer-events:auto}.swiper-container{display:none;width:100vw;height:150px;position:relative}@media screen and (max-width: 767px){.swiper-container{height:11rem !important}}.swiper-container .swiper-pagination{bottom:-30px !important}.swiper-container .swiper-pagination .swiper-pagination-bullet{background:#FFF;opacity:0.35}.swiper-container .swiper-pagination .swiper-pagination-bullet-active{background:#C1FF19;opacity:1}@media screen and (max-width: 767px){.swiper-slide{height:11rem !important}}.swiper-slide .container{width:100vw;height:150px;display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:stretch}@media screen and (max-width: 767px){.swiper-slide .container{height:11rem;flex-wrap:wrap;align-items:stretch;align-content:space-between}}.swiper-slide .container .contents{width:78vw;display:flex;align-items:flex-start;text-align:left;flex-direction:column;justify-content:center;padding-left:2vw;color:#FFF}@media screen and (max-width: 767px){.swiper-slide .container .contents{width:90%;height:80%;margin:0 auto;padding:0.5rem 0}}.swiper-slide .container .contents p{font-size:1.25rem;display:flex;align-items:center;margin-bottom:0.5rem}@media screen and (max-width: 767px){.swiper-slide .container .contents p{width:100%;font-size:1rem;justify-content:center;text-align:center}}.swiper-slide .container .contents p span{display:inline-block;background-color:#FFF;border-radius:3px;margin-left:1rem;font-size:1rem;padding:0.2rem 0.7rem}@media screen and (max-width: 767px){.swiper-slide .container .contents p span{font-size:0.875rem}}.swiper-slide .container .contents p span.red{color:#FF0000}.swiper-slide .container .contents p span.blue{color:#0099DD}.swiper-slide .container .contents h2{font-size:1.5rem}@media screen and (max-width: 767px){.swiper-slide .container .contents h2{width:100%;font-size:1.25rem;justify-content:center;text-align:center}}.swiper-slide .container a{background-color:#FFF;width:20vw;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#000;transition:0.5s}@media screen and (max-width: 767px){.swiper-slide .container a{width:100vw;height:20%;padding:0.5rem}}.swiper-slide .container a:hover{opacity:0.5}.swiper-slide .container a span{display:block;position:relative;margin-left:-1rem}.swiper-slide .container a span:after{content:'';background:url(../images/icon_slider_arrow.png) no-repeat center center;background-size:cover;width:19px;height:19px;position:absolute;right:-1.5rem;top:calc(50% - 9px)}.swiper-slide.back01{background-color:#77B900}.swiper-slide.back02{background-color:#1E40AF}.swiper-slide.back03{background-color:#2D2D2D}.swiper-slide.back04{background-color:#312E81}.fade-in-section{opacity:0;transform:translateY(30px);transition:opacity 0.8s ease-out, transform 0.8s ease-out}.fade-in-section.is-visible{opacity:1;transform:translateY(0)}.hero{width:100vw;max-width:100%;position:relative;height:80vh;background:linear-gradient(to top, rgba(0,0,0,0.6), transparent),url("../images/mainimage.jpg") no-repeat center top;background-size:cover;clip-path:polygon(0 0, 100% 0, 100% 85%, 0 100%)}@media screen and (max-width: 767px){.hero{height:70vh}}.hero .contents{position:absolute;left:5vw;bottom:10vh}@media screen and (max-width: 767px){.hero .contents{width:90%;bottom:auto;top:10%}}.hero .contents h1{font-size:3.75rem;color:#FFF;line-height:1.2;margin-bottom:1.5rem}@media screen and (max-width: 767px){.hero .contents h1{font-size:1.875rem}}.hero .contents h1 span{color:#C1FF19}.hero .contents p{font-size:1.25rem;color:#FFF;margin-bottom:1.5rem}@media screen and (max-width: 767px){.hero .contents p{font-size:1.125rem}}.hero .contents a{display:block;width:14rem;font-size:1.125rem;color:#FFF;text-decoration:none;border:1px #FFF solid;padding:15px;position:relative}@media screen and (max-width: 767px){.hero .contents a{width:100%;background-color:#000}}.hero .contents a:after{content:'';display:inline-block;width:25px;height:4px;background:url("../images/icon_hero.png") no-repeat right center;background-size:cover;position:absolute;right:10px;top:calc(50% - 2px)}.title-container{width:100vw;max-width:100%;text-align:center;margin-bottom:3.75rem;padding-top:3rem}@media screen and (max-width: 767px){.title-container{margin-bottom:2rem;padding-top:1rem}}.title-container h2{font-size:2.5rem;position:relative;margin-bottom:2rem;line-height:1.4}@media screen and (max-width: 767px){.title-container h2{font-size:1.5rem}}.title-container h2:after{content:'';width:70px;height:1px;display:inline-block;background-color:#000;position:absolute;bottom:-16px;left:calc(50% - 35px)}.title-container p{font-size:1.5rem;letter-spacing:0.2rem}@media screen and (max-width: 767px){.title-container p{font-size:1rem}}.back-to-top{position:fixed;bottom:20px;right:20px;background:url("../images/pagetop_arrow.png") no-repeat center center #000;background-size:50%;border:none;border-radius:50%;width:48px;height:48px;cursor:pointer;opacity:0;pointer-events:none;transition:opacity 0.3s ease;z-index:1000}.back-to-top.show{opacity:1;pointer-events:auto}#activities{width:800px;max-width:100%;margin:0 auto;margin-bottom:6vh}#activities .contents{width:1020px;max-width:100%;margin:0 auto;display:flex;flex-wrap:nowrap;justify-content:space-between}@media screen and (max-width: 767px){#activities .contents{width:90%;margin:0 auto;flex-wrap:wrap}}#activities .contents div{width:340px;display:block;text-align:center;padding:3rem 0}@media screen and (max-width: 767px){#activities .contents div{border-radius:5px !important}}#activities .contents div:nth-child(1){background:url("../images/back_seminer.jpg") no-repeat center center;background-size:cover;border-radius:5px 0 0 5px}#activities .contents div:nth-child(1) p.eng{padding-bottom:3.8rem}#activities .contents div:nth-child(2){background:url("../images/back_example.jpg") no-repeat center center;background-size:cover}#activities .contents div:nth-child(2) p.eng{padding-bottom:3.8rem}#activities .contents div:nth-child(3){background:url("../images/back_human.jpg") no-repeat center center;background-size:cover;border-radius:0 5px 5px 0}#activities .contents div img{display:block;width:120px;height:auto;margin:0 auto;margin-bottom:1rem}#activities .contents div p{color:#FFF}#activities .contents div p.eng{font-size:1.5rem;line-height:1.2;padding-bottom:2rem;margin-bottom:1.5rem;border-bottom:1px #FFF solid}@media screen and (max-width: 767px){#activities .contents div p.eng{font-size:1.875rem}}#activities .contents div p.eng span{color:#C1FF19;display:block;font-size:0.875rem;letter-spacing:0.1rem}@media screen and (max-width: 767px){#activities .contents div p.eng span{font-size:1rem}}#activities .contents div h3{font-size:1.25rem;color:#FFF;margin-bottom:0.5rem}#activities .contents div h3+p{width:90%;margin:0 auto;text-align:left}@media screen and (max-width: 767px){#activities .contents div+div{margin-top:0.5rem}}#about{width:100vw;max-width:100%;margin:0 auto;position:relative;padding:10vh 0;overflow:hidden}@media screen and (max-width: 767px){#about{padding-bottom:15vh}}#about:before{content:'';position:absolute;top:0;left:0;width:120%;height:80%;margin:3% -10% 0;background:#0F417C;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg);z-index:-2}#about:after{content:'';position:absolute;top:0;left:0;width:120%;height:80%;margin:3% -10% 0;background:#EFEFEF;-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center;-webkit-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg);z-index:-1}#about .contents{width:800px;margin:0 auto}@media screen and (max-width: 767px){#about .contents{width:90%;margin:0 auto}}#about .contents p{margin-bottom:2.5rem}#about .contents p.right{text-align:right}#news{width:800px;max-width:100%;margin:0 auto;margin-bottom:10vh}#news ul{margin:0;padding:0}@media screen and (max-width: 767px){#news ul{width:90%;margin:0 auto}}#news ul li{list-style:none;font-size:0.875rem;position:relative}#news ul li a{font-size:1rem;text-decoration:underline;color:#1A73E8}#news ul li:before{content:'';display:inline-block;width:100%;height:1px;background:url("../images/line01.png") no-repeat left center;background-size:cover;margin-top:1.5rem;margin-bottom:1rem}#news ul li:after{content:'';display:inline-block;width:25px;height:4px;background:url("../images/icon_news.png") no-repeat right center;background-size:cover;position:absolute;right:0}@media screen and (max-width: 767px){#news ul li:after{display:none}}#moreToggle{display:none}.more{max-height:0;overflow:hidden;transition:max-height 0.5s ease;margin-bottom:3rem}#moreToggle:checked ~ .more{max-height:500px}.more-btn{display:block;width:15rem;border:1px #BABABA solid;margin:0 auto;text-align:center;padding:15px 0;text-decoration:none;color:#000;transition:0.5s;cursor:pointer}@media screen and (max-width: 767px){.more-btn{width:90%;margin:0 auto}}.more-btn:hover{background-color:#000;color:#FFF}.more-btn::after{content:"もっと見る"}#moreToggle:checked ~ .more-btn::after{content:"閉じる"}#member{width:100vw;max-width:100%;border-top:1px #A5A5A5 solid}@media screen and (max-width: 767px){#member{width:100%}}#member .contents{width:fit-content;margin:0 auto;padding:2rem 0}@media screen and (max-width: 767px){#member .contents{width:90%;margin:0 auto}}#member .contents h3{font-size:1.25rem;text-align:center;margin-bottom:2rem}@media screen and (max-width: 767px){#member .contents h3{line-height:1.2}}#contact{width:100vw;max-width:100%;margin:0 auto;position:relative;padding:10vh 0;overflow:hidden;z-index:1}#contact:before{content:'';position:absolute;top:0;left:0;width:120%;height:80%;margin:3% -10% 0;background:#0F417C;-webkit-transform-origin:left center;-ms-transform-origin:left center;transform-origin:left center;-webkit-transform:rotate(3deg);-ms-transform:rotate(3deg);transform:rotate(3deg);z-index:-2}#contact:after{content:'';position:absolute;top:0;left:0;width:120%;height:80%;margin:3% -10% 0;background:#EFEFEF;-webkit-transform-origin:right center;-ms-transform-origin:right center;transform-origin:right center;-webkit-transform:rotate(-3deg);-ms-transform:rotate(-3deg);transform:rotate(-3deg);z-index:-1}#contact .contents{width:800px;max-width:100%;margin:0 auto;margin-bottom:3rem;text-align:center}#contact .contents a{display:block;background-color:#999;color:#FFF;text-decoration:none;font-size:1.125rem;width:20rem;border-radius:5px;margin:0 auto;padding:15px 0;margin-top:3rem;transition:0.5s;cursor:default}@media screen and (max-width: 767px){#contact .contents a{width:90%;margin-top:1.5rem}}footer{width:100vw;max-width:100%;background-color:#303030;padding-top:8rem;color:#FFF;margin-top:-5vh}@media screen and (max-width: 767px){footer{padding-top:5rem;margin-top:-15vh}}footer .contents{width:90%;max-width:100%;margin:0 auto;margin-bottom:1rem;display:flex;flex-wrap:nowrap;justify-content:space-between}@media screen and (max-width: 767px){footer .contents{flex-direction:column}}footer .contents .text{width:50%}@media screen and (max-width: 767px){footer .contents .text{width:100%}}footer .contents .text h3{font-size:1.5rem;margin-bottom:1rem}@media screen and (max-width: 767px){footer .contents .text h3{text-align:center;font-size:1.25rem;line-height:1.4}}footer .contents ul{width:40%}@media screen and (max-width: 767px){footer .contents ul{width:100%;display:flex;flex-wrap:nowrap;justify-content:space-between;padding:0}}footer .contents ul li{list-style:none;text-align:right}footer .contents ul li a{text-decoration:none}footer .contents ul li a:hover{text-decoration:underline}footer .contents ul li+li{margin-top:0.6rem}@media screen and (max-width: 767px){footer .contents ul li+li{margin-top:0}}footer p.copy{font-size:0.875rem;text-align:center;border-top:1px #FFF solid;padding:1rem 0}@media screen and (max-width: 767px){footer p.copy{width:90%;color:#999;margin:0 auto}}
