@charset "Shift_JIS";
.primary__button {
  background: #da392b;
  color: #ffffff;
  cursor: pointer;
  padding: 15px 40px 15px 40px;
  border-radius: 5px;
  font-weight: bold;
  border: none;
  text-decoration: none !important;
}

.primary__button:focus {
  color: #ffffff;
  outline: none;
}

.primary__button:hover {
  color: #ffffff;
  opacity: 0.7;
  outline: none;
}

.primary__button:active {
  color: #ffffff;
  opacity: 1;
  background: #cf0102;
  outline: none;
}

.primary__button:disabled {
  color: #ffffff;
  background: #da392b;
  opacity: 0.4;
}

.primary__button.fund:before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: -3px 5px 0 0;
  background: url("../img/fund.svg") no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.primary__button.link::after {
  content: url("../img/external-link.white.svg");
  display: inline-block;
  margin-left: 5px;
}

.primary__button.next::after {
  content: url("../img/chevron.right.white.svg");
  display: inline-block;
  margin-left: 10px;
  top: 3px;
  position: relative;
}

.outline__button {
  background: #ffffff;
  color: #da392b;
  cursor: pointer;
  padding: 15px 40px 15px 40px;
  border-radius: 5px;
  font-weight: bold;
  border: 1px solid #da392b;
  outline: none;
}

.outline__button:focus {
  outline: none;
}

.outline__button:hover {
  background: #fff5f5;
  outline: none;
}

.outline__button:active {
  background: #ffffff;
  outline: none;
}

.outline__button:disabled {
  opacity: 0.4;
}

.secondary__button {
  border: 1px solid #dddddd;
  background: #fcfcfc;
  color: #333333;
  cursor: pointer;
  padding: 15px 40px 15px 40px;
  border-radius: 5px;
  font-weight: bold;
  outline: none;
}

.secondary__button:focus {
  outline: none;
}

.secondary__button:hover {
  color: #333333;
  background: #f0f0f0;
  outline: none;
  text-decoration: none;
}

.secondary__button:active {
  background: #ffffff;
  outline: none;
}

.secondary__button:disabled {
  background: #fcfcfc;
  opacity: 0.4;
}

.secondary__button.round {
  border-radius: 30px;
  padding: 3px 10px;
  font-size: 14px;
}

.secondary__button.link::after {
  content: url("../img/external-link.svg");
  display: inline-block;
  margin-left: 5px;
  position: relative;
  top: 2px;
}

.secondary__button.less__padding {
  padding-right: 20px;
  padding-left: 20px;
}

.secondary__button span.icon::before {
  content: '';
  display: inline-block;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

.secondary__button span.icon.bagplus::before {
  background-image: url("../img/bag.badge.plus.red.svg");
  width: 15px;
  height: 15px;
  margin: 0 5px -2px 0;
}

.secondary__button span.bagminus::before {
  background-image: url("../img/bag.badge.minus_red.svg");
  width: 15px;
  height: 15px;
  margin: 0 5px -2px 0;
}

.secondary__button span.furikae::before {
  background-image: url("../img/hurikae_red.svg");
  width: 14px;
  height: 17px;
  margin: 0 5px -2px 0;
}

.secondary__button span.zandaka::before {
  background-image: url("../img/meisai.svg");
  width: 19px;
  height: 13px;
  margin: 0 5px 0 0;
}

.secondary__button span.shoukai::before {
  background-image: url("../img/menu_shoukai_red.svg");
  width: 13px;
  height: 13px;
  margin: 0 5px 0 0;
}

.secondary__button span.torikeshi::before {
  background-image: url("../img/cancel_red.svg");
  width: 14px;
  height: 14px;
  margin: 0 5px -1px 0;
}

.secondary__button span.doc::before {
  background-image: url("../img/doc.red.svg");
  width: 12px;
  height: 14px;
  margin: 0 5px -1px 0;
}

.secondary__button span.keiyaku::before {
  background-image: url("../img/keiyaku.red.svg");
  width: 12px;
  height: 14px;
  margin: 0 5px -1px 0;
}

.small__secondary__button {
  background: #ffffff;
  border: 1px solid #dddddd;
  padding: 3px 10px 3px 10px;
  border-radius: 30px;
  color: #333333;
  cursor: pointer;
}

.small__secondary__button:focus {
  outline: none;
}

.small__secondary__button:hover {
  background: #f0f0f0;
  outline: none;
  text-decoration: none;
}

.small__secondary__button:active {
  background: #fcfcfc;
  outline: none;
}

.small__secondary__button:disabled {
  background: #f0f0f0;
  opacity: 0.4;
}

.small__secondary__button.has__pencil:before {
  content: '';
  display: inline-block;
  width: 14px;
  height: 14px;
  margin: -3px 5px 0 0;
  background: url("../img/pencil.svg") no-repeat;
  background-size: contain;
  vertical-align: middle;
}

.small__secondary__button.link::after {
  content: url("../img/external-link.svg");
  display: inline-block;
  position: relative;
  margin-left: 5px;
  top: 2px;
}

@media screen and (max-width: 0px) {
  .primary__button,
  .secondary__button,
  .small__secondary__button:not(.mini) {
    width: 100%;
    padding: 15px 0 15px 0;
  }
  .primary__button.has__pencil,
  .secondary__button.has__pencil,
  .small__secondary__button:not(.mini).has__pencil {
    font-size: 12px !important;
    padding: 0;
    width: 62px;
    height: 27px;
  }
  .primary__button.has__pencil::before,
  .secondary__button.has__pencil::before,
  .small__secondary__button:not(.mini).has__pencil::before {
    width: 10px;
    height: 10px;
  }
}

.small__icon__button {
  width: 28px;
  height: 28px;
  background: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 50px;
  outline: none;
  cursor: pointer;
  font-size: 0px;
}

.small__icon__button:hover {
  background: #f0f0f0;
  outline: none;
}

.small__icon__button:active {
  background: #ffffff;
  outline: none;
}

.small__icon__button:focus {
  outline: none;
}

.small__icon__button span {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 28px;
  height: 28px;
}

.small__icon__button.display .m-auto {
  content: url("../img/eye.slash.svg");
  right: 1px;
  position: relative;
}

.small__icon__button.display .m-auto:hover {
  content: url("../img/eye.slash.svg");
  right: 1px;
  position: relative;
}

.small__icon__button.undisplay .m-auto {
  content: url("../img/eye.svg");
  right: 1px;
  position: relative;
}

.small__icon__button.undisplay .m-auto:hover {
  content: url("../img/eye.svg");
  right: 1px;
  position: relative;
}

.small__icon__button .update {
  background: url("../img/update.svg") no-repeat;
  background-position: center;
}

.middle__icon__button {
  width: 60px;
  height: 60px;
  background: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 50px;
  outline: none;
  cursor: pointer;
}

.middle__icon__button:hover {
  background: #f0f0f0;
  outline: none;
}

.middle__icon__button:active {
  background: #ffffff;
  outline: none;
}

.middle__icon__button:focus {
  outline: none;
}

.middle__icon__button span {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 60px;
  height: 60px;
}

.middle__icon__button .hurikae {
  content: url("../img/hurikae_red.svg");
}

.middle__icon__button .furikomi {
  content: url("../img/furikomi_red.svg");
}

.middle__icon__button .payeasy {
  content: url("../img/payeasy_red.svg");
}

.middle__icon__button .meisai {
  background: url("../img/meisai.svg") no-repeat;
  background-position: center;
}

.middle__icon__button .result {
  background: url("../img/result_red.svg") no-repeat;
  background-position: center;
}

.middle__icon__button .display {
  background: url("../img/display.and.arrow.down.svg") no-repeat;
  background-position: center;
}

.middle__icon__button .search {
  background: url("../img/search_red.svg") no-repeat;
  background-position: center;
}

.middle__icon__button .bag-minus {
  background: url("../img/bag.badge.minus_red.svg") no-repeat;
  background-position: center;
}

.middle__icon__button .cancel {
  background: url("../img/cancel_red.svg") no-repeat;
  background-position: center;
}

.middle__icon__button .statement {
  background: url("../img/statement_red.svg") no-repeat;
  background-position: center;
}

.middle__icon__button .gaika__rate {
  content: url("../img/gaika_rate.svg");
}

.middle__icon__button .gaika__percent {
  content: url("../img/gaika_percent.svg");
}

.middle__icon__button .gaika__content {
  content: url("../img/gaika_content.svg");
}

.middle__icon__button .gaika__pencil {
  content: url("../img/gaika_pencil.svg");
}

.radius__link__button {
  padding: 10px 50px 10px 30px;
  background: #fcfcfc;
  border: 1px solid #f0f0f0;
  border-radius: 50px;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
  cursor: pointer;
}

.radius__link__button:hover {
  background: #f0f0f0;
  outline: none;
}

.radius__link__button:active {
  background: #ffffff;
  outline: none;
}

.radius__link__button:focus {
  outline: none;
}

.radius__link__button span {
  position: relative;
}

.radius__link__button span::after {
  content: '';
  background: url("../img/chevron.right.svg");
  position: absolute;
  margin-left: 10px;
  margin-right: 10px;
  top: 2px;
  width: 7px;
  height: 11px;
  background-repeat: no-repeat;
  background-position: center;
}

.radius__link__button.zandaka {
  padding-left: 50px;
}

.radius__link__button.zandaka span::before {
  content: '';
  background: url("../img/zandaka_red.svg");
  position: absolute;
  left: -30px;
  width: 19px;
  height: 19px;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (max-width: 0px) {
  .bg__fcfcfc--small {
    background: #fcfcfc !important;
  }
}

.footer__link {
  padding: 30px 0 30px 0;
}

.footer__link td {
  padding: 10px 0 10px 0;
}

.footer__link .phone::before {
  content: url("../img/phone.svg");
  display: inline-block;
  margin-right: 5px;
}

.footer__link .link::after {
  content: url("../img/external-link.svg");
  display: inline-block;
  margin-left: 5px;
}

.footer__link .time::before {
  content: url("../img/clock.svg");
  display: inline-block;
  margin-right: 5px;
}

@media screen and (max-width: 0px) {
  .footer__link {
    display: none;
  }
}

.footer__link__button {
  width: 220px;
}

.footer__background {
  background-color: #666666;
}

#contact__frame {
  background: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  margin: 20px;
  padding: 15px;
}

#contact__frame .tel__area {
  width: 166px;
}

#contact__frame .title {
  font-size: 16px;
  font-weight: bold;
}

#contact__frame .telephone {
  font-size: 22px;
  font-weight: 500;
  text-decoration: none;
  color: #333333;
  display: inline-block;
}

#contact__frame hr {
  border-color: #f0f0f0;
}

#contact__frame .footer__link__button {
  width: 100%;
  border-radius: 30px;
}

#contact__frame .footer__link__button .link::after {
  content: url("../img/external-link.svg");
  display: inline-block;
  margin-left: 5px;
}

nav.navbar {
  background: #ffffff;
  border-bottom: 1px solid #f0f0f0;
  position: sticky !important;
  position: -webkit-sticky !important;
  top: 0;
  width: 100%;
  margin: 0 auto;
  z-index: 1030;
}

.navbar__menu {
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: -0.5rem;
  color: #666666;
  padding-right: 5px;
  padding-left: 5px;
}

.navbar__menu:hover {
  color: #da392b !important;
  text-decoration: none;
}

.navbar__menu:hover .header__icon__home, .navbar__menu.selected .header__icon__home {
  background-image: url("../img/menu_home_red.svg");
}

.navbar__menu:hover .header__icon__zandaka, .navbar__menu.selected .header__icon__zandaka {
  background-image: url("../img/menu_zandaka_red.svg");
}

.navbar__menu:hover .header__icon__furikomi, .navbar__menu.selected .header__icon__furikomi {
  background-image: url("../img/menu_furikomi_red.svg");
}

.navbar__menu:hover .header__icon__haraikomi, .navbar__menu.selected .header__icon__haraikomi {
  background-image: url("../img/menu_haraikomi_red.svg");
}

.navbar__menu:hover .header__icon__toushi, .navbar__menu.selected .header__icon__toushi {
  background-image: url("../img/menu_toushi_red.svg");
}

.navbar__menu:hover .header__icon__gaika, .navbar__menu.selected .header__icon__gaika {
  background-image: url("../img/menu_gaika_red.svg");
}

.navbar__menu:hover .header__icon__teiki, .navbar__menu.selected .header__icon__teiki {
  background-image: url("../img/menu_teiki_red.svg");
}

.navbar__menu:hover .header__icon__koukyousai, .navbar__menu.selected .header__icon__koukyousai {
  background-image: url("../img/menu_koukyousai_red.svg");
}

.navbar__menu:hover .header__icon__loan, .navbar__menu.selected .header__icon__loan {
  background-image: url("../img/menu_loan_red.svg");
}

.navbar__menu:hover .header__icon__kakushu, .navbar__menu.selected .header__icon__kakushu {
  background-image: url("../img/menu_kakushu_red.svg");
}

.navbar__menu:hover .header__icon__logoff, .navbar__menu.selected .header__icon__logoff {
  background-image: url("../img/menu_logoff_red.svg");
}

.navbar__menu:hover .header__icon__logoff__sp, .navbar__menu.selected .header__icon__logoff__sp {
  background-image: url("../img/menu_logoff_red.svg");
}

.navbar__menu:hover .header__icon__print, .navbar__menu.selected .header__icon__print {
  background-image: url("../img/menu_print_red.svg");
}

.navbar__menu:hover .header__icon__menu, .navbar__menu.selected .header__icon__menu {
  background-image: url("../img/menu_menu_red.svg");
}

.navbar__menu:hover:not(.selected) {
  background-color: #f0f0f0;
  border-radius: 5px;
}

.navbar__menu:active {
  background-color: #ffffff;
  opacity: 0.4;
}

.navbar__menu.selected {
  color: #da392b !important;
  border-bottom: 3px solid #da392b;
}

.navbar__menu:not(.selected) {
  padding-bottom: 3px;
}

.header__icon__home {
  background-image: url("../img/menu_home.svg");
  width: 24px;
  height: 22px;
  background-position: center;
  background-repeat: no-repeat;
}

.header__icon__home.red {
  background-image: url("../img/menu_home_red.svg");
}

.header__icon__zandaka {
  background-image: url("../img/menu_zandaka.svg");
  width: 26px;
  height: 19px;
  background-position: center;
  background-repeat: no-repeat;
}

.header__icon__zandaka.red {
  background-image: url("../img/menu_zandaka_red.svg");
}

.header__icon__furikomi {
  background-image: url("../img/menu_furikomi.svg");
  width: 24px;
  height: 21px;
  background-position: center;
  background-repeat: no-repeat;
}

.header__icon__furikomi.red {
  background-image: url("../img/menu_furikomi_red.svg");
}

.header__icon__haraikomi {
  background-image: url("../img/menu_haraikomi.svg");
  width: 28px;
  height: 20px;
  background-position: center;
  background-repeat: no-repeat;
}

.header__icon__haraikomi.red {
  background-image: url("../img/menu_haraikomi_red.svg");
}

.header__icon__toushi {
  background-image: url("../img/menu_toushi.svg");
  width: 22px;
  height: 19px;
  background-position: center;
  background-repeat: no-repeat;
}

.header__icon__toushi.red {
  background-image: url("../img/menu_toushi_red.svg");
}

.header__icon__gaika {
  background-image: url("../img/menu_gaika.svg");
  width: 21px;
  height: 21px;
  background-position: center;
  background-repeat: no-repeat;
}

.header__icon__gaika.red {
  background-image: url("../img/menu_gaika_red.svg");
}

.header__icon__teiki {
  background-image: url("../img/menu_teiki.svg");
  width: 23px;
  height: 18px;
  background-position: center;
  background-repeat: no-repeat;
}

.header__icon__teiki.red {
  background-image: url("../img/menu_teiki_red.svg");
}

.header__icon__koukyousai {
  background-image: url("../img/menu_koukyousai.svg");
  width: 27px;
  height: 16px;
  background-position: center;
  background-repeat: no-repeat;
}

.header__icon__koukyousai.red {
  background-image: url("../img/menu_koukyousai_red.svg");
}

.header__icon__loan {
  background-image: url("../img/menu_loan.svg");
  width: 24px;
  height: 24px;
  background-position: center;
  background-repeat: no-repeat;
}

.header__icon__loan.red {
  background-image: url("../img/menu_loan_red.svg");
}

.header__icon__kakushu {
  background-image: url("../img/menu_kakushu.svg");
  width: 21px;
  height: 21px;
  background-position: center;
  background-repeat: no-repeat;
}

.header__icon__kakushu.red {
  background-image: url("../img/menu_kakushu_red.svg");
}

.header__icon__logoff {
  background-image: url("../img/menu_logoff.svg");
  width: 22px;
  height: 21px;
  background-position: center;
  background-repeat: no-repeat;
}

.header__icon__logoff.red {
  background-image: url("../img/menu_logoff_red.svg");
}

.header__icon__logoff__sp {
  background-image: url("../img/menu_logoff_sp.svg");
  width: 22px;
  height: 21px;
  background-position: center;
  background-repeat: no-repeat;
}

.header__icon__logoff__sp.red {
  background-image: url("../img/menu_logoff_red.svg");
}

.header__icon__print {
  background-image: url("../img/menu_print.svg");
  width: 24px;
  height: 25px;
  background-position: center;
  background-repeat: no-repeat;
}

.header__icon__print.red {
  background-image: url("../img/menu_print_red.svg");
}

.header__icon__menu {
  background-image: url("../img/menu_menu.svg");
  width: 22px;
  height: 17px;
  background-position: center;
  background-repeat: no-repeat;
}

.header__icon__menu.red {
  background-image: url("../img/menu_menu_red.svg");
}

.navbar__menu--small {
  color: #333333;
}

.navbar__menu--small path {
  fill: #333333 !important;
}

.navbar__menu--small:hover, .navbar__menu--small:active {
  color: #da392b !important;
  text-decoration: none;
  opacity: 1;
}

.navbar__menu--small:hover path, .navbar__menu--small:active path {
  fill: #da392b !important;
}

.navbar__menu--large {
  background: #ffffff;
  color: #666666;
}

.navbar__menu--large path {
  fill: #666666;
}

#menuModal .modal-fullscreen {
  width: 100%;
  max-width: none;
  height: 100%;
  margin: 0;
  padding: 0;
}

#menuModal .modal-fullscreen .modal-header {
  padding: 0.5rem;
}

#menuModal .modal-fullscreen .modal-header .menu__title {
  line-height: 31px;
}

#menuModal .modal-fullscreen .modal-header .mb-n {
  margin-bottom: -2rem !important;
}

#menuModal .modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}

#menuModal .modal-fullscreen .modal-body {
  padding: 1rem 1.5rem 1rem 1.5rem;
}

#menuModal .modal-fullscreen .modal-body ul {
  list-style-type: none;
  padding: 0;
  text-decoration: none;
}

#menuModal .modal-fullscreen .modal-body ul li {
  padding: 10px 0 10px 0;
  border-bottom: 1px solid #f0f0f0;
}

#menuModal .modal-fullscreen .modal-body ul li svg {
  width: 24px;
}

#menuModal .modal-fullscreen .modal-body ul a {
  color: #333333 !important;
  text-decoration: none;
}

#menuModal .modal-fullscreen .modal-body ul a div {
  width: 28px;
}

#menu__title {
  color: #333333;
  position: relative;
  height: 45px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 45px;
  border: 1px solid #f0f0f0;
  margin: 10px calc(50% - 50vw) 0 calc(50% - 50vw);
  width: 100vw;
  text-decoration: none;
}

#menu__title a {
  width: 45px;
  height: 45px;
  display: inline-block;
  position: absolute;
  left: 0px;
}

#menu__title a img {
  margin-bottom: 4px;
  height: 12px;
}

#menu__title a img path {
  fill: #333333;
}

#menu__title button {
  background: #fcfcfc;
  border: 1px solid #dddddd;
  border-radius: 5px;
  width: 80px;
  height: 34px;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  color: #333333;
  position: absolute;
  left: 18px;
  top: 5px;
}

#menu__spacer {
  width: 100%;
  height: 10px;
}

@media screen and (max-width: 0px) {
  nav.navbar {
    padding-bottom: 0 !important;
    border-bottom: none;
  }
  nav.navbar .navbar__w100--small {
    width: 100%;
  }
  .between__small {
    justify-content: space-between !important;
  }
  .navbar__logo {
    width: 100%;
    text-align: center;
  }
}

@media screen and (min-width: 0px) {
  nav.navbar {
    min-width: 1080px;
  }
  .navbar__logo {
    margin-left: 100px;
  }
}

.form__input {
  width: 300px;
  height: 48px;
}

.form__input:focus {
  border: 1px solid #da392b;
}

.form__input:disabled {
  background: #cccccc;
  border: 1px solid #dddddd;
  color: #808080;
}

@media screen and (max-width: 0px) {
  .form__input {
    height: 44px;
  }
}

input[type='number']::-webkit-outer-spin-button,
input[type='number']::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type='number'] {
  -moz-appearance: textfield;
}

input[type='number']:focus {
  font-size: 1rem;
  font-family:Tahoma;
  color: #333333 !important;
  padding-top: 3px;
}

.input--error {
  color: #bf0000 !important;
  background-color: #fff5f5;
  border: 1px solid #da392b;
}

.form__span--error {
  color: #bf0000;
  display: none;
  margin-left: 24px;
  margin-top: 10px;
}

