@charset "Shift_JIS";

/*---------------------------------------------
 custom reset
---------------------------------------------*/
html,body { line-height: 1.5; color: #1a1a1a; font-family: 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
body { font-size: 1.6rem; overflow-y: scroll; }
a { color: #1a1a1a;}
a,a img { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
sup{ font-size: 60%; }
img { max-width: 100%; -webkit-backface-visibility: hidden; height: auto;}

/*---------------------------------------------
 generic  class
---------------------------------------------*/
.txtB { font-weight: bold!important; }.txtN { font-weight: normal!important; }
.layoutC { text-align: center!important; }.layoutL { text-align: left!important; }.layoutR { text-align: right!important; }
.ov { overflow: hidden!important;}.fl{ float: left!important; }.fr{ float: right!important; }

/*---------------------------------------------
 base margin
---------------------------------------------*/
.mg0 { margin: 0px !important; }.mt0 { margin-top: 0px !important; }.mt5 { margin-top: 5px !important; }.mt8 { margin-top: 8px !important; }.mt10 { margin-top: 10px !important; }.mt15 { margin-top: 15px !important; }.mt16 { margin-top: 16px !important; }.mt20 { margin-top: 20px !important; }.mt24 { margin-top: 24px !important; }.mt25 { margin-top: 25px !important; }.mt30 { margin-top: 30px !important; }.mt32 { margin-top: 32px !important; }.mt35 { margin-top: 35px !important; }.mt40 { margin-top: 40px !important; }.mt45 { margin-top: 45px !important; }.mt48 { margin-top: 48px !important; }.mt50 { margin-top: 50px !important; }.mt56 { margin-top: 56px !important; }.mt60 { margin-top: 60px !important; }.mt64 { margin-top: 64px !important; }.mt70 { margin-top: 70px !important; }.mt80 { margin-top: 80px !important; }.mt90 { margin-top: 90px !important; }.mt100 { margin-top: 100px !important; }.mt110 { margin-top: 110px !important; }.mt120 { margin-top: 120px !important; }

.ml0 { margin-left: 0px !important; }.ml5 { margin-left: 5px !important; }.ml8 { margin-left: 8px !important; }.ml10 { margin-left: 10px !important; }.ml15 { margin-left: 15px !important; }.ml16 { margin-left: 16px !important; }.ml20 { margin-left: 20px !important; }.ml24 { margin-left: 24px !important; }.ml25 { margin-left: 25px !important; }.ml30 { margin-left: 30px !important; }.ml32 { margin-left: 32px !important; }.ml35 { margin-left: 35px !important; }.ml40 { margin-left: 40px !important; }.ml48 { margin-left: 48px !important; }.ml50 { margin-left: 50px !important; }.ml56 { margin-left: 56px !important; }.ml60 { margin-left: 60px !important; }.ml64 { margin-left: 64px !important; }.ml70 { margin-left: 70px !important; }.ml80 { margin-left: 80px !important; }.ml90 { margin-left: 90px !important; }.ml100 { margin-left: 100px !important; }

.mr0 { margin-right: 0px !important; }.mr5 { margin-right: 5px !important; }.mr8 { margin-right: 8px !important; }.mr10 { margin-right: 10px !important; }.mr15 { margin-right: 15px !important; }.mr16 { margin-right: 16px !important; }.mr20 { margin-right: 20px !important; }.mr24 { margin-right: 24px !important; }.mr25 { margin-right: 25px !important; }.mr30 { margin-right: 30px !important; }.mr32 { margin-right: 32px !important; }.mr35 { margin-right: 35px !important; }.mr40 { margin-right: 40px !important; }.mr48 { margin-right: 48px !important; }.mr50 { margin-right: 50px !important; }.mr56 { margin-right: 56px !important; }.mr60 { margin-right: 60px !important; }.mr64 { margin-right: 64px !important; }.mr70 { margin-right: 70px !important; }.mr80 { margin-right: 80px !important; }.mr90 { margin-right: 90px !important; }.mr100 { margin-right: 100px !important; }

.mb0 { margin-bottom: 0px !important; }.mb5 { margin-bottom: 5px !important; }.mb8 { margin-bottom: 8px !important; }.mb10 { margin-bottom: 10px !important; }.mb15 { margin-bottom: 15px !important; }.mb16 { margin-bottom: 16px !important; }.mb20 { margin-bottom: 20px !important; }.mb24 { margin-bottom: 24px !important; }.mb25 { margin-bottom: 25px !important; }.mb30 { margin-bottom: 30px !important; }.mb32 { margin-bottom: 32px !important; }.mb35 { margin-bottom: 35px !important; }.mb40 { margin-bottom: 40px !important; }.mb48 { margin-bottom: 48px !important; }.mb50 { margin-bottom: 50px !important; }.mb56 { margin-bottom: 56px !important; }.mb60 { margin-bottom: 60px !important; }.mb64 { margin-bottom: 64px !important; }.mb70 { margin-bottom: 70px !important; }.mb80 { margin-bottom: 80px !important; }.mb90 { margin-bottom: 90px !important; }.mb100 { margin-bottom: 100px !important; }.mb110 { margin-bottom: 110px !important; }

.pt0 { padding-top: 0px !important; }.pt1 { padding-top: 1px !important; }.pt5 { padding-top: 5px !important; }.pt8 { padding-top: 8px !important; }.pt10 { padding-top: 10px !important; }.pt15 { padding-top: 15px !important; }.pt16 { padding-top: 16px !important; }.pt20 { padding-top: 20px !important; }.pt24 { padding-top: 24px !important; }.pt25 { padding-top: 25px !important; }.pt30 { padding-top: 30px !important; }.pt32 { padding-top: 32px !important; }.pt35 { padding-top: 35px !important; }.pt40 { padding-top: 40px !important; }.pt48 { padding-top: 48px !important; }.pt50 { padding-top: 50px !important; }.pt56 { padding-top: 56px !important; }.pt60 { padding-top: 60px !important; }.pt64 { padding-top: 64px !important; }.pt70 { padding-top: 70px !important; }.pt80 { padding-top: 80px !important; }.pt90 { padding-top: 90px !important; }.pt100 { padding-top: 100px !important; }

.pl0 { padding-left: 0px !important; }.pl5 { padding-left: 5px !important; }.pl8 { padding-left: 8px !important; }.pl10 { padding-left: 10px !important; }.pl15 { padding-left: 15px !important; }.pl16 { padding-left: 16px !important; }.pl20 { padding-left: 20px !important; }.pl24 { padding-left: 24px !important; }.pl25 { padding-left: 25px !important; }.pl30 { padding-left: 30px !important; }.pl32 { padding-left: 32px !important; }.pl35 { padding-left: 35px !important; }.pl40 { padding-left: 40px !important; }.pl48 { padding-left: 48px !important; }.pl50 { padding-left: 50px !important; }.pl56 { padding-left: 56px !important; }.pl60 { padding-left: 60px !important; }.pl64 { padding-left: 64px !important; }.pl70 { padding-left: 70px !important; }.pl80 { padding-left: 80px !important; }.pl90 { padding-left: 90px !important; }.pl100 { padding-left: 100px !important; }

.pr0 { padding-right: 0px !important; }.pr5 { padding-right: 5px !important; }.pr8 { padding-right: 8px !important; }.pr10 { padding-right: 10px !important; }.pr15 { padding-right: 15px !important; }.pr16 { padding-right: 16px !important; }.pr20 { padding-right: 20px !important; }.pr24 { padding-right: 24px !important; }.pr25 { padding-right: 25px !important; }.pr30 { padding-right: 30px !important; }.pr32 { padding-right: 32px !important; }.pr35 { padding-right: 35px !important; }.pr40 { padding-right: 40px !important; }.pr48 { padding-right: 48px !important; }.pr50 { padding-right: 50px !important; }.pr56 { padding-right: 56px !important; }.pr60 { padding-right: 60px !important; }.pr64 { padding-right: 64px !important; }.pr70 { padding-right: 70px !important; }.pr80 { padding-right: 80px !important; }.pr90 { padding-right: 90px !important; }.pr100 { padding-right: 100px !important; }

.pb0 { padding-bottom: 0px !important; }.pb5 { padding-bottom: 5px !important; }.pb8 { padding-bottom: 8px !important; }.pb10 { padding-bottom: 10px !important; }.pb15 { padding-bottom: 15px !important; }.pb16 { padding-bottom: 16px !important; }.pb20 { padding-bottom: 20px !important; }.pb24 { padding-bottom: 24px !important; }.pb25 { padding-bottom: 25px !important; }.pb30 { padding-bottom: 30px !important; }.pb32 { padding-bottom: 32px !important; }.pb35 { padding-bottom: 35px !important; }.pb40 { padding-bottom: 40px !important; }.pb48 { padding-bottom: 48px !important; }.pb50 { padding-bottom: 50px !important; }.pb56 { padding-bottom: 56px !important; }.pb60 { padding-bottom: 60px !important; }.pb64 { padding-bottom: 64px !important; }.pb70 { padding-bottom: 70px !important; }.pb80 { padding-bottom: 80px !important; }.pb90 { padding-bottom: 90px !important; }.pb100 { padding-bottom: 100px !important; }

.w5p { width: 5%!important;}.w8p { width: 8%!important;}.w10p { width: 10%!important;}.w11p { width: 11%!important;}.w12p { width: 12%!important;}.w13p { width: 13%!important;}.w15p { width: 15%!important;}.w16p { width: 16%!important;}.w20p { width: 20%!important;}.w22p { width: 22%!important;}.w24p { width: 24%!important;}.w25p { width: 25%!important;}.w26p { width: 26%!important;}.w29p { width: 29%!important;}.w30p { width: 30%!important;}.w32p { width: 32%!important;}.w333p { width: 33.33%!important;}.w35p { width: 35%!important;}.w36p { width: 36%!important;}.w40p { width: 40%!important;}.w37p { width: 37%!important;}.w38p { width: 38%!important;}.w40p { width: 40%!important;}.w45p { width: 45%!important;}.w48p { width: 48%!important;}.w50p { width: 50%!important;}.w55p { width: 55%!important;}.w56p { width: 56%!important;}.w60p { width: 60%!important;}.w64p { width: 64%!important;}.w65p { width: 65%!important;}.w666p { width: 66.66%!important;}.w70p { width: 70%!important;}.w74p { width: 74%!important;}.w75p { width: 75%!important;}.w80p { width: 80%!important;}.w85p { width: 85%!important;}.w90p { width: 90%!important;}.w95p { width: 95%!important;}.w100p { width: 100%!important;}.wmax{ width: 100%!important; height: auto!important;}

.fz10 { font-size: 1rem; }.fz11 { font-size: 1.1rem; }.fz12 { font-size: 1.2rem; }.fz14 { font-size: 1.4rem; }.fz15 { font-size: 1.5rem; }.fz16 { font-size: 1.6rem; }.fz18 { font-size: 1.8rem; }.fz20 { font-size: 2rem; }.fz22 { font-size: 2.2rem; }.fz24 { font-size: 2.4rem; }.fz26 { font-size: 2.6rem; }.fz28 { font-size: 2.8rem; }.fz30 { font-size: 3rem; }.fz32 { font-size: 3.2rem; }.fz34 { font-size: 3.4rem; }.fz36 { font-size: 3.6rem; }.fz38 { font-size: 3.8rem; }.fz40 { font-size: 4rem; }.fz42 { font-size: 4.2rem; }.fz44 { font-size: 4.4rem; }.fz46 { font-size: 4.6rem; }.fz48 { font-size: 4.8rem; }

.max1280 { max-width: 1280px!important; margin: 0 auto!important; }
.max1024 { max-width: 1024px!important; margin: 0 auto!important; }
.max960 { max-width: 960px!important; margin: 0 auto!important; }
.max820 { max-width: 820px!important; margin: 0 auto!important; }
.max750 { max-width: 750px!important; margin: 0 auto!important; }
.max720 { max-width: 720px!important; margin: 0 auto!important; }
.max700 { max-width: 700px!important; margin: 0 auto!important; }
.max640 { max-width: 640px!important; margin: 0 auto!important;}
.max600 { max-width: 600px!important; margin: 0 auto!important;}
.max550 { max-width: 550px!important; margin: 0 auto!important; }
.max500 { max-width: 500px!important; margin: 0 auto!important; }
.max400 { max-width: 400px!important; margin: 0 auto!important; }
.max300 { max-width: 300px!important; margin: 0 auto!important; }
.max200 { max-width: 200px!important; margin: 0 auto!important; }

.mgA { margin-left: auto!important; margin-right: auto!important; }

/*---------------------------------------------
 grid system
---------------------------------------------*/
.grid{display:flex;flex-wrap:wrap;}.grid.jc-c{justify-content:center;}.grid.ai-c{align-items:center;}[class*="grid-"] .col{flex:inherit;}.grid-1 > .col{width:100%;}.grid-5.gd1,.grid-4.gd1,.grid-3.gd1,.grid-2.gd1{margin-right:-1px;margin-bottom:-1px;}.gd1 > .col{margin-right:1px;margin-bottom:1px;}.grid-2.gd1 > .col{width:calc(50% - 1px);}.grid-3.gd1 > .col{width:calc(33.333% - 1px);}.grid-4.gd1 > .col{width:calc(25% - 1px);}.grid-5.gd1 > .col{width:calc(20% - 1px);}.grid-5.gd10,.grid-4.gd10,.grid-3.gd10,.grid-2.gd10{margin-right:-10px;margin-bottom:-10px;}.gd10 > .col{margin-right:10px;margin-bottom:10px;}.grid-2.gd10 > .col{width:calc(50% - 10px);}.grid-3.gd10 > .col{width:calc(33.333% - 10px);}.grid-4.gd10 > .col{width:calc(25% - 10px);}.grid-5.gd10 > .col{width:calc(20% - 10px);}.grid-5.gd20,.grid-4.gd20,.grid-3.gd20,.grid-2.gd20{margin-right:-20px;margin-bottom:-20px;}.gd20 > .col{margin-right:20px;margin-bottom:20px;}.grid-2.gd20 > .col{width:calc(50% - 20px);}.grid-3.gd20 > .col{width:calc(33.333% - 20px);}.grid-4.gd20 > .col{width:calc(25% - 20px);}.grid-5.gd20 > .col{width:calc(20% - 20px);}.grid-5.gd30,.grid-4.gd30,.grid-3.gd30,.grid-2.gd30{margin-right:-30px;margin-bottom:-30px;}.gd30 > .col{margin-right:30px;margin-bottom:30px;}.grid-2.gd30 > .col{width:calc(50% - 30px);}.grid-3.gd30 > .col{width:calc(33.333% - 30px);}.grid-4.gd30 > .col{width:calc(25% - 30px);}.grid-5.gd30 > .col{width:calc(20% - 30px);}.grid-5.gd40,.grid-4.gd40,.grid-3.gd40,.grid-2.gd40{margin-right:-40px;margin-bottom:-40px;}.gd40 > .col{margin-right:40px;margin-bottom:40px;}.grid-2.gd40 > .col{width:calc(50% - 40px);}.grid-3.gd40 > .col{width:calc(33.333% - 40px);}.grid-4.gd40 > .col{width:calc(25% - 40px);}.grid-5.gd40 > .col{width:calc(20% - 40px);}.grid-5.gd50,.grid-4.gd50,.grid-3.gd50,.grid-2.gd50{margin-right:-50px;margin-bottom:-50px;}.gd50 > .col{margin-right:50px;margin-bottom:50px;}.grid-2.gd50 > .col{width:calc(50% - 50px);}.grid-3.gd50 > .col{width:calc(33.333% - 50px);}.grid-4.gd50 > .col{width:calc(25% - 50px);}.grid-5.gd50 > .col{width:calc(20% - 50px);}


:root {
  --txtBlack: #1a1a1a;
  --color01: #d6002b;
  --color02: #0c65b9;
  --black01: #0f0f0f;
  --grey01: #e3e4e5;
  --grey02: #f5f8fa;
  --grey03: #666;
  --grey04: #d0d3d6;
  --grey05: #888a8c;
  --grey06: #b7babd;
  --grey07: #747474;
  --grey08: #e4e8eb;
  --grey09: #dadde0;
  --grey10: #4a4d4f;
  --grey11: #d6cbcb;
  --lgrey: #edf2f5;
  --black01: #4a4d4f;
  --black02: #373737;
  --red01: #fff2f2;
  --red02: #fcdcdc;
  --red03: #b10000;
  --red04: #f75b5b;
  --red05: #f36666;
  --blue01: #0faadd;
  --blue02: #0e65b9;
  --blue03: #197ce2;
  --green01: #057f72;
  --lblue01: #f2f8ff;
  --lgreen01: #f2fffe;
  --lgreen02: #e8fffd;
  --headerHt: 96px;
  --headerHt_m: -96px;
  --headerHt_simple: 76px;
  --footerHt_simple: 58px;
  --mvHt: 592px;
  --fix_w: 1366px;
  --enFont: 'Lato', sans-serif;
  --jaFont: 'Noto Sans JP', sans-serif;
}

/* wrap */
#wrap {
  -webkit-text-size-adjust: 100%;
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: var(--headerHt);;
}
#wrap.use-simple-header {
  padding-top: var(--headerHt_simple);
}
body.fixed #wrap {
  position: fixed;
  width: 100%;
}
.inner-wrap {
  width: 100%;
  margin: 0 auto;
  max-width: 1120px;
}

/*  header  */
.header {
  background: #fff;
  padding: 16px 0 16px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 0 10px rgba(0, 0, 0, .05);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 200;
  min-width: var(--fix_w);
}
.header .header-logo-wrap .logo {
  display: flex;
}
.header .header-logo-wrap .logo-01 {
  width: 170px;
  padding-right: 10px;
  margin-right: 10px;
  border-right: 1px solid var(--grey05);
}
.header .header-logo-wrap .logo-02 {
  width: 112px;
}
.header .logo a {
  display: inline-block;
}
.header .logo a img {
  width: 100%;
}
.header .bank-code {
  margin-top: 8px;
  font-size: 1rem;
}

