#contents_area a {
  color: inherit; }
#contents_area a:hover {
  opacity: 1; }

.zr-v-ps {
  font-size: 16px;
  line-height: 1.7; }
  .zr-v-ps * {
    box-sizing: border-box; }
  .zr-v-ps img {
    max-width: 100%; }
  .zr-v-ps .anchor {
    display: block;
    position: relative;
    z-index: -1;
    padding-top: 120px;
    margin-top: -120px; }

.zr-v-ps-wrap {
  width: 100%;
  max-width: 2000px;
  margin: 0 auto; }

.zr-v-ps-kv {
  position: relative; }
  .zr-v-ps-kv figure {
    line-height: 0; }
  .zr-v-ps-kv img {
    filter: grayscale(100%);
    opacity: 0;
    transition: filter 2.8s 1.2s, opacity 2.4s;
    width: 100%;
    max-height: calc(100vh - 170px);
    object-fit: cover; }
  .zr-v-ps-kv.inView img {
    opacity: 1;
    filter: grayscale(0); }

div.scroll {
  position: fixed;
  transform: translate(-50%, -115%);
  left: 50%;
  top: 100%; }
  div.scroll p {
    position: relative;
    z-index: 10;
    display: block;
    font-size: 12px;
    font-family: "Reimin Regular","Reimin Medium",serif;
    width: 40px;
    margin: auto;
    line-height: 2;
    letter-spacing: 0.1em;
    writing-mode: vertical-lr;
    transition-delay: 0.2s;
    color: #fff; }
    div.scroll p em {
      display: inline-block;
      padding: 8px; }
    div.scroll p::before {
      content: "";
      position: absolute;
      top: 0;
      left: 8px;
      width: 1px;
      height: 100%; }
    div.scroll p::after {
      content: "";
      position: absolute;
      top: 0;
      left: 8px;
      width: 1px;
      height: 100%;
      background: #fff;
      animation: sdl 4s cubic-bezier(0.42, 0, 0.23, 0.99) infinite; }

.zr-v-ps-h div.scroll {
  position: absolute; }

@keyframes sdl {
  0% {
    transform: scale(1, 0);
    transform-origin: 0 0; }
  50% {
    transform: scale(1, 1);
    transform-origin: 0 0; }
  50.1% {
    transform: scale(1, 1);
    transform-origin: 0 100%; }
  100% {
    transform: scale(1, 0);
    transform-origin: 0 100%; } }
.zr-v-ps-title {
  background: url("../images/title-bg.png");
  background-size: cover; }

.zr-v-ps-title-wrap {
  width: 980px;
  max-width: 92%;
  margin: 0 auto;
  padding: 64px 0;
  display: flex;
  justify-content: center;
  align-items: center; }
  .zr-v-ps-title-wrap h1 {
    padding: 0 16px; }
  .zr-v-ps-title-wrap h2 {
    padding: 0 16px; }
  .zr-v-ps-title-wrap img {
    height: 88px; }

.zr-v-ps-story {
  background: #fff;
  overflow: hidden; }

.zr-v-ps-story-body {
  position: relative; }
  .zr-v-ps-story-body figure {
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    width: 64%;
    position: absolute;
    z-index: 0;
    top: 0;
    transition-delay: 1.0s;
    opacity: 0; }
    .zr-v-ps-story-body figure.inView {
      transition-duration: 3.2s;
      opacity: 1; }

.zr-v-ps-body-txt {
  width: 54%;
  position: relative;
  z-index: 5;
  background-size: cover;
  color: #fff; }
  .zr-v-ps-body-txt::after {
    content: "";
    position: absolute;
    z-index: 1;
    background: #000;
    width: 100%;
    height: 81%;
    opacity: 0;
    transition-duration: 1.5s; }

.zr-v-ps-body-txt.inView::after {
  opacity: 1;
  width: 124%;
  height: 100%; }

.zr-v-ps-p {
  display: inline-block;
  text-align: left;
  font-size: 17px;
  line-height: 2.6;
  font-family: "Reimin Regular","Reimin Medium",serif;
  position: relative;
  z-index: 4; }
  .zr-v-ps-p p {
    padding-bottom: 0.20em;
    opacity: 0;
    transform: translateY(10%); }
  .zr-v-ps-p p.mb1 {
    padding-bottom: 1.25em; }
  .zr-v-ps-p.inView p {
    margin-top: 0;
    opacity: 1;
    transform: translateY(0);
    transition-duration: 1.0s; }
  .zr-v-ps-p a {
    text-decoration: underline; }
  .zr-v-ps-p a:hover {
    opacity: 0.7; }

#contents_area .zr-v-ps-p a {
  text-decoration: underline;
  transition-duration: 0.5s; }
  #contents_area .zr-v-ps-p a:hover {
    opacity: 0.7; }

