@charset "UTF-8";
/*---------------------------------------------
design-width
---------------------------------------------*/
/*---------------------------------------------
font-size
---------------------------------------------*/
/* pc */
/* SP */
/*---------------------------------------------
vw変換

width: vw-sp(320);
@include pc-only {
  width: min(vw-pc(194), 194px);
}
@include pc-lg {
  width: vw-pc-lg(194);
}
---------------------------------------------*/
/*---------------------------------------------
メディアクエリ
---------------------------------------------*/
@media screen and (max-width: 767px) {
  .pc {
    display: none !important;
  }
}

@media screen and (min-width: 768px) {
  .sp {
    display: none !important;
  }
}

/*---------------------------------------------
フォント用のmixinとユーティリティ

@include font-sp(26); // モバイルファースト
@include font-pc(18); // タブレット〜PC対応
---------------------------------------------*/
/*---------------------------------------------
archive-work
---------------------------------------------*/
.archive-work .row > * {
  margin-top: 5.9%;
}
@media screen and (max-width: 767px) {
  .archive-work .row > * {
    margin-top: 15%;
  }
  .archive-work .row > *:nth-child(1) {
    margin-top: 0;
  }
}
@media screen and (min-width: 768px) {
  .archive-work .row > *:nth-child(-n+3) {
    margin-top: 0;
  }
}
.archive-work .row .image {
  margin-bottom: 4vw;
}
@media screen and (min-width: 768px) {
  .archive-work .row .image {
    margin-bottom: min(1.8333333333vw, 22px);
  }
}
@media screen and (min-width: 1500px) {
  .archive-work .row .image {
    margin-bottom: 1.4666666667vw;
  }
}
.archive-work .row .company {
  font-size: 4.2666666667vw;
  font-weight: 600;
  margin-bottom: 1em;
}
@media screen and (min-width: 768px) {
  .archive-work .row .company {
    font-size: min(1.6666666667vw, 20px);
  }
}
@media screen and (min-width: 1500px) {
  .archive-work .row .company {
    font-size: 1.3333333333vw;
  }
}
.archive-work .row .title {
  font-size: 3.2vw;
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .archive-work .row .title {
    font-size: min(1.3333333333vw, 16px);
  }
}
@media screen and (min-width: 1500px) {
  .archive-work .row .title {
    font-size: 1.0666666667vw;
  }
}
.archive-work .row .info {
  color: #5e5e5e;
  font-size: 2.9333333333vw;
  line-height: 1.714;
  border-top: solid 1px #d3d3d3;
  padding-top: 2.9333333333vw;
  margin-top: 4vw;
}
@media screen and (min-width: 768px) {
  .archive-work .row .info {
    font-size: min(1.1666666667vw, 14px);
  }
}
@media screen and (min-width: 1500px) {
  .archive-work .row .info {
    font-size: 0.9333333333vw;
  }
}
@media screen and (min-width: 768px) {
  .archive-work .row .info {
    padding-top: min(1.5vw, 18px);
    margin-top: min(2.0833333333vw, 25px);
  }
}
@media screen and (min-width: 1500px) {
  .archive-work .row .info {
    padding-top: 1.2vw;
    margin-top: 1.6666666667vw;
  }
}

