@charset "UTF-8";
/*
	$weight:フォントの太さ
	@include f_hiragino(300); ※ W3
	@include f_hiragino(600); ※ W6
*/
/*
	$weight:フォントの太さ
	@include f_din(600);
*/
/*
	$weight:フォントの太さ
	@include f_din(600);
*/
/*
	@include sc(pc) {
		width: 100%;
	}
	@include sc(sp) {
		width: 50%;
	}
*/
.sec_category {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
@media print, screen and (min-width: 992px) {
  .sec_category .inner {
    max-width: 900px;
  }
}
@media screen and (max-width: 991px) {
  .sec_category .inner {
    max-width: 600px;
  }
}
.sec_category .content_block {
  display: -ms-grid;
  display: grid;
  gap: 3rem 6rem;
  border-bottom: 1px solid #E6E6E6;
  padding-bottom: 4rem;
}
@media print, screen and (min-width: 992px) {
  .sec_category .content_block {
    -ms-grid-columns: 260px auto;
    grid-template-columns: 260px auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media screen and (max-width: 991px) {
  .sec_category .content_block {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}
.sec_category .content_block .label_box {
  row-gap: 1rem;
}
.sec_category .content_block .label_box .title {
  font-family: "Barlow Condensed", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 0.08em;
  width: 100%;
  font-size: 1.6rem;
  border-bottom: 1px solid #000000;
  margin-bottom: 0.5em;
}
@media print, screen and (min-width: 992px) {
  .sec_category .content_block .label_box .label {
    width: 100%;
  }
}
@media screen and (max-width: 991px) {
  .sec_category .content_block .label_box .label {
    width: calc((100% - 1rem) / 2);
  }
}
.sec_category .content_block .label_box .label .category {
  font-size: 1.2rem;
  border-radius: 0;
}
.sec_category .content_block .label_box .label.current {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  cursor: default;
  pointer-events: none;
}
.sec_category .content_block .label_box .label.current .category {
  color: #4D4D4D;
  background-color: #F2F2F2;
  border: 2px solid #4D4D4D;
}
.sec_category .content_block .label_box .label.current .category::before {
  background-image: url("/assets/img/common/icon_arrow_right_black.svg");
}
@media print, screen and (min-width: 992px) {
  .sec_category .content_block .text_box .text {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 991px) {
  .sec_category .content_block .text_box .text {
    font-size: 1.4rem;
  }
}

@media print, screen and (min-width: 992px) {
  .sec_works {
    padding-top: 6rem;
    padding-bottom: 8rem;
  }
}
@media screen and (max-width: 991px) {
  .sec_works {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }
}
@media print, screen and (min-width: 992px) {
  .sec_works .inner {
    max-width: 900px;
  }
}
@media screen and (max-width: 991px) {
  .sec_works .inner {
    max-width: 600px;
  }
}
.sec_works .content_block .list {
  display: -ms-grid;
  display: grid;
  justify-items: center;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  gap: 6rem 4rem;
}
@media (min-width: 576px) {
  .sec_works .content_block .list {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
    grid-auto-columns: 1fr;
  }
}
.sec_works .content_block .list .item {
  max-width: 400px;
  margin: 0 auto;
}
.sec_works .content_block .list .item .image_box {
  -webkit-filter: brightness(1);
          filter: brightness(1);
  -webkit-transition: -webkit-filter 0.3s ease;
  transition: -webkit-filter 0.3s ease;
  transition: filter 0.3s ease;
  transition: filter 0.3s ease, -webkit-filter 0.3s ease;
}
.sec_works .content_block .list .item .image_box img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  aspect-ratio: 4/5;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: #F2F2F2;
}
.sec_works .content_block .list .item .detail_box {
  margin-top: 1rem;
}
.sec_works .content_block .list .item .detail_box .title_box {
  margin-top: 1rem;
}
@media print, screen and (min-width: 992px) {
  .sec_works .content_block .list .item .detail_box .title_box .title {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 991px) {
  .sec_works .content_block .list .item .detail_box .title_box .title {
    font-size: 1.4rem;
  }
}
.sec_works .content_block .list .item:hover .image_box {
  -webkit-filter: brightness(0.9);
          filter: brightness(0.9);
}
.sec_works .content_block .list .item:hover .detail_box .title_box .date {
  color: #4D4D4D;
}
.sec_works .content_block .list .item:hover .detail_box .title_box .title {
  color: #4D4D4D;
}

@media print, screen and (min-width: 992px) {
  .sec_work {
    padding-top: 6rem;
    padding-bottom: 8rem;
  }
}
@media screen and (max-width: 991px) {
  .sec_work {
    padding-top: 3rem;
    padding-bottom: 4rem;
  }
}
.sec_work .content_title {
  margin-bottom: 4rem;
}
@media print, screen and (min-width: 992px) {
  .sec_work .content_title .title {
    font-size: 2rem;
  }
}
@media screen and (max-width: 991px) {
  .sec_work .content_title .title {
    font-size: 1.6rem;
  }
}
.sec_work .content_title .label_box {
  margin-top: 1rem;
}
.sec_work .content_block .image_box {
  display: -ms-grid;
  display: grid;
  gap: 2rem;
  margin-bottom: 4rem;
}
@media print, screen and (min-width: 992px) {
  .sec_work .content_block .image_box {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}
@media screen and (max-width: 991px) {
  .sec_work .content_block .image_box {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  }
}
.sec_work .content_block .image_box .photo {
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.sec_work .content_block .image_box .photo:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.sec_work .content_block .image_box .photo img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  aspect-ratio: 4/5;
  -o-object-fit: contain;
     object-fit: contain;
  background-color: #F2F2F2;
}
.sec_work .content_block .text_box {
  margin-bottom: 4rem;
}
.sec_work .content_block .text_box p {
  margin-top: 1rem;
}
@media print, screen and (min-width: 992px) {
  .sec_work .content_block .text_box p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 991px) {
  .sec_work .content_block .text_box p {
    font-size: 1.4rem;
  }
}
.sec_work .content_block .notes_box {
  background-color: #F2F2F2;
  border-radius: 10px;
  margin-bottom: 4rem;
  padding: 1.5rem;
}
@media print, screen and (min-width: 992px) {
  .sec_work .content_block .notes_box p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 991px) {
  .sec_work .content_block .notes_box p {
    font-size: 1.4rem;
  }
}