@charset "utf-8";

/*
  File Name   : about.css
  Description : コンテンツエリア関係 他
*/

/* hoge
============================================================ */
.section-base .map-block {
  margin-top: 40px;
}
.section-base .map-block iframe {
  width: 100%;
  height: 400px;
}

.access-item {
  margin-bottom: 40px;
  padding-bottom: 40px;
  border-bottom: solid 1px #dee2ea;
}

.histry-wrap li,
.histry-wrap li .body,
.histry-wrap li .body .item {
  display: flex;
}
.histry-wrap li {
  /* padding-top: 30px; */
}
.histry-wrap li:last-child {
  padding-bottom: 0;
}
.histry-wrap li .body .item {
  padding-top: 28px;
}
.histry-wrap li .body .item-wrap {
  border-left: solid 1px #005cab;
  padding-bottom: 30px;
}
.histry-wrap li:last-child .body .item-wrap {
  border-left: solid 1px #005cab;
  padding-bottom: 0;
}
.histry-wrap li .body .item:first-child {
  padding-top: 0;
}
.histry-wrap li .head {
  width: calc(210px - 45px);
}
.histry-wrap li .year {
  font-size: 24px;
  line-height: 1;
}
.histry-wrap li .year span {
  font-size: 16px;
  padding-left: 5px;
}
.histry-wrap li .month {
  position: relative;
  width: 130px;
  padding-left: 45px;
}

.histry-wrap li .month::before {
  content: "";
  position: absolute;
  top: 11px;
  left: -6px;
  width: 11px;
  height: 11px;
  background-color: #005cab;
  border-radius: 50%;
}
.histry-wrap li:first-child .item:first-child .month::after {
  content: "";
  position: absolute;
  top: 0;
  left: -6px;
  width: 11px;
  height: 11px;
  background-color: #fff;
}
.histry-wrap li:last-child .item:last-child .month::after {
  content: "";
  position: absolute;
  bottom: -5px;
  left: -6px;
  width: 11px;
  height: 11px;
  background-color: #fff;
}


/* sp
------------------------------------------------------------ */
@media screen and (max-width: 1101px) {
  .histry-wrap li,
  .histry-wrap li .body,
  .histry-wrap li .body .item {
    display: flex;
  }
  .histry-wrap li .body .item {
    display: block;
  }
  .histry-wrap li {
    /* padding-top: 30px; */
  }
  .histry-wrap li:last-child {
    padding-bottom: 0;
  }
  .histry-wrap li .body .item {
    padding-top: 28px;
  }
  .histry-wrap li .body .item-wrap {
    border-left: solid 1px #005cab;
    padding-bottom: 30px;
  }
  .histry-wrap li:last-child .body .item-wrap {
    border-left: solid 1px #005cab;
    padding-bottom: 0;
  }
  .histry-wrap li .body .item:first-child {
    padding-top: 0;
  }
  .histry-wrap li .head {
    width: calc(150px - 35px);
  }
  .histry-wrap li .year {
    font-size: 24px;
    line-height: 1;
  }
  .histry-wrap li .body {
    width: calc(100% - (150px - 35px));
  }
  .histry-wrap li .year span {
    font-size: 16px;
    padding-left: 5px;
  }
  .histry-wrap li .month {
    font-weight: bold;
    position: relative;
    width: 130px;
    padding-left: 35px;
  }
  .histry-wrap li .text {
    padding-left: 35px;
  }

  .histry-wrap li .month::before {
    content: "";
    position: absolute;
    top: 11px;
    left: -6px;
    width: 11px;
    height: 11px;
    background-color: #005cab;
    border-radius: 50%;
  }
  .histry-wrap li:first-child .item:first-child .month::after {
    content: "";
    position: absolute;
    top: 0;
    left: -6px;
    width: 11px;
    height: 11px;
    background-color: #fff;
  }
  .histry-wrap li:last-child .item:last-child .month::after {
    content: "";
    position: absolute;
    bottom: -4px;
    left: -6px;
    width: 11px;
    height: 11px;
    background-color: #000;
    display: none;
  }
}

/* lay-search-box
============================================================ */
.lay-search-box {
}
.lay-search-box {
}
.lay-search-box {
}

/* sp
------------------------------------------------------------ */
@media screen and (max-width: 1101px) {
  .lay-search-box {
  }
}

/* hoge
============================================================ */
.hoge {
}

/* sp
------------------------------------------------------------ */
@media screen and (max-width: 1101px) {
  .hoge {
  }
}