@charset "UTF-8";

.pc {
  display: block;
}

.sp {
  display: none;
}

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

  .sp {
    display: block;
  }
}

.komoji {
  font-size: 10px;
}

/* 2024.01.19 */
.toushin__login--btn input[type="submit"] {
  display: none;
}

.pagenai a {
  color: #36B2E4;
  text-decoration: underline;
  line-height: 2em;
  font-weight: bold;
}

.pagelink {
  color: #36B2E4;
  text-decoration: underline;
  line-height: 2em;
  font-weight: bold;
}

/* 2024.03.26 */
.c-label {
  display: inline-block;
  padding: 15px;
  border: 1px solid #000;
  line-height: 1.5;
  text-align: left;
}

@media screen and (max-width: 767px) {
  .c-label {
    font-size: 0.8125em;
  }
}

.bg.sintaku {
  padding-top: 4.375em;
}

.label-area {
  padding-bottom: 60px;
  text-align: right;
}

/* 2024.03.26 chiiki2024.php スクロールバーの非表示 */
.chiiki-2024 .scrollWrap::-webkit-scrollbar,
.chiiki-2024 .scrollWrap::-webkit-scrollbar-thumb,
.chiiki-2024 .scrollWrap::-webkit-scrollbar-track {
  /* display: none; */
}

/* 2024.03.27 */
/* .topBanner {
  display: inline-block;
  width: calc(100% / 3);
  margin-top: 5em;
}
@media screen and (max-width: 768px) {
  .topBanner {
    margin-top: 2.5em;
    width: 100%;
  }
} */

/* 2024.04.24 村野藤吾 パララックス */
.header {
  /* border-bottom: 4.5px solid #37b2e4; */
}

.header.is-active::after {
  display: block;
  content: "";
  position: absolute;
  bottom: -23.5px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 100%;
  height: 20px;
  background-color: #e8f2f2;
}

.top-build {
  position: relative;
  width: 100%;
  aspect-ratio: 1850 / 512;
  background-image: url(../img/top/new-build.jpg);
  background-repeat: repeat-y;
  background-size: cover;
  background-position: center top;
  background-attachment: fixed;
  /* filter: grayscale(100%); */
}

@media screen and (max-width: 1380px) {
  .top-build {
    /* background-size: contain; */
  }
}

/* 2024.04.25 TOPページ MV下 重要なお知らせ デザイン変更 */
.topImportant__wrap {
  padding: 1.25em 1.875em;
}

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

@media screen and (max-width: 767px) {
  .topImportant__head {
    order: initial;
  }
}

.topImportant__body {
  flex-direction: column;
  align-items: start;
}

@media screen and (max-width: 767px) {
  .topImportant__body {
    display: flex;
    padding: 0.625em 1.25em;
    border-radius: 0.5em;
    border: 1px solid #e60014;
  }
}

.topImportant__ttl a {
  display: block;
  height: 100%;
  text-decoration: none;
}

.topImportant__ttl a:hover {
  text-decoration: underline;
}

@media screen and (max-width: 767px) {
  .topImportant__ttl {
    order: initial;
    padding: 0;
    border: none;
  }
}

/* 2024.04.26 kaitou-kakuninsheet.php 作成 */
.u-bold {
  font-weight: bold;
}

.u-text-right {
  display: flex;
  justify-content: flex-end;
}

.u-text-right .list01__item--text {
  display: inline-block;
}

/* 2024.05.13 トップページ 温故知シンのスライド調整 */
.swiper-slide.swiper-slide--aspect {}

.swiper-slide.swiper-slide--aspect img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 35% 50%;
}

/* 2024.05.15 トップページ サービスリストの項目追加 */
.serviceList__head {
  font-size: 1.25em;
}

@media screen and (max-width: 767px) {
  .serviceList__head {
    font-size: 1.125em;
  }
}

@media screen and (min-width: 1920px) {
  .serviceList__head {
    font-size: 1.5625em;
  }
}

.serviceList__head::before {
  width: 1.2em;
  height: 1.2em;
}

@media screen and (max-width: 767px) {
  .serviceList__head::before {
    width: 1.52em;
    height: 1.52em;
  }
}

@media screen and (min-width: 1920px) {
  .serviceList__head::before {
    width: 1.52em;
    height: 1.52em;
  }
}