.header-login-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: var(--headerHt);
  height: 100%;
  color: #fff;
  font-size: 1.6rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-top: 34px;
  background: url(/assets/images/icn_login.png) no-repeat center 24px / 18px auto, var(--color01);
}
.header-login-btn.active {
  background-color: var(--grey03);
}

.header .pc-header-menu {
  padding-right: 126px;
}
.header .pc-header-menu .header-top ul,
.header .pc-header-menu .header-top {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header .pc-header-menu .header-top ul li {
  margin-right: 26px;
}
.header .pc-header-menu .header-top ul li a {
  display: inline-block;
}
.header .pc-header-menu .header-top ul li a.cur {
  color: var(--color01);
  font-weight: bold;
}
.header .pc-header-menu .header-top .left-list li a {
  font-size: 1.5rem;
}
.header .pc-header-menu .header-top .right-list {
  margin-left: 14px;
}
.header .pc-header-menu .header-top .right-list li {
  margin-right: 23px;
}
.header .pc-header-menu .header-top .right-list li:last-of-type {
  margin-right: 0;
}
.header .pc-header-menu .header-top .right-list li a {
  font-size: 1.3rem;
  padding-left: 30px;
  position: relative;
}
.header .pc-header-menu .header-top .right-list li a::before {
  content: "";
  width: 22px;
  height: 22px;
  position: absolute;
  left: 0;
  top: calc(50% - 11px);
  background: url() 0 0 no-repeat;
}
.header .pc-header-menu .header-top .right-list li a.icn-01::before {
  background: url(/assets/images/icn_header_01.png) no-repeat 0 0 / contain;
}
.header .pc-header-menu .header-top .right-list li a.icn-02::before {
  background: url(/assets/images/icn_header_02.png) no-repeat 0 0 / contain;
}

.close-btn-wrap {
  text-align: center;
  padding: 30px 10px;
}
.close-btn-wrap .close {
  line-height: 1.1;
}
.close-btn-wrap .close .close-icn {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 16px;
  margin-top: -2px;
  vertical-align: middle;
  position: relative;
}
.close-btn-wrap .close .close-icn:after,
.close-btn-wrap .close .close-icn:before {
  background-color: var(--color01);
  content: "";
  display: block;
  width: 24px;
  height: 2px;
  margin: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.close-btn-wrap .close .close-icn:after {
  transform: rotate(-45deg);
}
.close-btn-wrap .close .close-icn:before {
  transform: rotate(45deg);
}


.header-overlay {
  background: rgba(0, 0, 0, .4);
  width: 100%;
  height: 100%;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 199;
  transition: opacity 0.3s ease;
}
.header-overlay.show {
  opacity: 1;
  pointer-events: auto;
}

.header-mega-nav {
  margin-top: 16px;
}
.header-mega-nav ul {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.header-mega-nav ul li + li {
  margin-left: 44px;
}
.header-mega-nav ul li a {
  display: block;
  position: relative;
}
.header-mega-nav ul li .mega-toggle {
  padding-right: 18px;
}
.header-mega-nav ul li .mega-toggle:after {
  background: url(/assets/images/icn_arrow_btm_red.png) no-repeat center center / contain;
  content: "";
  display: block;
  width: 11px;
  height: 6px;
  position: absolute;
  right: 0;
  top: calc(50% - 3px);
  transition: all 0.3s ease;
}
.header.simple-header {
	position: absolute;
  padding: 20px 0 20px 24px;
}
.header.simple-header .header-logo-wrap {
	display: flex;
	align-items: center;
}
.header.simple-header .bank-code {
	margin-top: 0;
	margin-left: 40px;
  font-size: 1.2rem;
}


/* login-box */
.login-dorp-box {
  background-color: var(--lgrey);
  display: none;
  position: fixed;
  right: 0;
  top: var(--headerHt);
  z-index: 200;
}
.login-dorp-box .mv-cv-box {
  background-color: transparent;
  position: static;
  padding: 0;
  margin-top: 0;
}
.login-dorp-box .mv-cv-box .ttl {
  font-size: 1.8rem;
}
.login-dorp-box .mv-cv-list {
  display: block;
}
.login-dorp-box .mv-cv-list > li {
  width: 100%;
  padding: 32px 48px 32px;
}
.login-dorp-box .mv-cv-list > li + li {
  margin-left: 0;
  border-top: 1px solid var(--grey04);
}
.login-dorp-box .mv-cv-btn {
  width: 352px;
}
.login-dorp-box .mv-cv-btn[target="_blank"]:after {
  content: none;
}
.login-dorp-box .mv-cv-box .link {
  margin-top: 8px;
}
.login-dorp-box .close-btn-wrap {
  padding: 0 10px 20px;
}

/* footer */
.footer {
  position: relative;
  color: #fff;
}
.footer::before,
.footer::after {
  content: "";
  width: 50vw;
  height: 100%;
  position: absolute;
  top: 0;
  z-index: -1;
}
.footer::before {
  background-color: var(--color01);
  left: 0;
}
.footer::after {
  background-color: var(--black01);
  right: 0;
}
.footer a {
  color: #fff;
}
.footer a[target="_blank"]:after {
  background: url(/assets/images/icn_external_white.png) no-repeat center center / contain;
  width: 12px;
  height: 12px;
}
.footer-col2 {
  display: flex;
  flex-wrap: wrap;
  max-width: 1286px;
  margin: 0 auto;
}
.footer-col2 .footer-left {
  background-color: var(--color01);
  width: calc(100% - 35%);
  padding-left: 80px;
}
.footer-col2 .footer-right {
  background-color: var(--black01);
  width: 35%;
}
.footer-col2 .footer-left .footer-inrbox {
  padding: 36px 40px 44px 0; 
}
.footer-col2 .footer-right .footer-inrbox {
  padding: 36px 0 36px 40px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.footer .footer-nav-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 28px;
}
.footer .footer-nav-list > li + li {
  margin-left: 28px;
}
.footer .footer-nav-list > li a {
  font-weight: bold;
}
.footer .footer-links-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -8px;
}
.footer .footer-links-list > li {
  margin-right: 3px;
  margin-bottom: 4px;
  display: inline-block;
  line-height: 1.2;
}
.footer .footer-links-list > li::after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 1px;
  height: 12px;
  background-color: #fff;
  font-size: 1.2rem;
  line-height: 1.1;
  margin-left: 9px;
  margin-right: 8px;
}
.footer .footer-links-list > li:last-of-type::after {
  content: none;
}
.footer .footer-links-list > li a {
  font-size: 1.2rem;
}
.footer .footer-links-list > li a[href*=".pdf"]:after {
	background: url(/assets/images/icn_pdf_white.png) no-repeat center center / contain;
	width: 14px;
	height: 14px;
	top: -.15em;
}
.footer .footer-info {
  font-size: 1.2rem;
  line-height: 2;
  letter-spacing: .04em;
}
.footer .copyright {
  font-size: 1.2rem;
  margin-top: 20px;
  letter-spacing: .04em;
}
.footer.simple-footer {
  background-color: var(--black01);
  padding: 20px 0;
}
.footer.simple-footer::before,
.footer.simple-footer::after {
  content: none;
}
.footer.simple-footer .copyright {
  margin-top: 0;
  text-align: center;
}

/* page top */
.page-top-btn {
  display: block;
  width: 56px;
  line-height: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 100;
  transition: opacity 0.3s ease;
}
.page-top-btn.show {
  opacity: 1;
  pointer-events: auto;
}
.page-top-btn.end {
  position: absolute;
  bottom: calc(100% + 20px) !important;
}
.page-top-btn.end2 {
  position: absolute;
  bottom: calc(100% + 211px) !important;
}
.page-top-btn.end3 {
  position: absolute;
  bottom: calc(100% + 20px) !important;
}

/*  top common  */
.top-h2 {
  text-align: center;
  margin-bottom: 50px;
}
.top-h2 .main {
  font-family: 'Lato', sans-serif;
  font-size: 6rem;
  font-weight: bold;
  display: block;
  line-height: 1.1;
}
.top-h2 .sub {
  display: block;
  font-size: 2rem;
  color: var(--color01);
}
.txt-red {
  color: var(--color01) !important;
}
.txt-blue {
  color: var(--blue01) !important;
}
.txt-black {
  color: var(--txtBlack) !important;
}
.url-break {
  word-break: break-all;
}
.arr-right-red,
.arr-right {
  padding-right: 29px;
  position: relative;
}
.arr-right-red::after,
.arr-right::after {
  content: "";
  width: 19px;
  height: 11px;
  background: url(/assets/images/icn_arrow_right_white.png) no-repeat 0 0 / contain;
  position: absolute;
  right: 0;
  bottom: .4em;
  transition: all .3s ease;
}
.arr-right-red::after {
  background: url(/assets/images/icn_arrow_right_red.png) no-repeat 0 0 / contain;
}
.arr-circle-red,
.arr-circle-white {
  position: relative;
}
.arr-circle-red::before,
.arr-circle-white::before,
.arr-circle-red::after,
.arr-circle-white::after {
  content: "";
  position: absolute;
  transition: all .3s ease;
  z-index: 2;
  transform: translateX(0);
}
.arr-circle-red::before,
.arr-circle-white::before {
  width: 26px;
  height: 15px;
  background: url(/assets/images/icn_arr_circle_r_white.png) no-repeat 0 0 / contain;
  right: 24px;
  bottom: 49px;
}
.arr-circle-red::after,
.arr-circle-white::after {
  width: 38px;
  height: 40px;
  background: url(/assets/images/icn_arr_circle_white.png) no-repeat 0 0 / contain;
  right: 40px;
  bottom: 36px;
}
.arr-circle-red::before {
  background: url(/assets/images/icn_arr_circle_r_red.png) no-repeat 0 0 / contain;
}
.arr-circle-red::after {
  background: url(/assets/images/icn_arr_circle_red.png) no-repeat 0 0 / contain;
}
.target-posi {
  padding-top: var(--headerHt);
  margin-top:var(--headerHt_m);
}


/*  TOP  */
.sec-deco-01 {
  position: relative;
}
.sec-deco-01::before {
  content: "";
  width: 260px;
  height: 260px;
  background: url(/assets/images/img_top_deco_01.png) no-repeat 0 0 / contain;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  z-index: -1;
}
.mainvisual-section {
  position: relative;
  height: var(--mvHt);
}
.mainvisual-inner-wrap {
  position: relative;
  height: 100%;
  max-width: 1286px;
  margin: 0 auto;
  padding-top: 100px;
}
.mv-img-wrap {
  width: 100%;
  height: var(--mvHt);
  position: absolute;
  right: 0;
  top: 0;
}
.mv-img-wrap .mv-img-inr-wrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.mv-img-wrap .item {
  width: 100%;
  height: var(--mvHt);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.mv-img-wrap .item-01 {
  background-image: url(/assets/images/img_top_mv_01.jpg);
}
.mv-img-wrap .item-02 {
  background-image: url(/assets/images/img_top_mv_02.jpg);
}
.mv-img-wrap .item-03 {
  background-image: url(/assets/images/img_top_mv_03.jpg);
}
.mv-img-wrap .slick-dots {
  right: auto;
  left: 50%;
  bottom: 60px;
  transform: translateX(-50%);
  max-width: 1286px;
  margin: 0 auto;
  z-index: 4;
  display: flex;
  justify-content: flex-end;
}
.mv-img-wrap .slick-dots li {
  width: 60px;
  height: 5px;
  margin: 0 2px 0 0;
}
.mv-img-wrap .slick-dots li button {
  width: 100%;
  height: 100%;
  background-color: #ccdee0;
  border-radius: 0;
  clip-path: polygon(3px 0, 100% 0, calc(100% - 3px) 100%, 0% 100%);
}
.mv-img-wrap .slick-dots li.slick-active button {
  background-color: var(--color01);
}
.mv-img-wrap .slick-dots li button:before {
  content: none;
}
.mv-ttl {
  font-weight: bold;
  padding-left: 40px;
  line-height: 1.2;
  position: relative;
}
.mv-ttl::before {
  content: "";
  width: 10px;
  height: calc(100% + 8px);
  background-color: var(--color01);
  position: absolute;
  left: 0;
  top: 0;
  clip-path: polygon(0 8px, 100% 0, 100% calc(100% - 8px), 0% 100%);
}
.mv-ttl .main {
  font-size: 7.4rem;
  letter-spacing: .04em;
  text-shadow: 0px 0px 18px rgba(255, 255, 255, 0.8), 0px 0px 52px rgba(255, 255, 255, 0.7);
}
.mv-ttl .sub {
  font-size: 4.4rem;
  display: block;
  margin-top: 10px;
  letter-spacing: .02em;
  text-shadow: 0px 0px 30px rgba(255, 255, 255, 0.85);
}
.mv-ttl .fz-sm {
  font-size: 3.2rem
}
.mainvisual-section.ver2 .mv-ttl .main {
  font-size: 6rem;
}
.mainvisual-section.ver2 .mv-ttl .sub {
  font-size: 1.8rem;
  line-height: 1.5;
  margin-top: 25px;
  font-weight: normal;
}
.mv-cv-box {
  display: inline-block;
  padding: 20px 26px;
  background-color: rgba(255, 255, 255, .85);
  margin-top: 20px;
  position: absolute;
  left: 0;
  bottom: 64px;
}
.mv-cv-list {
  display: flex;
}
.mv-cv-list > li + li {
  margin-left: 24px;
}
.mv-cv-box .ttl {
  font-weight: 500;
  text-align: center;
  margin-bottom: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mv-cv-box .link {
  text-align: center;
  margin-top: 4px;
}
.mv-cv-box .link a {
  font-size: 1.5rem;
}
.mv-cv-box .link .arr-right {
  padding-right: 27px;
}
.mv-cv-box .link .arr-right::after {
  width: 17px;
  height: 9px;
  background: url(/assets/images/icn_arrow_right_red.png) no-repeat 0 0 / contain;
  bottom: .35em;
}
.mv-cv-btn {
  display: inline-flex;
  width: 224px;
  max-width: 100%;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.4;
  color: #fff;
  border-radius: 4px;
  min-height: 58px;
}
.mv-cv-btn.red {
  background-color: var(--color01);
}
.mv-cv-btn.blue {
  background-color: var(--color02);
}
.mv-cv-btn .sub {
  font-size: 1.2rem;
  display: block;
}
.mv-cv-box.single .mv-cv-list > li {
  width: 100%;
}
.mv-cv-box.single .mv-cv-btn {
  width: 352px;
}
.mv-cv-box .mv-cv-btn[target="_blank"]:after {
  content: none;
}
.mv-btm-wrap {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: -32px;
  display: flex;
  z-index: 2;
}
.mv-info-box {
  flex: 1;
  width: calc(100% - 200px - 20px);
  background-color: #fff;
  border: 1px solid var(--color01);
  padding: 9px 0 9px 32px;
  display: flex;
}
.mv-info-box .left-box {
  flex: 1;
  width: calc(100% - 150px);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 9px 36px 9px 0;
}
.mv-info-box .left-box .ttl {
  font-size: 1.5rem;
  font-weight: 500;
  padding-left: 32px;
  width: 185px;
  position: relative;
}
.mv-info-box .left-box .ttl::before {
  content: "";
  width: 22px;
  height: 22px;
  background: url(/assets/images/icn_top_info_01.png) no-repeat 0 0 / contain;
  position: absolute;
  left: 0;
  top: calc(50% - 11px);
}
.mv-info-box .right-box {
  width: 150px;
  border-left: 1px solid #c8cacc;
}
.mv-news-list {
  width: calc(100% - 185px);
}
.mv-news-list .item .txt,
.mv-news-list .item a {
  font-size: 1.5rem;
  line-height: 1.7;
}
.mv-news-list .item .txt {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.mv-news-list .slick-prev,
.mv-news-list .slick-next {
  left: auto;
  right: -12px;
  width: 12px;
  height: 7px;
  margin-top: 0;
}
.mv-news-list .slick-prev {
  top: 0;
  bottom: auto;
  background: url(/assets/images/icn_slider_l_01.png) no-repeat center center / contain;
}
.mv-news-list .slick-next {
  top: auto;
  bottom: 0;
  background: url(/assets/images/icn_slider_r_01.png) no-repeat center center / contain;
}
.see-more-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  font-size: 1.5rem;
  padding-left: 18px;
  background: url(/assets/images/icn_top_info_03.png) no-repeat 24px 54% / 16px auto;
}
.mv-new-info-box {
  width: 200px;
  margin-left: 20px;
}
.new-info-btn {
  font-size: 1.5rem;
  width: 100%;
  height: 100%;
  padding-left: 20px;
  display: flex;
  align-items: center;
  background-color: #fff;
  border: 1px solid var(--grey01);
  position: relative;
}
.new-info-btn::after {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  border-width: 1px 1px 0 0;
  border-color: var(--color01);
  border-style: solid;
  right: 11px;
  top: calc(50% - 2px);
  transform: translateY(-50%) rotate(135deg);
}
.new-info-btn span {
  position: relative;
  padding-left: 28px;
}
.new-info-btn span::before {
  content: "";
  width: 18px;
  height: 19px;
  position: absolute;
  left: 0;
  top: calc(50% - 9px);
  background: url(/assets/images/icn_top_info_02.png) no-repeat 0 0 / contain;
}

.top-local-nav {
  position: relative;
  background-color: var(--lgrey);
  padding-bottom: 48px;
  padding-top: 56px;
}
.top-local-nav .inner-wrap {
  max-width: 1286px;
}
.top-local-nav-list {
  display: flex;
}
.top-local-nav-list > li {
  border: 1px solid var(--grey01);
  width: 100%;
  margin-right: -1px;
}
.local-nav-link {
  display: block;
  padding: 25px 10px 20px;
  background-color: #fff;
}
.local-nav-link .icn {
  text-align: center;
  position: relative;
  width: 34px;
  height: 34px;
  margin: 0 auto 10px;
}
.local-nav-link .icn img {
  width: 100%;
  position: absolute;
  left: calc(50% - 17px);
  top: 0;
  transition: all .3s ease;
  opacity: 1;
}
.local-nav-link .icn .hover {
  opacity: 0;
}
.local-nav-link .txt {
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
.top-pickup-section {
  padding: 108px 0 75px;
  position: relative;
}
.top-pickup-section::before,
.top-pickup-section::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.top-pickup-section::before {
  height: 52.6%;
  width: 100%;
  background-color: var(--lgrey);
}
.top-pickup-section::after {
  width: 170px;
  height: 170px;
  background: url(/assets/images/img_top_deco_02.png) no-repeat 0 0 / contain;
}
.top-pickup-section .top-h2 {
  margin-bottom: 35px;
}
.pickup-wrap {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.pickup-wrap .pickup-item {
  margin: 0 28px;
  width: 100%;
  background-color: #fff;
  display: none;
}
.pickup-wrap .pickup-item:first-of-type {
  display: block;
}
.pickup-wrap.slick-initialized .pickup-item {
  display: block;
}
.pickup-wrap .slick-list {
  overflow: visible;
}
.slick-control {
  text-align: center;
  margin-top: 35px;
}
.slick-control-btn {
  border: none;
  outline: none;
  cursor: pointer;
  background-color: transparent;
}
.slick-control-btn img {
  width: 10px;
  transition: all .3s ease;
}
.slick-control-btn.hide {
  display: none;
}
.pickup-linkpanel {
  display: block;
  background-color: #fff;
  height: 100%;
}
.pickup-linkpanel .img {
  line-height: 1;
  overflow: hidden;
}
.pickup-linkpanel .img img {
  width: 100%;
  transition: all .3s ease;
  transform: scale(1);
}
.pickup-linkpanel .txt-box {
  padding: 22px 28px 27px;
}
.pickup-linkpanel .arr-right::after {
  right: 17px;
  bottom: 13px;
  z-index: 2;
  background: url(/assets/images/icn_arrow_right_red.png) no-repeat 0 0 / contain;
}
.pickup-linkpanel .ttl {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 12px;
}
.pickup-linkpanel .txt {
  line-height: 1.46;
}

.top-service-section {
  padding: 120px 0 80px;
  position: relative;
}
.top-service-section::after {
  content: "";
  width: 50vw;
  height: 435px;
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: var(--lgrey);
  z-index: -1;
}
.service-ttl-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.service-ttl-wrap > .left-wrap {
  flex: 1;
}
.service-ttl-wrap > .right-wrap {
  width: 747px;
}
.service-ttl-wrap .top-h2 {
  text-align: left;
  margin-bottom: 30px;
}
.service-ttl-wrap .frame-box {
  padding: 26px;
  background: url(/assets/images/img_top_service_bg_01.jpg) no-repeat center / cover;
}
.service-linkpanel {
  display: block;
  width: 100%;
  position: relative;
  overflow: hidden;
  color: #fff;
}
.service-linkpanel .img-box,
.service-linkpanel .img-box img {
  width: 100%;
  transition: all .3s ease;
  transform: scale(1);
}
.service-linkpanel .ttl-box {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 24px 28px;
}
.service-linkpanel .ttl-box .ttl {
  font-size: 2.6rem;
  font-weight: 500;
  margin-top: 4px;
  text-shadow: 0 0 8px var(--txtBlack);
}
.service-panel-list .service-linkpanel.no-link .ttl-box .ttl {
  font-size: 1.8rem;
  text-align: left;
  padding-left: 8px;
  margin-top: 0;
  position: relative;
}
.service-panel-list .service-linkpanel.no-link .ttl-box .ttl::before {
  content: "";
  width: 20px;
  height: 2px;
  background-color: var(--color01);
  position: absolute;
  left: -20px;
  top: 50%;
}
.service-panel-wrap {
  margin-top: 50px;
  position: relative;
}
.service-panel-wrap::before {
  content: "";
  width: calc(100% + 50px);
  height: 435px;
  background-color: var(--lgrey);
  position: absolute;
  left: 0;
  bottom: -80px;
}
.service-panel-wrap::after {
  content: "";
  width: 240px;
  height: 240px;
  background: url(/assets/images/img_top_deco_03.png) no-repeat 0 0 / contain;
  position: absolute;
  right: -80px;
  bottom: -110px;
  z-index: -1;
}
.service-panel-list {
  display: flex;
  flex-wrap: wrap;
  margin-right: -1px;
  margin-bottom: -1px;
}
.service-panel-list > li {
  width: calc(33.333% - 1px);
  margin-right: 1px;
  margin-bottom: 1px;
}
.service-panel-list.col-2 > li {
  width: calc(50% - 1px);
}
.service-panel-list .service-linkpanel .ttl-box {
  padding: 20px;
}
.service-panel-list .service-linkpanel .ttl-box .ttl {
  font-size: 1.7rem;
}
.service-panel-list .arr-circle-white::before {
  right: 20px;
  bottom: 41px;
}
.service-panel-list .arr-circle-white::after {
  right: 36px;
  bottom: 27px;
}

.top-lifeplan-section {
  position: relative;
  padding: 120px 0 80px;
}
.top-lifeplan-section::before,
.top-lifeplan-section::after {
  content: "";
  pointer-events: none;
  z-index: -1;
  position: absolute;
  right: 0;
}
.top-lifeplan-section::before {
  content: "";
  width: 547px;
  height: 254px;
  background: url(/assets/images/img_top_lifeplan_bg_01.png) no-repeat 0 0 / contain;
  top: 80px;
  z-index: 2;
}
.top-lifeplan-section::after {
  width: 100%;
  height: 504px;
  background: url(/assets/images/img_top_lifeplan_bg_02.png) no-repeat right bottom / auto 100%, #c70029;
  bottom: 0;
}
.top-lifeplan-section .ttl-inner-wrap {
  position: relative;
  z-index: 2;
}
.lifeplan-white-wrap {
  max-width: calc(50vw + (1286px / 2));
  margin: 0 0 0 auto;
  position: relative;
}
.lifeplan-white-wrap::after {
  content: "";
  width: 100%;
  height: calc(100% - 125px);
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 0;
}
.lifeplan-inner-wrap {
  max-width: calc(50vw + (1120px / 2));
  margin: 0 0 0 auto;
  padding: 0 0 210px;
  position: relative;
  overflow: hidden;
}
.top-lifeplan-section .content-inner-wrap {
  position: relative;
  margin-left: -16px;
  max-width: calc(1120px + 33px + 16px);
  z-index: 2;
}
.top-lifeplan-section .top-h2 {
  text-align: left;
  margin-bottom: 30px;
}
.top-lifeplan-section .top-h2 .sub {
  font-size: 3rem;
  font-weight: bold;
  margin-bottom: 12px;
  color: var(--txtblack);
}
.top-lifeplan-section .top-h2 .main {
  font-size: 5.2rem;
  color: var(--color01);
  font-family: var(--jaFont);
}
.lifeplan-panel-wrap {
  margin-top: 40px;
  background-color: #fff;
}
.lifeplan-panel-list {
  display: flex;
}
.lifeplan-panel-list .slick-list {
  overflow: visible;
}
.lifeplan-panel-list .item {
  margin: 0 33px;
  max-width: 520px;
  display: none;
}
.lifeplan-panel-list .item:first-of-type {
  display: block;
}
.lifeplan-panel-list.slick-initialized .item {
  display: block;
}
.lifeplan-panel-wrap .slick-dots {
  bottom: -130px;
  max-width: 100%;
  width: calc(100% - 46px);
  left: 16px;
  height: 2px;
  display: flex;
}
.lifeplan-panel-wrap .slick-dots li {
  margin: 0 2px;
  width: 100%;
  background-color: rgba(255, 255, 255, .6);
}
.lifeplan-panel-wrap .slick-dots li button {
  height: 100%;
  width: 100%;
  border-radius: 0;
  width: 0;
  overflow: visible;
  position: relative;
}
.lifeplan-panel-wrap .slick-dots li.slick-active button {
  background-color: rgba(255, 255, 255, 1);
}
.lifeplan-panel-wrap .slick-dots li button:before {
  width: 8px;
  height: 8px;
  border-radius: 8px;
  background-color: #fff;
  right: 0;
  left: auto;
  top: -3px;
  opacity: 0;
}
.lifeplan-panel-wrap .slick-dots li.slick-active button::before {
  opacity: 1;
}
.lifeplan-panel-wrap .slick-num {
  position: absolute;
  left: 18px;
  bottom: -198px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 500;
}
.lifeplan-panel-wrap .slick-num span:first-of-type {
  margin-right: 3px;
}
.lifeplan-panel-wrap .slick-num span:last-of-type {
  margin-left: 3px;
}
.lifeplan-panel-wrap .slick-prev,
.lifeplan-panel-wrap .slick-next {
  bottom: -209px;
  display: block;
}
.lifeplan-panel-wrap .slick-prev {
  background: url(/assets/images/icn_slider_l_02_white.png) no-repeat center center / contain;
  left: 118px;
}
.lifeplan-panel-wrap .slick-next {
  background: url(/assets/images/icn_slider_r_02_white.png) no-repeat center center / contain;
  left: 238px;
}
.lifeplan-panel-wrap .slick-control {
  position: absolute;
  bottom: -196px;
  left: 191px;
}
.lifeplan-panel-wrap .slick-control button {
  background-color: transparent;
}
.lifeplan-linkpanel {
  display: block;
}
.lifeplan-linkpanel .img-frame {
  position: relative;
} 
.lifeplan-linkpanel .img-frame::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: -16px;
  bottom: -16px;
}
.lifeplan-linkpanel .img-frame.bgi-01::before {
  background: url(/assets/images/img_top_lifeplan_01_bg.jpg) no-repeat center / cover;
}
.lifeplan-linkpanel .img-frame.bgi-02::before {
  background: url(/assets/images/img_top_lifeplan_02_bg.jpg) no-repeat center / cover;
}
.lifeplan-linkpanel .img-frame.bgi-03::before {
  background: url(/assets/images/img_top_lifeplan_03_bg.jpg) no-repeat center / cover;
}
.lifeplan-linkpanel .img-frame.bgi-04::before {
  background: url(/assets/images/img_top_lifeplan_04_bg.jpg) no-repeat center / cover;
}
.lifeplan-linkpanel .img-box {
  overflow: hidden;
}
.lifeplan-linkpanel .img-box img {
  transform: scale(1);
  transition: all .3s ease;
}
.lifeplan-linkpanel .ttl-box {
  position: absolute;
  left: 18px;
  bottom: -24px;
}
.lifeplan-linkpanel .ttl-box .deco-txt {
  font-size: 3.2rem;
  font-weight: 300;
  color: #fff;
  font-family: 'Lato', sans-serif;
  line-height: 1;
  margin-bottom: -5px;
}
.lifeplan-linkpanel .ttl-box .ttl {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.6;
}
.lifeplan-linkpanel .ttl-box .ttl > span {
  background-color: #fff;
  display: inline-block;
  line-height: 1.4;
  padding: 1px 14px;
}
.lifeplan-linkpanel .ttl-box .ttl .sub {
  font-size: 2.4rem;
  font-weight: normal;
}
.lifeplan-linkpanel .txt-box {
  padding: 44px 96px 0 20px;
}
.lifeplan-linkpanel .txt-box .txt {
  line-height: 1.55;
}
.lifeplan-linkpanel.arr-circle-red::before {
  right: 16px;
  bottom: 30px;
}
.lifeplan-linkpanel.arr-circle-red::after {
  right: 32px;
  bottom: 16px;
}

.top-news-section {
  padding: 106px 0 195px;
}
.tab-btns-list {
  display: flex;
  max-width: 840px;
  margin: 0 auto;
}
.tab-btns-list > li {
  line-height: 1.2;
  width: 100%;
}
.tab-btns-list .tab-btn {
  display: block;
  font-size: 1.8rem;
  text-align: center;
  padding: 0 10px 16px;
  border-bottom: 2px solid transparent;
}
.tab-btns-list .tab-btn.cur {
  font-weight: bold;
  color: var(--color01);
  border-color: var(--color01);
}
.tab-btns-list .tab-btn.ai-c {
	display: flex;
	align-items: center;
	justify-content: center;
}
.tab-contents-wrap {
  margin-top: 40px;
}
.tab-content {
  display: none;
}
.tab-content.cur {
  display: block;
}
.news-list > li {
  display: flex;
  align-items: baseline;
  border-bottom: 1px solid var(--grey01);
  padding-bottom: 17px;
}
.news-list > li + li {
  margin-top: 15px;
}
.news-list > li .news-date {
  width: 165px;
  padding-right: 10px;
  font-size: 1.5rem;
}
.news-list > li a {
  position: relative;
}
.news-list > li a[href*=".pdf"]::after {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  vertical-align: middle;
  background: url(/assets/images/icn_pdf.png) no-repeat center / contain;
  margin-left: 8px;
}
.news-list > li .news-txt {
  flex: 1;
}
.news-list > li .news-txt.new::after {
  content: "NEW";
  font-family: 'Lato', sans-serif;
  width: 46px;
  height: 16px;
  line-height: 16px;
  background-color: var(--color01);
  color: #fff;
  font-size: 1.2rem;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin-left: 24px;
}
.news-more-link {
  display: block;
  margin-top: 20px;
  text-align: right;
}
.news-more-link.arr-right::after {
  background: url(/assets/images/icn_arrow_right_red.png) no-repeat 0 0 / contain;
}

.top-bnr-section {
  padding: 40px 0;
  margin: 0 -10px;
  background-color: var(--lgrey);
}
.top-bnr-section .inner-wrap {
  max-width: 1140px;
}
.top-bnr-wrap {
  display: flex;
}
.top-bnr-wrap .bnr-item {
  margin: 0 10px;
  display: inline-block;
}
.top-bnr-wrap .bnr-item a {
  display: block;
}

@media screen and (max-width: 1286px) {
  
  .lifeplan-white-wrap {
    max-width: calc(50% + (1120px / 2))
  }
  .lifeplan-inner-wrap {
    max-width: calc(50% + (1080px / 2))
  }
  .top-lifeplan-section .content-inner-wrap {
    max-width: 100%;
  }
  
}

/*  lower layer page  */
.page-ttl-section.kariru::before {
  background: url(/assets/images/img_kariru_mv.jpg) no-repeat center / cover;
}
.page-ttl-section.lifeplan-start::before {
  background: url(/assets/images/img_lifeplan_start_mv.jpg) no-repeat center / cover;
}
.page-ttl-section.lifeplan-glow::before {
  background: url(/assets/images/img_lifeplan_glow_mv.jpg) no-repeat center / cover;
}
.page-ttl-section.lifeplan-prepare::before {
  background: url(/assets/images/img_lifeplan_prepare_mv.jpg) no-repeat center / cover;
}
.page-ttl-section.lifeplan-inherit::before {
  background: url(/assets/images/img_lifeplan_inherit_mv.jpg) no-repeat center / cover;
}
.page-ttl-section.kariru-auto::before {
  background: url(/assets/images/img_kariru_auto_mv.jpg) no-repeat center / cover;
}
.page-ttl-section.kariru-education::before {
  background: url(/assets/images/img_kariru_education_mv.jpg) no-repeat center / cover;
}
.page-ttl-section.kariru-free::before {
  background: url(/assets/images/img_kariru_free_mv.jpg) no-repeat center / cover;
}
.page-ttl-section.kariru-card::before {
  background: url(/assets/images/img_kariru_card_mv.jpg) no-repeat center / cover;
}
.page-ttl-section.kariru-care::before {
  background: url(/assets/images/img_kariru_care_mv.jpg) no-repeat center / cover;
}
.page-ttl-section.kariru-reverse-mortgage::before {
  background: url(/assets/images/img_kariru_reverse-mortgage_mv.jpg) no-repeat center / cover;
}
.page-ttl-section.kariru-housing::before {
  background: url(/assets/images/img_kariru_housing_mv.jpg) no-repeat center / cover;
}
.page-ttl-section.kariru-reform::before {
  background: url(/assets/images/img_kariru_reform_mv.jpg) no-repeat center / cover;
}
.page-ttl-section.simulation::before {
  background: url(/assets/images/img_kariru_simulation_mv.jpg) no-repeat center / cover;
}
.page-ttl-section.houjin-stage::before {
  background: url(/assets/images/img_houjin_stage_mv.jpg) no-repeat right center / cover;
}
.local-nav-wrap {
  background-color: var(--grey02);
  padding-bottom: 80px;
}
.local-nav-list {
  display: flex;
}
.local-nav-list > li {
  border: 1px solid var(--grey01);
  width: 100%;
}
.local-nav-list > li:not(:first-of-type) {
  border-left: none;
}
.local-nav-list.col-3 {
  flex-wrap: wrap;
}
.local-nav-list.col-3 > li {
  width: 33.333%;
}
.local-nav-list.col-3 > li:not(:nth-of-type(-n + 3)) {
  margin-top: -1px;
}
.local-nav-list.col-3 > li:nth-of-type(3n + 1) {
  border-left: 1px solid var(--grey01);
}
.local-nav-list > li a {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  min-height: 72px;
  padding: 10px 28px;
  background-color: #fff;
}
.local-nav-list > li a::after {
  content: "";
  width: 19px;
  height: 11px;
  background: url(/assets/images/icn_arrow_right_red.png) no-repeat 0 0 / contain;
  position: absolute;
  right: 15px;
  top: calc(50% - 5px);
}
.local-nav-list > li a[target="_blank"]::after {
  background: url(/assets/images/icn_external.png) no-repeat center center / contain;
  width: 18px;
  height: 18px;
  position: absolute;
  right: 12px;
  margin: 0;
  top: calc(50% - 9px);
}
.local-nav-list > li a[href*=".pdf"]::after {
  background: url(/assets/images/icn_pdf.png) no-repeat center center / contain;
  width: 22px;
  height: 22px;
  position: absolute;
  top: calc(50% - 11px);
}
.local-nav-list > li a .sub {
  font-size: 1.3rem;
  color: var(--color01);
  font-family: var(--enFont);
  display: block;
  line-height: 1.2;
  transition: all .3s ease;
}
.local-nav-list > li a.cur {
  background-color: var(--color01);
  color: #fff;
  pointer-events: none;
}
.local-nav-list > li a.cur::after {
  background-image: url(/assets/images/icn_arrow_right_white.png);
}
.local-nav-list > li a.cur .sub {
  color: #fff;
  opacity: .7;
}
.local-nav-list.ver2 > li a {
  min-height: 80px;
  text-align: left;
  justify-content: flex-start;
}

.card {
  max-width: 871px!important;
}
.loan-rate-ttl .sub-lead {
  font-size: 1.2rem;
  display: contents;
}
.no-wrap {
  white-space: nowrap;
}
.btn-wrap-layoutL {
  justify-content: flex-start;
  display: flex;
  flex-wrap: wrap;
  margin: 0 -16px -32px;
}
.btn-row2 {
  flex: 1;
}
.btn-wrap.btn-wrap-layoutL.col3:not(:first-of-type) {
  margin-top: 40px;
}
.table-ttl-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.icon-notes {
  display: flex;
  gap: 20px;
}
.icon-contents {
  display: flex;
  align-items: center;
  gap: 5px;
}
.icon-contents > img {
  width: 30px;
}
.normal-table.va-mid td {
  vertical-align: middle;
}
.normal-table.va-mid td p {
  text-align: center!important;
}

.img-bd-frame .txt-box {
  margin-bottom: 20px;
  text-align: left;
}
.bdt-c-f {
  border-top-color: #fff!important;
}
.bdr-c-f {
  border-right-color: #fff!important;
}
.bdl-c-f {
  border-left-color: #fff!important;
}
.bg-w {
  background: #fff;
  padding: 50px;
}
.no-flex {
  padding: 50px;
  flex-direction: unset;
}
.bd-it-box.no-flex .txt-box {
  width: 100%;
}
.jc-c {
  justify-content: center!important;
}
.normal-table.comparison td {
  padding: 18px 12px;
}
.mycar-panel {
  text-align: center;
}
.mycar-panel .panel-ttl {
  font-size: 2.8rem;
  margin-bottom: 12px;
  color: var(--color01);
}
.mycar-panel .panel-ttl.color-02 {
  color: var(--blue01);
}
.mycar-panel .panel-icn {
  margin-bottom: 24px;
}
.mycar-panel .panel-icn img {
  width: 198px;
}
.mycar-panel .price-txt {
  font-size: 3.2rem;
  font-weight: bold;
  line-height: 1.1;
}
.mycar-panel .price-txt .num {
  font-size: 4.8rem;
  color: var(--color01);
}

/* simulation */

.form-list-item {
  display: grid;
  grid-template-columns: 300px 1fr 290px;
  align-items: center;
  padding: 20px 48px;
  min-height: 96px;
  background-color: #f5f8fa;
}
.form-list-item + .form-list-item {
  margin-top: 5px;
}
.input-wrap {
  display: flex;
  gap: 16px;
  align-items: center;
}
.input-wrap.short {
  gap: 10px;
}
.input-wrap.column {
  flex-direction: column;
}
.select-wrap {
  display: flex;
  align-items: center;
  gap: 16px;
}
.select-box {
  position: relative;
}
.simulation-input-txt {
  padding: 15px;
  width: 240px;
  height: 56px;
  border: none;
}
.simulation-input-select {
  padding: 15px 30px 15px 15px;
  width: 128px;
  height: 56px;
  border: none;
  -webkit-appearance: none;
  appearance: none;
}
.simulation-input-select.select-year-35 {
  width: 240px;
}
.select-box::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 6px 0 6px;
  border-color: #d6002b transparent transparent transparent;
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  pointer-events: none;  
}
.txt-validate {
  position: relative;
  padding-left: 30px;
}
.txt-validate.error{
  color: #d6002b;
}
.txt-validate::after {
  content: "";
  width: 20px;
  height: 20px;
  background: url(/assets/images/icn_attention.png) no-repeat 0 0 / contain;
  position: absolute;
  left: 0;
  top: .3em;
}
.result-wrap {
  padding: 55px 75px;
  border: 6px solid var(--lgrey);
}
.form-list-item .ttl {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.result-table {
  width: 100%;
  display: grid;
  grid-template-columns: 2fr 1fr;
}
.result-table.col1 {
  grid-template-columns: 1fr;
  gap: 0;
}
.result-table .result-before,
.result-table .result-after {
  margin-bottom: 5px;
  padding: 11px;
  width: 360px;
  font-weight: bold;
  text-align: center;
}
.result-table .result-before {
  margin-left: auto;
  color: #fff;
  background: var(--grey05);
}
.result-table .result-after {
  color: #fff;
  background: var(--grey10);
  border-left: 4px solid #fff;
}
.result-list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid var(--grey04);
}
.result-list dt,
.result-list dd {
  padding: 12px;
  font-size: 1.8rem;
  letter-spacing: 0.04em;
}
.result-list dt {
  font-weight: 500;
  width: 10em;
}
.result-list dd {
  padding-right: 70px;
  font-size: 3.6rem;
  font-weight: bold;
  text-align: right;
  word-break: break-all;
  flex: 1;
}
.result-list dd .unit {
  font-size: 1.8rem;
}
.result-table .right .result-list dd {
  margin-left: auto;
}
.simulation-margin-label {
  margin-top: 60px;
  padding: 16px;
  text-align: center;
  font-weight: bold;
  letter-spacing: 0.04em;
  color: #fff;
  background: var(--grey10);
}
.margin-list {
  display: grid;
  grid-template-columns: repeat(4,1fr);
  align-items: center;
  margin-top: 25px;
}
.margin-list-item {
  text-align: center;
}
.margin-ttl {
  font-size: 1.8rem;
  font-weight: 500;
  letter-spacing: 0.04em;
}
.margin-amount {
  color: var(--color01);
  font-size: 3.0rem;
  font-weight: bold;
  letter-spacing: 0.04em;
  word-break: break-all;
  padding: 0 5px;
}
.margin-amount .unit {
  font-size: 1.6rem;
}
.simulation-radio {
  appearance: none;
  -webkit-appearance: none;
}
.simulation-radio-txt {
  position: relative;
  padding-left: 30px;
}
.simulation-radio-txt::before {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 50%;
  border: 1px solid var(--grey04);
}
.simulation-radio:checked + .simulation-radio-txt::before {
  border-color: var(--color01);
}
.simulation-radio:checked + .simulation-radio-txt::after {
  content: "";
  position: absolute;
  display: block;
  top: 50%;
  transform: translateY(-50%);
  left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: var(--color01);
}
.step-btns {
  position: relative;
  margin-top: 50px;
  margin-bottom: 50px;
  padding-bottom: 45px;
}
.step-btns::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 24px 42px 0 42px;
  border-color: var(--grey05) transparent transparent transparent;
}
.step-btns .btn-cmn {
  max-width: 352px;
  min-height: 64px;
}

/*  houjin  */
.houjin-mv .mv-img-wrap {
  background: url(/assets/images/img_houjin_top_mv.jpg) no-repeat center / cover;
}
.houjin-top-section .deco-ttl-triangle {
  position: relative;
  left: -32px;
}
.side-ti-wrap {
  position: relative;
}
.side-ti-wrap .txt-wrap {
  display: flex;
  align-items: center;
  min-height: 324px;
}
.side-ti-wrap .txt-wrap .txt-box {
  padding: 20px 0;
}
.side-ti-wrap .img-wrap {
  width: 70%;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  z-index: -1;
}
.side-ti-wrap .img-wrap.img-01 {
  background-image: url(/assets/images/img_houjin_top_01.jpg);
}
.side-ti-wrap .img-wrap.img-02 {
  background-image: url(/assets/images/img_houjin_top_05.jpg);
}
.side-ti-wrap .img-wrap.img-03 {
  background-image: url(/assets/images/img_houjin_top_06.jpg);
}
.side-ti-wrap + .btm-wrap {
  margin-top: -40px;
}
.side-ti-wrap.rev .img-wrap{
  right: auto;
  left: 0;
}
.side-ti-wrap.rev .txt-wrap .inner-wrap {
  display: flex;
  justify-content: flex-end;
}
.side-ti-wrap.ver2 {
  margin-bottom: 60px;
}
.side-ti-wrap.ver2 .txt-wrap {
  min-height: 400px;
  padding-top: 20px;
  align-items: flex-end;
}
.side-ti-wrap.ver2 .txt-wrap .txt-box {
  background-color: #fff;
  display: inline-block;
  width: 100%;
  max-width: 484px;
  bottom: -60px;
  position: relative;
  padding: 0;
}
.side-ti-wrap.ver2 .txt-wrap .txt-box::before {
  content: "";
  width: 48px;
  height: 48px;
  background: url(/assets/images/icn_ttl_05.png) no-repeat 0 0 / contain;
  position: absolute;
  left: 0;
  top: 0;
}
.side-ti-wrap.ver2 .txt-wrap .txt-box .box-top {
  border: 1px solid var(--grey04);
  margin-bottom: -1px;
  padding: 40px 40px 42px;
}
.side-ti-wrap.ver2 .txt-wrap .txt-box .box-ttl {
  font-size: 3.4rem;
  font-weight: bold;
  margin-bottom: 20px;
}
.side-ti-wrap.ver2 .txt-wrap .txt-box .btn-cmn {
  width: 100%;
  margin: 0
}
.side-ti-wrap.ver2 .img-wrap {
  right: 20px;
  top: 20px;
  background-position: center top;
}
.side-ti-wrap.ver2 .img-wrap::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
  right: -20px;
  top: -20px;
}
.side-ti-wrap.ver2.rev .img-wrap::before {
  right: auto;
  left: -20px;
}

/*  about  */
.page-ttl-section.about::before {
  background: url(/assets/images/img_about_mv.jpg) no-repeat center / cover;
}
.page-ttl-section.about .page-ttl-inrwrap {
  min-height: 434px;
}

/*  recruit  */
.page-ttl-section.recruit::before {
  background: url(/assets/images/img_recruit_mv.jpg) no-repeat center / cover;
}
.recruit-top-section {
  margin-bottom: 170px;
}
.side-ti-wrap .img-wrap.recruit-img-01 {
  background-image: url(/assets/images/img_recruit_top_02.jpg);
}
.side-ti-wrap .img-wrap.recruit-img-01::before {
  background-image: url(/assets/images/img_recruit_top_01.jpg);
}
.side-ti-wrap .img-wrap.recruit-img-02 {
  background-image: url(/assets/images/img_recruit_top_04.jpg);
}
.side-ti-wrap .img-wrap.recruit-img-02::before {
  background-image: url(/assets/images/img_recruit_top_03.jpg);
}
.side-ti-wrap .img-wrap.recruit-img-03 {
  background-image: url(/assets/images/img_recruit_top_06.jpg);
}
.side-ti-wrap .img-wrap.recruit-img-03::before {
  background-image: url(/assets/images/img_recruit_top_05.jpg);
}
.disp-none{
  display: none !important;
}
.after-none::after{
  content: none !important;
}
.sitemap-section .panel-list-cmn {
  margin-bottom: -48px;
}
.sitemap-section .panel-list-cmn > .item {
  margin-bottom: 48px;
}

/*  modal  */
.modal-mask,
.modal-win {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 201;
}
.modal-win {
  opacity: 0;
  pointer-events: none;
  transition: all .3s ease;
}
.modal-win.opened {
  opacity: 1;
  pointer-events: auto;
}
.modal-mask {
  background-color: var(--txtBlack);
  opacity: .4;
}
.modal-win .modal-body {
  width: 1120px;
  max-width: 90%;
  max-height: 90%;
  position: relative;
  z-index: 202;
  background-color: #fff;
  padding-bottom: 80px;
}
.modal-win .close-btn-wrap {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.modal-notice-ttl {
  height: 92px;
  padding: 5px 80px;
  display: flex;
  align-items: center;
  background: url(/assets/images/icn_attention.png) no-repeat 32px center / 32px auto, var(--red02);
  font-size: 2.4rem;
  font-weight: bold;
}
.modal-notice-wrap {
  padding: 40px 80px 0;
  height: 355px;
  overflow-y: scroll;
}

/*  jump page  */
.jump-page #wrap {
  padding-top: var(--headerHt_simple);
}
.jump-page #contents {
  min-height: calc(100vh - var(--headerHt_simple) - var(--footerHt_simple) - 80px);
  padding: 40px 0;
  background-color: var(--grey02);
}
.jump-section {
  display: flex;
  align-items: center;
  min-height: calc(100vh - var(--headerHt_simple) - var(--footerHt_simple) - 80px);
}
.jump-section .btn-wrap {
  margin-top: 60px;
  margin-bottom: 0;
}

