@charset "utf-8";
/*
Theme Name: keigyo2
Theme URI:
Description:
Version: 1.0
Author: hgr
Author URI: https://keigyo.jp/
Tags:
*/

/* ------------------------------------
20230915追加
------------------------------------ */

  .logo-lower
  {
    margin-top: 30px;
    text-align: center;
    font-size: 140%;
    font-weight: bold;
  }
  .logo-lower a
  {
    text-decoration: underline;
  }
  .logo-lower a:hover
  {
    text-decoration: none;
  }

/* ------------------------------------
20231005追加
------------------------------------ */

  /* ------- 継業サポーター共通 ------- */
  .supporter-body>* {
    margin-left: auto;
    margin-right: auto;
    max-width: 960px;
    text-align: center;
  }
    /* ------- 継業サポーター共通(見出し) ------- */
  #supporter h3 {
    margin-bottom: 25px;
    font-size: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: 700;
    line-height: 1;
  }
  @media screen and (max-width: 767px){
    #supporter h3 {
      font-size: 1.6rem;
      line-height: 1.6;
      margin-bottom: 10px;
    }}
  #supporter h3::before {
    display: block;
    background: url(./assets/img/common/icon_cross.svg) 50% 50%/contain no-repeat;
    content: "";
    width: 14px;
    height: 14px;
    margin-right: 0.5em;
  }
  @media screen and (max-width: 767px){
  #supporter h3::before {
      width: 7px;
      height: 7px;
  }}
  #supporter h3::after {
    display: block;
    background: url(./assets/img/common/icon_cross.svg) 50% 50%/contain no-repeat;
    content: "";
    width: 14px;
    height: 14px;
    margin-left: 0.5em;
  }
  @media screen and (max-width: 767px){
    #supporter h3::after {
        width: 7px;
        height: 7px;
    }}
  
    /* ------- 継業サポーター共通(チェックマーク) ------- */
    #supporter li::before {
    content: '';
    display: block;
    background: url(./assets/img/page/supporter/supporter_check.svg) 50% 50%;
    content: "";
    background-size: contain;
    background-repeat:no-repeat;
    position:absolute;
    top:0;
    left:0;
    min-width: 20px;
    width: 20px;
    height: 20px;
    margin-right: 0.5em;
  }
  @media screen and (max-width: 767px){
    #supporter li::before {
        width: 10px;
        height: 10px;
        top: 5px;
    }}
  #supporter li {
    padding-left: 27px;
    font-size: 1.8rem;
    text-align: left;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 17px;
    position:relative;
  }
  @media screen and (max-width: 767px){
    #supporter li {
      padding-left: 22px;
      font-size: 1.4rem;
      line-height: 1.4;
    }}

  /* ------- TOPロゴ ------- */
  #supporter .title_supporter {
    text-align: center;
    font-size: inherit;
  }
  @media screen and (min-width: 768px){
  body .title_supporter #supporter a {
      width: 593px;
  }}
  @media screen and (max-width: 767px){
  body .title_supporter #supporter a {
      width: 486px;
  }}
  #supporter h1 {
    margin-top: 40px;
    margin-bottom: 60px;
    text-align: center;
  }
  @media screen and (max-width: 767px){
    #supporter h1 {
      margin-top: 5.21vw;
      margin-bottom: 6.51vw;
    }}

    /* ------- 継業サポーターとは ------- */
  .supporter-intro {
    text-align: left;
    font-weight: 700;
    margin-bottom: 100px;
    font-size: 1.8rem;
    line-height: 2;
  }
  @media screen and (max-width: 767px){
    .supporter-intro {
      margin-bottom: 50px;
      font-size: 1.2rem;
      line-height: 2;
      text-align: left;
  }}
  .supporter_intro_head {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 2;
  }
  @media screen and (max-width: 767px){
    .supporter_intro_head {
      font-size: 1.6rem;
      line-height: 2;
  }}

  /* ------- 継業サポーターの役割 ------- */
  @media screen and (max-width: 767px) {
    #supporter .supporter-role img {
    text-align: center;
    max-width: 450px;
  }}
  #supporter .supporter-role {
    margin-bottom: 80px;
  }
  @media screen and (max-width: 767px) {
    #supporter .supporter-role {
    margin-bottom: 9.4vw;
 }}
  @media screen and (max-width: 767px) {
    #supporter .supporter-role img {
    max-width: 280px;
    width: 100%;
  }}

  /* ------- 対象者 ------- */
  @media screen and (min-width: 768px) {
    #supporter .supporter-target {
      margin: 80px;
  }}
  @media screen and (max-width: 767px) {
    #supporter .supporter-target {
      margin: 12.7vw 3vw;
  }}
  #supporter .supporter-target .section-body {
    text-align: left;
    font-weight: 700;
    font-size: 1.8rem;
    line-height: 2;
    max-width: 730px;
  }
  @media screen and (max-width: 767px)  {
    #supporter .supporter-target .section-body {
    font-size: 1.4rem;
    line-height: 1.4;
  }}

  /* ------- 継業サポーターができること ------- */
  @media screen and (min-width: 768px)  {
    #supporter .supporter-can .supporter-can-img {
      position: absolute;
      right: 0;
      top: 0;
  }}
  @media screen and (max-width: 767px)  {
    #supporter .supporter-can .supporter-can-img {
      max-width: 70px;
      width: 100%;
  }}
  @media screen and (min-width: 768px) {
    #supporter .supporter-can {
      margin: 80px;
      position: relative;
  }}
  @media screen and (max-width: 767px) {
    #supporter .supporter-can {
      margin: 12.7vw 3vw;
  }}
  @media screen and (max-width: 767px) {
    #supporter .supporter-can .section-body {
      display: flex;
      gap: 10px;
  }}

  /* ------- ニホン継業バンクが提供できるもの ------- */
  @media screen and (min-width: 768px) {
    #supporter .supporter-offer {
    margin: 80px;
    margin-bottom: 110px;
  }}
  @media screen and (max-width: 767px) {
    #supporter .supporter-offer {
    margin: 12.7vw 3vw;
  }}

  /* ------- 全国の継業サポーター ------- */
  @media screen and (min-width: 768px) {
    #supporter .supporter-nationwide .section-body {
    justify-content: center;
    margin: auto;
    gap: 25px;
    max-width: 980px;
    font-size: 1.8rem;
    line-height: 1.6;
  }}
  @media screen and (max-width: 767px) {
   #supporter .supporter-nationwide .section-body {
   flex-direction: column;
   margin: auto;
   gap:3vw;
   max-width: 310px;
   width: 100%;
   font-size: 1.4rem;
   line-height: 1.4;
  }}
  #supporter .supporter-nationwide .section-body {
   display: flex;
   font-weight: 700;
  }
  #supporter .supporter-nationwide .section-body dt img {
    width: 310px;
    height: 180px;
  }
  #supporter .supporter-nationwide .section-body dd {
    text-align: left;
  }
  @media screen and (min-width: 768px) {
    #supporter .supporter-nationwide  {
      margin-top: 90px;
      margin-bottom: 30px;
  }}
  @media screen and (max-width: 767px) {
  #supporter .supporter-nationwide  {
     margin-top: 10.7vw;
  }}


  /* ------- お問い合わせ ------- */
  #supporter .supporter-form {
    text-align: left;
  }


