@charset "UTF-8";
/* -------------------------------------------------------------------------*/
/* MIXIN / ARGUMENT / COMMON CLASS
/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* FONT
/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* TOP
/* -------------------------------------------------------------------------*/
#TP_CNT {
  margin-top: 45px;
  padding-bottom: 20px;
  /* titles */
  /* buttons */
  /* link */
  /* ----- ALART INFO ----- */
  /* ----- KV ----- */
  /* ----- KV下ボタン ----- */
  /* ----- お役立ち情報 ----- */
  /* ----- 人気の商品・サービス ----- */
  /* ----- マネープラザ ----- */
  /* ----- おかねの豆知識コラム ----- */
  /* ----- お知らせ ----- */
  /* ----- セミナー情報 ----- */
  /* ----- お知らせ・セミナー情報共通 ----- */
  /* ----- バナー ----- */
}
@media only screen and (max-width: 767px) {
  #TP_CNT {
    margin-top: 20px;
  }
}
#TP_CNT .tp_title__block {
  text-align: center;
}
#TP_CNT .tp_title__block h2 {
  font-size: 26px;
  font-size: 1.625rem;
  margin: 0;
  color: var(--color_pr_2);
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_title__block h2 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
#TP_CNT .tp_title__block h2::after {
  content: "";
  display: block;
  width: 26px;
  height: 6px;
  margin: 10px auto;
  background: url(../img/top/title_dot.png) 0 0 no-repeat;
  background-size: 100% auto;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_title__block h2::after {
    width: 23px;
    height: 6px;
  }
}
#TP_CNT .tp_title__block p {
  margin: 25px 0 0;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_title__block p {
    font-size: 15px;
    font-size: 0.9375rem;
    text-align: left;
  }
}
#TP_CNT .tp_title__block_2 {
  display: flex;
  align-items: center;
  margin-bottom: 50px;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_title__block_2 {
    margin-bottom: 30px;
  }
}
#TP_CNT .tp_title__block_2 h2 {
  font-size: 26px;
  font-size: 1.625rem;
  position: relative;
  margin: 0;
  padding: 0 0 0 30px;
  color: var(--color_pr_2);
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_title__block_2 h2 {
    font-size: 22px;
    font-size: 1.375rem;
    padding-left: 20px;
  }
}
#TP_CNT .tp_title__block_2 h2::before {
  content: "";
  display: block;
  width: 6px;
  height: 26px;
  background: url(../img/top/title_dot_2.png) 0 0 no-repeat;
  background-size: auto 100%;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_title__block_2 h2::before {
    height: 23px;
  }
}
#TP_CNT .tp_title__block_2 .tp_link {
  flex: 1;
  text-align: right;
  margin: 0;
}
#TP_CNT .tp_btn_1 {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: noto-sans-bold, noto-sans, sans-serif;
  font-weight: normal;
  margin-top: 50px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_btn_1 {
    margin-top: 40px;
  }
}
#TP_CNT .tp_btn_1 a {
  display: inline-block;
  position: relative;
  min-width: 400px;
  color: #fff;
  text-decoration: none;
  border-radius: 5rem;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_btn_1 a {
    min-width: 295px;
  }
}
#TP_CNT .tp_btn_1 a p {
  position: relative;
  margin: 0;
  padding: 18px 10px;
  background-color: var(--color_pr_1);
  border-radius: 5rem;
  transition: transform 0.3s ease;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_btn_1 a p {
    font-size: 15px;
    font-size: 0.9375rem;
    padding: 15px 10px;
  }
}
#TP_CNT .tp_btn_1 a p::before {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  transform: rotate(-45deg) translateY(-50%);
  position: absolute;
  right: 25px;
  top: 50%;
}
#TP_CNT .tp_btn_1 a::before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 5rem;
  background-color: var(--color_pr_3);
  transform: translateY(4px);
}
#TP_CNT .tp_btn_1 a::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 5rem;
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
#TP_CNT .tp_btn_1 a:hover p, #TP_CNT .tp_btn_1 a:hover::after {
  opacity: 1;
  transform: translateY(4px);
}
#TP_CNT .tp_link {
  margin-top: 25px;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_link {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
#TP_CNT .tp_link a {
  font-family: noto-sans-bold, noto-sans, sans-serif;
  font-weight: normal;
  color: var(--color_text);
  text-decoration: none;
}
#TP_CNT .tp_link a:hover {
  text-decoration: underline;
}
#TP_CNT .tp_link a::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  background: url(../img/dmn_ic_3.svg) 0 0 no-repeat;
  background-size: 100% auto;
  transform: translateY(-1px);
}
#TP_CNT .tp_alart {
  display: flex;
  column-gap: 30px;
  max-width: 1000px;
  margin: 0 auto 40px;
  padding: 20px;
  color: var(--color_alart);
  border: 2px solid var(--color_alart);
  background-color: #FFF7F7;
  border-radius: 8px;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_alart {
    margin: 0 20px 20px;
    padding: 7px 10px 9px;
    column-gap: 12px;
  }
}
#TP_CNT .tp_alart__title {
  padding: 0 20px;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_alart__title {
    padding: 5px;
  }
}
#TP_CNT .tp_alart__title::before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/hd_alert.svg) 0 0 no-repeat;
  background-size: 100% auto;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_alart__title::before {
    width: 24px;
    height: 24px;
  }
}
#TP_CNT .tp_alart__title h2 {
  font-size: 14px;
  font-size: 0.875rem;
  margin: 2px 0 0;
  padding: 0;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_alart__title h2 {
    font-size: 12px;
    font-size: 0.75rem;
  }
}
#TP_CNT .tp_alart__text {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.8;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_alart__text {
    font-size: 12px;
    font-size: 0.75rem;
    line-height: 1.5;
  }
}
#TP_CNT .tp_alart__text p {
  margin: 0;
}
#TP_CNT .tp_alart__text a {
  color: var(--color_alart);
}
#TP_CNT #TP_KV {
  width: 1200px;
  margin: 0 auto;
  height: 580px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  #TP_CNT #TP_KV {
    width: 100%;
    height: auto;
    padding: 0 20px 50px;
  }
}
#TP_CNT #TP_KV .tp_kv__slider {
  margin: 0;
  padding: 0;
  border-radius: 20px;
  overflow: hidden;
  /* iOS 角丸対応 */
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  #TP_CNT #TP_KV .tp_kv__slider {
    border-radius: 19px;
  }
}
#TP_CNT #TP_KV .tp_kv__slider li {
  margin: 0;
  padding: 0;
}
#TP_CNT #TP_KV .tp_kv__slider img {
  width: 100%;
  height: auto;
}
#TP_CNT #TP_KV .tp_kv__pagination {
  position: relative;
  padding-top: 10px;
}
@media only screen and (max-width: 767px) {
  #TP_CNT #TP_KV .tp_kv__pagination {
    padding-top: 5px;
  }
}
#TP_CNT #TP_KV .tp_kv__pagination .slick-dots li {
  margin: 0;
  padding: 0;
  width: auto;
  height: auto;
}
#TP_CNT #TP_KV .tp_kv__pagination .slick-dots li button {
  position: relative;
  width: 25px;
  height: 25px;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  #TP_CNT #TP_KV .tp_kv__pagination .slick-dots li button {
    width: 18px;
    height: 18px;
  }
}
#TP_CNT #TP_KV .tp_kv__pagination .slick-dots li button::before {
  display: none !important;
}
#TP_CNT #TP_KV .tp_kv__pagination .slick-dots li button::after {
  content: "";
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 100%;
  background-color: var(--color_pr_3);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
  #TP_CNT #TP_KV .tp_kv__pagination .slick-dots li button::after {
    width: 8px;
    height: 8px;
  }
}
#TP_CNT #TP_KV .tp_kv__pagination .slick-dots li.slick-active button::after {
  background-color: var(--color_pr_1);
}
#TP_CNT .tp_mainBtn {
  max-width: 1060px;
  margin: 0 auto;
  padding: 0 20px;
}
#TP_CNT .tp_mainBtn__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 15px 40px;
}
#TP_CNT .tp_mainBtn__cell {
  flex: 1;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_mainBtn__cell {
    flex: none;
    width: 100%;
  }
}
#TP_CNT .tp_mainBtn__btn_1, #TP_CNT .tp_mainBtn__btn_2 {
  font-family: noto-sans-bold, noto-sans, sans-serif;
  font-weight: normal;
  display: flex;
  align-items: center;
  margin: 0;
  padding-bottom: 4px;
  border-radius: 5rem;
  background-color: #F5F5F5;
  color: var(--color_pr_2);
}
#TP_CNT .tp_mainBtn__btn_1 > span, #TP_CNT .tp_mainBtn__btn_2 > span {
  width: 51%;
  padding: 5px 10px 5px 40px;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_mainBtn__btn_1 > span, #TP_CNT .tp_mainBtn__btn_2 > span {
    font-size: 13px;
    font-size: 0.8125rem;
    padding-left: 25px;
  }
}
@media only screen and (max-width:450px) {
  #TP_CNT .tp_mainBtn__btn_1 > span, #TP_CNT .tp_mainBtn__btn_2 > span {
    font-size: 12px;
    font-size: 0.75rem;
    flex: 1;
    width: auto;
    padding: 5px 10px 5px 20px;
  }
}
#TP_CNT .tp_mainBtn__btn_1 a, #TP_CNT .tp_mainBtn__btn_2 a {
  flex: 1;
  display: block;
  position: relative;
  text-decoration: none;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_mainBtn__btn_1 a, #TP_CNT .tp_mainBtn__btn_2 a {
    font-size: 14px;
    font-size: 0.875rem;
  }
}
@media only screen and (max-width:450px) {
  #TP_CNT .tp_mainBtn__btn_1 a, #TP_CNT .tp_mainBtn__btn_2 a {
    font-size: 13px;
    font-size: 0.8125rem;
    flex: none;
    width: 150px;
    text-align: left;
  }
}
#TP_CNT .tp_mainBtn__btn_1 a span, #TP_CNT .tp_mainBtn__btn_2 a span {
  display: block;
  position: relative;
  border-radius: 5rem;
  transition: transform 0.3s ease;
}
#TP_CNT .tp_mainBtn__btn_1 a span::after, #TP_CNT .tp_mainBtn__btn_2 a span::after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border: 2px solid;
  border-top: none;
  border-left: none;
  transform: rotate(-45deg) translateY(-50%);
  position: absolute;
  right: 20px;
  top: 50%;
}
@media only screen and (max-width:450px) {
  #TP_CNT .tp_mainBtn__btn_1 a span::after, #TP_CNT .tp_mainBtn__btn_2 a span::after {
    right: 10px;
  }
}
#TP_CNT .tp_mainBtn__btn_1 a::before, #TP_CNT .tp_mainBtn__btn_2 a::before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 5rem;
  background-color: var(--color_pr_3);
  transform: translateY(4px);
}
#TP_CNT .tp_mainBtn__btn_1 a:hover span, #TP_CNT .tp_mainBtn__btn_1 a:hover::after, #TP_CNT .tp_mainBtn__btn_2 a:hover span, #TP_CNT .tp_mainBtn__btn_2 a:hover::after {
  opacity: 1;
  transform: translateY(4px);
}
#TP_CNT .tp_mainBtn__btn_1 a {
  color: #fff;
}
#TP_CNT .tp_mainBtn__btn_1 a span {
  padding: 15px 10px;
  background-color: var(--color_pr_1);
}
#TP_CNT .tp_mainBtn__btn_1 a span::after {
  border-color: #fff;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_mainBtn__btn_1 a span {
    padding: 12px 10px;
  }
}
@media only screen and (max-width:450px) {
  #TP_CNT .tp_mainBtn__btn_1 a span {
    padding: 12px 5px 12px 15px;
  }
}
#TP_CNT .tp_mainBtn__btn_1 a::after {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  border-radius: 5rem;
  background-color: rgba(0, 0, 0, 0.1);
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}
#TP_CNT .tp_mainBtn__btn_2 a {
  color: var(--color_text);
}
#TP_CNT .tp_mainBtn__btn_2 a img {
  width: 40px;
  height: auto;
  vertical-align: middle;
  margin-right: 10px;
  transform: translateY(-2px);
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_mainBtn__btn_2 a img {
    width: 32px;
  }
}
#TP_CNT .tp_mainBtn__btn_2 a span {
  padding: 8px 10px 4px;
  background-color: #fff;
  border: 2px solid var(--color_pr_2);
}
#TP_CNT .tp_mainBtn__btn_2 a span::after {
  border-color: var(--color_pr_1);
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_mainBtn__btn_2 a span {
    padding: 8px 10px 4px;
    border-width: 1px;
  }
}
@media only screen and (max-width:450px) {
  #TP_CNT .tp_mainBtn__btn_2 a span {
    padding: 8px 5px 4px 15px;
  }
}
#TP_CNT .tp_mainBtn__info {
  font-size: 13px;
  font-size: 0.8125rem;
}
#TP_CNT .tp_mainBtn__info p {
  margin: 10px 0 0;
}
#TP_CNT .tp_oyakudachi {
  max-width: 1060px;
  margin: 0 auto;
  padding: 90px 20px 0;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_oyakudachi {
    padding: 60px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_oyakudachi .tp_title__block {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#TP_CNT .tp_oyakudachi__list {
  font-family: noto-sans-bold, noto-sans, sans-serif;
  font-weight: normal;
  display: flex;
  column-gap: 24px;
  list-style: none;
  padding: 0;
  margin: 40px 0 0;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_oyakudachi__list {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
#TP_CNT .tp_oyakudachi__list li {
  width: calc(25% - 18px);
}
#TP_CNT .tp_oyakudachi__list li a {
  display: block;
  height: 260px;
  color: var(--color_text);
  border: 1px solid var(--color_pr_1);
  border-radius: 16px;
  overflow: hidden;
  text-decoration: none;
  box-shadow: 0 4px 0 var(--color_pr_3);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
#TP_CNT .tp_oyakudachi__list li a:hover {
  transform: translateY(4px);
  box-shadow: none;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_oyakudachi__list li a {
    height: 210px;
  }
}
#TP_CNT .tp_oyakudachi__list li figure {
  margin: 0;
  padding: 0;
}
#TP_CNT .tp_oyakudachi__list li figure img {
  width: 100%;
  height: auto;
}
#TP_CNT .tp_oyakudachi__list li p {
  margin: 0;
  padding: 12px 15px 18px;
  line-height: 1.6;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_oyakudachi__list li p {
    padding: 10px 13px 18px;
  }
}
#TP_CNT .tp_oyakudachi .slick-slide {
  width: 261px !important;
  padding-right: 24px;
  padding-bottom: 5px;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_oyakudachi .slick-track {
    padding-bottom: 20px;
  }
  #TP_CNT .tp_oyakudachi .slick-slide {
    width: 195px !important;
    padding-left: 15px;
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_oyakudachi .tp_btn_1 {
    margin-top: 15px;
  }
}
#TP_CNT .tp_ninki {
  max-width: 1060px;
  margin: 0 auto;
  padding: 90px 20px 0;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_ninki {
    padding-top: 70px;
  }
}
#TP_CNT .tp_ninki__list {
  font-family: noto-sans-bold, noto-sans, sans-serif;
  font-weight: normal;
  display: flex;
  flex-wrap: wrap;
  column-gap: 24px;
  list-style: none;
  margin: 40px 0 0;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_ninki__list {
    gap: 20px 15px;
  }
}
#TP_CNT .tp_ninki__list li {
  flex: 1;
  width: calc(25% - 18px);
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_ninki__list li {
    font-size: 15px;
    font-size: 0.9375rem;
    flex: none;
    width: calc(50% - 7.5px);
  }
}
#TP_CNT .tp_ninki__list li a {
  display: block;
  padding: 15px;
  color: var(--color_text);
  border: 1px solid var(--color_pr_1);
  border-radius: 16px;
  text-decoration: none;
  box-shadow: 0 4px 0 var(--color_pr_3);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
