@charset "UTF-8";

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

#jbk-frame-main { margin: 0; padding: 15px 0; }

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

.l-head { background: #fff; }

.sec-main { text-align: center; }

.sec-entry { background: rgba(0, 0, 0, 0.8); border-bottom: 1px solid #fff; }

.sec-forth { border-bottom: 1px solid #fff; }

.txt-step { text-align: center; }

.area-box { background: rgba(255, 255, 255, 0.8); }

.area-box > .box-inner { border: 1px solid #f77777; }

.area-box .txt-lead { font-weight: bold; text-align: center; }

.area-box .box-inner-detail { background: #fff; }

.entry-box img { width: 100%; height: auto; }

.hdg-lv2 { text-align: center; }

.hdg-lv3 { text-align: center; }

.lst-overview { font-weight: bold; }

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

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

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

.lst-note > li:before { content: '\00203b'; position: absolute; left: 0; }

.lst-point > li { position: relative; padding-left: 1.2em; }

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

.step-btn img { margin: 0 auto; }

.step-note { text-align: center; }

.slide-wrap * { outline: none; }

.slide-wrap .slick-next { right: 0; width: 50px; height: 50px; border-radius: 50%; background: rgba(0, 0, 0, 0.4); }

.slide-wrap .slick-next:hover { background: rgba(0, 0, 0, 0.6); }

.slide-wrap .slick-next:before { content: ""; display: block; height: 20px; width: 20px; border-width: 3px 3px 0 0; border-color: #fff; border-style: solid; -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: 12px; }

.slide-wrap .slick-next.slick-disabled { background: transparent; display: none !important; }

.slide-wrap .slick-prev { left: -10px; width: 50px; height: 50px; border-radius: 50%; background: rgba(0, 0, 0, 0.4); z-index: 7; }

.slide-wrap .slick-prev:hover { background: rgba(0, 0, 0, 0.6); }

.slide-wrap .slick-prev:before { content: ""; display: block; height: 20px; width: 20px; border-width: 3px 3px 0 0; border-color: #fff; border-style: solid; -webkit-transform: rotate(-135deg); transform: rotate(-135deg); margin-left: 20px; }

.slide-wrap .slick-prev.slick-disabled { display: none !important; }

.slide-wrap-sp * { outline: none; }

.area-note-box { background: #fff; border-radius: 15px; border: 1px solid #f08300; }

.area-note-box .note-box-txt { text-align: center; }

.area-note-box .note-box-txt img { width: 100%; height: auto; }

.area-note-box .note-box-btn { text-align: center; }

.area-note-box .note-box-btn > a { display: inline-block; }

.area-note-box .note-box-btn img { margin: 0 auto; }

.btn-camp { text-align: center; }

.btn-camp > a { display: inline-block; }

.btn-camp img { margin: 0 auto; }

.hdg-attention { text-align: center; border-top: 1px solid #000; border-bottom: 1px solid #000; }

.l-foot { background: #f2f2f2; text-align: center; color: #ccc; }

@media all and (max-width: 767px) { img { max-width: 100%; height: auto; } .l-all { overflow: hidden; } .l-head { padding: 7px 10px; }
  .l-head .logo > a { display: inline; }
  .l-head .logo img { width: 28%; height: auto; } .l-body { background: #fff url(../image/bg_sp.jpg) no-repeat center top; background-size: 100% auto; padding-bottom: 20vw; } .sec-main { padding: 3.5vw 2.5% 10vw; border-bottom: 1px solid #fff; } .sec-entry { padding: 15vw 5%; } .sec-secondary { padding: 15vw 2.5% 0; }
  .sec-secondary .hdg-lv2 { margin: 0 17%; } .sec-third { padding: 11vw 2.5% 0; }
  .sec-third .hdg-lv2 { margin: 0 30%; }
  .sec-third .hdg-lv3.pt1 { margin: 2vw 39% 0; }
  .sec-third .hdg-lv3.pt2 { margin: 2vw 39% 0; } .sec-forth { padding: 15vw 2.5%; }
  .sec-forth .hdg-lv2 { margin: 0 17%; } .sec-fifth { padding: 20vw 2.5% 0; } .sec-last { padding: 5vw 8% 0; } .lede-head.pt1 { margin: -4vw 1% 0; }
  .lede-head.pt2 { margin: 1vw -1% 0; } .txt-step { margin-top: 4vw; font-size: 22px; font-size: 3.4375vw; line-height: 1.7; } .area-box { padding: 5px; }
  .area-box.pt1 { margin: 4vw auto 0; }
  .area-box.pt1 .txt-lead { margin-top: 4vw; font-size: 24px; font-size: 3.75vw; line-height: 1.8; }
  .area-box.pt1 .txt-hdg { margin: 3vw 4% 0; }
  .area-box.pt3 { margin-top: -2vw; }
  .area-box.pt4 { margin-top: -3vw; }
  .area-box.pt4 > .box-inner { padding: 7vw 17%; }
  .area-box > .box-inner { padding: 10px; }
  .area-box .box-inner-detail { margin: 3vw 0 0; padding: 3vw 10px; }
  .area-box .box-inner-detail > .box-item:first-child { border-bottom: 1px solid #f77777; }
  .area-box .box-inner-detail > .box-item .box-item-ttl { padding: 5vw 8% 0; }
  .area-box .box-inner-detail > .box-item .box-item-ttl img { max-width: 100%; height: auto; }
  .area-box .box-inner-detail > .box-item .box-item-txt { margin: 2vw 2%; text-align: left; font-size: 22px; font-size: 3.4375vw; line-height: 1.7; } .entry-box .entry-box-item + .entry-box-item { margin-top: 15vw; }
  .entry-box .entry-box-float { margin: 0 15%; }
  .entry-box .entry-box-btn { margin-top: 10px; } .hdg-lv2 img { width: 100%; height: auto; } .hdg-lv3 img { width: 100%; height: auto; } .lst-overview { margin: 5vw auto; }
  .lst-overview > li + li { margin-top: 6vw; }
  .lst-overview .lst-ttl { margin: 0 auto; width: 7em; border-left: 1px solid #000; border-right: 1px solid #000; text-align: center; font-size: 26px; font-size: 4.0625vw; line-height: 1.7; }
  .lst-overview .lst-txt { margin-top: 10px; font-size: 24px; font-size: 3.75vw; line-height: 1.5; }
  .lst-overview .lst-disc, .lst-overview .lst-note { font-size: 22px; font-size: 3.4375vw; line-height: 1.5; }
  .lst-overview .lst-disc > li, .lst-overview .lst-note > li { margin-top: 3px; } .lst-point { margin-top: 3vw; font-size: 22px; font-size: 3.4375vw; line-height: 1.4; }
  .lst-point > li:before { top: .1em; }
  .lst-point > li + li { margin-top: 5px; } .step-btn { margin-top: 3vw; }
  .step-btn img { width: 100%; height: auto; } .step-note { font-size: 20px; font-size: 3.125vw; line-height: 1.5; margin-top: 3vw; margin-bottom: 4vw; } .slide-wrap .slick-next { right: -40px; width: 30px; height: 30px; }
  .slide-wrap .slick-next:before { height: 10px; width: 10px; border-width: 2px 2px 0 0; margin-left: 9px; }
  .slide-wrap .slick-prev { left: -50px; width: 30px; height: 30px; }
  .slide-wrap .slick-prev:before { height: 10px; width: 10px; border-width: 2px 2px 0 0; margin-left: 12px; } .area-note-box { margin: 0 3%; padding: 5vw 5%; }
  .area-note-box .note-box-btn { margin-top: 5vw; }
  .area-note-box .note-box-btn img { width: 100%; height: auto; } .btn-camp { padding: 5vw 5% 0; }
  .btn-camp img { width: 100%; height: auto; } .hdg-attention { font-size: 32px; font-size: 5vw; padding: 2vw; } .l-foot { padding-top: 5vw; padding-bottom: 20vw; font-size: 12px; font-size: 1.875vw; } }

@media all and (min-width: 768px) { .l-head .l-inner { width: 980px; margin: 0 auto; padding: 15px 50px; }
  .l-head .logo > a { display: inline-block; }
  .l-head .logo > a:hover { opacity: .7; } .l-body { width: 980px; margin: 0 auto; background: #fff url(../image/bg_pc.jpg) no-repeat center top; padding-bottom: 75px; } .sec-main { padding: 12px 10px 150px; border-bottom: 1px solid #fff; } .sec-entry { padding: 60px 0; } .sec-secondary { padding: 130px 10px 0; } .sec-third { padding: 110px 10px 0; }
  .sec-third .hdg-lv3.pt1 { margin: 65px 0 0; }
  .sec-third .hdg-lv3.pt2 { margin: 20px 0 0; } .sec-forth { padding: 130px 10px; } .sec-fifth { padding: 70px 10px 0; } .sec-last { padding: 20px 0 0; width: 530px; margin: 0 auto; } .lede-head.pt1 { margin-top: -35px; }
  .lede-head.pt2 { margin-top: -15px; } .txt-step { margin-top: 25px; font-size: 20px; font-size: 2rem; line-height: 1.5; } .area-box { width: 770px; padding: 12px; }
  .area-box.pt1 { margin: -5px auto 0; }
  .area-box.pt1 .txt-lead { margin-top: 40px; font-size: 18px; font-size: 1.8rem; line-height: 2; }
  .area-box.pt1 .txt-hdg { margin-top: 20px; }
  .area-box.pt1 > .box-inner { padding: 0 40px 38px; }
  .area-box.pt2 { margin: 0 auto; }
  .area-box.pt3 { width: 640px; margin: 0 auto; }
  .area-box.pt4 { width: 890px; margin: 0 auto; }
  .area-box.pt4 > .box-inner { padding: 70px 20px 35px; }
  .area-box.pt4 > .box-inner * { outline: none; }
  .area-box > .box-inner { border: 1px solid #f77777; }
  .area-box .box-inner-detail { margin-top: 35px; padding: 35px 30px; display: flex; }
  .area-box .box-inner-detail > .box-item { width: 50%; }
  .area-box .box-inner-detail > .box-item:first-child { border-right: 1px solid #f77777; padding-right: 35px; }
  .area-box .box-inner-detail > .box-item:last-child { border-left: 1px solid #f77777; padding-left: 35px; }
  .area-box .box-inner-detail > .box-item .box-item-ttl img { max-width: 100%; height: auto; }
  .area-box .box-inner-detail > .box-item .box-item-txt { margin-top: 15px; text-align: left; font-size: 15px; font-size: 1.5rem; line-height: 1.66667; } .entry-box { width: 765px; margin: 0 auto; display: flex; }
  .entry-box.pt1 { justify-content: space-between; }
  .entry-box.pt2 { justify-content: center; }
  .entry-box .entry-box-item { width: 360px; }
  .entry-box .entry-box-float { margin: 0 5px; }
  .entry-box .entry-box-btn { margin-top: 10px; }
  .entry-box .entry-box-btn:hover { opacity: .7; } .lst-overview { margin: 60px auto; padding: 0 50px; }
  .lst-overview > li { display: flex; }
  .lst-overview > li + li { margin-top: 40px; }
  .lst-overview .lst-ttl { padding: 7px 0; width: 160px; border-left: 1px solid #000; border-right: 1px solid #000; text-align: center; font-size: 22px; font-size: 2.2rem; line-height: 1; }
  .lst-overview .lst-ttl > span { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }
  .lst-overview .lst-txt { width: calc(100% - 20px - 160px); margin-left: 20px; font-size: 20px; font-size: 2rem; line-height: 1.5; }
  .lst-overview .lst-disc, .lst-overview .lst-note { font-size: 18px; font-size: 1.8rem; line-height: 1.5; }
  .lst-overview .lst-disc > li, .lst-overview .lst-note > li { margin-top: 3px; } .lst-point { margin-top: 15px; font-size: 16px; font-size: 1.6rem; line-height: 1.375; }
  .lst-point > li:before { top: .2em; }
  .lst-point > li + li { margin-top: 5px; } .step-btn { margin-top: 25px; text-align: center; }
  .step-btn > a { display: inline-block; }
  .step-btn a:hover { opacity: .7; } .step-note { margin-top: 20px; margin-bottom: 55px; font-size: 16px; font-size: 1.6rem; line-height: 1; } .area-note-box { width: 530px; margin: 0 auto; padding: 40px 35px 30px; }
  .area-note-box .note-box-btn { margin-top: 30px; }
  .area-note-box .note-box-btn a:hover { opacity: .7; } .btn-camp { margin-top: 70px; }
  .btn-camp a:hover { opacity: .7; } .hdg-attention { font-size: 22px; font-size: 2.2rem; line-height: 1; padding: 10px; } .l-foot { font-size: 12px; font-size: 1.2rem; line-height: 1; padding-top: 15px; padding-bottom: 55px; } }