/* ------------------------------------
20240612 追加
20240819 「エリアで探す」追加に伴って改修 
------------------------------------ */

  /* 文字数が変わった場合 各種の幅を調整 */
  body .headline #fthg_search_form ul li.area       .li-wrap select { width: 6em; }/* エリアで探す */ 
  body .headline #fthg_search_form ul li.city       .li-wrap select { width: 5em; }/* まちで探す */ 
  body .headline #fthg_search_form ul li.occupation .li-wrap select { width: 5em; }/* 仕事で探す */ 
  body .headline #fthg_search_form ul li.style      .li-wrap select { width: 7em; }/* 継ぐもので探す */ 
  @media screen and (min-width: 768px) { body .headline #fthg_search_form ul { width: 860px; } }

  /* 文字数が変わった場合 ブレイクポイント見直し */
  @media screen and (max-width: 660px) {
    body .headline #fthg_search_form
    {
      padding-left: 0 !important;
      padding-right: 0 !important;
    }
    body .headline #fthg_search_form ul
    {
      -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
      justify-content: center !important;
    }
    body .headline #fthg_search_form ul li
    {
      margin-left: 0.5em !important;
    }
    body .headline #fthg_search_form ul li.is-narrowdown
    {
      margin-top: 10px;
      margin-left: 0;
      width: 100%;
    }
  }

/* ------------------------------------
20240725追加
------------------------------------ */

.favorite-btn:hover{
  opacity: 0.5;
}

.loading-item{
  opacity: 0.5;
  border: 1px solid black;
  height:34px;
  width:122px;
}

/* ------------------------------------
20241022追加 /ideal
20250516追加 /member-ok
寄付が同ページに複数あると
片方は動いていない為
cssで下の方（フッター近く）をけす
------------------------------------ */

body.ideal footer .hg-contribute,
body.member-ok footer .hg-contribute
{
  display: none;
}