@charset "UTF-8";
/* ============================================
  コンポーネント
============================================ */
.c-sns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0 20px;
}
@media screen and (max-width: 1279px) {
  .c-sns {
    gap: 0 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sns {
    gap: 0 5.3333333333vw;
  }
}
.c-sns__link {
  display: block;
  width: 43px;
  height: 43px;
  background-color: #f6f6f6;
  border-radius: 50vh;
  position: relative;
  -webkit-transition: 0.5s background-color;
  transition: 0.5s background-color;
}
@media screen and (max-width: 767px) {
  .c-sns__link {
    width: 11.4666666667vw;
    height: 11.4666666667vw;
  }
}
.c-sns__link:before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  display: block;
  background-color: #5b5657;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-transition: 0.5s background-color;
  transition: 0.5s background-color;
}
.c-sns__link.-facebook:before {
  -webkit-mask-image: url("../media/icon/icon-facebook.svg");
          mask-image: url("../media/icon/icon-facebook.svg");
  width: 13px;
}
@media screen and (max-width: 1279px) {
  .c-sns__link.-facebook:before {
    width: 1.015625vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sns__link.-facebook:before {
    width: 3.4666666667vw;
  }
}
.c-sns__link.-x:before {
  -webkit-mask-image: url("../media/icon/icon-x.svg");
          mask-image: url("../media/icon/icon-x.svg");
  width: 22px;
}
@media screen and (max-width: 1279px) {
  .c-sns__link.-x:before {
    width: 1.71875vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sns__link.-x:before {
    width: 5.8666666667vw;
  }
}
.c-sns__link.-in:before {
  -webkit-mask-image: url("../media/icon/icon-in.svg");
          mask-image: url("../media/icon/icon-in.svg");
  width: 18px;
}
@media screen and (max-width: 1279px) {
  .c-sns__link.-in:before {
    width: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sns__link.-in:before {
    width: 4.8vw;
  }
}
.c-sns__link.-link:before {
  -webkit-mask-image: url("../media/icon/icon-link.svg");
          mask-image: url("../media/icon/icon-link.svg");
  width: 17px;
}
@media screen and (max-width: 1279px) {
  .c-sns__link.-link:before {
    width: 1.328125vw;
  }
}
@media screen and (max-width: 767px) {
  .c-sns__link.-link:before {
    width: 4.5333333333vw;
  }
}
.c-sns__link:hover {
  background: #5b5657;
}
.c-sns__link:hover:before {
  background: #f6f6f6;
}

.c-list__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 83px 10px 1fr;
  grid-template-columns: 83px 1fr;
  gap: 10px;
  padding: 13px 0;
}
@media screen and (max-width: 767px) {
  .c-list__item {
    display: block;
    padding: 3.2vw 0;
  }
}
.c-list__item + .c-list__item {
  border-top: 1px solid #e5e4e4;
}
.c-list__ttl {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.625;
  color: #A41A55;
}
@media screen and (max-width: 767px) {
  .c-list__ttl {
    font-size: 4.2666666667vw;
  }
}
.c-list__txt {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.625;
  color: #5b5657;
}
@media screen and (max-width: 767px) {
  .c-list__txt {
    margin-top: 1.8666666667vw;
    font-size: 4.2666666667vw;
  }
}

.c-information__cont + .c-information__cont {
  margin-top: 48px;
}
@media screen and (max-width: 1279px) {
  .c-information__cont + .c-information__cont {
    margin-top: 3.75vw;
  }
}
@media screen and (max-width: 767px) {
  .c-information__cont + .c-information__cont {
    margin-top: 10.1333333333vw;
  }
}
.c-information__ttl {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.625;
  color: #A41A55;
}
@media screen and (max-width: 767px) {
  .c-information__ttl {
    font-size: 4.2666666667vw;
  }
}
.c-information__cont-inr {
  margin-top: 18px;
}
@media screen and (max-width: 1279px) {
  .c-information__cont-inr {
    margin-top: 1.40625vw;
  }
}
@media screen and (max-width: 767px) {
  .c-information__cont-inr {
    margin-top: 4.8vw;
  }
}
.c-information__cont-inr.-award {
  margin-top: 16px;
}
@media screen and (max-width: 1279px) {
  .c-information__cont-inr.-award {
    margin-top: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .c-information__cont-inr.-award {
    margin-top: 4.2666666667vw;
  }
}
.c-information__cont-inr.-author {
  margin-top: 16px;
}
@media screen and (max-width: 1279px) {
  .c-information__cont-inr.-author {
    margin-top: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .c-information__cont-inr.-author {
    margin-top: 4.2666666667vw;
  }
}
.c-information__cont-inr.-link {
  margin-top: 10px;
}
@media screen and (max-width: 1279px) {
  .c-information__cont-inr.-link {
    margin-top: 2.6666666667vw;
  }
}
@media screen and (max-width: 1279px) and (max-width: 767px) {
  .c-information__cont-inr.-link {
    margin-top: 2.6666666667vw;
  }
}
.c-information__cont-inr.-share {
  margin-top: 11px;
}
@media screen and (max-width: 1279px) {
  .c-information__cont-inr.-share {
    margin-top: 0.859375vw;
  }
}
@media screen and (max-width: 767px) {
  .c-information__cont-inr.-share {
    margin-top: 4vw;
  }
}
.c-information__tag-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px;
}
@media screen and (max-width: 1279px) {
  .c-information__tag-wrap {
    gap: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .c-information__tag-wrap {
    gap: 2.6666666667vw;
  }
}
.c-information__tag-wrap + .c-information__tag-wrap {
  margin-top: 10px;
}
@media screen and (max-width: 1279px) {
  .c-information__tag-wrap + .c-information__tag-wrap {
    margin-top: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .c-information__tag-wrap + .c-information__tag-wrap {
    margin-top: 2.6666666667vw;
  }
}
.c-information__tag {
  display: inline-block;
  min-width: 82px;
  height: 38px;
  font-size: 16px;
  font-weight: 400;
  padding: 0 21px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  color: #5b5657;
  background-color: #f6f6f6;
  border-radius: 50vh;
  -webkit-transition: 0.5s background-color, 0.5s color;
  transition: 0.5s background-color, 0.5s color;
}
@media screen and (max-width: 767px) {
  .c-information__tag {
    min-width: 21.8666666667vw;
    height: 10.1333333333vw;
    font-size: 4.2666666667vw;
    padding: 0 5.6vw;
  }
}
.c-information__tag:hover {
  background-color: #5b5657;
  color: #ffffff;
}
.c-information__tag.-ex-link {
  border-radius: 10px;
}
@media screen and (max-width: 1279px) {
  .c-information__tag.-ex-link {
    border-radius: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .c-information__tag.-ex-link {
    border-radius: 2.6666666667vw;
  }
}
.c-information__award {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  color: #5b5657;
}
@media screen and (max-width: 767px) {
  .c-information__award {
    font-size: 4.2666666667vw;
  }
}
.c-information__author {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  color: #5b5657;
}
@media screen and (max-width: 767px) {
  .c-information__author {
    font-size: 4.2666666667vw;
  }
}

/* ============================================
  作品紹介 - works
============================================ */
#works #s-works {
  padding-bottom: 200px;
}
@media screen and (max-width: 1279px) {
  #works #s-works {
    padding-bottom: 15.625vw;
  }
}
@media screen and (max-width: 767px) {
  #works #s-works {
    padding-top: 12.2666666667vw;
    padding-bottom: 26.6666666667vw;
  }
}
#works .c-btn {
  margin-top: 92px;
}
@media screen and (max-width: 1279px) {
  #works .c-btn {
    margin-top: 7.1875vw;
  }
}
@media screen and (max-width: 767px) {
  #works .c-btn {
    margin-top: 24.5333333333vw;
  }
}
#works .c-detail {
  margin-top: 50px;
}
@media screen and (max-width: 1279px) {
  #works .c-detail {
    margin-top: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  #works .c-detail {
    margin-top: 13.3333333333vw;
  }
}

/* ============================================
  作品紹介詳細 - works-detail
============================================ */
#works-detail #s-works-detail {
  padding-bottom: 200px;
}
@media screen and (max-width: 1279px) {
  #works-detail #s-works-detail {
    padding-bottom: 15.625vw;
  }
}
@media screen and (max-width: 767px) {
  #works-detail #s-works-detail {
    padding-top: 12.2666666667vw;
    padding-bottom: 26.6666666667vw;
  }
}
#works-detail .c-page-ttl + .c-sub-ttl {
  margin-top: 7px;
}
@media screen and (max-width: 1279px) {
  #works-detail .c-page-ttl + .c-sub-ttl {
    margin-top: 0.546875vw;
  }
}
@media screen and (max-width: 767px) {
  #works-detail .c-page-ttl + .c-sub-ttl {
    margin-top: 1.3333333333vw;
  }
}
#works-detail .c-btn {
  margin-top: 99px;
}
@media screen and (max-width: 1279px) {
  #works-detail .c-btn {
    margin-top: 7.734375vw;
  }
}
@media screen and (max-width: 767px) {
  #works-detail .c-btn {
    margin-top: 11.4666666667vw;
  }
}
#works-detail .c-txt {
  color: #5b5657;
}
#works-detail .c-list {
  margin-top: 34px;
}
@media screen and (max-width: 1279px) {
  #works-detail .c-list {
    margin-top: 2.65625vw;
  }
}
@media screen and (max-width: 767px) {
  #works-detail .c-list {
    margin-top: 3.7333333333vw;
  }
}
#works-detail .l-slide-cont {
  margin-top: 200px;
}
@media screen and (max-width: 1279px) {
  #works-detail .l-slide-cont {
    margin-top: 15.625vw;
  }
}
@media screen and (max-width: 767px) {
  #works-detail .l-slide-cont {
    margin-top: 26.6666666667vw;
  }
}
#works-detail .c-card-slide {
  margin-top: 50px;
}
@media screen and (max-width: 1279px) {
  #works-detail .c-card-slide {
    margin-top: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  #works-detail .c-card-slide {
    margin-top: 8vw;
  }
}
@media screen and (max-width: 767px) {
  #works-detail .c-card-slide {
    padding-bottom: 0px !important;
  }
  #works-detail .c-card-slide .swiper-button-prev,
  #works-detail .c-card-slide .swiper-button-next {
    display: none !important;
  }
}
#works-detail .p-works-detail-thumb {
  margin-top: 73px;
  width: 100%;
  max-height: 900px;
}
@media screen and (max-width: 1279px) {
  #works-detail .p-works-detail-thumb {
    margin-top: 5.703125vw;
    max-height: 70.3125vw;
  }
}
@media screen and (max-width: 767px) {
  #works-detail .p-works-detail-thumb {
    margin-top: 13.0666666667vw;
  }
}
#works-detail .p-works-detail-thumb__img,
#works-detail .p-works-detail-thumb img {
  display: block;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  max-height: 852px;
}
@media screen and (max-width: 1279px) {
  #works-detail .p-works-detail-thumb__img,
  #works-detail .p-works-detail-thumb img {
    max-height: 66.5625vw;
  }
}
#works-detail .p-works-detail {
  margin-top: 60px;
}
@media screen and (max-width: 1279px) {
  #works-detail .p-works-detail {
    margin-top: 4.6875vw;
  }
}
@media screen and (max-width: 767px) {
  #works-detail .p-works-detail {
    margin-top: 5.6vw;
  }
}
#works-detail .p-works-detail__inr {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 528px 123px 1fr;
  grid-template-columns: 528px 1fr;
  gap: 0 123px;
  margin-top: 44px;
}
@media screen and (max-width: 1279px) {
  #works-detail .p-works-detail__inr {
    -ms-grid-columns: 1fr 40px 300px;
    grid-template-columns: 1fr 300px;
    gap: 0 40px;
  }
}
@media screen and (max-width: 767px) {
  #works-detail .p-works-detail__inr {
    display: block;
    margin-top: 28px;
  }
}
#works-detail .p-works-detail__cont.-main {
  padding-top: 5px;
}
@media screen and (max-width: 1279px) {
  #works-detail .p-works-detail__cont.-main {
    padding-top: 0.390625vw;
  }
}
@media screen and (max-width: 767px) {
  #works-detail .p-works-detail__cont.-sub {
    margin-top: 9.6vw;
  }
}
#works-detail .p-works-detail__img-group {
  margin-top: 100px;
}
@media screen and (max-width: 1279px) {
  #works-detail .p-works-detail__img-group {
    margin-top: 7.8125vw;
  }
}
@media screen and (max-width: 767px) {
  #works-detail .p-works-detail__img-group {
    margin-top: 13.3333333333vw;
  }
}
#works-detail .p-works-detail__img-wrap {
  background-color: #f6f6f6;
  text-align: center;
}
#works-detail .p-works-detail__img-wrap + .p-works-detail__img-wrap {
  margin-top: 50px;
}
@media screen and (max-width: 1279px) {
  #works-detail .p-works-detail__img-wrap + .p-works-detail__img-wrap {
    margin-top: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  #works-detail .p-works-detail__img-wrap + .p-works-detail__img-wrap {
    margin-top: 5.8666666667vw;
  }
}
#works-detail .p-works-detail__img-wrap img {
  max-height: 772px;
  -o-object-fit: contain;
     object-fit: contain;
  display: inline-block;
}
@media screen and (max-width: 1279px) {
  #works-detail .p-works-detail__img-wrap img {
    max-height: 60.3125vw;
  }
}
@media screen and (max-width: 767px) {
  #works-detail .p-works-detail__img-wrap img {
    max-height: 61.8666666667vw;
  }
}
/* ============================================
  アプローチ - approach
============================================ */
#approach #s-approach {
  padding-bottom: 200px;
}
@media screen and (max-width: 1279px) {
  #approach #s-approach {
    padding-bottom: 15.625vw;
  }
}
@media screen and (max-width: 767px) {
  #approach #s-approach {
    padding-top: 12.2666666667vw;
    padding-bottom: 10.6666666667vw;
  }
}
#approach .c-page-ttl + .c-txt {
  margin-top: 32px;
}
@media screen and (max-width: 1279px) {
  #approach .c-page-ttl + .c-txt {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  #approach .c-page-ttl + .c-txt {
    margin-top: 12vw;
  }
}
#approach .p-approach {
  margin-top: 98px;
}
@media screen and (max-width: 1279px) {
  #approach .p-approach {
    margin-top: 7.65625vw;
  }
}
@media screen and (max-width: 767px) {
  #approach .p-approach {
    margin-top: 12.8vw;
  }
}
#approach .p-approach__kv {
  margin-top: 50px;
}
@media screen and (max-width: 1279px) {
  #approach .p-approach__kv {
    margin-top: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  #approach .p-approach__kv {
    margin-top: 5.3333333333vw;
    aspect-ratio: 326/143;
  }
}
#approach .p-approach__kv + .c-txt {
  margin-top: 46px;
}
@media screen and (max-width: 1279px) {
  #approach .p-approach__kv + .c-txt {
    margin-top: 3.59375vw;
  }
}
@media screen and (max-width: 767px) {
  #approach .p-approach__kv + .c-txt {
    margin-top: 13.0666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #approach .p-approach__kv-img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
#approach .p-approach-list {
  margin-top: 98px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 100px 30px;
}
@media screen and (max-width: 1279px) {
  #approach .p-approach-list {
    margin-top: 7.65625vw;
    gap: 7.8125vw 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  #approach .p-approach-list {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    margin-top: 12.8vw;
    gap: 12.8vw 0;
  }
}
#approach .p-approach-list__item {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#approach .p-approach-list__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#approach .p-approach-list__img {
  width: 100%;
  display: inline-block;
  aspect-ratio: 326/204;
  -o-object-fit: cover;
     object-fit: cover;
}
#approach .p-approach-list__ttl {
  font-size: 18px;
  font-weight: 400;
  margin-top: 17px;
  line-height: 1.5555555556;
}
@media screen and (max-width: 767px) {
  #approach .p-approach-list__ttl {
    font-size: 4.8vw;
    margin-top: 5.0666666667vw;
  }
}
#approach .p-approach-list__txt {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.625;
  margin-top: 14px;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  #approach .p-approach-list__txt {
    font-size: 4.2666666667vw;
    margin-top: 4.2666666667vw;
    margin-bottom: 5.3333333333vw;
  }
}
#approach .p-approach-list__btn-wrap {
  margin-top: auto;
}

