@charset "UTF-8";
/* PC_共通css */
/* ============================================================ */
/* scss変数定義 */
/* =============================================================================== */
/* 共通カラー */
/* =============================================================================== */
/* グラデ背景用の、テーマカラーと少し違う色味 */
/* scss変数定義 */
/* 文字サイズ設定・初期化およびbody基本設定
※このスタイルシートは基本的に変更しない */
/* =============================================================================== */
/* フォント */
/* ============================================================ */
html {
  color: #2c353e;
  font-size: 15px;
  line-height: 1.65;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  letter-spacing: 0.02em;
}

body {
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
  text-size-adjust: none;
  /*  iOSの自動拡大を打消 */
  -webkit-text-size-adjust: none;
}

/* telリンクをPCでは無効 */
/* ============================================================ */
a[href^="tel:"] {
  pointer-events: none;
}

/* ---------------------------
 Text-level semantics
--------------------------- */
/* リセット */
/********************************************************
CSS information
style info :  全端末共通スタイルの設定 */
/* =============================================================================== */
/* 端末によって表示分け（共通） */
/* ============================================================ */
/* スマホだけ表示
----------------------------*/
.display_sp {
  display: none !important;
}

/* PCだけ表示
----------------------------*/
.display_pc {
  display: block !important;
}

/* 端末ごとに表示非表示を変える汎用スタイル */
/* 基本のスタイル */
/* =============================================================================== */
html {
  background: #fff;
}

body {
  min-width: 1000px;
  /* 各所共通 */
  background: #fff;
}

/* リンク */
/* ============================================================ */
a:hover {
  text-decoration: underline;
}

a:active, a:focus {
  outline: 0;
}

/* コンテンツエリア全体 */
/* ============================================================ */
/* ヘッダーとグローバルナビ以外を囲む
----------------------------*/
.contents {
  padding: 0;
  /* 各所共通 */
}

