@charset "utf-8";
/* CSS Document */
/**************************************************
	section_first
**************************************************/

header {
  background-color: #dcd7cc;
}
/* .section_portfolio_slider{padding:1% 0 5%} */
.section_portfolio_more {
  padding: 1% 0 5%;
}
/* .title .title-name_eng{color:#242424;} */
.swiper_portfolio .swiper-wrapper .swiper-slide img {
  height: 460px;
  object-fit: cover;
  object-position: bottom;
}
.section_portfolio_more .title-name_eng {
  font-size: 6rem;
  font-weight: normal;
  color: #fcfdf2;
  position: relative;
  padding-left: 100px;
}
.section_portfolio_more .title-name_eng::before {
  content: "";
  position: absolute;
  width: 85px;
  height: 2px;
  background-color: #fcfdf2;
  left: 0;
  top: 50%;
}
.portfolio_name {
  margin-bottom: 2%;
  font-size: 1.3rem;
  font-family: "Shippori Mincho", serif;
  letter-spacing: 0.2rem;
}
.section_portfolio_more_list ul {
  display: flex;
  justify-content: space-between;
  margin: 2% 0;
}
.section_portfolio_more_list > ul > li {
  width: 30%;
}
.section_portfolio_more_list ul > li .more_wrap {
  position: relative;
}
.section_portfolio_more_list ul > li .cover_name {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  color: #fcfdf2;
  display: flex;
  align-items: center;
  justify-content: center;
  letter-spacing: 1px;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.section_portfolio_more_list ul > li a:hover .cover_name {
  background: rgba(0, 0, 0, 0);
}
/* .section_portfolio_more_list ul > li .more_img img{height: 300px;object-fit: cover;} */
.section_portfolio_more_list ul > li .more_img {
  display: block;
  width: 100%;
  height: auto;
  position: relative;
  overflow: hidden;
  padding: 0 0 67% 0;
}
.section_portfolio_more_list ul > li .more_img img {
  object-fit: cover;
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.section_portfolio_more .portfolio_article {
  flex: 0 0 50%;
  margin-right: 5%;
}
.section_portfolio_more .portfolio_aside img {
  width: 57vh;
  height: 38vh;
  margin: auto;
  position: relative;
  object-fit: cover;
}
.section_portfolio_more_list .title-name {
  font-family: "Shippori Mincho", serif;
  font-size: 1.2rem;
  letter-spacing: 0.2rem;
}

@media (max-width: 1300px) {
  .swiper_portfolio .swiper-wrapper .swiper-slide img {
    height: 340px;
  }
}

@media (max-width: 991px) {
  .display_flex {
    flex-direction: column;
    align-items: self-start;
  }
  .section_portfolio_more .portfolio_article {
    flex: 0 0 100%;
    max-width: 100%;
    margin: 0 0 5%;
    margin-right: 0;
    text-align: left;
  }
  .swiper_portfolio .swiper-wrapper .swiper-slide img {
    height: 220px;
  }
  .section_portfolio_more .portfolio_aside img {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 500px) {
  .title .title-name_eng {
    line-height: 1;
  }
  .swiper_portfolio .swiper-wrapper .swiper-slide img {
    height: 260px;
  }
  .section_portfolio_more_list > ul {
    flex-direction: column;
  }
  .section_portfolio_more_list > ul > li {
    width: 100%;
    margin-bottom: 5%;
  }
  .button_group .button_group-wrap {
    flex-direction: column;
    align-items: center;
  }
  .button_group .button_group-wrap .but-item {
    margin-bottom: 5%;
  }
  .button_group .button_group-wrap .but-item .btn_black {
    min-width: 162px;
    text-align: center;
  }
  .section_portfolio_more h1 {
    font-size: 3rem;
  }
  .title .title-name_eng {
    font-size: 2rem;
  }
}