.geopark .top-mv {max-width: 1563px;margin: 84px auto 0;}
.geopark .top-mv__title {text-align: center;position: relative;z-index: 99;margin: 0 auto;width: 600px;opacity: 0;transform: translateY(40px);}
.geopark .top-mv__illust {position: relative;top: -64px;opacity: 0;transform: translateY(30px);}
.geopark .top-mv__illust-item {position: absolute;}
.geopark .top-mv__illust-cloud--01 {top: 0.6%; left: 2.1%;}
.geopark .top-mv__illust-cloud--02 {top: 20%; left: 0.7%;}
.geopark .top-mv__illust-cloud--03 {bottom: 3.7%; left: 5.6%;}
.geopark .top-mv__illust-cloud--04 {top: 7%; right: 1.2%;}
.geopark .top-mv__illust-cloud--05 {top: 4.6%; right: 10%;}
.geopark .top-mv__illust-cloud--06 {bottom: 10.2%; right: 3.3%;}
.geopark .top-mv__illust-cloud--07 {bottom: 5.4%; right: 16.4%;}
.geopark .top-mv__illust-bird--01 {top: 21.4%;left: 17%;}
.geopark .top-mv__illust-bird--02 {bottom: -2%;left: 25.2%;}
.geopark .top-mv__illust-lighthouse {top: 31%; left: 7.5%;max-width: 152px;width: calc(152 / 1563 * 100%);opacity: 0;}
.geopark .top-mv__illust-bus {top: 47.8%; left: 30%;max-width: 131px;width: calc(131 / 1563 * 100%);}
.geopark .top-mv__illust-guide {top: 54.4%; left: 26.5%;max-width: 57px;width: calc(57 / 1563 * 100%);}
.geopark .top-mv__illust-rainbow {top: 14.3%; left: 47.2%;max-width: 188px;width: calc(188 / 1563 * 100%);opacity: 0;clip-path: inset(0 100% 0 0);}
.geopark .top-mv__illust-water {top: 9.7%;left: 51.8%;max-width: 174px;width: calc(174 / 1563 * 100%);opacity: 0;clip-path: inset(0 0 0 100%);}
.geopark .top-mv__illust-firefighter {top: 23.9%; right: 26.5%;max-width: 170px;width: calc(170 / 1563 * 100%);}
.geopark .top-mv__illust-ship--01 {top: 24.9%; left: 17.2%;max-width: 73px;width: calc(73 / 1563 * 100%);}
.geopark .top-mv__illust-ship--02 {top: 53.2%; left: 42.7%;max-width: 112px;width: calc(112 / 1563 * 100%);}
.geopark .top-mv__illust-ship--03 {bottom: 15.6%; right: 25.9%;max-width: 125px;width: calc(125 / 1563 * 100%);}
.geopark .top-mv__illust-main {top: 48.8%; right: 28.8%;max-width: 50px;width: calc(50 / 1563 * 100%);}
.geopark .top-mv__illust-tractor {top: 40%; right: 15.4%;max-width: 40px;width: calc(40 / 1563 * 100%);}
.geopark .top-mv__illust-geopark {z-index: -1;opacity: 0;}
.geopark .top-mv__illust-geopark--01 {top: 52.4%; left: 5.6%;max-width: 64px;width: calc(64 / 1563 * 100%);}
.geopark .top-mv__illust-geopark--02 {top: 51.7%; left: 3.2%;max-width: 108px;width: calc(108 / 1563 * 100%);}
.geopark .top-mv__illust-geopark--03 {top: 51.6%; left: 2.8%;max-width: 115px;width: calc(115 / 1563 * 100%);}
.geopark .top-mv__illust-geopark--04 {top: 52.1%; left: 2.7%;max-width: 119px;width: calc(119 / 1563 * 100%);}
.geopark .top-mv__illust-geopark--05 {top: 51.5%; left: 1.1%;max-width: 138px;width: calc(138 / 1563 * 100%);}
.geopark .top-lead {margin: -122px auto 0;}
.geopark .top-lead .top-lead__text {text-align: center; line-height: 2.6; font-size: 1.6666666666667em; letter-spacing: 0.1em;}
.geopark .top-lead-illust {display: flex; justify-content: space-between;}
.geopark .top-month {max-width: 1080px;margin: min(12.667%, 152px) auto 0;display: grid;grid-template-columns: repeat(2, 1fr);column-gap: 7.4074%;row-gap: 90px;}
.geopark .month-panel a {color: #333333;position: relative;display: block;}
.geopark .month-panel__img{position: relative;}
.geopark .month-panel__img img{border-radius: 8px;transition: transform .6s ease-out;}
.geopark .month-panel__img-inner {overflow: hidden;border-radius: 8px;}
.geopark .month-panel__title {margin-top: 25px;font-size: 1.6666666666667em;letter-spacing: 0.08em;line-height: 1.75;font-weight: 700;transition: color .3s ease;}
.geopark .month-panel__description {letter-spacing: 0.08em;line-height: 1.75;font-size: 1.3333333333333em;}
.geopark .month-panel__no {line-height: 0; pointer-events: none; position: absolute;top: -55px;}
.geopark .month-panel a:hover {text-decoration: none;}
.geopark .month-panel .month-panel__img::before {content: "";position: absolute;background-size: cover;background-position: center;background-repeat: no-repeat;z-index: 99;}
.geopark .month-panel:nth-child(8n + 1) .month-panel__img::before { bottom: -7%; right: -6%; aspect-ratio: 162 / 65;width: calc(162 / 1600 * 100vw);max-width: 162px;background-image: url(/club-me/knowledge/geopark/img/img_leaf_deco_a.png); }
.geopark .month-panel:nth-child(8n + 4) .month-panel__img::before { bottom: -7%; left: -5%; aspect-ratio: 123 / 67;width: calc(123 / 1600 * 100vw);max-width: 123px;background-image: url(/club-me/knowledge/geopark/img/img_leaf_deco_b.png); }
.geopark .month-panel:nth-child(8n + 5) .month-panel__img::before { bottom: -4%; left: -7%; aspect-ratio: 162 / 65;width: calc(162 / 1600 * 100vw);max-width: 162px;background-image: url(/club-me/knowledge/geopark/img/img_leaf_deco_a.png); }
.geopark .month-panel:nth-child(8n) .month-panel__img::before { bottom: -4.8%;right: -9.2%; aspect-ratio: 123 / 67;width: calc(123 / 1600 * 100vw);max-width: 123px;background-image: url(/club-me/knowledge/geopark/img/img_leaf_deco_b.png); }
.geopark .has-illust {position: relative;}
.geopark .month-illust {position: absolute;}
.geopark .month-illust--01 {bottom: -16%;left: -195px;}
.geopark .month-illust--02 {bottom: -21%;right: -156px;}
.geopark .month-illust--03 {bottom: -9.8%;left: -130px;}
.geopark .month-illust--04 {bottom: -50%;right: -185px;}
.geopark .geopark-bottom__inner {display: flex;justify-content: space-between;align-items: flex-end;}

@media print, screen and (min-width: 768px) and (max-width: 1400px){
.geopark .top-mv__illust-cloud--01 { width: calc(291 / 1400 * 100vw); }
.geopark .top-mv__illust-cloud--02 { width: calc(171 / 1400 * 100vw); }
.geopark .top-mv__illust-cloud--03 { width: calc(350 / 1400 * 100vw); }
.geopark .top-mv__illust-cloud--04 { width: calc(143 / 1400 * 100vw); }
.geopark .top-mv__illust-cloud--05 { width: calc(245 / 1400 * 100vw); }
.geopark .top-mv__illust-cloud--06 { width: calc(116 / 1400 * 100vw); }
.geopark .top-mv__illust-cloud--07 { width: calc(162 / 1400 * 100vw); }
.geopark .top-mv__illust-bird--02 {width: calc(48 / 1400 * 100vw);left: 12%;}
}

@media print, screen and (min-width: 768px) and (max-width: 1140px){
.geopark .top-mv { margin: calc(104 / 1140 * 100vw) auto 0; }
.geopark .top-mv__illust { top: 0; }
.geopark .top-mv__title {width: calc(600 / 1140 * 100vw);}
.geopark .top-lead .top-lead__text {font-size: calc(20 / 1140 * 100vw);}
.geopark .month-illust--01 { left: -42%;width: 112px; }
.geopark .month-illust--02 { right: -40%;}
.geopark .month-illust--03 { left: -36%; }
.geopark .month-illust--04 { right: -37%;width: 125px; }
.geopark .top-lead {margin-top: 0;}
}

@media print, screen and (min-width: 768px){
.geopark .top-geopark-bg{position: relative; padding-top: 170px;background-image: url(/club-me/knowledge/geopark/img/img_bg_pc.jpg); background-position: center 72px;background-size: 1600px auto;background-repeat: repeat-x;}
.geopark .geopark-inner { padding: 0 min(12.5vw, 200px); }
.geopark .top-lead { position: relative; max-width: 1600px;}
.geopark .top-lead-illust__item { position: absolute; top: 0; }
.geopark .top-lead-illust__item--left { left: calc(50% - 812px);}
.geopark .top-lead-illust__item--right { right: calc(50% - 812px); }
.geopark .top-month .month-panel:nth-child(2n) { padding-top: 50px; }
.geopark .month-panel a:hover .month-panel__img img {transform: scale(1.17);}
.geopark .month-panel a:hover .month-panel__title {color: #30953C;}
.geopark .geopark-bottom {margin: 226px auto 0;max-width: 1600px;position: relative;}
.geopark .geopark-bottom__item{ position: absolute; bottom: 0; }
.geopark .geopark-bottom__item--left {left: calc(50% - 812px);}
.geopark .geopark-bottom__item--right {right: calc(50% - 812px);}
}

@media only screen and (max-width: 767.98px){
.geopark{background-image: url(/club-me/knowledge/geopark/img/img_bg_sp.jpg); background-position: center top;background-repeat: no-repeat; background-size: cover;}
.geopark .top-mv { margin: 38px auto 0; }
.geopark .top-mv__title {width: 66.6666vw;margin: 0 auto;max-width: 488px;}
.geopark .top-lead { margin-top: 10px; }
.geopark .top-lead .top-lead__text { line-height: 1.8; font-size: 1.4285714285714em; }
.geopark .top-lead-illust {margin-top: 13px;}
.geopark .top-lead-illust__item.top-lead-illust__item--left{width: 51%;margin-left: -4.27%;}
.geopark .top-lead-illust__item.top-lead-illust__item--right{width: 51%;margin-right: -5.334%;}
.geopark .top-mv__illust {top: 6px; left: -9px; width: 105%;}
.geopark .top-mv__illust-cloud--01 {top: 0; width: 18%; left: 2%;}
.geopark .top-mv__illust-cloud--02 {top: 18.7%; left: -2%; width: 14%; }
.geopark .top-mv__illust-cloud--03 { bottom: 4%; left: 5%; width: 22%; }
.geopark .top-mv__illust-cloud--04 {top: 7%; right: 1%; width: 8%;}
.geopark .top-mv__illust-cloud--05 {top: 4%; right: 9%; width: 16%;}
.geopark .top-mv__illust-cloud--06 { right: 2%; width: 8%; }
.geopark .top-mv__illust-cloud--07 { width: 10%; }
.geopark .top-mv__illust-bird--01 { top: 18%; width: 1.8666%; }
.geopark .top-mv__illust-bird--02 {bottom: -6%; left: 22%; width: 4.8%; }
.geopark .top-month { margin: 41px auto 0; display: block; }
.geopark .month-panel__img {margin-top: 10px;}
.geopark .month-panel__img img {width: 100%;}
.geopark .month-panel__no {position: initial;width: 20%;}
.geopark .month-panel:nth-child(8n + 1) .month-panel__img::before { bottom: -15px; right: -6px; width: 110px; height: 44px; }
.geopark .month-panel:nth-child(8n + 4) .month-panel__img::before { bottom: -8px; left: -13px; width: 83px; height: 45px; }
.geopark .month-panel:nth-child(8n + 5) .month-panel__img::before {bottom: -13px; left: -16px;width: 110px; height: 44px; }
.geopark .month-panel:nth-child(8n) .month-panel__img::before { bottom: -10px;right: -14px; width: 83px; height: 45px; }
.geopark .month-panel__title { margin-top: 16px; font-size: 1.5238095238095em; }
.geopark .month-panel__description { font-size: 1.2380952380952em;line-height: 1.6; }
.geopark .month-panel + .month-panel {margin-top: 38px;}
.geopark .month-illust {display: none;}
.geopark .geopark-bottom { margin-top: 74px; }
.geopark .geopark-bottom__item--left { width: 51%;margin-left: -4.27%;}
.geopark .geopark-bottom__item--right { width: 51%;margin-right: -5.334%; }
}