@charset "UTF-8";
/*===============================
scss 変数ファイル
================================*/
/*
カラー
================================*/
/*
メディアクエリ
================================*/
#archive-works .pageHeading,
#single-works .pageHeading {
 background-image: url("../../images/page/works/p_works_back.jpg");
}
#archive-works .p_archive-works__container,
#single-works .p_single-works__container {
 padding: 50px 20px;
 background-color: #333333;
}
@media screen and (min-width: 640px) {
 #archive-works .p_archive-works__container__worksList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
 }
}
#archive-works .p_archive-works__container__worksList .item {
 margin-top: 50px;
}
@media screen and (min-width: 640px) {
 #archive-works .p_archive-works__container__worksList .item {
  width: calc(50% - 25px);
  margin-right: 50px;
 }
}
@media screen and (min-width: 1024px) {
 #archive-works .p_archive-works__container__worksList .item {
  width: calc(33.3% - 33.3px);
 }
}
#archive-works .p_archive-works__container__worksList .item:first-child {
 margin-top: 0;
}
@media screen and (min-width: 640px) {
 #archive-works .p_archive-works__container__worksList .item:nth-child(-n + 2) {
  margin-top: 0;
 }
}
@media screen and (min-width: 1024px) {
 #archive-works .p_archive-works__container__worksList .item:nth-child(-n + 3) {
  margin-top: 0;
 }
}
@media screen and (min-width: 640px) {
 #archive-works .p_archive-works__container__worksList .item:nth-child(2n) {
  margin-right: 0;
 }
}
@media screen and (min-width: 1024px) {
 #archive-works .p_archive-works__container__worksList .item:nth-child(2n) {
  margin-right: 50px;
 }
}
@media screen and (min-width: 1024px) {
 #archive-works .p_archive-works__container__worksList .item:nth-child(3n) {
  margin-right: 0;
 }
}
#archive-works .p_archive-works__container__worksList .item a {
 display: block;
 color: #000;
}
#archive-works .p_archive-works__container__worksList .item a .block__img {
 position: relative;
 overflow: hidden;
 padding-bottom: 66.6%;
}
#archive-works .p_archive-works__container__worksList .item a .block__img img {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 min-width: 100%;
 min-height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 font-family: "object-fit: cover;";
}
#archive-works .p_archive-works__container__worksList .item a .block__text {
 position: relative;
 background: #20427b;
 padding: 20px 25px 25px;
 border-bottom: 1px solid #fff;
 border-left: 1px solid #fff;
 border-right: 1px solid #fff;
}
#archive-works
 .p_archive-works__container__worksList
 .item
 a
 .block__text:after {
 position: absolute;
 bottom: 20px;
 right: 25px;
 content: "";
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 color: #fff;
 font-size: 2rem;
}
#archive-works
 .p_archive-works__container__worksList
 .item
 a
 .block__text__heading {
 font-weight: 900;
 line-height: 1.6em;
 font-size: 1.6rem;
 color: #fff;
}
#archive-works
 .p_archive-works__container__worksList
 .item
 a
 .block__text__metaList {
 margin-top: 15px;
}
#archive-works
 .p_archive-works__container__worksList
 .item
 a
 .block__text__metaList
 dl {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 font-size: 1.4rem;
 color: #fff;
}
#archive-works
 .p_archive-works__container__worksList
 .item
 a
 .block__text__metaList
 dl:not(:first-child) {
 margin-top: 15px;
}
#archive-works
 .p_archive-works__container__worksList
 .item
 a
 .block__text__metaList
 dl
 dt {
 width: 70px;
 margin-right: 10px;
}
#archive-works
 .p_archive-works__container__worksList
 .item
 a
 .block__text__metaList
 dl
 dd {
 position: relative;
 -webkit-box-flex: 1;
 -ms-flex: 1;
 flex: 1;
 padding-left: 15px;
}
#archive-works
 .p_archive-works__container__worksList
 .item
 a
 .block__text__metaList
 dl
 dd:before {
 position: absolute;
 top: -1px;
 left: 0;
 content: ":";
}
#archive-works
 .p_archive-works__container__worksList
 .item
 a
 .block__text__metaList
 dl
 dd
 ul {
 margin-top: -10px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
#archive-works
 .p_archive-works__container__worksList
 .item
 a
 .block__text__metaList
 dl
 dd
 ul
 li {
 position: relative;
 margin-top: 10px;
 color: #fff;
}
#archive-works
 .p_archive-works__container__worksList
 .item
 a
 .block__text__metaList
 dl
 dd
 ul
 li:not(:last-child) {
 margin-right: 15px;
}
#archive-works
 .p_archive-works__container__worksList
 .item
 a
 .block__text__metaList
 dl
 dd
 ul
 li:not(:last-child):after {
 content: "、";
 position: absolute;
 bottom: 0;
 right: -15px;
}
#archive-works .notfound {
 text-align: center;
}