/* message */
.box-float {
  overflow: hidden;
}
.box-float .img-wrap {
  float: right;
  margin: 0 0 30px 75px;
}

/*  kojin investment  */
.page-ttl-section.kojin-investment::before {
  background: url(/assets/images/img_kojin_investment_mv.jpg) no-repeat center / cover;
}
.investment-bd-panel-wrap.panel-list-cmn > .item:last-of-type {
	display: flex;
	flex-direction: column;
}
.investment-bd-panel-wrap.panel-list-cmn > .item:last-of-type .bd-panel + .bd-panel {
	margin-top: 32px;
}
.investment-table-wrap .normal-table tbody td {
	vertical-align: middle;
	text-align: center;
}
.investment-table-wrap .row-color-01 td {
	background-color: var(--lblue01);
}
.investment-table-wrap .row-color-01 .risk-icn {
	background-color: var(--blue02);
}
.investment-table-wrap .row-color-01 .txt-strong {
	color: var(--blue02);
}
.investment-table-wrap .row-color-02 td {
	background-color: var(--red01);
}
.investment-table-wrap .row-color-02 .risk-icn {
	background-color: var(--color01);
}
.investment-table-wrap .row-color-02 .txt-strong {
	color: var(--color01);
}
.investment-table-wrap .row-color-03 td {
	background-color: var(--lgreen01);
}
.investment-table-wrap .row-color-03 .risk-icn {
	background-color: var(--green01);
}
.investment-table-wrap .row-color-03 .txt-strong {
	color: var(--green01);
}
.investment-table-wrap .txt-strong {
	font-size: 1.8rem;
	font-weight: bold;
}
.investment-table-wrap .risk-icn {
	color: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 56px;
	margin: 0 auto;
}
.investment-table-wrap .risk-icn.sm {
	width: 36px;
	height: 36px;
}
.investment-table-wrap .risk-icn.md {
	width: 46px;
	height: 46px;
}
.investment-table-wrap .risk-icn.lg {
	width: 56px;
	height: 56px;
}
.expert-flow-wrap {
	margin-top: 32px;
}
.expert-flow-wrap.flow-panel-list > .item:not(:last-of-type)::before {
	border-width: 20px 0 20px 26px;
	right: -26px;
}
.expert-flow-wrap.flow-panel-list > .item:last-of-type .bd-panel {
	background-color: var(--lgreen02);
	position: relative;
}
.expert-flow-wrap.flow-panel-list .balloon-box {
	position: absolute;
	width: 100%;
	right: 0;
	top: calc(100% + 10px);
}
.expert-flow-wrap.flow-panel-list .balloon-txt {
	padding: 13px 10px;
	background-color: var(--color01);
	font-weight: bold;
	color: #fff;
	position: relative;
}
.expert-flow-wrap.flow-panel-list .balloon-txt::before {
	content: "";
	width: 18px;
	height: 42px;
	background: url(/assets/images/icn_arrow_top_red.png) no-repeat center 0 / contain;
	position: absolute;
	left: calc(50% - 9px);
	top: -22px;
}
.expert-flow-wrap.flow-panel-list .balloon-box .fz-lg {
	font-size: 2.4rem;
}
.expert-flow-wrap .bd-panel {
	text-align: center;
	padding: 22px 20px 30px;
}
.expert-flow-wrap .graph-ttl {
	margin-bottom: 20px;
	font-weight: bold;
	display: flex;
	align-items: center;
	justify-content: center;
}
.expert-flow-wrap .graph-txt .fz-lg,
.expert-flow-wrap .graph-ttl .fz-lg {
	font-size: 2rem;
	line-height: 1.3;
}
.expert-flow-wrap .graph-img img {
	max-width: 232px;
}
.expert-flow-wrap .graph-txt {
	font-size: 1.4rem;
	margin-top: 18px;
}
.expert-flow-wrap .graph-txt .num {
	font-size: 2rem;
}
.expert-flow-wrap .price {
	font-size: 1.8rem;
	font-weight: bold;
	margin-top: 4px;
}
.expert-flow-wrap .price .num {
	font-size: 4rem;
	line-height: 1.3;
}

