/*-------------------------------
---.single_head
-------------------------------*/

.single_head {
  padding-bottom: 12rem;
}


/*-------------------------------
---.main_image
-------------------------------*/

.main_image {
  position: relative;
}

.main_image::after {
  content: '';
  display: block;
  width: 100%;
  padding-top: 56.25%;
}

.main_image picture img {
  position: absolute;
  height: 100%;
  object-fit: cover;
}


/*-------------------------------
---.project_data
-------------------------------*/

.project_data.b_border::after {
  margin-top: 6rem;
}

.project_data .contents {
  align-items: center;
}

.project_data .project_txt {
  padding-right: 7.5vw;
  padding-left: calc(7.5vw - 6rem);
}

.project_data .project_txt .term {
  display: inline-block;
  /* font-size: 1.5rem; */
  /* color: #fff; */
  /* background-color: #646464; */
  background-color: transparent;
  border: 1px solid var(--text-color);
  padding: .2em 1rem;
}

.project_data .project_txt .project_name {
  /* font-size: 2.4rem; */
  font-size: var(--font-size-subject_planning-project);
  font-weight: 500;
  margin: 1.5rem 0;
}

.project_data .project_txt .completed_time {
  font-weight: 500;
  margin-bottom: 3rem;
}

.project_data .project_txt .building_spec {
  /* font-size: 1.3rem; */
  /* font-weight: lighter; */
  margin-bottom: 3rem;
}


/*-------------------------------
---.gallery
-------------------------------*/

.gallery {
  margin-top: 6rem;
}
.gallery.b_border::after {
  margin-top: 9rem;
}


/*-------------------------------
---.project_pager
-------------------------------*/

.project_pager {
  display: grid;
  grid-template-columns: repeat(2, auto);
  justify-content: space-between;
  grid-gap: 1rem;
  margin-top: 6rem;
  margin-bottom: 9rem;
}

.project_pager .pager_btn {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-gap: 2rem;
}

.project_pager .pager_btn.prev_btn {
  grid-column: 1/2;
}

.project_pager .pager_btn.next_btn {
  grid-column: 2/3;
  text-align: right;
}

.project_pager .pager_btn .thumb {
  position: relative;
  width: 120px;
}

.project_pager .pager_btn .thumb::after {
  content: '';
  display: block;
  width: 100%;
  padding-top: 66.67%;
}

.project_pager .pager_btn .thumb > img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  object-fit: cover;
}

.project_pager .pager_btn .pager_direction {
  /* font-size: 1.5rem; */
  line-height: 1;
  color: var(--sub-color);
  margin-bottom: 1rem;
}

.project_pager .pager_btn .pager_direction::before,
.project_pager .pager_btn .pager_direction::after {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  /* font-size: 1.2rem; */
  font-size: var(--font-size-s);
  line-height: 1.2;
  color: #fff;
  text-align: center;
  vertical-align: bottom;
  background-color: var(--sub-color);
}

.project_pager .pager_btn.prev_btn .pager_direction::before {
  content: '\f053';
  margin-right: 0.5em;
}

.project_pager .pager_btn.next_btn .pager_direction::after {
  content: '\f054';
  margin-left: 0.5em;
}

.project_pager .pager_btn .pager_title {
  max-width: 18em;
  /* font-size: 1.6rem; */
  font-weight: 500;
}