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

 file name  : homepage.css
 author     : Ability Consultant
 style info : トップページ
=================================================================== */
/* -----------------------------------------------------------
	.con_main
----------------------------------------------------------- */
.con_main {
  position: relative;
}
.con_main .box_container {
  position: relative;
  width: 92%;
  max-width: 100%;
}
@media only screen and (max-width: 1024px) {
  .con_main .box_container {
    width: 90%;
  }
}
.con_main .box_thumb .img_thumb {
  display: block;
  height: calc(100vh - 80px - 7vh);
  width: 100%;
  background-repeat: no-repeat;
  background-position: right center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.con_main .txt_main {
  display: block;
  position: absolute;
  left: 4%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 70%;
  font-weight: normal;
  color: #fff;
  line-height: 1.5;
  text-shadow: 0 0 5px #000, 0 0 5px #000, 0 0 5px #000;
  z-index: 2;
}
@media only screen and (max-width: 1430px) {
  .con_main .txt_main {
    left: 6%;
  }
}
@media print {
  .con_main .txt_main {
    left: 6%;
  }
}
.ie8 .con_main .txt_main {
  left: 6%;
}
@media only screen and (max-width: 1260px) {
  .con_main .txt_main {
    left: 4%;
    width: 62%;
  }
}
@media print {
  .con_main .txt_main {
    left: 4%;
    width: 62%;
  }
}
.ie8 .con_main .txt_main {
  left: 4%;
  width: 62%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main .txt_main {
    left: 3%;
    width: 60%;
  }
}
@media only screen and (max-width: 767px) {
  .con_main .txt_main {
    left: 50%;
    top: 7%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 90%;
    line-height: 1.6;
  }
}
.con_main .txt_main .lg {
  display: block;
  font-size: 225%;
  margin-bottom: 0.5em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main .txt_main .lg {
    font-size: 175%;
  }
}
@media only screen and (max-width: 767px) {
  .con_main .txt_main .lg {
    font-size: 125%;
  }
}
@media only screen and (max-width: 767px) {
  .con_main .txt_main .lg {
    margin-bottom: 0.7em;
  }
}
.con_main .txt_main .lg br:first-of-type {
  display: none;
}
@media only screen and (min-width: 767px) and (max-width: 1430px) {
  .con_main .txt_main .lg br:first-of-type {
    display: block;
  }
}
@media print {
  .con_main .txt_main .lg br:first-of-type {
    display: block;
  }
}
.ie8 .con_main .txt_main .lg br:first-of-type {
  display: block;
}
.con_main .txt_main .md {
  display: block;
  font-size: 175%;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main .txt_main .md {
    font-size: 125%;
  }
}
@media only screen and (max-width: 767px) {
  .con_main .txt_main .md {
    font-size: 94%;
  }
}
.con_main .txt_main .md br:nth-of-type(2) {
  display: none;
}
@media only screen and (min-width: 767px) and (max-width: 1430px) {
  .con_main .txt_main .md br:nth-of-type(2) {
    display: block;
  }
}
@media print {
  .con_main .txt_main .md br:nth-of-type(2) {
    display: block;
  }
}
.ie8 .con_main .txt_main .md br:nth-of-type(2) {
  display: block;
}
.con_main .box_contact {
  display: block;
  position: absolute;
  right: 1%;
  bottom: 2%;
  background: #fff;
  text-align: center;
  text-decoration: none;
  padding: 26px 28px 24px;
  z-index: 2;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main .box_contact {
    padding: 25px 20px 22px;
  }
}
@media only screen and (max-width: 767px) {
  .con_main .box_contact {
    right: 0.5em;
    bottom: 0.5em;
    left: auto;
    top: auto;
    font-size: 75%;
    padding: 0.8em 1em;
  }
}
.con_main .box_contact .title {
  display: block;
  position: relative;
  font-size: 125%;
  letter-spacing: 0.1em;
  border-top: 1px solid #5e5e5e;
  border-bottom: 1px solid #5e5e5e;
  padding: 8px 10px 6px;
  margin-bottom: 12px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main .box_contact .title {
    font-size: 113%;
  }
}
@media only screen and (max-width: 767px) {
  .con_main .box_contact .title {
    font-size: 82%;
  }
}
@media only screen and (max-width: 767px) {
  .con_main .box_contact .title {
    padding: 0.6em 0 0.3em;
    margin-bottom: 0.8em;
  }
}
.con_main .box_contact .title:before {
  display: block;
  content: '';
  position: absolute;
  left: 5px;
  right: 5px;
  top: 2px;
  width: auto;
  height: 0;
  border-top: 1px dotted #c4c4c4;
}
.con_main .box_contact .txt {
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main .box_contact .txt {
    font-size: 88%;
  }
}
@media only screen and (max-width: 767px) {
  .con_main .box_contact .txt {
    font-size: 82%;
  }
}
.con_main .box_contact.fixed {
  position: fixed;
  top: 20px;
  right: 4.92%;
  bottom: auto;
  left: auto;
  -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
  z-index: 9000;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_main .box_contact.fixed {
    right: 5.9%;
  }
}
.con_main .box_contact.fixed_sp {
  position: fixed;
  right: calc(5% + 0.5em);
  bottom: 1.5em;
  left: auto;
  -webkit-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.1);
  z-index: 9000;
}
.con_main .btn_scroll {
  display: block;
  position: absolute;
  right: -2.5%;
  bottom: 0;
  text-align: center;
  text-decoration: none;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
  padding-bottom: 160px;
  z-index: 2;
}
@media only screen and (max-width: 1024px) {
  .con_main .btn_scroll {
    right: -3.2%;
  }
}
@media only screen and (max-width: 767px) {
  .con_main .btn_scroll {
    display: none;
    right: -4%;
    padding-bottom: 90px;
  }
}
.con_main .btn_scroll:hover {
  -webkit-transform: translate(0, 10px);
  -moz-transform: translate(0, 10px);
  -ms-transform: translate(0, 10px);
  -o-transform: translate(0, 10px);
  transform: translate(0, 10px);
}
.con_main .btn_scroll:before {
  display: block;
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 1px;
  height: 150px;
  background: #aaa;
}
@media only screen and (max-width: 767px) {
  .con_main .btn_scroll:before {
    height: 80px;
  }
}