#single-works .p_single-works__container__heading {
 line-height: 1.6em;
 font-weight: 900;
 font-size: 1.8rem;
 color: #fff;
 margin-bottom: 20px;
}
@media screen and (min-width: 640px) {
 #single-works .p_single-works__container__heading {
  font-size: 2.2rem;
 }
}
@media screen and (min-width: 768px) {
 #single-works .p_single-works__container__heading {
  font-size: 2.6rem;
  margin-bottom: 30px;
 }
}
@media screen and (min-width: 1024px) {
 #single-works .p_single-works__container__heading {
  font-size: 3rem;
  margin-bottom: 40px;
 }
}
#single-works
 .p_single-works__container__slider__main
 .swiper-wrapper
 .main-slide {
 position: relative;
 overflow: hidden;
 padding-bottom: 66.7%;
}
#single-works
 .p_single-works__container__slider__main
 .swiper-wrapper
 .main-slide
 img {
 position: absolute;
 top: 0;
 left: 0;
 right: 0;
 bottom: 0;
 width: 100%;
 height: 100%;
 -o-object-fit: contain;
 object-fit: contain;
 font-family: "object-fit: contain;";
}
#single-works .p_single-works__container__slider__thumb {
 margin-top: 10px;
}
@media screen and (min-width: 640px) {
 #single-works .p_single-works__container__slider__thumb {
  margin-top: 20px;
 }
}
#single-works
 .p_single-works__container__slider__thumb
 .swiper-wrapper
 .thumb-slide {
 position: relative;
 overflow: hidden;
 aspect-ratio: 3/2;
 opacity: 0.7;
 -webkit-transition: opacity 0.3s;
 transition: opacity 0.3s;
}
#single-works
 .p_single-works__container__slider__thumb
 .swiper-wrapper
 .thumb-slide
 img {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 min-width: 100%;
 min-height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 font-family: "object-fit: cover;";
}
#single-works
 .p_single-works__container__slider__thumb
 .swiper-wrapper
 .swiper-slide-active {
 opacity: 1;
}
#single-works
 .p_single-works__container__slider__thumb
 .arrow
 .swiper-button-next,
#single-works
 .p_single-works__container__slider__thumb
 .arrow
 .swiper-button-prev {
 width: 30px;
 height: 30px;
 background-size: 30px 30px;
 margin-top: -15px;
}
@media screen and (min-width: 768px) {
 #single-works
  .p_single-works__container__slider__thumb
  .arrow
  .swiper-button-next,
 #single-works
  .p_single-works__container__slider__thumb
  .arrow
  .swiper-button-prev {
  width: 40px;
  height: 40px;
  background-size: 40px 40px;
  margin-top: -20px;
 }
}
#single-works
 .p_single-works__container__slider__thumb
 .arrow
 .swiper-button-next:after,
#single-works
 .p_single-works__container__slider__thumb
 .arrow
 .swiper-button-prev:after {
 display: none;
}
#single-works
 .p_single-works__container__slider__thumb
 .arrow
 .swiper-button-next {
 background-image: url("../../images/common/slide_arrow.svg");
 -webkit-transform: scale(-1, 1);
 transform: scale(-1, 1);
}
#single-works
 .p_single-works__container__slider__thumb
 .arrow
 .swiper-button-prev {
 background-image: url("../../images/common/slide_arrow.svg");
}
#single-works .p_single-works__container__column {
 margin-top: 50px;
}
@media screen and (min-width: 768px) {
 #single-works .p_single-works__container__column {
  margin-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
 }
}
@media screen and (min-width: 768px) {
 #single-works .p_single-works__container__column__comment,
 #single-works .p_single-works__container__column__overview {
  width: calc(50% - 15px);
  margin-right: 30px;
 }
}
@media screen and (min-width: 1024px) {
 #single-works .p_single-works__container__column__comment,
 #single-works .p_single-works__container__column__overview {
  margin-right: 50px;
 }
}
@media screen and (min-width: 1200px) {
 #single-works .p_single-works__container__column__comment,
 #single-works .p_single-works__container__column__overview {
  margin-right: 80px;
 }
}
#single-works
 .p_single-works__container__column__comment
 .p_single-works__container__column__heading,