.serviceList__head--img.-service05 {
  width: min(28.57%, 4.72em);
}

.serviceList__links {
  gap: 0.625em;
  padding-left: 1.25em;
}

@media screen and (min-width: 1920px) {
  .serviceList__links {
    padding-left: 2.25em;
  }
}

.serviceList__link a {
  font-size: 0.8125em;
  line-height: 1.75;
}

@media screen and (min-width: 1920px) {
  .serviceList__link a {
    font-size: 1em;
  }
}

.serviceList__link a::before {
  top: 2px;
  line-height: 1.75;
}

/* 2024.05.16 トップページ 重要なお知らせ 休眠預金等に関するお知らせ */
.links .sectionText {
  margin-bottom: 0.2em;
}

.links .sectionText span {
  padding-right: 0.5em;
}

/* 2024.05.20 フッターロゴの上 登録金融機関の追加 */
.footer__box {
  width: 600px;
  max-width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.25em;
  padding-left: 1.25em;
  padding-bottom: 1em;
}

.footer__lists {
  display: grid;
}

.footer__list {
  font-size: 0.875em;
  line-height: 1.75;
}

/* 2024.06.12 /about/sougyoujyuku.php */
.p-btn-list {
  margin-top: 50px;
  margin-bottom: 50px;
  padding-top: 100px;
  padding-bottom: 100px;
  border-top: 1px solid #37b2e4;
  border-bottom: 1px solid #37b2e4;
}

.p-btn-list__items {
  display: grid;
  justify-content: center;
  gap: 30px;
}

.p-btn-list__item {
  /* width: 350px; */
  max-width: 100%;
}

.p-btn-list__item .btnPdf {
  width: 100%;
  max-width: 100%;
}

.p-btn-list__text {
  font-size: 17px;
  margin-top: 10px;
  line-height: 1.4;
}

/* 2024.06.17 /ib/fuseiteishi_2024.php */
.list01__item.list01__item--emphasis dd {
  padding: 1.25em 0.625em;
  border: 5px double #37b2e4;
  border-radius: 20px;
}

.list01__item--text.list01__item--text--indent {
  padding-left: 1em;
  text-indent: -1em;
}

/* 2024.06.17 /footer/Various_regulations.php */
.list04__item--btn.btn01 {
  max-width: 23.33em;
}

.t__number>li:nth-of-type(11)::before {
  content: "11." !important;
}

.t__number>li:nth-of-type(12)::before {
  content: "12." !important;
}

/* 2024.08.07 /about/chiiki2024.php */
.chiiki__detail--photo.chiiki__detail--photo--top::before {
  padding-top: 100%;
}

.chiiki__detail--photo.chiiki__detail--photo--top img {
  object-position: top;
}

.chiiki__detail--photo.chiiki__detail--photo--col1::before {
  padding-top: 35.72895277%;
}

/* 2024.08.07 /kojin/ib/guide_secu_recom.php */
.ibHead__button--wrap.ibHead__button--wrap--col2 {
  /* align-items: center; */
  flex-direction: row;
  margin-top: 30px;
  gap: 2%;
}

.ibHead__button--wrap.ibHead__button--wrap--col2>div {
  width: 49%;
}

.ibHead__button--wrap.ibHead__button--wrap--col2 .btn04 {
  width: 100%;
  height: 100%;
  padding-top: 1.05em;
  padding-bottom: 1.05em;
}

.btn04.btn04--no-arrow {
  line-height: 1.3;
}

.btn04.btn04--no-arrow::before {
  display: none;
}

.faq__hide--container {
  padding-bottom: 7.5em;
}

.ibContact {
  /* margin-top: 7.5em; */
  margin-top: 0;
}

/* 2024.10.03 headline_archive/denshisain_2024.php */
.number__item p {
  padding-left: 1em;
  text-indent: -1em;
}

/* 2024.10.15 kojin/ib/guide_secu_recom.php */
.ibStep__wrap {
  display: grid;
  gap: 40px;
}

.swiper-step.swiper-step--ib .swiper-wrapper {
  justify-content: space-around;
}

.swiper-step.swiper-step--ib .swiper-slide:first-child {
  display: flex;
  /* justify-content: flex-end; */
  padding-top: 0;
}