/* -----------------------------------------------------------
	con_intro
----------------------------------------------------------- */
.con_intro {
  padding-top: 100px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro {
    padding-top: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro {
    padding-top: 7em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_intro .box_container {
    max-width: 88.54167%;
  }
}
@media print {
  .con_intro .box_container {
    max-width: 88.54167%;
  }
}
.ie8 .con_intro .box_container {
  max-width: 88.54167%;
}
@media only screen and (max-width: 767px) {
  .con_intro .box_container {
    width: 90%;
  }
}
.con_intro .box_main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  .con_intro .box_main {
    display: block;
  }
}
.con_intro .box_main .box_thumb {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
  -ms-flex-order: 2;
  order: 2;
}
@media only screen and (max-width: 1024px) {
  .con_intro .box_main .box_thumb {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_main .box_thumb {
    margin-bottom: 1.5em;
  }
}
.con_intro .box_main .box_thumb .img_thumb {
  width: 100%;
}
.con_intro .box_main .box_txt {
  -ms-flex: 0 0 550px;
  flex: 0 0 550px;
  max-width: 550px;
  -ms-flex-order: 1;
  order: 1;
  z-index: 2;
}
@media only screen and (max-width: 1260px) {
  .con_intro .box_main .box_txt {
    -ms-flex: 0 0 420px;
    flex: 0 0 420px;
    max-width: 420px;
  }
}
@media print {
  .con_intro .box_main .box_txt {
    -ms-flex: 0 0 420px;
    flex: 0 0 420px;
    max-width: 420px;
  }
}
.ie8 .con_intro .box_main .box_txt {
  -ms-flex: 0 0 420px;
  flex: 0 0 420px;
  max-width: 420px;
}
@media only screen and (max-width: 1024px) {
  .con_intro .box_main .box_txt {
    display: table;
    width: auto;
    max-width: 100%;
    margin: auto;
  }
}
.con_intro .box_main .box_txt .box_inner {
  width: 108%;
}
@media only screen and (max-width: 1024px) {
  .con_intro .box_main .box_txt .box_inner {
    width: 100%;
  }
}
.con_intro .box_main .box_txt .st_title {
  font-weight: normal;
  font-size: 225%;
  letter-spacing: 0.05em;
  color: #000;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_intro .box_main .box_txt .st_title {
    font-size: 175%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_main .box_txt .st_title {
    font-size: 138%;
  }
}
@media only screen and (max-width: 767px) {
  .con_intro .box_main .box_txt .st_title {
    margin-bottom: 0.3em;
  }
}
.con_intro .box_main .box_txt .txt {
  font-size: 125%;
  line-height: 2.35;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 1260px) {
  .con_intro .box_main .box_txt .txt {
    font-size: 100%;
    letter-spacing: normal;
  }
}
@media print {
  .con_intro .box_main .box_txt .txt {
    font-size: 100%;
    letter-spacing: normal;
  }
}
.ie8 .con_intro .box_main .box_txt .txt {
  font-size: 100%;
  letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
  .con_intro .box_main .box_txt .txt {
    font-size: 88%;
  }
}

/* -----------------------------------------------------------
	con_sympathize
----------------------------------------------------------- */
.con_sympathize {
  padding-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_sympathize {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .con_sympathize {
    padding-top: 7em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_sympathize .box_container {
    max-width: 88.54167%;
  }
}
@media print {
  .con_sympathize .box_container {
    max-width: 88.54167%;
  }
}
.ie8 .con_sympathize .box_container {
  max-width: 88.54167%;
}
@media only screen and (max-width: 767px) {
  .con_sympathize .box_container {
    width: 90%;
  }
}
.con_sympathize .box_main {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-align: center;
  align-items: center;
}
@media only screen and (max-width: 1024px) {
  .con_sympathize .box_main {
    display: block;
  }
}
.con_sympathize .box_main .box_thumb {
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}
@media only screen and (max-width: 1024px) {
  .con_sympathize .box_main .box_thumb {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_sympathize .box_main .box_thumb {
    margin-bottom: 1.5em;
  }
}
.con_sympathize .box_main .box_thumb .img_thumb {
  width: 100%;
}
.con_sympathize .box_main .box_txt {
  -ms-flex: 0 0 580px;
  flex: 0 0 580px;
  max-width: 580px;
  padding-left: 30px;
}
@media only screen and (max-width: 1260px) {
  .con_sympathize .box_main .box_txt {
    -ms-flex: 0 0 450px;
    flex: 0 0 450px;
    max-width: 450px;
  }
}
@media print {
  .con_sympathize .box_main .box_txt {
    -ms-flex: 0 0 450px;
    flex: 0 0 450px;
    max-width: 450px;
  }
}
.ie8 .con_sympathize .box_main .box_txt {
  -ms-flex: 0 0 450px;
  flex: 0 0 450px;
  max-width: 450px;
}
@media only screen and (max-width: 1024px) {
  .con_sympathize .box_main .box_txt {
    display: table;
    width: auto;
    max-width: 100%;
    padding-left: 0;
    margin: auto;
  }
}
.con_sympathize .box_main .box_txt .st_title {
  font-weight: normal;
  font-size: 225%;
  letter-spacing: 0.05em;
  color: #000;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_sympathize .box_main .box_txt .st_title {
    font-size: 175%;
  }
}
@media only screen and (max-width: 767px) {
  .con_sympathize .box_main .box_txt .st_title {
    font-size: 138%;
  }
}
@media only screen and (max-width: 767px) {
  .con_sympathize .box_main .box_txt .st_title {
    margin-bottom: 0.3em;
  }
}
.con_sympathize .box_main .box_txt .txt {
  font-size: 125%;
  line-height: 2.35;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 1260px) {
  .con_sympathize .box_main .box_txt .txt {
    font-size: 100%;
    letter-spacing: normal;
  }
}
@media print {
  .con_sympathize .box_main .box_txt .txt {
    font-size: 100%;
    letter-spacing: normal;
  }
}
.ie8 .con_sympathize .box_main .box_txt .txt {
  font-size: 100%;
  letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
  .con_sympathize .box_main .box_txt .txt {
    font-size: 88%;
  }
}

/* -----------------------------------------------------------
	con_guide
----------------------------------------------------------- */
.con_guide {
  padding-top: 120px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_guide {
    padding-top: 80px;
  }
}
@media only screen and (max-width: 767px) {
  .con_guide {
    padding-top: 7em;
  }
}
@media only screen and (min-width: 1025px) {
  .con_guide .box_container {
    max-width: 88.54167%;
  }
}
@media print {
  .con_guide .box_container {
    max-width: 88.54167%;
  }
}
.ie8 .con_guide .box_container {
  max-width: 88.54167%;
}
@media only screen and (max-width: 767px) {
  .con_guide .box_container {
    width: 90%;
  }
}
.con_guide .box_main {
  position: relative;
}
.con_guide .box_main .img_thumb {
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .con_guide .box_main .img_thumb {
    margin-bottom: 30px;
    margin-bottom: -80px;
  }
}
@media only screen and (max-width: 767px) {
  .con_guide .box_main .img_thumb {
    margin-bottom: -1.7em;
  }
}
.con_guide .box_main .box_txt {
  position: absolute;
  left: 5%;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  width: 760px;
  background: rgba(255, 255, 255, 0.85);
  padding: 40px 50px 50px;
}
@media only screen and (max-width: 1260px) {
  .con_guide .box_main .box_txt {
    padding: 30px 40px 40px;
    width: 600px;
  }
}
@media print {
  .con_guide .box_main .box_txt {
    padding: 30px 40px 40px;
    width: 600px;
  }
}
.ie8 .con_guide .box_main .box_txt {
  padding: 30px 40px 40px;
  width: 600px;
}
@media only screen and (max-width: 1024px) {
  .con_guide .box_main .box_txt {
    display: table;
    position: relative;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
    width: auto;
    padding: 30px 20px;
    margin-left: 3%;
  }
}
@media only screen and (max-width: 767px) {
  .con_guide .box_main .box_txt {
    width: 94%;
    padding: 0.7em 0.5em;
    margin: auto;
  }
}
.con_guide .box_main .box_txt .st_title {
  font-weight: normal;
  font-size: 225%;
  letter-spacing: 0.05em;
  color: #000;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_guide .box_main .box_txt .st_title {
    font-size: 175%;
  }
}
@media only screen and (max-width: 767px) {
  .con_guide .box_main .box_txt .st_title {
    font-size: 138%;
  }
}
@media only screen and (max-width: 767px) {
  .con_guide .box_main .box_txt .st_title {
    margin-bottom: 0.3em;
  }
}
.con_guide .box_main .box_txt .txt {
  font-size: 125%;
  line-height: 2.35;
  letter-spacing: 0.05em;
}
@media only screen and (max-width: 1260px) {
  .con_guide .box_main .box_txt .txt {
    font-size: 100%;
    letter-spacing: normal;
  }
}
@media print {
  .con_guide .box_main .box_txt .txt {
    font-size: 100%;
    letter-spacing: normal;
  }
}
.ie8 .con_guide .box_main .box_txt .txt {
  font-size: 100%;
  letter-spacing: normal;
}
@media only screen and (max-width: 767px) {
  .con_guide .box_main .box_txt .txt {
    font-size: 88%;
  }
}

/* -----------------------------------------------------------
	con_services
----------------------------------------------------------- */
.con_services {
  padding-top: 160px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_services {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .con_services {
    padding-top: 5em;
  }
}
@media only screen and (max-width: 767px) {
  .con_services .box_container {
    width: 90%;
  }
}
.con_services .box_main .cell {
  border-top: 1px solid #cacaca;
  border-bottom: 1px solid #cacaca;
  padding: 25px 20px;
}
@media only screen and (max-width: 767px) {
  .con_services .box_main .cell {
    display: block;
    padding: 0;
    border: 0;
    padding: 2.5em 1em 1.5em;
  }
}
.con_services .box_main .cell_info {
  width: 50%;
  border-right: 1px solid #cacaca;
}
@media only screen and (max-width: 767px) {
  .con_services .box_main .cell_info {
    border-right: 0;
    border-bottom: 1px solid #cacaca;
  }
}
.con_services .box_main .cell_info .title {
  font-size: 125%;
  font-weight: normal;
  text-align: center;
  margin-bottom: 18px;
}
@media only screen and (min-width: 768px) {
  .con_services .box_main .cell_info .title {
    letter-spacing: 0.1em;
  }
}
@media print {
  .con_services .box_main .cell_info .title {
    letter-spacing: 0.1em;
  }
}
.ie8 .con_services .box_main .cell_info .title {
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 767px) {
  .con_services .box_main .cell_info .title {
    font-size: 113%;
    margin-bottom: 1em;
  }
}
.con_services .box_main .cell_info .txt_top {
  text-align: center;
  margin-bottom: 30px;
}
@media only screen and (min-width: 768px) {
  .con_services .box_main .cell_info .txt_top {
    line-height: 2.375;
    letter-spacing: 0.1em;
  }
}
@media print {
  .con_services .box_main .cell_info .txt_top {
    line-height: 2.375;
    letter-spacing: 0.1em;
  }
}
.ie8 .con_services .box_main .cell_info .txt_top {
  line-height: 2.375;
  letter-spacing: 0.1em;
}
@media only screen and (max-width: 767px) {
  .con_services .box_main .cell_info .txt_top {
    text-align: left;
    margin-bottom: 1.5em;
  }
}
@media only screen and (max-width: 1120px) {
  .con_services .box_main .cell_info .txt_top br {
    display: none;
  }
}
@media print {
  .con_services .box_main .cell_info .txt_top br {
    display: none;
  }
}
.ie8 .con_services .box_main .cell_info .txt_top br {
  display: none;
}
.con_services .box_main .cell_info .img_service {
  text-align: center;
}
.con_services .box_main .cell_list {
  width: 50%;
}
.con_services .box_main .cell_list .title {
  font-size: 125%;
  font-weight: normal;
  text-align: center;
  margin-bottom: 35px;
}
@media only screen and (max-width: 1024px) {
  .con_services .box_main .cell_list .title {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_services .box_main .cell_list .title {
    font-size: 113%;
    margin-bottom: 1em;
  }
}
.con_services .box_main .cell_list ul li {
  width: 33.33333%;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  text-align: center;
  padding: 2em 1em;
}
@media only screen and (max-width: 767px) {
  .con_services .box_main .cell_list ul li {
    width: 50%;
    padding: 1em 1em;
  }
}
@media only screen and (min-width: 768px) {
  .con_services .box_main .cell_list ul li:nth-child(1), .con_services .box_main .cell_list ul li:nth-child(2), .con_services .box_main .cell_list ul li:nth-child(3) {
    border-top: 0;
  }
}
@media print {
  .con_services .box_main .cell_list ul li:nth-child(1), .con_services .box_main .cell_list ul li:nth-child(2), .con_services .box_main .cell_list ul li:nth-child(3) {
    border-top: 0;
  }
}
.ie8 .con_services .box_main .cell_list ul li:nth-child(1), .ie8 .con_services .box_main .cell_list ul li:nth-child(2), .ie8 .con_services .box_main .cell_list ul li:nth-child(3) {
  border-top: 0;
}
@media only screen and (max-width: 767px) {
  .con_services .box_main .cell_list ul li:nth-child(1), .con_services .box_main .cell_list ul li:nth-child(2) {
    border-top: 0;
  }
}
@media only screen and (min-width: 768px) {
  .con_services .box_main .cell_list ul li:nth-child(3n+1) {
    border-left: 0;
  }
}
@media print {
  .con_services .box_main .cell_list ul li:nth-child(3n+1) {
    border-left: 0;
  }
}
.ie8 .con_services .box_main .cell_list ul li:nth-child(3n+1) {
  border-left: 0;
}
@media only screen and (max-width: 767px) {
  .con_services .box_main .cell_list ul li:nth-child(2n+1) {
    border-left: 0;
  }
}
.con_services .box_main .cell_list ul li .img {
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .con_services .box_main .cell_list ul li .img {
    margin-bottom: 0.5em;
  }
  .con_services .box_main .cell_list ul li .img img {
    max-height: 53px;
  }
}
.con_services .box_main .cell_list ul li .txt {
  font-size: 100%;
}
@media only screen and (max-width: 767px) {
  .con_services .box_main .cell_list ul li .txt {
    font-size: 88%;
    line-height: 1.2;
  }
}
@media only screen and (max-width: 767px) {
  .con_services .box_main .cell_info,
  .con_services .box_main .cell_list {
    width: 100%;
  }
}

/* -----------------------------------------------------------
	con_contact
----------------------------------------------------------- */
.con_contact {
  padding-top: 160px;
  margin-bottom: 150px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_contact {
    padding-top: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .con_contact {
    padding-top: 3em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_contact {
    margin-bottom: 70px;
  }
}
@media only screen and (max-width: 767px) {
  .con_contact {
    margin-bottom: 3em;
  }
}
@media only screen and (max-width: 767px) {
  .con_contact .box_container {
    width: 90%;
  }
}
.con_contact .col_info {
  width: 32%;
  padding-right: 4%;
}
@media only screen and (max-width: 1024px) {
  .con_contact .col_info {
    padding-right: 0;
    margin-bottom: 30px;
  }
}
.con_contact .col_info .st_title {
  font-weight: normal;
  font-size: 300%;
  color: #1d1d1d;
  line-height: 1.2;
  margin-bottom: 18px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_contact .col_info .st_title {
    font-size: 225%;
  }
}
@media only screen and (max-width: 767px) {
  .con_contact .col_info .st_title {
    font-size: 163%;
  }
}
@media only screen and (max-width: 1024px) {
  .con_contact .col_info .st_title {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .con_contact .col_info .st_title {
    margin-bottom: 0.8em;
  }
}
.con_contact .col_info .txt {
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_contact .col_info .txt {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .con_contact .col_info .txt {
    margin-bottom: 0.5em;
  }
}
@media only screen and (min-width: 768px) {
  .con_contact .col_info .txt {
    line-height: 2.375;
  }
}
@media print {
  .con_contact .col_info .txt {
    line-height: 2.375;
  }
}
.ie8 .con_contact .col_info .txt {
  line-height: 2.375;
}
.con_contact .col_info .telephone {
  display: block;
  border: 1px solid #bfbfbf;
  letter-spacing: 0.1em;
  text-align: center;
  padding: 1.2em 1em;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_contact .col_info .telephone {
    max-width: 350px;
    margin: auto;
  }
}
@media only screen and (max-width: 767px) {
  .con_contact .col_info .telephone {
    padding: 0.8em 0.5em;
  }
}
.con_contact .col_info .telephone a {
  text-decoration: none;
}
.con_contact .col_info .telephone .number {
  display: block;
  font-size: 150%;
  line-height: 1.1;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_contact .col_info .telephone .number {
    font-size: 138%;
  }
}
@media only screen and (max-width: 767px) {
  .con_contact .col_info .telephone .number {
    font-size: 125%;
  }
}
.con_contact .col_info .telephone .number i {
  color: #646464;
  font-size: 120%;
}
.con_contact .col_info .telephone .time {
  display: block;
  font-size: 88%;
}
.con_contact .col_form {
  width: 68%;
  padding-top: 1em;
}
@media only screen and (max-width: 1024px) {
  .con_contact .col_form {
    padding-top: 0;
  }
}
.con_contact .col_form .txt_top {
  font-size: 88%;
  margin-bottom: 15px;
}
@media only screen and (max-width: 767px) {
  .con_contact .col_form .txt_top {
    margin-bottom: 1.5em;
  }
}
.con_contact .col_form .txt_top .note {
  display: block;
  color: #da2525;
}
@media only screen and (max-width: 1024px) {
  .con_contact .col_info,
  .con_contact .col_form {
    width: 100%;
  }
}
.con_contact .form_contact {
  width: 100%;
  background: none;
  border-top: 1px solid #d3d3d3;
}
.con_contact .form_contact .mr_15 {
  margin-right: 1.5em;
}
@media only screen and (max-width: 767px) {
  .con_contact .form_contact .mr_15 {
    margin-right: 0;
  }
}
.con_contact .form_contact table {
  width: 100%;
  margin-bottom: 50px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_contact .form_contact table {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_contact .form_contact table {
    margin-bottom: 1.5em;
  }
}
.con_contact .form_contact tr {
  border-bottom: 1px solid #d3d3d3;
  background: none;
}
.con_contact .form_contact th,
.con_contact .form_contact td {
  padding: 1.5em 1.2em;
}
@media only screen and (max-width: 1024px) {
  .con_contact .form_contact th,
  .con_contact .form_contact td {
    display: block;
  }
}
.con_contact .form_contact th {
  width: 30%;
  vertical-align: middle;
  font-size: 100%;
  font-weight: normal;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .con_contact .form_contact th {
    width: 100%;
    padding-bottom: 0;
  }
}
.con_contact .form_contact th span {
  color: #da2525;
  padding-left: 0.5em;
}
@media only screen and (max-width: 767px) {
  .con_contact .form_contact td {
    padding-top: 0.8em;
  }
}
.con_contact .form_contact .addjust_w1 {
  width: 38%;
}
@media only screen and (max-width: 1260px) {
  .con_contact .form_contact .addjust_w1 {
    width: 35%;
  }
}
@media print {
  .con_contact .form_contact .addjust_w1 {
    width: 35%;
  }
}
.ie8 .con_contact .form_contact .addjust_w1 {
  width: 35%;
}
@media only screen and (max-width: 767px) {
  .con_contact .form_contact .addjust_w1 {
    width: 80%;
  }
}
.con_contact .form_contact .addjust_wf {
  width: 100%;
}
.con_contact .form_contact .label {
  font-size: 100%;
}
.con_contact .form_contact .input {
  height: 36px;
  font-size: 100%;
  color: #000;
  background: #fff;
  border: 0;
  border-bottom: 1px solid #b8b8b8;
  outline: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  padding: 0.3em 0.4em;
}
.con_contact .form_contact .input:-ms-input-placeholder {
  color: #b5b5b5;
}
.con_contact .form_contact .input:-moz-placeholder {
  color: #b5b5b5;
}
.con_contact .form_contact .input::-moz-placeholder {
  color: #b5b5b5;
}
.con_contact .form_contact .input::-webkit-input-placeholder {
  color: #b5b5b5;
}
.con_contact .form_contact .input:focus {
  border-bottom-color: #000;
}
.con_contact .form_contact .textarea {
  font-size: 100%;
  color: #000;
  background: #fff;
  border: 1px solid #b8b8b8;
  outline: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
  padding: 0.3em 0.4em;
}
.con_contact .form_contact .textarea:-ms-input-placeholder {
  color: #b5b5b5;
}
.con_contact .form_contact .textarea:-moz-placeholder {
  color: #b5b5b5;
}
.con_contact .form_contact .textarea::-moz-placeholder {
  color: #b5b5b5;
}
.con_contact .form_contact .textarea::-webkit-input-placeholder {
  color: #b5b5b5;
}
.con_contact .form_contact .textarea:focus {
  border-color: #000;
}
.con_contact .form_contact .checkbox {
  cursor: pointer;
}

/* -----------------------------------------------------------
	footer
----------------------------------------------------------- */
@media only screen and (max-width: 767px) {
  .footer_main .box_container {
    width: 90%;
  }
}