/* ページ背景の設定 */
.geopark{background-image: url(/club-me/knowledge/geopark/01/img/img_bg_pc.jpg); background-position: center top; background-size: cover;background-repeat: no-repeat;}
/* MVエリア イラスト */
.geopark .geopark-mv__illust {position: absolute;bottom: -6%;right: 16.3%;z-index: 1;}
.geopark .geopark-mv__leaf {position: relative;z-index: 1;}
.geopark .geopark-mv__leaf {display: flex;justify-content: space-between;}
/* リードエリア イラスト */
.geopark .geopark-lead__illust {position: absolute; bottom: -2%; left: 8%;z-index: 1; }
.geopark .geopark-lead__bg {position: absolute;bottom: -214%;right: -14.5%;}
/* 見出し イラスト */
.geopark .geopark-heading .geopark-heading__illust {position: absolute;}
.geopark .geopark-heading .geopark-heading__illust--a {bottom: -37%; right: -16%; }
.geopark .geopark-heading .geopark-heading__illust--b {bottom: -17%;right: -9.5%;}
.geopark .geopark-heading .geopark-heading__illust--c {top: -20%; left: -8%;}
.geopark .geopark-heading .geopark-heading__illust--d {bottom: -20%;left: 103%;width: 60px;}
.geopark .geopark-heading .geopark-heading__bg {position: absolute;top: -210%;left: -28%;}
.geopark .geopark-img__illust-a {top: -100px; left: -120px;}
.geopark .geopark-img__illust-b {bottom: -24px;left: -36px;}
.geopark .geopark-img__illust-c {bottom: -28px;right: -18px;}
.geopark .geopark-img__illust-d {top: -140px;right: -130px;}
/* ページ下部エリア イラスト */
.geopark .geopark-bottom { position: relative; }
.geopark .geopark-bottom__item--left>img {position: relative;z-index: 99;}
.geopark .geopark-bottom__inner {display: flex;justify-content: space-between;align-items: flex-end;}
.geopark .geopark-bottom__item--left .geopark-bottom__item-leaf {position: absolute;}
.geopark .geopark-bottom__item--left .geopark-bottom__item-leaf--01 {bottom: -26px; right: -176px;z-index: 2;}
.geopark .geopark-bottom__item--left .geopark-bottom__item-leaf--02 {bottom: -4px; right: -218px;z-index: 1;} 
.geopark .geopark-bottom__item--left .geopark-bottom__item-leaf--03 { bottom: -12px; right: -84px; }
.geopark .geopark-bottom__item--left .geopark-bottom__item-animal {position: absolute; bottom: -24px; right: -317px;}

@media print, screen and (min-width: 1600px){
.geopark{background-size: 1600px auto;background-repeat: repeat-x; background-position: center bottom;}
}

@media print, screen and (min-width: 768px) and (max-width: 1500px){
.geopark .geopark-mv__illust { width:10.66vw; }
.geopark .geopark-lead__illust {top: -130px;left: 12.3%;width: 9.06666vw;min-width: 116px;}
}

@media print, screen and (min-width: 768px) and (max-width: 1200px){
.geopark .geopark-heading .geopark-heading__illust--a {bottom:-5%;}
.geopark .geopark-heading .geopark-heading__illust--b {bottom:-5%;}
}

@media print, screen and (min-width: 768px) {
.geopark .geopark-mv__leaf__item {position: absolute;bottom: -60px;margin-bottom: calc(100vw / 1600 * 57);}
.geopark .geopark-mv__leaf__item.geopark-mv__leaf__item--left {left: calc(50% - 830px);}
.geopark .geopark-mv__leaf__item.geopark-mv__leaf__item--right {right: calc(50% - 812px);}
.geopark .geopark-bottom { margin: 152px auto 0; max-width: 1600px;}
.geopark .geopark-bottom__item { position: absolute; bottom: 0;}
.geopark .geopark-bottom__item--left { left: calc(50% - 830px); }
.geopark .geopark-bottom__item--right { right: calc(50% - 812px); }
}

@media only screen and (max-width: 767.98px){
.geopark .geopark-mv__illust {bottom: -26px; right: 12.5%; width: 53px;}
.geopark .geopark-mv__leaf {margin-top: -12.27%;}
.geopark .geopark-mv__leaf__item.geopark-mv__leaf__item--left {width: 51%;margin-left: -10.134%;}
.geopark .geopark-mv__leaf__item.geopark-mv__leaf__item--right {width: 51%;margin-right: -5.87%;}
.geopark{background-image: url(/club-me/knowledge/geopark/01/img/img_bg_sp.jpg); }
.geopark .geopark-lead__illust { top: -88px; left: 12.3%; width: 63px; }
.geopark .geopark-lead__bg { top: 100px; bottom: auto; right: -46px; width: 172px; }
.geopark .geopark-heading .geopark-heading__illust--a {top: 20px; right: -68%; left: auto; width: 81px;}
.geopark .geopark-heading .geopark-heading__illust--b {width: 84px; right: -83%; bottom: -23%;}
.geopark .geopark-heading .geopark-heading__illust--c {display: none;}
.geopark .geopark-heading .geopark-heading__illust--d {bottom: 0; right: -58%; left: auto; width: 42px; }
.geopark .geopark-heading .geopark-heading__bg { position: absolute; top: -104%; left: -76px; width: 190px; }
.geopark .geopark-img__illust-a {top: -12%;left: -6.6%; width: calc(80 / 375 * 100vw);min-width: 80px; }
.geopark .geopark-img__illust-b { bottom: -3%; left: -2%; width: calc(47 / 375 * 100vw);min-width: 47px; }
.geopark .geopark-img__illust-c { bottom: -2%; right: -3%; width: calc(33 / 375 * 100vw);min-width: 33px; }
.geopark .geopark-img__illust-d {top: -18%;right: -10%;width: calc(107 / 375 * 100vw);min-width: 107px; }
.geopark .geopark-bottom__item--left .geopark-bottom__item-animal {bottom: -36%; left: 34.5%; right: auto; width: 19%;}
.geopark .geopark-bottom__item--left {width: 33%; margin-left: -7.9%;}
.geopark .geopark-bottom__item--left .geopark-bottom__item-leaf--01 {bottom: -19%; left: 23.6%; right: auto; width: 16.3%;}
.geopark .geopark-bottom__item--left .geopark-bottom__item-leaf--02 {bottom: -6%; left: 33%; right: auto; width: 11%;}
.geopark .geopark-bottom__item--left .geopark-bottom__item-leaf--03 {bottom: -11%; left: 13.4%; right: auto; width: 19%;}
.geopark .geopark-bottom__item--right {width: 51%;margin-right: -5.334%;}
.geopark .geopark-bottom {margin-top: 72px;}
}