@charset "utf-8";

/* *****************************************************************************

  about style

***************************************************************************** */
/* visual-page */
.visual-page.-about{
  background: url(/recruit/assets/images/about/img-page-title-about.jpg) center center no-repeat;
  background-size: cover;
}

/* message-box */
.message-box{
  margin-top: 4rem;
}
.message-box > .-box{
  display: flex;
  justify-content: space-between;
  margin-top: 8rem;
}
.message-box > .-box:nth-child(1){
  margin-top: 0;
}
.message-box > .-box:nth-child(even){
  flex-direction: row-reverse;
}
.message-box > .-box > .-text{
  width: 65.2174%;
}
.message-box > .-box > .-text > .-name{
  margin-top: 2.8rem;
  font-size: 2rem;
  line-height: 1.75;
  font-weight: 700;
  vertical-align: baseline;
}
.message-box > .-box > .-text > .-name > span{
  padding-right: 1em;
  font-size: 1.6rem;
}
.message-box > .-box > .-img{
  width: 30.4348%;
}
.message-box > .-box > .-img > img{
  width: 100%;
}

@media print, screen and (max-width: 760px){
  /* message-box */
  .message-box > .-box{
    margin-top: 6rem;
  }
  .message-box > .-box > .-text{
    width: 64%;
  }
  .message-box > .-box > .-img{
    width: 32%;
  }
}

@media print, screen and (max-width: 760px){
  /* message-box */
  .message-box > .-box{
    display: block;
  }
  .message-box > .-box > .-text{
    width: 100%;
  }
  .message-box > .-box > .-img{
    width: 100%;
    max-width: 380px;
    margin-top: 4rem;
    margin-left: auto;
    margin-right: auto;
  }
}

/* location-box */
.location-box{
  display: flex;
  justify-content: space-between;
}
.location-box > .-box{
  width: 50%;
}
.location-box > .-box:nth-child(odd){
  padding-right: 2rem;
}
.location-box > .-box:nth-child(even){
  padding-left: 2rem;
}
.location-box > .-box > .-text{
  font-size: 1.6rem;
  line-height: 1.75;
  margin-top: 2.2rem;
}

@media print, screen and (max-width: 760px){
  /* location-box */
  .location-box > .-box:nth-child(odd){
    padding-right: 1rem;
  }
  .location-box > .-box:nth-child(even){
    padding-left: 1rem;
  }
}

@media print, screen and (max-width: 640px){
  /* location-box */
  .location-box{
    display: block;
  }
  .location-box > .-box{
    width: 100%;
    margin-top: 6rem;
  }
  .location-box > .-box:nth-child(1){
    margin-top: 0;
  }
  .location-box > .-box:nth-child(odd){
    padding-right: 0;
  }
  .location-box > .-box:nth-child(even){
    padding-left: 0;
  }
}

/* location-map */
.location-map{
  max-width: 332px;
  width: 100%;
  margin-top: 4rem;
}
.location-map > .-map{
  position: relative;
  overflow-y: hidden;
  width: 100%;
  /* アスペクト比 332:205 */
  padding-top: 61.747%;
}
.location-map > .-map > iframe{
  position: absolute;
  top: -150px;
  left: 0;
  width: 100%;
  height: calc(100% + (150px * 2));
}

@media print, screen and (max-width: 640px){
  /* location-map */
  .location-map{
    max-width: none;
  }
}

/* location-text */
.location-text{
  font-size: 1.6rem;
  line-height: 1.75;
}