.form__span--error::before {
  content: '';
  width: 18px;
  height: 16px;
  background-image: url("../img/subtract.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  margin-left: -20px;
  margin-top: 4px;
}

@media screen and (max-width: 0px) {
  .form__span--error::before {
    width: 14px;
    height: 12px;
    background-size: 14px 12px;
  }
}

.form__furikomi {
  width: 270px;
}

::-moz-placeholder {
  color: #808080;
}

:-ms-input-placeholder {
  color: #808080;
}

::placeholder {
  color: #808080;
}

.form-control {
  color: #333333;
}

.form-control:focus {
  color: #333333;
}

.datepicker__select {
  background: #ffffff;
  width: 300px;
  color: #333333;
  border: 1px solid #dddddd;
  border-radius: 5px;
}

.datepicker__select .dropdown-toggle {
  color: #333333;
  background: transparent;
  width: 100%;
  border: none;
  padding: 10px;
  text-align: left;
}

.datepicker__select .dropdown-toggle:focus {
  outline: 1px solid #da392b;
  border-radius: 5px;
}

.datepicker__select .dropdown-menu {
  width: 220px;
  position: relative;
  margin-top: -80px;
  margin-left: 10px;
  background: #fcfcfc;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  border: none;
  padding-top: 0;
  padding-bottom: 0;
}

.datepicker__select .dropdown-menu li {
  padding: 4px;
  border-top: 1px solid #f0f0f0;
}

.datepicker__select .dropdown-menu li:first-child {
  border: 0;
}

.datepicker__select .dropdown-menu li .datepicker--checked::before {
  content: '';
  background-image: url("../img/checkmark.svg");
  width: 20px;
  height: 20px;
  margin-left: -20px;
  margin-top: 2px;
  position: absolute;
  background-repeat: no-repeat;
  background-position: center;
}

.datepicker__select .dropdown-toggle::after {
  display: none;
}

.datepicker__select .dropdown-item {
  position: relative;
}

.datepicker__select .dropdown-item:active, .datepicker__select .dropdown-item:focus {
  color: #333333;
  background-color: #ffffff;
  border: none;
  outline: none;
}

.datepicker__select::after {
  content: '';
  background-image: url("../img/chevron.down.svg");
  position: absolute;
  top: 17px;
  right: 14px;
  width: 16px;
  height: 10px;
  background-repeat: no-repeat;
  background-position: center;
}

.furikomi__price__container {
  position: relative;
  /* 普段は z-index:1 で number-overlap の後ろに居る。色は被ってしまうので transparent */
  /* フォーカス中は z-index:3 で number-overlap の前に来る。色も戻す */
  /* number-input に覆い被さる要素。 pointer-events:none でクリックを透過させる */
}

.furikomi__price__container .number__input {
  position: relative;
}

.furikomi__price__container .number__input:not(:focus) {
  z-index: 1;
  color: transparent;
}

.furikomi__price__container .number__input:focus {
  z-index: 3;
  color: #555;
}

.furikomi__price__container .number__overlap {
  position: absolute;
  top: 11px;
  left: 13px;
  display: inline-block;
  background: transparent;
  width: 100% !important;
  pointer-events: none;
  z-index: 2;
  font-size: 1rem;
  font-family:Tahoma;
}

@media screen and (max-width: 0px) {
  .m1-small {
    margin: 0.25rem;
  }
  .m2-small {
    margin: 0.5rem;
  }
  .m3-small {
    margin: 0.75rem;
  }
  .m4-small {
    margin: 1rem;
  }
  .m5-small {
    margin: 1.25rem;
  }
  .mt-1-small {
    margin-top: 0.25rem;
  }
  .mt-2-small {
    margin-top: 0.5rem;
  }
  .mt-3-small {
    margin-top: 0.75rem;
  }
  .mt-4-small {
    margin-top: 1rem;
  }
  .mt-5-small {
    margin-top: 1.25rem;
  }
  .ml-1-small {
    margin-left: 0.25rem;
  }
  .ml-2-small {
    margin-left: 0.5rem;
  }
  .ml-3-small {
    margin-left: 0.75rem;
  }
  .ml-4-small {
    margin-left: 1rem;
  }
  .ml-5-small {
    margin-left: 1.25rem;
  }
  .mr-1-small {
    margin-right: 0.25rem;
  }
  .mr-2-small {
    margin-right: 0.5rem;
  }
  .mr-3-small {
    margin-right: 0.75rem;
  }
  .mr-4-small {
    margin-right: 1rem;
  }
  .mr-5-small {
    margin-right: 1.25rem;
  }
  .mb-1-small {
    margin-bottom: 0.25rem;
  }
  .mb-2-small {
    margin-bottom: 0.5rem;
  }
  .mb-3-small {
    margin-bottom: 0.75rem;
  }
  .mb-4-small {
    margin-bottom: 1rem;
  }
  .mb-5-small {
    margin-bottom: 1.25rem;
  }
}

@media screen and (max-width: 0px) {
  .p1-small {
    padding: 0.25rem;
  }
  .p2-small {
    padding: 0.5rem;
  }
  .p3-small {
    padding: 0.75rem;
  }
  .p4-small {
    padding: 1rem;
  }
  .p5-small {
    padding: 1.25rem;
  }
  .pt-1-small {
    padding-top: 0.25rem;
  }
  .pt-2-small {
    padding-top: 0.5rem;
  }
  .pt-3-small {
    padding-top: 0.75rem;
  }
  .pt-4-small {
    padding-top: 1rem;
  }
  .pt-5-small {
    padding-top: 1.25rem;
  }
  .pl-1-small {
    padding-left: 0.25rem;
  }
  .pl-2-small {
    padding-left: 0.5rem;
  }
  .pl-3-small {
    padding-left: 0.75rem;
  }
  .pl-4-small {
    padding-left: 1rem;
  }
  .pl-5-small {
    padding-left: 1.25rem;
  }
  .pr-1-small {
    padding-right: 0.25rem;
  }
  .pr-2-small {
    padding-right: 0.5rem;
  }
  .pr-3-small {
    padding-right: 0.75rem;
  }
  .pr-4-small {
    padding-right: 1rem;
  }
  .pr-5-small {
    padding-right: 1.25rem;
  }
  .pb-1-small {
    padding-bottom: 0.25rem;
  }
  .pb-2-small {
    padding-bottom: 0.5rem;
  }
  .pb-3-small {
    padding-bottom: 0.75rem;
  }
  .pb-4-small {
    padding-bottom: 1rem;
  }
  .pb-5-small {
    padding-bottom: 1.25rem;
  }
}

.mt-n1 {
  margin-top: -0.25rem;
}

.mt-n2 {
  margin-top: -0.5rem;
}

.mt-n3 {
  margin-top: -0.75rem;
}

.mt-n4 {
  margin-top: -1rem;
}

.mt-n5 {
  margin-top: -1.25rem;
}

.nav-tabs {
  border-bottom: 1px solid #dddddd;
}

.attention__text {
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  font-weight: bold;
  padding-left: 10px;
}

.attention__text::before {
  content: '';
  width: 3px;
  height: 24px;
  background: #da392b;
  border-radius: 5px;
  position: absolute;
  margin-left: -10px;
}

.link__text {
  color: #da392b;
}

.link__text:hover {
  color: #da392b;
}

.yen__after::after {
  content: ' 円';
  font-size: 14px;
}

.text-plus-blue {
  color: #267bbf;
}

.text-minus-red {
  color: #da392b;
}

.has-text-10 {
  font-size: 10px;
}

.has-text-12 {
  font-size: 12px;
}

.has-text-14 {
  font-size: 14px;
}

.has-text-16 {
  font-size: 16px;
}

.has-text-18 {
  font-size: 18px;
}

.has-text-20 {
  font-size: 20px;
}

.has-text-22 {
  font-size: 22px;
}

.has-text-24 {
  font-size: 24px;
}

.has-text-26 {
  font-size: 26px;
}

.font-weight-middle {
  font-weight: 500;
}

@media screen and (max-width: 0px) {
  .has-text-10-small {
    font-size: 10px;
  }
  .has-text-12-small {
    font-size: 12px;
  }
  .has-text-14-small {
    font-size: 14px;
  }
  .has-text-16-small {
    font-size: 16px;
  }
  .font-weight-bold-small {
    font-weight: bold;
  }
}

#fd__goikouMokuteki,
#fd__goikouKounyuInput,
#fd__goikouKounyuComplete {
  background-color: #fff;
  border-radius: 0 0 12px 12px;
}

.external__button {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 3px 10px;
  border-radius: 30px;
  font-size: 14px;
  color: #333;
}

@media screen and (max-width: 0px) {
  .external__button {
    font-size: 12px;
  }
}

.external__button::after {
  content: '';
  background: url("../img/external-link.svg") no-repeat;
  width: 12.8px;
  height: 12.8px;
  display: inline-block;
  background-size: contain;
  vertical-align: baseline;
  margin-left: 6px;
}

@media screen and (max-width: 0px) {
  .external__button::after {
    width: 9.6px;
    height: 9.6px;
  }
}

.external__button:hover {
  background-color: #f0f0f0;
  outline: none;
  color: #333;
  text-decoration: none;
}

.external__button:focus {
  outline: none;
}

#fd__goikouKounyuComplete .box__contents--wide {
  flex: 4;
}

@media screen and (max-width: 0px) {
  #fd__goikouKounyuComplete .box__contents--wide {
    flex: initial;
  }
}

@media screen and (max-width: 0px) {
  #fd__goikouKounyuComplete .box__title {
    flex: initial;
  }
  #fd__goikouKounyuComplete .bg--grey .d-flex {
    justify-content: space-between;
  }
}

.fd__goikouMokuteki__contents {
  padding: 10px 30px 30px 30px;
}

@media screen and (max-width: 0px) {
  .fd__goikouMokuteki__contents {
    padding: 0 20px 20px 20px;
  }
}

.fd__goikouMokuteki__contents .bg--grey {
  background-color: #fcfcfc;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  padding: 20px;
}

@media screen and (max-width: 0px) {
  .fd__goikouMokuteki__contents .bg--grey {
    padding: 15px;
  }
}

.fd__goikouMokuteki__contents .bg--grey .box__title {
  flex: 1;
}

.fd__goikouMokuteki__contents .bg--grey .box__contents {
  flex: 2;
}

.fd__goikouMokuteki__contents .bg--grey .box__contents--mid-3 {
  flex: 3;
}

.fd__goikouMokuteki__contents .bg--grey .box__contents--mid-4 {
  flex: 4;
}

.fd__goikouMokuteki__contents .bg--grey .box__contents--wide {
  flex: 5;
}

@media screen and (max-width: 0px) {
  .fd__goikouMokuteki__contents .bg--grey .furikomi__label--normal {
    padding: 10px 0 0 10px;
  }
}

@media screen and (min-width: 0px) {
  .fd__goikouMokuteki__contents .bg--grey .furikomi__label--normal + .furikomi__label--normal {
    margin-left: 30px;
  }
}

.fd__goikouMokuteki__contents .bg--grey .equal-w div {
  flex: 1;
}

.fd__goikouMokuteki__contents .bg--grey.bg--white {
  background-color: #fff;
}

.fd__goikouMokuteki__contents .border--top {
  border-top: 1px solid #f0f0f0;
}

@media screen and (min-width: 0px) {
  .fd__goikouMokuteki__contents .d-flex--pc {
    display: flex;
  }
}

.fd__goikouMokuteki__contents .text--dark-grey {
  color: #4f4f4f;
}

.fd__goikouMokuteki__contents .form--narrow {
  width: 277px;
}

.fd__goikouMokuteki__contents .indent {
  text-indent: -2em;
  padding-left: 2em;
}

@media screen and (max-width: 0px) {
  .fd__goikouMokuteki__contents .indent {
    text-indent: 0;
    padding-left: 0;
  }
}

.fd__goikouMokuteki__contents .fd__goiko__title {
  font-weight: bold;
  font-size: 18px;
  padding-left: 10px;
  border-left: 3px solid #da392b;
  margin-bottom: 15px;
}

@media screen and (max-width: 0px) {
  .fd__goikouMokuteki__contents .fd__goiko__title {
    font-size: 16px;
  }
}

.fd__goikouMokuteki__contents .tooltip__icon {
  width: 16.5px;
  height: 16.5px;
}

@media screen and (max-width: 0px) {
  .fd__goikouMokuteki__contents .form__input {
    width: 85%;
  }
}

@media screen and (max-width: 0px) {
  .fd__goikouMokuteki__contents .furikomi__price__container {
    margin-top: 10px;
  }
}

.fd__goikouMokuteki__contents .ratio__area .d-none {
  display: block;
}

@media screen and (max-width: 0px) {
  .fd__goikouMokuteki__contents .ratio__area .d-none + .box__space {
    margin-bottom: 38px;
  }
}

@media screen and (max-width: 0px) {
  .fd__goikouMokuteki__contents .box__contents__ratio {
    padding-top: 10px;
  }
}

@media screen and (max-width: 0px) {
  .fd__goikouMokuteki__contents .btn__area {
    flex-direction: column-reverse;
  }
  .fd__goikouMokuteki__contents .btn__area .primary__button {
    margin-left: 0 !important;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 0px) {
  .fd__goikouMokuteki__contents .furikomi__account {
    height: 85px;
  }
  .fd__goikouMokuteki__contents .furikomi__account .account__name div {
    padding-left: 18px;
  }
}

.fd__goikouMokuteki__contents .furikomi__account .account__name span:not(:first-child) {
  padding-left: 18px;
}

@media screen and (max-width: 0px) {
  .fd__goikouMokuteki__contents .account__detail .has-text-18 {
    font-size: 16px;
  }
}

.fd__goikouMokuteki__contents .caution {
  line-height: 24px;
}

.fd__goikouMokuteki__contents input[type='checkbox'] {
  display: none;
}

.fd__goikouMokuteki__contents input[type='checkbox'] + label {
  box-sizing: border-box;
  cursor: pointer;
  padding-left: 40px;
  position: relative;
  width: auto;
}

@media screen and (max-width: 0px) {
  .fd__goikouMokuteki__contents input[type='checkbox'] + label {
    padding-left: 25px;
  }
}

.fd__goikouMokuteki__contents input[type='checkbox'] + label::before {
  background: #ffffff;
  border: 0.1em solid #808080;
  position: absolute;
  top: 40%;
  left: 5px;
  display: block;
  margin-top: -8px;
  width: 20px;
  height: 20px;
  content: '';
  border-radius: 2px;
}

@media screen and (max-width: 0px) {
  .fd__goikouMokuteki__contents input[type='checkbox'] + label::before {
    width: 16px;
    height: 16px;
    left: 0;
  }
}

.fd__goikouMokuteki__contents input[type='checkbox']:checked + label::before {
  background: #da392b;
  border: none;
}

.fd__goikouMokuteki__contents input[type='checkbox']:checked + label::after {
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: '';
  display: block;
  height: 12px;
  width: 7px;
  left: 12px;
  margin-top: -7px;
  position: absolute;
  top: 40%;
  transform: rotate(45deg);
}

@media screen and (max-width: 0px) {
  .fd__goikouMokuteki__contents input[type='checkbox']:checked + label::after {
    left: 5px;
    top: 37%;
  }
}

@media screen and (max-width: 0px) {
  #fd__goikouKounyuInput .box__title {
    margin-bottom: 10px;
  }
  #fd__goikouKounyuInput .deposit__category .ml-2 {
    margin-left: 0 !important;
  }
  #fd__goikouKounyuInput table {
    width: 100%;
  }
  #fd__goikouKounyuInput table td {
    text-align: right;
  }
}

#fd__kounyu {
  background: #ffffff;
  border: 0px;
}

#fdkounyu__main {
  padding: 10px 30px 30px 30px;
}

#fdkounyu__main .header {
  margin-right: 60px;
  width: 1000px;
}

#fdkounyu__main .header__button {
  width: 390px;
  margin-left: -20px;
}

#fdkounyu__main .title {
  font-size: 20px;
  font-weight: bold;
  margin-top: 15px;
}

#fdkounyu__main .separator {
  border-right: 1px solid #f0f0f0;
  height: 30px;
  width: 1px;
  margin: 0 10px 0 10px;
}

.fdkounyu__tag {
  border-radius: 15px;
  padding: 0px 8px;
  color: #ffffff;
  font-size: 14px;
  line-height: 24px;
}

.fdkounyu__tag.green {
  background: #6fc66e;
}

.fdkounyu__tag.yellow__green {
  background: #a5c943;
}

.fdkounyu__tag.blue__green {
  background: #fcfcfc;
  border: 1px solid #43A5C9;
  color: #43A5C9;
}

.fdkounyu__tag.yellow {
  background: #dca823;
}

.fdkounyu__tag.pink {
  background: #F45F3E;
}

.fdkounyu__tag.purple {
  background: #b78cca;
}

.fdkounyu__tag.blue {
  background: #2991dc;
}

.fdkounyu__tag.brown {
  background: #dc7f29;
}

.fdkounyu__tag.purple {
  background: #b78cca;
}

.fdkounyu__tag.cyan {
  background: #65b3eb;
}

.fdkounyu__tag.lightsalmon {
  background: #FFADAD;
}

.fdkounyu__tag.maroon {
  background: #8ca5ca;
}

.fdkounyu__tag.red {
  background: #fcfcfc;
  border: 1px solid #da392b;
  color: #da392b;
}

@media screen and (max-width: 0px) {
  .fdkounyu__tag {
    font-size: 12px;
  }
}

#fdkounyu__base__price,
#fdkounyu__base__chart {
  width: 300px;
  border: 1px solid #f0f0f0;
  background: #fcfcfc;
  border-radius: 14px;
  padding: 15px;
}

#fdkounyu__base__price .base__price__title,
#fdkounyu__base__chart .base__price__title {
  font-weight: bold;
  padding: 5px 0 10px 0;
}

#fdkounyu__base__price .base__price__name span,
#fdkounyu__base__chart .base__price__name span,
#fdkounyu__base__price__1 .base__price__name span {
  font-size: 14px;
}

#fdkounyu__base__price .base__price__value,
#fdkounyu__base__chart .base__price__value {
  font-size: 14px;
  font-weight: 500;
}

#fdkounyu__base__price__1 .base__price__value {
  font-size: 14px;
  font-weight: 500;
  width:800px;
  word-break:break-all;
  word-wrap:break-word;
}

#fdkounyu__base__price .base__price__unit,
#fdkounyu__base__chart .base__price__unit,
#fdkounyu__base__price__1 .base__price__unit {
  font-size: 14px;
  margin-left: 5px;
}

#fdkounyu__base__price .custom__tooltip,
#fdkounyu__base__chart .custom__tooltip,
#fdkounyu__base__price__1 .custom__tooltip {
  background: #ffffff;
}

#fdkounyu__base__price__1 {
  width: 1000px;
}

#fdkounyu__base__price__1 .base__price__name {
  width: 160px;
}

.tooltip__icon {
  display: inline-block;
  background: url("../img/tooltip.svg");
  width: 14px;
  height: 15px;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (max-width: 0px) {
  .tooltip__icon {
    margin-bottom: -2px;
    margin-left: -2px !important;
  }
}

#fdkounyu__base__chart {
  margin-left: 30px;
  width: 610px;
}

#fdkounyu__base__chart ul {
  display: inline-flex;
  border: 1px solid #dddddd;
  border-radius: 30px;
  background: #f5f5f5;
}

#fdkounyu__base__chart .nav-tabs .nav-item {
  margin-bottom: 0;
  font-weight: bold;
  font-size: 14px;
}

#fdkounyu__base__chart .nav-tabs .nav-item a {
  color: #333333 !important;
}

#fdkounyu__base__chart .nav-tabs .nav-item a:hover {
  border-radius: 30px;
}

#fdkounyu__base__chart .nav-tabs .nav-item a:not(.active):hover {
  background: #dddddd;
}

#fdkounyu__base__chart .nav-tabs .nav-item .active {
  background: #808080;
  border-radius: 30px;
  color: #ffffff !important;
}

#fdkounyu__base__chart .nav-tabs .nav-item .nav-link {
  padding: 6px 15px 6px 15px;
}

#fund__chart {
  margin-top: 20px;
}

@media screen and (max-width: 0px) {
  #fund__chart {
    margin-top: 5px;
  }
}

.fdkounyu__performance th {
  border: none !important;
  padding: 9px 4px 9px 4px;
}

.fdkounyu__performance td {
  border: none !important;
  padding: 4px;
}

.fdkounyu__performance .th__item {
  font-weight: 400;
  font-size: 14px;
}

.fdkounyu__performance .td__title {
  font-size: 14px;
}

.fdkounyu__performance .td__item .value {
  font-weight: 500;
  font-size: 18px;
}

.fdkounyu__performance .td__item .unit {
  font-weight: 400;
  font-size: 16px;
  margin-left: 5px;
}

#fdkounyu__main__bottom {
  border-top: 1px solid #dddddd;
  background: #fcfcfc;
  padding: 30px;
  border-radius: 0 0 12px 12px;
  border: 1px solid #f0f0f0;
}

#fdkounyu__main__bottom .title {
  font-weight: bold;
  font-size: 22px;
  position: relative;
}

#fdkounyu__main__bottom .title::before {
  content: url("../img/bag.badge.plus.red.svg");
  background-position: center;
  background-repeat: no-repeat;
  margin-right: 10px;
  position: relative;
  top: 5px;
}

#fdkounyu__main__bottom .content {
  font-size: 18px;
  text-align: center;
  margin-top: 30px;
}

#fdkounyu__main__bottom .guide__buttons .d-flex {
  width: 50%;
  margin: 1px;
}

#fdkounyu__main__bottom .guide__buttons .guide {
  font-weight: bold;
  padding-bottom: 10px;
}

#fdkounyu__main__bottom .center__line {
  width: 1px;
  height: 96px;
  background: #f0f0f0;
}

#fdkounyu__main__bottom .confirm-item {
  border: 2px solid #f0f0f0;
  padding: 25px 20px 25px 20px;
  font-weight: bold;
  border-radius: 12px;
  background: #ffffff;
  position: relative;
}

#fdkounyu__main__bottom .confirm-item.collapsed::after {
  content: url("../img/chevron.down.svg");
  position: absolute;
  top: 24px;
  right: 24px;
}

#fdkounyu__main__bottom .confirm-item:not(.collapsed):not(.download)::after {
  content: url("../img/chevron.down.svg");
  position: absolute;
  top: 24px;
  right: 24px;
  transform: scale(1, -1);
}

#fdkounyu__main__bottom .confirm-item:hover {
  background: #f0f0f0;
}

#fdkounyu__main__bottom .confirm-item.download::after {
  content: 'ダウンロード　　';
  background: url("../img/arrow.down.to.line.compact.svg");
  background-position: right 0 center;
  background-repeat: no-repeat;
  position: absolute;
  font-weight: bold;
  top: 24px;
  right: 24px;
}

#fdkounyu__main__bottom .confirm-item:not(.collapsed):not(.download) {
  border-radius: 12px 12px 0 0;
  border-bottom: 1px solid #cccccc;
}

#fdkounyu__main__bottom .confirm-item.unconfirm {
  padding-left: 30px;
}

#fdkounyu__main__bottom .confirm-item.unconfirm::before {
  content: '未確認';
  color: #ffffff;
  background: #da392b;
  border-radius: 30px;
  padding: 3px 15px 3px 15px;
  margin-right: 20px;
}

#fdkounyu__main__bottom .confirm-item.confirm {
  padding-left: 30px;
}

#fdkounyu__main__bottom .confirm-item.confirm::before {
  content: '確認済';
  color: #ffffff;
  background: #808080;
  border-radius: 30px;
  padding: 3px 15px 3px 15px;
  margin-right: 20px;
}

#fdkounyu__main__bottom .card-body {
  border: 2px solid #f0f0f0;
  border-top: none;
  border-radius: 0 0 12px 12px;
}

#fdkounyu__main__bottom .card-body .content {
  text-align: left;
  margin: 20px;
  padding: 15px;
  height: 300px;
  border: 1px solid #dddddd;
  border-radius: 12px;
  overflow: scroll;
}

@media screen and (max-width: 0px) {
  #fdkounyu__main__bottom {
    padding: 20px;
    background: #f5f5f5;
  }
  #fdkounyu__main__bottom .title {
    font-weight: bold;
    font-size: 16px;
    position: relative;
  }
  #fdkounyu__main__bottom .title::before {
    content: '';
    background: url("../img/bag.badge.plus.red.svg");
    display: inline-block;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 10px;
    position: relative;
    width: 15px;
    height: 15px;
    margin-bottom: 3px;
  }
  #fdkounyu__main__bottom .white__area {
    background: #fcfcfc;
    border: 1px solid #f0f0f0;
    border-radius: 14px;
    padding: 15px;
  }
  #fdkounyu__main__bottom .white__area .guide {
    font-weight: bold;
  }
  #fdkounyu__main__bottom .confirm-item {
    padding: 15px !important;
    font-size: 14px;
  }
  #fdkounyu__main__bottom .confirm-item:hover {
    background: #ffffff;
  }
  #fdkounyu__main__bottom .confirm-item.download::after {
    top: 14px;
    right: 14px;
  }
  #fdkounyu__main__bottom .confirm-item.collapsed::after {
    top: 14px;
    right: 14px;
    transform: scale(0.75);
  }
  #fdkounyu__main__bottom .confirm-item:not(.collapsed):not(.download)::after {
    top: 14px;
    right: 14px;
    transform: scale(0.75, -0.75);
  }
  #fdkounyu__main__bottom .confirm-item.unconfirm {
    padding-left: 10px;
  }
  #fdkounyu__main__bottom .confirm-item.unconfirm::before {
    padding: 3px 7px 3px 7px;
    margin-right: 10px;
  }
  #fdkounyu__main__bottom .confirm-item.confirm {
    padding-left: 10px;
  }
  #fdkounyu__main__bottom .confirm-item.confirm::before {
    padding: 3px 7px 3px 7px;
    margin-right: 10px;
  }
  #fdkounyu__main__bottom .card-body {
    padding: 15px;
    background: #ffffff;
  }
  #fdkounyu__main__bottom .card-body .content {
    margin: 0 0 10px 0;
    padding: 10px;
    border-radius: 5px;
    font-size: 14px;
  }
}

#fd__kounyu__confirm {
  background: #ffffff;
  border-radius: 0 0 12px 12px;
  border: 0;
}

#fd__kounyu__confirm__content {
  padding: 10px 30px 20px 30px;
}

#fd__kounyu__confirm__content .page__title {
  font-size: 20px;
  font-weight: bold;
  margin-top: 30px;
  margin-bottom: 15px;
}

#fd__kounyu__confirm__content .top__description {
  width: 600px;
  margin-top: 15px;
  margin-bottom: 15px;
}

#fd__kounyu__confirm__content .content__title {
  font-weight: bold;
  font-size: 18px;
  line-height: 30px;
  margin-left: 10px;
  margin-bottom: 10px;
}

#fd__kounyu__confirm__content .content__title::before {
  background: #da392b;
  width: 3px;
  height: 30px;
  content: '';
  position: absolute;
  margin-left: -10px;
}

#fd__kounyu__confirm__content .content__area {
  background: #fcfcfc;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  padding: 5px 20px 5px 20px;
  margin: 15px 0 15px 0;
}

#fd__kounyu__confirm__content .content__area .confirm__item {
  padding: 15px 0 15px 0;
}

#fd__kounyu__confirm__content .content__area .confirm__item .confirm__title {
  width: 180px;
  flex-shrink: 0;
  font-weight: bold;
  margin-right: 30px;
}

#fd__kounyu__confirm__content .content__area .confirm__item .confirm__inputted {
  width: 150px;
  flex-shrink: 0;
}

#fd__kounyu__confirm__content .content__area .confirm__line {
  height: 1px;
  width: 100%;
  background: #f0f0f0;
}

#fd__kounyu__confirm__content .fd__kounyu__label--normal {
  position: relative;
  margin-bottom: 10px;
}

#fd__kounyu__confirm__content .fd__kounyu__label--normal label {
  margin-left: 30px !important;
}