/* ============================================
  対話力は設計力 - factbook
============================================ */
#factbook #s-factbook {
  padding-bottom: 200px;
}
@media screen and (max-width: 1279px) {
  #factbook #s-factbook {
    padding-bottom: 15.625vw;
  }
}
@media screen and (max-width: 767px) {
  #factbook #s-factbook {
    padding-top: 12.2666666667vw;
    padding-bottom: 26.6666666667vw;
  }
}
#factbook .c-page-ttl + .c-txt {
  margin-top: 32px;
}
@media screen and (max-width: 1279px) {
  #factbook .c-page-ttl + .c-txt {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  #factbook .c-page-ttl + .c-txt {
    margin-top: 12vw;
  }
}
#factbook .c-media {
  margin-top: 100px;
}
@media screen and (max-width: 1279px) {
  #factbook .c-media {
    margin-top: 7.8125vw;
  }
}
@media screen and (max-width: 767px) {
  #factbook .c-media {
    margin-top: 3.75vw;
  }
}
#factbook .c-detail {
  margin-top: 100px;
}
@media screen and (max-width: 1279px) {
  #factbook .c-detail {
    margin-top: 7.8125vw;
  }
}
@media screen and (max-width: 767px) {
  #factbook .c-detail {
    margin-top: 13.3333333333vw;
  }
}
#factbook .c-detail + .c-btn {
  margin-top: 96px;
}
@media screen and (max-width: 1279px) {
  #factbook .c-detail + .c-btn {
    margin-top: 7.5vw;
  }
}
@media screen and (max-width: 767px) {
  #factbook .c-detail + .c-btn {
    margin-top: 25.6vw;
  }
}

/* ============================================
  利用規約 - terms-and-conditions.
============================================ */
#terms-and-conditions #s-terms-and-conditions {
  padding-bottom: 200px;
}
@media screen and (max-width: 1279px) {
  #terms-and-conditions #s-terms-and-conditions {
    padding-bottom: 15.625vw;
  }
}
@media screen and (max-width: 767px) {
  #terms-and-conditions #s-terms-and-conditions {
    padding-top: 12.2666666667vw;
    padding-bottom: 14.1333333333vw;
  }
}
#terms-and-conditions .c-page-ttl + .c-txt {
  margin-top: 32px;
}
@media screen and (max-width: 1279px) {
  #terms-and-conditions .c-page-ttl + .c-txt {
    margin-top: 2.5vw;
  }
}
@media screen and (max-width: 767px) {
  #terms-and-conditions .c-page-ttl + .c-txt {
    margin-top: 12vw;
  }
}
#terms-and-conditions .c-sub-ttl + .c-txt {
  margin-top: 49px;
}
@media screen and (max-width: 1279px) {
  #terms-and-conditions .c-sub-ttl + .c-txt {
    margin-top: 3.828125vw;
  }
}
@media screen and (max-width: 767px) {
  #terms-and-conditions .c-sub-ttl + .c-txt {
    margin-top: 7.7333333333vw;
  }
}
#terms-and-conditions .c-txt + .c-sub-ttl {
  margin-top: 99px;
}
@media screen and (max-width: 1279px) {
  #terms-and-conditions .c-txt + .c-sub-ttl {
    margin-top: 7.734375vw;
  }
}
@media screen and (max-width: 767px) {
  #terms-and-conditions .c-txt + .c-sub-ttl {
    margin-top: 12.8vw;
  }
}

/* ============================================
  ニュース - #news
============================================ */
#s-news {
  padding-bottom: 200px;
}
@media screen and (max-width: 1279px) {
  #s-news {
    padding-bottom: 15.625vw;
  }
}
@media screen and (max-width: 767px) {
  #s-news {
    padding-top: 12.2666666667vw;
    padding-bottom: 26.6666666667vw;
  }
}

.c-news-list {
  margin-top: 37px;
}

.c-btn {
  margin-top: 82px;
}
@media only screen and (max-width: 767px) {
  .c-btn {
    margin-top: 40px;
  }
}

.news_section .cmn_elementBox {
  margin-bottom: 0 !important;
}

/* ============================================
  ライブラリー - #library
============================================ */
.p-library-video__img-wrap img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

#library #s-library {
  padding-bottom: 200px;
}
@media screen and (max-width: 1279px) {
  #library #s-library {
    padding-bottom: 15.625vw;
  }
}
@media screen and (max-width: 767px) {
  #library #s-library {
    padding-top: 12.2666666667vw;
    padding-bottom: 26.6666666667vw;
  }
}
#library .p-library-menu {
  margin-top: 41px;
}
@media screen and (max-width: 1279px) {
  #library .p-library-menu {
    margin-top: 3.203125vw;
  }
}
@media screen and (max-width: 767px) {
  #library .p-library-menu {
    margin-top: 9.3333333333vw;
  }
}
#library .p-library-menu__inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px;
}
@media screen and (max-width: 1279px) {
  #library .p-library-menu__inr {
    gap: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  #library .p-library-menu__inr {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 5.0666666667vw 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 4.8vw 5.0666666667vw;
  }
}
#library .p-library-menu__item {
  cursor: pointer;
  background-color: #f6f6f6;
  color: #5b5657;
  border-radius: 10px;
  width: 156px;
  height: 38px;
  font-size: 16px;
  line-height: 1.625;
  font-weight: 400;
  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;
  -webkit-transition: 0.5s background-color, 0.5s color;
  transition: 0.5s background-color, 0.5s color;
}
@media screen and (max-width: 1279px) {
  #library .p-library-menu__item {
    border-radius: 0.78125vw;
    padding: 0 10px;
  }
}
@media screen and (max-width: 767px) {
  #library .p-library-menu__item {
    width: auto;
    height: 10.1333333333vw;
    font-size: 4.2666666667vw;
    border-radius: 2.6666666667vw;
  }
}
#library .p-library-menu__item:hover {
  background-color: #e5e4e4;
}
#library .p-library-menu__item.-active {
  background-color: #5b5657;
  color: #ffffff;
}
#library .p-library-tab {
  margin-top: 50px;
}
@media screen and (max-width: 1279px) {
  #library .p-library-tab {
    margin-top: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  #library .p-library-tab {
    margin-top: 13.3333333333vw;
  }
}
#library .p-library.-no-link-icon .p-library__link:before {
  display: none !important;
}
#library .p-library__inr {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media screen and (max-width: 1279px) {
  #library .p-library__inr {
    gap: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  #library .p-library__inr {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 5.3333333333vw;
  }
}
#library .p-library__link {
  background-color: #f6f6f6;
  padding: 20px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 229px 30px 1fr;
  grid-template-columns: 229px 1fr;
  gap: 0 30px;
  height: 100%;
  position: relative;
  -webkit-transition: 0.5s background-color;
  transition: 0.5s background-color;
}
@media screen and (max-width: 1279px) {
  #library .p-library__link {
    padding: 1.5625vw;
    -ms-grid-columns: 17.890625vw 2.34375vw 1fr;
    grid-template-columns: 17.890625vw 1fr;
    gap: 0 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  #library .p-library__link {
    padding: 5.3333333333vw 26.6666666667vw 5.3333333333vw 5.3333333333vw;
    display: block;
    gap: 0;
  }
}
#library .p-library__link:before {
  content: "";
  background-image: url("../media/icon/c-news-list__document.svg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  bottom: 20px;
  right: 20px;
  -webkit-transition: 0.5s background-image;
  transition: 0.5s background-image;
}
@media screen and (max-width: 767px) {
  #library .p-library__link:before {
    width: 8.5333333333vw;
    height: 8.5333333333vw;
    bottom: inherit;
    top: 5.3333333333vw;
    right: 5.3333333333vw;
  }
}
#library .p-library__link:hover {
  background-color: #e5e4e4;
}
#library .p-library__link:hover:before {
  background-image: url("../media/icon/c-news-list__document-hover.svg");
}
#library .p-library__link:hover .p-library__img {
  opacity: 1 !important;
}
#library .p-library__link.--none {
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  #library .p-library__link.--none {
    padding: 5.3333333333vw;
  }
}
#library .p-library__img-wrap {
  aspect-ratio: 1/1;
}
@media screen and (max-width: 767px) {
  #library .p-library__img-wrap {
    aspect-ratio: inherit;
  }
}
#library .p-library__img {
  max-height: 229px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: left;
     object-position: left;
}
@media screen and (max-width: 1279px) {
  #library .p-library__img {
    max-height: 17.890625vw;
  }
}
@media screen and (max-width: 767px) {
  #library .p-library__img {
    display: block;
    max-height: 50.6666666667vw;
    width: auto;
    min-width: 50.6666666667vw;
    height: auto;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: left;
       object-position: left;
  }
}
#library .p-library__ttl {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5555555556;
  color: #5b5657;
}
@media screen and (max-width: 1279px) {
  #library .p-library__ttl {
    font-size: 16px;
  }
}
@media screen and (max-width: 767px) {
  #library .p-library__ttl {
    font-size: 4.2666666667vw;
    line-height: 1.625;
    margin-top: 5.3333333333vw;
  }
}
#library .p-library__txt {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7142857143;
  color: #b1aeaf;
  margin-top: 6px;
}
@media screen and (max-width: 767px) {
  #library .p-library__txt {
    font-size: 3.7333333333vw;
    margin-top: 1.6vw;
  }
}
#library .p-library__txt + .p-library__txt {
  margin-top: 0;
}
#library .p-library-video__inr {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 46px 30px;
}
@media screen and (max-width: 1279px) {
  #library .p-library-video__inr {
    gap: 3.59375vw 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  #library .p-library-video__inr {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 10.6666666667vw 0;
  }
}
#library .p-library-video__link:hover .p-library-video__img {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
#library .p-library-video__img-wrap {
  overflow: hidden;
  position: relative;
  z-index: 1;
}
#library .p-library-video__img {
  aspect-ratio: 342/193;
  width: 100%;
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transition: -webkit-transform 0.5s;
  transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
  transition: transform 0.5s, -webkit-transform 0.5s;
  opacity: 1 !important;
}
#library .p-library-video__ttl {
  margin-top: 20px;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5555555556;
  color: #5b5657;
}
@media screen and (max-width: 1279px) {
  #library .p-library-video__ttl {
    font-size: 16px;
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  #library .p-library-video__ttl {
    font-size: 4.2666666667vw;
    line-height: 1.625;
    margin-top: 5.3333333333vw;
  }
}

