@charset "UTF-8";
#container {
  overflow: hidden; }

/*
@import "common";
*/
/* 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ホーム
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
---------------------------------------
header
---------------------------------------
---------------------------------------
共通箇所・汎用スタイル
---------------------------------------
*/
/* 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
共通箇所
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
---------------------------------------
---------------------------------------
*/
/* 
---------------------------------------
背景色定義
---------------------------------------
*/
/*ライトグレー*/
@media screen and (max-width: 767px) {
  .gray_bg {
    padding: 8% 0 10%;
    background: #f2f2f2; } }
@media screen and (min-width: 768px) {
  .gray_bg {
    padding: 4vw 0 4vw;
    background: #f2f2f2; } }
/* 
---------------------------------------
セッションごとの空き
---------------------------------------
*/
@media screen and (max-width: 767px) {
  .space_first {
    padding: 4% 0; }

  .space_second {
    padding: 0 0 8%; } }
@media screen and (min-width: 768px) {
  .space_first {
    padding: 50px 0 80px;
    padding: 5vw 0 8vw; }

  .space_second {
    padding: 0 0 90px;
    padding: 0 0 9vw; } }
/* 
---------------------------------------
TxtBox　定義リスト
---------------------------------------
*/
@media screen and (max-width: 767px) {
  .TxtBox dt {
    font-size: 120%;
    /*margin-bottom: 0.5em;*/
    font-weight: bold; }

  .TxtBox dd + dt {
    margin-top: 1.5em; } }
@media screen and (min-width: 768px) {
  .TxtBox dt {
    font-size: 130%;
    /*margin-bottom: 0.5em;*/
    font-weight: bold; }

  .TxtBox dd + dt {
    margin-top: 2em; } }
/* 
---------------------------------------
.Box_3Column
3カラム オレンジ見出し
スマホ：1カラム
---------------------------------------
*/
/*見出しと説明　レイアウトの箇所*/
@media screen and (max-width: 767px) {
  .Box_3Column {
    display: -ms-flexbox;
    /*IE10*/
    display: flex;
    -ms-flex-pack: justify;
    /*IE10*/
    justify-content: space-between;
    -ms-flex-align: start;
    /*IE10*/
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    /*for IE10*/
    flex-flow: wrap;
    -ms-flex-direction: column;
    flex-direction: column; }

  .Box_3Column .box {
    text-align: left;
    box-sizing: border-box;
    width: 100%; }

  .Box_3Column .box + .box {
    margin-top: 10%; }

  /*  .Box_3Column .box .ssttl {
      border-radius: 12px;
      background-color: #ffa93c;
      height: 40px;
      line-height: 40px;
      color: #fff;
      margin-bottom: 2%;
      text-align: center;
      font-size: 16px;
      font-weight: 500; }*/
  .Box_3Column .box .stxt {
    text-align: center;
    box-sizing: border-box;
    /* width: 48%; */ } }
/*見出しと説明　レイアウトの箇所*/
@media screen and (min-width: 768px) {
  .Box_3Column {
    display: -ms-flexbox;
    /*IE10*/
    display: flex;
    -ms-flex-pack: justify;
    /*IE10*/
    justify-content: space-between;
    -ms-flex-align: start;
    /*IE10*/
    align-items: flex-start; }

  .Box_3Column .box {
    text-align: left;
    box-sizing: border-box;
    width: 320px;
    font-weight: 300; }

  /*  .Box_3Column .box .ssttl {
      border-radius: 12px;
      background-color: #ffa93c;
      height: 40px;
      line-height: 40px;
      color: #fff;
      margin-bottom: 15px;
      text-align: center;
      font-size: 20px;
      font-weight: 500; }*/ }
/* 
---------------------------------------
.Box_2Column
2カラム
スマホ：1カラム
---------------------------------------
*/
/*見出しと説明　レイアウトの箇所*/
@media screen and (max-width: 767px) {
  .Box_2Column {
    display: -ms-flexbox;
    /*IE10*/
    display: flex;
    -ms-flex-pack: justify;
    /*IE10*/
    justify-content: space-between;
    -ms-flex-align: start;
    /*IE10*/
    align-items: flex-start;
    -ms-flex-wrap: wrap;
    /*for IE10*/
    flex-flow: wrap;
    -ms-flex-direction: column;
    flex-direction: column; }

  .Box_2Column .box {
    text-align: left;
    box-sizing: border-box;
    width: 100%; }

  .Box_2Column .box + .box {
    margin-top: 10%; }

  .Box_2Column .box .ssttl {
    border-radius: 5px;
    background-color: #797979;
    height: 40px;
    line-height: 40px;
    color: #fff;
    margin-bottom: 2%;
    text-align: center; }

  .Box_2Column .box .stxt {
    text-align: center;
    box-sizing: border-box;
    /* width: 48%; */ } }
/*見出しと説明　レイアウトの箇所*/
@media screen and (min-width: 768px) {
  .Box_2Column {
    display: -ms-flexbox;
    /*IE10*/
    display: flex;
    -ms-flex-pack: justify;
    /*IE10*/
    justify-content: space-between;
    -ms-flex-align: start;
    /*IE10*/
    align-items: flex-start; }

  .Box_2Column .box {
    text-align: left;
    box-sizing: border-box;
    width: 510px; }

  .Box_2Column .box .ssttl {
    border-radius: 5px;
    background-color: #797979;
    height: 40px;
    line-height: 40px;
    color: #fff;
    margin-bottom: 15px;
    text-align: center;
    font-size: 20px;
    font-weight: 500; } }
/* 
---------------------------------------
.WhiteBox
白枠と見出し（BGにlightgrayがある箇所向け）
---------------------------------------
*/
@media screen and (max-width: 767px) {
  .WhiteBox .box {
    background-color: #fff;
    width: 100%;
    padding: 3%;
    position: relative;
    box-sizing: border-box;
    border-radius: 12px; }

  .WhiteBox .box .sttl {
    color: #ff6b95;
    font-size: 16px;
    margin-bottom: 30px;
    font-weight: 500; }

  .WhiteBox .box + .box {
    margin-top: 5%; } }
@media screen and (min-width: 768px) {
  .WhiteBox {
    width: 890px;
    margin: 0 auto; }

  .WhiteBox .box {
    background-color: #fff;
    padding: 25px 35px;
    border-radius: 12px; }

  .WhiteBox .box .sttl {
    color: #ff6b95;
    font-size: 22px;
    margin-bottom: 30px;
    font-weight: 500; }

  .WhiteBox .box + .box {
    margin-top: 40px; } }
.WhiteBox .box .sttl.orange {
  color: #ffa93c; }

/* 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
画像入り
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
---------------------------------------
div.img_txt_Box.clearfix>(fig.pic>img)+(div.txt>p)
---------------------------------------
*/
@media screen and (max-width: 767px) {
  .img_txt_Box > .pic {
    width: 200px;
    margin: 0 auto 3%; } }
@media screen and (min-width: 768px) {
  .img_txt_Box {
    /*padding: 0.5em 1em; */ }

  .img_txt_Box .txt {
    float: right;
    width: 650px; }

  .img_txt_Box .txt.left {
    float: left;
    width: 50%; }

  .img_txt_Box > .pic {
    float: left;
    width: 300px;
    vertical-align: top; }

  .img_txt_Box > .pic.right {
    float: right;
    width: 48%; } }
/* 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
tableボックス
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
---------------------------------------
.TableBox
---------------------------------------
*/
@media screen and (min-width: 768px) {
  .TableBox {
    display: table;
    table-layout: fixed;
    width: 100%; }

  .TableBox .sbox {
    display: table-cell;
    vertical-align: top; } }
/* 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
本文など
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/
/* 
---------------------------------------
汎用見出し
横線
---------------------------------------
*/
.Line_ttl {
  display: flex;
  align-items: center; }

.Line_ttl:before,
.Line_ttl:after {
  border-top: 1px solid;
  content: "";
  flex-grow: 1; }

.Line_ttl:before {
  margin-right: 1rem; }

.Line_ttl:after {
  margin-left: 1rem; }

/* 
---------------------------------------
ｔａｂｌｅ
.normal
---------------------------------------
*/
@media screen and (max-width: 767px) {
  table.normal th {
    padding: 2% 3%;
    width: 7em; }

  table.normal td {
    padding: 2% 3%; } }
@media screen and (min-width: 768px) {
  table.normal {
    margin: 30px 0 0;
    font-size: 15px; }

  table.normal th {
    padding: 20px 30px;
    width: 20%; }

  table.normal td {
    padding: 20px 40px; } }
table.normal {
  width: 100%; }

table.normal tr:first-child {
  border-top: 1px solid; }

table.normal tr {
  border-bottom: 1px solid; }

table.normal th {
  box-sizing: border-box; }

table.normal th.vat {
  vertical-align: top; }

/* 
---------------------------------------
リストで説明箇所
.list
---------------------------------------
*/
.List_item {
  margin: 2em 0; }

.List_item li:before {
  content: "\f22d";
  margin-right: 0.5em;
  font: normal normal normal 10px/1 FontAwesome;
  color: #fff;
  top: -2px;
  position: relative; }

.List_item li {
  padding-left: 1em;
  text-indent: -1em; }

/* 
---------------------------------------
番号付きリスト
---------------------------------------
*/
ol.number {
  counter-increment: number 0;
  /* number カウンタの増加数をセット */ }

ol.number li {
  list-style-type: decimal;
  padding-left: 0.8em;
  text-indent: -0.8em; }

ol.number li + li {
  margin-top: 0.5em; }

/* 
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
その他　レスポンシブ用
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
*/
/* 
---------------------------------------
定義リスト　テーブル使い
---------------------------------------
*/
@media screen and (max-width: 767px) {
  .dl-table {
    margin: 0;
    line-height: 2;
    font-size: inherit; }

  dl.dl-table dt,
  dl.dl-table dd:not(:last-of-type) {
    margin: 0 0 2%;
    box-sizing: border-box; } }
@media screen and (min-width: 768px) {
  .dl-table {
    padding: 0;
    margin: 0;
    line-height: 2;
    font-size: inherit;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center; }

  dl.dl-table dt,
  dl.dl-table dd:not(:last-of-type) {
    margin: 0 0 0.6%;
    box-sizing: border-box; } }
.dl-table {
  /*    padding: 0;
  	margin: 0;
  	line-height: 2;
  	font-size: inherit;*/ }

.dl-child {
  /**  dlに入れ子dlをするときのclass  **/
  margin: 0; }

dl.dl-table dt {
  /*float: left;*/
  width: 6em;
  line-height: 1.3em; }

dl.dl-table dd {
  line-height: 1.3em;
  margin-left: 6em; }

dl.dl-table dd:after {
  content: '';
  display: table;
  clear: both;
  height: 0; }

/* 
---------------------------------------
定義リスト　線有
---------------------------------------
*/
dl.dl-table.line dt {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  /* for no-flexbox browsers */ }

dl.dl-table.line dt, dl.dl-table.line dd {
  line-height: 1.8em; }

dl.dl-table.line dt:after {
  border-top: 1px solid #333;
  content: "";
  display: inline;
  /* for IE */
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex: 1;
  flex-grow: 1; }

dl.dl-table.line dt:after {
  margin-left: 0.8em; }

/* 
---------------------------------------
スマホ時　tableを横にscrollできるように
---------------------------------------
*/
/*tableのスクロール*/
@media screen and (max-width: 767px) {
  .scroll_ta {
    overflow-x: auto;
    /*white-space: nowrap;*/
    display: block;
    width: auto;
    box-sizing: border-box;
    /*padding-bottom: 20px;*/
    overflow-y: hidden; }

  .scroll_ta:-webkit-scrollbar {
    height: 60px; }

  /*.scroll_ta:-webkit-scrollbar-track{
   background: red;
  border-radius: 5px;
  }*/
  .scroll_ta:-webkit-scrollbar-thumb {
    background: blue;
    border-radius: 5px; }

  .scroll_ta:-webkit-scrollbar-track-piece {
    background: blue; }

  .scroll_ta:after {
    content: "右にフリックすると表がスクロールします";
    padding-left: 1em; } }
/* 
---------------------------------------
kv
---------------------------------------
*/
@media screen and (max-width: 767px) {
  #kv {
    background: url(../img2/realestate/kv_sp.jpg) no-repeat;
    background-size: cover; }

  #kv .box {
    width: 100%;
    padding: 22vh 0 24vh 3vw;
    font-size: 1.25rem;
    font-weight: bold; } }
@media screen and (min-width: 768px) {
  #container {
    background: url(../img2/realestate/kv.jpg);
    background-size: 100% auto;
    background-repeat: no-repeat; }

  #kv {
    position: relative;
    width: 100%;
    height: 70vh; }

  #kv .box {
    padding-top: 23vh;
    font-size: 2.286rem;
    text-shadow: 0px 0px 14px #0074ff; } }
#kv .box {
  color: #fff;
  width: 100%;
  text-shadow: 0px 0px 14px #0074ff; }

/* 
---------------------------------------
realestate01
---------------------------------------
*/
#realestate01 .Box_2Column {
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, #fff 70%); }
  #realestate01 .Box_2Column .ttl {
    background: url(../img2/realestate/01_bg.svg) center center;
    background-size: cover;
    text-align: center;
    color: #fff;
    padding: 2vw 3.5vw;
    line-height: 1.4; }
    #realestate01 .Box_2Column .ttl strong {
      display: block;
      background: #fff;
      color: #ef5716;
      width: 75%;
      margin: 0 auto 0.5em;
      font-size: 1.071rem; }
    #realestate01 .Box_2Column .ttl span {
      font-size: 1rem;
      font-weight: bold;
      display: block;
      letter-spacing: 0.105em; }