.contents_maxwidth {
  clear: both;
  position: relative;
  margin: auto;
  width: 85%;
  /* 各所共通 */
  max-width: 1200px;
  /* 各所共通 */
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.contents .contents_maxwidth {
  padding: 40px 0 40px 0;
}

.contents_maxwidth:after {
  content: " ";
  display: block;
  clear: both;
}

.mw_900 .contents_maxwidth {
  max-width: 900px;
}

.contents_maxwidth.mw_900 {
  max-width: 900px;
}

.mw_800 .contents_maxwidth {
  max-width: 800px;
}

.contents_maxwidth.mw_800 {
  max-width: 800px;
}

.mw_1000 .contents_maxwidth {
  max-width: 1000px;
}

.contents_maxwidth.mw_1000 {
  max-width: 1000px;
}

.mw_1100 .contents_maxwidth {
  max-width: 1100px;
}

.contents_maxwidth.mw_1100 {
  max-width: 1100px;
}

.mw_1280 .contents_maxwidth {
  max-width: 1280px;
}

.contents_maxwidth.mw_1280 {
  max-width: 1280px;
}

.mw_max .contents_maxwidth {
  max-width: 9999px;
}

.contents_maxwidth.mw_max {
  max-width: 100%;
}

/* コンテンツエリア　右エリア・左エリア */
/* ============================================================ */
/* PCではサイドバー
----------------------------*/
.contents .main_r,
.contents .main_l {
  width: calc(100% - 290px);
}

.contents .main_r {
  /*メイン右寄せの場合*/
  float: right;
  margin: 0 0 0 40px;
}

.contents .main_l {
  /*メイン左寄せの場合*/
  float: left;
  margin: 0 40px 0 0;
}

.contents .aside {
  float: left;
  clear: none;
  width: 250px;
  padding: 0px;
  overflow: hidden;
  border-top: 0;
}

/* デフォルト */
/* 入力フォーム系 */
/* =============================================================================== */
/* 入力部分共通 */
/* ============================================================ */
input[type=password],
input[type=number],
input[type=tel],
input[type=email],
input[type=text],
input[type=date],
select,
textarea {
  padding: 0 10px 0 10px;
  background: #fff;
  border: 1px solid #ccc;
  float: left;
  height: 38px;
  max-width: 100%;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

textarea {
  height: 6em;
  resize: none;
  width: 100%;
  padding: 10px;
}

textarea.resiz_both {
  resize: both;
}

textarea.resize_w {
  resize: horizontal;
}

textarea.resize_h {
  resize: vertical;
}

input[type=radio] {
  vertical-align: text-top;
  margin-top: 0.01em;
}

input[type=checkbox] {
  vertical-align: text-top;
  margin-top: 0.01em;
}

select {
  padding: 0 0 0 10px;
}

label {
  overflow: visible;
}

/* input系　大きいサイズ */
/* ============================================================ */
input[type=password].form_l,
input[type=number].form_l,
input[type=tel].form_l,
input[type=email].form_l,
input[type=text].form_l,
input[type=date].form_l,
select.form_l,
textarea.form_l {
  padding: 12px 17px 9px 17px;
  height: 50px;
  font-size: 15px;
}

/* フォーカス時 */
/* ============================================================ */
/* フォーム */
/* PC_大枠レイアウトcss */
/* ============================================================ */
/* ヘッダーのスタイル */
/* =============================================================================== */
/* ヘッダー全体 */
/* ============================================================ */
/* ヘッダー全体
----------------------------*/
.header_pc {
  min-width: 1000px;
  /* 各所共通 */
  background: #fff;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 20;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  clear: both;
  height: 70px;
  color: #313646;
  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
}

.header_pc:hover {
  background: #fff;
}

.header_pc_in {
  margin: 0 auto 0 auto;
  display: block;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}

.header_pc_space {
  height: 70px;
}

/* ヘッダー内パーツ */
/* ============================================================ */
/* ロゴ
----------------------------*/
.header_pc .header_logo1 {
  display: block;
  float: left;
  width: 170px;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../images/default/header/header_logo1.svg) no-repeat center left;
  background-size: auto 32px;
  margin: 0 24px 0 0px;
}

/* ロゴ
----------------------------*/
.header_pc .header_logo2 {
  display: block;
  float: left;
  width: 190px;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../images/default/header/header_logo2.svg) no-repeat center left;
  background-size: auto 32px;
  margin: 0 8px 0 32px;
}

/* ロゴ
----------------------------*/
.header_pc .header_logo3 {
  display: block;
  float: right;
  width: 106px;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../images/default/header/header_logo3.png) no-repeat center;
  background-size: auto 26px;
  margin: 0 32px 0 0;
}

