@charset "utf-8";
/* ==================================================
エラーページ
================================================== */
/* ヘッダー */
.error_header .error_headerLogin {
  position: absolute;
  right: 0;
  top: -9px;
}
.error_header .error_headerLogin button {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #E60000;
  height: 48px;
  font-size: 10px;
  background-color: #fff;
  padding: 0 6px;
}
.error_header .error_headerLogin button::before {
  content: '';
  display: block;
  background-image: url(/top_v2/images/header_icon03_red.svg);
  background-repeat: no-repeat;
  background-size: 100% auto;
  width: 18px;
  height: 18px;
  transition: 300ms;
}
.error_header .error_headerLogin button.is-active {
  background-color: #efefef;
}

/* ヘッダーログインボックス */
.error_header #header__loginBox .nmlBtn.forex a{
  background: #00A9E0;
}
.error_header #header__loginBox .header__loginBoxUpr .links {
  display: flex;
  justify-content: center;
  gap: 0 16px;
  font-size: 12px;
}
.error_header #header__loginBox .header__loginBoxUpr .textLink {
  display: block;
  position: relative;
  text-align: center;
  text-decoration: underline;
}
.error_header #header__loginBox .header__loginBoxUpr .textLink_icon {
  position: absolute;
  right: -20px;
}

/* mv */
#mv .mv__item.no01 {
  position: relative;
  background-image: url(/backup_v2/images/mv_sp01.jpg);
  background-position: center center;
}
#mv .mv__item.no01::before {
  position: absolute;
  content: '';
  display: block;
  background-image: url(/backup_v2/images/deco.png);
  background-repeat: no-repeat;
  background-size: cover;
  height: 48px;
  width: 345px;
  bottom: 0;
  right: 0;
}

/* mv__btns */
.error_btns01 .btns01--hojin .btns01_inner--hojin {
  display: flex;
  flex-direction: column;
  gap: 15px 0;
}
.error_btns01 .btns01--hojin .btns01_group.-business .textLink {
  display: block;
  position: relative;
  text-align: center;
}
.error_btns01 .btns01--hojin .btns01_group.-business .textLink_icon {
  position: absolute;
  right: -15px;
}

/* メッセージエリア */
.error_messageArea1 {
  margin-bottom: 56px;
}
.error_messageArea1 .topmessage{
  border: 1px solid #0041B4;
}
.error_messageArea1 .topmessage__link {
  font-size: 16px;
}

/* h2タイトル */
.error_h2 .h2_title_inner img {
  width: 100px;
  margin-bottom: 16px;
  border: 1px solid #ddd;
  border-radius: 16px;
}

/* ひろぎんアプリ */
.error_hiroginApp#hiroginApp h2 {
  margin-bottom: 32px;
}
.error_hiroginApp .appDlBox {
  display: flex;
  flex-direction: column;
  gap: 24px 0;
}
.error_hiroginApp .box1 {
  padding: 16px 20px;
  background: #fff;
  border: 1px solid #0041B4;
  border-radius: 8px;
  margin-top: 0;
}
.error_hiroginApp .appDlBox .box1__body {
  display: flex;
  justify-content: center;
  gap: 0 16px;
}
.error_hiroginApp .appDlBox .box1__title {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 16px;
}
.error_hiroginApp .appDlBox .box1 .qrImg {
  height: 90px;
}
.error_hiroginApp .appDlBox .box1 img {
  height: 100%;
}
.error_hiroginApp .appDlBox .box1 .btn {
  height: 64px;
  transition: all .2s ease;
}
.error_hiroginApp .appDlBox .box1 .btn:hover {
  opacity: .7;
}

/* よくあるお問い合わせ */
.error_qaBtn .nmlBtn2 {
  margin-top: 24px;
  justify-content: center;
  gap: 16px 4px;
}
.error_qaBtn .nmlBtn2_item {
  width: calc(100% / 2 - 4px);
}

