@import"http://fonts.googleapis.com/earlyaccess/notosansjp.css";:root{--white-color: #ffffff;--black-color: #333333;--brown-color: #1e1510;--beige-color: #ebe7e2;--gray-color: #cccccc}*{margin:0;padding:0;box-sizing:border-box}html{font-size:62.5%}body{font-family:"Noto Sans JP",sans-serif;background:var(--white-color);color:var(--black-color);font-size:1.6rem;line-height:1.6}header{position:fixed;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 40px;background:rgba(99,69,54,0);z-index:1000;transition:background .3s ease}.logo{font-weight:bold;font-size:18px;margin-top:30px;margin-bottom:20px}.logo img{width:150px;height:auto}nav{display:flex;gap:40px;transition:opacity .3s ease}nav a{text-decoration:none;color:var(--white-color);font-weight:500;font-size:16px}nav a:hover{opacity:.7}@media(min-width: 1025px){.logo{font-weight:bold;font-size:18px;margin-top:40px;margin-bottom:20px}.logo img{width:220px;height:auto}}.hamburger{display:flex;flex-direction:column;justify-content:center;gap:6px;width:30px;height:24px;cursor:pointer;z-index:1100;transition:all .3s ease}.hamburger span{width:100%;height:3px;background:var(--white-color);border-radius:3px;transition:all .4s ease;transform-origin:center}.hamburger.active span:nth-child(1){transform:translateY(9px) rotate(45deg) translateX(-0.5px)}.hamburger.active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.active span:nth-child(3){transform:translateY(-9px) rotate(-45deg) translateX(-0.5px)}@media(min-width: 769px){.hamburger{display:none}}@media(max-width: 768px){nav{position:fixed;top:0;left:0;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background:var(--brown-color);gap:30px;opacity:0;pointer-events:none;transition:opacity .4s ease;z-index:1050}nav.open{opacity:1;pointer-events:auto}nav a{font-size:2rem}.hamburger{display:flex;z-index:1100}}section{color:#fff;opacity:0;transition:opacity .8s ease,transform .8s ease;position:relative;overflow:hidden}section.visible{opacity:1;transform:translateY(0)}.tl__lv02{text-align:center;font-size:3.2rem;margin-bottom:50px;font-weight:500}.tl__lv02 span{font-size:1.6rem;display:block;font-weight:400;margin-bottom:10px}@media screen and (min-width: 768px){.tl__lv02{text-align:left;font-size:4.2rem}.tl__lv02.center{text-align:center}}.sp-br{display:inline}@media(min-width: 1025px){.sp-br{display:none}}.pc-br{display:none}@media(min-width: 1025px){.pc-br{display:inline}}.bt{margin-top:30px;position:relative;z-index:2;display:flex;justify-content:center}.bt .c-button{display:flex;align-items:center;justify-content:center;width:100%;height:50px;background:var(--brown-color);color:var(--white-color);font-size:2rem;font-weight:600;letter-spacing:.5px;background-size:25px;position:relative;padding:0 30px 2px;transition:opacity .3s;text-decoration:none}.bt .c-button:hover{opacity:.5}@media screen and (min-width: 1025px){.bt .c-button{width:300px;height:50px}}.dl__uline{border-bottom:1px solid var(--gray-color);display:flex;margin-bottom:20px;padding-bottom:20px;flex-direction:column}.dl__uline dt{width:100%}.dl__uline dd{width:100%}.dl__uline:last-child{margin-bottom:0}.dl__uline input[type=text]{width:100%;padding:10px;box-sizing:border-box;border:1px solid var(--gray-color);background:var(--white-color);color:var(--black-color)}.dl__uline select{width:100%;padding:10px;border:1px solid var(--gray-color);background:var(--white-color);color:var(--black-color)}.dl__uline textarea{width:100% !important;height:200px !important;padding:10px;border:1px solid var(--gray-color);background:var(--white-color);color:var(--black-color)}.dl__uline input::placeholder,.dl__uline textarea::placeholder{color:var(--gray-color);opacity:1}.dl__uline select option[disabled]{color:var(--gray-color)}.dl__uline input[type=text],.dl__uline input[type=email],.dl__uline input[type=tel],.dl__uline textarea{background-color:#fff !important}.dl__uline .mfp_error input[type=text],.dl__uline .mfp_error input[type=email],.dl__uline .mfp_error input[type=tel],.dl__uline .mfp_error textarea{background-color:red !important}@media screen and (min-width: 768px){.dl__uline{margin-bottom:30px;padding-bottom:30px;flex-direction:row}.dl__uline dt{width:135px}.dl__uline dd{flex:1}}.container{width:min(100%,clamp(340px,90vw,1200px));margin:0 auto}.mv{color:var(--white-color);font-size:48px;overflow:hidden;position:relative;height:100vh;background:#000;display:flex;align-items:center;justify-content:center}.mv .hero-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--black-color) url("../images/mv.jpg") center/cover no-repeat;transform:scale(1.15) translateY(0);opacity:0;z-index:-1;animation:bgZoomFade 5s ease forwards;animation-delay:1.2s;will-change:transform,opacity}.mv.contact{height:600px}.mv.contact .hero-bg{background:var(--black-color) url("../images/mv.jpg") bottom/cover no-repeat}.mv.contact h1{font-size:4.2rem;color:var(--white-color)}.mv.contact h1 span{font-size:1.6rem;display:block}.mv .hero-text{position:relative;z-index:2;opacity:0;transform:translateY(30px);animation:textFadeIn 1.5s ease forwards;text-align:center}.mv .hero-text img{width:200px;height:auto}.mv .hero-text p{font-size:2rem}@keyframes textFadeIn{0%{opacity:0;transform:translateY(30px)}100%{opacity:1;transform:translateY(0)}}@keyframes bgZoomFade{0%{transform:scale(1.15);opacity:0;filter:blur(2px)}60%{opacity:.9;filter:blur(0.5px)}100%{transform:scale(1);opacity:1;filter:blur(0)}}@media screen and (min-width: 768px){.mv .hero-text img{width:275px;height:auto}.mv .hero-text p{font-size:2.6rem}}.company{background:var(--white-color);color:var(--black-color);height:auto}.company .tl__lv02{margin-bottom:90px}.company__block{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-direction:column}.company__block__bg{background:url("../images/bg_company.jpg") center/cover no-repeat;height:450px;margin:0;flex:auto;width:100%;order:2}.company__block__content{flex:auto;padding:50px 20px;display:block;width:100%;order:1}@media screen and (min-width: 1025px){.company__block{align-items:center;justify-content:center;flex-direction:row;height:100vh}.company__block__bg{height:calc(100% - 200px);margin:100px 0;flex:1;order:1}.company__block__content{flex:1;padding:80px;display:flex;flex-direction:column;justify-content:center;order:2}}.vision{color:var(--white-color);padding:70px 0;display:flex;align-items:center;background:var(--brown-color) url("../images/bg_sp_vision.png") right bottom;background-size:cover;background-repeat:no-repeat;height:auto}.vision__block{display:flex;flex-direction:column}.vision__block__content{flex:1}.vision__block__content p{line-height:2}.vision__block .tl__lv02{width:380px}.vision .catch{font-size:2.6rem;font-weight:500;margin-bottom:50px;letter-spacing:.12em}@media screen and (min-width: 1025px){.vision{display:flex;background:var(--brown-color) url("../images/bg_vision.png") right center;background-repeat:no-repeat;background-size:cover;height:100vh;z-index:1;position:relative}.vision__block{flex-direction:row}.vision__block__content{flex:1}.vision__block__content p{line-height:2.5}.vision__block .tl__lv02{width:380px}.vision .catch{font-size:3.6rem;margin-bottom:50px}}.service{background:var(--white-color);color:var(--black-color);height:auto}.service__block{display:flex;align-items:center;justify-content:center;overflow:hidden;flex-direction:column}.service__block__bg{background:url("../images/bg_service.jpg") center/cover no-repeat;height:450px;margin:0;flex:auto;width:100%;order:2}.service__block__content{flex:auto;padding:50px 20px;display:block;width:100%;order:1}.service .list__icon{display:flex;flex-direction:column;width:100%}.service .list__icon li{border-bottom:1px solid #ccc;padding-bottom:10px;margin-bottom:10px;list-style:none;display:flex;font-size:1.6rem;align-items:center}.service .list__icon li a{display:flex;font-size:2rem;align-items:center;width:100%;position:relative;color:var(--black-color);text-decoration:none}.service .list__icon li a:hover{opacity:.5}.service .list__icon li a::before,.service .list__icon li a::after{content:"";position:absolute;top:calc(50% - 2px);right:0;width:20px;height:3px;border-radius:9999px;background-color:#000;transform-origin:calc(100% - 2px) 50%}.service .list__icon li a::before{transform:rotate(45deg)}.service .list__icon li a::after{transform:rotate(-45deg)}.service .list__icon li span{display:block;margin-right:50px}.service .list__icon li span img{width:60px;height:auto;vertical-align:bottom}@media screen and (min-width: 1025px){.service__block{align-items:center;justify-content:center;flex-direction:row;height:100vh}.service__block__bg{height:calc(100% - 200px);margin:100px 0;flex:1;order:1}.service__block__content{flex:1;padding:80px;display:flex;flex-direction:column;justify-content:center;order:2}.service .list__icon li{font-size:2rem}}.recruit{color:var(--black-color);padding:100px 0;display:flex;align-items:center;background-color:var(--beige-color)}.recruit__block{display:flex;flex-direction:column}.recruit__block__content{flex:1}.recruit__block .tl__lv02{width:380px}.contact{height:auto;background-color:var(--white-color);color:var(--black-color);padding:70px 0}.contact__block{width:min(100%,clamp(340px,90vw,900px));margin:0 auto;text-align:center}.contact .dl__uline{text-align:left;margin-bottom:30px}.contact .dl__uline dt{width:200px}@media screen and (min-width: 1025px){.contact{padding:100px 0}}.flow__block{padding:0}.flow .dl__step{display:flex;position:relative;margin-bottom:50px;flex-direction:column}.flow .dl__step::after{content:"";position:absolute;bottom:-30px;left:50%;width:0;height:0;margin:auto;border-top:14px solid var(--brown-color);border-right:11px solid rgba(0,0,0,0);border-left:11px solid rgba(0,0,0,0);border-bottom:0 solid rgba(0,0,0,0);transform:translateY(1px);box-sizing:border-box;margin-left:-10px}.flow .dl__step:last-of-type::after{display:none}.flow .dl__step dt{background-color:var(--brown-color);color:var(--white-color);padding:10px;width:100%;text-align:center;font-size:1.6rem;line-height:2;font-weight:700}.flow .dl__step dd{background-color:var(--beige-color);padding:10px;flex:1;font-size:1.4rem;line-height:2}@media screen and (min-width: 768px){.flow__block{padding:30px}.flow .dl__step{flex-direction:row}.flow .dl__step:last-child::after{display:none}.flow .dl__step dt{width:20%;font-size:2rem;line-height:2;padding:20px}.flow .dl__step dd{flex:1;font-size:2rem;line-height:2;padding:20px}}footer{background-color:var(--brown-color);padding:100px;text-align:center;color:#fff}.att{color:red}.bt__form{background-color:var(--brown-color);color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer}.bt__form:hover{opacity:.5}.dl__flex{display:flex;align-items:flex-start;flex-direction:column}@media screen and (min-width: 768px){.dl__flex{align-items:center;flex-direction:row}}/*# sourceMappingURL=style.css.map */