#TP_CNT .tp_ninki__list li a:hover {
  transform: translateY(4px);
  box-shadow: none;
}
@media only screen and (max-width:450px) {
  #TP_CNT .tp_ninki__list li a {
    padding: 15px 0;
  }
}
#TP_CNT .tp_ninki__list li img {
  width: 50px;
  height: auto;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_ninki__list li img {
    width: 40px;
  }
}
#TP_CNT .tp_ninki__list li p {
  margin: 0;
}
#TP_CNT .tp_ninki__list li p::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  margin-right: 5px;
  background: url(../img/dmn_ic_3.svg) 0 0 no-repeat;
  background-size: 100% auto;
  transform: translateY(-1px);
}
@media only screen and (max-width:450px) {
  #TP_CNT .tp_ninki__list li p::before {
    margin-right: 3px;
  }
}
#TP_CNT .tp_moneyPlaza {
  margin-top: 90px;
  padding: 60px 20px 40px;
  background: url(../img/top/moneyp_bc.png);
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_moneyPlaza {
    margin-top: 60px;
    padding: 50px 20px 30px;
  }
}
#TP_CNT .tp_moneyPlaza__inner {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  padding: 30px 30px 40px;
  background-color: #fff;
  border-radius: 20px;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_moneyPlaza__inner {
    padding: 20px 30px 35px;
  }
}
#TP_CNT .tp_moneyPlaza .fukidashi {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: zen-maru-gothic, sans-serif;
  position: absolute;
  top: -20px;
  left: 50%;
  transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_moneyPlaza .fukidashi {
    font-size: 13px;
    font-size: 0.8125rem;
    white-space: nowrap;
  }
}
#TP_CNT .tp_moneyPlaza .fukidashi p {
  position: relative;
  display: inline-block;
  margin: 0;
  padding: 3px 15px 5px;
  color: var(--color_pr_1);
  background-color: #fff;
  border: 2px solid var(--color_pr_1);
  border-radius: 4px;
}
#TP_CNT .tp_moneyPlaza .fukidashi p::after {
  content: "";
  display: block;
  width: 18px;
  height: 12px;
  background: url(../img/top/fukidashi_arw.png) 0 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 50%;
  bottom: -12px;
  transform: translateX(-50%);
}
#TP_CNT .tp_moneyPlaza h3 {
  font-size: 22px;
  font-size: 1.375rem;
  font-family: zen-maru-gothic, sans-serif;
  margin: 5px 0 0;
  color: var(--color_pr_1);
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_moneyPlaza h3 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
#TP_CNT .tp_moneyPlaza h3 br {
  display: none;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_moneyPlaza h3 br {
    display: inline-block;
  }
}
#TP_CNT .tp_moneyPlaza__text {
  display: flex;
  column-gap: 20px;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_moneyPlaza__text {
    display: block;
  }
}
#TP_CNT .tp_moneyPlaza__text .text {
  width: 47%;
  margin-top: 30px;
  margin-left: 10px;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_moneyPlaza__text .text {
    font-size: 15px;
    font-size: 0.9375rem;
    width: auto;
    margin-top: 5px;
    text-align: left;
  }
}
#TP_CNT .tp_moneyPlaza__text .text p {
  margin: 0;
}
#TP_CNT .tp_moneyPlaza__text .text p + P {
  margin-top: 1rem;
}
#TP_CNT .tp_moneyPlaza__text .btn {
  font-size: 18px;
  font-size: 1.125rem;
  font-family: noto-sans-bold, noto-sans, sans-serif;
  font-weight: normal;
  margin-top: 32px;
  flex: 1;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_moneyPlaza__text .btn {
    font-size: 14px;
    font-size: 0.875rem;
    margin-top: 24px;
  }
}
#TP_CNT .tp_moneyPlaza__text .btn a {
  position: relative;
  display: block;
  max-width: 400px;
  margin: 0 auto;
  text-decoration: none;
  color: #fff;
}
#TP_CNT .tp_moneyPlaza__text .btn a::before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: var(--color_pr_3);
  border-radius: 5rem;
  transform: translateY(4px);
}
#TP_CNT .tp_moneyPlaza__text .btn a p {
  font-size: 16px;
  font-size: 1rem;
  position: relative;
  margin: 0;
  padding: 15px 10px 15px 145px;
  background-color: var(--color_pr_1);
  border-radius: 5rem;
  text-align: left;
  transition: transform 0.3s ease;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_moneyPlaza__text .btn a p {
    font-size: 14px;
    font-size: 0.875rem;
    padding: 13px 10px 13px 120px;
  }
}
@media only screen and (max-width:450px) {
  #TP_CNT .tp_moneyPlaza__text .btn a p {
    padding-left: 110px;
  }
}
#TP_CNT .tp_moneyPlaza__text .btn a p::before {
  content: "";
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 5rem;
  opacity: 0;
  transition: opacity 0.3s ease;
}
#TP_CNT .tp_moneyPlaza__text .btn a p::after {
  content: "";
  display: block;
  width: 96px;
  height: 74px;
  background: url(../img/top/moneyp_img.png) 0 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 40px;
  bottom: -2px;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_moneyPlaza__text .btn a p::after {
    width: 84px;
    height: 64px;
    left: 25px;
    bottom: -1px;
  }
}
#TP_CNT .tp_moneyPlaza__text .btn a::after {
  content: "";
  display: block;
  width: 7px;
  height: 7px;
  border: 2px solid #fff;
  border-top: none;
  border-left: none;
  transform: rotate(-45deg) translateY(-50%);
  position: absolute;
  right: 25px;
  top: 50%;
  transition: transform 0.3s ease;
}
#TP_CNT .tp_moneyPlaza__text .btn a:hover p {
  transform: translateY(4px);
}
#TP_CNT .tp_moneyPlaza__text .btn a:hover p::before {
  opacity: 1;
}
#TP_CNT .tp_moneyPlaza__text .btn a:hover::after {
  transform: translate(-3px, 1px) rotate(-45deg);
}
#TP_CNT .tp_mameColumn {
  position: relative;
  padding: 90px 20px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_mameColumn {
    padding: 60px 20px;
  }
}
#TP_CNT .tp_mameColumn::before {
  content: "";
  display: block;
  background: url(../img/top/mame_back.png);
  width: 100%;
  top: 410px;
  left: 0;
  bottom: 0;
  position: absolute;
}
#TP_CNT .tp_mameColumn__inner {
  position: relative;
  max-width: 1060px;
  margin: 0 auto;
}
#TP_CNT .tp_mameColumn .tp_title__block img {
  width: 48px;
  height: auto;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_mameColumn .tp_title__block img {
    width: 40px;
    margin-bottom: 10px;
  }
}
#TP_CNT .tp_mameColumn__list {
  display: flex;
  column-gap: 24px;
  list-style: none;
  margin: 40px 0 0;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_mameColumn__list {
    gap: 16px;
    flex-wrap: wrap;
  }
}
#TP_CNT .tp_mameColumn__list > li {
  width: calc(25% - 18px);
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_mameColumn__list > li {
    width: calc(50% - 8px);
  }
}
@media only screen and (max-width: 600px) {
  #TP_CNT .tp_mameColumn__list > li {
    width: 100%;
  }
}
#TP_CNT .tp_mameColumn__list > li a {
  display: block;
  padding-bottom: 8px;
  color: var(--color_text);
  border: 1px solid var(--color_pr_1);
  border-radius: 16px;
  overflow: hidden;
  text-decoration: none;
  background-color: #fff;
  box-shadow: 0 4px 0 var(--color_pr_3);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_mameColumn__list > li a {
    display: flex;
    padding: 0;
  }
}
#TP_CNT .tp_mameColumn__list > li a:hover {
  transform: translateY(4px);
  box-shadow: none;
}
#TP_CNT .tp_mameColumn__list > li figure {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_mameColumn__list > li figure {
    position: relative;
    width: 40%;
  }
}
@media only screen and (max-width: 600px) {
  #TP_CNT .tp_mameColumn__list > li figure {
    width: 140px;
  }
}
#TP_CNT .tp_mameColumn__list > li figure img {
  width: 100%;
  height: auto;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_mameColumn__list > li figure img {
    position: absolute;
    width: auto;
    height: 100%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
}
#TP_CNT .tp_mameColumn__list > li .tp_mameColumn__text {
  padding: 8px 15px 5px;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_mameColumn__list > li .tp_mameColumn__text {
    flex: 1;
    padding: 10px 15px;
  }
}
#TP_CNT .tp_mameColumn__list > li p {
  font-family: noto-sans-bold, noto-sans, sans-serif;
  font-weight: normal;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_mameColumn__list > li p {
    font-size: 15px;
    font-size: 0.9375rem;
  }
}
#TP_CNT .tp_mameColumn__list > li .tp_mameColumn__date {
  font-size: 14px;
  font-size: 0.875rem;
  font-family: noto-sans, sans-serif;
  font-weight: normal;
  margin-top: 5px;
}
#TP_CNT .tp_mameColumn__list > li ul {
  list-style: none;
  margin: 0 0 10px;
  padding: 0;
  font-size: 0;
  color: #fff;
}
#TP_CNT .tp_mameColumn__list > li ul li {
  font-size: 12px;
  font-size: 0.75rem;
  display: inline-block;
  padding: 4px 8px 5px;
  border-radius: 2px;
  line-height: 1;
  border-radius: 2px;
}
#TP_CNT .tp_mameColumn__list > li ul li + li {
  margin-left: 8px;
}
#TP_CNT .tp_mameColumn__theme {
  margin-top: 60px;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_mameColumn__theme {
    margin-top: 30px;
  }
}
#TP_CNT .tp_mameColumn__theme h3 {
  font-size: 22px;
  font-size: 1.375rem;
  font-family: noto-sans-bold, noto-sans, sans-serif;
  font-weight: normal;
  margin: 0;
  text-align: center;
  color: var(--color_pr_2);
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_mameColumn__theme h3 {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
#TP_CNT .mame_new {
  color: var(--color_ctg_new_t);
  background-color: var(--color_ctg_new);
}
#TP_CNT .tp_news {
  max-width: 1060px;
  margin: 0 auto;
  padding: 80px 20px 0;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_news {
    padding-top: 60px;
  }
}
#TP_CNT .news_alert {
  padding: 0 45px;
  margin-bottom: 40px;
  background-color: #FFF7F7;
  border: 2px solid var(--color_alart);
  border-radius: 16px;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .news_alert {
    padding: 0 15px;
    border-radius: 8px;
  }
}
#TP_CNT .news_alert__inner {
  display: flex;
  align-items: center;
  padding: 25px 0;
  color: var(--color_alart);
}
@media only screen and (max-width: 767px) {
  #TP_CNT .news_alert__inner {
    display: block;
    padding: 20px 10px;
  }
}
#TP_CNT .news_alert__inner a {
  color: var(--color_alart);
}
#TP_CNT .news_alert__title {
  width: 260px;
}
#TP_CNT .news_alert__title h3 {
  font-size: 16px;
  font-size: 1rem;
  font-family: noto-sans-bold, noto-sans, sans-serif;
  font-weight: normal;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .news_alert__title h3 {
    font-size: 15px;
    font-size: 0.9375rem;
    margin-bottom: 15px;
  }
}
#TP_CNT .news_alert__top {
  font-size: 14px;
  font-size: 0.875rem;
  flex: 1;
  border-left: 1px solid var(--color_alart);
  padding-left: 40px;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .news_alert__top {
    font-size: 13px;
    font-size: 0.8125rem;
    padding-left: 0;
    border: none;
  }
}
#TP_CNT .news_alert__top ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
#TP_CNT .news_alert__top li {
  position: relative;
  margin: 0;
  padding: 0 0 0 30px;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .news_alert__top li {
    padding-left: 20px;
  }
}
#TP_CNT .news_alert__top li + li {
  margin-top: 15px;
}
#TP_CNT .news_alert__top li::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../img/top/ic_emph.svg) 0 0 no-repeat;
  background-size: 100% auto;
  position: absolute;
  left: 0;
  top: 0;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .news_alert__top li::before {
    width: 16px;
    height: 16px;
    top: 3px;
  }
}
#TP_CNT .news_alert__btn button {
  margin: 0;
  padding: 5px 25px;
  background-color: var(--color_alart);
  border-radius: 5rem;
  border: none;
  cursor: pointer;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .news_alert__btn button {
    padding: 4px 20px;
  }
}
#TP_CNT .news_alert__btn button::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url(../img/top/news_plus.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .news_alert__btn button::before {
    width: 14px;
    height: 14px;
  }
}
#TP_CNT .news_alert__btn button.opened::before {
  background-image: url(../img/top/news_minus.png);
}
#TP_CNT .news_alert__inner_2 {
  display: none;
  padding-bottom: 30px;
  border-top: 1px solid #fed2d2;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .news_alert__inner_2 {
    padding-bottom: 10px;
  }
}
#TP_CNT .news_alert .notice_box {
  font-size: 14px;
  font-size: 0.875rem;
  display: flex;
  column-gap: 30px;
  margin-top: 15px;
  line-height: 1.8;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .news_alert .notice_box {
    display: block;
  }
}
#TP_CNT .news_alert .notice_box .date {
  opacity: 0.4;
  margin: 0;
}
#TP_CNT .news_alert .notice_box .text p {
  margin: 0;
}
#TP_CNT .news_alert .notice_box .text p + p {
  margin-top: 10px;
}
#TP_CNT .news_alert .notice_box .text a {
  color: var(--color_text);
}
#TP_CNT .news_alert__spBtn {
  text-align: center;
  padding: 0 0 10px;
}
#TP_CNT .tp_seminar {
  max-width: 1060px;
  margin: 0 auto;
  padding: 80px 20px 0;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_seminar {
    padding-top: 40px;
  }
}
#TP_CNT .news_container,
#TP_CNT .seminar_container {
  margin-bottom: 0;
}
#TP_CNT .tp_bnr {
  max-width: 1060px;
  margin: 0 auto;
  padding: 90px 20px 0;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_bnr {
    padding-top: 50px;
  }
}
#TP_CNT .tp_bnr ul {
  display: flex;
  gap: 24px 16px;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_bnr ul {
    gap: 14px;
  }
}
@media only screen and (max-width: 500px) {
  #TP_CNT .tp_bnr ul {
    display: block;
  }
}
#TP_CNT .tp_bnr li {
  margin: 0;
  padding: 0;
  width: calc(33.3333333333% - 16px);
}
@media only screen and (max-width: 767px) {
  #TP_CNT .tp_bnr li {
    width: calc(50% - 7px);
  }
}
@media only screen and (max-width: 500px) {
  #TP_CNT .tp_bnr li {
    width: 100%;
  }
  #TP_CNT .tp_bnr li + li {
    margin-top: 15px;
  }
}
#TP_CNT .tp_bnr li a {
  display: block;
  line-height: 0;
  border: 1px solid var(--color_line);
  border-radius: 10px;
  overflow: hidden;
}
#TP_CNT .tp_bnr li a img {
  width: 100%;
  height: auto;
}