.zr-v-ps-story-01 {
  text-align: right;
  z-index: 30; }
  .zr-v-ps-story-01 figure {
    right: -8%;
    top: -4%;
    background-position: right top;
    transform: skewX(-5deg) skewY(-2deg); }
  .zr-v-ps-story-01 .zr-v-ps-body-txt {
    top: 0;
    padding: 120px 120px 40px 24px; }
    .zr-v-ps-story-01 .zr-v-ps-body-txt::after {
      top: 0;
      right: 0;
      transform: skewX(12deg) rotate(4deg);
      transform-origin: bottom left; }

.zr-v-ps-story-02 {
  text-align: left;
  z-index: 20;
  top: -50px; }
  .zr-v-ps-story-02 .zr-v-ps-body-txt {
    margin-left: auto;
    padding: 120px 24px 80px 120px; }
    .zr-v-ps-story-02 .zr-v-ps-body-txt::after {
      top: 0;
      left: 0;
      transform: skewX(-4deg) skewY(-4deg) rotate(-2deg);
      transform-origin: bottom left; }

.zr-v-ps-story-parts {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 12;
  width: 44%; }
  .zr-v-ps-story-parts .zr-v-ps-story-parts-illust {
    transform: skewX(-4deg) rotate(-2deg); }
  .zr-v-ps-story-parts li {
    position: absolute;
    z-index: 15; }
  .zr-v-ps-story-parts li.current {
    z-index: 16; }
  .zr-v-ps-story-parts i {
    display: block;
    background: #c00;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    animation: blink 2s infinite;
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 211, 211, 0.7); }
  .zr-v-ps-story-parts p {
    display: none;
    position: absolute;
    width: 240px;
    overflow: hidden;
    transform: translateX(-50%);
    top: -28px;
    text-align: center; }
    .zr-v-ps-story-parts p::after {
      content: "";
      position: absolute;
      border-left: 16px solid transparent;
      border-right: 16px solid transparent;
      border-bottom: 16px solid #f0f0f0;
      top: -15px;
      left: calc(50% - 8px); }
    .zr-v-ps-story-parts p a {
      display: block;
      padding: 10px;
      background: #f0f0f0; }
    .zr-v-ps-story-parts p a:hover {
      opacity: 1;
      background: #fff; }
    .zr-v-ps-story-parts p img {
      width: 100%; }
    .zr-v-ps-story-parts p em {
      display: block;
      text-align: center;
      font-size: 13px; }
  .zr-v-ps-story-parts li.parts-01 {
    left: 50%;
    bottom: 0; }

.zr-v-ps-story-03 {
  text-align: right;
  z-index: 10;
  top: -80px; }
  .zr-v-ps-story-03 figure {
    right: -8%;
    top: -12%;
    width: 62%;
    background-position: right bottom;
    transform: skewX(-4deg) skewY(-2deg); }
  .zr-v-ps-story-03 .zr-v-ps-body-txt {
    padding: 80px 120px 120px 24px; }
    .zr-v-ps-story-03 .zr-v-ps-body-txt::after {
      right: 0;
      bottom: -1px;
      transform: skewX(-8deg) rotate(5deg);
      transform-origin: top right; }

.zr-v-ps-p p:nth-child(1) {
  transition-delay: 0.2s; }

.zr-v-ps-p p:nth-child(2) {
  transition-delay: 0.4s; }

.zr-v-ps-p p:nth-child(3) {
  transition-delay: 0.6s; }

.zr-v-ps-p p:nth-child(4) {
  transition-delay: 0.8s; }

.zr-v-ps-p p:nth-child(5) {
  transition-delay: 1s; }

.zr-v-ps-p p:nth-child(6) {
  transition-delay: 1.2s; }

.zr-v-ps-p p:nth-child(7) {
  transition-delay: 1.4s; }

.zr-v-ps-p p:nth-child(8) {
  transition-delay: 1.6s; }

.zr-v-ps-p p:nth-child(9) {
  transition-delay: 1.8s; }

.zr-v-ps-p p:nth-child(10) {
  transition-delay: 2s; }

.zr-v-ps-p p:nth-child(11) {
  transition-delay: 2.2s; }

.zr-v-ps-p p:nth-child(12) {
  transition-delay: 2.4s; }

.zr-v-ps-p p:nth-child(13) {
  transition-delay: 2.6s; }

.zr-v-ps-p p:nth-child(14) {
  transition-delay: 2.8s; }

.zr-v-ps-p p:nth-child(15) {
  transition-delay: 3s; }

.zr-v-ps-p p:nth-child(16) {
  transition-delay: 3.2s; }

.zr-v-ps-p p:nth-child(17) {
  transition-delay: 3.4s; }

.zr-v-ps-p p:nth-child(18) {
  transition-delay: 3.6s; }

.zr-v-ps-p p:nth-child(19) {
  transition-delay: 3.8s; }

.zr-v-ps-p p:nth-child(20) {
  transition-delay: 4s; }

.zr-v-ps-p p:nth-child(21) {
  transition-delay: 4.2s; }

.zr-v-ps-p p:nth-child(22) {
  transition-delay: 4.4s; }

.zr-v-ps-p p:nth-child(23) {
  transition-delay: 4.6s; }

.zr-v-ps-p p:nth-child(24) {
  transition-delay: 4.8s; }

.zr-v-ps-p p:nth-child(25) {
  transition-delay: 5s; }

.zr-v-ps-p p:nth-child(26) {
  transition-delay: 5.2s; }

.zr-v-ps-p p:nth-child(27) {
  transition-delay: 5.4s; }

.zr-v-ps-p p:nth-child(28) {
  transition-delay: 5.6s; }

.zr-v-ps-p p:nth-child(29) {
  transition-delay: 5.8s; }

.zr-v-ps-p p:nth-child(30) {
  transition-delay: 6s; }

.zr-v-ps-p p:nth-child(31) {
  transition-delay: 6.2s; }

.zr-v-ps-p p:nth-child(32) {
  transition-delay: 6.4s; }

.zr-v-ps-p p:nth-child(33) {
  transition-delay: 6.6s; }

.zr-v-ps-p p:nth-child(34) {
  transition-delay: 6.8s; }

.zr-v-ps-p p:nth-child(35) {
  transition-delay: 7s; }

.zr-v-ps-p p:nth-child(36) {
  transition-delay: 7.2s; }

.zr-v-ps-p p:nth-child(37) {
  transition-delay: 7.4s; }

.zr-v-ps-p p:nth-child(38) {
  transition-delay: 7.6s; }

.zr-v-ps-p p:nth-child(39) {
  transition-delay: 7.8s; }

.zr-v-ps-p p:nth-child(40) {
  transition-delay: 8s; }

@keyframes blink {
  0% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 211, 211, 0.7); }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0); }
  100% {
    transform: scale(0.95);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0); } }
