/* ====================================================================================================
 * kinyulist.css
 * ==================================================================================================== */

* { margin: 0; padding: 0; }
ol , ul { margin: auto auto auto 30pt\9; }
:root ol, :root ul { margin: 16px 0px 16px 0px; padding: 0px 0px 0px 40px; }
body { font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif; }
.pbPage { width: 100%; }
.pbPage:after{ content: ""; display: block; height: 0; clear:both; visibility: hidden; }
.pbMainArea { max-width: 100%; _float: left; _display: inline; }
.pbHeaderArea { clear: both; }
.pbFooterArea { clear: both; }
.pbAreaWrapper1 { padding: 0; margin: 0; border-width: 0; clear: both; height: 100%; }
.pbAreaWrapper2 { padding: 0; border-width: 0; }
:root .pbAreaWrapper1:after { content: ""; height: 0px; clear:both; display:block; }
:root .pbAreaWrapper2 { margin: 0 0px 0 0px; }
.pbBlock { clear: both; }
.pbArea { margin: 0; padding: 0px; border-width: 0; text-align: center; }
.pbNested { clear:both; padding: 0; margin: 0; min-height: 0; _height: 1%; }
.pbNested:after { content: ""; height: 0px; clear:both; display:block; }
.pbAnchor { margin: 0; padding: 2px; font-family: "ＭＳ Ｐゴシック",MS Gothic,"ヒラギノ角ゴ Pro W3", Osaka,sans-serif; line-height: normal; text-indent: 0; overflow: visible !important; }