/* -------------------------------------------------------------------------*/
/* add 202308115  */
/* home お役立ち情報スライダー */
body #TP_CNT .tp_oyakudachi {
max-width: 100%;
padding: 90px 0 0;
}

body #TP_CNT .tp_oyakudachi .slick-arrow {
background: #58bf43;
box-shadow: rgba(0, 0, 0, 0.33) 0px 0px 15px;
width: 50px;
height: 50px;
border-radius: 50%;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
transition: ease-in 0.1s;
}
body #TP_CNT .tp_oyakudachi .slick-arrow::before {
content: "";
display: block;
width: 8px;
height: 8px;
border-bottom: 2px solid #fff;
border-left: 2px solid #fff;
transform: rotate(45deg);
opacity: 1;
}
body #TP_CNT .tp_oyakudachi .slick-arrow:hover {
transform: translate(0, -45%);
background: #47a933;
}
body #TP_CNT .tp_oyakudachi .slick-arrow.slick-next {
right: 2%;
}
body #TP_CNT .tp_oyakudachi .slick-arrow.slick-next::before {
transform: rotate(-135deg);
}
body #TP_CNT .tp_oyakudachi .slick-arrow.slick-prev {
left: 2%;
}
    
  /*アラート微調整 後でマージ*/
  body #TP_CNT .tp_alart__title .tp_alart__title__icon{ text-align: center;width: 100%;}
  body #TP_CNT .tp_alart__title::before{ display: none;}
  body #TP_CNT .tp_alart__title{
      display: block;
  }

