:root {
  --font-ja: "Noto Sans JP", sans-serif;
  --font-min: "Zen Old Mincho", serif;
  --font-en: "Inter", sans-serif;
  --font-normal: 400;
  --font-medium: 500;
  --font-bold: 700;
  --color-brand: #ebff00;
  --color-base: #0f1821;
  --color-white: #fff;
  --color-black: #1d1a1a;
  --color-pink: #c94e97;
  --color-red: #be1e31;
  --color-bg: #f7f7f7;
  --color-kobe: #f28d3c;
  --color-harima-east: #7ba9ba;
  --color-harima-west: #007695;
  --color-tamba: #abbb37;
  --color-tajima: #163e5d;
  --color-awaji: #a23224;
  --color-orange: rgb(254, 83, 40);
  --color-brand-gradation: linear-gradient(rgb(109, 92, 54), rgb(136, 115, 67));
  --color-orange-gradation: linear-gradient(45deg, var(--color-orange), rgb(250, 169, 69));
  --ease: 0.4s cubic-bezier(0.09, 0.43, 0.1, 0.79);
  --opacity: 0.75;
  --scale: 1.03;
  --shadow: 0 1px 3px rgba(0, 0, 0, 0.07);
  --bdrs: 0.8rem;
}

:root {
  --container-margin: 1.875rem;
}

@media screen and (min-width: 768px) {
  :root {
    --container-margin: 5vw;
  }
}
.p-feature-cycling * {
  min-height: auto;
  min-width: auto;
}

.p-feature-cycling {
  overflow: hidden;
  letter-spacing: 0;
}
.p-feature-cycling div::after,
.p-feature-cycling ul::after,
.p-feature-cycling ol::after,
.p-feature-cycling dl::after {
  content: "";
  display: inherit;
  clear: inherit;
  display: none;
}

.btn,
a.btn,
button.btn {
  position: relative;
  display: inline-block;
  padding: 1rem 1rem 1rem 3rem;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  font-weight: var(--font-bold);
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  overflow: hidden;
  box-shadow: var(--shadow);
  border-radius: 9999rem;
  transition: var(--ease);
}
@media screen and (min-width: 768px) {
  .btn,
  a.btn,
  button.btn {
    padding: 1.5rem 1.5rem 1.5rem 4rem;
  }
}

.btn {
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) {
  .btn {
    font-size: 1.6rem;
  }
}
.btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  background-color: var(--color-brand);
  border-radius: 9999rem;
}
@media screen and (min-width: 768px) {
  .btn::before {
    width: 2rem;
    height: 2rem;
  }
}
.btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 1.35rem;
  width: 0.4rem;
  height: 0.4rem;
  border-right-style: solid;
  border-bottom-style: solid;
  border-right-width: 0.25rem;
  border-bottom-width: 0.25rem;
  transform: translateY(-50%) rotate(-45deg);
  transition: border 0.8s cubic-bezier(0.4, 0.16, 0, 0.95) 0s;
}
@media screen and (min-width: 768px) {
  .btn::after {
    left: 1.45rem;
    width: 0.6rem;
    height: 0.6rem;
  }
}
.btn span {
  position: relative;
  transition: color 0.3s;
}

.btn-black {
  background-color: var(--color-base);
  border: 1px solid var(--color-base);
  color: var(--color-white);
}
.btn-black::before {
  background-color: var(--color-brand);
}
.btn-black::after {
  border-right-color: var(--color-base);
  border-bottom-color: var(--color-base);
}
.btn-black:hover {
  background-color: var(--color-brand);
  color: var(--color-base);
}
.btn-black:hover::after {
  border-right-color: var(--color-base);
  border-bottom-color: var(--color-base);
}

.js-fade {
  opacity: 0;
  transition: opacity 0.8s, transform 0.8s;
}

.js-fade.is-inview {
  opacity: 1;
  transition-delay: 0.15s;
}

.js-fadeup {
  opacity: 0;
  transform: translateY(50px);
  transition: opacity 0.8s, transform 0.8s;
}

.js-fadeup.is-inview {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 0.15s;
}

.js-fadeleft {
  opacity: 0;
  transform: translateX(50px);
  transition: opacity 0.8s, transform 0.8s;
}

.js-fadeleft.is-inview {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.15s;
}

.js-faderight {
  opacity: 0;
  transform: translateX(-50px);
  transition: opacity 0.8s, transform 0.8s;
}

.js-faderight.is-inview {
  opacity: 1;
  transform: translateX(0);
  transition-delay: 0.15s;
}

.js-inview .js-showed {
  animation: fadeIn01 1s ease-out forwards;
}