/* ============================================
  アクセス - #access
============================================ */
#access #s-access {
  padding-bottom: 200px;
}
@media screen and (max-width: 1279px) {
  #access #s-access {
    padding-bottom: 15.625vw;
  }
}
@media screen and (max-width: 767px) {
  #access #s-access {
    padding-top: 12.2666666667vw;
    padding-bottom: 26.6666666667vw;
  }
}
#access .c-page-ttl + .c-sub-ttl {
  margin-top: 41px;
}
@media screen and (max-width: 1279px) {
  #access .c-page-ttl + .c-sub-ttl {
    margin-top: 3.203125vw;
  }
}
@media screen and (max-width: 767px) {
  #access .c-page-ttl + .c-sub-ttl {
    margin-top: 12.2666666667vw;
  }
}
#access .p-access-list {
  margin-top: 31px;
}
@media screen and (max-width: 1279px) {
  #access .p-access-list {
    margin-top: 2.421875vw;
  }
}
@media screen and (max-width: 767px) {
  #access .p-access-list {
    margin-top: 8vw;
  }
}
#access .p-access-list + .c-sub-ttl {
  margin-top: 64px;
}
@media screen and (max-width: 1279px) {
  #access .p-access-list + .c-sub-ttl {
    margin-top: 5vw;
  }
}
@media screen and (max-width: 767px) {
  #access .p-access-list + .c-sub-ttl {
    margin-top: 13.0666666667vw;
  }
}
#access .p-access-list__item {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 415px 50px 1fr;
  grid-template-columns: 415px 1fr;
  gap: 0 50px;
  padding: 18px 0 19px;
  border-radius: 10px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.5s background-color;
  transition: 0.5s background-color;
  position: relative;
}
@media screen and (max-width: 1279px) {
  #access .p-access-list__item {
    -ms-grid-columns: 32.421875vw 3.90625vw 1fr;
    grid-template-columns: 32.421875vw 1fr;
    gap: 0 3.90625vw;
    padding: 1.40625vw 0 1.484375vw;
    border-radius: 0.78125vw;
    padding-right: 1.484375vw;
    padding-left: 1.484375vw;
  }
}
@media screen and (max-width: 767px) {
  #access .p-access-list__item {
    display: block;
    padding: 2.4vw;
    border-radius: 2.6666666667vw;
    background-color: #f6f6f6;
  }
}
@media screen and (max-width: 767px) {
  #access .p-access-list__item + .p-access-list__item {
    margin-top: 5.0666666667vw !important;
  }
  #access .p-access-list__item + .p-access-list__item.-no-txt {
    margin-top: 4vw !important;
  }
}
@media screen and (max-width: 767px) {
  #access .p-access-list__item.-hover {
    padding-right: 0;
  }
}
#access .p-access-list__item.-hover:hover {
  background-color: #f6f6f6;
}
#access .p-access-list__item.-hover:hover .p-access-list__icon.-map {
  background-image: url("../media/icon/icon-map-hover.svg");
}
#access .p-access-list__item.-hover:hover .p-access-list__icon.-link {
  background-image: url("../media/icon/icon-circle-link-hover.svg");
}
#access .p-access-list__item.-top {
  -webkit-box-align: first baseline;
      -ms-flex-align: first baseline;
          align-items: first baseline;
}
@media screen and (max-width: 767px) {
  #access .p-access-list__item.-top {
    background-color: white;
    border: 1px solid #e5e4e4;
  }
}
#access .p-access-list__item.-mt-wide {
  margin-top: 15px;
}
@media screen and (max-width: 1279px) {
  #access .p-access-list__item.-mt-wide {
    margin-top: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  #access .p-access-list__item.-mt-wide {
    margin-top: 0;
  }
}
#access .p-access-list__item.-mt-l-wide {
  margin-top: 27px;
}
@media screen and (max-width: 1279px) {
  #access .p-access-list__item.-mt-l-wide {
    margin-top: 2.109375vw;
  }
}
@media screen and (max-width: 767px) {
  #access .p-access-list__item.-mt-l-wide {
    margin-top: 0;
  }
}
#access .p-access-list__item.-pb0 {
  margin-bottom: 12px;
}
@media screen and (max-width: 1279px) {
  #access .p-access-list__item.-pb0 {
    margin-bottom: 0.9375vw;
  }
}
@media screen and (max-width: 767px) {
  #access .p-access-list__item.-pb0 {
    margin-bottom: 0;
  }
}
#access .p-access-list__item.-no-txt {
  -ms-grid-columns: 1fr 100px;
  grid-template-columns: 1fr 100px;
}
@media screen and (max-width: 1279px) {
  #access .p-access-list__item.-no-txt {
    -ms-grid-columns: 1fr 7.8125vw;
    grid-template-columns: 1fr 7.8125vw;
  }
}
@media screen and (max-width: 767px) {
  #access .p-access-list__item.-no-txt {
    padding: 3.4666666667vw 2.4vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #access .p-access-list__item.-no-txt.-hover {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #access .p-access-list__item.-no-txt.-hover .p-access-list__ttl {
    width: 100%;
    padding-right: 13.3333333333vw;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #access .p-access-list__item.-no-txt.-hover .p-access-list__icon {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
  }
}
#access .p-access-list__icon {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s background-image;
  transition: 0.3s background-image;
}
@media screen and (max-width: 1279px) {
  #access .p-access-list__icon {
    right: 0;
  }
}
@media screen and (max-width: 767px) {
  #access .p-access-list__icon {
    width: 8.5333333333vw;
    height: 8.5333333333vw;
    top: 2.6666666667vw;
    right: 2.6666666667vw;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
#access .p-access-list__icon.-map {
  background-image: url("../media/icon/icon-map.svg");
}
#access .p-access-list__icon.-link {
  background-image: url("../media/icon/icon-circle-link.svg");
}
#access .p-access-list__ttl {
  font-size: 18px;
  line-height: 1.5555555556;
  color: #A41A55;
  font-weight: 500;
  padding-left: 30px;
}
@media screen and (max-width: 1279px) {
  #access .p-access-list__ttl {
    font-size: 18px;
    padding-left: 0;
  }
}
@media screen and (max-width: 767px) {
  #access .p-access-list__ttl {
    font-size: 4.8vw;
    padding-left: 0;
  }
}
#access .p-access-list__contents {
  position: relative;
}
@media screen and (max-width: 767px) {
  #access .p-access-list__contents {
    margin-top: 1.8666666667vw;
  }
  #access .p-access-list__contents.-mt0 {
    margin-top: 0;
  }
}
#access .p-access-list__contents-txt {
  font-size: 18px;
  line-height: 1.5555555556;
  color: #5b5657;
  font-weight: 300;
  padding-right: 80px;
}
@media screen and (max-width: 1279px) {
  #access .p-access-list__contents-txt {
    padding-right: 6.25vw;
  }
}
@media screen and (max-width: 767px) {
  #access .p-access-list__contents-txt {
    padding-right: 13.3333333333vw;
    font-size: 4.8vw;
  }
}

