/*
================================================================================
■ トップページ
================================================================================
*/

/* -------------------------------------------------
▼ アイキャッチ
------------------------------------------------- */
#page-top #main .eyecatch {
  padding-bottom: 39.5%;
}

/*----------------- ▼ (SP) ▼ -----------------*/
@media print, screen and (max-width: 750px) {
  #page-top #main .eyecatch {
    padding-bottom: 96.14678%;
  }
}
/*----------------- ▲ (SP) ▲ -----------------*/

/* -------------------------------------------------
▼ コロナニュースなど
------------------------------------------------- */
#page-top #main .news-updated {
  background: #f5f6f8;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.2;
  /*padding: 2em 0;*/
  padding: 1.4em 0;
  text-align: center;
}

#page-top #main .news-updated .area-title {
  color: #e60012;
  margin-bottom: 0.8em;
}

#page-top #main .news-updated .description {
  font-size: 2.0rem;
  font-weight: 500;
}

#page-top #main .news-updated .description .link {
  text-decoration: underline;
}

/* レスポンシブ調整 --------------------------*/
@media print, screen and (max-width: 1100px) {
  #page-top #main .news-updated {
    font-size: 2.0rem;
  }

  #page-top #main .news-updated .description {
    font-size: 1.6rem;
  }
}

/*----------------- ▼ (SP) ▼ -----------------*/
@media print, screen and (max-width: 750px) {
  #page-top #main .news-updated {
    font-size: 1.8rem;
  }

  #page-top #main .news-updated .description {
    font-size: 1.2rem;
  }
}
/*----------------- ▲ (SP) ▲ -----------------*/

/* -------------------------------------------------
▼ 主要なサービス
------------------------------------------------- */
#page-top #main .area-service .container {
  padding: 0;
}

#page-top #main .area-service .service-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#page-top #main .area-service .service-wrap .block-description {
  width: 50%;
  padding: 30px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

#page-top #main .area-service .service-wrap .block-image {
  width: 50%;
}

#page-top #main .area-service .service-wrap:nth-child(odd) .block-description {
  order: 2
}

#page-top #main .area-service .service-wrap:nth-child(odd) .block-image {
  order: 1;
}

#page-top #main .area-service .service-wrap .block-description .block-title {
  font-size: 3.8rem;
  font-weight: 900;
  margin-bottom: 0.6em;
}

#page-top #main .area-service .service-wrap .block-description .description {
  font-size: 1.8rem;
  line-height: 2;
  letter-spacing: 0.1em;
  margin-bottom: 2em;
}

#page-top #main .area-service .service-wrap .block-image .image-wrap {
  width: 100%;
  height: 100%;
}

#page-top #main .area-service .service-wrap .block-image .image-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

#page-top #main .area-service .service-wrap .block-description .btn-more {
  text-align: left;
}

/* レスポンシブ調整 --------------------------*/
@media print, screen and (max-width: 1100px) {
  #page-top #main .area-service .service-wrap .block-description .block-title {
    font-size: 3.0rem;
  }

  #page-top #main .area-service .service-wrap .block-description .description {
    font-size: 1.5rem;
  }
}

/*----------------- ▼ (SP) ▼ -----------------*/
@media print, screen and (max-width: 750px) {
  #page-top #main .area-service .service-wrap .block-description {
    width: 100%;
    padding: 20px 20px 30px;
  }

  #page-top #main .area-service .service-wrap .block-image {
    width: 100%;
  }

  #page-top #main .area-service .service-wrap:nth-child(even) .block-description {
    order: 2;
  }

  #page-top #main .area-service .service-wrap:nth-child(even) .block-image {
    order: 1;
  }

  #page-top #main .area-service .service-wrap .block-description .block-title {
    text-align: center;
  }

  #page-top #main .area-service .service-wrap .block-description .description {
    font-size: 1.4rem;
  }

  #page-top #main .area-service .service-wrap .block-description .btn-more {
    text-align: center;
  }
}
/*----------------- ▲ (SP) ▲ -----------------*/

/* -------------------------------------------------
▼ お知らせ
------------------------------------------------- */
#page-top #main .area-news {
  background: #f5f6f8;
  padding: 2em 0;
}

#page-top #main .area-news .container {
  padding: 20px 30px;
}

#page-top #main .area-news .area-title {
  font-size: 3.4rem;
  font-weight: 900;
  margin-bottom: 0.8em;
}

#page-top #main .area-news .list {
  margin-bottom: 2.5em;
}

#page-top #main .area-news .list .item {
  border-bottom: 1px solid #acacac;
  padding: 0.8em 0;
}

#page-top #main .area-news .list .item .news-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

#page-top #main .area-news .list .item .news-wrap .date {
  width: 7em;
  font-weight: 700;
}

#page-top #main .area-news .list .item .news-wrap .category {
  width: 8em;
  background: #fff;
  border: 1px solid #242427;
  font-size: 1.5rem;
  padding: 0.1em 1em;
  text-align: center;
}

#page-top #main .area-news .list .item .news-wrap .title {
  width: calc(100% - 15em);
  font-weight: 500;
  line-height: 1.2;
  padding-left: 1em;
}

/* レスポンシブ調整 --------------------------*/
@media print, screen and (max-width: 1100px) {
  #page-top #main .area-news .area-title {
    font-size: 3.0rem;
  }

  #page-top #main .area-news .list .item .news-wrap .date {
    font-size: 1.5rem;
  }

  #page-top #main .area-news .list .item .news-wrap .category {
    font-size: 1.3rem;
  }

  #page-top #main .area-news .list .item .news-wrap .title {
    font-size: 1.5rem;
  }
}

/*----------------- ▼ (SP) ▼ -----------------*/
@media print, screen and (max-width: 750px) {
  #page-top #main .area-news .container {
    padding: 0 20px;
  }

  #page-top #main .area-news .area-title {
    font-size: 2.8rem;
    margin-bottom: 0.5em;
    text-align: center;
  }

  #page-top #main .area-news .list {
    margin-bottom: 1.5em;
  }

  #page-top #main .area-news .list .item .news-wrap .date {
    font-size: 1.4rem;
  }

  #page-top #main .area-news .list .item .news-wrap .category {
    font-size: 1.2rem;
  }

  #page-top #main .area-news .list .item .news-wrap .title {
    font-size: 1.4rem;
    width: 100%;
    margin-top: 0.8em;
    padding-left: 0;
  }

  #page-top #main .area-news .btn-more .link {
    padding: 0.5em 1.5em 0.6em;
  }
}
/*----------------- ▲ (SP) ▲ -----------------*/