@charset "UTF-8";

.bx-wrapper
{
  background-color: transparent;
  margin: 0px auto;
  border: none;
  box-shadow: none;
  vertical-align: middle;
}

/* トップ画像の表示領域 */
.slider_image_div
{
  text-align: center;
  width: 100%;
  /* 背景色削除の場合はコメントアウト */
  background-color: rgba(0, 35, 87, 0.300);
}

/* トップ画像 */
.slider_image
{
  position: relative;
  width: 100%;
  object-fit: contain;
  /* 背景色削除の場合はコメントアウト */
  background-color: rgba(0, 35, 87, 0.300);
}

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

  white-space: nowrap;
}

.slider_line_v
{
  position: absolute;
  top: 0px;
  right: 30px;
  display: inline;
  width: 40px;
  height: 100%;
  background-color: rgba(0, 35, 87, 0.500);

  white-space: nowrap;
}

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

  position: absolute;
  top: 50%;
  transform: translatey(-50%);
  right: calc(10%);
}

.slider_link
{
  position: absolute;
  top: calc(100% - 50px);
  right: 10%;

  display: inline;
  background-color: rgba(0, 35, 87, 0.500);

  padding: 5px 25px 5px 25px;

  white-space: nowrap;
}

.slider_link a
{
  font-size: 12px;
  color: rgb(255, 255, 255);
}

/* ページコントロール */
#slider_top_thumbnail
{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style: none;
  padding: 0px;
}

#slider_top_thumbnail > li
{
  background-color: rgba(0, 35, 87, 0.300);
  border: 1px solid rgba(57, 51, 122, 0.600);
  margin: 2px;
}

#slider_top_thumbnail > li > a > img
{
  height: 75px;
  object-fit: contain;
  background-color: rgba(0, 35, 87, 0.300);
}

/* 施工実績のリンク */
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: 20px;
  font-weight: bold;
  color: rgb(255, 255, 255);

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

/* 新着情報のスタイル */
img.news_image
{
  height: 200px;
  object-fit: contain;
  margin: 0px 5px 0px 0px;
}

div.news
{
  text-align: left;
  padding: 0px 15px 0px 5px;
  height: 200px;
	overflow: hidden;	
	overflow-y: scroll;
	border: 0px solid rgb(153, 153, 153);
  background: rgba(110, 108, 108, 0.2);
}