/* ------------------------------
Footer
--------------------------------- */

/*67*/
.Footer__content ul[class], ol[class] {
    padding-left: 0;
}
/*72*/
.Footer__content ul[class]>li[class], ol[class]>li[class] {
    list-style-type: none;
}
/*_82*/
.Footer__content ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/*_115*/
.Footer__content ul {
    list-style: none;
}

/*_132*/
.Footer__content a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

/*_603*/
.Footer__content .Footer__financialCode {
    margin-top: 20px;
    justify-content: center;
}
/*_619*/
.Footer__content .Footer__subNavigation .Footer__item {
    border-bottom: solid 1px #fff;
}

/*_622*/
.Footer__content .Footer__subNavigation .Footer__link {
    display: flex;
    padding: 15px 13px 16px 5px;
    justify-content: space-between;
    color: #fff;
    font-size: 0.9375rem;
    font-weight: 600;
    align-items: center;
    line-height: 1.2;
    text-decoration: none;
}

/*_633*/
.Footer__content .Footer__subNavigation .Footer__link::after {
    content: '';
    display: block;
    height: 12px;
    width: 12px;
    background-image: url(https://www.sevenbank.co.jp/shared2022/images/common/ico_arrow_right_white.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
/*_643*/
.Footer__content .Footer__links {
    display: flex;
    margin-top: 36px;
    padding: 0 14px;
    flex-wrap: wrap;
    justify-content: center;
}
/*6995*/
.Footer__content {
    height: auto;
    width: 100%;
    margin-top: 50px;
    padding-bottom: 14px;
    padding-top: 4px;
    background-image: linear-gradient(90deg, #f00 0 50%, #f08324 50%);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% 4px;
}
/*6640*/
.Footer__content ._w100 {
    width: 100% !important;
}
/*7011*/
.Footer__content {
    padding: 30px;
    background-color: #1aa362;
}
/*7021*/
.Footer__content .Footer__inner {
    height: auto;
    width: 100%;
}
/*7036*/
.Footer__content .Footer__logo {
    height: 44px;
    width: 154px;
    margin-inline: auto;
}
/*7235*/
.Footer__content .Footer__list {
    display: flex;
    padding: 0 14px;
    flex-wrap: wrap;
    justify-content: center;
}
/*7242*/
.Footer__content .Footer__links .Footer__item:nth-child(n+2):not(.-borderNone)::before {
    content: '|';
    margin-left: 0.5em;
    margin-right: 0.5em;
    color: #fff;
}
/*7249*/
.Footer__content .Footer__item.-borderNone {
    text-align: center;
}
/*7264*/
.Footer__content .Footer__link {
    color: #fff;
    font-size: 0.875rem; /*1.4*/
    line-height: 2;
    text-decoration: none;
}
/*7271*/
.Footer__content .Footer__financialCode {
    display: flex;
    margin-top: 12px;
    color: #fff;
    font-size: 0.625rem; /*1*/
    flex-wrap: wrap;
    justify-content: center;
}
/*7290*/
.Footer__content .Footer__financialNumber+.Footer__financialName {
    margin-left: 0.5em;
}

.Footer__content .Footer__financialNumber {
    margin: 0;
}

/*7294*/
.Footer__content .Footer__financialName::after {
    content: '：';
}
/*7298*/
.Footer__bottom {
    margin: 14px 0;
}

.Footer__bottom p {
  text-align: center;
}

/*7302*/
.Footer__copyright {
    margin-inline: auto;
}

/*_7687*/
.Header__wrapper *, .Header__wrapper *::before, .Header__wrapper *::after, .Footer__wrapper *, .Footer__wrapper *::before, .Footer__wrapper *::after {
    box-sizing: border-box;
}

/*_7697*/
.Header__wrapper ul[class], .Header__wrapper ol[class], .Footer__wrapper ul[class], .Footer__wrapper ol[class] {
    padding-left: 0;
}

/*_7700*/
.Header__wrapper ul[class] > li[class], .Header__wrapper ol[class] > li[class], .Footer__wrapper ul[class] > li[class], .Footer__wrapper ol[class] > li[class] {
    list-style-type: none;
}

@media (max-width: 768px) {
/*_7764*/
    .Footer__content .Footer__financialCode {
        flex-wrap: wrap;
        justify-content: flex-end;
    }
/*_7768*/
    .Footer__content .Footer__financialName {
        width: calc(100% - 100px);
        text-align: right;
    }
}
@media (min-width: 769px) {
/*_8146*/
    .Footer__content .Footer__subNavigation {
        display: flex;
        margin-top: 36px;
        flex-wrap: wrap;
        justify-content: center;
        column-gap: 25px;
        -webkit-column-gap: 25px;
        -moz-column-gap: 25px;
        row-gap: 5px;
    }
/*_8157*/
    .Footer__content .Footer__subNavigation .Footer__item {
        border-bottom: none;
    }
/*_8160*/
    .Footer__content .Footer__subNavigation .Footer__link {
        padding: 0;
        flex-direction: row-reverse;
        column-gap: 5px;
        font-size: 0.875rem;
        font-weight: 500;
        -webkit-column-gap: 5px;
        -moz-column-gap: 5px;
    }
/*_8170*/
    .Footer__content .Footer__subNavigation .Footer__link::after {
        height: 10px;
        width: 10px;
    }
/*19863*/
    .Footer__content ._w-auto__pc {
        width: auto !important;
    }
/*20296*/
    .Footer__content {
        padding-bottom: 40px;
        padding-top: 50px;
    }
/*20301*/
    .Footer__content .Footer__inner {
        max-width: 1000px;
        margin-inline: auto;
    }
/*20307*/
    .Footer__content .Footer__logo {
        height: auto;
        width: 176px;
        margin-inline: 0;
    }
/*20314*/
    .Footer__content .Footer__logo {
        display: block;
    }
/*20479*/
    .Footer__content .Footer__list {
        margin-top: 14px;
        padding: 0;
        justify-content: flex-start;
    }
/*20480*/
    .Footer__content .Footer__item.-borderNone {
        width: auto;
        text-align: left;
    }
/*20485*/
    .Footer__content .Footer__item.-borderNone::before {
        content: '|';
        margin-left: 0.5em;
        margin-right: 0.5em;
        color: #fff;
    }
/*20496*/
    .Footer__content .Footer__link {
        font-size: 0.75rem; /*1.2*/
        font-weight: 500;
    }
}

/* ------------------------------
BackToHome
--------------------------------- */

:root {
  --font-weight-semibold: 600; /* フォントの重さ：中太 */
  --max-width-content: 832px; /* コンテンツの最大幅 */
}

.faq-index-layout .faq-more-help,
.faq-answer-layout .faq-more-help,
.faq-index-layout .faq-backto-top {
  display: none;
}

.faq-backto-top {
    max-width: var(--max-width-content);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.faq-backto-top .faq-backto-top-content {
    padding: 32px 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 32px;
}

@media screen and (min-width: 768px) {
    .faq-backto-top .faq-backto-top-content a {
        font-size: 16px !important;
    }
}

.faq-backto-top .faq-backto-top-content a {
    color: var(--color-primary);
    background: #fff;
    text-decoration: none;
    border: 2px solid var(--color-primary);
    border-radius: 3px;
    padding: 14px 16px;
    font-size: 15px;
    font-weight: var(--font-weight-semibold);
    min-width: 240px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 44px;
}

/* ------------------------------
BackToTop
--------------------------------- */

html {
  scroll-behavior: smooth;
}
/*8380*/
.BackToTop__moduleA {
    height: 0;
    width: 100%;
}
/*8385*/
.BackToTop__inner {
    position: relative;
    height: auto;
    width: 100%;
}
/*8391*/
.BackToTop__button {
    position: fixed;
    bottom: 20px;
    right: 5px;
    z-index: 999;
    display: -ms-grid;
    display: grid;
    overflow: hidden;
    height: 40px;
    width: 40px;
    background-color: rgba(255, 255, 255, 0.5);
    background-image: url(https://www.sevenbank.co.jp/shared2022/images/common/ico_backtop_green.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 12px 18px;
    border-radius: 50%;
    box-shadow: 0 0 3px rgba(51, 51, 51, 0.2);
    font-size: 0;
    place-content: center;
}
@media (max-width: 767px) {
    .BackToTop__button {
        bottom: 60px;
    }
}

/* これかもの非表示 */
.template-4 .maybe-this-one a h5:after {
    display: none;
}

/* 以下を採用 */
/* カテゴリフィルターの色 */
.template-4 .faq-filter-category .faq-filter-category-sub-category-wrapper .faq-filter-category-sub-category:hover {
    color: var(--color-primary);
}
.template-4 .faq-filter-category .faq-filter-category-sub-category-wrapper 
.faq-filter-category-sub-category > span > span:after {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%)
            saturate(7500%) hue-rotate(213deg) brightness(101%) contrast(102%);
}
.template-4 .faq-filter-category .faq-filter-category-sub-category-wrapper 
.faq-filter-category-sub-category:hover > span > span:after {
    filter: brightness(0) saturate(100%) invert(51%) sepia(31%) 
            saturate(6804%) hue-rotate(106deg) brightness(90%) contrast(94%);
}

/* Q A アイコン */
.faq-panel .faq-panel-content .faq-panel-content__avatar {
    content: none !important;
    filter: none !important;
    background-color: var(--color-secondary) !important;
    color: var(--color-white)!important;
}
.faq-panel .faq-answer-q {
    content: none !important;
    filter: none !important;
    background-color: var(--color-secondary) !important;
    color: var(--color-white)!important;
}
.faq-answer-content-wrapper .faq-answer-content__a {
    content: none !important;
    filter: none !important;
    background-color: var(--color-secondary) !important;
    color: var(--color-white)!important;
}

/* TOPに戻るのホバー */
.faq-backto-top .faq-backto-top-content a:hover {
    color: var(--color-white);
    background: var(--color-primary);
}

/* キーワード検索を非表示 */
.template-4 .faq-search-container {
    display: none;
}

/* もっとみる/とじるの表示 */
/* 「▽もっとみる」に並び替え（モバイル用ボタンに限定） */
.template-4 .faq-filter-search
  .faq-filter-search-keyword-expand-button.faq-filter-search-keyword__button--mobile
  > .faq-filter-search-keyword-expand-button__label {
  display: flex;              /* 既にinheritですが明示 */
  justify-content: flex-start;/* 左寄せに変更（space-between解除） */
  align-items: center;
}

/* アイコンをテキストより前に表示＆余白調整 */
.template-4 .faq-filter-search
  .faq-filter-search-keyword-expand-button.faq-filter-search-keyword__button--mobile
  > .faq-filter-search-keyword-expand-button__label
  .faq-filter-search-keyword-expand-button__icon {
  order: -1;        /* これで「▽」が先頭に来る */
  margin-right: 6px;
  margin-left: 0;
}

/* MUIのデフォルト余白を上書き（念のため） */
.template-4 .faq-filter-search
  .faq-filter-search-keyword-expand-button.faq-filter-search-keyword__button--mobile
  .MuiButton-endIcon {
  margin-left: 0;
  margin-right: 6px;
}

/* フィードバック */
/* 「はい」ボタン用 */
.template-4 .faq-questionnaire.notSelected {
    display: block !important;
}

/* 縦並び（上：文字 / 下：アイコン）にする */
.faq-questionnaire__actions__button--yes .MuiButton-label,
.faq-questionnaire__actions__button--no  .MuiButton-label {
  display: flex !important;      /* 既存の display: inherit を上書き */
  flex-direction: column;         /* テキスト → アイコン の順 */
  align-items: center;
  justify-content: center;
}

/* 共通：アイコン（テキストの下に表示） */
.faq-questionnaire__actions__button--yes .MuiButton-label::after,
.faq-questionnaire__actions__button--no  .MuiButton-label::after {
  content: "";
  display: block;
  width: 32px;   /* モバイル（初期）サイズ */
  height: 32px;  /* モバイル（初期）サイズ */
  margin-top: 6px;               /* テキストとアイコンの間隔 */
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* PC（768px以上）ではサイズを拡大（14pxの4倍=56px） */
@media (min-width: 768px) {
  .faq-questionnaire__actions__button--yes .MuiButton-label::after,
  .faq-questionnaire__actions__button--no  .MuiButton-label::after {
    width: 56px;
    height: 56px;
    margin-top: 8px;
  }
}

/* 「はい」ボタン全体の色設定 */
.faq-questionnaire__actions__button--yes {
  background-color: var(--color-secondary) !important;
  color: var(--color-white) !important;
}

/* 「はい」アイコン（線を白に変更） */
.faq-questionnaire__actions__button--yes .MuiButton-label::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'><path d='M22.008 14.86c.335-.374.539-.867.539-1.407 0-1.163-.947-2.11-2.11-2.11h-4.094c.406-1.23.579-2.862.579-3.562v-.703a2.816 2.816 0 0 0-2.813-2.812h-.703a.7.7 0 0 0-.682.532l-.383 1.532c-.536 2.146-2.24 4.514-4.004 4.944a2.11 2.11 0 0 0-1.962-1.336H2.156a.703.703 0 0 0-.703.703v12.656c0 .388.315.703.703.703h4.219c.839 0 1.564-.492 1.904-1.202l2.416.805c.79.263 1.613.397 2.446.397h5.89a2.112 2.112 0 0 0 1.962-2.887 2.11 2.11 0 0 0 1.554-2.035c0-.54-.204-1.032-.539-1.406a2.1 2.1 0 0 0 0-2.813m-14.93 7.03a.704.704 0 0 1-.703.704H2.859v-11.25h3.516c.388 0 .703.315.703.703zm11.953-6.328h1.407a.704.704 0 0 1 0 1.407H19.03a.703.703 0 0 0 0 1.406h1.407a.704.704 0 0 1 0 1.406H19.03a.703.703 0 0 0 0 1.407.704.704 0 0 1 0 1.406h-5.89c-.682 0-1.355-.11-2.002-.325l-2.655-.885v-8.7c1.103-.21 2.183-.909 3.157-2.052.952-1.116 1.723-2.597 2.064-3.96l.25-1h.154c.776 0 1.407.63 1.407 1.406v.703c0 .944-.296 2.755-.674 3.563h-1.436a.703.703 0 0 0 0 1.406h7.031a.704.704 0 0 1 0 1.406h-1.406a.703.703 0 0 0 0 1.406'/><path d='M4.969 21.188a.703.703 0 1 0 0-1.407.703.703 0 0 0 0 1.407M14.813 0a.703.703 0 0 0-.704.703v1.453a.703.703 0 0 0 1.407 0V.703A.703.703 0 0 0 14.813 0M11.83 3.1l-.995-.994a.703.703 0 1 0-.994.995l.994.994a.703.703 0 1 0 .994-.994M19.784 2.106a.703.703 0 0 0-.994 0l-.994.995a.703.703 0 0 0 .994.994l.994-.994a.703.703 0 0 0 0-.995'/></svg>");
}

/* --- hover：背景=白、文字=primary、アイコン=primary（currentColorで全面塗り） --- */
.faq-questionnaire__actions__button--yes:hover {
  background-color: var(--color-white) !important;
  color: var(--color-secondary) !important;
  border-color: var(--color-secondary);
}
.faq-questionnaire__actions__button--yes:hover .MuiButton-label::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='%23FF6600' viewBox='0 0 24 24'><path d='M22.008 14.86c.335-.374.539-.867.539-1.407 0-1.163-.947-2.11-2.11-2.11h-4.094c.406-1.23.579-2.862.579-3.562v-.703a2.816 2.816 0 0 0-2.813-2.812h-.703a.7.7 0 0 0-.682.532l-.383 1.532c-.536 2.146-2.24 4.514-4.004 4.944a2.11 2.11 0 0 0-1.962-1.336H2.156a.703.703 0 0 0-.703.703v12.656c0 .388.315.703.703.703h4.219c.839 0 1.564-.492 1.904-1.202l2.416.805c.79.263 1.613.397 2.446.397h5.89a2.112 2.112 0 0 0 1.962-2.887 2.11 2.11 0 0 0 1.554-2.035c0-.54-.204-1.032-.539-1.406a2.1 2.1 0 0 0 0-2.813m-14.93 7.03a.704.704 0 0 1-.703.704H2.859v-11.25h3.516c.388 0 .703.315.703.703zm11.953-6.328h1.407a.704.704 0 0 1 0 1.407H19.03a.703.703 0 0 0 0 1.406h1.407a.704.704 0 0 1 0 1.406H19.03a.703.703 0 0 0 0 1.407.704.704 0 0 1 0 1.406h-5.89c-.682 0-1.355-.11-2.002-.325l-2.655-.885v-8.7c1.103-.21 2.183-.909 3.157-2.052.952-1.116 1.723-2.597 2.064-3.96l.25-1h.154c.776 0 1.407.63 1.407 1.406v.703c0 .944-.296 2.755-.674 3.563h-1.436a.703.703 0 0 0 0 1.406h7.031a.704.704 0 0 1 0 1.406h-1.406a.703.703 0 0 0 0 1.406'/><path d='M4.969 21.188a.703.703 0 1 0 0-1.407.703.703 0 0 0 0 1.407M14.813 0a.703.703 0 0 0-.704.703v1.453a.703.703 0 0 0 1.407 0V.703A.703.703 0 0 0 14.813 0M11.83 3.1l-.995-.994a.703.703 0 1 0-.994.995l.994.994a.703.703 0 1 0 .994-.994M19.784 2.106a.703.703 0 0 0-.994 0l-.994.995a.703.703 0 0 0 .994.994l.994-.994a.703.703 0 0 0 0-.995'/></svg>");
}


/* 「いいえ」アイコン（clipPathの # は %23 にエスケープ） */
.faq-questionnaire__actions__button--no .MuiButton-label::after {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 24 24'><g clip-path='url(%23no_svg__a)'><path d='M12 .75C5.796.75.75 5.797.75 12S5.796 23.25 12 23.25 23.25 18.203 23.25 12 18.204.75 12 .75m0 21c-5.376 0-9.75-4.374-9.75-9.75S6.624 2.25 12 2.25s9.75 4.374 9.75 9.75-4.374 9.75-9.75 9.75'></path><path d='M12 14.663a7 7 0 0 0-5.178 2.257.75.75 0 0 0 1.1 1.02A5.5 5.5 0 0 1 12 16.164c1.566 0 3.014.631 4.077 1.778a.75.75 0 0 0 1.06.04.75.75 0 0 0 .04-1.06A7 7 0 0 0 12 14.662M6.99 11.51a.75.75 0 0 0 1.06 0L9.9 9.66a.75.75 0 0 0 0-1.06L8.05 6.753a.75.75 0 1 0-1.06 1.06l1.318 1.318-1.319 1.318a.75.75 0 0 0 0 1.06M15.95 11.51a.75.75 0 0 0 1.06 0 .75.75 0 0 0 0-1.06L15.693 9.13l1.319-1.318a.75.75 0 1 0-1.061-1.06L14.1 8.6a.75.75 0 0 0 0 1.06z'></path></g><defs><clipPath id='no_svg__a'><path fill='%23fff' d='M0 0h24v24H0z'></path></clipPath></defs></svg>");
}

/* head-captionのリンク設定 */
/* 通常時：文字色は継承、下線なし */
.faq-header-caption {
  color: inherit;
  text-decoration: none;
  cursor: pointer; /* マウスカーソルをリンク風に */
}

/* hover時のみ下線（文字色と同色） */
.faq-header-caption:hover {
  text-decoration: underline;
  text-decoration-color: currentColor;
}