body,html{font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;line-height:1.6;letter-spacing:.05em;color:#2e2e2e;box-sizing:border-box}
html{font-size:62.5%}
body{background-color:#fff;font-size:1.6rem}
a{cursor:pointer;text-decoration:none}
a[href*="tel:"]{pointer-events:none;cursor:default}
img{width:100%}
@media only screen and (min-width: 1025px){img{width:auto}
}
header{background-color:#fff;position:fixed;top:0;width:100vw;height:50px;z-index:10;box-shadow:2px 2px 25px -13px #999}
header .inner{position:relative;display:-ms-flexbox;-ms-flex-flow:row nowrap;-ms-flex-pack:justify;-ms-flex-align:center;display:-webkit-flex;-webkit-flex-flow:row wrap;-webkit-justify-content:space-between;-webkit-align-items:center;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center}
header picture{padding:10px 0 0 10px}
header picture img{height:34px;width:auto}
header .nav-items{display:-ms-flexbox;-ms-flex-flow:row nowrap;-ms-flex-pack:start;-ms-flex-align:center;display:-webkit-flex;-webkit-flex-flow:row wrap;-webkit-justify-content:flex-start;-webkit-align-items:center;display:flex;flex-flow:row wrap;justify-content:flex-start;align-items:center;row-gap:10px;position:absolute;transform:translateX(100%);top:50px;right:0;width:100%;height:calc(100vh - 50px);background:linear-gradient(0deg, #67b6ff, #0078e8);padding:20px 0;color:#fff;transition:.2s}
header .nav-items .nav-item{display:-ms-flexbox;-ms-flex-flow:row nowrap;-ms-flex-pack:center;-ms-flex-align:center;display:-webkit-flex;-webkit-flex-flow:row wrap;-webkit-justify-content:center;-webkit-align-items:center;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;width:100%;font-size:.87em;text-align:center}
header .nav-items .nav-item a{display:block;width:100%;padding:5px}
header .nav-items.is-open{transform:translateX(0)}
header .nav-btn{position:fixed;top:5px;right:10px;width:40px;height:40px;z-index:11}
header .nav-btn .nav-btn-line{display:block;position:relative;width:100%;height:4px;background-color:#0078e8;transition:.2s}
header .nav-btn .nav-btn-line::before,header .nav-btn .nav-btn-line::after{content:"";position:absolute;width:100%;height:100%;background-color:#0078e8;transition:.5s}
header .nav-btn .nav-btn-line::before{transform:translateY(-10px)}
header .nav-btn .nav-btn-line::after{transform:translateY(10px)}
header .nav-btn .nav-btn-line.is-open{background-color:rgba(0,0,0,0)}
header .nav-btn .nav-btn-line.is-open::before,header .nav-btn .nav-btn-line.is-open::after{content:"";transition:.2s}
header .nav-btn .nav-btn-line.is-open::before{transform:rotate(45deg)}
header .nav-btn .nav-btn-line.is-open::after{transform:rotate(-45deg)}
@media only screen and (min-width: 1025px){header{height:80px}
header picture img{height:auto}
header .nav-items{top:80px;width:456px;height:calc(100vh - 80px);padding:40px 0}
header .nav-items .nav-item{text-align:left;padding-left:80px}
header .nav-btn{top:20px}
}
footer{border-top:1px solid #c1c1c1;text-align:center;padding:30px 0;margin-bottom:82px}
footer .contents img{width:41.5vw;height:auto}
footer .copyright{color:#2e2e2e;font-size:10px;margin-top:30px}
@media only screen and (min-width: 601px){footer{padding:54px 0 80px;margin-bottom:115px}
footer .contents img{width:auto}
footer .copyright{font-size:11px}
}
.follow-footer{position:fixed;bottom:0;width:100%;height:82px;background-color:#fff;box-shadow:0 -8px 8px rgba(0,0,0,.1);padding:14px 5vw;z-index:1}
.follow-footer .menu-list{display:flex;justify-content:space-between}
.follow-footer .menu-list .mail,.follow-footer .menu-list .insta,.follow-footer .menu-list .tel{width:22.5vw;text-align:center;border-radius:5px;padding:8px 0 0}
.follow-footer .menu-list .mail a,.follow-footer .menu-list .insta a,.follow-footer .menu-list .tel a{display:block;color:#fff;font-size:10px;font-weight:bold}
.follow-footer .menu-list .mail a img,.follow-footer .menu-list .insta a img,.follow-footer .menu-list .tel a img{height:20px;width:auto}
.follow-footer .menu-list .mail a span.disp-pc,.follow-footer .menu-list .insta a span.disp-pc,.follow-footer .menu-list .tel a span.disp-pc{display:none}
.follow-footer .menu-list .mail a span.disp-sp,.follow-footer .menu-list .insta a span.disp-sp,.follow-footer .menu-list .tel a span.disp-sp{display:block;margin-top:5px}
.follow-footer .menu-list .mail{background-color:#f84d27}
.follow-footer .menu-list .insta{background-color:#394054}
.follow-footer .menu-list .tel{background-color:#0078e8}
.follow-footer .menu-list .tel span{display:block;margin-top:5px}
.follow-footer .menu-list .pagetop a{display:block}
.follow-footer .menu-list .pagetop a img{height:54px;width:auto}
@media only screen and (min-width: 601px){.follow-footer{height:115px;padding:22px 0 0}
.follow-footer .menu-list{width:1200px;margin:0 auto}
.follow-footer .menu-list .mail,.follow-footer .menu-list .insta{width:334px;box-shadow:5px 5px 10px rgba(0,0,0,.2);padding:0}
.follow-footer .menu-list .mail a,.follow-footer .menu-list .insta a{display:flex;justify-content:center;align-items:center;height:100%;font-size:16px}
.follow-footer .menu-list .mail a img,.follow-footer .menu-list .insta a img{height:23px;width:auto}
.follow-footer .menu-list .mail a span.disp-sp,.follow-footer .menu-list .insta a span.disp-sp{display:none}
.follow-footer .menu-list .mail a span.disp-pc,.follow-footer .menu-list .insta a span.disp-pc{display:inline-block;margin-top:0;margin-left:15px}
.follow-footer .menu-list .tel{width:auto;background:no-repeat;padding:0}
.follow-footer .menu-list .tel span{font-size:12px;margin-top:10px}
.follow-footer .menu-list .pagetop a img{height:auto}
}
main{margin-top:50px;background:#fff}
main section{position:relative;text-align:center}
main section h2{position:relative;color:#2e2e2e;font-size:25px;font-weight:bold}
main section .text{font-size:1.125em}
@media only screen and (min-width: 1025px){main section .inner{max-width:1100px;margin:0 auto}
}
@media only screen and (min-width: 1025px){main{margin-top:80px}
}
#company{background:#fff;padding:60px 0 80px}
#company .copy{height:8vw;width:auto}
#company .company-item{border-radius:10px;background-color:#f9f9f9;padding:30px 20px 25px;margin:24px 7vw 0}
#company .company-item .name{font-size:14px;font-weight:bold}
#company .company-item table{border-collapse:collapse;width:100%;margin-top:26px}
#company .company-item table tr:first-child th{border-top:1px solid #c6c6c6}
#company .company-item table tr:first-child td{border-top:1px solid #f2f2f2}
#company .company-item table th,#company .company-item table td{padding:18px 5px;font-size:11px;text-align:left;box-sizing:border-box}
#company .company-item table th{width:70px;border-bottom:1px solid #c6c6c6}
#company .company-item table td{border-bottom:1px solid #f2f2f2}
@media only screen and (min-width: 601px){#company .company-item table th,#company .company-item table td{display:table-cell}
#company .company-item table th{width:20%}
#company .company-item table td{width:80%;text-align:left}
}
@media only screen and (min-width: 1025px){#company{padding:130px 0 120px}
#company .copy{height:auto}
#company h2{font-size:35px}
#company .company-item{padding:60px 92px;margin:50px 0 0}
#company .company-item .name{font-size:20px}
#company .company-item table th,#company .company-item table td{font-size:13px}
#company .company-item table th{width:90px;padding-left:10px}
#company .company-item table td{width:auto;padding-left:20px}
#company .leadbrain{display:flex;justify-content:space-between}
#company .leadbrain .company-item{width:523px;padding:50px 56px}
}
#contact{background:#f2f6fa;padding:60px 0 80px}
#contact .copy{height:8vw;width:auto}
#contact .text{font-size:12px;font-weight:bold;margin:20px 0}
#contact .form-table{margin:0 7vw}
#contact .form-table .input-box{display:-ms-flexbox;-ms-flex-flow:row nowrap;-ms-flex-pack:center;-ms-flex-align:center;display:-webkit-flex;-webkit-flex-flow:column nowrap;-webkit-justify-content:center;-webkit-align-items:center;display:flex;flex-flow:column nowrap;justify-content:center;align-items:center}
@media only screen and (min-width: 601px){#contact .form-table .input-box{display:-ms-flexbox;-ms-flex-flow:row nowrap;-ms-flex-pack:center;-ms-flex-align:center;display:-webkit-flex;-webkit-flex-flow:row nowrap;-webkit-justify-content:center;-webkit-align-items:center;display:flex;flex-flow:row nowrap;justify-content:center;align-items:center}
}
#contact .form-table .input-box label{display:flex;align-items:center;font-size:.87em;width:100%;font-weight:bold;text-align:left;padding-top:5px}
#contact .form-table .input-box label .require,#contact .form-table .input-box label .optional{color:#fff;font-size:10px;padding:2px 10px;border-radius:5px;margin-left:5px}
#contact .form-table .input-box label .require{background-color:#f84d27}
#contact .form-table .input-box label .optional{background-color:#0078e8}
@media only screen and (min-width: 601px){#contact .form-table .input-box label{width:30%;padding-top:0}
}
@media only screen and (min-width: 1025px){#contact .form-table .input-box label{width:300px;padding-top:0}
}
#contact select,#contact textarea,#contact input[type=text],#contact input[type=email]{width:98%;height:40px;padding:0 4px;margin:5px;line-height:40px;background-color:#fff;text-align:left}
#contact select::placeholder,#contact textarea::placeholder,#contact input[type=text]::placeholder,#contact input[type=email]::placeholder{color:#ccc}
#contact textarea{resize:none;height:100px;line-height:25px}
@media only screen and (min-width: 601px){#contact select,#contact textarea,#contact input[type=text],#contact input[type=email]{width:100%}
#contact textarea{height:75px}
}
@media only screen and (min-width: 1025px){#contact select,#contact textarea,#contact input[type=text],#contact input[type=email]{width:calc(100% - 300px);padding:0 30px;margin:14px 0}
}
#contact .privacy{padding-top:20px}
#contact .privacy .privacy-ttl{font-weight:bold}
#contact .privacy .privacy-policy{font-size:.87em;overflow-x:hidden;overflow-y:scroll;margin:0 auto 24px;padding:28px 20px;width:100%;height:200px;border:1px solid #e8e8e8;background:#fff;text-align:left}
#contact .privacy .privacy-policy::-webkit-scrollbar{width:4px}
#contact .privacy .privacy-policy::-webkit-scrollbar-track{background:#fff}
#contact .privacy .privacy-policy::-webkit-scrollbar-thumb{background-color:#949494;border-radius:100px}
#contact .privacy .ttl{font-weight:bold;margin-bottom:5px}
#contact .privacy .txt{margin-bottom:25px;font-weight:normal}
#contact .btn-submit{width:90%;background:#0078e8;color:#fff;font-size:13px;border-radius:40px;padding:10px 30px;background:url(../img/arrow-w.png) no-repeat right 15px center;background-color:#0078e8}
@media only screen and (min-width: 1025px){#contact{padding:120px 0}
#contact .inner{width:840px;margin:0 auto}
#contact .copy{height:auto}
#contact h2{font-size:35px}
#contact .text{font-size:16px;margin:30px 0}
#contact .form-table{margin:0}
#contact .form-table .input-box label .require,#contact .form-table .input-box label .optional{font-size:12px}
#contact .privacy{width:680px;border:1px solid #e8e8e8;background:#fff;padding:5px;margin:30px auto 50px}
#contact .privacy .privacy-policy{border:none;padding:22px 15px}
#contact .btn-submit{width:380px;height:60px;font-size:16px}
}
.cta{background:url(../img/cta-bg_sp.png) no-repeat center center;background-size:cover;text-align:center;padding:22vw 0 20vw}
.cta>img{width:64%;height:auto}
.cta>p{color:#fff;font-size:12px;margin-top:7vw}
.cta-inner{padding:0 11.5vw;margin-top:7vw}
.cta-box a{display:block;height:65px;color:#fff;font-size:16px;font-weight:bold;line-height:65px;text-align:center;border-radius:5px;box-shadow:0 10px 10px rgba(0,0,0,.2);position:relative}
.cta-box a img{vertical-align:middle;width:auto}
.cta-box a.mail{background-color:#f86e28}
.cta-box a.insta{background-color:#0078e8;margin-top:4vw}
.cta-box a:hover{top:2px;box-shadow:none}
.cta .tel-box{margin-top:9vw}
.cta .tel-box .tel{display:flex;justify-content:space-between;border-top:1px solid #fff;padding-top:9vw}
.cta .tel-box .tel img{height:7.5vw;width:auto}
.cta .tel-box p{color:#fff;font-size:10px;margin-top:5px}
@media only screen and (min-width: 1025px){.cta{width:1500px;background:url(../img/cta-bg.png) no-repeat center center;background-size:cover;padding:130px 0 100px;margin:0 auto}
.cta>img{width:auto}
.cta>p{font-size:16px;margin-top:34px}
.cta-inner{display:flex;justify-content:center;margin-top:40px}
.cta-box{padding:8px 50px 16px 0;border-right:1px solid #fff}
.cta-box a{width:353px;height:78px;font-size:20px;line-height:78px}
.cta-box a.insta{margin-top:20px}
.cta .tel-box{margin-top:62px;margin-left:40px}
.cta .tel-box .tel{border-top:none;padding-top:0}
.cta .tel-box .tel img{height:auto}
.cta .tel-box .tel img:first-child{margin-right:10px}
.cta .tel-box p{font-size:12px;margin-top:10px}
}
.disp-sp{display:block}
.disp-tablet{display:none}
.disp-pc{display:none}
@media only screen and (min-width: 601px){.disp-sp{display:none}
.disp-tablet{display:block}
.disp-pc{display:block}
}
@media only screen and (min-width: 1025px){.disp-sp{display:none}
.disp-tablet{display:none}
.disp-pc{display:block}
}
.col-sub{background:#67b6ff}
.contents-center{position:relative;max-width:300px;height:300px;margin:0 auto;background:#e8e8e8}
.contents-center p{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}
.flex-items{display:-ms-flexbox;-ms-flex-flow:row nowrap;-ms-flex-pack:center;-ms-flex-align:center;display:-webkit-flex;-webkit-flex-flow:column wrap;-webkit-justify-content:center;-webkit-align-items:center;display:flex;flex-flow:column wrap;justify-content:center;align-items:center;column-gap:10px;row-gap:10px;max-width:1100px;margin:0 auto;padding:0 20px}
.flex-items .item{width:100%;padding:10px;border:2px solid #2e2e2e;border-radius:10px;background-color:#efffeb}
@media only screen and (min-width: 601px)and (max-width: 1024px){.flex-items{display:-ms-flexbox;-ms-flex-flow:row nowrap;-ms-flex-pack:justify;-ms-flex-align:center;display:-webkit-flex;-webkit-flex-flow:row wrap;-webkit-justify-content:space-between;-webkit-align-items:center;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center}
.flex-items .item{flex-basis:calc(50% - 10px)}
}
@media only screen and (min-width: 1025px){.flex-items{display:-ms-flexbox;-ms-flex-flow:row nowrap;-ms-flex-pack:justify;-ms-flex-align:center;display:-webkit-flex;-webkit-flex-flow:row wrap;-webkit-justify-content:space-between;-webkit-align-items:center;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:center}
.flex-items .item{flex-basis:calc(33.3333333333% - 10px)}
}
@media screen and (max-width: 480px){a[href*="tel:"]{pointer-events:auto}
}