.zr-v-ps-items {
  background: #fff; }
  .zr-v-ps-items h3 {
    font-family: "Star Times Text Pro Bold",serif;
    font-size: 2.4em;
    text-align: center;
    line-height: 1.7; }
    .zr-v-ps-items h3 strong {
      display: inline-block;
      border-bottom-width: 3px;
      border-bottom-style: solid;
      border-bottom-color: #092943;
      font: inherit; }
  .zr-v-ps-items ul {
    display: flex;
    justify-content: space-between;
    max-width: 92%;
    margin: auto;
    padding: 64px 0; }
  .zr-v-ps-items li {
    flex: 0 0 25%;
    position: relative;
    padding: 4px 40px;
    text-align: center;
    padding-bottom: 32px;
    opacity: 0;
    top: 10px; }
    .zr-v-ps-items li.inView {
      top: 0;
      opacity: 1;
      transition-duration: 1.0s; }
    .zr-v-ps-items li i {
      display: block; }
    .zr-v-ps-items li i.item_slider {
      position: relative; }
      .zr-v-ps-items li i.item_slider img:last-child {
        position: absolute;
        left: 0;
        top: 0;
        animation: fadeinout 10s infinite;
        opacity: 0; }
    .zr-v-ps-items li i.item_slider2 img:last-child {
      animation-delay: 5.0s; }
    .zr-v-ps-items li b {
      display: block;
      padding: 0;
		font-family: var(--font-bold);
      font-size: 0.9em;
      min-height: 4em;
      display: flex;
      justify-content: center;
      align-items: center; }
    .zr-v-ps-items li small {
      font-family: var(--font-light);
      font-size: 0.7em;
      display: block;
      line-height: 1.4;
      padding-bottom: 8px; }
    .zr-v-ps-items li b.noFlex {
      display: block;
      padding-bottom: 1em; }
      .zr-v-ps-items li b.noFlex small {
        padding: 4px; }
    .zr-v-ps-items li span {
      display: block;
      font-size: 0.75em;
      text-align: left;
      padding: 0 0 8px; }
    .zr-v-ps-items li .zr-v-ps-more {
      display: inline-block;
      font-family: "Reimin Regular","Reimin Medium",serif;
      position: absolute;
      font-size: 0.7em;
      letter-spacing: 0.1em;
      bottom: 0;
      left: 50%;
      transform: translateX(-50%); }
      .zr-v-ps-items li .zr-v-ps-more em {
        color: #fff;
        display: block;
        padding: 4px 16px 4px 20px;
        z-index: 2;
        position: relative;
        font: inherit; }
      .zr-v-ps-items li .zr-v-ps-more::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background: #092943;
        z-index: 1;
        transform: skewX(-8deg); }
      .zr-v-ps-items li .zr-v-ps-more:hover::after {
        opacity: 0.5; }
    .zr-v-ps-items li::after {
      content: "";
      width: 1px;
      height: 100%;
      background: #ccc;
      transform: skewX(-4deg);
      position: absolute;
      top: 0;
      right: 0; }
  .zr-v-ps-items li:last-child::after {
    display: none; }
    .zr-v-ps-items li .note {
		position: absolute;
		top: 100%;
		margin-top: 20px;
		white-space: nowrap;
      font-family: var(--font-light);
		font-size: 12px;
		line-height: 1; }

