@charset "UTF-8";



/* shared setting (ver 2.0) ==================================================*/
/* scroll ------------------------------------------------*/
html { width: 100%; font-size: 62.5%; height: 100%; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; overflow-y: scroll; }

html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-overflow-scrolling: touch; box-sizing: border-box; }

/* css reset ------------------------------------------------*/
body, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, table, caption, th, td, form, fieldset, input, textarea, select, pre, address, blockquote, embed, object { margin: 0px; padding: 0px; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }

audio, canvas, progress, video { display: inline-block; }

/* font family ------------------------------------------------*/
body { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif; }

textarea, input, select, button { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",  "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif; }

/* tags base setting ------------------------------------------------*/
/*body*/
body { color: #333; background: #fff; font-size: 14px; font-size: 1.4rem; }

/* font size ------------------------------------------------*/
/*h*/
h1, h2, h3, h4, h5, h6 { font-weight: bold; }

/*p*/
p { font-weight: normal; }

/*em || strong*/
em { font-style: normal; font-weight: normal; }

strong { font-style: normal; font-weight: bold; }

/*ul || ol*/
ul, ol { list-style: none; }

/*dl*/
dt img, dd img { vertical-align: bottom; }

/*table*/
table { border-collapse: separate; border-spacing: 0px; empty-cells: show; }

caption, th { text-align: left; }

/*img*/
img { border: 0px; -ms-interpolation-mode: bicubic; }

.image-left { float: left; margin: 0px 10px 5px 0px; }

.image-right { float: right; margin: 0px 0px 5px 10px; }

/*form*/
form { font-weight: normal; }

/*a*/
a { cursor: pointer; text-decoration: none; }

/* universal class (ver 2.0)
==================================================*/
/* font size ------------------------------------------------*/
/*shared setting > font size > ft-medium*/
.ft-small-x, table.ft-small-x th, table.ft-small-x td { font-size: 12px !important; font-size: 1.2rem !important; line-height: 1.5 !important; }

.ft-small, table.ft-small th, table.ft-small td { font-size: 14px !important; font-size: 1.4rem !important; line-height: 1.5 !important; }

.ft-medium, table.ft-medium th, table.ft-medium td { font-size: 16px !important; font-size: 1.6rem !important; line-height: 1.5 !important; }

.ft-large, table.ft-large th, table.ft-large td { font-size: 18px !important; font-size: 1.8rem !important; line-height: 1.5 !important; }

.ft-large-x, table.ft-large-x th, table.ft-large-x td { font-size: 20px !important; font-size: 2.0rem !important; line-height: 1.5 !important; }

.ft-large-xx, table.ft-large-xx th, table.ft-large-xx td { font-size: 24px !important; font-size: 2.4rem !important; line-height: 1.5 !important; }

/* float clear ------------------------------------------------*/
br.clear-float, img.clear-float { clear: both; height: 0px; }

div.clear-float { clear: both; font-size: 0px; line-height: 0px; height: 0px; width: 0px; }

.clearfix:after { display: block; content: " "; clear: both; }

html* .clear-fix { zoom: 1; }

/* text align ------------------------------------------------*/
.txt-align-l, table.txt-align-l th, table.txt-align-l td { text-align: left   !important; }

.txt-align-c, table.txt-align-c th, table.txt-align-c td { text-align: center !important; }

.txt-align-r, table.txt-align-r th, table.txt-align-r td { text-align: right  !important; }

/* vertical align ------------------------------------------------*/
.v-align-t, table.v-align-t th, table.v-align-t td { vertical-align: top    !important; }

.v-align-m, table.v-align-m th, table.v-align-m td { vertical-align: middle !important; }

.v-align-b, table.v-align-b th, table.v-align-b td { vertical-align: bottom !important; }

/* margin set ------------------------------------------------*/
/*reset*/
.marg-reset { margin: 0px !important; }

/*0px*/
.marg-t00 { margin-top: 0px !important; }

.marg-r00 { margin-right: 0px !important; }

.marg-b00 { margin-bottom: 0px !important; }

.marg-l00 { margin-left: 0px !important; }

/*5px*/
.marg-t05 { margin-top: 5px !important; }

.marg-r05 { margin-right: 5px !important; }

.marg-b05 { margin-bottom: 5px !important; }

.marg-l05 { margin-left: 5px !important; }

/*10px*/
.marg-t10 { margin-top: 10px !important; }

.marg-r10 { margin-right: 10px !important; }

.marg-b10 { margin-bottom: 10px !important; }

.marg-l10 { margin-left: 10px !important; }

/*15px*/
.marg-t15 { margin-top: 15px !important; }

.marg-r15 { margin-right: 15px !important; }

.marg-b15 { margin-bottom: 15px !important; }

.marg-l15 { margin-left: 15px !important; }

/*20px*/
.marg-t20 { margin-top: 20px !important; }

.marg-r20 { margin-right: 20px !important; }

.marg-b20 { margin-bottom: 20px !important; }

.marg-l20 { margin-left: 20px !important; }

/*25px*/
.marg-t25 { margin-top: 25px !important; }

.marg-r25 { margin-right: 25px !important; }

.marg-b25 { margin-bottom: 25px !important; }

.marg-l25 { margin-left: 25px !important; }

/*30px*/
.marg-t30 { margin-top: 30px !important; }

.marg-r30 { margin-right: 30px !important; }

.marg-b30 { margin-bottom: 30px !important; }

.marg-l30 { margin-left: 30px !important; }

/*35px*/
.marg-t35 { margin-top: 35px !important; }

.marg-r35 { margin-right: 35px !important; }

.marg-b35 { margin-bottom: 35px !important; }

.marg-l35 { margin-left: 35px !important; }

/*40px*/
.marg-t40 { margin-top: 40px !important; }

.marg-r40 { margin-right: 40px !important; }

.marg-b40 { margin-bottom: 40px !important; }

.marg-l40 { margin-left: 40px !important; }

/*45px*/
.marg-t45 { margin-top: 45px !important; }

.marg-r45 { margin-right: 45px !important; }

.marg-b45 { margin-bottom: 45px !important; }

.marg-l45 { margin-left: 45px !important; }

/*50px*/
.marg-t50 { margin-top: 50px !important; }

.marg-r50 { margin-right: 50px !important; }

.marg-b50 { margin-bottom: 50px !important; }

.marg-l50 { margin-left: 50px !important; }

/*55px*/
.marg-t55 { margin-top: 55px !important; }

.marg-r55 { margin-right: 55px !important; }

.marg-b55 { margin-bottom: 55px !important; }

.marg-l55 { margin-left: 55px !important; }

/*60px*/
.marg-t60 { margin-top: 60px !important; }

.marg-r60 { margin-right: 60px !important; }

.marg-b60 { margin-bottom: 60px !important; }

.marg-l60 { margin-left: 60px !important; }

/*100px*/
.marg-t100 { margin-top: 100px !important; }

.marg-r100 { margin-right: 100px !important; }

.marg-b100 { margin-bottom: 100px !important; }

.marg-l100 { margin-left: 100px !important; }

/*150px*/
.marg-t150 { margin-top: 150px !important; }

.marg-r150 { margin-right: 150px !important; }

.marg-b150 { margin-bottom: 150px !important; }

.marg-l150 { margin-left: 150px !important; }

/* padding set ------------------------------------------------*/
/*reset*/
.padd-reset { padding: 0px !important; }

/*0px*/
.padd-t00 { padding-top: 0px !important; }

.padd-r00 { padding-right: 0px !important; }

.padd-b00 { padding-bottom: 0px !important; }

.padd-l00 { padding-left: 0px !important; }

/*5px*/
.padd-t05 { padding-top: 5px !important; }

.padd-r05 { padding-right: 5px !important; }

.padd-b05 { padding-bottom: 5px !important; }

.padd-l05 { padding-left: 5px !important; }

/*10px*/
.padd-t10 { padding-top: 10px !important; }

.padd-r10 { padding-right: 10px !important; }

.padd-b10 { padding-bottom: 10px !important; }

.padd-l10 { padding-left: 10px !important; }

/*15px*/
.padd-t15 { padding-top: 15px !important; }

.padd-r15 { padding-right: 15px !important; }

.padd-b15 { padding-bottom: 15px !important; }

.padd-l15 { padding-left: 15px !important; }

/*20px*/
.padd-t20 { padding-top: 20px !important; }

.padd-r20 { padding-right: 20px !important; }

.padd-b20 { padding-bottom: 20px !important; }

.padd-l20 { padding-left: 20px !important; }

/*25px*/
.padd-t25 { padding-top: 25px !important; }

.padd-r25 { padding-right: 25px !important; }

.padd-b25 { padding-bottom: 25px !important; }

.padd-l25 { padding-left: 25px !important; }

/*30px*/
.marg-t30 { margin-top: 30px !important; }

.marg-r30 { margin-right: 30px !important; }

.marg-b30 { margin-bottom: 30px !important; }

.marg-l30 { margin-left: 30px !important; }

/*35px*/
.marg-t35 { margin-top: 35px !important; }

.marg-r35 { margin-right: 35px !important; }

.marg-b35 { margin-bottom: 35px !important; }

.marg-l35 { margin-left: 35px !important; }

/*40px*/
.marg-t40 { margin-top: 40px !important; }

.marg-r40 { margin-right: 40px !important; }

.marg-b40 { margin-bottom: 40px !important; }

.marg-l40 { margin-left: 40px !important; }

/*45px*/
.marg-t45 { margin-top: 45px !important; }

.marg-r45 { margin-right: 45px !important; }

.marg-b45 { margin-bottom: 45px !important; }

.marg-l45 { margin-left: 45px !important; }

/*50px*/
.marg-t50 { margin-top: 50px !important; }

.marg-r50 { margin-right: 50px !important; }

.marg-b50 { margin-bottom: 50px !important; }

.marg-l50 { margin-left: 50px !important; }

/*55px*/
.marg-t55 { margin-top: 55px !important; }

.marg-r55 { margin-right: 55px !important; }

.marg-b55 { margin-bottom: 55px !important; }

.marg-l55 { margin-left: 55px !important; }

/*60px*/
.marg-t60 { margin-top: 60px !important; }

.marg-r60 { margin-right: 60px !important; }

.marg-b60 { margin-bottom: 60px !important; }

.marg-l60 { margin-left: 60px !important; }

/* button
==========================================================*/
/*a*/
a img.btn, a img.btn-primary { opacity: 1.0; transition: opacity 0.3s; }

a:hover img.btn, a:hover img.btn-primary { opacity: 0.8; }

/*img.btn*/
img.btn, img.btn-primary { opacity: 0.3; }

/* width ------------------------------------------------*/
.w100p { width: 100% !important; }

.w90p { width: 90% !important; }

.w80p { width: 80% !important; }

.w70p { width: 70% !important; }

.w60p { width: 60% !important; }

.w50p { width: 50% !important; }

.w45p { width: 45% !important; }

.w40p { width: 40% !important; }

.w35p { width: 35% !important; }

.w33p { width: 33% !important; }

.w30p { width: 30% !important; }

.w25p { width: 25% !important; }

.w24p { width: 24% !important; }

.w20p { width: 20% !important; }

.w18p { width: 18% !important; }

.w15p { width: 15% !important; }

.w14p { width: 14% !important; }

.w13p { width: 13% !important; }

.w12p { width: 12% !important; }

.w10p { width: 10% !important; }

.w4p { width: 4% !important; }

.w500 { width: 500px !important; }

.w380 { width: 380px !important; }

.w280 { width: 280px !important; }

.w230 { width: 230px !important; }

.w190 { width: 190px !important; }

.w140 { width: 140px !important; }

.w80 { width: 80px !important; }

.w40 { width: 40px !important; }

.w30 { width: 30px !important; }

.w-auto { width: auto !important; }

/* ---------------------------------------------------------
COMMON LAYOUT
---------------------------------------------------------- */
.l-justify-left { display: -o-flex; display: -ms-flex; display: flex; /*--- safari（PC） ---*/ justify-content: flex-start; }

.l-justify-right { display: -o-flex; display: -ms-flex; display: flex; /*--- safari（PC） ---*/ justify-content: flex-endt; }

.l-justify-center { display: -o-flex; display: -ms-flex; display: flex; /*--- safari（PC） ---*/ justify-content: center; }

.l-direction-column { display: -o-flex; display: -ms-flex; display: flex; /*--- safari（PC） ---*/ justify-content: column; }

/* ALL
---------------------------------------------------------- */
.l-all { box-sizing: border-box; word-wrap: break-word; overflow-wrap: break-word; text-align: left; width: 100%; padding: 0; margin: 0 auto; }

/* MAIN
---------------------------------------------------------- */
.l-main { position: relative; margin: 0 auto; box-sizing: border-box; }

.l-main.l-fix { width: 767px; }

/* CONTAINER
---------------------------------------------------------- */

.l-inner { position: relative; box-sizing: border-box; width: 100%; padding: 0 15px; margin: 0 auto; }

.l-inner .l-inner { padding: 0; }

.l-inner-wrap { padding: 15px 15px 0 15px; }

.l-inner-py { width: 770px; }

/* ROW
---------------------------------------------------------- */
.l-row { display: -o-flex; display: -ms-flex; display: flex; margin-right: -15px; margin-left: -15px; }

.l-row.l-row-wrap { /*--- IE10 ---*/ flex-wrap: wrap; }

.l-row.l-row-top { align-items: flex-start; }

.l-row.l-row-bottom { align-items: flex-end; }

.l-row.l-row-center { align-items: center; }

.l-row.l-row-stretch { align-items: stretch; }

.l-row.l-row-baseline { align-items: baseline; }

.l-row .l-col { position: relative; display: block; box-sizing: border-box; /* OLD - iOS 6-, Safari 3.1-6 */ /* Safari 6.1+. iOS 7.1+, BB10 */ /* IE 10 */ flex: 1 1 auto; min-height: 1px; padding-right: 15px; padding-left: 15px; max-width: 100%; width: 100%; }

.l-row .l-col::after { display: block; content: ""; clear: both; }

.l-row .l-col.l-col-offset-10 { margin-left: 10%; }

.l-row .l-col.l-col-3 { flex: 0 0 25%; max-width: 25%; }

.l-row .l-col.l-col-6 { flex: 0 0 50%; max-width: 50%; }

.l-row .l-col.l-col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; }