@media screen and (max-width: 767px) {
  #realestate01 .Box_2Column .ttl {
    padding: 3vh 0; }
  #realestate01 .Box_2Column .txt {
    padding: 0 1em 2em 1em;
    margin-top: 2vh; }
  #realestate01 .Box_2Column span {
    font-size: 0.786rem; } }
@media screen and (min-width: 768px) {
  #realestate01 .Box_2Column {
    height: 270px;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0, #fff 70%); }
    #realestate01 .Box_2Column .ttl {
      max-width: 310px;
      height: 100%;
      width: 17%;
      font-size: 2.571rem;
      font-weight: 500; }
      #realestate01 .Box_2Column .ttl strong {
        display: block;
        background: #fff;
        color: #ef5716;
        width: 75%;
        margin: 0 auto 0.5em;
        font-size: 1.071rem; }
      #realestate01 .Box_2Column .ttl span {
        font-size: 1rem;
        font-weight: bold;
        display: block;
        letter-spacing: 0.105em; }
    #realestate01 .Box_2Column .txt {
      width: 80%;
      height: 100%;
      padding: 2.5vw 0 2vw;
      font-size: 1.143rem; } }
/* 
---------------------------------------
realestate02
---------------------------------------
*/
#realestate02 .Box_3Column .box {
  padding: 10px;
  box-shadow: 2px 2px 0px 0px rgba(0, 0, 0, 0.15);
  background: #fff; }
  #realestate02 .Box_3Column .box .sttl::before {
    display: block;
    font-family: Arial;
    position: absolute;
    width: 100%;
    text-align: center;
    top: -1em; }
  #realestate02 .Box_3Column .box:nth-of-type(1) .sttl {
    background: #0066ba; }
    #realestate02 .Box_3Column .box:nth-of-type(1) .sttl:before {
      content: "1"; }
  #realestate02 .Box_3Column .box:nth-of-type(2) .sttl {
    background: #843575; }
    #realestate02 .Box_3Column .box:nth-of-type(2) .sttl:before {
      content: "2"; }
  #realestate02 .Box_3Column .box:nth-of-type(3) .sttl {
    background: #ba9600; }
    #realestate02 .Box_3Column .box:nth-of-type(3) .sttl:before {
      content: "3"; }
  #realestate02 .Box_3Column .box .data {
    position: relative;
    top: -1.8em;
    padding: 0 1em; }
    #realestate02 .Box_3Column .box .data .sttl {
      color: #fff;
      padding: 0.6em 0 0.4em;
      width: 80%;
      margin: 0 auto 0.7em; }

