body{font-family:Noto Sans JP,sans-serif}header{border-bottom:2px solid #eee;padding:1rem;position:relative}.content-sm{max-width:600px;margin:auto}.cl_red{color:#e60012}.cl_gray{color:#666}.logo-list .logo-gb{position:absolute;top:22px}.logo-list .logo-gb img{width:126px}.logo-list .logo-dc{text-align:center}.logo-list .logo-dc .head_ttl{font-weight:700}.logo-list .logo-dc img{width:180px}.main_kv{width:100%;height:520px;background:url(/images/brand/demae-can/kv_bg.webp) no-repeat;background-size:110%;background-position:top 30% left}.main_kv .text_wrap{position:relative;width:1050px;height:100%;margin:auto}.main_kv .text_wrap .btn-wrap{width:360px;position:absolute;left:0;bottom:28%}.main_kv h1{letter-spacing:.02em;line-height:120%;font-weight:700;color:#fff;font-size:58px;padding:10px 0;margin-bottom:2rem;position:absolute;left:0;top:20%}.btn.btn-red{display:block;width:360px;background:#e93434;color:#fff;border-radius:6px;line-height:60px;font-size:24px;position:relative;letter-spacing:.1px;box-shadow:0 4px #f60051,0 5px 4px #000c,0 1px #ffffff7f inset}.btn.btn-red:after{content:"\f125";font-family:Ionicons;float:right;font-size:1.5rem;font-weight:700;color:#fff;line-height:60px}.btn.btn-red:hover{background-color:#c51a09}.sec_ttl{text-align:center;line-height:2;font-size:2.3rem;font-weight:700}.sec_ttl strong{color:#e40615;margin:0 4px}.fadein{opacity:.1;transform:translateY(50px);transition:all .5s}.fadein.scrollin{opacity:1;transform:translate(0)}.merit_list .fadein.f02,.app_list .fadein:nth-of-type(2){transition-delay:.2s;-moz-transition-delay:.2s;-webkit-transition-delay:.2s}.merit_list .fadein.f03,.app_list .fadein:nth-of-type(3){transition-delay:.4s;-moz-transition-delay:.4s;-webkit-transition-delay:.4s}.merit_list .fadein.f04{transition-delay:.6s;-moz-transition-delay:.6s;-webkit-transition-delay:.6s}.campaign-ttl img{width:230px}.campaign-ttl span{font-size:1.8rem;background-color:#e93434;color:#fff;padding:4px 6px;margin-left:3px}.campaign-lead{font-size:2rem;color:#e93434;font-weight:700}.campaign-lead strong{font-size:120%;background:linear-gradient(to bottom,transparent 60%,#f7da17 60%)}.campaign-lead span{font-size:13px}.about,.salary{display:none}.about__text strong{color:#e60012;font-size:115%}.about-point h2 span{font-size:120%;background:linear-gradient(to bottom,transparent 60%,#f7da17 60%)}.about-point h2 .kome{font-size:13px;background:inherit;position:relative;top:-20px}.about__img{width:230px;margin:2rem auto}.merit_list{width:100%;border-bottom:1px dotted #ccc}.merit_list:last-child{border-bottom:none}.merit_list li{padding:2rem 0}.merit_list .figure{width:32%}.merit_list .contents{width:68%;padding-left:2rem;line-height:1.6}.merit_list .contents h3{margin:1rem 0 2rem;color:#e83333;font-weight:700}.merit_list .contents .text-box{display:inline-block;background-color:#fdeaea;color:#e83333;padding:13px 30px;border-radius:7px}.merit_list .contents .bd{background:linear-gradient(to bottom,transparent 60%,#ff6 60%)}sup{font-size:10px}.app_list{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative}.app{position:relative}.app:after{content:"";background-color:#e61e0a;position:absolute;width:100%;right:0;bottom:0;height:calc(30vh + 80px);z-index:-1}.app_list li{width:30%;padding:0 2rem}.salary h3{color:#7cb342;background:linear-gradient(transparent 70% #7CB342 0%);font-weight:700}.salary .table{background-color:#fffde7;border-collapse:separate}.salary .table td{text-align:center;background-color:#fff}.salary .table .tbl-head{background-color:#7cb342;color:#fff;font-weight:700}.salary{background-color:#fffde7}.salary p strong{font-size:108%;background:linear-gradient(to bottom,transparent 60%,rgb(171,230,252) 60%)!important}.salary_tbl th{background-color:#7cb342;color:#fff;text-align:center;font-size:16px}.salary_tbl td{font-size:15px;padding:1.2rem 1rem}.salary_tbl td span{font-size:16px;color:red;font-weight:700}.step{background-color:#f7f7f7;padding:30px 0 60px;margin:0}.step h3{font-size:1.5rem;font-weight:700;color:#e83333}.step-lists li{width:33.3%;padding:20px}.step-num{width:82px;height:82px;border-radius:82px;background-color:#e83333;margin:auto;text-align:center;color:#fff;padding:20px 0;position:relative;z-index:10}.step-num p{line-height:1;letter-spacing:1.5px;margin:0;font-weight:700}.step-num .text01{font-size:1rem}.step-num .text02{font-size:1.8rem;margin-top:4px}.step-box{background-color:#fff;padding:60px 20px 20px;margin-top:-41px;text-align:center;border-radius:10px;box-shadow:0 3px 30px 2px #0000000a}.step .btn.btn-red{margin:auto}.step-note{color:#e83333;padding:20px 30px;line-height:1.8}.campaign{background-color:#f7da17;display:none}.campaign .cp_contents{margin:auto;width:60%;position:relative;top:-10px}.campaign .cp_contents h2 span{font-size:120%;color:#fff;letter-spacing:4px;text-shadow:2px 2px 1px #000,-2px 2px 1px #000,2px -2px 1px #000,-2px -2px 1px #000,2px 0px 1px #000,0px 2px 1px #000,-2px 0px 1px #000,0px -2px 1px #000}.btn-wrap{text-align:center}.btn-wrap img{width:300px;animation-name:baloon;animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate;animation-duration:1.5s}@keyframes baloon{0%{transform:translate(0)}to{transform:translateY(-15px)}}.footer-btn-wrap{position:fixed;bottom:0;width:100vw;padding:1.5rem;background-color:#000000b3;z-index:100;display:none}.footer-btn-wrap .inner{position:relative}.footer-btn-wrap .inner img{position:absolute;top:-40px;right:0;left:0;margin:auto;z-index:10}.footer-btn-wrap .btn.btn-red{margin:auto}footer{background-color:#f7f7f7;border:none;padding:30px 0}.footer-link-list li a{color:#333;padding:0 8px}.cp{background:#f5b636;display:none}.cp-inner{max-width:580px;margin:auto}.cp-img{text-align:center;padding:0 2rem}.cp-text{background:#ffffff80;padding:10px;border-radius:7px;margin-bottom:1rem}.cp-text p span{color:#e61e0a;font-weight:700;font-size:110%}.cp .info{color:#666;border-top:1px solid;padding:1.2rem 0}.faq{padding:30px 0}.faq-lists{max-width:720px;margin:auto}.faq-lists dl:nth-child(odd){padding-right:110px}.faq-lists dl:nth-child(2n){-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-flex-direction:row-reverse;flex-direction:row-reverse;padding-left:110px}.faq-lists dt{width:92px}.faq-lists dd{width:calc(100% - 92px);margin:0;padding:13px 20px;border-radius:16px}.faq-lists dl:nth-child(odd) dt{padding-right:20px}.faq-lists dl:nth-child(2n) dt{padding-left:20px}.faq-lists dl:nth-child(odd) dd{background-color:#d0e3fc}.faq-lists dl:nth-child(2n) dd{background-color:#fff3ac}.faq-lists dd p{font-size:17px}@media only screen and (min-width:768px){.about-point h2:before{content:"\ff3c";display:inline-block}.about-point h2:after{content:"\ff0f";display:inline-block}}@media only screen and (max-width:767px){header{padding:0 .5rem .5rem}.logo-list .logo-gb{position:relative;top:20px}.logo-list .logo-gb img{width:76px}.logo-list .logo-dc .head_ttl{font-size:13px}.logo-list .logo-dc img{width:150px}#main{padding:0}.main_kv{height:78vw;background-size:170% auto;background-position:25% 100%}.main_kv h1{line-height:1.3;font-weight:700;color:#fff;font-size:32px;padding:0 0 0 20px;margin-bottom:2rem;top:28%}.main_kv .text_wrap .btn-wrap{width:100%;padding:0 0 0 20px;bottom:10%}.btn.btn-red{width:230px;line-height:40px;font-size:20px}.btn.btn-red:after{line-height:40px}.sec_ttl{text-align:center;line-height:1.4;font-size:2rem;font-weight:700;margin-bottom:1.5rem}.about{padding:1rem}.abot_bg{background-color:#f7f7f7;padding:2rem 0 1rem;margin-bottom:2rem}.about-point h2{line-height:1.6}.merit_list{flex-wrap:wrap;margin-bottom:2rem}.merit_list .contents,.merit_list .figure{width:100%;margin:auto;padding:1rem 0;border:none;text-align:center}.merit_list .figure{width:90%}.merit_list .contents h3{text-align:center;font-size:1.8rem;line-height:1.3}.merit_list .contents p{font-size:14px;line-height:1.8}.merit_list .contents .small{font-size:11px}.merit_list .contents .text-box{font-size:90%;line-height:1.8}.text-box-info{text-align:left;padding:0 18px}.merit_list .contents .text-box-info p{font-size:12px}.app p{padding:0 2rem}.app_list li{width:90%}.salary p,.info ul{padding:0 2rem}.step-lists{flex-wrap:wrap}.step-lists li{width:100%}.tbl_inner{padding:.5rem}.salary_tbl th.area{width:60%;padding:.5rem}.salary_tbl td{font-size:13px;padding:1rem .5rem}.tbl_inner p{padding:0}.footer-btn-wrap .btn.btn-red{margin:auto;font-size:20px;width:90%}.footer-btn-wrap .btn.btn-red:after{font-size:1.2rem}.campaign .cp_contents{width:80%}.cp-inner{padding:0 .75rem}.faq-lists dl{padding:10px 15px;border-radius:10px;margin:0}.faq-lists dl:nth-child(odd){padding-right:20px}.faq-lists dl:nth-child(2n){padding-left:20px}.faq-lists dt{width:72px}.faq-lists dd{width:calc(100% - 72px);padding:15px}.faq-lists dl:nth-child(odd) dt{padding-right:10px}.faq-lists dl:nth-child(2n) dt{padding-left:10px}.faq-lists dd p{font-size:14px}footer .footer-link-list.justify-content-center{width:100%;justify-content:space-between!important;padding:0 20px}}
