@charset "UTF-8";

/*ファーストビューエリア*/
.first_view_area img {
  width: 100%;
  padding-top: 5vw;
  height: calc(55vw - 7vw);
}

/*タイトルエリア*/
.service_title {
  display: flex;
  margin: 4.8vw 0;
}

.title_line {
  border: .1px solid #c1c1c1;
  width: 17vw;
  height: 1px;
  margin-top: 4.2vw;
}

.num_box {
  display: inline-flex;
  font-style: italic;
  margin: 0 1vw 0 1vw;
  font-family: 'Marion';
}

.num_box h4 {
  color: #c1c1c1;
  font-size: 7vw;
  padding-top: 15%;
}

.num_box h5 {
  color: #c1c1c1;
  font-size: 9vw;
}

.title_box {
  display: flex;
}

.service_title h6 {
  align-items: center;
  font-size: 3vw;
  font-weight: normal;
  font-style: normal;
  padding-top: 3.5vw;
  padding-left: 1vw;
  margin-right: 1vw;
  font-family: 'Avenir-Light-Oblique';
  color: #000;
}

.service_title p {
  color: rgba(0, 0, 0, .9);
  font-size: 2vw;
  font-family: 'FutoMinA';
  margin-top: 3.8vw;
  margin-left: 0.5vw;
  margin-right: 0.5vw;
}

/*About&plice共通*/
.about_area,
.price_area {
  margin: 7.5vw auto;
}

.all_title {
  width: 38vw;
  display: block;
  font-family: 'Raleway-Italic';
  font-weight: 250;
  font-size: 3vw;
  letter-spacing: 3px;
  border-bottom: 2px solid #c1c1c1;
  margin: 8vw auto 50px auto;
}

.all_title p {
  text-align: center;
  margin-bottom: 0.8vw;
}

/*Aboutエリア*/
.non_d {
  display: none;
}

.about_info {
  margin: 5vw auto;
  text-align: center;
  font-size: 1.9vw;
  line-height: 4vw;
}

.intro p {
  text-align: center;
  line-height: 28px;
  font-size: 18px;
}


/*概要・アクセス共通*/
.each_title {
  text-align: center;
  font-size: 2.5vw;
  margin-bottom: 3vw;
  margin-top: 3vw;
}

.info_table {
  margin: 2vw auto 10vw auto;
  width: 70%;
  font-family: Arial, Helvetica, sans-serif;
}

.info_table tr {
  height: 8vw;
}

.info_table tr th {
  background-color: #F0F0F0;
  width: 30%;
  font-size: 1.8vw;
}

.info_table tr td {
  background-color: #F0F0F0;
  width: 70%;
  padding-left: 2vw;
  padding-right: 2vw;
  line-height: 2.5vw;
  font-size: 1.6vw;
}

/*アクセスエリア*/
.map_area {
  width: 70%;
  height: 30vw;
  margin: 2vw auto 10vw auto;
}

/*ここからレスポンシブルCSS*/
@media (max-width: 768px) {
  .first_view_area{
    margin-top: 8vw;
    width: 100%;
  }
  .service_title {
    display: flex;
    margin: 5vw 0;
  }

  .title_line {
    border: .1px solid #c1c1c1;
    width: 15vw;
    height: 1px;
    margin-top: 6vw;
  }

  .num_box {
    margin: 0 1vw 0 1vw;
  }

  .num_box h4 {
    font-size: 12vw;
    padding-top: 15%;
  }

  .num_box h5 {
    font-size: 15vw;
  }

  .title_box {
    flex-direction: column;
  }

  .service_title h6 {
    font-size: 8vw;
    padding-left: 2vw;
    margin-right: 1vw;
    padding-top: 0;
  }

  .service_title p {
    font-size: 5vw;
    margin-left: 2vw;
    margin-right: 0;
    margin-top: 1vw;
  }

  /*Aboutエリア*/
  .non_d {
    display: unset;
  }

  .all_title {
    width: 60vw;
    font-size: 9vw;
    border-bottom: 1.5px solid #c1c1c1;
    margin: 0 auto 40px auto;
  }

  .about_area {
    margin-top: 20vw;
  }

  .about_info {
    margin: 10vw auto;
    font-size: 4vw;
    line-height: 9vw;
  }

  /*会社概要*/
  .each_title {
    text-align: center;
    font-size: 6vw;
    margin-bottom: 10vw;
    margin-top: 25vw;
  }
  .info_table {
    margin: 3vw auto 5vw auto;
    width: 90%;
  }

  .info_table tr {
    height: 25vw;
  }

  .info_table tr th {
    font-size: 4vw;
  }

  .info_table tr td {
    font-size: 4.5vw;
    line-height: 7vw;
    padding-top: 2vw;
    padding-bottom: 2vw;
  }

  /*アクセスエリア*/
  .map_area {
    width: 90%;
    height: 90%;
    margin-bottom: 25vw;
  }
}