/*  kojin point  */
.page-ttl-section.kojin-point::before {
  background: url(/assets/images/img_kojin_point_mv.jpg) no-repeat center / cover;
}
.nisa-lifeplan-wrap .color-box-white {
	padding: 40px 0 48px;
}
.nisa-lifeplan-wrap .color-box-white .box-ttl {
	font-size: 2.2rem;
	font-weight: 500;
	padding: 0 48px 18px;
	border-bottom: 1px solid #057f72;
	margin-bottom: 35px;
}
.nisa-lifeplan-wrap .color-box-white .box-ttl .color-01 {
	color: #f36666;
}
.nisa-lifeplan-wrap .color-box-white .box-ttl .color-02 {
	color: #0c8174;
}
.nisa-lifeplan-wrap .color-box-white .box-ttl .color-03 {
	color: #0054a3;
}
.nisa-lifeplan-wrap .color-box-white .img-col2 {
	display: flex;
	padding: 0 48px;
}
.nisa-lifeplan-wrap .color-box-white .img-col2 .img + .img {
	margin-left: 48px;
}
.nisa-table-wrap thead th {
	padding: 9px;
}
.nisa-table-wrap thead th.bg-red {
	border-left: var(--color01);
	border-right: var(--color01);
}
.nisa-table-wrap thead th.bg-green {
	border-left: var(--green01);
}
.nisa-table-wrap thead th.bg-blue-02 {
	border-right: var(--blue03);
}

/*  kojin specific_account  */
.page-ttl-section.kojin-specific_account::before {
	background: url(/assets/images/img_kojin_specific_account_mv.jpg) no-repeat center / cover;
}

/*  kojin saving  */
.page-ttl-section.kojin-saving::before {
  background: url(/assets/images/img_kojin_saving_mv.jpg) no-repeat center / cover;
}