#fd__kounyu__confirm__content .fd__kounyu__label--normal input[type='radio'] + label::before {
  display: inline-block;
  content: '';
  width: 1.15em;
  height: 1.15em;
  background: #ffffff;
  border: 0.1em solid #808080;
  border-radius: 50%;
  position: absolute;
  margin-top: 3px;
  left: 0px;
}

#fd__kounyu__confirm__content .fd__kounyu__label--normal input[type='radio']:checked + label::before {
  background-repeat: no-repeat;
  background-position: center;
  background-color: #da392b;
  padding: 3px;
  background-clip: content-box;
  border-color: #da392b;
}

#fd__kounyu__confirm__content .fd__kounyu__label--normal input[type='radio'] {
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

#fd__kounyu__sp {
  background: #ffffff;
  padding: 20px;
}

#fd__kounyu__sp .fd__kounyu__title {
  font-size: 18px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}

#fd__kounyu__sp .segment__title {
  font-weight: bold;
  font-size: 16px;
  padding-left: 10px;
}

#fd__kounyu__sp .segment__title::before {
  background: #da392b;
  width: 3px;
  height: 24px;
  content: '';
  position: absolute;
  margin-left: -10px;
}

#fd__kounyu__sp .segment__frame {
  background: #fcfcfc;
  border: 1px solid #f0f0f0;
  border-radius: 14px;
  padding: 2.5px 15px 2.5px 15px;
}

#fd__kounyu__sp .segment__frame .item__box {
  padding: 15px 0 15px 0;
}

#fd__kounyu__sp .segment__frame .item__value {
  font-size: 18px;
  font-weight: bold;
}

#fd__kounyu__sp .segment__frame .item__line {
  width: 100%;
  height: 1px;
  background: #f0f0f0;
}

#fd__kounyu__sp .segment__frame table {
  width: 100%;
}

#fd__kounyu__sp .segment__frame table thead tr {
  border-bottom: 1px solid #f0f0f0;
}

#fd__kounyu__sp .segment__frame table thead th {
  text-align: right;
}

#fd__kounyu__sp .segment__frame table th {
  font-size: 14px;
  padding: 15px 0 15px 0;
  font-weight: 400;
}

#fd__kounyu__sp .segment__frame table td {
  font-size: 14px;
  font-weight: 600;
  padding: 15px 0 15px 0;
  text-align: right;
}

#fd__kounyu__sp .segment__frame table tr:not(:last-child) {
  border-bottom: 1px solid #f0f0f0;
}

#fd__kounyu__sp .segment__frame--narrow {
  background: #fcfcfc;
  border: 1px solid #f0f0f0;
  border-radius: 14px;
  padding: 5px 5px 5px 5px;
}

#fd__kounyu__sp #chart__area ul {
  display: inline-flex;
  border: 1px #f5f5f5;
  border-radius: 30px;
  background: #f5f5f5;
  padding: 3px 6px 3px 6px;
}

#fd__kounyu__sp #chart__area .nav-tabs .nav-item {
  margin-bottom: 0;
  font-weight: bold;
  font-size: 12px;
}

#fd__kounyu__sp #chart__area .nav-tabs .nav-item a {
  color: #333333 !important;
}

#fd__kounyu__sp #chart__area .nav-tabs .nav-item a:hover {
  border-radius: 30px;
}

#fd__kounyu__sp #chart__area .nav-tabs .nav-item a:not(.active):hover {
  background: #dddddd;
}

#fd__kounyu__sp #chart__area .nav-tabs .nav-item .active {
  background: #808080;
  border-radius: 30px;
  color: #ffffff !important;
}

#fd__kounyu__sp #chart__area .nav-tabs .nav-item .nav-link {
  padding: 3px 7px 3px 7px;
}

#fd__kounyu__sp .tsumitate__button {
  width: 100%;
  padding: 10px 0 10px 0;
  display: inline-block;
}

#fdkounyu__bottom__button {
  position: fixed;
  bottom: 0;
  padding: 10px 20px;
  width: 100%;
  background: #ffffff;
  border-top: 1px solid #f0f0f0;
}

#fdkounyu__bottom__button a {
  display: inline-block;
}

#fd__kounyu__confirm__sp {
  padding: 20px;
  background: #ffffff;
}

@media screen and (max-width: 0px) {
  #fd__kounyu__confirm__content {
    padding: 0;
  }
  #fd__kounyu__confirm__content .content__title {
    font-size: 16px;
    line-height: 28px;
  }
  #fd__kounyu__confirm__content .content__title::before {
    height: 28px;
  }
  #fd__kounyu__confirm__content .content__area {
    padding: 5px 15px 5px 15px;
  }
  #fd__kounyu__confirm__content .content__area .confirm__item .confirm__title {
    max-width: 130px;
    width: auto;
  }
  #fd__kounyu__confirm__content .content__area .confirm__item .confirm__title.no__max__width {
    max-width: none;
  }
  #fd__kounyu__confirm__content .content__area .confirm__item .confirm__inputted {
    width: auto;
  }
  #fd__kounyu__confirm__content .content__area .confirm__item .fd__kounyu__knowledge {
    max-width: 194px;
  }
  #fd__kounyu__confirm__content .content__area .confirm__item .fd__kounyu__knowledge .confirm__title {
    max-width: none;
  }
  #fd__kounyu__confirm__content .content__area .confirm__item .fd__kounyu__knowledge .confirm__content {
    font-size: 12px;
  }
}

.fund__tab--top {
  background-color: #fcfcfc;
  border-radius: 14px 14px 0 0;
  border: 1px solid #f0f0f0;
  border-bottom: none;
}

.fund__tab--top + .fund__card {
  border-radius: 0 0 14px 14px;
}

.fund__tab--top .breadcrumb {
  padding: 0;
  margin: 30px;
}

.fund__tabs li {
  background-color: #f5f5f5;
  border: 0.5px solid #dddddd;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom: none;
  flex: 1;
  text-align: center;
  height: 94px;
  width: 235px;
}

.fund__tabs li:hover {
  background-color: #f0f0f0;
}

.fund__tabs li a {
  color: #333;
  background-repeat: no-repeat;
  border-left: none !important;
  border-right: none !important;
  height: 100%;
  background-size: 28px;
  background-position: 103px 14px;
}

.fund__tabs li a span {
  width: 100%;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fund__tabs li a.active {
  border-top: 3px solid #da392b !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom: none !important;
  color: #da392b !important;
}

.fund__tabs li a.search {
  background-image: url("../img/search_black_small.svg");
}

.fund__tabs li a.search.disabled {
  background: #da392b;
  pointer-events:none;
}

.fund__tabs li a.search.active {
  background-image: url("../img/search_red_small.svg");
}

.fund__tabs li a.kaiyaku {
  background-image: url("../img/bag.badge.minus.svg");
}

.fund__tabs li a.kaiyaku.active {
  background-image: url("../img/bag.badge.minus_red.svg");
}

.fund__tabs li a.syoukai {
  background-image: url("../img/result.svg");
}

.fund__tabs li a.syoukai.active {
  background-image: url("../img/result_red.svg");
}

.fund__tabs li a.cancel {
  background-image: url("../img/cancel.svg");
}

.fund__tabs li a.cancel.active {
  background-image: url("../img/cancel_red.svg");
}

.fund__tabs li a.statement {
  background-image: url("../img/statement_black_medium.svg");
}

.fund__tabs li a.statement.active {
  background-image: url("../img/statement_red_medium.svg");
}

.fund__tabs__top--sp {
  background-color: #f5f5f5;
  padding-bottom: 10px;
}

.fund__tabs__top--sp li {
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-radius: 2px 2px 0 0;
  margin-right: -1px;
}

.fund__tabs__top--sp li a {
  padding: 13px 15px 10px 15px;
  border: 1px solid #dddddd;
  border-right: none;
  margin-left: -1px;
  border-radius: 2px 2px 0 0;
  position: relative;
  color: #333;
}

.fund__tabs__top--sp li a:not(.active) {
  padding-bottom: 12.5px;
  background: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.fund__tabs__top--sp li a:not(.active) span {
  margin-top: 2px;
}

.fund__tabs__top--sp li a.active {
  border-top: 3px solid #da392b !important;
  color: #da392b !important;
  border-bottom: none !important;
  border-radius: 2px 2px 0 0;
}

.fund__tabs__top--sp li a.active::before {
  content: '';
  width: 100%;
  height: 4px;
  background: #ffffff;
  display: inline-block;
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
}

.fund__tabs__top--sp li a.active span.toushin::before {
  background: url("../img/toushin_red.svg") no-repeat;
}

.fund__tabs__top--sp li a.active span.tsumitate::before {
  background: url("../img/tsumitate_red.svg") no-repeat;
}

.fund__tabs__top--sp li a span {
  width: 100%;
  bottom: -26px;
  left: 50%;
  transform: translate(-50%, -50%);
}

.fund__tabs__top--sp li a span.toushin::before {
  background: url("../img/toushin.svg") no-repeat;
  width: 21px;
  top: 2px;
}

.fund__tabs__top--sp li a span.tsumitate::before {
  background: url("../img/tsumitate.svg") no-repeat;
  width: 23px;
  top: 2px;
}

.fund__tabs__top--sp li a span::before {
  content: '';
  display: inline-block;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  height: 22px;
}

.fund__tabs__top--sp .tab__panel__area {
  padding: 20px;
  background-color: #fff;
}

.fund__tabs__top--sp .tab__panel__area .tab__panel {
  display: none;
}

.fund__tabs__top--sp .tab__panel__area .tab__panel.active {
  display: block;
}

.fund__card {
  border-radius: 0 0 14px 14px;
  border: 1px solid #f0f0f0;
  padding: 20px;
}

@media screen and (max-width: 0px) {
  .fund__frame--top {
    background-color: #fff;
  }
}

.fund__frame--top .icon-right::after,
.fund__frame--top .icon-left::before {
  display: inline-block;
  position: relative;
}

.fund__frame--top .icon-right::after {
  margin-left: 9px;
}

.fund__frame--top .icon-left::before {
  margin-right: 9px;
}

.fund__frame--top .icon.link::after {
  content: url(../img/external-link.white.svg);
  top: 1px;
}

.fund__frame--top .icon.chevron::after {
  content: url(../img/chevron.right.white.svg);
  top: 2.5px;
}

.fund__frame--top .icon.toushin::before {
  content: url(../img/toushin_red.svg);
  top: 3px;
}

.fund__frame--top .icon.search::before {
  content: url(../img/search_red.svg);
  top: 3px;
}

.fund__frame--top .icon.bag::before {
  content: url(../img/bag.badge.minus_red.svg);
  top: 3px;
}

.fund__frame--top .icon.result::before {
  content: url(../img/result_red.svg);
  top: 3px;
}

.fund__frame--top .icon.cancel::before {
  content: url(../img/cancel_red.svg);
  top: 3px;
}

.fund__frame--top .icon.undisplay::before {
  content: url(../img/eye.svg);
}

.fund__frame--top .icon.display::before {
  content: url(../img/eye.slash.svg);
}

.fund__frame--top .icon.tsumitate::before {
  content: url(../img/tsumitate_red.svg);
  top: 5px;
}

.fund__frame--top .icon.statement::before {
  content: url(../img/statement_red.svg);
  top: 3px;
}

@media screen and (max-width: 0px) {
  .fund__frame--top .fund__top__text {
    padding: 20px 20px 0;
    margin: 0 !important;
  }
}

.fund__frame--top .fund__card .toushin__btn {
  width: 48%;
  padding: 15px;
}

.fund__frame--top .icon.tsumitate.img::before {
  height:30px;
}

.fund__frame--top .icon.toushin.img::before {
  height:30px;
}

.fund__frame--top .fund__card .valuation {
  font-size: 26px;
}

@media screen and (max-width: 0px) {
  .fund__frame--top .fund__card .valuation {
    font-size: 24px;
  }
}

.fund__frame--top .fund__card .fund__valuation {
  padding: 10px 0;
}

@media screen and (max-width: 0px) {
  .fund__frame--top .fund__card--round {
    margin: 20px;
    padding: 15px;
    border: 1px solid #f0f0f0;
    border-radius: 14px;
  }
}

@media screen and (min-width: 0px) {
  .fund__frame--top .fund__top__btns > div:first-of-type {
    border-right: 1px solid #f0f0f0;
  }
}

.fund__frame--top .amount__card {
  line-height: 1.8;
}

.fund__frame--top .amount__card p {
  margin: 0;
}

.fund__frame--top .amount__card > div:first-of-type {
  border-right: 1px solid #f0f0f0;
}

@media screen and (max-width: 0px) {
  .fund__frame--top .amount__card > div:first-of-type {
    border: none;
  }
}

.fund__frame--top .amount__detail {
  border-top: 1px solid #f0f0f0;
}

@media screen and (max-width: 0px) {
  .fund__frame--top .amount__detail {
    border-bottom: 1px solid #f0f0f0;
  }
}

.fund__frame--top .amount__bg--grey {
  background-color: #fcfcfc;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  padding: 10px 15px;
}

.fund__frame--top .amount__bg--grey > div:last-of-type {
  border-top: 1px solid #f0f0f0;
  padding-top: 2.5px;
  margin-top: 2.5px;
}

.fund__frame--top .fund__card__icon__area {
  width: 119px;
}

.fund__frame--top .fund__middle__icon__button {
  background-color: #fcfcfc;
}

@media screen and (max-width: 0px) {
  .fund__frame--top .fund__middle__icon__button {
    border: 1px solid #dddddd;
    background-position: center;
  }
}

.fund__frame--top .fund__middle__icon__button:hover {
  background: #f0f0f0;
  outline: none;
}

.fund__frame--top .fund__middle__icon__button:active {
  background: #ffffff;
  outline: none;
}

.fund__frame--top .fund__middle__icon__button:focus {
  outline: none;
}

.fund__frame--top .money {
  min-width: 74px;
}

.fund__frame--top .money.hidden {
  visibility: hidden;
}

.fund__frame--top .money.hidden ~ span {
  color: #333;
}

.fund__frame--top .money.hidden::before {
  content: '---,---';
  visibility: visible;
  position: absolute;
  right: 0px;
  color: #333333;
}

.amount__display__button,
.account__open__button {
  background-color: #fcfcfc;
  border: 1px solid #dddddd;
  padding: 5px 10px 5px 6px;
  border-radius: 50px;
  color: #333333;
}

.amount__display__button:focus,
.account__open__button:focus {
  outline: none;
}

.amount__display__button:hover,
.account__open__button:hover {
  background: #f0f0f0;
  outline: none;
}

.amount__display__button:active,
.account__open__button:active {
  background: #fff;
  outline: none;
}

.amount__display__button:disabled,
.account__open__button:disabled {
  background: #f0f0f0;
  opacity: 0.4;
}

.account__open__button {
  width: 136px;
  text-align: center;
  padding: 3px 30px 3px 0;
  position: relative;
  margin-left: 15px;
  background-color: #fff;
}

@media screen and (max-width: 0px) {
  .account__open__button {
    width: 129px;
    padding: 3px 25px 3px 10px;
  }
}

.account__open__button::after {
  content: '';
  position: absolute;
  top: 35%;
  right: 15px;
  background-image: url(../img/external-link.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 12.8px;
  height: 12.8px;
}

@media screen and (max-width: 0px) {
  .account__open__button::after {
    width: 9.6px;
    height: 9.6px;
  }
}

.fund__search__keyword {
  border: 1px solid #f0f0f0;
  border-top: none;
}

@media screen and (max-width: 0px) {
  .fund__search__keyword {
    padding: 20px;
  }
}

.primary_clear_button {
  background: #808080;
  color: #ffffff;
  cursor: pointer;
  padding: 15px 40px 15px 40px;
  border-radius: 5px;
  font-weight: bold;
  border: none;
  text-decoration: none !important;
}

.primary_clear_button:focus {
  color: #ffffff;
  outline: none;
}

.primary_clear_button:hover {
  color: #ffffff;
  opacity: 0.7;
  outline: none;
}

.fund__search__keyword .fund__search__box__area {
  position: relative;
}

@media screen and (max-width: 0px) {
  .fund__search__keyword .fund__search__box__area {
    flex-grow: 1;
  }
}

@media screen and (min-width: 0px) {
  .fund__search__keyword .fund__search__box__area::before {
    content: '';
    width: 13.5px;
    height: 13.5px;
    background: url(../img/pencil.svg);
    display: inline-block;
    position: absolute;
    top: 13px;
    left: 10px;
  }
}

.fund__search__keyword .fund__search__box__area + .primary__button {
  padding: 5.5px 25px;
  line-height: 27px;
}

.fund__search__keyword .primary_clear_button {
  padding: 5.5px 25px;
  line-height: 27px;
}

@media screen and (max-width: 0px) {
  .fund__search__keyword .fund__search__box__area + .primary__button {
    inline-size: auto;
    font-size: 14px;
    padding: 5.5px 15px;
  }
  .fund__search__keyword .primary_clear_button {
    inline-size: auto;
    font-size: 14px;
    padding: 5.5px 15px;
  }
}

.fund__search__keyword .fund__search__box {
  width: 420px;
  height: 39px;
  padding: 3px 0 3px 2em;
}

@media screen and (max-width: 0px) {
  .fund__search__keyword .fund__search__box {
    width: 100%;
    height: 39px;
    padding: 9px 0 9px 6px;
  }
}

.fund__search__keyword .fund__search__carousel__base {
  width: 100%;
  height: 160px;
  margin: 10px 0 0;
  clear: both;
  border-bottom: 1px solid #f0f0f0;
}

@media screen and (max-width: 0px) {
  .fund__search__keyword .fund__search__carousel__base {
    height: 110px;
    border-bottom: 1px solid #f0f0f0;
  }
}

.fund__search__keyword .fund__search__carousel {
  position: relative;
  float: left;
  width: 100%;
  overflow-x: hidden;
}

@media screen and (max-width: 0px) {
  .fund__search__keyword .fund__search__carousel {
    overflow-x: scroll;
    width: 94vw;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .fund__search__keyword .fund__search__carousel::-webkit-scrollbar {
    display: none;
  }
}

.fund__search__keyword .fund__search__carousel .fund__search__carousel__inner {
  position: relative;
  float: left;
  margin-bottom: 0;
}

.fund__search__keyword .fund__search__carousel .small__carousel__card {
  border-radius: 5px;
  width: 90px;
  height: 130px;
  margin: 0 10px 0 0;
  float: left;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #333;
  background-repeat: no-repeat;
  background-size: 31px;
  background-position: 30px 20px;
  background-color: #f5f5f5;
  cursor: pointer;
}

@media screen and (max-width: 0px) {
  .fund__search__keyword .fund__search__carousel .small__carousel__card {
    height: 90px;
    background-size: 22px;
    background-position: 33px 12px;
  }
}

.fund__search__keyword .fund__search__carousel .small__carousel__card.all p {
  margin-top: 0;
}

.fund__search__keyword .fund__search__carousel .small__carousel__card.tsumitate {
  background-image: url("../img/tsumitate.svg");
}

.fund__search__keyword .fund__search__carousel .small__carousel__card.nisa {
  background-image: url("../img/nisa.tsumitate.svg");
}

.fund__search__keyword .fund__search__carousel .small__carousel__card.global-fund {
  background-image: url("../img/global.fund.svg");
}

.fund__search__keyword .fund__search__carousel .small__carousel__card.global-saiken {
  background-image: url("../img/global.saiken.svg");
}

.fund__search__keyword .fund__search__carousel .small__carousel__card.japan-fund {
  background-image: url("../img/japan.fund.svg");
}

.fund__search__keyword .fund__search__carousel .small__carousel__card.japan-saiken {
  background-image: url("../img/japan.saiken.svg");
}

.fund__search__keyword .fund__search__carousel .small__carousel__card.home {
  background-image: url("../img/home.svg");
}

.fund__search__keyword .fund__search__carousel .small__carousel__card.balance {
  background-image: url("../img/balance.svg");
}

.fund__search__keyword .fund__search__carousel .small__carousel__card.others {
  background-image: url("../img/others.svg");
}

.fund__search__keyword .fund__search__carousel .small__carousel__card.inban {
  background-image: url("../img/display.and.yen.svg");
}

.fund__search__keyword .fund__search__carousel .small__carousel__card.active {
  color: #fff;
}

.fund__search__keyword .fund__search__carousel .small__carousel__card.active.all {
  background-color: #808080;
}

.fund__search__keyword .fund__search__carousel .small__carousel__card.active.tsumitate {
  background-color: #6fc66e;
  background-image: url("../img/tsumitate.white.svg");
}

.fund__search__keyword .fund__search__carousel .small__carousel__card.active.nisa {
  background-color: #a5c943;
  background-image: url("../img/nisa.tsumitate.white.svg");
}

.fund__search__keyword .fund__search__carousel .small__carousel__card.active.global-fund {
  background-color: #2991dc;
  background-image: url("../img/global.fund.white.svg");
}

.fund__search__keyword .fund__search__carousel .small__carousel__card.active.global-saiken {
  background-color: #65b3eb;
  background-image: url("../img/global.saiken.white.svg");
}

.fund__search__keyword .fund__search__carousel .small__carousel__card.active.japan-fund {
  background-color: #F45F3E;
  background-image: url("../img/japan.fund.white.svg");
}

.fund__search__keyword .fund__search__carousel .small__carousel__card.active.japan-saiken {
  background-color: #FFADAD;
  background-image: url("../img/japan.saiken.white.svg");
}

.fund__search__keyword .fund__search__carousel .small__carousel__card.active.home {
  background-color: #dc7f29;
  background-image: url("../img/home.white.svg");
}

.fund__search__keyword .fund__search__carousel .small__carousel__card.active.balance {
  background-color: #dca823;
  background-image: url("../img/balance.white.svg");
}

.fund__search__keyword .fund__search__carousel .small__carousel__card.active.others {
  background-color: #8ca5ca;
  background-image: url("../img/others.white.svg");
}

.fund__search__keyword .fund__search__carousel .small__carousel__card.active.inban {
  background-color: #b78cca;
  background-image: url("../img/display.and.yen.white.svg");
}

.fund__search__keyword .fund__search__carousel .small__carousel__card:hover {
  background-color: #f0f0f0;
}

.fund__search__keyword .fund__search__carousel .small__carousel__card:last-of-type {
  margin-right: 0;
}

.fund__search__keyword .fund__search__carousel .small__carousel__card p {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
  margin-top: 40px;
}

@media screen and (max-width: 0px) {
  .fund__search__keyword .fund__search__carousel .small__carousel__card p {
    font-size: 12px;
    margin-top: 35px;
    line-height: 22px;
  }
}

.fund__search__keyword .fund__search__carousel .small__carousel__card img {
  width: 31px;
}

.fund__search__keyword .fund__search__carousel .carousel-control-prev,
.fund__search__keyword .fund__search__carousel .carousel-control-next {
  position: absolute;
  background: rgba(74, 74, 74, 0.3);
  border-radius: 50%;
  border: none;
  width: 50px;
  height: 50px;
  top: 40px;
}

.fund__search__keyword .fund__search__carousel .carousel-control-prev:hover,
.fund__search__keyword .fund__search__carousel .carousel-control-next:hover {
  background: rgba(74, 74, 74, 0.6);
}

.fund__search__keyword .fund__search__carousel .carousel-control-prev {
  left: 15px;
}

.fund__search__keyword .fund__search__carousel .carousel-control-next {
  right: 15px;
}

.fund__search__keyword .fund__search__sort__base {
  width: 94vw;
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.fund__search__keyword .fund__search__sort__base::-webkit-scrollbar {
  display: none;
}

.fund__search__keyword .fund__search__sort__base .fund__search__sort img {
  width: 18px;
}

.fund__search__keyword .fund__list {
  padding: 0;
  list-style-type: none;
  border: none;
  counter-reset: number;
  margin-top: 33px;
}

@media screen and (max-width: 0px) {
  .fund__search__keyword .fund__list {
    margin-top: 25px;
  }
}

.fund__search__keyword .fund__list__card {
  border: 1px solid #f0f0f0;
  border-radius: 10px;
  padding: 15px 20px 15px 55px;
  position: relative;
  margin-top: 15px;
}

@media screen and (max-width: 0px) {
  .fund__search__keyword .fund__list__card {
    background-color: #fff;
    padding: 20px 50px 10px 40px;
  }
  .fund__search__keyword .fund__list__card::before {
    content: '';
    background: url("../img/chevron.right.svg") no-repeat;
    position: absolute;
    right: 20px;
    top: 48%;
    width: 12px;
    height: 12px;
    background-size: contain;
  }
}

.fund__search__keyword .fund__list__card:hover {
  background-color: #f0f0f0;
}

.fund__list__number{
  position: absolute;
  left: 0;
  top: 15px;
  background: #808080;
  height: 28px;
  width: 40px;
  line-height: 28px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  border-radius: 0px 25px 25px 0px;
}

@media screen and (max-width: 0px) {
  .fund__search__keyword .fund__list__card::after {
    border-radius: 0px 5px 5px 0px;
    height: 34px;
    width: 30px;
    line-height: 32px;
  }
}

.fund__search__keyword .fund__list__card .fund__list__badge {
  border-radius: 15px;
  color: #fff;
  padding: 2px 8px;
  font-size: 14px;
  font-weight: bold;
  margin: 10px 8px 0 0;
}

@media screen and (max-width: 0px) {
  .fund__search__keyword .fund__list__card .fund__list__badge {
    font-size: 12px;
    padding: 2px 6px;
    margin: 5px 0 0 0;
  }
}

.fund__search__keyword .fund__list__card .fund__list__badge.tsumitate {
  background-color: #6fc66e;
}

.fund__search__keyword .fund__list__card .fund__list__badge.nisa {
  background-color: #a5c943;
}

.fund__search__keyword .fund__list__card .fund__list__badge.scnisa {
  color: #43A5C9;
  border: 1px solid #43A5C9;
}

.fund__search__keyword .fund__list__card .fund__list__badge.global-fund {
  background-color: #2991dc;
}

.fund__search__keyword .fund__list__card .fund__list__badge.global-saiken {
  background-color: #65b3eb;
}

.fund__search__keyword .fund__list__card .fund__list__badge.japan-fund {
  background-color: #F45F3E;
}

.fund__search__keyword .fund__list__card .fund__list__badge.japan-saiken {
  background-color: #FFADAD;
}

.fund__search__keyword .fund__list__card .fund__list__badge.home {
  background-color: #dc7f29;
}

.fund__search__keyword .fund__list__card .fund__list__badge.balance {
  background-color: #dca823;
}

.fund__search__keyword .fund__list__card .fund__list__badge.others {
  background-color: #8ca5ca;
}

.fund__search__keyword .fund__list__card .fund__list__badge.inban {
  background-color: #b78cca;
}

.fund__search__keyword .fund__list__card .fund__list__badge.no-fee {
  color: #da392b;
  border: 1px solid #da392b;
}

.fund__search__keyword .fund__list__card .small__secondary__button {
  width: 76px;
  height: 30px;
  font-size: 14px;
  font-weight: bold;
  inline-size: -webkit-max-content;
  inline-size: -moz-max-content;
  inline-size: max-content;
}

@media screen and (min-width: 0px) {
  .fund__search__keyword .fund__list__card .fund__list__card__num > div + div {
    margin-left: 40px;
  }
}

.fund__search__keyword .fund__list__card .fund__list__card__num p {
  white-space: nowrap;
}

@media screen and (min-width: 0px) {
  .fund__search__keyword .fund__list__card > div > div {
    width: 44%;
  }
  .fund__search__keyword .fund__list__card > div > div:last-of-type {
    width: 54%;
  }
}

.fund__frame--caution {
  line-height: 24px;
}

@media screen and (max-width: 0px) {
  .fund__frame--caution {
    border: none;
    padding: 20px !important;
  }
}

.fund__frame--caution .text-minus-red:hover {
  color: #bf0000;
}

.fund__frame--caution .fund__card__square {
  border: 1px solid #f0f0f0;
  padding: 15px;
}

.fund__frame--caution .fund__card__round {
  background: #fcfcfc;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  padding: 20px;
}

.fund__frame--caution .fund__card__round div + div {
  border-top: 1px solid #f0f0f0;
}

.fund__frame--caution .fund__card__round div p {
  width: 30%;
  margin-bottom: 0;
  padding: 5px 0;
}

.fund__frame--caution .fund__card__round div p + p {
  width: 23.3%;
}

@media screen and (max-width: 0px) {
  .fund__frame--caution .fund__card__round div p {
    width: 58%;
  }
  .fund__frame--caution .fund__card__round div p + p {
    width: 42%;
    margin-left: 15px;
  }
}

.fund__frame--caution .kakko-list {
  padding: 0 0 0 8px;
}

.fund__frame--caution .kakko-list li {
  list-style: none;
  counter-increment: number;
}

.fund__frame--caution .kakko-list li::before {
  content: "( " counter(number) " )";
  padding-right: 10px;
}

.furikomi__frame--top {
  background: #fcfcfc;
  border-radius: 12px 12px 0px 0px;
  border: 1px solid #f0f0f0;
  border-bottom: none;
}

.furikomi__frame--top ul {
  background-color: #fcfcfc;
  border-bottom: 1px solid #dddddd !important;
}

.furikomi__frame--top ul li {
  background-color: #f5f5f5;
  border: 0.5px solid #dddddd;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom: none;
  flex: 1;
  text-align: center;
  height: 94px;
}

.furikomi__frame--top ul li span {
  color: #333333;
}

.furikomi__frame--top ul li .nav-link {
  border-left: none !important;
  border-right: none !important;
  height: 100%;
  border-bottom: 1px solid #dddddd;
  text-decoration: none;
}

.furikomi__frame--top ul li .nav-link svg {
  width: 30px;
}

.furikomi__frame--top ul li .active {
  background-color: #ffffff;
  border-top: 3px solid #da392b !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom: none !important;
}

.furikomi__frame--top ul li .active span {
  color: #da392b;
}

.furikomi__frame--top ul li .active .hurikomi__tab__icon__furikomi {
  background-image: url("../img/menu_furikomi_red.svg");
}

.furikomi__frame--top ul li .active .hurikomi__tab__icon__furikae {
  background-image: url("../img/menu_furikae_red.svg");
}

.furikomi__frame--top ul li .active .hurikomi__tab__icon__teiji {
  background-image: url("../img/menu_teiji_red.svg");
}

.furikomi__frame--top ul li .active .hurikomi__tab__icon__shoukai {
  background-image: url("../img/menu_shoukai_red.svg");
}

.furikomi__frame--top ul li .active .hurikomi__tab__icon__cancel {
  background-image: url("../img/menu_cancel_red.svg");
}

.furikomi__frame--top ul li .active .hurikomi__tab__icon__delete {
  background-image: url("../img/menu_delete_red.svg");
}

.furikomi__frame--top ul li:hover {
  background: #f0f0f0;
}

.furikomi__frame--top ul li:active {
  background: #ffffff;
  border: 1px solid #dddddd;
}

.furikomi__frame--top .hurikomi__tab__icon__furikomi,
.furikomi__torihiki__select .hurikomi__tab__icon__furikomi {
  background-image: url("../img/menu_furikomi_black.svg");
  width: 30px;
  height: 27px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: auto;
}

.furikomi__frame--top .hurikomi__tab__icon__furikomi.red,
.furikomi__torihiki__select .hurikomi__tab__icon__furikomi.red {
  background-image: url("../img/menu_furikomi_red.svg");
}

.furikomi__frame--top .hurikomi__tab__icon__furikomi.small,
.furikomi__torihiki__select .hurikomi__tab__icon__furikomi.small {
  width: 23px;
  height: 21px;
}

.furikomi__frame--top .hurikomi__tab__icon__furikae,
.furikomi__torihiki__select .hurikomi__tab__icon__furikae {
  background-image: url("../img/menu_furikae.svg");
  width: 26px;
  height: 31px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: auto;
}

.furikomi__frame--top .hurikomi__tab__icon__furikae.red,
.furikomi__torihiki__select .hurikomi__tab__icon__furikae.red {
  background-image: url("../img/menu_furikae_red.svg");
}

.furikomi__frame--top .hurikomi__tab__icon__furikae.small,
.furikomi__torihiki__select .hurikomi__tab__icon__furikae.small {
  width: 19px;
  height: 23px;
}

.furikomi__frame--top .hurikomi__tab__icon__teiji,
.furikomi__torihiki__select .hurikomi__tab__icon__teiji {
  background-image: url("../img/menu_teiji.svg");
  width: 25px;
  height: 27px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: auto;
}

.furikomi__frame--top .hurikomi__tab__icon__teiji.red,
.furikomi__torihiki__select .hurikomi__tab__icon__teiji.red {
  background-image: url("../img/menu_teiji_red.svg");
}

.furikomi__frame--top .hurikomi__tab__icon__teiji.small,
.furikomi__torihiki__select .hurikomi__tab__icon__teiji.small {
  width: 18px;
  height: 20px;
}

.furikomi__frame--top .hurikomi__tab__icon__shoukai,
.furikomi__torihiki__select .hurikomi__tab__icon__shoukai {
  background-image: url("../img/menu_shoukai.svg");
  width: 26px;
  height: 25px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: auto;
}

.furikomi__frame--top .hurikomi__tab__icon__shoukai.red,
.furikomi__torihiki__select .hurikomi__tab__icon__shoukai.red {
  background-image: url("../img/menu_shoukai_red.svg");
}

.furikomi__frame--top .hurikomi__tab__icon__shoukai.small,
.furikomi__torihiki__select .hurikomi__tab__icon__shoukai.small {
  width: 18px;
  height: 18px;
}

.furikomi__frame--top .hurikomi__tab__icon__cancel,
.furikomi__torihiki__select .hurikomi__tab__icon__cancel {
  background-image: url("../img/menu_cancel.svg");
  width: 27px;
  height: 27px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: auto;
}

.furikomi__frame--top .hurikomi__tab__icon__cancel.red,
.furikomi__torihiki__select .hurikomi__tab__icon__cancel.red {
  background-image: url("../img/menu_cancel_red.svg");
}

.furikomi__frame--top .hurikomi__tab__icon__cancel.small,
.furikomi__torihiki__select .hurikomi__tab__icon__cancel.small {
  width: 20px;
  height: 20px;
}

.furikomi__frame--top .hurikomi__tab__icon__delete,
.furikomi__torihiki__select .hurikomi__tab__icon__delete {
  background-image: url("../img/menu_delete.svg");
  width: 26px;
  height: 24px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin: auto;
}

.furikomi__frame--top .hurikomi__tab__icon__delete.red,
.furikomi__torihiki__select .hurikomi__tab__icon__delete.red {
  background-image: url("../img/menu_delete_red.svg");
}

.furikomi__frame--top .hurikomi__tab__icon__delete.small,
.furikomi__torihiki__select .hurikomi__tab__icon__delete.small {
  width: 18px;
  height: 18px;
}

.furikomi__torihiki__select {
  padding: 20px 20px 0 20px;
  background: #ffffff;
}

.furikomi__torihiki__select .furikomi__torihiki__item {
  width: 90px;
}

.furikomi__torihiki__select .furikomi__torihiki__icon {
  width: 55px;
  height: 55px;
  border: 1px solid #dddddd;
  background: #fcfcfc;
  border-radius: 35px;
  margin: 5px;
}

.furikomi__torihiki__select a {
  color: #333333;
  text-decoration: none;
  font-weight: bold;
}

.furikomi__main {
  padding: 10px 30px 10px 30px;
  background-color: #ffffff;
  border: 1px solid #f0f0f0;
  border-top: none;
  border-radius: 0 0 12px 12px;
  color: #333333;
}

@media screen and (max-width: 0px) {
  .furikomi__main {
    padding: 20px 20px 20px 20px;
    border-radius: 0;
    min-height: 220px;
    background: #ffffff;
  }
}

.furikomi__gray__frame {
  background: #fcfcfc;
  border: 1px solid #f0f0f0;
  padding-bottom: 22px;
  border-radius: 12px;
}

.furikomi__gray__frame .furikomi__frame__section {
  margin-top: 30px;
  color: #333333;
}

.furikomi__gray__frame .furikomi__frame__section .nav {
  background: #f5f5f5;
  border: 1px solid #f0f0f0;
  border-radius: 25px;
}

.furikomi__gray__frame .furikomi__frame__section .nav .nav-link {
  background: transparent;
  border: none;
  color: #333333;
  margin: 3px;
  font-weight: bold;
}

.furikomi__gray__frame .furikomi__frame__section .nav .nav-link:hover {
  background: #dddddd;
  border-radius: 30px;
}

.furikomi__gray__frame .furikomi__frame__section .nav .nav-link.active {
  background: #da392b;
  border-radius: 30px;
  color: #ffffff;
  margin: 3px;
}

.furikomi__gray__frame .item__title {
  width: 200px;
  color: #333333;
  font-size: 16px;
  font-weight: bold;
  padding-left: 30px;
}

.furikomi__gray__frame .border__bottom {
  border: 1px solid #f0f0f0;
}

@media screen and (max-width: 0px) {
  .furikomi__gray__frame {
    border: none;
    padding: 0;
  }
  .furikomi__gray__frame div:first-child {
    margin-top: 0;
  }
  .furikomi__gray__frame .furikomi__frame__section {
    flex-direction: column;
  }
  .furikomi__gray__frame .item__title {
    font-size: 14px;
    padding-left: 0;
    margin-bottom: 10px;
    width: auto;
  }
}

.furikomi__label__frame input[type='radio'] + label::before {
  display: inline-block;
  content: '';
  width: 1.15em;
  height: 1.15em;
  border: 0.1em solid #cccccc;
  border-radius: 50%;
  position: absolute;
  top: 34px;
  left: 16px;
}

.furikomi__label__frame input[type='radio']:checked + label::before {
  background-repeat: no-repeat;
  background-position: center;
  background: url("../img/checkmark.circle.svg") no-repeat #ffffff;
  width: 19px;
  height: 20px;
  border: none;
}

.furikomi__label__frame input[type='radio']:checked + label {
  border: 1px solid #da392b;
}

.furikomi__label__frame input[type='radio']:hover + label {
  background: #fcfcfc;
}

.furikomi__label__frame input[type='radio'] {
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

@media screen and (max-width: 0px) {
  .furikomi__label__frame {
    margin-top: 10px;
  }
}

.furikomi__label--normal input[type='radio'] + label::before {
  display: inline-block;
  content: '';
  width: 1.15em;
  height: 1.15em;
  background: #ffffff;
  border: 0.1em solid #808080;
  border-radius: 50%;
  position: relative;
  top: 3px;
  right: 10px;
}

.furikomi__label--normal input[type='radio']:checked + label::before {
  background-repeat: no-repeat;
  background-position: center;
  background-color: #da392b;
  padding: 3px;
  background-clip: content-box;
  border-color: #da392b;
}

.furikomi__label--normal input[type='radio'] {
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.furikomi__account {
  margin-top: -17px;
  height: 88px;
  border: 1px solid #f0f0f0;
  border-radius: 14px;
  background: #ffffff;
  align-items: center;
}

.furikomi__account:hover {
  background: #f0f0f0 !important;
}

.furikomi__account .account__name {
  font-size: 16px;
  font-weight: bold;
  max-width: 200px;
  word-wrap: break-word;
  margin-left: 50px;
}

.furikomi__account .account__detail {
  width: 150px;
}

.furikomi__account .account__detail div span:nth-child(2) {
  padding-left: 5px;
}

@media screen and (max-width: 0px) {
  .furikomi__label__frame input[type='radio'] + label::before {
    top: 18px;
  }
  .furikomi__account {
    height: 108px;
    padding: 15px 0 15px 0;
  }
  .furikomi__account:hover {
    background: #ffffff !important;
  }
  .furikomi__account .account__name {
    font-size: 14px;
    flex-direction: row !important;
    margin-bottom: 8px;
  }
  .furikomi__account .account__name span:not(:first-child) {
    padding-left: 20px;
  }
  .furikomi__account .account__detail {
    width: 100%;
    padding-left: 50px;
    padding-right: 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .furikomi__account .account__detail div {
    display: inline-block;
  }
  .furikomi__account .account__detail div span:nth-child(1) {
    font-weight: 600;
  }
  .furikomi__account .account__hikidashi div span:nth-child(1) {
    font-weight: 400 !important;
    font-size: 14px;
  }
  #furikomi__kouza_tab1 .furikomi__account {
    height: auto;
    min-height: 125px;
  }
  #furikomi__kouza_tab1 .account__name__frame {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  #furikomi__kouza_tab1 .account__name__frame .account__number {
    padding-left: 0;
  }
  #furikomi__kouza_tab1 .account__name__frame div {
    flex-direction: column !important;
  }
  #furikomi__kouza_tab1 .account__name__frame button {
    width: 62px;
    height: 27px;
    font-size: 12px;
  }
  #furikomi__kouza_tab1 .account__name__frame button img {
    width: 10px;
  }
  #furikomi__kouza_tab1 .account__detail span {
    font-size: 12px !important;
  }
  #furikomi__kouza_tab1 .account__detail .accept__name {
    font-size: 14px !important;
  }
  #furikomi__kouza_tab1 .account__detail .font-weight-middle:not(.accept__name) {
    font-weight: 400;
  }
}