/* 20250829_口座振替取扱金融機関一覧レスポンシブ対応に伴い追加 */
/* 共済ロゴのレスポンシブ */
.kyosai-auter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.kyosai-logo {
  padding-bottom: 20px;
  width: 90%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.kyosai-logo .kyosai-logo-img {
  width: 24%;
  padding-top: 8px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.kyosai-logo .kyosai-logo-img.house {width: 25%; }
.kyosai-logo img { max-width: 100%; }
@media screen and (max-width: 710px) {
    .kyosai-logo .kyosai-logo-img { width: 45%; padding-right: 2%; }
    .kyosai-logo .kyosai-logo-img.house { width: 50%; }
    .kyosai-logo img { height: auto; }
}
/* 共済ロゴのレスポンシブ end */

/* 金融機関名アコーディオン */
.content_auter { border: 3px solid #094; border-radius: 10px; }
.content_auter input, .content_auter input ~ div { display: none; }
.content_auter input:checked ~ div, .content_in_auter input:checked ~ div { display: block; }
.content_auter input:checked ~ label .section-title { background-color: #ebffd9; border-radius: 10px 10px 0 0; }
.content_auter .section-title, .content_auter .section-title-inner { cursor: pointer; }
@media (any-hover: hover) {
    .content_auter input ~ label .section-title:hover { background-color: #ebffd9; border-radius: 10px; }
}
.section-title .section-title-inner { padding-right: 10px; }
.content_auter .section-title h2 {
  background: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  padding: 0 0 0 15px;
}
.content_auter .section-title h2::after {
  -webkit-transform: translateY(-25%) rotate(45deg);
          transform: translateY(-25%) rotate(45deg);
  padding: 4px;
  margin-left: 10px;
  border-bottom: 3px solid #094;
  border-right: 3px solid #094;
  content: '';
}
.content_auter input:checked ~ label .section-title h2::after { -webkit-transform: rotate(225deg); transform: rotate(225deg); }

    /* ねんきんルート */
.content_inner{ padding: 10px; }
.content_in_auter { border-top: 1px solid #92d050; }
.content_in_auter:last-child { border-bottom: 1px solid #92d050; }
.content_in_auter input ~ div { display: none; }
.content_in_auter .child-section-title h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  margin: 5px 0;
  padding: 0 0 0 15px;
  border-left: 7px solid #92d050;
  font-size: 2.2em;
}
.content_in_auter .child-section-title h2::after {
  -webkit-transform: translateY(-25%) rotate(45deg);
          transform: translateY(-25%) rotate(45deg);
  width: 7px;
  height: 7px;
  margin-left: 10px;
  border-bottom: 3px solid #92d050;
  border-right: 3px solid #92d050;
  content: '';
}
.content_in_auter input:checked ~ label .child-section-title h2::after { -webkit-transform: rotate(225deg); transform: rotate(225deg); }
    /* ねんきんルート end */
/* 金融機関名アコーディオン end */

.Button { display: block; text-align: center; padding-top: 40px; }
.Button input {
    padding: 8px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 48px;
    background-color: #fcfcfc;
    border: 1px solid #ebebeb;
    -webkit-box-shadow: inset 0 -2px 0 #ebebeb;
    box-shadow: inset 0 -2px 0 #ebebeb;
    border-radius: 5px;
    color: #000;
    font-size: 1.5rem;
    text-decoration: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    outline: none;
    cursor: pointer;
    font-weight: bold;
    width: 150px;
}
/* 20250829_口座振替取扱金融機関一覧レスポンシブ対応に伴い追加 end */

/* ====================================================================================================
 * all.css
 * ==================================================================================================== */

:root ol, *:root ul { margin: 0; padding: 0; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, main, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
html { font-size: 0.625em; }
body { line-height: 1.5; -webkit-text-size-adjust: 100%; }
h1, h2, h3, h4, h5, h6, dt, dd, li, caption, col, th, td, p, address, figcaption { font-size: 1.2em; }
body, input, textarea, select { font-family: "Hiragino Kaku Gothic ProN", "Meiryo", "MS PGothic", sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
th { font-weight: bold; }
th, td { vertical-align: top; }
ol, ul { list-style: none; }
input[type="image"] { cursor: pointer; vertical-align: top; }
img { vertical-align: top; -ms-interpolation-mode: bicubic; }
object, embed, iframe { vertical-align: top; outline: none; max-width: 100%; }
header, footer, main, section, article, aside, nav, .page-container, .page-header, .page-footer, .content, .main-content, .sub-content, .article, .section, .row { zoom: 1; }
header:before, footer:before, main:before, section:before, article:before, aside:before, nav:before, .page-container:before, .page-header:before, .page-footer:before, .content:before, .main-content:before, .sub-content:before, .article:before, .section:before, .row:before, header:after, footer:after, main:after, section:after, article:after, aside:after, nav:after, .page-container:after, .page-header:after, .page-footer:after, .content:after, .main-content:after, .sub-content:after, .article:after, .section:after, .row:after { content: ''; display: table; }
header:after, footer:after, main:after, section:after, article:after, aside:after, nav:after, .page-container:after, .page-header:after, .page-footer:after, .content:after, .main-content:after, .sub-content:after, .article:after, .section:after, .row:after { clear: both; }
body { width: 100%; line-height: 1.6; color: #333333; background-color: #fff; -webkit-text-size-adjust: 100%; }
h1, h2, h3, h4, h5, h6, dt, dd, li, caption, col, th, td, p, address, figcaption { font-size: 1.4em; color: #333333; text-align: left; }
dt, dd, li, caption, col, th, td, p, address, figcaption { line-height: 1.6\9; }

/* ヘッダ */
.page-header { padding: 0; border-bottom: 3px solid #eaeaea; }
.page-header .site-logo { float: left; position: relative; z-index: 1001; }
.page-header.theme-popup { height: 107px; background: #fff; }
.page-header.theme-popup .site-logo { position: relative; top: 0; left: 0; margin: 0; padding: 25px; }
.page-header.theme-popup .site-logo img { height: 46px; width: 236px; }
@media screen and (max-width: 710px) {
    .page-header.theme-popup { height: auto; }
    .page-header.theme-popup .pbArea {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .page-header.theme-popup .site-logo { width: 50%; padding: 15px; text-align: center; }
    .page-header.theme-popup .site-logo img { max-width: 100%; width: auto; height: auto; }
}
/* ヘッダ end */

.content, .pbAreaWrapper1 { position: relative; margin: 30px auto 0; }
.theme-popup + .content, .theme-popup + .pbAreaWrapper1 { width: 710px; }
@media screen and (max-width: 710px) {
    .theme-popup + .content, .theme-popup + .pbAreaWrapper1 { width: 100%; }
}
.pbAreaWrapper2 { margin-left: 0 !important; }
.pbMainArea, .main-content { float: left; width: 710px; }

/* フッタ */
.page-footer:before, .page-footer:after { content: ''; display: table; }
.page-footer:after { clear: both; }
.page-footer.theme-popup { overflow: hidden; padding: 16px 0; background: #fff;}
.page-footer.theme-popup .footer-logo { float: left; margin: 0 0 0 25px; }
.page-footer.theme-popup .footer-logo:first-child { margin-top: 0; }
.page-footer.theme-popup .copyright { clear: none; float: right; margin: 0 25px 0 0; color: #666; font-size: 1.1em; text-align: right; }

#footerArea .bgGreen{ border-bottom: 18px solid #009844; padding-bottom: 10px; }
#footerArea .copy { position: relative; max-width: 1000px; margin: 0 auto; padding: 2em 0 1em; text-align: center; }
#footerArea .copy::before {
  position: absolute;
  top: -42px;
  left: 120px;
  content: "";
  background-image: url(../img/tagline.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 151px;
  height: 65px;
  z-index: 2;
}
#footerArea .copy::after {
  position: absolute;
  top: 8px;
  right: 0;
  content: "";
  background-image: url(../img/tagline02.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  width: 196px;
  height: 15px;
  z-index: 2;
}
.page-footer.theme-popup .pbNested .footer-logo img { width: 175px; height: 57px; }
@media screen and (max-width: 710px) {
    #footerArea .bgGreen{ border-bottom: 9px solid #009844; }
    #footerArea .copy{ padding: 1.2em 0 .625em; }
    #footerArea .copy::before {
        position: absolute;
        top: -21px;
        left: 18%;
        width: 77px;
        height: 33px;
    }
    #footerArea .copy::after {
        top: 4px;
        right: 0;
        width: 131px;
        height: 10px;
    }
    #footerArea .pbNestedWrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .page-footer.theme-popup .pbNested .footer-logo { margin: 0; width: 50%; text-align: center; }
    .page-footer.theme-popup .pbNested .footer-logo img { max-width: 100%; height: auto; }
    .page-footer.theme-popup .pbNested .copyright { margin: 0; }
}
/* フッタ end */

.page-title h1, .section-title h1, .local-title h1, .subhead h1, .page-title h2, .section-title h2, .local-title h2, .subhead h2, .page-title h3, .section-title h3, .local-title h3, .subhead h3, .page-title h6, .section-title h6, .content-title h6, .local-title h6, .subhead h6 { line-height: 1.2; }
.page-title { display: table; width: 100%; padding: 20px 0;}
.page-title h1, .page-title h2, .page-title h3, .page-title h4, .page-title h6 { color: #094; display: table-cell; font-size: 2.6em; }
.section-title { display: table; width: 100%; padding: 15px 0 15px 0; }
.section-title h1, .section-title h2, .section-title h3, .section-title h4, .section-title h6 { display: table-cell; position: relative; padding-left: 15px; font-size: 2.2em; vertical-align: middle; }
p { margin-top: 12px; }
p:first-child { margin-top: 0; }
a:link { color: #333333; text-decoration: none; }
a:visited { color: #333333; text-decoration: none; }
a:hover { color: #009944; text-decoration: underline; }
.size-small { font-size: 85.71% !important; }
p.size-small { font-size: 1.2em !important; }
.size-14px { font-size: 14px !important; }
.size-18px { font-size: 18px !important; }
.align-right { text-align: right !important; }
.mt0 { margin-top: 0 !important; }
.mt15 { margin-top: 15px !important; }
.mb15 { margin-bottom: 15px !important; }
.pt10 { padding-top: 10px !important; }
.pt20 { padding-top: 20px !important; }
.pb5 { padding-bottom: 5px !important; }
.mod-list-balloon { margin-top: -1px; padding: 15px 10px; border-left: 8px solid #ac4600; background-color: #ffffeb; }
.mod-list-balloon p { color: #ac4600; font-weight: bold; margin: 0;}

/* ====================================================================================================
 * base.css
 * ==================================================================================================== */

*{ margin : 0px; padding : 0px;}
body{ background : #ECF1F3; color : #333;}
img{ border : none;}
ul, li{ list-style : none;}
p{ margin : 0px 0px 6px 0px; line-height : 1.45;}
table{ line-height : 1.45;}
#contentsArea{ float : left; width : 659px; padding : 0px 0px 40px 0px; }
h1 img{ display : block; margin : 0px 0px 20px 0px;}

/* ====================================================================================================
 * parts.css
 * ==================================================================================================== */

#contentsArea a{color : #644817;text-decoration : underline;}
#contentsArea a:hover{color : #EE7A1D;text-decoration : underline;}
a.icn004 {padding: 0 0 0 12px;}
.alignRight,#contentsArea table .alignRight{text-align : right !important;}
.alignCenter,#contentsArea table .alignCenter{text-align : center !important;}
.mbottom00{margin-bottom : 0px !important;}
.mbottom05{margin-bottom : 5px !important;}
.mbottom10{margin-bottom : 10px !important;}
.mbottom30{margin-bottom : 30px !important;}
.mright00{margin-right : 0px !important;}
.mleft00{margin-left : 0px !important;}
.mtop80{margin-top : 80px !important;}
.fwNml{font-weight:normal !important;}
.floatR{margin:0;padding:0;float:right !important;}
.table004 td{vertical-align: middle;}
#contentsArea .txtBox08 p{font-size: 1.4rem;font-size: 1.4em;}

/* ====================================================================================================
 * sidemenu.css
 * ==================================================================================================== */


/* ====================================================================================================
 * indent.css
 * ==================================================================================================== */

.txtBox05{ clear:both;}
.txtBox08{ clear:both;}
.txtBox13{ clear:both;}

/* ====================================================================================================
 * table_new.css
 * ==================================================================================================== */

/* ====================================================================================================
 * kyousai.css
 * ==================================================================================================== */


/* ====================================================================================================
 * table.css
 * ==================================================================================================== */

table{ line-height : 1.3; font-size:85%;}
.table004{ margin:0 20px 0 20px; padding:0;}
.table004 .table001Inner{ margin:0; padding:10px; -webkit-box-sizing: border-box; box-sizing: border-box;}
.table004 .table001Inner table .border { border-left: 1px solid #d9d9d9; padding-left: 8px; display: block; }
.table004 .table001Inner table td { width: 20%; }
@media screen and (max-width: 710px) {
    .table004 { overflow: hidden; padding-bottom: 5px; }
    .table004 .table001Inner { overflow: auto; display: block; }
    .table004 .table001Inner table { width: 650px; }
    .table004 .table001Inner table td { width: calc(650px / 5); }
}
.table004 table{ margin:0; padding:0; border:none; border-collapse:collapse; }
.table004 table th{ margin:0; padding:4px; background-color:#69ad2e; color:#ffffff; font-weight:bold; text-align:center;}
.table004 table td{ margin:0; padding:4px; background-color:#ffffff; color:#333333;}
.table001Inner th{ vertical-align:middle;}
.table004 table td, .table004 table th{ font-size: 1.4em; font-size: 1.4rem;}

/* ====================================================================================================
 * print.css
 * ==================================================================================================== */


/* ====================================================================================================
 * popup.css
 * ==================================================================================================== */

#contentsArea{ width : 659px; min-height : 300px; background : none; margin:0 auto; float: none;}
body{ background: #ECF1F3;}
body{ background: none!important; }
.pbPage{ background: none;}
.page-header { min-width: 659px; }
.content, .pbAreaWrapper1 { width: 659px; }
.page-footer { min-width: 659px; }
@media screen  and (max-width: 710px) {
    .page-header, .page-footer { min-width: 100%; }
    .content, .pbAreaWrapper1, .page-footer .inner, .page-footer .return-top-wrap { width: 100%; }
}

/* ====================================================================================================
 * ikiru_hint.css
 * ==================================================================================================== */


/* ====================================================================================================
 * old-page_reset.css
 * ==================================================================================================== */

#page #contentsArea { float: none; width: 700px; margin: 0 auto; box-sizing: border-box; }
@media screen and (max-width: 710px) {
    #page #contentsArea { width: 100%; padding: 0 20px 40px 20px;}
}
#page .page-title { margin-bottom: 20px; }
#page .content-title { margin-bottom: 10px; clear: both; }
#page .content-title h1, #page .content-title h2, #page .content-title h3, #page .content-title h4, #page .content-title h6 { font-size: 1.7em; }
#page .local-title { margin-bottom: 10px; }
#page .local-title h1, #page .local-title h2, #page .local-title h3, #page .local-title h4, #page .local-title h6 { font-size: 1.6em; }
a { color: #333; }
a:hover { color: #094; }
#headerArea a { text-decoration: none; }
#headerArea a:hover { text-decoration: underline; }
#headerArea a.is-current { color: #094; text-decoration: none; }
.txtBox01, .txtBox05, .txtBox08, .table004, .table004 table { margin: 0 auto; }