﻿@charset "UTF-8";

/* ---------------------------------------------
   title
--------------------------------------------- */
.ttl_select_01 {
  margin: 10px 0 15px;
  font-weight: bold;
  font-size: 15px;
}
.ttl_select_02 {
  margin-bottom: 10px;
  padding: 3px 2.666666667%;
  padding: 3px calc(2.666666667vw);
  background: #284679;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
}

/* ---------------------------------------------
   text
--------------------------------------------- */
.txt_select_01 {
  margin-bottom: 20px;
  color: #6f6f6f;
  font-size: 11px;
}
.txt_select_02 {
  font-size: 9px;
  line-height: 2;
}

/* ---------------------------------------------
   section
--------------------------------------------- */
.sec_select_02 { margin-bottom: 58px; }
.sec_select_03 { margin-bottom: 76px; }

.sec_select_map {}
  .sec_select_map .title {
    margin-bottom: 12px;
    font-weight: bold;
    font-size: 1.250em;
  }

/* ---------------------------------------------
   box
--------------------------------------------- */
/* box_select_stage_01
--------------------------------------------- */
.box_select_stage_01 { border: 1px solid #284679; }
  .box_select_stage_01 .box_stage_01,
  .box_select_stage_01 .box_stage_02 {
    position: relative;
    padding-bottom: 82px;
    border-bottom: 1px solid #284679;
  }
  .box_select_stage_01 .box_stage_02 { padding-bottom: 92px; }
  .box_select_stage_01 .box_stage_03 { padding-bottom: 53px; }
    .box_select_stage_01 .box_stage_01:after,
    .box_select_stage_01 .box_stage_02:after {
      position: absolute;
      left: 50%;
      bottom: 20px;
      width: 62px;
      height: 26px;
      margin-left: -31px;
      background: url(/chintai/sp/img/whats/select/box_bg_arrow_01.png) no-repeat;
      background-size: 62px 26px;
      content: "";
    }
  .box_select_stage_01 .title_wrap {
    padding: 12px 10px;
    border-bottom: 1px solid #284679;
		font-size: 13px;
    color: #284679;
  }
    .box_select_stage_01 .title_wrap .title {
      margin-bottom: 5px;
      font-weight: bold;
    }
  .box_select_stage_01 .box_inner {
    padding: 10px 10px 0;
    font-size: 11px;
  }
    .box_select_stage_01 .box_inner .image {
      padding: 15px 0 0;
      text-align: center;
    }

/* box_select_stage_02
--------------------------------------------- */
.box_select_stage_02 {
  margin-bottom: 14px;
  padding: 5px 10px;
  border: 1px solid #d3d3d3;
}
  .box_select_stage_02 ul li {
    display: table;
    width: 100%;
    padding: 0 10px;
    border-bottom: 1px solid #d3d3d3;
    box-sizing: border-box;
  }
  .box_select_stage_02 ul li:last-child {
    margin-bottom: 0;
    border-bottom: none;
  }
    .box_select_stage_02 ul li .number {
      display: table-cell;
      width: 22px;
      height: 71px;
      vertical-align: middle;
    }
      .box_select_stage_02 ul li .number img { width: 22px; }
    .box_select_stage_02 ul li .text {
      display: table-cell;
      height: 71px;
      padding: 10px 0 10px 13px;
      color: #284679;
      font-weight: bold;
      font-size: 11px;
      vertical-align: middle;
      text-align: left;
      box-sizing: border-box;
    }
.module_tables_apartment thead th, .module_tables_apartment th { background-color: #ecedf5; padding: 8px 5px; text-align: center; color: #284679; font-weight: bold; border-bottom: 1px solid #c7c7c7; font-size: 1.136363637em; }
.module_tables_apartment thead th.bukken_skcs_header, .tokubetsu_area_ttl th.bukken_skcs_header { background: #284679 none repeat scroll 0 0; color: #fff; font-weight: bold; padding: 0px 12px; text-align: left; vertical-align: middle; height: 30px; }
