@import url(reset.css);
@import url(font.css);
@import url(column.css);
@import url(common.css);
@import url(pc.css);
@import url(mobile.css);
.contact .first {
  padding-left: 23.7vw;
}
.contact .first h2 {
  font-size: 3.75vw;
  font-weight: 600;
  line-height: 4.69vw;
  letter-spacing: 0vw;
  color: #05152e;
  margin-bottom: 2.97vw;
}
.contact .first p {
  font-size: 0.94vw;
  letter-spacing: 0vw;
  color: #05152e;
  opacity: 0.7;
}
.contact .first p em {
  text-decoration: underline;
  font-style: italic;
}
.contact .first img {
  margin-top: 4.3vw;
  height: 22.4vw;
  background-color: #0d2030;
  border-radius: 2.6vw;
}
.contact .first address {
  margin-top: 2.29vw;
}
.contact .first address h3 {
  font-size: 1.56vw;
  line-height: 2.34vw;
  letter-spacing: 0vw;
  color: #0d2030;
}
.contact .first address p {
  font-size: 0.94vw;
  letter-spacing: 0vw;
  color: #0d2030;
}
.contact .work {
  margin-top: 5.47vw;
  padding: 2.66vw;
  background-color: #c9dfe6;
  border-radius: 2.6vw;
  box-sizing: border-box;
}
.contact .work h2 {
  font-size: 3.75vw;
  line-height: 3.75vw;
  letter-spacing: 0vw;
  color: #05152e;
  margin-bottom: 2.92vw;
}
.contact .work h2 + p {
  font-size: 1.25vw;
  line-height: 1.46vw;
  letter-spacing: 0vw;
  color: #05152e;
}
.contact .work ul {
  margin-top: 4.27vw;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
}
.contact .work ul li {
  margin-right: 1.45vw;
  margin-bottom: 1.45vw;
  position: relative;
  width: 44vw;
  background-color: #ffffff;
  border-radius: 2.6vw;
  overflow: hidden;
}
.contact .work ul li:nth-of-type(2n) {
  margin-right: 0;
}
.contact .work ul li img {
  height: 17.55vw;
}
.contact .work ul li h3 {
  position: absolute;
  left: 2.45vw;
  top: 13.75vw;
  font-size: 1.88vw;
  font-weight: 500;
  line-height: 1.64vw;
  letter-spacing: 0vw;
  color: #ffffff;
}
.contact .work ul li h5 {
  margin-top: 1.15vw;
  margin-bottom: 1.56vw;
  font-size: 0.94vw;
  letter-spacing: 0vw;
  color: #05152e;
  opacity: 0.7;
  padding: 0 2.6vw;
}
.contact .job {
  margin-top: 5.4vw;
  margin-bottom: 5.4vw;
}
.contact .job h2 {
  font-size: 3.75vw;
  font-weight: 600;
  line-height: 3.75vw;
  letter-spacing: 0vw;
  color: #05152e;
}
.contact .job ul {
  margin-top: 4vw;
  margin-bottom: 4vw;
}
.contact .job ul li {
  padding: 2.86vw 3.3vw;
  margin-bottom: 1.2vw;
  display: flex;
  flex-direction: row;
  border-radius: 2.6vw;
  border: solid 0.05vw #a6abb2;
}
.contact .job ul li h3 {
  flex: none;
  font-size: 1.56vw;
  font-weight: 400;
  line-height: 2.34vw;
  letter-spacing: 0vw;
  color: #071f43;
}
.contact .job ul li .btn-go {
  flex: none;
}
.contact .job ul li p {
  margin-left: 14.2vw;
  margin-right: 15.5vw;
  flex: 1;
  font-family: MiSans-Light;
  font-size: 0.94vw;
  line-height: 1.46vw;
  letter-spacing: 0vw;
  color: #071f43;
  opacity: 0.8;
}
.contact .job h4 {
  font-family: MiSans-Medium;
  font-size: 1.56vw;
  font-weight: 500;
  line-height: 2.34vw;
  letter-spacing: 0vw;
  color: #071f43;
  margin-left: 2.86vw;
}
.contact .job .hr {
  margin-top: 3.85vw;
}
.contact .job .hr p {
  margin-left: 2.86vw;
  font-family: MiSans-Medium;
  font-size: 1.25vw;
  letter-spacing: 0vw;
  color: #071f43;
}
@media screen and (max-width: 960px) {
  .contact .first {
    padding: 13vw 8vw;
  }
  .contact .first h2 {
    font-size: 6.4vw;
    line-height: 8vw;
  }
  .contact .first p {
    font-size: 2.93vw;
    line-height: 5.33vw;
  }
  .contact .first img {
    margin-top: 10vw;
    height: 57.33vw;
    border-radius: 6.67vw;
  }
  .contact .first address {
    margin-top: 6.9vw;
  }
  .contact .first address h3 {
    font-size: 4vw;
    line-height: 6vw;
  }
  .contact .first address p {
    font-size: 2.93vw;
  }
  .contact .work {
    padding: 11vw 7.8vw;
  }
  .contact .work h2 {
    font-size: 6.4vw;
    line-height: 9.6vw;
  }
  .contact .work h2 + p {
    font-size: 4vw;
    line-height: 6.4vw;
  }
  .contact .work ul {
    flex-direction: column;
    margin-top: 12vw;
  }
  .contact .work ul li {
    width: 100%;
    border-radius: 6.67vw;
    margin-bottom: 4.5vw;
  }
  .contact .work ul li img {
    height: 44.93vw;
    border-radius: 6.67vw;
  }
  .contact .work ul li h3 {
    font-size: 4.8vw;
    line-height: 4.2vw;
    top: 35.2vw;
    left: 6.27vw;
  }
  .contact .work ul li h5 {
    margin: 4.5vw 6.57vw;
    font-size: 2.93vw;
    line-height: 4.2vw;
    text-indent: 0;
    padding: 0;
  }
  .contact .job h2 {
    font-size: 6.4vw;
    line-height: 9.6vw;
    margin-left: 8vw;
  }
  .contact .job ul li {
    flex-direction: column;
    padding: 8vw;
    margin-bottom: 4vw;
  }
  .contact .job ul li h3 {
    font-size: 4.8vw;
    line-height: 6vw;
    margin-bottom: 5.87vw;
  }
  .contact .job ul li p {
    margin: 0;
    font-size: 2.93vw;
    line-height: 5vw;
  }
  .contact .job ul li .btn-go {
    margin-top: 7.3vw;
  }
  .contact .job ul li .btn-go img {
    width: 12vw;
    height: 12vw;
  }
  .contact .job h4 {
    font-size: 4vw;
    line-height: 6vw;
  }
  .contact .job .hr p {
    font-size: 3.2vw;
  }
}
/*# sourceMappingURL=./contact.css.map */