@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color: inherit; text-decoration: none; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; }

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, button, textarea, select { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

textarea { resize: none; }

html, body { -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }

img, video { vertical-align: bottom; max-width: 100%; height: auto; }

img[src$=".svg"] { width: 100%; }

li { list-style: none; }

main { display: block; }

h1, h2, h3, h4, h5 { font-weight: inherit; }

img { width: 100%; }

*:focus { outline: none; }



/* --------------------------------------------------
Typography & Colors

Dark Grey #2b2e34
Light Grey #5D5E65
Dark Blue #225AC9
Light Blue #6793EA
Brown #8E8221
Beige #FEFBEE
Red #D8706B
-------------------------------------------------- */


.jp { font-family: YakuHanMPs, "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho ProN", "Noto Serif JP", serif; }
.en { font-family: TTNormsProCompactLight, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.body-jp {font-size:18px; line-height:1.7; color:#8E8221; margin: 0; }
.body-en {font-size:19px; line-height:1.2; color:#6793EA; margin: 0; }
.body-jp + .body-en { margin: 1.75svh 0 0 0; }

.caption-jp {font-size:15px; line-height:1.7; color:#5D5E65; margin: 0; text-align: justify; }
.caption-en {font-size:17px; line-height:1.2; color:#6793EA; margin: 0; text-align: left;  }
.caption-jp + .caption-en { margin: 2svh 0 0 0; }

.small-text { text-align:right; }

small {font-size:0.75em;}

/* --------------------------------------------------
Common
-------------------------------------------------- */

* { -webkit-overflow-scrolling: touch; }
html, body { height: 100%; font-size: 10px; }

body { font-family: "IBM Plex Sans JP", sans-serif; color: #5D5E65; }
body.is-loaded { opacity: 1 !important; transition: opacity 1s ease 0s; }

body { height:100%; }
body #wrapper { height:100%; overscroll-behavior-y: none; }

body #wrapper header { z-index: 99; position: fixed; top: 0; left: 0; right:0; pointer-events: none; }
body #wrapper header .header-inner { display: flex; justify-content: flex-end; align-items: center; padding: 0; }
body #wrapper header .header-inner #menu { position: fixed; width:100svw; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }
body #wrapper header .header-inner #menu .shelter_top { position: absolute; top:1.5svh; left:0; right:0; width: 27svh; display:block; margin:0 auto; }
body #wrapper header .header-inner #menu nav ul { position:relative; height: calc(100svh - 15.9svh); width:100svw; margin:7.95svh 0 7.95svh 0; }
body #wrapper header .header-inner #menu nav ul li { font-size: 2.40svh; white-space: nowrap; pointer-events: auto; color: transparent; text-indent: -9999; opacity:0.6; }
body #wrapper header .header-inner #menu nav ul li:hover { opacity:1; }
body #wrapper header .header-inner #menu nav ul li:active { opacity:1; }
body #wrapper header .header-inner #menu nav ul li#a_top { width:28px; height:91px; position:absolute; bottom:0; left:40px; background-image: url("../img/lib_top.svg") }
body #wrapper header .header-inner #menu nav ul li#a_s-top { width:28px; height:91px; position:absolute; bottom:0; left:40px; background-image: url("../img/lib_top.svg") }
body #wrapper header .header-inner #menu nav ul li#a_s-introduction { width:28px; height:115.5px; position:absolute; top:0; left:40px; background-image: url("../img/s-introduction.svg"); }
body #wrapper header .header-inner #menu nav ul li#a_s-journey { width:28px; height:80.5px; position: absolute; top: 120px; left: 40px; background-image: url("../img/s-journey.svg"); }
body #wrapper header .header-inner #menu nav ul li#a_s-discovery { width:28px; height:94.5px; position:absolute; top:205px; left:40px; background-image: url("../img/s-discovery.svg"); }
body #wrapper header .header-inner #menu nav ul li#a_s-tomorrow { width:28px; height:98px; position:absolute; top:305px; left:40px; background-image: url("../img/s-tomorrow.svg"); }
body #wrapper header .header-inner #menu nav ul li#a_c-top { width:28px; height:91px; position:absolute; bottom:0; right:40px; background-image: url("../img/lib_top.svg") }
body #wrapper header .header-inner #menu nav ul li#a_c-introduction { width:28px; height:115.5px; position:absolute; top:0; right:40px; background-image: url("../img/c-introduction.svg"); }
body #wrapper header .header-inner #menu nav ul li#a_c-discovery { width:28px; height:94.5px; position:absolute; top:120px; right:40px; background-image: url("../img/c-discovery.svg"); }
body #wrapper header .header-inner #menu nav ul li#a_c-origin { width:28px; height:66.5px; position: absolute; top: 220px; right: 40px; background-image: url("../img/c-origin.svg"); }
body #wrapper header .header-inner #menu nav ul li#a_c-tomorrow { width:28px; height:98px; position:absolute; top:295px; right:40px; background-image: url("../img/c-tomorrow.svg"); }
body #wrapper header .header-inner #menu nav ul li a { display:block; height:100%; }
.currentcat {border-right:2px solid #D8706B; opacity:1 !important;}
.currentcat2 {border-right:2px solid #D8706B; opacity:1 !important;}
.currentcat3 {border-right:2px solid #6793EA; opacity:1 !important;}
.currentcat4 {border-right:2px solid #6793EA; opacity:1 !important;}

body #wrapper #contents-wrapper { position: relative; z-index: 2; height:100%; overflow-x: scroll; overflow-y: hidden; overscroll-behavior-y: none; }
body #wrapper #contents-wrapper .scrollarea { height:100%; font-size: 0; letter-spacing: 0; white-space: nowrap; overscroll-behavior-y: none; }
body #wrapper #contents-wrapper .scrollarea .section { height: 100%; display: inline-block; vertical-align: top; padding: 0 14.99svh; background: #FEFBEE; }
body #wrapper #contents-wrapper .scrollarea .section .inner { display: inline-block; height: 100%; box-sizing: border-box; padding: 0; }
body #wrapper #contents-wrapper .scrollarea .section .inner .titlearea { position: sticky; width: fit-content; height: 0; width: calc(100vw - 8.25svh); top: 7.95svh; left: 13.02vh; padding: 0; z-index: 1; }
body #wrapper #contents-wrapper .scrollarea.cl .section .inner .titlearea { position: sticky; height: 0; width: calc(100vw - 8.25svh); max-width:780px; top: 7.95svh; right: 9.5vw; padding: 0; z-index: 1; }
body #wrapper #contents-wrapper .scrollarea .section .inner .titlearea h3 { max-width: none; font-size:36px; line-height:1.25; color:#8E8221; margin: 0 0 1.5svh; -webkit-text-stroke-width:0.01em; }
body #wrapper #contents-wrapper .scrollarea .section .inner .titlearea h4 { font-size: 24px;  font-family: TTNormsProCompactMedium, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#8E8221; }
body #wrapper #contents-wrapper .scrollarea .section .inner .section-contents { padding: 0; height: 100svh; }
body #wrapper #contents-wrapper .scrollarea .section .inner .section-contents .group { display: inline-block; vertical-align: top; padding: 0; height: 100vh; }
body #wrapper #contents-wrapper .scrollarea .section .inner .section-contents .group .group-head h4 { font-size: 24px; line-height: 1.7; color:#6D6E77; margin: 0 0 0.5svh; -webkit-text-stroke-width:0.02em; }
body #wrapper #contents-wrapper .scrollarea .section .inner .section-contents .group .group-head .sub-title { font-size: 24px; line-height: 1.2; font-family: TTNormsProCompactMedium, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#6D6E77; margin: 0 0 2.5svh; }
body #wrapper #contents-wrapper .scrollarea .section .inner .section-contents .group .relative-box { position: relative; height: 100%; }
body #wrapper #contents-wrapper .scrollarea .section .inner .section-contents .group .relative-box > * { position: absolute; }
body #wrapper #contents-wrapper .scrollarea .section .inner .section-contents .group .textarea p { white-space: normal; }
body #wrapper #contents-wrapper .scrollarea .section .inner .section-contents .group .textarea p + p { margin: 1.25em 0 0; }
body #wrapper #contents-wrapper .scrollarea .section .inner .section-contents .group .text-scroll-container { flex: 1; position: relative; }
body #wrapper #contents-wrapper .scrollarea .section .inner .section-contents .group .text-scroll-container .textarea { position: absolute; top: 0; left: 0; right: 0; width:70svh; overflow-y: auto; overflow-x: visible; height: 100%; }
body #wrapper #contents-wrapper .scrollarea .section .inner .section-contents .group .iframe-wrapper { position: relative; padding: 56.25% 0 0; }
body #wrapper #contents-wrapper .scrollarea .section .inner .section-contents .group .iframe-wrapper iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; }
body #wrapper #contents-wrapper .scrollarea .section .inner .section-contents .group.page-width { width: calc(100vw - 16.49svh); }
body #wrapper #contents-wrapper .scrollarea .anchor { position: sticky; top: 0; left: 0; padding: 0 0 0 8.25svh; height: 0; width: calc(100vw - 8.25svh); }

.autoplay .slick-slide {margin: 10px 0;}
.autoplay .slick-list {margin: -10px 0;}

.c-arrow { z-index:99; position: absolute; width:30px; bottom: 3%; left: 6%; margin-right:-15px; }
.s-arrow { z-index:99; position: absolute; width:30px; bottom: 3%; right: 3%; margin-left:-15px;}

.bounce { animation: bounce 2s infinite; }

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateX(0);
  }
  40% {
    transform: translateX(-30px);
  }
  60% {
    transform: translateX(-15px);
  }
}

.w3-animate-top { animation:animatetop 2s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left { animation:animateleft 2s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right { animation:animateright 2s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom { animation:animatebottom 2s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom { animation:animatezoom 2s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}


/* --- TOP -- */

.c-page {z-index:3; width:10svw; height:100%; position:fixed; left:0; transition-duration: 0.5s; background: linear-gradient(to left, rgba(242, 221, 175, 0.35), rgba(221, 179, 95, 1)); }
.c-page .clothing { position: absolute; padding:0 5px; top: 6.94%; right: 0; }
.c-page img.txt_main02 {height:630px; }
.s-page {z-index:3; width:10svw; height:100%; position:fixed; right:0; transition-duration: 0.5s; background: linear-gradient(to left, rgba(221, 179, 95, 1), rgba(242, 221, 175, 0.35)); }
.s-page .shelter { position:absolute; padding:0 5px; top:6.94%; left: 0; }
.s-page img.txt_main03 {height:630px; }
.c-page:hover { width:12svw; }
.s-page:hover { width:12svw; }

#hashtag { z-index:99; position:fixed; bottom:4.5svh; right: 4.5svh; transition-duration: 0.5s; }
#hashtag:hover { opacity: 0.6; }
#hashtag img { width:30vw; max-width:210px; }

section#title { display:block; height:100svh; background: #FEFBEE; }
.txt_main00 { z-index:99; position:absolute; top:3.33%; left:14%; width:300px; font-size:13px; line-height:1.55; color:#8E8221; }
.txt_main00 a { opacity:1; }
.txt_main00 a:hover { opacity:0.6; }
.fadeplay .slider-item img.txt_main01 {z-index:99; width:54vw; max-width:405px; height:auto; position:absolute; top:40px; margin-left: auto; margin-right: auto; left: 0; right: 0; }
.fadeplay .slider-item img.txt_main04 {z-index:99; width:63vw; max-width:522px; height:auto; position:absolute; bottom:80px; margin-left: auto; margin-right: auto; left: 0; right: 0; }
.fadeplay .slider-item:not(.ill) img.txt_main01 {filter: brightness(3.5)saturate(0); }
.fadeplay .slider-item:not(.ill) img.txt_main04 {filter: brightness(3.5)saturate(0); }

.fadeplay { mix-blend-mode: multiply; height:100%; }
.fadeplay div { height:100%; width:100%; }
.fadeplay .slider-item img { height: 100%; width: 100%; object-fit: cover; }

body section#intro {padding: 7.04svh 0 7.04svh 0; background: #FEFBEE; }

body section#intro .body-jp.jp {width:72vw; max-width:1140px; color:#5D5E65; margin: 0 auto 9svh auto; }
body section#intro .body-jp p + p { margin: 1.75em 0 0; }
body section#intro .body-en.en {width:72vw; max-width:1140px; color:#5D5E65; margin: 0 auto 3svh auto; }
body section#intro .body-en p + p { margin: 1.75em 0 0; }

body section#intro .credit h5 {text-align:center; font-weight:500; margin: 6svh auto 1.5svh auto; }
body section#intro .credit {width:40vw; max-width:510px; text-align:center; margin: 0 auto 1.5svh auto; }
body section#intro .credit.jp {font-size:13px; line-height:1.75; }
body section#intro .credit.en {font-size:13px; line-height:1.55; }
body section#intro .credit img {width:112px; margin: 6svh auto 1.5svh auto; }
body section#intro .coop {width:40vw; max-width:510px; margin: 0 auto 3svh auto; }
body section#intro .coop.jp {font-size:11px; line-height:1.75; }
body section#intro .coop.en {font-size:11px; line-height:1.55; }

.gallery { width:72vw; max-width:760px; margin: 9svh auto 3svh auto; display: grid; grid-template-columns: auto auto auto; }
.gallery .col { padding:25px; }
.gallery .col-1 { display: grid; grid-row: row ; grid-column: col; }
.gallery .col-2 { display: grid; grid-row: row; grid-column: col 2; }
.gallery .col-3 { display: grid; grid-row: row; grid-column: col 3; }
.gallery .col-4 { display: grid; grid-row: row 2; grid-column: col; }
.gallery .col-5 { display: grid; grid-row: row 2; grid-column: col 2; }
.gallery .col-6 { display: grid; grid-row: row 2; grid-column: col 3; }
.gallery div img { grid-column: col; grid-row: row; }

body section#intro .endcredit {width:40vw; max-width:510px; text-align:center; margin: 0 auto; transition-duration: 0.5s; }
body section#intro .endcredit:hover {opacity:0.6; }
body section#intro .endcredit img {width:30px; margin:0 auto; }
body section#intro .endcredit h5 {font-size:17px; font-weight:400; margin: 1.5svh auto 1.5svh auto; }


/* --- ONLINE SHOP -- */

body #wrapper #contents-wrapper .scrollarea .section#shop_intro .inner .section-contents .group { display: inline-flex; flex-direction: column; }
body #wrapper #contents-wrapper .scrollarea .section#shop_intro .inner .section-contents .group:nth-child(1) { width: 88.70vh; margin: 10.93svh 9svh 0 9svh; }
body #wrapper #contents-wrapper .scrollarea .section#shop_intro .inner .section-contents .group img#shop01 { height:auto; width:57vw; max-width:420px; display:block; margin: 0 auto; }
body #wrapper #contents-wrapper .scrollarea .section#shop_intro .inner .section-contents .group:nth-child(1) .body-jp { color: #5D5E65; text-align:center; margin: 3.0svh 0 2.0svh; }
body #wrapper #contents-wrapper .scrollarea .section#shop_intro .inner .section-contents .group:nth-child(2) { width: 105vh; margin: 10.93svh 9svh 0 9svh; }
body #wrapper #contents-wrapper .scrollarea .section#shop_intro .inner .section-contents .group img#shop02 { height:auto; width:57vw; max-width:420px; display:block; margin: 0 auto; }
body #wrapper #contents-wrapper .scrollarea .section#shop_intro .inner .section-contents .group:nth-child(2) .body-en { color: #5D5E65; text-align:center; margin: 3.0svh 0 2.0svh; }
body #wrapper #contents-wrapper .scrollarea .section#shop_intro .inner .section-contents .group:nth-child(3) { width: 53.43vh; text-align:center; position:relative; margin: 7.13svh 9svh 0 9svh; }
body #wrapper #contents-wrapper .scrollarea .section#shop_intro .inner .section-contents .group:nth-child(3) h4 { color:#5D5E65; font-size:24px; margin: 0 0 1.5svh; }
body #wrapper #contents-wrapper .scrollarea .section#shop_intro .inner .section-contents .group:nth-child(3) p.caption-jp { color:#5D5E65; margin: 3svh 0 1.0svh; text-align:center; }
body #wrapper #contents-wrapper .scrollarea .section#shop_intro .inner .section-contents .group:nth-child(3) p.body-en { color:#5D5E65; margin: 0; text-align:center;}

body #wrapper #contents-wrapper .scrollarea .section#shop_item { padding:0; }
body #wrapper #contents-wrapper .scrollarea .section#shop_item .inner .titlearea { position: sticky; top:0; left:40px; text-align:center; width: 100svh; padding: 0; transform: rotate(-90deg) translate(-100%, 0); transform-origin: top left; }
body #wrapper #contents-wrapper .scrollarea .section#shop_item .inner .titlearea h4 { display:block; font-size:18px; color:#225AC9; }
body #wrapper #contents-wrapper .scrollarea .section#shop_item .inner .titlearea h4:hover { opacity:0.6; }
body #wrapper #contents-wrapper .scrollarea .section#shop_item .inner .section-contents .group { width: 150svh; padding:0; }
body #wrapper #contents-wrapper .scrollarea .section#shop_item .inner .section-contents .group .group1,
body #wrapper #contents-wrapper .scrollarea .section#shop_item .inner .section-contents .group .group2,
body #wrapper #contents-wrapper .scrollarea .section#shop_item .inner .section-contents .group .group3,
body #wrapper #contents-wrapper .scrollarea .section#shop_item .inner .section-contents .group .group4 {display: grid; grid-template-columns: auto auto auto auto;}
body #wrapper #contents-wrapper .scrollarea .section#shop_item .inner .section-contents .group .item { display: flex; align-items: flex-end; justify-content: center; position:relative; height:50svh; padding: 0; margin:0 10svh; }
body #wrapper #contents-wrapper .scrollarea .section#shop_item .inner .section-contents .group .item:hover { opacity:0.6; }
body #wrapper #contents-wrapper .scrollarea .section#shop_item .inner .section-contents .group .item img { pointer-events: none; max-height: 100%; max-width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); pointer-events: none; }
body #wrapper #contents-wrapper .scrollarea .section#shop_item .inner .section-contents .group .toggle-btn { z-index:99; width:100%; height:100%; position:relative; display:inline-block; }
body #wrapper .section#shop_item .toggle-btn a { display: block; height: 100%; width: 100%; text-decoration: none; text-align: center; opacity:1; }
body #wrapper .section#shop_item .toggle-btn a:hover { display: block; opacity:0.6; }

body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .text-scroll-container .textarea .shop-btn { z-index:99; width:100%; position:relative; display:block; }
body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .text-scroll-container .textarea .shop-btn a { display: block;　position:relative; height:60px; width: 50%; margin:0 auto; text-decoration: none; text-align: center; opacity:1; }
body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .text-scroll-container .textarea .shop-btn a:hover { display: block; opacity:0.6; }
body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .text-scroll-container .textarea .shop-btn a i { display: block; width:105px; height: 30px; margin:0 auto; border-radius:15px; border: solid 1px #225AC9; }
body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .text-scroll-container .textarea .shop-btn a i::before { display: block; content: "SHOP"; font-family: TTNormsProCompactLight, sans-serif; margin:0 auto; line-height:30px; font-style: normal; color:#225AC9; font-size: 15px; }

body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .text-scroll-container .textarea .shop-btn.yanagi a:nth-child(1) i::before { content: "SHOP (G)"; }
body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .text-scroll-container .textarea .shop-btn.yanagi a:nth-child(2) i::before { content: "SHOP (H)"; }
body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .text-scroll-container .textarea .shop-btn.yanagi a:nth-child(3) i::before { content: "SHOP (F)"; }


body #wrapper #modal-container #modal-contents .modal-single.shop .modal-single-inner .text-scroll-container .textarea .imagearea { position:relative; display:block; width:calc(100% - 8svh); margin: 4svh; }
body #wrapper #modal-container #modal-contents .modal-single.shop .modal-single-inner .text-scroll-container .textarea .imagearea img { height:auto; min-width:100%; display:block; margin: 0 auto; }



/* --- CLOTHING -- */

body #wrapper #contents-wrapper .scrollarea .section#c-tomorrow .inner .section-contents .group { display: inline-flex; flex-direction: column; }
body #wrapper #contents-wrapper .scrollarea .section#c-tomorrow .inner .titlearea h5 { font-size:30px; color:#8E8221; font-family:serif; margin: 0 0 1.5svh; }
body #wrapper #contents-wrapper .scrollarea .section#c-tomorrow .inner .section-contents .group:nth-child(1) { width: 77.04svh; height:100svh; position:relative; margin: 0 9svh 0 0; }
body #wrapper #contents-wrapper .scrollarea .section#c-tomorrow .inner .section-contents .group img#necessaries01 { width: auto; height:49.90svh; position:absolute; top:25svh; left:0; }
body #wrapper #contents-wrapper .scrollarea .section#c-tomorrow .inner .section-contents .group:nth-child(2) { width: 675px; margin: 15.18svh 9svh 0 9svh; }
body #wrapper #contents-wrapper .scrollarea .section#c-tomorrow .inner .section-contents .group:nth-child(2) .body-en { color: #D8706B; }
body #wrapper #contents-wrapper .scrollarea .section#c-tomorrow .inner .section-contents .group:nth-child(3) { width: 750px; margin: 23.33svh 9svh 0 9svh; }
body #wrapper #contents-wrapper .scrollarea .section#c-tomorrow .inner .section-contents .group:nth-child(4) { width: 63.70svh; height:100svh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#c-tomorrow .inner .section-contents .group img#necessaries02 { width: auto; height:50.53svh; position:absolute; top:24svh; right:0; }

body #wrapper #contents-wrapper .scrollarea .section#c-majotae .inner .section-contents .group { display: inline-flex; flex-direction: column; }
body #wrapper #contents-wrapper .scrollarea .section#c-majotae .inner .section-contents .group:nth-child(1) { width: 42.04svh; height:100svh; margin: 27.31svh 9svh 0 0; }
body #wrapper #contents-wrapper .scrollarea .section#c-majotae .inner .section-contents .group:nth-child(1) .caption-en { color: #D8706B; }
body #wrapper #contents-wrapper .scrollarea .section#c-majotae .inner .section-contents .group:nth-child(2) { width: 78.33svh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#c-majotae .inner .section-contents .group img#majotae01 { width: auto; height:58.14svh; position:absolute; top:8.5%; left:0; }
body #wrapper #contents-wrapper .scrollarea .section#c-majotae .inner .section-contents .group img#majotae02 { width: auto; height:58.14svh; position:absolute; top:8.5%; right:0; }
body #wrapper #contents-wrapper .scrollarea .section#c-majotae .inner .section-contents .group:nth-child(3) { width: 42.04svh; height:100svh; margin: 22svh 9svh 0 9svh; }
body #wrapper #contents-wrapper .scrollarea .section#c-majotae .inner .section-contents .group:nth-child(3) .caption-en { color: #D8706B; }
body #wrapper #contents-wrapper .scrollarea .section#c-majotae .inner .section-contents .group:nth-child(4) { width: 44.44svh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#c-majotae .inner .section-contents .group img#majotae03 { width: auto; height:58.14svh; position:absolute; top:8.5%; right:0; }
body #wrapper #contents-wrapper .scrollarea .section#c-majotae .inner .section-contents .group:nth-child(5) { width: 480px; margin: 26.85svh 9svh 0 9svh; }
body #wrapper #contents-wrapper .scrollarea .section#c-majotae .inner .section-contents .group:nth-child(5) .body-en { color: #D8706B; }
body #wrapper #contents-wrapper .scrollarea .section#c-majotae .inner .section-contents .group:nth-child(6) { width: 585px; margin: 21.95svh 9svh 0 9svh; }
body #wrapper #contents-wrapper .scrollarea .section#c-majotae .inner .section-contents .group:nth-child(7) { width:137.5svh; position:relative; margin: 0 9svh 0 0; }
body #wrapper #contents-wrapper .scrollarea .section#c-majotae .inner .section-contents .group img#majotae04 { width: auto; height:91.48svh; position:absolute; top:0; right:0; }

body #wrapper #contents-wrapper .scrollarea .section#c-origin { border-left:2px solid #8E8221; }
body #wrapper #contents-wrapper .scrollarea .section#c-origin .inner .section-contents .group { display: inline-flex; flex-direction: column; }
body #wrapper #contents-wrapper .scrollarea .section#c-origin .inner .section-contents .group:nth-child(1) { width: 40.93svh; height:100svh; margin: 35.19svh 0 0 0; }
body #wrapper #contents-wrapper .scrollarea .section#c-origin .inner .section-contents .group:nth-child(1) .caption-en { color: #D8706B; }
body #wrapper #contents-wrapper .scrollarea .section#c-origin .inner .section-contents .group:nth-child(2) { width: 40.93svh; height:100svh; margin: 18svh 9svh 0 9svh; }
body #wrapper #contents-wrapper .scrollarea .section#c-origin .inner .section-contents .group:nth-child(2) .caption-en { color: #D8706B; }
body #wrapper #contents-wrapper .scrollarea .section#c-origin .inner .section-contents .group:nth-child(3) { width: 106.39svh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#c-origin .inner .section-contents .group img#origin01 { width: auto; height:66.02svh; position:absolute; top:13.15%; left:0; }
body #wrapper #contents-wrapper .scrollarea .section#c-origin .inner .section-contents .group img#origin02 { width: auto; height:80.65svh; position:absolute; top:8.5%; right:0; }
body #wrapper #contents-wrapper .scrollarea .section#c-origin .inner .section-contents .group:nth-child(4) { width: 40.93svh; height:100svh; margin: 35.19svh 9svh 0 9svh; }
body #wrapper #contents-wrapper .scrollarea .section#c-origin .inner .section-contents .group:nth-child(4) .caption-en { color: #D8706B; }
body #wrapper #contents-wrapper .scrollarea .section#c-origin .inner .section-contents .group:nth-child(5) { width: 40.93svh; height:100svh; margin: 18svh 9svh 0 0; }
body #wrapper #contents-wrapper .scrollarea .section#c-origin .inner .section-contents .group:nth-child(5) .caption-en { color: #D8706B; }
body #wrapper #contents-wrapper .scrollarea .section#c-origin .inner .section-contents .group:nth-child(6) { width: 540px; margin: 24svh 9svh 0 9svh; }
body #wrapper #contents-wrapper .scrollarea .section#c-origin .inner .section-contents .group:nth-child(6) .body-en { color: #D8706B; }
body #wrapper #contents-wrapper .scrollarea .section#c-origin .inner .section-contents .group:nth-child(7) { width:95.18svh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#c-origin .inner .section-contents .group img#origin03 { width: auto; height:59.07svh; position:absolute; top:18%; left:0; }
body #wrapper #contents-wrapper .scrollarea .section#c-origin .inner .section-contents .group img#origin04 { width: auto; height:68.05svh; position:absolute; top:9.02%; right:0; }

body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner { padding: 0; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group { display: inline-flex; flex-direction: column; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group img { mix-blend-mode: multiply; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(1) { width:134.26svh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group img#ukiyoe05 { width: auto; height:60.93svh; position:absolute; top:26.11%; left:0; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group img#ukiyoe06 { width: auto; height:60.93svh; position:absolute; top:10.00%; left:31%; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group img#ukiyoe07 { width: auto; height:60.93svh; position:absolute; top:10.00%; right:0; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(2) { width: 100.00svh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(2) .text-group { width: 705px; margin:9svh 0 0 0; white-space: normal; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(2) .caption-jp table { white-space: normal; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(2) .caption-jp table tr td { padding-bottom:10px; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(2) .caption-jp table tr td:nth-child(1) { width:30px; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(2) .caption-en table { white-space: normal; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(2) .caption-en table tr td { padding-bottom:10px; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(2) .caption-en table tr td:nth-child(1) { width:60px; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(2) .caption-en { color: #D8706B; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group img#ukiyoe08 { width: auto; height:60.93svh; position:absolute; top:36%; left:0; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group img#ukiyoe09 { width: auto; height:60.93svh; position:absolute; top:36%; right:0; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(3) { width: 510px; margin: 32.87svh 9svh 0 18svh; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(3) .body-en { color: #D8706B; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(3) .textarea ol { padding:30px; white-space: normal; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(3) .textarea ol li { list-style-position: outside; list-style-type: decimal; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(4) { width: 600px; margin: 7.96svh 18svh 0 9svh; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(4) .textarea ol { padding:30px; white-space: normal; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(4) .textarea ol li { list-style-position: outside; list-style-type: decimal; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(5) { width: 100svh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(5) .textarea { display: box; aspect-ratio: 8 / 5; height:60.93svh; position:absolute; top:26.11%; left:0; padding:0; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(5) .textarea:hover img { opacity:0.6; transition: 0.5s; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(5) .textarea p.jp { display:block; width:100%; color:#D8706B; padding:0; font-size: 18px; line-height: 1.7; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(5) .textarea p.en { display:block; width:100%; color:#D8706B; padding:0 0 14px 0; font-size: 18px; line-height: 1.2; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(6) { width: 100svh; position:relative; margin:0 0 0 18svh; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(6) .textarea { display: box; aspect-ratio: 8 / 5; height:60.93svh; position:absolute; top:10.00%; left:0; padding:0; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(6) .textarea:hover img { opacity:0.6; transition: 0.5s; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(6) .textarea p.jp { display:block; width:100%; color:#D8706B; padding:14px 0 0 0; font-size: 18px; line-height: 1.7; }
body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(6) .textarea p.en { display:block; width:100%; color:#D8706B; padding:0; font-size: 18px; line-height: 1.2; }

body #wrapper #contents-wrapper .scrollarea .section#c-plants .inner { padding: 0; }
body #wrapper #contents-wrapper .scrollarea .section#c-plants .inner .section-contents .group { display: inline-flex; flex-direction: column; }
body #wrapper #contents-wrapper .scrollarea .section#c-plants .inner .section-contents .group img { display:block; padding:0; mix-blend-mode: multiply; }
body #wrapper #contents-wrapper .scrollarea .section#c-plants .inner .section-contents .group .textarea:hover img { opacity:0.6; transition: 0.5s; }
body #wrapper #contents-wrapper .scrollarea .section#c-plants .inner .section-contents .group .textarea { display: box; position:absolute; padding:0; opacity:1; text-align: center; }
body #wrapper #contents-wrapper .scrollarea .section#c-plants .inner .section-contents .group .textarea p { display:block; width:100%; height:30px; color:#D8706B; padding:14px 0; font-size: 18px; line-height: 1.7; }
body #wrapper #contents-wrapper .scrollarea .section#c-plants .inner .section-contents .group:nth-child(1) { width: 91.26svh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#c-plants .inner .section-contents .group:nth-child(1) .textarea:nth-child(1) { height:55.37svh; aspect-ratio: 6 / 9; top:35.65%; left:0; margin:0 auto; }
body #wrapper #contents-wrapper .scrollarea .section#c-plants .inner .section-contents .group:nth-child(1) .textarea:nth-child(2) { height:58.15svh; aspect-ratio: 6 / 9; top:3.52%; right:0; margin:0 auto; }
body #wrapper #contents-wrapper .scrollarea .section#c-plants .inner .section-contents .group:nth-child(2) { width: 88.70svh; position:relative; margin: 0 0 0 18svh; }
body #wrapper #contents-wrapper .scrollarea .section#c-plants .inner .section-contents .group:nth-child(2) .group-head { width:570px; z-index:3; padding: 18svh 0 0 18svh; }
body #wrapper #contents-wrapper .scrollarea .section#c-plants .inner .section-contents .group:nth-child(2) .group-head h4 { color: #8E8221; }
body #wrapper #contents-wrapper .scrollarea .section#c-plants .inner .section-contents .group:nth-child(2) .group-head p.sub-title { color: #8E8221; }
body #wrapper #contents-wrapper .scrollarea .section#c-plants .inner .section-contents .group:nth-child(2) .textarea:nth-child(1) { height:45.64svh; aspect-ratio: 24 / 29; top:31.39%; left:0; margin:0 auto; }
body #wrapper #contents-wrapper .scrollarea .section#c-plants .inner .section-contents .group:nth-child(2) .textarea:nth-child(2) { height:36.25svh; aspect-ratio: 24 / 29; top:47.78%; right:0; margin:0 auto; }
body #wrapper #contents-wrapper .scrollarea .section#c-plants .inner .section-contents .group:nth-child(3) { width: 32.26svh; position:relative; margin: 0 0 0 18svh; }
body #wrapper #contents-wrapper .scrollarea .section#c-plants .inner .section-contents .group:nth-child(3) .textarea { height:45.64svh; aspect-ratio: 6 / 9; top:26.11%; left:0; margin:0 auto; }
body #wrapper #contents-wrapper .scrollarea .section#c-plants .inner .section-contents .group:nth-child(4) { width: 87.96svh; position:relative; margin:0 0 0 18svh; }
body #wrapper #contents-wrapper .scrollarea .section#c-plants .inner .section-contents .group:nth-child(4) .textarea:nth-child(1) { height:52.68svh; aspect-ratio: 6 / 9; top:31.39%; left:0; margin:0 auto; }
body #wrapper #contents-wrapper .scrollarea .section#c-plants .inner .section-contents .group:nth-child(4) .textarea:nth-child(2) { height:55.22svh; aspect-ratio: 6 / 9; top:13.11%; right:0; margin:0 auto; }

body #wrapper #contents-wrapper .scrollarea .section#c-folktale .inner { padding: 0; }
body #wrapper #contents-wrapper .scrollarea .section#c-folktale .inner .section-contents .group { display: inline-flex; flex-direction: column; }
body #wrapper #contents-wrapper .scrollarea .section#c-folktale .inner .section-contents .group:nth-child(1) { width:47.3svh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#c-folktale .inner .section-contents .group img#folktale01 { width: auto; height:59.17svh; position:absolute; top:28.80%; left:0; }
body #wrapper #contents-wrapper .scrollarea .section#c-folktale .inner .section-contents .group:nth-child(2) { width: 42.41svh; height:100svh; margin: 35.19svh 18svh 0 9svh; }
body #wrapper #contents-wrapper .scrollarea .section#c-folktale .inner .section-contents .group:nth-child(2) .caption-en { color: #D8706B; }
body #wrapper #contents-wrapper .scrollarea .section#c-folktale .inner .section-contents .group:nth-child(3) { width: 156.20svh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#c-folktale .inner .section-contents .group img#folktale02 { width: auto; height:60.09svh; position:absolute; top:18.24%; left:0; }
body #wrapper #contents-wrapper .scrollarea .section#c-folktale .inner .section-contents .group img#folktale03 { width: auto; height:36.94svh; position:absolute; top:23.80%; right:0; }
body #wrapper #contents-wrapper .scrollarea .section#c-folktale .inner .section-contents .group:nth-child(4) { width: 114.72svh; position:relative; margin: 0 0 0 9svh; }
body #wrapper #contents-wrapper .scrollarea .section#c-folktale .inner .section-contents .group:nth-child(4) .textarea { width:570px; position:absolute; top: 54%; left:0; z-index:3;}
body #wrapper #contents-wrapper .scrollarea .section#c-folktale .inner .section-contents .group:nth-child(4) .body-en { color: #D8706B; }
body #wrapper #contents-wrapper .scrollarea .section#c-folktale .inner .section-contents .group img#folktale04 { width: auto; height:40.46svh; position:absolute; top:8.5%; left:9%; }
body #wrapper #contents-wrapper .scrollarea .section#c-folktale .inner .section-contents .group img#folktale05 { width: auto; height:47.41svh; position:absolute; top:41.94%; right:0; }
body #wrapper #contents-wrapper .scrollarea .section#c-folktale .inner .section-contents .group:nth-child(5) { width:710px; margin: 24svh 18svh 0 18svh; }
body #wrapper #contents-wrapper .scrollarea .section#c-folktale .inner .section-contents .group:nth-child(6) { width:156.94svh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#c-folktale .inner .section-contents .group img#folktale06 { width: auto; height:100svh; margin:0 auto; }

body #wrapper #contents-wrapper .scrollarea .section#c-discovery { border-left:2px solid #8E8221; }
body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group { display: inline-flex; flex-direction: column; }
body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group:nth-child(1) { width:164.81svh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group:nth-child(1) .textarea { width:21.66svh; position:absolute; top:50.37%; left:0; }
body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group:nth-child(1) .caption-en { color: #D8706B; }
body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group img#place01 { width: auto; height:37.03svh; position:absolute; top:8.5%; left:0; }
body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group img#place02 { width: auto; height:65.27svh; position:absolute; top:18%; right:0; }
body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group:nth-child(2) { width:40.93svh; margin: 18svh 18svh 0 9svh; }
body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group:nth-child(2) .caption-en { color: #D8706B; }
body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group:nth-child(3) { width:105.83svh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group img#place03 { width: auto; height:51.48svh; position:absolute; top:35.18%; left:0; }
body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group img#place04 { width: auto; height:82.87svh; position:absolute; top:8.5%; right:0; }
body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group:nth-child(4) { width:100svh; position:relative; margin: 8.5svh 0 0 19svh; }
body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group:nth-child(4) iframe { aspect-ratio: 16 / 9; width: 100%; }
body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group:nth-child(4) .caption { color: #6D6E77; font-size: 17px; line-height: 1.2; margin: 1.5svh 0 0; }
body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group:nth-child(5) { width:35.28svh; margin: 18svh 9svh 0 9svh; }
body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group:nth-child(5) .caption-en { color: #D8706B; }
body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group:nth-child(6) { width:570px; margin: 32svh 9svh 0 9svh; }
body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group:nth-child(6) .body-en { color: #D8706B; }
body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group:nth-child(7) { width:780px; margin: 24svh 0 0 9svh; }

body #wrapper #contents-wrapper .scrollarea .section#c-introduction { border-left:2px solid #8E8221; }
body #wrapper #contents-wrapper .scrollarea .section#c-introduction .inner .section-contents .group { display: inline-flex; flex-direction: column; }
body #wrapper #contents-wrapper .scrollarea .section#c-introduction .inner .section-contents .group:nth-child(1) { width: 750px; margin: 24svh 18svh 0 0; }
body #wrapper #contents-wrapper .scrollarea .section#c-introduction .inner .section-contents .group:nth-child(1) .body-en { color: #D8706B; }
body #wrapper #contents-wrapper .scrollarea .section#c-introduction .inner .section-contents .group:nth-child(2) { width: 81.57vh; height:100svh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#c-introduction .inner .section-contents .group img#clothing03 { width: auto; height:55.5svh; position:absolute; top:21.94%; right:0; }
body #wrapper #contents-wrapper .scrollarea .section#c-introduction .inner .section-contents .group:nth-child(3) { width: 780px; margin: 24svh 0 0 14.5svh; }
body #wrapper #contents-wrapper .scrollarea .section#c-introduction .inner .section-contents .group:nth-child(4) { width: 540px; padding-right:240px; margin: 18svh 0 0 36svh; }
body #wrapper #contents-wrapper .scrollarea .section#c-introduction .inner .section-contents .group:nth-child(4) .body-en { color: #D8706B; }

body #wrapper #contents-wrapper .scrollarea .section#c-start { padding: 0; position:relative; }
body #wrapper #contents-wrapper .scrollarea .section#c-start .inner .section-contents .group { width: 100svw; display: inline-flex; flex-direction: column; position: relative; padding: 0; }
body #wrapper #contents-wrapper .scrollarea .section#c-start .inner .section-contents .group img#clothing01 { width: auto; width:27.6vw; position:absolute; bottom:12.59%; right:15%; }
body #wrapper #contents-wrapper .scrollarea .section#c-start .inner .section-contents .group img#clothing02 { width: auto; width:37.2vw; position:absolute; top:0; left:10%; }




/* --- SHELTER -- */

body #wrapper #contents-wrapper .scrollarea .section#s-introduction .inner .section-contents .group { display: inline-flex; flex-direction: column; }
body #wrapper #contents-wrapper .scrollarea .section#s-introduction .inner .section-contents .group:nth-child(1) { width: 750px; margin: 24svh 18svh 0 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-introduction .inner .section-contents .group:nth-child(2) { width: 93.89vh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-introduction .inner .section-contents .group img#s-introduction01 { width: auto; height:56.11svh; position:absolute; top:13.24svh; left:0; }
body #wrapper #contents-wrapper .scrollarea .section#s-introduction .inner .section-contents .group img#s-introduction02 { width: auto; height:46.29svh; position:absolute; top:0; right:6.85svh; }
body #wrapper #contents-wrapper .scrollarea .section#s-introduction .inner .section-contents .group img#s-introduction03 { width: auto; height:33.00svh; position:absolute; bottom:18.52svh; right:0; }
body #wrapper #contents-wrapper .scrollarea .section#s-introduction .inner .section-contents .group:nth-child(3) { width: 700px; margin: 24svh 18svh 0 18svh; }
body #wrapper #contents-wrapper .scrollarea .section#s-introduction .inner .section-contents .group:nth-child(4) { width: 223.88vh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-introduction .inner .section-contents .group img#s-introduction04 { width: auto; height:62.59svh; position:absolute; top:8.61svh; left:0; }
body #wrapper #contents-wrapper .scrollarea .section#s-introduction .inner .section-contents .group img#s-introduction05 { width: auto; height:51.67svh; position:absolute; top:27.13svh; left:47%; }
body #wrapper #contents-wrapper .scrollarea .section#s-introduction .inner .section-contents .group img#s-introduction06 { width: auto; height:88.33svh; position:absolute; top:0; right:0; }

body #wrapper #contents-wrapper .scrollarea .section#s-journey { border-left:2px solid #8E8221; }
body #wrapper #contents-wrapper .scrollarea .section#s-journey .inner .section-contents .group { display: inline-flex; flex-direction: column; }
body #wrapper #contents-wrapper .scrollarea .section#s-journey .inner .section-contents .group:nth-child(1) { width: 700px; margin: 24svh 18svh 0 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-journey .inner .section-contents .group:nth-child(2) { width: 650px; margin: 24svh 18svh 0 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-journey .inner .section-contents .group:nth-child(3) { width: 95.83vh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-journey .inner .section-contents .group img#journey01 { width: auto; height:67.50svh; position:absolute; top:11.39%; left:0; }

body #wrapper #contents-wrapper .scrollarea .section#s-fix { border-left:2px solid #8E8221; }
body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group { display: inline-flex; flex-direction: column; }
body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group:nth-child(1) { width: 750px; margin: 24svh 18svh 0 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group:nth-child(2) { width: 650px; margin: 24svh 18svh 0 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group:nth-child(3) { width: 194.26vh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group img#fix00 { width: auto; height:67.5svh; position:absolute; top:11.38%; left:0; }
body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group img#fix01 { width: auto; height:49svh; position:absolute; top:0; right:0; }
body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group img#fix02 { width: auto; height:49svh; position:absolute; bottom:0; right:0; }
body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group:nth-child(4) { width: 400px; margin: 24svh 18svh 0 18svh; }
body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group:nth-child(5) { width: 66vh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group img#fix03 { width: auto; height:44svh; position:absolute; top:9%; left:0; }
body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group img#fix04 { width: auto; height:30svh; position:absolute; bottom:10%; left:32%; }
body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group:nth-child(6) { width: 100vh; position:relative; margin: 0 18svh 0 18svh; }
body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group #fix05 { width:60vw; position:absolute; top:0; right:0; }
body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group #fix05 img { width:auto; height:auto; }
body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group:nth-child(7) { width: 100vh; position: relative; align-items: center; margin: 24svh 0 0 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group:nth-child(7) iframe { aspect-ratio: 16 / 9; width: 100%; }
body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group:nth-child(8) { width: 375px; margin: 24svh 18svh 0 18svh; }
body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group:nth-child(9) { width: 66vh; position:relative; margin: 21svh 0 0 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group:nth-child(10) { width: 100vh; position:relative; margin: 0 0 0 18svh; }
body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group:nth-child(11) { width: 420px; margin: 24svh 18svh 0 18svh; }
body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group:nth-child(12) { width: 43.89svh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group img#fix08 { width: auto; height:65.92svh; position:absolute; top:11.67%; left:0; }
body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group:nth-child(13) { width: 100vh; position:relative; margin: 0 18svh 0 18svh; }
body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group:nth-child(14) { width: 45.92svh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group img#fix10 { width: auto; height:61.29svh; position:absolute; top:21%; left:0; }

body #wrapper #contents-wrapper .scrollarea .section#s-discovery { border-left:2px solid #8E8221; }
body #wrapper #contents-wrapper .scrollarea .section#s-discovery .inner .section-contents .group { display: inline-flex; flex-direction: column; }
body #wrapper #contents-wrapper .scrollarea .section#s-discovery .inner .section-contents .group:nth-child(1) { width: 650px; margin: 24svh 18svh 0 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-discovery .inner .section-contents .group:nth-child(2) { width: 650px; margin: 24svh 18svh 0 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-discovery .inner .section-contents .group:nth-child(3) { width: 1920px; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-discovery .inner .section-contents .group:nth-child(3) .member { position:relative; width: 390px; height: 390px; border:1px solid transparent; }
body #wrapper #contents-wrapper .scrollarea .section#s-discovery .inner .section-contents .group:nth-child(3) .member img { position:absolute; top:0; left:0; }
body #wrapper #contents-wrapper .scrollarea .section#s-discovery .inner .section-contents .group:nth-child(3) .member:hover img.dark { filter: invert(1) contrast(25%) brightness(150%) sepia(1); }
body #wrapper #contents-wrapper .scrollarea .section#s-discovery .inner .section-contents .group:nth-child(3) .member .textarea { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position:relative; width:210px; height:390px; margin:0 auto; background:rgba(254, 251, 2238, 0); padding:0; opacity:0; text-align: center; z-index:99; }
body #wrapper #contents-wrapper .scrollarea .section#s-discovery .inner .section-contents .group:nth-child(3) .member:hover .textarea { opacity:1; }
body #wrapper #contents-wrapper .scrollarea .section#s-discovery .inner .section-contents .group:nth-child(3) .member .textarea p { display:block; width:100%; height:30px; color:#225AC9; padding:0; }
body #wrapper #contents-wrapper .scrollarea .section#s-discovery .inner .section-contents .group:nth-child(3) .member .textarea p.jp { font-size: 18px; line-height: 1.7; margin-top: 135px; }
body #wrapper #contents-wrapper .scrollarea .section#s-discovery .inner .section-contents .group:nth-child(3) .member .textarea p.en { font-size: 17px; line-height: 1.2; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-discovery .inner .section-contents .group:nth-child(3) .member .textarea p.toggle-btn { font-size: 2.08svh; margin: 0 0 135px 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-discovery .inner .section-contents .group:nth-child(3) .member .textarea p.toggle-btn a { display: inline-flex; align-items: center; justify-content: center; }
body #wrapper #contents-wrapper .scrollarea .section#s-discovery .inner .section-contents .group:nth-child(3) .member .textarea p.toggle-btn a i { display: inline-block; position: relative; margin: 0; width: 30px; height: 30px; border-radius:15px; border: solid 1px #225AC9; }
body #wrapper #contents-wrapper .scrollarea .section#s-discovery .inner .section-contents .group:nth-child(3) .member .textarea p.toggle-btn a i::before { display: block; content: "＋"; font-family: TTNormsProCompactLight, sans-serif; color:#6793EA; font-style: normal; font-weight: 300; font-size: 2.34svh; position: absolute; top: 56%; left: 50%; transform: translate(-50%, -50%); }

:root {
  --width: 390px;
  --x1-speed: 40s;
  --x2-speed: 80s;
  --x3-speed: 120s;
  --x4-speed: 160s;
  --x5-speed: 240s;
  --y1-speed: 20s;
  --y2-speed: 50s;
  --y3-speed: 80s;
  --transition-speed: 2.2s;
}

.x1 { position:absolute; top:0; left:0; animation: x1 var(--x1-speed) linear infinite alternate; animation-delay: 0s; }
.x2 { position:absolute; top:0; left:0; animation: x2 var(--x2-speed) linear infinite alternate; animation-delay: -100s; }
.x3 { position:absolute; top:0; left:0; animation: x3 var(--x3-speed) linear infinite alternate; animation-delay: -120s; }
.x4 { position:absolute; top:0; left:0; animation: x4 var(--x4-speed) linear infinite alternate; animation-delay: -240s; }
.x5 { position:absolute; top:0; left:0; animation: x5 var(--x5-speed) linear infinite alternate; animation-delay: -240s; }
.x6 { position:absolute; top:0; left:0; animation: x6 var(--x4-speed) linear infinite alternate; animation-delay: -320s; }
.x7 { position:absolute; top:0; left:0; animation: x7 var(--x2-speed) linear infinite alternate; animation-delay: -420s; }
.x8 { position:absolute; top:0; left:0; animation: x8 var(--x3-speed) linear infinite alternate; animation-delay: -600s; }
.x9 { position:absolute; top:0; left:0; animation: x9 var(--x1-speed) linear infinite alternate; animation-delay: -480s; }
.x10 { position:absolute; top:0; left:0; animation: x10 var(--x5-speed) linear infinite alternate; animation-delay: -600s;}
.x11 { position:absolute; top:0; left:0; animation: x11 var(--x1-speed) linear infinite alternate; animation-delay: -842.6s;}
.x12 { position:absolute; top:0; left:0; animation: x12 var(--x5-speed) linear infinite alternate; animation-delay: -870s; }
.x13 { position:absolute; top:0; left:0; animation: x13 var(--x5-speed) linear infinite alternate; animation-delay: -810s; }
.x14 { position:absolute; top:0; left:0; animation: x14 var(--x4-speed) linear infinite alternate; animation-delay: -750s; }
.x1:hover, .x2:hover, .x3:hover, .x4:hover, .x5:hover, .x6:hover, .x7:hover, .x8:hover,
.x9:hover, .x10:hover, .x11:hover, .x12:hover, .x13:hover, .x14:hover { animation-play-state: paused; }

.y { animation: y var(--y1-speed) linear infinite alternate; animation-delay: 0s; }
.y2 { animation: y var(--y2-speed) linear infinite alternate; animation-delay: -125s; }
.y3 { animation: y var(--y3-speed) linear infinite alternate; animation-delay: -250s; }
.y:hover, .y2:hover, .y3:hover { animation-play-state: paused; }

@keyframes x1 { 100% { transform: translateX(calc(121.88vw - var(--width))); }}
@keyframes x2 { 100% { transform: translateX(calc(121.88vw - var(--width))); }}
@keyframes x3 { 100% { transform: translateX(calc(121.88vw - var(--width))); }}
@keyframes x4 { 100% { transform: translateX(calc(121.88vw - var(--width))); }}
@keyframes x5 { 100% { transform: translateX(calc(121.88vw - var(--width))); }}
@keyframes x6 { 100% { transform: translateX(calc(121.88vw - var(--width))); }}
@keyframes x7 { 100% { transform: translateX(calc(121.88vw - var(--width))); }}
@keyframes x8 { 100% { transform: translateX(calc(121.88vw - var(--width))); }}
@keyframes x9 { 100% { transform: translateX(calc(121.88vw - var(--width))); }}
@keyframes x10 { 100% { transform: translateX(calc(121.88vw - var(--width))); }}
@keyframes x11 { 100% { transform: translateX(calc(121.88vw - var(--width))); }}
@keyframes x12 { 100% { transform: translateX(calc(121.88vw - var(--width))); }}
@keyframes x13 { 100% { transform: translateX(calc(121.88vw - var(--width))); }}
@keyframes x14 { 100% { transform: translateX(calc(121.88vw - var(--width))); }}
@keyframes y { 100% { transform: translateY(calc(100svh - var(--width))); }}
@keyframes y2 { 100% { transform: translateY(calc(100svh - var(--width))); }}
@keyframes y3 { 100% { transform: translateY(calc(100svh - var(--width))); }}

body #wrapper #contents-wrapper .scrollarea .section#s-grow { border-left:2px solid #8E8221; }
body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group { display: inline-flex; flex-direction: column; }
body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group:nth-child(1) { width: 650px; margin: 24svh 18svh 0 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group:nth-child(2) { width: 600px; margin: 24svh 18svh 0 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group:nth-child(3) { width:100svh; position:relative; margin: 16.48svh 6.15svh 0 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group:nth-child(3) iframe { aspect-ratio: 16 / 9; width: 100%; }
body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group:nth-child(3) .caption { color: #6D6E77; font-size: 17px; line-height: 1.2; margin: 1.5svh 0 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group:nth-child(4) { width:525px; position:relative; margin: 37.5svh 18svh 0 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group:nth-child(4) p.jp { color:#6D6E77; font-size:18px; line-height:1.7; margin: 0 0 0.5svh; }
body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group:nth-child(4) p.en { color:#6D6E77; font-size:17px; line-height:1.2; margin: 0 0 1.5svh; }
body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group:nth-child(5) { width:121.66svh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group img#grow00 { width: auto; height:80.09svh; position:absolute; top:11.11%; left:0; }
body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group:nth-child(6) { width:375px; position:relative; margin: 24svh 18svh 0 18svh; }
body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group:nth-child(7) { width:159.63svh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group img#grow01a { width: auto; height:61.39svh; position:absolute; top:18.52%; left:0; }
body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group img#grow01b { width: auto; height:80.09svh; position:absolute; top:0; right:0; }
body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group:nth-child(8) { width:375px; position:relative; margin: 24svh 18svh 0 18svh; }
body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group:nth-child(9) { width:267.5svh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group img#grow02a { width: auto; height:61.66svh; position:absolute; top:24.72%; left:0; }
body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group img#grow02b { width: auto; height:47.5svh; position:absolute; top:10.74%; left:37%; }
body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group img#grow01c { width: auto; height:51.94svh; position:absolute; top:21.11%; left:66%; }
body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group img#grow02c { width: auto; height:47.31svh; position:absolute; top:34.54%; right:0; }

body #wrapper #contents-wrapper .scrollarea .section#s-ricestraw { border-left:2px solid #8E8221; }
body #wrapper #contents-wrapper .scrollarea .section#s-ricestraw .inner .section-contents .group { display: inline-flex; flex-direction: column; }
body #wrapper #contents-wrapper .scrollarea .section#s-ricestraw .inner .section-contents .group:nth-child(1) { width: 76.11svh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-ricestraw .inner .section-contents .group img#ricestraw_00 { width: auto; height:100svh; position:absolute; top:0; left: 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-ricestraw .inner .section-contents .group:nth-child(2) { width: 320px; margin: 24svh 18svh 0 18svh; }
body #wrapper #contents-wrapper .scrollarea .section#s-ricestraw .inner .section-contents .group:nth-child(3) { width: 257.13svh; position:relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-ricestraw .inner .section-contents .group img#ricestraw_01 { width: auto; height:54.16svh; position:absolute; top:7.31%; left: 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-ricestraw .inner .section-contents .group img#ricestraw_02 { width: auto; height:47.14svh; position:absolute; top:30.46%; left: 19%; }
body #wrapper #contents-wrapper .scrollarea .section#s-ricestraw .inner .section-contents .group img#ricestraw_03 { width: auto; height:70.18svh; position:absolute; top:16.20%; left: 37%; }
body #wrapper #contents-wrapper .scrollarea .section#s-ricestraw .inner .section-contents .group img#ricestraw_04 { width: auto; height:66.48svh; position:absolute; top:10.00%; right: 0; }

body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow { border-left:2px solid #8E8221; }
body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group { display: inline-flex; flex-direction: column; }
body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(1) { width: 630px; margin: 24svh 18svh 0 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(2) { width: 570px; margin: 24svh 18svh 0 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(3) { width: 256.39svh; background: #FEFBEE; position: relative; margin: 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(3) img#s-tomorrow01 { width: 100%; mix-blend-mode: multiply; position:absolute; top: 2.13svh; left: 0; }
body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(3) .dots { position: static; }
body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(3) .dots .ring-container:nth-child(1) { position: absolute; top:31svh; left:0; z-index:99; }
body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(3) .dots .ring-container:nth-child(2) { position: absolute; top:29svh; left:17%; z-index:99; }
body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(3) .dots .ring-container:nth-child(3) { position: absolute; top:16svh; left:40%; z-index:99; }
body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(3) .dots .ring-container:nth-child(4) { position: absolute; top:5svh; left:49%; z-index:99; }
body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(3) .dots .ring-container:nth-child(5) { position: absolute; top:13svh; left:57%; z-index:99; }
body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(3) .dots .ring-container:nth-child(6) { position: absolute; top:21svh; left:62%; z-index:99; }
body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(3) .dots .ring-container:nth-child(7) { position: absolute; top:29svh; left:67%; z-index:99; }
body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(3) .dots .ring-container:nth-child(8) { position: absolute; top:78svh; left:29%; z-index:99; }
body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(3) .dots .ring-container:nth-child(9) { position: absolute; top:74svh; left:35%; z-index:99; }
body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(3) .dots .ring-container:nth-child(10) { position: absolute; top:74svh; left:44.5%; z-index:99; }
body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(3) .dots .ring-container:nth-child(11) { position: absolute; top:83svh; left:58.5%; z-index:99; }
body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(3) .dots .ring-container:nth-child(12) { position: absolute; top:74svh; left:74.5%; z-index:99; }
body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(3) .dots .ring-container:nth-child(13) { position: absolute; top:42svh; left:97%; z-index:99; }
body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(3) .dots .ring-container:nth-child(14) { position: absolute; top:72svh; left:85.625%; z-index:99; }
body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(3) .dots .ring-container:nth-child(15) { position: absolute; top:72svh; left:90.625%; z-index:99; }
body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(3) .dots .ring-container:nth-child(16) { position: absolute; top:72svh; left:95.625%; z-index:99; }
body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(3) .dots .circle { width: 15px; height: 15px; background-color: #6793EA; border-radius: 50%; position: absolute; top: 23px; left: 23px; }
body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(3) .dots .circle:hover { background-color: rgba(103, 147, 234, 0.33); }
body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(3) .dots .ringring { border: 3px solid rgba(103, 147, 234, 0.33); -webkit-border-radius: 30px; height: 25px; width: 25px; position: absolute; left: 15px; top: 15px; -webkit-animation: pulsate 1s ease-out; -webkit-animation-iteration-count: infinite;  opacity: 0.0 }

a.fill-div { display: block; height: 100%; width: 100%; text-decoration: none; }
@-webkit-keyframes pulsate {
    0% {-webkit-transform: scale(0.1, 0.1); opacity: 0.0;}
    50% {opacity: 1.0;}
    100% {-webkit-transform: scale(1.2, 1.2); opacity: 0.0;}
}

body #wrapper #contents-wrapper .scrollarea .section#end { border-left:2px solid #8E8221; padding: 0; }
body #wrapper #contents-wrapper .scrollarea .section#end .inner .section-contents .group:nth-child(1) { width: 100vw; display: inline-flex; flex-direction: column; position: relative; padding: 0; }
body #wrapper #contents-wrapper .scrollarea .section#end .inner .section-contents .group:nth-child(1) .imagearea { width:88.70vw; z-index:3; opacity:1; position: relative; margin: auto; }
body #wrapper #contents-wrapper .scrollarea .section#end .inner .section-contents .group:nth-child(1) .imagearea a img#shop_enter { z-index:4; width:16svh; height: auto; position:absolute; top:42svh; left: calc(50% - 8svh); opacity:0.4; }
body #wrapper #contents-wrapper .scrollarea .section#end .inner .section-contents .group:nth-child(1) .imagearea:hover > a img#shop_enter { opacity:1; transition-duration: 1s; }
body #wrapper #contents-wrapper .scrollarea .section#end .inner .section-contents .group:nth-child(1) .imagearea img#shop_logo { z-index:4; width:44.44svh; height: auto; position:absolute; top:10svh; left: calc(50% - 22.22svh); }
body #wrapper #contents-wrapper .scrollarea .section#end .inner .section-contents .group:nth-child(1) .imagearea img#shop_bg { width:100%; height: 100svh; opacity:1; transition-duration: 1s; }
body #wrapper #contents-wrapper .scrollarea .section#end .inner .section-contents .group:nth-child(1) .imagearea:hover > img#shop_bg { opacity:0.8; transition-duration: 1s; }
body #wrapper #contents-wrapper .scrollarea .section#end .inner .section-contents .group .imageearea a { display: inline-flex; align-items: center; justify-content: center; }

body #wrapper #contents-wrapper .scrollarea .section#end .inner .section-contents .group:nth-child(1) .textarea { width: 88.70vw; position: absolute; top: 10.93svh; left: calc(50% - 44.35vw); display: inline-flex; flex-direction: column; }
body #wrapper #contents-wrapper .scrollarea .section#end .inner .section-contents .group:nth-child(1) .textarea img#shop01 { height:auto; width:57vw; max-width:420px; display:block; margin: 0 auto; }
body #wrapper #contents-wrapper .scrollarea .section#end .inner .section-contents .group:nth-child(1) .textarea .body-jp { color: #5D5E65; text-align:center; margin: 3.0svh 0 2.0svh; }

body #wrapper #modal-container { position: fixed; z-index: 999; width: 100vw; height: 100svh; top: 0; left: 0; right: 0; margin: 0 auto; display: none; background:rgba(0, 0, 0, 0.4);}
body #wrapper #modal-container #modal-close { z-index:99; font-size: 0; position: absolute; right: calc(50% - 283px); top: 18svh; }
body #wrapper #modal-container #modal-close a { display: block; width: 30px; height: 30px; opacity:0.6; }
body #wrapper #modal-container #modal-close a:hover { opacity:1;}
body #wrapper #modal-container #modal-close a i { display: block; width: 100%; height: 100%; position: relative; margin: 0; border-radius: 15px; border: 1px solid #5D5E65; }
body #wrapper #modal-container #modal-close a i::before { display: block; content: "×"; font-family: TTNormsProCompactLight, sans-serif; font-style: normal; font-weight: 300; color:#5D5E65; font-size: 33px; position: absolute; top: 53%; left: 50%; transform: translate(-50%, -50%); }
body #wrapper #modal-container #modal-contents { height: 100%; box-sizing: border-box; }
body #wrapper #modal-container #modal-contents .modal-single { border:1px solid transparent; width:80vw; height:80svh; margin:10svh 10vw; display: none; }
body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner { height: 68svh; margin:6svh 0; position:relative; display: flex; flex-direction: column; }
body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .imagearea { position:absolute; top:0; right:0; width:25vw; margin: 10svh; }
body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .imagearea img { mix-blend-mode:multiply; }
body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .text-scroll-container { flex: 1; position: relative; }
body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .text-scroll-container .textarea { position: absolute; top: 0; left: calc(50% - 300px); width:600px; height:100%; overflow-y: auto; overflow-x: visible; }
body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .text-scroll-container .textarea .text-group {margin: 4svh; color: #2b2e34; }
body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .text-scroll-container .textarea .text-group p.name-text.jp { font-size: 27px; line-height: 1.4; margin: 0 0 0.5svh; }
body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .text-scroll-container .textarea .text-group p.name-text.en { font-size: 21px; line-height: 1.15; margin: 0 0 2.0svh; }
body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .text-scroll-container .textarea .text-group p.caption-jp.jp { text-align: justify; color:#2b2e34; margin: 0 0 1.5svh; }
body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .text-scroll-container .textarea .text-group p.caption-en.en { text-align: left; color:#2b2e34; }

body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .text-scroll-container .textarea .imagearea { position:relative; display:block; width:calc(100% - 8svh); margin: 4svh; }
body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .text-scroll-container .textarea .imagearea img { height:auto; width:100%; display:block; margin: 0 auto; mix-blend-mode:multiply; }
body #wrapper #modal-container #modal-contents .modal-single.dot .modal-single-inner .text-scroll-container .textarea .imagearea { position:relative; display:block; width:100%; margin: 4svh auto 0 auto; }
body #wrapper #modal-container #modal-contents .modal-single.dot .modal-single-inner .text-scroll-container .textarea .imagearea img { height:auto; width:120px; display:block; margin: 0 auto; }

body #wrapper #modal-container #modal-contents .modal-single.plant .modal-single-inner .text-scroll-container .textarea { background: #fff; }
body #wrapper #modal-container #modal-contents .modal-single.plant .modal-single-inner .text-scroll-container .textarea .text-group p.caption-en { color: #D8706B; }
body #wrapper #modal-container #modal-contents .modal-single.disc .modal-single-inner .text-scroll-container .textarea { background: #FEFBEE; }
body #wrapper #modal-container #modal-contents .modal-single.dot .modal-single-inner .text-scroll-container .textarea { background: #fff; }
body #wrapper #modal-container #modal-contents .modal-single.shop .modal-single-inner .text-scroll-container .textarea { background: #fff; }

body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .text-scroll-container .arrow-container { display:none; position: absolute; bottom: 0; right: -3.75svh; width: 2.67vw; }
body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .text-scroll-container .arrow-container .svg-wrapper { padding: 300% 0 0; position: relative; }
body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .text-scroll-container .arrow-container .svg-wrapper svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; fill: red; }
body #wrapper.bg-bk #contents-wrapper .scrollarea .section#s-grow .inner .titlearea h3 { filter: invert(1); }



@media screen and (orientation: portrait) { 
  .pc { display: none !important; } 

  .body-jp { font-size:15px; text-align: justify; }
  .body-en { font-size:16px; text-align: left; }

  .caption-jp {font-size:13px; line-height:1.75; color:#5D5E65; margin: 0; text-align: justify;}
  .caption-en {font-size:15px; line-height:1.25; color:#6793EA; margin: 0; text-align: left; }

  .c-page { width:12vw; }
  .s-page { width:12vw; }
  .txt_main00 { position:absolute; top:90%; left:calc(50% - 150px); width:300px; text-align:center; }

  body #wrapper header .header-inner #menu nav ul li#a_top { left:10px; }
  body #wrapper header .header-inner #menu nav ul li#a_s-top { left:10px; }
  body #wrapper header .header-inner #menu nav ul li#a_s-introduction { left:10px; }
  body #wrapper header .header-inner #menu nav ul li#a_s-journey { left:10px; }
  body #wrapper header .header-inner #menu nav ul li#a_s-discovery { left:10px; }
  body #wrapper header .header-inner #menu nav ul li#a_s-tomorrow { left:10px; }
  body #wrapper header .header-inner #menu nav ul li#a_c-top { right:10px; }
  body #wrapper header .header-inner #menu nav ul li#a_c-introduction { right:10px; }
  body #wrapper header .header-inner #menu nav ul li#a_c-origin { right:10px; }
  body #wrapper header .header-inner #menu nav ul li#a_c-discovery { right:10px; }
  body #wrapper header .header-inner #menu nav ul li#a_c-tomorrow { right:10px; }

  body #wrapper #contents-wrapper .scrollarea .section .inner .titlearea { position: relative; left: 0; }
  body #wrapper #contents-wrapper .scrollarea.cl .section .inner { position: relative; }
  body #wrapper #contents-wrapper .scrollarea.cl .section .inner .titlearea { position: absolute; width: 81vw; top: 7.95svh; left:auto; right: 9.5vw; }
  body #wrapper #contents-wrapper .scrollarea.cl .section#c-tomorrow .inner .titlearea { position: absolute; width: 81vw; top: 7.95svh; left:auto; right: 117.75vw; }
  body #wrapper #contents-wrapper .scrollarea.cl .section#c-majotae .inner .titlearea { position: absolute; width: 81vw; top: 7.95svh; left:auto; right: 270.5vw; }
  body #wrapper #contents-wrapper .scrollarea.cl .section#c-origin .inner .titlearea { position: absolute; width: 81vw; top: 7.95svh; left:auto; right: 183.5vw; }
  body #wrapper #contents-wrapper .scrollarea.cl .section#c-folktale .inner .titlearea { position: absolute; width: 81vw; top: 7.95svh; left:auto; right: 289.5vw; }
  body #wrapper #contents-wrapper .scrollarea.cl .section#c-discovery .inner .titlearea { position: absolute; width: 81vw; top: 7.95svh; left:auto; right: 0; }
  body #wrapper #contents-wrapper .scrollarea .section .inner .titlearea h3 { font-size:27px; }
  body #wrapper #contents-wrapper .scrollarea .section .inner .titlearea h4 { font-size: 20px; }
  body #wrapper #contents-wrapper .scrollarea .section { height: 100%; display: inline-block; vertical-align: top; padding: 0 75px; background: #FEFBEE; }
  body #wrapper #contents-wrapper .scrollarea .section .inner .section-contents .group .group-head h4 { font-size: 20px; }
  body #wrapper #contents-wrapper .scrollarea .section .inner .section-contents .group .group-head .sub-title { font-size: 20px; }

  .gallery { grid-template-columns: auto auto; }
  .gallery .col { padding:10px; }
  .gallery .col-1 { display: grid; grid-row: row ; grid-column: col; }
  .gallery .col-2 { display: grid; grid-row: row; grid-column: col 2; }
  .gallery .col-3 { display: grid; grid-row: row 2; grid-column: col; }
  .gallery .col-4 { display: grid; grid-row: row 2; grid-column: col 2; }
  .gallery .col-5 { display: grid; grid-row: row 3; grid-column: col; }
  .gallery .col-6 { display: grid; grid-row: row 3; grid-column: col 2; }

  body section#intro .body-jp.jp {width:67.5vw; }
  body section#intro .body-en.en {width:67.5vw; }
  body section#intro .credit {width:67.5vw; max-width:510px; }
  body section#intro .coop {width:67.5vw; max-width:510px; }

  body #wrapper #contents-wrapper .scrollarea .section#c-tomorrow .inner .titlearea h5 { font-size:24px; }
  body #wrapper #contents-wrapper .scrollarea .section#c-tomorrow .inner .section-contents .group:nth-child(1) { width: 77.04svh; height:100svh; position:relative; margin: 0 6svh 0 0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-tomorrow .inner .section-contents .group img#necessaries01 { width: auto; height:49.90svh; position:absolute; top:27svh; left:0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-tomorrow .inner .section-contents .group .textarea p + p { margin: 0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-tomorrow .inner .section-contents .group:nth-child(2) { width: 153vw; position:relative; margin: 12svh 6svh 0 6svh; }
  body #wrapper #contents-wrapper .scrollarea .section#c-tomorrow .inner .section-contents .group:nth-child(2) .body-en p:nth-child(1) { display:inline-block; position:absolute; width:47%; top:0; right:0; height:90%; }
  body #wrapper #contents-wrapper .scrollarea .section#c-tomorrow .inner .section-contents .group:nth-child(2) .body-en p:nth-child(2) { display:inline-block; position:absolute; width:47%; top:0; left:0; height:90%; }
  body #wrapper #contents-wrapper .scrollarea .section#c-tomorrow .inner .section-contents .group:nth-child(3) { width: 165vw; position:relative; margin: 25.5svh 6svh 0 6svh; }
  body #wrapper #contents-wrapper .scrollarea .section#c-tomorrow .inner .section-contents .group:nth-child(3) .body-jp p:nth-child(1) { display:inline-block; position:absolute; width:47%; top:0; right:0; height:90%; }
  body #wrapper #contents-wrapper .scrollarea .section#c-tomorrow .inner .section-contents .group:nth-child(3) .body-jp p:nth-child(2) { display:inline-block; position:absolute; width:47%; top:0; left:0; height:90%; }

  body #wrapper #contents-wrapper .scrollarea .section#c-majotae .inner .section-contents .group:nth-child(1) { width: 162vw; height:58svh; position:relative; margin: 35.19svh 12svh 0 0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-majotae .inner .section-contents .group:nth-child(1) .caption-jp { position:absolute; width: 47%; top:10%; left:0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-majotae .inner .section-contents .group:nth-child(1) .caption-en { position:absolute; width: 47%; top:7%; right:0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-majotae .inner .section-contents .group:nth-child(2) { width: 78.33svh; position:relative; margin: 0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-majotae .inner .section-contents .group:nth-child(3) { width: 42.04svh; height:100svh; margin: 6.67svh 12svh 0 12svh; }
  body #wrapper #contents-wrapper .scrollarea .section#c-majotae .inner .section-contents .group:nth-child(4) { width: 44.44svh; position:relative; margin: 0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-majotae .inner .section-contents .group:nth-child(5) { width: 81vw; margin: 26.85svh 6svh 0 12svh; }
  body #wrapper #contents-wrapper .scrollarea .section#c-majotae .inner .section-contents .group:nth-child(6) { width: 81vw; margin: 21svh 12svh 0 6svh; }
  body #wrapper #contents-wrapper .scrollarea .section#c-majotae .inner .section-contents .group:nth-child(7) { width:137.5svh; position:relative; margin: 0 9svh 0 0; }

  body #wrapper #contents-wrapper .scrollarea .section#c-origin .inner .section-contents .group:nth-child(1) { width: 40.93svh; height:100svh; margin: 35.19svh 0 0 0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-origin .inner .section-contents .group:nth-child(2) { width: 40.93svh; height:100svh; margin: 18svh 12svh 0 12svh; }
  body #wrapper #contents-wrapper .scrollarea .section#c-origin .inner .section-contents .group:nth-child(3) { width: 106.39svh; position:relative; margin: 0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-origin .inner .section-contents .group:nth-child(4) { width: 40.93svh; height:100svh; margin: 35.19svh 12svh 0 12svh; }
  body #wrapper #contents-wrapper .scrollarea .section#c-origin .inner .section-contents .group:nth-child(5) { width: 40.93svh; height:100svh; margin: 18svh 12svh 0 0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-origin .inner .section-contents .group:nth-child(6) { width: 81vw; margin: 21svh 12svh 0 12svh; }
  body #wrapper #contents-wrapper .scrollarea .section#c-origin .inner .section-contents .group:nth-child(7) { width:95.18svh; position:relative; margin: 0; }

  body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(1) { width:134.26svh; position:relative; margin: 0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(2) { width: 146.00svh; position:relative; margin: 0 0 0 3svh; }
  body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(2) .text-group { width: 61vw; margin:12svh 0 0 0; white-space: normal; }
  body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group img#ukiyoe08 { width: auto; height:60.93svh; position:absolute; top:26.11%; left:auto; right:33%; }
  body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group img#ukiyoe09 { width: auto; height:60.93svh; position:absolute; top:26.11%; right:0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(3) { width: 81vw; margin: 12svh 12svh 0 12svh; }
  body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(4) { width: 81vw; margin: 6svh 12svh 0 6svh; }
  body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(5) { width: 100vw; position:relative; margin: 0 0 0 12svh; }
  body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(5) .textarea { display: box; aspect-ratio: 8 / 5; height:60.93vw; position:absolute; top:18%; left:0; padding:0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(6) { width: 100vw; position:relative; margin:0 0 0 12svh; }
  body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe .inner .section-contents .group:nth-child(6) .textarea { display: box; aspect-ratio: 8 / 5; height:60.93vw; position:absolute; top:10.00%; left:0; padding:0; }  

  body #wrapper #contents-wrapper .scrollarea .section#c-plants .inner .section-contents .group:nth-child(1) { width: 91.26svh; position:relative; margin: 0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-plants .inner .section-contents .group:nth-child(2) { width: 88.70svh; position:relative; margin: 0 0 0 12svh; }
  body #wrapper #contents-wrapper .scrollarea .section#c-plants .inner .section-contents .group:nth-child(2) .group-head { width:570px; z-index:3; padding: 12svh 0 0 6svh; }
  body #wrapper #contents-wrapper .scrollarea .section#c-plants .inner .section-contents .group:nth-child(3) { width: 32.26svh; position:relative; margin: 0 0 0 12svh; }
  body #wrapper #contents-wrapper .scrollarea .section#c-plants .inner .section-contents .group:nth-child(4) { width: 87.96svh; position:relative; margin:0 0 0 12svh; }

  body #wrapper #contents-wrapper .scrollarea .section#c-folktale .inner .section-contents .group:nth-child(1) { width:47.3svh; position:relative; margin: 0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-folktale .inner .section-contents .group:nth-child(2) { width: 42.41svh; height:100svh; margin: 35.19svh 12svh 0 6svh; }
  body #wrapper #contents-wrapper .scrollarea .section#c-folktale .inner .section-contents .group:nth-child(3) { width: 156.20svh; position:relative; margin: 0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-folktale .inner .section-contents .group:nth-child(4) { width: 120.72svh; position:relative; margin: 0 0 0 12svh; }
  body #wrapper #contents-wrapper .scrollarea .section#c-folktale .inner .section-contents .group:nth-child(4) .textarea { width:81vw; position:absolute; top: 18%; left:0; z-index:3;}
  body #wrapper #contents-wrapper .scrollarea .section#c-folktale .inner .section-contents .group img#folktale04 { width: auto; height:40.46svh; position:absolute; top:auto; bottom:9%; left:auto; right:0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-folktale .inner .section-contents .group img#folktale05 { width: auto; height:47.41svh; position:absolute; top:0; bottom:auto; right:0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-folktale .inner .section-contents .group:nth-child(5) { width:81vw; margin: 24svh 12svh 0 12svh; }

  body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group:nth-child(1) { width:189.81svh; position:relative; margin: 0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group:nth-child(1) .textarea { width:21.66svh; position:absolute; top:27%; left:0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group img#place01 { width: auto; height:37.03svh; position:absolute; top:27%; left:25svh; }
  body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group img#place02 { width: auto; height:65.27svh; position:absolute; top:16.11%; right:0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group:nth-child(2) { width:40.93svh; margin: 16.11svh 12svh 0 6svh; }
  body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group:nth-child(4) { width:90vw; position:relative; margin: 33svh 0 0 12svh; }
  body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group:nth-child(4) .caption { width:90vw; font-size: 15px; white-space: normal; margin: 1.5svh 0 0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group:nth-child(5) { width:35.28svh; padding: 13.5svh 6svh 0 6svh; }
  body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group:nth-child(6) { width: 81vw; margin: 24svh 6svh 0 6svh; }
  body #wrapper #contents-wrapper .scrollarea .section#c-discovery .inner .section-contents .group:nth-child(7) { width: 81vw; margin: 21svh 0 0 6svh; }

  body #wrapper #contents-wrapper .scrollarea .section#c-introduction .inner .section-contents .group:nth-child(1) { width: 81vw; margin: 21svh 12svh 0 0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-introduction .inner .section-contents .group:nth-child(3) { width: 81vw; margin: 12svh 0 0 12svh; }
  body #wrapper #contents-wrapper .scrollarea .section#c-introduction .inner .section-contents .group:nth-child(4) { width: 135vw; position:relative; margin: 16.5svh 9.5vw 0 24svh; }
  body #wrapper #contents-wrapper .scrollarea .section#c-introduction .inner .section-contents .group:nth-child(4) .textarea:nth-child(1) { position:absolute; width: 81vw; top:12%; right:0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-introduction .inner .section-contents .group:nth-child(4) .textarea:nth-child(2) { position:absolute; width: 81vw; top:0; left:0; }

  body #wrapper #contents-wrapper .scrollarea .section#c-start .inner .section-contents .group img#clothing01 { width: auto; width:37.6vw; position:absolute; bottom:12.59%; right:15%; }
  body #wrapper #contents-wrapper .scrollarea .section#c-start .inner .section-contents .group img#clothing02 { width: auto; width:47.2vw; position:absolute; top:9%; left:10%; }



  body #wrapper #contents-wrapper .scrollarea .section#s-introduction .inner .section-contents .group:nth-child(1) { width: 81vw; margin: 21svh 12svh 0 0; text-align: justify; }
  body #wrapper #contents-wrapper .scrollarea .section#s-introduction .inner .section-contents .group:nth-child(3) { width: 81vw; margin: 21svh 12svh 0 12svh; }

  body #wrapper #contents-wrapper .scrollarea .section#s-journey .inner .section-contents .group:nth-child(1) { width: 81vw; margin: 24svh 12svh 0 0; }
  body #wrapper #contents-wrapper .scrollarea .section#s-journey .inner .section-contents .group:nth-child(2) { width: 81vw; margin: 24svh 12svh 0 0; }

  body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group:nth-child(1) { width: 81vw; margin: 24svh 12svh 0 0; }
  body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group:nth-child(2) { width: 81vw; margin: 24svh 12svh 0 0; }
  body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group:nth-child(4) { width: 60vw; margin: 12svh 12svh 0 12svh; }
  body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group:nth-child(5) { width: 66vh; position:relative; margin: 0; }
  body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group:nth-child(6) { width: 100vh; position:relative; margin: 0 12svh 0 12svh; }
  body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group:nth-child(7) { width: 90vw; align-items: center; margin: 33svh 0 0 0; }
  body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group:nth-child(8) { width: 66vw; margin: 12svh 12svh 0 12svh; }
  body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group:nth-child(10) { width: 100vh; position:relative; margin: 0 0 0 12svh; }
  body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group:nth-child(11) { width: 72vw; margin: 12svh 12svh 0 12svh; }
  body #wrapper #contents-wrapper .scrollarea .section#s-fix .inner .section-contents .group:nth-child(13) { width: 100vh; position:relative; margin: 0 12svh 0 12svh; }

  body #wrapper #contents-wrapper .scrollarea .section#s-discovery .inner .section-contents .group:nth-child(1) { width: 81vw; margin: 24svh 12svh 0 0; }
  body #wrapper #contents-wrapper .scrollarea .section#s-discovery .inner .section-contents .group:nth-child(2) { width: 81vw; margin: 24svh 12svh 0 0; }
  body #wrapper #contents-wrapper .scrollarea .section#s-discovery .inner .section-contents .group:nth-child(3) { width: 121.88vw; height:100svh; margin:0;  }
  body #wrapper #contents-wrapper .scrollarea .section#s-discovery .inner .section-contents .group:nth-child(3) .member { width: 240px; height: 240px; }
  body #wrapper #contents-wrapper .scrollarea .section#s-discovery .inner .section-contents .group:nth-child(3) .member .textarea p.jp { display:none; }
  body #wrapper #contents-wrapper .scrollarea .section#s-discovery .inner .section-contents .group:nth-child(3) .member .textarea p.en { display:none; }

:root {
  --width: 240px;

  --x1-speed: 10s;
  --x2-speed: 20s;
  --x3-speed: 30s;
  --x4-speed: 40s;
  --x5-speed: 60s;
  --y1-speed: 30s;
  --y2-speed: 50s;
  --y3-speed: 70s;
  --transition-speed: 2.2s;
}

  body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group:nth-child(1) { width: 81vw; margin: 24svh 12svh 0 0; }
  body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group:nth-child(2) { width: 81vw; margin: 24svh 12svh 0 0; }
  body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group:nth-child(3) { width:90vw; position:relative; margin: 33svh 6.15svh 0 0; }
  body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group:nth-child(3) .caption { color: #6D6E77; font-size: 15px; line-height: 1.2; margin: 1.5svh 0 0; }
  body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group:nth-child(4) { width:60vw; position:relative; margin: 33svh 12svh 0 0; }
  body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group:nth-child(4) p.jp { color:#6D6E77; font-size:15px; }
  body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group:nth-child(4) p.en { color:#6D6E77; font-size:15px; }
  body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group:nth-child(6) { width:66vw; position:relative; margin: 12svh 12svh 0 12svh; }
  body #wrapper #contents-wrapper .scrollarea .section#s-grow .inner .section-contents .group:nth-child(8) { width:66vw; position:relative; margin: 12svh 12svh 0 12svh; }

  body #wrapper #contents-wrapper .scrollarea .section#s-ricestraw .inner .section-contents .group:nth-child(1) { width: 76.11svh; position:relative; margin: 0; }
  body #wrapper #contents-wrapper .scrollarea .section#s-ricestraw .inner .section-contents .group:nth-child(2) { width: 81vw; margin: 24svh 12svh 0 12svh; }
  body #wrapper #contents-wrapper .scrollarea .section#s-ricestraw .inner .section-contents .group:nth-child(3) { width: 257.13svh; position:relative; margin: 0; }

  body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(1) { width: 81vw; max-width:510px; margin: 24svh 12svh 0 0; }
  body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(2) { width: 81vw; max-width:510px; margin: 24svh 12svh 0 0; }
  body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow .inner .section-contents .group:nth-child(3) { width: 256.39svh; background: #FEFBEE; position: relative; margin: 0; }


  body #wrapper #contents-wrapper .scrollarea .section#shop_intro .inner .section-contents .group:nth-child(1) { width: 93vw; margin: 4.5svh 6svh 0 0; }
  body #wrapper #contents-wrapper .scrollarea .section#shop_intro .inner .section-contents .group:nth-child(2) { width: 93vw; margin: 4.5svh 6svh 0 6svh; }
  body #wrapper #contents-wrapper .scrollarea .section#shop_intro .inner .section-contents .group:nth-child(3) { width: 93vw; text-align:center; position:relative; margin: 4.5svh 6svh 0 6svh; }
  body #wrapper #contents-wrapper .scrollarea .section#shop_intro { padding:0 3.5vw; }
  body #wrapper #contents-wrapper .scrollarea .section#shop_item .inner .titlearea { position: sticky; left: 10px; }
  body #wrapper #contents-wrapper .scrollarea .section#shop_item .inner .section-contents { padding:0;  }
  body #wrapper #contents-wrapper .scrollarea .section#shop_item .inner .section-contents .group { width: 175vw; padding:0; }
  body #wrapper #contents-wrapper .scrollarea .section#shop_item .inner .section-contents .group .group1,
  body #wrapper #contents-wrapper .scrollarea .section#shop_item .inner .section-contents .group .group2,
  body #wrapper #contents-wrapper .scrollarea .section#shop_item .inner .section-contents .group .group3,
  body #wrapper #contents-wrapper .scrollarea .section#shop_item .inner .section-contents .group .group4 { display: grid; grid-template-columns: auto auto auto auto; }
  body #wrapper #contents-wrapper .scrollarea .section#shop_item .inner .section-contents .group .item { margin:0 6vw; }

  body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .text-scroll-container .textarea .text-group p.name-text.jp { font-size: 20px; line-height: 1.4; margin: 0 0 1svh; }
  body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .text-scroll-container .textarea .text-group p.name-text.en { font-size: 18px; line-height: 1.15; margin: 0 0 2.0svh; }
  body #wrapper #modal-container #modal-close { z-index:99; font-size: 0; position: absolute; right: 16.5vw; top: 18svh; }
  body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .text-scroll-container .textarea { position: absolute; top: 0; left: calc(50% - 36vw); width:72vw; height:100%; overflow-y: auto; overflow-x: visible; background-color:#fff; }
  body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .text-scroll-container .textarea .text-group {margin: 6svh 3svh 3svh 3svh; color: #2b2e34; }
  body #wrapper #modal-container #modal-contents .modal-single .modal-single-inner .text-scroll-container .textarea .imagearea { position:relative; display:block; width:calc(100% - 6svh); margin: 3svh; }
  body #wrapper #modal-container #modal-contents .modal-single.shop .modal-single-inner .text-scroll-container .textarea .text-group { margin: 3svh 3svh 3svh 3svh;  }
  body #wrapper #modal-container #modal-contents .modal-single.shop .modal-single-inner .text-scroll-container .textarea .imagearea { position:relative; display:block; width:calc(100% - 6svh); margin: 6svh 3svh 0 3svh; }

}



@media screen and (orientation: landscape) { 

  body #wrapper header { padding: 0; pointer-events: none; }

  .sp { display: none !important; }

  body #wrapper #contents-wrapper .scrollarea .section { padding: 0 16vh; }
  body #wrapper #contents-wrapper .scrollarea .section .inner { padding: 0; }
  body #wrapper #contents-wrapper .scrollarea .section .inner .section-contents { padding: 0; height: 100%; }
  body #wrapper #contents-wrapper .scrollarea .section .inner .section-contents .group { padding: 0; }
  body #wrapper #contents-wrapper .scrollarea .section .inner .section-contents .group .textarea p + p { margin: 1.25em 0 0; }
  body #wrapper #contents-wrapper .scrollarea .section .inner .section-contents .group .text-scroll-container .textarea.text-scroll { padding: 0 0 6.51vh; box-sizing: border-box; }

  body #wrapper #contents-wrapper .scrollarea .section#c-tomorrow { margin: 0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-majotae { margin: 0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-origin { margin: 0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-ukiyoe { margin: 0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-plants { margin: 0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-folktale { margin: 0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-discovery { margin: 0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-introduction { margin: 0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-title { margin: 0; }
  body #wrapper #contents-wrapper .scrollarea .section#c-start { margin: 0; }    

  body #wrapper #contents-wrapper .scrollarea .section#s-introduction { margin: 0; }
  body #wrapper #contents-wrapper .scrollarea .section#s-journey { margin: 0; }
  body #wrapper #contents-wrapper .scrollarea .section#s-fix { margin: 0; }
  body #wrapper #contents-wrapper .scrollarea .section#s-discovery { margin: 0; }
  body #wrapper #contents-wrapper .scrollarea .section#s-grow { margin: 0; }
  body #wrapper #contents-wrapper .scrollarea .section#s-ricestraw { margin: 0; }
  body #wrapper #contents-wrapper .scrollarea .section#s-tomorrow { margin: 0; }    
  

}