@charset "UTF-8";
/*　基本色　*/
/*　マスターワイズ　*/
/*　clearする　*/
.clearfix:after {
  content: "";
  clear: both;
  display: block; }

/* ボディ設定
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
html {
  font-size: 62.5%;
  line-height: 1;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
  /*　デバイスフォント最適化　*/
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility; }

body {
  font-size: 1.5rem;
  color: #222; }

/*　リンク設定　*/
* a {
  color: inherit;
  text-decoration: underline;
  transition: all .2s ease; }
* a:hover {
  opacity: .8; }

/*　イメージプリロード　*/
img.preload {
  width: 0px;
  height: 0px;
  display: none; }

/* 基礎要素	＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
header {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #ddd;
  padding: 45px 0 0;
  /* ヘッダーメイン */
  /* アサイド */ }
  header #box_header_main {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* ロゴ */
    /* ナビゲーション */ }
    header #box_header_main #ttl_site {
      width: 159px;
      height: 31px;
      text-indent: -9999px; }
      header #box_header_main #ttl_site a {
        display: block;
        width: 159px;
        height: 31px;
        background-image: url(../images/common/ttl_site_logo.svg); }
    header #box_header_main #nav_global {
      width: 780px;
      /* ナビコン */
      /* 子メニュー */
      /* アイコン設定 */
      /* メガメニュー - タイトル */
      /* メガメニュー - メニュー - A */
      /* メガメニュー - メニュー - B */ }
      header #box_header_main #nav_global #icon_nav {
        display: none; }
      header #box_header_main #nav_global ul {
        display: flex;
        background-image: url(../images/common/nav_back_border.png);
        background-position: right center; }
      header #box_header_main #nav_global li {
        width: calc(100% / 6);
        list-style: none;
        transition: all .2s ease; }
        header #box_header_main #nav_global li:hover {
          background-color: #21905c;
          color: #fff; }
        header #box_header_main #nav_global li a {
          display: block;
          width: 100%;
          text-align: center;
          text-decoration: none;
          font-family: 'Noto Sans Medium';
          font-size: 1.3rem;
          transition: all 0s ease;
          background-image: url(../images/common/nav_back_border.png);
          background-position: left center;
          padding: 63px 0 21px; }
        header #box_header_main #nav_global li a:hover {
          opacity: 1; }
      header #box_header_main #nav_global li:hover > .nav_child {
        display: block; }
      header #box_header_main #nav_global .nav_child {
        position: absolute;
        width: 100%;
        left: 0;
        top: 97px;
        z-index: 10000;
        display: none;
        width: 1020px;
        height: 440px;
        overflow: hidden;
        background-image: none;
        background-color: #249d64; }
        header #box_header_main #nav_global .nav_child li {
          width: 100%;
          border: none;
          background-image: none; }
          header #box_header_main #nav_global .nav_child li a {
            display: block;
            width: 100%;
            color: #fff;
            text-align: left;
            padding: 0; }
          header #box_header_main #nav_global .nav_child li a:hover {
            opacity: 1; }
      header #box_header_main #nav_global #id_campaign {
        background-image: url(../images/common/icon_campaign.svg);
        background-position: center 20px; }
        header #box_header_main #nav_global #id_campaign:hover {
          background-image: url(../images/common/icon_campaign_active.svg); }
      header #box_header_main #nav_global #id_atm {
        background-image: url(../images/common/icon_atm.svg);
        background-position: center 24px;
        background-size: 30px; }
        header #box_header_main #nav_global #id_atm:hover {
          background-image: url(../images/common/icon_atm_active.svg); }
      header #box_header_main #nav_global #id_bank {
        background-image: url(../images/common/icon_bank.svg);
        background-position: center 23px; }
        header #box_header_main #nav_global #id_bank:hover {
          background-image: url(../images/common/icon_bank_active.svg); }
      header #box_header_main #nav_global #id_moshimo {
        background-image: url(../images/common/icon_moshimo.svg);
        background-position: center 22px; }
        header #box_header_main #nav_global #id_moshimo:hover {
          background-image: url(../images/common/icon_moshimo_active.svg); }
      header #box_header_main #nav_global #id_market {
        background-image: url(../images/common/icon_market.svg);
        background-position: center 23px; }
        header #box_header_main #nav_global #id_market:hover {
          background-image: url(../images/common/icon_market_active.svg); }
      header #box_header_main #nav_global #id_ja {
        background-image: url(../images/common/icon_ja.svg);
        background-position: center 28px; }
        header #box_header_main #nav_global #id_ja:hover {
          background-image: url(../images/common/icon_ja_active.svg); }
      header #box_header_main #nav_global #id_area {
        background-image: url(../images/common/icon_area.svg);
        background-position: center 28px;
        background-size: 47px; }
        header #box_header_main #nav_global #id_area:hover {
          background-image: url(../images/common/icon_area_active.svg); }
      header #box_header_main #nav_global .ttl_nav_child {
        width: 320px;
        min-height: 100%;
        color: #fff;
        font-family: 'Noto Sans Medium';
        font-size: 1.4rem;
        line-height: 1.4;
        background-color: #21905c;
        padding: 19px 23px; }
        header #box_header_main #nav_global .ttl_nav_child h2 {
          font-size: 1.9rem;
          margin: 0 0 7px; }
      header #box_header_main #nav_global .nav_child_a, header #box_header_main #nav_global .nav_child_b {
        background-image: none; }
        header #box_header_main #nav_global .nav_child_a li a, header #box_header_main #nav_global .nav_child_b li a {
          display: flex;
          justify-content: space-between;
          align-items: center;
          width: 100%;
          height: 38px;
          background-image: none !important;
          padding: 0 16px; }
      header #box_header_main #nav_global .nav_child_a {
        position: absolute;
        top: 0;
        left: 320px;
        display: block;
        width: calc(100% - 320px);
        min-height: 100%;
        background-color: #249d64;
        padding: 13px 0; }
        header #box_header_main #nav_global .nav_child_a li {
          width: 360px;
          background-image: none; }
          header #box_header_main #nav_global .nav_child_a li:hover {
            background-color: #46ad7d; }
        header #box_header_main #nav_global .nav_child_a li:hover > .nav_child_b {
          display: block; }
        header #box_header_main #nav_global .nav_child_a .nav_child_current:after {
          font-size: 1.9rem;
          font-family: FontAwesome;
          content: "\f105"; }
      header #box_header_main #nav_global .nav_child_b {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 10000;
        display: none;
        width: 340px;
        height: 100%;
        background-color: #46ad7d;
        padding: 13px 0; }
        header #box_header_main #nav_global .nav_child_b li {
          width: 100%; }
          header #box_header_main #nav_global .nav_child_b li a:hover {
            background-color: #4ab684; }
  header aside {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    font-size: 1.3rem;
    background-color: #edf7f4;
    /* 詳細 */
    /* 検索フォーム */
    /* リンク設定 */ }
    header aside .box_cmn_width {
      display: flex;
      justify-content: space-between;
      align-items: center;
      height: 44px; }
      header aside .box_cmn_width h2 {
        font-size: 1.32rem; }
    header aside #box_header_detail {
      display: flex;
      align-items: center; }
      header aside #box_header_detail ul {
        display: flex;
        list-style: none;
        margin: 0 35px 0 0; }
      header aside #box_header_detail li {
        width: auto;
        margin: 0 0 0 24px; }
        header aside #box_header_detail li:before {
          font-family: FontAwesome;
          content: "\f105";
          margin: 0 6px 0 0; }
    header aside .screen-reader-text {
      display: none; }
    header aside #dl_search_header dt {
      display: none; }
    header aside input {
      transition: all .2s ease; }
    header aside input[type=text] {
      width: 200px;
      height: 28px;
      font-size: 1.6rem;
      border-radius: 0; }
      header aside input[type=text]:hover {
        background-color: #f5f5f5; }
      header aside input[type=text]::placeholder {
        color: white; }
    header aside input[type=submit] {
      width: 54px;
      height: 28px;
      font-family: FontAwesome;
      font-size: 1.6rem;
      color: #fff;
      background-color: #1a9e62;
      border-radius: 4px; }
      header aside input[type=submit]:hover {
        cursor: pointer;
        opacity: .7; }
    header aside a {
      text-decoration: none; }
      header aside a:hover {
        text-decoration: underline; }

/*　リンクホバーアクション　*/
/* Wobble Vertical */
@-webkit-keyframes wobble-vertical {
  16.65% {
    transform: translateY(8px); }
  33.3% {
    transform: translateY(-6px); }
  49.95% {
    transform: translateY(4px); }
  66.6% {
    transform: translateY(-2px); }
  83.25% {
    transform: translateY(1px); }
  100% {
    transform: translateY(0); } }
@keyframes wobble-vertical {
  16.65% {
    transform: translateY(8px); }
  33.3% {
    transform: translateY(-6px); }
  49.95% {
    transform: translateY(4px); }
  66.6% {
    transform: translateY(-2px); }
  83.25% {
    transform: translateY(1px); }
  100% {
    transform: translateY(0); } }
#pageTop a {
  display: inline-block;
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0); }

