@charset "UTF-8";

.work_category
{
  padding: 10px;
  background-color:  rgba(0, 35, 87, 0.9);
}

.work_category div
{
  padding: 10px;
}

.work_category span
{
  font-size: 25px;
  font-weight: bold;
  color: rgb(255, 255, 255);
  padding: 10px;
}

/* 施工実績のリンク */
ul#construction_menu
{
  text-align: center;
  width: 100%;
  list-style: none;
  justify-content: center;
  display: flex;
  padding: 0px;
}

#construction_menu li
{
  margin: 0px 10px 0px 10px;
  font-size: 142%;
  font-weight: bold;

  /* 横サイズ合わせ */
  width: calc(100% / 3);
}

#construction_menu li a
{
  text-decoration: none;
}

#construction_menu li a div.link_div
{
  position: relative;

  /* 横サイズ合わせ */
  background-color: rgba(0, 35, 87, 0.300);

  /* 縦サイズ合わせ */
  /*
  height: 200px;
  */
}

#construction_menu li a div.link_div img.link_image
{
  /* 横サイズ合わせ */
  width: 100%;
  height: 100%;

  /* 縦サイズ合わせ */
  /*
  height: 100%;
  */

  object-fit: contain;
}

.link_line
{
  position: absolute;
  width: 100%;
  height: 40px;
  top: calc(100% - 40px);
  background-color: rgba(0, 35, 87, 0.500);

  white-space: nowrap;
}

.link_line span
{
  font-size: 16px;
  font-weight: bold;
  color: rgb(255, 255, 255);

  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}