.l-row .l-col.l-col-top { -ms-grid-row-align: flex-start; align-self: flex-start; }

.l-row .l-col.l-col-bottom { -ms-grid-row-align: flex-end; align-self: flex-end; }

.l-row .l-col.l-col-center { -ms-grid-row-align: center; align-self: center; }

/* CONTAINER WIDTH
---------------------------------------------------------- */

.l-foot { display: block; font-size: 12px; font-size: 1.2rem; line-height: 1; text-align: center; background-color: #fff; }

.l-foot .txt-copy { padding-top: 15px; padding-bottom: 45px; }

.l-foot > .l-inner { background-color: #fff; }

.l-head { display: block; }

.l-head .txt-head > .btn-link { display: inline; text-align: left; }

.l-head > .l-inner { background-color: #fff; }

/* ---------------------------------------------------------
BODY
---------------------------------------------------------- */
body { background-image: url(../image/index_bg.jpg); background-repeat: repeat; }

.l-head { background-color: #fff; }

.l-container { position: relative; max-width: 620px; width: 100%; margin: 0 auto; }

.l-container-fluid { position: relative; width: 100%; margin: 0 auto; }

.l-container-fluid .hdg-lvl-2 { max-width: 620px; }

.l-row.l-row-1 { background-image: url(../image/index_bg_sp_02.png); background-repeat: no-repeat; background-size: 100% auto; background-position: center; }

.l-row.l-row-2-sp { position: relative; padding-top: 6%; padding-bottom: 6%; }

.l-row.l-row-2 { position: relative; background-image: url(../image/index_bg_sp_03.png); background-repeat: no-repeat; background-size: 100% auto; }

.l-row.l-row-2 .img-wrap.img-wrap-1 { position: absolute; top: -5%; left: 0; right: 0; }

.l-row.l-row-3 { background-image: none; background-repeat: no-repeat; background-size: auto; background-position: center; }

.l-row.l-row-3 .l-container { padding: 22px 0 40px 0; }

.l-row.l-row-3 .img-wrap.img-wrap-1 { width: 100%; }

.l-row.l-row-4 { background-image: url(../image/index_bg_sp_05.png); background-repeat: no-repeat; background-size: 100% auto; background-position: center; }

.l-row.l-row-4 .l-row { padding: 16% 0; margin-left: -5px; margin-right: -5px; }

.l-row.l-row-4 .l-row .l-col { padding-right: 5px; padding-left: 5px; }

.l-row.l-row-5 { background-image: unset; background-image: none; background-repeat: no-repeat; background-size: auto; background-position: center; padding-top: 10%; padding-bottom: 2%; }

.l-row.l-row-6 { background-image: url(../image/index_bg_sp_07.png); background-repeat: no-repeat; background-size: 100% auto; padding-top: 30%; }

.l-row.l-row-6 .hdg-lvl-3 { padding-top: 5%; width: 60%; }

.l-row.l-row-6 .txt-step { padding-top: 2%; }

.l-row.l-row-6 .btn-link { padding-top: 1%; }

.l-row.l-row-6 .img-wrap-2 { padding-top: 1%; }

.l-row.l-row-7 { background-image: url(../image/index_bg_sp_07.png); background-repeat: no-repeat; background-size: 100% auto; padding-top: 30%; padding-bottom: 10%; }

.l-row.l-row-8 { background-image: url(../image/index_bg_sp_08.png); background-repeat: no-repeat; background-size: 100% auto; background-position: center; min-height: auto; }

.l-row.l-row-8 .img-wrap { padding: 24% 0; }

.l-row.l-row-9 { background-image: unset; background-image: none; background-repeat: no-repeat; background-size: auto; background-position: center; padding-top: 14%; }

.l-row.l-row-9 .btn-link { padding-top: 6%; width: 57.758%; }

.l-row.l-row-10 { background-image: unset; background-image: none; background-repeat: no-repeat; background-size: auto; background-position: center; padding-top: 18%; }

.l-row.l-row-10 .img-wrap-3 { padding-top: 3%; }

.l-row.l-row-10 .txt-desc { white-space: nowrap; padding-top: 3%; }

.l-row.l-row-11 { background-image: unset; background-image: none; background-repeat: no-repeat; background-size: auto; background-position: center; padding: 16% 0; }

.l-row.l-row-11 .lst-point { padding-top: 3%; }

/*.l-body{ min-width:1000px; max-width:1530px; margin: 0 auto; padding: 0 15px; } .l-body-main{ padding:40px 0 0; }*/
span[data-cmnjs-tellink] { pointer-events: none; }

.btn, .btn-primary { display: inline-block; line-height: 1.25; text-align: center; white-space: nowrap; vertical-align: middle; cursor: pointer; border: 1px solid transparent; padding: .5rem 1rem; border-radius: .25rem; background-color: #60abb9; color: #fff; font-size: .8rem; padding: .5rem .8rem; white-space: initial; }

.btn-primary { background-color: #CCAA00; color: #FFFFFF; }

.btn-link { display: inline-block; text-align: center; width: 100%; }

.btn-link:hover { opacity: .8; }

.slide-wrap .slick-prev, .slide-wrap .slick-next { width: 30px; height: 30px; border-radius: 50%; background: rgba(255, 255, 255, 0.4) !important; }

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

.slide-wrap .slick-prev:before, .slide-wrap .slick-next:before { content: ""; display: block; height: 10px; width: 10px; border-width: 2px 2px 0 0; border-color: #000; border-style: solid; }

.slide-wrap .slick-prev { left: 0; z-index: 7; }

.slide-wrap .slick-prev:before { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); margin-left: 12px; }

.slide-wrap .slick-next { right: 0; }

.slide-wrap .slick-next:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); margin-left: 9px; }

.img-wrap { text-align: center; margin: 0 auto; width: 100%; }

.img-wrap img { width: 100%; }

.img-wrap.img-wrap-2 .btn-link { width: 46.722%; }

.img-wrap.img-wrap-3 > span, .img-wrap.img-wrap-3 > a { display: inline-block; width: 44.967%; }

.img-wrap.img-wrap-4 { padding-top: 2%; }

.box { padding: 15px; background: rgba(255, 255, 255, 0.8); border-radius: 12px; }

.box.box-2 { margin-top: 15px; }

.box.box-3 { padding: 20px; border-radius: unset; }

.box.box-border { background: transparent; border: 1px solid #fff; }

.box-slide { position: relative; width: 100%; padding-top: 8%; margin: 0 auto; }

.slide-wrap { position: relative; }

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

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

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

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

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

.lst-overview > li { display: flex; /*--- IE10 ---*/ flex-wrap: wrap; }

.lst-overview > li + li { margin-top: 20px; }

.lst-overview .lst-ttl { font-size: 22px; font-size: 2.2rem; line-height: 1; padding: 7px 0; border-left: 1px solid #000; border-right: 1px solid #000; text-align: center; font-weight: bold; margin: 0 auto; width: 7em; font-size: 4.0625vw; }

.lst-overview .lst-ttl > span { height: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; }

.lst-overview .lst-txt { font-size: 12px; font-size: 1.2rem; line-height: 1.5; text-align: center; font-weight: bold; margin-top: 10px; width: 100%; }

.lst-overview .lst-txt > p { font-weight: bold; }

.lst-overview .lst-disc, .lst-overview .lst-note { font-size: 12px; font-size: 1.2rem; line-height: 1.5; }

.lst-overview .lst-disc > li, .lst-overview .lst-note > li { text-align: left; margin-top: 3px; }

.lst-point { color: #fff; font-weight: 800; }

.lst-point > .lst-point-item { position: relative; font-size: 11px; font-size: 1.1rem; line-height: 1.5; padding-left: 1.2em; }

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

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

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list:focus { outline: none; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

[dir="rtl"] .slick-slide { float: right; }

.slick-slide img { display: block; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/* Slider */
.slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; color: transparent; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; }

.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }

.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }

.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }

[dir="rtl"] .slick-prev { left: auto; right: -25px; }

.slick-prev:before { content: "←"; }

[dir="rtl"] .slick-prev:before { content: "→"; }

.slick-next { right: -25px; }

[dir="rtl"] .slick-next { left: -25px; right: auto; }

.slick-next:before { content: "→"; }

[dir="rtl"] .slick-next:before { content: "←"; }

/* Dots */
.slick-dotted.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -25px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; }

.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }

.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0px; font-size: 0px; color: transparent; padding: 5px; cursor: pointer; }

.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }

.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }

