/*/////////////////////// メインビジュアル /////////////////////////*/
.mv_image {
  width: 100%;
}

/*////////////////////// バナー /////////////////////////*/
.banner {
  margin-top: 50px;
}

/*///////////////////// サービス /////////////////////////*/
.service {
  margin-top: 90px;
}

.service_container {
  display: flex;
  justify-content: space-between;
}

.service_box {
  width: 32%;
}

.service_title {
  margin-top: 18px;
  font-weight: 700;
  font-size: 18px;
  line-height: 1.44;
}

/*---------- ニュース ----------*/
.news {
  margin-top: 100px;
}

.news_list {
  display: flex;
  align-items: center;
  padding: 29px 0 29px;
  border-bottom: 1px solid #c6c6c6;
}

.news_date {
  font-size: 14px;
  font-weight: 700;
  color: #676666;
}

.news_text {
  margin-left: 49px;
  font-weight: 500;
}

/*/////////////////////検索する/////////////////////////*/
.search {
  background-color: #f8f8f8;
  padding: 54px 0 76px 0;
  margin-top: 160px;
}

.search_container {
  display: flex;
  justify-content: space-between;
}

/*/////////////////////レスポンシブ対応/////////////////////////*/

@media (max-width: 768px) {
  .service_container {
    flex-direction: column;
  }

  /* PCのときに「width」をかけていたから細い。なのでスマホの時はwidthをかけ直してあげましょう */
  .service_box {
    width: 100%;
  }

  .service_box + .service_box {
    margin-top: 20px;
  }

  /* 検索する */

  .search_container {
    flex-direction: column;
  }

  .button.large {
    width: 100%;
    justify-content: space-between;
    padding-right: 40px;
    padding-left: 40px;
    margin-top: 20px;
  }

  .search_icon {
    margin-right: 0;
    margin-bottom: 10px;
  }

  /* ボタン */
  .button.large {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
    padding-right: 0;
    padding-left: 0;
  }

  /* 新着情報 */
  .news_list {
    flex-direction: column;
    align-items: flex-start;
  }

  .news_text {
    margin-left: 0;
  }
}