@media screen and (min-width: 0px) {
  .furikomi__hikidashi__select {
    margin-right: 15px;
  }
  .furikomi__sort__target {
    margin-right: 15px;
  }
}

@media screen and (max-width: 0px) {
  .furikomi__hikidashi__select .pagination {
    justify-content: center;
  }
}

.furikomi__hikidashi__selected {
  margin-top: 20px;
}

.furikomi__hikidashi__selected .account__name {
  max-width: 300px;
  margin-left: 15px;
}

.furikomi__hikidashi__selected .account__detail {
  padding-left: 15px;
}

.furikomi__sort__button {
  color: #333333;
  border: 1px solid #dddddd;
  background: #ffffff;
  border-radius: 30px;
  font-size: 14px;
  font-weight: bold;
  padding: 3px 10px 3px 10px;
}

.furikomi__sort__button:focus {
  outline: none;
}

.furikomi__sort__button:hover {
  background: #f0f0f0;
  outline: none;
}

.furikomi__sort__button:active {
  background: #fcfcfc;
  outline: none;
}

.furikomi__sort__button.active {
  color: #ffffff;
  border: 1px solid #da392b;
  background: #da392b;
}

.furikomi__sort__button.active:focus {
  outline: none;
}


.furikomi__sort__button.active:active {
  color: #333333;
  border: 1px solid #dddddd;
  background: #fcfcfc;
  outline: none;
}

.furikomi__trash__button {
  border: 1px solid #dddddd;
  padding: 3px 10px;
  border-radius: 30px;
  background: #ffffff;
  color: #333333;
  font-size: 14px;
}

.furikomi__step2,
.furikomi__step3,
.furikomi__hikidashi__selected,
button[name='hikidashi__change__button'],
#blanch__select__panel,
#blanch__selected__panel {
  display: none;
}

#furikomi__kouza_tab1 {
  margin-left: 200px;
}

@media screen and (max-width: 0px) {
  .furikomi__sort__button {
    font-size: 12px;
    margin-left: 5px;
  }
  .furikomi__sort__button.active:active {
    color: #ffffff;
    border: 1px solid #da392b;
    background: #da392b;
  }
  .furikomi__sort__button.active:hover {
    color: #ffffff;
    border: 1px solid #da392b;
    background: #da392b;
  }
  .furikomi__sort__button.active:focus {
    color: #ffffff;
    border: 1px solid #da392b;
    background: #da392b;
  }
  #furikomi__kouza_tab1 {
    margin-left: 0;
  }
}

#furikomi__kouza_tab2 .furikomi__long__description {
  width: 690px;
  overflow-wrap: break-word;
}

#furikomi__kouza_tab2 .furikomi__bank__frame {
  background: #f5f5f5;
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  margin: 15px 0 15px 0;
  padding: 7.5px;
}

#furikomi__kouza_tab2 .furikomi__bank__frame button {
  margin: 7.5px;
  width: 220px;
}

#furikomi__kouza_tab2 .furikomi__bank__frame2 {
  background: #f5f5f5;
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  margin: 15px 15px 15px 0;
  padding: 7.5px;
}

#furikomi__kouza_tab2 .furikomi__bank__frame2 button {
  margin: 7.5px;
  width: 220px;
}

#furikomi__kouza_tab2 .bank__search__list,
#furikomi__kouza_tab2 .blanch__search__list {
  width: 300px;
  position: absolute;
  border: 1px solid #cccccc;
  background: #ffffff;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  border: none;
  padding: 0;
  z-index: 100;
}

#furikomi__kouza_tab2 .bank__search__list li,
#furikomi__kouza_tab2 .blanch__search__list li {
  padding: 5px 10px 5px 10px;
  border-top: 1px solid #f0f0f0;
  list-style-type: none;
  cursor: pointer;
}

#furikomi__kouza_tab2 .bank__search__list li:first-child,
#furikomi__kouza_tab2 .blanch__search__list li:first-child {
  border: 0;
}

#furikomi__kouza_tab2 .bank__search__list li:hover,
#furikomi__kouza_tab2 .blanch__search__list li:hover {
  font-weight: bold;
  background: #f0f0f0;
}

#furikomi__kouza_tab2 .bank__search__list a,
#furikomi__kouza_tab2 .blanch__search__list a {
  color: inherit;
  text-decoration: none;
  width: 300px;
}

@media screen and (max-width: 0px) {
  #furikomi__kouza_tab2 .furikomi__long__description {
    width: 100%;
    overflow-wrap: break-word;
  }
  #furikomi__kouza_tab2 .bank__search__list,
  #furikomi__kouza_tab2 .blanch__search__list {
    width: calc(100% + 40px);
    position: relative;
    margin-left: -20px;
    margin-top: 20px;
    border: 1px solid #f0f0f0;
    border-radius: 0;
    box-shadow: none;
  }
  #furikomi__kouza_tab2 .bank__search__list li,
  #furikomi__kouza_tab2 .blanch__search__list li {
    padding: 15px 20px 15px 20px;
    font-weight: bold;
  }
  #furikomi__kouza_tab2 .bank__search__list li::after,
  #furikomi__kouza_tab2 .blanch__search__list li::after {
    content: '';
    width: 7px;
    height: 11px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../img/chevron.right.svg");
    border: none;
    position: absolute;
    right: 20px;
    margin-top: 4px;
  }
}

#bank__selected__panel,
#blanch__selected__panel {
  width: 720px;
  height: 87px;
  border: 1px solid #da392b;
  border-radius: 14px;
  background: #ffffff;
  padding: 15px;
  display: none;
}

@media screen and (max-width: 0px) {
  #bank__select__panel div:first-child,
  #blanch__select__panel div:first-child {
    flex-direction: column;
  }
  #bank__select__panel #input__bank__search,
  #bank__select__panel #input__blanch__search,
  #blanch__select__panel #input__bank__search,
  #blanch__select__panel #input__blanch__search {
    width: 260px !important;
    display: inline;
  }
  #bank__selected__panel,
  #blanch__selected__panel {
    padding: 0;
    width: 100%;
    border: none;
    height: 94px;
    background: transparent !important;
    display: none;
  }
  #bank__selected__panel button,
  #blanch__selected__panel button {
    width: 62px;
    height: 27px;
    font-size: 12px;
  }
  #bank__selected__panel button img,
  #blanch__selected__panel button img {
    width: 10px;
  }
  #bank__selected__panel .select__item,
  #blanch__selected__panel .select__item {
    padding: 15px;
    border: 1px solid #f0f0f0;
    border-radius: 14px;
    background: #ffffff;
  }
}

.furikomi__confirm {
  background: #fcfcfc;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
}

.furikomi__confirm .confirm__item {
  margin: 0 20px 0 20px;
  padding: 15px 0 15px 0;
  border-top: 1px solid #f0f0f0;
}

.furikomi__confirm .confirm__item:first-child {
  border: 0;
}

.furikomi__confirm .confirm__password {
  width: 320px;
}

.furikomi__confirm .confirm__password div {
  line-height: 24px;
}

.furikomi__confirm .confirm__password:not(.flex-grow) div {
  line-height: 27px;
}

.furikomi__confirm .confirm__password input {
  height: 48px;
}

.furikomi__confirm .confirm__password input[type="checkbox"] {
  height: 13px;
}

@media screen and (min-width: 0px) {
  .furikomi__confirm .furikomi__confirm__title {
    width: 200px;
    font-weight: bold;
    margin-right: 30px;
  }
}

@media screen and (max-width: 0px) {
  .furikomi__confirm .furikomi__confirm__title {
    font-weight: bold;
  }
  .furikomi__confirm .confirm__item {
    text-align: left;
    justify-content: space-between;
    margin: 0 15px 0 15px;
  }
  .furikomi__confirm .confirm__password {
    width: calc(100% - 30px);
    margin: 0 15px 15px 15px;
  }
  .furikomi__confirm .confirm__password div {
    line-height: 14px;
  }
  .furikomi__confirm .confirm__password:not(.flex-grow) div {
    line-height: 14px;
  }
}

.furikomi__confirm .password__frame {
  padding: 0 15px 0 15px;
}

.furikomi__confirm .password__attention {
  width: 690px;
  overflow-wrap: break-word;
}

#gasub__top__frame {
  background: #fcfcfc;
  border-radius: 12px 12px 0px 0px;
  border: 1px solid #f0f0f0;
  border-bottom: none;
  padding: 30px;
}

