@charset "UTF-8";
/*==================================
      レスポンシブ設定 マップ型変数breakpointsを定義
      =================================*/
.section:nth-of-type(odd) {
  background-color: inherit;
}

#content {
  padding-top: 85px;
}
#content .work-title::after {
  content: none;
}
#content .work-site__box {
  margin-top: 0;
}
#content .contact-link__black {
  border: solid 4px #333;
  background-color: #333;
  border-radius: 0;
}
#content .contact-link__black:before, #content .contact-link__black:after {
  content: unset;
}
#content .contact-button:hover {
  opacity: 1;
}
#content .cfs-hyperlink {
  color: #ffffff;
}

.work-site__box .img-site__Wrap {
  background: none;
}
@media screen and (max-width: 767px) {
  .work-site__box .site-content {
    padding-left: 14px;
    padding-right: 14px;
  }
}
.work-site__box .site-content .site-content__right p {
  background-color: inherit;
  color: #333;
  border: 1px solid #333;
}
.work-site__box .site-content h5 {
  font-family: "Noto serif JP", serif;
}

@media screen and (max-width: 767px) {
  .work-width {
    padding-left: 14px;
    padding-right: 14px;
  }
}
.work-width .work-title {
  padding-top: 0;
  padding-left: 0;
  font-family: "Noto serif JP", serif;
  font-weight: 600;
  color: #333333;
  font-size: clamp(1.5rem, 0.611rem + 1.85vw, 2rem);
}
.work-width p:first-of-type {
  text-align: left;
  font-family: "Playfair", serif;
  font-size: clamp(1.5rem, 0.611rem + 1.85vw, 2rem);
  font-weight: 500;
  color: #FF1A1A;
}
.work-width .vertical-rl {
  -webkit-writing-mode: unset;
      -ms-writing-mode: unset;
          writing-mode: unset;
  padding-top: 0;
  padding-left: 0;
  text-align: left;
}