@import url("/css/1.0.0/base.css");

@media screen and (min-width: 834px) {
  section.ptn15-contents .container {
    padding-top: 4.3rem;
    padding-bottom: 30.2rem;
  }
}
@media screen and (max-width: 833px) {
  section.ptn15-contents .container {
    padding-top: 4.9rem;
  }
}

@media screen and (min-width: 834px) {
  section.ptn15-contents .post-block {
    max-width: 120.0rem;
    margin: 0 auto;
    margin-top: 4.2rem;
    margin-bottom: 9.0rem;
  }
  section.ptn15-contents .post-block .image {
    width: 100%;
    overflow: hidden;
    border: solid 1px #666;
    border-radius: 1.5rem 1.5rem 0 1.5rem;
    margin-bottom: 5.4rem;
  }
  section.ptn15-contents .post-block .image picture {
    display: contents;
  }
  section.ptn15-contents .post-block .image img {
    width: 100%;
    height: auto;
  }
  section.ptn15-contents .post-block .category {
    display: inline-block;
    background: #008800;
    color: #fff;
    padding: 0.3rem 1.4rem;
    margin-right: 2.1rem;
  }
  section.ptn15-contents .post-block .date {
    display: inline-block;
    font-size: 1.5rem;
  }
  section.ptn15-contents .post-block .title {
    margin-top: 2.9rem;
    font-size: 3.0rem;
    line-height: 1.6;
    margin-bottom: 4.6rem;
    font-weight: bold;
    font-family: TsukuGoPro-B-HelveticaNowTextMedium;
  }
}
@media screen and (max-width: 833px) {
  section.ptn15-contents .post-block {
    margin-top: 7.3rem;
  }
  section.ptn15-contents .post-block .category {
    display: inline-block;
    background: #008800;
    color: #fff;
    padding: 1.2rem 3.8rem;
    margin-right: 2.6rem;
    font-size: 2.0rem;
  }
  section.ptn15-contents .post-block .date {
    display: inline-block;
    font-size: 2.0rem;
  }
  section.ptn15-contents .post-block .title {
    margin-top: 1.8rem;
    font-size: 4.0rem;
    line-height: 1.6;
    margin-bottom: 6.8rem;
    font-weight: bold;
    font-family: TsukuGoPro-B-HelveticaNowTextMedium;
  }
  section.ptn15-contents .post-block .image {
    overflow: hidden;
    margin: 0 -2.9rem;
    margin-bottom: 15.0rem;
  }
  section.ptn15-contents .post-block .image picture {
    display: contents;
  }
  section.ptn15-contents .post-block .image img {
    width: 100%;
    height: auto;
  }
}

@media screen and (min-width: 834px) {
  section.ptn15-contents .post-block {
    max-width: 120.0rem;
    margin: 0 auto;
    margin-top: 4.2rem;
  }
  section.ptn15-contents .post-block .image {
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border: solid 1px #666;
    border-radius: 1.5rem 1.5rem 0 1.5rem;
    margin-bottom: 5.4rem;
  }
  section.ptn15-contents .post-block .image picture {
    display: contents;
  }
  section.ptn15-contents .post-block .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  section.ptn15-contents .post-block .category {
    display: inline-block;
    background: #008800;
    color: #fff;
    padding: 0.2rem 1.3rem;
    margin-right: 0.6rem;
  }
  section.ptn15-contents .post-block .date {
    display: inline-block;
    font-size: 1.5rem;
  }
  section.ptn15-contents .post-block .title {
    margin-top: 1.6rem;
    font-size: 3.0rem;
    line-height: 1.3;
    margin-bottom: 2.8rem;
    font-weight: bold;
    font-family: TsukuGoPro-B-HelveticaNowTextMedium;
  }
  section.ptn15-contents .post-block .more-read {
    margin-top: 4.5rem;
  }
}
@media screen and (max-width: 833px) {
  section.ptn15-contents .post-block {
    margin-top: 7.3rem;
  }
  section.ptn15-contents .post-block .image {
    overflow: hidden;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    margin: 0 -2.9rem;
    margin-bottom: 7.9rem;
  }
  section.ptn15-contents .post-block .image picture {
    display: contents;
  }
  section.ptn15-contents .post-block .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  section.ptn15-contents .post-block .category {
    display: inline-block;
    background: #008800;
    color: #fff;
    padding: 1.2rem 3.8rem;
    margin-right: 2.6rem;
    font-size: 2.0rem;
  }
  section.ptn15-contents .post-block .date {
    display: inline-block;
    font-size: 2.0rem;
  }
  section.ptn15-contents .post-block .title {
    margin-top: 1.8rem;
    font-size: 4.0rem;
    line-height: 1.3;
    margin-bottom: 2.8rem;
    font-weight: bold;
    font-family: TsukuGoPro-B-HelveticaNowTextMedium;
  }
  section.ptn15-contents .post-block .more-read {
    margin-top: 8.0rem;
  }
  section.ptn15-contents .post-block .more-read .c-button {
    max-width: 49.5rem;
    margin: 0 auto;
  }
}


@media screen and (min-width: 834px) {
  section.ptn15-list .container {
    position: relative;
    padding-top: 12.2rem;
    padding-bottom: 13.0rem;
  }
  section.ptn15-list .container::before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 100%;
    max-width: 188.0rem;
    border-radius: 1.0rem;
    height: 1.5rem;
    background: #f3f3f3;
  }
  section.ptn15-list .c-button-more {
    position: absolute;
    top: 18.0rem;
    left: 50%;
    transform: translate(-50%, 0%);
    margin-top: 0rem;
  }
  section.ptn15-list .c-post-list {
    margin-top: 6.2rem;
  }
}
@media screen and (max-width: 833px) {
  section.ptn15-list .c-section-lead {
    margin-bottom: 5.0rem;
  }
  section.ptn15-list .c-button-more {
    width: fit-content;
    margin: 0 auto;
    margin-top: 10.0rem;
  }
  section.ptn15-list .c-button-more a {
  }
}