* { -webkit-font-smoothing: antialiased; 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: 0px; margin: 0px; font: inherit; overflow-wrap: break-word; border: 0px; vertical-align: baseline; outline: none; }
body { padding: 0px; margin: 0px; color: rgb(23, 23, 23); font-size: 3.6vw; font-family: var(--gothic); 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: 0px; border-collapse: collapse; }
img, video, object { height: auto; border: none; display: block; }
ins { background: none; color: rgb(0, 0, 0); text-decoration: none; }
mark { background-color: rgb(255, 255, 153); color: rgb(0, 0, 0); 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: 0px; margin: 1em 0px; border-width: 1px 0px 0px; border-right-style: initial; border-bottom-style: initial; border-left-style: initial; border-right-color: initial; border-bottom-color: initial; border-left-color: initial; border-image: initial; border-top-style: solid; border-top-color: rgb(204, 204, 204); display: block; }
::before, ::after { box-sizing: border-box; }
a { color: rgb(85, 85, 85); text-decoration: none; display: block; transition: 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; }
: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; }
img { width: 100%; }
a.shines { position: relative; z-index: 0; animation: 2s ease 0s infinite normal none running yureru-updown; }
@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: rgb(255, 255, 255); display: flex; align-items: center; justify-content: space-between; padding: 3vw 2vw 3vw 40vw; z-index: 10; position: fixed; top: 0px; }
.header .logo { width: 30%; }
.header .header-btn { width: 50%; }
.container { margin-top: 0; }
.hero { margin-bottom: 5vw; }
.cv-bnr { width: 90%; margin: 0px auto 14vw; }
.holoday, .training { width: 90%; }
.income, .holoday, .training { margin: 0px auto 13vw; }
.oneday .oneday-tit { margin: 0px auto 12vw; width: 74%; }
.relative { position: relative; }
.absolute { position: absolute; transform: translate(-50%, -50%); left: 50%; }
.trial { background: url("tria-frame.png") center top no-repeat; }
.work { background: url("work-frame.png") center top no-repeat; }
.ba { background-size: contain; padding: 28vw 0px 9vw; width: 92vw; margin: 0px auto 20vw; }
.ba .slick-prev, .ba .slick-next { width: 10vw; margin: 0px; }
.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: 0px 5vw; }
.gift { margin-bottom: 5vw; }
.recruit { background-color: rgb(210, 247, 255); 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: rgb(255, 255, 255); }
.recruit-table table { width: 100%; }
.recruit-table table tr { border-bottom: 1px solid rgb(202, 202, 202); }
.recruit-table th, .recruit-table td { background: rgb(255, 255, 255); padding: 6% 3%; vertical-align: middle; }
.recruit-table th { width: 28%; font-size: 4vw; font-weight: bold; border-bottom: 1px solid rgb(140, 140, 140); line-height: 1.2; }
.recruit-table td { font-size: 3.8vw; line-height: 1.5; }