.swiper-step.swiper-step--ib .swiper-slide:first-child .ibStep__slide {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.25em 1.125em;
  font-size: 2em;
}
@media screen and (max-width: 768px) {
  .swiper-step.swiper-step--ib .swiper-slide:first-child .ibStep__slide {
    padding: 1.25em 0.425em;
    font-size: 1.5em;
  }
}

.swiper-step.swiper-step--ib .swiper-slide:first-child .ibStep__slide--ttl {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

.swiper-step.swiper-step--ib .swiper-slide:nth-child(2) .ibStep__slide--icon::before {
  display: none;
}

.swiper-step.swiper-step--ib .swiper-slide:nth-child(n+3) .ibStep__slide--icon::before {
  transform: translate(-165%, -50%);
}
@media screen and (max-width: 768px) {
  .swiper-step.swiper-step--ib .swiper-slide:nth-child(n+3) .ibStep__slide--icon::before {
    transform: translate(-100%, -50%);
  }
}

@media screen and (max-width: 768px) {
  .ibStep__slide--btn a {
    padding-right: 0;
    font-size: 0.8125em;
  }
  .ibStep__slide--btn a::before {
    display: none;
  }
}

/* 2024.10.23 index.php フッター上にバナー追加 */
.topOthers__items {
  display: grid;
  grid-template-columns: 1fr 1.9fr;
  column-gap: 1.25em;
  margin-top: 5em;
}

@media screen and (max-width: 768px) {
  .topOthers__items {
    grid-template-columns: 1fr;
    row-gap: 2.5em;
    margin-top: 2.5em;
  }
}

.topOthers__item {}

.topOthers__item.u-border {
  border: 1px solid #c0c0c0;
}

.topOthers__item a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

/* 2024.11.1 /news_archives/kaitou-kakuninsheet.php PDF画像の追加 */
.list01__lists {
  display: grid;
  grid-template-columns: 1fr 0.93fr;
  gap: 1.25em;
}

.list01__list {}


/* 2024.12.23 /news_archives/hangyodon_202501.php ハンギョドン通帳 */
.right-aligned-wrapper {
  display: flex;
  justify-content: flex-end;
}

.right-aligned-wrapper>div {
  width: 45%;
}

.pdf-img {
  margin-top: 50px;
}

@media screen and (max-width: 768px) {
  .pdf-img {
    margin-top: 25px;
  }
}


.catccha_img {
  text-align: center;
}

.catccha_img img {
  max-width: 300px;
  margin: 20px 0;
}

/* 口座の開設の修正 2025.02.25 */
.section__Note--wrap.is-active {
  position: relative;
  padding-right: 10.625em;
}

.section__Note--wrap.is-active::after {
  content: "詳細はこちらへ";
  position: absolute;
  top: 50%;
  right: 1.5em;
  transform: translateY(-50%);
  width: 8.75em;
  height: 1.125em;
  background: url(../img/common/icon_arrow_white.svg) no-repeat right center / contain;
  transition: right 0.3s ease;
}
.section__Note--wrap.is-active:hover::after {
  right: 1.25em;
}

.section__Note--wrap.is-active .sectionText a {
  text-decoration: underline;
}

.section__Note--wrap.is-active .sectionText + a {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 10.625em;
  height: 100%;
}

.list01__item--text .u-underline {
  text-decoration: underline;
}

.t__number > li a.u-mt36 {
  margin-top: 36px;
}
@media screen and (max-width: 768px) {
  .t__number > li a.u-mt36 {
    margin-top: 18px;
  }
}

.sectionTextSm a {
  text-decoration: underline;
}

/* 2025.03.21 HP下部にございますサイトアップ */
@media screen and (max-width: 1920px) {
  .f__items {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  }
}

/* 2025.04.01 年度末更新業務 */
.t__table tbody th,
.t__table tbody td {
  width: 50%;
}

ol p {
  margin-bottom: 0 !important;
}
.t__table {
  margin-top: 0;
}

/* 2025.04.04 トップページ　バナー */
.topOthers__items {
  margin-top: 2.1875em;
}
.topOthers__items.topOthers__items--col4 {
  grid-template-columns: 1.36fr 0.92fr 0.54fr 1fr;
  column-gap: 1em;
}

@media screen and (max-width: 768px) {
  .topOthers__items.topOthers__items--col4 {
    grid-template-columns: 1fr;
    row-gap: 2em;
  }
}

/* 2025.04.09 福岡ひびき経営大学 */
.universityClass__list--img::before {
  padding-top: 135%;
}

@media screen and (max-width: 768px) {
  .university__btns {
    display: flex;
  }
}

/* 2025.05.01 地域貢献活動の追加 */
.chiiki__detail--imgs.chiiki__detail--imgs--center {
  display: flex;
  justify-content: center;
}
.chiiki__detail--imgs.chiiki__detail--imgs--center .chiiki__detail--img {
  width: calc(50% - 0.5625em);
}

/* 2025.05.01 地域貢献活動の追加 */
.p-notes {}

.p-notes__text {
  color: #e60014;
  font-size: 1.0625em;
  line-height: 1.75;
  font-weight: 700;
  font-feature-settings: "palt";
}
.p-notes__text a {
  text-decoration: underline;
}

/* 2025.06.16 ハンギョドン特集ページへの動線作成 */
.topBtnArea {
  margin-top: 4.5em;
}
@media screen and (max-width: 768px) {
  .topBtnArea {
    margin-top: 2.5em;
  }
}

.inner {
}

.topBtnArea__item {
  text-align: center;
}

.c-hangyodon-btn {
  display: inline-block;
  width: 34.15625em;
  max-width: 100%;
}
@media screen and (max-width: 768px) {
  .c-hangyodon-btn {
    display: inline-block;
    width: 21.125em;
    max-width: 100%;
  }
}

/* 2025.06.20 相続定期預金ページ ボタン追加 */
.p-link-box {
  display: none;
}
@media screen and (max-width: 768px) {
  .p-link-box {
    display: block;
    margin-bottom: 1.25em;
  }
}
.p-link-box .btnPdf::after {
  display: none;
}

/* 2025.07.25 フッターにディスクロージャー誌のリンクを追加 */
.footer__disclosure {
  font-size: 0.875em;
  line-height: 1.75;
  text-align: center;
}

.footer__disclosure p a {
  color: #36B2E4;
  text-decoration: underline;
}
/* 2025.09.18 scroll-hint */
@media screen and (max-width: 768px) {
  .tableWrap.tableWrap--small table {
    width: 460px;
  }
  .tableWrap.tableWrap--medium table {
    width: 580px;
  }
  .toushinFeature__img img {
    width: 460px;
  }
  .toushin__map img {
    width: 460px;
  }
  .toushin__how img {
    width: 460px;
  }
}

/* 2026.02.27 金利一覧ページのリンクを中央寄せ */
@media screen and (min-width: 769px) {
  .rate__links {
    justify-content: center;
  }
}

/* 2026.04.01 フリーローンページのボタンを中央寄せ */
@media screen and (min-width: 769px) {
  .qr-flex {
    grid-template-columns: 7.5em auto 7.5em;
  }
}

/* 2026.04.03 ずっとパートナー住宅ローン（プレミアム）取引実績ポイント表 */
.jutaku-point-tables {
  width: 100%;
}
.jutaku-point-tables__heading {
  margin: 0 0 0.35em;
  /* padding-left: 1.5em; */
  position: relative;
  line-height: 1.6;
}
.jutaku-point-tables__table {
  width: 100%;
  table-layout: fixed;
}
.jutaku-point-tables__table th:first-child,
.jutaku-point-tables__table td:first-child {
  width: auto;
}
.jutaku-point-tables__table th:last-child,
.jutaku-point-tables__table td:last-child {
  width: 6.5em;
}

/* 2026.04.09 トップページ バナー追加 */
.topOthers__items.topOthers__items--col5 {
  grid-template-columns: 1.36fr 0.92fr 0.65fr 0.54fr 1fr;
  column-gap: 1em;
}

/* 2026.04.14 経営大学 第1回講義 画像2枚表示対応 */
.universityClass__list--contents--doubleimg {
  grid-template-columns: auto 11.875em;
}
.universityClass__list--imgs {
  align-self: start;
}
.universityClass__list--imgs--double {
  display: grid;
  grid-template-columns: repeat(2, 5.625em);
  column-gap: 0.625em;
}