/* お電話でのお問い合わせ */
.error_qaTel .acd:first-of-type {
  border-top: 1px solid #BFC2D3;
}
.error_qaTel .acd {
  --acdIconColor: #0041B4;
  --acdIconSize: 20px;
  margin-top: 0;
  border-radius: 0;
  border-top: none;
  border-bottom: 1px solid #BFC2D3;
  border-right: none;
  border-left: none;
}
.error_qaTel .acd_btn {
  padding: 20px 10px;
  line-height: 1.65;
}
.error_qaTel .acd.is-active .acd_btn::before {
  content: '';
  position: absolute;
  width: 40px;
  height: 20px;
  background: #F5F5F5;
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  transform: translateX(-50%);
  bottom: 0;
  left: 50%;
}
.error_qaTel .acd_btn_icon::before,
.acd_btn_icon::after {
  background: #0041B4;
}
.error_qaTel .acd_btn_inner {
  position: relative;
  padding-left: 64px;
}
.error_qaTel .acd_btn_inner::before {
  content: '';
  position: absolute;
  display: block;
  background: url(/common_v2/images/icon_q.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  width: 32px;
  height: 32px;
  top: 0;
  left: 0;
}
.error_qaTel .acd_box {
  border-top: none;
  background: #F5F5F5;
}
.error_qaTel .nmlTable thead th {
  background: #0041B4;
  border: 1px solid #BFC2D3;
  color: #fff;
}
.error_qaTel .nmlTable tbody th {
  background: #0041B4;
  color: #fff;
}
.error_qaTel .nmlTable th {
  border: 1px solid #BFC2D3;
  font-weight: bold;
  font-size: 14px;
  padding: 16px 10px;
  letter-spacing: 0;
}
.error_qaTel .nmlTable td {
  text-align: center;
  padding: 20px 10px;
  border: 1px solid #BFC2D3;
  vertical-align: middle;
  font-weight: 500;
  background: #fff;
  font-size: 14px;
  letter-spacing: 0;
}
.error_qaTel .telNumber:not(.style-none):not(.type-small) span,
.error_qaTel .telNumber:not(.style-none):not(.type-small) a {
  font-size: 28px;
  letter-spacing: 0.025em;
  font-weight: bold;
  color: #0041B4;
  text-decoration: none;
  margin-top: 16px;
}
.error_qaTel .telNumber {
  margin-top: 0;
}
.error_qaTel .telNumber.icon--freedial span,
.error_qaTel .telNumber.icon--freedial a {
  padding-left: 52px;
  background: url(/common_v2/images/icon_freedial.svg) no-repeat left center;
  background-size: 42px 24px;
}
.error_qaTel .telNumber.icon--tel span,
.error_qaTel .telNumber.icon--tel a  {
  padding-left: 48px;
  background: url(/common_v2/images/icon_tel_blue.svg) no-repeat left center;
  background-size: 32px 32px;
}
.error_qaTel .telNumber span,
.error_qaTel .telNumber a {
  color: #0041B4;
  text-decoration: underline;
}
.error_qaTel .scrollX_wrap .scrollX_btn {
  top: 70px;
  z-index: 11;
}    
.error_qaTel .scrollX_btn span {
  font-weight: bold;
  font-size: 16px;
  color: #fff;
  white-space: nowrap;
}
.error_qaTel .scrollX_btn::after {
  top: -20px;
  width: 56px;
  height: 62px;
}


/* フッター */
.error_footer .footer_sitemap_wrap {
  border: none;
}
.error_footer .footer_copy {
  padding: 16px 0;
}
.error_footer .footer_sub_item {
  font-size: 12px;
  font-weight: 400;
  text-align: center;
  padding: 0 10px;
  margin-bottom: 0;
}
.error_footer .footer_sub {
  padding: 0;
}
.error_footer .footer_copy_inner {
  padding: 10px 10px 5px;
}