@charset "UTF-8";
/* =================================================== 
  フォーマット一覧

  .otf → format("opentype")
  .woff → format("woff")
  .ttf → format("truetype")
  .eot → format("embedded-opentyp")
  .svg .svgz → format("svg")

  =====================================================*/
.l-content--secondary {
  color: #333;
  padding-top: 16.5333333333vw;
  background: url(../img/bg-sec01_sp.jpg) no-repeat top center/100%;
}
.l-content--secondary::before {
  display: none;
}
@media screen and (min-width: 768px) {
  .l-content--secondary {
    padding-top: 11.5277777778vw;
    background: url(../img/bg-sec01_pc.jpg) no-repeat top center/100%;
  }
}
@media screen and (min-width: 1024px) {
  .l-content--secondary {
    padding-top: 166px;
  }
}
.l-content--secondary .p-card {
  margin-top: 0;
}
.l-content--secondary .p-card__item {
  gap: 0;
}
.l-content--secondary .p-card__item-head {
  padding: 0 0 5.3333333333vw;
  margin: 0 0 5.6vw;
}
@media screen and (min-width: 768px) {
  .l-content--secondary .p-card__item-head {
    padding: 0 0 1.5277777778vw;
    margin: 0 0 1.6666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .l-content--secondary .p-card__item-head {
    padding: 0 0 22px;
    margin: 0 0 24px;
  }
}
.l-content--secondary .p-card__item-body {
  display: block;
  margin-bottom: 17.3333333333vw;
}
@media screen and (min-width: 768px) {
  .l-content--secondary .p-card__item-body {
    margin-bottom: 4.1666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .l-content--secondary .p-card__item-body {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 768px) {
  .l-content--secondary .p-card__item-body .txt {
    font-size: clamp(14px, 1.1111111111vw, 16px);
  }
}
@media screen and (min-width: 1024px) {
  .l-content--secondary .p-card__item-body .txt {
    font-size: 16px;
  }
}
.l-content--secondary .p-card__item-body .img {
  margin: 4.5333333333vw 0 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .l-content--secondary .p-card__item-body .img {
    margin: 1.5277777778vw 0 0;
  }
}
@media screen and (min-width: 1024px) {
  .l-content--secondary .p-card__item-body .img {
    margin: 22px 0 0;
  }
}
.l-content--secondary .p-card__block {
  margin-bottom: 13.3333333333vw;
}
@media screen and (min-width: 768px) {
  .l-content--secondary .p-card__block {
    margin-bottom: 4.1666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .l-content--secondary .p-card__block {
    margin-bottom: 60px;
  }
}
.l-content--secondary .p-card__block-comment {
  font-size: 3.7333333333vw;
  line-height: 1.7142857143;
  margin-top: 3.7333333333vw;
  padding: 5.0666666667vw 5.8666666667vw 6.6666666667vw 5.3333333333vw;
  border-radius: 1.3333333333vw;
  background: #f3f3f3;
}
@media screen and (min-width: 768px) {
  .l-content--secondary .p-card__block-comment {
    font-size: clamp(14px, 1.1111111111vw, 18px);
    line-height: 1.5;
    margin-top: 1.25vw;
    padding: 1.5277777778vw 2.0833333333vw 1.7361111111vw;
    border-radius: 10px;
  }
}
@media screen and (min-width: 1024px) {
  .l-content--secondary .p-card__block-comment {
    font-size: 16px;
    margin-top: 18px;
    padding: 22px 30px 25px;
  }
}
.l-content--secondary .p-card__block-comment-title {
  display: flex;
  align-items: center;
}
.l-content--secondary .p-card__block-comment-title::before {
  content: "●";
  font-size: 2.24vw;
  padding-right: 5px;
  color: #999;
}
@media screen and (min-width: 768px) {
  .l-content--secondary .p-card__block-comment-title::before {
    content: "●";
    font-size: clamp(10px, 0.6666666667vw, 18px);
    color: #999;
  }
}
@media screen and (min-width: 1024px) {
  .l-content--secondary .p-card__block-comment-title::before {
    font-size: 9.6px;
  }
}
.l-content--secondary .p-card__block-comment .p-card__block-comment-title:nth-of-type(2) {
  margin-top: 6.9333333333vw;
}
@media screen and (min-width: 768px) {
  .l-content--secondary .p-card__block-comment .p-card__block-comment-title:nth-of-type(2) {
    margin-top: 1.6666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .l-content--secondary .p-card__block-comment .p-card__block-comment-title:nth-of-type(2) {
    margin-top: 24px;
  }
}
.l-content--secondary .p-card__block--part02 .p-card__block-text {
  margin-bottom: 8vw;
}
@media screen and (min-width: 768px) {
  .l-content--secondary .p-card__block--part02 .p-card__block-text {
    margin-bottom: 4.1666666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .l-content--secondary .p-card__block--part02 .p-card__block-text {
    margin-bottom: 60px;
  }
}
.l-content--secondary .p-card__block--part02 .p-card__block-text--part02 {
  font-size: 3.7333333333vw;
  line-height: 1.7142857143;
  padding: 2.9333333333vw 0 7.4666666667vw;
  border-top: 2px solid #dcdcdc;
}
@media screen and (min-width: 768px) {
  .l-content--secondary .p-card__block--part02 .p-card__block-text--part02 {
    font-size: clamp(14px, 1.1111111111vw, 18px);
    line-height: 1.75;
    padding: 1.1111111111vw 0 2.5vw;
  }
}
@media screen and (min-width: 1024px) {
  .l-content--secondary .p-card__block--part02 .p-card__block-text--part02 {
    font-size: 16px;
    line-height: 1.75;
    padding: 16px 0 36px;
  }
}
.l-content--secondary .p-card__block--part02 .p-card__block-text--part02 a {
  text-decoration: underline;
}
.l-content--secondary .p-card__block--part03 .p-card__block-figure {
  display: block;
  margin-bottom: 6.4vw;
  padding: 0 4vw 7.2vw;
  border-radius: 1.3333333333vw;
  background: #f3f3f3;
}
@media screen and (min-width: 768px) {
  .l-content--secondary .p-card__block--part03 .p-card__block-figure {
    display: flex;
    margin-bottom: 2.4305555556vw;
    padding: 2.0833333333vw;
    border-radius: 10px;
  }
}
@media screen and (min-width: 1024px) {
  .l-content--secondary .p-card__block--part03 .p-card__block-figure {
    margin-bottom: 35px;
    padding: 30px;
  }
}
.l-content--secondary .p-card__block--part03 .p-card__block-figure-text .p-card__block-figure-text-title {
  color: #333;
  margin-bottom: 3.2vw;
  padding-bottom: 1.6vw;
  border-bottom: 2px solid #dcdcdc;
}
@media screen and (min-width: 768px) {
  .l-content--secondary .p-card__block--part03 .p-card__block-figure-text .p-card__block-figure-text-title {
    margin-bottom: 1.0416666667vw;
    padding-bottom: 1.25vw;
  }
}
@media screen and (min-width: 1024px) {
  .l-content--secondary .p-card__block--part03 .p-card__block-figure-text .p-card__block-figure-text-title {
    margin-bottom: 15px;
    padding-bottom: 18px;
  }
}
.l-content--secondary .p-card__block--part03 .p-card__block-figure-image {
  width: calc(100% + 8vw);
  margin-left: -4vw;
  margin-bottom: 4vw;
}
.l-content--secondary .p-card__block--part03 .p-card__block-figure-image img {
  border-radius: 1.3333333333vw 1.3333333333vw 0 0;
}
@media screen and (min-width: 768px) {
  .l-content--secondary .p-card__block--part03 .p-card__block-figure-image {
    width: 35.5555555556%;
    margin-left: 0;
    margin-bottom: 0;
    border-radius: 0;
  }
  .l-content--secondary .p-card__block--part03 .p-card__block-figure-image img {
    border-radius: 0;
  }
}
.l-content--secondary .p-card__block--part03 .p-card__block-figure-image img {
  width: 100%;
}
.l-content--secondary .p-card__block-title {
  color: #fff;
  background: #03358c;
  font-size: 4vw;
  font-weight: 700;
  padding: 2.4vw 0 2.4vw 2.6666666667vw;
}
@media screen and (min-width: 768px) {
  .l-content--secondary .p-card__block-title {
    font-size: clamp(14px, 1.3888888889vw, 18px);
    padding: 0.9027777778vw 0 0.9027777778vw 1.1111111111vw;
  }
}
@media screen and (min-width: 1024px) {
  .l-content--secondary .p-card__block-title {
    font-size: 20px;
    padding: 13px 0 13px 16px;
  }
}
.l-content--secondary .p-card__block-text {
  font-size: 3.7333333333vw;
  line-height: 1.7142857143;
  margin: 5.3333333333vw 0 11.4666666667vw 0;
}
@media screen and (min-width: 768px) {
  .l-content--secondary .p-card__block-text {
    margin: 1.9444444444vw 0;
    font-size: clamp(14px, 1.1111111111vw, 16px);
  }
}
@media screen and (min-width: 1024px) {
  .l-content--secondary .p-card__block-text {
    font-size: 16px;
    margin: 28px 0;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) {
  .l-content--secondary .p-card__block-images {
    display: flex;
    justify-content: center;
    gap: 2.8472222222vw;
  }
}
@media screen and (min-width: 1024px) {
  .l-content--secondary .p-card__block-images {
    display: flex;
    justify-content: center;
    gap: 41px;
  }
}
.l-content--secondary .p-card__block-image + .p-card__block-image {
  margin-top: 8.8vw;
}
@media screen and (min-width: 768px) {
  .l-content--secondary .p-card__block-image + .p-card__block-image {
    margin-top: 0;
  }
}
.l-content--secondary .p-card__block-caption {
  font-size: 3.0666666667vw;
  margin-top: 2.9333333333vw;
}
@media screen and (min-width: 768px) {
  .l-content--secondary .p-card__block-caption {
    font-size: clamp(14px, 0.9722222222vw, 16px);
    margin-top: 1.0416666667vw;
  }
}
@media screen and (min-width: 1024px) {
  .l-content--secondary .p-card__block-caption {
    font-size: 14px;
    margin-top: 15px;
  }
}
.l-content--secondary .p-card__block-subtitle {
  font-weight: 700;
  font-size: 4vw;
  margin-bottom: 4.8vw;
  padding: 0.5333333333vw 0 0.8vw 2.1333333333vw;
  border-left: 4px solid #03358c;
}
@media screen and (min-width: 768px) {
  .l-content--secondary .p-card__block-subtitle {
    font-size: clamp(16px, 1.3888888889vw, 18px);
    padding: 5px 0 6px 14px;
    margin-bottom: 2.0833333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .l-content--secondary .p-card__block-subtitle {
    font-size: 20px;
    margin-bottom: 30px;
  }
}
.l-content--secondary .p-card__block-figure {
  margin-bottom: 10.4vw;
}
.l-content--secondary .p-card__block-figure:last-child {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .l-content--secondary .p-card__block-figure {
    display: flex;
    justify-content: flex-start;
    gap: 40px;
    margin-bottom: 2.1527777778vw;
  }
}
@media screen and (min-width: 1024px) {
  .l-content--secondary .p-card__block-figure {
    margin-bottom: 31px;
  }
}
.l-content--secondary .p-card__block-figure-image {
  margin-bottom: 6.4vw;
}
@media screen and (min-width: 768px) {
  .l-content--secondary .p-card__block-figure-image {
    width: 35.5555555556%;
    margin-bottom: 0;
  }
}
.l-content--secondary .p-card__block-figure-text {
  flex: 1;
}
.l-content--secondary .p-card__block-figure-text-title {
  color: #03358c;
  font-weight: 700;
  font-size: 4vw;
  line-height: 1.4;
  margin-bottom: 4.5333333333vw;
}
@media screen and (min-width: 768px) {
  .l-content--secondary .p-card__block-figure-text-title {
    font-size: clamp(16px, 1.25vw, 18px);
    margin-bottom: 1.4583333333vw;
  }
}
@media screen and (min-width: 1024px) {
  .l-content--secondary .p-card__block-figure-text-title {
    font-size: 18px;
    margin-bottom: 21px;
  }
}
.l-content--secondary .p-card__block-figure-text-desc {
  font-size: 3.7333333333vw;
  line-height: 1.7142857143;
}
@media screen and (min-width: 768px) {
  .l-content--secondary .p-card__block-figure-text-desc {
    font-size: clamp(14px, 1.1111111111vw, 18px);
    line-height: 1.5;
  }
}
@media screen and (min-width: 1024px) {
  .l-content--secondary .p-card__block-figure-text-desc {
    font-size: 16px;
  }
}
.l-content--secondary .p-card__block-figure-text-desc + .p-card__block-figure-text-desc {
  margin-top: 4vw;
}
@media screen and (min-width: 768px) {
  .l-content--secondary .p-card__block-figure-text-desc + .p-card__block-figure-text-desc {
    margin-top: 1.7361111111vw;
  }
}
@media screen and (min-width: 1024px) {
  .l-content--secondary .p-card__block-figure-text-desc + .p-card__block-figure-text-desc {
    margin-top: 25px;
  }
}
.l-content--secondary .p-card__item-comment-title {
  font-size: 3.7333333333vw;
  line-height: 1.7142857143;
  text-indent: -0.5em;
  font-weight: 700;
  margin-bottom: 2.6666666667vw;
  padding-bottom: 1.8666666667vw;
  border-bottom: 2px solid #dcdcdc;
}
@media screen and (min-width: 768px) {
  .l-content--secondary .p-card__item-comment-title {
    font-size: clamp(16px, 1.25vw, 18px);
    margin-bottom: 0.8333333333vw;
    padding-bottom: 1.3888888889vw;
  }
}
@media screen and (min-width: 1024px) {
  .l-content--secondary .p-card__item-comment-title {
    font-size: 18px;
    margin-bottom: 12px;
    padding-bottom: 20px;
  }
}
.l-content--secondary .p-card__item-comment-text {
  font-size: 3.7333333333vw;
  line-height: 1.7142857143;
}
@media screen and (min-width: 768px) {
  .l-content--secondary .p-card__item-comment-text {
    font-size: clamp(14px, 1.1111111111vw, 18px);
    line-height: 1.75;
  }
}
@media screen and (min-width: 1024px) {
  .l-content--secondary .p-card__item-comment-text {
    font-size: 16px;
  }
}
.l-content--secondary .c-button.tour {
  margin-top: 10.6666666667vw;
  margin-bottom: 6.9333333333vw;
}
@media screen and (min-width: 768px) {
  .l-content--secondary .c-button.tour {
    margin-top: 5vw;
    margin-bottom: 4.0972222222vw;
  }
}
@media screen and (min-width: 1024px) {
  .l-content--secondary .c-button.tour {
    margin-top: 72px;
    margin-bottom: 59px;
  }
}
@media screen and (min-width: 768px) {
  .l-content--secondary .c-button.tour a {
    padding: 1.5972222222vw;
  }
}
@media screen and (min-width: 1024px) {
  .l-content--secondary .c-button.tour a {
    padding: 23px;
  }
}