body {
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
}

.bar {
  color: black;
}

.main-box {
  width: 80%;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .main-box {
    width: 90%;
  }
}

.sub-box {
  width: 70%;
  margin: 0 auto;
  max-width: 910px;
}
@media screen and (max-width: 768px) {
  .sub-box {
    width: 90%;
  }
}

.page-title {
  width: 90%;
  margin: 100px auto;
}
.page-title-sub {
  font-weight: 700;
}
.page-title h1 {
  line-height: 60px;
  font-size: 8rem;
}

@media screen and (max-width: 768px) {
  .Gre-box {
    flex-direction: column;
  }
}
.Gre-img {
  width: 45%;
}
@media screen and (max-width: 768px) {
  .Gre-img {
    width: 100%;
  }
}
.Gre-sen {
  width: 50%;
}
@media screen and (max-width: 768px) {
  .Gre-sen {
    width: 100%;
    margin-top: 30px;
  }
}
.Gre-sen-title {
  font-size: 3rem;
  font-weight: lighter;
  line-height: 43px;
}
@media screen and (max-width: 768px) {
  .Gre-sen-title {
    font-size: 2.5rem;
  }
}
.Gre-sen-text {
  margin-top: 30px;
  line-height: 30px;
  font-size: 1.5rem;
  width: 90%;
  color: #303030;
}
@media screen and (max-width: 768px) {
  .Gre-sen-text {
    width: 100%;
  }
}

.career {
  margin-bottom: 150px;
}
.career-box {
  min-width: 836px;
}
@media screen and (max-width: 768px) {
  .career-box {
    flex-direction: column;
    min-width: initial;
  }
}
.career-name {
  line-height: 25px;
}
.career-name-main {
  font-size: 2.5rem;
}
.career-name-sub {
  font-weight: lighter;
  color: #303030;
  font-size: 1.4rem;
  letter-spacing: 3px;
}
.career-wrap {
  grid-gap: 30px;
  width: 50%;
}
@media screen and (max-width: 768px) {
  .career-wrap {
    margin-top: -400px;
  }
}
@media screen and (max-width: 414px) {
  .career-wrap {
    margin-top: -48px;
    width: 100%;
  }
}
.career .ttl {
  font-weight: 700;
  line-height: 1;
}
.career dd + dd {
  margin: 0.1rem 0;
}
.career dt + dd {
  margin-top: 1rem;
}
.career .detail {
  color: #303030;
}

.career-img {
  grid-gap: 30px;
  width: 47%;
}
@media screen and (max-width: 768px) {
  .career-img {
    width: 67%;
    margin: 0 0 0 auto;
  }
}
@media screen and (max-width: 414px) {
  .career-img {
    width: 77%;
  }
}
.career-img-top {
  width: 73%;
}
@media screen and (max-width: 414px) {
  .career-img-top {
    width: 85%;
  }
}
.career-img-mid {
  width: 60%;
  margin-left: 90px;
}
@media screen and (max-width: 414px) {
  .career-img-mid {
    width: 74%;
    margin-left: 70px;
  }
}

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