@charset "UTF-8";

/*--------------------------------

	PC

---------------------------------*/

body.pr_app { min-width: 1230px; }

#lp-app br.sp{ display: none; }


#lp-app .body-inner { max-width: 2400px; margin: 0 auto; }
#lp-app .border-main { border: 1px solid #111111; background-color: #fff; }
#lp-app .border-main-subtext { border: 1px solid #727171; background-color: #fff; }
#lp-app * { box-sizing: border-box; }
#lp-app html { font-size: 50%; }
@media (min-width: 321px) { #lp-app html { font-size: 62.5%; } }
#lp-app body { font-size: 1.6em; font-family: "Futura", "Avenir Next", "Lato", "NotoSansJP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; line-height: 1.7; color: #111111; -webkit-font-smoothing: antialiased; word-break: break-all; }
@media (min-width: 900px) { #lp-app body { line-height: 1.7; } }
#lp-app img { max-width: 100%; height: auto; vertical-align: bottom; }
#lp-app a:link { color: #111111; text-decoration: none; transition: opacity 0.6s linear; opacity: 1; }
#lp-app a:visited { color: #111111; }
#lp-app a:hover { text-decoration: none; }
#lp-app h1, #lp-app h2, #lp-app h3, #lp-app h4, #lp-app h5, #lp-app h6 { font-size: 1.5rem; margin: 0; padding: 0; font-feature-settings: "palt"; font-family: "Futura", "Avenir Next", "Lato", "NotoSansJP-Regular", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: 400; }
@media (min-width: 900px) { #lp-app h1, #lp-app h2, #lp-app h3, #lp-app h4, #lp-app h5, #lp-app h6 { font-size: 1.8rem; } }
#lp-app p, #lp-app ul, #lp-app li, #lp-app ol, #lp-app dl, #lp-app dt, #lp-app dd { margin: 0; padding: 0; }
#lp-app ul li { list-style: none; }
#lp-app p { word-break: break-all; font-size: 1.3rem; font-family: "Futura", "Avenir Next", "Lato", "NotoSansJP-Regular", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: 400; }
@media (min-width: 900px) { #lp-app p { font-size: 1.4rem; } }
#lp-app .font-ja { font-family: "Futura", "Avenir Next", "Lato", "NotoSansJP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; }
#lp-app .font-ja-thin { font-family: "Futura", "Avenir Next", "Lato", "NotoSansJP-Thin", "HiraginoSans-W2", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: 200; }
#lp-app .font-ja-regular { font-family: "Futura", "Avenir Next", "Lato", "NotoSansJP-Regular", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: 400; }
#lp-app .font-ja-medium { font-family: "Futura", "Avenir Next", "Lato", "NotoSansJP-Medium", "HiraginoSans-W4", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: 500; }
#lp-app .font-ja-bold { font-family: "Futura", "Avenir Next", "Lato", "NotoSansJP-Bold", "HiraginoSans-W6", "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: 700; }
#lp-app ul.link-menu { box-sizing: border-box; text-align: center; margin: 0 0 30px 0; border: none; }
#lp-app ul.link-menu li { position: relative; display: inline; border-bottom: none; }
#lp-app ul.link-menu li a { display: inline; padding: 10px 20px 10px 30px; transition: opacity 0.3s linear; }
@media (min-width: 900px) { #lp-app ul.link-menu li a:hover { transition: opacity 0.3s linear; } }
@media (min-width: 900px) and (min-width: 900px) { #lp-app ul.link-menu li a:hover { opacity: 0.6; } }
#lp-app ul.link-menu li a:before { position: absolute; content: ''; left: 10px; width: 14px; height: 14px; background: url(/img/lp-app/icon-rect-blk-r.svg) no-repeat center center; background-size: 22px; bottom: 1px; }
@keyframes fadein { from { opacity: 0; }
  to { opacity: 1; } }
  #lp-app * { font-size: 1.6em; font-family: "Futura", "Avenir Next", "Lato", "NotoSansJP", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; line-height: 1.7; color: #111111; -webkit-font-smoothing: antialiased; word-break: break-all; }
  @media (min-width: 900px) { #lp-app * { line-height: 1.7; } }
#lp-app .content-wrapper { position: relative; width: 100%; min-width: 290px; margin: 0 auto; }
#lp-app .content-wrapper-common { position: relative; width: 100%; margin: 0 auto; padding: 0 15px; }
@media (min-width: 514px) { #lp-app .content-wrapper-common { max-width: 930px; padding: 0 15px; } }
@media (min-width: 900px) { #lp-app .content-wrapper-common { max-width: 1110px; padding: 0 15px; } }
#lp-app .content-wrapper-common.s-sp-pd { padding: 0 15px; }
@media (min-width: 514px) { #lp-app .content-wrapper-common.s-sp-pd { max-width: 930px; padding: 0 15px; } }
@media (min-width: 900px) { #lp-app .content-wrapper-common.s-sp-pd { max-width: 1110px; padding: 0 15px; } }
#lp-app .content-wrapper-common.no-sp-pd { padding: 0 0; }
@media (min-width: 514px) { #lp-app .content-wrapper-common.no-sp-pd { max-width: 930px; padding: 0 15px; } }
@media (min-width: 900px) { #lp-app .content-wrapper-common.no-sp-pd { max-width: 1110px; padding: 0 15px; } }
#lp-app .content-wrapper-common.no-pc-pd { padding: 0 15px; }
@media (min-width: 514px) { #lp-app .content-wrapper-common.no-pc-pd { max-width: 930px; padding: 0 0; } }
@media (min-width: 900px) { #lp-app .content-wrapper-common.no-pc-pd { max-width: 1110px; padding: 0 0; } }
#lp-app .content-wrapper-common.no-pd { padding: 0; }
@media (min-width: 514px) { #lp-app .content-wrapper-common.no-pd { padding: 0; } }
@media (min-width: 900px) { #lp-app .content-wrapper-common.no-pd { padding: 0; } }
#lp-app .content-wrapper-common.tab-half { width: 100%; }
@media (min-width: 514px) { #lp-app .content-wrapper-common.tab-half { width: 480px; } }
@media (min-width: 900px) { #lp-app .content-wrapper-common.tab-half { width: 100%; } }
#lp-app .content-wrapper-w { position: relative; width: 100%; max-width: 1280px; margin: 0 auto; padding: 0; }
@media (min-width: 1200px) { #lp-app .content-wrapper-w { padding: 0 15px; } }
@media (min-width: 1200px) { #lp-app .content-wrapper-w.no-pd { padding: 0 0; } }
@media (min-width: 1200px) { #lp-app .content-wrapper-w.pd-2x { padding: 0 30px; } }
#lp-app .content-wrapper-m { position: relative; width: 100%; max-width: 700px; margin: 0 auto; padding: 0 15px; }
@media (min-width: 514px) { #lp-app .content-wrapper-m { max-width: 930px; } }
@media (min-width: 900px) { #lp-app .content-wrapper-m { padding: 0 15px; } }
#lp-app .content-wrapper-m.s-sp-pd { padding: 0 15px; }
@media (min-width: 900px) { #lp-app .content-wrapper-m.s-sp-pd { padding: 0 15px; } }
#lp-app .content-wrapper-m.no-pd { padding: 0; }
@media (min-width: 900px) { #lp-app .content-wrapper-m.no-pd { padding: 0; } }
#lp-app .content-wrapper-s { position: relative; width: 100%; max-width: 540px; margin: 0 auto; padding: 0 15px; }
@media (min-width: 900px) { #lp-app .content-wrapper-s { padding: 0 15px; } }
#lp-app .ribbon-green { background-color: #0c9090; }
#lp-app .ribbon-sp-pd { padding: 0 15px; }
@media (min-width: 900px) { #lp-app .ribbon-sp-pd { padding: 0 0; } }
#lp-app .content-pd-only-sp { padding: 0 15px; }
@media (min-width: 900px) { #lp-app .content-pd-only-sp { padding: 0 0; } }
#lp-app .content-pd-only-sp-2x { padding: 0 30px; }
@media (min-width: 900px) { #lp-app .content-pd-only-sp-2x { padding: 0 0; } }
#lp-app .content-pd-only-pc { padding: 0 0; }
@media (min-width: 900px) { #lp-app .content-pd-only-pc { padding: 0 15px; } }
#lp-app .content-pd { padding: 0 15px; }
@media (min-width: 900px) { #lp-app .content-pd { padding: 0 15px; } }
#lp-app .pd-ribbon-common { padding: 45px 0; }
@media (min-width: 900px) { #lp-app .pd-ribbon-common { padding: 45px 0; } }
#lp-app .maxw-1280 { max-width: 100%; margin: 0 auto; }
@media (min-width: 1250px) { #lp-app .maxw-1280 { max-width: 1250px; } }
#lp-app .maxw-1280.sp-pd { padding: 0 15px; }
@media (min-width: 1250px) { #lp-app .maxw-1280.sp-pd { padding: 0; } }
#lp-app .row { box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 0; -ms-flex: 0 1 auto; flex: 0 1 auto; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0; }
@media (min-width: 900px) { #lp-app .row { margin: 0 -15px; } }
#lp-app .row.has-sp-nm { margin: 0 -15px; }
#lp-app .row.no-negative-magin { margin-right: 0; margin-left: 0; }
@media (min-width: 514px) { #lp-app .row.no-negative-magin { margin-right: 0; margin-left: 0; } }
@media (min-width: 900px) { #lp-app .row.no-negative-magin { margin-right: 0; margin-left: 0; } }
#lp-app .col { width: 100%; padding: 0 15px; }
#lp-app .col .no-pd { padding: 0 0; }
#lp-app .col-xs, #lp-app .col-xs-1, #lp-app .col-xs-2, #lp-app .col-xs-3, #lp-app .col-xs-4, #lp-app .col-xs-5, #lp-app .col-xs-6, #lp-app .col-xs-7, #lp-app .col-xs-8, #lp-app .col-xs-9, #lp-app .col-xs-10, #lp-app .col-xs-11, #lp-app .col-xs-12, #lp-app .col-xs-offset-0, #lp-app .col-xs-offset-1, #lp-app .col-xs-offset-2, #lp-app .col-xs-offset-3, #lp-app .col-xs-offset-4, #lp-app .col-xs-offset-5, #lp-app .col-xs-offset-6, #lp-app .col-xs-offset-7, #lp-app .col-xs-offset-8, #lp-app .col-xs-offset-9, #lp-app .col-xs-offset-10, #lp-app .col-xs-offset-11, #lp-app .col-xs-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 15px; padding-left: 15px; }
#lp-app .col-xs.no-pd, #lp-app .col-xs-1.no-pd, #lp-app .col-xs-2.no-pd, #lp-app .col-xs-3.no-pd, #lp-app .col-xs-4.no-pd, #lp-app .col-xs-5.no-pd, #lp-app .col-xs-6.no-pd, #lp-app .col-xs-7.no-pd, #lp-app .col-xs-8.no-pd, #lp-app .col-xs-9.no-pd, #lp-app .col-xs-10.no-pd, #lp-app .col-xs-11.no-pd, #lp-app .col-xs-12.no-pd, #lp-app .col-xs-offset-0.no-pd, #lp-app .col-xs-offset-1.no-pd, #lp-app .col-xs-offset-2.no-pd, #lp-app .col-xs-offset-3.no-pd, #lp-app .col-xs-offset-4.no-pd, #lp-app .col-xs-offset-5.no-pd, #lp-app .col-xs-offset-6.no-pd, #lp-app .col-xs-offset-7.no-pd, #lp-app .col-xs-offset-8.no-pd, #lp-app .col-xs-offset-9.no-pd, #lp-app .col-xs-offset-10.no-pd, #lp-app .col-xs-offset-11.no-pd, #lp-app .col-xs-offset-12.no-pd { padding: 0; }
#lp-app .col-xs { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; }
#lp-app .col-xs-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; }
#lp-app .col-xs-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; }
#lp-app .col-xs-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
#lp-app .col-xs-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; }
#lp-app .col-xs-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; }
#lp-app .col-xs-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
#lp-app .col-xs-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; }
#lp-app .col-xs-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; }
#lp-app .col-xs-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; }
#lp-app .col-xs-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; }
#lp-app .col-xs-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; }
#lp-app .col-xs-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
#lp-app .col-xs-offset-0 { margin-left: 0; }
#lp-app .col-xs-offset-1 { margin-left: 8.33333333%; }
#lp-app .col-xs-offset-2 { margin-left: 16.66666667%; }
#lp-app .col-xs-offset-3 { margin-left: 25%; }
#lp-app .col-xs-offset-4 { margin-left: 33.33333333%; }
#lp-app .col-xs-offset-5 { margin-left: 41.66666667%; }
#lp-app .col-xs-offset-6 { margin-left: 50%; }
#lp-app .col-xs-offset-7 { margin-left: 58.33333333%; }
#lp-app .col-xs-offset-8 { margin-left: 66.66666667%; }
#lp-app .col-xs-offset-9 { margin-left: 75%; }
#lp-app .col-xs-offset-10 { margin-left: 83.33333333%; }
#lp-app .col-xs-offset-11 { margin-left: 91.66666667%; }
#lp-app .start-xs { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; }
#lp-app .center-xs { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }
#lp-app .end-xs { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; }
#lp-app .top-xs { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
#lp-app .middle-xs { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#lp-app .bottom-xs { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
#lp-app .around-xs { -ms-flex-pack: distribute; justify-content: space-around; }
#lp-app .between-xs { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#lp-app .first-xs { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
#lp-app .last-xs { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; }
@media (min-width: 514px) { #lp-app .col-sm, #lp-app .col-sm-1, #lp-app .col-sm-2, #lp-app .col-sm-3, #lp-app .col-sm-4, #lp-app .col-sm-5, #lp-app .col-sm-6, #lp-app .col-sm-7, #lp-app .col-sm-8, #lp-app .col-sm-9, #lp-app .col-sm-10, #lp-app .col-sm-11, #lp-app .col-sm-12, #lp-app .col-sm-offset-0, #lp-app .col-sm-offset-1, #lp-app .col-sm-offset-2, #lp-app .col-sm-offset-3, #lp-app .col-sm-offset-4, #lp-app .col-sm-offset-5, #lp-app .col-sm-offset-6, #lp-app .col-sm-offset-7, #lp-app .col-sm-offset-8, #lp-app .col-sm-offset-9, #lp-app .col-sm-offset-10, #lp-app .col-sm-offset-11, #lp-app .col-sm-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 15px; padding-left: 15px; }
  #lp-app .col-sm { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; }
  #lp-app .col-sm-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; }
  #lp-app .col-sm-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; }
  #lp-app .col-sm-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
  #lp-app .col-sm-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; }
  #lp-app .col-sm-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; }
  #lp-app .col-sm-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
  #lp-app .col-sm-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; }
  #lp-app .col-sm-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; }
  #lp-app .col-sm-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; }
  #lp-app .col-sm-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; }
  #lp-app .col-sm-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; }
  #lp-app .col-sm-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
  #lp-app .col-sm-offset-0 { margin-left: 0; }
  #lp-app .col-sm-offset-1 { margin-left: 8.33333333%; }
  #lp-app .col-sm-offset-2 { margin-left: 16.66666667%; }
  #lp-app .col-sm-offset-3 { margin-left: 25%; }
  #lp-app .col-sm-offset-4 { margin-left: 33.33333333%; }
  #lp-app .col-sm-offset-5 { margin-left: 41.66666667%; }
  #lp-app .col-sm-offset-6 { margin-left: 50%; }
  #lp-app .col-sm-offset-7 { margin-left: 58.33333333%; }
  #lp-app .col-sm-offset-8 { margin-left: 66.66666667%; }
  #lp-app .col-sm-offset-9 { margin-left: 75%; }
  #lp-app .col-sm-offset-10 { margin-left: 83.33333333%; }
  #lp-app .col-sm-offset-11 { margin-left: 91.66666667%; }
  #lp-app .start-sm { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; }
  #lp-app .center-sm { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }
  #lp-app .end-sm { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; }
  #lp-app .top-sm { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  #lp-app .middle-sm { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #lp-app .bottom-sm { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
  #lp-app .around-sm { -ms-flex-pack: distribute; justify-content: space-around; }
  #lp-app .between-sm { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #lp-app .first-sm { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
  #lp-app .last-sm { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }
  @media (min-width: 900px) { #lp-app .col-md, #lp-app .col-md-1, #lp-app .col-md-2, #lp-app .col-md-3, #lp-app .col-md-4, #lp-app .col-md-5, #lp-app .col-md-6, #lp-app .col-md-7, #lp-app .col-md-8, #lp-app .col-md-9, #lp-app .col-md-10, #lp-app .col-md-11, #lp-app .col-md-12, #lp-app .col-md-offset-0, #lp-app .col-md-offset-1, #lp-app .col-md-offset-2, #lp-app .col-md-offset-3, #lp-app .col-md-offset-4, #lp-app .col-md-offset-5, #lp-app .col-md-offset-6, #lp-app .col-md-offset-7, #lp-app .col-md-offset-8, #lp-app .col-md-offset-9, #lp-app .col-md-offset-10, #lp-app .col-md-offset-11, #lp-app .col-md-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 15px; padding-left: 15px; }
  #lp-app .col-md { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; }
  #lp-app .col-md-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; }
  #lp-app .col-md-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; }
  #lp-app .col-md-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
  #lp-app .col-md-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; }
  #lp-app .col-md-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; }
  #lp-app .col-md-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
  #lp-app .col-md-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; }
  #lp-app .col-md-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; }
  #lp-app .col-md-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; }
  #lp-app .col-md-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; }
  #lp-app .col-md-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; }
  #lp-app .col-md-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
  #lp-app .col-md-offset-0 { margin-left: 0; }
  #lp-app .col-md-offset-1 { margin-left: 8.33333333%; }
  #lp-app .col-md-offset-2 { margin-left: 16.66666667%; }
  #lp-app .col-md-offset-3 { margin-left: 25%; }
  #lp-app .col-md-offset-4 { margin-left: 33.33333333%; }
  #lp-app .col-md-offset-5 { margin-left: 41.66666667%; }
  #lp-app .col-md-offset-6 { margin-left: 50%; }
  #lp-app .col-md-offset-7 { margin-left: 58.33333333%; }
  #lp-app .col-md-offset-8 { margin-left: 66.66666667%; }
  #lp-app .col-md-offset-9 { margin-left: 75%; }
  #lp-app .col-md-offset-10 { margin-left: 83.33333333%; }
  #lp-app .col-md-offset-11 { margin-left: 91.66666667%; }
  #lp-app .start-md { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; }
  #lp-app .center-md { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }
  #lp-app .end-md { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; }
  #lp-app .top-md { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  #lp-app .middle-md { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #lp-app .bottom-md { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
  #lp-app .around-md { -ms-flex-pack: distribute; justify-content: space-around; }
  #lp-app .between-md { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #lp-app .first-md { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
  #lp-app .last-md { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }
  @media (min-width: 900px) { #lp-app .col-lg, #lp-app .col-lg-1, #lp-app .col-lg-2, #lp-app .col-lg-3, #lp-app .col-lg-4, #lp-app .col-lg-5, #lp-app .col-lg-6, #lp-app .col-lg-7, #lp-app .col-lg-8, #lp-app .col-lg-9, #lp-app .col-lg-10, #lp-app .col-lg-11, #lp-app .col-lg-12, #lp-app .col-lg-offset-0, #lp-app .col-lg-offset-1, #lp-app .col-lg-offset-2, #lp-app .col-lg-offset-3, #lp-app .col-lg-offset-4, #lp-app .col-lg-offset-5, #lp-app .col-lg-offset-6, #lp-app .col-lg-offset-7, #lp-app .col-lg-offset-8, #lp-app .col-lg-offset-9, #lp-app .col-lg-offset-10, #lp-app .col-lg-offset-11, #lp-app .col-lg-offset-12 { box-sizing: border-box; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; padding-right: 15px; padding-left: 15px; }
  #lp-app .col-lg { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 100%; }
  #lp-app .col-lg-1 { -ms-flex-preferred-size: 8.33333333%; flex-basis: 8.33333333%; max-width: 8.33333333%; }
  #lp-app .col-lg-2 { -ms-flex-preferred-size: 16.66666667%; flex-basis: 16.66666667%; max-width: 16.66666667%; }
  #lp-app .col-lg-3 { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 25%; }
  #lp-app .col-lg-4 { -ms-flex-preferred-size: 33.33333333%; flex-basis: 33.33333333%; max-width: 33.33333333%; }
  #lp-app .col-lg-5 { -ms-flex-preferred-size: 41.66666667%; flex-basis: 41.66666667%; max-width: 41.66666667%; }
  #lp-app .col-lg-6 { -ms-flex-preferred-size: 50%; flex-basis: 50%; max-width: 50%; }
  #lp-app .col-lg-7 { -ms-flex-preferred-size: 58.33333333%; flex-basis: 58.33333333%; max-width: 58.33333333%; }
  #lp-app .col-lg-8 { -ms-flex-preferred-size: 66.66666667%; flex-basis: 66.66666667%; max-width: 66.66666667%; }
  #lp-app .col-lg-9 { -ms-flex-preferred-size: 75%; flex-basis: 75%; max-width: 75%; }
  #lp-app .col-lg-10 { -ms-flex-preferred-size: 83.33333333%; flex-basis: 83.33333333%; max-width: 83.33333333%; }
  #lp-app .col-lg-11 { -ms-flex-preferred-size: 91.66666667%; flex-basis: 91.66666667%; max-width: 91.66666667%; }
  #lp-app .col-lg-12 { -ms-flex-preferred-size: 100%; flex-basis: 100%; max-width: 100%; }
  #lp-app .col-lg-offset-0 { margin-left: 0; }
  #lp-app .col-lg-offset-1 { margin-left: 8.33333333%; }
  #lp-app .col-lg-offset-2 { margin-left: 16.66666667%; }
  #lp-app .col-lg-offset-3 { margin-left: 25%; }
  #lp-app .col-lg-offset-4 { margin-left: 33.33333333%; }
  #lp-app .col-lg-offset-5 { margin-left: 41.66666667%; }
  #lp-app .col-lg-offset-6 { margin-left: 50%; }
  #lp-app .col-lg-offset-7 { margin-left: 58.33333333%; }
  #lp-app .col-lg-offset-8 { margin-left: 66.66666667%; }
  #lp-app .col-lg-offset-9 { margin-left: 75%; }
  #lp-app .col-lg-offset-10 { margin-left: 83.33333333%; }
  #lp-app .col-lg-offset-11 { margin-left: 91.66666667%; }
  #lp-app .start-lg { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-align: start; }
  #lp-app .center-lg { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; }
  #lp-app .end-lg { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: end; }
  #lp-app .top-lg { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
  #lp-app .middle-lg { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
  #lp-app .bottom-lg { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
  #lp-app .around-lg { -ms-flex-pack: distribute; justify-content: space-around; }
  #lp-app .between-lg { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
  #lp-app .first-lg { -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }
  #lp-app .last-lg { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }
  #lp-app .c-main { color: #111111; }
  #lp-app .c-white { color: #fff; }
#lp-app .c-green { color: #0c9090; }
#lp-app .c-green-dark { color: #008182; }
#lp-app .c-orange { color: #d95646; }
#lp-app .c-orange-dark { color: #ce4037; }
#lp-app .c-purple { color: #a71659; }
#lp-app .c-purple-dark { color: #950047; }
@media (min-width: 900px) { #lp-app .link-hover { opacity: 1; transition: opacity 0.3s linear; } }
@media (min-width: 900px) { #lp-app .link-hover:hover { opacity: 0.6; } }
#lp-app .f-palt { font-feature-settings: "palt"; }
#lp-app .notice { font-size: 1.2rem !important; }
#lp-app .notice-s { font-size: 1rem !important; }
#lp-app .bold { font-weight: bold; }
#lp-app .is-center { text-align: center; }
#lp-app .is-left { text-align: left; }
#lp-app .is-right { text-align: right; }
#lp-app .underline { text-decoration: underline !important; }
#lp-app .js-shuffle-singles { visibility: hidden; }
#lp-app .js-shuffle-singles.show { visibility: visible; }
#lp-app .bg-white { background-color: #fff; }
#lp-app .bg-green { background-color: #0c9090; }
#lp-app .bg-green-dark { background-color: #008182; }
#lp-app .bg-orange { background-color: #d95646; }
#lp-app .bg-orange-dark { background-color: #ce4037; }
#lp-app .bg-purple { background-color: #a71659; }
#lp-app .bg-purple-dark { background-color: #950047; }
#lp-app .bg-gray { background-color: #ececec; }
#lp-app .bg-beige { background-color: #f8ede7; }
#lp-app .bg-beige-dark { background-color: #ded2c6; }
#lp-app .bg-color { background-color: #f0f0f0; }
#lp-app .bg-color1 { background-color: #666666; }
#lp-app .bg-color2 { background-color: #aaaaaa; }
#lp-app .bg-color3 { background-color: #333333; }
#lp-app .bg-color4 { background-color: #999999; }
#lp-app .bg-color5 { background-color: #cccccc; }
#lp-app .bg-color6 { background-color: #f1f1f1; }
#lp-app .bg-color7 { background-color: #777777; }
@media (min-width: 321px) { #lp-app ul.link-list { padding: 0 30px; } }
@media (min-width: 900px) { #lp-app ul.link-list { padding: 0 0; } }
#lp-app ul.link-list li { position: relative; border-top: 1px solid #bbb7b8; }
#lp-app ul.link-list li a { display: block; padding: 15px 15px; font-size: 14px; }
#lp-app ul.link-list li:last-child { border-bottom: 1px solid #bbb7b8; }
#lp-app ul.link-list li:after { position: absolute; content: ''; bottom: 20px; right: 15px; width: 14px; height: 14px; background: url(/img/lp-app/icon-arrow-blk-r.svg) no-repeat center center; background-size: 14px; }
@media (min-width: 900px) { #lp-app ul.link-list li:hover { background: #ececec; cursor: pointer; } }
#lp-app ul.notice li { font-size: 10px; }
#lp-app .mt-s { margin-top: 25px; }
@media (min-width: 900px) { #lp-app .mt-s { margin-top: 30px; } }
@media (min-width: 1367px) { #lp-app .mt-s { margin-top: 45px; } }
#lp-app .mt-m { margin-top: 50px; }
@media (min-width: 900px) { #lp-app .mt-m { margin-top: 60px; } }
@media (min-width: 1367px) { #lp-app .mt-m { margin-top: 80px; } }
#lp-app .mt-l { margin-top: 80px; }
@media (min-width: 900px) { #lp-app .mt-l { margin-top: 90px; } }
@media (min-width: 1367px) { #lp-app .mt-l { margin-top: 120px; } }
#lp-app .mt-10 { margin-top: 10px; }
#lp-app .mt-20 { margin-top: 20px; }
#lp-app .mb-s { margin-bottom: 40px; }
@media (min-width: 900px) { #lp-app .mb-s { margin-bottom: 50px; } }
@media (min-width: 1367px) { #lp-app .mb-s { margin-bottom: 50px; } }
#lp-app .mb-m { margin-bottom: 50px; }
@media (min-width: 900px) { #lp-app .mb-m { margin-bottom: 60px; } }
@media (min-width: 1367px) { #lp-app .mb-m { margin-bottom: 80px; } }
#lp-app .mb-l { margin-bottom: 80px; }
@media (min-width: 900px) { #lp-app .mb-l { margin-bottom: 100px; } }
@media (min-width: 1367px) { #lp-app .mb-l { margin-bottom: 100px; } }
#lp-app .mb-10 { margin-bottom: 10px; }
#lp-app .mb-20 { margin-bottom: 20px; }
#lp-app .padding-side-m { padding: 0 30px; }
@media (min-width: 900px) { #lp-app .padding-side-m { padding: 0; } }
#lp-app p.common { margin: 1em 0; }
#lp-app .pt-s { padding-top: 25px; }
@media (min-width: 900px) { #lp-app .pt-s { padding-top: 30px; } }
@media (min-width: 1367px) { #lp-app .pt-s { padding-top: 45px; } }
#lp-app .pt-m { padding-top: 50px; }
@media (min-width: 900px) { #lp-app .pt-m { padding-top: 60px; } }
@media (min-width: 1367px) { #lp-app .pt-m { padding-top: 90px; } }
#lp-app .pt-l { padding-top: 80px; }
@media (min-width: 900px) { #lp-app .pt-l { padding-top: 90px; } }
@media (min-width: 1367px) { #lp-app .pt-l { padding-top: 120px; } }
#lp-app .pb-s { padding-bottom: 25px; }
@media (min-width: 900px) { #lp-app .pb-s { padding-bottom: 30px; } }
@media (min-width: 1367px) { #lp-app .pb-s { padding-bottom: 45px; } }
#lp-app .pb-m { padding-bottom: 50px; }
@media (min-width: 900px) { #lp-app .pb-m { padding-bottom: 60px; } }
@media (min-width: 1367px) { #lp-app .pb-m { padding-bottom: 90px; } }
#lp-app .pb-l { padding-bottom: 80px; }
@media (min-width: 900px) { #lp-app .pb-l { padding-bottom: 90px; } }
@media (min-width: 1367px) { #lp-app .pb-l { padding-bottom: 120px; } }
#lp-app hr.common { height: 1px; border: none; background-color: #bbb7b8; margin: 30px 0; }
@media (min-width: 900px) { #lp-app hr.common { margin: 40px 0; } }
#lp-app img.alignright { float: right; margin: 0 0 1em 1em; }
#lp-app img.alignleft { float: left; margin: 0 1em 1em 0; }
#lp-app img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
#lp-app .u-only-sp-se { display: block; }
@media (min-width: 321px) { #lp-app .u-only-sp-se { display: none; } }
#lp-app .u-only-sp-s { display: block; }
@media (min-width: 514px) { #lp-app .u-only-sp-s { display: none; } }
#lp-app .u-only-sp { display: block; }
@media (min-width: 900px) { #lp-app .u-only-sp { display: none; } }
#lp-app .u-only-pc { display: none; }
@media (min-width: 900px) { #lp-app .u-only-pc { display: block; } }
#lp-app .u-only-pc-tab { display: none; }
@media (min-width: 514px) { #lp-app .u-only-pc-tab { display: block; } }
#lp-app .u-only-sp-i { display: inline; }
@media (min-width: 900px) { #lp-app .u-only-sp-i { display: none; } }
#lp-app .u-only-pc-i { display: none; }
@media (min-width: 900px) { #lp-app .u-only-pc-i { display: inline; } }
#lp-app html #wpadminbar { background: rgba(0, 0, 0, 0.5); }
#lp-app .app-dl-container { margin: 0 auto; text-align: center; }
#lp-app .app-dl-container .app-dl-row { margin: 0 auto; display: block; overflow: hidden; }
#lp-app .app-dl-container .app-dl-row .app-dl-col { display: inline-block; padding: 0 20px; }
#lp-app .app-dl-container .app-dl-row .app-dl-col a { transition: opacity 0.3s linear; }
/*2020/05/27　追加*/
#lp-app  .member_btn { width: 220px; margin: 0 auto;}
/*2020/07/27　追加*/
#lp-app  hr{ margin: 40px auto; border: 0 none; height: 1px; color: #DDD; background-color: #DDD; max-width: 1100px;}
@media (max-width: 767px) { #lp-app  hr{ margin: 10.6vw auto; max-width: calc(100% - 42px) !important;} }
#lp-app .app-dl-col a{  display:block; }
#lp-app .app-dl-col a:hover {opacity: 0.6; transition: opacity 0.3s linear; }
@media (min-width: 900px) { #lp-app .app-dl-container .app-dl-row .app-dl-col a:hover { opacity: 0.6; } }
#lp-app .app-dl-container .app-dl-row .app-dl-col .img-btn { width: 202px; }
#lp-app .h2-app { font-size: 28px; letter-spacing: 0.2rem; line-height: 1.4; margin-bottom: 60px; }
#lp-app .h2-app.a1{margin-top: 100px;font-size: 24px;}
#lp-app .h3-lp { font-size: 22px; letter-spacing: 0.06em; line-height: 1.4; margin-bottom: 15px; }
#lp-app .feature-text-orange .h3-lp { color: #f04e2e; margin: auto; }
#lp-app .feature-text-yellow .h3-lp { color: #f2b70a; margin: auto; }
#lp-app .feature-text-blue .h3-lp { color: #005975; margin: auto; }
#lp-app .feature-text-green .h3-lp { color: #00a2a8; margin: auto; }
#lp-app .feature-text-orange .h3-lp:after { content: ''; display: block; width: 80px; height: 4px; background: #f04e2e; margin: 15px auto 0; }
#lp-app .feature-text-yellow .h3-lp:after { content: ''; display: block; width: 80px; height: 4px; background: #f2b70a; margin: 15px auto 0; }
#lp-app .feature-text-blue .h3-lp:after { content: ''; display: block; width: 80px; height: 4px; background: #005975; margin: 15px auto 0; }
#lp-app .feature-text-green .h3-lp:after { content: ''; display: block; width: 80px; height: 4px; background: #00a2a8; margin: 15px auto 0; }

#lp-app .content-wrapper-app { max-width: 790px; margin: 0 auto; }
#lp-app .content-wrapper-app-l { margin: 0 auto; height: 590px; text-align: center; display: flex; justify-content: space-between; align-items: center; flex-direction: column; }
#lp-app .content-wrapper-app-l.left { padding: 55px 60px 55px; border-right: solid 1px #E0E0E0; border-bottom: solid 1px #E0E0E0; }
#lp-app .content-wrapper-app-l.right { padding: 55px 60px 55px; border-bottom: solid 1px #E0E0E0; }
#lp-app .appinfo-container .appinfo:nth-child(3) .content-wrapper-app-l, #lp-app .appinfo-container .appinfo:last-child .content-wrapper-app-l { border-bottom: none; }


#lp-app .cover img { width: 100%; }
#lp-app .intro { padding: 70px 0 0; text-align: center; background-image: url("/img/lp-app/bg-intro-top@xl.png")/*, url("/img/lp-app/bg-intro-bottom@xl.png")*/; background-repeat: no-repeat, no-repeat; background-position: top center, bottom center; background-size: 100% auto, 100% auto; }
#lp-app .intro .img-icon-app { width: 130px; }
#lp-app .intro .intro-text p { line-height: 1.8; font-size: 18px; padding: 50px 0 70px; }
#lp-app .appinfo-container { width: 100%; background-image: url(/img/lp-app/bg-intro-bottom-2@xl.png); background-repeat: no-repeat; background-position: bottom center; background-size: 100% auto; padding-bottom: 170px; }
#lp-app .appinfo-container .appinfo-container-inner { display: flex; flex-wrap: wrap; max-width: 1142px; margin: auto; padding: 0; }
#lp-app .appinfo-container .appinfo { width: 571px; }

#lp-app .appinfo-container .appinfo .content-wrapper-app { position: relative; }
#lp-app .appinfo-container .appinfo .feature-fig { width: 100%; }
#lp-app .appinfo-container .appinfo .feature-fig .feature-fig-img { transition: all 0.8s ease-out; transition-delay: 0.2s; opacity: 1; }
#lp-app .appinfo-container .appinfo .feature-fig .feature-fig-img img.img-icon-func { width: 100%; }

#lp-app .appinfo-container .appinfo .feature-text { top: 90px; display: inline-block; padding: 0; transition: all 0.4s ease-out; opacity: 1; text-align: center; }
#lp-app .appinfo-container .appinfo .feature-text .h3-lp { margin-bottom: 20px; }
#lp-app .appinfo-container .appinfo .feature-text p { line-height: 1.8; font-size: 16px; /* letter-spacing: 0.1rem; */}
/* #lp-app .appinfo-container .appinfo .feature-text-orange { border-left: 8px solid #f04e2e; }
#lp-app .appinfo-container .appinfo .feature-text-yellow { border-left: 8px solid #f2b70a; }
#lp-app .appinfo-container .appinfo .feature-text-blue { border-left: 8px solid #005975; }
#lp-app .appinfo-container .appinfo .feature-text-green { border-left: 8px solid #00a2a8; } */
#lp-app .appinfo-container .appinfo .feature-text-yellow-02 { border-left: 8px solid #F2B70A; }
#lp-app .appinfo-container .appinfo:nth-child(1) .feature-fig { text-align: right; }
/* #lp-app .appinfo-container .appinfo:nth-child(1) .feature-fig .feature-fig-img { transform: translateY(90px); }
#lp-app .appinfo-container .appinfo:nth-child(1) .feature-text { transform: translateY(60px); }
#lp-app .appinfo-container .appinfo:nth-child(2) .feature-fig { text-align: left; }
#lp-app .appinfo-container .appinfo:nth-child(2) .feature-fig .feature-fig-img { transform: translateY(-90px); }
#lp-app .appinfo-container .appinfo:nth-child(2) .feature-text { transform: translateY(-60px); right: 0; }
#lp-app .appinfo-container .appinfo:nth-child(3) .feature-fig { text-align: right; }
#lp-app .appinfo-container .appinfo:nth-child(3) .feature-fig .feature-fig-img { transform: translateY(90px); }
#lp-app .appinfo-container .appinfo:nth-child(3) .feature-text { transform: translateY(60px); }
#lp-app .appinfo-container .appinfo:nth-child(4) .feature-fig { text-align: left; }
#lp-app .appinfo-container .appinfo:nth-child(4) .feature-fig .feature-fig-img { transform: translateY(-90px); }
#lp-app .appinfo-container .appinfo:nth-child(4) .feature-text { transform: translateY(-60px); right: 0; }
#lp-app .appinfo-container .appinfo:nth-child(5) .feature-fig { text-align: right; }
#lp-app .appinfo-container .appinfo:nth-child(5) .feature-fig .feature-fig-img { transform: translateY(90px); }
#lp-app .appinfo-container .appinfo:nth-child(5) .feature-text { transform: translateY(60px); } */

#lp-app .appinfo-container .appinfo.anim:nth-child(1) .feature-fig { text-align: right; }
#lp-app .appinfo-container .appinfo.anim:nth-child(1) .feature-fig .feature-fig-img { transform: translateY(0); opacity: 1; }
#lp-app .appinfo-container .appinfo.anim:nth-child(1) .feature-text { transform: translateY(0); opacity: 1; }
#lp-app .appinfo-container .appinfo.anim:nth-child(2) .feature-fig { text-align: left; }
#lp-app .appinfo-container .appinfo.anim:nth-child(2) .feature-fig .feature-fig-img { transform: translateY(0); opacity: 1; }
#lp-app .appinfo-container .appinfo.anim:nth-child(2) .feature-text { transform: translateY(0); opacity: 1; width: 38%; min-width: 420px; }
@media only screen and (max-width: 640px) {
  #lp-app .appinfo-container .appinfo.anim:nth-child(2) .feature-text { min-width: auto; }
}
#lp-app .appinfo-container .appinfo.anim:nth-child(3) .feature-fig { text-align: right; }
#lp-app .appinfo-container .appinfo.anim:nth-child(3) .feature-fig .feature-fig-img { transform: translateY(0); opacity: 1; }
#lp-app .appinfo-container .appinfo.anim:nth-child(3) .feature-text { transform: translateY(0); opacity: 1; }
#lp-app .appinfo-container .appinfo.anim:nth-child(4) .feature-fig { text-align: left; }
#lp-app .appinfo-container .appinfo.anim:nth-child(4) .feature-fig .feature-fig-img { transform: translateY(0); opacity: 1; }
#lp-app .appinfo-container .appinfo.anim:nth-child(4) .feature-text { transform: translateY(0); opacity: 1; }
#lp-app .appinfo-container .appinfo.anim:nth-child(5) .feature-fig { text-align: right; }
#lp-app .appinfo-container .appinfo.anim:nth-child(5) .feature-fig .feature-fig-img { transform: translateY(0); opacity: 1; }
#lp-app .appinfo-container .appinfo.anim:nth-child(5) .feature-text { transform: translateY(0); opacity: 1; }


#lp-app .appfunc { padding: 60px 0 60px; }
#lp-app .appfunc .appfunc-flex { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-items: normal;/*border-top: 2px solid #f0f0f0;*/}
#lp-app .appfunc .appfunc-flex .appfunc-article { width: 43.3333333333%; text-align: center;padding: 20px 0; /*border-bottom: 2px solid #f0f0f0;*/}
/*#lp-app .appfunc .appfunc-flex .appfunc-article:nth-child(odd){border-right: 2px solid #f0f0f0;}*/
#lp-app .appfunc .appfunc-flex .appfunc-article .img-icon-func { width: 120px; margin: 10px; }
#lp-app .appfunc .appfunc-flex .appfunc-article p { line-height: 1.8; margin: 15px 0 0 0 ;}
#lp-app .appfunc .appfunc-flex .appfunc-article:nth-of-type(1) h4 { color: #ffb600; font-weight: bold; }
#lp-app .appfunc .appfunc-flex .appfunc-article:nth-of-type(2) h4 { color: #005977; font-weight: bold; }
#lp-app .appfunc .appfunc-flex .appfunc-article:nth-of-type(3) h4 { color: #009ba8; font-weight: bold; }
#lp-app .appfunc .appfunc-flex .appfunc-article:nth-of-type(4) h4 { color: #ff4c26; font-weight: bold; }
#lp-app .faq { padding: 70px 0; margin-bottom: 40px; }
#lp-app .faq .faq-article { padding: 15px 0; line-height: 1.6; }
#lp-app .faq .faq-article:first-child { padding: 0; }
#lp-app .faq .faq-article .question { font-size: 24px; padding: 15px 0 15px 50px; background-image: url("/img/lp-app/icon-q.png"); background-repeat: no-repeat; background-position: center left; background-size: 32px auto; }
#lp-app .faq .faq-article .answer { font-size: 18px; padding: 15px 0 15px 50px; background-image: url("/img/lp-app/icon-a.png"); background-repeat: no-repeat; background-position: center left; background-size: 32px auto; }
#lp-app .pagetop { position: fixed; bottom: 100px; right: 30px; display: block; }
#lp-app .pagetop img { width: 50px; }
#lp-app .faq-btn { text-align: center; margin-bottom: 15px; }
#lp-app .faq-btn a { background: #ff4c26; color: #fff; font-size: 1.6rem; padding: 0.2em 1em; display: inline-block; border-radius: 3px; }



/*--------------------------------

 header

---------------------------------*/
.header_index #gheader_top { padding-bottom: 20px; }
.header_index #gheader_top .icon_list { width: 80%; box-sizing: border-box; }
.header_index #gheader_top .icon_list li:nth-child(1) { width: 40%; position: relative; transform: translateY(13px); margin-right: 10px; }
.header_index #gheader_top .icon_list li { box-sizing: border-box; padding: 4px 0 0; transform: translateY(7px); }



/*--------------------------------

 footer

---------------------------------*/
#footer .footer_nav .nav { width: auto;}
#footer .footer_nav .nav li { padding: 0 5px 0 0; width: auto !important;}
#footer .footer_2nd .nav_group ul {float: left; padding: 0 20px 0 0;}
#footer .footer_nav .inner { padding: 0 0 0 5px; font-size: 11px; /*width: 95vw;*/ }
#footer .footer_nav .copyright { width: auto !important; text-align: center;}




/*--------------------------------

	SP

---------------------------------*/

@media screen and (max-width: 767px){

body.pr_app { min-width: 100%; }

#lp-app p { word-break: break-all; font-size: 1.3rem; font-family: "Futura", "Avenir Next", "Lato", "NotoSansJP-Regular", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: 400; }
#lp-app .intro{padding: 10vw 0 0;}
#lp-app .intro .img-icon-app { width: 75px; }
#lp-app .intro .intro-text p { padding: 30px 0 40px; line-height: 2.0; font-size: 1.3rem; }
#lp-app br.sp{ display: block; }

#lp-app .app-dl-container .app-dl-row .app-dl-col .img-btn {width: 220px;}
#lp-app .app-dl-container .app-dl-row .app-dl-col{padding:0; display: block; }
#lp-app .app-dl-container .app-dl-row .app-dl-col:first-child {margin-bottom: 25px;}
#lp-app .app-dl-container .app-dl-row .app-dl-col:nth-child(2) {margin-bottom: 25px;overflow: hidden;}
/*2020/05/27　追加*/
#lp-app  .member_btn { width:220px; margin: 0 auto ;}

/*
	appinfo
--------------------------------*/
#lp-app .appinfo-container .appinfo { position: relative; overflow: hidden; padding: 60px 0 0; }
#lp-app .appinfo-container .appinfo:nth-of-type(1) { padding: 30px 0 0; }
#lp-app .appinfo-container .appinfo .feature-text
#lp-app h1, #lp-app h2, #lp-app h3, #lp-app h4, #lp-app h5, #lp-app h6 { font-size: 1.5rem; margin: 0; padding: 0; font-feature-settings: "palt"; font-family: "Futura", "Avenir Next", "Lato", "NotoSansJP-Regular", "HiraginoSans-W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-weight: 400; }
#lp-app .appinfo-container .appinfo .feature-text .h3-lp { margin-bottom: 16px; letter-spacing: 0.3rem; text-align: center; font-size: 17px; line-height: 1.6; }
#lp-app .appinfo-container .appinfo .feature-text { display: inline-block; padding: 0 0 15px; margin: 0 21px; width: calc(100% - 42px) !important; position: static; }
/* #lp-app .appinfo-container .appinfo .feature-text-orange { border-top: 6px solid #f04e2e; border-left: none; }
#lp-app .appinfo-container .appinfo .feature-text-yellow { border-top: 6px solid #f2b70a; border-left: none; }
#lp-app .appinfo-container .appinfo .feature-text-blue { border-top: 6px solid #005975; border-left: none; }
#lp-app .appinfo-container .appinfo .feature-text-green { border-top: 6px solid #00a2a8; border-left: none; } */
#lp-app .appinfo-container .appinfo .feature-text-yellow-02 { border-top: 6px solid#F2B70A; border-left: none;}
#lp-app .appinfo-container .appinfo .feature-text p { font-size: 13px; text-align: center; }
#lp-app .appinfo-container .appinfo .feature-fig { height: auto; }
#lp-app .appinfo-container .appinfo .feature-fig .feature-fig-img { padding: 0 30px; }

#lp-app .appinfo-container .appinfo.anim:nth-child(2) .feature-text { width: calc(100% - 60px); }
#lp-app .appinfo-container .appinfo.anim:nth-child(4) .feature-text { width: calc(100% - 60px); }


#lp-app .appinfo-container { background-image: url(/img/lp-app/bg-intro-bottom-2@sm.png); padding-bottom: 8vw; }
#lp-app .appinfo-container .appinfo-container-inner { display: flex; flex-wrap: wrap; width: 100%; margin: auto; padding: 0; }
#lp-app .appinfo-container .appinfo { width: 100%; }
#lp-app .content-wrapper-app-l.left { padding: 0; border-right: none; border-bottom: none; }
#lp-app .content-wrapper-app-l.right { padding: 0; border-bottom: none; }
#lp-app .content-wrapper-app-l { margin: 0 auto; height: auto; text-align: center; display: flex; justify-content: space-between; align-items: center; flex-direction: column; }
#lp-app .appinfo-container .appinfo .feature-fig .feature-fig-img img { padding-bottom: 60px; border-bottom: solid 1px #E0E0E0; }
#lp-app .appinfo-container .appinfo:last-child .feature-fig .feature-fig-img img { border-bottom: none; }



/*
	appfunc
--------------------------------*/
#lp-app .content-wrapper-app{/*display: flex; justify-content: center; align-items: center; flex-wrap: wrap; align-items: normal;*/}
#lp-app .appfunc { padding: 30px 0 0; }
#lp-app .h2-app { font-size: 17px; letter-spacing: 0.2rem; line-height: 1.4; padding-bottom: 30px; margin-bottom: 0px;border-bottom: 2px solid #f0f0f0;}
#lp-app .h2-app.a1{border-bottom:none; font-size: 4.8vw; line-height: 1.89; padding: 0; margin-top:21.33vw;}

#lp-app .appfunc .appfunc-flex { border-top: none; float: left;}

#lp-app .appfunc .appfunc-flex{width: 50%; min-height: 240px; }
#lp-app .appfunc .appfunc-flex .appfunc-article { width: 50vw; text-align: center; padding: 10px; margin-bottom: 0; border-right: 2px solid #f0f0f0;}
#lp-app .appfunc .appfunc-flex .appfunc-article:nth-child(odd) { border-right:none; }
#lp-app .appfunc .appfunc-flex .appfunc-article{}
#lp-app .appfunc .appfunc-flex .appfunc-article p{margin: 15px 0; font-size: 3.47vw;}
#lp-app .appfunc .appfunc-flex:nth-child(odd) {  border-right: 2px solid #f0f0f0;}
#lp-app .appfunc .appfunc-flex:nth-child(1),#lp-app .appfunc .appfunc-flex:nth-child(2) { border-bottom: 2px solid #f0f0f0;}
#lp-app .appfunc .appfunc-flex .appfunc-article .img-icon-func { width: 100px; margin: 20px auto; }
#lp-app .appfunc .appfunc-flex .appfunc-article.full { width: 100%; }

/*
	faq
--------------------------------*/
#lp-app .faq { padding: 40px 30px; margin:0 auto 40px auto;}
#lp-app .faq .faq-article .question { font-size: 14px; background-size: 16px auto; padding: 10px 0 10px 28px; }
#lp-app .faq .faq-article .answer { font-size: 13px; background-size: 16px auto; padding: 15px 0 15px 28px; }

}
/*
  app-new-container
--------------------------------*/
#lp-app .app-new-container{background-image: url("/img/lp-app/bg-intro-top-2@xl.png"); background-repeat: no-repeat; background-position: top center; background-size: 100% auto; margin: 20px auto 0;padding: 135px 0 0;}

#lp-app .app-new-container a { -webkit-tap-highlight-color:rgba(0,0,0,0); cursor:pointer; }
#lp-app .app-new-container a:focus { outline: none; }
#lp-app .app-new-container .slider { margin: auto !important; width: 1130px; position: relative;}
#lp-app .app-new-container .slider .slide.rakureko { position: relative;}
#lp-app .app-new-container .slider .slide.rakureko a { position: absolute; font-size: 16px; bottom: 90px; text-decoration: underline; }
#lp-app .app-new-container .slider .slide.rakureko a:first-child { left: 127px; }
#lp-app .app-new-container .slider .slide.rakureko a:nth-child(2) { left: 174px; }
#lp-app .app-new-container .slider .slide.rakureko a:nth-child(3) { left: 238px; }
#lp-app .app-new-container .slider .slide.rakureko a:nth-child(4) { left: 302px; }
#lp-app .app-new-container .slider .slide.rakureko a:nth-child(5) { left: 365px; }


#lp-app .app-new-container .slider li.slide { margin: 0 15px; width: 1130px; outline: none !important;}
#lp-app .app-new-container .slider li.slide img { width: 100%; margin: 0 auto 20px;}
#lp-app .app-new-container .slider .slide-dots { text-align: center; position: relative; width: 100%; height: 0; display: flex; justify-content: center;}
#lp-app .app-new-container .slider .slide-dots li { display: block; width: 16px; height: 16px; background: #D3D3D3; margin-top: -20px !important; border-radius: 8px;}
#lp-app .app-new-container .slider .slide-dots li button { display: none;}
#lp-app .app-new-container .slider .slide-dots li.slick-active { background: #FF4D27;}
#lp-app .app-new-container .slider .slide-dots li + li { margin-left: 6px !important;}
#lp-app .app-new-container .slider .slick-dotted.slick-slider { margin-bottom: 0;}
#lp-app .app-new-container .slider .slick-next { z-index: 99; left: 50%; transform: translateX(311px);}
#lp-app .app-new-container .slider .slick-prev { z-index: 100; left: 50%; transform: translateX(-350px);}
#lp-app .app-new-container .slider .arrows { font-size: 28px; position: relative; text-align: right; margin: 20px 10px 10px 0;}
#lp-app .app-new-container .slider .slick-next { background: url(/img/lp-app/right_arrow.png); background-size: 70px 70px; z-index: 99; width: 70px; height: 70px; top: 50%; transform: translate(-50%, -50%); position: absolute; left: calc(50% + 550px); border: none;}
#lp-app .app-new-container .slider .slick-prev { background: url(/img/lp-app/left_arrow.png); background-size: 70px 70px; z-index: 99; width: 70px; height: 70px; top: 50%; transform: translate(-50%, -50%); position: absolute; left: calc(50% - 550px); border: none;}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #lp-app .app-new-container .slider .slick-next { background: url(/img/lp-app/right_arrow@2x.png); background-size: 70px 70px; z-index: 99; width: 70px; height: 70px; top: 50%; transform: translate(-50%, -50%); position: absolute; left: calc(50% + 536px); border: none;}
  #lp-app .app-new-container .slider .slick-prev { background: url(/img/lp-app/left_arrow@2x.png); background-size: 70px 70px; z-index: 99; width: 70px; height: 70px; top: 50%; transform: translate(-50%, -50%); position: absolute; left: calc(50% - 536px); border: none;}
}


#lp-app .app-new-container .content-wrapper-app-l{max-width: 1100px; margin: 0 auto;position: relative;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.16);}
#lp-app .app-new-container .content-wrapper-app-l:nth-of-type(1){padding: 38px 0 15px 0; margin-bottom: 76px; display: flex; background: #FFF;justify-content: flex-start;flex-wrap: wrap;align-items: flex-start;}
#lp-app .app-new-container .content-wrapper-app-l:nth-of-type(2){background: none;}
#lp-app .app-new-container h2 {font-size: 24px; margin-bottom: 30px; letter-spacing: 2px;}
#lp-app .app-new-container h2:nth-of-type(1){color: #FFF}
#lp-app .app-new-container h2:nth-of-type(2){color: #FF6419}
#lp-app .app-new-container .new{ position: absolute; left: 10px; top: -62px; width: 108px;}
#lp-app .app-new-container small{ font-size: 12px; text-align: right; width: 100%;margin: 6px 10px 0 0;}
#lp-app .app-new-container .content-wrapper-app-l .left {margin: 3px 70px 0 90px;max-width: 485.25px;}
#lp-app .app-new-container .content-wrapper-app-l .left img{margin:10px auto 0 auto;}
#lp-app .app-new-container .content-wrapper-app-l .left p{ font-size: 16px;line-height: 1.8; margin: 22px auto 0 auto;}
#lp-app .app-new-container .content-wrapper-app-l .right {max-width: 307px;}

@media screen and (max-width: 767px){
#lp-app .app-new-container{background-image: url("/img/lp-app/bg-intro-top-2@sm.png");margin: 18vw auto 9vw;padding: 17vw 0 0 0;}

#lp-app .app-new-container .slider { margin: auto !important; width: 100%; position: relative;}
#lp-app .app-new-container .slider .slide.rakureko { position: relative;}
#lp-app .app-new-container .slider .slide.rakureko a { position: absolute; font-size: 3.13vw; bottom: 13.1vw; text-decoration: underline; }
#lp-app .app-new-container .slider .slide.rakureko a:first-child { left: 14vw; }
#lp-app .app-new-container .slider .slide.rakureko a:nth-child(2) { left: 23.2vw; }
#lp-app .app-new-container .slider .slide.rakureko a:nth-child(3) { left: 36vw; }
#lp-app .app-new-container .slider .slide.rakureko a:nth-child(4) { left: 48.5vw; }
#lp-app .app-new-container .slider .slide.rakureko a:nth-child(5) { left: 61.5vw; }





#lp-app .app-new-container .slider li.slide { margin: 0; width: 100%; outline: none !important;}
#lp-app .app-new-container .slider li.slide img { width: 100%; margin: 0 auto 20px;}
#lp-app .app-new-container .slider .slide-dots { text-align: center; position: relative; width: 100%; height: 0; display: flex; justify-content: center;}
#lp-app .app-new-container .slider .slide-dots li { display: block; width: 3.2vw; height: 3.2vw; background: #D3D3D3; margin-top: -20px !important; border-radius: 1.6vw;}
#lp-app .app-new-container .slider .slide-dots li button { display: none;}
#lp-app .app-new-container .slider .slide-dots li.slick-active { background: #FF4D27;}
#lp-app .app-new-container .slider .slide-dots li + li { margin-left: 5.33vw !important;}
#lp-app .app-new-container .slider .slick-dotted.slick-slider { margin-bottom: 0;}
#lp-app .app-new-container .slider .slick-next { z-index: 99; left: 50%; transform: translateX(311px);}
#lp-app .app-new-container .slider .slick-prev { z-index: 100; left: 50%; transform: translateX(-350px);}
#lp-app .app-new-container .slider .arrows { font-size: 28px; position: relative; text-align: right; margin: 20px 10px 10px 0;}
#lp-app .app-new-container .slider .slick-next { background: url(/img/lp-app/right_arrow_sp.png); background-size: 8vw 8vw; z-index: 99; width: 8vw; height: 8vw; top: 50%; transform: translate(-50%, -50%); position: absolute; left: calc(50% + 46vw); border: none;}
#lp-app .app-new-container .slider .slick-prev { background: url(/img/lp-app/left_arrow_sp.png); background-size: 8vw 8vw; z-index: 99; width: 8vw; height: 8vw; top: 50%; transform: translate(-50%, -50%); position: absolute; left: calc(50% - 46vw); border: none;}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  #lp-app .app-new-container .slider .slick-next { background: url(/img/lp-app/right_arrow_sp@2x.png); background-size: 8vw 8vw; z-index: 99; width: 8vw; height: 8vw; top: 50%; transform: translate(-50%, -50%); position: absolute; left: calc(50% + 46vw); border: none;}
  #lp-app .app-new-container .slider .slick-prev { background: url(/img/lp-app/left_arrow_sp@2x.png); background-size: 8vw 8vw; z-index: 99; width: 8vw; height: 8vw; top: 50%; transform: translate(-50%, -50%); position: absolute; left: calc(50% - 46vw); border: none;}
}



#lp-app .app-new-container .content-wrapper-app-l{ width: 95%; }
#lp-app .app-new-container h2 {font-size: 4.8vw; margin-bottom:18vw;}
#lp-app .app-new-container .new{left: 4.8vw;top: -11vw;width: 22vw;}
#lp-app .app-new-container .content-wrapper-app-l:nth-of-type(1){ display: block; padding: 21vw 0 5.8vw 0; margin-bottom: 13vw;}
#lp-app .app-new-container .content-wrapper-app-l .left{margin: 0 auto;}
#lp-app .app-new-container .content-wrapper-app-l .left img{margin: 0 auto 0;width: 85vw;}
#lp-app .app-new-container .content-wrapper-app-l .left p{font-size: 3.73vw;margin: 4.6vw auto 0 auto;}
#lp-app .app-new-container .content-wrapper-app-l .right img{margin: 6vw auto 0; width: 55vw;display: block;}
#lp-app .app-new-container small{font-size: 3.2vw; margin: 6.4vw auto 0; width: 90%; display: block; text-align: left;}
#lp-app .app-new-container .content-wrapper-app-l .right {max-width: 100%;}

}

/*
  new_info
--------------------------------*/
#lp-app .appinfo-container .appinfo.new_info{padding: 100px 0 45px 0;overflow: hidden; position: relative;}
#lp-app .appinfo-container .appinfo.new_info h4{ color: #FFF; font-size: 16px; background-color: #FF4B0F; line-height: 1.5; padding: 10px 20px; text-align: left; display: inline-block;}
#lp-app .appinfo-container .appinfo.anim:nth-child(5) .new.pc{position: absolute; height: 108px;top:-120px; width: 108px; display: block;}
#lp-app .appinfo-container .appinfo.anim:nth-child(5) .new.sp{display: none;}
#lp-app .appinfo-container .appinfo.anim:nth-child(5) .feature-text{max-width:470px;  padding: 0 20px 0;margin: 0px auto;}
#lp-app .appinfo-container .appinfo.new_info .feature-text .h3-lp span{display: block; font-size: 20px; padding-top: 20px;letter-spacing: 1px;}
#lp-app .appinfo-container .appinfo.new_info .content-wrapper-app-l {margin:0 auto;position: relative;}
#lp-app .appinfo-container .appinfo.new_info .feature-text p{max-width: 256px; text-align: justify;line-height: 1.8;}
#lp-app .appinfo-container .appinfo.new_info .feature-fig.pc .feature-fig-img img{max-width: 697px;}
@media screen and (max-width: 767px){
  #lp-app .appinfo-container .appinfo.new_info .content-wrapper-app-l {margin: 0 auto 0 auto; overflow: hidden; position: relative;}
  #lp-app .appinfo-container .appinfo.new_info{margin-top:0; padding: 0 0 8vw 0}
  #lp-app .appinfo-container .appinfo.anim:nth-child(5) .feature-text{max-width:100%;  padding: 0; display: block;}
  #lp-app .appinfo-container .appinfo.new_info h4{max-width: 34.6vw; position: absolute; left: 0; top: -5vw; font-size: 3.2vw;padding: 2vw 3.2vw;margin-bottom:0;}
  #lp-app .appinfo-container .appinfo.anim:nth-child(5) .new.pc{display: none;}
  #lp-app .appinfo-container .appinfo.anim:nth-child(5) .new.sp{position: static; margin:5.8vw 0 6vw 10.6vw; width:22.4vw !important; height:22.4vw;  max-width: 22.4vw; display: block; transition: none;}
  #lp-app .appinfo-container .appinfo .feature-text .h3-lp{margin-bottom: 4vw; font-size: 4.5vw;}
  #lp-app .appinfo-container .appinfo.new_info .feature-text .h3-lp span{margin-bottom: 0;font-size: 3.73vw;margin-top:9.4vw;letter-spacing: -0.01vw;padding: 0;}
  #lp-app .appinfo-container .appinfo.new_info .feature-text p{  max-width: 100%;text-align: center; margin: 0 0 5.3vw 0;}
}
/*
  introduction_store
--------------------------------*/
#lp-app .appinfo-container .introduction_store{max-width: 300px; margin:-60px 0 0 0; border: solid 1px #ff4b0f; padding: 22px;text-align: center;}
#lp-app .appinfo-container .introduction_store h3{color:#ff4b0f; font-size:20px; font-weight: normal; margin-bottom: 10px;}
#lp-app .appinfo-container .introduction_store .box{ display: flex; align-items: center; justify-content: space-between;}
#lp-app .appinfo-container .introduction_store .box ul li{line-height: 1; font-size: 16px; text-align: left;}
#lp-app .appinfo-container .introduction_store .box ul li a{ font-size: 16px; text-decoration: underline;}
#lp-app .appinfo-container .introduction_store span{ padding:5px 10px; color:#ff4b0f; font-size: 14px; border: solid 1px #ff4b0f; line-height: 1.5; }
#lp-app .appinfo-container .introduction_store p{font-size: 16px; margin-top: 20px;}
@media screen and (max-width: 767px){
  #lp-app .appinfo-container .introduction_store{max-width: 90%; margin:14vw auto 0; padding: 6.13vw 0;}
  #lp-app .appinfo-container .introduction_store h3{font-size: 4.5vw;font-weight: normal;margin-bottom: 2.6vw;}
  #lp-app .appinfo-container .introduction_store .box{ display:block;}
    #lp-app .appinfo-container .introduction_store .box ul { display: flex; align-items: center; justify-content:center;flex-wrap: wrap;margin: 5.3vw 0 0 4.5vw;}
  #lp-app .appinfo-container .introduction_store .box ul li{line-height: 1; font-size: 3.4vw; text-align: left; width: 37%;}
  #lp-app .appinfo-container .introduction_store .box ul li a{ font-size: 3.4vw; text-decoration: underline;}
  #lp-app .appinfo-container .introduction_store span{ padding:0.6vw 1.6vw;  font-size: 3.2vw; }
  #lp-app .appinfo-container .introduction_store p{font-size:3.46vw;margin-top: 3vw;}
}
