/* --------------------------------------------------
	section size
-------------------------------------------------- */
.bgcol01 .breadcrumb__item a span {
  color: #fff;
}

/* tag-list
---------------------------------------------------------------------------- */
.tag-list__wrap {
  position: relative;
  padding: 3rem 0 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: flex;
  justify-content: flex-start;
}

@media screen and (max-width: 767px) {
  .tag-list__wrap {
    padding: 4rem 4rem 0 4rem;
    display: block;	  
  }
}

.tag-list__wrap___last {
  position: relative;
  padding: 3rem 0 16rem 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .tag-list__wrap___last {
    padding: 6rem 4rem 15rem 4rem;
  }
}

.tag-list__wrap .tag-parent-title{
	width: 8rem;
}
@media screen and (max-width: 767px) {
  .list__wrap___last {
    padding: 4rem 4rem 12rem 4rem;
  }
}

.tag-list__wrap .tag-list {
  position: relative;
  width: 100%;
  max-width: 96.5rem;
  margin: 0 auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  gap: 1rem 2.5rem;
  border-left: 1px solid #B1B1B1;
  padding: 0.5rem 0 0.5rem 2.3rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .tag-list__wrap .tag-list {
    max-width: inherit;
  }
}
.tag-list__wrap .tag-list li a {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.7857142857;
  font-weight: 500;
  word-break: break-word;
  transition: all 0.8s 0s ease;
}
@media screen and (min-width: 768px) {
  .tag-list__wrap .tag-list li a:hover {
    text-decoration: underline;
  }
}
@media screen and (max-width: 767px) {
  .tag-list__wrap .tag-list li a {
    font-size: 2.4rem;
    line-height: 1.5833333333;
    font-weight: 500;
  }
}
.tag-list__wrap .tag-list li.current a {
  color: #C49D62;
}
.tag-list__wrap .tag-list + .tag-list {
  margin-top: 3.3rem;
}
@media screen and (max-width: 767px) {
  .tag-list__wrap .tag-list + .tag-list {
    margin-top: 5rem;
  }
}

.tag-list__wrap .tag-parent-title {
    position: relative;
	width: 8rem;
    margin: 0 auto;
    padding: 0.5rem 0 0.5rem 0;
    box-sizing: border-box;
    color: #fff;
    font-size: 1.4rem;
    line-height: 1.7857142857;
}

@media screen and (max-width: 767px) {
  .tag-list__wrap .tag-parent-title {
    width: 100%;
	text-align: center;  
	font-size: 2.4rem;
	padding-bottom: 1rem;
  }
}

.tag-list__wrap___last>div a{
	border: 1px solid #fff;
    padding: 0.5rem 2rem;
    color: #fff;
	font-size: 1.4rem;
	transition: all 0.8s 0s ease;
}

@media screen and (max-width: 767px) {
	.tag-list__wrap___last>div a{
		font-size: 2.4rem;
	}
}

.tag-list__wrap___last a.current {
	border: 1px solid #C49D62;
	color: #C49D62;
}

.tag-list__wrap___last>div a:hover{
	border: 1px solid #fff;
	background-color: #fff;
	color: #4A4A4A;
}