#pageTop a:hover, #pageTop a:focus, #pageTop a:active {
  animation-name: wobble-vertical;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: 1; }

footer {
  position: relative;
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 1.4rem;
  background-color: #1a9e62;
  /* まとめ */
  /*　トップページに戻る　*/
  /* 囲み */
  /* ビッグフッターのナビゲーション */
  /* リンク集などの小さいナビゲーション */
  /* Copyright */ }
  footer li {
    list-style: none; }
  footer a {
    color: #fff;
    text-decoration: none; }
    footer a:hover {
      text-decoration: underline; }
  footer #pageTop {
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
    width: 77px;
    text-decoration: none;
    margin: 0 auto; }
    footer #pageTop a {
      display: block;
      width: 100%;
      height: 78px; }
  footer #pageTop a:hover, footer #pageTop a:focus, footer #pageTop a:active {
    opacity: 1; }
  footer .box_cmn_width {
    line-height: 1.8;
    padding: 80px 16px 25px; }
  footer #nav_footer_main {
    display: flex;
    justify-content: space-between;
    width: auto;
    text-align: left;
    margin: 45px 0 0 0; }
    footer #nav_footer_main .ttl_footer, footer #nav_footer_main .list_footer li {
      display: flex;
      align-items: center;
      font-size: 1.4rem;
      font-weight: bold;
      line-height: 1.6;
      margin: 0 0 9px; }
      footer #nav_footer_main .ttl_footer:before, footer #nav_footer_main .list_footer li:before {
        display: block;
        content: "";
        width: 10px;
        height: 3px;
        background-color: #daede4;
        margin: 0 6px 0 0; }
  footer #nav_footer_aside {
    display: flex;
    justify-content: center;
    width: auto;
    margin: 0 0 5px; }
    footer #nav_footer_aside li:not(:last-child):after {
      content: "｜"; }
    footer #nav_footer_aside a {
      padding: 0 10px; }
  footer #menu_add {
    text-align: left;
    margin: 0 0 30px 0; }
  footer #txt_copy {
    width: 100%;
    font-size: 1.1rem;
    text-align: center;
    color: #222;
    background-color: #fff;
    padding: 12px 0; }

