@charset "UTF-8";
@media screen and (min-width: 768px) {
  body.page:has(.p-road-future-main), body.page:has(.p-road-future-campaign-main) {
    display: grid;
    align-items: flex-start;
  }
  body.page:has(.p-road-future-main) #header,
  body.page:has(.p-road-future-main) main, body.page:has(.p-road-future-campaign-main) #header,
  body.page:has(.p-road-future-campaign-main) main {
    grid-row: 1;
    grid-column: 1;
  }
}

main *, main *::after, main *::before {
  line-height: 1;
  color: #009944;
  overflow-wrap: anywhere;
  word-break: normal;
  line-break: strict;
  min-inline-size: 0;
}
main picture {
  display: block;
}
@media screen and (max-width: 767px) {
  main .u-pc {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  main .u-sp {
    display: none !important;
  }
}

/* 街と暮らしと、支える道へ */
.p-road-future-main {
  padding-bottom: 66px;
}
@media screen and (max-width: 767px) {
  .p-road-future-main {
    padding-block: min(59.9px, 15.9733333333vw) 25px;
  }
}
.p-road-future-fv__inner {
  display: grid;
}
.p-road-future-fv__ttl {
  grid-row: 1;
  grid-column: 1;
  position: relative;
  z-index: 1;
  margin: auto;
  padding-bottom: 2.1%;
  width: 64.1666666667%;
}
@media screen and (max-width: 767px) {
  .p-road-future-fv__ttl {
    padding-bottom: 10.2%;
    width: 75%;
  }
}
.p-road-future-fv__splide {
  grid-row: 1;
  grid-column: 1;
  aspect-ratio: 1920/1000;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-road-future-fv__splide {
    aspect-ratio: 800/500;
  }
}
.p-road-future-fv__splide-pic {
  width: 100%;
  height: 100%;
}
.p-road-future-fv__splide-pic-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-road-future-fv__campaign {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 2;
  padding-bottom: 0.5208333333%;
  width: 100%;
  transition: opacity 0.4s;
}
@media screen and (max-width: 767px) {
  .p-road-future-fv__campaign {
    padding-bottom: 1%;
  }
}
.p-road-future-fv__campaign.is-hide {
  opacity: 0;
  pointer-events: none;
}
.p-road-future-fv__campaign::before {
  content: "";
  position: absolute;
  inset: 22.4852071006% 0 0;
  z-index: -1;
  background: rgba(169, 208, 107, 0.8);
}
@media screen and (max-width: 767px) {
  .p-road-future-fv__campaign::before {
    inset: 23.5849056604% 0 0;
  }
}
.p-road-future-fv__campaign-link {
  display: block;
  position: relative;
  z-index: 1;
  margin-inline: auto;
  width: 41.25%;
}
@media screen and (max-width: 767px) {
  .p-road-future-fv__campaign-link {
    width: 75%;
  }
}
.p-road-future-fv__campaign-link-img {
  width: 100%;
  filter: drop-shadow(0 -0.2604166667vw 0 rgba(169, 208, 107, 0.8));
}
@media screen and (max-width: 767px) {
  .p-road-future-fv__campaign-link-img {
    filter: drop-shadow(0 -0.5vw 0 rgba(169, 208, 107, 0.8));
  }
}
.p-road-future-fv__intro {
  position: relative;
  padding-block: 46px 56px;
  background: url(../img/road-future/fv-intro-bg-pc.svg) center bottom/100% auto no-repeat #fff;
}
@media screen and (max-width: 767px) {
  .p-road-future-fv__intro {
    padding-block: min(17px, 4.5333333333vw) min(25px, 6.6666666667vw);
    background: url(../img/road-future/fv-intro-bg-sp.svg) center bottom/100% auto no-repeat #fff;
  }
}
.p-road-future-fv__intro-txt {
  font-weight: 600;
  font-size: 24px;
  line-height: 2.25;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-road-future-fv__intro-txt {
    font-size: min(12px, 3.2vw);
    line-height: 2.25;
    letter-spacing: 0.09em;
    text-indent: 0.09em;
  }
}
.p-road-future-fv__intro-ttl {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 47px auto 0;
  width: 708px;
}
@media screen and (max-width: 767px) {
  .p-road-future-fv__intro-ttl {
    margin-top: min(14px, 3.7333333333vw);
    width: min(300px, 80vw);
  }
}
.p-road-future-fv__intro-ttl-txt {
  font-weight: 600;
  font-size: 26px;
  line-height: 1.4230769231;
  letter-spacing: 0.24em;
  text-indent: 0.24em;
  text-align: center;
  white-space: nowrap;
  border: 1px solid #009944;
}
@media screen and (max-width: 767px) {
  .p-road-future-fv__intro-ttl-txt {
    font-size: min(11px, 2.9333333333vw);
    line-height: 2.4545454545;
    letter-spacing: 0.09em;
    text-indent: 0.09em;
  }
}
.p-road-future-fv__intro-ttl-txt:nth-child(n+2) {
  border-left-width: 0;
}
.p-road-future-fv__intro-movie {
  margin: 57px auto 0;
  width: 1000px;
  aspect-ratio: 16/9;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-road-future-fv__intro-movie {
    margin-top: min(25px, 6.6666666667vw);
    width: 75%;
  }
}
.p-road-future-fv__intro-movie-iframe {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-road-future-sec {
  padding-block: 48px 57px;
}
@media screen and (max-width: 767px) {
  .p-road-future-sec {
    padding-block: 6.1333333333vw;
  }
}
.p-road-future-sec__inner {
  margin-inline: auto;
  width: 1000px;
}
@media screen and (max-width: 767px) {
  .p-road-future-sec__inner {
    width: 75%;
  }
}
.p-road-future-sec__ttl {
  font-size: 43px;
  line-height: 1.3720930233;
  font-weight: 700;
  color: #231815;
}
@media screen and (max-width: 767px) {
  .p-road-future-sec__ttl {
    font-size: min(22px, 5.8666666667vw);
    line-height: 1.3636363636;
  }
}
.p-road-future-sec__txt {
  font-size: 28px;
  line-height: 1.3571428571;
  padding-block: 160px;
}
@media screen and (max-width: 767px) {
  .p-road-future-sec__txt {
    font-size: min(16px, 4.2666666667vw);
    padding-block: min(80px, 21.3333333333vw);
  }
}
.p-road-future-sec__splide {
  margin-top: 32px;
}
@media screen and (max-width: 767px) {
  .p-road-future-sec__splide {
    margin-top: 5.6vw;
  }
}
.p-road-future-sec__splide:has(button[disabled]) .splide__arrows {
  opacity: 0;
  pointer-events: none;
}
.p-road-future-sec__splide .splide__arrow {
  width: 73px;
  height: 73px;
  background: none;
  opacity: 1;
}
@media screen and (max-width: 767px) {
  .p-road-future-sec__splide .splide__arrow {
    width: min(36px, 9.6vw);
    height: min(36px, 9.6vw);
  }
}
.p-road-future-sec__splide .splide__arrow--prev {
  left: -103px;
}
@media screen and (max-width: 767px) {
  .p-road-future-sec__splide .splide__arrow--prev {
    left: max(-41px, -10.9333333333vw);
  }
}
.p-road-future-sec__splide .splide__arrow--prev svg {
  scale: -1 1;
}
.p-road-future-sec__splide .splide__arrow--next {
  right: -103px;
}
@media screen and (max-width: 767px) {
  .p-road-future-sec__splide .splide__arrow--next {
    right: max(-41px, -10.9333333333vw);
  }
}
.p-road-future-sec__splide .splide__arrow svg {
  width: inherit;
  height: inherit;
}
.p-road-future-sec__splide-link {
  display: block;
  border: 7px solid #009944;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-road-future-sec__splide-link {
    border-width: 1.0666666667vw;
  }
}
.p-road-future-sec__splide-pic {
  aspect-ratio: 310/284;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  .p-road-future-sec__splide-pic {
    aspect-ratio: 586/283;
  }
}
.p-road-future-sec__splide-pic-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-road-future-sec__splide-box {
  padding: 19px 13px 32px;
}
@media screen and (max-width: 767px) {
  .p-road-future-sec__splide-box {
    padding: 2.6666666667vw 1.8666666667vw 4.2666666667vw;
  }
}
.p-road-future-sec__splide-box-date-txt {
  font-size: 12px;
  letter-spacing: 0.08em;
  font-weight: 600;
  color: #727171;
}
@media screen and (max-width: 767px) {
  .p-road-future-sec__splide-box-date-txt {
    font-size: min(6px, 1.6vw);
  }
}
.p-road-future-sec__splide-box-ttl {
  font-size: 21px;
  line-height: 1.2857142857;
  letter-spacing: 0.14em;
  font-weight: 600;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .p-road-future-sec__splide-box-ttl {
    font-size: min(11px, 2.9333333333vw);
    margin-top: 1.3333333333vw;
  }
}
.p-road-future-system {
  background: #fff;
}
.p-road-future-actual {
  background: #a9d06b;
}
.p-road-future-actual__txt {
  color: #fff;
}

/* 思い出エピソード募集キャンペーン | 街と暮らしと、支える道へ */
.p-road-future-campaign-main {
  padding-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-main {
    padding-block: min(59.9px, 15.9733333333vw) min(20px, 5.3333333333vw);
  }
}
.p-road-future-campaign-fv {
  position: relative;
  z-index: 2;
  padding-top: 161px;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-fv {
    padding-top: min(15px, 4vw);
  }
}
.p-road-future-campaign-fv::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 307px;
  background: url(../img/road-future/campaign/fv-bg-pc.svg) center bottom/cover no-repeat;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-fv::before {
    height: min(58.5px, 15.6vw);
    background-image: url(../img/road-future/campaign/fv-bg-sp.svg);
  }
}
.p-road-future-campaign-fv__hgroup-ttl {
  margin-inline: auto;
  width: 1226px;
}
@media screen and (min-width: 768px) {
  .p-road-future-campaign-fv__hgroup-ttl {
    padding-right: 47px;
  }
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-fv__hgroup-ttl {
    width: min(300px, 80vw);
  }
}
.p-road-future-campaign-fv__hgroup-txt {
  font-size: 43px;
  line-height: 1.3023255814;
  letter-spacing: 0.2em;
  font-weight: 700;
  text-indent: 0.2em;
  text-align: center;
  margin-top: 27px;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-fv__hgroup-txt {
    font-size: min(22px, 5.8666666667vw);
    line-height: 1.5909090909;
    letter-spacing: 0.1em;
    text-indent: 0.1em;
    margin-top: min(15px, 4vw);
  }
}
.p-road-future-campaign-fv__txt {
  font-size: 25px;
  line-height: 2.24;
  letter-spacing: 0.1em;
  font-weight: 700;
  text-indent: 0.1em;
  text-align: center;
  margin-top: 56px;
}
@media screen and (min-width: 768px) {
  .p-road-future-campaign-fv__txt {
    position: relative;
    margin-inline: auto;
    width: fit-content;
  }
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-fv__txt {
    font-size: min(13px, 3.4666666667vw);
    line-height: 2.1538461538;
    letter-spacing: 0.09em;
    text-indent: 0.09em;
    margin-top: min(10px, 2.6666666667vw);
  }
}
.p-road-future-campaign-fv__txt-bnr {
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 100;
  width: 266px;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-fv__txt-bnr {
    right: min(47px, 12.5333333333vw);
    bottom: min(20px, 5.3333333333vw);
    width: min(133px, 35.4666666667vw);
  }
}
.p-road-future-campaign-fv__txt-bnr.is-hide {
  opacity: 0;
  pointer-events: none;
}
.p-road-future-campaign-fv__gallery {
  margin-top: 42px;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-fv__gallery {
    margin-top: min(40px, 10.6666666667vw);
  }
}
.p-road-future-campaign-fv__gallery-img {
  width: 100%;
}
.p-road-future-campaign-example {
  padding-block: 48px 55px;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-example {
    padding-block: min(20px, 5.3333333333vw) min(25px, 6.6666666667vw);
  }
}
.p-road-future-campaign-example__inner {
  margin-inline: auto;
  width: 998px;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-example__inner {
    width: min(300px, 80vw);
  }
}
.p-road-future-campaign-example__ttl {
  font-size: 43px;
  line-height: 1.3720930233;
  letter-spacing: 0.14em;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-example__ttl {
    font-size: 22px;
    line-height: 1.3636363636;
    letter-spacing: 0.07em;
    padding-left: min(16px, 4.2666666667vw);
  }
}
.p-road-future-campaign-example__list {
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-example__list {
    margin-top: 11px;
    padding-left: min(16px, 4.2666666667vw);
  }
}
.p-road-future-campaign-example__list-item {
  font-size: 25px;
  line-height: 2.24;
  letter-spacing: 0.1em;
  font-weight: 600;
  position: relative;
  padding-left: 29px;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-example__list-item {
    font-size: 12px;
    line-height: 2.3333333333;
    letter-spacing: 0.09em;
    padding-left: 14px;
  }
}
.p-road-future-campaign-example__list-item::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 0;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  background: currentColor;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-example__list-item::before {
    top: 9px;
    width: 9px;
    height: 9px;
  }
}
.p-road-future-campaign-example__list-item:nth-child(n+2) {
  margin-top: 46px;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-example__list-item:nth-child(n+2) {
    margin-top: 22px;
  }
}
.p-road-future-campaign-example__deco {
  display: flex;
  justify-content: space-between;
  margin-block: 19px -4px;
  padding-inline: 114px;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-example__deco {
    margin-block: min(11px, 2.9333333333vw) max(-2px, -0.5333333333vw);
    padding-inline: min(56px, 14.9333333333vw) min(25px, 6.6666666667vw);
  }
}
.p-road-future-campaign-example__deco-car {
  width: 45px;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-example__deco-car {
    width: min(23px, 6.1333333333vw);
  }
}
.p-road-future-campaign-example__deco-car:nth-child(2) {
  margin-inline: auto 122px;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-example__deco-car:nth-child(2) {
    margin-inline: auto 19.1780821918%;
  }
}
.p-road-future-campaign-example__box {
  --_padding: 11px;
  --_radius: 45px;
  padding: var(--_padding);
  border-radius: var(--_radius);
  background: #009944;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-example__box {
    --_padding: min(6px, 1.6vw);
    --_radius: min(28px, 7.4666666667vw);
  }
}
.p-road-future-campaign-example__box-inner {
  padding-block: 34px 33px;
  border: 6px solid #fff;
  border-radius: calc(var(--_radius) - var(--_padding));
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-example__box-inner {
    padding-block: min(16px, 4.2666666667vw) min(25px, 6.6666666667vw);
    border-width: min(3px, 0.8vw);
  }
}
.p-road-future-campaign-example__box-theme {
  font-size: 25px;
  line-height: 2.24;
  letter-spacing: 0.1em;
  font-weight: 600;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-example__box-theme {
    font-size: min(12px, 3.2vw);
    line-height: 2.3333333333;
    letter-spacing: 0.09em;
  }
}
.p-road-future-campaign-example__box-theme-label {
  display: inline-block;
  position: relative;
  z-index: 1;
  margin-right: 0.7em;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-example__box-theme-label {
    margin-right: 0.8em;
  }
}
.p-road-future-campaign-example__box-theme-label::before {
  content: "";
  position: absolute;
  inset: -6px -14px;
  z-index: -1;
  border-radius: 15px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-example__box-theme-label::before {
    inset: max(-3px, -0.8vw) max(-7px, -1.8666666667vw);
    border-radius: min(7px, 1.8666666667vw);
  }
}
.p-road-future-campaign-example__box-des {
  position: relative;
  margin-top: 30px;
  padding-top: 32px;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-example__box-des {
    margin-top: min(20px, 5.3333333333vw);
    padding-top: min(28px, 7.4666666667vw);
  }
}
.p-road-future-campaign-example__box-des::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50% 0;
  width: calc(100% - 72px);
  height: 6px;
  background: repeating-linear-gradient(90deg, #fff, #fff 10px, transparent 10px, transparent 40px) left top/100% 6px repeat-x;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-example__box-des::before {
    width: min(265px, 70.6666666667vw);
    height: min(3px, 0.8vw);
    background: repeating-linear-gradient(90deg, #fff, #fff min(5px, 1.3333333333vw), transparent min(5px, 1.3333333333vw), transparent min(20px, 5.3333333333vw)) left top/100% min(3px, 0.8vw) repeat-x;
  }
}
@media screen and (min-width: 768px) {
  .p-road-future-campaign-example__box-des-detail-item {
    display: grid;
    align-items: flex-start;
    grid-template-columns: auto 1fr;
    column-gap: 5px;
    margin-inline: auto;
    width: fit-content;
  }
}
.p-road-future-campaign-example__box-des-detail-theme {
  font-size: 25px;
  line-height: 2.24;
  letter-spacing: -0.02em;
  font-weight: 600;
  position: relative;
  z-index: 1;
  padding-inline: 12px;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-example__box-des-detail-theme {
    font-size: min(12px, 3.2vw);
    line-height: 1.5;
    margin-inline: auto;
    padding-inline: min(6px, 1.6vw);
    width: fit-content;
  }
}
.p-road-future-campaign-example__box-des-detail-theme::before {
  content: "";
  position: absolute;
  inset: 9.5px 0;
  z-index: -1;
  border-radius: 15px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-example__box-des-detail-theme::before {
    inset: 0;
    border-radius: min(7px, 1.8666666667vw);
  }
}
.p-road-future-campaign-example__box-des-detail-des {
  font-size: 25px;
  line-height: 2.24;
  letter-spacing: 0.18em;
  font-weight: 600;
  color: #fff;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-example__box-des-detail-des {
    font-size: min(12px, 3.2vw);
    line-height: 2.3333333333;
    letter-spacing: 0.09em;
    text-align: center;
    margin-top: min(7px, 1.8666666667vw);
  }
}
@media screen and (min-width: 768px) {
  .p-road-future-campaign-example__box-des-detail-des:has(.p-road-future-campaign-example__box-des-detail-des-lg) {
    position: relative;
    top: 3px;
  }
}
.p-road-future-campaign-example__box-des-detail-des-lg {
  font-size: 33px;
  color: inherit;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-example__box-des-detail-des-lg {
    font-size: min(16px, 4.2666666667vw);
  }
}
.p-road-future-campaign-example__box-des-images {
  margin: 9px auto 0;
  width: calc(100% - 72px);
}
@media screen and (min-width: 768px) {
  .p-road-future-campaign-example__box-des-images {
    display: grid;
    grid-template-columns: 568px 1fr;
    column-gap: 27px;
  }
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-example__box-des-images {
    margin-top: min(16px, 4.2666666667vw);
    width: min(247px, 65.8666666667vw);
  }
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-example__box-des-images-fig:nth-child(n+2) {
    margin-top: min(12px, 3.2vw);
  }
}
.p-road-future-campaign-example__box-des-images-fig-cap {
  font-size: 16px;
  line-height: 1.25;
  letter-spacing: 0.07em;
  color: #fff;
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-example__box-des-images-fig-cap {
    font-size: min(8px, 2.1333333333vw);
    margin-top: min(5px, 1.3333333333vw);
  }
}
.p-road-future-campaign-radio__outer {
  padding-block: 41px 51px;
  background: #a9d06b;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-radio__outer {
    padding-block: min(20px, 5.3333333333vw) min(14px, 3.7333333333vw);
  }
}
.p-road-future-campaign-radio__inner {
  margin-inline: auto;
  width: 1280px;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-radio__inner {
    width: 100%;
  }
}
.p-road-future-campaign-radio__ttl {
  width: 520px;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-radio__ttl {
    margin-inline: auto;
    width: min(260px, 69.3333333333vw);
  }
}
.p-road-future-campaign-radio__sttl {
  font-size: 33px;
  line-height: 1.696969697;
  letter-spacing: 0.18em;
  font-weight: 800;
  text-indent: 0.18em;
  color: #006428;
  text-align: center;
  margin-top: 31px;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-radio__sttl {
    font-size: min(16px, 4.2666666667vw);
    line-height: 1.75;
    letter-spacing: 0.09em;
    text-indent: 0.09em;
    margin-top: min(13px, 3.4666666667vw);
  }
}
.p-road-future-campaign-radio__txt {
  font-size: 25px;
  line-height: 2.24;
  letter-spacing: 0.18em;
  font-weight: 600;
  text-indent: 0.18em;
  color: #006428;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-radio__txt {
    font-size: min(12px, 3.2vw);
    line-height: 1.9166666667;
    letter-spacing: 0.09em;
    text-indent: 0.09em;
  }
}
.p-road-future-campaign-radio__txt-link {
  color: #e60039;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 6px;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-radio__txt-link {
    text-decoration-thickness: min(1px, 0.2666666667vw);
    text-underline-offset: min(3px, 0.8vw);
  }
}
.p-road-future-campaign-radio__date {
  font-size: 25px;
  line-height: 2.24;
  letter-spacing: 0.18em;
  font-weight: 600;
  text-indent: 0.18em;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-radio__date {
    font-size: min(12px, 3.2vw);
    line-height: 2;
    letter-spacing: 0.09em;
    text-indent: 0.09em;
  }
}
.p-road-future-campaign-radio__date-lg {
  font-size: 33px;
  color: inherit;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-radio__date-lg {
    font-size: min(16px, 4.2666666667vw);
  }
}
.p-road-future-campaign-radio__ssttl {
  font-size: 43px;
  line-height: 1.3720930233;
  letter-spacing: 0.16em;
  font-weight: 700;
  text-indent: 0.16em;
  text-align: center;
  margin-top: 45px;
}
@media screen and (max-width: 767px) {
  .p-road-future-campaign-radio__ssttl {
    font-size: 22px;
    line-height: 1.5;
    letter-spacing: 0.08em;
    text-indent: 0.08em;
    margin-top: min(20px, 5.3333333333vw);
  }
}

/*# sourceMappingURL=road-future.css.map */