/* ============================================
  検索フィルターパーツ
============================================ */
.p-news-filter {
  margin-top: 51px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1279px) {
  .p-news-filter {
    margin-top: 3.984375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-news-filter {
    margin-top: 9.6vw;
    display: block;
  }
}
.p-news-filter.-open .p-news-filter__trigger {
  background-color: #5b5657;
}
.p-news-filter.-open .p-news-filter__trigger:before {
  background-color: #ffffff;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.p-news-filter.-open .p-news-filter__trigger:after {
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  background-color: #ffffff;
}
.p-news-filter.-open .p-news-filter__trigger-txt {
  color: #ffffff;
}
.p-news-filter__trigger {
  display: inline-block;
  width: 164px;
  height: 38px;
  background-color: #f6f6f6;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
  position: relative;
  -webkit-transition: 0.5s background-color;
  transition: 0.5s background-color;
  cursor: pointer;
}
.p-news-filter__trigger + .p-news-filter__trigger {
  margin-left: 20px;
}
@media screen and (max-width: 1279px) {
  .p-news-filter__trigger + .p-news-filter__trigger {
    margin-left: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-news-filter__trigger + .p-news-filter__trigger {
    margin-left: 0;
    margin-top: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .p-news-filter__trigger {
    width: 100%;
    height: 10.1333333333vw;
    border-radius: 2.6666666667vw;
    padding: 0 2.6666666667vw;
  }
}
.p-news-filter__trigger.-works {
  width: 156px;
}
@media screen and (max-width: 767px) {
  .p-news-filter__trigger.-works {
    width: 100%;
  }
}
.p-news-filter__trigger:before, .p-news-filter__trigger:after {
  content: "";
  width: 14px;
  height: 1px;
  background: #5b5657;
  display: block;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 767px) {
  .p-news-filter__trigger:before, .p-news-filter__trigger:after {
    width: 3.7333333333vw;
    right: 2.6666666667vw;
  }
}
.p-news-filter__trigger:after {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}
.p-news-filter__trigger:hover {
  background-color: #b1aeaf;
}
.p-news-filter__trigger-txt {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  color: #5b5657;
  -webkit-transition: 0.5s #ffffff;
  transition: 0.5s #ffffff;
}
@media screen and (max-width: 767px) {
  .p-news-filter__trigger-txt {
    font-size: 4.2666666667vw;
  }
}
.p-news-filter__search-box {
  width: auto;
  display: inline-block;
  margin-left: 20px;
}
@media screen and (max-width: 1279px) {
  .p-news-filter__search-box {
    margin-left: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-news-filter__search-box {
    margin-left: 0px;
    margin-top: 2.6666666667vw;
    width: 100%;
  }
}
.p-news-filter__search-box input {
  padding: 0 10px;
  width: 259px;
  height: 38px;
  border-radius: 10px;
  background-color: #f6f6f6;
  display: block;
  font-size: 16px;
  line-height: 1;
  color: #5b5657;
  font-family: "M PLUS 1p";
  font-weight: 400;
}
@media screen and (max-width: 1279px) {
  .p-news-filter__search-box input {
    padding: 0 0.78125vw;
    width: 20.234375vw;
    height: 2.96875vw;
    border-radius: 0.78125vw;
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .p-news-filter__search-box input {
    padding: 0 2.6666666667vw;
    width: 100%;
    height: 10.1333333333vw;
    border-radius: 2.6666666667vw;
    font-size: 4.2666666667vw;
  }
}
.p-news-filter__search-box input::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 1;
  color: #b1aeaf;
  font-family: "M PLUS 1p";
  font-weight: 400;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}
.p-news-filter__search-box input::-moz-placeholder {
  font-size: 16px;
  line-height: 1;
  color: #b1aeaf;
  font-family: "M PLUS 1p";
  font-weight: 400;
  transform: rotate(0.05deg);
}
.p-news-filter__search-box input:-ms-input-placeholder {
  font-size: 16px;
  line-height: 1;
  color: #b1aeaf;
  font-family: "M PLUS 1p";
  font-weight: 400;
  transform: rotate(0.05deg);
}
.p-news-filter__search-box input::-ms-input-placeholder {
  font-size: 16px;
  line-height: 1;
  color: #b1aeaf;
  font-family: "M PLUS 1p";
  font-weight: 400;
  transform: rotate(0.05deg);
}
.p-news-filter__search-box input::placeholder {
  font-size: 16px;
  line-height: 1;
  color: #b1aeaf;
  font-family: "M PLUS 1p";
  font-weight: 400;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}
@media screen and (max-width: 1279px) {
  .p-news-filter__search-box input::-webkit-input-placeholder {
    font-size: 1.25vw;
  }
  .p-news-filter__search-box input::-moz-placeholder {
    font-size: 1.25vw;
  }
  .p-news-filter__search-box input:-ms-input-placeholder {
    font-size: 1.25vw;
  }
  .p-news-filter__search-box input::-ms-input-placeholder {
    font-size: 1.25vw;
  }
  .p-news-filter__search-box input::placeholder {
    font-size: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .p-news-filter__search-box input::-webkit-input-placeholder {
    font-size: 4.2666666667vw;
  }
  .p-news-filter__search-box input::-moz-placeholder {
    font-size: 4.2666666667vw;
  }
  .p-news-filter__search-box input:-ms-input-placeholder {
    font-size: 4.2666666667vw;
  }
  .p-news-filter__search-box input::-ms-input-placeholder {
    font-size: 4.2666666667vw;
  }
  .p-news-filter__search-box input::placeholder {
    font-size: 4.2666666667vw;
  }
}
.p-news-filter__box {
  background-color: #f6f6f6;
  border-radius: 10px;
  padding: 20px;
  min-width: 352px;
  position: absolute;
  top: calc(100% + 20px);
  left: 0;
  z-index: 100;
  display: none;
}
@media screen and (max-width: 1279px) {
  .p-news-filter__box {
    border-radius: 0.78125vw;
    padding: 1.5625vw;
    min-width: 27.5vw;
    top: calc(100% + 1.5625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-news-filter__box {
    min-width: auto;
    width: 100%;
    padding: 5.3333333333vw 4vw;
    top: 13.3333333333vw;
    border-radius: 2.6666666667vw;
  }
}
.p-news-filter__box.-works {
  width: 900px;
}
@media screen and (max-width: 1279px) {
  .p-news-filter__box.-works {
    width: 70.3125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-news-filter__box.-works {
    width: 100%;
  }
}
.p-news-filter__box.-works .p-news-filter__tag {
  width: auto;
  padding: 0 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media screen and (max-width: 1279px) {
  .p-news-filter__box.-works .p-news-filter__tag {
    padding: 0 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-news-filter__box.-works .p-news-filter__tag {
    padding: 0 2.6666666667vw;
  }
}
.p-news-filter__box-inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-news-filter__box-inr {
    display: block;
  }
}
.p-news-filter__box-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 16px;
}
@media screen and (max-width: 1279px) {
  .p-news-filter__box-item {
    gap: 0.78125vw 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .p-news-filter__box-item {
    gap: 2.6666666667vw 4.2666666667vw;
  }
}
.p-news-filter__box-item.-tags01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 250px;
}
@media screen and (max-width: 1279px) {
  .p-news-filter__box-item.-tags01 {
    min-width: 19.53125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-news-filter__box-item.-tags01 {
    min-width: inherit;
  }
}
@media screen and (max-width: 767px) {
  .p-news-filter__box-item.-tags02 {
    margin-top: 8vw;
  }
}
.p-news-filter__tag {
  cursor: pointer;
  color: #5b5657;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  width: 83px;
  height: 36px;
  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;
  background-color: #ffffff;
  border-radius: 50vh;
  -webkit-transition: 0.5s background-color, 0.5s color;
  transition: 0.5s background-color, 0.5s color;
}
@media screen and (max-width: 767px) {
  .p-news-filter__tag {
    font-size: 4.2666666667vw;
    width: 22.1333333333vw;
    height: 9.6vw;
  }
}
.p-news-filter__tag:hover {
  background-color: #5b5657;
  color: #ffffff;
}

.p-cat-filter__trigger.-open,
.p-archive-filter__trigger.-open {
  background-color: #5b5657;
}
.p-cat-filter__trigger.-open:before,
.p-archive-filter__trigger.-open:before {
  background-color: #ffffff;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.p-cat-filter__trigger.-open:after,
.p-archive-filter__trigger.-open:after {
  background-color: #ffffff;
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
}
.p-cat-filter__trigger.-open .p-news-filter__trigger-txt,
.p-archive-filter__trigger.-open .p-news-filter__trigger-txt {
  color: #ffffff;
}

.p-filter__chip {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  color: #5b5657;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  width: auto;
  height: 38px;
  background-color: #ffffff;
  border: 1px solid #e5e4e4;
  border-radius: 50vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  padding-right: 40px;
  position: relative;
  -webkit-transition: 0.5s background-color;
  transition: 0.5s background-color;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .p-filter__chip {
    width: 100%;
    height: 10.1333333333vw;
    padding: 0 4vw;
    padding-right: 10.6666666667vw;
    font-size: 4.2666666667vw;
  }
}
.p-filter__chip:before, .p-filter__chip:after {
  content: "";
  width: 14px;
  height: 1px;
  background: #5b5657;
  display: block;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  position: absolute;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 1279px) {
  .p-filter__chip:before, .p-filter__chip:after {
    width: 1.09375vw;
    right: 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-filter__chip:before, .p-filter__chip:after {
    width: 3.7333333333vw;
    right: 2.6666666667vw;
  }
}
.p-filter__chip:after {
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.p-filter__chip:hover {
  background-color: #5b5657;
  color: #ffffff;
  border-color: #5b5657;
}
.p-filter__chip:hover:before, .p-filter__chip:hover:after {
  background: #ffffff;
}

/* ============================================
  対話力は設計力 詳細 - factbook-detail
============================================ */
#factbook-detail #s-factbook-detail {
  padding-top: 90px;
  padding-bottom: 200px;
}
@media screen and (max-width: 1279px) {
  #factbook-detail #s-factbook-detail {
    padding-top: 7.03125vw;
    padding-bottom: 15.625vw;
  }
}
@media screen and (max-width: 767px) {
  #factbook-detail #s-factbook-detail {
    padding-top: 13.6vw;
    padding-bottom: 26.6666666667vw;
  }
}
#factbook-detail #s-factbook-detail .c-page-ttl__txt {
  line-height: 1.1666666667;
}
@media screen and (max-width: 767px) {
  #factbook-detail #s-factbook-detail .c-page-ttl__txt {
    line-height: 1.3333333333;
  }
  #factbook-detail #s-factbook-detail .c-page-ttl__txt br {
    display: none;
  }
}
#factbook-detail #s-factbook-detail .c-btn {
  margin-top: 99px;
}
@media screen and (max-width: 1279px) {
  #factbook-detail #s-factbook-detail .c-btn {
    margin-top: 7.734375vw;
  }
}
@media screen and (max-width: 767px) {
  #factbook-detail #s-factbook-detail .c-btn {
    margin-top: 11.4666666667vw;
  }
}
#factbook-detail #s-factbook-detail .l-slide-cont {
  margin-top: 200px;
}
@media screen and (max-width: 1279px) {
  #factbook-detail #s-factbook-detail .l-slide-cont {
    margin-top: 15.625vw;
  }
}
@media screen and (max-width: 767px) {
  #factbook-detail #s-factbook-detail .l-slide-cont {
    margin-top: 26.6666666667vw;
  }
}
#factbook-detail #s-factbook-detail .c-card-slide {
  margin-top: 50px;
}
@media screen and (max-width: 1279px) {
  #factbook-detail #s-factbook-detail .c-card-slide {
    margin-top: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  #factbook-detail #s-factbook-detail .c-card-slide {
    margin-top: 8vw;
  }
}
@media screen and (max-width: 767px) {
  #factbook-detail #s-factbook-detail .c-card-slide {
    padding-bottom: 0px !important;
  }
  #factbook-detail #s-factbook-detail .c-card-slide .swiper-button-prev,
  #factbook-detail #s-factbook-detail .c-card-slide .swiper-button-next {
    display: none !important;
  }
}
#factbook-detail #s-factbook-detail .c-sub-ttl {
  margin-top: 25px;
  padding-left: 4px;
}
@media screen and (max-width: 1279px) {
  #factbook-detail #s-factbook-detail .c-sub-ttl {
    margin-top: 1.953125vw;
    padding-left: 0.3125vw;
  }
}
@media screen and (max-width: 767px) {
  #factbook-detail #s-factbook-detail .c-sub-ttl {
    margin-top: 2.6666666667vw;
    padding-left: 0;
  }
}
#factbook-detail #s-factbook-detail .p-fackbook-detail-thumb {
  width: 100%;
  margin-top: 120px;
}
@media screen and (max-width: 1279px) {
  #factbook-detail #s-factbook-detail .p-fackbook-detail-thumb {
    margin-top: 9.375vw;
  }
}
@media screen and (max-width: 767px) {
  #factbook-detail #s-factbook-detail .p-fackbook-detail-thumb {
    margin-top: 13.0666666667vw;
  }
}
#factbook-detail #s-factbook-detail .p-fackbook-detail-thumb__img {
  width: 100%;
  display: block;
}
#factbook-detail #s-factbook-detail .p-factbook-detail .c-sub-ttl {
  margin-top: 100px;
  position: relative;
  left: -4px;
}
@media screen and (max-width: 1279px) {
  #factbook-detail #s-factbook-detail .p-factbook-detail .c-sub-ttl {
    margin-top: 7.8125vw;
    left: -0.3125vw;
  }
}
@media screen and (max-width: 767px) {
  #factbook-detail #s-factbook-detail .p-factbook-detail .c-sub-ttl {
    margin-top: 13.3333333333vw;
  }
  #factbook-detail #s-factbook-detail .p-factbook-detail .c-sub-ttl br {
    display: none;
  }
}
#factbook-detail #s-factbook-detail .p-factbook-detail .c-sub-ttl__txt {
  color: #A41A55;
}
#factbook-detail #s-factbook-detail .p-factbook-detail__width {
  max-width: 714px;
  margin: 0 auto;
  margin-top: 100px;
}
@media screen and (max-width: 1279px) {
  #factbook-detail #s-factbook-detail .p-factbook-detail__width {
    margin-top: 46px;
  }
}
@media screen and (max-width: 767px) {
  #factbook-detail #s-factbook-detail .p-factbook-detail__width {
    margin-top: 12.2666666667vw;
    max-width: inherit;
  }
}
#factbook-detail #s-factbook-detail .p-factbook-detail__img-group {
  margin-top: 98px;
}
@media screen and (max-width: 1279px) {
  #factbook-detail #s-factbook-detail .p-factbook-detail__img-group {
    margin-top: 7.65625vw;
  }
}
@media screen and (max-width: 767px) {
  #factbook-detail #s-factbook-detail .p-factbook-detail__img-group {
    margin-top: 12.8vw;
  }
}
#factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap {
  width: 100%;
  height: auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media screen and (max-width: 1279px) {
  #factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap {
    gap: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  #factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 5.3333333333vw;
  }
}
#factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap + .p-factbook-detail__img-wrap {
  margin-top: 50px;
}
@media screen and (max-width: 1279px) {
  #factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap + .p-factbook-detail__img-wrap {
    margin-top: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  #factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap + .p-factbook-detail__img-wrap {
    margin-top: 5.3333333333vw;
  }
}
#factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}
#factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.-full {
  display: block !important;
}
#factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.-full img {
  width: 100% !important;
  height: auto !important;
}
#factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isSquare {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 48.5% 3% 48.5%;
  grid-template-columns: 48.5% 48.5%;
  -ms-grid-rows: 528px;
  grid-template-rows: repeat(1, 528px);
  gap: 3%;
}
#factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isSquare > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
#factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isSquare > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
@media screen and (max-width: 1279px) {
  #factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isSquare {
    -ms-grid-rows: (41.25vw)[1];
    grid-template-rows: repeat(1, 41.25vw);
  }
}
@media screen and (max-width: 767px) {
  #factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isSquare {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    -ms-grid-rows: inherit;
    grid-template-rows: inherit;
    gap: 5.3333333333vw;
  }
  #factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isSquare > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
#factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isSquare img {
  width: 100%;
  height: 100%;
}
#factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isLeftVertical, #factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isLeftSmall {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 40% 3% 57%;
  grid-template-columns: 40% 57%;
  -ms-grid-rows: 621px;
  grid-template-rows: repeat(1, 621px);
  gap: 3%;
}
#factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isLeftVertical > *:nth-child(1), #factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isLeftSmall > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
#factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isLeftVertical > *:nth-child(2), #factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isLeftSmall > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
@media screen and (max-width: 767px) {
  #factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isLeftVertical, #factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isLeftSmall {
    -ms-grid-rows: 48.515625vw;
    grid-template-rows: repeat(1, 48.515625vw);
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    -ms-grid-rows: inherit;
    grid-template-rows: inherit;
    gap: 5.3333333333vw;
  }
  #factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isLeftVertical > *:nth-child(1), #factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isLeftSmall > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
#factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isLeftVertical img, #factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isLeftSmall img {
  width: 100%;
  height: 100%;
}
#factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isRightVertical, #factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isRightSmall {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 57% 3% 40%;
  grid-template-columns: 57% 40%;
  -ms-grid-rows: 621px;
  grid-template-rows: repeat(1, 621px);
  gap: 3%;
}
#factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isRightVertical > *:nth-child(1), #factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isRightSmall > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
#factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isRightVertical > *:nth-child(2), #factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isRightSmall > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
@media screen and (max-width: 767px) {
  #factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isRightVertical, #factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isRightSmall {
    -ms-grid-rows: 48.515625vw;
    grid-template-rows: repeat(1, 48.515625vw);
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    -ms-grid-rows: inherit;
    grid-template-rows: inherit;
    gap: 5.3333333333vw;
  }
  #factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isRightVertical > *:nth-child(1), #factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isRightSmall > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
#factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isRightVertical img, #factbook-detail #s-factbook-detail .p-factbook-detail__img-wrap.isRightSmall img {
  width: 100%;
  height: 100%;
}

/* ============================================
  トピックス詳細
============================================ */
#topics-detail .c-txt a .cmn_linkArrow {
  display: none !important;
}
#topics-detail .c-txt a span {
  margin-top: 40px;
  width: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #f6f6f6;
  color: #5b5657 !important;
  min-height: 100px;
  font-size: 25px;
  padding: 5px 10px 6px;
  font-weight: 500;
  line-height: 1.4;
  -webkit-transition: 0.5s background-color, 0.5s color, 0.5s border;
  transition: 0.5s background-color, 0.5s color, 0.5s border;
  min-height: 50px;
  font-size: 18px;
  line-height: 1.5555555556;
  font-weight: 400;
}
@media screen and (max-width: 1279px) {
  #topics-detail .c-txt a span {
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  #topics-detail .c-txt a span {
    margin-top: 5.3333333333vw;
    min-height: 13.3333333333vw;
    font-size: 4.8vw;
    padding: 1.3333333333vw 2.6666666667vw 1.6vw;
  }
}
#topics-detail .c-txt a span:hover {
  background-color: #A41A55;
  color: #f6f6f6 !important;
}
@media screen and (max-width: 767px) {
  #topics-detail .c-txt a span:hover:after {
    background-color: #f6f6f6;
  }
}
@media screen and (max-width: 767px) {
  #topics-detail .c-txt a span:after {
    content: "";
    width: 6.1333333333vw;
    height: 6.1333333333vw;
    min-width: 6.1333333333vw;
    min-height: 6.1333333333vw;
    margin-left: 2.6666666667vw;
    -webkit-mask-image: url("../media/icon/icon-allow.svg");
            mask-image: url("../media/icon/icon-allow.svg");
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    background-color: #5b5657;
    vertical-align: middle;
    -webkit-transition: 0.5s background-color;
    transition: 0.5s background-color;
  }
}
#topics-detail .c-txt p {
  font-weight: 300;
  line-height: 1.5;
  font-size: 18px;
}
#topics-detail .c-txt p strong {
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  #topics-detail .c-txt p {
    font-size: 4.8vw;
  }
}
#topics-detail .c-txt p + p {
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  #topics-detail .c-txt p + p {
    margin-top: 4.8vw;
  }
}
#topics-detail #s-topics-detail {
  padding-top: 50px;
  padding-bottom: 200px;
}
@media screen and (max-width: 1279px) {
  #topics-detail #s-topics-detail {
    padding-top: 3.90625vw;
    padding-bottom: 15.625vw;
  }
}
@media screen and (max-width: 767px) {
  #topics-detail #s-topics-detail {
    padding-top: 12.8vw;
    padding-bottom: 26.6666666667vw;
  }
}
#topics-detail .l-slide-cont {
  margin-top: 200px;
}
@media screen and (max-width: 1279px) {
  #topics-detail .l-slide-cont {
    margin-top: 15.625vw;
  }
}
@media screen and (max-width: 767px) {
  #topics-detail .l-slide-cont {
    margin-top: 26.6666666667vw;
  }
}
#topics-detail .c-card-slide {
  margin-top: 50px;
}
@media screen and (max-width: 1279px) {
  #topics-detail .c-card-slide {
    margin-top: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  #topics-detail .c-card-slide {
    margin-top: 8vw;
  }
}
@media screen and (max-width: 767px) {
  #topics-detail .c-card-slide {
    padding-bottom: 0px !important;
  }
  #topics-detail .c-card-slide .swiper-button-prev,
  #topics-detail .c-card-slide .swiper-button-next {
    display: none !important;
  }
}
#topics-detail .c-btn {
  margin-top: 99px;
}
@media screen and (max-width: 1279px) {
  #topics-detail .c-btn {
    margin-top: 7.734375vw;
  }
}
@media screen and (max-width: 767px) {
  #topics-detail .c-btn {
    margin-top: 11.4666666667vw;
  }
}
#topics-detail .p-topics-detail__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#topics-detail .p-topics-detail__date {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  color: #b1aeaf;
  min-width: 97px;
  margin-right: 28px;
}
@media screen and (max-width: 1279px) {
  #topics-detail .p-topics-detail__date {
    font-size: 1.25vw;
    min-width: 7.578125vw;
    margin-right: 2.1875vw;
  }
}
@media screen and (max-width: 767px) {
  #topics-detail .p-topics-detail__date {
    font-size: 4.2666666667vw;
    min-width: 25.8666666667vw;
  }
}
#topics-detail .p-topics-detail__tag {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #A41A55;
  border: 1px solid #A41A55;
  border-radius: 50vh;
  margin-right: 10px;
  min-height: 23px;
  padding: 0 9px;
  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;
  -webkit-transition: 0.5s background-color, 0.5s color;
  transition: 0.5s background-color, 0.5s color;
}
@media only screen and (min-width: 1280px) {
  #topics-detail .p-topics-detail__tag:hover {
    background-color: #A41A55;
    color: #ffffff;
  }
}
@media screen and (max-width: 1279px) {
  #topics-detail .p-topics-detail__tag {
    font-size: 1.09375vw;
    margin-right: 0.78125vw;
    min-height: 1.796875vw;
    padding: 0 0.703125vw;
  }
}
@media screen and (max-width: 767px) {
  #topics-detail .p-topics-detail__tag {
    font-size: 3.7333333333vw;
    margin-right: 2.6666666667vw;
    min-height: 6.1333333333vw;
    padding: 0 2.4vw;
  }
}
#topics-detail .p-topics-detail__author {
  margin-top: 18px;
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
  color: #A41A55;
}
@media screen and (max-width: 1279px) {
  #topics-detail .p-topics-detail__author {
    margin-top: 1.40625vw;
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  #topics-detail .p-topics-detail__author {
    font-size: 4.8vw;
    line-height: 1.5555555556;
    margin-top: 4.8vw;
  }
}
#topics-detail .p-topics-detail__ttl {
  margin-top: 30px;
  font-size: 40px;
  font-weight: 300;
  line-height: 1.25;
  color: #5b5657;
}
@media screen and (max-width: 1279px) {
  #topics-detail .p-topics-detail__ttl {
    margin-top: 2.34375vw;
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  #topics-detail .p-topics-detail__ttl {
    font-size: 8vw;
    line-height: 1.3333333333;
    margin-top: 5.0666666667vw;
  }
}
#topics-detail .p-topics-detail__body {
  margin-top: 54px;
}
@media screen and (max-width: 1279px) {
  #topics-detail .p-topics-detail__body {
    margin-top: 4.21875vw;
  }
}
@media screen and (max-width: 767px) {
  #topics-detail .p-topics-detail__body {
    margin-top: 13.6vw;
  }
}
#topics-detail .p-topics-detail__body .c-btn {
  margin-top: 38px;
}
@media screen and (max-width: 1279px) {
  #topics-detail .p-topics-detail__body .c-btn {
    margin-top: 2.96875vw;
  }
}
@media screen and (max-width: 767px) {
  #topics-detail .p-topics-detail__body .c-btn {
    margin-top: 5.3333333333vw;
  }
}
#topics-detail .p-topics-detail__body .c-btn + .c-txt {
  margin-top: 50px;
}
@media screen and (max-width: 1279px) {
  #topics-detail .p-topics-detail__body .c-btn + .c-txt {
    margin-top: 3.90625vw;
  }
}
@media screen and (max-width: 767px) {
  #topics-detail .p-topics-detail__body .c-btn + .c-txt {
    margin-top: 12.5333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #topics-detail .p-topics-detail__contents {
    margin-top: 13.3333333333vw;
  }
}
#topics-detail .p-topics-detail__column {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 30px 1fr;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px;
}
@media screen and (max-width: 1279px) {
  #topics-detail .p-topics-detail__column {
    gap: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  #topics-detail .p-topics-detail__column {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: 0;
  }
}
#topics-detail .p-topics-detail__column + .p-topics-detail__column {
  margin-top: 100px;
}
@media screen and (max-width: 1279px) {
  #topics-detail .p-topics-detail__column + .p-topics-detail__column {
    margin-top: 7.8125vw;
  }
}
@media screen and (max-width: 767px) {
  #topics-detail .p-topics-detail__column + .p-topics-detail__column {
    margin-top: 13.3333333333vw;
  }
}
#topics-detail .p-topics-detail__img-wrap {
  width: 100%;
}
#topics-detail .p-topics-detail__img-wrap img {
  display: block;
  width: 100%;
}
#topics-detail .p-topics-detail__img-wrap img + .p-topics-detail__caption + img {
  margin-top: 16px;
}
@media screen and (max-width: 1279px) {
  #topics-detail .p-topics-detail__img-wrap img + .p-topics-detail__caption + img {
    margin-top: 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  #topics-detail .p-topics-detail__img-wrap img + .p-topics-detail__caption + img {
    margin-top: 4.2666666667vw;
  }
}
@media screen and (max-width: 767px) {
  #topics-detail .p-topics-detail__img-wrap + .p-topics-detail__img-wrap {
    margin-top: 5.8666666667vw;
  }
}
#topics-detail .p-topics-detail__caption {
  font-size: 16px;
  line-height: 1.625;
  font-weight: 300;
  color: #5b5657;
  margin-top: 8px;
}
@media screen and (max-width: 1279px) {
  #topics-detail .p-topics-detail__caption {
    font-size: 1.25vw;
    margin-top: 0.625vw;
  }
}
@media screen and (max-width: 767px) {
  #topics-detail .p-topics-detail__caption {
    font-size: 3.7333333333vw;
    line-height: 1;
    margin-top: 3.4666666667vw;
  }
}
#topics-detail .p-topics-detail__share {
  margin-top: 52px;
  width: 50%;
  margin-left: auto;
  padding-left: 15px;
}
@media screen and (max-width: 1279px) {
  #topics-detail .p-topics-detail__share {
    margin-top: 4.0625vw;
    padding-left: 1.171875vw;
  }
}
@media screen and (max-width: 767px) {
  #topics-detail .p-topics-detail__share {
    width: 100%;
    padding-left: 0px;
    margin-top: 13.8666666667vw;
  }
}

