@charset "UTF-8";
/* 
  関数
*/
/*$fc-black:#707070;
$bc-black:#707070;*/
/*$header-bgc:#EAEAE9;*/
/* underpages */
/* about */
/* contact*/
/* service */
/* btn */
/* job */
/* numbers */
/* 
  関数  end
*/
main {
  color: #000000;
  /*background-image: url(images/bg-gray03.jpg);
  background-size: cover;
  background-attachment: fixed;*/
  background-color: #fff;
}

.under-top .under-top-container .under-top-wrapper-01 {
  background-image: url(images/company.png);
  background-size: cover;
}

.company {
  background-color: #fff;
}
.company .container {
  /* フレックスボックスに指定 */
  display: flex;
  /* 縦に並べる */
  flex-direction: column;
  /* 子要素を水平方向に中央に配置 */
  justify-content: center;
  /* 子要素を垂直方向に中央に配置 */
  align-items: center;
  padding-bottom: 100px;
}
.company .container .content .content-item {
  /* フレックスボックスに指定 */
  display: flex;
  /* 横に並べる */
  flex-direction: row;
  /* 子要素を水平方向に中央に配置 */
  justify-content: center;
  /* 子要素を垂直方向に下揃えで配置 */
  align-items: flex-end;
  width: 500px;
  /*height: 50px;*/
  height: 100%;
  /* 余白 */
  padding-bottom: 10px;
}
.company .container .content .content-item .item-title {
  width: 100px;
  height: 100%;
  padding-left: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid black;
  /* フレックスボックスに指定 */
  display: flex;
  /* 子要素を垂直方向に中央に配置 */
  align-items: center;
}
.company .container .content .content-item .item-text {
  width: 400px;
  height: 100%;
  padding-left: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #c5c4c4;
  /* フレックスボックスに指定 */
  display: flex;
  /* 子要素を垂直方向に中央に配置 */
  align-items: center;
  /* 行間 */
  line-height: 130%;
}

@media screen and (max-width: 600px) {
  .company .container .content .content-item {
    width: 310px;
  }
  .company .container .content .content-item .item-title {
    width: 80px;
    font-size: 14px;
  }
  .company .container .content .content-item .item-text {
    width: 230px;
    font-size: 14px;
  }
}/*# sourceMappingURL=company.css.map */