/*  kojin deposit  */
.page-ttl-section.kojin-deposit::before {
  background: url(/assets/images/img_kojin_deposit_mv.jpg) no-repeat center / cover;
}

/*  kojin fixed  */
.page-ttl-section.kojin-fixed::before {
  background: url(/assets/images/img_kojin_fixed_mv.jpg) no-repeat center / cover;
}

/*  kojin nisa  */
.page-ttl-section.kojin-nisa::before {
  background: url(/assets/images/img_kojin_nisa_mv.jpg) no-repeat center / cover;
}

/*  kojin intermediary  */
.page-ttl-section.kojin-intermediary::before {
  background: url(/assets/images/img_kojin_intermediary_mv.jpg) no-repeat center / cover;
}

/*  kojin hamagintt  */
.page-ttl-section.kojin-hamagintt::before {
  background: url(/assets/images/img_kojin_hamagintt_mv.jpg) no-repeat center / cover;
}

/*  kojin prepare  */
.page-ttl-section.kojin-prepare::before {
  background: url(/assets/images/img_kojin_prepare_mv.jpg) no-repeat center / cover;
}

/*  kojin lifetime  */
.page-ttl-section.kojin-lifetime::before {
  background: url(/assets/images/img_kojin_lifetime_mv.jpg) no-repeat center / cover;
}

/*  kojin pension_education  */
.page-ttl-section.kojin-pension_education::before {
  background: url(/assets/images/img_kojin_pension_education_mv.jpg) no-repeat center / cover;
}

/*  kojin medical  */
.page-ttl-section.kojin-medical::before {
  background: url(/assets/images/img_kojin_medical_mv.jpg) no-repeat center / cover;
}

/*  kojin variable  */
.page-ttl-section.kojin-variable::before {
  background: url(/assets/images/img_kojin_variable_mv.jpg) no-repeat center / cover;
}

/*  kojin employment  */
.page-ttl-section.kojin-employment::before {
  background: url(/assets/images/img_kojin_employment_mv.jpg) no-repeat center / cover;
}

/*  kojin nursing   */
.page-ttl-section.kojin-nursing::before {
  background: url(/assets/images/img_kojin_nursing_mv.jpg) no-repeat center / cover;
}

/*  kojin ideco   */
.page-ttl-section.kojin-ideco::before {
  background: url(/assets/images/img_kojin_ideco_mv.jpg) no-repeat center / cover;
}

/*  kojin directbank  */
.page-ttl-section.kojin-directbank::before {
  background: url(/assets/images/img_kojin_directbank_mv.jpg) no-repeat center / cover;
}
/*  kojin directbank service  */
.page-ttl-section.directbank-service::before {
  background: url(/assets/images/img_kojin_directbank_service_mv.jpg) no-repeat center / cover;
}
/*  kojin directbank application  */
.page-ttl-section.directbank-application::before {
  background: url(/assets/images/img_kojin_directbank_application_mv.jpg) no-repeat center / cover;
}
/*  kojin directbank security  */
.page-ttl-section.directbank-security::before {
  background: url(/assets/images/img_kojin_directbank_security_mv.jpg) no-repeat center / cover;
}
/*  kojin directbank qa  */
.page-ttl-section.directbank-qa::before {
  background: url(/assets/images/img_kojin_directbank_qa_mv.jpg) no-repeat center / cover;
}
/*  kojin directbank manual  */
.page-ttl-section.directbank-manual::before {
  background: url(/assets/images/img_kojin_directbank_manual_mv.jpg) no-repeat center / cover;
}

/*  branch   */
main.branch .page-ttl-section.branch::before {
  background: url(/assets/images/img_branch_mv.jpg) no-repeat center / cover;
}
main.branch .page-ttl-section.branch .anchor-list {
  
}
main.branch .iframe-branch {
  width: 100%;
  aspect-ratio: 1120/562;
  overflow: hidden;
  border: none;
}
main.branch .img-bd-frame {
  margin-top: 35px;
  padding: 40px;
}
main.branch .link-list {
  margin-top: 10px;
}
main.branch .link-list .normal-link {
  padding: 17px 0;
}
/*  503   */
main.page-503 {
  .btn-wrap {
    margin: 0;
  }
  .mv-cv-btn {
    position: relative;
    width: 464px;
  }
  .mv-cv-btn::after {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    background: url(/assets/images/icn_external_white.png) no-repeat center center / contain;
  }
  .img-bd-frame {
    padding: 30px 40px 45px;
  }
  .ls-5 {
    letter-spacing: 0.05em;
  }

}
/*  branch atm  */
main.branch.atm .page-ttl-section.branch::before {
  background: url(/assets/images/img_branch_atm_mv.jpg) no-repeat center / cover;
}
/*  branch alliance  */
main.branch.alliance .page-ttl-section.branch::before {
  background: url(/assets/images/img_branch_alliance_mv.jpg) no-repeat center / cover;
}
main.branch.alliance span.h24 {
  background-color: #d6002b;
  color: #fefefe;
  font-size: 13px;
  font-weight: normal;
  padding: 2px 4px 3px 4px;
  display: inline-block;
}
/*  interest   */
main.interest {
  .page-ttl-section.interest::before {
    background: url(/assets/images/img_interest_mv.jpg) no-repeat center / cover;
  }
  .img-linkpanel.ver-sm {
    max-height: 64px;
  }
  .img-linkpanel.ver-sm .txt-wrap {
    padding: 0;
  }

}
/*  interest-rate   */
main.interest-rate {
  .section-cmn .normal-table th {
    padding: 9px 24px;
  }
  .section-cmn .normal-table td {
    padding: 19px 24px;
  }
}
/*  interest-fee  */
main.interest-fee {
  .table-wrap.table-01 .normal-table th {
    padding: 16px 20px;
  }
  .brackets {
    position: relative;
    font-size: 1.4rem;
  }
  .table-wrap.table-01 .normal-table thead tr:nth-child(3) th{
    min-width: 123px;
  }
  .table-wrap.table-01 .normal-table thead tr th:nth-child(6) {
    .brackets {
      margin-top: 3px;
    }
    .brackets::before,
    .brackets::after {
      width: 5px;
      height: 14px;
      transform: translateY(-45%);
    }
    .brackets::before {
      left: 1.5rem;
      background: url(/assets/images/icn_bracket_left_02.png) no-repeat center/cover;
    }
    .brackets::after {
      right: 1.5rem;
      background: url(/assets/images/icn_bracket_right_02.png) no-repeat center/cover;
    }
  }
  .brackets::before,
  .brackets::after {
    content: "";
    position: absolute;
    display: inline-block;
    top: 50%;
    transform: translateY(-50%);
    width: 9px;
    height: 38px;
  }
  .brackets::before {
    background: url(/assets/images/icn_bracket_left_01.png) no-repeat center/cover;
    left: -0.5rem;
  }
  .brackets::after {
    background: url(/assets/images/icn_bracket_right_01.png) no-repeat center/cover;
    right: -0.5rem;
  }
}

.ja-font {
  font-family: var(--jaFont);
}

/*  kojin convenient  */
.page-ttl-section.kojin-convenient::before {
  background: url(/assets/images/img_kojin_convenient_mv.jpg) no-repeat center / cover;
}

/*  kojin convenient ebservice  */
.page-ttl-section.kojin-ebservice::before {
	background: url(/assets/images/img_kojin_ebservice_mv.jpg) no-repeat center / cover;
}

/*  kojin convenient lowering  */
.page-ttl-section.kojin-lowering::before {
	background: url(/assets/images/img_kojin_lowering_mv.jpg) no-repeat center / cover;
}

/*  kojin convenient safe_deposit  */
.page-ttl-section.kojin-safe_deposit::before {
	background: url(/assets/images/img_kojin_safe_deposit_mv.jpg) no-repeat center / cover;
}

/*  kojin convenient night_safe  */
.page-ttl-section.kojin-night_safe::before {
	background: url(/assets/images/img_kojin_night_safe_mv.jpg) no-repeat center / cover;
}

/*  kojin convenient web_transfer  */
.page-ttl-section.kojin-web_transfer::before {
	background: url(/assets/images/img_kojin_web_transfer_mv.jpg) no-repeat center / cover;
}

/*  kojin convenient cashless  */
.page-ttl-section.kojin-cashless::before {
	background: url(/assets/images/img_kojin_cashless_mv.jpg) no-repeat center / cover;
}

/*  kojin convenient payeasy  */
.page-ttl-section.kojin-payeasy::before {
	background: url(/assets/images/img_kojin_payeasy_mv.jpg) no-repeat center / cover;
}

/*  kojin convenient payeasy_direct  */
.page-ttl-section.kojin-payeasy_direct::before {
	background: url(/assets/images/img_kojin_payeasy_direct_mv.jpg) no-repeat center / cover;
}


/*==========================================================================================================
PC Only
==========================================================================================================*/
@media screen and (min-width: 768px){
  .sp-only {display: none !important;}
  
  html,
  body,
  #wrap {
    min-width: var(--fix_w);
  }
  
  .sp-gnav,
  .sp-header-menu {
    display: none !important;
  }
  
  /*  header  */
  .header-mega-nav ul li a.opened {
    color: var(--color01);
    font-weight: bold;
  }
  .header-mega-nav ul li .mega-toggle.opened:after {
    transform: rotate(180deg);
  }
  .mega-drop {
    background: var(--lgrey);
    opacity: 0;
    overflow: auto;
    pointer-events: none;
    width: 100%;
    min-width: 1340px;
    max-height: calc(100vh - 123px);
    padding-top: 42px;
    position: fixed;
    left: 0;
    top: var(--headerHt);
    transition: opacity 0.3s ease;
    z-index: 1000;
  }
  .mega-drop.show {
    opacity: 1;
    pointer-events: auto;
  }
  
  .mega-menu-ttl {
    font-size: 1.8rem;
    font-weight: bold;
    margin-bottom: 22px;
  }
  .mega-linkpanel {
    display: block;
    padding: 21px 10px 19px;
    background-color: #fff;
    height: 100%;
  }
  .mega-linkpanel-list {
    display: flex;
    flex-wrap: wrap;
  }
  .mega-linkpanel-list + .mega-linkpanel-list {
    margin-top: 32px;
  }
  .mega-linkpanel-list > li {
    width: 20%;
    border: 1px solid var(--grey08);
  }
  .mega-linkpanel-list > li:not(:first-of-type) {
    border-left: none;
  }
  .mega-linkpanel-list > li:nth-of-type(5n + 1) {
    border: 1px solid var(--grey08);
  }
  .mega-linkpanel-list > li:not(:nth-of-type(-n + 5)) {
    margin-top: -1px;
  }
  .mega-linkpanel-list > li .btn-cmn {
    border: none;
    width: 100%;
    height: 100%;
    margin: 0;
    font-size: 1.5rem;
    align-items: flex-start;
    text-align: left;
    padding-left: 23px;
    min-height: 72px;
  }
  .mega-linkpanel .icn {
    text-align: center;
  }
  .mega-linkpanel .icn img {
    width: auto;
    height: 48px;
  }
  .mega-linkpanel .txt {
    margin-top: 12px;
    text-align: center;
  }
  .mega-linkpanel-list + .btn-wrap {
    margin-top: 32px;
  }
  .pc-drop-wrap {
    display: none;
  }
  .pc-drop-wrap.show {
    display: block;
  }
  
  /* hover */
  .header .pc-header-menu .header-top ul li a:hover {
    color: var(--color01);
    font-weight: bold;
  }
  .header-mega-nav ul li a:hover {
    color: var(--color01);
  }
  a.arr-right-red:hover::after,
  a.arr-right:hover::after {
    right: -6px;
  }
  .see-more-btn:hover,
  .mv-news-list .item a:hover,
  .footer .footer-links-list > li a:hover {
    text-decoration: underline;
  }
  .mega-linkpanel:hover,
  .page-top-btn:hover,
  .slick-control-btn:hover img,
  .header .logo a:hover,
  .top-bnr-wrap .bnr-item a:hover {
    opacity: .7;
  }
  .pickup-linkpanel:hover .arr-right::after {
    right: 10px;
  }
  .tab-btns-list .tab-btn:hover {
    border-color: var(--color01);
    color: var(--color01);
  }
  .arr-circle-red:hover::before,
  .arr-circle-white:hover::before {
    transform: translateX(8px);
  }
  .lifeplan-linkpanel:hover .img-box img,
  .pickup-linkpanel:hover .img img,
  a.service-linkpanel:hover .img-box img {
    transform: scale(1.1);
  }
  .service-panel-list .arr-circle-white:hover::before {
    transform: translateX(5px);
  }
  .local-nav-link:hover {
    background-color: var(--color01);
    color: #fff;
  }
  .local-nav-link:hover .icn .before {
    opacity: 0;
  }
  .local-nav-link:hover .icn .hover {
    opacity: 1;
  }
  .news-list > li a:hover,
  .mv-cv-box .link a:hover {
    text-decoration: underline;
  }
  .header-login-btn:hover,
  .mv-cv-btn.red:hover {
    background-color: var(--red04);
  }
  .header-login-btn.active:hover {
    background-color: var(--grey03);
  }
  .mv-cv-btn.blue:hover {
    background-color: #197ce2;
  }
  .new-info-btn:hover {
    border-color: var(--color01);
  }
  .pickup-wrap .pickup-item {
    max-width: 318px;
  }
  .lifeplan-panel-wrap .slick-dots li button:hover:before {
    opacity: 0;
  }
  .lifeplan-panel-wrap .slick-prev:hover {
    background: url(/assets/images/icn_slider_l_03.png) no-repeat center center / contain;
  }
  .lifeplan-panel-wrap .slick-next:hover {
    background: url(/assets/images/icn_slider_r_03.png) no-repeat center center / contain;
  }
  .mv-news-list .slick-prev:hover {
    opacity: .7;
    background: url(/assets/images/icn_slider_l_01.png) no-repeat center center / contain;
  }
  .mv-news-list .slick-next:hover {
    opacity: .7;
    background: url(/assets/images/icn_slider_r_01.png) no-repeat center center / contain;
  }
  .local-nav-list > li a:hover {
    background-color: var(--color01);
    color: #fff;
  }
  .local-nav-list > li a:hover::after {
    background-image: url(/assets/images/icn_arrow_right_white.png);
  }
  .local-nav-list > li a[target="_blank"]:hover::after {
    background-image: url(/assets/images/icn_external_white.png);
  }
  .local-nav-list > li a[href*=".pdf"]:hover::after {
    background-image: url(/assets/images/icn_pdf_white.png);
  }
  .local-nav-list > li a:hover .sub {
    color: #fff;
    opacity: .7;
  }
  /* message */
  .box-float .img-wrap {
    max-width: 340px;
  }
  /*  branch alliance  */
  main.branch.alliance span.h24 {
    position: absolute;
    top: calc(50% - 17px);
  }
}

