/* stylelint-disable-line */
/*!
  https://github.com/andy-piccalilli/modern-css-reset/blob/master/LICENSE
*/
.content-inner.-bg-2::before {
  background-image: url(./img/portal_bg-account.gif);
  background-size: 225px auto;
}
.content-inner.-bg-3::before {
  background-image: url(./img/portal_bg-recommend.gif);
  background-size: 195px auto;
}
.content-inner.-bg-4::before {
  background-image: url(./img/portal_bg-service.gif);
  background-size: 225px auto;
}
.content-inner.-bg-5::before {
  background-image: url(./img/portal_bg-news.gif);
  background-size: 195px auto;
}
.content-inner.-bg-6::before {
  background-image: url(./img/portal_bg-news.gif);
  background-size: 240px auto;
}

/* ----------------------------------------------------------------
    Footer (.footer and .f[-*])
----------------------------------------------------------------- */
/* .f-contact
----------------------------------------------- */
.f-contact__col:first-child::before {
  background: url(./img/portal_icon-tel.gif) no-repeat center center, linear-gradient(-45deg, #009a44, #64c164);
  background-repeat: no-repeat;
}
.f-contact__tel {
  color: #009a44 !important;
}
/* ----------------------------------------------------------------
    Header (.header and .h[-*])
----------------------------------------------------------------- */
/* .h-ss-menu
----------------------------------------------- */
.h-ss-menu__btn {
  background-color: #deeede;
}
.h-ss-menu__btn::before {
  background-color: #009a44;
}
.h-ss-menu__btn[aria-expanded=true] {
  background-color: #009a44;
}
.h-ss-menu__alt::before, .h-ss-menu__alt::after {
  background-color: #009a44;
}
.h-ss-menu__link::before {
  background-image: url(./img/portal_icon-angle.gif);
}
.h-ss-menu__link.-help::after {
  background-image: url(./img/portal_icon-help.gif);
  background-size: contain;
}

/* .h-ss-profile
----------------------------------------------- */
.h-ss-profile__btn {
  background-color: #deeede;
}
.h-ss-profile__btn[aria-expanded=true] {
  background-color: #009a44;
}
.h-ss-profile__btnPath {
  fill: #009a44;
  -webkit-transform: translate(-3px, -3px);
  transform: translate(-3px, -3px);
}
.h-ss-profile__link::before {
  background-image: url(./img/portal_icon-angle.gif);
}
.h-ss-profile__link.-signout::after {
  background-image: url(./img/portal_icon-signout_sp.gif);
}
.h-ss-profile__link.-manual::after {
  background-image: url(./img/portal_icon-manual.gif);
}

/* .h-ls-sub
----------------------------------------------- */
@media only screen and (min-width: 768px) {
  .h-ls-sub__link::after {
    background-color: #a7daa7;
  }
  .h-ls-sub__link::before {
    background-image: url(./img/portal_icon-manual.gif);
  }
}

/* ----------------------------------------------------------------
    Navigation (.n[-*])
----------------------------------------------------------------- */
/* .n-aside
----------------------------------------------- */
@media only screen and (min-width: 768px) {
  .n-aside__btn::after {
    background-color: #a7daa7;
  }
  .n-aside__btnAlt::before, .n-aside__btnAlt::after {
    background-color: #009a44;
  }
  .n-aside__contentLink::before {
    background: url("./img/portal_icon-angle.gif") no-repeat;
  }
  .n-aside__contentTxt {
    background: linear-gradient(#64c164, #009a44);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
  }
  .n-aside__link::after {
    background-color: #a7daa7;
  }
  .n-aside__link::before {
    background: url("./img/portal_icon-angle.gif") no-repeat 100% center;
  }
  .n-aside__link.-help .n-aside__txt::after {
    background: url("./img/portal_icon-help.gif") no-repeat 100% center;
  }
}
/* ----------------------------------------------------------------
    Button (.btn[-*])
----------------------------------------------------------------- */
/* .btn
----------------------------------------------- */
.btn {
  background: linear-gradient(to right bottom, #009a44, #64c164);
}
.btn::before {
  background: linear-gradient(to right bottom, #64c164, #009a44);
}
/* .btn-2
----------------------------------------------- */
.btn-2 {
  background: linear-gradient(to left top, #009a44, #64c164);
}
/* ----------------------------------------------------------------
    Heading (.hdg[-*])
----------------------------------------------------------------- */
/* .hdg-l2
----------------------------------------------- */
.hdg-l2::before {
  background-color: #64c164;
}
/* .hdg-l3
----------------------------------------------- */
.hdg-l3::before {
  background-color: #64c164;
}
/* ----------------------------------------------------------------
    Link (.link[-*])
----------------------------------------------------------------- */
/* .link
----------------------------------------------- */
.link::before {
  background: url(./img/portal_icon-angle.gif) no-repeat;
}
@media only screen and (min-width: 768px) {
  .link {
    background: linear-gradient(#64c164, #009a44);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
  }
}

/* .link-list-info
----------------------------------------------- */
.link-list-info__txt::before {
  background: url(./img/portal_icon-angle.gif) no-repeat;
}
@media only screen and (min-width: 768px) {
  .link-list-info__txt > span {
    background: linear-gradient(#64c164, #009a44);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: background-size 0.3s cubic-bezier(0.4, 0.1, 0.3, 1);
  }
}

/* ----------------------------------------------------------------
    List (.list[-*])
----------------------------------------------------------------- */
/* .list-recommend
----------------------------------------------- */
.list-recommend__panelTxt::before {
  background: url("./img/portal_icon-angle.gif") no-repeat 100% center;
}
.list-recommend__link {
  background-color: #deeede;
}
.list-recommend__link::before {
  border-bottom: 28px solid #deeede;
}
.list-recommend__linkTxt::before {
  background: url("./img/portal_icon-recommend.gif") no-repeat 100% center;
}
.list-recommend__linkTxt::after {
  background: url("./img/portal_icon-angle.gif") no-repeat 100% center;
}
@media only screen and (min-width: 768px) {
  .list-recommend__linkTxt > span {
    background: linear-gradient(#64c164, #009a44);
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: background-size 0.3s cubic-bezier(0.4, 0.1, 0.3, 1);
  }
}

/* .list
----------------------------------------------- */
.list-bullet > li::before {
  background-color: #64c164;
}

/* ----------------------------------------------------------------
    Panel (.panel[-*])
----------------------------------------------------------------- */
/* .panel-account
----------------------------------------------- */
.panel-account.-mainBank::before {
  background: linear-gradient(to right bottom, #eaf9f4, #a7daa7);
  background-color: #eaf9f4;
}
.panel-account.-mainBank::after {
  background: url("./img/portal_icon-angle.gif") no-repeat 100% center;
}
.panel-account:hover::after, .panel-account:active::after, .panel-account:focus::after {
  background: url(./img/portal_icon-angle-wht.gif);
}
@media print, screen and (min-width: 768px) {
  .panel-account:hover.-mainBank::before, .panel-account:active.-mainBank::before, .panel-account:focus.-mainBank::before {
    background: linear-gradient(to right bottom, #64c164, #009a44);
  }
}
/* .panel-register
----------------------------------------------- */
.panel-register__txt::before {
  background: url(./img/portal_icon-register.gif) no-repeat;
}
/* ----------------------------------------------------------------
    Widget (.widget[-*])
----------------------------------------------------------------- */
/* .widget-switcher
----------------------------------------------- */
.widget-switcher__btn[aria-pressed=true] {
  background: linear-gradient(to right bottom, #009a44, #64c164);
}
.widget-switcher__btn[aria-pressed=true]::after {
  background: linear-gradient(to right bottom, #64c164, #009a44);
}
/* .widget-carousel
----------------------------------------------- */
.widget-carousel__btn.-prev {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  background: url(./img/portal_icon-arrow.gif) no-repeat center center, linear-gradient(to right bottom, #64c164, #009a44);
}
.widget-carousel__btn.-next {
  background: url(./img/portal_icon-arrow.gif) no-repeat center center, linear-gradient(to right bottom, #009a44, #64c164);
}
.widget-carousel__btn.-prev .widget-carousel__btnIcon {
  background: linear-gradient(to right bottom, #009a44, #64c164);
}
.widget-carousel__btn.-next .widget-carousel__btnIcon {
  background: linear-gradient(to right bottom, #64c164, #009a44);
}
.widget-carousel__indicatorBtn[aria-checked=true] {
  background: linear-gradient(to right bottom, #009a44, #64c164);
}
.widget-carousel__play[aria-pressed=false] .widget-carousel__playAlt::before, .widget-carousel__pause[aria-pressed=false] .widget-carousel__playAlt::before, .widget-carousel__play[aria-pressed=false] .widget-carousel__playAlt::after, .widget-carousel__pause[aria-pressed=false] .widget-carousel__playAlt::after, .widget-carousel__play[aria-pressed=false] .widget-carousel__pauseAlt::before, .widget-carousel__pause[aria-pressed=false] .widget-carousel__pauseAlt::before, .widget-carousel__play[aria-pressed=false] .widget-carousel__pauseAlt::after, .widget-carousel__pause[aria-pressed=false] .widget-carousel__pauseAlt::after {
  background-color: #009a44;
}
@media only screen and (min-width: 768px) {
  .widget-carousel__play:hover[aria-pressed=false], .widget-carousel__play:active[aria-pressed=false], .widget-carousel__play:focus[aria-pressed=false], .widget-carousel__pause:hover[aria-pressed=false], .widget-carousel__pause:active[aria-pressed=false], .widget-carousel__pause:focus[aria-pressed=false] {
    background-color: #deeede;
  }
}

/* ----------------------------------------------------------------
    modal (.modal)
----------------------------------------------------------------- */
/* .modal
----------------------------------------------- */
.modal_btn_close {
  background: linear-gradient(to right bottom, #009a44, #64c164);
}

/* ----------------------------------------------------------------
    boxSearch-03
----------------------------------------------------------------- */
div.boxSearch-03 {
	background: rgb(255, 255, 255);
	border: 2px solid #deeede;
}
div.boxSearch-03 div.hdg-01 {
	background: #deeede;
}
/* ----------------------------------------------------------------
    boxSearch-01
----------------------------------------------------------------- */
.boxSearch-01 {
  border: 2px solid #deeede;
  background-color: #fff;
}
.boxSearch-01 > .hdg {
  background-color: #deeede;
}
table.tbl-sp { 
   margin:1px; 
   width:100%; 
} 
/* ���s */ 
/* 1�s���� */ 
table.tbl-sp > tbody > tr > td.tbl-sp1 { 
   background-color: rgb(255, 255, 255); 
   font-weight: bold; 
} 
/* ���o�� */ 
table.tbl-sp > tbody > tr > td.tbl-sp2 { 
   width: 25%; 
   background-color: rgb(242, 242, 242); 
   padding-left:12px; 
} 
/* ���� */ 
table.tbl-sp > tbody > tr > td.tbl-sp3 { 
   background-color: rgb(242, 242, 242); 
   font-weight: bold; 
   padding-right:12px; 
} 
/* ���s�@���s */ 
/* 1�s���� */ 
table.tbl-sp > tbody > tr > td.tbl-sp4 { 
   background-color: rgb(255, 255, 255); 
   font-weight: bold; 
} 
/* ���o�� */ 
table.tbl-sp > tbody > tr > td.tbl-sp5 { 
   width: 25%; 
   background-color: rgb(242, 242, 242); 
   padding-left:12px; 
} 
/* ���� */ 
table.tbl-sp > tbody > tr > td.tbl-sp6 { 
   background-color: rgb(242, 242, 242); 
   font-weight: bold; 
   padding-right:12px; 
} 
/* ���s�@���s */ 
/* 1�s���� */ 
table.tbl-sp > tbody > tr > td.tbl-sp7 { 
   background-color: rgb(255, 255, 255); 
   font-weight: bold; 
} 
/* ���o�� */ 
table.tbl-sp > tbody > tr > td.tbl-sp8 { 
   width: 25%; 
   background-color: rgb(242, 242, 242); 
   padding-left:12px; 
} 
/* ���� */ 
table.tbl-sp > tbody > tr > td.tbl-sp9 { 
   background-color: rgb(242, 242, 242); 
   font-weight: bold; 
   padding-right:12px; 
}