.recruit-table td span { display: inline-block; color: rgb(86, 191, 225); 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 solid rgb(139, 139, 139); padding: 2vw 0px; }
.recruit-second { display: none; }
.recruit-second.open { display: block; }
.recruit-buttom { position: relative; }
.recruit-buttom::before, .recruit-buttom::after { content: ""; background: rgb(139, 139, 139); position: absolute; top: 0px; right: 0px; }
.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; transition: 0.3s; transform: translate(0px, 3px); }
.recruit-buttom.open::after { transform: rotate(90deg) translate(3px, 0px); }
.recruit-table p.open::after { width: 2px; height: 16px; top: calc(50% - 10px); right: 23px; transition: 0.3s; transform: translate(0px, 3px); }
.recruit-table p.open::after { transform: rotate(90deg) translate(3px, 0px); }
.qa { margin-bottom: 10vw; }
.qa-titimg { width: 13%; margin: 0px auto 4vw; }
.qa-tit { font-size: 7vw; font-weight: bold; text-align: center; margin-bottom: 5vw; }
.faq-list { margin: 0px auto; width: 92%; }
.faq-list dl { margin: 0px auto 4.5%; font-feature-settings: "palt"; }
.faq-list dt { position: relative; background: rgb(255, 255, 255); cursor: pointer; width: 100%; margin-bottom: 2vw; }
.faq-list dt img, .faq-list dd img { width: 6vw; position: absolute; left: 3vw; top: 5vw; 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: rgb(255, 255, 255); background-color: rgb(147, 226, 241); }
.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: rgb(0, 0, 0); padding: 2vw 0px 3vw 10vw; }
.faq-list dt::before, .faq-list dt::after { content: ""; background: rgb(255, 255, 255); position: absolute; top: 0px; right: 0px; }
.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; transition: 0.3s; transform: translate(0px, 3px); }
.faq-list dt.open::after { transform: rotate(90deg) translate(3px, 0px); }
.contact { background: rgb(234, 249, 254); padding: 15vw 5vw 30vw; margin: 18vw auto 0px; }
.contact-tit { font-size: 7vw; font-weight: bold; text-align: center; margin-bottom: 7vw; }
.contact .sub { background: rgb(86, 191, 225); color: rgb(255, 255, 255); font-weight: bold; text-align: center; width: 90%; margin: 0px 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: rgb(0, 0, 0); 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 0px; }
.formintor { margin-bottom: 5vw; }
.formintor p { line-height: 1.5; }
.formbox { background: rgb(255, 255, 255); padding: 5%; border-radius: 8px; margin: 10vw 0px; }
.formbox .strong { color: rgb(255, 83, 83); font-weight: bold; }
.formbox .privacy-in { border: 1px solid rgb(221, 221, 221); 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: rgb(255, 83, 83); }
.formbox .sub { width: 100%; margin: 0px auto 3vw; }
.formbox .link-bnr { margin: 3vw 0px; }
.privacy { text-align: justify; line-height: 1.6; }
.privacy p { font-size: 12px; margin-bottom: 5%; }
.privacy dl { margin-bottom: 5%; }
.privacy dt { background: rgb(86, 191, 225); color: rgb(255, 255, 255); font-weight: bold; font-size: 12px; margin-bottom: 2%; padding: 1% 2%; }
.privacy dd { font-size: 12px; margin-bottom: 4%; }
.privacy iframe { background: rgb(255, 255, 255); padding: 4vw; }
.footer { position: fixed; bottom: 0px; z-index: 10; }
.footer a { width: 100%; }
.sec-hero { background: rgb(234, 249, 254); position: relative; padding: 15vw 0px; margin-bottom: 6%; }
.sec-hero .ttl-img { width: 64vw; margin: 0px auto; }
.thanks { min-height: 96vh; }
.thanks .inner { width: 90%; margin: 0px auto; padding-bottom: 20vw; }
.thanks .inner p { margin-bottom: 4%; line-height: 1.8; }
.thanks .inner a { background: rgb(86, 191, 225); margin: 8% 0px 0px; font-size: 3.8vw; text-align: center; color: rgb(255, 255, 255); padding: 5% 2%; font-weight: bold; }
footer.contact { padding: 2vw 0px 10vw; margin: 0px auto; }
@media screen and (min-width: 736px) {
  body { font-size: 14px; }
  .sp { display: none; }
  .pc { display: block; }
  .wrapper { width: 570px; margin: 0px auto; box-shadow: rgba(185, 185, 185, 0.71) 5px 2px 8px 5px; }
  .header { padding: 18px 12px 18px 230px; width: 570px; }
  .container { margin-top: 0; }
  .hero { margin-bottom: 36px; }
  .cv-bnr { margin-bottom: 72px; }
  .income, .holoday, .training { margin-bottom: 68px; }
  .oneday .oneday-tit { margin-bottom: 50px; }
  .ba { width: 520px; padding: 145px 0px 60px; margin: 0px 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: 0px 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: 0px; }
  .recruit-table td span { font-size: 23px; }
  .recruit-table p { font-size: 22px; padding: 10px 0px; }
  .qa { margin-bottom: 70px; }
  .qa-titimg { margin: 0px auto 20px; }
  .qa-tit { font-size: 40px; margin-bottom: 30px; }
  .faq-list dl { margin: 0px 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 0px 0px 70px; }
  .contact { margin: 80px auto 0px; padding: 100px 30px 150px; }
  .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 0px 0px; }
  .formintor { margin-bottom: 20px; }
  .formintor p { font-size: 18px; }
  .formbox { border-radius: 12px; margin: 50px 0px; padding: 5% 5% 8%; }
  .formbox .privacy-in { padding: 1%; }
  .formbox .sub { width: 100%; margin: 0px auto 20px; }
  .formbox .link-bnr { margin: 10px 0px; }
  .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 0px; 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 0px 50px; }
  .footer { width: 570px; }
}
@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("tria-frame@2x.png") center top / 100% no-repeat; }
  .work { background: url("work-frame@2x.png") center top / 100% no-repeat; }
}