@charset "utf-8";
/* ==========================================================

title : 手配・取次ぎサービス｜ホテル型高級賃貸マンション【栄タワーヒルズ】
scope : 

memo：なにか注意事項があれば記載

last modify : 2019/01/23 TCI福岡_sakaguchi 新規

========================================================== */
/*----------------------------------------
  common
----------------------------------------*/

.btn_type01 {
  margin: 1rem auto 0;
  width: 90%;
}
.top_margin_image {
 margin-top: 5%;
}

@media screen and (max-width: 1024px) {
  .btn_type01 a {
    font-size: 1.7vw;
  }
}

@media screen and (max-width: 736px) {
  .btn_type01 {
    font-size: 4.5vw;
    margin: 1rem auto 0;
    width: 100%;
  }
  .btn_type01 a {
    font-size: 4.5vw;
    padding: .8em 2.2em .8em .5em;
  }
  .trunkbox_btn a {
    text-align: left;
    padding: .8em 2.2em .8em 1.5em;
  }
  .adj_ttl {
    letter-spacing: 0;
  }
}

/* .taxi_company
----------------*/
@media screen and (max-width: 736px) {
  .content_inner .text_block .text_block_inner .partner_company dd .taxi_company li {
    display: block;
  }
}

/* .ttl_h4_tado
----------------*/
.ttl_h4_tado {
  background: #49682b;
  color: #fff;
  display: inline-block;
  font-weight: normal;
  padding: .9% 1.5%;
}

@media screen and (max-width: 736px) {
  .ttl_h4_tado {
    display: block;
    font-size: 5vw;
    padding: 2% 3.6%;
  }
}
/* .ttl_h4_syuga
----------------*/
.ttl_h4_syuga{
  background: #3c4f8e;
  color: #fff;
  display: inline-block;
  font-weight: normal;
  padding: .9% 1.5%;
}
.adj_syuga {
  margin-top: 30px;
}
.content_inner .adj_company {
  float: none;
  width: 100%;
}

@media screen and (max-width: 736px) {
  .ttl_h4_syuga {
    display: block;
    font-size: 5vw;
    padding: 2% 3.6%;
  }
}

/* .relax_massage
----------------*/
.relax_massage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 4% auto 0;
  max-width: 766px;
}
.relax_massage dl {
  background: url(/sakae/concierge/agent/image/bg-massage.png) repeat 0 0 / 23.4% auto;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝","Yu Mincho",YuMincho,"HGS明朝E",serif;
  padding: 2.3em 1em;
  width: 50%;
}
.relax_massage dl dt {
  color: #365725;
  font-size: 23px;
  font-weight: bold;
  letter-spacing: .13em;
  line-height: 1.2;
  text-align: center;
}
.relax_massage dl dt span {
  font-size: 13px;
  font-weight: normal;
  letter-spacing: normal;
}
.relax_massage dl dd {
  margin-top: 1.1rem;
}
.relax_massage dl dd p:nth-of-type(n+2) {
  margin-top: 1rem;
}
.relax_massage img {
  display: block;
  width: 50%;
}

@media screen and (max-width: 736px) {
  .relax_massage {
    display: block;
    margin: 2rem auto 0;
  }
  .relax_massage dl {
    padding: 1rem;
    width: 100%;
  }
  .relax_massage dl dt {
    font-size: 22px;
    letter-spacing: .08em;
  }
  .relax_massage dl dd p:nth-of-type(n+2) {
    margin-top: 1rem;
  }
  .relax_massage img {
    width: 100%;
  }
}

/* .figure_block
----------------*/
.figure_block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 4% auto 4%;
}
.figure_block figure {
  width: calc(258 / 824 * 100%);
}
.figure_block figcaption {
  font-size: 14px;
  letter-spacing: -.05em;
  margin-top: .2em;
}
.figure_block + .text_block {
  float: none;
  margin-top: 1.5rem;
  width: 100%;
}
.figure_block + .text_block .text_block_inner,
.figure_block + .text_block .text_block_inner .partner_company {
  margin-top: 0;
}

@media screen and (max-width: 736px) {
  .figure_block {
    display: block;
    margin: 2em 0 2em;
  }
  .figure_block figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 1rem;
    width: 100%;
  }
  .figure_block figure img {
    width: 32%;
  }
  .figure_block figcaption {
    font-size: 16px;
    margin: 0;
    width: 65%;
  }
}

/*.box_pickup_car
-----------------------*/
.box_pickup_car {
  background: #fff;
  box-shadow:2px 2px 5px 0px #bbbbbb;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto 1em;
  padding: 1.5em 0;
  width: calc( 805 /824 * 100% );
}