/** TOP 検索窓 **/
.search__box {
  width: 100%;
  margin: 32px 0 0 0;
  padding: 24px 32px;
  background-color: #fff;
  border-radius: 16px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start
}

@media only screen and (max-width:767px) {
  .search__box {
    margin: 24px 0 0 0;
    background-color: unset;
    padding: 0;
    border-radius: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
  }
}


.search__textBox {
  width: 240px;
  padding-top: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width:767px) {
  .search__textBox {
    padding-bottom: 12px;
    width: 100%
  }
}

.search__icon {
  width: 24px;
  height: 24px;
  margin: 0 8px 0 0
}

@media only screen and (max-width:767px) {
  .search__icon {
    margin: 0 4px 0 0
  }
}

.search__text {
  font-size: 16px;
  font-family: "noto-sans-bold", "noto-sans", sans-serif;
  font-weight: normal;
  margin: 0
}

@media only screen and (max-width:767px) {
  .search__text {
    font-size: 15px
  }
}

.search__inputBox {
  width: calc(100% - 240px)
}

@media only screen and (max-width:767px) {
  .search__inputBox {
    width: 100%
  }
}

.search__inputWrap {
  border: 1px solid #cccccc;
  border-radius: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row;
  flex-flow: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center
}

@media only screen and (max-width:767px) {
  .search__inputWrap {
    width: 100%;
    background-color: #fff;
    margin: 5px 0 0 0
  }
}

