@charset "utf-8";*,::after,::before{box-sizing:border-box}body,dd,dl,figcaption,figure,blockquote,h1,h2,h3,h4,p,ol,ul,li{margin:0;padding:0}
body{min-height:100vh;scroll-behavior:smooth}ol[class],ul[class]{list-style:none}img{vertical-align:bottom;border:0;display:inline-block;max-width:100%;height:auto}
button,input,select,textarea{font:inherit}@font-face{font-family:'Noto Sans JP';src:url('../font/Noto_Sans_JP/NotoSansJP-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Noto Sans JP';src:url('../font/Noto_Sans_JP/NotoSansJP-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Kosugi Maru';src:url('../font/Kosugi_Maru/KosugiMaru-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
:root{--txt-color:#333;--color01:#ffcf00;--color01-pale1:#ffe100;--color01-pale2:#fff7d8;--color02:#266780;--color02-pale1:#8e938d;--color02-pale2:#d4dadb;--color02-deep:#0c2f51;--color03:#ff9c80;--sec-title01:clamp(18px,5vw,52px);--font-2L:clamp(18px,3vw,36px);--font-L:clamp(16px,3vw,32px);--font-marugo:"Kosugi Maru",sans-serif}
html{font-feature-settings:"palt";font-weight:500;color:var(--txt-color);font-family:"Noto Sans JP","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;text-align:left;line-height:1.8;font-size:16px;font-size:clamp(16px,2.5vw,25px)}
a{text-decoration:none;color:var(--txt-color);transition-property:all;transition-duration:.5s}a:hover{transition:.7s}a:hover,a img:hover{filter:alpha(opacity=75);opacity:.75}
.spOnly{display:none}@media only screen and (max-width:767px){.spOnly{display:inline-block}.pcOnly{display:none}}.w100vw{width:100vw;margin:0 calc(50% - 50vw)}
#container{min-height:80vh;overflow:hidden}.contentw{max-width:1000px;width:85%;margin:0 auto}.contentw-wide{max-width:1300px;margin:0 auto;width:85%}
.bg-lattice{background:url('../img/top_kglp/bg-lattice-L.svg');background-size:80px}@media only screen and (max-width:1000px){.bg-lattice{background:url('../img/top_kglp/bg-lattice-S.svg');background-size:40px}
}.hero-sec{background-color:var(--color01)}.hero-sec .logo{padding:30px 0 20px;color:var(--color02);position:relative;line-height:1.1}.hero-sec .logo::before{content:url('../img/top_kglp/hero-logo-bg.svg');width:380px;height:auto;position:absolute;right:-60px;top:-60px}
.logo-txt{z-index:1;position:relative;font-size:clamp(35px,8vw,80px);margin-top:.2em}.logo-txt span{font-size:.8em}.hero-sec .img-wrap{position:relative;overflow:hidden}
.hero-sec .img-wrap img{object-fit:cover;max-height:65vh;width:100%}.hero-sec .hero-txt1{position:absolute;right:calc(50vw - 650px);top:40px}.hero-sec .hero-txt2{position:absolute;left:calc(50vw - 650px);bottom:40px}
.hero-bottom-txt{display:flex;gap:20px;color:var(--color02);align-items:center;padding:20px 0}.hero-bottom-txt .txt-wrap{line-height:1.3;margin-right:auto;font-size:clamp(16px,5vw,95px)}
.hero-bottom-txt .txt-wrap b{display:block;letter-spacing:.1em}.hero-bottom-txt .txt-wrap span{font-size:.5em;display:block;letter-spacing:.1em}@media only screen and (max-width:1300px){.hero-sec .hero-txt1{right:5vw;top:2vw;width:40vw}
.hero-sec .hero-txt2{left:5vw;bottom:2vw;width:70vw}.hero-sec .hero-txt1 img,.hero-sec .hero-txt2 img{height:auto}.hero-bottom-txt .icon img{width:18vw;height:18vw}
}@media only screen and (max-width:767px){.hero-sec .logo{padding:10px 0}.hero-sec img.logo-img{width:30vw;height:auto}.hero-sec .logo::before{width:45vw;right:-8vw;top:-4vw}
.hero-bottom-txt{gap:1vw;padding:10px 0}}.sec-title{text-align:center;line-height:1.4;font-size:var(--sec-title01);margin:0 auto .8em}section:not(.cta-sec) .sec-title b{color:var(--color02);font-size:clamp(24px,7vw,100px);vertical-align:sub}
section:not(.cta-sec).corplist-sec .sec-title b{font-size:clamp(24px,7vw,85px)}.reason-sec{padding:150px 0}.reason-sec ul.reason{display:flex;gap:100px 120px;flex-wrap:wrap;text-align:center;justify-content:center}
.reason-sec ul.reason li .title{color:var(--color02);font-weight:700;font-size:var(--font-2L);margin:.5em auto .2em;line-height:1.5}.reason-sec ul.reason li .txt{margin:.5em auto;font-family:var(--font-marugo)}
@media only screen and (min-width:768px){.reason-sec ul.reason li{width:calc(50% - 60px)}}@media only screen and (max-width:767px){.reason-sec ul.reason{gap:50px}
.reason-sec{padding:50px 0}}.cta-sec{padding:80px 0;background:var(--color02-pale2);text-align:center}.cta-sec .btn,.btn-foot{display:block;line-height:1.2;font-size:var(--font-2L);padding:.7em 1em .5em;background:var(--color01);border-radius:2em;color:var(--color02-deep);font-weight:700;margin:0 auto;width:90%;box-shadow:0 0 0 5px rgba(12,47,81,1),5px 5px 0 4px rgba(12,47,81,1),20px 10px 30px 5px rgba(0,0,0,0.6);transition-duration:.2s}
.cta-sec .sec-title{margin-bottom:0;padding-bottom:.5em;display:inline-block;font-size:clamp(20px,5vw,33px)}.cta-sec .btn:hover,.btn-foot:hover{transform:scale(1.1);opacity:1}
@media only screen and (max-width:767px){.cta-sec .btn,.btn-foot{box-shadow:0 0 0 3px rgba(12,47,81,1),3px 3px 0 3px rgba(12,47,81,1),15px 8px 25px 3px rgba(0,0,0,0.6)}
}@keyframes slideUp{from{bottom:-100%;opacity:0}to{bottom:0;opacity:1}}@media(max-width:600px){.cta-foot.fixed{position:fixed!important;bottom:15px;left:0;right:0;margin-left:auto;margin-right:auto;width:80%;z-index:100;animation:slideUp 1s ease-out}
}.sec-title-onayami{margin-bottom:2em}.cta-sec .sec-title-yeti{font-size:clamp(18px,5vw,60px);position:relative}.cta-sec .sec-title-yeti::before,.cta-sec .sec-title-yeti::after{width:3em;height:auto;display:inline-block;position:absolute;bottom:-0.8em}
.cta-sec .sec-title-yeti::before{content:url('../img/top_kglp/ill-title1-L.svg');left:-3em}.cta-sec .sec-title-yeti::after{content:url('../img/top_kglp/ill-title1-R.svg');right:-3em}
.cta-sec .sec-title-maker div{margin-bottom:.5em}.cta-sec .sec-title-maker .maker{display:inline;background:url('../img/top_kglp/line-straight.svg') bottom left repeat-x;background-size:60px;color:var(--color02);line-height:1.5}
.cta-sec .sec-title-line{position:relative}.cta-sec .sec-title-line::before,.cta-sec .sec-title-line::after{width:3em;height:auto;display:inline-block;position:absolute;bottom:-0.8em}
.cta-sec .sec-title-line::before{content:url('../img/top_kglp/ill-title2-L.svg');left:-3em}.cta-sec .sec-title-line::after{content:url('../img/top_kglp/ill-title2-R.svg');right:-3em}
.movie_bn{position:relative;margin:0 auto;width:100%}.movie_bn figure{width:80%;margin:0 auto}.movie_bn figure img{margin-bottom:55px;width:100%}.movie_btn{position:absolute;left:0;right:0;margin-left:auto;margin-right:auto;bottom:-30px}
.cta-sec02{padding-bottom:80px}@media only screen and (max-width:768px){.cta-sec .sec-title-line::before{left:-2em}.cta-sec .sec-title-line::after{right:-2em}
.movie_bn figure img{margin-bottom:35px}.cta-sec02{padding-bottom:60px!important}}@media only screen and (max-width:376px){.cta-sec .sec-title-line::before{left:-1.5em}
.cta-sec .sec-title-line::after{right:-1.5em}}.cta-sec01 .btn{font-size:clamp(20px,5vw,60px);padding:.4em 1em .2em;z-index:1;position:relative;max-width:1050px}
@media only screen and (max-width:767px){.cta-sec{padding:30px 0}}.onayami-sec{padding:150px 0}.onayami-list{display:flex;flex-wrap:wrap;gap:100px}.onayami-list li{text-align:center;position:relative}
.onayami-list .icon{position:absolute;border:2px solid var(--color02);background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;line-height:1.2;font-weight:600;padding:.5em 0 0}
.onayami-list .txt-q,.onayami-list .txt-a{border:2px solid var(--color02);padding:30px 20px 20px}.onayami-list .txt-q{font-size:var(--font-2L);color:var(--color02);font-weight:700;margin-bottom:20px;height:7em;display:flex;align-items:center;justify-content:center}
.onayami-list .txt-q .maker{display:inline;background:url('../img/top_kglp/line-wavy.svg') bottom left repeat-x;background-size:60px}.onayami-list .txt-a{background:var(--color01)}
@media only screen and (min-width:768px){.onayami-list li{width:calc(50% - 50px)}.onayami-list .icon{top:-40px;left:10px;width:80px;height:80px;font-size:20px}
}@media only screen and (max-width:767px){.onayami-list .icon{top:-40px;left:calc(50% - 30px);width:60px;height:60px;font-size:15px}.onayami-sec{padding:50px 0}
.onayami-list{gap:60px}.onayami-list .txt-q,.onayami-list .txt-a{padding:10px 15px}}.staff-sec{margin:100px auto;padding:30px 0}.staff-box{display:flex;flex-wrap:wrap;gap:30px;background:#FFF;padding:40px}
.staff-box+.staff-box{margin-top:50px}.staff-box .title{background:var(--color01);color:var(--color02);font-size:var(--font-L);text-align:center;width:100%;padding:.5em 0 .4em;line-height:1;letter-spacing:.1em}
.staff-box .img-wrap{width:40%}.staff-box .img-wrap img{aspect-ratio:3/4;object-fit:cover}.staff-box .txt-wrap{flex:1}.staff-box .txt-wrap .name-wrap{padding-bottom:.5em;font-size:var(--font-2L);line-height:1.5}
.staff-box .txt-wrap .name-wrap .katagaki{display:block;font-size:.5em;margin-bottom:.5em}.staff-box .txt-wrap .name-wrap .name{display:block;letter-spacing:.05em;color:var(--color02)}
.staff-box .txt-wrap .name-wrap .ruby{display:block;font-size:.6em;letter-spacing:.05em;color:var(--color02)}@media only screen and (max-width:767px){.staff-box{gap:15px;padding:20px}
.staff-box .txt-wrap{display:contents}.staff-box .txt-wrap .name-wrap{flex:1;display:flex;flex-direction:column;justify-content:center;order:1}.staff-box .img-wrap{order:2;width:65%}
.staff-box .txt{order:3}}.flow-sec{background-color:var(--color01);padding:150px 0}ol.flow-list li{list-style-type:none;counter-increment:mycounter}ol.flow-list li .title::before,ol.flow-list li .sub-title .no{content:"step" counter(mycounter,decimal-leading-zero);color:var(--color02-pale1);display:inline-block;font-size:var(--font-2L);margin-right:.7em}
.flow-list{margin:50px auto 0}.flow-list li{background:#FFF;position:relative;padding:1em 1.5em;max-width:850px;margin:0 auto}.flow-list li+li{margin-top:4em}
.flow-list li:not(:last-child)::after{content:url('../img/top_kglp/flow-arrow.svg');width:5em;height:auto;position:absolute;left:calc(50% - 2.5em);bottom:-3.5em}
.flow-list li .title,.flow-list li .sub-title{color:var(--color02);font-size:var(--font-2L);display:flex}ol.flow-list li .sub{background:var(--color02-pale2);border-top:1em solid var(--color01);margin:1em -1.5em -1em;padding:1em 1.5em}
ol.flow-list li .sub .icon{margin:-1em 0 0 auto}.setsumei{padding:20px 10% 0;margin-top:30px}.movie_setsumei{padding:45px 10% 0}@media only screen and (max-width:900px){ol.flow-list li .sub .icon{width:10vw;height:10vw}
}@media only screen and (max-width:767px){.flow-sec{padding:50px 0}.flow-list{margin:20px auto 0}}.voice-sec{padding:150px 0}.voice-list{display:flex;flex-direction:column;gap:50px 20px;margin:0 auto;text-align:center;max-width:850px}
.voice-list .voice-box{display:flex;flex-wrap:wrap;gap:50px 20px;justify-content:center}.voice-list article{border:3px solid var(--color02-deep);padding:1em;position:relative;display:flex;flex-direction:column;gap:20px}
.voice-list article:nth-child(even){background:var(--color02-pale2)}.voice-list article:nth-child(odd){background:var(--color01)}.voice-list article:nth-child(odd) ::before{content:url('../img/top_kglp//voice-speech1.svg')}
.voice-list article:nth-child(even) ::before{content:url('../img/top_kglp//voice-speech2.svg')}.voice-list article .title{border-bottom:3px solid var(--color02-deep);text-align:center}
.voice-list article .txt{text-align:justify}.voice-list article .title{text-align:center}.voice-list article ::before{display:inline-block;position:absolute;bottom:-2.85em;left:calc(50% - 1.5em);width:3em;height:3em}
@media only screen and (min-width:768px){.voice-list article{width:calc(50% - 10px)}.voice-box:nth-child(even) article:nth-child(1){order:2}.voice-box:nth-child(even) article:nth-child(2){order:1}
}@media only screen and (max-width:767px){.voice-list article{border:2px solid var(--color02-deep)}.voice-sec{padding:70px 0}}.faq-sec{background-color:var(--color02);padding:50px}
.faq-sec .contentw{background:#FFF;max-width:850px;padding:70px 50px 20px}.faq-sec .faq-list dl{padding:30px 0;margin:0;font-weight:700}.faq-sec .faq-list dl+dl{border-top:3px solid var(--color02-pale2)}
.faq-list dd,.faq-list dt{position:relative;margin:0 0 0 70px;line-height:2}.faq-list dt{font-size:1.3rem;line-height:1.5;color:var(--color02);margin-bottom:.5em}
.faq-list dd::after,.faq-list dt::after{position:absolute;width:45px;height:45px;left:-55px;top:0}.faq-list dt::after{content:url('../img/top_kglp/faq-Q.svg')}
.faq-list dd::after{content:url('../img/top_kglp/faq-A.svg')}@media only screen and (max-width:767px){.faq-sec{padding:20px 0}.faq-sec .contentw{padding:30px 20px 20px}
}@media only screen and (max-width:425px){.faq-list dd,.faq-list dt{margin:0 0 0 10vw}.faq-list dd::after,.faq-list dt::after{width:8vw;height:8vw;left:-10vw;top:-0.5vw}
}.corplist-sec{padding:50px 0}.corplist-sec .sec-title{font-size:var(--font-2L)}.corplist-sec .sec-title b{font-size:var(--sec-title01)}.corplist-sec ul.splide__list figure{background:#efefef}
.corplist-sec ul.splide__list figure img{width:100%;height:100%;object-fit:contain;aspect-ratio:1 / 1}.corplist-sec ul.splide__list .txt{line-height:1.4;margin-top:.5em;text-align:center}
.corplist-sec ul.splide__list .txt span{font-size:.8em;display:block}.shopinfo-sec{font-size:var(--font-L);text-align:center;padding:60px 0;font-weight:700;line-height:1.6}
.shopinfo-sec b{color:var(--color02-deep)}.shopinfo-sec p{margin:.5em auto}.footer-nav{background:var(--color01-pale2);text-align:center;padding:40px 0 80px}
.footer-nav .logo{display:inline-block;margin:0 auto}.foot-link{display:flex;flex-wrap:wrap;gap:25px 5%;align-items:center;justify-content:center;margin-top:40px}
.foot-link li{width:45%;font-size:14px;border:1px solid var(--color02-deep)}.foot-link li a{display:block;padding:.5em 0 .3em;line-height:1;background:var(--color02-pale2)}
.foot-link li:nth-child(1) a,.foot-link li:nth-child(4) a{background:var(--color01)}@media only screen and (max-width:425px){.foot-link{gap:10px 5%;margin-top:20px}
.foot-link li{font-size:12px}}