@import "https://fonts.googleapis.com/css2?family=Birthstone&display=swap";@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";.satoyama-background{height:2817px;position:relative;overflow:hidden}.satoyama-background__back{min-width:2001px;margin-inline:auto;position:absolute;top:0;left:50%;transform:translate(-50%)}.satoyama-background__front{width:1296px;max-width:100%;margin-inline:auto;position:absolute;inset:0}.satoyama-background__front canvas{max-width:100%}.satoyama-background__img{object-position:center}.satoyama-background__img--all{object-fit:cover}.satoyama-background__img--separate{object-fit:contain;width:100%}@media (width<=1296px){.satoyama-background{height:auto}.satoyama-background__front{position:relative}.satoyama-background__back{display:none}}.title{position:absolute;top:0;left:0}*{box-sizing:border-box}.tubebase{min-width:280px}.tubebase__hyperlink{max-width:200px;display:block}.tubebase__bg{opacity:0;pointer-events:none;z-index:999;background-color:#000;width:100vw;height:100vh;transition:opacity .8s;position:fixed;inset:0}.tubebase__bg--on{pointer-events:auto;opacity:.5}.tubebase__sub-header{color:#047775;margin-bottom:10px;font-size:1rem;font-weight:400}.tubebase__sub-header+.tubebase__modal-header{margin-top:10px}.tubebase__pictures{flex-wrap:wrap;justify-content:center;gap:40px;margin-block:48px 40px;display:flex}.tubebase__picture{flex:0 300px;margin:0}.tubebase__picture img{object-position:center center;object-fit:cover;aspect-ratio:4/3;width:100%}.tubebase__picture figcaption{font-size:.8em}.tubebase__picture figcaption:before{content:"";border-bottom:.5lh solid #047775;border-left:.3lh solid #0000;border-right:.3lh solid #0000;margin-right:.5em;display:inline-block}@media (width<=766px){.tubebase__modal-wrapper{gap:40px}.tubebase__pictures{grid-template-columns:1fr;justify-items:center}.tubebase__picture{width:80%}}.modal-frame-on{overflow:hidden}.modal-frame{opacity:0;pointer-events:none;z-index:1000;background-color:#fff;border-radius:30px;width:1200px;min-width:380px;max-width:80vw;height:80vh;margin:15vh auto auto;transition:all .6s;position:fixed;inset:0;transform:translateY(-50px)}.modal-frame--on{opacity:1;pointer-events:auto;transform:translate(0)}.modal-frame__wrapper{transition:opacity .3s}.modal-frame__wrapper--is-hidden{opacity:0}.modal-frame__body{padding-inline:30px;height:calc(100% - 160px);margin:70px 30px 0;padding-bottom:50px;overflow-y:auto}.modal-frame__close{color:#fff;background-color:#047775;border:none;border-top-right-radius:25px;width:70px;height:70px;font-size:10px;font-weight:100;position:absolute;top:0;right:0}.modal-frame__close:before{content:"";background-image:url(/ja/wp-content/themes/swell_child/beekeeping/dist/modal/cross.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:20px;height:20px;margin:auto;padding-bottom:10px;font-size:5em;display:block}.modal-frame__button-box{justify-content:space-between;width:100%;height:90px;display:flex;position:absolute;bottom:0;left:0}.modal-frame__mobile-close{display:none}.modal-frame__prev,.modal-frame__next{cursor:pointer;background-color:#fff;border:none;align-items:center;gap:20px;font-family:Montserrat,sans-serif;font-size:1rem;font-weight:400;display:flex}.modal-frame__prev{margin-left:30px}.modal-frame__prev:before{content:"";background-image:url(/ja/wp-content/themes/swell_child/beekeeping/dist/modal/prev.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:3em;height:2.1em;display:inline-block}.modal-frame__next{margin-right:30px}.modal-frame__next:after{content:"";background-image:url(/ja/wp-content/themes/swell_child/beekeeping/dist/modal/next.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:3em;height:2.1em;display:inline-block}@media (width<=768px){.modal-frame__body{margin-inline:6px;padding-inline:10px}.modal-frame__wrapper{flex-direction:column;display:flex}.modal-frame__button-box{flex-direction:column;justify-content:center;height:auto;position:static}.modal-frame__prev,.modal-frame__next{border-top:1px solid #ccc;justify-content:center;height:50px;margin:0;font-size:.8em}.modal-frame__prev:before{width:1.8em;height:1.3em}.modal-frame__next{border-bottom:1px solid #ccc;border-bottom-right-radius:30px;border-bottom-left-radius:30px}.modal-frame__next:after{width:1.8em;height:1.3em}}.tubebase-modal__category{color:#777;margin-block:0 .6em;font-size:1rem;font-weight:400}.tubebase-modal__text{margin-top:0;margin-bottom:1em}.tubebase-modal__header{color:#047775;margin-top:0;margin-bottom:1em;font-size:2rem;font-weight:400}.tubebase-modal__header--has-sub-header{color:#000;margin-bottom:.5em;font-size:1.5rem;font-weight:400}.tubebase-modal__sub-header{color:#047775;margin-top:0;margin-bottom:1em;font-size:2rem;font-weight:400}.tubebase-modal__main{gap:50px;margin-bottom:40px;display:flex}.tubebase-modal__text-container{flex:50%}.tubebase-modal__text-container--picture{flex-direction:column;flex:40%;justify-content:center;display:flex}.tubebase-modal__illust-container{margin:0;flex:50%;justify-content:center;align-items:center;margin-block:auto;display:flex}.tubebase-modal__illust{object-fit:contain;max-width:100%;max-height:300px}.tubebase-modal__stories-header{color:#777;font-family:Bebas Neue,sans-serif;font-size:2.2rem;font-style:normal;font-weight:400}.tubebase-modal__pictures{gap:50px;width:100%;display:flex}.tubebase-modal__picture{width:100%;margin:0}.tubebase-modal__picture img{aspect-ratio:9/5;object-fit:cover;border-radius:30px;width:100%}.tubebase-modal__picture figcaption{justify-content:center;align-items:center;gap:10px;display:flex}.tubebase-modal__picture figcaption:before{content:"";background-image:url(/ja/wp-content/themes/swell_child/beekeeping/dist/modal/camera.svg);background-position:50%;background-repeat:no-repeat;background-size:contain;width:1.5em;height:1.5em;display:inline-block}.tubebase-modal__picture--main{flex:60%}.tubebase-modal__picture--main img{aspect-ratio:5/3}@media (width<=768px){.tubebase-modal__main{display:contents}.tubebase-modal__category{order:-8}.tubebase-modal__sub-header{order:-6}.tubebase-modal__header{order:-4}.tubebase-modal__header--has-sub-header{order:-1}.tubebase-modal__illust-container{order:-2;margin-bottom:50px}.tubebase-modal__pictures{flex-direction:column}.tubebase-modal__picture--main{margin-bottom:40px}.tubebase-modal__sub-header,.tubebase-modal__header{font-size:1.5rem}.tubebase-modal__header--has-sub-header{color:#000;font-size:1.2rem}}.environment-classes{max-width:1000px;margin-inline:auto}.environment-classes__background{z-index:-1;background-color:#079468;padding-block:148px 50px;position:relative;top:-140px}.environment-classes__header{color:#fff368;text-align:center;width:100%;max-width:700px;margin:0;font-size:clamp(20px,5vw,32px);font-weight:400;display:block;position:relative}.environment-classes__header:before,.environment-classes__header:after{content:"";background-color:#fff368;width:25%;height:3px;position:absolute;top:50%}.environment-classes__header:before{left:0}.environment-classes__header:after{right:0}.environment-classes__en-header{color:#fff;margin-block:0 60px;font-family:Birthstone,cursive;font-size:clamp(20px,7vw,35px);font-style:normal;font-weight:600}.environment-classes__pictures{counter-reset:picture-count;grid-template-columns:repeat(2,1fr);gap:30px 24px;width:100%;max-width:700px;padding-inline:16px;display:grid}@media (width<=530px){.environment-classes__pictures{grid-template-columns:1fr}}.environment-classes__picture{width:100%;display:block}.environment-classes__picture-box{aspect-ratio:4/3;counter-increment:picture-count;width:100%;margin:0;position:relative;container-type:inline-size}.environment-classes__figcaption{white-space:nowrap;color:#fff;pointer-events:none;background-color:#079468;justify-content:center;align-items:center;width:100%;height:12cqw;padding-right:10%;font-family:Noto sans JP;font-size:4cqw;line-height:1;transition:opacity .2s;display:flex;position:absolute;bottom:0}.environment-classes__figcaption:before{content:counter(picture-count, decimal-leading-zero);color:#fff368;margin-right:1rem;font-family:Birthstone,cursive;font-size:24px;font-style:normal;font-weight:100}.environment-classes__content{background-color:#86bd8f;border-radius:10px;flex-direction:column;flex:1;align-items:center;padding:30px 0;display:flex}.environment-classes__side-illust{align-items:center;gap:50px;max-width:100%;margin-top:20px;padding-inline:16px;display:flex}.environment-classes__figure{width:60px;margin:0}.environment-classes__figure img{object-fit:contain;max-width:none;max-height:140px}.environment-classes__bubble-text{color:#fff368;text-align:center;background-color:#079468;border:1px solid #047775;border-radius:10px;width:max-content;height:max-content;margin:0 auto;padding:4px 8px;font-size:.8em}.satoyama-map{margin-bottom:68px;max-width:1296px;margin-inline:auto;padding-inline:16px}.satoyama-map__header{margin:0 0 2rem}.satoyama-map__media{align-items:flex-start;gap:48px;display:flex}.satoyama-map__figure{flex:0 0 40%;margin:0}.satoyama-map__figure img{width:100%;height:auto;display:block}.satoyama-map__text-container{flex-direction:column;display:flex}.satoyama-map__list{flex-direction:column;gap:24px;margin:0;padding:0;list-style:none;display:flex}.satoyama-map__item-title{margin:0 0 8px;font-size:18px;font-weight:500}.satoyama-map__item-text{margin:0;font-size:15px;line-height:1.7}.satoyama-map__item:first-child .satoyama-map__item-title{margin-top:0!important}.satoyama-map__pdf-button{margin-top:60px}.satoyama-map__link{align-self:flex-start;font-size:14px}@media (width<=768px){.satoyama-map__media{flex-direction:column}.satoyama-map__figure,.satoyama-map__text-container{flex:none;width:100%}}