@charset "UTF-8";

/* sass */
body { position: relative; color: #111111; background: rgba(255, 255, 255, 0.65) url(../image/bg-body.webp); background-size: 1000px auto; }

body:before { content: ""; position: fixed; top: -150px; bottom: -150px; left: 0; display: block; width: 100%; background-color: rgba(255, 255, 255, 0.65); -webkit-backdrop-filter: blur(50px); backdrop-filter: blur(50px); transition: .3s; }

.bg-type1 { background-position: top 7% left 52%; }

.bg-type2 { background-position: top 33% left 52%; }

.bg-type3 { background-position: top 41% left 51%; }

.bg-type4 { background-position: top 33% left 51%; }

.bg-type5 { background-position: top 33% left 51%; }

.bg-type6 { background-position: top 7% left 51%; }

.bg-type7 { background-position: top 7% left 51%; }

.txt-skip { font-size: 0rem; line-height: 0; }

.main { position: relative; padding: 120px 25px 80px; }

.header { position: fixed; top: 10px; width: calc(100% - 20px); left: 10px; z-index: 5; overflow: visible; -webkit-transform: translateY(0); transform: translateY(0); transition: 0.3s -webkit-transform; transition: 0.3s transform; transition: 0.3s transform, 0.3s -webkit-transform; }

.header .header-inner { background-color: #fff; border-radius: 10px; padding: 16px; position: relative; z-index: 4; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.06); }

.header .header-body { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; }

.header .header-logo { font-size: 0rem; line-height: 0; }

.header .header-logo img { height: 18px; width: auto; }

.header .btn-sp-menu { display: flex; height: 20px; margin-left: auto; position: relative; align-items: center; transition: .4s; line-height: 1; }

.header .btn-sp-menu .text { font-family: 'Inter', sans-serif; text-align: center; font-size: 1.1rem; font-weight: 600; display: block; margin-bottom: 1px; margin-right: 5px; color: #111111; }

.header .btn-sp-menu .line { height: 4px; width: 30px; transition: 0.3s; position: relative; }

.header .btn-sp-menu .line:before, .header .btn-sp-menu .line:after { content: ""; display: block; height: 3px; position: absolute; width: 100%; background-color: #111111; transition: inherit; }

.header .btn-sp-menu .line:before { top: -3px; }

.header .btn-sp-menu .line:after { top: 3px; }

.header .wrap-nav { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden; transition: opacity .3s; z-index: -1; padding-top: 16px; overflow: auto; }

.header .nav-items > li { font-size: 1.6rem; line-height: 1.6; font-weight: 800; border-bottom: 1px solid #DFE5DE; padding: 15px 0; }

.header .nav-items > li > a { position: relative; padding-left: 14px; display: inline-block; }

.header .nav-items > li > a::before { content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #3DAE23; position: absolute; left: 0; top: 0.5em; }

.header .nav-items-second { padding-top: 2px; }

.header .nav-items-second > li { font-size: 1.4rem; line-height: 1.6; padding-top: 4px; font-weight: 400; position: relative; padding-left: 14px; }

.header .nav-items-second > li::before { content: ""; display: block; width: 6px; height: 6px; box-shadow: 1px 1px 0px 0px #3DAE23; position: absolute; left: -4px; top: 0.65em; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.header .wrap-invitation { margin-top: 20px; display: flex; }

.header .wrap-invitation .txt { display: flex; align-items: center; }

.header .wrap-invitation .txt::before { content: ""; display: block; width: 60px; height: 53px; background: transparent url(../image/logo-manabi.webp) no-repeat center center; background-size: contain; flex-grow: 1; margin-right: 10px; font-size: 0rem; line-height: 0; }

.header .wrap-invitation .txt .wrap-txt { max-width: calc(100% - 70px); font-size: 1.5rem; font-weight: 800; line-height: 1.4; }

.header .wrap-invitation .txt .wrap-txt .inner { display: block; font-size: 1.0rem; }

.header .wrap-drop { display: none; }

.header.hide { -webkit-transform: translateY(-150%); transform: translateY(-150%); }

.bg-mask { transition: .3s; }

.menu-open { overflow: hidden; position: relative; }

.menu-open .bg-mask { background-color: rgba(0, 0, 0, 0.4); z-index: 3; position: fixed; top: 0; bottom: 0; width: 100%; }

.menu-open .header { top: 0; bottom: 0; overflow: auto; max-height: 100vh; padding: 10px 0; }

.menu-open .header:before { content: ""; opacity: 1; z-index: 3; pointer-events: none; }

.menu-open .header .btn-sp-menu { position: fixed; right: 26px; top: 26px; z-index: 2; }

.menu-open .header .btn-sp-menu .line { background-color: transparent; }

.menu-open .header .btn-sp-menu .line::before { top: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.menu-open .header .btn-sp-menu .line::after { top: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }

.menu-open .header .btn-sp-menu .text { font-size: 0rem; }

.menu-open .header .btn-sp-menu .text::before { content: attr(data-text) ""; font-family: 'Inter', sans-serif; text-align: center; font-size: 1.1rem; font-weight: 600; display: block; color: #111111; }

.menu-open .header .wrap-nav { position: relative; opacity: 1; visibility: visible; z-index: 1; }

.footer { position: relative; background-color: #015F2C; padding: 40px 25px 20px; color: #fff; }

.footer:before, .footer::after { content: ""; display: block; width: 20px; height: 20px; background: transparent url(../image/bg-footer.svg) no-repeat 0 0; background-image: contain; position: absolute; top: -20px; }

.footer::before { left: 0; -webkit-transform: scale(-1, 1); transform: scale(-1, 1); }

.footer::after { right: 0; }

.footer a { color: #fff; }

.footer .txt { font-size: 1.4rem; margin-top: 20px; line-height: 1.6; }

.footer .wrap-invitation, .footer .wrap-nav { border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 40px; }

.footer .wrap-invitation dt, .footer .wrap-nav dt { text-align: center; font-size: 1.6rem; font-weight: 800; line-height: 1.5; }

.footer .nav-items > li { font-size: 1.4rem; line-height: 1.6; font-weight: 800; margin: 20px 0 0; position: relative; padding-left: 14px; }

.footer .nav-items > li::before { content: ""; display: block; width: 8px; height: 8px; border-radius: 50%; background-color: #3DAE23; position: absolute; left: 0; top: 0.5em; }

.footer .nav-items > li:first-child { margin-top: 0; }

.footer .nav-items-second { padding-top: 2px; }

.footer .nav-items-second > li { font-size: 1.2rem; line-height: 1.6; padding-top: 5px; font-weight: 400; }

.footer .nav-items-sub { padding-top: 20px; }

.footer .nav-items-sub > li { font-size: 1.2rem; line-height: 1.6; margin-top: 9px; }

.footer .copyright { margin-top: 60px; }

.footer .copyright small { font-size: 1.0rem; line-height: 1.2; }

.footer .txt-copy { margin-top: 8px; font-size: 1.0rem; line-height: 1.4; }

.footer .wrap-btn { margin-top: 20px; }

.footer .wrap-btn + .wrap-btn { margin-top: 10px; }

.footer .wrap-btn .sp1, .footer .wrap-btn .sp2 { border-radius: 8px; }

.footer .wrap-btn .sp1 .inner, .footer .wrap-btn .sp2 .inner { font-weight: 400; color: #111111; font-size: 1.2rem; display: block; margin-top: 5px; }

.footer .wrap-btn .sp1.blank .link-icon:after, .footer .wrap-btn .sp2.blank .link-icon:after { -webkit-transform: scale(0.9); transform: scale(0.9); }

.footer .wrap-btn .sp1 { padding-left: 115px; min-height: 100px; font-size: 2.4rem; background-image: url(../image/bg-manabi.webp); background-repeat: no-repeat; background-position: left; background-size: contain; }

.footer .wrap-btn .sp1.pt2 { background-image: url(../image/bg-jellyfish.webp); }

.footer .wrap-btn .sp2 { border-radius: 8px; padding-left: 15px; }

.footer .wrap-btn .btn .wrap-txt .txt-sub { color: #015F2C; font-weight: 800; line-height: 1.4; font-size: 1.2rem; display: block; }

.fw-extrabold { font-weight: 800; }

.wrap-slider-pt01 { max-width: 1280px; margin: 0 auto; }

.wrap-slider-pt01.ver-item .wrap-slider-main .splide__slide { padding: 30px 36px; border-radius: 10px; background: #FFFFFF; border: 1px solid #DFE5DE; }

.wrap-slider-pt01.ver-item .wrap-slider-main .splide__slide img { border-radius: 0; }

.wrap-slider-pt01.ver-item .wrap-slider-thumbnail { margin-top: 10px; }

.wrap-slider-pt01.ver-item .wrap-slider-thumbnail .splide__slide { position: relative; }

.wrap-slider-pt01.ver-item .wrap-slider-thumbnail .splide__slide:before { content: ""; display: block; position: absolute; top: -1px; bottom: -1px; left: -1px; right: -1px; margin: auto; outline: 1px solid #DFE5DE; border-radius: 2px; }

.wrap-slider-pt01.ver-item .wrap-slider-thumbnail .splide__slide.is-active { border: 2px solid #3DAE23; border-radius: 4px; }

.wrap-slider-pt01.ver-item .wrap-slider-thumbnail .splide__slide.is-active:before { display: none; }

.wrap-slider-pt01 .splide__slide img { width: 100%; height: 100%; border-radius: 10px; object-fit: cover; }

.wrap-slider-pt01 .wrap-slider-main { position: relative; }

.wrap-slider-pt01 .wrap-slider-main .splide__arrows { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; height: 30px; pointer-events: none; }

.wrap-slider-pt01 .wrap-slider-main .splide__arrow { position: absolute; background-color: #015F2C; -webkit-filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.12)); filter: drop-shadow(0px 0px 10px rgba(0, 0, 0, 0.12)); border-radius: 50%; width: 30px; height: 30px; font-size: 0rem; line-height: 0; background-image: url(../image/icon-arrow-slider.svg); background-repeat: no-repeat; background-size: 6px 9px; background-position: center center; pointer-events: auto; }

.wrap-slider-pt01 .wrap-slider-main .splide__arrow--prev { left: -15px; }

.wrap-slider-pt01 .wrap-slider-main .splide__arrow--next { right: -15px; -webkit-transform: scaleX(-1); transform: scaleX(-1); }

.wrap-slider-pt01 .wrap-slider-main .splide__toggle { background-color: #FFFFFF; border: 1px solid #015F2C; border-radius: 50%; width: 30px; height: 30px; font-size: 0rem; line-height: 0; position: absolute; bottom: 10px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: flex; align-items: center; justify-content: center; }

.wrap-slider-pt01 .wrap-slider-main .splide__toggle.is-active .splide__toggle__pause { display: block; }

.wrap-slider-pt01 .wrap-slider-main .splide__toggle.is-active .splide__toggle__play { display: none; }

.wrap-slider-pt01 .wrap-slider-main .splide__toggle .splide__toggle__play { display: block; width: 10px; height: 8px; background-image: url(../image/icon-play.svg); background-repeat: no-repeat; background-size: 10px 8px; background-position: center center; }

.wrap-slider-pt01 .wrap-slider-main .splide__toggle .splide__toggle__pause { display: none; width: 6px; height: 10px; background-image: url(../image/icon-pause.svg); background-repeat: no-repeat; background-size: 6px 10px; background-position: center center; }

.wrap-slider-pt01 .wrap-slider-thumbnail { margin-top: 10px; }

.wrap-slider-pt01 .wrap-slider-thumbnail .splide__list { justify-content: center; }

.wrap-slider-pt01 .wrap-slider-thumbnail .splide__slide { cursor: pointer; border: 2px solid transparent; transition: border-color 0.3s; }

.wrap-slider-pt01 .wrap-slider-thumbnail .splide__slide.is-active { border: 2px solid #3DAE23; border-radius: 4px; }

.wrap-slider-pt01 .wrap-slider-thumbnail .splide__slide:last-child { margin-right: 0 !important; }

.wrap-slider-pt01 .wrap-slider-thumbnail .splide__slide img { border-radius: 2px; }

.wrap-content-col { margin-top: 36px; }

.wrap-btn .btn.btn-image { padding-left: 95px; padding-top: 31px; padding-bottom: 30px; background-repeat: no-repeat; background-size: 70px 70px; background-position: left 15px center; }

.wrap-btn .btn.butterfly { background-image: url(../image/img-butterfly.webp); }

.wrap-btn .btn.manabi { background-image: url(../image/img-manabi.webp); }

.wrap-btn .btn.dnp { background-image: url(../image/img-dnp.webp); }

.wrap-img.content { margin-top: 40px; }

.wrap-img.content img { border-radius: 10px; }

.wrap-img.content + .wrap-btn { margin-top: 20px; }

.wrap-img.map { margin-top: 40px; font-size: 0rem; line-height: 0; }

.wrap-img.map img { border-radius: 10px; }

.wrap-img.map + .wrap-btn { margin-top: 20px; }

.ver-about .hdg-lv2 { margin-top: 52px; margin-bottom: 36px; }

.ver-content-item .hdg-lv2 { text-align: center; margin-top: 0; font-size: 2.4rem; line-height: 1.5; color: #111111; margin-bottom: 31px; }

.wrap-detail-item .wrap-txt { margin-top: 40px; }

.wrap-box-video { margin-top: 40px; margin-bottom: 40px; }

.wrap-box-video .wrap-video { margin-bottom: 30px; }

.wrap-box-video .wrap-video + .txt-st { margin-top: 30px; }

.box-reference { margin-top: 40px; padding: 20px 20px 24px; border-radius: 10px; background-color: #FFFFFF; border: 1px solid #dfe5de; text-align: center; }

.box-reference .ttl { font-size: 1.5rem; font-weight: 800; line-height: 2.13; text-align: center; color: #111111; margin-bottom: 20px; }

.box-reference .wrap-link + .txt-st { margin-top: 40px; }

.box-reference .txt-st + .wrap-link { margin-top: 8px; }

.box-reference + .wrap-btn { margin-top: 60px; }

.ver-content .hdg-lv2 { margin-top: 67px; margin-bottom: 36px; text-align: center; }

.list-item { margin-top: 40px; display: flex; flex-wrap: wrap; margin-left: -4px; }

.list-item > li { width: 50%; padding-left: 4px; }

.list-item > li:nth-child(n + 3) { margin-top: 4px; }

.list-item .box { display: flex; flex-direction: column; justify-content: space-between; padding: 17px 10px 16px; border-radius: 10px; background-color: #FFFFFF; border: 1px solid #015F2C; height: 100%; min-height: 255px; }

.list-item .box-head { flex: 1; margin-bottom: 4px; }

.list-item .number { display: block; font-weight: 500; font-size: 2.0rem; line-height: 1.2; text-align: center; color: #015F2C; }

.list-item .ttl { font-size: 1.6rem; line-height: 1.25; font-weight: 800; text-align: center; color: #111111; }

.list-item .wrap-img { margin-top: 4px; }

.list-item .wrap-btn { margin-top: 11px; }

.list-item .wrap-btn > li:first-child { margin-top: 0; }

.btn-pt1 { display: flex; transition: .3s; font-size: 1.2rem; font-weight: 800; color: #111111; line-height: 1.4; position: relative; min-height: 32px; align-items: center; justify-content: center; padding-right: 38px; }

.btn-pt1 .link-icon { content: ""; display: flex; width: 32px; height: 32px; background-color: #015F2C; position: absolute; right: 0; border-radius: 50%; overflow: hidden; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); align-items: center; justify-content: center; }

.btn-pt1 .link-icon:after { content: ""; display: block; width: 12px; height: 12px; -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(3%) saturate(872%) hue-rotate(227deg) brightness(122%) contrast(100%); filter: brightness(0) saturate(100%) invert(96%) sepia(3%) saturate(872%) hue-rotate(227deg) brightness(122%) contrast(100%); background-size: contain; }

.btn-pt1.arrow .link-icon:after { background: transparent url(../image/icon-arrow.svg) no-repeat center center; }

.btn-pt1.blank .link-icon:after { width: 14px; height: 14px; background: transparent url(../image/icon-blank.svg) no-repeat center center; }

.btn-pt1.pdf .link-icon:after { width: 16px; height: 16px; background: transparent url(../image/icon-pdf.svg) no-repeat center center; }

.ver-content-creatures .hdg-lv2 { margin-top: 74px; margin-bottom: 36px; }

.ver-content-creatures .wrap-list-img { margin-top: 40px; }

.list-img-col { display: flex; flex-wrap: wrap; margin-left: -10px; }

.list-img-col > li { width: 50%; padding-left: 10px; }

.list-img-col > li:nth-child(n + 2) { margin-top: 10px; }

.list-img-col > li:first-child { width: 100%; }

.list-img-col .wrap-img img { border-radius: 10px; }

.list-img-col-pt1 { margin-top: 40px; }

.list-img-col-pt1 > li + li { margin-top: 30px; }

.list-img-col-pt1 .wrap-img img { border-radius: 10px; }

.list-img-col-pt1 .desc { margin-top: 18px; font-size: 1.8rem; line-height: 1.5; font-weight: 800; color: #111111; }

.ver-guide { margin-top: 50px; }

.ver-guide + .ver-guide { margin-top: 60px; }

.ver-guide .hdg-lv2 { font-size: 2.4rem; letter-spacing: -0.05em; line-height: 1.5; text-align: left; color: #111111; margin-bottom: 31px; }

.ver-guide .hdg-lv2 .lang-ver1 { font-size: 6rem; font-weight: 500; text-align: left; }

.ver-guide .wrap-txt .wrap-btn { margin-top: 20px; }

.ver-guide .wrap-txt + .wrap-img { margin-top: 40px; }

.ver-guide .wrap-img img { border-radius: 10px; }

.ver-guide .wrap-img + .wrap-txt { margin-top: 40px; }

.wrap-guide-intro { margin-top: 40px; }

.wrap-guide-intro .box { border-radius: 10px; background: #fbfbfb; box-shadow: 0px 0px 30px rgba(1, 95, 44, 0.15); }

.wrap-guide-intro .wrap-img { position: relative; }

.wrap-guide-intro .wrap-img img { border-radius: 10px 10px 0 0; }

.wrap-guide-intro .txt-copy { font-size: 1.1rem; position: absolute; right: 5px; bottom: 0; text-shadow: 0px 0px 2px #FFFFFF; }

.wrap-guide-intro .txt-copy.ver2 { font-size: 0.8rem; position: absolute; width: 100%; text-align: center; font-family: 'Inter', sans-serif; right: auto; bottom: 14px; text-shadow: none; color: #fff; }

.wrap-guide-intro .wrap-btn { margin-top: 0; padding: 14px 20px 21px; }

.wrap-guide-intro .wrap-btn > li { margin-top: 0; }

.wrap-guide-intro .wrap-btn .btn-pt2 { padding-left: 48px; }

.wrap-guide-intro .wrap-btn .btn-pt2 .link-icon { top: 15px; -webkit-transform: none; transform: none; }

.wrap-guide-intro .wrap-btn .btn-pt2 .sub { line-height: 1.6; }

.wrap-guide-intro .wrap-btn .btn-pt2 .add-txt { display: block; color: #111111; margin-top: 18px; font-size: 1.2rem; line-height: 1.8; font-weight: 500; }

.wrap-guide-intro .wrap-btn .btn-pt2 .add-txt em { color: #015F2C; }

.wrap-guide-intro + .wrap-guide-intro { margin-top: 20px; }

.btn-pt2 { width: 100%; font-size: 1.8rem; line-height: 1.5; font-weight: 800; color: #015F2C; position: relative; padding-left: 52px; }

.btn-pt2 .sub { margin-top: 6px; display: block; font-weight: 500; font-size: 1.2rem; line-height: 1.4; color: #111111; }

.btn-pt2 .link-icon { content: ""; display: flex; width: 32px; height: 32px; background-color: #015F2C; position: absolute; left: 0; border-radius: 50%; overflow: hidden; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); align-items: center; justify-content: center; }

.btn-pt2 .link-icon:after { content: ""; display: block; width: 12px; height: 12px; -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(3%) saturate(872%) hue-rotate(227deg) brightness(122%) contrast(100%); filter: brightness(0) saturate(100%) invert(96%) sepia(3%) saturate(872%) hue-rotate(227deg) brightness(122%) contrast(100%); background-size: contain; }

.btn-pt2.arrow .link-icon:after { background: transparent url(../image/icon-arrow.svg) no-repeat center center; }

.btn-pt2.blank .link-icon:after { width: 14px; height: 14px; background: transparent url(../image/icon-blank.svg) no-repeat center center; }

.btn-pt2.pdf .link-icon:after { width: 16px; height: 16px; background: transparent url(../image/icon-pdf.svg) no-repeat center center; }

a { color: #111111; }

body, input, button, textarea, select { font-family: 'Noto Sans JP', sans-serif; }

.txt-st { font-size: 1.4rem; line-height: 1.8; }

.txt-st + .txt-st { margin-top: 16px; }

.txt-st + .txt-st.ft-l { font-size: 1.8rem; }

.txt-st + .txt-st.ft-s { font-size: 1.2rem; }

.link-icon { font-size: 0rem; line-height: 0; }

.link-txt { color: #015F2C; font-weight: 500; position: relative; background: linear-gradient(currentcolor, currentcolor) 100% 100%/0 1px no-repeat; transition: background-size 1s cubic-bezier(0.16, 1, 0.3, 1) 0s; will-change: background-size; background-position: 0 100%; background-size: 100% 1px; }

.link-txt.blank, .link-txt.pdf { background-size: calc(100% -  22.5px) 1px; }

.link-txt.blank .link-icon, .link-txt.pdf .link-icon { font-size: 0rem; line-height: 0; position: relative; padding: 0 5px; }

.link-txt.blank .link-icon:after, .link-txt.pdf .link-icon:after { content: ""; display: inline-block; width: 12px; height: 12px; background: transparent url(../image/icon-blank.svg) no-repeat center center; background-size: contain; }

.link-txt.pdf .link-icon:after { background-image: url(../image/icon-pdf.svg); }

.link-txt.col-black { color: #111111; }

.link-txt.col-black:before { background-color: #111111; }

.lang-ver1 { font-family: 'Crimson Pro', serif !important; }

.hdg-lv1 { font-family: 'Shuei Yokobuto Min M', serif; -webkit-font-feature-settings: "palt" 1; font-feature-settings: "palt" 1; letter-spacing: 0; font-weight: 500; font-size: 3.2rem; line-height: 1.5; margin-bottom: 50px; }

.hdg-lv1.lang-ver1 { font-weight: 500; }

.hdg-lv1 .lang-ver1 { display: block; margin-top: 8px; font-size: 1.3rem; color: #015F2C; font-weight: 600; }

.hdg-lv1 .txt-add { display: block; margin-bottom: 12px; font-size: 1.2rem; color: #111111; font-weight: 500; font-family: 'Noto Sans JP', sans-serif; }

.hdg-lv2 { font-family: 'Shuei Yokobuto Min M', serif; -webkit-font-feature-settings: "palt" 1; font-feature-settings: "palt" 1; letter-spacing: 0; font-weight: 500; font-size: 1.8rem; line-height: 1.5; margin-top: 50px; margin-bottom: 40px; text-align: center; }

.hdg-lv2 .lang-ver1 { display: block; font-size: 5.6rem; color: #015F2C; font-weight: 500; line-height: 1.2; }

.hdg-lv2.ver-concept1 { font-size: 2.4rem; line-height: 1.4; margin: 0; padding-top: 15px; padding-bottom: 4px; min-height: 116px; text-align: center; }

.hdg-lv2.ver-concept1 .inner { color: #015F2C; }

.hdg-lv2.ver-reverse { text-align: center; font-size: 3.6rem; }

.hdg-lv2.ver-reverse .lang-ver1 { font-size: 2.4rem; text-align: center; }

.wrap-contents-pt2 .hdg-lv2.ver-concept1 { padding-top: 100px; min-height: 1em; }

.hdg-lv3 { font-family: 'Shuei Yokobuto Min M', serif; -webkit-font-feature-settings: "palt" 1; font-feature-settings: "palt" 1; letter-spacing: 0; font-weight: 500; font-size: 1.6rem; line-height: 1.5; margin-top: 40px; margin-bottom: 24px; }

.list-normal-pt1 { margin-top: 20px; }

.list-normal-pt1 > li { margin-top: 12px; padding-left: 16px; position: relative; line-height: 1.8; font-size: 1.4rem; }

.list-normal-pt1 > li:first-child { margin-top: 0; }

.list-normal-pt1 > li::before { content: ""; display: block; width: 6px; height: 6px; border-radius: 50%; background-color: #015F2C; position: absolute; left: 0; top: 0.7em; }

.list-number-pt1 { margin-top: 20px; list-style-type: decimal; padding-left: 16px; }

.list-number-pt1 > li { margin-top: 12px; position: relative; line-height: 1.8; font-size: 1.4rem; }

.list-number-pt1 > li:first-child { margin-top: 0; }

.list-number-pt1 > li::marker { color: #015F2C; font-weight: 500; }

.tbl-pt1 { margin-top: 40px; border-collapse: collapse; width: 100%; }

.tbl-pt1 td, .tbl-pt1 th { font-size: 1.4rem; line-height: 1.6; padding: 15px; border: 1px solid #DFE5DE; background-color: #fff; }

.tbl-pt1 th { background-color: #FBFBFB; font-weight: 800; }

.wrap-tbl { overflow-x: scroll; margin-right: -25px; }

.wrap-tbl .tbl-pt1 { width: 1060px; }

.wrap-column1 { background-color: #fff; margin-top: 35px; padding: 20px; border: 1px solid #DFE5DE; border-radius: 10px; }

.wrap-column1 > :first-child { margin-top: 0; }

.wrap-video { margin: 35px auto; border-radius: 10px; position: relative; width: 100%; max-width: 800px; padding-top: 56.25%; }

.wrap-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 10px; }

.u-fw-n { font-weight: normal !important; }

.u-fw-b { font-weight: bold !important; }

.wrap-btn { margin-top: 40px; }

.wrap-btn > li { margin-top: 15px; display: flex; justify-content: center; }

.wrap-btn .btn { display: flex; color: #015F2C; border: 1px solid #015F2C; border-radius: 80px; padding: 14px 55px 14px 25px; background-color: #fff; transition: .3s; font-size: 1.6rem; font-weight: 800; min-width: 100%; line-height: 1.4; position: relative; min-height: 60px; align-items: center; transition: background-color .6s; }

.wrap-btn .btn .ft-s { font-size: 1.4rem; }

.wrap-btn .btn .link-icon { content: ""; display: flex; width: 32px; height: 32px; background-color: #015F2C; position: absolute; right: 14px; border-radius: 50%; overflow: hidden; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); align-items: center; justify-content: center; }

.wrap-btn .btn .link-icon:after { content: ""; display: block; width: 12px; height: 12px; -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(3%) saturate(872%) hue-rotate(227deg) brightness(122%) contrast(100%); filter: brightness(0) saturate(100%) invert(96%) sepia(3%) saturate(872%) hue-rotate(227deg) brightness(122%) contrast(100%); background-size: contain; }

.wrap-btn .btn.arrow .link-icon:after { background: transparent url(../image/icon-arrow.svg) no-repeat center center; }

.wrap-btn .btn.blank .link-icon:after { width: 14px; height: 14px; background: transparent url(../image/icon-blank.svg) no-repeat center center; }

.wrap-btn .btn.pdf .link-icon:after { width: 16px; height: 16px; background: transparent url(../image/icon-pdf.svg) no-repeat center center; }

@-webkit-keyframes forward { 0% { -webkit-transform: translate(0); transform: translate(0); }
  50% { -webkit-transform: translate(200%); transform: translate(200%); }
  50.1% { -webkit-transform: translate(-200%); transform: translate(-200%); }
  to { -webkit-transform: translate(0); transform: translate(0); } }

@keyframes forward { 0% { -webkit-transform: translate(0); transform: translate(0); }
  50% { -webkit-transform: translate(200%); transform: translate(200%); }
  50.1% { -webkit-transform: translate(-200%); transform: translate(-200%); }
  to { -webkit-transform: translate(0); transform: translate(0); } }

.list-category { display: flex; flex-wrap: wrap; margin: -8px 0 0 -4px; }

.list-category > li { margin: 8px 0 0 4px; width: calc(50% - 4px); }

.list-category > li:first-child { width: calc(100% - 4px); }

.list-category button, .list-category label { cursor: pointer; display: block; width: 100%; border-radius: 40px; text-align: center; border: 1px solid #E5E5E5; background-color: #F8F8F8; color: #111111; padding: 6.5px; font-size: 1.2rem; line-height: 1.4; font-weight: 500; }

.list-category button.selected, .list-category button:has(input[type="radio"]:checked), .list-category label.selected, .list-category label:has(input[type="radio"]:checked) { border-color: #015F2C; background-color: #015F2C; color: #fff; }

.list-pager { display: flex; flex-wrap: wrap; justify-content: center; margin: 20px 0 0 -10px; }

.list-pager > li { margin: 10px 0 0 10px; }

.list-pager > li:first-child, .list-pager > li:last-child { display: none; }

.list-pager > li.selected a { border-color: #015F2C; background-color: #015F2C; color: #fff; }

.list-pager button, .list-pager a { cursor: pointer; display: flex; align-items: center; justify-content: center; min-height: 32px; min-width: 32px; border-radius: 50%; border: 1px solid #015F2C; background-color: #fff; color: #015F2C; font-family: 'Inter', sans-serif; font-size: 1.2rem; line-height: 1; font-weight: 500; transition: .3s; }

.list-info { margin-top: 25px; }

.list-info > li { border-bottom: 1px solid #DFE5DE; }

.list-info > li > a, .list-info > li > span { display: block; padding: 25px 0; position: relative; }

.list-info > li > a.arrow .link-icon, .list-info > li > a.blank .link-icon, .list-info > li > a.pdf .link-icon, .list-info > li > span.arrow .link-icon, .list-info > li > span.blank .link-icon, .list-info > li > span.pdf .link-icon { display: block; width: 16px; height: 16px; position: absolute; right: 0; top: 28px; overflow: hidden; }

.list-info > li > a.arrow .link-icon:after, .list-info > li > a.blank .link-icon:after, .list-info > li > a.pdf .link-icon:after, .list-info > li > span.arrow .link-icon:after, .list-info > li > span.blank .link-icon:after, .list-info > li > span.pdf .link-icon:after { content: ""; display: flex; background-position: right center; background-size: contain; background-repeat: no-repeat; }

.list-info > li > a.arrow .link-icon:after, .list-info > li > span.arrow .link-icon:after { background-image: url(../image/icon-arrow.svg); width: 12px; height: 12px; }

.list-info > li > a.blank .link-icon:after, .list-info > li > span.blank .link-icon:after { background-image: url(../image/icon-blank.svg); width: 14px; height: 14px; }

.list-info > li > a.pdf .link-icon:after, .list-info > li > span.pdf .link-icon:after { background-image: url(../image/icon-pdf.svg); width: 14px; height: 16px; }

.list-info .txt-st { font-size: 1.4rem; line-height: 1.8; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 4; margin-top: 15px; }

.list-info .date { font-size: 1.2rem; color: #015F2C; font-weight: 500; }

.list-info .category { font-size: 1.0rem; line-height: 1.2; border-radius: 30px; padding: 4px 10px; font-weight: 500; background-color: #015F2C; color: #fff; margin-left: 10px; min-width: 80px; text-align: center; }

.list-info .wrap-txt { display: flex; flex-wrap: wrap; align-items: center; }

.txt-no-data { text-align: center; font-size: 1.4rem; line-height: 1.6; padding: 20vw 0 10vw; }

.wrap-info-detail .wrap-date-category { display: flex; align-items: center; }

.wrap-info-detail .date { font-size: 1.2rem; color: #015F2C; font-weight: 500; }

.wrap-info-detail .category { font-size: 1.0rem; line-height: 1.2; border-radius: 30px; padding: 4px 10px; font-weight: 500; background-color: #015F2C; color: #fff; margin-left: 10px; min-width: 80px; text-align: center; }

.wrap-info-detail .hdg-lv1.info-detail { font-size: 2.4rem; margin-top: 20px; margin-bottom: 30px; border-bottom: 1px solid #DFE5DE; padding-bottom: 25px; }

.wrap-info-detail .hdg-lv2 { font-family: 'Shuei Yokobuto Min M', serif; font-weight: 500; font-size: 1.8rem; line-height: 1.5; margin-top: 40px; margin-bottom: 24px; text-align: left; border-bottom: 1px solid #DFE5DE; padding-bottom: 10px; padding-left: 22px; position: relative; }

.wrap-info-detail .hdg-lv2:before { content: ""; display: block; width: 12px; height: 12px; line-height: 0; font-size: 0rem; background-color: #015F2C; border-radius: 50%; position: absolute; left: 0; top: 8px; }

.wrap-info-detail .txt-lead { font-size: 2.0rem; margin-top: 30px; margin-bottom: 30px; line-height: 1.5; }

.wrap-info-detail .wrap-img { margin-top: 30px; }

.wrap-info-detail .wrap-img .column { font-size: 0rem; line-height: 0; text-align: center; }

.wrap-info-detail .wrap-img .column + .column { margin-top: 24px; }

.wrap-info-detail .wrap-img .column img { max-width: 100%; height: auto; border-radius: 10px; }

.wrap-info-detail .wrap-introduction { text-align: left; }

.wrap-info-detail .wrap-introduction .head { font-family: 'Shuei Yokobuto Min M', serif; font-weight: 500; font-size: 1.6rem; line-height: 1.5; margin-top: 24px; margin-bottom: 20px; }

.wrap-info-detail .wrap-introduction .inner { margin-top: 20px; }

.wrap-info-detail .wrap-btn { margin-top: 60px; }

.wrap-list-archives { margin-top: 48px; }

.wrap-list-archives > li { margin-top: 20px; }

.wrap-list-archives .wrap-title { text-align: left; position: relative; width: 100%; color: #111111; }

.wrap-list-archives .wrap-title:after { content: ""; display: block; width: 40px; height: 40px; border-radius: 5px; background-color: #015F2C; position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; border: 1px solid #015F2C; transition: .3s; }

.wrap-list-archives .wrap-title > .inner { border: 1px solid #DFE5DE; border-radius: 10px; padding: 20px 80px 20px 20px; display: block; background-color: #fff; }

.wrap-list-archives .wrap-title > .inner:before, .wrap-list-archives .wrap-title > .inner:after { content: ""; display: block; width: 10px; height: 1px; background-color: #fff; position: absolute; right: 35px; top: 50%; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; z-index: 2; }

.wrap-list-archives .wrap-title > .inner:after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.wrap-list-archives .wrap-title .date, .wrap-list-archives .wrap-title .title { display: block; }

.wrap-list-archives .wrap-title .title { font-family: 'Shuei Yokobuto Min M', serif; font-weight: 500; font-size: 1.8rem; line-height: 1.5; margin-top: 12px; }

.wrap-list-archives .wrap-title.accordionActive:after { background-color: #fff; }

.wrap-list-archives .wrap-title.accordionActive > .inner { border-radius: 10px 10px 0 0; border-bottom: none; }

.wrap-list-archives .wrap-title.accordionActive > .inner:before, .wrap-list-archives .wrap-title.accordionActive > .inner:after { background-color: #015F2C; }

.wrap-list-archives .wrap-title.accordionActive > .inner:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); }

.wrap-list-archives .wrap-archive { display: none; border-radius: 0 0 10px 10px; border: 1px solid #DFE5DE; border-top: none; background-color: #fff; }

.wrap-list-archives .wrap-archive.accordionActive { display: block; }

.wrap-list-archives .wrap-archive > .inner { border-top: 1px solid #DFE5DE; margin: 0 20px; padding: 30px 0; }

.wrap-list-archives .wrap-archive .wrap-tbl { margin-right: -20px; }

.wrap-concept-detail { border: 1px solid #015F2C; padding: 32px 10px 10px; border-radius: 20px; margin-top: 60px; background-color: #fff; }

.wrap-concept-detail .hdg-lv2.ver-concept2 { margin-top: -52px; font-size: 2.0rem; text-align: center; display: flex; justify-content: center; margin-bottom: 0; }

.wrap-concept-detail .hdg-lv2.ver-concept2 > .inner { border-radius: 200px; border: 1px solid #015F2C; background-color: #fff; padding: 5px 30px; text-align: center; }

.wrap-concept-detail .concept-detail { background-color: #EBF4E9; border-radius: 20px; padding: 20px 20px 40px; margin-top: 15px; }

.wrap-concept-detail .concept-detail + .concept-detail { margin-top: 40px; position: relative; }

.wrap-concept-detail .concept-detail + .concept-detail::before { content: ""; display: block; position: absolute; width: 70px; height: 70px; background: transparent url(../image/arrow-circle.svg) no-repeat center center; background-size: contain; top: -60px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.wrap-concept-detail .hdg-lv3.ver-concept2 { text-align: center; background-color: #015F2C; border-radius: 10px; padding: 10px; font-size: 1.4rem; color: #fff; margin: 0 -10px 15px; position: relative; }

.wrap-concept-detail .hdg-lv3.ver-concept2:after { content: ""; display: block; width: 0; height: 0; border-style: solid; border-width: 11px 8px 0 8px; border-color: #015F2C transparent transparent transparent; position: absolute; bottom: -6px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.wrap-concept-detail-element { margin: 56px -25px; padding: 0 13px; background: transparent url(../image/bg-concept.webp) no-repeat center center; background-size: 513px auto; min-height: 490px; text-align: center; }

.wrap-concept-detail-element .bg-concept-detail { background: transparent url(/concept/image/concept-img01-sp-jp.webp) no-repeat center center; background-size: contain; }

.wrap-concept-detail-element .concept-detail img { width: 100%; max-width: 365px; }

.wrap-concept-detail-element + .wrap-contents-pt1 { text-align: left; }

.wrap-img.concept { margin-top: 60px; font-size: 0rem; line-height: 0; }

.wrap-img.concept img { border-radius: 20px; }

.wrap-hdg-lv1-row .hdg-lv1 { margin-bottom: 40px; }

.ver-creatures { margin-top: 40px; }

.ver-creatures .hdg-lv2 { font-size: 3.4rem; display: flex; align-items: flex-end; margin-bottom: 30px; }

.ver-creatures .hdg-lv2 .number { color: #015F2C; font-size: 6rem; padding-right: 10px; line-height: 0.8; }

.ver-creatures .wrap-img { margin: 20px 0 30px; }

.ver-creatures .wrap-img img { border-radius: 10px; }

.ver-creatures-ex { margin-top: 60px; border-radius: 10px; border: 1px solid #015F2C; padding: 30px 20px; background-color: #fff; }

.ver-creatures-ex .hdg-lv2 { margin-top: 0; margin-bottom: 30px; }

.ver-creatures-ex .wrap-img { margin: 0 0 24px; }

.ver-creatures-ex .wrap-img img { border-radius: 10px; }

.ver-creatures-ex .txt-st { font-weight: 500; }

.ver-creatures-ex .wrap-btn { margin-top: 30px; }

.top-page { background: #fff; }

.top-page:before { display: none; }

.top-page .main { padding: 5px 5px 40px; }

.top-page .wrap-mv { width: 100%; height: 680px; position: relative; display: flex; align-items: center; color: #fff; }

.top-page .wrap-mv .inner-bg { position: absolute; top: 0; bottom: 0; overflow: hidden; border-radius: 10px; }

.top-page .wrap-mv .inner-bg:after { display: block; content: ""; width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; background: url(../image/bg-mv-sp.webp) no-repeat; background-size: cover; }

.top-page .wrap-mv .inner-bg img { width: 1420px; height: 690px; object-fit: cover; object-position: center; }

.top-page .wrap-mv .inner { position: relative; max-width: 93%; padding-left: 20px; }

.top-page .wrap-mv .logo-pt1 { position: absolute; top: 20px; left: 20px; }

.top-page .wrap-mv .logo-pt1 img { height: 18px; width: auto; -webkit-filter: brightness(0) saturate(100%) invert(99%) sepia(38%) saturate(373%) hue-rotate(227deg) brightness(116%) contrast(100%); filter: brightness(0) saturate(100%) invert(99%) sepia(38%) saturate(373%) hue-rotate(227deg) brightness(116%) contrast(100%); }

.top-page .wrap-mv .site-name { font-family: 'Shuei Yokobuto Min M', serif; -webkit-font-feature-settings: "palt" 1; font-feature-settings: "palt" 1; letter-spacing: 0; font-weight: 500; font-size: 6rem; line-height: 1.5; }

.top-page .wrap-mv .site-name-add { font-family: 'Shuei Yokobuto Min M', serif; -webkit-font-feature-settings: "palt" 1; font-feature-settings: "palt" 1; letter-spacing: 0; font-weight: 600; font-size: 2.0rem; line-height: 1.5; }

.top-page .wrap-mv .txt-lead { margin-top: 20px; font-weight: 800; line-height: 1.8; font-size: 1.4rem; }

.top-page .wrap-mv .wrap-btn { margin-top: 30px; }

.top-page .wrap-mv .wrap-btn > li { justify-content: flex-start; }

.top-page .wrap-mv .wrap-btn .btn { min-width: 210px; }

.top-page .wrap-mv.loaded .inner-bg img { -webkit-animation: zoom 8s forwards; animation: zoom 8s forwards; }

.top-page .wrap-contents-pt2 { padding: 30px 20px 0; }

.top-page .top-hdg2 { font-size: 1.4rem; font-weight: 800; color: #015F2C; line-height: 1.4; }

.top-page .list-info { margin-top: 10px; }

.top-page .list-info > li { border-bottom: none; }

.top-page .list-info > li + li { margin-top: 20px; }

.top-page .list-info > li > a, .top-page .list-info > li > span { padding: 0; position: relative; }

.top-page .list-info > li > a.arrow .link-icon, .top-page .list-info > li > a.blank .link-icon, .top-page .list-info > li > a.pdf .link-icon, .top-page .list-info > li > span.arrow .link-icon, .top-page .list-info > li > span.blank .link-icon, .top-page .list-info > li > span.pdf .link-icon { top: calc(50% + 12.5px); -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.top-page .list-info .date { min-width: 7em; }

.top-page .list-info .txt-st { font-size: 1.2rem; -webkit-line-clamp: 2; margin-top: 5px; padding-right: 30px; position: relative; }

@-webkit-keyframes zoom { 0% { -webkit-transform: scale(1); transform: scale(1); }
  to { -webkit-transform: scale(1.25); transform: scale(1.25); } }

@keyframes zoom { 0% { -webkit-transform: scale(1); transform: scale(1); }
  to { -webkit-transform: scale(1.25); transform: scale(1.25); } }

html:not(:lang(ja)) .top-page .wrap-mv .site-name { font-size: 4.2rem; line-height: 1.3; }

html:not(:lang(ja)) .top-page .wrap-mv .wrap-btn .btn { min-width: 100%; }

html:not(:lang(ja)) .footer .wrap-btn .sp1 { font-size: 1.6rem; }

html:not(:lang(ja)) .footer .wrap-btn .btn { padding-right: 48px; }

html:not(:lang(ja)) .footer .wrap-btn .sp1 .inner, html:not(:lang(ja)) .footer .wrap-btn .sp2 .inner { font-size: 1.0rem; }

html:not(:lang(ja)) .link-icon { word-break: break-all; }

html:not(:lang(ja)) .link-icon:after { position: absolute; }

html:not(:lang(ja)) .hdg-lv1 .lang-ver1 { display: none; }

html:not(:lang(ja)) .hdg-lv2 .lang-jp { display: none; }

html:lang(en) .wrap-concept-detail-element .bg-concept-detail { background-image: url(/concept/image/concept-img01-sp-en.webp); }

@media print, all and (min-width: 768px) { body { background-size: 2400px auto; min-width: 1440px; } .bg-type1 { background-size: 2000px auto; background-position: top 6% left 50%; } .bg-type2 { background-position: top 36% left 49%; } .bg-type3 { background-position: top 47% left 46%; } .bg-type4 { background-position: top 32% left 46%; } .bg-type5 { background-position: top 6% left 44%; } .bg-type6 { background-position: top 10% left 42%; } .bg-type7 { background-position: top 38.5% left 47%; } .main { padding: 200px 80px 140px; } .wrap-contents-pt1 { max-width: 800px; margin: auto; } .wrap-contents-pt2 { max-width: 1060px; margin: auto; } .wrap-contents-pt3 { max-width: 1280px; margin: auto; } #preview-wovn-translate-widget[wovn].type-floating.wovn--position-bottom, #wovn-translate-widget[wovn].type-floating.wovn--position-bottom { bottom: 62px !important; } .header { top: 30px; width: calc(100% - 60px); left: 30px; min-width: 1380px; }
  .header .header-inner { border-radius: 20px; padding: 10px 40px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.06); }
  .header .header-body { flex-wrap: nowrap; }
  .header .header-logo { min-width: 90px; }
  .header .header-logo img { height: 27px; }
  .header .btn-sp-menu { display: none; }
  .header .wrap-nav { display: contents; visibility: visible; opacity: 1; }
  .header .wrap-invitation { margin-top: 0; }
  .header .wrap-invitation .txt { display: flex; align-items: center; flex-direction: row-reverse; }
  .header .wrap-invitation .txt::before { margin-right: 0; margin-left: 10px; }
  .header .wrap-invitation .txt .wrap-txt { text-align: right; }
  .header .nav-items { display: flex; padding: 10px 0; }
  .header .nav-items > li { font-size: 1.5rem; border-bottom: none; padding: 0 20px; transition: .3s; }
  .header .nav-items > li:first-child > a span, .header .nav-items > li.info > a span { white-space: nowrap; }
  .header .header-body .nav-items-second { display: none; } .dropdown-open { overflow: hidden; }
  .dropdown-open .bg-mask { background-color: rgba(0, 0, 0, 0.4); z-index: 3; position: fixed; top: 0; bottom: 0; width: 100%; }
  .header:has(.header-nav:hover) .nav-items > li { opacity: .3; }
  .header:has(.header-nav:hover) .nav-items > li:hover { opacity: 1; }
  .header .wrap-drop { display: block; }
  .header .wrap-drop .nav-items { flex-direction: column; position: relative; padding: 0; }
  .header .wrap-drop .drop { display: flex; align-items: center; position: absolute; top: 10px; left: 0; width: 100%; opacity: 0; visibility: hidden; transition: .25s ease-out; }
  .header .wrap-drop dt { font-size: 3.6rem; line-height: 1.5; font-weight: 600; font-family: 'Shuei Yokobuto Min M', serif; min-width: 330px; }
  .header .wrap-drop .inner { width: calc(100% - 330px); }
  .header .wrap-drop .nav-items-second { display: flex; flex-wrap: wrap; padding: 0; margin: -10px 0 0 -30px; }
  .header .wrap-drop .nav-items-second > li { margin: 10px 0 0 30px; padding-top: 0; }
  .header.about-open .nav-items > li.about { opacity: 1; }
  .header.about-open .drop.about { padding: 30px 0 40px; position: static; opacity: 1; visibility: visible; height: auto; }
  .header.content-open .nav-items > li.content { opacity: 1; }
  .header.content-open .drop.content { padding: 30px 0 40px; position: static; opacity: 1; visibility: visible; height: auto; }
  .header.info-open .nav-items > li.info { opacity: 1; }
  .header.info-open .drop.info { padding: 30px 0 40px; position: static; opacity: 1; visibility: visible; height: auto; } .footer { padding: 40px 80px; }
  .footer .txt { font-size: 1.5rem; width: 400px; font-family: 500; }
  .footer .footer-body { display: flex; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 40px; }
  .footer .wrap-invitation { max-width: 480px; min-width: 420px; width: 40%; border-bottom: none; border-right: 1px solid rgba(255, 255, 255, 0.2); padding: 20px 20px 20px 0; }
  .footer .wrap-invitation dl { max-width: 400px; }
  .footer .wrap-invitation dt { font-size: 1.9rem; }
  .footer .wrap-nav { width: 60%; max-width: calc(100% - 420px); border-bottom: none; padding-bottom: 0; }
  .footer .nav-items { margin-top: 0; display: flex; justify-content: space-between; }
  .footer .nav-items > li { font-size: 1.5rem; margin-top: 20px; margin-left: 40px; }
  .footer .nav-items > li:first-child > a span, .footer .nav-items > li:nth-child(4) > a span { white-space: nowrap; }
  .footer .nav-items > li:first-child { margin-top: 20px; margin-left: 0; }
  .footer .nav-items-second { padding-top: 16px; }
  .footer .nav-items-sub { padding-top: 0; display: flex; }
  .footer .nav-items-sub > li { font-size: 1.2rem; margin: 0 0 0 40px; }
  .footer .footer-bottom { display: flex; flex-direction: row-reverse; justify-content: space-between; padding-top: 28px; }
  .footer .copyright { margin-top: 0; }
  .footer .copyright small { font-size: 1.2rem; font-weight: 500; }
  .footer .wrap-btn + .wrap-btn { margin-top: 15px; }
  .footer .wrap-btn .sp1, .footer .wrap-btn .sp2 { border-radius: 8px; }
  .footer .wrap-btn .sp1 .inner, .footer .wrap-btn .sp2 .inner { font-weight: 400; color: #111111; font-size: 1.2rem; display: block; margin-top: 5px; }
  .footer .wrap-btn .sp1.blank .link-icon:after, .footer .wrap-btn .sp2.blank .link-icon:after { -webkit-transform: none; transform: none; }
  .footer .wrap-btn .sp1 { padding-left: 115px; min-height: 100px; font-size: 2.4rem; background-image: url(../image/bg-manabi.webp); background-repeat: no-repeat; background-position: left; background-size: contain; }
  .footer .wrap-btn .sp2 { border-radius: 8px; padding-left: 15px; }
  .footer .hover-line:after { background-color: #fff; } .wrap-slider-pt01 { margin-top: 100px; }
  .wrap-slider-pt01.ver-item { max-width: 510px; }
  .wrap-slider-pt01.ver-item .wrap-slider-main .splide__slide { padding: 46px 54px; border-radius: 20px; }
  .wrap-slider-pt01.ver-item .wrap-slider-main .splide__slide img { border-radius: 0; }
  .wrap-slider-pt01.ver-item .wrap-slider-main .splide__toggle { bottom: 15px; }
  .wrap-slider-pt01.ver-item .wrap-slider-thumbnail { margin-top: 19px; }
  .wrap-slider-pt01.ver-item .wrap-slider-thumbnail .splide__slide { border: 4px solid transparent; border-radius: 10px; }
  .wrap-slider-pt01.ver-item .wrap-slider-thumbnail .splide__slide:before { border-radius: 5px; top: -3px; bottom: -3px; right: -3px; left: -3px; }
  .wrap-slider-pt01.ver-item .wrap-slider-thumbnail .splide__slide.is-active { border: 4px solid #3DAE23; border-radius: 10px; }
  .wrap-slider-pt01.ver-item .wrap-slider-thumbnail .splide__slide:hover { border: 4px solid #3DAE23; border-radius: 10px; }
  .wrap-slider-pt01.ver-item .wrap-slider-thumbnail .splide__slide img { border-radius: 5px; }
  .wrap-slider-pt01 .splide__slide img { border-radius: 30px; }
  .wrap-slider-pt01 .wrap-slider-main .splide__arrows { height: 60px; }
  .wrap-slider-pt01 .wrap-slider-main .splide__arrow { -webkit-filter: none; filter: none; width: 60px; height: 60px; background-size: 7px 12px; }
  .wrap-slider-pt01 .wrap-slider-main .splide__arrow:hover { transition: opacity .3s; }
  .wrap-slider-pt01 .wrap-slider-main .splide__arrow:hover:hover { opacity: 0.7; }
  .wrap-slider-pt01 .wrap-slider-main .splide__arrow--prev { left: -30px; }
  .wrap-slider-pt01 .wrap-slider-main .splide__arrow--next { right: -30px; }
  .wrap-slider-pt01 .wrap-slider-main .splide__toggle { bottom: 22px; }
  .wrap-slider-pt01 .wrap-slider-main .splide__toggle:hover { transition: opacity .3s; }
  .wrap-slider-pt01 .wrap-slider-main .splide__toggle:hover:hover { opacity: 0.7; }
  .wrap-slider-pt01 .wrap-slider-thumbnail { margin-top: 23px; }
  .wrap-slider-pt01 .wrap-slider-thumbnail .splide__list { justify-content: center; }
  .wrap-slider-pt01 .wrap-slider-thumbnail .splide__slide { cursor: pointer; border: 8px solid transparent; transition: border-color 0.3s; border-radius: 14px; }
  .wrap-slider-pt01 .wrap-slider-thumbnail .splide__slide.is-active { border: 8px solid #3DAE23; border-radius: 14px; }
  .wrap-slider-pt01 .wrap-slider-thumbnail .splide__slide:hover { border: 8px solid #3DAE23; }
  .wrap-slider-pt01 .wrap-slider-thumbnail .splide__slide img { border-radius: 5px; } .wrap-content-col { margin-top: 54px; display: flex; justify-content: space-between; }
  .wrap-content-col .wrap-txt { flex: 1; }
  .wrap-content-col .wrap-box-btn { margin-left: 150px; flex: 0 0 400px; }
  .wrap-content-col .wrap-box-btn .wrap-btn { margin-top: 0; }
  .wrap-content-col .wrap-box-btn .wrap-btn > li:first-child { margin-top: 0; }
  .wrap-content-col .wrap-box-btn .wrap-btn .btn { width: 100%; } .wrap-btn.btn-layout-pc .btn { padding: 22px 60px 21px 30px; }
  .wrap-btn.btn-layout-pc .btn.btn-image { padding-right: 80px; }
  .wrap-btn.btn-layout-pc .btn.btn-image .link-icon { right: 30px; }
  .wrap-btn.btn-layout-pc .btn.pdf .link-icon:after { width: 16px; height: 16px; }
  .wrap-btn.btn-layout-pc .btn .link-icon { width: 40px; height: 40px; }
  .wrap-btn.btn-layout-pc .btn .link-icon:after { width: 14px; height: 14px; }
  .wrap-btn .btn.btn-image { padding-left: 110px; padding-top: 37px; padding-bottom: 36px; background-size: 80px 80px; } .wrap-img.content { margin-top: 100px; }
  .wrap-img.content img { border-radius: 30px; }
  .wrap-img.content + .wrap-btn { margin-top: 30px; }
  .wrap-img.map { margin-top: 134px; }
  .wrap-img.map img { border-radius: 20px; }
  .wrap-img.map + .wrap-btn { margin-top: 40px; } .ver-about .hdg-lv2 { margin-top: 87px; margin-bottom: 54px; } .ver-content-item .hdg-lv2 { font-size: 4.0rem; margin-bottom: 44px; } .wrap-detail-item { display: flex; }
  .wrap-detail-item .wrap-slider-pt01 { margin-top: 0; }
  .wrap-detail-item .wrap-txt { margin-top: 0; flex: 0 0 510px; margin-left: 40px; }
  .wrap-detail-item .wrap-slider-pt01 { flex: 1; } .wrap-box-video { margin-top: 80px; }
  .wrap-box-video + .box-reference { margin-top: 40px; }
  .wrap-box-video .wrap-video { margin-bottom: 40px; }
  .wrap-box-video .wrap-video + .txt-st { margin-top: 40px; } .box-reference { margin-top: 80px; padding: 40px 40px 44px; }
  .box-reference .ttl { font-size: 1.6rem; line-height: 2; margin-bottom: 17px; }
  .box-reference + .wrap-btn { margin-top: 80px; } .wrap-btn.btn-right-pc > li { justify-content: flex-end; } .ver-content .hdg-lv2 { margin-top: 70px; margin-bottom: 55px; } .list-item { margin-top: 60px; margin-left: -16px; }
  .list-item > li { padding-left: 16px; width: calc(100% / 3); }
  .list-item > li:nth-child(n + 3) { margin-top: 0; }
  .list-item > li:nth-child(n + 4) { margin-top: 16px; }
  .list-item .box { transition: background-color .6s; padding: 30px 20px 20px 25px; border-radius: 20px; }
  .list-item .box-head { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 20px; }
  .list-item .wrap-img { max-width: 240px; margin: 0 auto; }
  .list-item .number { margin-right: 10px; font-size: 2.6rem; text-align: left; }
  .list-item .ttl { text-align: left; font-size: 2.0rem; line-height: 1.6; }
  .list-item .wrap-btn { margin-top: 1px; }
  .list-item .link:hover .box { background-color: #EBF4E9; }
  .list-item .link:hover .btn-pt1 .link-icon:after { -webkit-animation: forward .6s; animation: forward .6s; } .btn-pt1 { padding-right: 50px; }
  .btn-pt1 .link-icon { width: 40px; height: 40px; }
  .btn-pt1 .link-icon:after { width: 14px; height: 14px; } .ver-content-creatures { margin-top: 127px; display: flex; flex-wrap: wrap; align-items: center; flex-direction: row-reverse; }
  .ver-content-creatures .hdg-lv2 { margin-top: 0; margin-bottom: 40px; }
  .ver-content-creatures .wrap-txt { width: 390px; margin-left: 150px; margin-right: 120px; }
  .ver-content-creatures .wrap-list-img { margin-top: 0; flex: 1; }
  .ver-content-creatures .wrap-btn > li { justify-content: flex-start; } .list-img-col { margin-left: -20px; }
  .list-img-col > li { padding-left: 20px; }
  .list-img-col > li:nth-child(n + 2) { margin-top: 20px; }
  .list-img-col .wrap-img img { border-radius: 20px; } .list-img-col-pt1 { display: flex; flex-wrap: wrap; margin-left: -40px; }
  .list-img-col-pt1 > li { padding-left: 40px; width: 50%; }
  .list-img-col-pt1 > li + li { margin-top: 0; }
  .list-img-col-pt1 > li:nth-child(n + 3) { margin-top: 40px; }
  .list-img-col-pt1 .wrap-img img { border-radius: 20px; }
  .list-img-col-pt1 .desc { font-size: 2.0rem; line-height: 1.6; }
  .list-img-col-pt1 a { display: block; width: 100%; transition: opacity .3s; }
  .list-img-col-pt1 a:hover { opacity: 0.7; } .ver-guide { margin-top: 90px; }
  .ver-guide + .ver-guide { margin-top: 120px; }
  .ver-guide .hdg-lv2 { font-size: 3.2rem; display: flex; align-items: flex-end; margin-bottom: 40px; }
  .ver-guide .hdg-lv2 .lang-ver1 { font-size: 10rem; line-height: 0.8; margin-right: 25px; }
  .ver-guide .wrap-guide { display: flex; flex-wrap: wrap; }
  .ver-guide .wrap-guide.reverse { flex-direction: row-reverse; }
  .ver-guide .wrap-guide .link-txt { margin-left: 25px; }
  .ver-guide .wrap-guide-pt1 .wrap-img { margin-right: 0; }
  .ver-guide .wrap-img { flex: 0 0 510px; margin-right: 40px; }
  .ver-guide .wrap-img img { border-radius: 20px; }
  .ver-guide .wrap-img + .wrap-txt { margin-top: 0; }
  .ver-guide .wrap-txt { flex: 1; margin-top: 0; }
  .ver-guide .wrap-txt .wrap-btn { margin-top: 40px; }
  .ver-guide .wrap-txt .wrap-btn > li { justify-content: flex-start; }
  .ver-guide .wrap-txt + .wrap-img { margin-top: 0; } .wrap-guide-intro { margin-top: 60px; }
  .wrap-guide-intro .box { display: flex; flex-direction: row-reverse; align-items: center; transition: background-color .6s; border-radius: 20px; }
  .wrap-guide-intro .wrap-img { flex: 0 0 520px; margin-right: 0; height: 100%; }
  .wrap-guide-intro .wrap-img img { border-radius: 140px 20px 20px 140px; height: 100%; object-fit: cover; object-position: 50% 50%; height: 240px; }
  .wrap-guide-intro .wrap-img.ver2 img { min-height: 360px; }
  .wrap-guide-intro .txt-copy { font-size: 1.2rem; right: 10px; bottom: 10px; }
  .wrap-guide-intro .txt-copy.ver2 { font-size: 1.0rem; line-height: 1.2; max-width: 420px; text-align: right; bottom: 12px; right: 0; padding-right: 30px; }
  .wrap-guide-intro .wrap-btn { flex: 1; display: flex; align-items: center; width: 100%; padding: 20px 30px 20px 40px; min-height: 240px; }
  .wrap-guide-intro .wrap-btn .btn-pt2 { padding-left: 80px; }
  .wrap-guide-intro .wrap-btn .btn-pt2 .link-icon { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .wrap-guide-intro .wrap-btn .btn-pt2 .add-txt { margin-top: 30px; font-size: 1.4rem; }
  .wrap-guide-intro .link:hover .box { background-color: #EBF4E9; }
  .wrap-guide-intro .link:hover .wrap-btn .btn-pt2 .link-icon:after { -webkit-animation: forward .6s; animation: forward .6s; }
  .wrap-guide-intro + .wrap-guide-intro { margin-top: 40px; } .btn-pt2 { font-size: 2.5rem; line-height: 1.4; padding-left: 80px; }
  .btn-pt2 .sub { margin-top: 10px; font-size: 1.4rem; line-height: 1.9; }
  .btn-pt2 .link-icon { content: ""; display: flex; width: 40px; height: 40px; position: absolute; }
  .btn-pt2 .link-icon:after { content: ""; display: block; width: 14px; height: 14px; -webkit-filter: brightness(0) saturate(100%) invert(96%) sepia(3%) saturate(872%) hue-rotate(227deg) brightness(122%) contrast(100%); filter: brightness(0) saturate(100%) invert(96%) sepia(3%) saturate(872%) hue-rotate(227deg) brightness(122%) contrast(100%); background-size: contain; } .txt-st { font-size: 1.5rem; }
  .txt-st.ft-l { font-size: 2.4rem; }
  .txt-st.ft-s { font-size: 1.3rem; }
  .txt-st + .txt-st { margin-top: 16px; } .hdg-lv1 { font-size: 6rem; margin-bottom: 85px; }
  .hdg-lv1 .lang-ver1 { font-size: 2.4rem; }
  .hdg-lv1 .txt-add { font-size: 1.5rem; } .hdg-lv2 { font-size: 2.4rem; margin-top: 80px; margin-bottom: 50px; text-align: left; }
  .hdg-lv2 .lang-ver1 { font-size: 8rem; } .hdg-lv2.ver-concept1 { font-size: 3.6rem; padding-top: 45px; min-height: 150px; } .hdg-lv2.ver-reverse { font-size: 5.2rem; }
  .hdg-lv2.ver-reverse .lang-ver1 { font-size: 3.2rem; } .wrap-contents-pt2 .hdg-lv2.ver-concept1 { padding-top: 100px; } .hdg-lv3 { font-size: 2.0rem; margin-top: 50px; margin-bottom: 30px; } .list-normal-pt1 { margin-top: 30px; }
  .list-normal-pt1 > li { font-size: 1.5rem; }
  .list-normal-pt1 > li::before { top: 0.8em; } .list-number-pt1 { margin-top: 30px; }
  .list-number-pt1 > li { font-size: 1.5rem; } .tbl-pt1 { margin-top: 60px; }
  .tbl-pt1 td, .tbl-pt1 th { font-size: 1.5rem; padding: 20px; } .wrap-tbl { overflow-x: hidden; margin-right: 0; }
  .wrap-tbl .tbl-pt1 { width: 100%; } .wrap-column1 { margin-top: 55px; padding: 30px; } .wrap-video { margin: 55px auto; }
  .wrap-video iframe { border-radius: 20px; } .wrap-btn { margin-top: 60px; }
  .wrap-btn > li { margin-top: 20px; }
  .wrap-btn .btn { min-width: 360px; font-size: 1.8rem; }
  .wrap-btn .btn:hover { background-color: #EBF4E9; }
  .wrap-btn .btn:hover .link-icon:after { -webkit-animation: forward .6s; animation: forward .6s; } .hover-line { display: inline; background: linear-gradient(currentcolor, currentcolor) 100% 100%/0 1px no-repeat; transition: background-size 1s cubic-bezier(0.16, 1, 0.3, 1) 0s; will-change: background-size; }
  .hover-line:hover { background-position: 0 100%; background-size: 100% 1px; } .list-category { display: flex; flex-wrap: wrap; margin: -10px 0 0 -10px; }
  .list-category > li { margin: 10px 0 0 10px; width: auto; }
  .list-category > li:first-child { width: auto; }
  .list-category button, .list-category label { padding: 10px 20px; transition: .3s; }
  .list-category button:hover, .list-category label:hover { border-color: #015F2C; background-color: #015F2C; color: #fff; } .list-pager { margin: 28px 0 0 -12px; }
  .list-pager > li { margin: 12px 0 0 12px; }
  .list-pager button, .list-pager a { min-height: 40px; min-width: 40px; font-size: 1.5rem; }
  .list-pager button:hover, .list-pager a:hover { border-color: #015F2C; background-color: #015F2C; color: #fff; } .list-info { margin-top: 15px; }
  .list-info > li > a, .list-info > li > span { display: flex; align-items: center; padding: 35px 80px 35px 0; }
  .list-info > li > a.arrow .link-icon, .list-info > li > a.blank .link-icon, .list-info > li > a.pdf .link-icon, .list-info > li > span.arrow .link-icon, .list-info > li > span.blank .link-icon, .list-info > li > span.pdf .link-icon { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 20px; }
  .list-info > li > a:hover .txt-st .hover-line, .list-info > li > span:hover .txt-st .hover-line { background-position: 0 100%; background-size: 100% 1px; }
  .list-info > li > a:hover .link-icon:after, .list-info > li > span:hover .link-icon:after { -webkit-animation: forward .6s; animation: forward .6s; }
  .list-info .wrap-txt { display: flex; justify-content: space-between; min-width: 250px; align-items: center; }
  .list-info .txt-st { font-size: 1.5rem; -webkit-line-clamp: 2; margin-top: 0; margin-left: 40px; }
  .list-info .txt-st span { display: inline; background: linear-gradient(currentcolor, currentcolor) 100% 100%/0 1px no-repeat; transition: background-size 1s cubic-bezier(0.16, 1, 0.3, 1) 0s; will-change: background-size; }
  .list-info .date { font-size: 1.5rem; }
  .list-info .category { font-size: 1.2rem; padding: 4px 10px; margin-left: 10px; min-width: 120px; }
  .list-info .wrap-txt { display: flex; flex-wrap: wrap; align-items: center; } .txt-no-data { font-size: 1.8rem; padding: 60px 0 30px; } .wrap-info-detail .date { font-size: 1.5rem; } .wrap-info-detail .category { font-size: 1.2rem; padding: 4px 10px; margin-left: 20px; min-width: 120px; } .wrap-info-detail .hdg-lv1.info-detail { font-size: 4.0rem; margin-bottom: 50px; padding-bottom: 30px; } .wrap-info-detail .hdg-lv2 { font-size: 2.4rem; margin-top: 60px; margin-bottom: 24px; padding-bottom: 12px; padding-left: 37px; text-align: left; }
  .wrap-info-detail .hdg-lv2:before { width: 20px; height: 20px; top: 10px; } .wrap-info-detail .txt-lead { font-size: 3.2rem; margin-bottom: 40px; } .wrap-info-detail .wrap-img { margin-top: 40px; }
  .wrap-info-detail .wrap-img .column + .column { margin-top: 40px; }
  .wrap-info-detail .wrap-img .column img { border-radius: 20px; } .wrap-info-detail .wrap-img.column2 { margin-top: 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; }
  .wrap-info-detail .wrap-img.column2 .column { width: calc(50% - 20px); margin-top: 40px; }
  .wrap-info-detail .wrap-img.column2 .column + .column { margin-top: 40px; } .wrap-info-detail .wrap-introduction .head { font-size: 2.0rem; margin-top: 0; margin-bottom: 24px; }
  .wrap-info-detail .wrap-introduction .inner { margin-top: 0; } .wrap-info-detail .wrap-btn { margin-top: 60px; } .wrap-info-detail.archives .hdg-lv1 { margin-bottom: 60px; } .wrap-list-archives { margin-top: 0; }
  .wrap-list-archives > li { margin-top: 26px; }
  .wrap-list-archives .wrap-title:after { width: 80px; height: 80px; border-radius: 20px; right: 40px; }
  .wrap-list-archives .wrap-title > .inner { border-radius: 20px; padding: 40px 290px 40px 40px; }
  .wrap-list-archives .wrap-title > .inner:before, .wrap-list-archives .wrap-title > .inner:after { width: 18px; height: 2px; border-radius: 2px; right: 70px; }
  .wrap-list-archives .wrap-title .title { font-size: 2.4rem; }
  .wrap-list-archives .wrap-title.accordionActive:after { background-color: #fff; }
  .wrap-list-archives .wrap-title.accordionActive .inner { border-radius: 20px 20px 0 0; }
  .wrap-list-archives .wrap-archive { display: none; border-radius: 0 0 20px 20px; padding: 0 40px; }
  .wrap-list-archives .wrap-archive > .inner { margin: 0 auto; padding: 60px 70px; max-width: 1200px; }
  .wrap-list-archives .wrap-archive .wrap-tbl { margin-right: 0; } .wrap-concept-detail { padding: 50px 20px 20px; margin-top: 80px; }
  .wrap-concept-detail .hdg-lv2.ver-concept2 { margin-top: -82px; font-size: 2.4rem; }
  .wrap-concept-detail .hdg-lv2.ver-concept2 > .inner { padding: 12px 30px; min-width: 345px; }
  .wrap-concept-detail > .inner { display: flex; justify-content: space-between; }
  .wrap-concept-detail .concept-detail { padding: 20px 40px 40px; margin-top: 20px; width: calc(50% - 30px); display: flex; flex-direction: column; }
  .wrap-concept-detail .concept-detail + .concept-detail { margin-top: 20px; }
  .wrap-concept-detail .concept-detail + .concept-detail::before { width: 100px; height: 100px; top: 50%; left: -80px; -webkit-transform: none; transform: none; -webkit-transform: translateY(-50%) rotate(-90deg); transform: translateY(-50%) rotate(-90deg); }
  .wrap-concept-detail .hdg-lv3.ver-concept2 { padding: 15px; font-size: 2.0rem; margin: 0 -20px 15px; }
  .wrap-concept-detail .hdg-lv3.ver-concept2:after { bottom: -8px; } .wrap-concept-detail-element { margin: 136px 0 56px; padding: 0; background-size: 800px auto; min-height: 770px; }
  .wrap-concept-detail-element .bg-concept-detail { margin: auto; max-width: 780px; background-image: url(/concept/image/concept-img01-pc-jp.webp); }
  .wrap-concept-detail-element .concept-detail img { max-width: 780px; } .wrap-img.concept { margin-top: 90px; } .wrap-hdg-lv1-row { display: flex; margin-bottom: 40px; }
  .wrap-hdg-lv1-row .hdg-lv1 { width: calc(100% - 600px); }
  .wrap-hdg-lv1-row .txt-st { max-width: 620px; margin-top: 10px; } .ver-creatures { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-column-gap: 40px; grid-row-gap: 0px; }
  .ver-creatures .hdg-lv2 { grid-area: 1 / 2 / 2 / 3; }
  .ver-creatures .wrap-img { grid-area: 1 / 1 / 3 / 2; }
  .ver-creatures .wrap-txt { grid-area: 2 / 2 / 3 / 3; }
  .ver-creatures.rev .hdg-lv2 { grid-area: 1 / 1 / 2 / 2; }
  .ver-creatures.rev .wrap-img { grid-area: 1 / 2 / 3 / 3; }
  .ver-creatures.rev .wrap-txt { grid-area: 2 / 1 / 3 / 2; }
  .ver-creatures .hdg-lv2 { font-size: 5rem; margin-bottom: 24px; }
  .ver-creatures .hdg-lv2 .number { font-size: 10rem; padding-right: 20px; }
  .ver-creatures .wrap-img { margin: 0; }
  .ver-creatures .wrap-img img { border-radius: 20px; }
  .ver-creatures + .ver-creatures { margin-top: 80px; } .ver-creatures-ex { margin-top: 120px; border-radius: 20px; padding: 40px 40px 60px; }
  .ver-creatures-ex .hdg-lv2 { font-size: 3.2rem; text-align: center; margin-bottom: 40px; }
  .ver-creatures-ex .inner { display: flex; justify-content: space-between; align-items: center; max-width: 1060px; margin: auto; }
  .ver-creatures-ex .wrap-img { margin: 0; width: 48%; }
  .ver-creatures-ex .wrap-img img { border-radius: 20px; }
  .ver-creatures-ex .wrap-txt { width: 48%; }
  .ver-creatures-ex .wrap-btn { margin-top: 40px; }
  .ver-creatures-ex .wrap-btn > li { justify-content: flex-start; }
  .ver-creatures-ex .wrap-btn .btn { min-height: 70px; } .top-page .main { padding: 10px 10px 40px; }
  .top-page .wrap-mv { width: 100%; height: 690px; }
  .top-page .wrap-mv .inner-bg { left: 0; right: 0; border-radius: 30px; }
  .top-page .wrap-mv .inner-bg:after { background-image: url(../image/bg-mv-pc.webp); }
  .top-page .wrap-mv .inner-bg img { width: 100%; height: 690px; }
  .top-page .wrap-mv .inner { width: 1280px; margin: auto; max-width: 100%; padding-left: 0; }
  .top-page .wrap-mv .logo-pt1 { width: 1280px; position: absolute; top: 42px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .top-page .wrap-mv .logo-pt1 img { height: 27px; }
  .top-page .wrap-mv .site-name { font-size: 12rem; }
  .top-page .wrap-mv .site-name-add { font-size: 3.0rem; }
  .top-page .wrap-mv .txt-lead { font-size: 1.6rem; }
  .top-page .wrap-mv .wrap-btn { margin-top: 35px; display: flex; }
  .top-page .wrap-mv .wrap-btn > li + li { margin-left: 20px; }
  .top-page .wrap-mv .wrap-btn .btn { min-width: 240px; min-height: 70px; }
  .top-page .wrap-mv .wrap-btn .btn .link-icon { width: 40px; height: 40px; }
  .top-page .wrap-mv .wrap-btn .btn .link-icon:after { width: 14px; }
  .top-page .wrap-mv .wrap-btn .btn.wide { min-width: 360px; }
  .top-page .wrap-contents-pt2 { padding: 40px 0 0; display: flex; align-items: center; justify-content: space-between; }
  .top-page .top-hdg2 { font-size: 1.4rem; font-weight: 800; color: #015F2C; line-height: 1.4; }
  .top-page .list-info { margin-top: 0; width: calc(100% - 110px); }
  .top-page .list-info > li + li { margin-top: 10px; }
  .top-page .list-info .date { font-size: 1.2rem; }
  .top-page .list-info .category { font-size: 1.0rem; }
  .top-page .list-info .wrap-txt { min-width: 224px; }
  .top-page .list-info .txt-st { width: calc(100% - 224px); -webkit-line-clamp: 1; margin: 0; padding-right: 35px; padding-left: 25px; }
  .top-page .list-info > li > a.arrow .link-icon, .top-page .list-info > li > a.blank .link-icon, .top-page .list-info > li > a.pdf .link-icon, .top-page .list-info > li > span.arrow .link-icon, .top-page .list-info > li > span.blank .link-icon, .top-page .list-info > li > span.pdf .link-icon { top: 50%; right: 0; } html:not(:lang(ja)) .top-page .wrap-mv .site-name { font-size: 12rem; line-height: 1.5; } html:not(:lang(ja)) .top-page .wrap-mv .wrap-btn .btn { min-width: 360px; } html:not(:lang(ja)) .header .nav-items > li { font-size: 1.44rem; padding: 0 10px; }
  html:not(:lang(ja)) .footer .wrap-nav { width: auto; max-width: auto; }
  html:not(:lang(ja)) .footer .nav-items > li { margin-left: 25px; } html:not(:lang(ja)) .footer .wrap-btn .sp1 { font-size: 1.8rem; } html:not(:lang(ja)) .footer .wrap-btn .sp1 .inner, html:not(:lang(ja)) .footer .wrap-btn .sp2 .inner { font-size: 1.2rem; } html:lang(en) .wrap-concept-detail-element .bg-concept-detail { background-image: url(/concept/image/concept-img01-pc-en.webp); } }

    body{
      display: flex;
      flex-direction: column;
    }
    .footer{
      margin-top: auto;
    }

  @media print, all and (min-width: 768px) {
    .header .header-inner{
      padding-top: 18.5px;
      padding-bottom: 18.5px;
    }
  }