/* ============================================
  建築から学ぶこと - yasui
============================================ */
#yasui #s-yasui {
  padding-bottom: 200px;
}
@media screen and (max-width: 1279px) {
  #yasui #s-yasui {
    padding-bottom: 15.625vw;
  }
}
@media screen and (max-width: 767px) {
  #yasui #s-yasui {
    padding-top: 12.2666666667vw;
    padding-bottom: 26.6666666667vw;
  }
}
#yasui .p-yasui {
  margin-top: 40px;
}
@media screen and (max-width: 1279px) {
  #yasui .p-yasui {
    margin-top: 3.125vw;
  }
}
#yasui .p-yasui__info {
  margin-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 1279px) {
  #yasui .p-yasui__info {
    margin-top: 2.34375vw;
  }
}
@media screen and (max-width: 767px) {
  #yasui .p-yasui__info {
    margin-top: 12vw;
  }
}
#yasui .p-yasui__date, #yasui .p-yasui__no {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  color: #b1aeaf;
}
@media screen and (max-width: 767px) {
  #yasui .p-yasui__date, #yasui .p-yasui__no {
    font-size: 4.2666666667vw;
  }
}
#yasui .p-yasui__date + .p-yasui__no {
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  #yasui .p-yasui__date + .p-yasui__no {
    margin-left: 5.3333333333vw;
  }
}
#yasui .p-yasui__ttl {
  margin-top: 18px;
  font-size: 40px;
  font-weight: 300;
  line-height: 1.25;
  color: #5b5657;
}
@media screen and (max-width: 1279px) {
  #yasui .p-yasui__ttl {
    margin-top: 1.40625vw;
    font-size: 3.125vw;
  }
}
@media screen and (max-width: 767px) {
  #yasui .p-yasui__ttl {
    margin-top: 5.0666666667vw;
    font-size: 8vw;
    line-height: 1.3333333333;
  }
}
#yasui .p-yasui__contents {
  margin-top: 52px;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 621px 30px 1fr;
  grid-template-columns: 621px 1fr;
  gap: 30px;
}
@media screen and (max-width: 1279px) {
  #yasui .p-yasui__contents {
    -ms-grid-columns: 48.515625vw 1fr;
    grid-template-columns: 48.515625vw 1fr;
  }
}
@media screen and (max-width: 767px) {
  #yasui .p-yasui__contents {
    margin-top: 20px;
    display: block;
  }
}
@media screen and (max-width: 767px) {
  #yasui .p-yasui__cont.-img {
    margin-top: 5.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #yasui .p-yasui__img {
    min-width: 64vw;
  }
}
#yasui .p-yasui__img-caption {
  font-size: 16px;
  line-height: 1.625;
  font-weight: 300;
  color: #5b5657;
  margin-top: 10px;
}
@media screen and (max-width: 1279px) {
  #yasui .p-yasui__img-caption {
    font-size: 14px;
  }
}
@media screen and (max-width: 767px) {
  #yasui .p-yasui__img-caption {
    font-size: 3.7333333333vw;
    margin-top: 2.1333333333vw;
  }
}
#yasui .p-yasui__sign {
  margin-top: 39px;
  position: relative;
  left: -8px;
}
@media screen and (max-width: 1279px) {
  #yasui .p-yasui__sign {
    margin-top: 3.046875vw;
    left: -0.625vw;
  }
}
@media screen and (max-width: 767px) {
  #yasui .p-yasui__sign {
    margin-top: 4.8vw;
    left: -2.1333333333vw;
  }
}
#yasui .p-yasui__sign-img {
  width: 149px;
  height: 61px;
  display: block;
}
@media screen and (max-width: 1279px) {
  #yasui .p-yasui__sign-img {
    width: 11.640625vw;
    height: 4.765625vw;
  }
}
@media screen and (max-width: 767px) {
  #yasui .p-yasui__sign-img {
    width: 39.7333333333vw;
    height: 16.2666666667vw;
  }
}
#yasui .p-yasui__share {
  margin-top: 52px;
}
@media screen and (max-width: 1279px) {
  #yasui .p-yasui__share {
    margin-top: 4.0625vw;
  }
}
@media screen and (max-width: 767px) {
  #yasui .p-yasui__share {
    margin-top: 12.5333333333vw;
  }
}
#yasui .p-yasui-archive {
  margin-top: 100px;
}
@media screen and (max-width: 1279px) {
  #yasui .p-yasui-archive {
    margin-top: 7.8125vw;
  }
}
@media screen and (max-width: 767px) {
  #yasui .p-yasui-archive {
    margin-top: 26.6666666667vw;
  }
}
#yasui .p-yasui-archive__tab-contents {
  display: none;
}
#yasui .p-yasui-archive__tab-contents.-active {
  display: block;
}
#yasui .p-yasui-archive__list {
  margin-top: 50px;
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  -ms-grid-columns: 1fr 30px 1fr 30px 1fr;
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-rows: auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto 10px auto;
  grid-template-rows: repeat(20, auto);
  gap: 10px 30px;
}
#yasui .p-yasui-archive__list > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}
#yasui .p-yasui-archive__list > *:nth-child(2) {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
}
#yasui .p-yasui-archive__list > *:nth-child(3) {
  -ms-grid-row: 5;
  -ms-grid-column: 1;
}
#yasui .p-yasui-archive__list > *:nth-child(4) {
  -ms-grid-row: 7;
  -ms-grid-column: 1;
}
#yasui .p-yasui-archive__list > *:nth-child(5) {
  -ms-grid-row: 9;
  -ms-grid-column: 1;
}
#yasui .p-yasui-archive__list > *:nth-child(6) {
  -ms-grid-row: 11;
  -ms-grid-column: 1;
}
#yasui .p-yasui-archive__list > *:nth-child(7) {
  -ms-grid-row: 13;
  -ms-grid-column: 1;
}
#yasui .p-yasui-archive__list > *:nth-child(8) {
  -ms-grid-row: 15;
  -ms-grid-column: 1;
}
#yasui .p-yasui-archive__list > *:nth-child(9) {
  -ms-grid-row: 17;
  -ms-grid-column: 1;
}
#yasui .p-yasui-archive__list > *:nth-child(10) {
  -ms-grid-row: 19;
  -ms-grid-column: 1;
}
#yasui .p-yasui-archive__list > *:nth-child(11) {
  -ms-grid-row: 21;
  -ms-grid-column: 1;
}
#yasui .p-yasui-archive__list > *:nth-child(12) {
  -ms-grid-row: 23;
  -ms-grid-column: 1;
}
#yasui .p-yasui-archive__list > *:nth-child(13) {
  -ms-grid-row: 25;
  -ms-grid-column: 1;
}
#yasui .p-yasui-archive__list > *:nth-child(14) {
  -ms-grid-row: 27;
  -ms-grid-column: 1;
}
#yasui .p-yasui-archive__list > *:nth-child(15) {
  -ms-grid-row: 29;
  -ms-grid-column: 1;
}
#yasui .p-yasui-archive__list > *:nth-child(16) {
  -ms-grid-row: 31;
  -ms-grid-column: 1;
}
#yasui .p-yasui-archive__list > *:nth-child(17) {
  -ms-grid-row: 33;
  -ms-grid-column: 1;
}
#yasui .p-yasui-archive__list > *:nth-child(18) {
  -ms-grid-row: 35;
  -ms-grid-column: 1;
}
#yasui .p-yasui-archive__list > *:nth-child(19) {
  -ms-grid-row: 37;
  -ms-grid-column: 1;
}
#yasui .p-yasui-archive__list > *:nth-child(20) {
  -ms-grid-row: 39;
  -ms-grid-column: 1;
}
#yasui .p-yasui-archive__list > *:nth-child(21) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}
#yasui .p-yasui-archive__list > *:nth-child(22) {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
}
#yasui .p-yasui-archive__list > *:nth-child(23) {
  -ms-grid-row: 5;
  -ms-grid-column: 3;
}
#yasui .p-yasui-archive__list > *:nth-child(24) {
  -ms-grid-row: 7;
  -ms-grid-column: 3;
}
#yasui .p-yasui-archive__list > *:nth-child(25) {
  -ms-grid-row: 9;
  -ms-grid-column: 3;
}
#yasui .p-yasui-archive__list > *:nth-child(26) {
  -ms-grid-row: 11;
  -ms-grid-column: 3;
}
#yasui .p-yasui-archive__list > *:nth-child(27) {
  -ms-grid-row: 13;
  -ms-grid-column: 3;
}
#yasui .p-yasui-archive__list > *:nth-child(28) {
  -ms-grid-row: 15;
  -ms-grid-column: 3;
}
#yasui .p-yasui-archive__list > *:nth-child(29) {
  -ms-grid-row: 17;
  -ms-grid-column: 3;
}
#yasui .p-yasui-archive__list > *:nth-child(30) {
  -ms-grid-row: 19;
  -ms-grid-column: 3;
}
#yasui .p-yasui-archive__list > *:nth-child(31) {
  -ms-grid-row: 21;
  -ms-grid-column: 3;
}
#yasui .p-yasui-archive__list > *:nth-child(32) {
  -ms-grid-row: 23;
  -ms-grid-column: 3;
}
#yasui .p-yasui-archive__list > *:nth-child(33) {
  -ms-grid-row: 25;
  -ms-grid-column: 3;
}
#yasui .p-yasui-archive__list > *:nth-child(34) {
  -ms-grid-row: 27;
  -ms-grid-column: 3;
}
#yasui .p-yasui-archive__list > *:nth-child(35) {
  -ms-grid-row: 29;
  -ms-grid-column: 3;
}
#yasui .p-yasui-archive__list > *:nth-child(36) {
  -ms-grid-row: 31;
  -ms-grid-column: 3;
}
#yasui .p-yasui-archive__list > *:nth-child(37) {
  -ms-grid-row: 33;
  -ms-grid-column: 3;
}
#yasui .p-yasui-archive__list > *:nth-child(38) {
  -ms-grid-row: 35;
  -ms-grid-column: 3;
}
#yasui .p-yasui-archive__list > *:nth-child(39) {
  -ms-grid-row: 37;
  -ms-grid-column: 3;
}
#yasui .p-yasui-archive__list > *:nth-child(40) {
  -ms-grid-row: 39;
  -ms-grid-column: 3;
}
#yasui .p-yasui-archive__list > *:nth-child(41) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
#yasui .p-yasui-archive__list > *:nth-child(42) {
  -ms-grid-row: 3;
  -ms-grid-column: 5;
}
#yasui .p-yasui-archive__list > *:nth-child(43) {
  -ms-grid-row: 5;
  -ms-grid-column: 5;
}
#yasui .p-yasui-archive__list > *:nth-child(44) {
  -ms-grid-row: 7;
  -ms-grid-column: 5;
}
#yasui .p-yasui-archive__list > *:nth-child(45) {
  -ms-grid-row: 9;
  -ms-grid-column: 5;
}
#yasui .p-yasui-archive__list > *:nth-child(46) {
  -ms-grid-row: 11;
  -ms-grid-column: 5;
}
#yasui .p-yasui-archive__list > *:nth-child(47) {
  -ms-grid-row: 13;
  -ms-grid-column: 5;
}
#yasui .p-yasui-archive__list > *:nth-child(48) {
  -ms-grid-row: 15;
  -ms-grid-column: 5;
}
#yasui .p-yasui-archive__list > *:nth-child(49) {
  -ms-grid-row: 17;
  -ms-grid-column: 5;
}
#yasui .p-yasui-archive__list > *:nth-child(50) {
  -ms-grid-row: 19;
  -ms-grid-column: 5;
}
#yasui .p-yasui-archive__list > *:nth-child(51) {
  -ms-grid-row: 21;
  -ms-grid-column: 5;
}
#yasui .p-yasui-archive__list > *:nth-child(52) {
  -ms-grid-row: 23;
  -ms-grid-column: 5;
}
#yasui .p-yasui-archive__list > *:nth-child(53) {
  -ms-grid-row: 25;
  -ms-grid-column: 5;
}
#yasui .p-yasui-archive__list > *:nth-child(54) {
  -ms-grid-row: 27;
  -ms-grid-column: 5;
}
#yasui .p-yasui-archive__list > *:nth-child(55) {
  -ms-grid-row: 29;
  -ms-grid-column: 5;
}
#yasui .p-yasui-archive__list > *:nth-child(56) {
  -ms-grid-row: 31;
  -ms-grid-column: 5;
}
#yasui .p-yasui-archive__list > *:nth-child(57) {
  -ms-grid-row: 33;
  -ms-grid-column: 5;
}
#yasui .p-yasui-archive__list > *:nth-child(58) {
  -ms-grid-row: 35;
  -ms-grid-column: 5;
}
#yasui .p-yasui-archive__list > *:nth-child(59) {
  -ms-grid-row: 37;
  -ms-grid-column: 5;
}
#yasui .p-yasui-archive__list > *:nth-child(60) {
  -ms-grid-row: 39;
  -ms-grid-column: 5;
}
@media screen and (max-width: 767px) {
  #yasui .p-yasui-archive__list {
    margin-top: 8vw;
    gap: 2.6666666667vw 8vw;
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    -ms-grid-rows: inherit;
    grid-template-rows: inherit;
    grid-auto-flow: inherit;
  }
  #yasui .p-yasui-archive__list > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
}
#yasui .p-yasui-archive__item a {
  width: 100%;
  min-height: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2px 20px;
  background-color: #f6f6f6;
  color: #5b5657;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
  border-radius: 50vh;
  -webkit-transition: 0.5s background-color;
  transition: 0.5s background-color;
}
@media screen and (max-width: 767px) {
  #yasui .p-yasui-archive__item a {
    min-height: 8vw;
    padding: 0.5333333333vw 2.6666666667vw;
    font-size: 3.7333333333vw;
  }
}
#yasui .p-yasui-archive__item a:hover {
  background-color: #e5e4e4;
}
#yasui .p-yasui-archive__slide {
  margin-top: 51px;
  padding: 0 82px;
  height: 36px;
}
@media screen and (max-width: 767px) {
  #yasui .p-yasui-archive__slide {
    padding: 0px;
    height: 9.6vw;
    overflow-x: auto;
    margin-top: 8vw;
  }
}
#yasui .p-yasui-archive__slide:before {
  content: "";
  display: block;
  width: 82px;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #ffffff;
  z-index: 10;
}
@media screen and (max-width: 767px) {
  #yasui .p-yasui-archive__slide:before {
    display: none;
  }
}
#yasui .p-yasui-archive__slide:after {
  content: "";
  display: block;
  width: 82px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ffffff;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #yasui .p-yasui-archive__slide:after {
    display: none;
  }
}
#yasui .p-yasui-archive__slide .swiper-button-prev,
#yasui .p-yasui-archive__slide .swiper-button-next {
  display: block;
  width: 36px;
  height: 36px;
  background-color: #f6f6f6;
  border-radius: 50vh;
  position: absolute;
  margin-top: 0px !important;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  #yasui .p-yasui-archive__slide .swiper-button-prev,
  #yasui .p-yasui-archive__slide .swiper-button-next {
    display: none !important;
  }
}
#yasui .p-yasui-archive__slide .swiper-button-prev:after,
#yasui .p-yasui-archive__slide .swiper-button-next:after {
  display: none;
}
#yasui .p-yasui-archive__slide .swiper-button-prev {
  left: 0;
}
#yasui .p-yasui-archive__slide .swiper-button-prev:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-mask-image: url("../media/common/slide-arrow-prev.svg");
          mask-image: url("../media/common/slide-arrow-prev.svg");
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #5b5657;
  width: 36px;
  height: 36px;
}
#yasui .p-yasui-archive__slide .swiper-button-next {
  right: 0;
}
#yasui .p-yasui-archive__slide .swiper-button-next:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-mask-image: url("../media/common/slide-arrow-next.svg");
          mask-image: url("../media/common/slide-arrow-next.svg");
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: #5b5657;
  width: 36px;
  height: 36px;
}
#yasui .p-yasui-archive__slide-inr {
  height: 100% !important;
}
#yasui .p-yasui-archive__slide-item {
  height: 100% !important;
  width: auto;
}
@media screen and (max-width: 767px) {
  #yasui .p-yasui-archive__slide-item {
    width: 22.1333333333vw;
  }
}
#yasui .p-yasui-archive__tab-txt {
  color: #5b5657;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  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;
  width: 100%;
  border-radius: 50vh;
  height: 100%;
  -webkit-transition: 0.5s color, 0.5s background-color;
  transition: 0.5s color, 0.5s background-color;
  background: #f6f6f6;
  height: 100%;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  #yasui .p-yasui-archive__tab-txt {
    font-size: 4.2666666667vw;
  }
}
#yasui .p-yasui-archive__tab-txt:hover {
  background-color: #e5e4e4;
}
#yasui .p-yasui-archive__tab-txt.-active {
  background-color: #5b5657;
  color: #ffffff;
  pointer-events: none;
  cursor: default;
}