@media screen and (max-width: 767px) {
  #realestate02 {
    background: url(../img2/realestate/02_bg_sp.jpg) no-repeat;
    background-size: cover;
    padding: 6vh 0 5vh; }

  #realestate02 .Box_3Column .box .sttl::before {
    font-size: 3rem; }
  #realestate02 .Box_3Column .box .data .sttl {
    font-size: 1.286rem; } }
@media screen and (min-width: 768px) {
  #realestate02 {
    background: url(../img2/realestate/02_bg.jpg) no-repeat;
    background-size: cover;
    padding: 8vh 0 7vh; }

  #realestate02 .Box_3Column .box {
    width: 350px;
    max-height: 367px; }
    #realestate02 .Box_3Column .box .sttl::before {
      font-size: 4.286rem; } }
/* 
---------------------------------------
realestate03、realestate04
---------------------------------------
*/
.FlowArea .box:nth-of-type(1) {
  color: #fff;
  font-size: 1.143rem; }
.FlowArea .box:nth-of-type(2) {
  padding: 3vw 4vw; }
  .FlowArea .box:nth-of-type(2) .sttl {
    font-size: 1.571rem;
    margin-bottom: 1em; }
.FlowArea .Number_list {
  counter-reset: number;
  /*数字をリセット*/
  list-style-type: none !important;
  /*数字を一旦消す*/ }
  .FlowArea .Number_list li {
    background: #fff;
    position: relative;
    padding: 20px 50px; }
  .FlowArea .Number_list li dl dt {
    position: relative;
    width: 9em;
    font-size: 1.143rem;
    margin: 0; }
  .FlowArea .Number_list li dl dt:before {
    /* 以下数字をつける */
    position: absolute;
    left: -30px;
    counter-increment: number;
    content: counter(number);
    /*数字のデザイン変える*/
    display: inline-block;
    background: #74c2f8;
    color: white;
    font-family: 'Arial',sans-serif;
    /*font-weight:bold;*/
    font-size: 16px;
    width: 20px;
    height: 20px;
    line-height: 21px;
    text-align: center;
    /*以下上下中央寄せのため*/
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .FlowArea .Number_list li dl dd {
    margin-left: 2em; }
  .FlowArea .Number_list li:after {
    content: "\f078";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    position: absolute;
    left: 0;
    bottom: -1.5em;
    width: 100%;
    text-align: center; }
  .FlowArea .Number_list li:last-of-type:after {
    content: ""; }
  .FlowArea .Number_list li + li {
    margin-top: 1.5vw; }

#realestate03 .FlowArea {
  background: #e3e7f2; }
  #realestate03 .FlowArea .box:nth-of-type(1) {
    background: url(../img2/realestate/03_bg.jpg) no-repeat;
    background-size: cover; }
  #realestate03 .FlowArea .box:nth-of-type(2) .sttl {
    color: #425ea5; }
  #realestate03 .FlowArea .Number_list li dl dt:before {
    background: #425ea5; }
  #realestate03 .FlowArea .Number_list li:after {
    color: #425ea5; }