@keyframes fadeinout {
  0% {
    opacity: 0; }
  20% {
    opacity: 0; }
  40% {
    opacity: 1; }
  80% {
    opacity: 1; }
  100% {
    opacity: 0; } }
.zr-v-ps-items li:nth-child(1) {
  transition-delay: 0.25s; }

.zr-v-ps-items li:nth-child(2) {
  transition-delay: 0.5s; }

.zr-v-ps-items li:nth-child(3) {
  transition-delay: 0.75s; }

.zr-v-ps-items li:nth-child(4) {
  transition-delay: 1s; }

.zr-v-ps-items li:nth-child(5) {
  transition-delay: 1.25s; }

.zr-v-ps-items li:nth-child(6) {
  transition-delay: 1.5s; }

.zr-v-ps-items li:nth-child(7) {
  transition-delay: 1.75s; }

.zr-v-ps-items li:nth-child(8) {
  transition-delay: 2s; }

.zr-v-ps-items li:nth-child(9) {
  transition-delay: 2.25s; }

.zr-v-ps-items li:nth-child(10) {
  transition-delay: 2.5s; }

.zr-v-ps-items li:nth-child(11) {
  transition-delay: 2.75s; }

.zr-v-ps-items li:nth-child(12) {
  transition-delay: 3s; }

.zr-v-ps-items li:nth-child(13) {
  transition-delay: 3.25s; }

.zr-v-ps-items li:nth-child(14) {
  transition-delay: 3.5s; }

.zr-v-ps-items li:nth-child(15) {
  transition-delay: 3.75s; }

.zr-v-ps-items li:nth-child(16) {
  transition-delay: 4s; }

.zr-v-ps-items li:nth-child(17) {
  transition-delay: 4.25s; }

.zr-v-ps-items li:nth-child(18) {
  transition-delay: 4.5s; }

.zr-v-ps-items li:nth-child(19) {
  transition-delay: 4.75s; }

.zr-v-ps-items li:nth-child(20) {
  transition-delay: 5s; }