/* ============================================
  検索フィルターパーツ
============================================ */
.p-news-filter {
  margin-top: 51px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 1279px) {
  .p-news-filter {
    margin-top: 3.984375vw;
  }
}
@media screen and (max-width: 767px) {
  .p-news-filter {
    margin-top: 9.6vw;
    display: block;
  }
}
.p-news-filter.-open .p-news-filter__trigger {
  background-color: #5b5657;
}
.p-news-filter.-open .p-news-filter__trigger:before {
  background-color: #ffffff;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.p-news-filter.-open .p-news-filter__trigger:after {
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
  background-color: #ffffff;
}
.p-news-filter.-open .p-news-filter__trigger-txt {
  color: #ffffff;
}
.p-news-filter__trigger {
  display: inline-block;
  width: 164px;
  height: 38px;
  background-color: #f6f6f6;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
  position: relative;
  -webkit-transition: 0.5s background-color;
  transition: 0.5s background-color;
  cursor: pointer;
}
.p-news-filter__trigger + .p-news-filter__trigger {
  margin-left: 20px;
}
@media screen and (max-width: 1279px) {
  .p-news-filter__trigger + .p-news-filter__trigger {
    margin-left: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .p-news-filter__trigger + .p-news-filter__trigger {
    margin-left: 0;
    margin-top: 2.6666666667vw;
  }
}
@media screen and (max-width: 767px) {
  .p-news-filter__trigger {
    width: 100%;
    height: 10.1333333333vw;
    border-radius: 2.6666666667vw;
    padding: 0 2.6666666667vw;
  }
}
.p-news-filter__trigger.-works {
  width: 156px;
}
@media screen and (max-width: 767px) {
  .p-news-filter__trigger.-works {
    width: 100%;
  }
}
.p-news-filter__trigger:before, .p-news-filter__trigger:after {
  content: "";
  width: 14px;
  height: 1px;
  background: #5b5657;
  display: block;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 767px) {
  .p-news-filter__trigger:before, .p-news-filter__trigger:after {
    width: 3.7333333333vw;
    right: 2.6666666667vw;
  }
}
.p-news-filter__trigger:after {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}
.p-news-filter__trigger:hover {
  background-color: #b1aeaf;
}
.p-news-filter__trigger-txt {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  color: #5b5657;
  -webkit-transition: 0.5s #ffffff;
  transition: 0.5s #ffffff;
}
@media screen and (max-width: 767px) {
  .p-news-filter__trigger-txt {
    font-size: 4.2666666667vw;
  }
}
.p-news-filter__search-box {
  width: auto;
  display: inline-block;
  margin-left: 20px;
}
@media screen and (max-width: 767px) {
  .p-news-filter__search-box {
    margin-left: 0px;
    margin-top: 2.6666666667vw;
    width: 100%;
  }
}
.p-news-filter__search-box input {
  padding: 0 10px;
  width: 259px;
  height: 38px;
  border-radius: 10px;
  background-color: #f6f6f6;
  display: block;
  font-size: 16px;
  line-height: 1;
  color: #5b5657;
  font-family: "M PLUS 1p";
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .p-news-filter__search-box input {
    padding: 0 2.6666666667vw;
    width: 100%;
    height: 10.1333333333vw;
    border-radius: 2.6666666667vw;
    font-size: 4.2666666667vw;
  }
}
.p-news-filter__search-box input::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 1;
  color: #b1aeaf;
  font-family: "M PLUS 1p";
  font-weight: 400;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}
.p-news-filter__search-box input::-moz-placeholder {
  font-size: 16px;
  line-height: 1;
  color: #b1aeaf;
  font-family: "M PLUS 1p";
  font-weight: 400;
  transform: rotate(0.05deg);
}
.p-news-filter__search-box input:-ms-input-placeholder {
  font-size: 16px;
  line-height: 1;
  color: #b1aeaf;
  font-family: "M PLUS 1p";
  font-weight: 400;
  transform: rotate(0.05deg);
}
.p-news-filter__search-box input::-ms-input-placeholder {
  font-size: 16px;
  line-height: 1;
  color: #b1aeaf;
  font-family: "M PLUS 1p";
  font-weight: 400;
  transform: rotate(0.05deg);
}
.p-news-filter__search-box input::placeholder {
  font-size: 16px;
  line-height: 1;
  color: #b1aeaf;
  font-family: "M PLUS 1p";
  font-weight: 400;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
}
@media screen and (max-width: 767px) {
  .p-news-filter__search-box input::-webkit-input-placeholder {
    font-size: 4.2666666667vw;
  }
  .p-news-filter__search-box input::-moz-placeholder {
    font-size: 4.2666666667vw;
  }
  .p-news-filter__search-box input:-ms-input-placeholder {
    font-size: 4.2666666667vw;
  }
  .p-news-filter__search-box input::-ms-input-placeholder {
    font-size: 4.2666666667vw;
  }
  .p-news-filter__search-box input::placeholder {
    font-size: 4.2666666667vw;
  }
}
.p-news-filter__box {
  background-color: #f6f6f6;
  border-radius: 10px;
  padding: 20px;
  min-width: 352px;
  position: absolute;
  top: calc(100% + 20px);
  left: 0;
  z-index: 100;
  display: none;
}
@media screen and (max-width: 1279px) {
  .p-news-filter__box {
    border-radius: 0.78125vw;
    padding: 1.5625vw;
    min-width: 27.5vw;
    top: calc(100% + 1.5625vw);
  }
}
@media screen and (max-width: 767px) {
  .p-news-filter__box {
    min-width: auto;
    width: 100%;
    padding: 5.3333333333vw 4vw;
    top: 13.3333333333vw;
    border-radius: 2.6666666667vw;
  }
}
.p-news-filter__box.-works {
  width: 900px;
}
@media screen and (max-width: 1279px) {
  .p-news-filter__box.-works {
    width: 70.3125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-news-filter__box.-works {
    width: 100%;
  }
}
.p-news-filter__box.-works li a {
  width: auto;
  padding: 0 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
@media screen and (max-width: 1279px) {
  .p-news-filter__box.-works li a {
    padding: 0 0.78125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-news-filter__box.-works li a {
    padding: 0 2.6666666667vw;
  }
}
.p-news-filter__box-inr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 767px) {
  .p-news-filter__box-inr {
    display: block;
  }
}
.p-news-filter__box-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 16px;
}
@media screen and (max-width: 1279px) {
  .p-news-filter__box-item {
    gap: 0.78125vw 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .p-news-filter__box-item {
    gap: 2.6666666667vw 4.2666666667vw;
  }
}
.p-news-filter__box-item.-tags01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 250px;
}
@media screen and (max-width: 1279px) {
  .p-news-filter__box-item.-tags01 {
    min-width: 19.53125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-news-filter__box-item.-tags01 {
    min-width: inherit;
  }
}
@media screen and (max-width: 767px) {
  .p-news-filter__box-item.-tags02 {
    margin-top: 8vw;
  }
}
.p-news-filter li a {
  cursor: pointer;
  color: #5b5657;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  width: 83px;
  height: 36px;
  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;
  background-color: #ffffff;
  border-radius: 50vh;
  -webkit-transition: 0.5s background-color, 0.5s color;
  transition: 0.5s background-color, 0.5s color;
}
@media screen and (max-width: 1279px) {
  .p-news-filter li a {
    font-size: 1.25vw;
    width: 6.484375vw;
    height: 2.8125vw;
  }
}
@media screen and (max-width: 767px) {
  .p-news-filter li a {
    font-size: 4.2666666667vw;
    width: 22.1333333333vw;
    height: 9.6vw;
  }
}
.p-news-filter li a:hover {
  background-color: #5b5657;
  color: #ffffff;
}

#factbook .c-media p {
  line-height: 1.625;
  font-weight: 300;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  #factbook .c-media p {
    font-size: 4.2666666667vw;
  }
}

.c-media__img {
  height: 100%;
}

.c-detail__img {
  height: 100%;
}