#single-works
 .p_single-works__container__column__overview
 .p_single-works__container__column__heading {
 color: #fff;
 font-size: 2.4rem;
 margin-bottom: 20px;
 background-color: #20427b;
 padding: 10px 0;
}
@media screen and (min-width: 640px) {
 #single-works
  .p_single-works__container__column__comment
  .p_single-works__container__column__heading,
 #single-works
  .p_single-works__container__column__overview
  .p_single-works__container__column__heading {
  margin-bottom: 30px;
 }
}
@media screen and (min-width: 768px) {
 #single-works
  .p_single-works__container__column__comment
  .p_single-works__container__column__heading,
 #single-works
  .p_single-works__container__column__overview
  .p_single-works__container__column__heading {
  font-size: 2.8rem;
 }
}
@media screen and (min-width: 1024px) {
 #single-works
  .p_single-works__container__column__comment
  .p_single-works__container__column__heading,
 #single-works
  .p_single-works__container__column__overview
  .p_single-works__container__column__heading {
  font-size: 3.2rem;
  margin-bottom: 40px;
 }
}
#single-works .p_single-works__container__column__comment__text .paragraphs p {
 line-height: 2.4em;
 color: #fff;
}
#single-works
 .p_single-works__container__column__comment__text
 .paragraphs
 p:not(:first-child) {
 margin-top: 15px;
}
#single-works .p_single-works__container__column__overview {
 margin-top: 50px;
}
@media screen and (min-width: 768px) {
 #single-works .p_single-works__container__column__overview {
  margin-top: 0;
  margin-right: 0;
 }
}
#single-works .p_single-works__container__column__overview__list dl {
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
}
@media screen and (min-width: 640px) {
 #single-works .p_single-works__container__column__overview__list dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
 }
}
#single-works .p_single-works__container__column__overview__list dl:last-child {
 border-bottom: 1px solid #ccc;
}
#single-works .p_single-works__container__column__overview__list dl dt,
#single-works .p_single-works__container__column__overview__list dl dd {
 padding: 20px;
}
#single-works .p_single-works__container__column__overview__list dl dt {
 font-weight: bold;
 background: #20427b;
 color: #fff;
}
@media screen and (min-width: 640px) {
 #single-works .p_single-works__container__column__overview__list dl dt {
  width: 150px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
 }
}
#single-works .p_single-works__container__column__overview__list dl dd {
 border-top: 1px solid #ccc;
 line-height: 1.6em;
 color: #fff;
}
@media screen and (min-width: 640px) {
 #single-works .p_single-works__container__column__overview__list dl dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-top: none;
  border-left: 1px solid #ccc;
 }
}
#single-works
 .p_single-works__container__column__overview__list
 dl
 dd
 ul
 li:not(:first-child) {
 margin-top: 10px;
}
#single-works .p_single-works__container__sliderList {
 margin-top: 50px;
}
@media screen and (min-width: 768px) {
 #single-works .p_single-works__container__sliderList {
  margin-top: 80px;
 }
}
#single-works .p_single-works__container__sliderList__heading {
 color: #20427b;
 font-size: 2.4rem;
 margin-bottom: 20px;
}
@media screen and (min-width: 640px) {
 #single-works .p_single-works__container__sliderList__heading {
  margin-bottom: 30px;
 }
}
@media screen and (min-width: 768px) {
 #single-works .p_single-works__container__sliderList__heading {
  font-size: 2.8rem;
 }
}
@media screen and (min-width: 1024px) {
 #single-works .p_single-works__container__sliderList__heading {
  font-size: 3.2rem;
  margin-bottom: 40px;
 }
}
#single-works
 .p_single-works__container__sliderList
 .swiper-wrapper
 .swiper-slide
 a {
 display: block;
 color: #000;
}
#single-works
 .p_single-works__container__sliderList
 .swiper-wrapper
 .swiper-slide
 a
 .block__img {
 position: relative;
 overflow: hidden;
 padding-bottom: 66.6%;
}
#single-works
 .p_single-works__container__sliderList
 .swiper-wrapper
 .swiper-slide
 a
 .block__img
 img {
 position: absolute;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 min-width: 100%;
 min-height: 100%;
 -o-object-fit: cover;
 object-fit: cover;
 font-family: "object-fit: cover;";
}
#single-works
 .p_single-works__container__sliderList
 .swiper-wrapper
 .swiper-slide
 a
 .block__text {
 position: relative;
 background: #fff;
 padding: 20px 25px 25px;
 border-bottom: 1px solid #20427b;
 border-left: 1px solid #20427b;
 border-right: 1px solid #20427b;
}
#single-works
 .p_single-works__container__sliderList
 .swiper-wrapper
 .swiper-slide
 a
 .block__text:after {
 position: absolute;
 bottom: 20px;
 right: 25px;
 content: "";
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 color: #20427b;
 font-size: 2rem;
}
#single-works
 .p_single-works__container__sliderList
 .swiper-wrapper
 .swiper-slide
 a
 .block__text__heading {
 font-weight: 900;
 line-height: 1.6em;
 font-size: 1.6rem;
}
#single-works
 .p_single-works__container__sliderList
 .swiper-wrapper
 .swiper-slide
 a
 .block__text__metaList {
 margin-top: 15px;
}
#single-works
 .p_single-works__container__sliderList
 .swiper-wrapper
 .swiper-slide
 a
 .block__text__metaList
 dl {
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 font-size: 1.4rem;
}
#single-works
 .p_single-works__container__sliderList
 .swiper-wrapper
 .swiper-slide
 a
 .block__text__metaList
 dl:not(:first-child) {
 margin-top: 15px;
}
#single-works
 .p_single-works__container__sliderList
 .swiper-wrapper
 .swiper-slide
 a
 .block__text__metaList
 dl
 dt {
 width: 70px;
 margin-right: 10px;
}
#single-works
 .p_single-works__container__sliderList
 .swiper-wrapper
 .swiper-slide
 a
 .block__text__metaList
 dl
 dd {
 position: relative;
 -webkit-box-flex: 1;
 -ms-flex: 1;
 flex: 1;
 padding-left: 15px;
}
#single-works
 .p_single-works__container__sliderList
 .swiper-wrapper
 .swiper-slide
 a
 .block__text__metaList
 dl
 dd:before {
 position: absolute;
 top: -2px;
 left: 0;
 content: ":";
}
#single-works
 .p_single-works__container__sliderList
 .swiper-wrapper
 .swiper-slide
 a
 .block__text__metaList
 dl
 dd
 ul {
 margin-top: -10px;
 display: -webkit-box;
 display: -ms-flexbox;
 display: flex;
 -ms-flex-wrap: wrap;
 flex-wrap: wrap;
}
#single-works
 .p_single-works__container__sliderList
 .swiper-wrapper
 .swiper-slide
 a
 .block__text__metaList
 dl
 dd
 ul
 li {
 position: relative;
 margin-top: 10px;
}
#single-works
 .p_single-works__container__sliderList
 .swiper-wrapper
 .swiper-slide
 a
 .block__text__metaList
 dl
 dd
 ul
 li:not(:last-child) {
 margin-right: 15px;
}
#single-works
 .p_single-works__container__sliderList
 .swiper-wrapper
 .swiper-slide
 a
 .block__text__metaList
 dl
 dd
 ul
 li:not(:last-child):after {
 content: "、";
 position: absolute;
 bottom: 0;
 right: -15px;
}
#single-works .p_single-works__container__sliderList .arrow .swiper-button-next,
#single-works
 .p_single-works__container__sliderList
 .arrow
 .swiper-button-prev {
 width: 40px;
 height: 40px;
 background-size: 40px 40px;
 margin-top: -20px;
}
#single-works
 .p_single-works__container__sliderList
 .arrow
 .swiper-button-next:after,
#single-works
 .p_single-works__container__sliderList
 .arrow
 .swiper-button-prev:after {
 display: none;
}
#single-works
 .p_single-works__container__sliderList
 .arrow
 .swiper-button-next {
 background-image: url("../../images/common/slide_arrow.svg");
 -webkit-transform: scale(-1, 1);
 transform: scale(-1, 1);
}
#single-works
 .p_single-works__container__sliderList
 .arrow
 .swiper-button-prev {
 background-image: url("../../images/common/slide_arrow.svg");
}