@charset "UTF-8";
/* 
  関数
*/
/*$fc-black:#707070;
$bc-black:#707070;*/
/*$header-bgc:#EAEAE9;*/
/* underpages */
/* about */
/* contact*/
/* service */
/* btn */
/* job */
/* numbers */
/* 
  関数  end
*/
.under-top .under-top-container .under-top-wrapper-01 {
  width: 100%;
  height: 200px;
  margin-top: 10vh;
  background-position: center center;
}
.under-top .under-top-container .under-top-wrapper-01 .under-top-item {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  /* フレックスボックスに指定 */
  display: flex;
  /* 縦に並べる */
  flex-direction: column;
  /* 子要素を水平方向に中央に配置 */
  justify-content: center;
  /* 子要素を垂直方向に中央に配置 
  align-items: center; */
}
.under-top .under-top-container .under-top-wrapper-01 .under-top-item .under-top-title {
  font-size: 40px;
  color: #fff;
  padding-left: 10vw;
  font-weight: normal;
  z-index: 100;
}
@media screen and (max-width: 960px) {
  .under-top .under-top-container .under-top-wrapper-01 .under-top-item .under-top-title {
    font-size: 30px;
  }
}
.under-top .under-top-container .under-top-wrapper-02 {
  width: 100%;
  /*height: 30px;*/
  background-color: #DFD9D8;
}
.under-top .under-top-container .under-top-wrapper-02 .under-top-item {
  padding: 10px 20px;
}
.under-top .under-top-container .under-top-wrapper-02 .under-top-item .guid {
  padding: 10px 20px;
  font-size: 12px;
}
.under-top .under-top-container .under-top-wrapper-02 .under-top-item span {
  padding: 10px;
  font-size: 12px;
}/*# sourceMappingURL=underpage.css.map */