@keyframes fadein-button{0%{opacity:0;transform:translateY(-20px)}100%{opacity:1;transform:translateY(0)}}@keyframes mouseon{0%{transform:translateY(0px);opacity:1}100%{transform:translateY(-10px);opacity:0.3}}@keyframes mouseoff{0%{transform:translateY(-10px);opacity:0.3}100%{transform:translateY(0px);opacity:1}}@keyframes zoomin{0%{opacity:0}100%{transform:scale(1);opacity:1}}@keyframes fadein-text{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}@keyframes fadein-copy{0%{opacity:0;transform:translate(0, -20px) rotate(90deg)}100%{opacity:1;transform:translate(0, 0) rotate(90deg)}}body{background:#F8F6F2;font-family:'Noto Sans JP', sans-serif;font-feature-settings:"palt"}header{padding:40px;display:flex;justify-content:space-between;align-items:center}header .logo{margin:0;opacity:0;animation-name:fadein-button;animation-duration:1s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:1s}header nav ul{margin:0;display:flex;justify-content:flex-end;opacity:0.7}@media screen and (max-width: 767px){header nav ul{padding:0}}header nav ul li{margin-left:20px;list-style:none}header nav ul li:nth-child(1){opacity:0;animation-name:fadein-button;animation-duration:1s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:1.5s}header nav ul li:nth-child(2){opacity:0;animation-name:fadein-button;animation-duration:1s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:1.7s}header nav ul li:nth-child(3){opacity:0;animation-name:fadein-button;animation-duration:1s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:1.9s}header nav ul li:nth-child(4){opacity:0;animation-name:fadein-button;animation-duration:1s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:2.1s}header nav ul li:nth-child(5){opacity:0;animation-name:fadein-button;animation-duration:1s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:2.3s}header nav ul li:nth-child(6){opacity:0;animation-name:fadein-button;animation-duration:1s;animation-timing-function:ease-out;animation-fill-mode:forwards;animation-delay:2.5s}@media screen and (max-width: 767px){header nav ul li{margin-left:10px}}header nav ul li a{display:block;animation:mouseoff 0.5s forwards}header nav ul li a:hover{animation:mouseon 0.5s forwards}@media screen and (max-width: 767px){header nav ul li a img{width:120px}}@media screen and (max-width: 767px){header{padding:20px}}.js-trigger{opacity:0}.js-trigger.is-show{opacity:0;animation-name:fadein-button;animation-duration:1s;animation-timing-function:ease-out;animation-fill-mode:forwards}main{margin:0 auto;max-width:1600px}main .message{opacity:0;margin:40px;font-size:20px;animation:fadein-text 1s forwards;animation-delay:5.5s}@media screen and (max-width: 767px){main .message{margin:0 20px 20px 20px;font-size:14px}}main .main_visual_wrap{padding-left:100px;position:relative}@media screen and (max-width: 767px){main .main_visual_wrap{padding-left:50px}}main .main_visual_wrap .copy{opacity:0;position:absolute;left:-170px;top:200px;content:"Sales promotion expert";color:#DDD9D1;font-size:40px;font-weight:bold;animation:fadein-copy 1s forwards;animation-delay:5.5s}@media screen and (max-width: 767px){main .main_visual_wrap .copy{font-size:13px;left:-50px;top:65px}}main .main_visual_wrap .main_visual{overflow:hidden}main .main_visual_wrap .main_visual img{opacity:0;display:block;transform:scale(1.5);animation:zoomin 2s ease-in forwards;animation-delay:3s;width:100%}main .unit_box{padding:100px 40px 40px 40px}@media screen and (max-width: 767px){main .unit_box{padding:40px 20px 20px}}main .unit_box .unit_box_flex{border-top:solid 1px #666;padding-top:40px;display:flex}@media screen and (max-width: 767px){main .unit_box .unit_box_flex{display:block}}main .unit_box .unit_box_flex div .trouble{margin:0 0 20px 0;padding:0}main .unit_box .unit_box_flex div .trouble li{margin-bottom:10px;list-style:none;position:relative;padding-left:25px}main .unit_box .unit_box_flex div .trouble li::before{font-family:'Material Icons';content:"\e8fd";position:absolute;left:0;top:3px;font-size:20px}main .unit_box .unit_box_flex p{margin:0;font-size:16px;line-height:2;color:#333;font-weight:300}main .unit_box .unit_box_flex p::before{content:'';display:block;height:0;width:0;margin-top:calc((1 - 2) * 0.5em)}@media screen and (max-width: 767px){main .unit_box .unit_box_flex p{text-align:justify;font-size:14px}main .unit_box .unit_box_flex p br{display:none}}main .unit_box .unit_box_flex .icon{max-width:100px;margin:0 40px 0 0}@media screen and (max-width: 767px){main .unit_box .unit_box_flex .icon{width:100%;max-width:100%;margin:0 0 40px 0}}main .unit_box .unit_box_flex .icon img{max-width:100px;display:block;margin:0 auto}main .unit_box .unit_img{margin:100px calc(50% - 50vw) 0;width:100vw;padding-right:40px}@media screen and (max-width: 767px){main .unit_box .unit_img{margin-top:40px;padding-right:20px}}main .unit_box .unit_img.service{padding:0 0 0 40px}@media screen and (max-width: 767px){main .unit_box .unit_img.service{padding-left:20px}}main .unit_box .unit_img.service img{display:block;margin-left:auto}@media screen and (min-width: 1300px){main .unit_box .unit_img{height:500px;overflow:hidden}main .unit_box .unit_img img{width:100%;margin:0 auto}}main .unit_box .unit_solution{margin-top:60px;display:flex;align-items:center;justify-content:space-between}@media screen and (max-width: 767px){main .unit_box .unit_solution{display:block;margin-top:20px}}main .unit_box .unit_solution .figure{margin-left:100px;width:60%}@media screen and (max-width: 767px){main .unit_box .unit_solution .figure{width:100%;text-align:center;margin-left:0}main .unit_box .unit_solution .figure img{display:block;margin:auto}}main .unit_box .unit_solution ul{margin:15px 0 0 0}@media screen and (max-width: 767px){main .unit_box .unit_solution ul{padding:0}}main .unit_box .unit_solution ul li{list-style:none;margin-bottom:20px;padding:15px 20px;font-size:16px;background:linear-gradient(-90deg, #F8F6F2, #fff)}@media screen and (max-width: 767px){main .unit_box .unit_solution ul li{font-size:14px}}main .unit_box .unit_solution ul li h3{font-weight:500;margin:0}@media screen and (max-width: 767px){main .unit_box .unit_solution ul li h3{font-size:14px}}main .unit_box .unit_solution ul li p{margin:10px 0 0 0;font-weight:300}main .unit_box.services{background:url("/assets/img/pen.png") no-repeat;background-position:top 180px right -100px}@media screen and (max-width: 767px){main .unit_box.services{background-position:top 60px right -100px;background-size:60%}}main .unit_box .service_text{width:100%}main .unit_box .service_text ul{width:100%;padding-left:30px;margin:0}@media screen and (max-width: 767px){main .unit_box .service_text ul{padding-left:0}}main .unit_box .service_text ul li{margin:40px 0;position:relative;display:flex}@media screen and (max-width: 767px){main .unit_box .service_text ul li{display:block;margin:30px 0}}main .unit_box .service_text ul li::before{content:"○";position:absolute;left:-30px;top:3px;font-size:12px}@media screen and (max-width: 767px){main .unit_box .service_text ul li::before{display:none}}main .unit_box .service_text ul li h3{margin:0;font-size:16px;font-weight:500;width:20%}@media screen and (max-width: 767px){main .unit_box .service_text ul li h3{width:100%;font-size:14px;margin-bottom:10px}}@media screen and (max-width: 767px){main .unit_box .service_text ul li p{line-height:1.6;font-size:14px}}main .unit_box .company_text{width:100%}main .unit_box .company_text ul{width:100%;padding-left:30px;margin:0}@media screen and (max-width: 767px){main .unit_box .company_text ul{padding-left:0}}main .unit_box .company_text ul li{margin:40px 0;display:flex}@media screen and (max-width: 767px){main .unit_box .company_text ul li{margin:20px 0;display:block}}main .unit_box .company_text ul li:first-child{margin-top:0}main .unit_box .company_text ul li h3{margin:0;font-size:16px;font-weight:500;width:20%}@media screen and (max-width: 767px){main .unit_box .company_text ul li h3{width:100%;font-size:14px;margin-bottom:10px}}@media screen and (max-width: 767px){main .unit_box .company_text ul li p{line-height:1.6}}main .unit_box .company_text ul li ul{padding:0;margin:0 0 0 60px;font-weight:300}@media screen and (max-width: 767px){main .unit_box .company_text ul li ul{margin:0 0 0 20px;font-size:14px}}main .unit_box .company_text ul li ul li{display:list-item;margin:0 0 10px 0;list-style:circle}@media screen and (max-width: 767px){main .unit_box .company_text ul li ul li{margin-right:20px;font-size:14px}}main .unit_box .map{width:100%}main .unit_box .map p{margin-top:20px}@media screen and (max-width: 767px){main .unit_box .map p{line-height:1.6}}main .unit_box.contact .contact_text{width:100%;background:url("/assets/img/smartphone.png") no-repeat;background-position:top 60px right 0;background-size:60%}@media screen and (max-width: 767px){main .unit_box.contact .contact_text{background-size:50%;background-position:top 80px right 0}}main .unit_box.contact .contact_text div{margin-top:40px}@media screen and (max-width: 767px){main .unit_box.contact .contact_text div{margin-top:20px}}main .unit_box.contact .contact_text div h4{font-weight:500;margin:0}@media screen and (max-width: 767px){main .unit_box.contact .contact_text div h4{font-size:14px}}main .unit_box.contact .contact_text div em{font-size:30px;font-weight:100;font-style:normal !important;display:block}main .unit_box.contact .contact_text div small{font-size:12ox}main .unit_box.contact .contact_text div span{font-weight:300}@media screen and (max-width: 767px){main .unit_box.contact .contact_text div span{font-size:14px}}main .unit_box.contact form div{margin:20px 0 0 0 !important;display:flex;align-items:center}@media screen and (max-width: 767px){main .unit_box.contact form div{display:block}}main .unit_box.contact form div input,main .unit_box.contact form div textarea{margin:0 0 5px 0;display:block;font-size:16px;padding:15px;border:none;margin-right:20px}@media screen and (max-width: 767px){main .unit_box.contact form div input,main .unit_box.contact form div textarea{width:100%;margin-right:0;font-size:14px}}main .unit_box.contact form div input:focus::placeholder,main .unit_box.contact form div textarea:focus::placeholder{color:transparent}main .unit_box.contact form div input::placeholder,main .unit_box.contact form div textarea::placeholder{color:#ccc}main .unit_box.contact form div input{width:350px}@media screen and (max-width: 767px){main .unit_box.contact form div input{width:100%}}main .unit_box.contact form div label{margin-top:10px;font-size:12px;color:#c00}main .unit_box.contact form .submit{color:#fff;background:#666;padding:20px 60px;border:0;margin-top:20px;font-size:16px;cursor:pointer;transition:.3s;border-radius:5px}@media screen and (max-width: 767px){main .unit_box.contact form .submit{width:100%;margin-bottom:40px}}main .unit_box.contact form .submit:hover{background:#333}footer{background:#333;padding:20px 40px}@media screen and (max-width: 767px){footer{padding:15px 20px}}footer img{margin-left:auto;display:block;max-width:95px;filter:invert(100)}@media screen and (max-width: 767px){footer img{max-width:40px}}#page-top{position:fixed;bottom:0;right:0;background:rgba(0,0,0,0.5);min-width:50px;min-height:50px;line-height:50px;text-align:center;color:#fff;border-radius:50%;bottom:10%;right:2%}@media screen and (max-width: 767px){#page-top{bottom:7%}}.arrow{position:relative;display:inline-block;padding:0 0 0 16px;color:#000;vertical-align:middle;text-decoration:none;font-size:15px}.arrow::before,.arrow::after{position:absolute;top:0;bottom:0;left:0;margin:auto;content:"";vertical-align:middle}.arrow::before{left:3px;width:10px;height:10px;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.thanks{padding:0 40px 100px}@media screen and (max-width: 767px){.thanks{padding:0 20px 50px}}.thanks h1{font-size:25px;font-weight:500}@media screen and (max-width: 767px){.thanks h1{font-size:20px}}.thanks h2{font-size:20px;font-weight:500}@media screen and (max-width: 767px){.thanks h2{font-size:16px}}.thanks p{margin-top:20px;font-size:16px;font-weight:100}@media screen and (max-width: 767px){.thanks p{font-size:14px}}.thanks a{text-decoration:none;font-weight:300;margin-top:20px;display:inline-block;transition:.3s;background:#666;color:#fff;padding:20px 40px;border-radius:5px}@media screen and (max-width: 767px){.thanks a{width:100%;text-align:center;font-size:14px;padding:10px 40px}}.thanks a:hover{background:#333}
/*# sourceMappingURL=style.css.map */