@media screen and (max-width: 0px) {
  #gasub__top__frame {
    border: none;
    border-radius: 0;
    background: #ffffff;
    padding: 20px;
  }
}

#gasub__top__frame #gasub__kouza__buttons {
  background: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 14px;
  padding: 30px;
}

@media screen and (max-width: 0px) {
  #gasub__top__frame #gasub__kouza__buttons {
    background: #fcfcfc;
    padding: 15px;
  }
}

#gasub__top__frame #gasub__kouza__buttons .d-flex {
  width: 50%;
  margin: 1px;
}

@media screen and (max-width: 0px) {
  #gasub__top__frame #gasub__kouza__buttons .d-flex {
    width: auto;
  }
}

#gasub__top__frame #gasub__kouza__buttons .guide {
  font-weight: bold;
  padding-bottom: 10px;
}

#gasub__top__frame #gasub__kouza__buttons .center__line {
  width: 1px;
  height: 96px;
  background: #f0f0f0;
}

#gaika__tabs {
  background: #fcfcfc;
  border-right: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
  border-bottom: none;
  text-align: center;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

@media screen and (max-width: 0px) {
  #gaika__tabs {
    padding-left: 0;
    padding-right: 0;
  }
}

#gaika__tabs li {
  flex: 1 !important;
}

#gaika__tabs li span {
  color: #333333;
  font-size: 18px;
}

@media screen and (max-width: 0px) {
  #gaika__tabs li span {
    font-size: 12px;
  }
}

#gaika__tabs li .nav-link {
  height: 100%;
  border: 1px solid #dddddd;
  background-color: #f5f5f5;
  border-radius: 0;
  margin-left: -1px;
}

@media screen and (max-width: 0px) {
  #gaika__tabs li .nav-link {
    padding: 18px 0 10px 0;
  }
}

#gaika__tabs li .nav-link svg {
  width: 30px;
}

#gaika__tabs li .nav-link:not(.active):hover {
  background: #f0f0f0;
}

#gaika__tabs li .nav-link:active {
  background: #ffffff;
  border: 1px solid #dddddd;
}

#gaika__tabs li .gaika__tab__icon {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-bottom: 10px;
}

#gaika__tabs li .gaika__tab__icon.gaika {
  width: 27px;
  height: 27px;
  background-image: url("../img/tab_gaika_gaika.svg");
}

@media screen and (max-width: 0px) {
  #gaika__tabs li .gaika__tab__icon.gaika {
    width: 20px;
    height: 20px;
  }
}

#gaika__tabs li .gaika__tab__icon.teiki {
  width: 27px;
  height: 27px;
  background-image: url("../img/tab_gaika_teiki.svg");
}

@media screen and (max-width: 0px) {
  #gaika__tabs li .gaika__tab__icon.teiki {
    width: 20px;
    height: 20px;
  }
}

#gaika__tabs li .gaika__tab__icon.tsumitate {
  width: 27px;
  height: 27px;
  background-image: url("../img/tab_gaika_tsumitate.svg");
}

@media screen and (max-width: 0px) {
  #gaika__tabs li .gaika__tab__icon.tsumitate {
    width: 20px;
    height: 20px;
  }
}

#gaika__tabs li .active {
  background-color: #ffffff;
  border-top: 3px solid #da392b !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
  border-bottom: none !important;
}

#gaika__tabs li .active .gaika {
  background-image: url("../img/tab_gaika_gaika_red.svg");
}

#gaika__tabs li .active .teiki {
  background-image: url("../img/tab_gaika_teiki_red.svg");
}

#gaika__tabs li .active .tsumitate {
  background-image: url("../img/tab_gaika_tsumitate_red.svg");
}

#gaika__tabs li a:not(.active) {
  padding-top: 10px;
}

@media screen and (max-width: 0px) {
  #gaika__tabs li a:not(.active) {
    padding-top: 20px;
  }
}

#gaika__tab__content__frame {
  background: #ffffff;
  border-top: 1px solid #dddddd;
  border-right: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  border-radius: 0 0 12px 12px;
  padding: 30px;
}

@media screen and (max-width: 0px) {
  #gaika__tab__content__frame {
    padding: 20px;
  }
}

#gaika__tab__content__frame .gaika__gray__area {
  background: #f5f5f5;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  height: 10px;
  width: 100vw;
  margin-left: -20px;
}

#gaika__tab__content__frame .attention__text {
  text-align: left;
  font-size: 18px;
  line-height: 31px;
  font-weight: bold;
  padding-left: 10px;
}

@media screen and (max-width: 0px) {
  #gaika__tab__content__frame .attention__text {
    font-size: 16px;
    line-height: 27px;
  }
}

#gaika__tab__content__frame .attention__text::before {
  content: '';
  width: 3px;
  height: 31px;
  background: #da392b;
  border-radius: 5px;
  position: absolute;
  margin-left: -10px;
}

@media screen and (max-width: 0px) {
  #gaika__tab__content__frame .attention__text::before {
    height: 27px;
  }
}

#gaika__tab__content__frame #kawase__area {
  background: #fcfcfc;
  border: 1px solid #f0f0f0;
  border-radius: 14px;
  padding: 20px 0 20px 0;
  margin: 15px 0 15px 0;
}

@media screen and (max-width: 0px) {
  #gaika__tab__content__frame #kawase__area {
    padding: 20px;
  }
}

#gaika__tab__content__frame #kawase__area .line {
  height: 170px;
  width: 1px;
  background: #f0f0f0;
}

#gaika__tab__content__frame #kawase__area .row__line {
  height: 1px;
  width: 100%;
  margin-top: 10px;
  margin-bottom: 15px;
  background: #f0f0f0;
}

#gaika__menu__buttons.row {
  margin-right: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 15px;
}

#gaika__menu__buttons.row .col:not(:last-child) {
  margin-right: 15px;
}

#sp__gaika__menu__buttons.row {
  margin-right: 0 !important;
  margin-left: 0 !important;
  margin-bottom: 15px;
}

#sp__gaika__menu__buttons div {
  color: #333333;
}

#sp__gaika__menu__buttons .button__text {
  margin-left: -10px;
  margin-right: -10px;
}

.gaika__torihiki__icon {
  width: 55px;
  height: 55px;
  border: 1px solid #dddddd;
  background: #fcfcfc;
  border-radius: 35px;
  margin: 5px;
  position: relative;
}

.gaika__torihiki__icon div {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  position: relative;
}

.gaika__torihiki__icon div.zandaka {
  content: url("../img/menu_zandaka_red.svg");
  margin-top: 3px;
}

.gaika__torihiki__icon div.bagplus {
  content: url("../img/bag.badge.plus.red.svg");
  margin-top: 3px;
  transform: scale(0.8);
}

.gaika__torihiki__icon div.bagminus {
  content: url("../img/bag.badge.minus_red.svg");
  margin-top: 3px;
  transform: scale(1.1);
}

.gaika__torihiki__icon div.hurikae {
  content: url("../img/hurikae_red.svg");
  margin-top: 3px;
}

.gaika__torihiki__icon div.shoukai {
  content: url("../img/menu_shoukai_red.svg");
  margin-top: 3px;
  transform: scale(0.8);
}

.gaika__torihiki__icon div.torikeshi {
  content: url("../img/cancel_red.svg");
  margin-top: 3px;
}

.gaika__torihiki__icon div.doc {
  content: url("../img/doc.red.svg");
  margin-top: 3px;
  transform: scale(1.2);
}

.gaika__torihiki__icon div.keiyaku {
  content: url("../img/keiyaku.red.svg");
  margin-top: 3px;
  transform: scale(1.2);
}

.gakia__annotation {
  font-size: 14px;
  color: #666666;
}

#gaika__chart__country ul {
  border-bottom: none;
  margin-top: 10px;
  margin-bottom: 10px;
}

@media screen and (max-width: 0px) {
  #gaika__chart__country ul {
    display: flex;
    justify-content: space-between;
  }
}

#gaika__chart__country ul .nav-link {
  border: 1px solid #f0f0f0;
  border-radius: 5px;
  padding: 20px 15px 20px 15px;
  margin-right: 15px;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
}

@media screen and (max-width: 0px) {
  #gaika__chart__country ul .nav-link {
    margin-right: 0;
  }
}

#gaika__chart__country ul .nav-link img {
  margin-bottom: 5px;
}

#gaika__chart__country ul .nav-link.active {
  border-color: #da392b;
}

#gaika__chart__area {
  background: #fcfcfc;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  padding: 20px;
}

@media screen and (max-width: 0px) {
  #gaika__chart__area {
    padding: 10px;
  }
}

#gaika__chart__area ul {
  display: inline-flex;
  border: 1px #f5f5f5;
  border-radius: 30px;
  background: #f5f5f5;
  padding: 1px 17px 1px 17px;
}

#gaika__chart__area .nav-tabs .nav-item {
  margin-bottom: 0;
  font-size: 14px;
}

#gaika__chart__area .nav-tabs .nav-item a {
  color: #333333 !important;
}

#gaika__chart__area .nav-tabs .nav-item a:hover {
  border-radius: 30px;
}

#gaika__chart__area .nav-tabs .nav-item a:not(.active):hover {
  background: #dddddd;
}

#gaika__chart__area .nav-tabs .nav-item .active {
  background: #808080;
  border-radius: 30px;
  color: #ffffff !important;
}

#gaika__chart__area .nav-tabs .nav-item .nav-link {
  padding: 7px 15px 7px 15px;
}

@media screen and (max-width: 0px) {
  #gaika__chart__area .nav-tabs .nav-item .nav-link {
    padding: 3px 7px 3px 7px;
  }
}

.gaika__country__frame {
  background: #fcfcfc;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  padding: 20px;
}

.gaika__country__frame .center__line {
  width: 1px;
  height: 77px;
  background: #f0f0f0;
}

.gaika__country__frame .col {
  padding-right: 5px;
  padding-left: 5px;
}

.gaika__link__text {
  color: #da392b;
  font-size: 16px;
  position: relative;
  margin-right: 30px;
}

@media screen and (max-width: 0px) {
  .gaika__link__text {
    font-size: 14px;
  }
}

.gaika__link__text:hover {
  color: #da392b;
}

.gaika__link__text::after {
  content: '';
  position: absolute;
  top: 7px;
  right: 0px;
  margin-right: -20px;
  width: 9px;
  height: 9px;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  transform: rotate(45deg);
}

.gaika__content__frame {
  background: #fcfcfc;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  padding: 0 20px 0 20px;
}

.gaika__content__frame .content__frame {
  padding: 15px 0 15px 0;
}

.gaika__content__frame .title {
  width: 140px;
  font-weight: bold;
}

@media screen and (max-width: 0px) {
  .gaika__content__frame .title {
    width: 90px;
    flex-shrink: 0;
  }
}

.gaika__content__frame .title-s120 {
  width: 140px;
  font-weight: bold;
}

@media screen and (max-width: 0px) {
  .gaika__content__frame .title-s120 {
    width: 120px;
    flex-shrink: 0;
  }
}

.gaika__content__frame .title-w150 {
  width: 150px;
  font-weight: bold;
}

@media screen and (max-width: 0px) {
  .gaika__content__frame .title-w150 {
    flex-shrink: 0;
  }
}

.gaika__content__frame .content1 {
  width: 350px;
}

@media screen and (max-width: 0px) {
  .gaika__content__frame .content1 {
    width: 87.5px;
    flex-shrink: 0;
  }
}

.gaika__content__frame .content2 {
  width: 350px;
}

@media screen and (max-width: 0px) {
  .gaika__content__frame .content2 {
    width: 87.5px;
    flex-shrink: 0;
  }
}

.gaika__content__frame .content3 {
  max-width: 730px;
  margin-left: 20px;
}

.gaika__content__frame .row__line {
  width: 100%;
  height: 1px;
  background: #f0f0f0;
}

#gaika__content__table {
  padding: 0 20px 0 20px;
}

#gaika__content__table .title {
  width: 150px;
}

@media screen and (max-width: 0px) {
  #gaika__content__table .title {
    padding: 15px 0 15px 0;
    width: 70px;
    font-weight: bold;
    flex-shrink: 0;
  }
}

#gaika__content__table .title-w45 {
  width: 45px;
  font-weight: bold;
  padding: 15px 0 15px 0;
  margin-right: 10px;
}

#gaika__content__table .title-w40 {
  width: 40px;
  font-weight: bold;
  flex-shrink: 0;
  padding: 15px 0 15px 0;
}

#gaika__content__table .content {
  width: 120px;
  padding: 15px 0 15px 0;
}

@media screen and (max-width: 0px) {
  #gaika__content__table .content {
    width: 70px;
    font-weight: bold;
    flex-shrink: 0;
    margin: 0;
  }
}

#gaika__content__table .content-w45 {
  width: 45px;
  flex-shrink: 0;
  padding: 15px 0 15px 0;
  margin-right: 10px;
}

#gaika__content__table .content-w40 {
  width: 40px;
  flex-shrink: 0;
  padding: 15px 0 15px 0;
}

#gaika__content__table .row__line {
  width: 100%;
  height: 1px;
  background: #f0f0f0;
}

#gaika__tab2__1,
#gaika__tab3__1 {
  display: none;
}

#gasub__regist__top {
  border: 1px solid #f0f0f0;
  background: #ffffff;
  padding: 20px;
  border-radius: 14px;
}

#gasub__regist__top .moneys {
  width: 50%;
}

#gasub__regist__top .center__line {
  width: 1px;
  height: 90px;
  background: #f0f0f0;
}

#gasub__regist__top .buttons {
  width: 50%;
}

#gasub__regist__top .buttons .less__margin {
  margin-right: -15px;
  margin-left: -15px;
}

.gasub__top__gaika {
  border: 1px solid #f0f0f0;
  background: #ffffff;
  border-radius: 14px;
  text-decoration: none;
  margin-top: 15px;
}

.gasub__top__gaika:hover {
  background: #ffffff;
}

.gasub__top__gaika a {
  padding: 17px 30px 17px 30px;
  color: #333333;
}

.gasub__top__gaika a:hover {
  text-decoration: none;
}

.gasub__top__gaika .zandaka {
  width: 200px;
}

.gasub__top__gaika .yen {
  width: 140px;
}

#gasub__top__frame--regist {
  padding: 10px 20px;
  background: #ffffff;
}

#gaika__kouza__accordion {
  background: #fcfcfc;
  padding: 8px 0;
  width: 100%;
  text-align: center;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  position: relative;
}

#gaika__kouza__accordion.collapsed::before {
  content: '口座残高を確認';
  position: relative;
}

#gaika__kouza__accordion:not(.collapsed)::before {
  content: '口座残高を閉じる';
  position: relative;
}

#gaika__kouza__accordion.collapsed::after {
  content: url("../img/chevron.down.svg");
  position: absolute;
  top: 8px;
  right: 24px;
  transform: scale(0.7);
}

#gaika__kouza__accordion:not(.collapsed)::after {
  content: url("../img/chevron.down.svg");
  position: absolute;
  top: 8px;
  right: 24px;
  transform: scale(0.7, -0.7);
}

.gasub__top__gaika__sp {
  padding: 5px 40px 5px 20px;
  border-top: 1px solid #f0f0f0;
}

.gasub__top__gaika__sp a {
  color: #333333;
  text-decoration: none;
  position: relative;
}

.gasub__top__gaika__sp a::after {
  content: url("../img/chevron.right.svg");
  position: absolute;
  top: 12px;
  right: -14px;
}

#gaika__buttons__sp {
  background: #ffffff;
  padding: 24px 0;
}

#gaika__buttons__sp .less__margin {
  margin-right: -15px;
  margin-left: -15px;
}

#home__header {
  margin-bottom: 15px;
}

#home__header .header__name__frame {
  position: relative;
  margin-top: -15px;
}

#home__header .header__name__frame .header__name {
  position: relative;
  bottom: 0;
  font-family: 'Hiragino Kaku Gothic Pro';
  font-weight: bold;
  font-size: 20px;
}

#home__header .header__name__frame .header__name::after {
  content: 'さま';
  margin-left: 4px;
  font-family: 'Hiragino Kaku Gothic Pro';
  font-weight: bold;
  font-size: 18px;
}

#furikomi__header .header__name__frame {
  position: relative;
  margin-top: -15px;
}
#furikomi__header .header__name__frame .header__name {
  position: relative;
  bottom: 0;
  font-family: 'Hiragino Kaku Gothic Pro';
  font-weight: bold;
  font-size: 18px !important;
}
#furikomi__header .header__name__frame .header__name::after {
  content: 'さま';
  margin-left: 4px;
  font-family: 'Hiragino Kaku Gothic Pro';
  font-weight: bold;
  font-size: 18px;
}

#home__header .header__name__frame .header__login {
  position: absolute;
  bottom: 0;
  right: 0;
}

#home__header .header__notify a {
  color: #333333;
}

#home__header .header__notify a:hover {
  color: #da392b;
}

#home__header .header__notify .bell__parent {
  position: relative;
}

#home__header .header__notify .bell__parent .bell {
  position: absolute;
}

#home__header .header__notify .bell__parent .badge {
  position: absolute;
  left: 3px;
  top: -1px;
}

@media screen and (max-width: 0px) {
  #home__header {
    padding: 15px 20px 0 20px;
  }
  #home__header .header__name {
    font-size: 18px !important;
  }
  .header__name__frame {
    margin-top: 0 !important;
  }
}

#home__portfolio {
  width: 300px;
  background: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  padding-bottom: 12px;
  position: relative;
}

#home__portfolio a {
  text-decoration: none !important;
  color: #333333 !important;
}

#home__portfolio a:not(.selected):hover {
  background: #f0f0f0;
}

#home__portfolio .control__money {
  position: absolute;
  top: 180px;
  left: 98px;
}

#home__portfolio .home__accordion__frame {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 10px 15px 10px;
  cursor: pointer;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: -1px;
}

#home__portfolio .home__accordion__frame:hover {
  background: #f0f0f0;
}

#home__portfolio .home__accordion__frame:active {
  background: #fcfcfc;
}

#home__portfolio .home__accordion__frame .assets__category {
  padding-left: 23px;
}

#home__portfolio .home__accordion__frame .assets__category::before {
  content: '';
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 14px;
  height: 14px;
  left: 15px;
  margin-top: 5px;
}

#home__portfolio .home__accordion__frame .assets__category.pink__arrow::before {
  background-image: url("../img/chevron.right.circle.pink.svg");
}

#home__portfolio .home__accordion__frame .assets__category.purple__arrow::before {
  background-image: url("../img/chevron.right.circle.purple.svg");
}

#home__portfolio .home__accordion__frame .assets__category.blue__arrow::before {
  background-image: url("../img/chevron.right.circle.blue.svg");
}

#home__portfolio .home__accordion__frame .assets__category.green__arrow::before {
  background-image: url("../img/chevron.right.circle.green.svg");
}

#home__portfolio .home__accordion__frame .assets__category.yellow__arrow::before {
  background-image: url("../img/chevron.right.circle.yellow.svg");
}

#home__portfolio .home__accordion__frame[aria-expanded='true'] .assets__category.pink__arrow::before {
  background-image: url("../img/chevron.down.circle.pink.svg");
}

#home__portfolio .home__accordion__frame[aria-expanded='true'] .assets__category.purple__arrow::before {
  background-image: url("../img/chevron.down.circle.purple.svg");
}

#home__portfolio .home__accordion__frame[aria-expanded='true'] .assets__category.blue__arrow::before {
  background-image: url("../img/chevron.down.circle.blue.svg");
}

#home__portfolio .home__accordion__frame[aria-expanded='true'] .assets__category.green__arrow::before {
  background-image: url("../img/chevron.down.circle.green.svg");
}

#home__portfolio .home__accordion__frame[aria-expanded='true'] .assets__category.yellow__arrow::before {
  background-image: url("../img/chevron.down.circle.yellow.svg");
}

#home__portfolio .home__accordion__frame .assets__volume .money {
  font-size: 18px;
  font-weight: 500;
}

#home__portfolio .bank__area {
  padding: 10px 15px 10px 35px;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: -1px;
  background: #fcfcfc;
}

#home__portfolio .bank__area .number {
  font-size: 14px;
  color: #808080;
}

#home__portfolio .bank__area .date {
  font-size: 14px;
  color: #808080;
}

#home__portfolio .bank__area .yen {
  display: table;
  font-size: 16px;
}

#home__portfolio .bank__area .yen span {
  font-size: 16px;
  padding-left: 4px;
}

#home__portfolio .bank__area .yen div {
  display: table-cell;
  vertical-align: middle;
}

#home__portfolio .bank__area.selected {
  padding-left: 32px;
  background: #ffffff;
  border-left: 3px solid #da392b;
}

#home__portfolio .bank__area.selected .name {
  font-weight: bold;
}

#home__portfolio .bank__area.selected .yen {
  font-weight: 500;
}

#home__portfolio .start__area {
  background: #fcfcfc;
  padding: 15px 26px 15px 26px;
}

#home__portfolio .start__area .start__button {
  width: 100%;
}

#home__portfolio .start__area .start__button::after {
  content: url("../img/external-link.white.svg");
  display: inline-block;
  margin-left: 5px;
}

#home__portfolio .add__bank__area {
  background: #fcfcfc;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: -1px;
  text-align: center;
  padding: 7px 0 7px 0;
  width: 100%;
}

#home__portfolio .add__bank__area a {
  text-decoration: none;
  color: #333333;
}

:not(.small__icon__button).control__money {
  background: #fcfcfc;
  border: 1px solid #f0f0f0;
  border-radius: 50px;
  color: #333333;
  position: relative;
  padding: 5px 10px 5px 25px;
  font-size: 14px;
  cursor: pointer;
}

:not(.small__icon__button).control__money:hover {
  background: #f0f0f0;
  outline: none;
}

:not(.small__icon__button).control__money:active {
  background: #ffffff;
  outline: none;
}

:not(.small__icon__button).control__money:focus {
  outline: none;
}

:not(.small__icon__button).control__money.undisplay span::before {
  content: '';
  position: absolute;
  width: 16px;
  height: 10px;
  top: 10px;
  left: 6px;
  background: url("../img/eye.svg");
  background-repeat: no-repeat;
  background-position: center;
}

:not(.small__icon__button).control__money.display span::before {
  content: '';
  position: absolute;
  width: 16px;
  height: 10px;
  top: 10px;
  left: 6px;
  background: url("../img/eye.slash.svg");
  background-repeat: no-repeat;
  background-position: center;
}

.home__chart__div {
  width: 300px !important;
  height: 300px !important;
}

.home__nochart {
  text-align: center;
  margin-top: 40px;
  color: #666666;
  font-size: 14px;
  font-weight: bold;
  display: none;
}

.home__nochart .amount {
  color: #333333;
  font-size: 30px;
  font-weight: 500;
}

.home__nochart .amount span {
  font-size: 14px;
  font-weight: 400;
}

#home__chart {
  width: 300px !important;
  height: 300px !important;
  padding: 20px 20px 20px 20px;
}

@media screen and (max-width: 0px) {
  .home__chart__div {
    width: 110px !important;
    height: 110px !important;
  }
  #home__chart {
    width: 110px !important;
    height: 110px !important;
    padding: 0;
  }
}

#home__banner__pc,
#home__banner__sp {
  margin-top: 30px;
}

#home__banner__pc .carousel-indicators,
#home__banner__sp .carousel-indicators {
  bottom: -30px;
}

#home__banner__pc .carousel-indicators li,
#home__banner__sp .carousel-indicators li {
  background: #cccccc;
  width: 5px;
  height: 5px;
  border-radius: 50%;
}

#home__banner__pc .carousel-indicators li.active,
#home__banner__sp .carousel-indicators li.active {
  background: #808080;
}

#home__banner__pc .carousel-control-next-icon,
#home__banner__sp .carousel-control-next-icon {
  background: #4a4a4a4d;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: relative;
}

#home__banner__pc .carousel-control-next-icon::after,
#home__banner__sp .carousel-control-next-icon::after {
  content: '';
  position: absolute;
  top: 7px;
  left: 5px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  transform: rotate(45deg);
}

#home__banner__pc .carousel-control-prev-icon,
#home__banner__sp .carousel-control-prev-icon {
  background: #4a4a4a4d;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: relative;
}

#home__banner__pc .carousel-control-prev-icon::after,
#home__banner__sp .carousel-control-prev-icon::after {
  content: '';
  position: absolute;
  top: 7px;
  left: 8px;
  width: 6px;
  height: 6px;
  border-bottom: 1px solid #ffffff;
  border-left: 1px solid #ffffff;
  transform: rotate(45deg);
}

#home__main {
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  margin-left: 30px;
  width: 670px;
}

