@charset "utf-8";
/* body */
body,input,select,textarea,button{margin:0;padding:0;background:#fff;box-sizing:border-box;font-size:16px;color:#4c566c;font-family:"Montserrat", "YuGothic", "Yu Gothic", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;overflow-x:hidden;}
body{letter-spacing:0.02em;font-weight:normal;}
@media (min-width:768px){
  body{padding:100px 0 0;}
}
@media (max-width:767px){
  body{padding:94px 0 0;}
}
@media (max-width:767px){
  body{padding:92px 0 0;}
}
/* default */
header,nav,footer,section,aside,article,div,span,em,i,b,strong,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,form,input,select,hr,button,a{margin:0;padding:0;box-sizing:border-box;}
th,b,strong,h1,h2,h3,h4,h5,h6,input,select,textarea,button{font-weight:600;}
input,select,textarea,button{-webkit-appearance:none;}
ul,ol{list-style:none;}
i,em{font-style:normal;}
img{display:block;border:0;-ms-interpolation-mode:bicubic;}
a{color:#4c566c;text-decoration:none;}
a:hover{opacity:0.8;}
a img:hover{opacity:0.8;}
sup{position:relative;top:-0.1em;vertical-align:top;}
/* loading */
.loading,
.loading:after{border-radius:50%;width:42px;height:42px;}
.loading{position:relative;margin:25vh auto;border-top:6px solid rgba(238,238,238,0.6);border-right:6px solid rgba(238,238,238,0.6);border-bottom:6px solid rgba(238,238,238,0.6);border-left:6px solid #ddd;-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load 1s infinite linear;animation:load 1s infinite linear;font-size:0;line-height:0;}
@-webkit-keyframes load{
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
@keyframes load{
0%{-webkit-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(360deg);transform:rotate(360deg);}
}
/* slick */
.slick-list{font-size:0;line-height:0;}
.slick-slider{padding:0 0 40px;}
.slick-dots{position:absolute;bottom:0;left:0;width:100%;font-size:0;line-height:0;text-align:center;}
.slick-dots li{display:inline-block;margin:0 6px;width:auto;height:auto;vertical-align:top;}
.slick-dots li button{background:#b4bed5;border:0;border-radius:50%;width:10px;height:10px;font-size:0;line-height:0;}
.slick-dots li.slick-active button{background:#4c566c;}
.slick-dots li button:before{display:none;}
/* header */
header{position:fixed;top:0;left:0;background:#fff;width:100%;box-shadow:0px 1px 2px -1px rgba(0,0,0,0.2);z-index:2;}
header > div{position:relative;}
header img{width:auto;}
@media (min-width:768px){
  header{padding:0 40px;}
  header > div{margin:0 auto;padding:40px 0 20px;max-width:1280px;}
  header h1{position:absolute;top:50%;left:0;display:inline-block;transform:translate(0,-50%);}
  header img{height:36px;}
  header ul{display:flex;justify-content:flex-end;}
  header ul li:not(:last-child){margin:0 40px 0 0;}
  header ul li a{line-height:40px;}
  header ul li a[href*="sign_up"]{display:block;padding:0 30px;background:#2DD28D;border-radius:20px;box-shadow:0px 2px 4px -1px rgba(0,0,0,0.2);color:#fff;font-weight:bold;transition:0.8s;}
  header p{display:none;}
}
@media (max-width:767px){
  header{padding:30px;}
  header img{height:34px;}
  header p{position:absolute;top:8px;right:-5px;display:block;width:30px;height:25px;font-size:0;line-height:0;transition:all .4s;}
  header p:hover{opacity:1;}
  header p:before,
  header p:after,
  header p span{position:absolute;left:0;display:block;content:"";width:100%;height:3px;background:#4c566c;border-radius:1.5px;transition:all .4s;}
  header p:before{top:0;}
  header p span{top:11px;}
  header p:after{bottom:0;}
  header p.selected:before{-webkit-transform: translateY(11px) rotate(-45deg);transform: translateY(11px) rotate(-45deg);}
  header p.selected span{opacity:0;}
  header p.selected:after{-webkit-transform: translateY(-11px) rotate(45deg);transform: translateY(-11px) rotate(45deg);}
  header ul{position:relative;margin:30px 0 0;background:#fff;width:100%;z-index:1;text-align: center;display: none;}
  header ul li:not(:last-child){width:100%;}
  header ul li a{line-height:40px;}
  header ul li:last-child{bottom;0;right:-5px;}
  header ul li a[href*="sign_up"]{display:block;padding:0 20px;background:#2DD28D;border-radius:20px;box-shadow:0px 2px 4px -1px rgba(0,0,0,0.2);color:#fff;font-weight:bold;margin-top: 10px;}
}
@media (max-width:374px){
  header{padding:30px 20px;}
  header img{height:32px;}
  header p{top:6px;}
  header ul{margin:20px 0 0;padding:0 100px 0 0;}
  header ul li span{display:none;}
}
/* main */
.inview{opacity:1.0 !important;}
main section{transition:0.8s;opacity:0;}
main h2{text-align:center;font-weight:700;}
main h2 span{position:relative;display:inline-block;}
main h2 em{display:block;margin:0 0 10px;color:#b4bed5;text-align:left;}
main h2 em:before{position:relative;top:8px;display:inline-block;margin:0 10px 0 0;content:"";background:#b4bed5;width:60px;height:2px;vertical-align:top;}
main h3{font-size:24px;line-height:1.5em;color:#b4bed5;}
main h4{font-size:24px;line-height:1.5em;}
main h5{font-size:18px;line-height:1.5em;}
main p{font-size:16px;line-height:2em;}
main p small{display:block;font-size:14px;line-height:1.5em;color:#b4bed5;}
main a[href*="sign_up"]{display:block;margin:0 auto;background:#2DD28D;box-shadow:0px 2px 4px -1px rgba(0,0,0,0.2);color:#fff;font-weight:bold;text-align:center;}
main section:not(.path) a[href*="./"]{display:block;margin:40px auto 0;border:1px solid #4c566c;box-shadow:0px 2px 4px -1px rgba(0,0,0,0.2);border-radius:25px;font-size:18px;line-height:50px;color:#4c566c;font-weight:bold;text-align:center;}
@media (min-width:768px){
  main section{margin:80px 0 120px;padding:0 40px;}
  main section + section{margin-top:0;}
  main section > div{margin:0 auto;max-width:1280px;}
  main h2{margin:0 auto 60px;font-size:42px;line-height:1em;}
  main h2 em{font-size:20px;line-height:1em;}
  main a[href*="sign_up"]{margin-top:60px;border-radius:35px;max-width:480px;font-size:20px;line-height:70px;transition:0.8s;}
  main section:not(.path) a[href*="./"]{max-width:270px;transition:0.8s;}
}
@media (max-width:767px){
  main section{margin:60px 0 90px;padding:0 30px;}
  main section + section{margin-top:0;}
  main h2{margin:0 auto 40px;font-size:36px;line-height:1em;}
  main h2 em{font-size:18px;line-height:1em;}
  main a[href*="sign_up"]{margin-top:40px;border-radius:30px;max-width:270px;font-size:18px;line-height:60px;}
  main section:not(.path) a[href*="./"]{max-width:210px;}
}
@media (max-width:374px){
  main section{margin:40px 0 60px;padding:0 20px;}
  main section + section{margin-top:0;}
}
/* path */
.path{margin:0 auto 40px;}
.path ol{display:flex;flex-wrap:wrap;}
.path ol li{display:inline-block;margin:0 10px 0 0;font-size:16px;line-height:2em;}
.path ol li a{margin:0 10px 0 0;text-decoration:underline;}
@media (min-width:768px){
  .path ol{margin:0 auto;max-width:1280px;}
}
/* header */
.header{position:relative;padding:0;background:#394151;overflow:hidden;color:#fff;text-align:center;}
.header div{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);z-index:1;}
.header h2,
.header p{text-shadow:0px 1px 2px  rgba(0,0,0,0.2);}
.header p{font-weight:bold;}
.header img{width:100%;opacity:0.8;}
@media (min-width:768px){
  .header{margin:0 0 80px;height:480px;max-height:50vw;}
  .header div{max-width:none;}
  .header h2{margin:0 auto 30px;font-size:51px;line-height:1em;}
  .header p{font-size:24px;line-height:1.5em;}
  .header p br{display:none;}
  .header img{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
}
@media (max-width:767px){
  .header{margin:0 0 60px;height:100vw;}
  .header h2{margin:0 auto 20px;font-size:42px;line-height:1.1em;}
  .header p{font-size:20px;line-height:1.5em;}
}
/* index */
.index h1,
.index h2{margin:0 auto 30px;text-align:center;}
.index p{font-size:18px;line-height:2em;}
.index ul li img{border:1px solid #ddd;width:100%;}
@media (min-width:768px){
  .index h1,
  .index h2{font-size:30px;line-height:1.5em;}
  .index h1 br{display:none;}
  .index ul{margin:0 auto 80px;max-width:960px;}
  .index ul li + li{margin:40px 0 0;}
  .index p{text-align:center;}
}
@media (max-width:767px){
  .index h1,
  .index h2{font-size:24px;line-height:1.5em;}
  .index ul{margin:0 auto 40px;}
  .index ul li + li{margin:20px 0 0;}
  .index p br{display:none;}
}
/* apply */
.apply p{font-size:18px;line-height:2em;text-align:center;}
/* flow */
.flow h4{position:relative;margin:0 0 15px;padding:0 0 0 75px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.flow h4:before,
.flow h4:after{position:absolute;top:50%;display:block;content:"0";font-size:42px;line-height:1em;color:#2DD28D;font-weight:700;text-align:center;transform:translate(-50%,-50%);}
.flow h4:before{left:15px;}
.flow h4:after{left:45px;}
.flow p{line-height:1.5em;}
.flow ol li{position:relative;}
.flow ol li:nth-child(1) h4:after{content:"1";}
.flow ol li:nth-child(2) h4:after{content:"2";}
.flow ol li:nth-child(3) h4:after{content:"3";}
.flow ol li:nth-child(4) h4:after{content:"4";}
.flow ol li:nth-child(5) h4:after{content:"5";}
@media (min-width:768px){
  .flow ol{display:flex;margin:0 -30px;flex-wrap:wrap;}
  .flow ol li{padding:0 30px;width:calc(100% / 3);}
  .flow ol li:nth-child(-n+3){margin-bottom:40px;}
  .flow ol li:not(:nth-child(3)):not(:last-child):after{position:absolute;top:50%;right:-5px;display:block;content:"";border-left:15px solid #b4bed5;border-top:15px solid transparent;border-bottom:15px solid transparent;width:0;height:0;transform:translate(0,-50%);}
}
@media (max-width:767px){
  .flow ol li + li{padding-top:55px;}
  .flow ol li + li:before{position:absolute;top:20px;left:50%;display:block;content:"";border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid #b4bed5;width:0;height:0;transform:translate(-50%,0);}
}
/* features */
.features h4{margin:0 auto 30px;text-align:center;}
.features img{margin:0 0 40px;width:100%;}
@media (min-width:768px){
  .features ul:not(.slick-dots){display:flex;margin:0 -40px;}
  .features ul:not(.slick-dots) li{width:calc(100% / 3);}
  .features h4{padding:0 40px;}
  .features p{padding:0 40px;}
}
@media (min-width:768px) and (max-width:959px){
  .features ul:not(.slick-dots){display:block;}
  .features ul:not(.slick-dots) li{width:auto;}
}
@media (min-width:1281px){
  .features ul{margin:0 -15px 40px;}
  .features ul li{padding:0 15px;}
  .features h4{padding:0 20px;}
  .features p{padding:0 20px;}
}
@media (max-width:767px){
  .features ul:not(.slick-dots){margin:0 -30px;}
  .features h4{padding:0 30px;}
  .features p{padding:0 30px;}
}
@media (max-width:374px){
  .features ul:not(.slick-dots){margin:0 -20px;}
  .features h4{padding:0 20px;}
  .features p{padding:0 20px;}
}
/* case */
.case h4{margin:0 auto 30px;text-align:center;}
@media (min-width:768px){
  .case img{margin:0 0 40px;width:100%;}
  .case ul{display:flex;margin:0 -40px;}
  .case ul li{width:50%;}
  .case p{padding:0 40px;}
}
@media (min-width:1281px){
  .case ul{margin:0 -15px;}
  .case ul li{padding:0 15px;}
  .case p{padding:0 20px;}
}
@media (max-width:767px){
  .case ul li + li{margin-top:60px;}
  .case img{margin:0 -30px 40px;width:100vw;}
}
@media (max-width:374px){
  .case img{margin:0 -20px 40px;}
}
/* beactive */
.beactive img{width:100%;}
@media (min-width:768px){
  .beactive ul{display:flex;margin:0 -40px 40px;}
  .beactive ul li{width:calc(100% / 3);}
  .beactive p{text-align:center;}
}
@media (min-width:1281px){
  .beactive ul{margin:0 -15px 40px;}
  .beactive ul li{padding:0 15px;}
}
@media (max-width:767px){
  .beactive ul:not(.slick-dots){margin:0 -30px 40px;}
}
/* faq */
.faq dl > *{position:relative;}
.faq dl dt{margin:0 0 20px;padding:0 0 0 70px;font-size:20px;line-height:1.5em;font-weight:bold;}
.faq dl dd + dt{margin-top:40px;padding-top:40px;border-top:1px solid #b4bed5;}
.faq dl dt:before{position:absolute;top:50%;left:0;display:block;content:"Q";background:#4c566c;border-radius:50%;box-sizing:border-box;width:50px;font-size:24px;line-height:50px;color:#fff;text-align:center;font-weight:bold;transform:translate(0,-50%);}
.faq dl dd + dt:before{top:calc(50% + 20px);}
.faq dl dd{font-size:16px;line-height:2em;}
.faq dl dd a{display:block;font-weight:bold;text-decoration:underline;}
@media (min-width:768px){
  .faq dl dd{padding:0 135px 0 70px;}
  .faq dl dd a{position:absolute;top:50%;right:0;transform:translate(0,-50%);}
}
@media (max-width:767px){
  .faq dl dd a{text-align:right;}
}
/* after */
.after p{font-size:18px;line-height:2em;text-align:center;}
.after dl > *{position:relative;}
.after dl img{margin:0 auto;}
.after dl video,
.after dl iframe{display:block;margin:0 auto;border:0;}
@media (min-width:768px){
  .after p{margin:0 auto 40px;}
  .after dl{display:flex;}
  .after dl > *{padding:0 60px;}
  .after dl dt{width:40%;}
  .after dl dt > *{position:absolute;top:50%;left:50%;width:calc(100% - 120px);transform:translate(-50%,-50%);}
  .after dl dt:after{position:absolute;top:50%;right:-10px;display:block;content:"";border-left:15px solid #b4bed5;border-top:15px solid transparent;border-bottom:15px solid transparent;width:0;height:0;transform:translate(0,-50%);}
  .after dl dd{width:60%;}
  .after dl dt > *{max-width:360px;max-height:360px;}
  .after dl dd img{max-width:640px;max-height:480px;}
  .after dl dd > *:not(img){max-width:640px;max-height:360px;}
  .after dl dd video[src*="landingpage"]{max-height:640px;}
}
@media (max-width:767px){
  .after p{margin:0 auto 20px;}
  .after dl > *{padding:40px 0;}
  .after dl dt{padding-top:20px;}
  .after dl dd{padding-bottom:0;}
  .after dl dd:before{position:absolute;top:-10px;left:50%;display:block;content:"";border-left:15px solid transparent;border-right:15px solid transparent;border-top:15px solid #b4bed5;width:0;height:0;transform:translate(-50%,0);}
  .after dl dt > *{max-width:90%;}
  .after dl dd > *{max-width:100%;max-height:calc(100vw - 60px);}
}
@media (max-width:374px){
  .after dl dd > *{max-height:calc(100vw - 40px);}
}
/* ranking */
.ranking h3{margin:0 auto 30px;text-align:center;}
.ranking ol li{position:relative;padding:0 0 0 80px;min-height:60px;font-size:16px;line-height:60px;text-align:right;}
.ranking ol li + li{margin-top:20px;}
.ranking ol li img{position:absolute;top:50%;left:0;display:block;background:#fff;border-radius:50%;width:60px;height:60px;transform:translate(0,-50%);}
.ranking ol li img[src*="none.png"]{border:2px solid #f2f6fa;box-sizing:border-box;}
.ranking ol li span{position:absolute;top:50%;left:80px;display:inline-block;line-height:1em;text-align:left;transform:translate(0,-50%);}
.ranking ol li em{position:relative;top:1px;font-size:24px;}
.ranking ol li span em{margin:0 2px 0 0;font-weight:700;}
.ranking ol li[data-id="1"] span em,
.ranking ol li[data-id="2"] span em,
.ranking ol li[data-id="3"] span em{position:relative;padding:0 0 0 30px;}
.ranking ol li[data-id="1"] span em:before,
.ranking ol li[data-id="2"] span em:before,
.ranking ol li[data-id="3"] span em:before{position:absolute;top:50%;left:0;display:block;content:"";width:20px;height:20px;transform:translate(0,-55%);}
.ranking ol li[data-id="1"] span em:before{background:url(../imgs/ranking/1.svg) no-repeat;}
.ranking ol li[data-id="1"] span{color:#f5c355;}
.ranking ol li[data-id="2"] span em:before{background:url(../imgs/ranking/2.svg) no-repeat;}
.ranking ol li[data-id="2"] span{color:#c3cddc;}
.ranking ol li[data-id="3"] span em:before{background:url(../imgs/ranking/3.svg) no-repeat;}
.ranking ol li[data-id="3"] span{color:#c3aa91;}
.ranking ol li span b{display:block;margin:10px 0 0;max-width:45vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:normal;}
.ranking ol li a > em{font-weight:600;}
.ranking ol li[data-id="1"] a > em,
.ranking ol li[data-id="2"] a > em,
.ranking ol li[data-id="3"] a > em{color:#2DD28D;}
@media (min-width:768px){
  .ranking dl{display:flex;margin:0 -40px 40px;}
  .ranking dl > *{padding:0 40px;width:60%; margin:auto}
  .ranking p small{text-align:center;}
}
@media (max-width:767px){
  .ranking dl{margin:0 0 40px;}
}
/* awards */
.awards h5{margin:0 auto 30px;text-align:center;}
.awards ul li span{position:relative;display:block;padding:56.25% 0 0;overflow:hidden;width:100%;}
.awards ul li span > *{position:absolute;top:50%;left:50%;display:block;border:0;width:100%;height:100%;transform:translate(-50%,-50%);}
@media (min-width:768px){
  .awards span{margin:0 0 40px;}
  .awards ul li video[src*="Kaizen_GHAward_MASTER_2_1"]{height:75.25%;}
  .awards ul{display:flex;flex-wrap:wrap;margin:-15px;}
  .awards ul li{padding:15px;width:calc(100% / 3);}
}
@media (max-width:767px){
  .awards ul li + li{margin-top:40px;}
  .awards span{margin:0 0 20px;}
  .awards ul li:nth-child(1) span{padding:42.25% 0 0;}
}
/* footer */
footer, footer a{color:#fff;}
footer section:nth-of-type(1){background:#4c566c;}
footer section:nth-of-type(2){background:#394151;}
footer ul{line-height:2.5em;}
@media (min-width:1024px){
  footer section:nth-of-type(1) div{display:flex;justify-content:flex-end;padding-left:275px;}
  footer section:nth-of-type(1) img{position:absolute;top:50%;left:0;transform:translate(0,-50%);}
  footer section:nth-of-type(1) ul{margin:0 60px 0 0;}
}
@media (min-width:768px) and (max-width:1023px){
  footer section:nth-of-type(1) div{display:flex;padding:95px 0 0;}
  footer section:nth-of-type(1) img{position:absolute;top:0;left:50%;transform:translate(-50%,0);}
  footer section:nth-of-type(1) ul{width:50%;}
}
@media (min-width:768px){
  footer section{padding:60px 40px;}
  footer section div{position:relative;margin:0 auto;max-width:1280px;}
  footer section img{width:auto;height:36px;}
  footer section:nth-of-type(2) div{padding-right:220px;}
  footer section:nth-of-type(2) ul{display:flex;flex-wrap:wrap;}
  footer section:nth-of-type(2) ul li:not(:last-child){margin:0 30px 0 0;}
  footer section:nth-of-type(2) p{position:absolute;top:50%;right:0;transform:translate(0,-50%);}
}
@media (max-width:767px){
  footer section{padding:40px 30px;}
  footer section img{width:auto;height:32px;}
  footer section ul li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
  footer section:nth-of-type(1) img{margin:0 auto 40px;}
  footer section:nth-of-type(2) ul{margin:0 0 40px;}
  footer section:nth-of-type(2) p{text-align:center;}
}
@media (max-width:374px){
  footer section{padding:40px 20px;}
}