#realestate04 .FlowArea {
  background: #e1eadc; }
  #realestate04 .FlowArea .box:nth-of-type(1) {
    background: url(../img2/realestate/04_bg.jpg) no-repeat;
    background-size: cover; }
  #realestate04 .FlowArea .box:nth-of-type(2) .sttl {
    color: #467c23; }
  #realestate04 .FlowArea .Number_list li dl dt:before {
    background: #467c23; }
  #realestate04 .FlowArea .Number_list li:after {
    color: #467c23; }

@media screen and (max-width: 767px) {
  .FlowArea .box:nth-of-type(1), .FlowArea .box:nth-of-type(2) {
    padding: 5vw 3vw 7vw 3vw; }
  .FlowArea .box + .box {
    margin-top: 0; }
  .FlowArea .Number_list li {
    padding: 20px 20px 20px 50px; }
  .FlowArea .Number_list li dl dt {
    width: auto; }
  .FlowArea .Number_list li dl dd {
    margin: 1em 0 0 -2em; }
  .FlowArea .Number_list li + li {
    margin-top: 3vh; } }
@media screen and (min-width: 768px) {
  .FlowArea .box:nth-of-type(1) {
    width: 29%;
    height: 100%;
    padding: 29.5vh 2vw; }
  .FlowArea .box:nth-of-type(2) {
    width: 71%;
    padding: 3vw 4vw; }
    .FlowArea .box:nth-of-type(2) .sttl {
      font-size: 1.571rem;
      margin-bottom: 1em; }

  #realestate04 .FlowArea {
    background: #e1eadc; }
    #realestate04 .FlowArea .box:nth-of-type(1) {
      order: 2;
      padding: 33.5vh 2vw; }
    #realestate04 .FlowArea .box:nth-of-type(2) {
      order: 1; }
    #realestate04 .FlowArea .Number_list li:nth-of-type(2) dt, #realestate04 .FlowArea .Number_list li:nth-of-type(5) dt {
      width: 15em; } }