.zr-v-ps-items li:nth-child(21) {
  transition-delay: 5.25s; }

.zr-v-ps-items li:nth-child(22) {
  transition-delay: 5.5s; }

.zr-v-ps-items li:nth-child(23) {
  transition-delay: 5.75s; }

.zr-v-ps-items li:nth-child(24) {
  transition-delay: 6s; }

.zr-v-ps-items li:nth-child(25) {
  transition-delay: 6.25s; }

.zr-v-ps-items li:nth-child(26) {
  transition-delay: 6.5s; }

.zr-v-ps-items li:nth-child(27) {
  transition-delay: 6.75s; }

.zr-v-ps-items li:nth-child(28) {
  transition-delay: 7s; }

.zr-v-ps-items li:nth-child(29) {
  transition-delay: 7.25s; }

.zr-v-ps-items li:nth-child(30) {
  transition-delay: 7.5s; }

.zr-v-ps-items li:nth-child(31) {
  transition-delay: 7.75s; }

.zr-v-ps-items li:nth-child(32) {
  transition-delay: 8s; }

.zr-v-ps-items li:nth-child(33) {
  transition-delay: 8.25s; }

.zr-v-ps-items li:nth-child(34) {
  transition-delay: 8.5s; }

.zr-v-ps-items li:nth-child(35) {
  transition-delay: 8.75s; }

.zr-v-ps-items li:nth-child(36) {
  transition-delay: 9s; }

.zr-v-ps-items li:nth-child(37) {
  transition-delay: 9.25s; }

.zr-v-ps-items li:nth-child(38) {
  transition-delay: 9.5s; }

.zr-v-ps-items li:nth-child(39) {
  transition-delay: 9.75s; }

.zr-v-ps-items li:nth-child(40) {
  transition-delay: 10s; }

#contents_area .zr-v-ps-navi {
  background: url("../images/title-bg.png");
  background-size: cover; }
  #contents_area .zr-v-ps-navi .zr-v-ps-navi-wrap {
    width: 1240px;
    max-width: 92%;
    margin: 0 auto;
    padding: 64px 0; }
  #contents_area .zr-v-ps-navi p {
    text-align: center; }
    #contents_area .zr-v-ps-navi p img {
      height: 64px; }
  #contents_area .zr-v-ps-navi ul {
    width: 940px;
    max-width: 92%;
    margin: auto;
    padding: 40px 0 0;
    display: flex;
    justify-content: space-between;
    text-align: center; }
  #contents_area .zr-v-ps-navi li {
    flex: 0 0 30%;
    padding: 0 0; }
    #contents_area .zr-v-ps-navi li a {
      opacity: 0.5;
      display: block;
      transition-duration: 0.5s; }
      #contents_area .zr-v-ps-navi li a figure img {
        filter: grayscale(100%);
        transition-duration: 0.5s; }
    #contents_area .zr-v-ps-navi li a:hover {
      opacity: 1; }
      #contents_area .zr-v-ps-navi li a:hover figure img {
        filter: grayscale(0); }
    #contents_area .zr-v-ps-navi li figure {
      position: relative;
      display: inline-block;
      width: 100%; }
      #contents_area .zr-v-ps-navi li figure i {
        position: absolute;
        left: 4px;
        bottom: 4px;
        width: 50px; }
      #contents_area .zr-v-ps-navi li figure img {
        width: 100%; }
    #contents_area .zr-v-ps-navi li strong {
      display: block;
      text-align: center; }
      #contents_area .zr-v-ps-navi li strong img {
        height: 40px; }

