.mv {
  height: 1400px;
  padding-right: 5%;
  background: url(../img/mvbg.png) no-repeat left bottom;
  background-size: cover;
}

@media screen and (max-width: 1200px) {
  .mv {
    height: 1000px;
  }
}

@media screen and (max-width: 768px) {
  .mv {
    height: 80vw;
  }
}

.mv h1 {
  margin-left: 10%;
  padding-top: 345px;
}

@media screen and (max-width: 1200px) {
  .mv h1 {
    margin-left: 5%;
    padding-top: 240px;
  }
}

@media screen and (max-width: 768px) {
  .mv h1 {
    padding-top: 20%;
  }
}

.top_message {
  margin-top: -220px;
}

@media screen and (max-width: 1200px) {
  .top_message {
    margin-top: -180px;
  }
}

@media screen and (max-width: 768px) {
  .top_message {
    margin-top: -12%;
  }
}

.top_message_box {
  padding: 80px;
  border: 4px solid #ddd;
  background: url(../img/top_message_arrow.png) no-repeat right bottom;
}

@media screen and (max-width: 1000px) {
  .top_message_box {
    padding: 6%;
  }
}

@media screen and (max-width: 768px) {
  .top_message_box {
    padding: 5%;
  }
}

.top_message_box p {
  font-size: 1.6rem;
  letter-spacing: 1px;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .top_message_box p {
    font-size: 1.4rem;
    text-align: left;
  }
}

.top_profile {
  position: relative;
  margin-top: 120px;
  padding-bottom: 100px;
  background: url(../img/top_profilebg.jpg) no-repeat center;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .top_profile {
    margin-top: 12%;
    padding-bottom: 10%;
  }
}

.top_profile h3 {
  position: absolute;
  top: -30px;
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
  .top_profile h3 {
    top: -25px;
  }
}

@media screen and (max-width: 414px) {
  .top_profile h3 {
    top: -20px;
  }
}

.top_profile__box {
  padding-top: 120px;
}

@media screen and (max-width: 768px) {
  .top_profile__box {
    padding-top: 14%;
  }
}

.top_profile a {
  width: 50%;
}

@media screen and (max-width: 768px) {
  .top_profile a {
    display: block;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4%;
  }
}

@media screen and (max-width: 414px) {
  .top_profile a {
    width: 90%;
  }
}

.top_business {
  padding-top: 20px;
  padding-bottom: 70px;
  background: url(../img/top_businessbg.jpg) no-repeat center;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .top_business {
    padding-top: 0;
    padding-bottom: 8%;
  }
}

.top_business__area {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1360px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 768px) {
  .top_business__area {
    display: block;
  }
}

.top_business a {
  width: 48%;
  max-width: 687px;
}

@media screen and (max-width: 768px) {
  .top_business a {
    display: block;
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 414px) {
  .top_business a {
    width: 90%;
  }
}

.top_business__01 {
  margin-top: 145px;
}

@media screen and (max-width: 768px) {
  .top_business__01 {
    margin-top: 0;
    margin-bottom: 5%;
  }
}

.top_contact {
  margin-top: -300px;
  padding-top: 260px;
  background: url(../img/top_contactbg.jpg) no-repeat center;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .top_contact {
    margin-top: -30%;
    padding-top: 28%;
  }
}

.top_contact h4 {
  color: #fff;
  font-size: 3rem;
  font-weight: bold;
  text-align: center;
}

@media screen and (max-width: 768px) {
  .top_contact h4 {
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 414px) {
  .top_contact h4 {
    font-size: 1.8rem;
  }
}

.top_contact__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .top_contact__flex {
    display: block;
  }
}

.top_contact a {
  max-width: 50%;
  padding: 0 20px;
}

@media screen and (max-width: 768px) {
  .top_contact a {
    display: block;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
  }
}

.top_news__flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding-left: 70px;
}

@media screen and (max-width: 1200px) {
  .top_news__flex {
    display: block;
    padding-left: 0;
  }
}

.top_news__left {
  background: url(../img/top_newsbg.png) no-repeat center;
  background-size: contain;
}

.top_news__left dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 600px;
  margin-top: 50px;
}

@media screen and (max-width: 1200px) {
  .top_news__left dl {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 768px) {
  .top_news__left dl {
    margin-top: 5%;
  }
}

.top_news__left dt,
.top_news__left dd {
  padding-bottom: 10px;
}

.top_news__left dt {
  width: 140px;
}

@media screen and (max-width: 768px) {
  .top_news__left dt {
    width: 110px;
  }
}

@media screen and (max-width: 414px) {
  .top_news__left dt {
    width: 90px;
  }
}

.top_news__left dd {
  width: calc(100% - 140px);
  padding-left: 40px;
  font-weight: bold;
  border-left: 2px solid #000;
}

.top_news__left dd .news-recruit{
	text-decoration:underline;
	color: blue;
	font-weight:bold;
	}

@media screen and (max-width: 768px) {
  .top_news__left dd {
    width: calc(100% - 110px);
    padding-left: 4%;
  }
}

@media screen and (max-width: 414px) {
  .top_news__left dd {
    width: calc(100% - 90px);
  }
}

@media screen and (max-width: 1200px) {
  .top_news__right {
    text-align: center;
  }
}

.top_news__right div {
  padding: 35px 40px;
  background: #f5f5f5;
}

@media screen and (max-width: 1200px) {
  .top_news__right div {
    display: inline-block;
    margin-top: 40px;
  }
}

@media screen and (max-width: 768px) {
  .top_news__right div {
    padding: 4%;
  }
}

@media screen and (max-width: 414px) {
  .top_news__right div {
    max-width: 240px;
  }
}

.top_news__right a {
  display: block;
}
/*# sourceMappingURL=index.css.map */