/* 
---------------------------------------
045　お客様の声追記
---------------------------------------
*/
#realestate045 {
  background-image: url(/img2/realestate/045_bg.png); }

#realestate045 .ttl::after {
  background: url(../img2/realestate/045_ttl_bg.svg) no-repeat center; }

#realestate045 .ttl span {
  color: #ef5716; }

@media screen and (max-width: 767px) {
  #realestate045 {
    background-size: 10px auto;
    padding: 6vh 0; } }
@media screen and (min-width: 768px) {
  #realestate045 {
    padding: 7vh 0 10vh; }

  #realestate045 .box {
    padding: 0 1vw 1vw;
    width: 555px;
    min-height: 355px; }
    #realestate045 .box .pic {
      width: 210px; }
    #realestate045 .box .txt {
      width: 53%;
      font-size: 1.143rem; } }
#realestate045 .box {
  background: #fff;
  padding: 0 1vw 1vw; }

#realestate045 .box .sttl {
  text-align: center;
  color: #fff;
  font-size: 1.25rem;
  padding: 0.5em 0;
  margin: 0 -1vw;
  margin-bottom: 1em; }

#realestate045 .box:nth-of-type(1) .sttl {
  background: #425ea5; }

#realestate045 .box:nth-of-type(2) .sttl {
  background: #467c23; }

