@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:400,600&subset=japanese");
/*------------------------------------------------
@mixin
------------------------------------------------*/
/*------------------------------------------------
$variable
------------------------------------------------*/
/*------------------------------------------------
@function
------------------------------------------------*/
/* PC表示時のrem計算（16pxをベース） */
/* 750pxデザイン時のpxからvwを計算 */
/*------------------------------------------------
content
------------------------------------------------*/
#guide.guide_regular_service #guide_kv {
  background: url("../images/regular_service/im-main_pc.png") no-repeat center;
  background-size: cover;
}
@media screen and (max-width: 767px) {
  #guide.guide_regular_service #guide_kv {
    background: url("../images/regular_service/im-main_sp.png") no-repeat center;
    background-size: cover;
  }
}
#guide.guide_regular_service.guide_regular_service .brand_list {
  overflow: hidden;
}
#guide.guide_regular_service.guide_regular_service .brand_list li {
  background-color: #f6f6f6;
  width: calc(25% - 2%);
  margin: 0 2.6% 1rem 0;
  float: left;
  text-align: center;
  text-indent: 0;
}
#guide.guide_regular_service.guide_regular_service .brand_list li:nth-child(4n) {
  margin: 0;
}
@media screen and (max-width: 767px) {
  #guide.guide_regular_service.guide_regular_service .brand_list li {
    width: calc(50% - 2%);
    margin: 0 4% 0 0;
  }
  #guide.guide_regular_service.guide_regular_service .brand_list li:nth-child(even) {
    margin: 0 0 0.7rem 0;
  }
}
#guide.guide_regular_service .content_l {
  max-width: 520px;
  width: 55%;
}
@media screen and (max-width: 767px) {
  #guide.guide_regular_service .content_l {
    max-width: 100%;
    width: 100%;
    margin-bottom: 0.7rem;
  }
  #guide.guide_regular_service .content_l img {
    width: 100%;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #guide.guide_regular_service .content_l img {
    margin-top: 0.7em;
  }
}

#guide.guide_regular_service .content_r {
  max-width: 410px;
  width: 43%;
}
@media screen and (max-width: 767px) {
  #guide.guide_regular_service .content_r {
    max-width: 100%;
    width: 100%;
  }
  #guide.guide_regular_service .content_r .guide_attention {
    margin-bottom: 0;
  }
}

/*# sourceMappingURL=guide_regular_service.css.map */