@charset "UTF-8";
/* ===================================================================
CSS information

 file name  :contact.css
 author     :Ability Consultant
style info  :タイトル
=================================================================== */
/* -----------------------------------------------------------
	.con_contact 共通
----------------------------------------------------------- */
#contents .intro_text .title {
	text-align:center;
}

#contents .con_contact {
  margin-top: 64px;
}
.con_contact .box_contact {
  margin-top: 40px;
  border-right: 1px solid #CCC;
}
.con_contact .box_contact.nm {
  margin-top: 40px;
}
.con_contact .box_contact.nm .wrp_cnt {
  border-top: 0;
}
.con_contact .box_contact .wrp_cnt {
  width: 50%;
  float: left;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  background: transparent url("../contact/images/line_gray.png") left top repeat-y;
}
.con_contact .box_contact .wrp_cnt .st {
  font-size: 1.4em;
  line-height: 1.4em;
  background-color: #EEE;
  border-left: 1px solid #CCC;
  text-align: center;
  display: table;
  width: 100%;
}
.con_contact .box_contact .wrp_cnt .st span {
  display: table-cell;
  vertical-align: middle;
  padding: 3%;
}
.con_contact .box_contact .wrp_cnt ul {
  padding: 5%;
  text-align: center;
}
.con_contact .box_contact .wrp_cnt ul li.box_site .tmp_btn_red {
  width: 70%;
  margin: 1em auto 0;
}
.con_contact .box_contact .wrp_cnt ul li.box_site .tmp_btn_blue {
  width: 70%;
  margin: 1em auto 0;
}
.con_contact .box_contact .wrp_cnt ul li.box_tel {
  margin-top: 2em;
}
.con_contact .box_contact .wrp_cnt ul li.box_tel .tel {
  margin-top: 0.5em;
}
.con_contact .box_contact .wrp_cnt ul li.box_tel .tel .num em {
  font-size: 1.6em;
  line-height: 1.4em;
}
.con_contact .box_contact .wrp_cnt ul li.box_tel .tel .num .tel-link {
  font-size: 2.4em;
  line-height: 1.4em;
}
.con_contact .box_contact .wrp_cnt ul li.box_tel .tel .tim {
  color: #777;
}
.con_contact .box_contact .wrp_cnt ul li h4 {
  display: inline-block;
  padding-left: 24px;
  font-size: 1.4em;
  line-height: 1.4em;
  background: transparent url("../images/common/line_sst_red.png") left 0.6em no-repeat;
}

/* PC小専用
----------------------------------------------------------- */
/* 高さ：660以下の場合
----------------------------------------------------------- */
@media only screen and (min-width: 751px) {
  .con_contact .box_contact .wrp_cnt ul {
    border-left: 1px solid #CCC;
  }
}
/* #タブレット専用
----------------------------------------------------------- */
@media only screen and (min-width: 751px) and (max-width: 1024px) {
  .con_contact {
    margin-top: 48px;
  }
}
/* #スマートフォン専用
----------------------------------------------------------- */
@media only screen and (min-width: 0) and (max-width: 750px) {
  .con_contact {
    margin-top: 8%;
  }
  .con_contact .box_contact {
    margin-top: 5%;
    border-top: 1px solid #CCC;
    border-right: 0;
  }
  .con_contact .box_contact.nm {
    margin-bottom: 5%;
  }
  .con_contact .box_contact .wrp_cnt {
    width: 100%;
    float: none;
    border-top: 0;
    background: none;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
  }
  .con_contact .box_contact .wrp_cnt .st {
    font-size: 1.2em;
    line-height: 1.4em;
    border-left: none;
  }
  .con_contact .box_contact .wrp_cnt ul li.box_site .tmp_btn_red {
    width: 100%;
  }
  .con_contact .box_contact .wrp_cnt ul li.box_tel {
    margin-top: 5%;
  }
  .con_contact .box_contact .wrp_cnt ul li.box_tel .tel {
    margin-top: 0.5em;
  }
  .con_contact .box_contact .wrp_cnt ul li.box_tel .tel .num em {
    font-size: 1.2em;
    line-height: 1.4em;
  }
  .con_contact .box_contact .wrp_cnt ul li.box_tel .tel .num .tel-link {
    font-size: 1.8em;
    line-height: 1.4em;
  }
  .con_contact .box_contact .wrp_cnt ul li.box_tel .tel .tim {
    color: #777;
  }
  .con_contact .box_contact .wrp_cnt ul li h4 {
    font-size: 1.2em;
    line-height: 1.4em;
  }
}
/* -----------------------------------------------------------

	IE8以下用CSS
	※JSによってクラスを付与する

----------------------------------------------------------- */
.ie8 .con_contact {
  margin-top: 0px;
  padding-top: 64px;
}
.ie8 .con_contact .box_contact .wrp_cnt .st {
  display: block;
}
.ie8 .con_contact .box_contact .wrp_cnt .st span {
  display: block;
}