/*---------------------------------------------
work-post
---------------------------------------------*/
.work-post .manager-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 4vw;
}
@media screen and (min-width: 768px) {
  .work-post .manager-wrapper {
    margin-bottom: min(2.5vw, 30px);
    width: 76.3%;
    margin-inline: auto;
  }
}
@media screen and (min-width: 1500px) {
  .work-post .manager-wrapper {
    margin-bottom: 2vw;
  }
}
.work-post .manager {
  display: flex;
  align-items: center;
  width: 100%;
  padding-right: 0.5%;
}
@media screen and (min-width: 768px) {
  .work-post .manager {
    width: 33.33%;
  }
}
.work-post .manager .photo {
  border-radius: 50%;
  background: lightgray;
  width: 8.6666666667vw;
  height: 8.6666666667vw;
}
@media screen and (min-width: 768px) {
  .work-post .manager .photo {
    width: min(5.4166666667vw, 65px);
    height: min(5.4166666667vw, 65px);
  }
}
@media screen and (min-width: 1500px) {
  .work-post .manager .photo {
    width: 4.3333333333vw;
    height: 4.3333333333vw;
  }
}
.work-post .manager .photo img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
}
.work-post .manager .info {
  margin-left: 1.3333333333vw;
}
@media screen and (min-width: 768px) {
  .work-post .manager .info {
    margin-left: min(0.8333333333vw, 10px);
  }
}
@media screen and (min-width: 1500px) {
  .work-post .manager .info {
    margin-left: 0.6666666667vw;
  }
}
.work-post .manager .position {
  font-size: 1.8666666667vw;
  letter-spacing: 0.02em;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .work-post .manager .position {
    font-size: min(1.1666666667vw, 14px);
  }
}
@media screen and (min-width: 1500px) {
  .work-post .manager .position {
    font-size: 0.9333333333vw;
  }
}
.work-post .manager .name {
  font-size: 2.4vw;
  font-weight: 600;
  line-height: 1.35;
  margin-top: 0.6666666667vw;
}
@media screen and (min-width: 768px) {
  .work-post .manager .name {
    font-size: min(1.5vw, 18px);
  }
}
@media screen and (min-width: 1500px) {
  .work-post .manager .name {
    font-size: 1.2vw;
  }
}
@media screen and (min-width: 768px) {
  .work-post .manager .name {
    margin-top: min(0.4166666667vw, 5px);
  }
}
@media screen and (min-width: 1500px) {
  .work-post .manager .name {
    margin-top: 0.3333333333vw;
  }
}
.work-post .single-content .post-conetnt .fv {
  background: lightgray;
  margin-inline: auto;
  width: 100%;
  margin-bottom: 2vw;
}
@media screen and (min-width: 768px) {
  .work-post .single-content .post-conetnt .fv {
    width: 76.3%;
    margin-bottom: min(1.25vw, 15px);
  }
}
@media screen and (min-width: 1500px) {
  .work-post .single-content .post-conetnt .fv {
    margin-bottom: 1vw;
  }
}
.work-post .single-content .post-conetnt .user_info {
  font-size: 3.2vw;
  width: 100%;
  text-align: left;
  letter-spacing: 0.02em;
  margin-inline: auto;
  margin-bottom: 3.5em;
  margin-top: 1.3333333333vw;
}
@media screen and (min-width: 768px) {
  .work-post .single-content .post-conetnt .user_info {
    font-size: min(1.3333333333vw, 16px);
  }
}
@media screen and (min-width: 1500px) {
  .work-post .single-content .post-conetnt .user_info {
    font-size: 1.0666666667vw;
  }
}
@media screen and (min-width: 768px) {
  .work-post .single-content .post-conetnt .user_info {
    width: 76.3%;
    margin-top: min(0.8333333333vw, 10px);
  }
}
@media screen and (min-width: 1500px) {
  .work-post .single-content .post-conetnt .user_info {
    margin-top: 0.6666666667vw;
  }
}
.work-post .single-content .post-conetnt .last_text {
  padding-bottom: 0;
  padding-inline: 0;
  text-align: center;
  font-weight: 600;
}
.work-post .single-content .post-conetnt .last_text > *:not(.share-text) {
  font-size: 4vw;
}
@media screen and (min-width: 768px) {
  .work-post .single-content .post-conetnt .last_text > *:not(.share-text) {
    font-size: min(1.6666666667vw, 20px);
  }
}
@media screen and (min-width: 1500px) {
  .work-post .single-content .post-conetnt .last_text > *:not(.share-text) {
    font-size: 1.3333333333vw;
  }
}
.work-post .single-content .post-conetnt .last_text .btn_row {
  margin-top: 2em;
}
@media screen and (min-width: 768px) {
  .work-post .single-content .post-conetnt .last_text .btn_row {
    margin-top: 3em;
  }
}
.work-post .single-content .post-conetnt .share-text {
  margin-top: 2em;
}
@media screen and (min-width: 768px) {
  .work-post .single-content .post-conetnt .share-text {
    margin-top: 3em;
  }
}