.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "•"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

.u-sp-hidden { display: none; }

.u-pc-hidden { display: block; }

.hdg-lvl-1 { margin: 0 auto; padding-top: 2%; padding-bottom: 2%; }

.hdg-lvl-2, .hdg-lvl-3 { text-align: center; margin: 0 auto; }

.hdg-attention { font-size: 16px; font-size: 1.6rem; line-height: 1.5; color: #fff; font-weight: 800; text-align: center; border-top: 1px solid #fff; border-bottom: 1px solid #fff; padding: 6px 0; }

.txt-head { padding: 20px 30px; }

.txt-std { font-size: 14px; font-size: 1.4rem; line-height: 1.5; }

.txt-lead { font-size: 14px; font-size: 2.25806vw; font-weight: 600; }

.txt-step { font-size: 11px; font-size: 1.1rem; line-height: 1.7; font-weight: 600; color: #fff; text-align: center; }

.txt-desc { font-size: 11px; font-size: 1.1rem; line-height: 1.5; font-weight: 600; color: #fff; text-align: center; }

.txt-copy { color: #A6A6A6; }

hr.type-1 { border-top: 2px dotted #fff; margin: 15px 0 20px 0; }

@media screen and (max-width: 77.5rem) and (max-width: 36.32812rem) { .u-scalable-1 { font-size: 1.875rem; } }

@media screen and (min-width: 77.5rem) and (min-width: 36.32812rem), screen and (max-width: 77.5rem) and (min-width: 36.32812rem) { .u-scalable-1 { font-size: 5.16129vw; } }

@media screen and (min-width: 77.5rem) and (min-width: 121.09375rem) { .u-scalable-1 { font-size: 6.25rem; } }

@media screen and (max-width: 77.5rem) { .u-scalable-2 { font-size: 3rem; } }

@media screen and (min-width: 77.5rem) and (max-width: 96.875rem) { .u-scalable-2 { font-size: 3.87097vw; } }

@media screen and (min-width: 77.5rem) and (min-width: 96.875rem) { .u-scalable-2 { font-size: 3.75rem; } }

@media screen and (min-width: 77.5rem) { .u-scalable-3 { font-size: 3rem; } .u-scalable-4 { font-size: 1.375rem; } }

@media screen and (max-width: 77.5rem) and (min-width: 29.0625rem) { .u-scalable-3 { font-size: 3.87097vw; } }

@media screen and (max-width: 77.5rem) and (max-width: 29.0625rem) { .u-scalable-3 { font-size: 1.125rem; } }

@media screen and (max-width: 77.5rem) and (min-width: 56.36364rem) { .u-scalable-4 { font-size: 1.77419vw; } }

@media screen and (max-width: 77.5rem) and (max-width: 56.36364rem) { .u-scalable-4 { font-size: 1rem; } }

@media screen and (max-width: 767px) { .ft-small-x, table.ft-small-x th, table.ft-small-x td { font-size: 11px !important; font-size: 1.1rem !important; line-height: 1.5 !important; }
  .ft-small, table.ft-small th, table.ft-small td { font-size: 12px !important; font-size: 1.2rem !important; line-height: 1.5 !important; }
  .ft-medium, table.ft-medium th, table.ft-medium td { font-size: 14px !important; font-size: 1.4rem !important; line-height: 1.5 !important; }
  .ft-large, table.ft-large th, table.ft-large td { font-size: 16px !important; font-size: 1.6rem !important; line-height: 1.5 !important; }
  .ft-large-x, table.ft-large-x th, table.ft-large-x td { font-size: 18px !important; font-size: 1.8rem !important; line-height: 1.5 !important; }
  .ft-large-xx, table.ft-large-xx th, table.ft-large-xx td { font-size: 20px !important; font-size: 2.0rem !important; line-height: 1.5 !important; } }

@media (min-width: 767px) { .l-inner { width: 1200px; } .l-inner-wrap { padding: 0; } .l-foot { display: inline-block; width: 100%; }
  .l-foot .txt-copy { padding-top: 15px; padding-bottom: 55px; } .l-row.l-row-1 { background-image: url(../image/index_bg_02.png); background-repeat: no-repeat; background-size: cover; background-position: center; } .l-row.l-row-2 { background-image: url(../image/index_bg_03.png); background-size: cover; } .l-row.l-row-2 .img-wrap.img-wrap-1 { position: absolute; top: -5%; left: 0; right: 0; } .l-row.l-row-3 { background-image: url(../image/index_bg_04.png); min-height: 540px; margin-top: -4%; background-position: bottom; }
  .l-row.l-row-3 .l-container { padding: 8.5% 0 0 0; }
  .l-row.l-row-3 .img-wrap.img-wrap-1 { width: 71%; } .l-row.l-row-4 { background-image: url(../image/index_bg_05.png); background-size: auto; background-position: center top; min-height: 332px; padding-top: 3%; }
  .l-row.l-row-4 .l-row { padding: 30px 40px; } .l-row.l-row-5 { background-image: url(../image/index_bg_06.png); min-height: 766px; padding-top: 6.5%; padding-bottom: 0; margin-top: -1%; } .l-row.l-row-6 { background-image: url(../image/index_bg_07.png); background-size: auto; background-position: center; min-height: 1096px; padding-top: 2.5%; } .l-row.l-row-7 { background-image: unset; background-image: none; padding-top: 0; padding-bottom: 0; } .l-row.l-row-8 { background-image: url(../image/index_bg_08.png); background-size: auto; min-height: 418px; }
  .l-row.l-row-8 .img-wrap { padding-top: 17.2248%; padding-bottom: 0; } .l-row.l-row-9 { background-image: url(../image/index_bg_09.png); min-height: 440px; padding-top: 2%; }
  .l-row.l-row-9 .btn-link { padding-top: 3%; width: 70.044%; } .l-row.l-row-10 { background-image: url(../image/index_bg_10.png); min-height: 410px; padding-top: 0; } .l-row.l-row-11 { background-image: url(../image/index_bg_11.png); min-height: 456px; padding: 0; } .slide-wrap .slick-prev, .slide-wrap .slick-next { width: 50px; height: 50px; }
  .slide-wrap .slick-prev:before, .slide-wrap .slick-next:before { height: 20px; width: 20px; border-width: 3px 3px 0 0; }
  .slide-wrap .slick-prev { left: 10%; }
  .slide-wrap .slick-prev:before { margin-left: 20px; }
  .slide-wrap .slick-next { right: 10%; }
  .slide-wrap .slick-next:before { margin-left: 12px; } .img-wrap.img-wrap-2 .btn-link { width: 35.9375%; }
  .img-wrap.img-wrap-4 > span, .img-wrap.img-wrap-4 > a { width: 62.354%; } .box { padding: 36px 30px; }
  .box.box-2 { padding: 40px 30px; margin-top: 30px; }
  .box.box-3 { padding: 40px 70px; } .box-slide { padding-top: 4%; } .lst-overview > li + li { margin-top: 40px; }
  .lst-overview .lst-ttl { font-size: 22px; font-size: 2.2rem; line-height: 1; width: 117px; }
  .lst-overview .lst-txt { font-size: 18px; font-size: 1.8rem; line-height: 1.5; text-align: left; margin-left: 20px; width: calc(100% - 20px - 117px); }
  .lst-overview .lst-disc, .lst-overview .lst-note { font-size: 16px; font-size: 1.6rem; line-height: 1.5; font-weight: 500; } .lst-point > .lst-point-item { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } .u-sp-hidden { display: block; }
  .u-pc-hidden { display: none; } .hdg-lvl-1 { padding-top: 0; padding-bottom: 0; } .hdg-attention { font-size: 22px; font-size: 2.2rem; line-height: 1; padding: 16px; } .txt-lead { font-size: 16px; font-size: 1.6rem; line-height: 1.8; } .txt-step { font-size: 22px; font-size: 2.2rem; line-height: 1.5; } .txt-desc { font-size: 16px; font-size: 1.6rem; line-height: 1.5; } hr.type-1 { margin: 30px 0; } }

@media (min-width: 620px) { .l-head { display: inline-block; width: 100%; } }

@media (max-width: 766px) { .l-head { padding: 7px 10px; }
  .l-head .l-inner, .l-head .txt-head { padding: 0; }
  .l-head img { width: 28%; } }