/* ヘッダー */
/* グローバルメニューのスタイル(PC) */
/* =============================================================================== */
/* メニュー全体 */
/* ============================================================ */
.nav_pc {
  float: right;
  height: 100%;
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav_pc,
.nav_pc a {
  color: #262c30;
  text-decoration: none;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* メニューリスト */
/* ============================================================ */
.nav_pc ul {
  float: right;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.nav_pc li {
  float: left;
  text-align: center;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 16px;
}

.nav_pc ul li a {
  line-height: 70px;
  margin: 0;
  width: 100%;
  display: block;
  height: 100%;
  position: relative;
  padding: 0 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

/* ▼表示領域がXXXpx未満の場合 */
@media (max-width: 1100px) {
  .nav_pc li {
    padding: 0 5px;
    font-size: 14px;
  }
}
/* メニューボタン背景オンマウス時
--------------------------- */
.nav_pc ul li a:hover {
  color: rgb(236, 108, 25);
}

/* メニューボタン該当ページの際背景オンマウス状態にする
--------------------------- */
body.menu1 .nav_pc li.menu1 a,
body.menu2 .nav_pc li.menu2 a,
body.menu3 .nav_pc li.menu3 a,
body.menu4 .nav_pc li.menu4 a,
body.menu5 .nav_pc li.menu5 a,
body.menu6 .nav_pc li.menu6 a,
body.menu7 .nav_pc li.menu7 a,
body.menu8 .nav_pc li.menu8 a,
body.menu9 .nav_pc li.menu9 a,
body.menu10 .nav_pc li.menu10 a,
body.menu11 .nav_pc li.menu11 a,
body.menu12 .nav_pc li.menu12 a {
  color: rgb(236, 108, 25) !important;
}

/* 申込ボタン
--------------------------- */
.nav_pc .nav_pc_rightbtn1 {
  height: 40px;
  margin: 15px 24px 0 15px;
  padding: 0 20px;
  float: right;
  line-height: 40px;
  border-radius: 999px;
  -webkit-box-shadow: 8px 6px 22px rgba(236, 108, 25, 0.3);
  box-shadow: 8px 6px 22px rgba(236, 108, 25, 0.3);
  font-size: 16px;
  color: #fff;
  background: -webkit-gradient(linear, right top, left top, from(#84cbc9), to(rgb(236, 108, 25)));
  background: linear-gradient(to left, #84cbc9 0%, rgb(236, 108, 25) 100%);
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* スクロール前 */
/* ============================================================ */
.menu1 .header_pc.header_scroll a.nav_pc_rightbtn1 {
  color: rgb(236, 108, 25);
  background: #fff;
}

.menu1 .header_pc.header_scroll .nav_pc,
.menu1 .header_pc.header_scroll .nav_pc li a {
  color: #fff !important;
}

.menu1 .header_pc.header_scroll .nav_pc ul li a {
  line-height: 145px;
}

/* 申込ボタン
--------------------------- */
.menu1 .header_pc.header_scroll .nav_pc .nav_pc_rightbtn1 {
  margin-top: 50px;
}

/* PC用グローバルメニュー */
/* フッターのスタイル */
/* =============================================================================== */
/* フッター */
/* ============================================================ */
.footer {
  padding: 0;
}

.footer .contents_maxwidth {
  padding: 60px 0 30px 0;
  max-width: 1500px;
}

/* フッター内リスト */
/* ============================================================ */
/* フッター 仕切り
----------------------------*/
.footer .w_footer_flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 1.4;
}

.footer .footer_flex {
  -webkit-box-flex: 100;
  -ms-flex: 100 100 1px;
  flex: 100 100 1px;
  border-bottom: 0;
  gap: 0 20px;
}

.footer .footer_flex.flexitem1 {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 29%;
  flex: 1 1 29%;
  padding: 0;
}

.footer .footer_flex ul.footerlink {
  margin: 20px 0 30px 0;
}

.footer .footer_flex ul.footerlink li {
  font-size: 14px;
  margin-bottom: 10px;
  width: 100%;
}

/* フッターのリストタイトル大文字
----------------------------*/
.footer .footer_link_title {
  font-size: 18px;
  margin-bottom: 8px;
}

/* フッターソーシャルボタンリンク
----------------------------*/
.footer .footer_sns .footer_sns_link {
  margin: 0 0 12px 0;
}

/* ロゴ
----------------------------*/
.footer .logo {
  text-align: left;
  vertical-align: top;
  width: auto;
  padding: 0 12px 12px 0;
  float: left;
}

.footer .logo img {
  max-width: 90%;
  max-height: 28px;
}

.footer .logo.logo3 img {
  max-height: 22px;
}

/* コピーライト
----------------------------*/
.footer .copy {
  text-align: left;
  font-size: 10px;
}

/* TOPへのページ内リンク（PC限定） */
/* ============================================================ */
.btn_getop_link_pc {
  position: fixed;
  right: 20px;
  z-index: 3;
  height: 40px;
  width: 40px;
  overflow: hidden;
  margin-bottom: 20px;
  border-radius: 999px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.btn_getop_link_pc a {
  width: 100%;
  height: 100%;
  display: block;
  background: rgba(100, 100, 100, 0.2);
  background-size: 100% auto;
  color: #2c353e;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.btn_getop_link_pc a p {
  text-align: center;
  padding-top: 29px;
  font-size: 13px;
}

.btn_getop_link_pc a:before {
  content: "";
  clear: both;
  margin: 17px 0 0 14px;
  width: 9px;
  height: 9px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  ms-transform: rotate(-45deg);
}

.btn_getop_link_pc a:hover {
  background: rgb(236, 108, 25);
  text-decoration: none;
}

.btn_getop_link_pc a:hover:before {
  border-color: #fff;
}

/* パンくず */
/* ============================================================ */
.pankuzu {
  padding: 0;
}

.pankuzu .contents_maxwidth {
  padding: 15px 0 15px 0;
}

/* ページ上部にパンくずがある場合
----------------------------*/
.catch1 .pankuzu ul,
.catch2 .pankuzu ul {
  float: none;
}

.catch1 .pankuzu .contents_maxwidth,
.catch2 .pankuzu .contents_maxwidth {
  max-width: auto;
}

.catch1 .pankuzu,
.catch2 .pankuzu {
  color: rgba(255, 255, 255, 0.5);
}

.catch1 .pankuzu a,
.catch2 .pankuzu a {
  color: #fff;
}

/* フッター */
/* ポップアップのスタイル */
/* =============================================================================== */
/* 周りの背景 */
/* ============================================================ */
/* サイズ　(デフォルト)
----------------------------*/
.popup {
  max-height: calc(100% - 40px);
  max-width: calc(100% - 40px);
  min-width: 400px;
  min-height: 150px;
}

/* 幅違い
----------------------------*/
.popup.size_w400 {
  width: 400px;
}

.popup.size_w600 {
  width: 600px;
}

.popup.size_w800 {
  width: 800px;
}

.popup.size_w1000 {
  width: 1000px;
}

.popup.size_wmax {
  width: calc(100% - 40px);
}

.popup.size_w400_h800 {
  width: 400px;
  height: 800px;
}

.popup.size_w400_hmax {
  width: 400px;
  height: calc(100% - 32px);
}

.popup.size_w600_h800 {
  width: 600px;
  height: 800px;
}

.popup.size_w600_hmax {
  width: 600px;
  height: calc(100% - 32px);
}

.popup.size_w700_h800 {
  width: 700px;
  height: 800px;
}

.popup.size_w700_hmax {
  width: 700px;
  height: calc(100% - 32px);
}

.popup.size_w800_h800 {
  width: 800px;
  height: 800px;
}

.popup.size_w800_h700 {
  width: 800px;
  height: 700px;
}

.popup.size_w800_hmax {
  width: 800px;
  height: calc(100% - 32px);
}

.popup.size_w1000_h800 {
  width: 1000px;
  height: 800px;
}

.popup.size_w1000_h1000 {
  width: 1000px;
  height: 1000px;
}

.popup.size_wmax_h800 {
  width: calc(100% - 32px);
  height: 800px;
  max-width: 1400px;
}

.popup.size_max {
  width: calc(100% - 32px);
  height: calc(100% - 32px);
}

/* ポップアップ */
/* PC_パーツcss */
/* ============================================================ */
/* 汎用パーツ */
/* テーブルのデザインパターン */
/* =============================================================================== */
/* テーブルスタイル1 横線のみ隙間大きめ */
/* ============================================================ */
table.table1 {
  border-top: 1px solid #ddd;
}

table.table1 th,
table.table1 td {
  border-bottom: 1px solid #ddd;
}

table.table1 th {
  padding: 7px 10px 7px 0;
}

table.table1 td {
  padding: 7px 0 7px 0;
}

/* スマホはテーブルを縦並びにするが、PCでは打ち消し
--------------------------- */
table.table1 tr {
  display: table-row;
}

table.table1 tbody th,
table.table1 td {
  display: table-cell;
  width: auto;
  clear: none;
}

/* テーブル */
/* タイトル帯のスタイル */
/* =============================================================================== */
/* タイトル１ */
/* ============================================================ */
.title1 {
  margin-bottom: 50px;
}

.title1 .subtitle {
  font-size: 18px;
}

.title1 .maintitle {
  font-size: 34px;
}

/* ============================================================ */
/* タイトル直下の説明テキスト
--------------------------- */
.heading_text {
  margin-bottom: 40px;
  font-size: 110%;
}

/* タイトル2 */
/* ============================================================ */
.title2 {
  margin-bottom: 40px;
  font-size: 28px;
}

/* タイトル3 */
/* ============================================================ */
/* タイトル */
/********************************************************
CSS information
style info :  汎用ボタンスタイル（a,input,bottonのパターン） */
/* =============================================================================== */
/* a,onput,botton汎用ボタンスタイル（サイズ中） */
/* ============================================================ */
.btn_m {
  height: 38px;
  line-height: 38px;
  font-size: 14px;
  padding: 0 4px 0 4px;
}

.btn_m:hover {
  text-decoration: none;
}

/* ボタン内の画像 */
.btn_m img {
  height: 20px;
  margin: 0 6px;
}

/* a,onput,botton汎用ボタンスタイル（サイズ大） */
/* ============================================================ */
.btn_l {
  height: 50px;
  line-height: 19px;
  font-size: 18px;
  padding: 14px 4px;
}

.btn_l:hover {
  text-decoration: none;
}

/* ボタン内の画像 */
.btn_l img {
  height: 26px;
  margin: 0 6px;
}

/* ボタンを囲んで中央表示 */
/* ============================================================ */
.btn_center {
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.btn_center input,
.btn_center a,
.btn_center button {
  margin: 0 5px;
  min-width: 120px;
  width: auto;
}

/* ボタンを囲んで右寄せ表示 */
/* ============================================================ */
.btn_right input,
.btn_right a,
.btn_right button {
  min-width: 60px;
}

/* ボタン */
/* チェックボックス・ラジオボタン */
/*************************************************************
CSS information
style info :  ページング
**************************************************************/
/* 検索結果タイトル
------------------------------------------------------------ */
.search_results {
  clear: both;
  overflow: hidden;
  margin-bottom: 12px;
  margin-top: 12px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 32px;
}

p.s_r_title {
  font-size: 13.5px;
  float: left;
  margin-right: 12px;
}

.s_r_title_hit {
  font-size: 15px;
  float: left;
  margin-right: 12px;
}

.s_r_title_hit .hit {
  font-size: 22px;
  margin-right: 2px;
  display: inline-block;
  color: red;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ページング全体
------------------------------------------------------------ */
.paging {
  overflow: hidden;
  font-size: 15px;
  line-height: 32px;
  float: right;
}

/* ページング
--------------------------- */
.paging ul.pagination {
  overflow: hidden;
  float: left;
  height: 32px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.paging .pagination li {
  display: block;
  height: 32px;
  float: left;
  text-align: center;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.paging .pagination li span,
.paging .pagination li a {
  display: block;
  background: none;
  border: none;
  text-decoration: none;
  text-align: center;
  height: 100%;
  min-width: 32px;
  line-height: 32px;
  padding: 0 2px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.paging .pagination li a {
  color: rgb(236, 108, 25);
}

.paging .pagination li span {
  color: #bbb;
}

.paging .pagination li a:hover {
  background: rgba(0, 0, 0, 0.05);
}

/* ページング　矢印
--------------------------- */
.paging .pagination li.before,
.paging .pagination li.next {
  display: block;
  width: 48px;
}

.paging .pagination .before span:before,
.paging .pagination .before a:before,
.paging .pagination .next span:before,
.paging .pagination .next a:before {
  position: absolute;
  content: "";
  width: 9px;
  height: 9px;
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
}

.paging .pagination .before a:before,
.paging .pagination .next a:before {
  border-top: 2px solid rgb(236, 108, 25);
  border-right: 2px solid rgb(236, 108, 25);
}

.paging .pagination .before span:before,
.paging .pagination .next span:before {
  border-top: 2px solid #ccc;
  border-right: 2px solid #ccc;
}

.paging .pagination .before span:before,
.paging .pagination .before a:before {
  margin: 10px 10px 0 -4px;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
  ms-transform: rotate(-135deg);
}

.paging .pagination .next span:before,
.paging .pagination .next a:before {
  margin: 10px 10px 0 -7px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  ms-transform: rotate(45deg);
}

/* ページング */
/* PC_ページ個別専用css */
/* ============================================================ */
/********************************************************
   CSS information
   style info :  地域から検索
********************************************************/
/* ----------------------------------------------------------------------
　タイトル部分
------------------------------------------------------------------------ */
.title_toppage {
  text-align: left;
  padding: 0;
  float: left;
}

/* -------タイトル画像-------- */
.toppage_title_image1 {
  margin: 0 auto 2px auto;
}

.toppage_title_image1 img {
  height: 60px;
}

.toppage_title_text1 {
  font-size: 16px;
  color: #555;
}

/*---------------------------------------------------------------------------
　検索　地域
---------------------------------------------------------------------------*/
.contents.contents_toppage1 .w_search_map {
  margin: 20px 0 20px 0;
}

/* ----------------------------------------------------------------------
contents_toppage1
------------------------------------------------------------------------ */
.contents.contents_toppage1 .contents_maxwidth {
  /* 
  background: #f9f6f3;
  border-radius: 10px; */
}

.contents.contents_toppage1 .title_toppage_form1 {
  width: 360px;
  margin: auto;
  position: absolute;
  margin: 72px 0 0 30px;
  z-index: 10;
}

.contents.contents_toppage1 .title_toppage_form1 input {
  width: calc(100% - 60px);
  border-radius: 3px 0 0 3px;
  border-right: 0;
  float: left;
}

.contents.contents_toppage1 .title_toppage_form1 button {
  width: 60px;
  float: left;
  border-radius: 0 3px 3px 0;
}

/*---------------------------------------------------------------------------
　詳細検索ボックス
---------------------------------------------------------------------------*/
.top_dvancedsearchbox_pc {
  background: #f7f7f7;
  padding: 13px 20px 16px 20px;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid rgba(0, 0, 0, 0.06);
  -webkit-box-shadow: 2px 9px 30px 0 rgba(0, 0, 0, 0.07), 2px 4px 10px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 2px 9px 30px 0 rgba(0, 0, 0, 0.07), 2px 4px 10px 0 rgba(0, 0, 0, 0.05);
  margin: 0 0 70px 0;
}

.top_dvancedsearchbox_pc .top_dvs_in1 {
  padding: 27px 2px 0 28px;
  float: left;
  font-size: 16px;
  width: 112px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: url(../images/top_dvancedsearchbox_icon1.svg) no-repeat left;
  background-size: 24px;
  background-position: 0 28px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.top_dvancedsearchbox_pc .top_dvs_in_l.last {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(1% + 50px);
  padding-right: 0;
}

.top_dvancedsearchbox_pc .top_dvs_in_l {
  float: left;
  padding-right: 4px;
  width: calc(33% - 54px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.top_dvancedsearchbox_pc .top_dvs_in_l_top {
  font-size: 14px;
  color: #777;
  height: 23px;
  overflow: hidden;
}

/* TOP */
/********************************************************
   CSS information
   style info :  地域から検索
********************************************************/
/*---------------------------------------------------------------------------
　検索　地域
---------------------------------------------------------------------------*/
.w_search_map {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 5px;
  height: 590px;
  position: relative;
}

.w_search_map_in {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border-radius: 10px;
}

.search_map {
  font-size: 13.5px;
  line-height: 1.4;
  max-width: 1200px;
  min-width: 600px;
  width: 100%;
  height: 100%;
  margin: auto;
  position: relative;
  border-radius: 10px;
  background: url(../images/searchmap/searchmap_bg1.png) no-repeat center;
  background-size: contain;
}

/*  ポップアップ内の場合
--------------------------- */
.popup .w_search_map_in {
  padding: 24px 12px 24px 24px;
  height: 608px;
}

/*  地域名を囲む
--------------------------- */
.search_map .region_box {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px 12px 12px 12px;
  width: calc(20% - 10px);
  position: absolute;
  border-radius: 3px;
  background: rgba(255, 255, 255, 0.6);
  -webkit-box-shadow: 2px 9px 30px 0 rgba(0, 0, 0, 0.07), 2px 4px 10px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 2px 9px 30px 0 rgba(0, 0, 0, 0.07), 2px 4px 10px 0 rgba(0, 0, 0, 0.05);
}

/*  座標
--------------------------- */
.search_map .region_box.region_1 {
  /* 北海道 */
  top: 60px;
  left: 80%;
}

.search_map .region_box.region_6 {
  /* 関西 */
  top: 138px;
  left: 20%;
}

.search_map .region_box.region_7 {
  /* 中国 */
  top: 138px;
  left: 0%;
}

.search_map .region_box.region_4 {
  /* 甲信越・北陸 */
  top: 60px;
  left: 40%;
}

.search_map .region_box.region_2 {
  /* 東北 */
  top: 160px;
  left: 80%;
}

.search_map .region_box.region_3 {
  /* 関東 */
  top: 296px;
  left: 60%;
}

.search_map .region_box.region_5 {
  /* 東海 */
  top: 428px;
  left: 40%;
}

.search_map .region_box.region_9 {
  /* 九州・沖縄 */
  top: 360px;
  left: 0%;
}

.search_map .region_box.region_8 {
  /* 四国 */
  top: 428px;
  left: 20%;
}

/*  地域
--------------------------- */
.search_map .region_box .major {
  padding-bottom: 6px;
  overflow: hidden;
  font-size: 18px;
  color: rgb(236, 108, 25);
}

/*  県ボタン
--------------------------- */
.search_map_link1 {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 32px;
  text-align: center;
  font-size: 17px;
  overflow: hidden;
  text-decoration: none;
  display: inline-block;
  border: none;
  /* input,buttonの枠消し */
  line-height: 32px;
  overflow: hidden;
  padding: 0;
  border-radius: 3px;
  margin: 0 2px 2px 0;
  width: calc(50% - 2px);
  float: left;
  background: #fff;
  border: 1px solid #bbb;
  color: #222;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}

.search_map_link1:hover {
  text-decoration: none;
  background: rgb(236, 108, 25);
  border: 1px solid rgb(236, 108, 25);
  color: #fff;
}

.search_map_link1:disabled,
.search_map_link1:disabled:hover,
.search_map_link1.disabled,
.search_map_link1.disabled:hover {
  background: #f8f8f8 !important;
  color: #bbb !important;
  border: 1px solid #ddd !important;
}

/* 地図検索 */
/********************************************************
   CSS information
   style info :  結果一覧
********************************************************/
.searchmaplist_title1 {
  font-size: 17px;
  margin-bottom: 0;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 絞り込み検索
====================================================================================== */
.sl_sb_title1 {
  font-size: 15px;
  padding: 0 8px;
  line-height: 32px;
  margin: 0 0 3px 0;
  background: #f3f3f5;
  color: #222;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.sl_sb_box {
  margin: 0 0 20px 0;
}

/* 検索フォーム
---------------------------
.searchmaplist_form1 input{
    width: calc(100% - 60px);
    border-radius: 3px 0 0 3px;
}
.searchmaplist_form1 input + button{
    width: 60px;
    border-radius: 0 3px 3px 0;
}
 */
/* 検索結果 */
/* ============================================================ */
.w_searchmaplist_box {
  margin-bottom: 18px;
}

.searchmaplist_box {
  display: block;
  padding: 6px 16px 12px 16px;
  border-radius: 4px;
  margin-bottom: 24px;
  color: #222;
  text-decoration: none;
  background: #fff;
  -webkit-box-shadow: 2px 9px 30px 0 rgba(220, 234, 247, 0.9), 1px 2px 8px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 2px 9px 30px 0 rgba(220, 234, 247, 0.9), 1px 2px 8px 0 rgba(0, 0, 0, 0.1);
}

/* テーブルスタイル1 横線のみ隙間大きめ */
/* ============================================================ */
table.table_searchmaplist {
  font-size: 15px;
}

table.table_searchmaplist th {
  display: table-cell;
  padding: 10px 10px 10px 0;
  width: 5em;
  text-align: left;
  color: #888;
}

table.table_searchmaplist td {
  padding: 10px 0 10px 0;
}

/* リスト内パーツ
--------------------------- */
/* 名前
--------------------------- */
.searchmap_list_text1 {
  clear: both;
  margin-bottom: 4px;
  overflow: hidden;
}

.searchmap_list_text1:last-child {
  margin-bottom: 0px;
}

.searchmap_list_text1_2 {
  max-width: calc(100% - 170px);
}

.searchmap_list_text1_2_2 {
  overflow: hidden;
}

.searchmap_list_text1_2 {
  font-size: 16px;
  margin-right: 6px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* 
.searchmap_list_text1_1 {
    font-size: 13px;
    line-height: 15px;
}
 */
.searchmap_list_text1_3 {
  font-size: 12px;
}

.searchmap_list_text1_4 {
  margin-right: 8px;
  font-size: 14px;
}

/* 施設
--------------------------- */
.searchmap_list_text2_1 {
  display: inline-block;
  font-size: 19px;
  margin-bottom: 4px;
  margin-top: -2px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.searchmap_list_text2_1_2 {
  margin-bottom: 13px;
  font-size: 14px;
}

.searchmap_list_text2_3 {
  font-size: 15px;
  float: left;
  margin-right: 20px;
}

.searchmap_list_text2_4 {
  float: left;
}

/* 資格
--------------------------- */
.searchmap_list_text3_1 {
  font-size: 13px;
}

/* 地図ボタン
--------------------------- */
.searchmap_list_w_btn {
  margin-top: -7px;
}

.searchmap_list_btn1 {
  width: 80px;
  height: 30px;
  line-height: 30px;
}

/* ボタン_検索結果を地図表示
/* ============================================================ */
a.btn_list_mapopen_pc {
  display: block;
  padding: 8px 8px 8px 72px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
  border: 1px solid #ddd;
  height: 66px;
  border-radius: 3px;
  background: #fefcf5 url(../images/searchmap_list_btn_mapopen_pc.svg) no-repeat left;
  background-size: 48px;
  background-position: 8px 8px;
}

a.btn_list_mapopen_pc,
a.btn_list_mapopen_pc:hover {
  text-decoration: none;
}

a.btn_list_mapopen_pc:hover {
  background: #fff8e0 url(../images/searchmap_list_btn_mapopen_pc.svg) no-repeat left;
  background-size: 48px;
  background-position: 8px 8px;
  border: 1px solid rgba(236, 108, 25, 0.6);
}

.btn_list_mapopen_pc_in {
  line-height: 20px;
  font-size: 14.5px;
  color: #222;
  padding-top: 3px;
}

/* 検索結果を地図表示 MAP
/* ============================================================ */
.gmap2 {
  height: 0;
}

/* 地図検索 結果一覧 */
/********************************************************
   CSS information
   style info :  詳細
********************************************************/
/* マップ
/* ============================================================ */
.gmap {
  height: 0;
}

/* マップ上　吹き出し内
/* ============================================================ */
.mapdialog {
  max-width: 300px;
  min-width: 200px;
}

/* 詳細 */