@charset "UTF-8";
/* CSS Document */
#home h1 {
  margin-bottom: 50px;
  text-align: center;
}

#home h1 img {
  width: 100%;
  height: 800px;
  -o-object-fit: cover;
     object-fit: cover;
}

.services dl.services_list {
  border-top: 1px #ccc solid;
}

.services dl.services_list dt {
  font-size: 1.8rem;
  font-weight: 500;
  color: #0066cc;
  margin: 10px auto 5px;
}

.services dl.services_list dd {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 1.5rem;
  font-weight: 600;
  padding-bottom: 40px;
  border-bottom: 1px #ccc solid;
}

.projects .projects_photo {
  text-align: center;
  margin-bottom: 20px;
}

.projects .projects_photo img {
  width: 100%;
  height: 300px;
  -o-object-fit: cover;
     object-fit: cover;
}

.access .wrapper_company .companyinfo-outer {
  margin-bottom: 30px;
}

.access .wrapper_company .companyinfo-outer .logo {
  margin: 40px 0;
}

.access .wrapper_company .companyinfo-outer .logo img {
  max-width: 180px;
}

.access .wrapper_company .companyinfo-outer address p {
  font-size: 1.5rem;
  font-style: normal;
  margin-bottom: 10px;
}

.access .wrapper_company .maps-outer {
  height: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
}

.access .wrapper_company .maps-outer iframe {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

/*　PC用（768px以上）---------------------------------------------------------------　*/
@media screen and (min-width: 768px) {
  #home h1 img {
    height: 630px;
  }
  .projects .wrapper_section {
    position: relative;
  }
  .projects .wrapper_section .projects_photo img {
    width: 100%;
    height: 600px;
    -o-object-fit: cover;
       object-fit: cover;
    -webkit-filter: brightness(50%);
            filter: brightness(50%);
  }
  .projects .wrapper_section .projects_description {
    width: 100%;
    position: absolute;
    bottom: 60px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .projects .wrapper_section .projects_description h3 {
    font-size: 2.2rem;
    color: #fff;
  }
  .projects .wrapper_section .projects_description p {
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
  }
  .projects .wrapper_section .projects_description .primaryBtn {
    max-width: 30%;
  }
  .access .wrapper_company {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
  }
  .access .wrapper_company .companyinfo-outer {
    width: 35%;
    min-width: 315px;
    padding-right: 20px;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .access .wrapper_company .companyinfo-outer .logo {
    margin: 40px auto;
  }
  .access .wrapper_company .companyinfo-outer address {
    text-align: center;
  }
  .access .wrapper_company .maps-outer {
    width: 65%;
  }
}

/*　サービスコンテンツPC用（900px以上）---------------------------------------------------------------　*/
@media screen and (min-width: 900px) {
  .services dl.services_list {
    border: none;
    width: 780px;
    margin: auto;
    height: 660px;
    position: relative;
  }
  .services dl.services_list .circle {
    width: 380px;
    height: 380px;
    padding: 80px;
    margin: auto;
    border: 1px #ccc solid;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .services dl.services_list .circle:nth-child(1) {
    margin: -140px 0 0 0;
  }
  .services dl.services_list .circle:nth-child(1) .textblock {
    margin-top: -30px;
  }
  .services dl.services_list .circle:nth-child(2) {
    margin: 140px 0 0 -140px;
  }
  .services dl.services_list .circle:nth-child(2) .textblock {
    left: 50px;
    position: absolute;
    width: 200px;
  }
  .services dl.services_list .circle:nth-child(3) {
    margin: 140px 0 0 140px;
  }
  .services dl.services_list .circle:nth-child(3) .textblock {
    left: 130px;
    position: absolute;
    width: 200px;
  }
  .services dl.services_list .circle dt {
    text-align: center;
  }
  .services dl.services_list .circle dd {
    border: none;
    padding: 0;
  }
}
/*# sourceMappingURL=style.css.map */