.zr-v-ps-driving {
  background: #092943;
  color: #092943; }
  .zr-v-ps-driving .zr-v-ps-body-txt::after {
    background: #456; }
  .zr-v-ps-driving .zr-v-ps-story-01 figure {
    background-image: url("../images/story-driving-ph-01.jpg"); }
  .zr-v-ps-driving .zr-v-ps-story-01 .zr-v-ps-body-txt::after {
    background-image: linear-gradient(145deg, rgba(9, 41, 67, 0.5), rgba(9, 41, 67, 0.8) 50%); }
  .zr-v-ps-driving .zr-v-ps-story-02 .zr-v-ps-body-txt::after {
    background-image: linear-gradient(-124deg, rgba(9, 41, 67, 0.3), #092943 50%); }
  .zr-v-ps-driving .zr-v-ps-story-03 figure {
    background-image: url("../images/story-driving-ph-03.jpg"); }
  .zr-v-ps-driving .zr-v-ps-story-03 .zr-v-ps-body-txt::after {
    background-image: linear-gradient(188deg, rgba(9, 41, 67, 0.3), #092943 50%); }
  .zr-v-ps-driving .zr-v-ps-story-parts li.parts-01 {
    left: 33%;
    bottom: 24%; }
    .zr-v-ps-driving .zr-v-ps-story-parts li.parts-01 p {
      top: auto;
      bottom: -24px; }
  .zr-v-ps-driving .zr-v-ps-story-parts li.parts-02 {
    left: 76%;
    bottom: 48%; }
  .zr-v-ps-driving .zr-v-ps-story-parts li.parts-03 {
    left: 8%;
    bottom: 62%; }
    .zr-v-ps-driving .zr-v-ps-story-parts li.parts-03 p {
      transform: translateX(-8%); }
  .zr-v-ps-driving .zr-v-ps-story-parts li.parts-04 {
    right: 4%;
    bottom: 63%; }

.zr-v-ps-date {
  background: #3e0730;
  color: #3e0730; }
  .zr-v-ps-date .zr-v-ps-body-txt::after {
    background: #959; }
  .zr-v-ps-date .zr-v-ps-story-01 figure {
    background-image: url("../images/story-date-ph-01.jpg"); }
  .zr-v-ps-date .zr-v-ps-story-01 .zr-v-ps-body-txt::after {
    background-image: linear-gradient(145deg, rgba(62, 7, 48, 0.5), rgba(62, 7, 48, 0.8) 50%); }
  .zr-v-ps-date .zr-v-ps-story-02 .zr-v-ps-body-txt {
    padding: 120px 24px 80px 100px; }
    .zr-v-ps-date .zr-v-ps-story-02 .zr-v-ps-body-txt::after {
      background-image: linear-gradient(-124deg, rgba(62, 7, 48, 0.3), #3e0730 50%); }
  .zr-v-ps-date .zr-v-ps-story-03 figure {
    background-image: url("../images/story-date-ph-03.jpg"); }
  .zr-v-ps-date .zr-v-ps-story-03 .zr-v-ps-body-txt::after {
    background-image: linear-gradient(188deg, rgba(62, 7, 48, 0.3), #3e0730 50%); }
  .zr-v-ps-date .zr-v-ps-story-parts li.parts-01 {
    left: 93%;
    bottom: 24%; }
    .zr-v-ps-date .zr-v-ps-story-parts li.parts-01 p {
      top: auto;
      bottom: -24px; }
  .zr-v-ps-date .zr-v-ps-story-parts li.parts-02 {
    left: 50%;
    bottom: 18%; }
  .zr-v-ps-date .zr-v-ps-story-parts li.parts-03 {
    left: 3%;
    bottom: 20%; }
    .zr-v-ps-date .zr-v-ps-story-parts li.parts-03 p {
      transform: translateX(1%); }
  .zr-v-ps-date .zr-v-ps-story-parts li.parts-04 {
    right: 88%;
    bottom: 45%; }
    .zr-v-ps-date .zr-v-ps-story-parts li.parts-04 p {
      transform: translateX(-4%); }
  .zr-v-ps-date .zr-v-ps-items h3 strong {
    border-bottom-color: #3e0730; }
  .zr-v-ps-date .zr-v-ps-items li .zr-v-ps-more::after {
    background: #3e0730; }

.zr-v-ps-outdoor {
  background: #213505;
  color: #213505; }
  .zr-v-ps-outdoor .zr-v-ps-title-wrap img {
    height: 72px; }
  .zr-v-ps-outdoor .zr-v-ps-body-txt::after {
    background: #151; }
  .zr-v-ps-outdoor .zr-v-ps-story-01 figure {
    background-image: url("../images/story-outdoor-ph-01.jpg"); }
  .zr-v-ps-outdoor .zr-v-ps-story-01 .zr-v-ps-body-txt::after {
    background-image: linear-gradient(145deg, rgba(33, 53, 5, 0.5), rgba(33, 53, 5, 0.8) 50%); }
  .zr-v-ps-outdoor .zr-v-ps-story-02 .zr-v-ps-body-txt::after {
    background-image: linear-gradient(-124deg, rgba(33, 53, 5, 0.3), #213505 50%); }
  .zr-v-ps-outdoor .zr-v-ps-story-03 figure {
    background-image: url("../images/story-outdoor-ph-03.jpg"); }
  .zr-v-ps-outdoor .zr-v-ps-story-03 .zr-v-ps-body-txt {
    padding-right: 80px; }
    .zr-v-ps-outdoor .zr-v-ps-story-03 .zr-v-ps-body-txt::after {
      right: -12vw;
      background-image: linear-gradient(188deg, rgba(33, 53, 5, 0.3), #213505 50%); }
  .zr-v-ps-outdoor .zr-v-ps-story-parts li.parts-01 {
    left: 60%;
    bottom: 30%; }
    .zr-v-ps-outdoor .zr-v-ps-story-parts li.parts-01 p {
      top: auto;
      bottom: -24px; }
  .zr-v-ps-outdoor .zr-v-ps-story-parts li.parts-02 {
    left: 30%;
    bottom: 15%; }
  .zr-v-ps-outdoor .zr-v-ps-story-parts li.parts-03 {
    left: 20%;
    bottom: 23%; }
    .zr-v-ps-outdoor .zr-v-ps-story-parts li.parts-03 p {
      transform: translate(-10%, -80%); }
  .zr-v-ps-outdoor .zr-v-ps-story-parts li.parts-04 {
    left: 8%;
    top: 51%; }
    .zr-v-ps-outdoor .zr-v-ps-story-parts li.parts-04 p {
      transform: translateX(-5%); }
  .zr-v-ps-outdoor .zr-v-ps-items h3 strong {
    border-bottom-color: #213505; }
  .zr-v-ps-outdoor .zr-v-ps-items li .zr-v-ps-more::after {
    background: #213505; }

/*Responsive*/
#contents_area br.pcspmd {
  display: block !important; }

#contents_area br.md {
  display: none !important; }

#contents_area br.sp {
  display: none !important; }

@media screen and (min-width: 1600px) {
  .zr-v-ps-driving .zr-v-ps-story-01 .zr-v-ps-body-txt {
    padding-bottom: 0; }
    .zr-v-ps-driving .zr-v-ps-story-01 .zr-v-ps-body-txt::after {
      width: 100%; }

  .zr-v-ps-driving .zr-v-ps-story-02 .zr-v-ps-body-txt {
    padding-left: 200px; }

  .zr-v-ps-date .zr-v-ps-story-01 .zr-v-ps-body-txt::after,
  .zr-v-ps-outdoor .zr-v-ps-story-01 .zr-v-ps-body-txt::after {
    width: 100%;
    height: 94%; }

  .zr-v-ps-outdoor .zr-v-ps-story-01 .zr-v-ps-body-txt {
    padding: 200px 120px 100px 24px; } }
@media screen and (max-width: 1240px) {
  #contents_area {
    min-width: 100%;
    max-width: 100%; }

  #contents_area br.md {
    display: block !important; }

  .zr-v-ps-title-wrap img {
    height: 6.2vw; }

  .zr-v-ps-outdoor .zr-v-ps-title-wrap img {
    height: 6.2vw; }

  .zr-v-ps-story-01,
  .zr-v-ps-story-03 {
    text-align: left; }

  .zr-v-ps-story-01 .zr-v-ps-body-txt {
    padding-left: 4vw;
    padding-right: 8vw; }

  .zr-v-ps-story-02 .zr-v-ps-body-txt {
    padding-left: 8vw; }

  .zr-v-ps-story-03 .zr-v-ps-body-txt {
    padding-left: 4vw;
    padding-right: 8vw; }

  .zr-v-ps-p p {
    font-size: 1.35vw;
    line-height: 3;
    padding-bottom: 0.35em; } }
@media screen and (max-width: 980px) {
  .zr-v-ps-p p {
    font-size: 1.45vw; }

  .zr-v-ps-items ul {
    flex-wrap: wrap; }

  .zr-v-ps-items li {
    flex: 0 0 50%;
    margin-bottom: 40px; }
    .zr-v-ps-items li:nth-child(2)::after {
      display: none; }

  #contents_area .zr-v-ps-navi li strong img {
    height: 32px; }

  .zr-v-ps-story-03 .zr-v-ps-body-txt::after {
    right: -5vw; }

  .zr-v-ps-date .zr-v-ps-story-02 .zr-v-ps-body-txt {
    padding: 120px 24px 80px 64px; } }
@media screen and (max-width: 768px) {
  .zr-v-ps-body-txt {
    width: 80%; }

  .zr-v-ps-story-01 .zr-v-ps-body-txt {
    padding: 8vw 8vw 2vw; }

  .zr-v-ps-story-02 .zr-v-ps-body-txt {
    padding: 12vw 2vw 12vw 12vw; }

  .zr-v-ps-story-03 .zr-v-ps-body-txt {
    padding: 4vw 8vw 12vw; }

  .zr-v-ps-story-body figure {
    position: static;
    height: 50vw;
    width: 80%;
    margin: auto; }

  .zr-v-ps-p p {
    font-size: 16px; }

  .zr-v-ps-story-parts {
    position: relative;
    top: 0;
    width: 88%;
    margin: auto;
    transform: translateY(-8%); }

  #contents_area .zr-v-ps-navi ul {
    width: 100%;
    max-width: 100%;
    padding: 40px 0; }

  #contents_area .zr-v-ps-navi li strong img {
    height: 24px; } }
@media screen and (max-width: 640px) {
  #contents_area br.sp {
    display: block !important; }

  .zr-v-ps-kv img {
    transition-delay: 0.5s;
    transition-duration: 2.0s; }

  .zr-v-ps-title-wrap {
    padding: 24px 0 16px;
    flex-direction: column; }
    .zr-v-ps-title-wrap h1 {
      padding-bottom: 8px; }
    .zr-v-ps-title-wrap img {
      height: auto; }

  .zr-v-ps-outdoor .zr-v-ps-title-wrap img {
    height: auto; }

  .zr-v-ps-story-body figure {
    position: static;
    height: 55vw;
    width: 88%;
    margin: auto; }

  .zr-v-ps-body-txt {
    width: 98%; }

  .zr-v-ps-p p {
    font-size: 3.2vw;
    line-height: 2.2; }

  .zr-v-ps-story-01 .zr-v-ps-body-txt {
    padding: 12vw 7vw 2vw; }

  .zr-v-ps-date .zr-v-ps-story-02 .zr-v-ps-body-txt,
  .zr-v-ps-story-02 .zr-v-ps-body-txt {
    padding: 18vw 1vw 12vw 12vw;
    width: 100%; }

  .zr-v-ps-outdoor .zr-v-ps-story-03 .zr-v-ps-body-txt,
  .zr-v-ps-story-03 .zr-v-ps-body-txt {
    padding: 4vw 7vw 16vw; }

  .zr-v-ps-story-03 .zr-v-ps-body-txt::after {
    transform: skewX(-4deg) rotate(8deg);
    right: -4vw; }

  .zr-v-ps-items ul {
    display: block;
    padding: 40px 0 0px; }
    .zr-v-ps-items ul li {
      padding: 0 0 40px; }
    .zr-v-ps-items ul li::after {
      display: none; }
    .zr-v-ps-items ul li::before {
      content: "";
      position: absolute;
      display: block;
      bottom: 0;
      height: 1px;
      width: 100%;
      background: #ddd; }

  .zr-v-ps-items li b {
    min-height: 1em;
    padding: 8px; }

  .zr-v-ps-items li .zr-v-ps-more {
    position: relative;
    left: 0;
    transform: translateX(0);
    z-index: 2; }

    .zr-v-ps-items li .note {
		position: static; }

  #contents_area .zr-v-ps-navi p img {
    height: 12vw; }

  #contents_area .zr-v-ps-navi .zr-v-ps-navi-wrap {
    padding: 24px 8px 80px; }

  #contents_area .zr-v-ps-navi ul {
    padding: 16px 0 0; }

  #contents_area .zr-v-ps-navi li strong img {
    height: 5vw; }

  .pcspmd {
    margin-bottom: -0.5em; } }
@media screen and (max-width: 400px) {
  .zr-v-ps-driving .zr-v-ps-story-parts li.parts-04 p {
    transform: translateX(-90%); } }