@layer page{body.environment{--color-blue100:#e5f6ff;--color-blue200:#74b2f7;--color-blue300:#74b1f6;--color-blue400:#1196f9;--color-blue600:#2055c6;--color-yellow:#f8df0f;--color-orange:#ff781e;--color-card-border:var(--color-blue300);--color-bg-mv:var(--color-blue200);--color-bg-filter:var(--color-blue100);--color-gray:#cbcccc}body.environment main{margin:0}.p-envi__mv{background:url(/assets/dest/img/common/environment/bg_wave.svg) repeat-x center bottom -2px/154px auto;background-color:var(--color-bg-mv)}.p-envi__mv__container{padding-block:75px;display:flex;align-items:center;gap:0 calc(min(3vw, 60px))}.p-envi__mv__content{color:#fff;width:50%;flex-shrink:0}.p-envi__mv__lead{overflow-wrap:anywhere;word-break:keep-all;line-height:1.2;font-size:calc(clamp(1.6rem, 2vw, 2rem));background-color:#fff;border-radius:0 3em 3em 0;color:var(--color-blue400);padding:10px 1em 10px 10px;position:relative}.p-envi__mv__lead:before{content:"";display:block;background-color:#fff;position:absolute;height:100%;width:50vw;top:0;left:0;transform:translateX(-100%)}.p-envi__mv__en{margin-top:20px}.p-envi__mv__en img{max-width:80%;height:auto}.p-envi__mv__page_ttl{margin-top:12px;font-size:calc(clamp(1.6rem, 2vw, 2.4rem))}.p-envi__mv__txt{margin-top:1em;line-height:2}.p-envi__mv__map img{display:block;height:auto;width:100%}@media screen and (max-width:768px){.p-envi__mv{background-size:78px auto}.p-envi__mv__container{padding-block:4vw 7vw;flex-wrap:wrap;gap:4vw}.p-envi__mv__content,.p-envi__mv__map{width:100%}}.p-envi__tab{display:flex;justify-content:center;gap:calc(min(2vw, 50px));line-height:1;margin-block:calc(min(3vw, 30px))}.p-envi__tab .btn{background-color:#fff;font-weight:700;border-radius:2em;border:2px solid var(--color-blue600);color:var(--color-blue600);font-size:calc(clamp(1.6rem, 3vw, 3rem));width:min(50%,460px);display:block;padding-block:.6em;position:relative}.p-envi__tab .btn:before{content:"";display:block;background-color:var(--color-blue600);width:15px;aspect-ratio:15/13;-webkit-clip-path:polygon(0 0,100% 0,50% 100%);clip-path:polygon(0 0,100% 0,50% 100%);position:absolute;bottom:1px;left:50%;transform:translate(-50%,100%);opacity:0}.p-envi__tab .btn.is-active{background-color:var(--color-blue600);color:var(--color-yellow)}.p-envi__tab .btn.is-active:before{opacity:1}.p-envi__spot__filter{border-radius:10px;padding:calc(min(2vw, 34px));background-color:var(--color-bg-filter)}@media screen and (max-width:768px){.p-envi__spot__filter{padding:3%}}.p-envi__spot__filter ._block:not(:first-child){margin-top:20px}.p-envi__spot__filter ._ttl{font-weight:700;background-color:var(--color-blue400);border-radius:2em;color:#fff;text-align:center;line-height:1;font-size:calc(clamp(1.6rem, 2vw, 2rem));padding:.4em 0;width:min(100%,300px);margin:0 auto}.p-envi__spot__filter__container{margin-top:12px;display:grid;gap:6px 8px}.--school .p-envi__spot__filter__container{grid-template-columns:repeat(3,1fr)}.--category .p-envi__spot__filter__container{grid-template-columns:repeat(4,1fr)}@media screen and (max-width:768px){.--category .p-envi__spot__filter__container,.--school .p-envi__spot__filter__container{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:576px){.--category .p-envi__spot__filter__container,.--school .p-envi__spot__filter__container{grid-template-columns:repeat(2,1fr)}}.p-envi__spot__filter .filter_item{line-height:1;position:relative}.p-envi__spot__filter .filter_item input{visibility:hidden;position:absolute;z-index:-1}.p-envi__spot__filter .filter_item label{font-feature-settings:"palt";overflow-wrap:anywhere;word-break:keep-all;display:flex;align-items:center;gap:0 .3em;cursor:pointer;border-radius:6px;background-color:#fff;padding:.6em;border:2px solid var(--color-gray)}@media screen and (max-width:992px){.p-envi__spot__filter .filter_item label{font-size:1.4rem;padding:.6em}}@media screen and (max-width:576px){.p-envi__spot__filter .filter_item label{font-size:2.6vw;padding:.8em .6em;gap:0 .5em;border-radius:6px}}.p-envi__spot__filter .filter_item label:before{border:1px solid var(--color-gray);flex-shrink:0;margin-right:0;border-radius:0;display:block;width:20px;height:auto;aspect-ratio:1}@media screen and (max-width:576px){.p-envi__spot__filter .filter_item label:before{width:1.5em}}.p-envi__spot__filter .filter_item label span{display:block;flex-grow:1;text-align:center}.p-envi__spot__filter .filter_item input:checked+label{border-color:currentColor;color:var(--color-blue400)}.p-envi__spot__filter .filter_item input:checked+label:before{border-color:var(--color-blue400);background:url(/assets/dest/img/common/environment/ico_check.svg) no-repeat 60% 50%/72% auto;background-color:var(--color-blue400)}.p-envi__spot__result{margin-top:30px;display:grid;grid-template-columns:repeat(3,1fr);gap:calc(min(2vw, 30px))}@media screen and (max-width:992px){.p-envi__spot__result{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:768px){.p-envi__spot__result{grid-template-columns:repeat(1,1fr);margin-bottom:40px}}.p-envi__card{--card-inner-gap:15px;border-radius:10px;border:1px solid var(--color-card-border);padding:min(3%,30px);position:relative;display:none}.p-envi__card.is-show{display:block}@media screen and (max-width:768px){.p-envi__card{--card-inner-gap:8px}}.p-envi__card__ttl{border-radius:6px;line-height:1.3;background-color:var(--color-blue600);color:var(--color-yellow);font-weight:700;text-align:center;padding:.6em;font-size:calc(clamp(1.6rem, 1.8vw, 1.8rem));margin-inline:auto}.p-envi__card__ttl .sm{display:inline-block;font-size:1.2rem}.p-envi__card__thumb{margin-top:10px;overflow:hidden;border-radius:6px;aspect-ratio:340/220}.p-envi__card__thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.p-envi__card__tags{display:flex;flex-wrap:wrap;gap:4px 6px;line-height:1;margin-top:var(--card-inner-gap)}.p-envi__card__tags .tag{font-size:1.2rem;border:1px solid;color:var(--color-orange);border-radius:2em;padding:5px .6em}.p-envi__card__desc,.p-envi__card__sub{font-size:1.4rem;margin-top:var(--card-inner-gap)}.p-envi__card__sub{border:1px solid var(--color-card-border);border-radius:10px;padding:11px calc(min(1.6vw, 20px))}.p-envi__card__sub ._sub_ttl{font-size:1.2rem;color:var(--color-blue400);margin-bottom:.5em}.p-envi__card__btn{font-weight:700;border-radius:2em;margin-top:15px;line-height:1;border:2px solid var(--color-blue600);text-decoration:none;padding:.8em 0;display:flex;align-items:center;justify-content:center;gap:0 .3em;width:180px;margin-inline:auto;text-align:center;background-color:#fff}.p-envi__card__btn,.p-envi__card__btn:visited{color:var(--color-blue600)}.p-envi__card__btn:after{content:"";display:block;aspect-ratio:1;width:13px;background-color:currentColor;-webkit-mask:url(/assets/dest/img/common/environment/ico_externallink.png) no-repeat center/contain;mask:url(/assets/dest/img/common/environment/ico_externallink.png) no-repeat center/contain}@media (any-hover:hover){.p-envi__card__btn{transition:background-color .2s ease}.p-envi__card__btn:hover{color:#fff;background-color:var(--color-blue600)}}[data-tab=school] .p-envi__card{padding:0 calc(min(1.8vw, 22px)) calc(min(1.8vw, 22px))}@media screen and (max-width:576px){[data-tab=school] .p-envi__card{padding:10px}}[data-tab=school] .p-envi__card__sub{padding:0;border:none}@media screen and (max-width:576px){.p-envi__card{margin-block:0;padding:10px}.p-envi__card__ttl{transform:none;width:100%;border-radius:5px}.p-envi__card__thumb{margin-top:var(--card-inner-gap)}.p-envi__card__btn{position:relative;inset:unset;margin-inline:auto;transform:none;margin-top:var(--card-inner-gap);width:80%}}.p-envi__nospot{opacity:0;visibility:hidden;transition:opacity .5s ease;border:2px solid var(--color-blue400);color:var(--color-blue400);background-color:#fff;text-align:center;padding:20px 0;font-weight:700;height:0}.p-envi__nospot.no-spot{height:auto;margin-top:30px;margin-bottom:60px;opacity:1;visibility:visible}}