#home__main .home__main__header {
  background: #fcfcfc;
  border-radius: 12px 12px 0 0;
  border-bottom: 1px solid #f0f0f0;
}

#home__main .home__main__header .home__kouza {
  padding: 30px;
}

#home__main .home__main__header .home__kouza .kouza__name {
  margin-bottom: 15px;
  position: relative;
  cursor: default;
}

#home__main .home__main__header .home__kouza .kouza__name .number {
  font-weight: 600;
}

#home__main .home__main__header .home__kouza .kouza__name .name {
  font-weight: bold;
  font-size: 14px;
}

.haspin::after {
  content: '';
  background: url("../img/pin.fill.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 13px;
  height: 13px;
  top: 7px;
  margin-left: 10px;
}

.nopin::after {
  content: '';
  background: url("../img/pin.svg");
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 1px;
  margin-left: 5px;
}

.nopin:hover > .pinContent > span {
  position: relative;
}

.nopin:hover > .pinContent > span::before {
  content: 'この口座を初回起動時のホーム画面に表示します';
  width: 328px;
  height: 25px;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  bottom: 27px;
  left: -140px;
  background: #fcfcfc;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
  border-radius: 5px;
  padding: 2px 10px 2px 10px;
}

.nopin:hover > .pinContent > span::after {
  content: '';
  position: absolute;
  bottom: 18px;
  left: 16px;
  filter: drop-shadow(0px 0.5px rgba(0, 0, 0, 0.25));
  transform: translateX(-50%);
  border-top: 9px solid #fcfcfc;
  border-right: 8px solid transparent;
  border-left: 8px solid transparent;
}

#home__main .home__main__header .home__kouza .kouza__zandaka {
  font-size: 14px;
}

#home__main .home__main__header .home__kouza .kouza__gaku {
  font-size: 22px;
  font-weight: 500;
  min-width: 80px;
}

#home__main .home__main__header .home__kouza .kouza__yen {
  font-size: 14px;
}

#home__main .home__main__header .home__kouza .kouza__date {
  font-size: 14px;
}

#home__main .home__main__header .home__kouza .middle_button_text {
  font-weight: bold;
  font-size: 14px;
}

#home__main .home__main__content {
  border-radius: 0 0 12px 12px;
  background: #ffffff;
  padding: 25px 30px 15px 30px;
}

#home__main .half-line {
  width: 0;
  margin: 25px 0 25px 0;
  border: 1px solid #f0f0f0;
}

#home__main #deposit__table td {
  border-color: #f0f0f0;
}

#home__main #deposit__table thead th {
  font-size: 14px;
  font-weight: 400;
  border-top: none;
  border-bottom: none;
}

#home__main #deposit__table tbody {
  border-bottom: 1px solid #f0f0f0;
}

#home__main #deposit__table tbody .value {
  text-align: right;
  font-weight: 500;
}

#home__main #deposit__table tbody .value.positive {
  color: #267bbf;
}

#home__main #deposit__table tbody .value.negative {
  color: #da392b;
}

#home__main #deposit__table tbody .zandaka {
  text-align: right;
}

.home__content__title {
  font-weight: bold;
  font-size: 14px;
  margin-left: 10px;
  margin-bottom: 10px;
}

.home__content__title::before {
  background: #da392b;
  width: 3px;
  height: 18px;
  content: '';
  position: absolute;
  margin-left: -10px;
}

#home__balance {
  background: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  padding: 25px 30px 15px 30px;
  margin-left: 30px;
  margin-top: 30px;
}

#home__balance #home__balance__chart__frame {
  margin-left: -30px;
  margin-right: -30px;
  background: #fcfcfc;
  padding: 25px 30px 15px 30px;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
}

#home__balance #home__balance__chart__frame #home__balance__chart {
  background: #fcfcfc;
}

#home__balance .half-line {
  width: 0;
  margin: 4px 0 4px 0;
  border: 1px solid #f0f0f0;
}

#home__news,
#home__torihiki {
  background: #ffffff;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  padding: 25px 30px 15px 30px;
  margin-left: 30px;
  margin-top: 30px;
}

@media screen and (max-width: 0px) {
  #home__news,
  #home__torihiki {
    margin: 10px 20px 10px 20px;
    padding: 15px 15px 5px 15px;
  }
  #home__news ul,
  #home__torihiki ul {
    margin-bottom: 0;
  }
  #home__torihiki {
    margin-top: 20px;
  }
}

.home__all__see {
  color: #da392b;
  font-size: 14px;
  position: relative;
  margin-right: 30px;
}

.home__all__see:hover {
  color: #da392b;
}

.home__all__see::after {
  content: '';
  position: absolute;
  top: 4px;
  right: 0px;
  margin-right: -20px;
  width: 9px;
  height: 9px;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  transform: rotate(45deg);
}

.news__list {
  padding-left: 0;
}

.news__list li {
  list-style: none;
  border-top: 1px solid #f0f0f0;
}

.news__list li a {
  text-decoration: none;
  color: #333333;
  padding: 15px 0 15px 0;
  border-radius: 5px;
}

.news__list li a:hover {
  background: #f0f0f0;
}

.news__list li a.unread .tag {
  background: #da392b;
}

.news__list li a.unread .title {
  font-weight: bold;
}

.news__list li a.read .tag {
  background: #808080;
}

.news__list li:last-child {
  border-bottom: 1px solid #f0f0f0;
}

.news__list li .tag {
  width: 49px;
  height: 24px;
  border-radius: 12px;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  margin-left: 5px;
  margin-right: 20px;
}

@media screen and (max-width: 0px) {
  .news__list {
    margin-top: 10px;
  }
  .news__list li {
    padding: 10px 0 10px 0;
  }
  .news__list li:last-child {
    border-bottom: none;
  }
  .news__list .title {
    position: relative;
    margin-right: 4px;
    margin-top: 8px;
  }
  .news__list .title::after {
    content: '';
    position: absolute;
    top: 4px;
    right: 0px;
    width: 9px;
    height: 9px;
    border-top: 1px solid #808080;
    border-right: 1px solid #808080;
    transform: rotate(45deg);
  }
}

.money {
  display: inline-block;
  min-width: 64px;
  text-align: right;
}

.money.hidden {
  visibility: hidden;
  position: relative;
}

.money.hidden ~ span {
  color: #333333;
}

.money.hidden::before {
  content: '---,---';
  visibility: visible;
  position: absolute;
  right: 0px;
  color: #333333;
}

.money-ga {
  display: inline-block;
  min-width: 90px;
  text-align: right;
}

.money-ga.hidden {
  visibility: hidden;
  position: relative;
}

.money-ga.hidden ~ span {
  color: #333333;
}

.money-ga.hidden::before {
  content: '---,---';
  visibility: visible;
  position: absolute;
  right: 0px;
  color: #333333;
}

#home__tab li {
  border-right: 1px solid #dddddd;
  border-left: 1px solid #dddddd;
  border-radius: 2px 2px 0 0;
  margin-right: -1px;
}

#home__tab li .nav-link {
  padding: 13px 15px 10px 15px;
  border: 1px solid #dddddd;
  border-right: none;
  margin-left: -1px;
  border-radius: 2px 2px 0 0;
  position: relative;
}

#home__tab li .nav-link.active {
  border-bottom: none;
}

#home__tab li .nav-link.active::before {
  content: '';
  width: 100%;
  height: 4px;
  background: #ffffff;
  display: inline-block;
  position: absolute;
  bottom: -4px;
  left: 50%;
  transform: translateX(-50%);
}

#home__tab li a {
  font-weight: bold;
  font-size: 14px;
  color: #333333;
}

#home__tab li a span {
  position: relative;
}

#home__tab li a span::before {
  content: '';
  display: inline-block;
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  margin-right: 5px;
}

#home__tab li a span.zandaka::before {
  width: 20px;
  height: 15px;
  top: 2px;
  background: url("../img/zandaka_black.svg") no-repeat;
}

#home__tab li a span.list::before {
  width: 14px;
  height: 9px;
  background: url("../img/list_black.svg") no-repeat;
}

#home__tab li a:not(.active) {
  padding-bottom: 12.5px;
  background: #f0f0f0;
}

#home__tab li a:not(.active) span {
  margin-top: 2px;
}

#home__tab li a.active {
  color: #da392b;
  border-top: 3px solid #da392b;
}

#home__tab li a.active span.zandaka::before {
  top: 2px;
  background: url("../img/zandaka_red.svg") no-repeat;
}

#home__tab li a.active span.list::before {
  background: url("../img/list_red.svg") no-repeat;
}

#home__zandaka__tab {
  padding: 15px 20px 15px 20px;
}

#home__zandaka__tab .datepicker__select::after {
  top: 12px;
}

#home__zandaka__tab .dropdown {
  width: 220px;
}

#home__zandaka__tab .dropdown-toggle {
  font-weight: bold;
  font-size: 14px;
  padding: 5px 10px 5px 10px;
  background: #fcfcfc;
  border-radius: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-right: 30px;
}

#home__zandaka__tab .dropdown-item {
  white-space: normal;
}

.home__tab__content {
  background: #ffffff;
}

.home__tab__content .small__icon__button {
  width: 22px !important;
  height: 22px !important;
}

#home__list__tab {
  padding: 15px 20px 15px 20px;
}

#home__list__tab .graph__area {
  width: 110px;
  height: 110px;
}

#home__main__sp {
  padding: 3px 0 0 0;
}

#home__main__sp .small__icon__button {
  width: 22px;
  height: 22px;
}

#home__main__sp .small__icon__button span {
  width: 22px;
  height: 22px;
}

#home__main__sp .zandaka__frame {
  margin-top: 5px;
  margin-bottom: 8px;
}

#meisai__list ul {
  padding: 0;
  margin-top: 8px;
}

#meisai__list ul li {
  list-style: none;
  padding: 8px 0 8px 0;
  border-top: 1px solid #f0f0f0;
}

#meisai__list ul li:last-child {
  border-bottom: 1px solid #f0f0f0;
}

#meisai__list ul li .date {
  color: #666666;
  font-size: 14px;
}

#meisai__list ul li .content {
  font-size: 14px;
  font-weight: bold;
}

#meisai__list ul li .value {
  font-size: 18px;
  font-weight: 500;
}

#meisai__list ul li .value span {
  font-size: 14px;
}

#meisai__list ul li .value.positive {
  color: #267bbf;
}

#meisai__list ul li .value.negative {
  color: #da392b;
}

#home__torihiki__buttons {
  background: #f5f5f5;
  padding: 10px 20px 10px 20px;
}

#home__torihiki__buttons .home__torihiki__icon {
  width: 55px;
  height: 55px;
  border: 1px solid #f0f0f0;
  background: #ffffff;
  border-radius: 35px;
  margin: 5px;
}

#home__torihiki__buttons a {
  color: #333333;
  text-decoration: none;
  font-weight: bold;
}

.gray__area {
  background: #f5f5f5;
  padding-bottom: 1px;
}

.kouza__area {
  margin: 10px -20px 0 -20px;
}

.kouza__area .home__accordion__frame {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 15px 10px 15px 20px;
  cursor: pointer;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: -1px;
}

.kouza__area .home__accordion__frame:hover {
  background: #f0f0f0;
}

.kouza__area .home__accordion__frame:active {
  background: #fcfcfc;
}

.kouza__area .home__accordion__frame .assets__category {
  padding-left: 23px;
  font-weight: bold;
}

.kouza__area .home__accordion__frame .assets__category::before {
  content: '';
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  width: 14px;
  height: 14px;
  left: 20px;
  margin-top: 5px;
}

.kouza__area .home__accordion__frame .assets__category.pink__arrow::before {
  background: #f99191;
  width: 13px;
  height: 13px;
  border-radius: 13px;
}

.kouza__area .home__accordion__frame .assets__category.purple__arrow::before {
  background: #acabe3;
  width: 13px;
  height: 13px;
  border-radius: 13px;
}

.kouza__area .home__accordion__frame .assets__category.blue__arrow::before {
  background: #a4d9ff;
  width: 13px;
  height: 13px;
  border-radius: 13px;
}

.kouza__area .home__accordion__frame .assets__category.green__arrow::before {
  background: #b2e183;
  width: 13px;
  height: 13px;
  border-radius: 13px;
}

.kouza__area .home__accordion__frame .assets__category.yellow__arrow::before {
  background: #f8d149;
  width: 13px;
  height: 13px;
  border-radius: 13px;
}

.kouza__area .home__accordion__frame .assets__volume {
  margin-right: 30px;
  position: relative;
}

.kouza__area .home__accordion__frame .assets__volume .money {
  font-weight: 600;
  font-size: 18px;
}

.kouza__area .home__accordion__frame .assets__volume::after {
  content: '';
  position: absolute;
  top: 6px;
  right: 0px;
  margin-right: -20px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  transform: rotate(135deg);
}

.kouza__area .home__accordion__frame[aria-expanded='true'] .assets__volume::after {
  top: 10px;
  transform: rotate(-45deg);
}

.kouza__area .bank__area {
  padding: 5px 40px 5px 0px;
  margin-left: 40px;
  border-top: 1px solid #f0f0f0;
  position: relative;
}

.kouza__area .bank__area::after {
  content: '';
  position: absolute;
  top: 36px;
  right: 20px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  transform: rotate(45deg);
}

.kouza__area .bank__area .name {
  font-weight: bold;
}

.kouza__area .bank__area .number,
.kouza__area .bank__area .date {
  color: #666666;
}

.kouza__area .bank__area .money {
  font-size: 18px;
  font-weight: 600;
}

.kouza__area .add__bank__area {
  border-top: 1px solid #f0f0f0;
  padding: 8px 0 8px 0;
  margin: auto;
  text-align: center;
  position: relative;
}

.kouza__area .add__bank__area::after {
  content: '';
  position: absolute;
  top: 14px;
  right: 20px;
  width: 8px;
  height: 8px;
  border-top: 1px solid #808080;
  border-right: 1px solid #808080;
  transform: rotate(45deg);
}

.kouza__area .add__bank__area a {
  color: #333333;
  text-decoration: none;
}

.kouza__area .start__area {
  background: #fcfcfc;
  padding: 15px 30px 15px 30px;
}

.kouza__area .start__area .start__button {
  width: 100%;
}

.kouza__area .start__area .start__button::after {
  content: url("../img/external-link.white.svg");
  display: inline-block;
  margin-left: 5px;
}

@media (max-width: 0px) {
  .carousel {
    width: 100%;
  }
  .carousel-item {
    justify-content: center;
  }
  .carousel-item img {
    margin: 0 10px 0 10px;
  }
  .carousel-inner .carousel-item.active,
  .carousel-inner .carousel-item-next,
  .carousel-inner .carousel-item-prev {
    display: flex;
  }
  .carousel-inner .carousel-item-right.active,
  .carousel-inner .carousel-item-next {
    transform: translateX(80%);
  }
  .carousel-inner .carousel-item-left.active,
  .carousel-inner .carousel-item-prev {
    transform: translateX(-80%);
  }
  .carousel-inner .carousel-item-right,
  .carousel-inner .carousel-item-left {
    transform: translateX(0);
  }
  .carousel-control-prev {
    margin-left: 50px;
  }
  .carousel-control-next {
    margin-right: 50px;
  }
}

#inspect__graph {
  display: none;
}

.loankuriage__main {
  background-color: #fcfcfc;
  border: 1px solid #f0f0f0;
  border-top: none;
  border-radius: 12px;
  color: #333333;
}

.loankuriage__main .title {
  padding: 30px;
  border-bottom: 1px solid #f0f0f0;
}

.loankuriage__main .loankuriage__contents {
  background-color: #fff;
  padding: 30px;
  border-radius: 12px;
}

@media screen and (max-width: 0px) {
  .loankuriage__main .loankuriage__contents {
    padding: 20px;
  }
}

.loankuriage__main .loankuriage__contents table {
  width: 100%;
  background: #fcfcfc;
  border-collapse: separate;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  border-spacing: 0;
}

.loankuriage__main .loankuriage__contents table .table-top .table-tl-round {
  border-top-left-radius: 12px;
}

.loankuriage__main .loankuriage__contents table .table-top .table-tr-round {
  border-top-right-radius: 12px;
}

.loankuriage__main .loankuriage__contents table .table-bottom .table-bl-round {
  border-bottom-left-radius: 12px;
}

.loankuriage__main .loankuriage__contents table .table-bottom .table-br-round {
  border-bottom-right-radius: 12px;
}

.loankuriage__main .loankuriage__contents table th {
  background: #f5f5f5;
  width: 180px;
  padding: 15px;
  border: 1px solid #f0f0f0;
}

@media screen and (max-width: 0px) {
  .loankuriage__main .loankuriage__contents table th {
    width: 46%;
    padding: 10.5px 10px;
  }
}

.loankuriage__main .loankuriage__contents table th ~ th {
  border-left: 1px solid #f0f0f0;
}

.loankuriage__main .loankuriage__contents table td {
  border: 1px solid #f0f0f0;
  padding: 15px;
}

@media screen and (max-width: 0px) {
  .loankuriage__main .loankuriage__contents table td {
    padding: 10px;
  }
}

.loankuriage__main .loankuriage__contents table.hensai__status__table .table-top th {
  padding: 15px 12px;
}

.loankuriage__main .loankuriage__contents table.hensai__status__table .text-right th {
  width: 232px;
}

@media screen and (max-width: 0px) {
  .loankuriage__main .loankuriage__contents table.hensai__status__table .second-title {
    border-top: 1px solid #ddd;
  }
}

.loankuriage__main .loankuriage__contents table.loan__detail__table td {
  width: 288px;
}

.loankuriage__main .loankuriage__contents table.kuriage__status__table th {
  background-color: #fff5f5;
}

.loankuriage__main .loankuriage__contents table.kuriage__status__table .th-second {
  width: 130px;
}

.loankuriage__main .loankuriage__contents table.kuriage__status__table .furikomi__price__container {
  width: 329px;
}

@media screen and (max-width: 0px) {
  .loankuriage__main .loankuriage__contents table.kuriage__status__table input[type='radio'] {
    display: none;
  }
  .loankuriage__main .loankuriage__contents table.kuriage__status__table input[type='radio'] + label {
    text-indent: -1.5em;
    padding-left: 2em;
  }
  .loankuriage__main .loankuriage__contents table.kuriage__status__table input[type='radio'] + label::before {
    right: 6px;
  }
}

.loankuriage__main .loankuriage__item__title {
  padding-left: 10px;
  border-left: 3px solid #da392b;
}

.loankuriage__main .tooltip__icon {
  vertical-align: middle;
  margin-top: -4px;
}

@media screen and (max-width: 0px) {
  .loankuriage__main .tooltip__icon {
    margin-left: 4px !important;
  }
}

.loankuriage__main .change__deadline .form__input {
  width: 100px;
}

@media screen and (max-width: 0px) {
  .loankuriage__main .change__deadline .form__input {
    width: 35%;
  }
}

@media screen and (max-width: 0px) {
  .loankuriage__main .change__deadline .input__change__date {
    padding-left: 2em;
  }
}

.loankuriage__main .furikomi__label--normal .label {
  padding-left: 1em;
  text-indent: -1em;
}

.loankuriage__main .furikomi__price__container .number__overlap {
  top: 26px;
  left: 30px;
}

@media screen and (max-width: 0px) {
  .loankuriage__main .furikomi__price__container .input__price {
    width: 92%;
  }
}

#home__frame--top {
  background: #fcfcfc;
  border-radius: 12px 12px 0px 0px;
  border: 1px solid #f0f0f0;
  font-weight: 600;
  width: 500px;
  padding: 15px;
  text-align: center;
  margin: auto;
}

@media screen and (max-width: 0px) {
  #home__frame--top {
    width: 100%;
    border-radius: 0;
    background: #ffffff;
    margin-bottom: -1px;
    font-weight: 600;
  }
}

#home__frame--main {
  background: #ffffff;
  border-radius: 0px 0px 12px 12px;
  border: 1px solid #f0f0f0;
  padding: 30px 60px;
  width: 500px;
  margin: auto;
  margin-top: -1px;
}

@media screen and (max-width: 0px) {
  #home__frame--main {
    border-top: none;
    width: 100%;
    padding: 20px;
    margin: 0;
  }
}

#home__frame--main .link__text {
  color: #da392b;
  font-size: 14px;
  position: relative;
  padding-left: 8px;
  margin-right: -4px;
}

#home__frame--main .link__text::before {
  content: '';
  position: absolute;
  top: 5px;
  left: -6px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #da392b;
  border-right: 1px solid #da392b;
  transform: rotate(45deg);
}

#home__form__frame {
  background: #fcfcfc;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
}

#home__form__frame .form__top,
#home__form__frame .form__bottom {
  padding: 15px;
}

#home__form__frame input {
  margin-top: 10px;
}

#home__form__frame .item__title {
  font-size: 16px;
  font-weight: 600;
}

#home__form__frame .home__shop__number {
  width: 122px;
}

#home__form__frame .home__account__number {
  width: 100%;
}

#home__form__frame .home__contract__number {
  width: 100%;
}

#home__form__frame .form__center .while__text {
  font-size: 16px;
  color: #da392b;
  padding: 0 15px;
  width: 78px;
  font-weight: 600;
}

@media screen and (max-width: 0px) {
  #home__form__frame .form__center .while__text {
    font-size: 14px;
  }
}

#home__form__frame .form__center .line {
  height: 1px;
  background: #f0f0f0;
  flex-grow: 1;
}

#home__form__bottom {
  margin-top: 30px;
  padding-left: 15px;
  padding-right: 15px;
}

#home__form__bottom .item__title {
  font-size: 16px;
  font-weight: 600;
}

#home__form__bottom .use__keyboard__text {
  margin-right: -10px;
}

#home__form__bottom input[type='checkbox'] + label {
  margin-left: 5px;
}

#home__form__bottom input[type='checkbox'] + label::before {
  display: inline-block;
  content: '';
  width: 1.15em;
  height: 1.15em;
  border-radius: 2px;
  background: #ffffff;
  border: 0.1em solid #808080;
  position: relative;
  top: 3px;
  left: -4px;
}

#home__form__bottom input[type='checkbox'] + label::after {
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  transform: rotate(45deg);
  content: '';
  height: 12px;
  width: 7px;
  opacity: 0;
  display: inline-block;
  position: relative;
  bottom: 0.15em;
  right: 1em;
}

#home__form__bottom input[type='checkbox']:checked + label::before {
  background-color: #da392b;
  border-color: #da392b;
}

#home__form__bottom input[type='checkbox']:checked + label::after {
  opacity: 1;
}

#home__form__bottom input[type='checkbox'] {
  display: none;
}

#home__form__bottom .home__password {
  width: 100%;
  height: 48px;
  font-size: 16px;
  font-family: inherit;
  margin-left: -0.5px;
  padding-left: 12px;
  box-sizing: border-box;
}

#home__form__bottom button {
  width: 100%;
}

#home__attention .attention__text {
  text-align: left;
  font-size: 16px;
  line-height: 28px;
  font-weight: bold;
  padding-left: 10px;
}

#home__attention .attention__text::before {
  content: '';
  width: 3px;
  height: 28px;
  background: #da392b;
  border-radius: 5px;
  position: absolute;
  margin-left: -10px;
}

#home__attention .attention__desc {
  line-height: 24px;
  font-size: 14px;
}

#home__attention .attention__group {
  margin-right: -10px;
}

#keyboard {
  position: absolute;
  background: #fcfcfc;
  border: 1px solid #dddddd;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);
  border-radius: 12px;
  z-index: 100;
  padding: 20px;
  margin-top: 10px;
  margin-left: -266px;
  margin-right: -266px;
  width: 880px;
  height: 318px;
  visibility: hidden;
}

@media screen and (max-width: 0px) {
  #keyboard {
    display: none;
  }
}

#keyboard .key  {
  width: 40px;
  height: 40px;
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 5px;
  cursor: pointer;
}

#keyboard .key:hover {
  background: #f0f0f0;
}

#keyboard .key .key__name {
  line-height: 38px;
  text-align: center;
}

#keyboard .alphabets {
  margin-right: 50px;
}

#keyboard .alphabets .key {
  margin-right: 10px;
}

#keyboard .numbers {
  flex-grow: 1;
}

#keyboard .key__row {
  margin-bottom: 15px;
}

#keyboard .other__key {
  background: #ffffff;
  border: 1px solid #dddddd;
  padding: 15px 40px;
  border-radius: 5px;
  cursor: pointer;
  margin: 0 7.5px;
}

#keyboard .other__key:hover {
  background: #f0f0f0;
}

.mycar__main {
  background-color: #fcfcfc;
  border: 1px solid #f0f0f0;
  border-top: none;
  border-radius: 12px;
  color: #333333;
}

.mycar__main .title {
  padding: 30px;
  border-bottom: 1px solid #f0f0f0;
}