/*==========================================================================================================
 SP Only
==========================================================================================================*/
@media screen and (max-width: 767px){
  
  /*---------------------------------------------
   generic  class
  ---------------------------------------------*/
  .sp_txtB { font-weight: bold!important; }.sp_txtN { font-weight: normal!important; }
  .sp_layoutC { text-align: center!important; }.sp_layoutL { text-align: left!important; }.sp_layoutR { text-align: right!important; }
  .sp_fl{float: left!important;}.sp_fr{float: right!important;}
  
  .sp_fz10{ font-size: 1rem !important; }.sp_fz11{ font-size: 1.1rem !important; }.sp_fz12{ font-size: 1.2rem !important; }.sp_fz13{ font-size: 1.3rem !important; }.sp_fz14{ font-size: 1.4rem !important; }.sp_fz16{ font-size: 1.6rem !important; }.sp_fz18{ font-size: 1.8rem !important; }.sp_fz20{ font-size: 2rem !important; }.sp_fz22{ font-size: 2.2rem !important; }.sp_fz24{ font-size: 2.4rem !important; }.sp_fz26{ font-size: 2.6rem !important; }.sp_fz28{ font-size: 2.8rem !important; }.sp_fz30{ font-size: 3rem !important; }.sp_fz32{ font-size: 3.2rem !important; }.sp_fz34{ font-size: 3.4rem !important; }.sp_fz36{ font-size: 3.6rem !important; }.sp_fz38{ font-size: 3.8rem !important; }.sp_fz40{ font-size: 4rem !important; }.sp_fz42{ font-size: 4.2rem !important; }.sp_fz44{ font-size: 4.4rem !important; }.sp_fz46{ font-size: 4.6rem !important; }.sp_fz48{ font-size: 4.8rem !important; }

  /*---------------------------------------------
  base margin
  ---------------------------------------------*/
  .sp_mt0 { margin-top: 0px !important; }.sp_mt5 { margin-top: 5px !important; }.sp_mt8 { margin-top: 8px !important; }.sp_mt10 { margin-top: 10px !important; }.sp_mt15 { margin-top: 15px !important; }.sp_mt16 { margin-top: 16px !important; }.sp_mt20 { margin-top: 20px !important; }.sp_mt24 { margin-top: 24px !important; }.sp_mt25 { margin-top: 25px !important; }.sp_mt30 { margin-top: 30px !important; }.sp_mt32 { margin-top: 32px !important; }.sp_mt35 { margin-top: 35px !important; }.sp_mt40 { margin-top: 40px !important; }.sp_mt48 { margin-top: 48px !important; }.sp_mt50 { margin-top: 50px !important; }.sp_mt56 { margin-top: 56px !important; }.sp_mt60 { margin-top: 60px !important; }.sp_mt64 { margin-top: 64px !important; }.sp_mt70 { margin-top: 70px !important; }.sp_mt80 { margin-top: 80px !important; }.sp_mt90 { margin-top: 90px !important; }.sp_mt100 { margin-top: 100px !important; }
  
  .sp_ml0 { margin-left: 0px !important; }.sp_ml5 { margin-left: 5px !important; }.sp_ml8 { margin-left: 8px !important; }.sp_ml10 { margin-left: 10px !important; }.sp_ml15 { margin-left: 15px !important; }.sp_ml16 { margin-left: 16px !important; }.sp_ml20 { margin-left: 20px !important; }.sp_ml24 { margin-left: 24px !important; }.sp_ml25 { margin-left: 25px !important; }.sp_ml30 { margin-left: 30px !important; }.sp_ml32 { margin-left: 32px !important; }.sp_ml35 { margin-left: 35px !important; }.sp_ml40 { margin-left: 40px !important; }.sp_ml48 { margin-left: 48px !important; }.sp_ml50 { margin-left: 50px !important; }.sp_ml56 { margin-left: 56px !important; }.sp_ml60 { margin-left: 60px !important; }.sp_ml64 { margin-left: 64px !important; }.sp_ml70 { margin-left: 70px !important; }.sp_ml80 { margin-left: 80px !important; }.sp_ml90 { margin-left: 90px !important; }.sp_ml100 { margin-left: 100px !important; }

  .sp_mr0 { margin-right: 0px !important; }.sp_mr5 { margin-right: 5px !important; }.sp_mr8 { margin-right: 8px !important; }.sp_mr10 { margin-right: 10px !important; }.sp_mr15 { margin-right: 15px !important; }.sp_mr16 { margin-right: 16px !important; }.sp_mr20 { margin-right: 20px !important; }.sp_mr24 { margin-right: 24px !important; }.sp_mr25 { margin-right: 25px !important; }.sp_mr30 { margin-right: 30px !important; }.sp_mr32 { margin-right: 32px !important; }.sp_mr35 { margin-right: 35px !important; }.sp_mr40 { margin-right: 40px !important; }.sp_mr48 { margin-right: 48px !important; }.sp_mr50 { margin-right: 50px !important; }.sp_mr56 { margin-right: 56px !important; }.sp_mr60 { margin-right: 60px !important; }.sp_mr64 { margin-right: 64px !important; }.sp_mr70 { margin-right: 70px !important; }.sp_mr80 { margin-right: 80px !important; }.sp_mr90 { margin-right: 90px !important; }.sp_mr100 { margin-right: 100px !important; }

  .sp_mb0 { margin-bottom: 0px !important; }.sp_mb5 { margin-bottom: 5px !important; }.sp_mb8 { margin-bottom: 8px !important; }.sp_mb10 { margin-bottom: 10px !important; }.sp_mb15 { margin-bottom: 15px !important; }.sp_mb16 { margin-bottom: 16px !important; }.sp_mb20 { margin-bottom: 20px !important; }.sp_mb24 { margin-bottom: 24px !important; }.sp_mb25 { margin-bottom: 25px !important; }.sp_mb30 { margin-bottom: 30px !important; }.sp_mb32 { margin-bottom: 32px !important; }.sp_mb35 { margin-bottom: 35px !important; }.sp_mb40 { margin-bottom: 40px !important; }.sp_mb48 { margin-bottom: 48px !important; }.sp_mb50 { margin-bottom: 50px !important; }.sp_mb56 { margin-bottom: 56px !important; }.sp_mb60 { margin-bottom: 60px !important; }.sp_mb64 { margin-bottom: 64px !important; }.sp_mb70 { margin-bottom: 70px !important; }.sp_mb80 { margin-bottom: 80px !important; }.sp_mb90 { margin-bottom: 90px !important; }.sp_mb100 { margin-bottom: 100px !important; }

  .sp_pt0 { padding-top: 0px !important; }.sp_pt5 { padding-top: 5px !important; }.sp_pt8 { padding-top: 8px !important; }.sp_pt10 { padding-top: 10px !important; }.sp_pt15 { padding-top: 15px !important; }.sp_pt16 { padding-top: 16px !important; }.sp_pt20 { padding-top: 20px !important; }.sp_pt24 { padding-top: 24px !important; }.sp_pt25 { padding-top: 25px !important; }.sp_pt30 { padding-top: 30px !important; }.sp_pt32 { padding-top: 32px !important; }.sp_pt35 { padding-top: 35px !important; }.sp_pt40 { padding-top: 40px !important; }.sp_pt48 { padding-top: 48px !important; }.sp_pt50 { padding-top: 50px !important; }.sp_pt56 { padding-top: 56px !important; }.sp_pt60 { padding-top: 60px !important; }.sp_pt64 { padding-top: 64px !important; }.sp_pt70 { padding-top: 70px !important; }.sp_pt80 { padding-top: 80px !important; }.sp_pt90 { padding-top: 90px !important; }.sp_pt100 { padding-top: 100px !important; }

  .sp_pl0 { padding-left: 0px !important; }.sp_pl5 { padding-left: 5px !important; }.sp_pl8 { padding-left: 8px !important; }.sp_pl10 { padding-left: 10px !important; }.sp_pl15 { padding-left: 15px !important; }.sp_pl16 { padding-left: 16px !important; }.sp_pl20 { padding-left: 20px !important; }.sp_pl24 { padding-left: 24px !important; }.sp_pl25 { padding-left: 25px !important; }.sp_pl30 { padding-left: 30px !important; }.sp_pl32 { padding-left: 32px !important; }.sp_pl35 { padding-left: 35px !important; }.sp_pl40 { padding-left: 40px !important; }.sp_pl48 { padding-left: 48px !important; }.sp_pl50 { padding-left: 50px !important; }.sp_pl56 { padding-left: 56px !important; }.sp_pl60 { padding-left: 60px !important; }.sp_pl64 { padding-left: 64px !important; }.sp_pl70 { padding-left: 70px !important; }.sp_pl80 { padding-left: 80px !important; }.sp_pl90 { padding-left: 90px !important; }.sp_pl100 { padding-left: 100px !important; }

  .sp_pr0 { padding-right: 0px !important; }.sp_pr5 { padding-right: 5px !important; }.sp_pr8 { padding-right: 8px !important; }.sp_pr10 { padding-right: 10px !important; }.sp_pr15 { padding-right: 15px !important; }.sp_pr16 { padding-right: 16px !important; }.sp_pr20 { padding-right: 20px !important; }.sp_pr24 { padding-right: 24px !important; }.sp_pr25 { padding-right: 25px !important; }.sp_pr30 { padding-right: 30px !important; }.sp_pr32 { padding-right: 32px !important; }.sp_pr35 { padding-right: 35px !important; }.sp_pr40 { padding-right: 40px !important; }.sp_pr48 { padding-right: 48px !important; }.sp_pr50 { padding-right: 50px !important; }.sp_pr56 { padding-right: 56px !important; }.sp_pr60 { padding-right: 60px !important; }.sp_pr64 { padding-right: 64px !important; }.sp_pr70 { padding-right: 70px !important; }.sp_pr80 { padding-right: 80px !important; }.sp_pr90 { padding-right: 90px !important; }.sp_pr100 { padding-right: 100px !important; }

  .sp_pb0 { padding-bottom: 0px !important; }.sp_pb5 { padding-bottom: 5px !important; }.sp_pb8 { padding-bottom: 8px !important; }.sp_pb10 { padding-bottom: 10px !important; }.sp_pb15 { padding-bottom: 15px !important; }.sp_pb16 { padding-bottom: 16px !important; }.sp_pb20 { padding-bottom: 20px !important; }.sp_pb24 { padding-bottom: 24px !important; }.sp_pb25 { padding-bottom: 25px !important; }.sp_pb30 { padding-bottom: 30px !important; }.sp_pb32 { padding-bottom: 32px !important; }.sp_pb35 { padding-bottom: 35px !important; }.sp_pb40 { padding-bottom: 40px !important; }.sp_pb48 { padding-bottom: 48px !important; }.sp_pb50 { padding-bottom: 50px !important; }.sp_pb56 { padding-bottom: 56px !important; }.sp_pb60 { padding-bottom: 60px !important; }.sp_pb64 { padding-bottom: 64px !important; }.sp_pb70 { padding-bottom: 70px !important; }.sp_pb80 { padding-bottom: 80px !important; }.sp_pb90 { padding-bottom: 90px !important; }.sp_pb100 { padding-bottom: 100px !important; }

  .sp_w5p { width: 5%!important;}.sp_w8p { width: 8%!important;}.sp_w10p { width: 10%!important;}.sp_w11p { width: 11%!important;}.sp_w12p { width: 12%!important;}.sp_w15p { width: 15%!important;}.sp_w16p { width: 16%!important;}.sp_w20p { width: 20%!important;}.sp_w24p { width: 24%!important;}.sp_w25p { width: 25%!important;}.sp_w30p { width: 30%!important;}.sp_w32p { width: 32%!important;}.sp_w35p { width: 35%!important;}.sp_w36p { width: 36%!important;}.sp_w40p { width: 40%!important;}.sp_w45p { width: 45%!important;}.sp_w48p { width: 48%!important;}.sp_w50p { width: 50%!important;}.sp_w55p { width: 55%!important;}.sp_w56p { width: 56%!important;}.sp_w60p { width: 60%!important;}.sp_w64p { width: 64%!important;}.sp_w65p { width: 65%!important;}.sp_w70p { width: 70%!important;}.sp_w75p { width: 75%!important;}.sp_w80p { width: 80%!important;}.sp_w85p { width: 85%!important;}.sp_w90p { width: 90%!important;}.sp_w95p { width: 95%!important;}.sp_w100p { width: 100%!important;}.sp_wmax{ width: 100%!important; height: auto!important;}

  /*---------------------------------------------
   grid system
  ---------------------------------------------*/
  .grid:not(.sp-grid){margin-right:0;margin-bottom:-20px;display:block}.grid:not(.sp-grid)>.col{width:100%;margin-right:0;margin-bottom:20px}.grid.sp-grid{flex-wrap:nowrap}.grid.sp-grid.sp-grid-5,.grid.sp-grid.sp-grid-4,.grid.sp-grid.sp-grid-3,.grid.sp-grid.sp-grid-2{flex-wrap:wrap}.grid.sp-grid.sp-grid-3 .col{width:33.333%}.grid.sp-grid.sp-grid-2 .col{width:50%}
  
  :root {
  --headerHt: 60px;
  --headerHt_m: -60px;
  --mvHt: 326px;
  --headerHt_simple: 54px;
  --footerHt_simple: 45px;
}
  
  
  body { font-size: 1.4rem; }
  .mega-drop,
  .pc-only { display: none !important; }
  .inner-wrap { padding-left: 15px; padding-right: 15px; }
  
  /*  SP wrap  */
  #wrap {
    width: 100%;
    overflow: hidden;
  }
  
  /*  SP header  */
  .header {
    padding: 0 0 0 8px;
    width: 100%;
    min-width: 100%;
  }
  .header .header-logo-wrap {
    padding-top: 7px;
    padding-bottom: 5px;
  }
  .header .header-logo-wrap .logo-01 {
    width: 100px;
    padding-right: 6px;
    margin-right: 6px;
  }
  .header .header-logo-wrap .logo-02 {
    width: 70px;
  }
  .header .bank-code {
    margin-top: 2px;
  }
  .pc-header-menu {
    display: none;
  }
  .sp-header-menu {
    display: flex;
  }
  .sp-header-btns-list {
    display: flex;
  }
  .sp-header-btns-list > li {
    margin-right: 0;
    margin-left: 1px;
    width: 60px;
  }
  .sp-header-btns-list > li:first-of-type {
    border-left: 1px solid var(--grey04);
  }
  .sp-header-btns-list > li a {
    font-size: 1rem;
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .sp-header-btns-list > li.login-item {
    color: #fff;
  }
  .sp-header-btns-list > li.login-item a {
    background-color: var(--color01);
    color: #fff;
  }
  .sp-header-btns-list > li.login-item a.active {
    background-color: var(--grey03);
  }
  .sp-header-btns-list > li a .icn {
    width: 16px;
    margin: 0 auto 4px;
    display: block;
  }
  .header.simple-header {
    padding: 0 10px;
    min-height: 54px;
  }
  .header.simple-header .header-logo-wrap {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .header.simple-header .bank-code {
    margin-left: 20px;
  }
  .sp-header-menu .menu-btn {
    font-size: 1rem;
    background-color: var(--txtBlack);
    color: #fff;
    width: 60px;
    height: var(--headerHt);
    padding-top: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .sp-header-menu .menu-btn .icn {
    display: block;
    line-height: 0;
    margin: 0 auto 6px;
    position: relative;
    width: 18px;
    height: 13px;
  }
  .sp-header-menu .menu-btn .icn span:after,
  .sp-header-menu .menu-btn .icn span:before,
  .sp-header-menu .menu-btn .icn span,
  .sp-header-menu .menu-btn .icn:after,
  .sp-header-menu .menu-btn .icn:before {
    background: #fff;
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    transition: all 0.3s ease;
  }
  .sp-header-menu .menu-btn.cur {
    background-color: var(--grey03);
  }
  .sp-header-menu .menu-btn.cur .icn span {
    opacity: 0;
  }
  .sp-header-menu .menu-btn .icn span:before {
    transform: translate(0, 5px);
  }
  .sp-header-menu .menu-btn .icn span:after {
    transform: translate(0, -5px);
  }
  .sp-header-menu .menu-btn.cur .icn:before {
    transform: rotate(-45deg);
  }
  .sp-header-menu .menu-btn.cur .icn:after {
    transform: rotate(45deg);
  }
  .sp-header-menu .menu-btn .close-txt {
    display: none;
  }
  .sp-header-menu .menu-btn.cur .menu-txt {
    display: none;
  }
  .sp-header-menu .menu-btn.cur .close-txt {
    display: block;
  }
  
  .header .sp-gnav {
    background-color: #fff;
    display: none;
    max-height: calc(100% - 64px);
    overflow-y: auto;
    position: fixed;
    width: 100%;
    left: 0;
    top: var(--headerHt);
    z-index: 1;
  }
  .sp-top-menu-wrap {
    background-color: var(--lgrey);
    padding: 30px 15px 40px;
  }
  .sp-top-menu-wrap .local-nav-link {
    height: 100%;
    padding-bottom: 8px;
  }
  .sp-top-menu-wrap .local-nav-link .txt {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .main-menu-list > li + li {
    border-top: 1px solid #fff;
  }
  .main-menu-link,
  .main-menu-ttl {
    background: var(--black01);
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    font-weight: bold;
    position: relative;
    height: 64px;
    padding: 0 15px;
  }
  .sub-menu-ttl:after,
  .sub-menu-ttl:before,
  .main-menu-ttl:after,
  .main-menu-ttl:before {
    background: #fff;
    content: "";
    display: block;
    width: 16px;
    height: 1px;
    position: absolute;
    right: 16px;
    top: 50%;
    transition: all 0.3s ease;
  }
  .sub-menu-ttl:after,
  .main-menu-ttl:after {
    transform: rotate(90deg);
  }
  .sub-menu-ttl.cur:after,
  .main-menu-ttl.cur:after {
    transform: rotate(0deg);
  }
  .main-menu-link:after {
    content: "";
    width: 19px;
    height: 11px;
    background: url(/assets/images/icn_arrow_right_white.png) no-repeat 0 0 / contain;
    position: absolute;
    right: 15px;
    bottom: calc(50% - 5px);
  }
  .main-menu-contents {
    display: none;
  }
  .main-menu-contents ul > li + li {
    border-top: 1px solid #fff;
  }
/*  .sub-menu-ttl,*/
  .sub-menu-list > li a {
    background: var(--lgrey);
    display: flex;
    align-items: center;
    padding: 0 15px;
    position: relative;
    height: 56px;
  }
  .sub-menu-contents > ul > li > a:not([target="_blank"])::after,
  .sub-menu-list > li a:not(.sub-menu-ttl):not(.btn-cmn):not([target="_blank"]):after {
    content: "";
    width: 19px;
    height: 11px;
    background: url(/assets/images/icn_arrow_right_red.png) no-repeat 0 0 / contain;
    position: absolute;
    right: 15px;
    bottom: calc(50% - 5px);
  }
  .sub-menu-contents > ul > li > a[target="_blank"]::after,
  .sub-menu-list > li a[target="_blank"]:not(.sub-menu-ttl):not(.btn-cmn):after {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
  }
  .sub-menu-ttl:after {
    content: "";
    width: 16px;
    height: 1px;
    position: absolute;
    right: 16px;
    top: 50%;
  }
  .sub-menu-ttl:after,
  .sub-menu-ttl:before {
    background: var(--color01);
  }
  .sub-menu-contents {
    display: none;
  }
  .sub-menu-contents > ul > li a {
    background-color: #fff;
    height: 50px;
  }
  .sub-menu-contents > ul > li + li {
    border-top: 1px solid var(--lgrey);
  }
  
  .sub-menu-contents > ul.col-2 {
    display: flex;
    flex-wrap: wrap;
  }
  .sub-menu-contents > ul.col-2 > li {
    width: 50%;
    border: 1px solid var(--lgrey);
  }
  .sub-menu-contents > ul.col-2 > li:nth-of-type(2n) {
    border-left: none;
  }
  .sub-menu-contents > ul.col-2 > li:nth-of-type(-n + 2) {
    margin-bottom: -1px;
  }
  .sub-menu-contents .btm-btn-wrap {
    background-color: #fff;
    padding: 20px 30px;
    margin-top: -1px;
    border-top: 1px solid var(--lgrey);
    position: relative;
  }
  .sub-menu-contents .btm-btn-wrap .btn-cmn {
    background-color: #fff;
    height: 48px;
    min-height: 48px;
  }
  .sub-menu-contents .btm-btn-wrap .btn-cmn::after {
    content: none;
  }
  
  .close-btn-wrap {
    padding: 0;
  }
  .close-btn-wrap .close {
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.1;
    height: 50px;
    position: relative;
    text-decoration: none;
  }
  .close-btn-wrap .close .close-icn {
    display: block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    vertical-align: middle;
    position: relative;
  }
  .close-btn-wrap .close .close-icn:after,
  .close-btn-wrap .close .close-icn:before {
    background-color: var(--color01);
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    margin: auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
  .close-btn-wrap .close .close-icn:after {
    transform: rotate(-45deg);
  }
  .close-btn-wrap .close .close-icn:before {
    transform: rotate(45deg);
  }

  /* login-box */
  .login-dorp-box {
    width: 100%;
    position: fixed;
  }
  .login-dorp-box .mv-cv-list > li {
    width: 100%;
    padding: 32px 30px;
  }
  .login-dorp-box .mv-cv-btn {
    width: 100%;
  }
  .login-dorp-box .mv-cv-box .link {
    font-size: 1.4rem;
  }
  .login-dorp-box .close-btn-wrap {
    padding: 0;
    background-color: #fff;
  }
  
  /*  SP page top  */
  .page-top-btn {
    width: 40px;
    right: 15px;
    bottom: 15px;
  }
  .page-top-btn.end3,
  .page-top-btn.end2,
  .page-top-btn.end {
    position: absolute;
    bottom: 160px !important;
  }
  
  /* SP footer */
  .footer::before,
  .footer::after {
    content: none;
  }
  .footer-col2 .footer-left {
    width: 100%;
    padding-left: 0;
  }
  .footer-col2 .footer-right {
    width: 100%;
  }
  .footer-col2 .footer-left .footer-inrbox {
    padding: 0; 
  }
  .footer-col2 .footer-right .footer-inrbox {
    padding: 28px 15px;
    display: block;
  }
  .footer .footer-nav-list {
    border-bottom: 1px solid rgba(255, 255, 255, .3);
    padding: 36px 15px 14px;
    margin-bottom: 0;
  }
  .footer .footer-nav-list > li {
    width: 50%;
    padding-right: 10px;
    margin-bottom: 12px;
  }
  .footer .footer-nav-list > li + li {
    margin-left: 0;
  }
  .footer .footer-links-list {
    display: block;
    padding: 36px 15px;
    margin-bottom: -12px;
  }
  .footer .footer-links-list > li {
    margin-right: 0;
    margin-bottom: 12px;
    display: block;
  }
  .footer .footer-links-list > li::after {
    content: none;
  }
  .footer .footer-info {
    font-size: 1rem;
    line-height: 1.5;
  }
  .footer .copyright {
    font-size: 1rem;
    margin-top: 28px;
  }
  .footer.simple-footer {
    padding: 15px 0; 
  }
  
  .top-h2 {
    margin-bottom: 40px;
  }
  .top-h2 .main {
    font-size: 4rem;
  }
  .top-h2 .sub {
    font-size: 1.7rem;
    margin-top: 4px;
  }
  .arr-circle-red::before,
  .arr-circle-white::before {
    width: 14px;
    height: 8px;
    background: url(/assets/images/icn_arr_circle_r_white_sp.png) no-repeat 0 0 / contain;
    right: 16px;
    bottom: 26px;
  }
  .arr-circle-red::after,
  .arr-circle-white::after {
    background: url(/assets/images/icn_arr_circle_white_sp.png) no-repeat 0 0 / contain;
    width: 20px;
    height: 21px;
    right: 24px;
    bottom: 19px;
  }
  .arr-circle-red::before {
    background: url(/assets/images/icn_arr_circle_r_red_sp.png) no-repeat 0 0 / contain;
  }
  .arr-circle-red::after {
    background: url(/assets/images/icn_arr_circle_red_sp.png) no-repeat 0 0 / contain;
  }

  
  /*  TOP  */
  .sec-deco-01::before {
    width: 128px;
    height: 128px;
  }
  
  .mainvisual-section {
    height: auto;
    background-color: var(--lgrey);
  }
  .mainvisual-inner-wrap {
    padding: 60px 15px 0;
  }
  .mv-img-wrap .slick-dots {
    bottom: 40px;
    max-width: calc(100% - 30px);
  }
  .mv-img-wrap .slick-dots li {
    width: 34px;
    height: 4px;
  }
  .mv-img-wrap .slick-dots li button {
    clip-path: polygon(2px 0, 100% 0, calc(100% - 2px) 100%, 0% 100%);
  }
  .mv-img-wrap .item-01 {
    background-image: url(/assets/images/img_top_mv_01_sp.jpg);
  }
  .mv-img-wrap .item-02 {
    background-image: url(/assets/images/img_top_mv_02_sp.jpg);
  }
  .mv-img-wrap .item-03 {
    background-image: url(/assets/images/img_top_mv_03_sp.jpg);
  }

  .mv-ttl {
    padding-left: 19px;
  }
  .mv-ttl::before {
    width: 5px;
    height: calc(100% + 4px);
    clip-path: polygon(0 4px, 100% 0, 100% calc(100% - 4px), 0% 100%);
  }
  .mv-ttl .main {
    font-size: 3.2rem;
    text-shadow: 0px 0px 12px rgba(255, 255, 255, 0.8), 0px 0px 30px rgba(255, 255, 255, 0.6);
  }
  .mv-ttl .sub {
    font-size: 2.4rem;
    margin-top: 7px;
    text-shadow: 0px 0px 15px rgba(255, 255, 255, 0.8);
  }
  .mv-ttl .fz-sm {
    font-size: 1.8rem
  }
  .mainvisual-section.ver2 .mainvisual-inner-wrap {
    padding-top: 46px;
  }
  .mainvisual-section.ver2 .mv-txt-box {
    min-height: 280px;
    padding-bottom: 20px;
  }
  .mainvisual-section.ver2 .mv-ttl .main {
    font-size: 3.2rem;
  }
  .mainvisual-section.ver2 .mv-ttl .sub {
    font-size: 1.4rem;
    margin-top: 15px;
  }
  .mainvisual-section.ver2 .mv-cv-box {
    margin-top: -28px;
  }
  .mainvisual-section.ver2::after {
    height: calc(100% - 256px);
  }
  .mv-cv-box {
    display: block;
    width: 100%;
    padding: 18px 15px 15px;
    margin-top: 160px;
    position: static;
  }
  .mv-cv-list > li {
    width: 100%;
  }
  .mv-cv-list > li + li {
    margin-left: 15px;
  }
  .mv-cv-box .ttl {
    font-size: 1.4rem;
    line-height: 1.3;
  }
  .mv-cv-box .link {
    margin-top: 7px;
  }
  .mv-cv-box .link a {
    font-size: 1.2rem;
  }
  .mv-cv-btn {
    width: 100%;
    font-size: 1.5rem;
    min-height: 52px;
  }
  .mv-cv-btn .sub {
    font-size: 1.1rem;
  }
  .mv-btm-wrap {
    position: relative;
    display: block;
    bottom: 0;
    margin-top: 24px;
  }
  .mv-info-box {
    flex: none;
    width: 100%;
    padding: 18px 18px 20px;
  }
  .mv-info-box .left-box {
    flex: none;
    width: 100%;
    display: block;
    padding: 0;
  }
  .mv-info-box .left-box .ttl {
    font-size: 1.4rem;
    padding-left: 30px;
    width: calc(100% - 115px);
  }
  .mv-info-box .left-box .ttl::before {
    width: 20px;
    height: 20px;
    top: calc(50% - 10px);
  }
  .mv-info-box .right-box {
    width: 115px;
    position: absolute;
    right: 0;
    top: 16px;
  }
  .mv-news-list {
    width: 100%;
    margin-top: 15px;
    padding-right: 20px;
  }
  .mv-news-list .item .txt,
  .mv-news-list .item a {
    font-size: 1.4rem;
  }
	.mv-news-list .item .txt {
		padding-right: 1em;
	}
	.mv-news-list .item a {
		padding-right: 1.5em;
	}
  .mv-news-list .slick-prev,
  .mv-news-list .slick-next {
    right: 0;
  }

  .see-more-btn {
    font-size: 1.2rem;
    background-size: 16px auto;
    background-position: 12px center;
    padding-top: 2px;
    padding-bottom: 2px;
  }
  .mv-new-info-box {
    width: 100%;
    margin-left: 0;
    margin-top: 12px;
  }
  .new-info-btn {
    padding: 12px;
    text-align: center;
    justify-content: center;
  }
  .new-info-btn::after {
    right: 15px;
  }

  .top-local-nav {
    padding: 30px 0;
  }
  .top-local-nav-list {
    flex-wrap: wrap;
    margin-top: 1px;
    margin-right: -1px;
  }
  .top-local-nav-list > li {
    width: 33.333%;
    margin-top: -1px;
  }
  .top-local-nav-list > li:nth-child(-n + 2) {
    width: 50%;
  }
  .top-local-nav-list > li:last-of-type {
    width: calc(33.333% + 1px);
  }
  .local-nav-link {
    display: block;
    padding: 14px 10px 10px;
  }
  .local-nav-link .icn {
    width: 28px;
    height: 28px;
    margin-bottom: 7px;
  }
  .local-nav-link .icn img {
    left: calc(50% - 14px);
  }
  .local-nav-link .txt {
    font-size: 1.3rem;
  }

  .top-pickup-section {
    padding: 74px 0 57px;
  }
  .top-pickup-section::before {
    height: 55.4%;
  }
  .top-pickup-section::after {
    width: 85px;
    height: 85px;
  }
  .top-pickup-section .inner-wrap {
    padding-left: 0;
    padding-right: 0;
  }
  .top-pickup-section .top-h2 {
    margin-bottom: 28px;
  }
  .pickup-wrap {
    display: block;
    padding: 0 48px;
  }
  .pickup-wrap .pickup-item {
    margin: 0 12px;
    width: 100%;
    height: 100%;
  }
  .pickup-linkpanel .txt-box {
    padding: 20px 15px 26px;
  }
  .pickup-linkpanel .ttl {
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
  .pickup-linkpanel .txt {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .slick-control {
    margin-top: 25px;
  }
  .slick-control-btn img {
    width: 8px;
  }
  
  .top-service-section {
    padding: 72px 0 45px;
  }
  .top-service-section::after {
    height: 450px;
    max-height: 50%;
  }
  .top-service-section .top-sec-txt {
    text-align: center;
    font-size: 1.4rem;
  }
  .service-ttl-wrap > .left-wrap {
    flex: none;
    width: 100%;
  }
  .service-ttl-wrap {
    position: relative;
    z-index: 2;
  }
  .service-ttl-wrap > .right-wrap {
    width: 100%;
    margin-top: 18px;
  }
  .service-ttl-wrap .top-h2 {
    text-align: center;
    margin-bottom: 26px;
  }
  .service-ttl-wrap .frame-box {
    padding: 15px;
    background: url(/assets/images/img_top_service_bg_01_sp.jpg) no-repeat center / cover;
  }
  .service-linkpanel .ttl-box {
    padding: 16px 15px;
  }
  .service-linkpanel .ttl-box .sub {
    font-size: 1.2rem;
  }
  .service-linkpanel .ttl-box .ttl {
    font-size: 1.8rem;
    margin-top: 5px;
  }
  .service-panel-list .service-linkpanel.no-link .ttl-box .ttl {
    font-size: 1.2rem;
    padding-left: 7px;
  }
  .service-panel-list .service-linkpanel.no-link .ttl-box .ttl::before {
    width: 14px;
    left: -14px;
  }
  .service-panel-wrap {
    margin: 30px auto 0;
    max-width: calc(100% - 30px);
  }
  .service-panel-wrap::before {
    width: calc(100% + 15px);
    height: 450px;
    bottom: -44px;
  }
  .service-panel-wrap::after {
    width: 120px;
    height: 120px;
    right: -30px;
    bottom: -65px;
  }
  .service-panel-list.sp-col1 {
    margin-right: 0;
  }
  .service-panel-list > li {
    width: calc(50% - 1px);
  }
  .service-panel-list.sp-col1 > li {
    width: 100%;
    margin-right: 0;
  }
  .service-panel-list .service-linkpanel .ttl-box {
    padding: 12px 10px;
  }
  .service-panel-list .service-linkpanel .ttl-box .ttl {
    font-size: 1.2rem;
  }
  .service-panel-list.sp-col1 .service-linkpanel .ttl-box .ttl {
    font-size: 1.6rem;
  }
  .service-panel-list .arr-circle-white::before {
    right: 9px;
    bottom: 22px;
  }
  .service-panel-list .arr-circle-white::after {
    right: 18px;
    bottom: 15px;
  }

  .top-lifeplan-section {
    padding: 110px 0 44px 0;
  }
  .top-lifeplan-section::before {
    width: 210px;
    height: 132px;
    top: 60px;
    z-index: 2;
  }
  .top-lifeplan-section::after {
    height: 356px;
    background: url(/assets/images/img_top_lifeplan_bg_02_sp.png) no-repeat right bottom / auto 100%, #c70029;
  }
  .top-lifeplan-section .top-h2 {
    margin-bottom: 22px;
  }
  .top-lifeplan-section .top-h2 .sub {
    font-size: 2rem;
    margin-bottom: 5px;
  }
  .top-lifeplan-section .top-h2 .main {
    font-size: 3rem;
  }
  .lifeplan-white-wrap {
    max-width: calc(100% - 15px);
    margin: 33px 0 0 15px;
  }
  .lifeplan-white-wrap::after {
    height: calc(100% - 98px);
    left: 0;
  }
  .lifeplan-inner-wrap {
    max-width: 100%;
    padding: 0 0 126px;
    padding-left: 16px;
  }
  .lifeplan-inner-wrap::before {
    content: "";
    width: 23px;
    height: calc(100% - 98px);
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    pointer-events: none;
  }
  .top-lifeplan-section .content-inner-wrap {
    margin-left: 0;
    padding: 0;
    max-width: calc(100% - 44px);
  }
  .lifeplan-panel-wrap {
    margin-top: 0;
  }
  .lifeplan-panel-wrap .slick-dots {
    bottom: -65px;
    left: -23px;
    max-width: calc(100% + 23px + 30px);
    width: calc(100% + 23px + 30px);
  }
  .lifeplan-panel-wrap .slick-num {
    left: -14px;
    bottom: -115px;
    font-size: 1.3rem;
  }
  .lifeplan-panel-wrap .slick-prev,
  .lifeplan-panel-wrap .slick-next {
    bottom: -122px;
  }
  .lifeplan-panel-wrap .slick-prev {
    left: calc(50% - 58px);
  }
  .lifeplan-panel-wrap .slick-next {
    left: calc(50% + 30px);
  }
  .lifeplan-panel-wrap .slick-control {
    bottom: -116px;
    left: calc(50% - 13px);
  }
  .android .lifeplan-panel-wrap .slick-control {
    left: calc(50% - 7px);
  }
  .lifeplan-panel-wrap .slick-control-btn img {
    width: 10px;
  }
  
  .lifeplan-panel-list .item {
    margin: 0 15px;
  }
  .lifeplan-linkpanel .img-frame::before {
    left: -8px;
    bottom: -8px;
  }
  .lifeplan-linkpanel .ttl-box {
    left: 14px;
    bottom: -14px;
  }
  .lifeplan-linkpanel .ttl-box .deco-txt {
    font-size: 2.2rem;
    margin-bottom: -3px;
  }
  .lifeplan-linkpanel .ttl-box .ttl {
    font-size: 2.2rem;
  }
  .lifeplan-linkpanel .ttl-box .ttl > span {
    padding: 1px 10px;
  }
  .lifeplan-linkpanel .ttl-box .ttl .sub {
    font-size: 1.5rem;
  }
  .lifeplan-linkpanel .txt-box {
    padding: 30px 25px 20px 13px;
  }
  .lifeplan-linkpanel.arr-circle-red::before {
    right: 10px;
    bottom: 7px;
  }
  .lifeplan-linkpanel.arr-circle-red::after {
    right: 19px;
    bottom: 0;
  }
  
  .top-news-section {
    padding: 75px 0;
  }
  .tab-btns-list .tab-btn {
    font-size: 1.3rem;
    padding: 0 5px 10px;
    border-width: 1px;
  }
  .tab-contents-wrap {
    margin-top: 30px;
  }
  .news-list > li {
    flex-wrap: wrap;
    position: relative;
  }
  .news-list > li .news-date {
    width: 100%;
    padding-right: 0;
    margin-bottom: 10px;
  }
  .news-list > li a[href*=".pdf"]::after {
    width: 16px;
    height: 16px;
  }
  .news-list > li .news-txt {
    flex: none;
    width: 100%;
  }
  .news-list > li .news-txt.new::after {
    width: 40px;
    height: 15px;
    line-height: 15px;
    font-size: 1rem;
    position: absolute;
    left: 96px;
    top: .3em;
  }

  .top-bnr-section {
    padding: 24px 0;
  }
  .top-bnr-wrap .bnr-item {
    margin: 0 4px;
  }
  
  /*  lower layer page  */
  .page-ttl-section.kariru::before {
    background: url(/assets/images/img_kariru_mv_sp.jpg) no-repeat center / cover;
  }
  .page-ttl-section.lifeplan-start::before {
    background: url(/assets/images/img_lifeplan_start_mv_sp.jpg) no-repeat center / cover;
  }
  .page-ttl-section.kariru-auto::before {
    background: url(/assets/images/img_kariru_auto_mv_sp.jpg) no-repeat center / cover;
  }
  .page-ttl-section.kariru-education::before {
    background: url(/assets/images/img_kariru_education_mv_sp.jpg) no-repeat center / cover;
  }
  .page-ttl-section.kariru-free::before {
    background: url(/assets/images/img_kariru_free_mv_sp.jpg) no-repeat center / cover;
  }
  .page-ttl-section.kariru-card::before {
    background: url(/assets/images/img_kariru_card_mv_sp.jpg) no-repeat center / cover;
  }
  .page-ttl-section.kariru-care::before {
    background: url(/assets/images/img_kariru_care_mv_sp.jpg) no-repeat center / cover;
  }
  .page-ttl-section.kariru-reverse-mortgage::before {
    background: url(/assets/images/img_kariru_reverse-mortgage_mv_sp.jpg) no-repeat center / cover;
  }
  .page-ttl-section.kariru-reform::before {
    background: url(/assets/images/img_kariru_reform_mv_sp.jpg) no-repeat center / cover;
  }
	.page-ttl-section.simulation::before,
  .page-ttl-section.houjin-stage::before {
    background-position: right center;
  }
  .page-ttl-section.lifeplan-inherit::before {
  	background: url(/assets/images/img_lifeplan_inherit_mv_sp.jpg) no-repeat center top / cover;
  }
  .page-ttl-section.lifeplan-prepare::before {
  	background: url(/assets/images/img_lifeplan_prepare_mv_sp.jpg) no-repeat center top / cover;
  }
  .page-ttl-section.lifeplan-glow::before {
  	background: url(/assets/images/img_lifeplan_glow_mv_sp.jpg) no-repeat center top / cover;
  }
  .page-ttl-section.kariru-housing::before {
    background-position: right center;
  }
  .local-nav-wrap {
    padding-bottom: 60px;
  }
  .local-nav-list {
    flex-wrap: wrap;
  }
  .local-nav-list > li {
    width: 50%;
  }
  .local-nav-list > li:nth-of-type(2n + 1) {
    border-left: 1px solid var(--grey01);
  }
  .local-nav-list > li:not(:nth-of-type(-n + 2)) {
    border-top: none;
  }
  .local-nav-list.col-3 > li {
    width: 50%;
  }
  .local-nav-list.col-3 > li:nth-of-type(2n + 1) {
    border-left: 1px solid var(--grey01);
  }
  .local-nav-list.col-3 > li:nth-child(2n) {
    border-left: none;
  }
  .local-nav-list.col-3 > li:not(:nth-of-type(-n + 3)) {
    margin-top: 0;
  }
  .local-nav-list > li a {
    min-height: 64px;
  }
  .local-nav-list > li a::after {
    right: 10px;
  }
  .local-nav-list.ver2 > li a {
    min-height: 64px;
    padding-left: 12px;
  }
  .sp-scroll-wrap .normal-table.wide {
    width: 1120px;
  }
  .btn-wrap-layoutL {
    flex-direction: column;
    margin: auto;
  }
  .bg-w {
    padding: 20px 15px;
  }
  .no-flex {
    padding: 20px 15px;
  }
  .loan-rate-wrap > .col:nth-child(odd) {
    margin-left: 0;
  }
  .loan-rate-wrap > .col {
    width: calc(50% - 10px);
  }
  .loan-rate-wrap > .col.single {
    width: auto;
  }
  .loan-rate-wrap {
    flex-wrap: wrap;
  }
  .loan-rate-ttl .sub-lead {
    font-size: 1rem;
  }
  .table-ttl-wrap {
    flex-direction: column;
    align-items: inherit;
  }
  .table-ttl-wrap .icon-notes {
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 15px;
  }
  .table-ttl-wrap .icon-contents img{
    width: 20px;
  }
  .table-ttl-wrap .icon-contents .txt {
    font-size: 1.2rem;
  }
  .sp-scroll-wrap .normal-table.inr-table {
    width: 455px;
  }

  .mycar-panel .panel-ttl {
    font-size: 2.2rem;
    margin-bottom: 12px;
  }
  .mycar-panel .panel-icn {
    margin-bottom: 20px;
  }
  .mycar-panel .panel-icn img {
    width: 140px;
  }
  .mycar-panel .price-txt {
    font-size: 2.4rem;
  }
  .mycar-panel .price-txt .num {
    font-size: 4rem;
  }

  /* simulation */
  .form-list-item {
    padding: 15px;
    grid-template-columns: auto;
    min-height: auto;
    gap: 10px;
  }
  .select-wrap {
    gap: 10px;
    flex-wrap: wrap;
  }
  .input-wrap {
    flex-wrap: wrap;
  }
  .result-wrap {
    padding: 20px 13px;
  }
  .simulation-input-select {
    width: 110px;
  }
  .simulation-input-txt {
    width: calc(100% - 60px);
    min-width: 240px;
  }
  .result-table {
    grid-template-columns: 1fr;
    gap: 20px;
  }
  .result-table .result-before,
  .result-table .result-after {
    width: 100%;
  }
  .result-list dt,
  .result-list dd{
    padding: 15px;
  }
  .result-list dt {
    font-size: 1.6rem;
  }
  .result-list dd {
    font-size: 2.0rem;
  }
  .simulation-margin-label {
    margin-top: 40px;
  }
  .margin-list {
    grid-template-columns: auto;
    gap: 10px;
    margin-top: 15px;
  }
  .margin-ttl {
    font-size: 1.6rem;
  }
  .sp-scroll-wrap .result-table {
    width: 640px;
  }
  
  /*  houjin  */
  .houjin-mv .mv-img-wrap {
    background: url(/assets/images/img_houjin_top_mv_sp.jpg) no-repeat center / cover;
  }
  .houjin-top-section .deco-ttl-triangle {
    left: -26px;
    width: calc(100% + 26px);
  }
  .houjin-top-section .side-ti-wrap .inner-wrap {
    padding-left: 41px;
    padding-right: 41px;
  }
  .side-ti-wrap {
    padding-top: 160px;
  }
  .side-ti-wrap .txt-wrap {
    min-height: auto;
    width: 100%;
  }
  .side-ti-wrap .txt-wrap .txt-box {
    padding: 40px 0;
  }
  .side-ti-wrap .img-wrap {
    width: 100%;
    height: 160px;
  }
  .side-ti-wrap .img-wrap.img-01 {
    background-image: url(/assets/images/img_houjin_top_01_sp.jpg);
  }
  .side-ti-wrap .img-wrap.img-02 {
    background-image: url(/assets/images/img_houjin_top_05_sp.jpg);
  }
  .side-ti-wrap .img-wrap.img-03 {
    background-image: url(/assets/images/img_houjin_top_06_sp.jpg);
  }
  .side-ti-wrap + .btm-wrap {
    margin-top: 0;
  }
  .side-ti-wrap.ver2 {
    margin-bottom: 0;
    padding-top: 172px;
  }
  .side-ti-wrap.ver2 .txt-wrap .inner-wrap {
    padding-left: 30px;
    padding-right: 30px;
  }
  .side-ti-wrap.ver2 .txt-wrap {
    min-height: auto;
    padding-top: 0;
    align-items: flex-end;
  }
  .side-ti-wrap.ver2 .txt-wrap .txt-box {
    bottom: 0;
  }
  .side-ti-wrap.ver2 .txt-wrap .txt-box::before {
    width: 40px;
    height: 40px;
  }
  .side-ti-wrap.ver2 .txt-wrap .txt-box .box-top {
    padding: 30px;
  }
  .side-ti-wrap.ver2 .txt-wrap .txt-box .box-ttl {
    font-size: 2.6rem;
    margin-bottom: 14px;
  }
  .side-ti-wrap.ver2 .img-wrap {
    max-width: calc(100% - 80px);
    height: 205px;
    right: 15px;
    top: 15px;
  }
  .side-ti-wrap.ver2 .img-wrap::before {
    right: -15px;
    top: -15px;
  }
  .side-ti-wrap.ver2.rev .img-wrap::before {
    left: -15px;
  }

  /*  about  */
  .page-ttl-section.about .page-ttl-inrwrap {
    min-height: auto;
  }
  
  /*  recruit  */
  .recruit-top-section {
    margin-bottom: 80px;
  }
  .side-ti-wrap .img-wrap.recruit-img-01 {
    background-image: url(/assets/images/img_recruit_top_02_sp.jpg);
  }
  .side-ti-wrap .img-wrap.recruit-img-01::before {
    background-image: url(/assets/images/img_recruit_top_01_sp.jpg);
  }
  .side-ti-wrap .img-wrap.recruit-img-02 {
    background-image: url(/assets/images/img_recruit_top_04_sp.jpg);
  }
  .side-ti-wrap .img-wrap.recruit-img-02::before {
    background-image: url(/assets/images/img_recruit_top_03_sp.jpg);
  }
  .side-ti-wrap .img-wrap.recruit-img-03 {
    background-image: url(/assets/images/img_recruit_top_06_sp.jpg);
  }
  .side-ti-wrap .img-wrap.recruit-img-03::before {
    background-image: url(/assets/images/img_recruit_top_05_sp.jpg);
  }

  .txt-validate::after {
    width: 16px;
    height: 16px;
  }
  .form-list-item .ttl {
    font-size: 1.6rem;
  }
  .sitemap-section .panel-list-cmn,
  .sitemap-section .panel-list-cmn > .item {
    margin-bottom: 0;
  }
  
  /*  modal  */
  .modal-mask,
  .modal-win {
    padding: 0 20px;
  }
  .modal-win .modal-body {
    max-width: 100%;
    height: 450px;
    padding-bottom: 50px;
  }
  .modal-win .close-btn-wrap {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
  }
  .modal-notice-ttl {
    height: 60px;
    padding: 5px 50px;
    background-position: 15px center;
    background-size: 24px auto;
    font-size: 1.8rem;
  }
  .modal-notice-wrap {
    padding: 20px 20px 0;
    height: 340px;
  }
  .modal-notice-wrap .news-list > li .news-txt.new::after {
    position: static;
    margin-left: 8px;
    margin-top: -3px;
  }
  
  /*  jump page  */
  .jump-section .btn-wrap {
    margin-top: 40px;
  }
  .jump-section .btn-cmn.back {
    margin-top: 24px;
  }

  /* message */
  .box-float .img-wrap {
    float: none;
    margin: 0 0 15px 0;
    text-align: center;
  }
	
	/*  kojin investment  */
	.page-ttl-section.kojin-investment::before {
		background: url(/assets/images/img_kojin_investment_mv_sp.jpg) no-repeat center / cover;
	}
	.investment-bd-panel-wrap.panel-list-cmn > .item:last-of-type .bd-panel + .bd-panel {
		margin-top: 24px;
	}
	.investment-table-wrap .txt-strong {
		font-size: 1.6rem;
	}
	.expert-flow-wrap.flow-panel-list > .item:not(:last-of-type)::before {
		right: calc(50% - 13px);
		bottom: -30px;
	}
	.expert-flow-wrap.flow-panel-list > .item:last-of-type {
		margin-bottom: 72px;
	}
	.expert-flow-wrap .bd-panel {
		padding: 20px;
	}
	.expert-flow-wrap .graph-ttl {
		font-size: 1.6rem;
		margin-bottom: 15px;
	}
	.expert-flow-wrap .graph-img img {
		max-width: 180px;
	}
	.expert-flow-wrap .graph-txt {
		margin-top: 12px;
	}
	.expert-flow-wrap .price {
		font-size: 1.6rem;
	}
	.expert-flow-wrap .price .num {
		font-size: 3.4rem;
	}
	
	/*  kojin point  */
	.page-ttl-section.kojin-point::before {
		background: url(/assets/images/img_kojin_point_mv_sp.jpg) no-repeat center / cover;
	}
	.nisa-lifeplan-wrap .color-box-white {
		padding: 20px 0;
	}
	.nisa-lifeplan-wrap .color-box-white .box-ttl {
		font-size: 1.8rem;
		padding: 0 20px 12px;
		margin-bottom: 20px;
	}
	.nisa-lifeplan-wrap .color-box-white .img-col2 {
		flex-wrap: wrap;
		padding: 0 20px;
	}
	.nisa-lifeplan-wrap .color-box-white .img-col2 .img + .img {
		margin-left: 0;
		margin-top: 20px;
	}
	
	/*  kojin specific_account  */
	.page-ttl-section.kojin-specific_account::before {
		background: url(/assets/images/img_kojin_specific_account_mv_sp.jpg) no-repeat center / cover;
	}
	
  /*  kojin saving  */
  .page-ttl-section.kojin-saving::before {
    background: url(/assets/images/img_kojin_saving_mv_sp.jpg) no-repeat center / cover;
  }
  /*  kojin deposit  */
  .page-ttl-section.kojin-deposit::before {
    background: url(/assets/images/img_kojin_deposit_mv_sp.jpg) no-repeat center / cover;
  }
  /*  kojin fixed  */
  .page-ttl-section.kojin-fixed::before {
    background: url(/assets/images/img_kojin_fixed_mv_sp.jpg) no-repeat center / cover;
  }
  /*  kojin nisa  */
  .page-ttl-section.kojin-nisa::before {
    background: url(/assets/images/img_kojin_nisa_mv_sp.jpg) no-repeat center / cover;
  }
  /*  kojin intermediary  */
  .page-ttl-section.kojin-intermediary::before {
    background: url(/assets/images/img_kojin_intermediary_mv_sp.jpg) no-repeat center / cover;
  }
  /*  kojin hamagintt  */
  .page-ttl-section.kojin-hamagintt::before {
    background: url(/assets/images/img_kojin_hamagintt_mv_sp.jpg) no-repeat center / cover;
  }
  /*  kojin prepare  */
  .page-ttl-section.kojin-prepare::before {
    background: url(/assets/images/img_kojin_prepare_mv_sp.jpg) no-repeat center / cover;
  }
  /*  kojin lifetime  */
  .page-ttl-section.kojin-lifetime::before {
		background: url(/assets/images/img_kojin_lifetime_mv_sp.jpg) no-repeat center / cover;
  }
  /*  kojin pension_education  */
  .page-ttl-section.kojin-pension_education::before {
    background: url(/assets/images/img_kojin_pension_education_mv_sp.jpg) no-repeat center / cover;
  }
  /*  kojin medical  */
  .page-ttl-section.kojin-medical::before {
		background: url(/assets/images/img_kojin_medical_mv_sp.jpg) no-repeat center / cover;
  }
  /*  kojin variable  */
  .page-ttl-section.kojin-variable::before {
    background: url(/assets/images/img_kojin_variable_mv_sp.jpg) no-repeat center / cover;
  }
  /*  kojin employment  */
  .page-ttl-section.kojin-employment::before {
    background: url(/assets/images/img_kojin_employment_mv_sp.jpg) no-repeat center / cover;
  }
  /*  kojin nursing   */
  .page-ttl-section.kojin-nursing::before {
    background: url(/assets/images/img_kojin_nursing_mv_sp.jpg) no-repeat center / cover;
  }
	/*  kojin ideco   */
	.page-ttl-section.kojin-ideco::before {
		background: url(/assets/images/img_kojin_ideco_mv_sp.jpg) no-repeat right center / cover;
	}
	
	/*  kojin directbank  */
	.page-ttl-section.kojin-directbank::before {
		background: url(/assets/images/img_kojin_directbank_mv_sp.jpg) no-repeat center / cover;
	}
	/*  kojin directbank service  */
	.page-ttl-section.directbank-service::before {
		background: url(/assets/images/img_kojin_directbank_service_mv_sp.jpg) no-repeat center / cover;
	}
	/*  kojin directbank application  */
	.page-ttl-section.directbank-application::before {
		background: url(/assets/images/img_kojin_directbank_application_mv_sp.jpg) no-repeat center / cover;
	}
	/*  kojin directbank security  */
	.page-ttl-section.directbank-security::before {
		background: url(/assets/images/img_kojin_directbank_security_mv_sp.jpg) no-repeat center / cover;
	}
	/*  kojin directbank qa  */
	.page-ttl-section.directbank-qa::before {
		background: url(/assets/images/img_kojin_directbank_qa_mv_sp.jpg) no-repeat center / cover;
	}
	/*  kojin directbank manual  */
	.page-ttl-section.directbank-manual::before {
		background: url(/assets/images/img_kojin_directbank_manual_mv_sp.jpg) no-repeat center / cover;
	}

  /*  branch   */
  main.branch .page-ttl-section.branch .anchor-list {
    margin: 0;
  }
	main.branch .page-ttl-section.branch::before {
		background: url(/assets/images/img_branch_mv_sp.jpg) no-repeat center / cover;
	}
  main.branch .iframe-branch {
    height: 350px;
  }
  /*  interest   */
  .page-ttl-section.interest::before {
    background: url(/assets/images/img_interest_mv_sp.jpg) no-repeat center / cover;
  }
  /*  branch atm  */
  main.branch.atm .page-ttl-section.branch::before {
    background: url(/assets/images/img_branch_atm_mv_sp.jpg) no-repeat center / cover;
  }
	/*  branch alliance  */
  main.branch.alliance .page-ttl-section.branch::before {
    background: url(/assets/images/img_branch_alliance_mv_sp.jpg) no-repeat center / cover;
  }
	/*  kojin convenient  */
	.page-ttl-section.kojin-convenient::before {
		background: url(/assets/images/img_kojin_convenient_mv_sp.jpg) no-repeat center / cover;
	}
	/*  kojin convenient ebservice  */
	.page-ttl-section.kojin-ebservice::before {
		background: url(/assets/images/img_kojin_ebservice_mv_sp.jpg) no-repeat center / cover;
	}
	/*  kojin convenient lowering  */
	.page-ttl-section.kojin-lowering::before {
		background: url(/assets/images/img_kojin_lowering_mv_sp.jpg) no-repeat center / cover;
	}
	/*  kojin convenient safe_deposit  */
	.page-ttl-section.kojin-safe_deposit::before {
		background: url(/assets/images/img_kojin_safe_deposit_mv_sp.jpg) no-repeat center / cover;
	}
	/*  kojin convenient night_safe  */
	.page-ttl-section.kojin-night_safe::before {
		background: url(/assets/images/img_kojin_night_safe_mv_sp.jpg) no-repeat center / cover;
	}
	/*  kojin convenient web_transfer  */
	.page-ttl-section.kojin-web_transfer::before {
		background: url(/assets/images/img_kojin_web_transfer_mv_sp.jpg) no-repeat center / cover;
	}
	/*  kojin convenient cashless  */
	.page-ttl-section.kojin-cashless::before {
		background: url(/assets/images/img_kojin_cashless_mv_sp.jpg) no-repeat center / cover;
	}
	/*  kojin convenient payeasy  */
	.page-ttl-section.kojin-payeasy::before {
		background: url(/assets/images/img_kojin_payeasy_mv_sp.jpg) no-repeat center / cover;
	}
	/*  kojin convenient payeasy_direct  */
	.page-ttl-section.kojin-payeasy_direct::before {
		background: url(/assets/images/img_kojin_payeasy_direct_mv_sp.jpg) no-repeat center / cover;
	}


}


@media print {

	.pc-drop-wrap:not(.show),
  .page-top-btn,
  .sp-scroll,
  .following-wrap,
  .sp-gnav,
  .sp-header-menu,
  .mega-drop,
  .sp-only {
    display: none !important;
  }
  .acc-wrap > .acc-body {
    display: block;
  }

  body {
    -webkit-print-color-adjust: exact;
  }
  
  .header,
  html, body, #wrap {
    min-width: 1000px;
  }
  #wrap {
    zoom: .9;
  }
  .header {
    position: absolute;
    left: 0;
    top: 0;
  }

}