/* sec-works
---------------------------------------------------------------------------- */
.sec-works {
  padding: 0 0 1rem 0;
  background: url("../images/top/bg_works.jpg") repeat left top;
  background-size: contain;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .sec-works {
    padding: 0 0 2rem 0;
  }
}
.sec-works .l-inner {
  position: relative;
  top: -9.5rem;
}
@media screen and (max-width: 767px) {
  .sec-works .l-inner {
    top: -7.5rem;
  }
}
.sec-works .c-title {
  margin-bottom: 6rem;
}
.sec-works .post_wrap {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  gap: 4.5rem 0;
}
@media screen and (max-width: 767px) {
  .sec-works .post_wrap {
    gap: 8rem 0;
  }
}
.sec-works .post_wrap .post {
  width: 33.3333333333%;
}
@media screen and (max-width: 767px) {
  .sec-works .post_wrap .post {
    width: 100%;
  }
}
.sec-works .post_wrap .post__img {
  position: relative;
  width: 100%;
  height: 20.3rem;
}
@media screen and (max-width: 767px) {
  .sec-works .post_wrap .post__img {
    height: 37rem;
  }
}
.sec-works .post_wrap .post__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sec-works .post_wrap .post__img .over_txt {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: rgba(33, 33, 33, 0.63);
  padding: 0 1.5rem 1.5rem 1.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 2;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sec-works .post_wrap .post__img .over_txt .text {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.6428571429;
  font-weight: 700;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  word-break: break-word;
}
.sec-works .post_wrap .post__txt {
  padding: 2rem 0 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .sec-works .post_wrap .post__txt {
    padding: 3rem 0 0 0;
  }
}
.sec-works .post_wrap .post__txt .ttl {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.2857142857;
  font-weight: 700;
  padding: 0 2rem 0 1.3rem;
  word-break: break-word;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .sec-works .post_wrap .post__txt .ttl {
    padding: 0 0 0 2.2rem;
    font-size: 2.6rem;
    line-height: 1.9230769231;
    font-weight: 700;
  }
}
.sec-works .post_wrap .post__txt .ttl:before {
  position: absolute;
  left: 0;
  top: 0.1rem;
  display: block;
  content: "";
  width: 2px;
  height: 2rem;
  background: #B1B1B1;
}
@media screen and (max-width: 767px) {
  .sec-works .post_wrap .post__txt .ttl:before {
    top: 1rem;
    height: 4rem;
  }
}

.sec-works .post_wrap .post__txt .ruby {
font-size: 1.3rem;
    line-height: 1.3846153846;
    font-weight: 400;
    color: #959595;
    word-break: break-word;
    padding-left: 1.3rem;
}
@media screen and (max-width: 767px) {
	.sec-works .post_wrap .post__txt .ruby{
	font-size: 2.4rem;
	 padding-left: 1.7rem;
	}
}

.sec-works .post_wrap .post__txt .tag_list {
  width: 73%;
  margin-top: 1rem;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  gap: 0 1.3rem;
  padding-left: 1.3rem;
}
@media screen and (max-width: 767px) {
  .sec-works .post_wrap .post__txt .tag_list {
    width: 100%;
    margin-top: 3rem;
    gap: 0 2rem;
  }
}
.sec-works .post_wrap .post__txt .tag_list li {
  font-size: 1.3rem;
  line-height: 1.3846153846;
  font-weight: 400;
  color: #959595;
  word-break: break-word;
}
@media screen and (max-width: 767px) {
  .sec-works .post_wrap .post__txt .tag_list li {
    font-size: 2.4rem;
    line-height: 1.5833333333;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) {
  .sec-works .post_wrap .post:hover .post__img .over_txt {
    opacity: 1;
  }
}
.sec-works .btn_wrap {
  margin: 5rem 0 0 auto;
  text-align: right;
}
@media screen and (max-width: 767px) {
  .sec-works .btn_wrap {
    margin-top: 8rem;
  }
}

/* sec-works-detail
---------------------------------------------------------------------------- */
.sec-works-detail {
  padding-bottom: 8.5rem;
}
@media screen and (max-width: 767px) {
  .sec-works-detail {
    padding-bottom: 10rem;
  }
}
.sec-works-detail .post-head .title {
  position: relative;
  font-size: 2rem;
  line-height: 1.9;
  font-weight: 700;
  color: #4A4A4A;
  padding-bottom: 1rem;
  margin-bottom: 0.3rem;
  word-break: break-word;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-head .title {
    font-size: 3.6rem;
    line-height: 1.6111111111;
    font-weight: 700;
    padding-bottom: 2rem;
    margin-bottom: 1.5rem;
  }
}
.sec-works-detail .post-head .title:after {
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  content: "";
  width: 5rem;
  height: 0.4rem;
  background: #B1B1B1;
}

.sec-works-detail .post-head .ruby {
  color: #383838;
  font-size: 1.4rem;
  line-height: 1.8571428571;
  font-weight: 400;
  word-break: break-word;
  color: #959595;
}

@media screen and (max-width: 767px) {
  .sec-works-detail .post-head .ruby {
    font-size: 2.4rem;
    line-height: 1.5833333333;
    font-weight: 500;
  }
}

.sec-works-detail .post-head .tag-list {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  gap: 0 1.3rem;
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-head .tag-list {
    margin-bottom: 6rem;
  }
}

.sec-works-detail .post-head .tag-list li a {
  color: #383838;
  font-size: 1.4rem;
  line-height: 1.8571428571;
  font-weight: 400;
  word-break: break-word;
}
@media screen and (min-width: 768px) {
  .sec-works-detail .post-head .tag-list li a:hover {
    text-decoration: underline;
  }
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-head .tag-list li a {
    font-size: 2.4rem;
    line-height: 1.5833333333;
    font-weight: 500;
  }
}
.sec-works-detail .post-img {
  position: relative;
  margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-img {
    margin-bottom: 6rem;
  }
}
.sec-works-detail .post-img .slider {
  position: relative;
}
.sec-works-detail .post-img .thumbnail {
  margin-top: 2.5rem !important;
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-img .thumbnail {
    margin-top: 4rem !important;
  }
}
.sec-works-detail .post-img .thumbnail .slick-track {
  -webkit-transform: unset !important;
          transform: unset !important;
  width: 100% !important;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.sec-works-detail .post-img .thumbnail .thumbnail-img {
  width: 20% !important;
  outline: none;
}
.sec-works-detail .post-img .slider, .sec-works-detail .post-img .thumbnail {
  display: none;
  margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-img .slider, .sec-works-detail .post-img .thumbnail {
    width: 100%;
    margin: 0 auto;
  }
}
.sec-works-detail .post-img .slider.slick-initialized, .sec-works-detail .post-img .thumbnail.slick-initialized {
  display: block;
}
.sec-works-detail .post-img .slider .slick-track, .sec-works-detail .post-img .thumbnail .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.sec-works-detail .post-img .slider .slick-img {
  aspect-ratio: 1600/900;
}
.sec-works-detail .post-img .slider .slick-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sec-works-detail .post-img .thumbnail .thumbnail-img {
  aspect-ratio: 1600/900;
  cursor: pointer;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sec-works-detail .post-img .thumbnail .thumbnail-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .sec-works-detail .post-img .thumbnail .thumbnail-img:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-img .slider .slick-slide {
    height: 44.6vw !important;
  }
}
.sec-works-detail .post-img .slider-arrow {
  position: absolute;
  right: 0;
  left: 0;
  top: 25rem;
  margin: 0 auto;
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-img .slider-arrow {
    top: 14rem;
  }
}
.sec-works-detail .post-img .slider-arrow .slick-prev,
.sec-works-detail .post-img .slider-arrow .slick-next {
  position: absolute;
  width: 1.8rem;
  height: 2.6rem;
  background: url("../images/common/arrow.svg") no-repeat center center;
  background-size: 100% 100%;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  z-index: 10;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (min-width: 768px) {
  .sec-works-detail .post-img .slider-arrow .slick-prev:hover,
  .sec-works-detail .post-img .slider-arrow .slick-next:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-img .slider-arrow .slick-prev,
  .sec-works-detail .post-img .slider-arrow .slick-next {
    width: 2.6rem;
    height: 5.2rem;
  }
}
.sec-works-detail .post-img .slider-arrow .slick-prev:before,
.sec-works-detail .post-img .slider-arrow .slick-next:before {
  content: "" !important;
  opacity: 1;
}
.sec-works-detail .post-img .slider-arrow .slick-prev {
  left: -3rem;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-img .slider-arrow .slick-prev {
    left: -3.2rem;
  }
}
.sec-works-detail .post-img .slider-arrow .slick-next {
  right: -3rem;
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-img .slider-arrow .slick-next {
    right: -3.2rem;
  }
}
.sec-works-detail .post-cnts .clearfix {
  margin-bottom: 5rem;
}
.sec-works-detail .post-cnts h2 {
  font-size: 1.8rem;
  line-height: 1.6111111111;
  font-weight: 700;
  border-bottom: 1px solid #B1B1B1;
  padding-bottom: 1rem;
  margin-bottom: 1.3rem;
  word-break: break-word;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-cnts h2 {
    font-size: 3.4rem;
    line-height: 1.4117647059;
    font-weight: 700;
    padding-bottom: 2rem;
    margin-bottom: 2.5rem;
  }
}
.sec-works-detail .post-cnts h2:not(:first-chid) {
  margin-top: 3.5rem;
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-cnts h2:not(:first-chid) {
    margin-top: 6rem;
  }
}
.sec-works-detail .post-cnts h3, .sec-works-detail .post-cnts h4, .sec-works-detail .post-cnts h5, .sec-works-detail .post-cnts h6 {
  word-break: break-word;
}
.sec-works-detail .post-cnts p, .sec-works-detail .post-cnts a {
  font-size: 1.6rem;
  line-height: 1.625;
  font-weight: 500;
  color: #383838;
  word-break: break-word;
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-cnts p, .sec-works-detail .post-cnts a {
    font-size: 2.8rem;
    line-height: 1.6428571429;
    font-weight: 500;
    margin-bottom: 3.5rem;
  }
}
.sec-works-detail .post-cnts a {
  display: inline-block;
  color: #C49D62;
}
@media screen and (min-width: 768px) {
  .sec-works-detail .post-cnts a:hover {
    text-decoration: underline;
  }
}
.sec-works-detail .post-cnts strong {
  font-weight: bold;
}
.sec-works-detail .post-cnts em {
  font-style: italic;
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-cnts img {
    width: 100%;
    height: auto;
  }
}
.sec-works-detail .post-cnts .aligncenter {
  display: block;
  margin: 0 auto;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-cnts .aligncenter img {
    width: auto !important;
    max-width: 100% !important;
  }
}
.sec-works-detail .post-cnts .alignright {
  float: right;
  margin: 3rem 0 3rem 3rem;
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-cnts .alignright {
    float: none;
    margin: 3.5rem auto;
  }
}
.sec-works-detail .post-cnts .alignleft {
  float: left;
  margin: 3rem 3rem 3rem 0;
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-cnts .alignleft {
    float: none;
    margin: 3.5rem auto;
  }
}
.sec-works-detail .post-cnts .wp-block-image {
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-cnts .wp-block-image {
    margin-bottom: 3.5rem;
  }
}
.sec-works-detail .post-cnts .is-type-video {
  max-width: 50rem;
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-cnts .is-type-video {
    width: 100%;
    max-width: inherit;
  }
}
.sec-works-detail .post-cnts .is-type-video .wp-block-embed__wrapper {
  position: relative;
  -webkit-box-pack: 0;
      -ms-flex-pack: 0;
          justify-content: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
}
.sec-works-detail .post-cnts .is-type-video .wp-block-embed__wrapper iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border: none;
}
.sec-works-detail .post-cnts .related_wrap {
  margin-top: 4rem;
  position: relative;
  /* slider */
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-cnts .related_wrap {
    margin-top: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-cnts .related_wrap .post {
    width: 100%;
    margin: 0;
  }
}
.sec-works-detail .post-cnts .related_wrap .post a {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .sec-works-detail .post-cnts .related_wrap .post a:hover {
    text-decoration: none;
  }
}
.sec-works-detail .post-cnts .related_wrap .post__img {
  position: relative;
  width: 100%;
  aspect-ratio: 600/338;
}
.sec-works-detail .post-cnts .related_wrap .post__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.sec-works-detail .post-cnts .related_wrap .post__img .over_txt {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: end;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: rgba(33, 33, 33, 0.63);
  padding: 0 1.5rem 1.5rem 1.5rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  z-index: 2;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.sec-works-detail .post-cnts .related_wrap .post__img .over_txt .text {
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.6428571429;
  font-weight: 700;
  margin-bottom: 0;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  word-break: break-word;
}
.sec-works-detail .post-cnts .related_wrap .post__txt {
  padding: 2rem 0 0 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-cnts .related_wrap .post__txt {
    padding: 3rem 0 0 0;
  }
}
.sec-works-detail .post-cnts .related_wrap .post__txt .ttl {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: 700;
  padding: 0 2rem 0 1.3rem;
  margin-bottom: 0;
  color: #000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-cnts .related_wrap .post__txt .ttl {
    font-size: 4rem;
    line-height: 1.3;
    font-weight: 700;
    padding: 0 0 0 2.5rem;
    margin-bottom: .5rem;
  }
}
.sec-works-detail .post-cnts .related_wrap .post__txt .ttl:before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  content: "";
  width: 0.2rem;
  height: 2rem;
  background: #B1B1B1;
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-cnts .related_wrap .post__txt .ttl:before {
    width: 2px;
    height: 5rem;
  }
}

  .sec-works-detail .post-cnts .related_wrap .post__txt .ruby {
    font-size: 1.3rem;
    line-height: 1.3846153846;
    font-weight: 400;
    color: #959595;
    word-break: break-word;
    padding-left: 1.3rem;
    margin-bottom: 0;
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-cnts .related_wrap .post__txt .ruby{
    font-size: 2.4rem;
	 padding-left: 1.7rem;
	}
}

.sec-works-detail .post-cnts .related_wrap .post .tag_list {
  width: 100%;
  margin-top: 1rem;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: start;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-align: start;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  gap: 0 1.3rem;
  padding-left: 1.3rem;
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-cnts .related_wrap .post .tag_list {
    width: 100%;
    margin-top: 3rem;
    gap: 0 2rem;
  }
}
.sec-works-detail .post-cnts .related_wrap .post .tag_list li {
  font-size: 1.3rem;
  line-height: 1.3846153846;
  font-weight: 400;
  color: #959595;
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-cnts .related_wrap .post .tag_list li {
    font-size: 2.4rem;
    line-height: 1.5833333333;
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) {
  .sec-works-detail .post-cnts .related_wrap .post:hover .post__img .over_txt {
    opacity: 1;
  }
}
.sec-works-detail .post-cnts .related_wrap .related_slider {
  display: none;
  margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-cnts .related_wrap .related_slider {
    width: 100%;
    margin: 0 auto;
  }
}
.sec-works-detail .post-cnts .related_wrap .related_slider.slick-initialized {
  display: block;
}
.sec-works-detail .post-cnts .related_wrap .related_slider .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .sec-works-detail .post-cnts .related_wrap .related_slider .slick-slide {
    height: auto !important;
  }
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-cnts .related_wrap .related_slider .slick-slide {
    margin: 0;
  }
}
.sec-works-detail .post-cnts .related_wrap #arrow {
  width: 100%;
  margin: 2rem auto 0 auto;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  gap: 0 1rem;
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-cnts .related_wrap #arrow {
    gap: 0 2rem;
    margin-top: 6rem;
    margin-bottom: -6rem;
  }
}
.sec-works-detail .post-cnts .related_wrap #arrow .slick-prev,
.sec-works-detail .post-cnts .related_wrap #arrow .slick-next {
  position: relative;
  width: 6.2rem;
  height: 6.2rem;
  background: url("../images/common/slide_arrow.svg") no-repeat center center;
  background-size: 100% 100%;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  z-index: 10;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
@media screen and (min-width: 768px) {
  .sec-works-detail .post-cnts .related_wrap #arrow .slick-prev:hover,
  .sec-works-detail .post-cnts .related_wrap #arrow .slick-next:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  .sec-works-detail .post-cnts .related_wrap #arrow .slick-prev,
  .sec-works-detail .post-cnts .related_wrap #arrow .slick-next {
    width: 9rem;
    height: 9rem;
  }
}
.sec-works-detail .post-cnts .related_wrap #arrow .slick-prev:before,
.sec-works-detail .post-cnts .related_wrap #arrow .slick-next:before {
  content: "" !important;
  opacity: 1;
}
.sec-works-detail .post-cnts .related_wrap #arrow .slick-prev {
  left: 0;
  -webkit-transform: scale(-1, 1);
          transform: scale(-1, 1);
}
.sec-works-detail .post-cnts .related_wrap #arrow .slick-next {
  right: 0;
}