@keyframes fadeIn01 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes purun {
  0% {
    opacity: 0;
    transform: scale(1, 1) translate(0%, 0%);
  }
  15% {
    transform: scale(0.9, 0.9) translate(0%, 5%);
  }
  30% {
    transform: scale(1.3, 0.8) translate(0%, 10%);
  }
  50% {
    transform: scale(0.8, 1.3) translate(0%, -10%);
  }
  70% {
    transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1) translate(0%, 0%);
  }
}
.headline {
  position: relative;
  margin-top: 10rem;
  margin-bottom: 3rem;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .headline {
    margin-top: 10rem;
    margin-bottom: 5rem;
  }
}
@media screen and (min-width: 1025px) {
  .headline {
    margin-top: 14rem;
    margin-bottom: 7rem;
  }
}
.headline::before {
  content: "";
  position: absolute;
  background: url(../img/icon-bicycle.svg) no-repeat 0 0/contain;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .headline::before {
    top: -1.5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 4rem;
    height: 2.474rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .headline::before {
    top: 50%;
    left: 0.5rem;
    transform: translateY(-50%);
    width: 5.928rem;
    height: 3.667rem;
  }
}
@media screen and (min-width: 1025px) {
  .headline::before {
    top: 50%;
    left: 2.5rem;
    transform: translateY(-50%);
    width: 5.928rem;
    height: 3.667rem;
  }
}
@media screen and (max-width: 767px) {
  .headline::after {
    content: "";
    display: block !important;
    position: absolute;
    top: -5rem;
    left: 50%;
    transform: translateX(-50%);
    width: 16rem;
    height: 10rem;
    -webkit-clip-path: circle(65% at bottom);
            clip-path: circle(65% at bottom);
    background-color: var(--color-brand);
    z-index: -1;
  }
}
.headline h2 {
  padding: 2rem 0.5rem 1.5rem;
  font-size: 2rem;
  font-weight: var(--font-bold);
  background-color: var(--color-brand);
  border-bottom: 2px solid var(--color-base);
  line-height: 1.4;
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .headline h2 {
    padding: 2rem 0.5rem;
    padding-top: 3.5rem;
    padding-left: 8.5rem;
    padding-bottom: 3.5rem;
    font-size: 2.5rem;
    line-height: 1.2;
    letter-spacing: 0.15rem;
    text-align: left;
    -webkit-clip-path: polygon(8% 0%, 100% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(8% 0%, 100% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}
@media screen and (min-width: 1025px) {
  .headline h2 {
    padding: 2rem 0.5rem;
    padding-top: 3.5rem;
    padding-left: 11.5rem;
    padding-bottom: 3.5rem;
    font-size: 3.2rem;
    line-height: 1.2;
    letter-spacing: 0.15rem;
    text-align: left;
    -webkit-clip-path: polygon(8% 0%, 100% 0%, 100% 0%, 100% 100%, 0% 100%);
            clip-path: polygon(8% 0%, 100% 0%, 100% 0%, 100% 100%, 0% 100%);
  }
}
@media screen and (max-width: 767px) {
  .headline h2 span {
    font-size: 1.5rem;
  }
}

.card {
  display: grid;
  gap: 3rem;
  margin-top: 3rem;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .card {
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem;
    margin-top: 4rem;
  }
}
@media screen and (min-width: 1025px) {
  .card {
    grid-template-columns: repeat(3, 1fr);
    gap: 6rem;
    margin-top: 6rem;
  }
}
.card li {
  position: relative;
  display: grid;
  grid-template-rows: subgrid;
  gap: 0;
  background-color: #f7f7f7;
}
.card li .area-tag {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1rem 3rem 1rem 1rem;
  font-weight: var(--font-bold);
  color: var(--color-white);
  line-height: 1;
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 85% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 85% 100%, 0% 100%);
}
.card li .area-tag.area-kobe {
  background-color: var(--color-kobe);
}
.card li .area-tag.area-harima-east {
  background-color: var(--color-harima-east);
}
.card li .area-tag.area-harima-west {
  background-color: var(--color-harima-west);
}
.card li .area-tag.area-tamba {
  background-color: var(--color-tamba);
}
.card li .area-tag.area-tajima {
  background-color: var(--color-tajima);
}
.card li .area-tag.area-awaji {
  background-color: var(--color-awaji);
}
.card li .guide-title {
  position: relative;
  display: grid;
  place-content: center;
  padding: 1rem;
  background-color: var(--color-base);
  text-align: center;
}
.card li .guide-title::after {
  content: "";
  position: absolute;
  top: -0.4rem;
  left: 50%;
  transform: translateX(-50%);
  width: 0.8rem;
  height: 0.8rem;
  background-color: var(--color-brand);
  border-radius: 9999rem;
}
.card li .guide-title strong {
  display: block;
  color: var(--color-brand);
  font-weight: var(--font-bold);
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .card li .guide-title strong {
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 768px) {
  .card li .guide-title strong {
    font-size: 1.8rem;
  }
}
.card li .guide-title p {
  color: var(--color-white);
}
.card li .link {
  padding: 1.5rem 1rem 0;
}
@media screen and (min-width: 768px) {
  .card li .link {
    padding: 2rem 2rem 0;
  }
}
.card li .link a:not(:last-child) {
  margin-right: 1rem;
}
.card li .website {
  padding: 1.5rem 1rem;
}
@media screen and (min-width: 768px) {
  .card li .website {
    padding: 2rem 2rem 2rem;
  }
}
.card li .website::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  vertical-align: middle;
  margin-right: 0.5rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16.63' height='16.63'%3E%3Cpath d='M8.315 16.63a8.315 8.315 0 1 1 8.315-8.315 8.324 8.324 0 0 1-8.315 8.315Zm0-15.33a7.015 7.015 0 1 0 7.015 7.015A7.023 7.023 0 0 0 8.315 1.3Z'/%3E%3Cpath d='M15.98 8.965H.65a.65.65 0 1 1 0-1.3h15.33a.65.65 0 1 1 0 1.3Z'/%3E%3Cpath d='M8.315 0a.65.65 0 0 1 .48.212 12.373 12.373 0 0 1 3.236 8.09v.027a12.373 12.373 0 0 1-3.236 8.09.65.65 0 0 1-.96 0 12.373 12.373 0 0 1-3.236-8.09v-.027A12.373 12.373 0 0 1 7.835.212.65.65 0 0 1 8.315 0Zm2.416 8.315A11.074 11.074 0 0 0 8.315 1.65a11.074 11.074 0 0 0-2.416 6.665 11.074 11.074 0 0 0 2.416 6.665 11.074 11.074 0 0 0 2.416-6.665Z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.card li .website a {
  text-decoration: underline;
}
.card li .website a:hover {
  text-decoration: none;
}
.card li .instagram {
  padding: 1rem 1rem 1.5rem;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .card li .instagram {
    padding: 1.5rem 2rem 2rem;
  }
}
@media screen and (min-width: 1025px) {
  .card li .instagram {
    padding: 0 2rem 2rem;
  }
}
.card li .instagram::before {
  content: "";
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  margin-right: 0.5rem;
  vertical-align: -0.2rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.891' height='15.891'%3E%3Cpath d='M7.945 0C5.787 0 5.517.01 4.67.048a5.859 5.859 0 0 0-1.929.369 3.891 3.891 0 0 0-1.408.916 3.877 3.877 0 0 0-.916 1.408A5.842 5.842 0 0 0 .048 4.67C.008 5.517 0 5.787 0 7.945s.01 2.428.048 3.275a5.862 5.862 0 0 0 .369 1.929 3.9 3.9 0 0 0 .916 1.408 3.885 3.885 0 0 0 1.408.916 5.866 5.866 0 0 0 1.929.369c.847.04 1.117.048 3.275.048s2.428-.01 3.275-.048a5.88 5.88 0 0 0 1.929-.369 4.061 4.061 0 0 0 2.324-2.324 5.862 5.862 0 0 0 .369-1.929c.04-.848.048-1.117.048-3.275s-.01-2.428-.048-3.275a5.876 5.876 0 0 0-.369-1.929 3.9 3.9 0 0 0-.916-1.408 3.871 3.871 0 0 0-1.408-.916 5.845 5.845 0 0 0-1.928-.369C10.373.008 10.1 0 7.945 0Zm0 1.43c2.121 0 2.374.011 3.211.047a4.378 4.378 0 0 1 1.475.275 2.615 2.615 0 0 1 1.508 1.508 4.387 4.387 0 0 1 .273 1.475c.038.838.046 1.09.046 3.211s-.01 2.374-.049 3.211a4.471 4.471 0 0 1-.279 1.475 2.523 2.523 0 0 1-.6.915 2.479 2.479 0 0 1-.914.593 4.419 4.419 0 0 1-1.48.273c-.844.038-1.092.046-3.217.046s-2.374-.01-3.217-.049a4.505 4.505 0 0 1-1.48-.279 2.46 2.46 0 0 1-.913-.6 2.413 2.413 0 0 1-.6-.914 4.509 4.509 0 0 1-.278-1.48c-.03-.834-.04-1.092-.04-3.207s.011-2.374.04-3.219a4.5 4.5 0 0 1 .278-1.479 2.355 2.355 0 0 1 .6-.914 2.35 2.35 0 0 1 .913-.595A4.4 4.4 0 0 1 4.7 1.45c.844-.03 1.092-.04 3.217-.04l.03.02Zm0 2.435a4.08 4.08 0 1 0 4.08 4.08 4.08 4.08 0 0 0-4.08-4.08Zm0 6.728a2.648 2.648 0 1 1 2.648-2.648 2.648 2.648 0 0 1-2.648 2.649ZM13.14 3.7a.953.953 0 1 1-.953-.953.954.954 0 0 1 .953.953Z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
.card li .instagram a {
  text-decoration: underline;
}
.card li .instagram a:hover {
  text-decoration: none;
}
.card li .course {
  position: relative;
  padding: 1.5rem;
}
@media screen and (min-width: 768px) {
  .card li .course {
    padding: 2rem;
  }
}
.card li .course span {
  display: block;
  margin-left: 1rem;
  text-indent: -1.5rem;
}
.card li .course span:nth-child(n+2) {
  margin-top: 1rem;
}
.card li .course em {
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  font-size: 1rem;
  font-style: normal;
}
@media screen and (min-width: 768px) {
  .card li .course em {
    bottom: 2rem;
    right: 2rem;
    font-size: 1.1rem;
  }
}

.anker a {
  position: relative;
  padding: 2rem 2rem 2rem 4rem;
  background-color: #f0f0f0;
  border-radius: 9999rem;
  font-weight: var(--font-bold);
  line-height: 1;
  text-decoration: none;
  overflow: hidden;
  transition: var(--ease);
}
@media screen and (max-width: 767px) {
  .anker a {
    display: block;
    width: 100%;
    font-size: 1.5rem;
  }
}
@media screen and (min-width: 768px) {
  .anker a {
    display: inline-block;
    padding: 2rem 2rem 2rem 4.5rem;
    font-size: 1.8rem;
  }
}
.anker a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
  width: 2rem;
  height: 2rem;
  background-color: var(--color-base);
  border-radius: 9999rem;
}
@media screen and (min-width: 768px) {
  .anker a::before {
    width: 2.6rem;
    height: 2.6rem;
  }
}
.anker a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 1.4rem;
  transform: translateY(-50%);
  display: inline-block;
  width: 1.2rem;
  height: 1.2rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.628' height='13.727'%3E%3Cg fill='%23fff'%3E%3Cpath d='M6.313 7.728 0 1.415 1.414.001l4.9 4.9 4.9-4.9 1.414 1.414Z'/%3E%3Cpath d='M6.313 13.728 0 7.415l1.414-1.414 4.9 4.9 4.9-4.9 1.414 1.414Z'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .anker a::after {
    left: 1.6rem;
    width: 1.5rem;
    height: 1.5rem;
  }
}
.anker a:hover {
  background-color: var(--color-base);
  color: var(--color-brand);
}
.anker a:hover::before {
  background-color: var(--color-brand);
}
.anker a:hover::after {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.628' height='13.727'%3E%3Cg fill='%230f1821'%3E%3Cpath d='M6.313 7.728 0 1.415 1.414.001l4.9 4.9 4.9-4.9 1.414 1.414Z'/%3E%3Cpath d='M6.313 13.728 0 7.415l1.414-1.414 4.9 4.9 4.9-4.9 1.414 1.414Z'/%3E%3C/g%3E%3C/svg%3E");
}

@media screen and (min-width: 1025px) {
  .p-feature-cycling .lg-hide {
    display: none !important;
  }
  .p-feature-cycling .lg-visible {
    display: inherit !important;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .p-feature-cycling .md-hide {
    display: none !important;
  }
  .p-feature-cycling .md-visible {
    display: inherit !important;
  }
}
@media screen and (max-width: 767px) {
  .p-feature-cycling .sm-hide {
    display: none !important;
  }
  .p-feature-cycling .sm-visible {
    display: inherit !important;
  }
}
.p-feature-cycling [class*=swiper]:focus {
  outline: none;
}
.p-feature-cycling .swiper-button-disabled {
  pointer-events: none;
  opacity: 0;
}
.p-feature-cycling .container {
  position: relative;
  margin-inline: auto;
  width: calc(100% - var(--container-margin) * 2);
  max-width: 126rem;
}
.p-feature-cycling .fv {
  position: relative;
  margin-bottom: 7rem;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .p-feature-cycling .fv {
    margin-bottom: 10rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-feature-cycling .fv {
    margin-bottom: 15rem;
  }
}
.p-feature-cycling .fv .swiper-fade .swiper-slide {
  transition-property: opacity, transform !important;
  pointer-events: none;
}
.p-feature-cycling .fv .swiper-fade .swiper-slide .slide img {
  margin-right: auto;
  margin-left: auto;
  transition: 7s 1s ease-out;
}
.p-feature-cycling .fv .swiper-fade .swiper-slide-active {
  pointer-events: auto;
}
.p-feature-cycling .fv .swiper-pagination {
  position: absolute;
  z-index: 1;
  bottom: 2rem;
  left: 0;
  right: 0;
  height: -moz-max-content;
  height: max-content;
  margin: auto;
}
.p-feature-cycling .fv .swiper-pagination-bullet-active {
  background: var(--color-bland);
}
.p-feature-cycling .fv .site-ttl {
  position: absolute;
  left: 0;
  bottom: -3rem;
  width: 98%;
  z-index: 1;
}
@media screen and (min-width: 1300px) {
  .p-feature-cycling .fv .site-ttl {
    left: 50%;
    transform: translateX(-50%);
    bottom: -7rem;
    width: 126rem;
  }
}
.p-feature-cycling .fv .site-ttl h1 {
  position: relative;
  display: inline-flex;
  background-color: var(--color-brand);
  font-weight: var(--font-bold);
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .p-feature-cycling .fv .site-ttl h1 {
    padding-top: 2rem;
    padding-right: 5rem;
    padding-bottom: 2rem;
    padding-left: 1.5rem;
    font-size: 1.8rem;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 90% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 90% 100%, 0% 100%);
  }
}
@media screen and (min-width: 768px) and (max-width: 1299px) {
  .p-feature-cycling .fv .site-ttl h1 {
    padding-top: 3rem;
    padding-right: 9rem;
    padding-bottom: 3rem;
    padding-left: 4rem;
    font-size: 3.2rem;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 90% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 90% 100%, 0% 100%);
  }
}
@media screen and (min-width: 1300px) {
  .p-feature-cycling .fv .site-ttl h1 {
    padding-top: 4.5rem;
    padding-right: 15rem;
    padding-bottom: 4.5rem;
    font-size: 4.3rem;
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 85% 100%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 85% 100%, 0% 100%);
  }
}
@media screen and (min-width: 1300px) {
  .p-feature-cycling .fv .site-ttl::before {
    content: "";
    position: absolute;
    top: 0;
    left: -126rem;
    width: 126rem;
    height: 100%;
    background-color: var(--color-brand);
  }
}
@media screen and (min-width: 768px) {
  .p-feature-cycling .fv::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: url(../img/fw-bg.png) no-repeat right 0/contain;
    z-index: 2;
  }
}
.p-feature-cycling .attraction {
  position: relative;
}
@media screen and (min-width: 1025px) {
  .p-feature-cycling .attraction .cycling-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (max-width: 767px) {
  .p-feature-cycling .attraction .cycling-row .cycling-col:last-child {
    padding-top: 3rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .p-feature-cycling .attraction .cycling-row .cycling-col:last-child {
    padding-top: 5rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-feature-cycling .attraction .cycling-row .cycling-col {
    width: 46%;
  }
}
.p-feature-cycling .attraction .cycling-row .cycling-col .yt {
  box-shadow: 1rem 1rem 0 0 var(--color-bg);
}
@media screen and (min-width: 768px) {
  .p-feature-cycling .attraction .cycling-row .cycling-col .yt {
    box-shadow: 2rem 2rem 0 0 var(--color-bg);
  }
}
.p-feature-cycling .attraction .cycling-row .cycling-col:last-child p {
  font-size: 1.4rem;
  line-height: 1.75;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .p-feature-cycling .attraction .cycling-row .cycling-col:last-child p {
    font-size: 1.6rem;
    line-height: 1.8;
  }
}
@media screen and (min-width: 1025px) {
  .p-feature-cycling .attraction .cycling-row .cycling-col:last-child p {
    font-size: 1.8rem;
    line-height: 2;
  }
}
.p-feature-cycling .attraction .cycling-row .cycling-col:last-child p:last-child {
  padding-top: 3rem;
}
.p-feature-cycling .attraction em {
  position: absolute;
  left: 0;
  font-style: normal;
  font-size: 12rem;
  color: rgba(0, 0, 0, 0.03);
  white-space: nowrap;
  line-height: 1;
  font-weight: var(--font-bold);
  animation-name: scrolltext;
  animation-duration: 80s;
  animation-duration: 120s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transition: bottom 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition-delay: 0s;
  transition-delay: 0s;
  transition-delay: 0.7s;
  width: 418.717rem;
  text-transform: uppercase;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .p-feature-cycling .attraction em {
    bottom: -3rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .p-feature-cycling .attraction em {
    bottom: -5rem;
    font-size: 15rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-feature-cycling .attraction em {
    bottom: -8rem;
    font-size: 18rem;
  }
}
@keyframes scrolltext {
  0% {
    transform: translate(0%, 0%);
  }
  100% {
    transform: translate(-50%, 0%);
  }
}
@media screen and (max-width: 767px) {
  .p-feature-cycling .panker {
    margin-top: 5rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .p-feature-cycling .panker {
    margin-top: 10rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-feature-cycling .panker {
    margin-top: 20rem;
  }
}
.p-feature-cycling .panker .container {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .p-feature-cycling .panker ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.p-feature-cycling .panker ul li {
  margin-top: 2rem;
  opacity: 0;
}
@media screen and (min-width: 768px) {
  .p-feature-cycling .panker ul li:not(:last-child) {
    margin-right: 2rem;
  }
}
@media screen and (min-width: 768px) {
  .p-feature-cycling .request ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
.p-feature-cycling .request ul li {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5rem 1rem;
  border: 1px solid var(--color-base);
  box-shadow: 5px 5px 0 var(--color-base);
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-feature-cycling .request ul li:nth-child(n+2) {
    margin-top: 4rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .p-feature-cycling .request ul li {
    width: 47.5%;
    margin-right: 5%;
    padding: 5rem;
  }
  .p-feature-cycling .request ul li:last-child {
    width: 100%;
    margin-right: 0;
  }
  .p-feature-cycling .request ul li:nth-child(even) {
    margin-right: 0;
  }
  .p-feature-cycling .request ul li:nth-child(n+3) {
    margin-top: 5%;
  }
}
@media screen and (min-width: 1025px) {
  .p-feature-cycling .request ul li {
    width: 30%;
    margin-right: 5%;
    padding: 5rem;
  }
  .p-feature-cycling .request ul li:nth-child(3n) {
    margin-right: 0;
  }
  .p-feature-cycling .request ul li:nth-child(n+4) {
    margin-top: 5%;
  }
}
.p-feature-cycling .request ul li p {
  font-size: 1.8rem;
  font-weight: var(--font-bold);
}
@media screen and (min-width: 768px) {
  .p-feature-cycling .request ul li p {
    font-size: 2.2rem;
  }
}
.p-feature-cycling .request ul li p mark {
  background: linear-gradient(transparent 60%, var(--color-brand) 0%);
}
.p-feature-cycling .request ul li em {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: -2.25rem;
  left: 50%;
  transform: translateX(-50%);
  width: 4rem;
  height: 4rem;
  background-color: var(--color-brand);
  border: 2px solid var(--color-base);
  border-radius: 9999rem;
  font-style: normal;
  font-size: 2.2rem;
  font-weight: var(--font-bold);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .p-feature-cycling .request ul li em {
    width: 4.2rem;
    height: 4.2rem;
    font-size: 2.6rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-feature-cycling .request ul li em {
    width: 4.6rem;
    height: 4.6rem;
    font-size: 3rem;
  }
}
.p-feature-cycling .awaichi .lead {
  padding-bottom: 2rem;
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .p-feature-cycling .awaichi .lead {
    padding-bottom: 3rem;
    font-size: 1.6rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-feature-cycling .awaichi .lead {
    padding-bottom: 5rem;
    font-size: 1.8rem;
  }
}
.p-feature-cycling .awaichi .cycling-row {
  position: relative;
}
@media screen and (min-width: 768px) {
  .p-feature-cycling .awaichi .cycling-row {
    display: grid;
    place-items: center start;
    grid-template-columns: 1fr 1fr;
    gap: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-feature-cycling .awaichi .cycling-row .cycling-col:last-child {
    padding-top: 2rem;
  }
}
.p-feature-cycling .awaichi .cycling-row .cycling-col:last-child h3 {
  font-size: 2.4rem;
  font-weight: var(--font-bold);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .p-feature-cycling .awaichi .cycling-row .cycling-col:last-child h3 {
    font-size: 3rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-feature-cycling .awaichi .cycling-row .cycling-col:last-child h3 {
    font-size: 4rem;
  }
}
.p-feature-cycling .awaichi .cycling-row .cycling-col:last-child p {
  font-size: 1.5rem;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .p-feature-cycling .awaichi .cycling-row .cycling-col:last-child p {
    font-size: 1.7rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-feature-cycling .awaichi .cycling-row .cycling-col:last-child p {
    font-size: 2.1rem;
  }
}
.p-feature-cycling .awaichi .cycling-row .cycling-col:last-child span {
  display: block;
  padding: 2rem 0;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .p-feature-cycling .awaichi .cycling-row .cycling-col:last-child span {
    padding: 3rem 0;
  }
}
@media screen and (min-width: 1025px) {
  .p-feature-cycling .awaichi .cycling-row .cycling-col:last-child span {
    padding: 5rem 0;
  }
}
.p-feature-cycling .awaichi .cycling-row .cycling-col:last-child .link a {
  margin-top: 1rem;
}
.p-feature-cycling .awaichi .cycling-row .cycling-col:last-child .link a:not(:last-child) {
  margin-right: 1rem;
}
.p-feature-cycling .awaichi .cycling-row::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 29.78rem;
  height: 44.043rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='297.8' height='440.43'%3E%3Cg fill='%23f0f0f0'%3E%3Cpath d='M135.883 416.366c-1.415 0-2.831 1.415-4.246 2.831 0 2.831 1.415 7.077 0 9.908 0 1.415-4.246 1.415-4.246 1.415-1.415 4.246 0 9.908 4.246 9.908a10.644 10.644 0 0 0 9.908-7.077c1.415-1.415 1.415-5.662 1.415-8.493-1.415-2.831-4.246-7.077-7.077-8.493M294.414 20.042c-1.415-1.415-4.246-2.831-5.662-4.246-2.831-1.416-4.246-8.493-5.662-12.739-1.415-1.415-4.246-1.415-7.077-2.831s-11.324 4.246-14.155 5.662c-5.662 5.662-11.324 14.155-18.4 25.478a118.242 118.242 0 0 1-18.4 24.063c-4.246 5.662-8.493 2.831-11.324 4.246s-4.246 7.077-4.246 7.077c-2.831 1.415-8.493 7.077-11.324 8.493-4.246 1.416-9.908 1.416-12.739 2.831-5.662 2.831-12.739 11.324-14.155 15.57-5.662 12.739-15.57 35.386-25.478 43.879a4.305 4.305 0 0 1-5.662 0c-2.831-1.415-5.662-1.415-7.077 0-1.415 0-7.077 8.493-8.493 8.493-2.831 4.246-5.662 5.662-8.493 11.324-2.831 2.831-8.493 15.57-8.493 19.816a36.823 36.823 0 0 1-4.246 9.908c-1.415 1.416-4.246 1.416-5.662 2.831-1.415 5.662-7.077 18.4-9.908 25.478-1.415 2.831-7.077 1.415-7.077 1.415-4.246 8.493-7.077 24.063-9.908 31.14-4.246 4.246-5.662 12.739-9.908 18.4-5.665 4.249-12.74 14.155-16.986 12.74-5.662 0-11.324-7.077-16.985-8.493-1.415 2.831-1.415 7.077-4.246 9.908-2.831 1.415-5.662 2.831-7.077 4.246-1.415 2.831-5.662 9.908-8.493 15.57L0 307.379a20.707 20.707 0 0 1 7.077 4.246c0 1.415-2.831 15.57-1.415 18.4 1.415-1.415 5.662-1.415 8.493 1.415 2.831 4.246 2.831 11.324 2.831 14.155-1.415 2.831-12.739 9.908-12.739 9.908 2.831 0 7.077-1.415 12.739-1.415 5.662-1.415 11.324-2.831 14.154-2.831 1.415 0 4.246 4.246 7.077 5.662 1.415 1.415 4.246-4.246 4.246-5.662 1.415-2.831 4.246-4.246 5.662-7.077 1.415-1.415 4.246 0 5.662 1.416s0 5.662-1.415 8.493-4.246 4.246-7.077 5.662c-5.662 4.246-9.908 16.985-7.077 21.232h4.246c1.415 0 4.246 0 5.662 1.415 4.246 1.415 9.908 4.246 11.324 7.077 2.831 4.247 1.415 15.57 2.831 19.816 4.246-1.415 11.324-5.662 15.57-5.662 5.662-1.415 12.739-4.246 16.985-5.662h19.816c4.246 0 14.154-7.077 15.57-8.493 7.077-4.246 7.077-9.908 19.816-18.4 1.415-1.415 22.647-12.739 25.478-12.739 5.662-1.415 12.739-7.077 19.816-9.908a142.613 142.613 0 0 1 26.893-8.493c5.662-2.831 15.57-4.246 16.985-7.077l1.416-5.662c-1.416-1.415-4.246-1.415-4.246-2.831-2.831-5.662-2.831-19.816-4.246-19.816l-16.986-12.739c-7.077-5.662-5.662-26.894-7.077-31.14-2.831-2.831-8.493 0-11.324-2.831 0-1.415-2.831-5.662-2.831-8.493-1.415-8.493 1.416-21.232 1.416-28.309 0-2.831-1.416-15.57-1.416-16.985 0-2.831 1.416-4.246 0-8.493v-9.908c1.416-2.831 9.908-2.831 11.324-8.493 0-2.831-2.831-5.662-1.415-7.077a66.536 66.536 0 0 1 12.739-16.985c2.831-4.246 8.493-8.493 12.739-12.739 4.246-5.662 8.493-12.739 11.324-16.985 5.662-7.077 14.154-14.155 18.4-22.647 2.831-4.246 8.493-9.908 11.324-16.985 1.415-5.662-1.415-15.57 4.246-22.647 1.415-1.415 11.324-12.739 15.57-16.985a127.553 127.553 0 0 0 7.077-12.739c1.415-2.831 0-11.324-2.831-11.324' opacity='.54'/%3E%3C/g%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .p-feature-cycling .awaichi .cycling-row::before {
    top: -17rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-feature-cycling .awaichi .cycling-row::before {
    top: 0;
  }
}
.p-feature-cycling .guide .lead {
  font-size: 1.4rem;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .p-feature-cycling .guide .lead {
    font-size: 1.7rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-feature-cycling .guide .lead {
    font-size: 1.8rem;
  }
}
.p-feature-cycling .guide .card li {
  grid-row: span 4;
}
@media screen and (min-width: 768px) {
  .p-feature-cycling .cmap .cycling-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 100rem;
    margin-right: auto;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .p-feature-cycling .cmap .cycling-row .cycling-col:first-child {
    width: 40%;
  }
  .p-feature-cycling .cmap .cycling-row .cycling-col:last-child {
    width: 56%;
  }
}
@media screen and (min-width: 1025px) {
  .p-feature-cycling .cmap .cycling-row .cycling-col {
    width: 48%;
  }
}
.p-feature-cycling .cmap .cycling-row .cycling-col:last-child p {
  font-size: 1.5rem;
  line-height: 1.75;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .p-feature-cycling .cmap .cycling-row .cycling-col:last-child p {
    font-size: 1.6rem;
    line-height: 2;
  }
}
@media screen and (min-width: 1025px) {
  .p-feature-cycling .cmap .cycling-row .cycling-col:last-child p {
    font-size: 1.8rem;
    line-height: 2.4;
  }
}
@media screen and (min-width: 768px) {
  .p-feature-cycling .cmap .anker {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
    margin-top: 2rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .p-feature-cycling .cmap .anker {
    margin-top: 3rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-feature-cycling .cmap .anker {
    margin-top: 5rem;
  }
}
.p-feature-cycling .cmap .anker a {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .p-feature-cycling .cmap .anker li {
    margin-top: 1.5rem;
  }
}
.p-feature-cycling .cmap h3 {
  position: relative;
  margin-top: 5rem;
}
.p-feature-cycling .cmap h3::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  background-color: #707070;
}
.p-feature-cycling .cmap h3 span {
  position: relative;
  display: inline-block;
  padding: 1rem 5rem 1rem 2rem;
  font-size: 1.6rem;
  font-weight: var(--font-bold);
  color: var(--color-white);
  -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 85% 100%, 0% 100%);
          clip-path: polygon(0% 0%, 100% 0%, 100% 0%, 85% 100%, 0% 100%);
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .p-feature-cycling .cmap h3 span {
    font-size: 2rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-feature-cycling .cmap h3 span {
    font-size: 2.6rem;
  }
}
.p-feature-cycling .cmap .kobe h3 span {
  background-color: var(--color-kobe);
}
.p-feature-cycling .cmap .harima-east h3 span {
  background-color: var(--color-harima-east);
}
.p-feature-cycling .cmap .harima-west h3 span {
  background-color: var(--color-harima-west);
}
.p-feature-cycling .cmap .tamba h3 span {
  background-color: var(--color-tamba);
}
.p-feature-cycling .cmap .tajima h3 span {
  background-color: var(--color-tajima);
}
.p-feature-cycling .cmap .awaji h3 span {
  background-color: var(--color-awaji);
}
.p-feature-cycling .cmap .card li {
  grid-row: span 4;
}
.p-feature-cycling .movie {
  position: relative;
}
.p-feature-cycling .movie .cycling-row {
  margin-top: 4rem;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .p-feature-cycling .movie .cycling-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 4rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-feature-cycling .movie .cycling-row {
    margin-top: 8rem;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 6rem;
  }
}
@media screen and (max-width: 767px) {
  .p-feature-cycling .movie .cycling-row .cycling-col:nth-child(n+2) {
    margin-top: 3rem;
  }
}
.p-feature-cycling .movie .cycling-row .cycling-col p {
  font-size: 1.4rem;
  font-weight: var(--font-bold);
}
.p-feature-cycling .movie em {
  position: absolute;
  left: 0;
  bottom: -5rem;
  font-style: normal;
  font-size: 18rem;
  color: rgba(0, 0, 0, 0.03);
  white-space: nowrap;
  line-height: 12rem;
  font-weight: var(--font-bold);
  animation-name: scrolltext;
  animation-duration: 80s;
  animation-duration: 120s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  transition: bottom 1s cubic-bezier(0.43, 0.05, 0.17, 1);
  transition-delay: 0s;
  transition-delay: 0s;
  transition-delay: 0.7s;
  width: 418.717rem;
  text-transform: uppercase;
  z-index: -1;
}
.p-feature-cycling .movie .yt-box {
  position: relative;
}
.p-feature-cycling .movie .yt-box p {
  padding: 1rem 0.5rem;
  background-color: var(--color-brand);
  font-size: 1.6rem;
  font-weight: var(--font-bold);
  text-align: center;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .p-feature-cycling .movie .yt-box p {
    font-size: 1.8rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-feature-cycling .movie .yt-box p {
    font-size: 2rem;
  }
}
.p-feature-cycling .movie .pickup {
  max-width: 90rem;
  margin-right: auto;
  margin-left: auto;
}
.p-feature-cycling .movie .pickup .yt-box::before {
  content: "";
  position: absolute;
  top: -4rem;
  left: -1em;
  width: 11rem;
  height: 6.819rem;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='171.874' height='106.078'%3E%3Cpath fill='%23111' d='M83.339 71.888 14.684 90.295l-12.95-48.3L156.294.555l12.95 48.3-65.012 17.43 6.663 15.768Z'/%3E%3Cpath fill='%23fff' d='m107.25 78.577-5.76-13.629 65.302-17.508-11.914-44.436L4.182 43.408l11.914 44.436L83.432 69.79l.596.22 23.218 8.568m3.64 3.476-27.55-10.167-68.652 18.407-12.95-48.3L156.294.554l12.95 48.3-65.012 17.43Z'/%3E%3Cpath fill='%23ebff00' d='m39.869 68.01 3.291-.882-1.567-5.843 2.197-.589c3.533-.947 5.902-3.392 4.895-7.147-1.043-3.888-4.19-4.426-7.831-3.45l-5.4 1.448Zm1.027-9.324-1.447-5.4 1.863-.499c2.266-.608 3.639-.285 4.151 1.626.507 1.888-.326 3.136-2.592 3.743ZM55.8 63.74l3.285-.88-4.415-16.464-3.284.88Zm15.236-3.752a6.889 6.889 0 0 0 4.596-3.828l-2.286-1.577a4.695 4.695 0 0 1-2.965 2.533c-2.6.697-4.866-1.005-5.825-4.582-.947-3.533.348-6.166 2.836-6.833a4.485 4.485 0 0 1 3.412.56l1.15-2.547a6.944 6.944 0 0 0-5.386-.818c-4.154 1.114-6.792 5.227-5.338 10.647 1.476 5.487 5.651 7.56 9.806 6.445Zm8.915-2.724 3.285-.88-1.24-4.621 1.415-3.357 6.25 6.255 3.599-.965-8.585-8.391 3.284-7.835-3.624.972-3.525 8.614-.067.018-1.918-7.155-3.284.88Zm22.324-5.651c4.021-1.079 5.752-3.948 4.287-9.414l-2.43-9.065-3.155.846 2.507 9.354c.918 3.422-.017 4.91-1.972 5.435-1.91.512-3.421-.326-4.337-3.743l-2.508-9.354-3.285.88 2.43 9.066c1.463 5.467 4.463 7.067 8.463 5.995Zm11.336-3.373 3.285-.881-1.567-5.843 2.2-.59c3.532-.947 5.901-3.392 4.895-7.147-1.043-3.888-4.19-4.426-7.832-3.45l-5.395 1.447Zm1.021-9.324-1.447-5.399 1.866-.5c2.266-.608 3.639-.285 4.15 1.626.507 1.888-.325 3.135-2.591 3.743Zm21.329-2.79 2.27-.608-1.438-7.759-.777-3.34-3.688.989.999 3.28Zm2.721 5.606a1.957 1.957 0 0 0 1.431-2.48 1.963 1.963 0 0 0-2.485-1.453 1.963 1.963 0 0 0-1.429 2.503 1.944 1.944 0 0 0 2.483 1.43Z'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 2;
  animation: poyoyon3 2.5s infinite;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .p-feature-cycling .movie .pickup .yt-box::before {
    top: -6rem;
    left: -1.5em;
    width: 14rem;
    height: 8.678rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-feature-cycling .movie .pickup .yt-box::before {
    top: -6rem;
    left: -3em;
    width: 17.1rem;
    height: 10.6rem;
  }
}
.p-feature-cycling .movie .pickup .yt-box:first-of-type {
  margin-top: 5rem;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .p-feature-cycling .movie .pickup .yt-box:first-of-type {
    margin-top: 7.5rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-feature-cycling .movie .pickup .yt-box:first-of-type {
    margin-top: 10rem;
  }
}
.p-feature-cycling .movie .pickup .yt-box:nth-child(n+2) {
  margin-top: 5rem;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
  .p-feature-cycling .movie .pickup .yt-box:nth-child(n+2) {
    margin-top: 7.5rem;
  }
}
@media screen and (min-width: 1025px) {
  .p-feature-cycling .movie .pickup .yt-box:nth-child(n+2) {
    margin-top: 10rem;
  }
}
@keyframes poyoyon3 {
  0%, 40% {
    transform: skew(0deg, 0deg);
  }
  5% {
    transform: skew(5deg, 5deg);
  }
  10% {
    transform: skew(-4deg, -4deg);
  }
  15% {
    transform: skew(3deg, 3deg);
  }
  20% {
    transform: skew(-2deg, -2deg);
  }
  25% {
    transform: skew(1deg, 1deg);
  }
  30% {
    transform: skew(-0.6deg, -0.6deg);
  }
  35% {
    transform: skew(0.3deg, 0.3deg);
  }
}
.p-feature-cycling svg {
  max-width: 40rem;
}
.p-feature-cycling svg path {
  transition: fill 0.2s;
}
.p-feature-cycling .yt {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.p-feature-cycling .yt iframe {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .p-feature-cycling .yt iframe {
    width: 100%;
  }
}
.p-feature-cycling .yt a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}/*# sourceMappingURL=style.css.map */