@charset "UTF-8";
/*----------------------------------------------------------------
サイト特有スタイル
----------------------------------------------------------------*/
/*header
-------------------------------------------------------------*/
header nav ul li a {
  font-size: 16px;
}

/*footer
-------------------------------------------------------------*/
footer .f_logo a {
  margin: 0 auto 0 0;
}

@media screen and (max-width: 768px) {
  footer .f_logo a {
    margin: 0 auto;
  }
}

/*top
-------------------------------------------------------------*/
.top .main_img_area .cap {
  display: block;
  top: 30%;
  text-align: center;
  font-family: "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 35px;
}

.top .main_img_area .cap span {
  font-size: 25px;
}

@media screen and (max-width: 768px) {
  .top .main_img_area .cap span {
    font-size: 3vw;
  }
}

.top section h2 {
  color: #000;
  margin-bottom: 20px;
}

.top section h2 span {
  display: inline;
  color: #4C8AC9;
  font-size: 35px;
  font-weight: bold;
}

.top section h2 .sttl {
  display: block;
  font-size: 14px;
}

.top section.loop-section ul.box h3 {
  background: none;
  border: none;
  font-size: 18px;
  text-align: center;
  width: 100%;
}

.top #service {
  padding: 75px 0;
}

.top #service .service-list li figure {
  height: 200px;
}

.top #service .service-list li figure a {
  width: 100%;
  height: 100%;
}

.top #service .service-list li figure a img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

/*company
-------------------------------------------------------------*/
/*contact
-------------------------------------------------------------*/
.contact .sec_01 .cap {
  text-align: left;
}