@charset "UTF-8";

/* default sp
----------------------------------------------- */
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, video { padding: 0; margin: 0; font: inherit; word-wrap: break-word; border: 0; vertical-align: baseline; outline: none;}
body { padding: 0; margin: 0; color: #171717; font-size: 3.6vw; font-family: var(--gothic); -webkit-text-size-adjust: 100%; font-style: normal; line-height: 1;}
article, aside, canvas, details, figcaption, figure, header, footer, hgroup, main, menu, nav, section, summary { display: block;}
blockquote, q { quotes: none;}
strong, b { font-weight: bold;}
ul, ol, li { list-style: none;}
table { border-spacing: 0; border-collapse: collapse;}
img, video, object { height: auto; border: none; display: block;}
ins { background: none; color: #000; text-decoration: none;}
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help;}
hr { height: 1px; padding: 0; margin: 1em 0; border: 0; border-top: 1px solid #ccc; display: block;}
*:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
a {color: #555555;text-decoration: none;display: block;-moz-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1);-o-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1);-webkit-transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1);transition: all 0.3s cubic-bezier(0.76, 0, 0.24, 1);}
a:hover { opacity: 0.6;}
.clearfix:after { content: ''; display: block; clear: both;}
.pc { display: none;}
.sp { display: block;}

.wrapper { width: 100%; overflow: hidden; z-index: 1; position: relative;}


/* font
----------------------------------------------- */
:root {
--mincho: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "MS P明朝", serif;
--gothic: Lato, 游ゴシック体, YuGothic, 'Yu Gothic', "游ゴシック Medium", "Yu Gothic Medium", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

/* sp
----------------------------------------------- */
img{width:100%;}

a.shines{position: relative;z-index:0;animation: yureru-updown 2s infinite;}
@keyframes yureru-updown {
0% {transform: translate(0px, 1px);}
5% {transform: translate(0px, -1px);}
10% {transform: translate(0px, 1px);}
15% {transform: translate(0px, -1px);}
20% {transform: translate(0px, 1px);}
25% {transform: translate(0px, -1px);}
30% {transform: translate(0px, 0px);}
}

.header{background-color: #fff;display: flex;align-items: center;justify-content: space-between;padding: 3vw 2vw 3vw 40vw;z-index: 10;position: fixed;top:0;}
.header .logo{width: 30%;}
.header .header-btn{width: 50%;}

.hero{margin-bottom: 5vw;}

.cv-bnr{width: 90%;margin: 0 auto 14vw;}

.container{margin-top: 16vw;}

.holoday, .training {width: 90%;}
.income, .holoday, .training {margin: 0 auto 13vw;}

.oneday .oneday-tit{margin: 0 auto 12vw;width: 74%;}

.relative{position: relative;}
.absolute{position: absolute; transform: translate(-50%, -50%); left: 50%;}

.trial{background: url(../images/tria-frame.png) top center no-repeat;}
.work{background: url(../images/work-frame.png) top center no-repeat;}
.ba{background-size: contain;padding: 28vw 0 9vw;width: 92vw;margin: 0 auto 20vw;}
.ba .slick-prev, .ba .slick-next{width: 10vw;margin: 0;}
.ba-item .slick-arrow.slick-prev{left: -3vw;top: 29%;}
.ba-item .slick-arrow.slick-next{right: -3vw;top: 29%;}
.ba-item img.slick-slide{width: 72vw;margin: 0 5vw;}

.gift{margin-bottom: 5vw;}

.recruit{background-color: #d2f7ff;padding: 10vw 4vw 15vw;margin-bottom: 15vw;}
.recruit .recruit-tit{font-size: 7vw;font-weight: bold;text-align: center;margin-bottom: 10vw;}
.recruit-table{padding:5vw; background-color:#fff;}
.recruit-table table{width:100%;}
.recruit-table table tr{border-bottom: 1px solid #cacaca;}
.recruit-table th,.recruit-table td{background:#fff;padding: 6% 3%;vertical-align:middle;}
.recruit-table th{width: 28%;font-size: 4vw;font-weight: bold;border-bottom: #8c8c8c 1px solid;line-height: 1.2;}
.recruit-table td{font-size: 3.8vw;line-height:1.5;}
.recruit-table td span{display:inline-block;color: #56bfe1;font-weight: bold;font-size: 4vw;}
.recruit-table table tr:last-child, .recruit-table th:last-of-type{border-bottom: none;}
.recruit-table p{font-size: 4vw;text-align: center;border: 1px #8b8b8b solid;padding: 2vw 0;}
.recruit-second{display: none;}
.recruit-second.open{display: block;}
.recruit-buttom{position: relative;}
.recruit-buttom:before, .recruit-buttom:after {content: '';background: #8b8b8b;position: absolute;top: 0;right: 0;}
.recruit-buttom:before {width: 16px;height: 2px;top: calc(50% - 0px);right: 16px;}
.recruit-buttom:after {width: 2px;height: 16px;top: calc(50% - 10px);right: 23px;-webkit-transition: 0.3s;transition: 0.3s;transform: translate(0, 3px);}
.recruit-buttom.open:after {-moz-transform: rotate(90deg) translate(3px, 0);-ms-transform: rotate(90deg) translate(3px, 0);-webkit-transform: rotate(90deg) translate(3px, 0);transform: rotate(90deg) translate(3px, 0);}
.recruit-table:before p.open, .recruit-table p.open:after {content: '';background: #fff;position: absolute;top: 0;right: 0;}
.recruit-table:before p.open {width: 16px;height: 2px;top: calc(50% - 0px);right: 16px;}
.recruit-table p.open:after {width: 2px;height: 16px;top: calc(50% - 10px);right: 23px;-webkit-transition: 0.3s;transition: 0.3s;transform: translate(0, 3px);}
.recruit-table p.open:after {-moz-transform: rotate(90deg) translate(3px, 0);-ms-transform: rotate(90deg) translate(3px, 0);-webkit-transform: rotate(90deg) translate(3px, 0);transform: rotate(90deg) translate(3px, 0);}

.qa{margin-bottom: 10vw;}
.qa-titimg {width: 13%;margin: 0 auto 4vw;}
.qa-tit{font-size: 7vw;font-weight: bold;text-align: center;margin-bottom: 5vw;}

.faq-list {margin: 0 auto;width: 92%;}
.faq-list dl {margin: 0 auto 4.5%;font-feature-settings: "palt";}
.faq-list dt {position: relative;background: #fff;cursor: pointer;width: 100%;margin-bottom: 2vw;}
.faq-list dt img, .faq-list dd img{width: 6vw;position: absolute;left: 3vw;top: 5vw;-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.faq-list dt p{font-size: 4vw;padding: 2vw 10vw;font-weight: bold;line-height: 1.4;letter-spacing: 0.04em;color: #fff;background-color: #93e2f1;}
.faq-list dd {display: none;position: relative;}
.faq-list dd.open{display: block;}
.faq-list dd p{font-size:3.6vw;line-height: 1.8;letter-spacing: 0.04em;text-align: justify;text-justify: auto;color: #000;padding: 2vw 0 3vw 10vw;}

.faq-list dt:before, .faq-list dt:after {content: '';background: #fff;position: absolute;top: 0;right: 0;}
.faq-list dt:before {width: 16px;height: 2px;top: calc(50% - 0px);right: 16px;}
.faq-list dt:after {width: 2px;height: 16px;top: calc(50% - 10px);right: 23px;-webkit-transition: 0.3s;transition: 0.3s;transform: translate(0, 3px);}
.faq-list dt.open:after {-moz-transform: rotate(90deg) translate(3px, 0);-ms-transform: rotate(90deg) translate(3px, 0);-webkit-transform: rotate(90deg) translate(3px, 0);transform: rotate(90deg) translate(3px, 0);}

.contact{background:#eaf9fe;padding: 15vw 5vw 30vw 5vw;margin:18vw auto 0;}
.contact-tit{font-size: 7vw;font-weight: bold;text-align: center;margin-bottom: 7vw;}
.contact .sub{background: #56bfe1;color: #fff;font-weight: bold;text-align: center;width: 90%;margin: 0 auto 2vw;padding: 3%;border-radius: 50px;font-size: 120%;}
.contact .tel{text-align:center;font-family: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif;font-size: 8vw;color:#000;margin-bottom: 5vw;}
.contact .mail{text-align:center;font-weight:bold;font-size:5vw;margin-bottom:7vw;}
.contact .copy{text-align:center;margin:5vw auto 0;}

.formintor{margin-bottom: 5vw;}
.formintor p{line-height: 1.5;}
.formbox{background: #fff;padding: 5%;-moz-border-radius: 8px;-webkit-border-radius: 8px;border-radius: 8px;margin: 10vw 0;}
.formbox .strong{color: #ff5353;font-weight: bold;}
.formbox .privacy-in{border: 1px solid #ddd;margin: 0px auto 10px;padding: 3%;}
form#mailformpro .item-box{font-size: 18px;}
form#mailformpro .item-box label{width: 100%;}
form#mailformpro .item-box input{width: auto;margin: 3px 5px 3px 3px;}
form#mailformpro .item-box .other{font-size: 90%;margin-top: 2%;}
form#mailformpro .item-box .other input{display: block; width: 100%;}
.mb3{margin-bottom: 3%;}
.bold{display: block; font-weight: bold;color: #ff5353;}
.formbox .sub{width: 100%;margin: 0 auto 3vw;}
.formbox .link-bnr{margin: 3vw 0;}

.privacy {text-align: justify;line-height: 1.6;}
.privacy p { font-size: 12px;margin-bottom: 5%; }
.privacy dl{ margin-bottom: 5%;}
.privacy dt{background: #56bfe1;color: #fff;font-weight: bold;font-size: 12px;margin-bottom: 2%;padding: 1% 2% 1%;}
.privacy dd{font-size: 12px; margin-bottom: 4%;}
.privacy iframe{background: #fff;padding: 4vw;}

.footer{position: fixed;bottom: 0;z-index: 10;}
.footer a{width:100%;}

.sec-hero{background: #eaf9fe;position:relative;padding: 15vw 0;margin-bottom: 6%;}
.sec-hero .ttl-img{width: 64vw;margin: 0 auto;}
.thanks{min-height: 96vh;}
.thanks .inner{width:90%;margin: 0 auto;padding-bottom: 20vw;}
.thanks .inner p{margin-bottom:4%;line-height: 1.8;}
.thanks .inner a{background: #56bfe1;margin: 8% 0 0 0;font-size: 3.8vw;text-align: center;color: #fff;padding: 5% 2%;font-weight: bold;}
footer.contact{padding: 2vw 0 10vw;margin: 0 auto;}


/* =============================================
pc-size
================================================*/
@media screen and (min-width: 736px) {
body { font-size: 14px;}
.sp { display: none;}
.pc { display: block;}
.wrapper{width:570px;margin:0 auto;box-shadow: 5px 2px 8px 5px rgb(185 185 185 / 71%);}

.header{padding: 18px 12px 18px 230px;width: 570px;}

.hero{margin-bottom: 36px;}

.cv-bnr{margin-bottom: 72px;}
    
.container{margin-top: 93px;}

.income, .holoday, .training {margin-bottom: 68px;}

.oneday .oneday-tit{margin-bottom: 50px;}

.ba{width: 520px;padding: 145px 0 60px;margin: 0 auto 100px;}
.ba .slick-prev, .ba .slick-next{width: 30px;}
.ba-item .slick-arrow.slick-prev{left: -20px;}
.ba-item .slick-arrow.slick-next{right: -20px;}
.ba-item img.slick-slide{width: 422px;margin: 0 30px;}

.oneday .ba-item .slick-prev, .oneday .ba-item .slick-next{width: 60px;}    

.gift{margin-bottom: 30px;}

.recruit{padding: 90px 20px;margin-bottom: 86px;}
.recruit .recruit-tit{font-size: 40px;margin-bottom: 60px;}
.recruit-table{padding: 30px;}
.recruit-table th{font-size: 22px;}
.recruit-table td{font-size: 21px;padding-right: 0;}
.recruit-table td span{font-size: 23px;}
.recruit-table p{font-size: 22px;padding: 10px 0;}

.qa{margin-bottom: 70px;}
.qa-titimg {margin: 0 auto 20px;}
.qa-tit{font-size: 40px;margin-bottom: 30px;}

.faq-list dl {margin: 0 auto 4.5%;}
.faq-list dt {margin-bottom: 15px;}
.faq-list dt img, .faq-list dd img{width: 33px;left: 20px;top: 32px;}
.faq-list dt p{font-size: 23px;padding: 15px 70px;}
.faq-list dd p{font-size: 22px;padding: 13px 0 0 70px;}

.contact{margin:80px auto 0;padding: 100px 30px 150px 30px;}
.contact-tit{font-size: 40px;margin-bottom: 50px;}
.contact .tel{font-size: 50px;margin-bottom: 40px;}
.contact .mail{font-size:25px;margin-bottom:40px;}
.contact .sub{font-size:22px;width:78%;margin-bottom:20px;}
.contact .copy{font-size:20px;margin: 30px 0 0 0;}
    
.formintor{margin-bottom: 20px;}
.formintor p{font-size: 18px;}
.formbox{-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius: 12px;margin: 50px 0;padding: 5% 5% 8%;}
.formbox .privacy-in{padding: 1%;}
.formbox .sub{width: 100%;margin: 0 auto 20px;}
.formbox .link-bnr{margin: 10px 0;}
    
.privacy p{font-size: 14px; margin-bottom: 30px; }
.privacy dl{margin-bottom: 30px; }
.privacy dt{font-size: 14px;margin-bottom: 10px;padding: 8px 14px;}
.privacy dd{font-size: 14px;margin-bottom: 20px;}
.privacy iframe{padding: 20px;}
    
.sec-hero{padding:100px 0;margin-bottom: 40px;}
.sec-hero .ttl-img{width: 317px;}
.thanks .inner{padding-bottom: 100px;}
.thanks .inner p{font-size: 16px;}
.thanks .inner a{padding:20px;margin: 60px auto;font-size: 18px;}
footer.contact{padding: 10px 0 50px;}

.footer{width:570px;}
    
}


/* retina用
----------------------------------------------- */
@media screen and (min-width: 736px) and (-webkit-min-device-pixel-ratio: 2), screen and (min-width: 736px) and (min-resolution: 2dppx) {
    
.trial{background: url(../images/tria-frame@2x.png) no-repeat top center;background-size: 100%;}
.work{background: url(../images/work-frame@2x.png) no-repeat top center;background-size: 100%;}

}