.box_pickup_car h3 {
  background: #4A653C;
  color: #fff;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",游明朝,"Yu Mincho",YuMincho,HGS明朝E,serif;
  font-size: 135%;
  font-weight: normal;
  line-height: 1.3em;
  margin-bottom: 1em;
  padding: 0.3em 0.5em 0.3em 3em;
  position: relative;
  width: 100%;
}

.box_pickup_car h3:before {
  background: url(../image/ico-car.png) center center no-repeat;
  background-size: 2em;
  bottom: 0;
  content: "";
  display: block;
  left: 0.5em;
  position: absolute;
  top: 0;
  width: 2em;
}

.box_pickup_car .area_text {
  margin: 0.5em 0 0;
  width: calc( 460 / 805 * 100% );
}

.box_pickup_car .area_text p {
  margin-bottom: 1em;
  margin-left: 1.5em;
  text-align: justify;
}

.box_pickup_car .area_text small {
  display: block;
  font-size: 90%;
  line-height: 1.7em;
  margin-left: 1.5em; 
  padding-left: 1em;
  text-indent: -1em;
}

.box_pickup_car figure {
  box-shadow:2px 2px 5px 0px #bbbbbb;
  margin-right: 1.5em;
  width: calc( 281 / 805 * 100%);
}

@media screen and (max-width: 736px) {
  .box_pickup_car {
    padding: 0 0 1em;
  }
  .box_pickup_car h3 {
    font-size: 4.5vw;
    font-weight: bold;
    margin-right: 1em;
    width: 100%;
  }

  .box_pickup_car .area_text {
    margin: 0 0 1em;
    width: 100%;
  }

  .box_pickup_car .area_text p {
    margin: 0 1em;
  }

  .box_pickup_car .area_text small {
    margin: 0 1em;
  }

  .box_pickup_car figure {
    margin: 0 auto 0.5em;
    width: 80%;
  }
}


/*#cleaning
-----------------------*/
#cleaning .content_inner .text_block .text_block_inner.first {
  margin-top: 0;
}
.content_inner .text_block .ttl_h4_type01 + .text_block_inner + .ttl_h4_type01.adj_other {
  margin-top: 2.5em;
}
.image_block li:nth-of-type(n+2) {
  margin-top: 1.05rem;
}
@media screen and (max-width: 736px) {
  .content_inner .text_block .ttl_h4_type01 + .text_block_inner + .ttl_h4_type01.adj_other {
    margin-top: 1.5rem;
  }
  #cleaning .content_inner .image_block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .image_block li {
    width: 48%;
  }
  .image_block li:nth-of-type(n+2) {
    margin-top: 0;
  }
}

/* #trunk_room
----------------*/
#trunk_room .merit_list li {
  letter-spacing: -.4em;
}
#trunk_room .merit_list li:nth-child(n+2) {
  margin-top: .4rem;
}
#trunk_room .merit_list li dt,
#trunk_room .merit_list li dd {
  display: inline-block;
  letter-spacing: normal;
}
#trunk_room .merit_list li dt {
  color: #0d4838;
  font-weight: bold;
}
#trunk_room .table_type01 {
  margin: 0;
  width: 100%;
}
#trunk_room .table_type01 dt {
  width: 40%;
}
#trunk_room .table_type01 dd {
  padding: .5em 1em;
  width: 60%;
}
#trunk_room .btn_type01 {
  margin: 1.5rem 0 0;
  width: 100%;
}
#trunk_room .top_margin_image {
 margin-top: 7.5%;
}
#trunk_room .clearfix + .text_block {
  float: none;
  margin-top: 1.5rem;
  width: 100%;
}
#trunk_room .clearfix + .text_block .text_block_inner,
#trunk_room .clearfix + .text_block .text_block_inner .partner_company {
  margin-top: 0;
}

@media screen and (max-width: 736px) {
  #trunk_room .merit_list {
    padding-left: 7.5%;
  }
  #trunk_room .merit_list li {
    font-size: 4vw;
  }
  #trunk_room .table_type01 {
    display: block;
    margin: 0 auto;
    width: 95%;
  }
  #trunk_room .table_type01 dt {
    width: 100%;
  }
  #trunk_room .table_type01 dd {
    padding: .5em 1em;
    width: 100%;
  }
}

/* .table_type02
----------------*/
.table_type02 .note_list {
  font-size: 14px;
  margin-top: .5em;
}