/* 構成要素	＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
/* 基本ワイズボックス */
.box_cmn_width {
  width: 1020px;
  margin: 0 auto; }

/* ストーカーバナー */
#bnr_stalker {
  position: fixed;
  top: 18vh;
  right: 0;
  z-index: 9999;
  width: auto;
  list-style: none; }

/*　レスポンシブ対応（ブレークポイント 768px）
＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿*/
@media screen and (max-width: 768px) {
  html {
    font-size: 58%; }

  .img_sp {
    display: block; }

  img {
    max-width: 100%;
    height: auto; }

  /* 基礎要素	＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
  header {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 0;
    /* ヘッダーメイン */
    /* アサイド */ }
    header #box_header_main {
      position: relative;
      display: block;
      width: 100%;
      padding: 50px 10px 20px;
      /* ロゴ */
      /* ナビゲーション */ }
      header #box_header_main #ttl_site {
        width: calc(159px / 1.2);
        height: calc(31px / 1.2); }
        header #box_header_main #ttl_site a {
          width: calc(159px / 1.2);
          height: calc(31px / 1.2);
          background-size: cover; }
      header #box_header_main #nav_global {
        position: absolute;
        z-index: 10000;
        top: 32px;
        left: 0;
        width: 100%;
        /* ナビコン */
        /* ナビゲーション本体 */
        /* 親ナビゲーション */
        /* 子ナビゲーション */
        /* アイコン設定 */
        /* メガメニュー - タイトル */
        /* メガメニュー - メニュー - A */
        /* メガメニュー - メニュー - B */ }
        header #box_header_main #nav_global #icon_nav {
          position: absolute;
          top: 16px;
          right: 10px;
          display: block;
          font-size: 3rem;
          color: #222; }
        header #box_header_main #nav_global #icon_nav.open {
          opacity: .3; }
        header #box_header_main #nav_global ul {
          display: none;
          width: 100%;
          height: auto;
          background-image: none;
          background-color: #fff;
          margin: 0; }
        header #box_header_main #nav_global li {
          width: 100%;
          list-style: none;
          transition: all .2s ease;
          border-bottom: 1px solid #e2e2e2; }
          header #box_header_main #nav_global li:hover {
            background-color: #1a9e62;
            color: #fff; }
          header #box_header_main #nav_global li a {
            display: block;
            width: 100%;
            text-align: left;
            text-decoration: none;
            font-family: 'Noto Sans Medium';
            font-size: 1.3rem;
            transition: all 0s ease;
            background-image: none;
            padding: 20px 30px 20px 70px; }
          header #box_header_main #nav_global li a:hover {
            opacity: 1; }
        header #box_header_main #nav_global li:hover > .nav_child {
          display: none; }
        header #box_header_main #nav_global #nav_global_detail {
          box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.2); }
        header #box_header_main #nav_global .nav_child {
          position: static;
          display: none;
          width: 100%;
          height: auto;
          overflow: visible;
          background-image: none;
          background-color: inherit;
          padding: 0;
          margin: 0; }
          header #box_header_main #nav_global .nav_child li {
            width: 100%;
            border: none;
            background-image: none;
            border-bottom: 1px solid #41ae7c; }
            header #box_header_main #nav_global .nav_child li a {
              display: block;
              width: 100%;
              color: #fff;
              text-align: left;
              padding: 0; }
            header #box_header_main #nav_global .nav_child li a:hover {
              opacity: 1; }
        header #box_header_main #nav_global #id_campaign, header #box_header_main #nav_global #id_atm, header #box_header_main #nav_global #id_bank, header #box_header_main #nav_global #id_moshimo, header #box_header_main #nav_global #id_market, header #box_header_main #nav_global #id_ja, header #box_header_main #nav_global #id_area {
          background-position: 20px 10px; }
        header #box_header_main #nav_global .ttl_nav_child {
          display: none; }
        header #box_header_main #nav_global .nav_child_a, header #box_header_main #nav_global .nav_child_b {
          background-image: none; }
          header #box_header_main #nav_global .nav_child_a li a, header #box_header_main #nav_global .nav_child_b li a {
            display: flex;
            justify-content: space-between;
            align-items: center;
            width: 100%;
            height: 38px;
            color: #222;
            background-image: none !important;
            padding: 24px 16px; }
        header #box_header_main #nav_global .nav_child_a {
          position: static;
          display: block;
          width: 100%;
          height: auto;
          min-height: auto;
          background-color: #daede4;
          box-shadow: inset 0px 0 4px 0px rgba(50, 50, 50, 0.3);
          padding: 0;
          margin: 0; }
          header #box_header_main #nav_global .nav_child_a li {
            width: 100%;
            background-image: none;
            border-bottom: 1px solid #9cbaac; }
          header #box_header_main #nav_global .nav_child_a li:hover > .nav_child_b {
            display: none; }
          header #box_header_main #nav_global .nav_child_a .nav_child_current:after {
            font-size: 1.9rem;
            font-family: FontAwesome;
            content: "\f107"; }
          header #box_header_main #nav_global .nav_child_a .nav_child_current.open {
            color: #fff;
            background-color: #41ae7c; }
            header #box_header_main #nav_global .nav_child_a .nav_child_current.open:after {
              content: "\f106"; }
        header #box_header_main #nav_global .nav_child_b {
          position: static;
          top: 0;
          right: 0;
          z-index: 10000;
          display: none;
          width: 100%;
          height: auto;
          background-color: #fff;
          box-shadow: inset 0px 1px 2px 0px rgba(50, 50, 50, 0.3);
          padding: 0;
          margin: 0; }
          header #box_header_main #nav_global .nav_child_b li {
            width: 100%; }
            header #box_header_main #nav_global .nav_child_b li a {
              color: #111;
              padding-left: 2em; }
    header aside {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      font-size: 1.3rem;
      background-color: #1a9e62;
      /* 詳細 */
      /* 検索フォーム */
      /* リンク設定 */ }
      header aside .box_cmn_width {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 100%;
        height: auto;
        font-family: 'Noto Sans Bold'; }
        header aside .box_cmn_width h2 {
          display: none; }
      header aside #box_header_detail {
        display: flex;
        align-items: center;
        width: 100%; }
        header aside #box_header_detail ul {
          display: flex;
          width: 68%;
          list-style: none;
          margin: 0; }
        header aside #box_header_detail li {
          width: 50%;
          background-color: #1a9e62;
          color: #fff;
          border-right: 2px solid #fff;
          margin: 0; }
          header aside #box_header_detail li:before {
            content: none;
            margin: 0; }
        header aside #box_header_detail a {
          display: block;
          width: 100%;
          text-align: center;
          padding: 10px 0; }
      header aside .screen-reader-text {
        display: none; }
      header aside #dl_search_header {
        width: 33%;
        background-color: #117668; }
        header aside #dl_search_header dt {
          display: block;
          width: 100%;
          color: #fff;
          text-align: center;
          padding: 10px 0; }
          header aside #dl_search_header dt:before {
            font-family: FontAwesome;
            content: "\f002";
            margin: 0 5px 0 0; }
        header aside #dl_search_header dd {
          position: absolute;
          left: 0;
          z-index: 10000;
          display: none;
          width: 100%;
          background-color: #fff;
          padding: 0; }
        header aside #dl_search_header div {
          display: flex;
          justify-content: space-between; }
      header aside input {
        transition: all .2s ease; }
      header aside input[type=text] {
        width: 86%;
        height: 2.6em;
        font-size: 1.8rem;
        border: 2px solid #222;
        border-radius: 0; }
        header aside input[type=text]:hover {
          background-color: #f5f5f5; }
        header aside input[type=text]::placeholder {
          color: white; }
      header aside input[type=submit] {
        width: 14%;
        height: 2.6em;
        font-family: FontAwesome;
        font-size: 1.8rem;
        color: #fff;
        background-color: #222;
        border-radius: 0; }
      header aside a {
        text-decoration: none; }
        header aside a:hover {
          text-decoration: underline; }

  footer {
    position: relative;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 1.2rem;
    background-color: #1a9e62;
    margin: 0;
    /* まとめ */
    /*　トップページに戻る　*/
    /* 囲み */
    /* ビッグフッターのナビゲーション */
    /* リンク集などの小さいナビゲーション */
    /* Copyright */ }
    footer li {
      list-style: none; }
    footer a {
      text-decoration: none; }
      footer a:hover {
        text-decoration: underline; }
    footer #pageTop {
      display: none; }
    footer .box_cmn_width {
      line-height: 1.6;
      padding: 10px 0; }
    footer #nav_footer_main {
      display: none; }
    footer #nav_footer_aside {
      display: block;
      justify-content: center;
      flex-wrap: wrap;
      width: auto;
      line-height: 2;
      font-size: 1.4rem;
      margin: 20px 0; }
      footer #nav_footer_aside li {
        width: 100%; }
      footer #nav_footer_aside li:not(:last-child):after {
        content: none; }
      footer #nav_footer_aside a {
        padding: 0 10px; }
    footer #txt_copy {
      font-size: 1.1rem; }

  /* 構成要素	＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿＿ */
  /* 基本ワイズボックス */
  .box_cmn_width {
    width: 90%;
    margin: 0 auto; } }
/*　ここまで　*/