@charset "UTF-8";

/* mainここから
================================================ */
.omoi {
  display: inline-block;
  width: 100%;
}

.omoi-photo {
  height: 100vh;
  background: url(../img/omoi_photo.jpg)  no-repeat center;
  background-size: cover;
}

.omoi-kotoba {
  margin: 100px auto;
  padding: 0 25px;
}

.omoi-kotoba p {
  text-align: center;
}

@media screen and (min-width:601px) {
  .omoi-kotoba {
    margin: 100px auto 20px;
  }
}

@media screen and (min-width:601px) and (orientation: landscape) {
  .omoi {
    display: flex;
    height: 100vh;
  }
  .omoi div {
    width: 50vw;
  }
  .omoi-photo {
    border-radius: 0 0 60px 0;
  }
  .omoi-kotoba {
    display: flex;
    margin: 0;
    padding: 0 25px;
    justify-content: center;
    place-items: center;
  }
}

.about-noyaki {
  display: flex;
  width: 100vw;
  height: auto;
}

.about-noyaki-img {
  width: 100vw;
  height: 650px;
  background: url(../img/about_noyaki.jpg) no-repeat center;
  background-size: cover;
  background-position: right;
}

@media screen and (min-width:601px) {
  .about-noyaki {
    justify-content: flex-end;
    margin-top: 80px;
  }
  .about-noyaki-img {
    width: 100%;
    max-width: 90%;
    border-radius: 60px 0 0 60px;
  }
}

.career {
  display: inline-flex;
  width: 100%;
  flex-direction: column;
  place-items: center;
  margin-bottom: 50px;
}

.career h3 {
  margin: 30px 0;
  font-weight: normal;
}

.career table {
  width: 100%;
  max-width: 550px;
  padding: 0 15px;
}

.career table,th,td {
  display: block;
  border-spacing: 15px;
}

.career th {
  width: 70px;
  font-weight: normal;
  vertical-align: text-top;
  text-align: left;
}

.career th,
td {
  display: block;
}

@media screen and (min-width:601px) {
  .career th,
  td {
    display: table-cell;
  }
}

/* mainここまで
================================================ */