/* ----------------------------------------------------------------------------
spiver専用に追加
---------------------------------------------------------------------------- */
.sub-title{
	font-size: 0.7em;
    padding-top: 10px;
    color: #acacac;
}
.sub-title p{
	display: none;
}
.sub-title .current{
	display: block;
}

.post-pdf{
	margin-bottom: 4rem;
}
.pdf ul{
	display: flex;
	justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
	gap: 20px;
}
.pdf-list{
	font-size: 15px;
    font-weight: 600;
    background-color: #F4F4F4;
    padding: 15px 0px;
    border-radius: 3px;
    border: 2px solid #4a4a4a;
	color: #4a4a4a;
}
.pdf-list a{
	padding: 15px 30px;
}

.sec-arthe{
	padding-bottom: 10rem;
}
.sec-arthe .l-inner{
	top: 4.5rem;
}
.arthe-list li{
	color: #383838;
    font-size: 1.4rem;
    line-height: 1.8571428571;
    font-weight: 400;
    word-break: break-word;
}
@media screen and (max-width: 767px) {
	.pdf-list{
	font-size: 14px;
    padding: 10px 0px;
    }
    .pdf-list a{
	padding: 15px 20px;
    }
	.sec-arthe .l-inner{
		top: 5rem;
	}
	.sec-works-detail .post-head .arthe-list li{
		font-size: 2.4rem;
        line-height: 1.5833333333;
        font-weight: 500;
	}
}