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

@media screen and (min-width: 834px) {
  section.ptn11b-slider .container {
    padding-top: 11.5rem;
    padding-bottom: 0rem;
  }

  section.ptn11b-slider .block-slider {
    max-width: 120.0rem;
    margin: 0 auto;
  }
  section.ptn11b-slider .block-slider h3 {
    font-size: 3.0rem;
    font-weight: bold;
    font-family: TsukuGoPro-B-HelveticaNowTextMedium;
    line-height: 1.6;
  }

  section.ptn11b-slider .c-section-lead {
    margin-top: 5.3rem;
    margin-bottom: 16.2rem;
  }
  section.ptn11b-slider .c-section-label {
    margin-bottom: 9.1rem;
  }
  section.ptn11b-slider .block-content {
    margin-bottom: 12.9rem;
  }


  section.ptn11b-slider .block-slider {
    max-width: 120.0rem;
    margin: 0 auto;
  }
  section.ptn11b-slider .block-slider h3 {
    font-size: 3.0rem;
    font-weight: bold;
    font-family: TsukuGoPro-B-HelveticaNowTextMedium;
    line-height: 1.6;
  }

  section.ptn11b-slider .ptn11b-book-swiper-wrap {
    overflow: visible;
    max-width: 176.8rem;
    margin: 0 auto;
    width: 100%;
    height: 100%;
    position: relative;
    margin-top: 6.0rem;
    margin-bottom: 21.2rem;
  }
  section.ptn11b-slider .ptn11b-book-swiper {
    overflow: visible;
    max-width: 43.6rem;
    margin: 0 auto 0 0;
    width: 100%;
    height: 100%;
    padding-left: 0.4rem;
    padding-right: 5.1rem;
    padding-bottom: 5.7rem;
  }
  section.ptn11b-slider .ptn11b-book-swiper .swiper-slide {
    padding: 0 5.0rem 5.0rem 0;
  }
  section.ptn11b-slider .ptn11b-book-swiper .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    overflow: visible;
  }
  section.ptn11b-slider .ptn11b-book-swiper .book {
    background: #f3f3f3;
    overflow: hidden;
    border-radius: 1.5rem 1.5rem 0 1.5rem;
    position: relative;
    border: solid 1px #fff;
    transition: box-shadow 200ms 0s ease,
                border 200ms 0s ease;
  }
  section.ptn11b-slider .ptn11b-book-swiper a:hover .book {
    box-shadow: -0.4rem -0.3rem 0 0 #ccc;
    border: solid 1px #666;
  }
  section.ptn11b-slider .ptn11b-book-swiper .book::after {
    content: "";
    display: block;
    border-right: solid 0.3rem #666;
    border-bottom: solid 0.3rem #666;
    width: 0.9rem;
    height: 0.9rem;
    position: absolute;
    bottom: 0.8rem;
    right: 0.8rem;
  }
  section.ptn11b-slider .ptn11b-book-swiper .book .num {
    position: absolute;
    top: 0;
    right: 1.5rem;
  }
  section.ptn11b-slider .ptn11b-book-swiper .book .image {
    height: 33.0rem;
    padding-top: 1.9rem;
    padding-bottom: 1.2rem;
  }
  section.ptn11b-slider .ptn11b-book-swiper .book .image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  section.ptn11b-slider .ptn11b-book-swiper .title {
    padding-top: 1.2rem;
    line-height: 1.7;
  }
  section.ptn11b-slider .ptn11b-book-swiper .author {
    line-height: 1.7;
    font-size: 1.6rem;
  }
  section.ptn11b-slider .ptn11b-book-swiper .swiper-pagination {
    text-align: left;
    bottom: 2.2rem;
    left: 50%;
    transform: translate(-50%, 0%);
    z-index: 10;
    max-width: 120.0rem;
    margin: 0 auto;
  }
  section.ptn11b-slider .ptn11b-book-swiper .swiper-pagination .swiper-pagination-bullet {
    width: 1.0rem;
    height: 1.0rem;
  }
  section.ptn11b-slider .ptn11b-book-swiper .swiper-pagination .swiper-pagination-bullet-active {
    background: #666;
  }
  section.ptn11b-slider .ptn11b-book-swiper .swiper-button {
    position: absolute;
    bottom: 4.4rem;
    left: 50%;
    transform: translate(-50%, 0%);
    height: 0;
    width: 100vw;
    max-width: 174.0rem;
  }
  section.ptn11b-slider .ptn11b-book-swiper .swiper-button-next,
  section.ptn11b-slider .ptn11b-book-swiper .swiper-button-prev {
    width: 5.8rem;
    height: 5.8rem;
    border: solid 1px #666;
    border-radius: 100%;
    top: auto;
    left: auto;
    transition: box-shadow 200ms 0s ease;
  }
  section.ptn11b-slider .ptn11b-book-swiper .swiper-button-next:after,
  section.ptn11b-slider .ptn11b-book-swiper .swiper-button-prev:after {
    content: none;
  }
  section.ptn11b-slider .ptn11b-book-swiper .swiper-button-next:hover,
  section.ptn11b-slider .ptn11b-book-swiper .swiper-button-prev:hover {
    box-shadow: -0.3rem -0.2rem 0 0.1rem #ccc;
  }
  section.ptn11b-slider .ptn11b-book-swiper .swiper-button-next {
    background: url(/img/icon_slider_next.webp) 50% 50%/1.8rem auto no-repeat;
    right: 2.0rem;
  }
  section.ptn11b-slider .ptn11b-book-swiper .swiper-button-prev {
    background: url(/img/icon_slider_prev.webp) 50% 50%/1.8rem auto no-repeat;
    right: 9.7rem;
  }

}
@media screen and (max-width: 833px) {
  section.ptn11b-slider .container {
    padding-top: 6.7rem;
    padding-bottom: 0rem;
  }
  section.ptn11b-slider .c-section-title {
  }
  section.ptn11b-slider .c-section-lead {
    margin-top: 5.5rem;
    margin-bottom: 21.2rem;
  }
  section.ptn11b-slider .c-section-label {
    margin-bottom: 6.2rem;
  }
  section.ptn11b-slider .block-content {
    margin-bottom: 10.3rem;
  }
  section.ptn11b-slider .c-block-title {
    padding-bottom: 1.7rem;
  }
  section.ptn11b-slider .c-block-text {
    padding-right: 2.5rem;
  }
  section.ptn11b-slider .block-slider h3 {
    font-size: 4.1rem;
    font-weight: bold;
    font-family: TsukuGoPro-B-HelveticaNowTextMedium;
    line-height: 1.6;
    margin-bottom: 6.0rem;
  }
  section.ptn11b-slider .block-slider.slider01 {
    position: relative;
    margin-bottom: 25.0rem;
  }
  section.ptn11b-slider .block-slider.slider02 {
    position: relative;
    margin-top: 11.8rem;
    margin-bottom: 25.0rem;
  }
  section.ptn11b-slider .c-button-more,
  section.ptn11b-slider .c-button-more-area {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
  }
  section.ptn11b-slider .c-button-more-area li:last-child {
    margin-bottom: 0rem;
  }
  section.ptn11b-slider .ptn11b-book-swiper-wrap {
    overflow: visible;
    width: 59.0rem;
    margin: 0 auto;
  }
  section.ptn11b-slider .slider01 .ptn11b-book-swiper-wrap {
    padding-bottom: 25.0rem;
  }
  section.ptn11b-slider .slider02 .ptn11b-book-swiper-wrap {
    padding-bottom: 40.0rem;
  }
  section.ptn11b-slider .ptn11b-book-swiper .swiper-slide {
    width: 100%;
    padding: 0 2.0rem;
    margin-bottom: 0.5rem;
  }
  section.ptn11b-slider .ptn11b-book-swiper .swiper-slide a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    overflow: hidden;
    border: solid 1px #fff;
    position: relative;
  }
  section.ptn11b-slider .ptn11b-book-swiper .book {
    background: #f3f3f3;
    overflow: hidden;
    border-radius: 1.5rem 1.5rem 0 1.5rem;
    position: relative;
    border: solid 1px #fff;
  }
  section.ptn11b-slider .ptn11b-book-swiper .book::after {
    content: "";
    display: block;
    border-right: solid 0.4rem #666;
    border-bottom: solid 0.4rem #666;
    width: 1.2rem;
    height: 1.2rem;
    position: absolute;
    bottom: 0.8rem;
    right: 0.8rem;
  }
  section.ptn11b-slider .ptn11b-book-swiper .book .num {
    position: absolute;
    top: 0;
    right: 2.5rem;
    width: 5.7rem;
  }
  section.ptn11b-slider .ptn11b-book-swiper .book .image {
    height: 54.8rem;
    padding-top: 2.7rem;
    padding-bottom: 2.7rem;
  }
  section.ptn11b-slider .ptn11b-book-swiper .book .image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  section.ptn11b-slider .ptn11b-book-swiper .title {
    padding-top: 1.4rem;
    line-height: 1.7;
    font-size: 3.2rem;
  }
  section.ptn11b-slider .ptn11b-book-swiper .author {
    line-height: 1.7;
    font-size: 2.7rem;
  }
}


