@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/
.c_blue {
  color: #005f84;
}

.c_green {
  color: #003a51;
}

.c_gray {
  color: #999;
}

.f_14 {
  font-size: 14px;
}

/*-------------------------------
ページタイトル
-------------------------------*/
.c-pageTitle[data-style=b_bottom] {
  text-align: center;
  border: 0;
  font-size: 1.9em;
}
.c-pageTitle[data-style=b_bottom] .c-pageTitle__inner {
  display: inline-block;
  padding: 0 0 10px 0;
  border-bottom: 3px solid #003a51;
  float: none;
}
.c-pageTitle[data-style=b_bottom] .c-pageTitle__subTitle {
  display: none;
}

/*-------------------------------
ヘッダお問い合わせ
-------------------------------*/
.-series-left .w-header .post_content {
  width: 400px;
}
.-series-left .w-header .post_content p {
  line-height: 1;
  margin-bottom: 0 !important;
}

/*-------------------------------
お問い合わせフォーム
-------------------------------*/
table.t_contact th {
  position: relative;
}
table.t_contact th:after {
  position: absolute;
  background: #999;
  content: "任意";
  color: #fff;
  top: 24px;
  right: 15px;
  font-size: 12px;
  padding: 5px 12px;
  text-align: center;
  line-height: 1;
  border-radius: 5px;
}
table.t_contact th.hissu:after {
  background: #005f84;
  content: "必須";
}

.wpcf7 input[type=submit] {
  background-color: #005f84;
  border: 1px solid #005f84;
  color: #fff;
  display: block;
  margin: 20px auto;
  padding: 8px 15px;
  text-align: center;
  width: 300px;
  border-radius: 25px;
}

/*-------------------------------
余白
-------------------------------*/
.pt_20 {
  padding-top: 20px;
}

/*-------------------------------
安全対策
-------------------------------*/
.swell-block-columns.anzen .swell-block-column {
  background-color: #f6f6f6;
}

/*-------------------------------
ボタン（フッター）
-------------------------------*/
.l-footer a.botan {
  font-size: 1rem;
  font-weight: normal;
  letter-spacing: 1px;
  width: 100%;
  padding: 0.5rem 1rem;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  border: 2px solid #333333;
  background-color: #fff;
  color: #333333;
}
.l-footer a.botan:hover {
  background-color: #ccc;
}

.is-style-clmn-shadow > .swell-block-columns__inner > .swell-block-column {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: 1px #eee solid;
}

/* 電話番号：PCではクリック無効 */
@media screen and (min-width: 768px) {
  a.tel-link {
    pointer-events: none;
    color: inherit;
    text-decoration: none;
    cursor: default;
  }
}
.pc_off {
  display: none !important;
}

.sp_on {
  display: none;
}

@media screen and (max-width: 960px) and (min-width: 600px) {
  .tab_off {
    display: none !important;
  }
  .sp_on {
    display: none;
  }
}
@media screen and (max-width: 599px) {
  /*-------------------------------
  お問い合わせフォーム
  -------------------------------*/
  table.t_contact {
    width: 100%;
    margin: 0;
  }
  table.t_contact th, table.t_contact td {
    padding: 12px 10px;
    display: block;
    width: 100%;
  }
  table.t_contact input[type=text],
  table.t_contact input[type=email],
  table.t_contact input[type=tel],
  table.t_contact textarea {
    width: 90%;
  }
  /*-------------------------------
  テーブル（flexible-table）
  -------------------------------*/
  .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table.is-stacked-on-mobile tr th {
    text-align: left !important;
    position: relative;
    padding: 0.5em 20px;
  }
  .wp-block-flexible-table-block-table.wp-block-flexible-table-block-table > table.is-stacked-on-mobile tr th::after {
    content: "";
    position: absolute;
    left: 10px;
    right: 10px;
    bottom: 0;
    height: 1px;
    background-color: #ccc;
  }
  .sp_off {
    display: none !important;
  }
  .sp_on {
    display: inherit !important;
  }
}