@charset "UTF-8";

.c-alertBlock-01 { line-height: 1.5; }

#jbk-frame-main { margin: 0; padding: 15px 0; position: absolute; z-index: 3; }

#jbk-frame-main .frame-content { padding: 0; }

img { width: 100%; height: auto; }

a { position: relative; z-index: 2; }

@media all and (min-width: 768px) { a :hover { opacity: .8; } }

.pc-view { display: none; }

@media all and (min-width: 768px) { .pc-view { display: block; } }

.sp-view { display: block; }

@media all and (min-width: 768px) { .sp-view { display: none; } }

.c-noteList-03 li { padding-left: 20px; }

.c-noteList-03 li::before { background-size: contain; }

/* layout
================================*/
.content-all { width: 100%; }

/* header
================================*/
.l-head { min-width: 0; background: #fff; }

.l-head .l-inner { padding: 2.5% 2.34%; width: 100%; text-align: left; box-sizing: border-box; }

.l-head .l-inner .header-title { width: 30%; display: inline-block; }

.l-head a { display: block; margin: 0; }

@media all and (min-width: 768px) { .l-head { line-height: 1; min-width: 1200px; margin: 0 auto; }
  .l-head .l-inner { padding: 20px 30px 22px; width: 1200px; margin: 0 auto; }
  .l-head .l-inner .header-title { width: 190px; }
  .l-head a { display: inline-block; } }

/* main
================================*/
.l-main { width: 100%; background: url("../image/bg_fullpage_sp.jpg") #fff; background-repeat: no-repeat; background-size: cover; background-position: center top; overflow: hidden; }

@media all and (min-width: 768px) { .l-main { min-width: 1200px; margin: 0 auto; background: url("../image/bg_fullpage_pc.jpg") #fff; background-repeat: no-repeat; background-position: top center; background-size: auto; } }

.wrap-inner { position: relative; }

@media all and (min-width: 768px) { .wrap-inner { width: 1200px; margin: 0 auto; } }

/************** WRAP SECTION **************/
.wrap-hero { overflow: hidden; position: relative; }

.wrap-hero .hdg-hero { padding: 14.1% 0 0; margin: 0 8.3%; }

.wrap-hero .txt-time { margin: 19.5% auto 0; padding: 0 3.7%; }

@media all and (min-width: 768px) { .wrap-hero { overflow: visible; }
  .wrap-hero .hdg-hero { width: 893px; padding: 0; margin: 52px auto 0; }
  .wrap-hero .txt-time { width: 800px; margin: 120px auto 0; padding: 0; } }

.wrap-intro { position: relative; overflow: hidden; margin-top: 5%; padding-bottom: 24%; }

.wrap-intro .txt-lead { padding: 0 10%; }

@media all and (min-width: 768px) { .wrap-intro { margin-top: 28px; padding-bottom: 178px; }
  .wrap-intro .txt-lead { width: 808px; padding: 0; margin: 0 auto 0; } }

.wrap-about { position: relative; margin-top: 13%; }

.wrap-about .lst-about { padding: 0 9.85%; }

.wrap-about .lst-about .item + .item { margin-top: 2.7%; }

@media all and (min-width: 768px) { .wrap-about { margin: 105px auto 0; }
  .wrap-about .wrap-inner { width: 890px; }
  .wrap-about .lst-about { margin: 0 auto; padding: 0; font-size: 0; margin-left: -15px; }
  .wrap-about .lst-about .item { padding: 0; display: inline-block; width: 437px; margin-left: 15px; }
  .wrap-about .lst-about .item + .item { margin-top: 0; } }

.wrap-entry { position: relative; overflow: hidden; }

.wrap-entry .lst-entry { line-height: 1; }

.wrap-entry .lst-entry + .lst-entry { margin: 10% 0 0; }

.wrap-entry .lst-entry .item .txt-entry { padding: 0 14.5% 0 12.975%; }

.wrap-entry .lst-entry .item .btn-entry { margin-top: 2.2%; padding: 0 13.75%; }

.wrap-entry .lst-entry .item .btn-entry a { display: block; }

.wrap-entry .lst-entry .item + .item { margin-top: 9.5%; }

@media all and (min-width: 768px) { .wrap-entry .lst-entry { font-size: 0; text-align: center; margin-left: -60px; }
  .wrap-entry .lst-entry .item { display: inline-block; margin-left: 60px; }
  .wrap-entry .lst-entry .item .txt-entry { width: 469px; margin: 0 auto; padding: 0; }
  .wrap-entry .lst-entry .item .btn-entry { width: 322px; margin-top: 18px; padding: 0; }
  .wrap-entry .lst-entry .item + .item { margin-top: 62px; }
  .wrap-entry .lst-entry .item.item-block { display: block; margin-left: 60px; }
  .wrap-entry .lst-entry .item.item-block .btn-entry { margin-left: auto; margin-right: auto; } }

.wrap-sec-overview { position: relative; margin-top: 25%; padding: 0 4.375%; }

.wrap-sec-overview .txt-head { padding: 0 18.75% 0 18.5%; position: relative; z-index: 1; }

@media all and (min-width: 768px) { .wrap-sec-overview { margin-top: 200px; padding: 0; }
  .wrap-sec-overview .txt-head { width: 360px; padding: 0; margin: 0 auto; } }

.dl-overview { font-size: 0; margin-top: 6.2%; padding: 0 3.6%; position: relative; text-align: center; z-index: 1; }

.dl-overview dt { display: inline-block; font-size: 4.0625vw; color: #333; width: 38%; padding: 0.625% 0; border-left: 1px solid #333; border-right: 1px solid #333; font-weight: bold; line-height: 1.4; }

.dl-overview dt.last-over { margin-top: 7%; }

.dl-overview dd { margin: 3% 0 0; font-size: 3.4375vw; font-weight: bold; color: #333; text-align: center; line-height: 1.4; }

.dl-overview dd.thumb { padding: 0 3.75%; }

.dl-overview dd + dt { margin-top: 7%; }

.dl-overview dd .txt-std { text-align: left; }

.dl-overview dd .txt-std ~ .txt-std { margin-top: 5px; }

.dl-overview dd .txt-std ~ .txt-std.txt-last { padding-left: 1em; }

.dl-overview dd .lst-ico { text-align: left; padding-left: 1em; }

.dl-overview dd .lst-ico.item-last { padding-left: 0; }

.dl-overview dd .lst-ico .item { font-size: 3.325vw; }

.dl-overview dd .txt-normal { display: block; font-weight: bold; font-size: 3.75vw; padding-left: 1em; text-align: left; }

.dl-overview dd .asterisk { display: table; font-size: 3.75vw; }

.dl-overview dd .asterisk + .lst-ico { padding-left: 10px; }

.dl-overview dd .asterisk span { display: table-cell; }

@media all and (min-width: 768px) { .dl-overview { display: flex; flex-wrap: wrap; margin-top: 14px; width: 753px; margin: 17px auto 0; padding: 0; }
  .dl-overview dt { display: flex; margin-top: 28px; padding: 0; justify-content: center; font-size: 22px; width: 160px; align-items: center; margin-left: 42px; }
  .dl-overview dt.last-over { margin-top: 36px; }
  .dl-overview dd { width: 515px; display: flex; flex-direction: column; justify-content: center; font-size: 18px; margin: 27px 0 0px 22px; text-align: left; line-height: 1.2; }
  .dl-overview dd.thumb { padding: 20px 42px 20px 0; }
  .dl-overview dd + dt { margin-top: 30px; padding: 5px 0; }
  .dl-overview dd ~ dd { padding: 5px 0; }
  .dl-overview dd ~ dd:last-child { margin-top: 10px; }
  .dl-overview dd .lst-ico { margin: 17px 0 0; text-align: left; }
  .dl-overview dd .lst-ico .item { font-size: 18px; }
  .dl-overview dd .txt-normal { display: block; font-weight: bold; font-size: 20px; padding-left: 1em; }
  .dl-overview dd .asterisk { font-size: 20px; }
  .dl-overview dd .asterisk span { font-size: 20px; }
  .dl-overview dd .asterisk + .lst-ico { padding-left: 16px; }
  .dl-overview dd .asterisk ~ .asterisk { margin-top: 21px; } }

.wrap-sec-how-apply { position: relative; margin-top: 31%; padding: 0 6.2%; }

.wrap-sec-how-apply .txt-head { padding: 0 17.5%; }

.wrap-sec-how-apply .wrap-step { margin-top: 7%; }

@media all and (min-width: 768px) { .wrap-sec-how-apply { margin: 224px 0 0; padding: 0; }
  .wrap-sec-how-apply .txt-head { width: 366px; padding: 0; margin: 0 auto; }
  .wrap-sec-how-apply .wrap-step { width: 770px; margin: 40px auto 0; } }

.lst-how-apply-step .step { position: relative; }

.lst-how-apply-step .step + .step { margin: 4% 0 0; }

.lst-how-apply-step .step .step-btn { position: absolute; left: 0; right: 0; margin: auto; padding: 0 8.25%; }

.lst-how-apply-step .step .step-btn.btn-1 { top: 22.0625%; }

.lst-how-apply-step .step .step-btn.btn-2 { top: 42.43%; }

.lst-how-apply-step .step .step-btn.btn-3 { top: 62.7%; }

.lst-how-apply-step .step .step-btn.btn-4 { top: 36.7%; }

.lst-how-apply-step .step .step-btn.btn-5 { top: 75.5%; }

.lst-how-apply-step .step .step-link { position: absolute; top: 87%; left: 0; padding: 0 53% 0 6%; }

@media all and (min-width: 768px) { .lst-how-apply-step { margin: 31px auto 0; }
  .lst-how-apply-step .step + .step { margin: 24px 0 0; }
  .lst-how-apply-step .step .step-btn { padding: 0; width: 320px; }
  .lst-how-apply-step .step .step-btn.btn-1 { top: 250px; }
  .lst-how-apply-step .step .step-btn.btn-2 { top: 488px; }
  .lst-how-apply-step .step .step-btn.btn-3 { top: 726px; }
  .lst-how-apply-step .step .step-btn.btn-4 { top: 250px; }
  .lst-how-apply-step .step .step-btn.btn-5 { top: 489px; }
  .lst-how-apply-step .step .step-link { top: 950px; padding: 0; width: 188px; left: 51px; } }

.wrap-sec-how-entry { position: relative; margin-top: 37.2%; }

.wrap-sec-how-entry .txt-head { padding: 0 21%; }

.wrap-sec-how-entry .box-note { padding: 0 3.125%; margin-top: 3.125%; }

.wrap-sec-how-entry.entry-pt2 { margin-top: 23%; padding-bottom: 23.5%; }

.wrap-sec-how-entry .lst-btn { margin: 3.125% 3.125% 0; background: #fff; padding: 5% 10.5%; }

.wrap-sec-how-entry .lst-btn a { display: block; }

.wrap-sec-how-entry .lst-btn li + li { margin-top: 4.4%; }

@media all and (min-width: 768px) { .wrap-sec-how-entry { margin: 241px 0 0; padding: 0; }
  .wrap-sec-how-entry .txt-head { width: 366px; padding: 0; margin: 0 auto; }
  .wrap-sec-how-entry .box-note { padding: 0; margin: 38px auto 0; width: 692px; }
  .wrap-sec-how-entry.entry-pt2 { margin-top: 218px; padding-bottom: 153px; }
  .wrap-sec-how-entry .lst-btn { font-size: 0; margin-left: -20px; width: 690px; margin: 18px auto 0; padding: 20px; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; }
  .wrap-sec-how-entry .lst-btn li { width: 320px; }
  .wrap-sec-how-entry .lst-btn li + li { margin-top: 0; }
  .wrap-sec-how-entry + .wrap-entry .lst-entry { margin-left: -102px; }
  .wrap-sec-how-entry + .wrap-entry .lst-entry .item { margin-left: 102px; }
  .wrap-sec-how-entry + .wrap-entry .lst-entry .item .btn-entry { margin-top: 23px; } }

.wrap-open-acc { position: relative; overflow: hidden; margin-top: 26.375%; }

.wrap-open-acc .wrap-inner { padding: 0 4%; }

.wrap-open-acc .txt-note { margin-top: 9px; }

@media all and (min-width: 768px) { .wrap-open-acc { margin: 142px 0 0; }
  .wrap-open-acc .wrap-inner { padding: 0; }
  .wrap-open-acc .txt-note { width: 682px; margin: 16px auto 0; } }

.box-info { padding: 8.5% 5.2%; border: 2px solid #f08300; background: #fff; border-radius: 8px; position: relative; z-index: 1; }

.box-info .open-txt { padding: 0 4.5%; }

.box-info .open-btn { padding: 0 3.7% 0 5.6%; margin-top: 6.5%; }

@media all and (min-width: 768px) { .box-info { width: 685px; padding: 48px 35px 33px; margin: 0 auto; }
  .box-info .open-txt { width: 473px; margin: 0 auto; padding: 0; }
  .box-info .open-btn { width: 473px; padding: 0; margin: 22px auto 0; } }

.btn-qa { margin: 4.5% 1% 0; position: relative; background: #fff; padding: 5.8% 3% 5.8% 4%; }

.btn-qa + .btn-qa { margin-top: 7%; }

@media all and (min-width: 768px) { .btn-qa { width: 685px; margin: 33px auto 0; padding: 32px 0; }
  .btn-qa a { display: block; width: 483px; margin: 0 auto; }
  .btn-qa a img { width: 100%; height: auto; }
  .btn-qa + .btn-qa { margin-top: 35px; } }

.wrap-sec-last { margin-top: 4.5%; padding-bottom: 13%; }

.wrap-sec-last .wrap-inner { padding: 0 4%; }

.wrap-sec-last .wrap-inner .hdg-attention { font-size: 3.375vw; padding: 1.25% 0; color: #000; text-align: center; border-top: 1px solid #000; border-bottom: 1px solid #000; }

.wrap-sec-last .lst-note-foot { margin-top: 3%; }

.wrap-sec-last .lst-note-foot li { font-weight: bold; font-size: 3.75vw; text-align: center; }

@media all and (min-width: 768px) { .wrap-sec-last { margin: 59px auto 0; padding: 0 0 110px; }
  .wrap-sec-last .wrap-inner { width: 560px; padding: 0; margin: 0 auto; }
  .wrap-sec-last .wrap-inner .hdg-attention { font-size: 22px; line-height: 1; padding: 8px; }
  .wrap-sec-last .lst-note-foot { margin-top: 77px; width: 600px; font-size: 0; margin-left: -10px; }
  .wrap-sec-last .lst-note-foot li { display: inline-block; font-size: 17px; }
  .wrap-sec-last .lst-note-foot li + li { margin-left: 20px; } }

.lst-point { margin-top: 6px; font-size: 3.75vw; line-height: 1.4; }

.lst-point > li { position: relative; padding-left: 1em; color: #000; }

.lst-point > li:before { border-radius: 50%; background: #f08300; width: .9em; height: .9em; content: ''; position: absolute; top: .3em; left: 0; }

.lst-point > li + li { margin-top: 5px; }

@media all and (min-width: 768px) { .lst-point { margin-top: 15px; font-size: 16px; font-size: 1.6rem; line-height: 1.5; }
  .lst-point > li:before { top: .2em; }
  .lst-point > li + li { margin-top: 5px; } }

.lst-disc > li { position: relative; padding-left: 1em; }

.lst-disc > li:before { content: '\0030fb'; position: absolute; left: 0; }

@media all and (min-width: 768px) { .lst-disc li { line-height: 1.6; } }

.slick-entry { margin-top: 4.6%; }

.slick-entry .entry-slide { box-sizing: border-box; padding: 1.125% 9.75% 0 17.75%; }

.slick-entry .slick-prev, .slick-entry .slick-next { height: 30px; width: 30px; background: rgba(0, 0, 0, 0.5); }

.slick-entry .slick-prev { vertical-align: middle; }

.slick-entry .slick-prev::before { width: 12px; height: 12px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; }

.slick-entry .slick-next { vertical-align: middle; }

.slick-entry .slick-next::before { width: 12px; height: 12px; border-top: 2px solid #fff; border-right: 2px solid #fff; }

@media all and (min-width: 768px) { .slick-entry { margin: 38px 0 0; }
  .slick-entry .entry-slide { padding: 0; }
  .slick-entry .slide-1 { width: 655px !important; margin: 0 auto; padding: 0; display: block !important; }
  .slick-entry .slide-2 { width: 655px !important; display: block !important; margin: 0 auto; }
  .slick-entry .slide-3 { width: 892px !important; display: block !important; margin: 3px auto 0 168px; }
  .slick-entry .slide-4 { width: 426px !important; display: block !important; margin: 0 auto; }
  .slick-entry .slick-prev, .slick-entry .slick-next { height: 65px; width: 65px; top: 0; bottom: 0; }
  .slick-entry .slick-prev { left: 128px; }
  .slick-entry .slick-next { right: 100px; } }

.lst-ico { display: table; margin: .5% 0 0; }

.lst-ico .item { display: table-row; font-size: 3.75vw; text-align: left; }

.lst-ico .item span { display: table-cell; }

.lst-ico .item::before { content: attr(data-ico); display: table-cell; padding-right: 2px; }

@media all and (min-width: 768px) { .lst-ico { margin: -2px 0 0; } }

/* footer
================================*/
.l-foot { min-width: 0; }

.l-foot .l-inner { padding-bottom: 22px; background: #f2f2f2; }

.l-foot .copyright { text-align: center; display: block; color: #a6a6a6; }

.l-foot .copyright small { font-size: 9px; }

@media all and (min-width: 768px) { .l-foot { min-width: 1200px; }
  .l-foot .l-inner { padding-top: 15px; padding-bottom: 45px; }
  .l-foot .copyright small { font-size: 12px; } }