@charset "UTF-8";

/*パンクズ*/
.topicpath--outside { width: 100%; }
.topicpath__list { padding-top: 16px; }
.topicpath__list--black>li { color: #fff; }
.topicpath__list--black>li>a { color: #fff; font-family: "UD新ゴ M"; }
.topicpath__list--black>li:before { border-right: 1px solid #fff; border-top: 1px solid #fff; color: #fff; }
.contents { margin: 0 auto; max-width: 1200px; padding: 0 20px; }
.wrap { padding-top: 0 !important; }
.caution { color: #777; font-size: 1.2rem; }
.mainVisual { background: none; width: 100%; }
@media screen and (max-width: 1023px) { .mainVisual { height: 100%; } }
.mainVisual__title { background: #06c755; -webkit-box-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: center; height: 150px; justify-content: center; }
@media (min-width: 768px) { .mainVisual__title { align-items: flex-start; flex-direction: column; height: 435px; justify-content: flex-start; } }
.mainVisual__h1title { color: #fff; font-family: "UD新ゴ DB"; font-size: 2.3rem; letter-spacing: -.06em; line-height: 1.4; margin: 24px auto 0; max-width: 1200px; padding: 0 10px; text-align: center; }
@media (min-width: 768px) { .mainVisual__h1title { font-size: 5rem; margin: 32px auto 0; } }
@media (min-width: 1024px) { .mainVisual__h1title { font-size: 5rem; letter-spacing: -.01em; text-align: center; } }
.mainVisual__h1title--stxt01 { display: block; font-size: 1.2rem; font-weight: 400; }
@media (min-width: 768px) { .mainVisual__h1title--stxt01 { font-size: 2rem; } }
.mainVisual__h1title--stxt02 { font-size: 2rem; font-weight: 400; }
@media (min-width: 768px) { .mainVisual__h1title--stxt02 { font-size: 3.4rem; } }
.mainVisual__h1title .br { display: block; }
@media (min-width: 1024px) { .mainVisual__h1title .br { display: none; } }
.mainVisual__img { margin-top: -40px; padding: 0 20px; text-align: center; }
@media (min-width: 768px) { .mainVisual__img { margin-top: -200px; } }
.mainVisual__img img { max-width: 1090px; width: 100%; }
.mainVisual__btn { margin: 16px auto 0; max-width: 680px; padding: 0 20px; position: relative; }
@media (min-width: 768px) { .mainVisual__btn { margin-top: -42px; } }
.mainVisual__btn a { align-items: center; background: #f77911; border: 2px solid #f77911; border-radius: 999em; -webkit-box-align: center; -webkit-box-pack: center; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -ms-flex-pack: center; font-size: 1.5rem; font-weight: 600; justify-content: center; line-height: 1; padding: 13px 16px; position: relative; -webkit-transition: background-color .3s ease-out, -webkit-transform .3s ease-out; transition: background-color .3s ease-out, -webkit-transform .3s ease-out; transition: background-color .3s ease-out, transform .3s ease-out; transition: background-color .3s ease-out, transform .3s ease-out, -webkit-transform .3s ease-out; }
@media (min-width: 768px) { .mainVisual__btn a { font-size: 2.8rem; padding: 26px 16px; } }
.mainVisual__btn a:after { border-right: 2px solid #fff; border-top: 2px solid #fff; bottom: 0; content: ""; height: 6px; margin: auto; position: absolute; right: 16px; top: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); vertical-align: middle; width: 6px; }
@media (min-width: 768px) { .mainVisual__btn a:after { border-right: 3px solid #fff; border-top: 3px solid #fff; height: 12px; right: 34px; width: 12px; } }
.mainVisual__btn a:hover { background: #fff; color: #f77911; text-decoration: none; }
.mainVisual__btn a:hover::after { border-right: 3px solid #f77911; border-top: 3px solid #f77911; bottom: 0; content: ""; height: 12px; margin: auto; position: absolute; right: 34px; top: 0; -webkit-transform: rotate(135deg); transform: rotate(135deg); vertical-align: middle; width: 12px; }
.order { margin: 32px auto 0; max-width: 1160px; padding: 0 20px; }
@media (min-width: 768px) { .order { margin: 75px auto 0; } }
.order__title { align-items: center; -webkit-box-align: center; -webkit-box-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -ms-flex-pack: center; justify-content: center; }
.order__h2title { color: #06c755; font-family: "UD新ゴ DB"; font-size: 2rem; font-weight: 600; letter-spacing: -.03em; line-height: 1.5; text-align: center; }
@media (min-width: 768px) { .order__h2title { font-size: 3.6rem; } }
@media (min-width: 1024px) { .order__h2title { font-size: 4.5rem; line-height: 1.4; } }
.order__h2title span { color: #333; display: none; font-size: 4rem; font-weight: normal; }
@media (min-width: 1024px) { .order__h2title span { display: block; text-align: center; } }
.order__br { display: block; }
@media (min-width: 1024px) { .order__br { display: none; } }
.order__txt { display: block; font-size: 1.2rem; margin-top: 20px; text-align: center; }
@media (min-width: 768px) { .order__txt { font-size: 2rem; } }
@media (min-width: 1024px) { .order__txt { display: none; } }
.order__txt02 { font-size: 2rem; margin-top: 16px; text-align: center; }
.order__txt02 span { color: #06c755; }
@media screen and (max-width: 820px) { .order__txt02 { font-size: 1.4rem; word-break: keep-all; } }
.order ul { -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-box-pack: center; color: #06c755; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; margin-top: 16px; }
@media (min-width: 1024px) { .order ul { -webkit-box-direction: normal; -webkit-box-orient: horizontal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-top: 30px; } }
.order__list { align-items: center; border: 2px solid #06c755; border-radius: 12px; -webkit-box-align: center; -webkit-box-direction: normal; -webkit-box-orient: vertical; -webkit-box-pack: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; font-size: 1.4rem; font-weight: 600; justify-content: center; line-height: 1.5; padding: 13px 12px; text-align: center; width: 100%; }
@media (min-width: 768px) { .order__list { width: 100%; } }
@media (min-width: 1024px) { .order__list { font-size: 2.4rem; padding: 27px 16px; width: calc(100% / 3); } }
.order__list:not(:first-child) { margin-top: 12px; }
@media (min-width: 1024px) { .order__list:not(:first-child) { margin-left: 24px; margin-top: 0; } }
.order__list span { color: #777; display: contents; font-size: 1.2rem; }
.order__caution { display: block; margin-top: 16px; text-align: left; }
.bg_border { background: repeating-linear-gradient(90deg, #5ed68f, #5ed68f 30px, #5adc8f 20px, #5adc8f 50px); height: 300px; width: 100%; }
.form { background: #f9f9f9; margin-top: 72px; padding-block: 54px 110px; }
@media (max-width: 1023px) { .form { padding-block: 40px 80px; } }
.form__inner { margin: 0 auto; max-width: 1200px; padding: 0 20px; }
.form__h2title { font-size: 1.7rem; font-weight: 600; padding-left: 20px; position: relative; }
@media (min-width: 1024px) { .form__h2title { font-size: 2.4rem; } }
.form__h2title:before { background: #06c755; content: ""; height: 24px; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 4px; }
.form__h2title br { display: block; }
@media (min-width: 1024px) { .form__h2title br { display: none; } }
.form__txt { display: block; font-size: 1rem; margin-top: 15px; }
@media (min-width: 1024px) { .form__txt { display: none; } }
.form__block { margin-top: 16px; }
@media (min-width: 1024px) { .form__block { margin-top: 24px; } }
.scrollUp { opacity: 0; -webkit-transform: translateY(1px); transform: translateY(1px); -webkit-transition: opacity .1s, -webkit-transform .1s; transition: opacity .1s, -webkit-transform .1s; transition: opacity .1s, transform .1s; transition: opacity .1s, transform .1s, -webkit-transform .1s; }
.scrollUp.is-show { opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); }
.sp-hide { display: block; }
@media (min-width: 768px) { .sp-hide { display: none !important; } }
.pc-hide { display: none; }
@media (min-width: 1024px) { .form__h2title-left span { border-bottom: 3px solid #06c755; font-family: "UD新ゴ B"; padding-bottom: 3px; } }
@media (max-width: 1023px) { .form__h2title-left span { padding-left: 12px; }
.form__h2title-left span:before { background: #06c755; content: ""; height: 24px; left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 4px; } }
@media (min-width: 768px) { .pc-hide { display: block !important; } }
.form__inner { max-width: 1000px; }
.form__h2title-02 { display: flex; flex-direction: column; font-size: 1.7rem; font-weight: 600; justify-content: center; position: relative; }
.form__h2title-left, .form__h2title-right { margin-top: 8px; width: 100%; }
.form__h2title-left { text-align: center; width: 100%; }
@media (max-width: 1023px) { .form__h2title-left { margin-top: 0; text-align: left; } }
.form__h2title-right { margin-top: 16px; }
.form__h2title-left p { padding-left: 20px; position: relative; }
/* .form__h2title-left p:before { background: #06c755; content: ""; height: 24px; left: 0; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 4px; } */
.form__h2title-right--txt { color: #06c755; font-size: 1.5rem; margin-top: 12px; }
.form__h2title-right--txt02 { font-size: 1.2rem; margin-top: 8px; text-align: center; }
@media (max-width: 1023px) { .form__h2title-right--txt02 {margin-top: 0; ; text-align: left; } }
.form__h2title-right span { display: block; font-size: 1rem; margin-top: 4px; }
@media (min-width: 768px) { .form__h2title-02 { align-items: center; flex-direction: revert; font-size: 2.4rem; justify-content: space-between; }

.form__h2title-right { margin-top: 0; width: 100%; }
.form__h2title-right--txt { font-size: 2.4rem; margin-top: 0; }
.form__h2title-right--txt02 { font-size: 1.7rem; letter-spacing: -.02em;; }
.form__txt { display: none; }
.form__h2title-right span { font-size: 1.6rem; } }