section.ptn11b-research .content01 .image-wrap {
  background: #ff010a;
}
section.ptn11b-research .content02 .image-wrap {
  background: #f3f3f3;
}
section.ptn11b-research .content03 .image-wrap {
  background: #f3e7d8;
}
section.ptn11b-research .content04 .image-wrap {
  background: #75be75;
}
section.ptn11b-research .content05 .image-wrap {
  background: #6e85a4;
}
section.ptn11b-research .content06 .image-wrap {
  background: #f3f3f3;
}
section.ptn11b-research .content07 .image-wrap {
  background: #9aaa8d;
}
section.ptn11b-research .content08 .image-wrap {
  background: #dbaec4;
}
@media screen and (min-width: 834px) {
  section.ptn11b-research .container {
    padding-bottom: 23.3rem;
  }
  section.ptn11b-research .block-slider {
    max-width: 120.0rem;
    margin: 0 auto;
  }
  section.ptn11b-research .block-slider h3 {
    font-size: 3.0rem;
    font-weight: bold;
    font-family: TsukuGoPro-B-HelveticaNowTextMedium;
    line-height: 1.6;
  }
  section.ptn11b-research .c-section-lead {
    margin-top: 5.3rem;
    margin-bottom: 16.2rem;
  }
  section.ptn11b-research .c-section-label {
    margin-bottom: 7.1rem;
    margin-top: 21.2rem;
  }
  section.ptn11b-research .c-section-label:first-child,
  section.ptn11b-research .c-section-lead + .c-section-label {
    margin-top: 0;
  }
  section.ptn11b-research .block-content {
    margin-bottom: 14.8rem;
  }
  section.ptn11b-research .c-block-image-left .body {
    align-items: center;
  }
  section.ptn11b-research .c-block-image-left .content {
    padding-left: 6.3rem;
    padding-top: 0rem;
    margin-left: 0rem;
    width: 50%;
  }
  section.ptn11b-research .c-block-image-left .image-wrap {
    width: 50%;
  }
  section.ptn11b-research .c-block-image-left .image {
    width: 60.0rem;
  }
  section.ptn11b-research .c-block-image-left .image img {
    height: 30.0rem;
    width: auto;
    max-width: none;
  }
  section.ptn11b-research .c-block-image-right .body {
    align-items: center;
 }
  section.ptn11b-research .c-block-image-right .content {
    margin-right: 6.3rem;
    padding-top: 0rem;
    max-width: 54.0rem;
  }
  section.ptn11b-research .c-block-image-right .image-wrap {
    width: 50%;
  }
  section.ptn11b-research .c-block-image-right .image {
    width: 59.6rem;
  }
  section.ptn11b-research .c-block-image-right .image img {
    height: 30.0rem;
    width: auto;
    max-width: none;
  }

  section.ptn11b-research .content01 {
    margin-top: 6.3rem;
    margin-bottom: 5.2rem;
  }
  section.ptn11b-research .content01 .image {
    padding-left: 23.0rem;
  }
  section.ptn11b-research .content02 {
    margin-bottom: 5.1rem;
  }
  section.ptn11b-research .content02 .image {
    padding-right: 14.7rem;
  }
  section.ptn11b-research .content03 {
    margin-bottom: 5.5rem;
  }
  section.ptn11b-research .content03 .image {
    padding-left: 7.0rem;
  }
  section.ptn11b-research .content04 {
    margin-bottom: 0.0rem;
  }
  section.ptn11b-research .content04 .image {
    padding-right: 23.7rem;
  }
  section.ptn11b-research .content05 {
    margin-top: 6.3rem;
    margin-bottom: 5.2rem;
  }
  section.ptn11b-research .content06 {
    margin-bottom: 5.1rem;
  }
  section.ptn11b-research .content06 .image {
    padding-right: 14.7rem;
  }
  section.ptn11b-research .content07 {
    margin-bottom: 5.5rem;
  }
  section.ptn11b-research .content08 {
  }
  section.ptn11b-research .content08 .image {
    padding-right: 14.7rem;
  }
  section.ptn11b-research .c-block-media-links {
    margin-top: -8.2rem;
    margin-bottom: 0rem;
  }
  section.ptn11b-research .c-block-media-links .wrap {
    padding-top: 6.8rem;
    padding-bottom: 7.7rem;
  }
}
@media screen and (max-width: 833px) {
  section.ptn11b-research .container {
    padding-top: 0rem;
  }
  section.ptn11b-research .c-section-title {
    font-size: 4.5rem;
  }
  section.ptn11b-research .c-section-lead {
    margin-top: 5.5rem;
    margin-bottom: 21.2rem;
  }
  section.ptn11b-research .c-section-label {
    margin-bottom: 6.2rem;
    margin-top: 25.0rem;
  }
  section.ptn11b-research .c-section-label:first-child,
  section.ptn11b-research .c-section-lead + .c-section-label {
    margin-top: 0;
  }
  section.ptn11b-research .block-content {
    margin-bottom: 16.8rem;
  }
  section.ptn11b-research .block-content:nth-child(2) {
    margin-bottom: 22.8rem;
  }
  section.ptn11b-research .c-block-title {
    padding-bottom: 1.7rem;
  }
  section.ptn11b-research .c-block-text {
    padding-right: 2.5rem;
  }
  section.ptn11b-research .c-block-subtitle {
    margin-top: 8.0rem;
  }
  section.ptn11b-research .block-slider h3 {
    font-size: 4.1rem;
    font-weight: bold;
    font-family: TsukuGoPro-B-HelveticaNowTextMedium;
    line-height: 1.6;
    margin-bottom: 6.0rem;
  }
  section.ptn11b-research .block-slider.slider01 {
    position: relative;
    margin-bottom: 25.9rem;
  }
  section.ptn11b-research .block-slider.slider02 {
    position: relative;
    margin-top: 11.8rem;
    margin-bottom: 41.4rem;
  }
  section.ptn11b-research .c-button-more,
  section.ptn11b-research .c-button-more-area {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0%);
  }
  section.ptn11b-research .c-block-image-left .image-wrap {
    margin-top: 5.7rem;
  }
  section.ptn11b-research .c-block-image-left .image-wrap .image {
    width: 40.0rem;
  }
  section.ptn11b-research .c-block-image-right .image-wrap {
    margin-top: 6.2rem;
  }
  section.ptn11b-research .c-block-image-right .image-wrap .image {
    width: 40.0rem;
  }

  section.ptn11b-research .content01 .image-wrap {
    padding-left: 26.1rem;
    margin-bottom: 15.8rem;
  }
  section.ptn11b-research .content02 .image-wrap {
    padding-left: 5.1rem;
    margin-bottom: 20.4rem;
  }
  section.ptn11b-research .content03 .image-wrap {
    padding-left: 16.1rem;
    margin-bottom: 19.8rem;
  }
  section.ptn11b-research .content04 .image-wrap {
    padding-left: 26.1rem;
    margin-bottom: 20.8rem;
  }
  section.ptn11b-research .content05 .image-wrap {
    padding-left: 26.1rem;
    margin-bottom: 15.8rem;
  }
  section.ptn11b-research .content06 .image-wrap {
    padding-left: 5.1rem;
    margin-bottom: 20.5rem;
  }
  section.ptn11b-research .content07 .image-wrap {
    padding-left: 16.1rem;
    margin-bottom: 19.8rem;
  }
  section.ptn11b-research .content08 .image-wrap {
    padding-left: 26.1rem;
    margin-bottom: 28.0rem;
  }

  section.ptn11b-research .c-block-media-links {
    margin: 0 -0.9rem;
    margin-top: -3.3rem;
    margin-bottom: 25.0rem;
  }
  section.ptn11b-research .c-block-media-links:last-child {
    margin-bottom: 0rem;
  }
  section.ptn11b-research .c-block-media-links .wrap {
    padding-top: 14.0rem;
    padding-bottom: 7.9rem;
  }
}