.mycar__main .mycar__contents {
  background-color: #fff;
  padding: 30px;
  border-radius: 12px;
}

@media screen and (max-width: 0px) {
  .mycar__main .mycar__contents {
    padding: 20px;
  }
}

.mycar__main .mycar__contents .breadcrumb {
  padding-left: 0 !important;
}

.mycar__main .mycar__contents .mycar__upload__frame {
  background: #fcfcfc;
  border: 1px solid #f0f0f0;
  padding: 30px;
}

.mycar__main .mycar__contents .mycar__upload__frame .primary__button {
  text-align: center;
}

.mycar__main .mycar__contents .mycar__image__area {
  border: 1px solid #f0f0f0;
  background: #fcfcfc;
  display: none;
}

@media screen and (max-width: 0px) {
  .mycar__main .mycar__contents .mycar__image__area {
    flex-direction: column;
  }
}

.mycar__main .mycar__contents .mycar__image__area .doc__image {
  width: 300px;
}

@media screen and (max-width: 0px) {
  .mycar__main .mycar__contents .mycar__image__area .doc__image {
    width: 100%;
    display: block;
  }
}

.mycar__main .mycar__contents .mycar__image__area .mycar__info__area {
  padding: 30px;
}

.mycar__main .mycar__contents .mycar__image__area .mycar__info__area .trash__button {
  margin-top: 15px;
  width: 185px;
  height: 44px;
  border: 1px solid #dddddd;
  padding: 10px 30px !important;
  border-radius: 30px;
  background: #ffffff;
  color: #333333;
  font-size: 14px;
  text-align: center;
}

@media screen and (max-width: 0px) {
  .mycar__main .mycar__contents .mycar__image__area .mycar__info__area .trash__button {
    margin: auto;
  }
}

.mycar__main .mycar__contents .mycar__image__area .mycar__info__area .trash__button:hover {
  background: #f0f0f0;
}

.mycar__main .mycar__contents .mycar__image__area .mycar__info__area .trash__button:active {
  background: #ffffff;
}

@media screen and (min-width: 0px) {
  .logoff__frame--top {
    width: 500px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid;
    border-color: #f0f0f0;
    border-radius: 12px 12px 12px 12px;
  }
  .section-title {
    background-color: #fcfcfc;
    border-bottom: 1px solid;
    border-color: #f0f0f0;
    border-radius: 12px 12px 0px 0px;
  }
  .item-title {
    padding: 15px 0px 15px 0px;
    font-size: 18px;
    font-weight: bold;
  }
  .section-body {
    background-color: #fcfcfc;
    border-radius: 0px 0px 12px 12px;
  }
  .bank-account {
    padding: 30px 0px 0px 0px;
    margin-bottom: 8px;
    text-align: center;
  }
  .bank-account,
  .logoff-msg {
    font-size: 16px;
    text-align: center;
    color: #333333;
  }
  .logoff-item-nav {
    margin: 30px 0px 0px 0px;
    padding: 0px 0px 30px 0px;
  }
  .logoff-nav-btntxt {
    font-size: 18px;
  }
}

@media screen and (max-width: 0px) {
  .logoff__frame--top {
    text-align: center;
  }
  .section-title {
    background-color: #ffffff;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
  }
  .item-title {
    padding: 15px 0px 15px 0px;
    font-size: 16px;
    font-weight: bold;
  }
  .section-body {
    background-color: #fcfcfc;
  }
  .bank-account {
    padding: 20px 0px 0px 0px;
    margin-bottom: 8px;
    text-align: center;
  }
  .bank-account,
  .logoff-msg {
    font-size: 14px;
    text-align: center;
    color: #333333;
  }
  .logoff-item-nav {
    margin: 20px 0px 0px 0px;
    padding: 0px 20px 258px 20px;
  }
  .logoff-nav-btntxt {
    font-size: 16px;
  }
}

@media screen and (min-width: 0px) {
  .syserr__frame--top {
    width: 670px;
    margin: 0 auto;
    text-align: center;
    border: 1px solid;
    border-color: #f0f0f0;
    border-radius: 12px 12px 12px 12px;
  }
  .section-title {
    background-color: #fcfcfc;
    border-bottom: 1px solid;
    border-color: #f0f0f0;
    border-radius: 12px 12px 0px 0px;
  }
  .item-title {
    padding: 15px 0px 15px 30px !important;
    font-size: 18px;
    font-weight: bold;
  }
  .section-body {
    background-color: #fcfcfc;
    border-radius: 0px 0px 12px 12px;
  }
  .syserr-section-body {
    padding: 30px 30px 1px 30px;
  }
  .syserr-msg-box {
    text-align: center;
    background-color: #fff5f5;
    border: 1px solid;
    border-color: #da392b;
    border-radius: 5px 5px 5px 5px;
  }
  .syserr-msg::before {
    content: url("../img/subtract.svg");
    display: inline-block;
    margin-right: 10px;
  }
  .syserr-msg {
    padding: 15px 0px 15px 0px;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
  }
  .syserr-info {
    padding: 0px 0px 15px 0px;
    font-size: 14px;
    color: #333333;
  }
  .syserr-nav-link {
    margin: 30px 0px 30px 0px;
  }
  .syserr-nav-btntxt {
    font-size: 16px;
  }
}

@media screen and (max-width: 0px) {
  .syserr__frame--top {
    text-align: center;
  }
  .section-title {
    background-color: #ffffff;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
  }
  .item-title {
    padding: 10px 0px 10px 0px;
    font-size: 16px;
    font-weight: bold;
  }
  .section-body {
    background-color: #fcfcfc;
    border-radius: 0px 0px 12px 12px;
  }
  .syserr-section-body {
    padding: 20px 20px 0px 20px;
  }
  .syserr-msg-box {
    text-align: center;
    background-color: #fff5f5;
    border: 1px solid;
    border-color: #da392b;
    border-radius: 5px 5px 5px 5px;
  }
  .syserr-msg::before {
    content: url("../img/subtract.svg");
    display: inline-block;
    margin-right: 10px;
  }
  .syserr-msg {
    padding: 15px 0px 15px 0px;
    font-size: 14px;
    font-weight: bold;
    color: #333333;
  }
  .syserr-info {
    padding: 0px 15px 15px 15px;
    font-size: 12px;
    color: #333333;
  }
  .syserr-nav-link {
    margin: 20px 0px 30px 0px;
  }
  .syserr-item-nav {
    padding: 0px 0px 192px 0px;
  }
  .syserr-nav-btntxt {
    font-size: 14px;
  }
}

.impmsg__frame--top {
  width: 670px;
  margin: 0 auto;
  text-align: center;
  border: 1px solid;
  border-color: #f0f0f0;
  border-radius: 12px 12px 12px 12px;
}

.section-title {
  background-color: #fcfcfc;
  border-bottom: 1px solid;
  border-color: #f0f0f0;
  border-radius: 12px 12px 0px 0px;
}

.item-title {
  padding: 15px 0px 15px 0px;
  font-size: 18px;
  font-weight: bold;
}

.impmsg-body-title {
  padding: 30px;
}

.impmsg-body-title-note {
  padding: 0px 0px 8px 0px;
  font-size: 14px;
  text-align: left;
}

.impmsg-badge-txt {
  font-size: 12px !important;
}

.impmsg__ul {
  margin: 0;
  padding: 0;
  position: relative;
}

@media screen and (min-width: 0px) {
  .impmsg__ul::before {
    content: '';
    position: absolute;
    top: 0;
    left: 30px;
    display: inline-block;
    width: calc(100% - 60px);
    height: 1px;
    /*線の太さ*/
    background-color: #f0f0f0;
    /*線の色*/
  }
}

.impmsg-button {
  display: flex;
  padding: 15px 0px 15px 5px;
  position: relative;
  color: #333333;
  cursor: default;
  outline: none;
  align-items: center;
  margin: 0 30px 0 30px;
  border-bottom: 1px solid #f0f0f0;
}

.impmsg-button:focus {
  outline: none;
}

.impmsg-button:hover, .impmsg-button:active {
  border-radius: 5px 5px 5px 5px;
  border: none;
  background: #f0f0f0;
  outline: none;
  border-bottom: 1px solid #f0f0f0;
}

.impmsg-button:active {
  background: #f0f0f0;
  outline: none;
}

.impmsg-button:disabled {
  background: #fcfcfc;
  opacity: 0.4;
}

.impmsg-badge {
  width: 50px;
  height: 25px;
  border-radius: 12px 12px 12px 12px;
  background: #da392b;
  text-align: center;
  color: #ffffff;
}

.impmsg-btn-date,
.impmsg-btn-info {
  padding: 0px 0px 0px 20px;
  text-align: left;
  font-size: 16px;
}

.impmsg-nav-link {
  margin: 30px 0px 30px 0px;
}

.impmsg-nav-btntxt {
  font-size: 16px;
}

@media screen and (max-width: 0px) {
  .impmsg__frame--top {
    width: 335px;
    border: none;
  }
  .impmsg__frame--top ul {
    background: #ffffff;
    border: 1px solid #f0f0f0;
    border-radius: 12px;
  }
  .impmsg__frame--top ul li {
    padding: 15px 15px 0 15px;
  }
  .impmsg-badge {
    width: 49px;
    height: 20px;
    line-height: 20px;
  }
  .section-body {
    border: none;
    background-color: #fcfcfc;
  }
  .impmsg-body-title {
    padding: 20px 0 20px 0;
  }
  .impmsg-button {
    margin: 0;
    background: none;
    border: none;
    position: relative;
  }
  .impmsg-button:not(:last-child)::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15px;
    display: inline-block;
    width: calc(100% - 30px);
    height: 1px;
    /*線の太さ*/
    background-color: #f0f0f0;
    /*線の色*/
  }
  .impmsg-button::after {
    content: '';
    width: 7px;
    height: 11px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("../img/chevron.right.svg");
    right: 0;
    margin-right: 10px;
  }
  .impmsg-btn-date {
    font-size: 14px;
    padding: 0px 0px 0px 10px;
  }
  .impmsg-btn-info {
    font-size: 14px;
    padding: 10px 6px 10px 0;
  }
}

.trxkensaku__frame--top {
  background: #fcfcfc;
  border-radius: 12px 12px 0px 0px;
  border: 1px solid #f0f0f0;
}

.trxkensaku__main {
  padding: 10px 30px 10px 30px;
  background-color: #ffffff;
  border: 1px solid #f0f0f0;
  border-top: none;
  border-radius: 0 0 12px 12px;
  color: #333333;
}

@media screen and (max-width: 0px) {
  .trxkensaku__main {
    padding: 20px 20px 20px 20px;
    border-radius: 0;
    min-height: 220px;
    background: #ffffff;
  }
}

.trxkensaku__gray__frame {
  background: #fcfcfc;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
}

.trxkensaku__gray__frame .trxkensaku__frame__section {
  margin-top: 30px;
  color: #333333;
}

.trxkensaku__gray__frame .trxkensaku__frame__section .nav {
  background: #f5f5f5;
  border: 1px solid #f0f0f0;
  border-radius: 25px;
}

.trxkensaku__gray__frame .trxkensaku__frame__section .nav .nav-link {
  background: transparent;
  border: none;
  color: #333333;
  margin: 3px;
  font-weight: bold;
}

.trxkensaku__gray__frame .trxkensaku__frame__section .nav .nav-link:hover {
  background: #dddddd;
  border-radius: 30px;
}

.trxkensaku__gray__frame .trxkensaku__frame__section .nav .nav-link.active {
  background: #da392b;
  border-radius: 30px;
  color: #ffffff;
  margin: 3px;
}

.trxkensaku__gray__frame .item__title {
  width: 200px;
  color: #333333;
  font-size: 16px;
  font-weight: bold;
  padding-left: 30px;
}

.trxkensaku__gray__frame .border__bottom {
  border: 1px solid #f0f0f0;
}

.trxkensaku__item__title {
  padding-left: 10px;
  border-left: 3px solid #da392b;
}

.link-red {
  color: #da392b;
}

.link-red:hover {
  color: #da392b;
  text-decoration: underline;
}

.link-red:active {
  color: #bf0000;
}

.trxkensaku__search-form table {
  border-collapse: collapse;
  border-right: 1px solid #f0f0f0;
}

.trxkensaku__search-form tr {
  border-bottom: 1px solid #f0f0f0;
}

.trxkensaku__search-form th {
  padding: 1em;
  background-color: #f5f5f5;
}

.trxkensaku__search-form td {
  padding: 1em;
}

.trxkensaku__search-form .table-top th {
  border-radius: 12px 0 0 0;
}

.trxkensaku__search-form .table-bottom {
  border-bottom: none;
}

.trxkensaku__search-form .table-bottom th {
  border-radius: 0 0 0 12px;
}

@media (max-width: 0px) {
  .trxkensaku__search-form table {
    width: 100%;
    border-right: none;
  }
  .trxkensaku__search-form th,
  .trxkensaku__search-form td {
    display: block;
    text-align: left;
    width: 100%;
  }
}

.trxkensaku__search-form .select_period .flex-fill,
.trxkensaku__search-form .select_period span {
  margin: 0 0.25em;
}

.trxkensaku__search-form .custom-select {
  background-image: url("../img/chevron.down.svg");
}

.trxkensaku__search-form .reference-button {
  flex-grow: 1;
}

.trxkensaku__search-form input[type='radio'] + label::before {
  display: inline-block;
  content: '';
  width: 1.15em;
  height: 1.15em;
  background: #ffffff;
  border: 0.1em solid #808080;
  border-radius: 50%;
  position: relative;
  top: 3px;
  right: 10px;
}

.trxkensaku__search-form input[type='radio']:checked + label::before {
  background-repeat: no-repeat;
  background-position: center;
  background-color: #da392b;
  padding: 3px;
  background-clip: content-box;
  border-color: #da392b;
}

