@charset "UTF-8";
/* --------------------------------------------

会社案内
	
---------------------------------------------- */
/* Scss Document */
.pageTitle {
  padding: 8em 0 4em;
  text-align: center;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
}
.pageTitle > span {
  font-family: "BebasNeueBold";
  font-size: 70px;
  font-size: 7rem;
}

.outline {
  display: flex;
  background: #982125;
}
@media screen and (max-width: 960px) {
  .outline {
    display: block;
  }
}

.outline__photo {
  width: 60%;
  overflow: hidden;
  background: url("../img/photo.jpg");
  background-size: cover;
  background-position: center;
}
@media screen and (max-width: 960px) {
  .outline__photo {
    width: 100%;
    height: 58vw;
  }
}

.outline__info {
  padding: 8vw 4vw;
  margin: auto;
}
@media screen and (max-width: 960px) {
  .outline__info {
    padding: 8vw 12vw;
  }
}
.outline__info > dl {
  width: 100%;
  max-width: 28em;
  color: #fff;
}
@media screen and (max-width: 960px) {
  .outline__info > dl {
    max-width: none;
  }
}
.outline__info > dl dt {
  float: left;
  width: 6em;
  padding: 0.8em 0.5em 0.8em 0.5em;
}
.outline__info > dl dd {
  padding: 0.8em 0.5em 0.8em 6em;
  border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

#gMap {
  height: 24vw;
  min-height: 320px;
}

.staff {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 0 0 8em;
}
.staff > h2 {
  width: 100%;
}
.staff__item {
  width: 40%;
  max-width: 296px;
  margin: 0 3% 3em;
  text-align: center;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .staff__item {
    width: 60%;
  }
}
.staff__item > h3 {
  padding: 1em;
  font-family: '小塚ゴシック Pr6N' , kozuka-gothic-pr6n, sans-serif;
  font-weight: 900;
  font-style: normal;
  font-size: 20px;
  font-size: 2rem;
  text-align: center;
}
.staff__item > h3 span {
  font-family: '小塚ゴシック Pr6N' , kozuka-gothic-pr6n, sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 14px;
  font-size: 1.4rem;
}
.staff__item > img {
  display: block;
  width: 90%;
  margin: auto;
  cursor: pointer;
  transition-duration: 0.5s;
}