.p-yasui__cont .c-txt p {
  line-height: 1.5;
  font-weight: 300;
  font-size: 20px;
}
@media screen and (max-width: 1279px) {
  .p-yasui__cont .c-txt p {
    font-size: 18px;
  }
}
@media screen and (max-width: 767px) {
  .p-yasui__cont .c-txt p {
    font-size: 4.8vw;
    line-height: 1.5555555556;
  }
}

/* ============================================
  建築から学ぶこと 3点リーダー付与
============================================ */
#yasui .p-yasui-archive__item a span {
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  display: -webkit-box;
}

/* ============================================
  検索フィルター 修正
============================================ */
form.searchBox {
  position: relative;
  margin-top: 51px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 20px 0;
}
@media screen and (max-width: 1279px) {
  form.searchBox {
    margin-top: 3.984375vw;
  }
}
@media screen and (max-width: 767px) {
  form.searchBox {
    margin-top: 9.6vw;
    display: block;
  }
}

.searchBox .search-kwd-wrap {
  position: relative;
}
.searchBox .search-kwd-wrap:before {
  z-index: 1;
  content: "";
  background-image: url(../media/icon/search_icon.svg);
  width: 15px;
  height: 15px;
  position: absolute;
  display: block;
  top: 50%;
  left: 10px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 767px) {
  .searchBox .search-kwd-wrap:before {
    width: 4vw;
    height: 4vw;
    left: 2.6666666667vw;
  }
}
.searchBox .search-kwd {
  padding: 0 10px;
  padding-left: 35px;
  width: 259px;
  height: 38px;
  border-radius: 10px;
  background-color: #f6f6f6;
  display: block;
  font-size: 16px;
  line-height: 1;
  color: #5b5657;
  font-family: "M PLUS 1p";
  font-weight: 400;
  margin-right: 20px;
  position: relative;
}
@media screen and (max-width: 767px) {
  .searchBox .search-kwd {
    padding: 0 2.6666666667vw;
    padding-left: 9.3333333333vw;
    width: 100%;
    height: 10.1333333333vw;
    border-radius: 2.6666666667vw;
    font-size: 4.2666666667vw;
    margin-right: 0;
    margin-top: 2.6666666667vw;
  }
}
.searchBox .search-kwd::-webkit-input-placeholder {
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
  font-size: 16px;
  line-height: 1;
  color: #b1aeaf;
  font-family: "M PLUS 1p";
  font-weight: 400;
}
.searchBox .search-kwd::-moz-placeholder {
  transform: rotate(0.05deg);
  font-size: 16px;
  line-height: 1;
  color: #b1aeaf;
  font-family: "M PLUS 1p";
  font-weight: 400;
}
.searchBox .search-kwd:-ms-input-placeholder {
  transform: rotate(0.05deg);
  font-size: 16px;
  line-height: 1;
  color: #b1aeaf;
  font-family: "M PLUS 1p";
  font-weight: 400;
}
.searchBox .search-kwd::-ms-input-placeholder {
  transform: rotate(0.05deg);
  font-size: 16px;
  line-height: 1;
  color: #b1aeaf;
  font-family: "M PLUS 1p";
  font-weight: 400;
}
.searchBox .search-kwd::placeholder {
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
  font-size: 16px;
  line-height: 1;
  color: #b1aeaf;
  font-family: "M PLUS 1p";
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .searchBox .search-kwd::-webkit-input-placeholder {
    font-size: 4.2666666667vw;
  }
  .searchBox .search-kwd::-moz-placeholder {
    font-size: 4.2666666667vw;
  }
  .searchBox .search-kwd:-ms-input-placeholder {
    font-size: 4.2666666667vw;
  }
  .searchBox .search-kwd::-ms-input-placeholder {
    font-size: 4.2666666667vw;
  }
  .searchBox .search-kwd::placeholder {
    font-size: 4.2666666667vw;
  }
}

.selectArchiveBtn {
  margin-right: 20px;
}
@media screen and (max-width: 1279px) {
  .selectArchiveBtn {
    margin-right: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .selectArchiveBtn {
    margin-right: 0;
    margin-top: 2.6666666667vw;
  }
}

.selectCategoryBtn {
  width: auto;
  padding-right: 50px !important;
  margin-right: 20px;
}
@media screen and (max-width: 1279px) {
  .selectCategoryBtn {
    padding-right: 3.90625vw !important;
    margin-right: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .selectCategoryBtn {
    padding-right: 13.3333333333vw !important;
    margin-right: 0;
  }
}

.selectArchiveBtn,
.selectCategoryBtn {
  display: inline-block;
  min-width: 164px;
  height: 38px;
  background-color: #f6f6f6;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10px;
  position: relative;
  -webkit-transition: 0.5s background-color;
  transition: 0.5s background-color;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
  cursor: pointer;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.625;
  color: #5b5657;
  -webkit-transition: 0.5s #ffffff;
  transition: 0.5s #ffffff;
}
.selectArchiveBtn.isActive,
.selectCategoryBtn.isActive {
  background-color: #5b5657;
  color: #ffffff;
}
.selectArchiveBtn.isActive:before,
.selectCategoryBtn.isActive:before {
  background-color: #ffffff;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
.selectArchiveBtn.isActive:after,
.selectCategoryBtn.isActive:after {
  background-color: #ffffff;
  -webkit-transform: translateY(-50%) rotate(135deg);
          transform: translateY(-50%) rotate(135deg);
}
@media screen and (max-width: 767px) {
  .selectArchiveBtn,
  .selectCategoryBtn {
    width: 100%;
    height: 10.1333333333vw;
    border-radius: 2.6666666667vw;
    padding: 0 2.6666666667vw;
    font-size: 4.2666666667vw;
  }
}
.selectArchiveBtn:before, .selectArchiveBtn:after,
.selectCategoryBtn:before,
.selectCategoryBtn:after {
  content: "";
  width: 14px;
  height: 1px;
  background: #5b5657;
  display: block;
  top: 50%;
  right: 10px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  position: absolute;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
@media screen and (max-width: 767px) {
  .selectArchiveBtn:before, .selectArchiveBtn:after,
  .selectCategoryBtn:before,
  .selectCategoryBtn:after {
    width: 3.7333333333vw;
    right: 2.6666666667vw;
  }
}
.selectArchiveBtn:after,
.selectCategoryBtn:after {
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
}
.selectArchiveBtn:hover,
.selectCategoryBtn:hover {
  background-color: #b1aeaf;
}

.topics_sectionList > li {
  font-size: 18px;
  font-weight: 500;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
  color: #5b5657;
  line-height: 1.5555555556;
}
@media screen and (max-width: 1279px) {
  .topics_sectionList > li {
    font-size: 2.1875vw;
  }
}
@media screen and (max-width: 767px) {
  .topics_sectionList > li {
    font-size: 4.2666666667vw;
  }
}

.works_sectionNav {
  position: absolute;
  top: calc(100% + 20px);
  left: 0;
  display: none;
  z-index: 10;
  max-width: 900px;
}
@media screen and (max-width: 1279px) {
  .works_sectionNav {
    max-width: 70.3125vw;
  }
}
@media screen and (max-width: 767px) {
  .works_sectionNav {
    max-width: 100%;
  }
}
.works_sectionNav__inr {
  background-color: #f6f6f6;
  border-radius: 10px;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 0 30px;
}
@media screen and (max-width: 1279px) {
  .works_sectionNav__inr {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .works_sectionNav__inr {
    display: block;
    gap: 0 8vw;
  }
}
.works_sectionNav ul {
  min-width: 352px;
  max-width: 900px;
  width: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 16px;
  z-index: 100;
}
.works_sectionNav ul.-tags01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  min-width: 250px;
}
@media screen and (max-width: 1279px) {
  .works_sectionNav ul.-tags01 {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    min-width: 19.53125vw;
  }
}
@media screen and (max-width: 767px) {
  .works_sectionNav ul.-tags01 {
    min-width: inherit;
  }
}
@media screen and (max-width: 1279px) {
  .works_sectionNav ul.-tags02 {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767px) {
  .works_sectionNav ul.-tags02 {
    margin-top: 8vw;
  }
}
@media screen and (max-width: 1279px) {
  .works_sectionNav ul {
    border-radius: 0.78125vw;
    min-width: 27.5vw;
    max-width: 70.3125vw;
  }
}
@media screen and (max-width: 767px) {
  .works_sectionNav ul {
    min-width: auto;
    width: 100%;
    top: 13.3333333333vw;
    max-width: 100%;
    gap: 2.6666666667vw 4.2666666667vw;
  }
}
.works_sectionNav li {
  display: inline-block;
  font-size: 20px;
  font-weight: 400;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
  color: #5b5657;
  line-height: 1.5;
}
@media screen and (max-width: 1279px) {
  .works_sectionNav li {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .works_sectionNav li {
    font-size: 4.8vw;
  }
}
.works_sectionNav li a {
  width: auto;
  padding: 0 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  color: #5b5657;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  height: 36px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #ffffff;
  border-radius: 50vh;
  -webkit-transition: 0.5s background-color, 0.5s color;
  transition: 0.5s background-color, 0.5s color;
}
@media screen and (max-width: 767px) {
  .works_sectionNav li a {
    font-size: 4.2666666667vw;
    height: 9.6vw;
    padding: 0 2.6666666667vw;
  }
}
.works_sectionNav li a:hover {
  background-color: #5b5657;
  color: #ffffff;
}
.works_sectionNav li.current a {
  cursor: default;
  pointer-events: none;
  background-color: #5b5657;
  color: #ffffff;
}

.topics_sectionNavCategory,
.topics_sectionNavArchive {
  position: absolute;
  top: calc(100% + 20px);
  left: 0;
  display: none;
  z-index: 10;
}
.topics_sectionNavCategory ul,
.topics_sectionNavArchive ul {
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
  background-color: rgba(246, 246, 246, 0.75);
  border-radius: 10px;
  padding: 20px;
  min-width: 352px;
  max-width: 900px;
  width: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 10px 16px;
  z-index: 100;
}
@media screen and (max-width: 1279px) {
  .topics_sectionNavCategory ul,
  .topics_sectionNavArchive ul {
    border-radius: 0.78125vw;
    padding: 1.5625vw;
    min-width: 27.5vw;
    max-width: 70.3125vw;
    gap: 0.78125vw 1.25vw;
  }
}
@media screen and (max-width: 767px) {
  .topics_sectionNavCategory ul,
  .topics_sectionNavArchive ul {
    min-width: auto;
    width: 100%;
    padding: 5.3333333333vw 4vw;
    top: 13.3333333333vw;
    max-width: 100%;
    gap: 2.6666666667vw 4.2666666667vw;
  }
}
.topics_sectionNavCategory ul li,
.topics_sectionNavArchive ul li {
  display: inline-block;
  font-size: 20px;
  font-weight: 400;
  -webkit-transform: rotate(0.05deg);
          transform: rotate(0.05deg);
  color: #5b5657;
  line-height: 1.5;
}
@media screen and (max-width: 1279px) {
  .topics_sectionNavCategory ul li,
  .topics_sectionNavArchive ul li {
    font-size: 1.5625vw;
  }
}
@media screen and (max-width: 767px) {
  .topics_sectionNavCategory ul li,
  .topics_sectionNavArchive ul li {
    font-size: 4.8vw;
  }
}
.topics_sectionNavCategory ul li a,
.topics_sectionNavArchive ul li a {
  width: auto;
  padding: 0 10px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  cursor: pointer;
  color: #5b5657;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  height: 36px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-color: #ffffff;
  border-radius: 50vh;
  -webkit-transition: 0.5s background-color, 0.5s color;
  transition: 0.5s background-color, 0.5s color;
}
@media screen and (max-width: 767px) {
  .topics_sectionNavCategory ul li a,
  .topics_sectionNavArchive ul li a {
    font-size: 4.2666666667vw;
    padding: 0 2.6666666667vw;
    height: 9.6vw;
  }
}
.topics_sectionNavCategory ul li a:hover,
.topics_sectionNavArchive ul li a:hover {
  background-color: #5b5657;
  color: #ffffff;
}
.topics_sectionNavCategory ul li a.isSelected,
.topics_sectionNavArchive ul li a.isSelected {
  cursor: default;
  pointer-events: none;
  background-color: #5b5657;
  color: #ffffff;
}

/*.font_tw {
  font-family: "Noto Sans TC", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;

  &.w500 {
    font-weight: 500;
  }

  &.w300 {
    font-weight: 300;
  }
}*/