.trxkensaku__search-form input[type='radio'] {
  opacity: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

.trxkensaku__kouza .col {
  padding: 1em 2em;
}

.trxkensaku__kouza .half-line {
  width: 0;
  margin: 1em 0;
  border: 1px solid #f0f0f0;
}

.trxkensaku__kouza .zandaka-info div {
  padding-bottom: 0.25em;
}

.trxkensaku__kouza .kouza__zandaka {
  padding: 0 3em;
}

.trxkensaku__kouza .zandaka-button > button {
  background-color: #ffffff;
}

@media screen and (max-width: 0px) {
  .trxkensaku__kouza .zandaka-info {
    border-bottom: solid 1px #f0f0f0;
  }
}

.trxkensaku__meisai-list .table-responsive {
  background-color: #fcfcfc;
  border-radius: 12px;
  border: 1px solid #f0f0f0;
}

.trxkensaku__meisai-list .table-responsive table {
  width: 100%;
}

.trxkensaku__meisai-list .table-responsive thead {
  background-color: #f5f5f5;
  padding: 1em;
}

.trxkensaku__meisai-list .table-responsive th {
  border: none;
}

.trxkensaku__meisai-list .table-responsive th span {
  font-weight: normal;
}

.trxkensaku__meisai-list .table-responsive td {
  padding: 0.75em;
}

.trxkensaku__meisai-list .table-responsive .column-r {
  text-align: right;
}

.trxkensaku__meisai-list .meisai-item {
  border-bottom: solid 1px #f0f0f0;
  color: #333333;
}

.trxkensaku__meisai-list .meisai-item:last-child {
  border-bottom: none;
}

.trxkensaku__meisai-list .meisai-item .meisai-item-date {
  color: #808080;
}

.trxkensaku__meisai-list .meisai-item .yen__after {
  font-weight: normal;
}

.trxkensaku__meisai-list .meisai-item .meisai-item-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.trxkensaku__meisai-list .meisai-item .meisai-item-deduction {
  white-space: nowrap;
}

.trxkensaku__meisai-download .meisai-download {
  padding: 2.5em 0;
}

.trxkensaku__link .link::after {
  content: url("../img/external-link.svg");
  display: inline-block;
  margin-left: 5px;
}

.tsumitate__frame--top {
  background: #fcfcfc;
  border-radius: 12px 12px 0px 0px;
  border: 1px solid #f0f0f0;
}

.tsumitate__main {
  padding: 20px;
  background-color: #ffffff;
  border: 1px solid #f0f0f0;
  border-top: none;
  border-radius: 0 0 12px 12px;
  color: #333333;
}

.tsumitate__item__title {
  padding-left: 10px;
  border-left: 3px solid #da392b;
}

.tsumitate__kouza__infomation_frame {
  border-radius: 12px;
  border: 1px solid #f0f0f0;
}

.tsumitate__kouza__infomation_frame table {
  width: 100%;
}

.tsumitate__kouza__infomation_frame th {
  padding: 1em;
  background-color: #f5f5f5;
  border-radius: 12px 0 0 12px;
  white-space: nowrap;
}

.tsumitate__kouza__infomation_frame td {
  padding: 1em;
  background-color: #fcfcfc;
  border-radius: 0 12px 12px 0;
}

.tsumitate__setting_frame table {
  width: 100%;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}

.tsumitate__setting_frame table thead th,
.tsumitate__setting_frame table tbody th,
.tsumitate__setting_frame table tbody td {
  padding: 1em;
  border-bottom: 1px solid #f0f0f0;
}

.tsumitate__setting_frame table thead th,
.tsumitate__setting_frame table tbody th,
.tsumitate__setting_frame table tbody td {
  border-left: 1px solid #f0f0f0;
}

.tsumitate__setting_frame table tbody tr:last-child th,
.tsumitate__setting_frame table tbody tr:last-child td {
  border-bottom: none;
}

.tsumitate__setting_frame th {
  background-color: #f5f5f5;
}

.tsumitate__setting_frame td {
  background-color: #fcfcfc;
}

.tsumitate__setting_frame .datepicker__select {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.tsumitate__setting_frame .datepicker__select button {
  padding-right: 3em;
}

.tsumitate__setting_frame input[type='checkbox'] + label::before {
  display: inline-block;
  content: '';
  width: 1.15em;
  height: 1.15em;
  border-radius: 2px;
  background: #ffffff;
  border: 0.1em solid #808080;
  position: relative;
  top: 3px;
  left: 4px;
}

.tsumitate__setting_frame input[type='checkbox'] + label::after {
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  transform: rotate(45deg);
  content: '';
  height: 12px;
  width: 7px;
  opacity: 0;
  display: inline-block;
  position: relative;
  bottom: 0.15em;
  right: 0.55em;
}

.tsumitate__setting_frame input[type='checkbox']:checked + label::before {
  background-color: #da392b;
  border-color: #da392b;
}

.tsumitate__setting_frame input[type='checkbox']:checked + label::after {
  opacity: 1;
}

.tsumitate__setting_frame input[type='checkbox'] {
  display: none;
}

.tsumitate__setting_frame label {
  margin: 0;
}

.tsumitate__setting_frame .dropdown-toggle:disabled {
  background-color: #cccccc;
}

@media screen and (max-width: 0px) {
  .setting_sp table tbody th,
  .setting_sp table tbody td {
    display: block;
    text-align: left;
  }
}

.setting_sp .datepicker__select,
.setting_sp .form__input {
  width: 100%;
}

.umMenu__frame--top {
  background: #fcfcfc;
  border-radius: 12px 12px 0px 0px;
  border: 1px solid #f0f0f0;
}

.umMenu__main {
  padding: 30px;
  background-color: #ffffff;
  border: 1px solid #f0f0f0;
  border-top: none;
  border-radius: 0 0 12px 12px;
  color: #333333;
}

.umMenu__main .secondary__button {
  padding: 15px 0px 0px 0px !important;
  width: 300px;
  height: 58px;
}

@media screen and (max-width: 0px) {
  .umMenu__main {
    padding: 20px 20px 20px 20px;
    border-radius: 0;
    min-height: 220px;
    background: #ffffff;
  }
}

.umMenu__main__frame--pc .umMenu__but__line {
  background-color: #fff;
  display: flex;
  flex-direction: row;
}

.umMenu__main__frame--pc .umMenu__but__block {
  width: 303px;
  background-color: #fff;
  display: inline-block;
}

.umMenu__main__frame--pc .btn-sub-PubRate,
.umMenu__main__frame--pc .btn-sub-AddrChg,
.umMenu__main__frame--pc .btn-sub-KZAddInput,
.umMenu__main__frame--pc .btn-sub-UpdataMenu,
.umMenu__main__frame--pc .btn-sub-logonPWMenu,
.umMenu__main__frame--pc .btn-sub-ChangeAtm {
  margin: 0px 13px 0px 0px;
}

.umMenu__main__frame--pc .sub-PubRate {
  content: url("../img/PubRateConsent.svg");
  display: inline-block;
  position: relative;
  top: 4px;
  margin: 0px 8px 0px 0px;
}

.umMenu__main__frame--pc .sub-AddrChg {
  content: url("../img/AddrChgInput.svg");
  display: inline-block;
  position: relative;
  width: 23px;
  height: 20px;
  top: 3px;
  margin: 0px 3px 0px 0px;
}

.umMenu__main__frame--pc .sub-OtpMenu {
  content: url("../img/OtpMenu.svg");
  display: inline-block;
  position: relative;
  top: 2px;
  margin: 0px 8px 0px 0px;
}

.umMenu__main__frame--pc .sub-KZAddInput {
  content: url("../img/KZAddInput.svg");
  display: inline-block;
  position: relative;
  top: 2px;
  margin: 0px 8px 0px 0px;
}

.umMenu__main__frame--pc .sub-UketukeKekka {
  /*  content: url($imgPath + 'UketukeKekka.svg'); */
  content: url("../img/menu_shoukai_red.svg");
  display: inline-block;
  position: relative;
  height: 40%;
  top: 2px;
  margin: 0px 5px 0px 0px;
}

.umMenu__main__frame--pc .sub-UpdataMenu {
  content: url("../img/UpdataMenu.svg");
  display: inline-block;
  position: relative;
  height: 40%;
  top: 4px;
  margin: 0px 5px 0px 0px;
}

.umMenu__main__frame--pc .sub-logonPWMenu {
  content: url("../img/logonPWMenu.svg");
  display: inline-block;
  position: relative;
  height: 40%;
  top: 3px;
  margin: 0px 5px 0px 0px;
}

.umMenu__main__frame--pc .sub-LimitAmount {
  content: url("../img/LimitAmountMtn.svg");
  display: inline-block;
  position: relative;
  height: 40%;
  top: 3px;
  margin: 0px 5px 0px 0px;
}

.umMenu__main__frame--pc .sub-ChangeAtm {
  content: url("../img/ChangeAtmAcc.svg");
  display: inline-block;
  position: relative;
  height: 50%;
  top: 5px;
  margin: 0px 5px 0px 0px;
}

.umMenu__main__frame--pc .sub-ChangeAtmHis {
  /*  content: url($imgPath + 'UketukeKekka.svg'); */
  content: url("../img/menu_shoukai_red.svg");
  display: inline-block;
  position: relative;
  height: 40%;
  top: 2px;
  margin: 0px 5px 0px 0px;
}

.umMenu__main__frame--pc .sub-WebBankbook {
  content: url("../img/KZAddInput.svg");
  display: inline-block;
  position: relative;
  top: 1px;
  margin: 0px 8px 0px 0px;
}

.umMenu__frame--top--sp .ummenu__middle__icon__button {
  background-color: #fcfcfc;
}

@media screen and (max-width: 0px) {
  .umMenu__frame--top--sp .ummenu__middle__icon__button {
    border: 1px solid #dddddd;
    background-position: center;
  }
}

.umMenu__frame--top--sp .ummenu__middle__icon__button:hover {
  background: #f0f0f0;
  outline: none;
}

.umMenu__frame--top--sp .ummenu__middle__icon__button:active {
  background: #ffffff;
  outline: none;
}

.umMenu__frame--top--sp .ummenu__middle__icon__button:focus {
  outline: none;
}

.umMenu__frame--top--sp .umMenu__but__line {
  background-color: #fff;
  display: flex;
  flex-direction: row;
}

.umMenu__frame--top--sp .umMenu__but__block {
  width: calc(100% / 3);
  height: 108px;
  background-color: #fff;
  display: inline-block;
}

.umMenu__frame--top--sp .umMenu__but__block_img {
  height: 60px;
  width: 100%;
  display: flex;
  justify-content: space-around;
}

.umMenu__frame--top--sp .umMenu__but__block_txt {
  height: 48px;
  text-align: center;
}

.umMenu__frame--top--sp .subWebBankbook__but__block {
  width: calc(100% / 3);
  height: 84px;
  background-color: #fff;
  display: inline-block;
  vertical-align: top;
}

.umMenu__frame--top--sp .subWebBankbook__but__block_txt {
  height: 24px;
  text-align: center;
}

.umMenu__frame--top--sp .sub-PubRate {
  background: url("../img/spPubRateConsent.svg") no-repeat;
  background-position: center;
}

.umMenu__frame--top--sp .sub-AddrChg {
  background: url("../img/spAddrChgInput.svg") no-repeat;
  background-position: center;
}

.umMenu__frame--top--sp .sub-OtpMenu {
  background: url("../img/spOtpMenu.svg") no-repeat;
  background-position: center;
}

.umMenu__frame--top--sp .sub-KZAddInput {
  background: url("../img/spKZAddInput.svg") no-repeat;
  background-position: center;
}

.umMenu__frame--top--sp .sub-UketukeKekka {
  background: url("../img/spUketukeKekka.svg") no-repeat;
  background-position: center;
}

.umMenu__frame--top--sp .sub-UpdataMenu {
  background: url("../img/spUpdataMenu.svg") no-repeat;
  background-position: center;
}

.umMenu__frame--top--sp .sub-logonPWMenu {
  background: url("../img/splogonPWMenu.svg") no-repeat;
  background-position: center;
}

.umMenu__frame--top--sp .sub-LimitAmount {
  background: url("../img/spLimitAmountMtn.svg") no-repeat;
  background-position: center;
}

.umMenu__frame--top--sp .sub-ChangeAtm {
  background: url("../img/spChangeAtmAcc.svg") no-repeat;
  background-position: center;
}

.umMenu__frame--top--sp .sub-ChangeAtmHis {
  /*  content: url($imgPath + 'UketukeKekka.svg'); */
  background: url("../img/spChangeAtmHistory.svg") no-repeat;
  background-position: center;
}

.umMenu__frame--top--sp .sub-WebBankbook {
  background: url("../img/spWebBankbookChg.svg") no-repeat;
  background-position: center;
}

.yoyakukekka__main {
  padding: 30px 30px 10px 30px;
  background-color: #ffffff;
  border: 1px solid #f0f0f0;
  border-top: none;
  border-radius: 0 0 12px 12px;
  color: #333333;
}

@media screen and (max-width: 0px) {
  .yoyakukekka__main {
    padding: 20px 20px 20px 20px;
    border-radius: 0;
    min-height: 220px;
    background: #ffffff;
  }
}

.yoyaku__search__gray__frame {
  background: #fcfcfc;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
}

.yoyaku__search__gray__frame .select_period .flex-fill,
.yoyaku__search__gray__frame .select_period span {
  margin: 0 0.25em;
}

.yoyaku__search__gray__frame .custom-select {
  background-image: url("../img/chevron.down.svg");
}

.yoyaku__search__gray__frame .reference-button {
  padding: 20px 0;
  border-left: 1px solid #f0f0f0;
  flex-grow: 1;
}

@media screen and (max-width: 0px) {
  .yoyaku__search__gray__frame {
    padding: 10px;
  }
  .flex-fill {
    flex-grow: 1;
  }
}

.yoyaku__kekka_frame table {
  width: 100%;
  border: 1px solid #f0f0f0;
  border-radius: 12px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}

.yoyaku__kekka_frame table thead th,
.yoyaku__kekka_frame table tbody td {
  padding: 1em;
  border-bottom: 1px solid #f0f0f0;
}

.yoyaku__kekka_frame table thead th,
.yoyaku__kekka_frame table tbody td {
  border-left: 1px solid #f0f0f0;
}

.yoyaku__kekka_frame table tbody tr:last-child th,
.yoyaku__kekka_frame table tbody tr:last-child td {
  border-bottom: none;
}

.yoyaku__kekka_frame th {
  background-color: #f5f5f5;
  text-align: center;
}

.yoyaku__kekka_frame td {
  background-color: #fcfcfc;
}

@media screen and (max-width: 0px) {
  .yoyaku__kekka_frame th {
    text-align: left;
    white-space: nowrap;
    padding-right: 2em;
    padding-left: 1em;
    border-bottom: 1px solid #f0f0f0;
  }
}

body {
  font-size: 16px;
  color: #333333;
}

@media screen and (max-width: 0px) {
  body {
    font-size: 14px;
  }
}

@media screen and (min-width: 0px) {
  body {
    min-width: 1080px;
  }
}

.main {
  background: #f5f5f5;
  padding-top: 15px;
}

.main .content {
  max-width: 1000px;
  margin: auto;
  padding-bottom: 15px;
}

@media screen and (max-width: 0px) {
  .main {
    background: #fcfcfc;
    padding-top: 0;
  }
  .main .content {
    padding-bottom: 0;
  }
}

.pagination .page-item {
  margin-left: 4px;
  margin-right: 4px;
  text-align: center;
  width: 40px;
  height: 40px;
}

.pagination .page-link {
  color: #333333;
  font-weight: bold;
  background-color: transparent;
  line-height: 28px;
  text-align: center;
  width: 100%;
  height: 100%;
  padding-top: 6px;
  padding-bottom: 6px;
}

.pagination .page-item.active > .page-link {
  font-weight: bold;
  background: #da392b;
  border-radius: 50%;
}

.pagination .page-link:not(.pagenation__arrow):hover {
  color: #333333;
  background: #dddddd;
  border-radius: 50%;
}

.pagination .page-item.pagenation__three {
  margin-top: 4px;
}

@media screen and (max-width: 0px) {
  .pagination .page-item {
    width: 25px;
    height: 25px;
  }
  .pagination .page-link {
    line-height: 25px;
    padding: 0;
  }
  .pagination .page-item.pagenation__three {
    margin-top: 0px;
  }
  .pagination .page-link:not(.pagenation__arrow):hover {
    font-weight: bold;
    background: #da392b;
    color: #ffffff;
  }
}

.flex-grow {
  flex-grow: 1;
}

@media screen and (max-width: 0px) {
  .display-none-small {
    display: none !important;
  }
}

@media screen and (min-width: 0px) {
  .display-none-large {
    display: none !important;
  }
  .align-items-center-large {
    align-items: center;
  }
}

.breadcrumb-item + .breadcrumb-item::before {
  content: '>';
}

.breadcrumb {
  background: none;
}

.breadcrumb .breadcrumb-item > a {
  color: #da392b;
}

.breadcrumb .breadcrumb-item.active {
  color: #333333;
}

.tooltip-inner {
  background: #ffffff;
  opacity: 1 !important;
  color: #333333;
  border: 1px solid #cccccc;
  text-align: left;
  padding: 10px 15px 10px 15px;
  width: 340px;
  max-width: 340px;
  border-radius: 15px;
}

.tooltip-inner .tooltip__title {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

.tooltip-inner .close {
  font-weight: 400;
}

.bs-tooltip-auto[x-placement^='bottom'] .arrow::before,
.bs-tooltip-bottom .arrow::before {
  border-bottom-color: #cccccc !important;
}

.bs-tooltip-auto[x-placement^='top'] .arrow::before,
.bs-tooltip-top .arrow::before {
  border-top-color: #cccccc !important;
}

.bs-tooltip-auto[x-placement^='left'] .arrow::before,
.bs-tooltip-left .arrow::before {
  border-left-color: #cccccc !important;
}

.bs-tooltip-auto[x-placement^='right'] .arrow::before,
.bs-tooltip-right .arrow::before {
  border-right-color: #cccccc !important;
}

iframe.Kbnframe {
    overflow: hidden;
    border: none;
    vertical-align: top;
    width: 100%;
}

.furikomi__gray__frame .attention {
  width: 690px;
  overflow-wrap: break-word;
}

#err_msg
{
    color: #FF0000;
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    word-wrap: break-word;
}

#kbn_msg,
#kbn_html,
#kbn_img
{
    color: #343434;
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 14px;
    padding-top: 5px;
    padding-bottom: 5px;
    word-wrap: break-word;
}

#err_msg:empty,
#kbn_msg:empty,
#kbn_html:empty,
#kbn_img:empty
{
    padding-top: 0;
    padding-bottom: 0;
}

#err_msg_home
{
    color: #FF0000;
    font-family: "Verdana",sans-serif;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 10px;
    word-wrap: break-word;
}

.otp__confirm {
  background: #fcfcfc;
  border: 1px solid #f0f0f0;
}

.otp__confirm .confirm__item {
  margin: 0 20px 0 0px;
  padding: 15px 0 15px 0;
}

.otp__confirm .confirm__password {
  width: 320px;
}

.otp__confirm .confirm__password div {
  line-height: 24px;
}

.otp__confirm .confirm__password:not(.flex-grow) div {
  line-height: 27px;
}

.otp__confirm .confirm__password input {
  height: 48px;
}
.otp__confirm .confirm__password input[type="checkbox"] {
  height: 13px;
}

@media screen and (min-width: 0px) {
  .otp__confirm .otp__confirm__title {
    width: 200px;
    font-weight: bold;
    margin-right: 30px;
    padding-left: 7px;
  }
}

@media screen and (max-width: 0px) {
  .otp__confirm .otp__confirm__title {
    font-weight: bold;
  }
  
  .otp__confirm .confirm__item {
    text-align: left;
    justify-content: space-between;
    margin: 0 15px 0 15px;
  }
  .otp__confirm .confirm__password {
    width: calc(100% - 30px);
    margin: 0 15px 15px 15px;
  }
  .otp__confirm .confirm__password div {
    line-height: 14px;
  }
  .otp__confirm .confirm__password:not(.flex-grow) div {
    line-height: 14px;
  }
}

.otp__confirm .password__frame {
  border-radius: 12px;
  padding: 0 15px 0 15px;
}

.table_B {/*テーブル内用ボタン*/
    background: #fcfcfc;
    padding: 5px 13px 5px 13px;
    font-size: 13px;
    vertical-align: middle;
    font-weight: bold;
    border-radius:30px;
    border: 1px solid #dddddd;
    color: #333333;
    cursor: pointer;
    outline: none;
}

.table_B:hover{
    background: #f0f0f0;
    color: #333333;
    outline: none;
}

.table_B:focus {
  outline: none;
}

.table_B:active {
    background: #ffffff;
    outline: none;
}

#breadcrumb {/*パンくずエリア*/
    float: right;
    padding-bottom: 5px;
}

.func_nav_active {/*機能NAVエリア*/
    color: #da392b;
    padding: 2px;
    font-weight: normal;
}

.AcVm {/*中央揃え*/
    VERTICAL-ALIGN: middle !important;
    TEXT-ALIGN: center !important;
}

.AlVm {/*左揃え*/
    VERTICAL-ALIGN: middle !important;
    TEXT-ALIGN: left !important;
}

.password_area {/*パスワード入力エリア*/
    width: 100%;
    margin-top: 10px;
    margin-bottom: 10px;
    border: solid 2px #ff2b2b;
    text-align: center;
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.hr_color {
    border: solid 1px #ff8080;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.fontStrong2 {/*太い文字*/
    font-family: "Meiryo Bold", "Verdana Bold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-weight: bold;
}

.logon_softkey_area {/*リストのテーブルエリア*/
    clear: both;
    padding-top: 3px;
    padding-bottom: 5px;
    text-align: left;
}

.ImeOff {
    ime-mode:disabled;
}

input[type="password"]{
    font-size: 1rem;
    line-height: 1.5;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #CED4DA;
    margin-right: 5px;
    height: 30px;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

input[type="password"]:focus {
    color: #333333;
    background-color:#fff;
    border-color:#80bdff;
    outline:0;
    box-shadow:0 0 0 .2rem rgba(0,123,255,.25);
    border: 1px solid #DA392B;
}

.box_area_message_new {
    margin: 20px 10px 0px 10px;
}
.fund-p4{
    padding: 1.5rem !important;
}

.fund_select{
    width: 277px;
    height:45px;
    display: block;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

/*ボタン*/
.ImeOn {
    ime-mode:active;
}

.ImeOff {
    ime-mode:disabled;
}

#top_msg{
    padding:0 15px;
    width:100%;
}

.softtenkey_area1{/*ソフトキーボードエリア*/
    position:absolute;
    visibility:hidden;
    background: #fcfcfc;
    border: 1px solid #dddddd;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);
    border-radius: 12px;
    z-index: 100;
    padding:14px 20px 20px 20px;
    margin-top: 15px;
    margin-left: -266px;
    width: 880px;
    height: 368px;
}

.softkey_B1 {/*ソフトウェアキーボードボタン*/
    width: 40px;
    height: 40px;
    margin-right: 10px;
    margin-bottom: 8.5px;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px !important;
    color: #333333 !important;
}

.softkey_C1 {/*ソフトウェアキーボードボタン(機能ボタン)*/
    background: #ffffff;
    border: 1px solid #dddddd;
    padding: 15px 42.5px;
    border-radius: 5px;
    cursor: pointer;
    margin: 6px 7.5px;
    font-size: 14px !important;
    color: #333333 !important;
}

.softkey_B1:hover,
.softkey_C1:hover {
  background: #f0f0f0;
  border: 1px solid #dddddd;
  font-weight: normal;
}

.softkey_space1, .softkey_space1:hover, .softkey_space1:active, .softkey_space1:focus {/*ソフトキーボードボタン(フルキー)*/
    border:none;
    background-color:#D7EFEF;
    width: 48px;
    height: 31px;
    margin-right:2px;
}

#ms_err_msg {
    color: #FF0000;
    font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
    font-size: 14px;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    word-wrap: break-word;
}

#ms_err_msg:empty {
    padding-top: 0;
    padding-bottom: 0;
}

.lds-default-top,
.lds-default-top1 {
    width: 100px;
    height: 100px;
    position: relative;
    margin: 0 auto;
    margin-top:100px;
}

.lds-default-top div,
.lds-default-top1 div {
    position: absolute;
    width: 6px;
    height: 6px;
    background: black;
    border-radius: 50%;
    animation: lds-default-top 1.2s linear infinite;
    -webkit-animation: lds-default-top 1.2s linear infinite;
}

.lds-default-top div:nth-child(1),
.lds-default-top1 div:nth-child(1) {
    animation-delay: 0s;
    -webkit-animation-delay: 0s;
    top: 37px;
    left: 66px;
}

.lds-default-top div:nth-child(2),
.lds-default-top1 div:nth-child(2) {
    animation-delay: -0.1s;
    -webkit-animation-delay: -0.1s;
    top: 22px;
    left: 62px;
}

.lds-default-top div:nth-child(3),
.lds-default-top1 div:nth-child(3) {
    animation-delay: -0.2s;
    -webkit-animation-delay: -0.2s;
    top: 11px;
    left: 52px;
}

.lds-default-top div:nth-child(4),
.lds-default-top1 div:nth-child(4) {
    animation-delay: -0.3s;
    -webkit-animation-delay: -0.3s;
    top: 7px;
    left: 37px;
}

.lds-default-top div:nth-child(5),
.lds-default-top1 div:nth-child(5) {
    animation-delay: -0.4s;
    -webkit-animation-delay: -0.4s;
    top: 11px;
    left: 22px;
}

.lds-default-top div:nth-child(6),
.lds-default-top1 div:nth-child(6) {
    animation-delay: -0.5s;
    -webkit-animation-delay: -0.5s;
    top: 22px;
    left: 11px;
}

.lds-default-top div:nth-child(7),
.lds-default-top1 div:nth-child(7) {
    animation-delay: -0.6s;
    -webkit-animation-delay: -0.6s;
    top: 37px;
    left: 7px;
}

.lds-default-top div:nth-child(8),
.lds-default-top1 div:nth-child(8) {
    animation-delay: -0.7s;
    -webkit-animation-delay: -0.7s;
    top: 52px;
    left: 11px;
}

.lds-default-top div:nth-child(9),
.lds-default-top1 div:nth-child(9) {
    animation-delay: -0.8s;
    -webkit-animation-delay: -0.8s;
    top: 62px;
    left: 22px;
}

.lds-default-top div:nth-child(10),
.lds-default-top1 div:nth-child(10) {
    animation-delay: -0.9s;
    -webkit-animation-delay: -0.9s;
    top: 66px;
    left: 37px;
}

.lds-default-top div:nth-child(11),
.lds-default-top1 div:nth-child(11) {
    animation-delay: -1s;
    -webkit-animation-delay: -1s;
    top: 62px;
    left: 52px;
}

.lds-default-top div:nth-child(12),
.lds-default-top1 div:nth-child(12) {
    animation-delay: -1.1s;
    -webkit-animation-delay: -1.1s;
    top: 52px;
    left: 62px;
}

.softtenkey_area{/*ソフトキーボードエリア*/
    position:absolute;
    visibility:hidden;
    background: #fcfcfc;
    border: 1px solid #dddddd;
    box-shadow: 0px 0px 5px rgb(0 0 0 / 10%);
    border-radius: 12px;
    z-index: 100;
    padding:14px 20px 20px 20px;
    margin-top: 15px;
    width: 880px;
    height: 318px;
}

.pageOn_B1_Furikomi {
    border:0!important;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    background-color: #da392b;
    text-align: center;
    width: 100%;
    height: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 50%;
    text-align: center;
    width: 40px;
    height: 40px;
}

.pageOn_B1_Furikomi:hover {
    color: #333333;
    background: #dddddd;
    border-radius: 50%;
}

.pageOff_B1_Furikomi {/*リストのページ遷移用ボタン（他ページ）*/
    border:0!important;
    color: #333333;
    font-weight: bold;
    font-size: 14px;
    background-color: transparent;
    text-align: center;
    width: 100%;
    height: 100%;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 50%;
    text-align: center;
    width: 40px;
    height: 40px;
}

.pageOff_B1_Furikomi:hover {
    color: #333333;
    background: #dddddd;
    border-radius: 50%;
}

.page_Prev_Furikomi {
    border:0!important;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    height: 100%;
    width: 40px;
    height: 40px;
    background:url("../img/chevron.left.svg") no-repeat scroll 7px 50% #ffffff;
    background-position: center;
    text-indent:-9999px;
}

.page_Prev_Furikomi:hover {
    color: #333333;
    border-radius:50px;
    background:url("../img/chevron.left.svg") no-repeat scroll 7px 50% #dddddd;
    background-position: center;
    text-indent:-9999px;
}

.page_Next_Furikomi {
    border:0!important;
    color: #333333;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    height: 100%;
    width: 40px;
    height: 40px;
    background:url("../img/chevron.right.svg") no-repeat scroll 10px 50% #ffffff;
    background-position: center;
    text-indent:-9999px;
}

.page_Next_Furikomi:hover {
    color: #333333;
    border-radius:50px;
    background:url("../img/chevron.right.svg") no-repeat scroll 10px 50% #dddddd;
    background-position: center;
    text-indent:-9999px;
}

.block_title_sub::before {/*ブロックタイトルエリア*/
    content: '';
    width: 3px;
    height: 24px;
    background: #da392b;
    border-radius: 5px;
    position: absolute;
    margin-left: -10px;
}

.block_title_sub {
    font-weight: bold;
    font-size: 16px;
    padding-left: 10px;
}

.password_area_message {
    width: 725px;
    padding-left: 10px; 
}

.password_area sup {
    padding-left: 6px;
}

.softkey_B {/*ソフトウェアキーボードボタン*/
    width: 40px;
    height: 40px;
    margin-right: 10px;
    margin-bottom: 8.5px;
    background: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 5px;
    cursor: pointer;
    font-size: 14px;
    color: #333333;
}

.softkey_C {/*ソフトウェアキーボードボタン(機能ボタン)*/
    background: #ffffff;
    border: 1px solid #dddddd;
    padding: 15px 42.5px;
    border-radius: 5px;
    cursor: pointer;
    margin: 6px 7.5px;
    height: 53px;
}

.softkey_B:hover,
.softkey_C:hover {
  background: #f0f0f0;
  border: 1px solid #dddddd;
  font-weight: normal;
}

.fontStrong {/*太い文字*/
    font-weight: bold;
}

.fontRed {
    color: #FF0000;
}

@keyframes lds-default-top {
    0%, 20%, 80%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
}

@keyframes lds-default-top1 {
    0%, 20%, 80%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.5);
    }
}

@-webkit-keyframes lds-default-top {
    0%, 20%, 80%, 100% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.5);
    }
}

@-webkit-keyframes lds-default-top1 {
    0%, 20%, 80%, 100% {
        -webkit-transform: scale(1);
    }
    50% {
        -webkit-transform: scale(1.5);
    }
}

    .modal {
        display: none;
        position: fixed;
        z-index: 1100;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba( 255, 255, 255, .8) ;
        opacity:0.7;
        }

    body.loading .modal {
        display: block;
        overflow: hidden;
        }
    .lds-default {
        width: 100px;
        height: 100px;
        position: relative;
        margin: 0 auto;
        margin-top:100px;
        top:40%;
    }

    .lds-default div {
        position: absolute;
        width: 6px;
        height: 6px;
        background: black;
        border-radius: 50%;
        animation: lds-default 1.2s linear infinite;
        -webkit-animation: lds-default 1.2s linear infinite;
    }

    .lds-default div:nth-child(1) {
        animation-delay: 0s;
        -webkit-animation-delay: 0s;
        top: 37px;
        left: 66px;
    }

    .lds-default div:nth-child(2) {
        animation-delay: -0.1s;
        -webkit-animation-delay: -0.1s;
        top: 22px;
        left: 62px;
    }

    .lds-default div:nth-child(3) {
        animation-delay: -0.2s;
        -webkit-animation-delay: -0.2s;
        top: 11px;
        left: 52px;
    }

    .lds-default div:nth-child(4) {
        animation-delay: -0.3s;
        -webkit-animation-delay: -0.3s;
        top: 7px;
        left: 37px;
    }

    .lds-default div:nth-child(5) {
        animation-delay: -0.4s;
        -webkit-animation-delay: -0.4s;
        top: 11px;
        left: 22px;
    }

    .lds-default div:nth-child(6) {
        animation-delay: -0.5s;
        -webkit-animation-delay: -0.5s;
        top: 22px;
        left: 11px;
    }

    .lds-default div:nth-child(7) {
        animation-delay: -0.6s;
        -webkit-animation-delay: -0.6s;
        top: 37px;
        left: 7px;
    }

    .lds-default div:nth-child(8) {
        animation-delay: -0.7s;
        -webkit-animation-delay: -0.7s;
        top: 52px;
        left: 11px;
    }

    .lds-default div:nth-child(9) {
        animation-delay: -0.8s;
        -webkit-animation-delay: -0.8s;
        top: 62px;
        left: 22px;
    }

    .lds-default div:nth-child(10) {
        animation-delay: -0.9s;
        -webkit-animation-delay: -0.9s;
        top: 66px;
        left: 37px;
    }

    .lds-default div:nth-child(11) {
        animation-delay: -1s;
        -webkit-animation-delay: -1s;
        top: 62px;
        left: 52px;
    }

    .lds-default div:nth-child(12) {
        animation-delay: -1.1s;
        -webkit-animation-delay: -1.1s;
        top: 52px;
        left: 62px;
    }

    @keyframes lds-default {
        0%, 20%, 80%, 100% {
            transform: scale(1);
        }
        50% {
            transform: scale(1.5);
        }
    }

    @-webkit-keyframes lds-default {
        0%, 20%, 80%, 100% {
            -webkit-transform: scale(1);
        }
        50% {
            -webkit-transform: scale(1.5);
        }
    }

.box_area_bun {/*枠付きエリア*/
    width: 950px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: solid 2px #f0f0f0;
    vertical-align: middle;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
    padding-right: 5px;
}

.stl, .style_table_label {
    width: 17px;
    margin: 0;
    float: left;
    padding-right: 3px;
    text-align: right;
}

.atl, .article_table_label {
    width: 95%;
    text-align: left;
    margin: 0;
}

.kajogakiTable {
    border: 0;
    margin: 0;
    width: 100%;
}

.kajogakiTable tr td:nth-last-child(2){
    word-break: keep-all;
}

.bank__list__table {
  height: 175px;
  overflow-y: scroll;
}

.blanch__list__table {
  height: 175px;
  overflow-y: scroll;
}

.stl, .style_table_label_ts {
    margin: 0;
    float: left;
    padding-right: 3px;
    text-align: right;
}

.atl, .article_table_label_ts {
    width: 95%;
    text-align: left;
    margin: 0;
    float: left;
}

.furikomi__jisseki__search{/*振込実績絞込欄*/
  padding: 10px;
}

.furikomi_jisseki_search_guide {
    padding-inline-start: 20px;
}

.TfrHistShow_style {
    width:120px;
}

.TSResultPass {
    background:gray;
}

.fsr {/*太 赤文字*/
	font-weight: bold;
	color: #FF0000;
}

.info_otp{
    border-top: 1px solid #abc8e4;
    border-left: 1px solid #abc8e4;
    border-right: 1px solid #abc8e4;
    border-bottom: 1px solid #abc8e4;
    background: #ffffff;
    margin: 5px 40px 5px 0px;
    padding: 5px;
    line-height: 120%;
}

.arrow_right {
    width:0;
    height:0;
    border:12px solid transparent;
    border-left-color:#5b84c0;
}