.search__input {
  width: 100%;
  height: 56px;
  padding: 16px;
  font-size: 16px;
  border: none;
  border-radius: 8px
}

.search__input:focus {
  outline: 0
}

.search__btn {
  width: 56px;
  margin: 6px 8px 0 8px;
  padding: 0;
  display: block;
  position: relative;
  border: none;
  outline: none;
  background: transparent;
  z-index: 1
}

.search__btnTextBox {
  width: 100%;
  border-radius: 4px;
  background-color: var(--color_pr_1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  bottom: 4px;
  -webkit-transition: bottom 0.3s, background-color 0.3s;
  transition: bottom 0.3s, background-color 0.3s
}

@media only screen and (min-width:768px) {
  .search__btnTextBox:hover {
    bottom: 0
  }
}

.search__btnText {
  width: 100%;
  height: 36px;
  font-size: 16px;
  font-family: "noto-sans-bold", "noto-sans", sans-serif;
  font-weight: normal;
  color: #fff;
  text-align: center;
  line-height: 1.4em;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}

.search__btnBackGround {
  width: 100%;
  height: 100%;
  border-radius: 4px;
  background-color: var(--color_pr_3);
  position: absolute;
  top: auto;
  bottom: 0;
  left: 0;
  right: auto;
  z-index: -1
}

.search__recommend_word {
  font-size: 15px;
  line-height: 1.6em;
  padding-left: 1em;
  margin: 8px 0 0 0;
  padding-top: 8px;
}
.search__recommend_word a{
    color:#58BF43;
    margin-right: 12px;
    display: inline-block;
}
.search__recommend_word span{
padding-right: 8px;
}
@media only screen and (max-width:767px) {
  .search__recommend_word {
    font-size: 15px;
    margin: 8px 0 0 0;
  }
  .search__recommend_word span{
    display: block;
    padding-bottom: 6px;
  }

}
/** end 20230815 **/