:root{--color-blue: #3868C2;--color-black: #000;--color-white: #FFF;--color-green:#657B6A;--color-navy: #4C4B67;font-family:"Noto Sans JP","Yu Gothic Medium","游ゴシック Medium","YuGothic","游ゴシック体","ヒラギノ角ゴ","メイリオ",sans-serif;font-weight:400;letter-spacing:.1em}a:link,a:visited{opacity:1;-webkit-transition:.5s opacity;transition:.5s opacity}a:hover,a:active{opacity:.5;-webkit-transition:.5s opacity;transition:.5s opacity}@-webkit-keyframes parallax-large-anim{from{-webkit-transform:translateY(0px);transform:translateY(0px)}to{-webkit-transform:translateY(-300px);transform:translateY(-300px)}}@keyframes parallax-large-anim{from{-webkit-transform:translateY(0px);transform:translateY(0px)}to{-webkit-transform:translateY(-300px);transform:translateY(-300px)}}.test{-webkit-animation:parallax-large-anim linear;animation:parallax-large-anim linear;animation-timeline:scroll()}.body-wrap{position:relative;padding-top:3.75rem}.body-wrap::before{content:"";position:fixed;height:100dvh;width:100vw;top:0;background-image:url("../img/bg_sp.webp");background-size:cover;background-position:center;z-index:-100}@media only screen and (min-width: 64rem){.body-wrap{padding-top:6.875rem}.body-wrap::before{background-image:url("../img/bg_pc.webp")}}.head-wrap{position:fixed;z-index:200;left:0.625rem;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(100% - 1.25rem);height:3.75rem;padding:0.625rem 1.25rem;background:var(--color-navy);border-radius:0 0 0.625rem 0.625rem;-webkit-box-shadow:0 0 1.25rem rgba(34,34,34,.1);box-shadow:0 0 1.25rem rgba(34,34,34,.1)}.head-wrap .logo{font-size:.625rem}.head-wrap .logo a{display:block;width:calc(100vw - 6.625rem);max-width:9rem;height:0;padding-top:11.88%;overflow:hidden;background-image:url("../img/logo-kennavi.svg");background-size:cover}.head-wrap .head-nav{display:none}.head-wrap .head-nav-btn{position:relative;font-size:.625rem;height:1.25rem;width:1.625rem}.head-wrap .head-nav-btn:hover{cursor:pointer}.head-wrap .head-nav-btn::before,.head-wrap .head-nav-btn::after,.head-wrap .head-nav-btn span{content:"";position:absolute;display:block;width:100%;height:2px;border-radius:1px;background:#fff}.head-wrap .head-nav-btn::before{top:0;-webkit-transition:top 1s,-webkit-transform 1s;transition:top 1s,-webkit-transform 1s;transition:top 1s,transform 1s;transition:top 1s,transform 1s,-webkit-transform 1s}.head-wrap .head-nav-btn::after{bottom:0;-webkit-transition:top 1s,-webkit-transform 1s;transition:top 1s,-webkit-transform 1s;transition:top 1s,transform 1s;transition:top 1s,transform 1s,-webkit-transform 1s}.head-wrap .head-nav-btn span{top:calc(50% - 1px);opacity:1;-webkit-transition:opacity 1.5s;transition:opacity 1.5s}@media only screen and (min-width: 64rem){.head-wrap{left:1.25rem;width:calc(100% - 2.5rem);height:6.875rem;padding:1.875rem 3.75rem;border-radius:0 0 1.25rem 1.25rem}.head-wrap .logo a{width:calc(100vw - 45rem);max-width:15.25rem;padding-top:11.88%}.head-wrap .head-nav{font-size:.00625rem;display:block}.head-wrap .head-nav li{display:inline-block;font-size:1rem;color:#fff}.head-wrap .head-nav li+li{position:relative;padding-left:3.75rem}.head-wrap .head-nav li+li::before{content:"";display:block;position:absolute;top:0.75rem;left:0.625rem;width:2.5rem;border-top:solid 1px #fff;opacity:.75;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.head-wrap .head-nav-btn{display:none}}@media only screen and (min-width: 1200px){.head-wrap .logo a{width:calc(100vw - 50.625rem)}.head-wrap .head-nav li+li{padding-left:5.625rem}.head-wrap .head-nav li+li::before{left:1.6875rem}}.is-open .head-wrap .head-nav-btn{position:relative}.is-open .head-wrap .head-nav-btn::before{top:0.5rem;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform:rotate(135deg);transform:rotate(135deg);-webkit-transition:top 1s,-webkit-transform 1s;transition:top 1s,-webkit-transform 1s;transition:top 1s,transform 1s;transition:top 1s,transform 1s,-webkit-transform 1s}.is-open .head-wrap .head-nav-btn::after{top:0.5rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform:rotate(-135deg);transform:rotate(-135deg);-webkit-transition:top 1s,-webkit-transform 1s;transition:top 1s,-webkit-transform 1s;transition:top 1s,transform 1s;transition:top 1s,transform 1s,-webkit-transform 1s}.is-open .head-wrap .head-nav-btn span{opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s}.foot-wrap{height:4.375rem;display:grid;place-items:center;background:var(--color-navy)}.foot-wrap small{font-size:.75rem;display:inline;color:#fff}@media only screen and (min-width: 48rem){.foot-wrap{height:5rem}}.drawer{position:fixed;top:0;width:100%;height:0;padding:3.75rem 1.875rem;background:#fff;z-index:100;display:grid;grid-template-rows:1fr auto;overflow:hidden;opacity:0;-webkit-transition:height 0s ease 1.1s,opacity 1s ease .1s;transition:height 0s ease 1.1s,opacity 1s ease .1s}.drawer ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.drawer li{position:relative;font-size:1rem;letter-spacing:.2em;text-align:center;line-height:1}.drawer li a{color:var(--color-navy)}.drawer li+li{margin-top:4.625rem}.drawer li+li::before{content:"";position:absolute;left:calc(50% - 0.75rem);top:-2.375rem;display:block;width:1.25rem;border-top:solid 1px var(--color-navy);-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.drawer .close{margin-top:1.875rem;padding:0.375rem 0.9375rem 0.4375rem 0.9375rem;text-align:center;color:var(--color-navy);border-radius:9999px;border:solid 1px var(--color-navy)}.drawer .close>span{display:inline-block;position:relative;width:0.9375rem;height:0.9375rem;margin-bottom:-0.125rem;margin-right:0.9375rem}.drawer .close>span::before,.drawer .close>span:after{content:"";position:absolute;left:-0.1875rem;top:0.4375rem;display:block;width:1.25rem;border-top:solid 1px var(--color-navy)}.drawer .close>span::before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.drawer .close>span:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.drawer .close:hover{cursor:pointer}.is-open .drawer{height:100dvh;display:grid;opacity:1;-webkit-transition:height 0s ease 0s,opacity .5s ease .1s;transition:height 0s ease 0s,opacity .5s ease .1s}