/* 
---------------------------------------
company
---------------------------------------
*/
@media screen and (max-width: 767px) {
  #company {
    padding: 8vw 0;
    background: #75abda; }

  #company .inner {
    width: 92%;
    margin: 0 auto;
    padding: 0 4%; }

  #company table th {
    display: block;
    padding: 2%;
    font-weight: bold;
    color: #ea5514;
    background: #f3f3f3;
    border: none;
    text-align: center; }

  #company table td {
    display: block;
    padding: 2%;
    border: none;
    text-align: center; }

  #map01 {
    height: 200px;
    width: 100%; }

  #link {
    width: 92%;
    padding: 4%; }

  #link img {
    width: 100%; } }
@media screen and (min-width: 768px) {
  #company {
    padding: 3.5vw 0;
    background: url(../img2/realestate/05_bg.jpg) no-repeat center;
    background-size: cover; }

  #company .inner {
    width: 920px;
    margin: 0 auto; }

  #company table {
    font-size: 1.143rem; }

  #company table th:nth-of-type(1) {
    width: 150px; }

  #company table th:nth-of-type(2) {
    width: 140px; }

  #company table td {
    width: 300px; }

  #company table td {
    width: 35%; }

  #company table .last td {
    width: 254.8%; } }
#company table {
  color: #333;
  width: 100%;
  background: #fff;
  background: rgba(255, 255, 255, 0.9); }

#company table th {
  padding: 10px;
  font-weight: bold;
  border: 1px solid #96c7e0; }

#company table td {
  padding: 10px;
  border: 1px solid #96c7e0; }

#company table .last td {
  display: flex;
  border: none;
  margin-bottom: -1px;
  border-right: 1px solid #96c7e0;
  border-bottom: 1px solid #96c7e0; }

#link {
  padding: 30px 0;
  text-align: center; }

@media screen and (min-width: 768px) and (max-width: 1049px) {
  /*TAB以下*/
  #company .inner {
    width: 92%;
    margin: 0;
    padding: 0 4%; } }