@charset "utf-8";
/* ==================================================
エラーページ
================================================== */
/* ヘッダー */
.error_header .error_headerLogin button {
  margin-right: 24px;
  color: #E60000;
  font-size: 14px;
  background-color: #fff;
  padding: 16px;
}
.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: 28px;
  height: 28px;
  transition: 300ms;
  margin: 0 auto;
}
.error_header .error_headerLogin button:hover,
.error_header .error_headerLogin button.is-active {
  background-color: #efefef;
}
/* ヘッダーログインボックス */
.error_header #header__loginBox .nmlBtn.forex a{
  background: #4070C7;
}
.error_header .header__login__closeBtn {
  top: 410px;
}
.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: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  text-align: center;
  text-decoration: underline;
}
.error_header #header__loginBox .header__loginBoxUpr .textLink:hover {
  opacity: 0.7;
}
.error_header #header__loginBox .header__loginBoxUpr .textLink_icon {
  position: absolute;
  right: -20px;
}

/* mv */
#mv.error_mv {
  margin-top: 80px;
}
#mv .mv__item.no01 {
  position: relative;
  background-image: url(/backup_v2/images/mv_01.jpg);
  background-position: 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: 100px;
  width: 720px;
  bottom: 0;
  right: 0;
}


/* mv__btns */
.error_btns01 {
  justify-content: center;
}
.error_btns01 .btns01--hojin {
  flex: 0 0 700px;
}
.error_btns01 .btns01_inner--hojin {
  display: flex;
  gap: 0 19px;
}
.error_btns01 .btns01_group.-business {
  width: 70%;
} 
.error_btns01 .btns01_group {
  width: 30%;
}
.error_btns01 .btns01_group.-forex {
  position: relative;
  padding-left: 19px;
} 
.error_btns01 .btns01_group.-forex::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 1px;
  height: 100%;
  background: #BFC2D3;
} 
.error_btns01 .btns01--hojin .nmlBtn.-forex a {
  background: #4070C7;
} 

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

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

/* ひろぎんアプリ */
.error_hiroginApp#hiroginApp h2 {
  margin-bottom: 64px;
}
.error_hiroginApp .appDlBox {
  display: flex;
  gap: 0 48px;
  justify-content: center;
}
.error_hiroginApp .box1 {
  width: 48%;
  padding: 30px;
  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: 24px;
}
.error_hiroginApp .appDlBox .box1 .qrImg {
  height: 90px;
}
.error_hiroginApp .appDlBox .box1 img {
  height: 100%;
}
.error_hiroginApp .appDlBox .box1 .btn {
  height: 90px;
  transition: all .2s ease;
}
.error_hiroginApp .appDlBox .box1 .btn:hover {
  opacity: .7;
}

/* よくあるお問い合わせ */
.error_qaBtn .nmlBtn2 {
  margin-top: 24px;
  gap: 20px;
}
.error_qaBtn .nmlBtn2_item {
  width: 380px;
}

/* お電話でのお問い合わせ */
.error_qaTel .acd:first-of-type {
  border-top: 1px solid #BFC2D3;
}
.error_qaTel .acd {
  --acdIconColor: #0041B4;
  --acdIconSize: 32px;
  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: 32px 20px;
  line-height: 1.65;
}
.error_qaTel .acd.is-active .acd_btn::before {
  content: '';
  position: absolute;
  width: 24px;
  height: 12px;
  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: 40px;
  height: 40px;
  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;
}
.error_qaTel .nmlTable td {
  text-align: center;
  padding: 20px 24px;
  border: 1px solid #BFC2D3;
  vertical-align: middle;
  font-weight: 500;
  background: #fff;
}
.error_qaTel .telNumber:not(.style-none):not(.type-small) span {
  font-size: 36px;
  letter-spacing: 0.025em;
  font-weight: bold;
  color: #0041B4;
  margin-top: 16px;
}
.error_qaTel .telNumber {
  margin-top: 0;
}
.error_qaTel .telNumber.icon--freedial span {
  padding-left: 52px;
  background: url(/common_v2/images/icon_freedial.svg) no-repeat left bottom;
  background-size: 42px 24px;
}
.error_qaTel .telNumber.icon--tel span {
  padding-left: 48px;
  background: url(/common_v2/images/icon_tel_blue.svg) no-repeat left center;
  background-size: 32px 32px;
}


/* フッター */
.error_footer .footer_sitemap_wrap {
  border: none;
}
.error_footer .footer_copy {
  padding: 16px 0;
}
.error_footer .footer_sub_list {
  margin: 0;
}
.error_footer .footer_sub_item {
  font-size: 12px;
  font-weight: 400;
}
.error_footer .footer_sub {
  padding: 0;
}