@charset "UTF-8";
@keyframes delayView {
  0% {
    opacity: 0;
  }
  99.999% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes cloud {
  47% {
    transform: translateX(var(--cloudX));
  }
  53% {
    transform: translateX(var(--cloudX));
  }
  94% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes float {
  47% {
    transform: translateY(var(--floatY));
  }
  53% {
    transform: translateY(var(--floatY));
  }
}
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  line-height: 1;
  color: #000;
  background: #fff;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
html {
  font-size: 62.5%;
}
body {
  position: relative;
  font-size: 2.4rem;
  font-family: 'Noto Sans JP', sans-serif;
  color: #000;
  font-weight: 400;
  text-rendering: auto;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
  text-align: justify;
}
body::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
img {
  width: 100%;
  height: auto;
  vertical-align: top;
}
svg {
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}
button,
input,
select,
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  margin: 0;
  padding: 0;
  font-family: 'Noto Sans JP', sans-serif;
  font-size: 100%;
  border: 0;
  border-radius: 0;
  background: none;
  outline: none;
}
button,
input,
label,
select {
  cursor: pointer;
}
main,
section {
  position: relative;
}
a {
  text-decoration: none;
  color: #000;
}
@media only screen and (max-width: 767px) {
  input[type=text],
  textarea {
    font-size: 4.266666666666667vw;
    transform-origin: left center;
  }
}
@media only screen and (max-width: 767px) and only screen and (min-width: 768px) {
  input[type=text],
  textarea {
    font-size: 1.877333333333334rem;
  }
}
.sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .sp {
    display: inline-block;
  }
}
@media only screen and (max-width: 767px) {
  .pc {
    display: none;
  }
}
* {
  box-sizing: border-box;
}
.wrapper {
  position: relative;
  overflow: hidden;
  background: url("../img/bg-pattern-1.png?hash=e7a100db9cc0826fb98a8028ca1b3d26") center 0 repeat #a70000;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: multiply;
}
@media only screen and (min-width: 768px) {
  .wrapper {
    background-size: 100px 100px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .wrapper {
    background: url("../img/bg-pattern-1@2x.png?hash=625bc241622eb22f3927936053b062cd") center 0 repeat #a70000;
    background-size: 100px 100px;
  }
}
.main-contents {
  position: relative;
  box-sizing: border-box;
  background: url("../img/bg-pattern-3.jpg?hash=45087e9e80558324b877c91e7f72a112") 0 0 repeat transparent;
  background-size: 13.333333333333334vw 13.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .main-contents {
    width: 34.375%;
    min-width: 440px;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    box-shadow: 0 0 60px 34px rgba(0,30,16,0.1);
    background-size: 100px 100px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .main-contents {
    background: url("../img/bg-pattern-3@2x.jpg?hash=d2b75b31649c21cbff785fba9fba4a61") 0 0 repeat transparent;
    background-size: 100px 100px;
  }
}
section {
  position: relative;
}
.item {
  position: absolute;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .anchor {
    padding-top: 19.333333333333332vw;
    margin-top: -19.333333333333332vw;
  }
}
@media only screen and (max-width: 767px) and only screen and (min-width: 768px) {
  .anchor {
    padding-top: 85.06666666666666px;
  }
}
@media only screen and (max-width: 767px) and only screen and (min-width: 1281px) {
  .anchor {
    padding-top: 6.645833333333333vw;
  }
}
@media only screen and (max-width: 767px) and only screen and (min-width: 768px) {
  .anchor {
    margin-top: -85.06666666666666px;
  }
}
@media only screen and (max-width: 767px) and only screen and (min-width: 1281px) {
  .anchor {
    margin-top: -6.645833333333333vw;
  }
}
.bg-pattern {
  pointer-events: none;
}
.main::before {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity 0.4s , visibility 0.4s;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.7);
}
.is-menu-opened {
  overflow: hidden;
}
.is-menu-opened .main::before {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.btn-scroll-up {
  position: fixed;
  left: 50%;
  margin-left: 27.866666666666667vw;
  bottom: 5.333333333333334vw;
  width: 18.933333333333334vw;
  height: 18.933333333333334vw;
  padding-top: 1.6vw;
  border: solid #73020b;
  border-width: 0.8vw;
  border-radius: 50%;
  display: grid;
  place-content: center;
  z-index: 6;
  pointer-events: none;
  translate: 0 150%;
  transition: translate 0.8s cubic-bezier(0.23, 1, 0.32, 1);
  mix-blend-mode: multiply;
}
@media only screen and (min-width: 768px) {
  .btn-scroll-up {
    margin-left: 122.61333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .btn-scroll-up {
    margin-left: 9.579166666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .btn-scroll-up {
    bottom: 23.46666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .btn-scroll-up {
    bottom: 1.833333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .btn-scroll-up {
    width: 83.30666666666666px;
    height: 83.30666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .btn-scroll-up {
    width: 6.508333333333333vw;
    height: 6.508333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .btn-scroll-up {
    padding-top: 7.04px;
  }
}
@media only screen and (min-width: 1281px) {
  .btn-scroll-up {
    padding-top: 0.55vw;
  }
}
@media only screen and (min-width: 768px) {
  .btn-scroll-up {
    border-width: 3.52px;
  }
}
@media only screen and (min-width: 1281px) {
  .btn-scroll-up {
    border-width: 0.275vw;
  }
}
.btn-scroll-up span {
  display: block;
}
.btn-scroll-up .btn-icon {
  width: 4.266666666666667vw;
  height: 2.666666666666667vw;
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 2vw;
  fill: #73020b;
  transform: rotate(180deg);
}
@media only screen and (min-width: 768px) {
  .btn-scroll-up .btn-icon {
    width: 18.773333333333333px;
    height: 11.733333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .btn-scroll-up .btn-icon {
    width: 1.466666666666667vw;
    height: 0.916666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .btn-scroll-up .btn-icon {
    margin-bottom: 8.8px;
  }
}
@media only screen and (min-width: 1281px) {
  .btn-scroll-up .btn-icon {
    margin-bottom: 0.6875vw;
  }
}
.btn-scroll-up .btn-icon svg {
  vertical-align: top;
}
.btn-scroll-up .btn-text {
  width: 9.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .btn-scroll-up .btn-text {
    width: 39.89333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .btn-scroll-up .btn-text {
    width: 3.116666666666667vw;
  }
}
.btn-scroll-up.is-active {
  bottom: 5.333333333333334vw;
  pointer-events: auto;
  translate: 0;
}
@media only screen and (min-width: 768px) {
  .btn-scroll-up.is-active {
    bottom: 23.46666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .btn-scroll-up.is-active {
    bottom: 1.833333333333333vw;
  }
}
[data-heading-el='lg'] {
  display: inline-block;
  overflow: hidden;
}
[data-slides] {
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.swiper-button-disabled {
  filter: grayscale(80%);
  pointer-events: none;
  will-change: filter;
}
.is-opening-completed [data-cloud] {
  animation: cloud 40s linear infinite;
}
[data-cloud='left'] {
  --cloudX: -20px;
}
@media only screen and (min-width: 768px) {
  [data-cloud='left'] {
    --cloudX: -100px;
  }
}
[data-cloud='right'] {
  --cloudX: 20px;
}
@media only screen and (max-width: 767px) {
  [data-cloud='right'] {
    --cloudX: 100px;
  }
}
[data-point-el],
[data-history-id],
[data-history-el] {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  transform: translate3d(0, 0, 0);
}
.section-concept .item-cloud-5 img,
.section-concept .item-cloud-6 img,
.section-road-1 .item-cloud-2 img,
.section-road-1 .item-cloud-3 img,
.section-road-1 .item-cloud-4 img,
.section-road-1 .history .item-cloud-5 img,
.section-road-1 .history .item-cloud-6 img {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
}
.footer {
  position: relative;
}
.footer .item-container {
  position: relative;
  min-height: 92.26666666666667vw;
}
@media only screen and (min-width: 768px) {
  .footer .item-container {
    min-height: 405.9733333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-container {
    min-height: 31.716666666666665vw;
  }
}
.footer .item-container::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 40vw;
  background: url("../img/bg-pattern-1.png?hash=e7a100db9cc0826fb98a8028ca1b3d26") center 0 repeat #a70000;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: multiply;
}
@media only screen and (min-width: 768px) {
  .footer .item-container::before {
    height: 176px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-container::before {
    height: 13.750000000000002vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .item-container::before {
    background-size: 100px 100px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .footer .item-container::before {
    background: url("../img/bg-pattern-1@2x.png?hash=625bc241622eb22f3927936053b062cd") center 0 repeat #a70000;
    background-size: 100px 100px;
  }
}
.footer .item-bottle-large {
  top: 22.933333333333334vw;
  left: 37.733333333333334vw;
  width: 24.53333333333333vw;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .footer .item-bottle-large {
    top: 100.90666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-bottle-large {
    top: 7.883333333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .item-bottle-large {
    left: 166.02666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-bottle-large {
    left: 12.970833333333335vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .item-bottle-large {
    width: 107.94666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-bottle-large {
    width: 8.433333333333334vw;
  }
}
.footer .item-bottle-1 {
  top: 30.533333333333335vw;
  left: 6.666666666666667vw;
  width: 9.466666666666667vw;
}
@media only screen and (min-width: 768px) {
  .footer .item-bottle-1 {
    top: 134.34666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-bottle-1 {
    top: 10.495833333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .item-bottle-1 {
    left: 29.333333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-bottle-1 {
    left: 2.291666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .item-bottle-1 {
    width: 41.65333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-bottle-1 {
    width: 3.254166666666666vw;
  }
}
.footer .item-bottle-2 {
  top: 22vw;
  left: 24.266666666666666vw;
  width: 5.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .footer .item-bottle-2 {
    top: 96.8px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-bottle-2 {
    top: 7.5625vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .item-bottle-2 {
    left: 106.77333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-bottle-2 {
    left: 8.341666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .item-bottle-2 {
    width: 23.46666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-bottle-2 {
    width: 1.833333333333333vw;
  }
}
.footer .item-bottle-3 {
  top: 14.933333333333335vw;
  left: 33.733333333333334vw;
  width: 3.733333333333334vw;
}
@media only screen and (min-width: 768px) {
  .footer .item-bottle-3 {
    top: 65.70666666666668px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-bottle-3 {
    top: 5.133333333333335vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .item-bottle-3 {
    left: 148.42666666666665px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-bottle-3 {
    left: 11.595833333333331vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .item-bottle-3 {
    width: 16.42666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-bottle-3 {
    width: 1.283333333333334vw;
  }
}
.footer .item-bottle-4 {
  top: 11.466666666666667vw;
  left: 50.26666666666667vw;
  width: 2.4vw;
}
@media only screen and (min-width: 768px) {
  .footer .item-bottle-4 {
    top: 50.45333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-bottle-4 {
    top: 3.941666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .item-bottle-4 {
    left: 221.17333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-bottle-4 {
    left: 17.27916666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .item-bottle-4 {
    width: 10.56px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-bottle-4 {
    width: 0.825vw;
  }
}
.footer .item-bottle-5 {
  top: 22.933333333333334vw;
  left: 64.13333333333333vw;
  width: 5.2vw;
}
@media only screen and (min-width: 768px) {
  .footer .item-bottle-5 {
    top: 100.90666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-bottle-5 {
    top: 7.883333333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .item-bottle-5 {
    left: 282.18666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-bottle-5 {
    left: 22.045833333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .item-bottle-5 {
    width: 22.88px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-bottle-5 {
    width: 1.7875vw;
  }
}
.footer .item-bottle-6 {
  top: 28.666666666666668vw;
  left: 76.4vw;
  width: 6.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .footer .item-bottle-6 {
    top: 126.13333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-bottle-6 {
    top: 9.854166666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .item-bottle-6 {
    left: 336.16px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-bottle-6 {
    left: 26.2625vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .item-bottle-6 {
    width: 27.57333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-bottle-6 {
    width: 2.154166666666666vw;
  }
}
.footer .item-road {
  top: 3.866666666666667vw;
  left: 0;
  with: 100%;
  height: 50.13333333333333vw;
}
@media only screen and (min-width: 768px) {
  .footer .item-road {
    top: 17.013333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-road {
    top: 1.329166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .item-road {
    height: 220.58666666666664px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-road {
    height: 17.23333333333333vw;
  }
}
.footer .item-cloud-1 {
  top: 0vw;
  left: -10.4vw;
  width: 33.6vw;
}
@media only screen and (min-width: 768px) {
  .footer .item-cloud-1 {
    top: 0px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-cloud-1 {
    top: 0vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .item-cloud-1 {
    left: -45.76px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-cloud-1 {
    left: -3.575vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .item-cloud-1 {
    width: 147.84px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-cloud-1 {
    width: 11.55vw;
  }
}
.footer .item-cloud-2 {
  top: 72vw;
  left: -27.066666666666666vw;
  width: 68.13333333333334vw;
  height: 25.333333333333336vw;
}
@media only screen and (min-width: 768px) {
  .footer .item-cloud-2 {
    top: 316.8px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-cloud-2 {
    top: 24.75vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .item-cloud-2 {
    left: -119.09333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-cloud-2 {
    left: -9.304166666666665vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .item-cloud-2 {
    width: 299.7866666666667px;
    height: 111.46666666666668px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-cloud-2 {
    width: 23.420833333333334vw;
    height: 8.708333333333334vw;
  }
}
.footer .item-cloud-2 img {
  height: 100%;
}
.footer .item-cloud-3 {
  top: 72vw;
  right: -24.8vw;
  width: 68.13333333333334vw;
  height: 25.333333333333336vw;
}
@media only screen and (min-width: 768px) {
  .footer .item-cloud-3 {
    top: 316.8px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-cloud-3 {
    top: 24.75vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .item-cloud-3 {
    right: -109.12px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-cloud-3 {
    right: -8.525vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .item-cloud-3 {
    width: 299.7866666666667px;
    height: 111.46666666666668px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-cloud-3 {
    width: 23.420833333333334vw;
    height: 8.708333333333334vw;
  }
}
.footer .item-cloud-3 img {
  height: 100%;
}
.footer .item-rock {
  top: 56.666666666666664vw;
  right: 12vw;
  width: 13.866666666666665vw;
}
@media only screen and (min-width: 768px) {
  .footer .item-rock {
    top: 249.33333333333331px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-rock {
    top: 19.479166666666664vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .item-rock {
    right: 52.8px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-rock {
    right: 4.124999999999999vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .item-rock {
    width: 61.01333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-rock {
    width: 4.766666666666667vw;
  }
}
.footer .item-grass {
  top: 53.06666666666666vw;
  right: -3.2vw;
  width: 21.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .footer .item-grass {
    top: 233.4933333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-grass {
    top: 18.241666666666664vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .item-grass {
    right: -14.08px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-grass {
    right: -1.1vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .item-grass {
    width: 92.69333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .item-grass {
    width: 7.241666666666665vw;
  }
}
.footer .footer-contents {
  position: relative;
  padding-top: 15.466666666666667vw;
  padding-bottom: 11.866666666666667vw;
  background: #551104;
}
@media only screen and (min-width: 768px) {
  .footer .footer-contents {
    padding-top: 68.05333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .footer-contents {
    padding-top: 5.316666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .footer-contents {
    padding-bottom: 52.21333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .footer-contents {
    padding-bottom: 4.079166666666667vw;
  }
}
.footer .footer-contents .bg-pattern {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url("../img/bg-pattern-2.png?hash=9d51d8147581bff292a1eb91e5ba615f") 0 0 repeat;
  background-size: 132.13333333333333vw 132.13333333333333vw;
  opacity: 0.35;
  mix-blend-mode: overlay;
}
@media only screen and (min-width: 768px) {
  .footer .footer-contents .bg-pattern {
    background-size: 991px 991px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .footer .footer-contents .bg-pattern {
    background: url("../img/bg-pattern-2@2x.png?hash=4d6821e3e63a90e4755c28467df09457") 0 0 repeat;
    background-size: 991px 991px;
  }
}
.footer .footer-contents .menu {
  text-align: center;
}
.footer .footer-contents .menu li {
  -webkit-font-smoothing: antialiased;
}
.footer .footer-contents .menu li:not(:first-child) {
  margin-top: 7.199999999999999vw;
}
@media only screen and (min-width: 768px) {
  .footer .footer-contents .menu li:not(:first-child) {
    margin-top: 31.679999999999996px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .footer-contents .menu li:not(:first-child) {
    margin-top: 2.475vw;
  }
}
.footer .footer-contents .menu li a {
  display: block;
  font-size: 3.466666666666666vw;
  letter-spacing: 0.02em;
  color: #f2b351;
}
@media only screen and (min-width: 768px) {
  .footer .footer-contents .menu li a {
    font-size: 1.525333333333333rem;
  }
}
.footer .footer-contents .logo {
  width: 53.3333333333vw;
  margin-top: 10.666666666666668vw;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .footer .footer-contents .logo {
    width: 234.6666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .footer-contents .logo {
    width: 18.3333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .footer .footer-contents .logo {
    margin-top: 46.93333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .footer .footer-contents .logo {
    margin-top: 3.666666666666667vw;
  }
}
.header {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 6;
  width: 100%;
  background: #fff;
  border-top: solid #c61b1e;
  border-width: 1.333333333333333vw;
  padding-top: 4.933333333333334vw;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .header {
    border-width: 5.866666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .header {
    border-width: 0.458333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .header {
    padding-top: 21.706666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .header {
    padding-top: 1.695833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .header {
    display: none;
  }
}
.header .logo {
  width:53.3333333333vw;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .header .logo {
    width: 234.6666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .header .logo {
    width: 18.3333333333vw;
  }
}
.header .logo a {
  display: block;
}
.header .logo img {
  margin-left: -1.066666666666667vw;
}
@media only screen and (min-width: 768px) {
  .header .logo img {
    margin-left: -4.693333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .header .logo img {
    margin-left: -0.366666666666667vw;
  }
}
.header .btn-menu {
  position: absolute;
  top: 0;
  margin-top: 6.133333333333333vw;
  right: 3.2vw;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .header .btn-menu {
    margin-top: 26.986666666666665px;
  }
}
@media only screen and (min-width: 1281px) {
  .header .btn-menu {
    margin-top: 2.108333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .header .btn-menu {
    right: 14.08px;
  }
}
@media only screen and (min-width: 1281px) {
  .header .btn-menu {
    right: 1.1vw;
  }
}
.header .btn-menu .btn-text {
  color: #000;
  font-size: 3.466666666666666vw;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .header .btn-menu .btn-text {
    font-size: 1.525333333333333rem;
  }
}
.header .btn-menu .btn-icon {
  position: relative;
  width: 4vw;
  height: 4vw;
  margin-left: 1.066666666666667vw;
  background: #e61416;
  border-radius: 50%;
}
@media only screen and (min-width: 768px) {
  .header .btn-menu .btn-icon {
    width: 17.6px;
    height: 17.6px;
  }
}
@media only screen and (min-width: 1281px) {
  .header .btn-menu .btn-icon {
    width: 1.375vw;
    height: 1.375vw;
  }
}
@media only screen and (min-width: 768px) {
  .header .btn-menu .btn-icon {
    margin-left: 4.693333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .header .btn-menu .btn-icon {
    margin-left: 0.366666666666667vw;
  }
}
.header .btn-menu .btn-icon::before,
.header .btn-menu .btn-icon::after {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  content: "";
  display: block;
  background: #fff;
}
.header .btn-menu .btn-icon::before {
  width: 0.533333333333333vw;
  height: 2.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .header .btn-menu .btn-icon::before {
    width: 2.346666666666667px;
    height: 9.386666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .header .btn-menu .btn-icon::before {
    width: 0.183333333333333vw;
    height: 0.733333333333333vw;
  }
}
.header .btn-menu .btn-icon::after {
  width: 2.133333333333333vw;
  height: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .header .btn-menu .btn-icon::after {
    width: 9.386666666666667px;
    height: 2.346666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .header .btn-menu .btn-icon::after {
    width: 0.733333333333333vw;
    height: 0.183333333333333vw;
  }
}
.header .container-nav {
  margin-top: 5.066666666666666vw;
  height: 0;
  background: url("../img/bg-pattern-1.png?hash=e7a100db9cc0826fb98a8028ca1b3d26") center 0 repeat #a70000;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: multiply;
}
@media only screen and (min-width: 768px) {
  .header .container-nav {
    margin-top: 22.293333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .header .container-nav {
    margin-top: 1.741666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .header .container-nav {
    background-size: 100px 100px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .header .container-nav {
    background: url("../img/bg-pattern-1@2x.png?hash=625bc241622eb22f3927936053b062cd") center 0 repeat #a70000;
    background-size: 100px 100px;
  }
}
.header .nav li {
  height: 17.333333333333336vw;
  border-bottom: solid #f2b351;
  border-bottom-width: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .header .nav li {
    height: 76.26666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .header .nav li {
    height: 5.958333333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .header .nav li {
    border-bottom-width: 2.346666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .header .nav li {
    border-bottom-width: 0.183333333333333vw;
  }
}
.header .nav li a {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.header .nav li a::before {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  content: "";
  filter: drop-shadow(0px 0.533333333333333vw 0px rgba(60,30,0,0.65));
  will-change: filter;
  background-blend-mode: multiply;
}
@media only screen and (min-width: 768px) {
  .header .nav li a::before {
    filter: drop-shadow(0px 0.3125vw 0px rgba(60,30,0,0.65));
    will-change: filter;
  }
}
.header .nav .link-home a::before {
  width: 12.933333333333334vw;
  height: 4.266666666666667vw;
  background: url("../img/menu-1.png?hash=7f432fef5342cf60dc9f681eef412245") left top no-repeat transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 768px) {
  .header .nav .link-home a::before {
    width: 56.906666666666666px;
    height: 18.773333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .header .nav .link-home a::before {
    width: 4.445833333333334vw;
    height: 1.466666666666667vw;
  }
}
.header .nav .link-road-1 a::before {
  width: 44.53333333333334vw;
  height: 9.866666666666667vw;
  background: url("../img/menu-2.png?hash=8ccbe8a392609a4b1daea21ff6bfd773") left top no-repeat transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 768px) {
  .header .nav .link-road-1 a::before {
    width: 195.9466666666667px;
    height: 43.413333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .header .nav .link-road-1 a::before {
    width: 15.308333333333335vw;
    height: 3.391666666666667vw;
  }
}
.header .nav .link-road-2 a::before {
  width: 48.66666666666667vw;
  height: 4.8vw;
  background: url("../img/menu-3.png?hash=dfe4b2ee4e2ecaec0de92f3a1c921193") left top no-repeat transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 768px) {
  .header .nav .link-road-2 a::before {
    width: 214.13333333333335px;
    height: 21.12px;
  }
}
@media only screen and (min-width: 1281px) {
  .header .nav .link-road-2 a::before {
    width: 16.729166666666668vw;
    height: 1.65vw;
  }
}
.header .nav .link-road-3 a::before {
  width: 34.93333333333333vw;
  height: 9.866666666666667vw;
  background: url("../img/menu-4.png?hash=1fedf52eaec730eb4932a2b930540d98") left top no-repeat transparent;
  background-size: 100% auto;
}
@media only screen and (min-width: 768px) {
  .header .nav .link-road-3 a::before {
    width: 153.70666666666668px;
    height: 43.413333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .header .nav .link-road-3 a::before {
    width: 12.008333333333335vw;
    height: 3.391666666666667vw;
  }
}
.pc-contents .nav .links a,
.pc-contents .links-sns a {
  position: relative;
  display: block;
}
.pc-contents .nav .links a::before,
.pc-contents .links-sns a::before,
.pc-contents .nav .links a::after,
.pc-contents .links-sns a::after {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 100%;
  height: 100%;
}
.pc-contents .nav .links a::after,
.pc-contents .links-sns a::after {
  opacity: 0;
}
.pc-contents .nav .links a:hover::before,
.pc-contents .links-sns a:hover::before {
  opacity: 0;
}
.pc-contents .nav .links a:hover::after,
.pc-contents .links-sns a:hover::after {
  opacity: 1;
}
.pc-contents {
  position: fixed;
  width: 100%;
  height: 100%;
  background: url("../img/bg-pattern-1.png?hash=e7a100db9cc0826fb98a8028ca1b3d26") center 0 repeat #a70000;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: multiply;
}
@media only screen and (min-width: 768px) {
  .pc-contents {
    background-size: 100px 100px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .pc-contents {
    background: url("../img/bg-pattern-1@2x.png?hash=625bc241622eb22f3927936053b062cd") center 0 repeat #a70000;
    background-size: 100px 100px;
  }
}
.pc-contents::before {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: url("../img/pc/bg-1.png?hash=47ee966dae64adf9a890f64cdc367f4b") center 0 no-repeat transparent;
  background-size: 1280px auto;
}
@media only screen and (min-width: 1281px) {
  .pc-contents::before {
    background-size: 100% auto;
  }
}
@media only screen and (max-width: 767px) {
  .pc-contents {
    display: none;
  }
}
.pc-contents .bg-cloud {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
}
.pc-contents .bg-cloud .item {
  left: 50%;
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-1 {
    top: 52px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-1 {
    top: 4.0625vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-1 {
    width: 167px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-1 {
    width: 13.046875vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-1 {
    margin-left: -251px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-1 {
    margin-left: -19.609375vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-2 {
    top: 86px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-2 {
    top: 6.71875vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-2 {
    width: 129px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-2 {
    width: 10.078125vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-2 {
    margin-left: 126px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-2 {
    margin-left: 9.84375vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-3 {
    top: 291px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-3 {
    top: 22.734375vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-3 {
    width: 238px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-3 {
    width: 18.59375vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-3 {
    margin-left: 143px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-3 {
    margin-left: 11.171875vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-4 {
    top: 334px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-4 {
    top: 26.09375vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-4 {
    width: 271px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-4 {
    width: 21.171875vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-4 {
    margin-left: -396px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-4 {
    margin-left: -30.9375vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-5 {
    top: 423px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-5 {
    top: 33.046875vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-5 {
    width: 164px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-5 {
    width: 12.812499999999998vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-5 {
    margin-left: 157px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-5 {
    margin-left: 12.265625vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-6 {
    top: 493px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-6 {
    top: 38.515625vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-6 {
    width: 255px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-6 {
    width: 19.921875vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-6 {
    margin-left: -276px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-6 {
    margin-left: -21.5625vw;
  }
}
.pc-contents .bg-cloud .item-cloud-6 img {
  transform: scaleX(-1);
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-7 {
    top: 559px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-7 {
    top: 43.671875vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-7 {
    width: 168px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-7 {
    width: 13.125vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-7 {
    margin-left: 93px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-7 {
    margin-left: 7.265625000000001vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-8 {
    top: 752px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-8 {
    top: 58.75vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-8 {
    width: 166px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-8 {
    width: 12.968750000000002vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-8 {
    margin-left: 87px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-8 {
    margin-left: 6.796874999999999vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-9 {
    top: 59px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-9 {
    top: 4.609375vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-9 {
    width: 397px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-9 {
    width: 31.015625000000004vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-9 {
    margin-left: 416px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-9 {
    margin-left: 32.5vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-10 {
    top: 373px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-10 {
    top: 29.140624999999996vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-10 {
    width: 255px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-10 {
    width: 19.921875vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-10 {
    margin-left: 556px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-10 {
    margin-left: 43.4375vw;
  }
}
.pc-contents .bg-cloud .item-cloud-10 img {
  transform: scaleX(-1);
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-11 {
    top: 603px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-11 {
    top: 47.109375vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-11 {
    width: 397px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-11 {
    width: 31.015625000000004vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-11 {
    margin-left: -804px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-11 {
    margin-left: -62.81250000000001vw;
  }
}
.pc-contents .bg-cloud .item-cloud-11 img {
  transform: scaleX(-1);
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-12 {
    top: 690px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-12 {
    top: 53.90625vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-12 {
    width: 397px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-12 {
    width: 31.015625000000004vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-12 {
    margin-left: -670px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-12 {
    margin-left: -52.34375vw;
  }
}
.pc-contents .bg-cloud .item-cloud-12 img {
  transform: scaleX(-1);
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-13 {
    top: 848px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-13 {
    top: 66.25vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-13 {
    width: 397px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-13 {
    width: 31.015625000000004vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-13 {
    margin-left: 438px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-13 {
    margin-left: 34.21875vw;
  }
}
.pc-contents .bg-cloud .item-cloud-13 img {
  transform: scaleX(-1);
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-14 {
    top: 1423px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-14 {
    top: 111.17187500000001vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-14 {
    width: 397px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-14 {
    width: 31.015625000000004vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-14 {
    margin-left: -866px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-14 {
    margin-left: -67.65625vw;
  }
}
.pc-contents .bg-cloud .item-cloud-14 img {
  transform: scaleX(-1);
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-15 {
    top: 1723px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-15 {
    top: 134.609375vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-15 {
    width: 359px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-15 {
    width: 28.046875vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-15 {
    margin-left: -621px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-15 {
    margin-left: -48.515625vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-16 {
    top: 1434px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-16 {
    top: 112.03125vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-16 {
    width: 359px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-16 {
    width: 28.046875vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-16 {
    margin-left: 362px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-16 {
    margin-left: 28.281250000000004vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-17 {
    top: 1668px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-17 {
    top: 130.3125vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-17 {
    width: 162px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-17 {
    width: 12.65625vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-17 {
    margin-left: 556px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-17 {
    margin-left: 43.4375vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-18 {
    top: 1695px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-18 {
    top: 132.421875vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-18 {
    width: 129px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-18 {
    width: 10.078125vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-18 {
    margin-left: -257px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-18 {
    margin-left: -20.078125vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-19 {
    top: 1917px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-19 {
    top: 149.765625vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-19 {
    width: 216px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-19 {
    width: 16.875vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-19 {
    margin-left: -315px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-19 {
    margin-left: -24.609375vw;
  }
}
.pc-contents .bg-cloud .item-cloud-19 img {
  transform: scaleX(-1);
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-20 {
    top: 1756px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-20 {
    top: 137.1875vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-20 {
    width: 162px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-20 {
    width: 12.65625vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-20 {
    margin-left: 116px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-20 {
    margin-left: 9.0625vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-21 {
    top: 716px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-21 {
    top: 55.93749999999999vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-21 {
    width: 85.06px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-21 {
    width: 6.6453125vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-cloud .item-cloud-21 {
    margin-left: -212px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-cloud .item-cloud-21 {
    margin-left: -16.5625vw;
  }
}
.pc-contents .bg-bird {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
}
.pc-contents .bg-bird .item {
  left: 50%;
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-bird .item-bird-1 {
    top: 49px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-bird .item-bird-1 {
    top: 3.828125vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-bird .item-bird-1 {
    width: 82px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-bird .item-bird-1 {
    width: 6.406249999999999vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-bird .item-bird-1 {
    margin-left: 280px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-bird .item-bird-1 {
    margin-left: 21.875vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-bird .item-bird-2 {
    top: 209px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-bird .item-bird-2 {
    top: 16.328125vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-bird .item-bird-2 {
    width: 80px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-bird .item-bird-2 {
    width: 6.25vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-bird .item-bird-2 {
    margin-left: -355px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-bird .item-bird-2 {
    margin-left: -27.734375vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-bird .item-bird-3 {
    top: 302px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-bird .item-bird-3 {
    top: 23.59375vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-bird .item-bird-3 {
    width: 42px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-bird .item-bird-3 {
    width: 3.28125vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-bird .item-bird-3 {
    margin-left: 430px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-bird .item-bird-3 {
    margin-left: 33.59375vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-bird .item-bird-4 {
    top: 975px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-bird .item-bird-4 {
    top: 76.171875vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-bird .item-bird-4 {
    width: 84px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-bird .item-bird-4 {
    width: 6.5625vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-bird .item-bird-4 {
    margin-left: -427px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-bird .item-bird-4 {
    margin-left: -33.359375vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-bird .item-bird-5 {
    top: 994px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-bird .item-bird-5 {
    top: 77.65625vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-bird .item-bird-5 {
    width: 62px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-bird .item-bird-5 {
    width: 4.84375vw;
  }
}
@media only screen and (min-width: 768px) {
  .pc-contents .bg-bird .item-bird-5 {
    margin-left: -539px;
  }
}
@media only screen and (min-width: 1281px) {
  .pc-contents .bg-bird .item-bird-5 {
    margin-left: -42.109375vw;
  }
}
.pc-contents .logo {
  position: absolute;
  left: 39px;
  top: 33px;
  width: 234px;
}
@media only screen and (min-width: 768px) and (max-width:1023px) {
  .pc-contents .logo {
    display: none;
  }
}
.pc-contents .logo a {
  display: block;
}
.pc-contents .nav {
  position: absolute;
  left: 35px;
  top: 279px;
}
@media only screen and (min-width: 768px) and (max-width:1023px) {
  .pc-contents .nav {
    display: none;
  }
}
.pc-contents .nav .links li {
  margin-bottom: 27px;
}
.pc-contents .nav .links a::after {
  transition: opacity 0.5s;
}
.pc-contents .nav .links a:hover::before {
  transition: opacity 0.5s;
}
.pc-contents .nav .links .is-current a {
  pointer-events: none;
}
.pc-contents .nav .links .is-current a::before {
  opacity: 0;
}
.pc-contents .nav .links .is-current a::after {
  opacity: 1;
}
.pc-contents .nav .links .link-home a {
  width: 82px;
  height: 24px;
}
.pc-contents .nav .links .link-home a::before {
  background: url("../img/pc/nav-1.png?hash=c6a594fceb1469db88396ac529d1e9ba") left top no-repeat transparent;
  background-size: 100% auto;
}
.pc-contents .nav .links .link-home a::after {
  background: url("../img/pc/nav-1-hover.png?hash=c8e82bdf28c2822e0d07f1230e378207") left top no-repeat transparent;
  background-size: 100% auto;
}
.pc-contents .nav .links .link-road-1 a {
  width: 216px;
  height: 47px;
}
.pc-contents .nav .links .link-road-1 a::before {
  background: url("../img/pc/nav-2.png?hash=348bd031b5cce43a96987e8012d134fe") left top no-repeat transparent;
  background-size: 100% auto;
}
.pc-contents .nav .links .link-road-1 a::after {
  background: url("../img/pc/nav-2-hover.png?hash=a920d301411b97f7dc83392ebb2c9e3a") left top no-repeat transparent;
  background-size: 100% auto;
}
.pc-contents .nav .links .link-road-2 a {
  width: 233px;
  height: 25px;
}
.pc-contents .nav .links .link-road-2 a::before {
  background: url("../img/pc/nav-3.png?hash=7e2a3c7f6cbdca4d6e83da45557ed659") left top no-repeat transparent;
  background-size: 100% auto;
}
.pc-contents .nav .links .link-road-2 a::after {
  background: url("../img/pc/nav-3-hover.png?hash=36e6b0205917209561ad2dbb1a213a31") left top no-repeat transparent;
  background-size: 100% auto;
}
.pc-contents .nav .links .link-road-3 a {
  width: 183px;
  height: 47px;
}
.pc-contents .nav .links .link-road-3 a::before {
  background: url("../img/pc/nav-4.png?hash=d191a3e2e6dff918eab097b4c4ee26b2") left top no-repeat transparent;
  background-size: 100% auto;
}
.pc-contents .nav .links .link-road-3 a::after {
  background: url("../img/pc/nav-4-hover.png?hash=681a09441ff661beb79e7dc8696084b9") left top no-repeat transparent;
  background-size: 100% auto;
}
.pc-contents .links-sns {
  display: flex;
  justify-content: flex-end;
  position: absolute;
  right: 23px;
  bottom: 59px;
}
@media only screen and (min-width: 768px) and (max-width:1023px) {
  .pc-contents .links-sns {
    display: none;
  }
}
.pc-contents .links-sns a {
  width: 62px;
  height: 62px;
}
.pc-contents .links-sns .link-x a::before {
  background: url("../img/pc/sns-x.png?hash=1ab3ae8f5cd2c5f4d5003257f86b5e2e") left top no-repeat transparent;
  background-size: 100% auto;
}
.pc-contents .links-sns .link-x a::after {
  background: url("../img/pc/sns-x-hover.png?hash=eb61d0e47a1f855a10974c3ee2c7dbf0") left top no-repeat transparent;
  background-size: 100% auto;
}
.pc-contents .links-sns .link-line a::before {
  background: url("../img/pc/sns-line.png?hash=3e354e0d4888fa7cfaaa9b2e8b700b64") left top no-repeat transparent;
  background-size: 100% auto;
}
.pc-contents .links-sns .link-line a::after {
  background: url("../img/pc/sns-line-hover.png?hash=4fe4627cc0959b032a3f41eb236acb7f") left top no-repeat transparent;
  background-size: 100% auto;
}
.pc-contents .links-sns .link-facebook a::before {
  background: url("../img/pc/sns-facebook.png?hash=1d37814b6ac8f69f66b02a60bf8d561a") left top no-repeat transparent;
  background-size: 100% auto;
}
.pc-contents .links-sns .link-facebook a::after {
  background: url("../img/pc/sns-facebook-hover.png?hash=8133078bf6646d7bea9f6ed2f63d52dd") left top no-repeat transparent;
  background-size: 100% auto;
}
.pc-contents .copyright {
  position: absolute;
  right: 30px;
  bottom: 31px;
  text-align: right;
  font-size: 1rem;
  letter-spacing: 0.055em;
}
@media only screen and (min-width: 768px) and (max-width:1023px) {
  .pc-contents .copyright {
    display: none;
  }
}
.btn-return {
  display: flex;
  justify-content: flex-end;
  padding-top: 21.066666666666666vw;
  padding-bottom: 4.933333333333334vw;
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .btn-return {
    padding-top: 92.69333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .btn-return {
    padding-top: 7.241666666666665vw;
  }
}
@media only screen and (min-width: 768px) {
  .btn-return {
    padding-bottom: 21.706666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .btn-return {
    padding-bottom: 1.695833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .btn-return {
    display: none;
  }
}
.btn-return a {
  display: inline-flex;
  align-items: center;
  margin-right: 4.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .btn-return a {
    margin-right: 19.94666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .btn-return a {
    margin-right: 1.558333333333333vw;
  }
}
.btn-return .btn-text {
  font-size: 3.733333333333334vw;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .btn-return .btn-text {
    font-size: 1.642666666666666rem;
  }
}
.btn-return .btn-icon {
  margin-left: 0.266666666666667vw;
  fill: #90886d;
  width: 3.2vw;
  height: 1.866666666666667vw;
  transform: rotate(-90deg);
}
@media only screen and (min-width: 768px) {
  .btn-return .btn-icon {
    margin-left: 1.173333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .btn-return .btn-icon {
    margin-left: 0.091666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .btn-return .btn-icon {
    width: 14.08px;
    height: 8.213333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .btn-return .btn-icon {
    width: 1.1vw;
    height: 0.641666666666667vw;
  }
}
.btn-return .btn-icon svg {
  vertical-align: top;
}
.section-hero {
  padding-top: 148.53333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-hero {
    padding-top: 653.5466666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero {
    padding-top: 51.05833333333334vw;
  }
}
.section-hero::before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 106.66666666666667vw;
  background: url("../img/bg-pattern-1.png?hash=e7a100db9cc0826fb98a8028ca1b3d26") center 0 repeat #a70000;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: multiply;
}
@media only screen and (min-width: 768px) {
  .section-hero::before {
    height: 469.3333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero::before {
    height: 36.666666666666664vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero::before {
    background-size: 100px 100px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .section-hero::before {
    background: url("../img/bg-pattern-1@2x.png?hash=625bc241622eb22f3927936053b062cd") center 0 repeat #a70000;
    background-size: 100px 100px;
  }
}
.section-hero .section-heading {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: 7.6vw;
}
@media only screen and (min-width: 768px) {
  .section-hero .section-heading {
    margin-top: 33.44px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .section-heading {
    margin-top: 2.6125vw;
  }
}
.section-hero .section-heading picture {
  display: block;
}
.section-hero .section-heading .heading-text-1 {
  width: 26.93333333333333vw;
  margin-left: 36.53333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-hero .section-heading .heading-text-1 {
    width: 118.50666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .section-heading .heading-text-1 {
    width: 9.258333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .section-heading .heading-text-1 {
    margin-left: 160.74666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .section-heading .heading-text-1 {
    margin-left: 12.558333333333332vw;
  }
}
.section-hero .section-heading .heading-text-2 {
  width: 77.6vw;
  margin-top: -2.266666666666667vw;
  margin-left: 13.600000000000001vw;
}
@media only screen and (min-width: 768px) {
  .section-hero .section-heading .heading-text-2 {
    width: 341.44px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .section-heading .heading-text-2 {
    width: 26.675vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .section-heading .heading-text-2 {
    margin-top: -9.973333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .section-heading .heading-text-2 {
    margin-top: -0.779166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .section-heading .heading-text-2 {
    margin-left: 59.84px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .section-heading .heading-text-2 {
    margin-left: 4.675vw;
  }
}
.section-hero .section-heading .heading-text-3 {
  width: 65.86666666666666vw;
  margin-top: 2.266666666666667vw;
  margin-left: 16.8vw;
}
@media only screen and (min-width: 768px) {
  .section-hero .section-heading .heading-text-3 {
    width: 289.81333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .section-heading .heading-text-3 {
    width: 22.641666666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .section-heading .heading-text-3 {
    margin-top: 9.973333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .section-heading .heading-text-3 {
    margin-top: 0.779166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .section-heading .heading-text-3 {
    margin-left: 73.92px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .section-heading .heading-text-3 {
    margin-left: 5.775vw;
  }
}
.section-hero .item-cloud-1 {
  top: 11.733333333333333vw;
  left: -6.4vw;
  width: 37.46666666666666vw;
}
@media only screen and (min-width: 768px) {
  .section-hero .item-cloud-1 {
    top: 51.626666666666665px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-cloud-1 {
    top: 4.033333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-cloud-1 {
    left: -28.16px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-cloud-1 {
    left: -2.2vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-cloud-1 {
    width: 164.85333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-cloud-1 {
    width: 12.879166666666666vw;
  }
}
.section-hero .item-cloud-2 {
  top: 19.466666666666665vw;
  right: -8vw;
  width: 29.333333333333332vw;
}
@media only screen and (min-width: 768px) {
  .section-hero .item-cloud-2 {
    top: 85.65333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-cloud-2 {
    top: 6.691666666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-cloud-2 {
    right: -35.2px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-cloud-2 {
    right: -2.75vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-cloud-2 {
    width: 129.06666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-cloud-2 {
    width: 10.083333333333332vw;
  }
}
.section-hero .item-cloud-3 {
  top: 66vw;
  right: -37.733333333333334vw;
  width: 55.06666666666666vw;
}
@media only screen and (min-width: 768px) {
  .section-hero .item-cloud-3 {
    top: 290.40000000000003px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-cloud-3 {
    top: 22.687500000000004vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-cloud-3 {
    right: -166.02666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-cloud-3 {
    right: -12.970833333333335vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-cloud-3 {
    width: 242.29333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-cloud-3 {
    width: 18.929166666666667vw;
  }
}
.section-hero .item-cloud-4 {
  top: 76.13333333333333vw;
  left: -39.2vw;
  width: 61.46666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-hero .item-cloud-4 {
    top: 334.9866666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-cloud-4 {
    top: 26.17083333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-cloud-4 {
    left: -172.48000000000002px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-cloud-4 {
    left: -13.475000000000001vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-cloud-4 {
    width: 270.4533333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-cloud-4 {
    width: 21.129166666666666vw;
  }
}
.section-hero .item-cloud-5 {
  top: 95.86666666666666vw;
  right: -23.333333333333332vw;
  width: 37.46666666666666vw;
}
@media only screen and (min-width: 768px) {
  .section-hero .item-cloud-5 {
    top: 421.81333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-cloud-5 {
    top: 32.954166666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-cloud-5 {
    right: -102.66666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-cloud-5 {
    right: -8.020833333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-cloud-5 {
    width: 164.85333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-cloud-5 {
    width: 12.879166666666666vw;
  }
}
.section-hero .item-cloud-6 {
  top: 112.00000000000001vw;
  left: -12.666666666666668vw;
  width: 57.46666666666667vw;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .section-hero .item-cloud-6 {
    top: 492.80000000000007px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-cloud-6 {
    top: 38.50000000000001vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-cloud-6 {
    left: -55.73333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-cloud-6 {
    left: -4.354166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-cloud-6 {
    width: 252.85333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-cloud-6 {
    width: 19.754166666666666vw;
  }
}
.section-hero .item-cloud-6 img {
  transform: scaleX(-1);
}
.section-hero .item-cloud-7 {
  top: 127.06666666666666vw;
  right: -8.933333333333334vw;
  width: 37.733333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-hero .item-cloud-7 {
    top: 559.0933333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-cloud-7 {
    top: 43.67916666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-cloud-7 {
    right: -39.306666666666665px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-cloud-7 {
    right: -3.070833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-cloud-7 {
    width: 166.02666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-cloud-7 {
    width: 12.970833333333335vw;
  }
}
.section-hero .hero-smoke {
  position: absolute;
  top: 73.33333333333333vw;
  left: 50%;
  margin-right: auto;
  margin-left: auto;
  pointer-events: none;
  width: 113.33333333333333vw;
  height: 91.2vw;
  transform: translateX(-50%);
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .section-hero .hero-smoke {
    aspect-ratio: 750/604;
    top: 50%;
    width: 110%;
    height: auto;
  }
}
.section-hero .item-bottle-large {
  top: 78.4vw;
  left: 37.733333333333334vw;
  width: 24.53333333333333vw;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .section-hero .item-bottle-large {
    top: 344.96000000000004px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-bottle-large {
    top: 26.950000000000003vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-bottle-large {
    left: 166.02666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-bottle-large {
    left: 12.970833333333335vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-bottle-large {
    width: 107.94666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-bottle-large {
    width: 8.433333333333334vw;
  }
}
.section-hero .item-bottle-1 {
  top: 87.06666666666666vw;
  left: 6.666666666666667vw;
  width: 9.466666666666667vw;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .section-hero .item-bottle-1 {
    top: 383.09333333333336px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-bottle-1 {
    top: 29.929166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-bottle-1 {
    left: 29.333333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-bottle-1 {
    left: 2.291666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-bottle-1 {
    width: 41.65333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-bottle-1 {
    width: 3.254166666666666vw;
  }
}
.section-hero .item-bottle-2 {
  top: 78.53333333333333vw;
  left: 24.266666666666666vw;
  width: 5.333333333333334vw;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .section-hero .item-bottle-2 {
    top: 345.5466666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-bottle-2 {
    top: 26.995833333333337vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-bottle-2 {
    left: 106.77333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-bottle-2 {
    left: 8.341666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-bottle-2 {
    width: 23.46666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-bottle-2 {
    width: 1.833333333333333vw;
  }
}
.section-hero .item-bottle-3 {
  top: 71.46666666666667vw;
  left: 33.733333333333334vw;
  width: 3.733333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-hero .item-bottle-3 {
    top: 314.4533333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-bottle-3 {
    top: 24.566666666666663vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-bottle-3 {
    left: 148.42666666666665px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-bottle-3 {
    left: 11.595833333333331vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-bottle-3 {
    width: 16.42666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-bottle-3 {
    width: 1.283333333333334vw;
  }
}
.section-hero .item-bottle-4 {
  top: 68vw;
  left: 50.26666666666667vw;
  width: 2.4vw;
}
@media only screen and (min-width: 768px) {
  .section-hero .item-bottle-4 {
    top: 299.20000000000005px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-bottle-4 {
    top: 23.375000000000004vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-bottle-4 {
    left: 221.17333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-bottle-4 {
    left: 17.27916666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-bottle-4 {
    width: 10.56px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-bottle-4 {
    width: 0.825vw;
  }
}
.section-hero .item-bottle-5 {
  top: 79.46666666666667vw;
  left: 64.13333333333333vw;
  width: 5.2vw;
}
@media only screen and (min-width: 768px) {
  .section-hero .item-bottle-5 {
    top: 349.6533333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-bottle-5 {
    top: 27.316666666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-bottle-5 {
    left: 282.18666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-bottle-5 {
    left: 22.045833333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-bottle-5 {
    width: 22.88px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-bottle-5 {
    width: 1.7875vw;
  }
}
.section-hero .item-bottle-6 {
  top: 85.2vw;
  left: 76.4vw;
  width: 6.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-hero .item-bottle-6 {
    top: 374.88px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-bottle-6 {
    top: 29.2875vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-bottle-6 {
    left: 336.16px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-bottle-6 {
    left: 26.2625vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-bottle-6 {
    width: 27.57333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-bottle-6 {
    width: 2.154166666666666vw;
  }
}
.section-hero .item-road {
  top: 60.4vw;
  left: 0;
  width: 100vw;
  height: 50.13333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-hero .item-road {
    top: 265.76px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-road {
    top: 20.7625vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .item-road {
    width: 440px;
    height: 220.58666666666664px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .item-road {
    width: 34.375vw;
    height: 17.23333333333333vw;
  }
}
.section-hero .btn-scroll {
  position: absolute;
  top: 97.86666666666667vw;
  right: 3.2vw;
  width: 18.933333333333334vw;
  height: 18.933333333333334vw;
  padding-top: 1.6vw;
  border: solid #73020b;
  border-width: 0.8vw;
  border-radius: 50%;
  display: grid;
  place-content: center;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .section-hero .btn-scroll {
    top: 430.61333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .btn-scroll {
    top: 33.64166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .btn-scroll {
    right: 14.08px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .btn-scroll {
    right: 1.1vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .btn-scroll {
    width: 83.30666666666666px;
    height: 83.30666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .btn-scroll {
    width: 6.508333333333333vw;
    height: 6.508333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .btn-scroll {
    padding-top: 7.04px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .btn-scroll {
    padding-top: 0.55vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .btn-scroll {
    border-width: 3.52px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .btn-scroll {
    border-width: 0.275vw;
  }
}
.section-hero .btn-scroll span {
  display: block;
}
.section-hero .btn-scroll .btn-text {
  width: 9.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .section-hero .btn-scroll .btn-text {
    width: 39.89333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .btn-scroll .btn-text {
    width: 3.116666666666667vw;
  }
}
.section-hero .btn-scroll .btn-icon {
  width: 4.266666666666667vw;
  height: 2.666666666666667vw;
  margin-right: auto;
  margin-left: auto;
  margin-top: 1.466666666666667vw;
  fill: #73020b;
}
@media only screen and (min-width: 768px) {
  .section-hero .btn-scroll .btn-icon {
    width: 18.773333333333333px;
    height: 11.733333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .btn-scroll .btn-icon {
    width: 1.466666666666667vw;
    height: 0.916666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-hero .btn-scroll .btn-icon {
    margin-top: 6.453333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-hero .btn-scroll .btn-icon {
    margin-top: 0.504166666666667vw;
  }
}
.section-hero .btn-scroll .btn-icon svg {
  vertical-align: top;
}
.section-news .section-heading,
.section-concept .section-heading {
  position: relative;
}
.section-news .section-heading span,
.section-concept .section-heading span {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.section-news .section-heading .ja,
.section-concept .section-heading .ja {
  margin-top: 3.733333333333334vw;
  font-size: 0;
}
@media only screen and (min-width: 768px) {
  .section-news .section-heading .ja,
  .section-concept .section-heading .ja {
    margin-top: 16.42666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news .section-heading .ja,
  .section-concept .section-heading .ja {
    margin-top: 1.283333333333334vw;
  }
}
.section-contents {
  position: relative;
}
.section-news {
  padding-right: 5.333333333333334vw;
  padding-left: 5.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-news {
    padding-right: 23.46666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news {
    padding-right: 1.833333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-news {
    padding-left: 23.46666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news {
    padding-left: 1.833333333333333vw;
  }
}
.section-news .item-circle {
  left: 0;
  top: -0.533333333333333vw;
  width: 38.666666666666664vw;
}
@media only screen and (min-width: 768px) {
  .section-news .item-circle {
    top: -2.346666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news .item-circle {
    top: -0.183333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-news .item-circle {
    width: 170.13333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news .item-circle {
    width: 13.291666666666666vw;
  }
}
.section-news .item-cloud-1 {
  top: 14.133333333333335vw;
  left: 1.733333333333333vw;
  width: 19.333333333333332vw;
}
@media only screen and (min-width: 768px) {
  .section-news .item-cloud-1 {
    top: 62.18666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news .item-cloud-1 {
    top: 4.858333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-news .item-cloud-1 {
    left: 7.626666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news .item-cloud-1 {
    left: 0.595833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-news .item-cloud-1 {
    width: 85.06666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news .item-cloud-1 {
    width: 6.645833333333333vw;
  }
}
.section-news .item-cloud-2 {
  top: 22.400000000000002vw;
  right: -7.333333333333333vw;
  width: 37.46666666666666vw;
}
@media only screen and (min-width: 768px) {
  .section-news .item-cloud-2 {
    top: 98.56px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news .item-cloud-2 {
    top: 7.7vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-news .item-cloud-2 {
    right: -32.266666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news .item-cloud-2 {
    right: -2.520833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-news .item-cloud-2 {
    width: 164.85333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news .item-cloud-2 {
    width: 12.879166666666666vw;
  }
}
.section-news .section-heading .en {
  width: 31.333333333333336vw;
}
@media only screen and (min-width: 768px) {
  .section-news .section-heading .en {
    width: 137.86666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news .section-heading .en {
    width: 10.770833333333334vw;
  }
}
.section-news .section-heading .ja {
  width: 13.066666666666665vw;
}
@media only screen and (min-width: 768px) {
  .section-news .section-heading .ja {
    width: 57.493333333333325px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news .section-heading .ja {
    width: 4.491666666666666vw;
  }
}
.section-news .section-contents {
  position: relative;
  border-radius: 6.666666666666667vw;
  padding-top: 15.466666666666667vw;
  padding-bottom: 5.066666666666666vw;
  overflow: hidden;
  background: #601506;
}
@media only screen and (min-width: 768px) {
  .section-news .section-contents {
    border-radius: 29.333333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news .section-contents {
    border-radius: 2.291666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-news .section-contents {
    padding-top: 68.05333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news .section-contents {
    padding-top: 5.316666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-news .section-contents {
    padding-bottom: 22.293333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news .section-contents {
    padding-bottom: 1.741666666666667vw;
  }
}
.section-news .section-contents .bg-pattern {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url("../img/bg-pattern-2.png?hash=9d51d8147581bff292a1eb91e5ba615f") 0 0 repeat;
  background-size: 132.13333333333333vw 132.13333333333333vw;
  opacity: 0.2;
  mix-blend-mode: overlay;
}
@media only screen and (min-width: 768px) {
  .section-news .section-contents .bg-pattern {
    background-size: 991px 991px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .section-news .section-contents .bg-pattern {
    background: url("../img/bg-pattern-2@2x.png?hash=4d6821e3e63a90e4755c28467df09457") 0 0 repeat;
    background-size: 991px 991px;
  }
}
.section-news .news-list {
  margin-top: 8.266666666666666vw;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .section-news .news-list {
    margin-top: 36.373333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news .news-list {
    margin-top: 2.841666666666667vw;
  }
}
.section-news .news-list ul {
  border-top: solid #040100;
  border-width: 0.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-news .news-list ul {
    border-width: 1.173333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news .news-list ul {
    border-width: 0.091666666666667vw;
  }
}
.section-news .news-list li {
  position: relative;
  padding-top: 3.333333333333333vw;
  padding-right: 18.666666666666668vw;
  padding-bottom: 4vw;
  padding-left: 6.666666666666667vw;
  color: #fff;
  font-size: 3.466666666666666vw;
  line-height: 1.846153846153846;
  text-align: left;
  border-bottom: solid #040100;
  border-bottom-width: 0.266666666666667vw;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (min-width: 768px) {
  .section-news .news-list li {
    padding-top: 14.666666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news .news-list li {
    padding-top: 1.145833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-news .news-list li {
    padding-right: 82.13333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news .news-list li {
    padding-right: 6.416666666666668vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-news .news-list li {
    padding-bottom: 17.6px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news .news-list li {
    padding-bottom: 1.375vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-news .news-list li {
    padding-left: 29.333333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news .news-list li {
    padding-left: 2.291666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-news .news-list li {
    font-size: 1.525333333333333rem;
  }
}
@media only screen and (min-width: 768px) {
  .section-news .news-list li {
    border-bottom-width: 1.173333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news .news-list li {
    border-bottom-width: 0.091666666666667vw;
  }
}
.section-news .news-list li .date {
  display: block;
  margin-bottom: 0.8vw;
  color: #f2b351;
  font-weight: bold;
}
@media only screen and (min-width: 768px) {
  .section-news .news-list li .date {
    margin-bottom: 3.52px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news .news-list li .date {
    margin-bottom: 0.275vw;
  }
}
.section-news .news-list li .btn-icon {
  position: absolute;
  top: 50%;
  margin-top: -3.2vw;
  right: 6.666666666666667vw;
  width: 8vw;
  height: 8vw;
  border-radius: 50%;
  background: #a70000;
}
@media only screen and (min-width: 768px) {
  .section-news .news-list li .btn-icon {
    margin-top: -14.08px;
  }
}
@media only screen and (min-width: 768px) {
  .section-news .news-list li .btn-icon {
    right: 29.333333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news .news-list li .btn-icon {
    right: 2.291666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-news .news-list li .btn-icon {
    width: 35.2px;
    height: 35.2px;
  }
}
.section-news .news-list li .btn-icon::before {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  content: "";
  display: block;
  width: 3.733333333333334vw;
  height: 3.866666666666667vw;
  background: url("../img/news-modal-btn-icon.png?hash=ad87c1d6212090ae5366252e11e83964") 0 0 repeat;
  background-size: 100%;
}
@media only screen and (min-width: 768px) {
  .section-news .news-list li .btn-icon::before {
    width: 16.426666666666666px;
    height: 17.013333333333332px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .section-news .news-list li .btn-icon::before {
    background: url("../img/news-modal-btn-icon@2x.png?hash=f4a82b317ab938c3090c61afbb101dab") 0 0 repeat;
    background-size: 100%;
  }
}
.section-news .slider-item-list {
  display: flex;
}
.section-news .slider-item {
  width: 100%;
  flex-shrink: 0;
  cursor: grab;
}
.section-news .slider-item:active {
  cursor: grabbing;
}
.section-news .slider-nav {
  margin-top: 5.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .section-news .slider-nav {
    margin-top: 22.293333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news .slider-nav {
    margin-top: 1.741666666666667vw;
  }
}
.section-news .slider-nav .slider-dot-list {
  display: flex;
  justify-content: center;
}
.section-news .slider-nav .slider-dot-list span {
  display: block;
  width: 1.866666666666667vw;
  height: 1.866666666666667vw;
  margin-right: 2.4vw;
  margin-left: 2.4vw;
  background: #93651f;
  border-radius: 50%;
}
@media only screen and (min-width: 768px) {
  .section-news .slider-nav .slider-dot-list span {
    width: 8.213333333333333px;
    height: 8.213333333333333px;
  }
}
@media only screen and (min-width: 768px) {
  .section-news .slider-nav .slider-dot-list span {
    margin-right: 10.56px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news .slider-nav .slider-dot-list span {
    margin-right: 0.825vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-news .slider-nav .slider-dot-list span {
    margin-left: 10.56px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-news .slider-nav .slider-dot-list span {
    margin-left: 0.825vw;
  }
}
.section-news .slider-nav .slider-dot-list span.is-active {
  background: #f2b351;
}
.section-concept {
  padding-top: 152.53333333333333vw;
  padding-bottom: 48.4vw;
}
@media only screen and (min-width: 768px) {
  .section-concept {
    padding-top: 671.1466666666668px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept {
    padding-top: 52.433333333333344vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-concept {
    padding-bottom: 212.95999999999998px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept {
    padding-bottom: 16.6375vw;
  }
}
.section-concept .item-circle {
  top: -1.866666666666667vw;
  right: -64vw;
  width: 81.33333333333333vw;
  height: 68.66666666666667vw;
  border-radius: 50%;
  background: url("../img/bg-pattern-1.png?hash=e7a100db9cc0826fb98a8028ca1b3d26") center 0 repeat #a70000;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: multiply;
}
@media only screen and (min-width: 768px) {
  .section-concept .item-circle {
    top: -8.213333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-circle {
    top: -0.641666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-concept .item-circle {
    right: -281.6px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-circle {
    right: -22.000000000000004vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-concept .item-circle {
    width: 357.8666666666667px;
    height: 302.1333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-circle {
    width: 27.958333333333336vw;
    height: 23.604166666666664vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-concept .item-circle {
    background-size: 100px 100px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .section-concept .item-circle {
    background: url("../img/bg-pattern-1@2x.png?hash=625bc241622eb22f3927936053b062cd") center 0 repeat #a70000;
    background-size: 100px 100px;
  }
}
.section-concept .item-bottle-block {
  top: 23.066666666666666vw;
  right: -7.733333333333333vw;
  width: 84.93333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-concept .item-bottle-block {
    top: 101.49333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-bottle-block {
    top: 7.929166666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-concept .item-bottle-block {
    right: -34.02666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-bottle-block {
    right: -2.658333333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-concept .item-bottle-block {
    width: 373.7066666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-bottle-block {
    width: 29.195833333333336vw;
  }
}
.section-concept .item-bottle-block .item-bottle {
  position: relative;
}
.section-concept .item-bottle-block .item-drop {
  top: 41.199999999999996vw;
  left: 1.866666666666667vw;
  width: 5.2vw;
  height: 21.866666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-concept .item-bottle-block .item-drop {
    top: 181.28px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-bottle-block .item-drop {
    top: 14.1625vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-concept .item-bottle-block .item-drop {
    left: 8.213333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-bottle-block .item-drop {
    left: 0.641666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-concept .item-bottle-block .item-drop {
    width: 22.88px;
    height: 96.21333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-bottle-block .item-drop {
    width: 1.7875vw;
    height: 7.516666666666667vw;
  }
}
.section-concept .sauce-road-container {
  top: 93.2vw;
  width: 100vw;
  height: 205.6vw;
  position: absolute;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .section-concept .sauce-road-container {
    top: 410.08000000000004px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .sauce-road-container {
    top: 32.0375vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-concept .sauce-road-container {
    width: 440px;
    height: 904.64px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .sauce-road-container {
    width: 34.375vw;
    height: 70.675vw;
  }
}
.section-concept .sauce-road-container .sauce-road {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.section-concept .sauce-road-main {
  background: url("../img/sauce.png?hash=14396775f23513bf388292549aad82f3") center top no-repeat;
  background-size: cover;
}
.section-concept .sauce-road-1 {
  background: url("../img/sauce-road-1.png?hash=ebc88548e19b24019bd43b2a92322c0e") center top no-repeat;
  background-size: cover;
}
.section-concept .sauce-road-2 {
  background: url("../img/sauce-road-2.png?hash=088aa20bf35d884056e765f82cc6c483") center top no-repeat;
  background-size: cover;
}
.section-concept .sauce-road-3 {
  background: url("../img/sauce-road-3.png?hash=ed74a2484971971377c7cb621b6ddf94") center top no-repeat;
  background-size: cover;
}
.section-concept .sauce-road-4 {
  background: url("../img/sauce-road-4.png?hash=c211bd6d6288b299b481203d9b123585") center top no-repeat;
  background-size: cover;
}
.section-concept .sauce-road-5 {
  background: url("../img/sauce-road-5.png?hash=ad47b3a5c159c0a3b0479105a585ce5a") center top no-repeat;
  background-size: cover;
}
.section-concept .item-cloud-1 {
  top: 19.733333333333334vw;
  left: 6.666666666666667vw;
  width: 30vw;
}
@media only screen and (min-width: 768px) {
  .section-concept .item-cloud-1 {
    top: 86.82666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-cloud-1 {
    top: 6.783333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-concept .item-cloud-1 {
    left: 29.333333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-cloud-1 {
    left: 2.291666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-concept .item-cloud-1 {
    width: 132px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-cloud-1 {
    width: 10.3125vw;
  }
}
.section-concept .item-cloud-2 {
  top: 66vw;
  right: 12.266666666666666vw;
  width: 19.333333333333332vw;
}
@media only screen and (min-width: 768px) {
  .section-concept .item-cloud-2 {
    top: 290.40000000000003px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-cloud-2 {
    top: 22.687500000000004vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-concept .item-cloud-2 {
    right: 53.97333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-cloud-2 {
    right: 4.216666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-concept .item-cloud-2 {
    width: 85.06666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-cloud-2 {
    width: 6.645833333333333vw;
  }
}
.section-concept .item-cloud-3 {
  top: 74.4vw;
  left: -8.666666666666668vw;
  width: 29.333333333333332vw;
}
@media only screen and (min-width: 768px) {
  .section-concept .item-cloud-3 {
    top: 327.36px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-cloud-3 {
    top: 25.575000000000003vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-concept .item-cloud-3 {
    left: -38.13333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-cloud-3 {
    left: -2.979166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-concept .item-cloud-3 {
    width: 129.06666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-cloud-3 {
    width: 10.083333333333332vw;
  }
}
.section-concept .item-cloud-4 {
  top: 88.26666666666667vw;
  right: -13.600000000000001vw;
  width: 37.46666666666666vw;
}
@media only screen and (min-width: 768px) {
  .section-concept .item-cloud-4 {
    top: 388.37333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-cloud-4 {
    top: 30.34166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-concept .item-cloud-4 {
    right: -59.84px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-cloud-4 {
    right: -4.675vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-concept .item-cloud-4 {
    width: 164.85333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-cloud-4 {
    width: 12.879166666666666vw;
  }
}
.section-concept .item-cloud-5 {
  top: 124.26666666666665vw;
  left: -19.466666666666665vw;
  width: 45.2vw;
  padding-top: 17.866666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-concept .item-cloud-5 {
    top: 546.7733333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-cloud-5 {
    top: 42.71666666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-concept .item-cloud-5 {
    left: -85.65333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-cloud-5 {
    left: -6.691666666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-concept .item-cloud-5 {
    width: 198.88px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-cloud-5 {
    width: 15.537499999999998vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-concept .item-cloud-5 {
    padding-top: 78.61333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-cloud-5 {
    padding-top: 6.141666666666666vw;
  }
}
.section-concept .item-cloud-5 img {
  transform: scaleX(-1);
}
.section-concept .item-cloud-6 {
  top: 162.93333333333334vw;
  right: -16.133333333333333vw;
  width: 38.800000000000004vw;
  padding-top: 9.466666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-concept .item-cloud-6 {
    top: 716.9066666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-cloud-6 {
    top: 56.008333333333326vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-concept .item-cloud-6 {
    right: -70.98666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-cloud-6 {
    right: -5.545833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-concept .item-cloud-6 {
    width: 170.72px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-cloud-6 {
    width: 13.337499999999999vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-concept .item-cloud-6 {
    padding-top: 41.65333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .item-cloud-6 {
    padding-top: 3.254166666666666vw;
  }
}
.section-concept .item-cloud-6 img {
  transform: scaleX(-1);
}
.section-concept .section-heading .en {
  width: 51.6vw;
}
@media only screen and (min-width: 768px) {
  .section-concept .section-heading .en {
    width: 227.04000000000002px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .section-heading .en {
    width: 17.7375vw;
  }
}
.section-concept .section-heading .ja {
  width: 17.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .section-concept .section-heading .ja {
    width: 75.09333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .section-heading .ja {
    width: 5.866666666666666vw;
  }
}
.section-concept .text {
  width: 86.13333333333333vw;
  margin-top: 11.866666666666667vw;
  margin-left: 7.066666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-concept .text {
    width: 378.9866666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .text {
    width: 29.60833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-concept .text {
    margin-top: 52.21333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .text {
    margin-top: 4.079166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-concept .text {
    margin-left: 31.093333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-concept .text {
    margin-left: 2.429166666666667vw;
  }
}
.section-road .point {
  position: relative;
  width: 39.86666666666667vw;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .section-road .point {
    width: 175.41333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .point {
    width: 13.704166666666667vw;
  }
}
.section-road .point .item {
  position: relative;
}
.section-road .point .item-bottle-block {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
.section-road .point .item-bottle-1 {
  width: 4.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road .point .item-bottle-1 {
    width: 19.94666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .point .item-bottle-1 {
    width: 1.558333333333333vw;
  }
}
.section-road .point .item-bottle-2 {
  width: 6.266666666666667vw;
  margin-right: 3.2vw;
  margin-left: 3.2vw;
}
@media only screen and (min-width: 768px) {
  .section-road .point .item-bottle-2 {
    width: 27.57333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .point .item-bottle-2 {
    width: 2.154166666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road .point .item-bottle-2 {
    margin-right: 14.08px;
  }
}
@media only screen and (min-width: 768px) {
  .section-road .point .item-bottle-2 {
    margin-left: 14.08px;
  }
}
.section-road .point .item-bottle-3 {
  width: 4.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road .point .item-bottle-3 {
    width: 19.94666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .point .item-bottle-3 {
    width: 1.558333333333333vw;
  }
}
.section-road .point .point-text-block {
  position: relative;
  width: 100%;
  padding-top: 9.6vw;
  top: -1.333333333333333vw;
  padding-left: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road .point .point-text-block {
    padding-top: 42.24px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .point .point-text-block {
    padding-top: 3.3vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road .point .point-text-block {
    top: -5.866666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .point .point-text-block {
    top: -0.458333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road .point .point-text-block {
    padding-left: 2.346666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .point .point-text-block {
    padding-left: 0.183333333333333vw;
  }
}
.section-road .point .point-text-block .point-text-bg,
.section-road .point .point-text-block .point-text {
  display: block;
  width: 100%;
  height: 100%;
}
.section-road .point .point-text-block .point-text-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  fill: #99000d;
  filter: drop-shadow(0px 2px 0 rgba(60,30,0,0.8));
  will-change: filter;
}
.section-road .point .point-text-block .point-text {
  position: absolute;
  margin: auto;
  right: 0;
  left: 0;
  top: 1.333333333333333vw;
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .section-road .point .point-text-block .point-text {
    top: 5.866666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .point .point-text-block .point-text {
    top: 0.458333333333333vw;
  }
}
.section-road .point .point-text-block .point-text.point-text-0 {
  width: 21.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .section-road .point .point-text-block .point-text.point-text-0 {
    width: 92.69333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .point .point-text-block .point-text.point-text-0 {
    width: 7.241666666666665vw;
  }
}
.section-road .point .point-text-block .point-text.point-text-10 {
  width: 23.599999999999998vw;
}
@media only screen and (min-width: 768px) {
  .section-road .point .point-text-block .point-text.point-text-10 {
    width: 103.83999999999999px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .point .point-text-block .point-text.point-text-10 {
    width: 8.112499999999999vw;
  }
}
.section-road .point .point-text-block .point-text.point-text-35 {
  width: 24vw;
}
@media only screen and (min-width: 768px) {
  .section-road .point .point-text-block .point-text.point-text-35 {
    width: 105.6px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .point .point-text-block .point-text.point-text-35 {
    width: 8.249999999999998vw;
  }
}
.section-road .history {
  position: relative;
}
.section-road .list-history {
  display: flex;
  flex-wrap: wrap;
}
.section-road .list-history li {
  position: relative;
  font-size: 0;
}
.section-road .list-history .btn {
  position: relative;
  display: inline-flex;
  align-items: center;
  height: 13.333333333333334vw;
  padding-right: 4vw;
  background: #a70000;
  border-radius: 6.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .btn {
    height: 58.666666666666664px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .btn {
    height: 4.583333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .btn {
    padding-right: 17.6px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .btn {
    padding-right: 1.375vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .btn {
    border-radius: 29.333333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .btn {
    border-radius: 2.291666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .btn {
    cursor: pointer;
  }
}
.section-road .list-history .btn span {
  display: block;
}
.section-road .list-history .btn .btn-text {
  position: relative;
  padding-bottom: 0.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .btn .btn-text {
    padding-bottom: 1.173333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .btn .btn-text {
    padding-bottom: 0.091666666666667vw;
  }
}
.section-road .list-history .btn .btn-icon {
  position: relative;
  width: 5.866666666666666vw;
  height: 5.866666666666666vw;
  margin-left: 1.6vw;
  background: #2b0b04;
  border-radius: 50%;
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .btn .btn-icon {
    width: 25.813333333333333px;
    height: 25.813333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .btn .btn-icon {
    width: 2.016666666666667vw;
    height: 2.016666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .btn .btn-icon {
    margin-left: 7.04px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .btn .btn-icon {
    margin-left: 0.55vw;
  }
}
.section-road .list-history .btn .btn-icon::before,
.section-road .list-history .btn .btn-icon::after {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  content: "";
  display: block;
  background: #dbaa5d;
  border-radius: 0.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .btn .btn-icon::before,
  .section-road .list-history .btn .btn-icon::after {
    border-radius: 1.173333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .btn .btn-icon::before,
  .section-road .list-history .btn .btn-icon::after {
    border-radius: 0.091666666666667vw;
  }
}
.section-road .list-history .btn .btn-icon::before {
  width: 2.666666666666667vw;
  height: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .btn .btn-icon::before {
    width: 11.733333333333334px;
    height: 2.346666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .btn .btn-icon::before {
    width: 0.916666666666667vw;
    height: 0.183333333333333vw;
  }
}
.section-road .list-history .btn .btn-icon::after {
  width: 0.533333333333333vw;
  height: 2.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .btn .btn-icon::after {
    width: 2.346666666666667px;
    height: 11.733333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .btn .btn-icon::after {
    width: 0.183333333333333vw;
    height: 0.916666666666667vw;
  }
}
.section-road .list-history .pin-block {
  position: absolute;
  width: 9.333333333333334vw;
  height: 9.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .pin-block {
    width: 41.06666666666667px;
    height: 41.06666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .pin-block {
    width: 3.208333333333334vw;
    height: 3.208333333333334vw;
  }
}
.section-road .list-history .pin-block .pin {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  border-radius: 50%;
  border: solid #a70000;
  border-width: 1.6vw;
  display: grid;
  place-items: center;
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .pin-block .pin {
    border-width: 7.04px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .pin-block .pin {
    border-width: 0.55vw;
  }
}
.section-road .list-history .pin-block .pin::before,
.section-road .list-history .pin-block .pin::after {
  position: absolute;
  content: "";
  left: 50%;
}
.section-road .list-history .pin-block .pin::before {
  opacity: 0;
  transform: scale(0);
  transition: opacity 0.1s cubic-bezier(0.39, 0.575, 0.565, 1), transform 0.1s;
  bottom: -5.066666666666666vw;
  width: 6.133333333333333vw;
  height: 2.666666666666667vw;
  background: #000;
  margin-left: -3.066666666666666vw;
  border-radius: 50%;
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .pin-block .pin::before {
    bottom: -22.293333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .pin-block .pin::before {
    bottom: -1.741666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .pin-block .pin::before {
    width: 26.986666666666665px;
    height: 11.733333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .pin-block .pin::before {
    width: 2.108333333333333vw;
    height: 0.916666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .pin-block .pin::before {
    margin-left: -13.493333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .pin-block .pin::before {
    margin-left: -1.054166666666667vw;
  }
}
.section-road .list-history .pin-block .pin.is-visible::before {
  opacity: 1;
  transform: scale(1);
}
.section-road .list-history .pin-block .pin::after {
  margin-left: -2.133333333333333vw;
  bottom: -3.733333333333334vw;
  z-index: 1;
  width: 4.399999999999999vw;
  height: 2.8vw;
  background: url("../img/icon-triangle.svg?hash=8db7247718aea9f2bfb5e07a1df30217") 0 0 no-repeat;
  background-size: 100% 100%;
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .pin-block .pin::after {
    margin-left: -9.386666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .pin-block .pin::after {
    margin-left: -0.733333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .pin-block .pin::after {
    bottom: -16.42666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .pin-block .pin::after {
    bottom: -1.283333333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .pin-block .pin::after {
    width: 19.36px;
    height: 12.32px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .pin-block .pin::after {
    width: 1.5125vw;
    height: 0.9625vw;
  }
}
.section-road .list-history .pin-block .pin.pin-default {
  width: 9.333333333333334vw;
  height: 9.333333333333334vw;
  border-width: 2.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .pin-block .pin.pin-default {
    width: 41.06666666666667px;
    height: 41.06666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .pin-block .pin.pin-default {
    width: 3.208333333333334vw;
    height: 3.208333333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .pin-block .pin.pin-default {
    border-width: 11.733333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .pin-block .pin.pin-default {
    border-width: 0.916666666666667vw;
  }
}
.section-road .list-history .pin-block .pin.pin-default::before {
  bottom: -6.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .pin-block .pin.pin-default::before {
    bottom: -27.57333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .pin-block .pin.pin-default::before {
    bottom: -2.154166666666666vw;
  }
}
.section-road .list-history .pin-block .pin.pin-default::after {
  margin-left: -3.066666666666666vw;
  bottom: -5.066666666666666vw;
  width: 6.133333333333333vw;
  height: 3.466666666666666vw;
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .pin-block .pin.pin-default::after {
    margin-left: -13.493333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .pin-block .pin.pin-default::after {
    margin-left: -1.054166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .pin-block .pin.pin-default::after {
    bottom: -22.293333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .pin-block .pin.pin-default::after {
    bottom: -1.741666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .pin-block .pin.pin-default::after {
    width: 26.986666666666665px;
    height: 15.253333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .pin-block .pin.pin-default::after {
    width: 2.108333333333333vw;
    height: 1.191666666666667vw;
  }
}
.section-road .list-history .pin-block .pin-text {
  position: relative;
  margin-right: auto;
  margin-left: auto;
  font-size: 0;
  width: 7.733333333333333vw;
  height: 3.733333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .pin-block .pin-text {
    width: 34.02666666666667px;
    height: 16.42666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .pin-block .pin-text {
    width: 2.658333333333334vw;
    height: 1.283333333333334vw;
  }
}
.section-road .list-history .pin-block .pin-text.pin-text-2017 {
  width: 8vw;
  padding-right: 0.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .pin-block .pin-text.pin-text-2017 {
    width: 35.2px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .pin-block .pin-text.pin-text-2017 {
    width: 2.75vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .pin-block .pin-text.pin-text-2017 {
    padding-right: 1.173333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .pin-block .pin-text.pin-text-2017 {
    padding-right: 0.091666666666667vw;
  }
}
.section-road .list-history .dot-line {
  position: absolute;
}
.section-road .list-history .dot-line.dot-line-horizontal {
  width: 22vw;
  height: 0.666666666666667vw;
  background-image: linear-gradient(to right, #a70000, #a70000 1.0666666666666667vw, transparent 1.0666666666666667vw, transparent 1.6vw);
  background-size: 1.6vw 0.533333333333333vw;
  background-repeat: repeat-x;
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .dot-line.dot-line-horizontal {
    width: 96.8px;
    height: 2.933333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .dot-line.dot-line-horizontal {
    width: 7.5625vw;
    height: 0.229166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .dot-line.dot-line-horizontal {
    background-image: linear-gradient(to right, #a70000, #a70000 8px, transparent 8px, transparent 12px);
    background-size: 12px 4px;
  }
}
.section-road .list-history .dot-line.dot-line-vertical {
  top: 4vw;
  left: 50%;
  margin-left: -0.266666666666667vw;
  width: 0.666666666666667vw;
  height: 18.133333333333333vw;
  background-image: linear-gradient(to top, #a70000, #a70000 1.0666666666666667vw, transparent 1.0666666666666667vw, transparent 1.6vw);
  background-size: 0.533333333333333vw 1.6vw;
  background-repeat: repeat-y;
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .dot-line.dot-line-vertical {
    top: 17.6px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .dot-line.dot-line-vertical {
    top: 1.375vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .dot-line.dot-line-vertical {
    margin-left: -1.173333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .dot-line.dot-line-vertical {
    margin-left: -0.091666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .dot-line.dot-line-vertical {
    width: 2.933333333333334px;
    height: 79.78666666666668px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road .list-history .dot-line.dot-line-vertical {
    width: 0.229166666666667vw;
    height: 6.233333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road .list-history .dot-line.dot-line-vertical {
    background-image: linear-gradient(to top, #a70000, #a70000 8px, transparent 8px, transparent 12px);
    background-size: 4px 12px;
  }
}
.section-road-1 .text,
.section-road-2 .text,
.section-road-3 .text {
  color: #340d05;
  font-weight: bold;
  font-size: 4vw;
  line-height: 1.666666666666667;
  padding-right: 5.333333333333334vw;
  padding-left: 5.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .text,
  .section-road-2 .text,
  .section-road-3 .text {
    font-size: 1.76rem;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .text,
  .section-road-2 .text,
  .section-road-3 .text {
    padding-right: 23.46666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .text,
  .section-road-2 .text,
  .section-road-3 .text {
    padding-right: 1.833333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .text,
  .section-road-2 .text,
  .section-road-3 .text {
    padding-left: 23.46666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .text,
  .section-road-2 .text,
  .section-road-3 .text {
    padding-left: 1.833333333333333vw;
  }
}
.section-road-1 {
  padding-top: 6.133333333333333vw;
  padding-bottom: 39.2vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 {
    padding-top: 26.986666666666665px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 {
    padding-top: 2.108333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 {
    padding-bottom: 172.48000000000002px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 {
    padding-bottom: 13.475000000000001vw;
  }
}
.section-road-1 .item-cloud-1 {
  top: -31.866666666666667vw;
  left: -27.6vw;
  width: 105.60000000000001vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-cloud-1 {
    top: -140.21333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-cloud-1 {
    top: -10.954166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-cloud-1 {
    left: -121.44000000000001px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-cloud-1 {
    left: -9.4875vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-cloud-1 {
    width: 464.64000000000004px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-cloud-1 {
    width: 36.300000000000004vw;
  }
}
.section-road-1 .item-cloud-2 {
  top: -9.866666666666667vw;
  left: -30.266666666666666vw;
  width: 62.8vw;
  padding-top: 23.466666666666665vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-cloud-2 {
    top: -43.413333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-cloud-2 {
    top: -3.391666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-cloud-2 {
    left: -133.17333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-cloud-2 {
    left: -10.404166666666665vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-cloud-2 {
    width: 276.32px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-cloud-2 {
    width: 21.5875vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-cloud-2 {
    padding-top: 103.25333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-cloud-2 {
    padding-top: 8.066666666666666vw;
  }
}
.section-road-1 .item-cloud-3 {
  top: -29.599999999999998vw;
  right: -17.466666666666665vw;
  width: 46.800000000000004vw;
  padding-top: 15.2vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-cloud-3 {
    top: -130.23999999999998px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-cloud-3 {
    top: -10.174999999999997vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-cloud-3 {
    right: -76.85333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-cloud-3 {
    right: -6.004166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-cloud-3 {
    width: 205.92000000000002px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-cloud-3 {
    width: 16.087500000000002vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-cloud-3 {
    padding-top: 66.88px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-cloud-3 {
    padding-top: 5.225vw;
  }
}
.section-road-1 .item-cloud-4 {
  top: -22.666666666666664vw;
  right: -19.2vw;
  width: 68.13333333333334vw;
  padding-top: 25.333333333333336vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-cloud-4 {
    top: -99.73333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-cloud-4 {
    top: -7.791666666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-cloud-4 {
    right: -84.48px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-cloud-4 {
    right: -6.600000000000001vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-cloud-4 {
    width: 299.7866666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-cloud-4 {
    width: 23.420833333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-cloud-4 {
    padding-top: 111.46666666666668px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-cloud-4 {
    padding-top: 8.708333333333334vw;
  }
}
.section-road-1 .item-hill-1 {
  top: -15.866666666666667vw;
  right: -14.266666666666666vw;
  width: 75.06666666666668vw;
  height: 50vw;
  border-radius: 50%;
  background: url("../img/bg-pattern-1.png?hash=e7a100db9cc0826fb98a8028ca1b3d26") center 0 repeat #efab53;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: multiply;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-hill-1 {
    top: -69.81333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-hill-1 {
    top: -5.454166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-hill-1 {
    right: -62.77333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-hill-1 {
    right: -4.904166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-hill-1 {
    width: 330.29333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-hill-1 {
    width: 25.804166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-hill-1 {
    height: 220px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-hill-1 {
    height: 17.1875vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-hill-1 {
    background-size: 100px 100px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .section-road-1 .item-hill-1 {
    background: url("../img/bg-pattern-1@2x.png?hash=625bc241622eb22f3927936053b062cd") center 0 repeat #efab53;
    background-size: 100px 100px;
  }
}
.section-road-1 .item-hill-1 .item-road-1 {
  top: 0.4vw;
  right: 20.666666666666668vw;
  width: 19.6vw;
  height: 12.4vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-hill-1 .item-road-1 {
    top: 1.76px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-hill-1 .item-road-1 {
    top: 0.1375vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-hill-1 .item-road-1 {
    right: 90.93333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-hill-1 .item-road-1 {
    right: 7.104166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-hill-1 .item-road-1 {
    width: 86.24000000000001px;
    height: 54.56px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-hill-1 .item-road-1 {
    width: 6.737500000000001vw;
    height: 4.2625vw;
  }
}
.section-road-1 .item-hill-2 {
  top: -8.533333333333333vw;
  left: -6vw;
  width: 112.00000000000001vw;
  height: 53.333333333333336vw;
  border-radius: 50%;
  background: url("../img/bg-pattern-1.png?hash=e7a100db9cc0826fb98a8028ca1b3d26") center 0 repeat #efc580;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: multiply;
  background: url("../img/bg-pattern-1_75.png?hash=1184b78d00eeb395cbf2baf205121bee") center 0 repeat #efc580;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: hard-light;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-hill-2 {
    top: -37.54666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-hill-2 {
    top: -2.933333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-hill-2 {
    left: -26.4px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-hill-2 {
    left: -2.0625vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-hill-2 {
    width: 492.80000000000007px;
    height: 234.66666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-hill-2 {
    width: 38.50000000000001vw;
    height: 18.333333333333332vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-hill-2 {
    background-size: 100px 100px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .section-road-1 .item-hill-2 {
    background: url("../img/bg-pattern-1@2x.png?hash=625bc241622eb22f3927936053b062cd") center 0 repeat #efc580;
    background-size: 100px 100px;
    background: url("../img/bg-pattern-1_75@2x.png?hash=88a65e074f6971c75ec3285e1fb3c2c9") center 0 repeat #efc580;
    background-size: 100px 100px;
  }
}
.section-road-1 .item-hill-2 .item-road-2 {
  top: 0.266666666666667vw;
  right: 6vw;
  width: 46.266666666666666vw;
  height: 29.333333333333332vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-hill-2 .item-road-2 {
    top: 1.173333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-hill-2 .item-road-2 {
    top: 0.091666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-hill-2 .item-road-2 {
    right: 26.4px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-hill-2 .item-road-2 {
    right: 2.0625vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-hill-2 .item-road-2 {
    width: 203.57333333333332px;
    height: 129.06666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-hill-2 .item-road-2 {
    width: 15.904166666666667vw;
    height: 10.083333333333332vw;
  }
}
.section-road-1 .item-bird-1 {
  top: -40.53333333333333vw;
  right: 12.266666666666666vw;
  width: 18.53333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-bird-1 {
    top: -178.34666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-bird-1 {
    top: -13.933333333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-bird-1 {
    right: 53.97333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-bird-1 {
    right: 4.216666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-bird-1 {
    width: 81.54666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-bird-1 {
    width: 6.370833333333334vw;
  }
}
.section-road-1 .item-bird-2 {
  top: -10.666666666666668vw;
  left: 6.4vw;
  width: 21.46666666666667vw;
  transform: rotate(-3.93deg);
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-bird-2 {
    top: -46.93333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-bird-2 {
    top: -3.666666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-bird-2 {
    left: 28.16px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-bird-2 {
    left: 2.2vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .item-bird-2 {
    width: 94.45333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .item-bird-2 {
    width: 7.379166666666667vw;
  }
}
.section-road-1 .section-heading {
  width: 82.66666666666667vw;
  margin-top: 2.4vw;
  margin-left: 9.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .section-heading {
    width: 363.73333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .section-heading {
    width: 28.416666666666668vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .section-heading {
    margin-top: 10.56px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .section-heading {
    margin-top: 0.825vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .section-heading {
    margin-left: 41.06666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .section-heading {
    margin-left: 3.208333333333334vw;
  }
}
.section-road-1 .text {
  margin-top: 5.866666666666666vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .text {
    margin-top: 25.813333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .text {
    margin-top: 2.016666666666667vw;
  }
}
.section-road-1 .history {
  margin-top: 1.6vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history {
    margin-top: 7.04px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history {
    margin-top: 0.55vw;
  }
}
.section-road-1 .history .item-road-3 {
  top: 0;
  left: 0;
  width: 100%;
  height: 237.46666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-road-3 {
    height: 1044.8533333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-road-3 {
    height: 81.62916666666666vw;
  }
}
.section-road-1 .history .item-bridge {
  top: 2vw;
  right: 15.6vw;
  width: 15.6vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-bridge {
    top: 8.8px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-bridge {
    top: 0.6875vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-bridge {
    right: 68.64px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-bridge {
    right: 5.3625vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-bridge {
    width: 68.64px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-bridge {
    width: 5.3625vw;
  }
}
.section-road-1 .history .item-cloud-5 {
  top: 13.600000000000001vw;
  left: -17.466666666666665vw;
  width: 37.2vw;
  height: 11.466666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-cloud-5 {
    top: 59.84px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-cloud-5 {
    top: 4.675vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-cloud-5 {
    left: -76.85333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-cloud-5 {
    left: -6.004166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-cloud-5 {
    width: 163.68px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-cloud-5 {
    width: 12.787500000000001vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-cloud-5 {
    height: 50.45333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-cloud-5 {
    height: 3.941666666666667vw;
  }
}
.section-road-1 .history .item-cloud-6 {
  top: 28.799999999999997vw;
  right: -5.066666666666666vw;
  width: 40.93333333333333vw;
  height: 17.466666666666665vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-cloud-6 {
    top: 126.71999999999998px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-cloud-6 {
    top: 9.899999999999999vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-cloud-6 {
    right: -22.293333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-cloud-6 {
    right: -1.741666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-cloud-6 {
    width: 180.10666666666665px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-cloud-6 {
    width: 14.070833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-cloud-6 {
    height: 76.85333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-cloud-6 {
    height: 6.004166666666667vw;
  }
}
.section-road-1 .history .item-rock-1 {
  width: 10.133333333333333vw;
  top: 10vw;
  left: 38.266666666666666vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-rock-1 {
    width: 44.586666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-rock-1 {
    width: 3.483333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-rock-1 {
    top: 44px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-rock-1 {
    top: 3.4375vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-rock-1 {
    left: 168.37333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-rock-1 {
    left: 13.154166666666667vw;
  }
}
.section-road-1 .history .item-rock-2 {
  width: 11.600000000000001vw;
  top: 25.466666666666665vw;
  right: 16.400000000000002vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-rock-2 {
    width: 51.04px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-rock-2 {
    width: 3.9875vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-rock-2 {
    top: 112.05333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-rock-2 {
    top: 8.754166666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-rock-2 {
    right: 72.16px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-rock-2 {
    right: 5.637499999999999vw;
  }
}
.section-road-1 .history .item-rock-3 {
  width: 13.866666666666665vw;
  top: 45.46666666666667vw;
  left: -1.2vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-rock-3 {
    width: 61.01333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-rock-3 {
    width: 4.766666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-rock-3 {
    top: 200.05333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-rock-3 {
    top: 15.629166666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-rock-3 {
    left: -5.28px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-rock-3 {
    left: -0.4125vw;
  }
}
.section-road-1 .history .item-rock-4 {
  width: 9.333333333333334vw;
  top: 163.06666666666666vw;
  right: 4.399999999999999vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-rock-4 {
    width: 41.06666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-rock-4 {
    width: 3.208333333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-rock-4 {
    top: 717.4933333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-rock-4 {
    top: 56.054166666666674vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-rock-4 {
    right: 19.36px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-rock-4 {
    right: 1.5125vw;
  }
}
.section-road-1 .history .item-rock-5 {
  width: 13.866666666666665vw;
  top: 183.20000000000002vw;
  right: 20.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-rock-5 {
    width: 61.01333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-rock-5 {
    width: 4.766666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-rock-5 {
    top: 806.08px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-rock-5 {
    top: 62.975vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-rock-5 {
    right: 90.93333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-rock-5 {
    right: 7.104166666666667vw;
  }
}
.section-road-1 .history .item-rock-6 {
  width: 11.200000000000001vw;
  top: 228.39999999999998vw;
  left: 8.4vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-rock-6 {
    width: 49.28px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-rock-6 {
    width: 3.85vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-rock-6 {
    top: 1004.9599999999999px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-rock-6 {
    top: 78.5125vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-rock-6 {
    left: 36.96px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-rock-6 {
    left: 2.8875vw;
  }
}
.section-road-1 .history .item-rock-6 img {
  transform: scaleX(-1);
}
.section-road-1 .history .item-grass {
  width: 21.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-grass {
    width: 92.69333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-grass {
    width: 7.241666666666665vw;
  }
}
.section-road-1 .history .item-grass-1 {
  top: 42.66666666666667vw;
  left: 6.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-grass-1 {
    top: 187.73333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-grass-1 {
    top: 14.666666666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-grass-1 {
    left: 27.57333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-grass-1 {
    left: 2.154166666666666vw;
  }
}
.section-road-1 .history .item-grass-2 {
  top: 87.33333333333333vw;
  left: -2.8vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-grass-2 {
    top: 384.26666666666665px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-grass-2 {
    top: 30.02083333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-grass-2 {
    left: -12.32px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-grass-2 {
    left: -0.9625vw;
  }
}
.section-road-1 .history .item-grass-3 {
  top: 180.4vw;
  right: 6vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-grass-3 {
    top: 793.76px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-grass-3 {
    top: 62.0125vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-grass-3 {
    right: 26.4px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-grass-3 {
    right: 2.0625vw;
  }
}
.section-road-1 .history .item-bottle {
  top: 22.8vw;
  left: 14.799999999999999vw;
  width: 35.333333333333336vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-bottle {
    top: 100.32000000000001px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-bottle {
    top: 7.8375vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-bottle {
    left: 65.11999999999999px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-bottle {
    left: 5.087499999999999vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-bottle {
    width: 155.46666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-bottle {
    width: 12.145833333333334vw;
  }
}
.section-road-1 .history .item-tv {
  top: 90.93333333333334vw;
  right: 3.6vw;
  width: 35.46666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-tv {
    top: 400.1066666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-tv {
    top: 31.258333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-tv {
    right: 15.839999999999998px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-tv {
    right: 1.2375vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-tv {
    width: 156.05333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-tv {
    width: 12.191666666666666vw;
  }
}
.section-road-1 .history .item-flask {
  top: 143.86666666666667vw;
  right: 12.133333333333333vw;
  width: 17.2vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-flask {
    top: 633.0133333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-flask {
    top: 49.454166666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-flask {
    right: 53.38666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-flask {
    right: 4.170833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-flask {
    width: 75.67999999999999px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-flask {
    width: 5.9125vw;
  }
}
.section-road-1 .history .item-flask-smoke-1 {
  top: -11.200000000000001vw;
  left: -18.133333333333333vw;
  width: 22.933333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-flask-smoke-1 {
    top: -49.28px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-flask-smoke-1 {
    top: -3.85vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-flask-smoke-1 {
    left: -79.78666666666668px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-flask-smoke-1 {
    left: -6.233333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-flask-smoke-1 {
    width: 100.90666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-flask-smoke-1 {
    width: 7.883333333333334vw;
  }
}
.section-road-1 .history .item-flask-smoke-2 {
  top: -6.4vw;
  right: -4.266666666666667vw;
  width: 11.200000000000001vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-flask-smoke-2 {
    top: -28.16px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-flask-smoke-2 {
    top: -2.2vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-flask-smoke-2 {
    right: -18.773333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-flask-smoke-2 {
    right: -1.466666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-flask-smoke-2 {
    width: 49.28px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-flask-smoke-2 {
    width: 3.85vw;
  }
}
.section-road-1 .history .item-child {
  top: 180.13333333333333vw;
  left: 24.666666666666668vw;
  width: 27.866666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-child {
    top: 792.5866666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-child {
    top: 61.92083333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-child {
    left: 108.53333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-child {
    left: 8.479166666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-child {
    width: 122.61333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-child {
    width: 9.579166666666666vw;
  }
}
.section-road-1 .history .item-fruits {
  top: 229.33333333333334vw;
  right: 5.066666666666666vw;
  width: 38vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-fruits {
    top: 1009.0666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-fruits {
    top: 78.83333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-fruits {
    right: 22.293333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-fruits {
    right: 1.741666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .history .item-fruits {
    width: 167.2px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .history .item-fruits {
    width: 13.0625vw;
  }
}
.section-road-1 .list-history {
  padding-top: 66.66666666666666vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history {
    padding-top: 293.3333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history {
    padding-top: 22.916666666666664vw;
  }
}
.section-road-1 .list-history .history-1 {
  margin-left: 5.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-1 {
    margin-left: 23.46666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-1 {
    margin-left: 1.833333333333333vw;
  }
}
.section-road-1 .list-history .history-1 .btn {
  padding-left: 4.399999999999999vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-1 .btn {
    padding-left: 19.36px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-1 .btn {
    padding-left: 1.5125vw;
  }
}
.section-road-1 .list-history .history-1 .btn .btn-text {
  width: 38.666666666666664vw;
  padding-bottom: 0.4vw;
  margin-right: 0.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-1 .btn .btn-text {
    width: 170.13333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-1 .btn .btn-text {
    width: 13.291666666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-1 .btn .btn-text {
    padding-bottom: 1.76px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-1 .btn .btn-text {
    padding-bottom: 0.1375vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-1 .btn .btn-text {
    margin-right: 0.586666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-1 .btn .btn-text {
    margin-right: 0.045833333333333vw;
  }
}
.section-road-1 .list-history .history-1 .pin-block {
  top: -1.6vw;
  right: -29.46666666666667vw;
  width: 13.333333333333334vw;
  height: 13.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-1 .pin-block {
    top: -7.04px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-1 .pin-block {
    top: -0.55vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-1 .pin-block {
    right: -129.65333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-1 .pin-block {
    right: -10.129166666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-1 .pin-block {
    width: 58.666666666666664px;
    height: 58.666666666666664px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-1 .pin-block {
    width: 4.583333333333333vw;
    height: 4.583333333333333vw;
  }
}
.section-road-1 .list-history .history-1 .pin-block .dot-line {
  top: 8vw;
  right: 9.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-1 .pin-block .dot-line {
    top: 35.2px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-1 .pin-block .dot-line {
    top: 2.75vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-1 .pin-block .dot-line {
    right: 41.06666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-1 .pin-block .dot-line {
    right: 3.208333333333334vw;
  }
}
.section-road-1 .list-history .history-2 {
  margin-top: 36.13333333333333vw;
  margin-left: 12.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-2 {
    margin-top: 158.98666666666668px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-2 {
    margin-top: 12.420833333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-2 {
    margin-left: 55.73333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-2 {
    margin-left: 4.354166666666667vw;
  }
}
.section-road-1 .list-history .history-2 .btn {
  padding-left: 6.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-2 .btn {
    padding-left: 29.333333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-2 .btn {
    padding-left: 2.291666666666667vw;
  }
}
.section-road-1 .list-history .history-2 .btn .btn-text {
  width: 28.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-2 .btn .btn-text {
    width: 126.13333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-2 .btn .btn-text {
    width: 9.854166666666666vw;
  }
}
.section-road-1 .list-history .history-2 .btn .btn-icon {
  margin-left: 2.8vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-2 .btn .btn-icon {
    margin-left: 12.32px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-2 .btn .btn-icon {
    margin-left: 0.9625vw;
  }
}
.section-road-1 .list-history .history-2 .pin-block {
  top: -17.866666666666667vw;
  left: 19.333333333333332vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-2 .pin-block {
    top: -78.61333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-2 .pin-block {
    top: -6.141666666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-2 .pin-block {
    left: 85.06666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-2 .pin-block {
    left: 6.645833333333333vw;
  }
}
.section-road-1 .list-history .history-3 {
  margin-top: 28.000000000000004vw;
  margin-left: 13.600000000000001vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-3 {
    margin-top: 123.20000000000002px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-3 {
    margin-top: 9.625000000000002vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-3 {
    margin-left: 59.84px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-3 {
    margin-left: 4.675vw;
  }
}
.section-road-1 .list-history .history-3 .btn {
  padding-left: 5.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-3 .btn {
    padding-left: 23.46666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-3 .btn {
    padding-left: 1.833333333333333vw;
  }
}
.section-road-1 .list-history .history-3 .btn .btn-text {
  width: 38vw;
  padding-bottom: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-3 .btn .btn-text {
    width: 167.2px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-3 .btn .btn-text {
    width: 13.0625vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-3 .btn .btn-text {
    padding-bottom: 2.346666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-3 .btn .btn-text {
    padding-bottom: 0.183333333333333vw;
  }
}
.section-road-1 .list-history .history-3 .btn .btn-icon {
  margin-left: 1.466666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-3 .btn .btn-icon {
    margin-left: 6.453333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-3 .btn .btn-icon {
    margin-left: 0.504166666666667vw;
  }
}
.section-road-1 .list-history .history-3 .pin-block {
  top: -17.333333333333336vw;
  left: 11.333333333333332vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-3 .pin-block {
    top: -76.26666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-3 .pin-block {
    top: -5.958333333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-3 .pin-block {
    left: 49.86666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-3 .pin-block {
    left: 3.895833333333333vw;
  }
}
.section-road-1 .list-history .history-4 {
  margin-top: 38.266666666666666vw;
  margin-left: 2.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-4 {
    margin-top: 168.37333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-4 {
    margin-top: 13.154166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-4 {
    margin-left: 11.733333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-4 {
    margin-left: 0.916666666666667vw;
  }
}
.section-road-1 .list-history .history-4 .btn {
  padding-left: 5.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-4 .btn {
    padding-left: 23.46666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-4 .btn {
    padding-left: 1.833333333333333vw;
  }
}
.section-road-1 .list-history .history-4 .btn .btn-text {
  width: 37.86666666666667vw;
  padding-bottom: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-4 .btn .btn-text {
    width: 166.61333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-4 .btn .btn-text {
    width: 13.016666666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-4 .btn .btn-text {
    padding-bottom: 2.346666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-4 .btn .btn-text {
    padding-bottom: 0.183333333333333vw;
  }
}
.section-road-1 .list-history .history-4 .btn .btn-icon {
  margin-left: 1.466666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-4 .btn .btn-icon {
    margin-left: 6.453333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-4 .btn .btn-icon {
    margin-left: 0.504166666666667vw;
  }
}
.section-road-1 .list-history .history-4 .pin-block {
  top: -20.666666666666668vw;
  left: 13.866666666666665vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-4 .pin-block {
    top: -90.93333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-4 .pin-block {
    top: -7.104166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-4 .pin-block {
    left: 61.01333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-4 .pin-block {
    left: 4.766666666666667vw;
  }
}
.section-road-1 .list-history .history-5 {
  margin-top: 18.933333333333334vw;
  margin-left: 9.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-5 {
    margin-top: 83.30666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-5 {
    margin-top: 6.508333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-5 {
    margin-left: 41.06666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-5 {
    margin-left: 3.208333333333334vw;
  }
}
.section-road-1 .list-history .history-5 .btn {
  padding-left: 5.2vw;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-5 .btn {
    padding-left: 22.88px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-5 .btn {
    padding-left: 1.7875vw;
  }
}
.section-road-1 .list-history .history-5 .btn .btn-text {
  width: 37.86666666666667vw;
  padding-bottom: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-5 .btn .btn-text {
    width: 166.61333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-5 .btn .btn-text {
    width: 13.016666666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-5 .btn .btn-text {
    padding-bottom: 2.346666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-5 .btn .btn-text {
    padding-bottom: 0.183333333333333vw;
  }
}
.section-road-1 .list-history .history-5 .btn .btn-icon {
  margin-left: 1.733333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-5 .btn .btn-icon {
    margin-left: 7.626666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-5 .btn .btn-icon {
    margin-left: 0.595833333333333vw;
  }
}
.section-road-1 .list-history .history-5 .pin-block {
  top: -30.666666666666664vw;
  right: -17.866666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-5 .pin-block {
    top: -134.93333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-5 .pin-block {
    top: -10.541666666666668vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-1 .list-history .history-5 .pin-block {
    right: -78.61333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-1 .list-history .history-5 .pin-block {
    right: -6.141666666666666vw;
  }
}
.section-road-2 {
  background: url("../img/bg-pattern-1.png?hash=e7a100db9cc0826fb98a8028ca1b3d26") center 0 repeat #e9b570;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: multiply;
  background: url("../img/bg-pattern-1_75.png?hash=1184b78d00eeb395cbf2baf205121bee") center 0 repeat #e9b570;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: hard-light;
  padding-bottom: 65.60000000000001vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 {
    background-size: 100px 100px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .section-road-2 {
    background: url("../img/bg-pattern-1@2x.png?hash=625bc241622eb22f3927936053b062cd") center 0 repeat #e9b570;
    background-size: 100px 100px;
    background: url("../img/bg-pattern-1_75@2x.png?hash=88a65e074f6971c75ec3285e1fb3c2c9") center 0 repeat #e9b570;
    background-size: 100px 100px;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 {
    padding-bottom: 288.64px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 {
    padding-bottom: 22.549999999999997vw;
  }
}
.section-road-2 .item-hill {
  top: -16.8vw;
  left: -6vw;
  width: 112.00000000000001vw;
  height: 53.333333333333336vw;
  border-radius: 50%;
  background: url("../img/bg-pattern-1.png?hash=e7a100db9cc0826fb98a8028ca1b3d26") center 0 repeat #e9b570;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: multiply;
  background: url("../img/bg-pattern-1_75.png?hash=1184b78d00eeb395cbf2baf205121bee") center 0 repeat #e9b570;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: hard-light;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .item-hill {
    top: -73.92px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .item-hill {
    top: -5.775vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .item-hill {
    left: -26.4px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .item-hill {
    left: -2.0625vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .item-hill {
    width: 492.80000000000007px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .item-hill {
    width: 38.50000000000001vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .item-hill {
    height: 234.66666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .item-hill {
    height: 18.333333333333332vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .item-hill {
    background-size: 100px 100px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .section-road-2 .item-hill {
    background: url("../img/bg-pattern-1@2x.png?hash=625bc241622eb22f3927936053b062cd") center 0 repeat #e9b570;
    background-size: 100px 100px;
    background: url("../img/bg-pattern-1_75@2x.png?hash=88a65e074f6971c75ec3285e1fb3c2c9") center 0 repeat #e9b570;
    background-size: 100px 100px;
  }
}
.section-road-2 .item-hill .item-road-1 {
  top: 0;
  left: 6vw;
  width: 46.93333333333333vw;
  height: 29.599999999999998vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .item-hill .item-road-1 {
    left: 26.4px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .item-hill .item-road-1 {
    left: 2.0625vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .item-hill .item-road-1 {
    width: 206.50666666666666px;
    height: 130.23999999999998px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .item-hill .item-road-1 {
    width: 16.133333333333333vw;
    height: 10.174999999999997vw;
  }
}
.section-road-2 .item-road-2 {
  top: -22.666666666666664vw;
  right: 0;
  width: 50vw;
  height: 26.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .item-road-2 {
    top: -99.73333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .item-road-2 {
    top: -7.791666666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .item-road-2 {
    width: 220px;
    height: 117.33333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .item-road-2 {
    width: 17.1875vw;
    height: 9.166666666666666vw;
  }
}
.section-road-2 .section-heading {
  width: 71.73333333333333vw;
  margin-top: 1.333333333333333vw;
  margin-left: 14.133333333333335vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .section-heading {
    width: 315.62666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .section-heading {
    width: 24.65833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .section-heading {
    margin-top: 5.866666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .section-heading {
    margin-top: 0.458333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .section-heading {
    margin-left: 62.18666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .section-heading {
    margin-left: 4.858333333333333vw;
  }
}
.section-road-2 .text {
  margin-top: 4.399999999999999vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .text {
    margin-top: 19.36px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .text {
    margin-top: 1.5125vw;
  }
}
.section-road-2 .history {
  margin-top: 13.733333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history {
    margin-top: 60.42666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history {
    margin-top: 4.720833333333334vw;
  }
}
.section-road-2 .history .item-road-3 {
  top: 7.733333333333333vw;
  left: 0;
  width: 100%;
  height: 376vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-road-3 {
    top: 34.02666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-road-3 {
    top: 2.658333333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-road-3 {
    height: 1654.3999999999999px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-road-3 {
    height: 129.25vw;
  }
}
.section-road-2 .history .item-rock-1 {
  top: 12.8vw;
  left: 25.333333333333336vw;
  width: 13.600000000000001vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-rock-1 {
    top: 56.32px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-rock-1 {
    top: 4.399999999999999vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-rock-1 {
    left: 111.46666666666668px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-rock-1 {
    left: 8.708333333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-rock-1 {
    width: 59.84px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-rock-1 {
    width: 4.675vw;
  }
}
.section-road-2 .history .item-rock-2 {
  top: 30.4vw;
  right: 10.4vw;
  width: 11.600000000000001vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-rock-2 {
    top: 133.76px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-rock-2 {
    top: 10.45vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-rock-2 {
    right: 45.76px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-rock-2 {
    right: 3.575vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-rock-2 {
    width: 51.04px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-rock-2 {
    width: 3.9875vw;
  }
}
.section-road-2 .history .item-rock-3 {
  top: 220.8vw;
  right: 5.466666666666667vw;
  width: 10.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-rock-3 {
    top: 971.5200000000001px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-rock-3 {
    top: 75.9vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-rock-3 {
    right: 24.053333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-rock-3 {
    right: 1.879166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-rock-3 {
    width: 44.586666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-rock-3 {
    width: 3.483333333333333vw;
  }
}
.section-road-2 .history .item-rock-4 {
  top: 274.53333333333336vw;
  left: 22.53333333333333vw;
  width: 11.600000000000001vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-rock-4 {
    top: 1207.9466666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-rock-4 {
    top: 94.37083333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-rock-4 {
    left: 99.14666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-rock-4 {
    left: 7.745833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-rock-4 {
    width: 51.04px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-rock-4 {
    width: 3.9875vw;
  }
}
.section-road-2 .history .item-grass {
  width: 21.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-grass {
    width: 92.69333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-grass {
    width: 7.241666666666665vw;
  }
}
.section-road-2 .history .item-grass-1 {
  top: 10vw;
  left: 32.666666666666664vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-grass-1 {
    top: 44px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-grass-1 {
    top: 3.4375vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-grass-1 {
    left: 143.73333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-grass-1 {
    left: 11.229166666666664vw;
  }
}
.section-road-2 .history .item-grass-2 {
  top: 338.26666666666665vw;
  left: -5.066666666666666vw;
  width: 28.799999999999997vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-grass-2 {
    top: 1488.3733333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-grass-2 {
    top: 116.27916666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-grass-2 {
    left: -22.293333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-grass-2 {
    left: -1.741666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-grass-2 {
    width: 126.71999999999998px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-grass-2 {
    width: 9.899999999999999vw;
  }
}
.section-road-2 .history .item-grass-3 {
  top: 359.6vw;
  left: 21.866666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-grass-3 {
    top: 1582.24px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-grass-3 {
    top: 123.6125vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-grass-3 {
    left: 96.21333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-grass-3 {
    left: 7.516666666666667vw;
  }
}
.section-road-2 .history .item-bird {
  top: 275.73333333333335vw;
  left: -4.533333333333333vw;
  width: 21.866666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-bird {
    top: 1213.2266666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-bird {
    top: 94.78333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-bird {
    left: -19.94666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-bird {
    left: -1.558333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-bird {
    width: 96.21333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-bird {
    width: 7.516666666666667vw;
  }
}
.section-road-2 .history .item-cloud-1 {
  top: 213.73333333333332vw;
  left: 12.666666666666668vw;
  width: 21.2vw;
  height: 9.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-cloud-1 {
    top: 940.4266666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-cloud-1 {
    top: 73.47083333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-cloud-1 {
    left: 55.73333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-cloud-1 {
    left: 4.354166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-cloud-1 {
    width: 93.28px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-cloud-1 {
    width: 7.2875vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-cloud-1 {
    height: 39.89333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-cloud-1 {
    height: 3.116666666666667vw;
  }
}
.section-road-2 .history .item-cloud-1 img {
  height: 100%;
}
.section-road-2 .history .item-cloud-2 {
  top: 222.66666666666666vw;
  right: 3.466666666666666vw;
  width: 38vw;
  height: 16vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-cloud-2 {
    top: 979.7333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-cloud-2 {
    top: 76.54166666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-cloud-2 {
    right: 15.253333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-cloud-2 {
    right: 1.191666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-cloud-2 {
    width: 167.2px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-cloud-2 {
    width: 13.0625vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-cloud-2 {
    height: 70.4px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-cloud-2 {
    height: 5.500000000000001vw;
  }
}
.section-road-2 .history .item-cloud-2 img {
  height: 100%;
}
.section-road-2 .history .item-bottle-1 {
  top: -2.4vw;
  left: 53.06666666666666vw;
  width: 43.06666666666666vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-bottle-1 {
    top: -10.56px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-bottle-1 {
    top: -0.825vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-bottle-1 {
    left: 233.4933333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-bottle-1 {
    left: 18.241666666666664vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-bottle-1 {
    width: 189.4933333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-bottle-1 {
    width: 14.804166666666665vw;
  }
}
.section-road-2 .history .item-bottle-2 {
  top: 50vw;
  left: 4.266666666666667vw;
  width: 37.733333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-bottle-2 {
    top: 220px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-bottle-2 {
    top: 17.1875vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-bottle-2 {
    left: 18.773333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-bottle-2 {
    left: 1.466666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-bottle-2 {
    width: 166.02666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-bottle-2 {
    width: 12.970833333333335vw;
  }
}
.section-road-2 .history .item-factory {
  top: 84.39999999999999vw;
  left: -3.866666666666667vw;
  width: 72.53333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-factory {
    top: 371.36px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-factory {
    top: 29.012500000000003vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-factory {
    left: -17.013333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-factory {
    left: -1.329166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-factory {
    width: 319.1466666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-factory {
    width: 24.933333333333334vw;
  }
}
.section-road-2 .history .item-makimono {
  top: 148.66666666666666vw;
  left: 1.066666666666667vw;
  width: 41.86666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-makimono {
    top: 654.1333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-makimono {
    top: 51.104166666666664vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-makimono {
    left: 4.693333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-makimono {
    left: 0.366666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-makimono {
    width: 184.21333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-makimono {
    width: 14.391666666666666vw;
  }
}
.section-road-2 .history .item-makimono.is-visible {
  --floatY: 10px;
  animation: float 5s linear infinite;
}
.section-road-2 .history .item-japan {
  top: 207.86666666666667vw;
  left: 27.73333333333333vw;
  width: 40.400000000000006vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-japan {
    top: 914.6133333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-japan {
    top: 71.45416666666668vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-japan {
    left: 122.02666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-japan {
    left: 9.533333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-japan {
    width: 177.76000000000002px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-japan {
    width: 13.887500000000003vw;
  }
}
.section-road-2 .history .item-tree {
  top: 264.5333333333333vw;
  right: -29.733333333333334vw;
  width: 84.8vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-tree {
    top: 1163.9466666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-tree {
    top: 90.93333333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-tree {
    right: -130.82666666666668px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-tree {
    right: -10.220833333333335vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .history .item-tree {
    width: 373.12px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .history .item-tree {
    width: 29.15vw;
  }
}
.section-road-2 .list-history .history-0 {
  margin-left: 8.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-0 {
    margin-left: 35.78666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-0 {
    margin-left: 2.795833333333333vw;
  }
}
.section-road-2 .list-history .history-0 .btn {
  padding-right: 4.399999999999999vw;
  padding-left: 4.666666666666667vw;
  cursor: default;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-0 .btn {
    padding-right: 19.36px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-0 .btn {
    padding-right: 1.5125vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-0 .btn {
    padding-left: 20.533333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-0 .btn {
    padding-left: 1.604166666666667vw;
  }
}
.section-road-2 .list-history .history-0 .btn .btn-text {
  width: 33.6vw;
  padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-0 .btn .btn-text {
    width: 147.84px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-0 .btn .btn-text {
    width: 11.55vw;
  }
}
.section-road-2 .list-history .history-0 .pin-block {
  top: 22.400000000000002vw;
  left: 6.533333333333332vw;
  width: 13.333333333333334vw;
  height: 13.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-0 .pin-block {
    top: 98.56px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-0 .pin-block {
    top: 7.7vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-0 .pin-block {
    left: 28.746666666666663px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-0 .pin-block {
    left: 2.245833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-0 .pin-block {
    width: 58.666666666666664px;
    height: 58.666666666666664px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-0 .pin-block {
    width: 4.583333333333333vw;
    height: 4.583333333333333vw;
  }
}
.section-road-2 .list-history .history-0 .pin-block .dot-line {
  top: auto;
  bottom: 4.8vw;
  left: 6.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-0 .pin-block .dot-line {
    bottom: 21.12px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-0 .pin-block .dot-line {
    bottom: 1.65vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-0 .pin-block .dot-line {
    left: 29.333333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-0 .pin-block .dot-line {
    left: 2.291666666666667vw;
  }
}
.section-road-2 .list-history .history-1 {
  margin-top: 57.199999999999996vw;
  margin-left: 39.86666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-1 {
    margin-top: 251.67999999999998px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-1 {
    margin-top: 19.662499999999998vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-1 {
    margin-left: 175.41333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-1 {
    margin-left: 13.704166666666667vw;
  }
}
.section-road-2 .list-history .history-1 .btn {
  padding-left: 4.133333333333333vw;
  padding-bottom: 0vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-1 .btn {
    padding-left: 18.186666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-1 .btn {
    padding-left: 1.420833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-1 .btn {
    padding-bottom: 0px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-1 .btn {
    padding-bottom: 0vw;
  }
}
.section-road-2 .list-history .history-1 .btn .btn-icon {
  margin-left: 2vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-1 .btn .btn-icon {
    margin-left: 8.8px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-1 .btn .btn-icon {
    margin-left: 0.6875vw;
  }
}
.section-road-2 .list-history .history-1 .btn .btn-text {
  width: 38.800000000000004vw;
  padding-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-1 .btn .btn-text {
    width: 170.72px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-1 .btn .btn-text {
    width: 13.337499999999999vw;
  }
}
.section-road-2 .list-history .history-1 .pin-block {
  top: -18.53333333333333vw;
  left: 22.666666666666664vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-1 .pin-block {
    top: -81.54666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-1 .pin-block {
    top: -6.370833333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-1 .pin-block {
    left: 99.73333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-1 .pin-block {
    left: 7.791666666666666vw;
  }
}
.section-road-2 .list-history .history-1 .pin-block .dot-line {
  top: 6.4vw;
  left: 4.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-1 .pin-block .dot-line {
    top: 28.16px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-1 .pin-block .dot-line {
    top: 2.2vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-1 .pin-block .dot-line {
    left: 20.533333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-1 .pin-block .dot-line {
    left: 1.604166666666667vw;
  }
}
.section-road-2 .list-history .history-2 {
  margin-top: 42.66666666666667vw;
  margin-left: 8vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-2 {
    margin-top: 187.73333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-2 {
    margin-top: 14.666666666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-2 {
    margin-left: 35.2px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-2 {
    margin-left: 2.75vw;
  }
}
.section-road-2 .list-history .history-2 .btn {
  padding-left: 4.933333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-2 .btn {
    padding-left: 21.706666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-2 .btn {
    padding-left: 1.695833333333333vw;
  }
}
.section-road-2 .list-history .history-2 .btn .btn-icon {
  margin-left: 2.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-2 .btn .btn-icon {
    margin-left: 9.386666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-2 .btn .btn-icon {
    margin-left: 0.733333333333333vw;
  }
}
.section-road-2 .list-history .history-2 .btn .btn-text {
  width: 47.06666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-2 .btn .btn-text {
    width: 207.09333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-2 .btn .btn-text {
    width: 16.179166666666667vw;
  }
}
.section-road-2 .list-history .history-2 .pin-block {
  top: 0.133333333333333vw;
  left: 74vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-2 .pin-block {
    top: 0.586666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-2 .pin-block {
    top: 0.045833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-2 .pin-block {
    left: 325.6px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-2 .pin-block {
    left: 25.4375vw;
  }
}
.section-road-2 .list-history .history-2 .pin-block .dot-line {
  top: 6.266666666666667vw;
  right: 5.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-2 .pin-block .dot-line {
    top: 27.57333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-2 .pin-block .dot-line {
    top: 2.154166666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-2 .pin-block .dot-line {
    right: 23.46666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-2 .pin-block .dot-line {
    right: 1.833333333333333vw;
  }
}
.section-road-2 .list-history .history-3 {
  margin-top: 40.666666666666664vw;
  margin-left: 21.866666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-3 {
    margin-top: 178.93333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-3 {
    margin-top: 13.979166666666668vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-3 {
    margin-left: 96.21333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-3 {
    margin-left: 7.516666666666667vw;
  }
}
.section-road-2 .list-history .history-3 .btn {
  padding-left: 3.866666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-3 .btn {
    padding-left: 17.013333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-3 .btn {
    padding-left: 1.329166666666667vw;
  }
}
.section-road-2 .list-history .history-3 .btn .btn-icon {
  margin-left: 1.6vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-3 .btn .btn-icon {
    margin-left: 7.04px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-3 .btn .btn-icon {
    margin-left: 0.55vw;
  }
}
.section-road-2 .list-history .history-3 .btn .btn-text {
  width: 48.66666666666667vw;
  padding-bottom: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-3 .btn .btn-text {
    width: 214.13333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-3 .btn .btn-text {
    width: 16.729166666666668vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-3 .btn .btn-text {
    padding-bottom: 2.346666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-3 .btn .btn-text {
    padding-bottom: 0.183333333333333vw;
  }
}
.section-road-2 .list-history .history-3 .pin-block {
  top: -20.133333333333333vw;
  left: 27.333333333333332vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-3 .pin-block {
    top: -88.58666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-3 .pin-block {
    top: -6.920833333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-3 .pin-block {
    left: 120.26666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-3 .pin-block {
    left: 9.395833333333334vw;
  }
}
.section-road-2 .list-history .history-4 {
  margin-top: 51.06666666666667vw;
  margin-left: 26.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-4 {
    margin-top: 224.69333333333336px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-4 {
    margin-top: 17.554166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-4 {
    margin-left: 117.33333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-4 {
    margin-left: 9.166666666666666vw;
  }
}
.section-road-2 .list-history .history-4 .btn {
  padding-left: 4.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-4 .btn {
    padding-left: 20.533333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-4 .btn {
    padding-left: 1.604166666666667vw;
  }
}
.section-road-2 .list-history .history-4 .btn .btn-icon {
  margin-left: 1.733333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-4 .btn .btn-icon {
    margin-left: 7.626666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-4 .btn .btn-icon {
    margin-left: 0.595833333333333vw;
  }
}
.section-road-2 .list-history .history-4 .btn .btn-text {
  width: 51.733333333333334vw;
  padding-bottom: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-4 .btn .btn-text {
    width: 227.62666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-4 .btn .btn-text {
    width: 17.783333333333335vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-4 .btn .btn-text {
    padding-bottom: 2.346666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-4 .btn .btn-text {
    padding-bottom: 0.183333333333333vw;
  }
}
.section-road-2 .list-history .history-4 .pin-block {
  top: 0.133333333333333vw;
  left: -20.266666666666666vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-4 .pin-block {
    top: 0.586666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-4 .pin-block {
    top: 0.045833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-4 .pin-block {
    left: -89.17333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-4 .pin-block {
    left: -6.966666666666667vw;
  }
}
.section-road-2 .list-history .history-4 .pin-block .dot-line {
  top: 6.266666666666667vw;
  left: 4vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-4 .pin-block .dot-line {
    top: 27.57333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-4 .pin-block .dot-line {
    top: 2.154166666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-4 .pin-block .dot-line {
    left: 17.6px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-4 .pin-block .dot-line {
    left: 1.375vw;
  }
}
.section-road-2 .list-history .history-5 {
  margin-top: 68.66666666666667vw;
  margin-left: 13.066666666666665vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-5 {
    margin-top: 302.1333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-5 {
    margin-top: 23.604166666666664vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-5 {
    margin-left: 57.493333333333325px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-5 {
    margin-left: 4.491666666666666vw;
  }
}
.section-road-2 .list-history .history-5 .btn {
  padding-left: 7.466666666666668vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-5 .btn {
    padding-left: 32.85333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-5 .btn {
    padding-left: 2.566666666666667vw;
  }
}
.section-road-2 .list-history .history-5 .btn .btn-icon {
  margin-left: 4.399999999999999vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-5 .btn .btn-icon {
    margin-left: 19.36px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-5 .btn .btn-icon {
    margin-left: 1.5125vw;
  }
}
.section-road-2 .list-history .history-5 .btn .btn-text {
  width: 24.933333333333334vw;
  padding-bottom: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-5 .btn .btn-text {
    width: 109.70666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-5 .btn .btn-text {
    width: 8.570833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-5 .btn .btn-text {
    padding-bottom: 2.346666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-5 .btn .btn-text {
    padding-bottom: 0.183333333333333vw;
  }
}
.section-road-2 .list-history .history-5 .pin-block {
  top: -20.266666666666666vw;
  left: 16vw;
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-5 .pin-block {
    top: -89.17333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-5 .pin-block {
    top: -6.966666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-2 .list-history .history-5 .pin-block {
    left: 70.4px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-2 .list-history .history-5 .pin-block {
    left: 5.500000000000001vw;
  }
}
.section-road-3 {
  padding-bottom: 40.93333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 {
    padding-bottom: 180.10666666666665px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 {
    padding-bottom: 14.070833333333333vw;
  }
}
.section-road-3 .item-hill {
  top: -14.933333333333335vw;
  left: -6vw;
  width: 112.00000000000001vw;
  height: 53.333333333333336vw;
  border-radius: 50%;
  background: url("../img/bg-pattern-1.png?hash=e7a100db9cc0826fb98a8028ca1b3d26") center 0 repeat #efc580;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: multiply;
  background: url("../img/bg-pattern-1_75.png?hash=1184b78d00eeb395cbf2baf205121bee") center 0 repeat #efc580;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: hard-light;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .item-hill {
    top: -65.70666666666668px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .item-hill {
    top: -5.133333333333335vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .item-hill {
    left: -26.4px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .item-hill {
    left: -2.0625vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .item-hill {
    width: 492.80000000000007px;
    height: 234.66666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .item-hill {
    width: 38.50000000000001vw;
    height: 18.333333333333332vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .item-hill {
    background-size: 100px 100px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .section-road-3 .item-hill {
    background: url("../img/bg-pattern-1@2x.png?hash=625bc241622eb22f3927936053b062cd") center 0 repeat #efc580;
    background-size: 100px 100px;
    background: url("../img/bg-pattern-1_75@2x.png?hash=88a65e074f6971c75ec3285e1fb3c2c9") center 0 repeat #efc580;
    background-size: 100px 100px;
  }
}
.section-road-3 .item-hill .item-road-1 {
  top: 0.266666666666667vw;
  right: 6vw;
  width: 46.400000000000006vw;
  height: 29.333333333333332vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .item-hill .item-road-1 {
    top: 1.173333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .item-hill .item-road-1 {
    top: 0.091666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .item-hill .item-road-1 {
    right: 26.4px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .item-hill .item-road-1 {
    right: 2.0625vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .item-hill .item-road-1 {
    width: 204.16px;
    height: 129.06666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .item-hill .item-road-1 {
    width: 15.950000000000001vw;
    height: 10.083333333333332vw;
  }
}
.section-road-3 .item-bird {
  top: -23.200000000000003vw;
  right: 4.399999999999999vw;
  width: 18.53333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .item-bird {
    top: -102.08px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .item-bird {
    top: -7.975000000000001vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .item-bird {
    right: 19.36px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .item-bird {
    right: 1.5125vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .item-bird {
    width: 81.54666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .item-bird {
    width: 6.370833333333334vw;
  }
}
.section-road-3 .section-heading {
  width: 88.53333333333333vw;
  margin-top: 1.066666666666667vw;
  margin-left: 5.600000000000001vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .section-heading {
    width: 389.5466666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .section-heading {
    width: 30.433333333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .section-heading {
    margin-top: 4.693333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .section-heading {
    margin-top: 0.366666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .section-heading {
    margin-left: 24.64px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .section-heading {
    margin-left: 1.925vw;
  }
}
.section-road-3 .text {
  margin-top: 4.399999999999999vw;
  letter-spacing: 0.04em;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .text {
    margin-top: 19.36px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .text {
    margin-top: 1.5125vw;
  }
}
.section-road-3 .history {
  margin-top: 6.533333333333332vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history {
    margin-top: 28.746666666666663px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history {
    margin-top: 2.245833333333333vw;
  }
}
.section-road-3 .history .item-road-2 {
  top: 0;
  left: 0;
  width: 100%;
  height: 241.46666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-road-2 {
    height: 1062.4533333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-road-2 {
    height: 83.00416666666666vw;
  }
}
.section-road-3 .history .item-grass {
  width: 21.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-grass {
    width: 92.69333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-grass {
    width: 7.241666666666665vw;
  }
}
.section-road-3 .history .item-grass-1 {
  top: 6.666666666666667vw;
  left: 4vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-grass-1 {
    top: 29.333333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-grass-1 {
    top: 2.291666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-grass-1 {
    left: 17.6px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-grass-1 {
    left: 1.375vw;
  }
}
.section-road-3 .history .item-grass-2 {
  top: 88.26666666666667vw;
  left: 11.733333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-grass-2 {
    top: 388.37333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-grass-2 {
    top: 30.34166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-grass-2 {
    left: 51.626666666666665px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-grass-2 {
    left: 4.033333333333333vw;
  }
}
.section-road-3 .history .item-grass-3 {
  top: 180vw;
  right: -5.600000000000001vw;
  width: 22.666666666666664vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-grass-3 {
    top: 792px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-grass-3 {
    top: 61.875vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-grass-3 {
    right: -24.64px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-grass-3 {
    right: -1.925vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-grass-3 {
    width: 99.73333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-grass-3 {
    width: 7.791666666666666vw;
  }
}
.section-road-3 .history .item-rock-1 {
  top: 9.466666666666667vw;
  left: -3.466666666666666vw;
  width: 13.866666666666665vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-rock-1 {
    top: 41.65333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-rock-1 {
    top: 3.254166666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-rock-1 {
    left: -15.253333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-rock-1 {
    left: -1.191666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-rock-1 {
    width: 61.01333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-rock-1 {
    width: 4.766666666666667vw;
  }
}
.section-road-3 .history .item-rock-2 {
  top: 47.46666666666667vw;
  right: 3.866666666666667vw;
  width: 11.333333333333332vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-rock-2 {
    top: 208.85333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-rock-2 {
    top: 16.31666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-rock-2 {
    right: 17.013333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-rock-2 {
    right: 1.329166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-rock-2 {
    width: 49.86666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-rock-2 {
    width: 3.895833333333333vw;
  }
}
.section-road-3 .history .item-rock-3 {
  top: 152.13333333333335vw;
  right: 32vw;
  width: 9.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-rock-3 {
    top: 669.3866666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-rock-3 {
    top: 52.29583333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-rock-3 {
    right: 140.8px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-rock-3 {
    right: 11.000000000000002vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-rock-3 {
    width: 41.06666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-rock-3 {
    width: 3.208333333333334vw;
  }
}
.section-road-3 .history .item-rock-4 {
  top: 169.33333333333334vw;
  left: 2.8vw;
  width: 11.600000000000001vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-rock-4 {
    top: 745.0666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-rock-4 {
    top: 58.20833333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-rock-4 {
    left: 12.32px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-rock-4 {
    left: 0.9625vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-rock-4 {
    width: 51.04px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-rock-4 {
    width: 3.9875vw;
  }
}
.section-road-3 .history .item-cloud-1 {
  top: 22.133333333333333vw;
  right: -11.333333333333332vw;
  width: 37.2vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-cloud-1 {
    top: 97.38666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-cloud-1 {
    top: 7.608333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-cloud-1 {
    right: -49.86666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-cloud-1 {
    right: -3.895833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-cloud-1 {
    width: 163.68px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-cloud-1 {
    width: 12.787500000000001vw;
  }
}
.section-road-3 .history .item-cloud-2 {
  top: 252.26666666666668vw;
  left: -16.53333333333333vw;
  width: 40.93333333333333vw;
  height: 17.466666666666665vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-cloud-2 {
    top: 1109.9733333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-cloud-2 {
    top: 86.71666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-cloud-2 {
    left: -72.74666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-cloud-2 {
    left: -5.683333333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-cloud-2 {
    width: 180.10666666666665px;
    height: 76.85333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-cloud-2 {
    width: 14.070833333333333vw;
    height: 6.004166666666667vw;
  }
}
.section-road-3 .history .item-cloud-2 img {
  height: 100%;
}
.section-road-3 .history .item-board {
  top: 11.600000000000001vw;
  right: 9.466666666666667vw;
  width: 13.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-board {
    top: 51.04px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-board {
    top: 3.9875vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-board {
    right: 41.65333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-board {
    right: 3.254166666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-board {
    width: 58.666666666666664px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-board {
    width: 4.583333333333333vw;
  }
}
.section-road-3 .history .item-loupe {
  top: 9.466666666666667vw;
  left: 11.333333333333332vw;
  width: 35.333333333333336vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-loupe {
    top: 41.65333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-loupe {
    top: 3.254166666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-loupe {
    left: 49.86666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-loupe {
    left: 3.895833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-loupe {
    width: 155.46666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-loupe {
    width: 12.145833333333334vw;
  }
}
.section-road-3 .history .item-puree {
  top: 79.73333333333333vw;
  left: 29.86666666666667vw;
  width: 34vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-puree {
    top: 350.82666666666665px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-puree {
    top: 27.408333333333335vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-puree {
    left: 131.41333333333336px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-puree {
    left: 10.26666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-puree {
    width: 149.60000000000002px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-puree {
    width: 11.687500000000002vw;
  }
}
.section-road-3 .history .item-bottle-1 {
  top: 108.66666666666667vw;
  right: 0.666666666666667vw;
  width: 37.6vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-bottle-1 {
    top: 478.1333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-bottle-1 {
    top: 37.354166666666664vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-bottle-1 {
    right: 2.933333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-bottle-1 {
    right: 0.229166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-bottle-1 {
    width: 165.44px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-bottle-1 {
    width: 12.925vw;
  }
}
.section-road-3 .history .item-bottle-2 {
  top: 165.86666666666667vw;
  right: 5.733333333333333vw;
  width: 32vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-bottle-2 {
    top: 729.8133333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-bottle-2 {
    top: 57.01666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-bottle-2 {
    right: 25.226666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-bottle-2 {
    right: 1.970833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-bottle-2 {
    width: 140.8px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-bottle-2 {
    width: 11.000000000000002vw;
  }
}
.section-road-3 .history .item-bottle-3 {
  top: 216.26666666666665vw;
  left: 2.133333333333333vw;
  width: 37.6vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-bottle-3 {
    top: 951.5733333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-bottle-3 {
    top: 74.34166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-bottle-3 {
    left: 9.386666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-bottle-3 {
    left: 0.733333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .history .item-bottle-3 {
    width: 165.44px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .history .item-bottle-3 {
    width: 12.925vw;
  }
}
.section-road-3 .list-history {
  padding-top: 43.2vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history {
    padding-top: 190.07999999999998px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history {
    padding-top: 14.85vw;
  }
}
.section-road-3 .list-history .history-1 {
  margin-left: 4vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-1 {
    margin-left: 17.6px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-1 {
    margin-left: 1.375vw;
  }
}
.section-road-3 .list-history .history-1 .btn {
  padding-left: 5.466666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-1 .btn {
    padding-left: 24.053333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-1 .btn {
    padding-left: 1.879166666666667vw;
  }
}
.section-road-3 .list-history .history-1 .btn .btn-icon {
  margin-left: 1.2vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-1 .btn .btn-icon {
    margin-left: 5.28px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-1 .btn .btn-icon {
    margin-left: 0.4125vw;
  }
}
.section-road-3 .list-history .history-1 .btn .btn-text {
  width: 52.800000000000004vw;
  padding-bottom: 0.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-1 .btn .btn-text {
    width: 232.32000000000002px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-1 .btn .btn-text {
    width: 18.150000000000002vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-1 .btn .btn-text {
    padding-bottom: 2.933333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-1 .btn .btn-text {
    padding-bottom: 0.229166666666667vw;
  }
}
.section-road-3 .list-history .history-1 .pin-block {
  top: -21.2vw;
  right: 6.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-1 .pin-block {
    top: -93.28px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-1 .pin-block {
    top: -7.2875vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-1 .pin-block {
    right: 29.333333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-1 .pin-block {
    right: 2.291666666666667vw;
  }
}
.section-road-3 .list-history .history-2 {
  margin-top: 11.733333333333333vw;
  margin-left: 12.933333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-2 {
    margin-top: 51.626666666666665px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-2 {
    margin-top: 4.033333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-2 {
    margin-left: 56.906666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-2 {
    margin-left: 4.445833333333334vw;
  }
}
.section-road-3 .list-history .history-2 .btn {
  padding-left: 7.6vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-2 .btn {
    padding-left: 33.44px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-2 .btn {
    padding-left: 2.6125vw;
  }
}
.section-road-3 .list-history .history-2 .btn .btn-icon {
  margin-left: 2.4vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-2 .btn .btn-icon {
    margin-left: 10.56px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-2 .btn .btn-icon {
    margin-left: 0.825vw;
  }
}
.section-road-3 .list-history .history-2 .btn .btn-text {
  width: 37.46666666666666vw;
  padding-bottom: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-2 .btn .btn-text {
    width: 164.85333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-2 .btn .btn-text {
    width: 12.879166666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-2 .btn .btn-text {
    padding-bottom: 2.346666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-2 .btn .btn-text {
    padding-bottom: 0.183333333333333vw;
  }
}
.section-road-3 .list-history .history-2 .pin-block {
  top: 0;
  right: -22.400000000000002vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-2 .pin-block {
    right: -98.56px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-2 .pin-block {
    right: -7.7vw;
  }
}
.section-road-3 .list-history .history-2 .pin-block .dot-line {
  top: 6.4vw;
  right: 4vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-2 .pin-block .dot-line {
    top: 28.16px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-2 .pin-block .dot-line {
    top: 2.2vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-2 .pin-block .dot-line {
    right: 17.6px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-2 .pin-block .dot-line {
    right: 1.375vw;
  }
}
.section-road-3 .list-history .history-3 {
  margin-top: 48.66666666666667vw;
  margin-left: 25.333333333333336vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-3 {
    margin-top: 214.13333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-3 {
    margin-top: 16.729166666666668vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-3 {
    margin-left: 111.46666666666668px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-3 {
    margin-left: 8.708333333333334vw;
  }
}
.section-road-3 .list-history .history-3 .btn {
  padding-left: 6.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-3 .btn {
    padding-left: 26.986666666666665px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-3 .btn {
    padding-left: 2.108333333333333vw;
  }
}
.section-road-3 .list-history .history-3 .btn .btn-icon {
  margin-left: 2.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-3 .btn .btn-icon {
    margin-left: 11.146666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-3 .btn .btn-icon {
    margin-left: 0.870833333333333vw;
  }
}
.section-road-3 .list-history .history-3 .btn .btn-text {
  width: 25.466666666666665vw;
  padding-bottom: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-3 .btn .btn-text {
    width: 112.05333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-3 .btn .btn-text {
    width: 8.754166666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-3 .btn .btn-text {
    padding-bottom: 2.346666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-3 .btn .btn-text {
    padding-bottom: 0.183333333333333vw;
  }
}
.section-road-3 .list-history .history-3 .pin-block {
  top: 0;
  left: -21.333333333333336vw;
  width: 13.333333333333334vw;
  height: 13.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-3 .pin-block {
    left: -93.86666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-3 .pin-block {
    left: -7.333333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-3 .pin-block {
    width: 58.666666666666664px;
    height: 58.666666666666664px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-3 .pin-block {
    width: 4.583333333333333vw;
    height: 4.583333333333333vw;
  }
}
.section-road-3 .list-history .history-3 .pin-block .dot-line {
  top: 6.4vw;
  left: 13.600000000000001vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-3 .pin-block .dot-line {
    top: 28.16px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-3 .pin-block .dot-line {
    top: 2.2vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-3 .pin-block .dot-line {
    left: 59.84px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-3 .pin-block .dot-line {
    left: 4.675vw;
  }
}
.section-road-3 .list-history .history-4 {
  margin-top: 40vw;
  margin-left: 6.4vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-4 {
    margin-top: 176px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-4 {
    margin-top: 13.750000000000002vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-4 {
    margin-left: 28.16px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-4 {
    margin-left: 2.2vw;
  }
}
.section-road-3 .list-history .history-4 .btn {
  padding-left: 6.533333333333332vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-4 .btn {
    padding-left: 28.746666666666663px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-4 .btn {
    padding-left: 2.245833333333333vw;
  }
}
.section-road-3 .list-history .history-4 .btn .btn-icon {
  margin-left: 2.4vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-4 .btn .btn-icon {
    margin-left: 10.56px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-4 .btn .btn-icon {
    margin-left: 0.825vw;
  }
}
.section-road-3 .list-history .history-4 .btn .btn-text {
  width: 34.53333333333333vw;
  padding-bottom: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-4 .btn .btn-text {
    width: 151.94666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-4 .btn .btn-text {
    width: 11.870833333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-4 .btn .btn-text {
    padding-bottom: 2.346666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-4 .btn .btn-text {
    padding-bottom: 0.183333333333333vw;
  }
}
.section-road-3 .list-history .history-4 .pin-block {
  top: -19.333333333333332vw;
  right: 19.333333333333332vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-4 .pin-block {
    top: -85.06666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-4 .pin-block {
    top: -6.645833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-4 .pin-block {
    right: 85.06666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-4 .pin-block {
    right: 6.645833333333333vw;
  }
}
.section-road-3 .list-history .history-5 {
  margin-top: 43.333333333333336vw;
  margin-left: 42.66666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-5 {
    margin-top: 190.66666666666669px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-5 {
    margin-top: 14.895833333333336vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-5 {
    margin-left: 187.73333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-5 {
    margin-left: 14.666666666666666vw;
  }
}
.section-road-3 .list-history .history-5 .btn {
  padding-left: 6.800000000000001vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-5 .btn {
    padding-left: 29.92px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-5 .btn {
    padding-left: 2.3375vw;
  }
}
.section-road-3 .list-history .history-5 .btn .btn-icon {
  margin-left: 2.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-5 .btn .btn-icon {
    margin-left: 9.386666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-5 .btn .btn-icon {
    margin-left: 0.733333333333333vw;
  }
}
.section-road-3 .list-history .history-5 .btn .btn-text {
  width: 34.53333333333333vw;
  padding-bottom: 0.8vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-5 .btn .btn-text {
    width: 151.94666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-5 .btn .btn-text {
    width: 11.870833333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-5 .btn .btn-text {
    padding-bottom: 3.52px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-5 .btn .btn-text {
    padding-bottom: 0.275vw;
  }
}
.section-road-3 .list-history .history-5 .pin-block {
  top: -26.8vw;
  left: 19.466666666666665vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-5 .pin-block {
    top: -117.92px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-5 .pin-block {
    top: -9.2125vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-5 .pin-block {
    left: 85.65333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-5 .pin-block {
    left: 6.691666666666666vw;
  }
}
.section-road-3 .list-history .history-5 .pin-block .dot-line {
  top: 9.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-road-3 .list-history .history-5 .pin-block .dot-line {
    top: 41.06666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-3 .list-history .history-5 .pin-block .dot-line {
    top: 3.208333333333334vw;
  }
}
.section-road-4 .fireworks-bg {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity 0.65s cubic-bezier(0.18, 0.06, 0.23, 1), visibility 0.65s cubic-bezier(0.18, 0.06, 0.23, 1);
  background: url("../img/bg-pattern-1.png?hash=e7a100db9cc0826fb98a8028ca1b3d26") center 0 repeat #a70000;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .section-road-4 .fireworks-bg {
    background-size: 100px 100px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .section-road-4 .fireworks-bg {
    background: url("../img/bg-pattern-1@2x.png?hash=625bc241622eb22f3927936053b062cd") center 0 repeat #a70000;
    background-size: 100px 100px;
  }
}
.is-bg-change .section-road-4 .fireworks-bg {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.section-road-4 .fireworks-body {
  padding-top: 131.20000000000002vw;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .section-road-4 .fireworks-body {
    padding-top: 577.28px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .fireworks-body {
    padding-top: 45.099999999999994vw;
  }
}
.section-road-4 .item-road {
  top: 33.6vw;
  right: -28.666666666666668vw;
  width: 101.86666666666666vw;
  height: 128.13333333333335vw;
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-road {
    top: 147.84px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-road {
    top: 11.55vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-road {
    right: -126.13333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-road {
    right: -9.854166666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-road {
    width: 448.2133333333333px;
    height: 563.7866666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-road {
    width: 35.016666666666666vw;
    height: 44.04583333333334vw;
  }
}
.section-road-4 .item-donburi {
  position: relative;
  width: 118.93333333333334vw;
  margin-left: -9.866666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-donburi {
    width: 523.3066666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-donburi {
    width: 40.88333333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-donburi {
    margin-left: -43.413333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-donburi {
    margin-left: -3.391666666666667vw;
  }
}
.section-road-4 .item-donburi .item-rice {
  position: relative;
}
.section-road-4 .item-donburi .item-steam {
  top: -19.333333333333332vw;
  left: -0.133333333333333vw;
  width: 44.53333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-donburi .item-steam {
    top: -85.06666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-donburi .item-steam {
    top: -6.645833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-donburi .item-steam {
    left: -0.586666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-donburi .item-steam {
    left: -0.045833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-donburi .item-steam {
    width: 195.9466666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-donburi .item-steam {
    width: 15.308333333333335vw;
  }
}
.section-road-4 .item-donburi .item-sauce {
  top: -97.73333333333333vw;
  right: 9.066666666666666vw;
  width: 73.33333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-donburi .item-sauce {
    top: -430.0266666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-donburi .item-sauce {
    top: -33.59583333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-donburi .item-sauce {
    right: 39.89333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-donburi .item-sauce {
    right: 3.116666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-donburi .item-sauce {
    width: 322.66666666666663px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-donburi .item-sauce {
    width: 25.208333333333332vw;
  }
}
.section-road-4 .fireworks {
  aspect-ratio: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  transform-origin: 50% 50%;
  display: block;
}
.section-road-4 .item-fireforks-1 {
  top: 7.199999999999999vw;
  left: 12.4vw;
  width: 75.73333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-fireforks-1 {
    top: 31.679999999999996px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-fireforks-1 {
    top: 2.475vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-fireforks-1 {
    left: 54.56px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-fireforks-1 {
    left: 4.2625vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-fireforks-1 {
    width: 333.22666666666663px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-fireforks-1 {
    width: 26.03333333333333vw;
  }
}
.section-road-4 .item-fireforks-1 .item-layer {
  top: 0;
}
.section-road-4 .item-fireforks-1 .item-tail {
  top: 84vw;
  left: 35.199999999999996vw;
  width: 4.399999999999999vw;
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-fireforks-1 .item-tail {
    top: 369.59999999999997px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-fireforks-1 .item-tail {
    top: 28.874999999999996vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-fireforks-1 .item-tail {
    left: 154.88px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-fireforks-1 .item-tail {
    left: 12.1vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-fireforks-1 .item-tail {
    width: 19.36px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-fireforks-1 .item-tail {
    width: 1.5125vw;
  }
}
.section-road-4 .item-fireforks-2 {
  top: 71.2vw;
  left: -9.6vw;
  width: 34.8vw;
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-fireforks-2 {
    top: 313.28px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-fireforks-2 {
    top: 24.474999999999998vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-fireforks-2 {
    left: -42.24px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-fireforks-2 {
    left: -3.3vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-fireforks-2 {
    width: 153.11999999999998px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-fireforks-2 {
    width: 11.962499999999999vw;
  }
}
.section-road-4 .item-fireforks-2 .item-layer {
  top: 0;
}
.section-road-4 .item-fireforks-3 {
  top: 77.33333333333333vw;
  left: 66.4vw;
  width: 44.266666666666666vw;
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-fireforks-3 {
    top: 340.26666666666665px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-fireforks-3 {
    top: 26.583333333333332vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-fireforks-3 {
    left: 292.16px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-fireforks-3 {
    left: 22.825vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-fireforks-3 {
    width: 194.77333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-fireforks-3 {
    width: 15.216666666666667vw;
  }
}
.section-road-4 .item-fireforks-3 .item-layer {
  top: 0;
}
.section-road-4 .section-contents {
  margin-top: -44.666666666666664vw;
  padding-top: 70.8vw;
  padding-bottom: 10.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .section-road-4 .section-contents {
    margin-top: -196.53333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .section-contents {
    margin-top: -15.354166666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-4 .section-contents {
    padding-top: 311.52px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .section-contents {
    padding-top: 24.3375vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-4 .section-contents {
    padding-bottom: 46.93333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .section-contents {
    padding-bottom: 3.666666666666667vw;
  }
}
.section-road-4 .item-cloud-1 {
  top: 13.200000000000001vw;
  right: -20.8vw;
  width: 57.99999999999999vw;
  height: 19.866666666666667vw;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-cloud-1 {
    top: 58.080000000000005px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-cloud-1 {
    top: 4.537500000000001vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-cloud-1 {
    right: -91.52px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-cloud-1 {
    right: -7.149999999999999vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-cloud-1 {
    width: 255.2px;
    height: 87.41333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-cloud-1 {
    width: 19.9375vw;
    height: 6.829166666666667vw;
  }
}
.section-road-4 .item-cloud-1 img {
  height: 100%;
}
.section-road-4 .item-cloud-2 {
  top: 23.066666666666666vw;
  left: -58.13333333333334vw;
  width: 105.60000000000001vw;
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-cloud-2 {
    top: 101.49333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-cloud-2 {
    top: 7.929166666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-cloud-2 {
    left: -255.7866666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-cloud-2 {
    left: -19.983333333333338vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-cloud-2 {
    width: 464.64000000000004px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-cloud-2 {
    width: 36.300000000000004vw;
  }
}
.section-road-4 .item-cloud-3 {
  top: 44.666666666666664vw;
  right: -3.6vw;
  width: 29.333333333333332vw;
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-cloud-3 {
    top: 196.53333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-cloud-3 {
    top: 15.354166666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-cloud-3 {
    right: -15.839999999999998px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-cloud-3 {
    right: -1.2375vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-4 .item-cloud-3 {
    width: 129.06666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .item-cloud-3 {
    width: 10.083333333333332vw;
  }
}
.section-road-4 .section-heading {
  width: 88.13333333333333vw;
  margin-left: 5.866666666666666vw;
}
@media only screen and (min-width: 768px) {
  .section-road-4 .section-heading {
    width: 387.78666666666663px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .section-heading {
    width: 30.295833333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-4 .section-heading {
    margin-left: 25.813333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .section-heading {
    margin-left: 2.016666666666667vw;
  }
}
.section-road-4 .text {
  width: 88.53333333333333vw;
  margin-top: 10.4vw;
  margin-left: 5.866666666666666vw;
}
@media only screen and (min-width: 768px) {
  .section-road-4 .text {
    width: 389.5466666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .text {
    width: 30.433333333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-4 .text {
    margin-top: 45.76px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .text {
    margin-top: 3.575vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-road-4 .text {
    margin-left: 25.813333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-road-4 .text {
    margin-left: 2.016666666666667vw;
  }
}
.section-share {
  position: relative;
  padding-top: 5.333333333333334vw;
  padding-bottom: 8vw;
  background: url("../img/bg-pattern-1.png?hash=e7a100db9cc0826fb98a8028ca1b3d26") center 0 repeat #a70000;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: multiply;
}
@media only screen and (min-width: 768px) {
  .section-share {
    padding-top: 23.46666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-share {
    padding-top: 1.833333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-share {
    padding-bottom: 35.2px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-share {
    padding-bottom: 2.75vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-share {
    background-size: 100px 100px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .section-share {
    background: url("../img/bg-pattern-1@2x.png?hash=625bc241622eb22f3927936053b062cd") center 0 repeat #a70000;
    background-size: 100px 100px;
  }
}
.section-share .item-cloud {
  top: 19.866666666666667vw;
  right: -15.066666666666666vw;
  width: 37.733333333333334vw;
}
@media only screen and (min-width: 768px) {
  .section-share .item-cloud {
    top: 87.41333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-share .item-cloud {
    top: 6.829166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-share .item-cloud {
    right: -66.29333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-share .item-cloud {
    right: -5.179166666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-share .item-cloud {
    width: 166.02666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-share .item-cloud {
    width: 12.970833333333335vw;
  }
}
.section-share .section-heading span {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.section-share .section-heading .heading-text {
  position: relative;
  width: 24.266666666666666vw;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .section-share .section-heading .heading-text {
    width: 106.77333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-share .section-heading .heading-text {
    width: 8.341666666666667vw;
  }
}
.section-share .section-heading .heading-bg {
  width: 46.800000000000004vw;
  height: 11.333333333333332vw;
  margin-top: -5.333333333333334vw;
  fill: #5b1204;
}
@media only screen and (min-width: 768px) {
  .section-share .section-heading .heading-bg {
    width: 205.92000000000002px;
    height: 49.86666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-share .section-heading .heading-bg {
    width: 16.087500000000002vw;
    height: 3.895833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-share .section-heading .heading-bg {
    margin-top: -23.46666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-share .section-heading .heading-bg {
    margin-top: -1.833333333333333vw;
  }
}
.section-share .btn-container {
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 3.866666666666667vw;
}
@media only screen and (min-width: 768px) {
  .section-share .btn-container {
    margin-top: 17.013333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-share .btn-container {
    margin-top: 1.329166666666667vw;
  }
}
.section-share .btn-container a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20vw;
  height: 20vw;
  margin-right: 4vw;
  margin-left: 4vw;
  border: solid #f2b351;
  border-width: 1.6vw;
  border-radius: 50%;
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .section-share .btn-container a {
    width: 88px;
    height: 88px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-share .btn-container a {
    width: 6.875000000000001vw;
    height: 6.875000000000001vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-share .btn-container a {
    margin-right: 17.6px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-share .btn-container a {
    margin-right: 1.375vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-share .btn-container a {
    margin-left: 17.6px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-share .btn-container a {
    margin-left: 1.375vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-share .btn-container a {
    border-width: 7.04px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-share .btn-container a {
    border-width: 0.55vw;
  }
}
.section-share .btn-container .btn-icon {
  display: block;
}
.section-share .btn-container .icon-x {
  width: 7.333333333333333vw;
  height: 7.466666666666668vw;
}
@media only screen and (min-width: 768px) {
  .section-share .btn-container .icon-x {
    width: 32.266666666666666px;
    height: 32.85333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-share .btn-container .icon-x {
    width: 2.520833333333333vw;
    height: 2.566666666666667vw;
  }
}
.section-share .btn-container .icon-line {
  margin-top: 0.4vw;
  width: 8.533333333333333vw;
  height: 8.133333333333333vw;
}
@media only screen and (min-width: 768px) {
  .section-share .btn-container .icon-line {
    margin-top: 1.76px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-share .btn-container .icon-line {
    margin-top: 0.1375vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-share .btn-container .icon-line {
    width: 37.54666666666667px;
    height: 35.78666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-share .btn-container .icon-line {
    width: 2.933333333333333vw;
    height: 2.795833333333333vw;
  }
}
.section-share .btn-container .icon-facebook {
  margin-top: 0.133333333333333vw;
  margin-left: 0.266666666666667vw;
  width: 4.533333333333333vw;
  height: 8.666666666666668vw;
  fill: #4267b2;
}
@media only screen and (min-width: 768px) {
  .section-share .btn-container .icon-facebook {
    margin-top: 0.586666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-share .btn-container .icon-facebook {
    margin-top: 0.045833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-share .btn-container .icon-facebook {
    margin-left: 1.173333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-share .btn-container .icon-facebook {
    margin-left: 0.091666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .section-share .btn-container .icon-facebook {
    width: 19.94666666666667px;
    height: 38.13333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .section-share .btn-container .icon-facebook {
    width: 1.558333333333333vw;
    height: 2.979166666666667vw;
  }
}
.loader {
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
}
.is-loaded .loader {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity 0.5s , visibility 0.5s;
}
.modal {
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity 0.4s , visibility 0.4s;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  z-index: 100;
}
.is-modal-opened.modal {
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.modal .modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
}
.modal .modal-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100%;
  box-sizing: border-box;
  padding-top: 10.666666666666668vw;
  padding-bottom: 10.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .modal .modal-wrapper {
    padding-top: 46.93333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal .modal-wrapper {
    padding-top: 3.666666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal .modal-wrapper {
    padding-bottom: 46.93333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal .modal-wrapper {
    padding-bottom: 3.666666666666667vw;
  }
}
.modal .modal-close-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modal .modal-container,
.modal .modal-contents {
  position: relative;
}
.modal .modal-btn-close {
  position: fixed;
  top: 2.666666666666667vw;
  right: 2.666666666666667vw;
  width: 16vw;
  height: 16vw;
  border-radius: 50%;
  z-index: 10;
}
@media only screen and (min-width: 768px) {
  .modal .modal-btn-close {
    top: 11.733333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal .modal-btn-close {
    top: 0.916666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal .modal-btn-close {
    right: 11.733333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal .modal-btn-close {
    right: 0.916666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal .modal-btn-close {
    width: 70.4px;
    height: 70.4px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal .modal-btn-close {
    width: 5.500000000000001vw;
    height: 5.500000000000001vw;
  }
}
.modal .modal-btn-close::before,
.modal .modal-btn-close::after {
  display: block;
  content: "";
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 5.866666666666666vw;
  height: 1.066666666666667vw;
  background: #fff;
}
@media only screen and (min-width: 768px) {
  .modal .modal-btn-close::before,
  .modal .modal-btn-close::after {
    width: 25.813333333333333px;
    height: 4.693333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal .modal-btn-close::before,
  .modal .modal-btn-close::after {
    width: 2.016666666666667vw;
    height: 0.366666666666667vw;
  }
}
.modal .modal-btn-close::before {
  transform: rotate(-45deg);
}
.modal .modal-btn-close::after {
  transform: rotate(-135deg);
}
.modal .text-asterisk {
  display: block;
  margin-top: 2.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .modal .text-asterisk {
    margin-top: 11.733333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal .text-asterisk {
    margin-top: 0.916666666666667vw;
  }
}
.modal-news .modal-container {
  background: #601506;
  width: 89.33333333333333vw;
  padding-top: 10.266666666666667vw;
  padding-right: 6.666666666666667vw;
  padding-bottom: 13.333333333333334vw;
  padding-left: 6.666666666666667vw;
  border-radius: 6.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container {
    width: 393.06666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-news .modal-container {
    width: 30.708333333333332vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container {
    padding-top: 45.17333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-news .modal-container {
    padding-top: 3.529166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container {
    padding-right: 29.333333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-news .modal-container {
    padding-right: 2.291666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container {
    padding-bottom: 58.666666666666664px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-news .modal-container {
    padding-bottom: 4.583333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container {
    padding-left: 29.333333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-news .modal-container {
    padding-left: 2.291666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container {
    border-radius: 29.333333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-news .modal-container {
    border-radius: 2.291666666666667vw;
  }
}
.modal-news .modal-container .bg-pattern {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 100%;
  background: url("../img/bg-pattern-2.png?hash=9d51d8147581bff292a1eb91e5ba615f") 0 0 repeat;
  background-size: 132.13333333333333vw 132.13333333333333vw;
  opacity: 0.2;
  mix-blend-mode: overlay;
  border-radius: 6.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container .bg-pattern {
    background-size: 991px 991px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .modal-news .modal-container .bg-pattern {
    background: url("../img/bg-pattern-2@2x.png?hash=4d6821e3e63a90e4755c28467df09457") 0 0 repeat;
    background-size: 991px 991px;
  }
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container .bg-pattern {
    border-radius: 29.333333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-news .modal-container .bg-pattern {
    border-radius: 2.291666666666667vw;
  }
}
.modal-news .modal-container .date,
.modal-news .modal-container .title {
  display: block;
  color: #f2b351;
  font-weight: bold;
}
.modal-news .modal-container .date {
  padding-right: 1.866666666666667vw;
  padding-left: 1.866666666666667vw;
  font-size: 2.666666666666667vw;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container .date {
    padding-right: 8.213333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-news .modal-container .date {
    padding-right: 0.641666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container .date {
    padding-left: 8.213333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-news .modal-container .date {
    padding-left: 0.641666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container .date {
    font-size: 1.173333333333333rem;
  }
}
.modal-news .modal-container .title {
  padding-right: 1.333333333333333vw;
  padding-left: 1.333333333333333vw;
  margin-top: 2.533333333333333vw;
  font-size: 5.600000000000001vw;
  line-height: 1.571428571428571;
  letter-spacing: 0.03em;
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container .title {
    padding-right: 5.866666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-news .modal-container .title {
    padding-right: 0.458333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container .title {
    padding-left: 5.866666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-news .modal-container .title {
    padding-left: 0.458333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container .title {
    margin-top: 11.146666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-news .modal-container .title {
    margin-top: 0.870833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container .title {
    font-size: 2.464rem;
  }
}
.modal-news .modal-container .img {
  margin-top: 5.333333333333334vw;
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container .img {
    margin-top: 23.46666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-news .modal-container .img {
    margin-top: 1.833333333333333vw;
  }
}
.modal-news .modal-container .text {
  margin-top: 6.133333333333333vw;
  padding-right: 1.333333333333333vw;
  padding-left: 1.333333333333333vw;
  color: #fff;
  font-weight: bold;
  font-size: 3.466666666666666vw;
  line-height: 1.923076923076923;
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container .text {
    margin-top: 26.986666666666665px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-news .modal-container .text {
    margin-top: 2.108333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container .text {
    padding-right: 5.866666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-news .modal-container .text {
    padding-right: 0.458333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container .text {
    padding-left: 5.866666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-news .modal-container .text {
    padding-left: 0.458333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container .text {
    font-size: 1.525333333333333rem;
  }
}
.modal-news .modal-container .text .text-asterisk {
  font-size: 3.2vw;
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container .text .text-asterisk {
    font-size: 1.408rem;
  }
}
.modal-news .modal-container .btn-detail {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  width: 73.33333333333333vw;
  height: 17.333333333333336vw;
  margin-right: auto;
  margin-left: auto;
  margin-top: 7.466666666666668vw;
  padding-left: 5.333333333333334vw;
  padding-right: 4vw;
  background: url("../img/bg-pattern-1.png?hash=e7a100db9cc0826fb98a8028ca1b3d26") center 0 repeat #e9b570;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: multiply;
  background: url("../img/bg-pattern-1_75.png?hash=1184b78d00eeb395cbf2baf205121bee") center 0 repeat #e9b570;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: hard-light;
  border-radius: 2.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container .btn-detail {
    width: 322.66666666666663px;
    height: 76.26666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-news .modal-container .btn-detail {
    width: 25.208333333333332vw;
    height: 5.958333333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container .btn-detail {
    margin-top: 32.85333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-news .modal-container .btn-detail {
    margin-top: 2.566666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container .btn-detail {
    padding-left: 23.46666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-news .modal-container .btn-detail {
    padding-left: 1.833333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container .btn-detail {
    padding-right: 17.6px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-news .modal-container .btn-detail {
    padding-right: 1.375vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container .btn-detail {
    background-size: 100px 100px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .modal-news .modal-container .btn-detail {
    background: url("../img/bg-pattern-1@2x.png?hash=625bc241622eb22f3927936053b062cd") center 0 repeat #e9b570;
    background-size: 100px 100px;
    background: url("../img/bg-pattern-1_75@2x.png?hash=88a65e074f6971c75ec3285e1fb3c2c9") center 0 repeat #e9b570;
    background-size: 100px 100px;
  }
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container .btn-detail {
    border-radius: 11.733333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-news .modal-container .btn-detail {
    border-radius: 0.916666666666667vw;
  }
}
.modal-news .modal-container .btn-detail .btn-text {
  font-weight: bold;
  color: #2b0b04;
  font-size: 3.2vw;
  line-height: 1;
  margin-top: -0.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container .btn-detail .btn-text {
    font-size: 1.408rem;
  }
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container .btn-detail .btn-text {
    margin-top: -1.173333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-news .modal-container .btn-detail .btn-text {
    margin-top: -0.091666666666667vw;
  }
}
.modal-news .modal-container .btn-detail .btn-icon {
  position: relative;
  background: #2b0b04;
  width: 5.866666666666666vw;
  height: 5.866666666666666vw;
  border-radius: 50%;
  transform: rotate(-90deg);
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container .btn-detail .btn-icon {
    width: 25.813333333333333px;
    height: 25.813333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-news .modal-container .btn-detail .btn-icon {
    width: 2.016666666666667vw;
    height: 2.016666666666667vw;
  }
}
.modal-news .modal-container .btn-detail .btn-icon svg {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  fill: #dbaa5d;
  width: 2.4vw;
  height: 1.6vw;
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-container .btn-detail .btn-icon svg {
    width: 10.56px;
    height: 7.04px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-news .modal-container .btn-detail .btn-icon svg {
    width: 0.825vw;
    height: 0.55vw;
  }
}
.modal-news .modal-btn-close {
  background: url("../img/bg-pattern-1.png?hash=e7a100db9cc0826fb98a8028ca1b3d26") center 0 repeat #ffd085;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: multiply;
}
@media only screen and (min-width: 768px) {
  .modal-news .modal-btn-close {
    background-size: 100px 100px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .modal-news .modal-btn-close {
    background: url("../img/bg-pattern-1@2x.png?hash=625bc241622eb22f3927936053b062cd") center 0 repeat #ffd085;
    background-size: 100px 100px;
  }
}
.modal-topic .slider {
  width: 89.33333333333333vw;
  margin: 0 auto;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .modal-topic .slider {
    width: 393.06666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .slider {
    width: 30.708333333333332vw;
  }
}
.modal-topic .slides {
  display: flex;
  position: relative;
  width: 100%;
  align-items: flex-start;
}
.modal-topic .slide {
  width: 100%;
  flex-shrink: 0;
}
.modal-topic .modal-container {
  border-radius: 6.666666666666667vw;
  background: url("../img/bg-pattern-1.png?hash=e7a100db9cc0826fb98a8028ca1b3d26") center 0 repeat #efc580;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: multiply;
  background: url("../img/bg-pattern-1_75.png?hash=1184b78d00eeb395cbf2baf205121bee") center 0 repeat #efc580;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: hard-light;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-container {
    border-radius: 29.333333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-container {
    border-radius: 2.291666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-container {
    background-size: 100px 100px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .modal-topic .modal-container {
    background: url("../img/bg-pattern-1@2x.png?hash=625bc241622eb22f3927936053b062cd") center 0 repeat #efc580;
    background-size: 100px 100px;
    background: url("../img/bg-pattern-1_75@2x.png?hash=88a65e074f6971c75ec3285e1fb3c2c9") center 0 repeat #efc580;
    background-size: 100px 100px;
  }
}
.modal-topic .modal-container::after {
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  display: block;
  width: 100%;
  height: 50%;
  background-color: #5a1507;
}
.modal-topic .modal-btn-close {
  background: url("../img/bg-pattern-1.png?hash=e7a100db9cc0826fb98a8028ca1b3d26") center 0 repeat #a70000;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: multiply;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-btn-close {
    background-size: 100px 100px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .modal-topic .modal-btn-close {
    background: url("../img/bg-pattern-1@2x.png?hash=625bc241622eb22f3927936053b062cd") center 0 repeat #a70000;
    background-size: 100px 100px;
  }
}
.modal-topic .modal-contents {
  overflow: hidden;
  padding-bottom: 13.333333333333334vw;
  z-index: 1;
  height: 0;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-contents {
    padding-bottom: 58.666666666666664px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-contents {
    padding-bottom: 4.583333333333333vw;
  }
}
.modal-topic .is-selected .modal-contents {
  height: auto;
}
.modal-topic .item-road {
  top: 13.466666666666665vw;
  left: 0;
  width: 100%;
  height: 198.4vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .item-road {
    top: 59.25333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .item-road {
    top: 4.629166666666666vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .item-road {
    height: 872.96px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .item-road {
    height: 68.2vw;
  }
}
.modal-topic .item-road::before {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: -1;
  width: 100%;
  height: 50%;
  content: "";
  background-color: #591507;
}
.modal-topic .bottom-nav {
  display: flex;
  width: 89.33333333333333vw;
  margin-right: auto;
  margin-left: auto;
  border-radius: 0 0 6.666666666666667vw 6.666666666666667vw;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .modal-topic .bottom-nav {
    width: 393.06666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .bottom-nav {
    width: 30.708333333333332vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .bottom-nav {
    border-radius: 0 0 29.333333333333332px 29.333333333333332px;
  }
}
.modal-topic .bottom-nav .modal-btn-prev,
.modal-topic .bottom-nav .modal-btn-next {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 50%;
  height: 24vw;
  margin-right: auto;
  margin-left: auto;
  background: url("../img/bg-pattern-1.png?hash=e7a100db9cc0826fb98a8028ca1b3d26") center 0 repeat #9a020f;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: multiply;
  background: url("../img/bg-pattern-1_75.png?hash=1184b78d00eeb395cbf2baf205121bee") center 0 repeat #9a020f;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: hard-light;
}
@media only screen and (min-width: 768px) {
  .modal-topic .bottom-nav .modal-btn-prev,
  .modal-topic .bottom-nav .modal-btn-next {
    height: 105.6px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .bottom-nav .modal-btn-prev,
  .modal-topic .bottom-nav .modal-btn-next {
    height: 8.249999999999998vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .bottom-nav .modal-btn-prev,
  .modal-topic .bottom-nav .modal-btn-next {
    background-size: 100px 100px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .modal-topic .bottom-nav .modal-btn-prev,
  .modal-topic .bottom-nav .modal-btn-next {
    background: url("../img/bg-pattern-1@2x.png?hash=625bc241622eb22f3927936053b062cd") center 0 repeat #9a020f;
    background-size: 100px 100px;
    background: url("../img/bg-pattern-1_75@2x.png?hash=88a65e074f6971c75ec3285e1fb3c2c9") center 0 repeat #9a020f;
    background-size: 100px 100px;
  }
}
.modal-topic .bottom-nav .modal-btn-prev .btn-text,
.modal-topic .bottom-nav .modal-btn-next .btn-text {
  width: 23.066666666666666vw;
  height: 3.866666666666667vw;
  margin-top: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .bottom-nav .modal-btn-prev .btn-text,
  .modal-topic .bottom-nav .modal-btn-next .btn-text {
    width: 101.49333333333333px;
    height: 17.013333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .bottom-nav .modal-btn-prev .btn-text,
  .modal-topic .bottom-nav .modal-btn-next .btn-text {
    width: 7.929166666666666vw;
    height: 1.329166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .bottom-nav .modal-btn-prev .btn-text,
  .modal-topic .bottom-nav .modal-btn-next .btn-text {
    margin-top: 2.346666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .bottom-nav .modal-btn-prev .btn-text,
  .modal-topic .bottom-nav .modal-btn-next .btn-text {
    margin-top: 0.183333333333333vw;
  }
}
.modal-topic .bottom-nav .modal-btn-prev .btn-icon,
.modal-topic .bottom-nav .modal-btn-next .btn-icon {
  position: relative;
  background: #2b0b04;
  width: 5.866666666666666vw;
  height: 5.866666666666666vw;
  border-radius: 50%;
  transform: rotate(-90deg);
}
@media only screen and (min-width: 768px) {
  .modal-topic .bottom-nav .modal-btn-prev .btn-icon,
  .modal-topic .bottom-nav .modal-btn-next .btn-icon {
    width: 25.813333333333333px;
    height: 25.813333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .bottom-nav .modal-btn-prev .btn-icon,
  .modal-topic .bottom-nav .modal-btn-next .btn-icon {
    width: 2.016666666666667vw;
    height: 2.016666666666667vw;
  }
}
.modal-topic .bottom-nav .modal-btn-prev .btn-icon svg,
.modal-topic .bottom-nav .modal-btn-next .btn-icon svg {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  fill: #dbaa5d;
  width: 2.4vw;
  height: 1.6vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .bottom-nav .modal-btn-prev .btn-icon svg,
  .modal-topic .bottom-nav .modal-btn-next .btn-icon svg {
    width: 10.56px;
    height: 7.04px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .bottom-nav .modal-btn-prev .btn-icon svg,
  .modal-topic .bottom-nav .modal-btn-next .btn-icon svg {
    width: 0.825vw;
    height: 0.55vw;
  }
}
.modal-topic .bottom-nav .modal-btn-prev {
  padding-left: 5.333333333333334vw;
  padding-right: 6.666666666666667vw;
  background: url("../img/bg-pattern-1.png?hash=e7a100db9cc0826fb98a8028ca1b3d26") center 0 repeat #efab53;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: multiply;
  background: url("../img/bg-pattern-1_75.png?hash=1184b78d00eeb395cbf2baf205121bee") center 0 repeat #efab53;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: hard-light;
}
@media only screen and (min-width: 768px) {
  .modal-topic .bottom-nav .modal-btn-prev {
    padding-left: 23.46666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .bottom-nav .modal-btn-prev {
    padding-left: 1.833333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .bottom-nav .modal-btn-prev {
    padding-right: 29.333333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .bottom-nav .modal-btn-prev {
    padding-right: 2.291666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .bottom-nav .modal-btn-prev {
    background-size: 100px 100px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .modal-topic .bottom-nav .modal-btn-prev {
    background: url("../img/bg-pattern-1@2x.png?hash=625bc241622eb22f3927936053b062cd") center 0 repeat #efab53;
    background-size: 100px 100px;
    background: url("../img/bg-pattern-1_75@2x.png?hash=88a65e074f6971c75ec3285e1fb3c2c9") center 0 repeat #efab53;
    background-size: 100px 100px;
  }
}
.modal-topic .bottom-nav .modal-btn-prev .btn-text {
  order: 2;
}
.modal-topic .bottom-nav .modal-btn-prev .btn-icon {
  order: 1;
  transform: rotate(90deg);
}
.modal-topic .bottom-nav .modal-btn-next {
  padding-left: 6.4vw;
  padding-right: 5.333333333333334vw;
  background: url("../img/bg-pattern-1.png?hash=e7a100db9cc0826fb98a8028ca1b3d26") center 0 repeat #efc580;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: multiply;
  background: url("../img/bg-pattern-1_75.png?hash=1184b78d00eeb395cbf2baf205121bee") center 0 repeat #efc580;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: hard-light;
}
@media only screen and (min-width: 768px) {
  .modal-topic .bottom-nav .modal-btn-next {
    padding-left: 28.16px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .bottom-nav .modal-btn-next {
    padding-left: 2.2vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .bottom-nav .modal-btn-next {
    padding-right: 23.46666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .bottom-nav .modal-btn-next {
    padding-right: 1.833333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .bottom-nav .modal-btn-next {
    background-size: 100px 100px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .modal-topic .bottom-nav .modal-btn-next {
    background: url("../img/bg-pattern-1@2x.png?hash=625bc241622eb22f3927936053b062cd") center 0 repeat #efc580;
    background-size: 100px 100px;
    background: url("../img/bg-pattern-1_75@2x.png?hash=88a65e074f6971c75ec3285e1fb3c2c9") center 0 repeat #efc580;
    background-size: 100px 100px;
  }
}
.modal-topic .item-drop {
  top: -11.066666666666666vw;
  left: 50%;
  margin-left: -2.4vw;
  width: 5.2vw;
  height: 21.866666666666667vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .item-drop {
    top: -48.693333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .item-drop {
    top: -3.804166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .item-drop {
    margin-left: -10.56px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .item-drop {
    margin-left: -0.825vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .item-drop {
    width: 22.88px;
    height: 96.21333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .item-drop {
    width: 1.7875vw;
    height: 7.516666666666667vw;
  }
}
.modal-topic .item-cloud-1 {
  width: 29.333333333333332vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .item-cloud-1 {
    width: 129.06666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .item-cloud-1 {
    width: 10.083333333333332vw;
  }
}
.modal-topic .item-cloud-2 {
  width: 34.66666666666667vw;
  height: 13.733333333333334vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .item-cloud-2 {
    width: 152.53333333333333px;
    height: 60.42666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .item-cloud-2 {
    width: 11.916666666666668vw;
    height: 4.720833333333334vw;
  }
}
.modal-topic .item-cloud-2 img {
  height: 100%;
  transform: scaleX(-1);
}
.modal-topic .item-block {
  position: relative;
  margin-top: 7.466666666666668vw;
  margin-bottom: 6.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .item-block {
    margin-top: 32.85333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .item-block {
    margin-top: 2.566666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .item-block {
    margin-bottom: 29.333333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .item-block {
    margin-bottom: 2.291666666666667vw;
  }
}
.modal-topic .item-block .visual {
  margin-right: auto;
  margin-left: auto;
}
.modal-topic .heading {
  position: relative;
  margin-right: auto;
  margin-left: auto;
}
.modal-topic .text {
  position: relative;
  padding-left: 8vw;
  padding-right: 8vw;
  color: #f2b351;
  font-weight: bold;
  font-size: 3.733333333333334vw;
  line-height: 1.785714285714286;
}
@media only screen and (min-width: 768px) {
  .modal-topic .text {
    padding-left: 35.2px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .text {
    padding-left: 2.75vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .text {
    padding-right: 35.2px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .text {
    padding-right: 2.75vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .text {
    font-size: 1.642666666666666rem;
  }
}
.modal-topic .text .text-asterisk {
  font-size: 3.466666666666666vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .text .text-asterisk {
    font-size: 1.525333333333333rem;
  }
}
.modal-topic .relation {
  position: relative;
  margin-top: 11.733333333333333vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .relation {
    margin-top: 51.626666666666665px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .relation {
    margin-top: 4.033333333333333vw;
  }
}
.modal-topic .relation .relation-heading {
  width: 30.266666666666666vw;
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (min-width: 768px) {
  .modal-topic .relation .relation-heading {
    width: 133.17333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .relation .relation-heading {
    width: 10.404166666666665vw;
  }
}
.modal-topic .relation .btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  width: 73.33333333333333vw;
  height: 17.333333333333336vw;
  margin-right: auto;
  margin-left: auto;
  margin-top: 5.333333333333334vw;
  padding-left: 5.333333333333334vw;
  padding-right: 4vw;
  background: url("../img/bg-pattern-1.png?hash=e7a100db9cc0826fb98a8028ca1b3d26") center 0 repeat #9a020f;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: multiply;
  background: url("../img/bg-pattern-1_75.png?hash=1184b78d00eeb395cbf2baf205121bee") center 0 repeat #9a020f;
  background-size: 13.333333333333334vw 13.333333333333334vw;
  background-blend-mode: hard-light;
  border-radius: 2.666666666666667vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .relation .btn {
    width: 322.66666666666663px;
    height: 76.26666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .relation .btn {
    width: 25.208333333333332vw;
    height: 5.958333333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .relation .btn {
    margin-top: 23.46666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .relation .btn {
    margin-top: 1.833333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .relation .btn {
    padding-left: 23.46666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .relation .btn {
    padding-left: 1.833333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .relation .btn {
    padding-right: 17.6px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .relation .btn {
    padding-right: 1.375vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .relation .btn {
    background-size: 100px 100px;
  }
}
@media only screen and (min-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
  .modal-topic .relation .btn {
    background: url("../img/bg-pattern-1@2x.png?hash=625bc241622eb22f3927936053b062cd") center 0 repeat #9a020f;
    background-size: 100px 100px;
    background: url("../img/bg-pattern-1_75@2x.png?hash=88a65e074f6971c75ec3285e1fb3c2c9") center 0 repeat #9a020f;
    background-size: 100px 100px;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .relation .btn {
    border-radius: 11.733333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .relation .btn {
    border-radius: 0.916666666666667vw;
  }
}
.modal-topic .relation .btn .btn-text {
  font-weight: bold;
  color: #f2b351;
  font-size: 3.466666666666666vw;
  line-height: 1;
  margin-top: -0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .relation .btn .btn-text {
    font-size: 1.525333333333333rem;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .relation .btn .btn-text {
    margin-top: -2.346666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .relation .btn .btn-text {
    margin-top: -0.183333333333333vw;
  }
}
.modal-topic .relation .btn .btn-icon {
  position: relative;
  background: #2b0b04;
  width: 5.866666666666666vw;
  height: 5.866666666666666vw;
  border-radius: 50%;
  transform: rotate(-90deg);
}
@media only screen and (min-width: 768px) {
  .modal-topic .relation .btn .btn-icon {
    width: 25.813333333333333px;
    height: 25.813333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .relation .btn .btn-icon {
    width: 2.016666666666667vw;
    height: 2.016666666666667vw;
  }
}
.modal-topic .relation .btn .btn-icon svg {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  fill: #dbaa5d;
  width: 2.4vw;
  height: 1.6vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .relation .btn .btn-icon svg {
    width: 10.56px;
    height: 7.04px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .relation .btn .btn-icon svg {
    width: 0.825vw;
    height: 0.55vw;
  }
}
.modal-topic .modal-topic-1 .modal-contents {
  padding-top: 21.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-1 .modal-contents {
    padding-top: 92.69333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-1 .modal-contents {
    padding-top: 7.241666666666665vw;
  }
}
.modal-topic .modal-topic-1 .heading {
  width: 73.33333333333333vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-1 .heading {
    width: 322.66666666666663px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-1 .heading {
    width: 25.208333333333332vw;
  }
}
.modal-topic .modal-topic-1 .visual {
  width: 73.33333333333333vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-1 .visual {
    width: 322.66666666666663px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-1 .visual {
    width: 25.208333333333332vw;
  }
}
.modal-topic .modal-topic-2 .modal-contents {
  padding-top: 21.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-2 .modal-contents {
    padding-top: 92.69333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-2 .modal-contents {
    padding-top: 7.241666666666665vw;
  }
}
.modal-topic .modal-topic-2 .heading {
  width: 76.53333333333333vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-2 .heading {
    width: 336.74666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-2 .heading {
    width: 26.308333333333334vw;
  }
}
.modal-topic .modal-topic-2 .visual {
  width: 57.333333333333336vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-2 .visual {
    width: 252.26666666666668px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-2 .visual {
    width: 19.708333333333332vw;
  }
}
.modal-topic .modal-topic-3 .modal-contents {
  padding-top: 18.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-3 .modal-contents {
    padding-top: 82.13333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-3 .modal-contents {
    padding-top: 6.416666666666668vw;
  }
}
.modal-topic .modal-topic-3 .heading {
  width: 77.86666666666666vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-3 .heading {
    width: 342.6133333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-3 .heading {
    width: 26.766666666666662vw;
  }
}
.modal-topic .modal-topic-3 .visual {
  width: 57.333333333333336vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-3 .visual {
    width: 252.26666666666668px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-3 .visual {
    width: 19.708333333333332vw;
  }
}
.modal-topic .modal-topic-4 .modal-contents {
  padding-top: 18.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-4 .modal-contents {
    padding-top: 82.13333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-4 .modal-contents {
    padding-top: 6.416666666666668vw;
  }
}
.modal-topic .modal-topic-4 .heading {
  width: 67.06666666666666vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-4 .heading {
    width: 295.0933333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-4 .heading {
    width: 23.054166666666664vw;
  }
}
.modal-topic .modal-topic-4 .visual {
  width: 42.66666666666667vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-4 .visual {
    width: 187.73333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-4 .visual {
    width: 14.666666666666666vw;
  }
}
.modal-topic .modal-topic-5 .modal-contents {
  padding-top: 18.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-5 .modal-contents {
    padding-top: 82.13333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-5 .modal-contents {
    padding-top: 6.416666666666668vw;
  }
}
.modal-topic .modal-topic-5 .heading {
  width: 77.73333333333333vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-5 .heading {
    width: 342.02666666666664px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-5 .heading {
    width: 26.72083333333333vw;
  }
}
.modal-topic .modal-topic-5 .visual {
  width: 73.33333333333333vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-5 .visual {
    width: 322.66666666666663px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-5 .visual {
    width: 25.208333333333332vw;
  }
}
.modal-topic .modal-topic-6 .modal-contents {
  padding-top: 20.933333333333334vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-6 .modal-contents {
    padding-top: 92.10666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-6 .modal-contents {
    padding-top: 7.195833333333333vw;
  }
}
.modal-topic .modal-topic-6 .heading {
  width: 77.46666666666667vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-6 .heading {
    width: 340.8533333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-6 .heading {
    width: 26.629166666666666vw;
  }
}
.modal-topic .modal-topic-6 .item-block {
  margin-top: 7.199999999999999vw;
  margin-bottom: 5.866666666666666vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-6 .item-block {
    margin-top: 31.679999999999996px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-6 .item-block {
    margin-top: 2.475vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-6 .item-block {
    margin-bottom: 25.813333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-6 .item-block {
    margin-bottom: 2.016666666666667vw;
  }
}
.modal-topic .modal-topic-6 .visual {
  width: 65.60000000000001vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-6 .visual {
    width: 288.64px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-6 .visual {
    width: 22.549999999999997vw;
  }
}
.modal-topic .modal-topic-7 .modal-contents {
  padding-top: 18.53333333333333vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-7 .modal-contents {
    padding-top: 81.54666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-7 .modal-contents {
    padding-top: 6.370833333333334vw;
  }
}
.modal-topic .modal-topic-7 .heading {
  width: 63.46666666666667vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-7 .heading {
    width: 279.25333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-7 .heading {
    width: 21.816666666666666vw;
  }
}
.modal-topic .modal-topic-7 .visual {
  width: 62.66666666666667vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-7 .visual {
    width: 275.73333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-7 .visual {
    width: 21.541666666666668vw;
  }
}
.modal-topic .modal-topic-8 .modal-contents {
  padding-top: 21.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-8 .modal-contents {
    padding-top: 92.69333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-8 .modal-contents {
    padding-top: 7.241666666666665vw;
  }
}
.modal-topic .modal-topic-8 .heading {
  width: 70.8vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-8 .heading {
    width: 311.52px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-8 .heading {
    width: 24.3375vw;
  }
}
.modal-topic .modal-topic-8 .heading img {
  margin-left: 1.066666666666667vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-8 .heading img {
    margin-left: 4.693333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-8 .heading img {
    margin-left: 0.366666666666667vw;
  }
}
.modal-topic .modal-topic-8 .visual {
  width: 73.33333333333333vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-8 .visual {
    width: 322.66666666666663px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-8 .visual {
    width: 25.208333333333332vw;
  }
}
.modal-topic .modal-topic-9 .modal-contents {
  padding-top: 21.333333333333336vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-9 .modal-contents {
    padding-top: 93.86666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-9 .modal-contents {
    padding-top: 7.333333333333333vw;
  }
}
.modal-topic .modal-topic-9 .heading {
  width: 64.66666666666666vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-9 .heading {
    width: 284.5333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-9 .heading {
    width: 22.229166666666664vw;
  }
}
.modal-topic .modal-topic-9 .item-block {
  margin-top: 5.333333333333334vw;
  margin-bottom: 4vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-9 .item-block {
    margin-top: 23.46666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-9 .item-block {
    margin-top: 1.833333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-9 .item-block {
    margin-bottom: 17.6px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-9 .item-block {
    margin-bottom: 1.375vw;
  }
}
.modal-topic .modal-topic-9 .item-cloud-1 {
  top: 6.4vw;
  left: -5.466666666666667vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-9 .item-cloud-1 {
    top: 28.16px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-9 .item-cloud-1 {
    top: 2.2vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-9 .item-cloud-1 {
    left: -24.053333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-9 .item-cloud-1 {
    left: -1.879166666666667vw;
  }
}
.modal-topic .modal-topic-9 .item-cloud-2 {
  top: 21.46666666666667vw;
  right: -7.6vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-9 .item-cloud-2 {
    top: 94.45333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-9 .item-cloud-2 {
    top: 7.379166666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-9 .item-cloud-2 {
    right: -33.44px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-9 .item-cloud-2 {
    right: -2.6125vw;
  }
}
.modal-topic .modal-topic-9 .visual {
  width: 51.733333333333334vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-9 .visual {
    width: 227.62666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-9 .visual {
    width: 17.783333333333335vw;
  }
}
.modal-topic .modal-topic-10 .modal-contents {
  padding-top: 21.066666666666666vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-10 .modal-contents {
    padding-top: 92.69333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-10 .modal-contents {
    padding-top: 7.241666666666665vw;
  }
}
.modal-topic .modal-topic-10 .heading {
  width: 74.66666666666667vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-10 .heading {
    width: 328.53333333333336px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-10 .heading {
    width: 25.66666666666667vw;
  }
}
.modal-topic .modal-topic-10 .visual {
  width: 72.1vw;
  border-radius: 1.7vw;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-10 .visual {
    width: 320px;
    border-radius: 6px;
    overflow: hidden;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-10 .visual {
    width: 25.1vw;
    border-radius: 0.6vw;
    overflow: hidden;
  }
}
.modal-topic .modal-topic-11 .modal-contents {
  padding-top: 18.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-11 .modal-contents {
    padding-top: 82.13333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-11 .modal-contents {
    padding-top: 6.416666666666668vw;
  }
}
.modal-topic .modal-topic-11 .heading {
  width: 78.26666666666667vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-11 .heading {
    width: 344.37333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-11 .heading {
    width: 26.90416666666667vw;
  }
}
.modal-topic .modal-topic-11 .heading img {
  margin-left: 0.533333333333333vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-11 .heading img {
    margin-left: 2.346666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-11 .heading img {
    margin-left: 0.183333333333333vw;
  }
}
.modal-topic .modal-topic-11 .visual {
  width: 57.333333333333336vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-11 .visual {
    width: 252.26666666666668px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-11 .visual {
    width: 19.708333333333332vw;
  }
}
.modal-topic .modal-topic-12 .modal-contents {
  padding-top: 18.53333333333333vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-12 .modal-contents {
    padding-top: 81.54666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-12 .modal-contents {
    padding-top: 6.370833333333334vw;
  }
}
.modal-topic .modal-topic-12 .heading {
  width: 76.93333333333334vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-12 .heading {
    width: 338.50666666666666px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-12 .heading {
    width: 26.445833333333336vw;
  }
}
.modal-topic .modal-topic-12 .heading img {
  margin-left: -0.266666666666667vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-12 .heading img {
    margin-left: -1.173333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-12 .heading img {
    margin-left: -0.091666666666667vw;
  }
}
.modal-topic .modal-topic-12 .visual {
  width: 73.33333333333333vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-12 .visual {
    width: 322.66666666666663px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-12 .visual {
    width: 25.208333333333332vw;
  }
}
.modal-topic .modal-topic-13 .modal-contents {
  padding-top: 21.333333333333336vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-13 .modal-contents {
    padding-top: 93.86666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-13 .modal-contents {
    padding-top: 7.333333333333333vw;
  }
}
.modal-topic .modal-topic-13 .heading {
  width: 67.73333333333333vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-13 .heading {
    width: 298.02666666666664px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-13 .heading {
    width: 23.28333333333333vw;
  }
}
.modal-topic .modal-topic-13 .item-block {
  margin-top: 5.333333333333334vw;
  margin-bottom: 2.4vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-13 .item-block {
    margin-top: 23.46666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-13 .item-block {
    margin-top: 1.833333333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-13 .item-block {
    margin-bottom: 10.56px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-13 .item-block {
    margin-bottom: 0.825vw;
  }
}
.modal-topic .modal-topic-13 .item-cloud-1 {
  top: 6.4vw;
  left: -5.466666666666667vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-13 .item-cloud-1 {
    top: 28.16px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-13 .item-cloud-1 {
    top: 2.2vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-13 .item-cloud-1 {
    left: -24.053333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-13 .item-cloud-1 {
    left: -1.879166666666667vw;
  }
}
.modal-topic .modal-topic-13 .item-cloud-2 {
  top: 15.6vw;
  right: -7.6vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-13 .item-cloud-2 {
    top: 68.64px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-13 .item-cloud-2 {
    top: 5.3625vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-13 .item-cloud-2 {
    right: -33.44px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-13 .item-cloud-2 {
    right: -2.6125vw;
  }
}
.modal-topic .modal-topic-13 .visual {
  width: 70.39999999999999vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-13 .visual {
    width: 309.76px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-13 .visual {
    width: 24.2vw;
  }
}
.modal-topic .modal-topic-14 .modal-contents {
  padding-top: 18.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-14 .modal-contents {
    padding-top: 82.13333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-14 .modal-contents {
    padding-top: 6.416666666666668vw;
  }
}
.modal-topic .modal-topic-14 .heading {
  width: 62.66666666666667vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-14 .heading {
    width: 275.73333333333335px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-14 .heading {
    width: 21.541666666666668vw;
  }
}
.modal-topic .modal-topic-14 .item-block {
  margin-top: 6.666666666666667vw;
  margin-bottom: 4vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-14 .item-block {
    margin-top: 29.333333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-14 .item-block {
    margin-top: 2.291666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-14 .item-block {
    margin-bottom: 17.6px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-14 .item-block {
    margin-bottom: 1.375vw;
  }
}
.modal-topic .modal-topic-14 .item-cloud-1 {
  top: -0.933333333333333vw;
  left: -6.800000000000001vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-14 .item-cloud-1 {
    top: -4.106666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-14 .item-cloud-1 {
    top: -0.320833333333333vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-14 .item-cloud-1 {
    left: -29.92px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-14 .item-cloud-1 {
    left: -2.3375vw;
  }
}
.modal-topic .modal-topic-14 .item-cloud-2 {
  top: 20.133333333333333vw;
  right: -11.333333333333332vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-14 .item-cloud-2 {
    top: 88.58666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-14 .item-cloud-2 {
    top: 6.920833333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-14 .item-cloud-2 {
    right: -49.86666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-14 .item-cloud-2 {
    right: -3.895833333333333vw;
  }
}
.modal-topic .modal-topic-14 .visual {
  width: 39.46666666666667vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-14 .visual {
    width: 173.65333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-14 .visual {
    width: 13.566666666666666vw;
  }
}
.modal-topic .modal-topic-15 .modal-contents {
  padding-top: 18.666666666666668vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-15 .modal-contents {
    padding-top: 82.13333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-15 .modal-contents {
    padding-top: 6.416666666666668vw;
  }
}
.modal-topic .modal-topic-15 .heading {
  width: 78.66666666666666vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-15 .heading {
    width: 346.1333333333333px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-15 .heading {
    width: 27.041666666666664vw;
  }
}
.modal-topic .modal-topic-15 .item-block {
  margin-top: 6.666666666666667vw;
  margin-bottom: 3.733333333333334vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-15 .item-block {
    margin-top: 29.333333333333332px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-15 .item-block {
    margin-top: 2.291666666666667vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-15 .item-block {
    margin-bottom: 16.42666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-15 .item-block {
    margin-bottom: 1.283333333333334vw;
  }
}
.modal-topic .modal-topic-15 .item-cloud-1 {
  top: -0.8vw;
  left: -6.800000000000001vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-15 .item-cloud-1 {
    top: -3.52px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-15 .item-cloud-1 {
    top: -0.275vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-15 .item-cloud-1 {
    left: -29.92px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-15 .item-cloud-1 {
    left: -2.3375vw;
  }
}
.modal-topic .modal-topic-15 .item-cloud-2 {
  top: 20.133333333333333vw;
  right: -11.333333333333332vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-15 .item-cloud-2 {
    top: 88.58666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-15 .item-cloud-2 {
    top: 6.920833333333334vw;
  }
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-15 .item-cloud-2 {
    right: -49.86666666666667px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-15 .item-cloud-2 {
    right: -3.895833333333333vw;
  }
}
.modal-topic .modal-topic-15 .visual {
  width: 39.46666666666667vw;
}
@media only screen and (min-width: 768px) {
  .modal-topic .modal-topic-15 .visual {
    width: 173.65333333333334px;
  }
}
@media only screen and (min-width: 1281px) {
  .modal-topic .modal-topic-15 .visual {
    width: 13.566666666666666vw;
  }
}
.pin-spacer {
  margin-left: auto !important;
  margin-right: auto !important;
}