@media screen and (min-width: 769px){.pc{display:block}img.pc,span.pc,br.pc{display:inline}.sp,img.sp,span.sp,br.sp{display:none}}@media screen and (max-width: 768px){.sp{display:block}img.sp,span.sp,br.sp{display:inline}.pc,img.pc,span.pc,br.pc{display:none}}body,button,input[type="text"],select{font-family:'Noto Sans JP', sans-serif;font-weight:400}.page-index #about h2,.page-index #location h2,.page-index #problem h2,.page-index #program h2,.page-index #plan h2,.page-index #cafe h2,.page-index #access h2,.page-workshop #workshop h1,.page-workshop #activity h1,.page-workshop #concept h1,.page-index #voice h2,.page-workshop #workshop .voice h2,.page-workshop #activity .voice h2,.page-workshop #activity .activity-concept h2,.page-workshop #concept .ideas h2,.page-index #voice .movie-wrap .context dt,.page-workshop #workshop .voice .movie-wrap .context dt,.page-workshop #activity .voice .movie-wrap .context dt,.page-index #hero h1,.page-index #about .about,.page-index #problem .lead,.page-index #problem .result,.page-index #program .lead,.page-index #program .program .no,.page-index #plan .facilities h3,.page-index #access .lead,.page-workshop #workshop .lead,.page-workshop #workshop .workshop h3 .no,.page-workshop #activity>.lead,.page-workshop #activity .voice .movie-wrap:nth-of-type(2) .context dd,.page-workshop #activity .activity-concept .lead,.page-workshop #concept .lead,.page-workshop #concept .ideas dl dt{font-family:'Shippori Mincho B1', serif;font-weight:500;letter-spacing:.15em}.page-workshop #concept .message{font-family:'Zen Kurenaido', sans-serif;font-weight:400}.page-workshop #activity .activity-concept .activity-list .en{font-family:'Roboto', sans-serif;font-weight:700}.page-index #voice .movie-wrap .context dd,.page-workshop #workshop .voice .movie-wrap .context dd,.page-workshop #activity .voice .movie-wrap .context dd,.page-index #voice .voice-wrap .context,.page-workshop #workshop .workshop .inner .context,.page-workshop #activity .activity .context{text-align:justify;text-justify:inter-ideograph}.page-index #hero .inner,.page-index #cafe .inner{width:1200px;margin:0 auto}@media screen and (max-width: 768px){.page-index #hero .inner,.page-index #cafe .inner{width:100vw}}.page-index #voice,.page-workshop #workshop .voice,.page-workshop #activity .voice,.button-wrap,.page-index .nav,.page-index #about,.page-index #problem,.page-index #program,.page-index #plan,.page-index #access,.page-workshop #workshop,.page-workshop #activity,.page-workshop #concept{width:1100px;margin:0 auto}@media screen and (max-width: 768px){.page-index #voice,.page-workshop #workshop .voice,.page-workshop #activity .voice,.button-wrap,.page-index .nav,.page-index #about,.page-index #problem,.page-index #program,.page-index #plan,.page-index #access,.page-workshop #workshop,.page-workshop #activity,.page-workshop #concept{width:94.66667vw}}.page-index #program .image img,.page-index #plan .facilities .photo img{width:100%;vertical-align:bottom}.page-index #about h2,.page-index #location h2,.page-index #problem h2,.page-index #program h2,.page-index #plan h2,.page-index #cafe h2,.page-index #access h2,.page-workshop #workshop h1,.page-workshop #activity h1,.page-workshop #concept h1{font-size:28px;line-height:1.28571em;font-weight:700;color:#91A1AA;text-align:center;margin-bottom:40px}@media screen and (max-width: 768px){.page-index #about h2,.page-index #location h2,.page-index #problem h2,.page-index #program h2,.page-index #plan h2,.page-index #cafe h2,.page-index #access h2,.page-workshop #workshop h1,.page-workshop #activity h1,.page-workshop #concept h1{font-size:2.4rem}}@media screen and (max-width: 768px){.page-index #about h2,.page-index #location h2,.page-index #problem h2,.page-index #program h2,.page-index #plan h2,.page-index #cafe h2,.page-index #access h2,.page-workshop #workshop h1,.page-workshop #activity h1,.page-workshop #concept h1{margin-bottom:8vw}}.page-index #voice h2,.page-workshop #workshop .voice h2,.page-workshop #activity .voice h2,.page-workshop #activity .activity-concept h2,.page-workshop #concept .ideas h2{font-size:16px;font-weight:700;position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:flex;justify-content:center;align-items:center;background:#ABB8BF;color:#fff;width:280px;height:28px}@media screen and (max-width: 768px){.page-index #voice h2,.page-workshop #workshop .voice h2,.page-workshop #activity .voice h2,.page-workshop #activity .activity-concept h2,.page-workshop #concept .ideas h2{font-size:1.4rem}}@media screen and (max-width: 768px){.page-index #voice h2,.page-workshop #workshop .voice h2,.page-workshop #activity .voice h2,.page-workshop #activity .activity-concept h2,.page-workshop #concept .ideas h2{width:64vw;height:6.4vw}}.page-index #voice,.page-workshop #workshop .voice,.page-workshop #activity .voice{position:relative;background:#F4F6F7;padding:60px 0 50px 0}@media screen and (max-width: 768px){.page-index #voice,.page-workshop #workshop .voice,.page-workshop #activity .voice{width:auto;padding:14.66667vw 2.66667vw 9.33333vw 2.66667vw}}.page-index #voice .movie-wrap,.page-workshop #workshop .voice .movie-wrap,.page-workshop #activity .voice .movie-wrap{display:flex;justify-content:space-between;padding:0 35px 45px 50px}@media screen and (max-width: 768px){.page-index #voice .movie-wrap,.page-workshop #workshop .voice .movie-wrap,.page-workshop #activity .voice .movie-wrap{flex-direction:column-reverse;gap:8vw;padding:0}}.page-index #voice .movie-wrap .context,.page-workshop #workshop .voice .movie-wrap .context,.page-workshop #activity .voice .movie-wrap .context{flex:1}.page-index #voice .movie-wrap .context dt,.page-workshop #workshop .voice .movie-wrap .context dt,.page-workshop #activity .voice .movie-wrap .context dt{font-size:22px;line-height:1.63636em;letter-spacing:.05em;font-weight:700;margin-bottom:40px}@media screen and (max-width: 768px){.page-index #voice .movie-wrap .context dt,.page-workshop #workshop .voice .movie-wrap .context dt,.page-workshop #activity .voice .movie-wrap .context dt{font-size:1.8rem}}@media screen and (max-width: 768px){.page-index #voice .movie-wrap .context dt,.page-workshop #workshop .voice .movie-wrap .context dt,.page-workshop #activity .voice .movie-wrap .context dt{text-align:center;margin-bottom:6.66667vw}}.page-index #voice .movie-wrap .context dd,.page-workshop #workshop .voice .movie-wrap .context dd,.page-workshop #activity .voice .movie-wrap .context dd{font-size:14px;line-height:1.71429em;width:320px}@media screen and (max-width: 768px){.page-index #voice .movie-wrap .context dd,.page-workshop #workshop .voice .movie-wrap .context dd,.page-workshop #activity .voice .movie-wrap .context dd{font-size:1.4rem}}@media screen and (max-width: 768px){.page-index #voice .movie-wrap .context dd,.page-workshop #workshop .voice .movie-wrap .context dd,.page-workshop #activity .voice .movie-wrap .context dd{width:88vw;margin:0 auto 8vw auto}}.page-index #voice .movie-wrap .movie,.page-workshop #workshop .voice .movie-wrap .movie,.page-workshop #activity .voice .movie-wrap .movie{width:640px}@media screen and (max-width: 768px){.page-index #voice .movie-wrap .movie,.page-workshop #workshop .voice .movie-wrap .movie,.page-workshop #activity .voice .movie-wrap .movie{width:auto}}.page-index #voice .movie-wrap .movie iframe,.page-workshop #workshop .voice .movie-wrap .movie iframe,.page-workshop #activity .voice .movie-wrap .movie iframe{width:100%;aspect-ratio:16 / 9}html{font-size:100%;overflow:auto;width:100%}body{margin:0;padding:0;width:100%}div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;box-sizing:border-box}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input,button,textarea,select{margin:0;padding:0;background:none;border:none;border-outline:0;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}html{scroll-behavior:smooth}@media screen and (max-width: 768px){html{font-size:2.66667vw}}.disable-auto-tel a[href^="tel:"]{color:inherit;text-decoration:none;pointer-events:none}body{font-size:14px;color:#404040;-webkit-text-size-adjust:inherit}@media screen and (max-width: 768px){body{-webkit-text-size-adjust:100%;font-size:1.4rem}}_:-ms-fullscreen,:root body{overflow:hidden}button,input[type="text"],select{font-size:14px;color:#404040}@media screen and (max-width: 768px){button,input[type="text"],select{font-size:1.4rem}}a,button{text-decoration:none;transition:0.6s}a::after,a::before,button::after,button::before{transition:0.6s}*:focus{outline:none}.button-wrap{margin-bottom:90px}@media screen and (max-width: 768px){.button-wrap{margin-bottom:17.33333vw}}.button-wrap a{display:block;font-weight:700;letter-spacing:.15em;text-align:center;border-radius:6px}.button-wrap a strong{font-size:22px}@media screen and (max-width: 768px){.button-wrap a strong{font-size:1.8rem}}.button-wrap a span{font-size:17px}@media screen and (max-width: 768px){.button-wrap a span{font-size:1.4rem}}.button-wrap a.concept{background:#B0BCC3;color:#fff;padding:28px 0;margin-top:30px}@media screen and (max-width: 768px){.button-wrap a.concept{padding:8vw 0;margin-top:4vw}}.button-wrap a.contact{background:#FFF360;color:#96A6AF;display:flex;justify-content:center;align-items:center;gap:15px;width:600px;padding:22px 0;margin:90px auto 0 auto}@media screen and (max-width: 768px){.button-wrap a.contact{gap:4vw;width:100%;padding:4vw 0;margin-top:17.33333vw}.button-wrap a.contact strong{font-size:2rem}}.button-wrap a.contact::before{content:"";display:inline-block;background:url(../img/common/ic_download.svg) no-repeat;background-size:contain;aspect-ratio:26 / 24;width:26px}@media screen and (max-width: 768px){.button-wrap a.contact::before{width:5.33333vw}}.button-wrap a.top{background:#93A3AC;color:#fff;width:600px;padding:14px 0;margin:20px auto 0 auto}@media screen and (max-width: 768px){.button-wrap a.top{width:100%;padding:3.73333vw 0;margin-top:4.26667vw}}.button-wrap a.top strong{font-size:18px}@media screen and (max-width: 768px){.button-wrap a.top strong{font-size:1.6rem}}.button-wrap a:hover{opacity:.6}footer{min-width:1200px;background:#B5C1C7;padding:30px 0}@media screen and (min-width: 769px){.pagePp footer{width:100%;position:fixed;bottom:0;left:0}}@media screen and (max-width: 768px){footer{min-width:inherit;padding:5.33333vw 0}}footer nav ul{display:flex;justify-content:center}footer nav ul li:not(:last-child)::after{content:"／";color:#fff;display:inline-block;margin:0 10px}@media screen and (max-width: 768px){footer nav ul li:not(:last-child)::after{margin:0 2.66667vw}}footer nav ul a{font-size:16px;color:#fff}@media screen and (max-width: 768px){footer nav ul a{font-size:1.2rem}}footer nav ul a:hover{opacity:0.6}footer nav p{margin:1.5em 0;text-align:center;font-size:12px;color:#fff}@media screen and (max-width: 768px){footer nav p{font-size:1rem}}footer nav p a{color:#fff;text-decoration:underline}footer nav p a:hover{opacity:0.6}footer .copyright{text-align:center;font-size:12px;color:#fff}@media screen and (max-width: 768px){footer .copyright{font-size:1rem}}.page-index .nav{display:grid;grid-template-columns:1fr 1fr;gap:28px}@media screen and (max-width: 768px){.page-index .nav{grid-template-columns:1fr;gap:4vw}}.page-index .nav a{display:block}.page-index .nav a:hover{opacity:.6}.page-index .nav dl dt{position:relative;display:flex;justify-content:center;align-items:center}.page-index .nav dl dt img{vertical-align:bottom}@media screen and (max-width: 768px){.page-index .nav dl dt img{width:100%}}.page-index .nav dl dt .text-wrap{position:absolute;background:#fff;border-radius:4px;padding:.8em}.page-index .nav dl dt strong,.page-index .nav dl dt span{font-weight:700;letter-spacing:.15em}.page-index .nav dl dt strong{font-size:22px}@media screen and (max-width: 768px){.page-index .nav dl dt strong{font-size:1.8rem}}.page-index .nav dl dt span{font-size:17px}@media screen and (max-width: 768px){.page-index .nav dl dt span{font-size:1.4rem}}.page-index .nav dl dd{font-size:18px;line-height:1.55556em;font-weight:700;letter-spacing:.05em;color:#fff;text-align:center;border-radius:0 0 6px 6px;padding:18px 0}@media screen and (max-width: 768px){.page-index .nav dl dd{font-size:1.4rem}}@media screen and (max-width: 768px){.page-index .nav dl dd{letter-spacing:.25em;line-height:1.71429em;padding:4vw 0}}.page-index .nav a.workshop dl dt{color:#7CC0BC}.page-index .nav a.workshop dl dd{background:#7CC0BC}.page-index .nav a.activity dl dt{color:#FFC040}.page-index .nav a.activity dl dd{background:#FFC040}.page-index #hero{min-width:1200px;background:#F4F6F7;margin-bottom:70px}@media screen and (max-width: 768px){.page-index #hero{min-width:inherit;background:#e0e0e0;margin-bottom:10.66667vw;padding-bottom:8vw}}.page-index #hero .inner{position:relative;display:flex;justify-content:space-between;align-items:center}@media screen and (max-width: 768px){.page-index #hero .inner{flex-direction:column}}.page-index #hero h1{color:#647171;margin-left:60px}@media screen and (max-width: 768px){.page-index #hero h1{order:3;margin-left:0;text-align:center}}.page-index #hero h1 span{display:block}.page-index #hero h1 .title{font-size:20px;line-height:2em}@media screen and (max-width: 768px){.page-index #hero h1 .title{font-size:1.6rem}}.page-index #hero h1 .en{font-size:32px;line-height:1.5em;letter-spacing:.25em;margin-bottom:30px}@media screen and (max-width: 768px){.page-index #hero h1 .en{font-size:2.4rem}}@media screen and (max-width: 768px){.page-index #hero h1 .en{margin-bottom:5.33333vw}}.page-index #hero h1 .jp{font-size:16px;line-height:2em}@media screen and (max-width: 768px){.page-index #hero h1 .jp{font-size:1.4rem}}.page-index #hero .image{aspect-ratio:814 / 600}@media screen and (max-width: 768px){.page-index #hero .image{aspect-ratio:750 / 549;order:1;margin-bottom:5.33333vw}.page-index #hero .image img{width:100%}}.page-index #about{margin-bottom:30px}@media screen and (max-width: 768px){.page-index #about{margin-bottom:4vw}}.page-index #about .about{font-weight:700;font-size:22px;line-height:1.63636em;text-align:center;background:#F4F6F7;min-width:1200px;padding:45px 0}@media screen and (max-width: 768px){.page-index #about .about{font-size:1.8rem}}@media screen and (max-width: 768px){.page-index #about .about{min-width:inherit;padding:5.33333vw 0;letter-spacing:0.05em}}.page-index #about .about span{position:relative;z-index:+1;display:inline-block;margin-right:.3em;color:#fff}@media screen and (max-width: 768px){.page-index #about .about span{margin-right:0}}.page-index #about .about span::after{content:"";width:calc(100% + 0.3em);height:1.2em;position:absolute;z-index:-1;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.page-index #about .about span:nth-of-type(1)::after{background:#7CC0BC}.page-index #about .about span:nth-of-type(2)::after{background:#FFC040}.page-index #location{margin-bottom:100px}@media screen and (max-width: 768px){.page-index #location{margin-bottom:8vw}}.page-index #location .slider figure img{margin:0 3px}@media screen and (max-width: 768px){.page-index #location .slider figure img{width:70.93333vw;margin:0 .53333vw}}.page-index #location .slider:not(.slick-initialized){display:none}.page-index #voice .voice-wrap{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:0 50px}@media screen and (max-width: 768px){.page-index #voice .voice-wrap{grid-template-columns:1fr;gap:4vw;padding:0 2.66667vw}}.page-index #voice .voice-wrap .voice{width:470px;display:flex;align-items:center}@media screen and (max-width: 768px){.page-index #voice .voice-wrap .voice{width:auto}.page-index #voice .voice-wrap .voice .photo img{width:26.66667vw}}.page-index #voice .voice-wrap .voice:nth-child(even){margin-left:auto}@media screen and (max-width: 768px){.page-index #voice .voice-wrap .voice:nth-child(even){margin-left:0}}.page-index #voice .voice-wrap .context{font-size:14px;line-height:1.71429em;box-sizing:border-box;display:flex;justify-content:center;align-items:center;background-image:url(../img/toppage/voice_bg@pc.png);background-repeat:no-repeat;background-size:contain;width:331px;height:162px;padding:0 35px 0 65px}@media screen and (max-width: 768px){.page-index #voice .voice-wrap .context{font-size:1.4rem}}@media screen and (max-width: 768px){.page-index #voice .voice-wrap .context{background-image:url(../img/toppage/voice_bg@sp.png);width:60.53333vw;height:49.73333vw;padding:0 2.66667vw 0 8vw}}.page-index #problem{position:relative;margin-bottom:70px}@media screen and (max-width: 768px){.page-index #problem{margin-bottom:21.33333vw}}.page-index #problem::after{content:"";background:url(../img/toppage/arrow.svg) no-repeat;background-size:contain;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);aspect-ratio:160 / 24;bottom:-42px;width:160px}@media screen and (max-width: 768px){.page-index #problem::after{bottom:-13.86667vw;width:42.66667vw}}.page-index #problem .lead{font-size:22px;line-height:1.63636em;font-weight:700;text-align:center;margin-bottom:40px}@media screen and (max-width: 768px){.page-index #problem .lead{font-size:1.8rem}}@media screen and (max-width: 768px){.page-index #problem .lead{margin-bottom:8vw}}.page-index #problem .problem-wrap{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-bottom:70px}@media screen and (max-width: 768px){.page-index #problem .problem-wrap{grid-template-columns:1fr;gap:7.46667vw;margin-bottom:16vw}}.page-index #problem .problem{display:flex;align-items:center;gap:20px}@media screen and (max-width: 768px){.page-index #problem .problem{gap:4.8vw;padding:0 3.73333vw}.page-index #problem .problem:nth-child(1) .ill img{width:20.53333vw}.page-index #problem .problem:nth-child(2) .ill img{width:23.73333vw}.page-index #problem .problem:nth-child(3) .ill img{width:26.13333vw}.page-index #problem .problem:nth-child(4) .ill img{width:18vw}.page-index #problem .problem:nth-child(5) .ill img{width:24.4vw}.page-index #problem .problem:nth-child(6) .ill img{width:25.33333vw}}.page-index #problem .problem:nth-child(even){margin-left:auto}@media screen and (max-width: 768px){.page-index #problem .problem:nth-child(even){margin-left:0}}.page-index #problem .problem .ill{width:201px;text-align:center}@media screen and (max-width: 768px){.page-index #problem .problem .ill{width:26.13333vw}}.page-index #problem .problem .context{font-size:16px;line-height:1.75em;font-weight:500;color:#647171;background-image:url(../img/toppage/problem_bg@pc.png);background-repeat:no-repeat;background-size:contain;display:flex;justify-content:center;align-items:center;text-align:center;width:317px;height:160px}@media screen and (max-width: 768px){.page-index #problem .problem .context{font-size:1.4rem}}@media screen and (max-width: 768px){.page-index #problem .problem .context{background-image:url(../img/toppage/problem_bg@sp.png);width:55.2vw;height:42.4vw}}.page-index #problem .result{font-size:22px;line-height:1.63636em;font-weight:700;color:#96A6AF;text-align:center}@media screen and (max-width: 768px){.page-index #problem .result{font-size:1.8rem}}.page-index #program{margin-bottom:90px}@media screen and (max-width: 768px){.page-index #program{margin-bottom:13.33333vw}}.page-index #program .lead{font-size:22px;line-height:1.63636em;font-weight:700;text-align:center;margin-bottom:40px}@media screen and (max-width: 768px){.page-index #program .lead{font-size:1.8rem}}@media screen and (max-width: 768px){.page-index #program .lead{margin-bottom:8vw}}.page-index #program .program{display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px;margin-bottom:35px}@media screen and (max-width: 768px){.page-index #program .program{gap:4vw;margin-bottom:8vw}}.page-index #program .program li{box-sizing:border-box;background:#F4F6F7;color:#647171;text-align:center;padding:15px 0 30px 0}@media screen and (max-width: 768px){.page-index #program .program li{padding:3.2vw 0 6.66667vw 0}}.page-index #program .program li:nth-child(1),.page-index #program .program li:nth-child(2),.page-index #program .program li:nth-child(3){width:350px}@media screen and (max-width: 768px){.page-index #program .program li:nth-child(1),.page-index #program .program li:nth-child(2),.page-index #program .program li:nth-child(3){width:100%}}.page-index #program .program li:nth-child(4),.page-index #program .program li:nth-child(5){width:537px}@media screen and (max-width: 768px){.page-index #program .program li:nth-child(4),.page-index #program .program li:nth-child(5){width:100%}}.page-index #program .program .no{font-size:48px;margin-bottom:10px}@media screen and (max-width: 768px){.page-index #program .program .no{font-size:4rem}}@media screen and (max-width: 768px){.page-index #program .program .no{margin-bottom:4vw}}.page-index #program .program .context{font-size:16px;line-height:1.875em}@media screen and (max-width: 768px){.page-index #program .program .context{font-size:1.4rem}}.page-index #program .movie{width:800px;margin:0 auto 50px auto}@media screen and (max-width: 768px){.page-index #program .movie{width:auto;margin-bottom:10.66667vw}}.page-index #program .movie iframe{width:100%;aspect-ratio:16 / 9}.page-index #program .image{width:800px;margin:0 auto 50px auto}@media screen and (max-width: 768px){.page-index #program .image{width:auto;margin-bottom:10.66667vw}}.page-index #program .notes{display:flex;justify-content:center;align-items:center;gap:30px;margin-bottom:15px}@media screen and (max-width: 768px){.page-index #program .notes{display:block;margin-left:13.33333vw;margin-bottom:6.4vw}}.page-index #program .notes li{font-size:14px;display:flex;align-items:center;gap:10px}@media screen and (max-width: 768px){.page-index #program .notes li{font-size:1.4rem}}@media screen and (max-width: 768px){.page-index #program .notes li{margin-bottom:2.66667vw}}.page-index #program .notes li::before{content:"";display:inline-block;width:40px;height:24px}@media screen and (max-width: 768px){.page-index #program .notes li::before{width:10.66667vw;height:6.4vw}}.page-index #program .notes li.workshop::before{background:#7CC0BC}.page-index #program .notes li.activity::before{background:#FFC040}.page-index #program .caution{font-size:12px;line-height:1.5em;text-align:center}@media screen and (max-width: 768px){.page-index #program .caution{font-size:1rem}}.page-index #program .plan{display:flex;justify-content:space-between;margin-bottom:28px}@media screen and (max-width: 768px){.page-index #program .plan{flex-direction:column;gap:8vw;margin-bottom:5.33333vw}.page-index #program .plan img{width:100%;vertical-align:bottom}}.page-index #plan{margin-bottom:90px}@media screen and (max-width: 768px){.page-index #plan{margin-bottom:16vw}}@media screen and (max-width: 768px){.page-index #plan .tableWrap{overflow-x:auto;margin-bottom:3.2vw;margin-right:-3.2vw}}.page-index #plan .tableWrap table{width:100%;margin-bottom:35px}@media screen and (max-width: 768px){.page-index #plan .tableWrap table{width:229.33333vw;margin-bottom:0;margin-right:3.2vw}}.page-index #plan .tableWrap table th,.page-index #plan .tableWrap table td{line-height:1.5em;color:#96A6AF;font-weight:700;border:2px solid #96A6AF;vertical-align:middle;text-align:center;padding:10px}@media screen and (max-width: 768px){.page-index #plan .tableWrap table th,.page-index #plan .tableWrap table td{padding:2.13333vw}}.page-index #plan .tableWrap table th{background:#EFF2F3;font-weight:700}.page-index #plan .tableWrap table tr.notes{background:#EFF2F3}.page-index #plan .tableWrap table tr.notes td:not(:first-child){color:#404040;font-weight:400}.page-index #plan .tableWrap table tr:first-child th{color:#fff;background:#AFBBC2}.page-index #plan .caution{font-size:12px;line-height:1.5em;text-align:center;margin-bottom:40px}@media screen and (max-width: 768px){.page-index #plan .caution{font-size:1rem}}@media screen and (max-width: 768px){.page-index #plan .caution{margin-bottom:8vw}}.page-index #plan .caution a{color:#96A6AF;font-weight:700}.page-index #plan .caution a:hover{opacity:0.6}.page-index #plan .time{font-size:12px;line-height:1.5em}@media screen and (max-width: 768px){.page-index #plan .time{font-size:1rem}}.page-index #plan .facilities{background:#E5E9EB;padding:14px 24px 24px 24px;margin-bottom:25px}@media screen and (max-width: 768px){.page-index #plan .facilities{padding:3.2vw;margin-bottom:0}}.page-index #plan .facilities h3{font-size:18px;font-weight:700;font-size:18px;line-height:1.66667em;text-align:center;margin-bottom:15px}@media screen and (max-width: 768px){.page-index #plan .facilities h3{font-size:1.7rem}}@media screen and (max-width: 768px){.page-index #plan .facilities h3{margin-bottom:3.2vw}}.page-index #plan .facilities .photo{display:flex;justify-content:space-between;flex-wrap:wrap}@media screen and (max-width: 768px){.page-index #plan .facilities .photo{margin-bottom:-3.2vw}}.page-index #plan .facilities .photo figure{width:198px}@media screen and (max-width: 768px){.page-index #plan .facilities .photo figure{width:auto;display:flex}.page-index #plan .facilities .photo figure img{width:42.66667vw;margin-right:3.2vw;margin-bottom:3.2vw}}.page-index #plan .facilities .photo figcaption{margin-top:10px;line-height:1.71429em}@media screen and (max-width: 768px){.page-index #plan .facilities .photo figcaption{margin-top:0;flex:1}}.page-index #cafe{margin-bottom:80px}@media screen and (max-width: 768px){.page-index #cafe{margin-bottom:16vw}}.page-index #cafe h2{margin-bottom:20px}.page-index #cafe .wrap{background:#96A6AF;min-width:1200px}@media screen and (max-width: 768px){.page-index #cafe .wrap{min-width:inherit}}.page-index #cafe .inner{display:flex}@media screen and (max-width: 768px){.page-index #cafe .inner{flex-direction:column}}.page-index #cafe .image{width:601px}@media screen and (max-width: 768px){.page-index #cafe .image{width:100%}}.page-index #cafe .image img{width:100%;vertical-align:bottom}.page-index #cafe .context{display:flex;flex-direction:column;align-items:center;gap:36px;width:599px;padding-top:48px}@media screen and (max-width: 768px){.page-index #cafe .context{gap:8vw;width:auto;padding:8vw 0 10.66667vw 0}}.page-index #cafe .context .logo img{width:155px}@media screen and (max-width: 768px){.page-index #cafe .context .logo img{width:33.06667vw}}.page-index #cafe .context .lead{color:#fff;text-align:center;line-height:1.71429em;font-size:14px}@media screen and (max-width: 768px){.page-index #cafe .context .lead{font-size:1.4rem}}.page-index #cafe .context .sns{display:flex;justify-content:center;gap:14px}@media screen and (max-width: 768px){.page-index #cafe .context .sns{gap:4.26667vw}}.page-index #cafe .context .sns img{height:24px}@media screen and (max-width: 768px){.page-index #cafe .context .sns img{height:6.4vw}}.page-index #cafe .context .sns a:hover{opacity:0.6}.page-index #access{margin-bottom:80px}@media screen and (max-width: 768px){.page-index #access{margin:0 3.2vw 16vw 3.2vw}}.page-index #access h2{margin-bottom:20px}.page-index #access .lead{font-size:18px;line-height:1.33333em;color:#96A6AF;text-align:center;margin-bottom:30px}@media screen and (max-width: 768px){.page-index #access .lead{font-size:1.6rem}}@media screen and (max-width: 768px){.page-index #access .lead{line-height:1.5em;margin-bottom:6.4vw}}.page-index #access iframe{border:0;width:100%;height:370px}@media screen and (max-width: 768px){.page-index #access iframe{height:64vw}}.page-workshop #hero{min-width:1200px;margin-bottom:70px}@media screen and (max-width: 768px){.page-workshop #hero{min-width:inherit;margin-bottom:6.66667vw}}.page-workshop #hero .image{display:block;width:100%;height:570px;overflow:hidden}@media screen and (max-width: 768px){.page-workshop #hero .image{height:60vw}}.page-workshop #hero .image img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.page-workshop #workshop h1{font-size:32px;color:#7CC0BC}@media screen and (max-width: 768px){.page-workshop #workshop h1{font-size:2.4rem}}@media screen and (max-width: 768px){.page-workshop #workshop h1{line-height:1.66667em}}.page-workshop #workshop .lead{font-size:18px;line-height:2em;font-weight:700;text-align:center;margin-bottom:40px}@media screen and (max-width: 768px){.page-workshop #workshop .lead{font-size:1.7rem}}@media screen and (max-width: 768px){.page-workshop #workshop .lead{letter-spacing:0;margin-bottom:8vw}}.page-workshop #workshop>h2{font-size:18px;font-weight:700;letter-spacing:0.15em;background:#F4F6F7;color:#7CC0BC;text-align:center;padding:10px 0;margin-bottom:20px}@media screen and (max-width: 768px){.page-workshop #workshop>h2{font-size:1.4rem}}@media screen and (max-width: 768px){.page-workshop #workshop>h2{padding:2.66667vw 0;margin-bottom:4.26667vw}}.page-workshop #workshop .workshop-wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:70px}@media screen and (max-width: 768px){.page-workshop #workshop .workshop-wrap{grid-template-columns:1fr;gap:4.26667vw;margin-bottom:8vw}}.page-workshop #workshop .workshop{background:#F4F6F7}@media screen and (max-width: 768px){.page-workshop #workshop .workshop{position:relative;padding-bottom:6.4vw}}.page-workshop #workshop .workshop h3{position:relative;display:flex;align-items:center;background:#BDDFDD;width:506px;height:48px;gap:16px}@media screen and (max-width: 768px){.page-workshop #workshop .workshop h3{flex-direction:column;position:absolute;left:0;top:0;width:12.8vw;height:calc(100% - 8vw);gap:3.2vw}}.page-workshop #workshop .workshop h3::after{content:"";border-style:solid;position:absolute;top:0;right:-15px;border-color:transparent transparent transparent #BDDFDD;border-width:24px 0 24px 15px}@media screen and (max-width: 768px){.page-workshop #workshop .workshop h3::after{top:auto;right:auto;border-color:#BDDFDD transparent transparent transparent;border-width:3.73333vw 6.4vw 0 6.4vw;left:0;bottom:-3.6vw}}.page-workshop #workshop .workshop h3 .no{font-size:42px;font-weight:700;color:#fff;padding-left:10px;-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media screen and (max-width: 768px){.page-workshop #workshop .workshop h3 .no{font-size:4.2rem}}@media screen and (max-width: 768px){.page-workshop #workshop .workshop h3 .no{padding-left:0;-webkit-transform:translateX(.8vw);transform:translateX(.8vw)}}.page-workshop #workshop .workshop h3 .title{font-size:18px;font-weight:700;letter-spacing:0.15em}@media screen and (max-width: 768px){.page-workshop #workshop .workshop h3 .title{font-size:1.6rem}}@media screen and (max-width: 768px){.page-workshop #workshop .workshop h3 .title{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}}.page-workshop #workshop .workshop .inner{display:flex;align-items:center;padding:20px 0}@media screen and (max-width: 768px){.page-workshop #workshop .workshop .inner{flex-direction:column;align-items:flex-end;padding:5.33333vw 0 0 0}}.page-workshop #workshop .workshop .inner .image{text-align:center;width:240px}@media screen and (max-width: 768px){.page-workshop #workshop .workshop .inner .image{width:76.53333vw}}.page-workshop #workshop .workshop .inner .image img{width:168px}@media screen and (max-width: 768px){.page-workshop #workshop .workshop .inner .image img{width:35.2vw}}.page-workshop #workshop .workshop .inner .context{font-size:14px;line-height:1.71429em;flex:1;padding:0 38px 0 0}@media screen and (max-width: 768px){.page-workshop #workshop .workshop .inner .context{font-size:1.4rem}}@media screen and (max-width: 768px){.page-workshop #workshop .workshop .inner .context{width:76.53333vw;padding:3.2vw 3.2vw 0 0}}.page-workshop #workshop .voice{padding-bottom:30px}@media screen and (max-width: 768px){.page-workshop #workshop .voice{padding-bottom:9.33333vw;margin-left:-2.66667vw;margin-right:-2.66667vw}}.page-workshop #workshop .voice .movie-wrap{padding-bottom:0}@media screen and (max-width: 768px){.page-workshop #workshop .voice .movie-wrap .context dl dd{margin-bottom:0}}.page-workshop #workshop .voice .speaker{font-size:18px;font-weight:700;letter-spacing:.15em;color:#96A6AF;margin-bottom:30px}@media screen and (max-width: 768px){.page-workshop #workshop .voice .speaker{font-size:1.4rem}}@media screen and (max-width: 768px){.page-workshop #workshop .voice .speaker{text-align:center;margin-bottom:3.2vw}}.page-workshop #workshop .voice .speaker span{display:inline-block;background:#fff;padding:0.4em 1em;border-radius:1em}.page-workshop #activity h1{font-size:32px;color:#FFC040}@media screen and (max-width: 768px){.page-workshop #activity h1{font-size:2.4rem}}@media screen and (max-width: 768px){.page-workshop #activity h1{line-height:1.66667em}}.page-workshop #activity>.lead{font-size:18px;line-height:2em;font-weight:700;text-align:center;margin-bottom:40px}@media screen and (max-width: 768px){.page-workshop #activity>.lead{font-size:1.8rem}}@media screen and (max-width: 768px){.page-workshop #activity>.lead{letter-spacing:0;margin-bottom:10.66667vw}}.page-workshop #activity>h2{font-size:18px;font-weight:700;letter-spacing:0.15em;background:#F4F6F7;color:#FFC040;text-align:center;padding:10px 0;margin-bottom:20px}@media screen and (max-width: 768px){.page-workshop #activity>h2{font-size:1.4rem}}@media screen and (max-width: 768px){.page-workshop #activity>h2{padding:2.66667vw 0;margin-bottom:4.26667vw}}.page-workshop #activity .activity-wrap{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:70px}@media screen and (max-width: 768px){.page-workshop #activity .activity-wrap{grid-template-columns:1fr;gap:4.26667vw;margin-bottom:8vw}}.page-workshop #activity .activity{background:#F4F6F7;display:flex;padding:20px 0}@media screen and (max-width: 768px){.page-workshop #activity .activity{position:relative;flex-direction:column;padding:0 0 5.33333vw 0}}.page-workshop #activity .activity .image{width:240px}@media screen and (max-width: 768px){.page-workshop #activity .activity .image{width:78.93333vw;padding-bottom:3.2vw;margin-left:auto}.page-workshop #activity .activity .image img{width:100%}}.page-workshop #activity .activity .context{flex:1;padding:0 24px}@media screen and (max-width: 768px){.page-workshop #activity .activity .context{width:78.93333vw;padding:0 3.2vw 0 0;margin-left:auto;display:flex;flex-direction:column-reverse;gap:3.2vw}}.page-workshop #activity .activity .context h3{font-size:18px;line-height:1.5em;font-weight:700;letter-spacing:0.05em;margin-bottom:10px}@media screen and (max-width: 768px){.page-workshop #activity .activity .context h3{font-size:1.6rem}}@media screen and (max-width: 768px){.page-workshop #activity .activity .context h3{-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;letter-spacing:0.15em;margin-bottom:0;position:absolute;top:4vw;left:4vw}}.page-workshop #activity .activity .context .tag{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}@media screen and (max-width: 768px){.page-workshop #activity .activity .context .tag{gap:1.33333vw;margin-bottom:0}}.page-workshop #activity .activity .context .tag li{font-size:10px;font-weight:700;background:#FFC040;color:#fff;padding:.4em .3em;border-radius:3px}@media screen and (max-width: 768px){.page-workshop #activity .activity .context .tag li{font-size:1rem}}.page-workshop #activity .activity .context .text{font-size:14px;line-height:1.71429em}@media screen and (max-width: 768px){.page-workshop #activity .activity .context .text{font-size:1.4rem}}.page-workshop #activity .voice{padding-bottom:30px;margin-bottom:35px}@media screen and (max-width: 768px){.page-workshop #activity .voice{padding-bottom:0;margin-left:-2.66667vw;margin-right:-2.66667vw}}.page-workshop #activity .voice .movie-wrap:nth-of-type(1){padding-bottom:55px}@media screen and (max-width: 768px){.page-workshop #activity .voice .movie-wrap:nth-of-type(1){padding-bottom:0}}.page-workshop #activity .voice .movie-wrap:nth-of-type(2){padding-bottom:0}.page-workshop #activity .voice .movie-wrap:nth-of-type(2) .context dt{margin-bottom:5px}.page-workshop #activity .voice .movie-wrap:nth-of-type(2) .context dd{font-weight:700}@media screen and (max-width: 768px){.page-workshop #activity .voice .movie-wrap:nth-of-type(2) .context dd{text-align:center}}.page-workshop #activity .voice .movie-wrap:nth-of-type(2) .context div{margin-bottom:40px}@media screen and (max-width: 768px){.page-workshop #activity .voice .movie-wrap:nth-of-type(2) .context div{margin-bottom:8vw}}.page-workshop #activity .voice .speaker{font-size:18px;font-weight:700;letter-spacing:.15em;color:#96A6AF;margin-bottom:30px}@media screen and (max-width: 768px){.page-workshop #activity .voice .speaker{font-size:1.4rem}}@media screen and (max-width: 768px){.page-workshop #activity .voice .speaker{text-align:center;margin-bottom:3.2vw}}.page-workshop #activity .voice .speaker span{display:inline-block;background:#fff;padding:0.4em 1em;border-radius:1em}.page-workshop #activity .activity-concept{position:relative;background:#F4F6F7;padding:60px 0 20px 0}@media screen and (max-width: 768px){.page-workshop #activity .activity-concept{padding:10.66667vw 0 9.33333vw 0;margin-left:-2.66667vw;margin-right:-2.66667vw}}.page-workshop #activity .activity-concept .lead{font-size:18px;line-height:2em;font-weight:700;text-align:center;margin-bottom:25px}@media screen and (max-width: 768px){.page-workshop #activity .activity-concept .lead{font-size:1.8rem}}@media screen and (max-width: 768px){.page-workshop #activity .activity-concept .lead{letter-spacing:0;margin-bottom:8vw}.page-workshop #activity .activity-concept .lead span{font-size:85%}}.page-workshop #activity .activity-concept .activity-list{position:relative;background:#F4F6F7;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto auto auto;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;gap:2px 2px;grid-template-areas:"activity1 activity2 activity3" "activity4 title activity5" "activity6 activity7 activity8";background:#fff;border-radius:10px;overflow:hidden;width:1000px;margin:0 auto 20px auto}@media screen and (max-width: 768px){.page-workshop #activity .activity-concept .activity-list{width:auto;margin:0 3.2vw 2.66667vw 3.2vw}}.page-workshop #activity .activity-concept .activity-list li{display:flex;align-items:center;padding:12px 0}@media screen and (max-width: 768px){.page-workshop #activity .activity-concept .activity-list li{flex-direction:column;text-align:center;padding:3.2vw 0}}.page-workshop #activity .activity-concept .activity-list li:not(.title){background:#ABB8BF;color:#fff;padding-left:50px}@media screen and (max-width: 768px){.page-workshop #activity .activity-concept .activity-list li:not(.title){padding-left:0}}.page-workshop #activity .activity-concept .activity-list li img{width:72px;margin-right:5px}@media screen and (max-width: 768px){.page-workshop #activity .activity-concept .activity-list li img{width:21.33333vw;margin-right:0;margin-bottom:1.6vw}}.page-workshop #activity .activity-concept .activity-list .en,.page-workshop #activity .activity-concept .activity-list .jp{display:block;line-height:1.5}@media screen and (max-width: 768px){.page-workshop #activity .activity-concept .activity-list .en,.page-workshop #activity .activity-concept .activity-list .jp{line-height:1.28571em}}.page-workshop #activity .activity-concept .activity-list .en{font-size:22px;letter-spacing:2px}@media screen and (max-width: 768px){.page-workshop #activity .activity-concept .activity-list .en{font-size:1.6rem}}@media screen and (max-width: 768px){.page-workshop #activity .activity-concept .activity-list .en{line-height:1.125em;margin-bottom:1.06667vw}}.page-workshop #activity .activity-concept .title{grid-area:title;background:#fff;color:#96A6AF;text-align:center;justify-content:center}.page-workshop #activity .activity-concept .title .jp{font-weight:500}.page-workshop #activity .activity-concept .activity1{grid-area:activity1}.page-workshop #activity .activity-concept .activity2{grid-area:activity2}.page-workshop #activity .activity-concept .activity3{grid-area:activity3}.page-workshop #activity .activity-concept .activity4{grid-area:activity4}.page-workshop #activity .activity-concept .activity5{grid-area:activity5}.page-workshop #activity .activity-concept .activity6{grid-area:activity6}.page-workshop #activity .activity-concept .activity7{grid-area:activity7}.page-workshop #activity .activity-concept .activity8{grid-area:activity8}.page-workshop #activity .activity-concept .caution{font-size:12px;line-height:1.5em;text-align:center}@media screen and (max-width: 768px){.page-workshop #activity .activity-concept .caution{font-size:1rem}}.page-workshop #concept .box{background:#E5E9EB;padding:45px 0 35px 0;margin-bottom:10px}@media screen and (max-width: 768px){.page-workshop #concept .box{padding:8vw 0 3.2vw 0;margin-bottom:3.2vw;margin-left:-2.66667vw;margin-right:-2.66667vw}}.page-workshop #concept h1{font-size:32px;color:#404040;margin-bottom:30px}@media screen and (max-width: 768px){.page-workshop #concept h1{font-size:2.4rem}}@media screen and (max-width: 768px){.page-workshop #concept h1{line-height:1.66667em;margin-bottom:4.8vw}}.page-workshop #concept .lead{font-size:22px;line-height:1.66667em;font-weight:700;text-align:center;margin-bottom:40px}@media screen and (max-width: 768px){.page-workshop #concept .lead{font-size:2rem}}@media screen and (max-width: 768px){.page-workshop #concept .lead{margin-bottom:8vw}}.page-workshop #concept .lead span{display:inline-block;border-bottom:1px solid #404040;padding-bottom:.2em}@media screen and (max-width: 768px){.page-workshop #concept .lead span{display:inline}}.page-workshop #concept .message{font-size:18px;line-height:2em;font-weight:600;text-align:center;margin-bottom:30px}@media screen and (max-width: 768px){.page-workshop #concept .message{font-size:1.6rem}}@media screen and (max-width: 768px){.page-workshop #concept .message{margin-bottom:8vw}}.page-workshop #concept .caution{font-size:12px;line-height:1.5em;text-align:center;margin-bottom:40px}@media screen and (max-width: 768px){.page-workshop #concept .caution{font-size:1rem}}@media screen and (max-width: 768px){.page-workshop #concept .caution{text-align:left;padding:0 2.66667vw;margin-bottom:8vw}.page-workshop #concept .caution span{display:block;text-align:center}}.page-workshop #concept .ideas{position:relative;width:1030px;background:#fff;margin:0 auto;padding:45px 0 30px 0}@media screen and (max-width: 768px){.page-workshop #concept .ideas{width:94.66667vw;padding:13.33333vw 0 8vw 0}}.page-workshop #concept .ideas dl dt{font-size:18px;line-height:2em;font-weight:700;text-align:center;margin-bottom:25px}@media screen and (max-width: 768px){.page-workshop #concept .ideas dl dt{font-size:1.8rem}}@media screen and (max-width: 768px){.page-workshop #concept .ideas dl dt{margin-bottom:5.33333vw}}.page-workshop #concept .ideas dl dd{font-size:14px;line-height:1.71429em;text-align:center}@media screen and (max-width: 768px){.page-workshop #concept .ideas dl dd{font-size:1.4rem}}.page-workshop #concept .about{font-size:12px;line-height:1.5em;text-align:center}@media screen and (max-width: 768px){.page-workshop #concept .about{font-size:1rem}}@media screen and (max-width: 768px){.page-workshop #concept .about{text-align:left}}.page-workshop #concept .about a{color:#96A6AF;font-weight:700}.page-workshop #concept .about a:hover{opacity:0.6}.secPp{padding-top:80px;margin-bottom:80px}@media screen and (max-width: 768px){.secPp{padding-top:10.66667vw;margin-bottom:16vw}}.secPp h2.minB{font-size:32px;font-weight:700;text-align:center;color:#96A6AF;margin-bottom:60px}@media screen and (max-width: 768px){.secPp h2.minB{font-size:2.4rem;line-height:1.66667em;margin:0 3.2vw 8vw 3.2vw}}.secPp .pp{width:600px;line-height:1.71429em;margin:0 auto}@media screen and (max-width: 768px){.secPp .pp{width:auto;margin:0 3.2vw}}.secPp .pp p:not(:first-child){margin-bottom:2em}.secPp .pp ul{margin-bottom:2em}.secPp .pp ul li{text-indent:-1em;margin-left:1em}.secPp .pp ul li::before{content:"・"}.secPp a{color:#96A6AF;font-weight:700}.secPp a:hover{opacity:0.6}