@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap";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:0 0}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:0 0}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}:root{--color-theme:#ff5c00;--color-bg-light:#fff;--color-bg-gray:#f8f8f8;--color-warned:#ff4500;--color-text:#333;--z-index-invitation:100;--z-index-header:200;--z-index-menu-modal:300}html,body{line-height:1.4}html{font-family:"Roboto","Noto Sans JP",sans-serif;font-size:16px;color:var(--color-text);word-spacing:1px;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}a{color:inherit;text-decoration:none}img{display:block}button.ui,a.ui.ui-button{display:flex;width:max-content;height:48px;padding:0 1.5rem;justify-content:center;align-items:center;gap:.5rem;border:2px solid;background:0 0;filter:drop-shadow(0px 4px 16px rgba(0,0,0,.24));border-radius:8px;cursor:pointer;transition:opacity .4s}button.ui.ui-square,a.ui.ui-button.ui-square{width:48px;padding:0;border-radius:16px}button.ui:disabled,button.ui[aria-disabled=true],a.ui.ui-button:disabled,a.ui.ui-button[aria-disabled=true]{opacity:.3;cursor:not-allowed}#header{position:fixed;width:100%;left:0;top:0;display:grid;grid-template-columns:auto auto;justify-content:space-between;align-items:center;padding:20px 120px;background:rgba(255,255,255,.3);backdrop-filter:blur(8px);z-index:var(--z-index-header)}#header .logo img{height:60px}#header nav .categories{display:grid;grid-auto-flow:column;grid-auto-columns:auto;grid-gap:2em;list-style-type:none}#header nav .categories .category{cursor:pointer;position:relative}#header nav .categories .category .name{padding:1.5rem 0}#header nav .categories .category:not(:hover) .subcategories{display:none}#header nav .categories .category .subcategories{position:absolute;width:max-content;box-sizing:content-box;left:50%;transform:translateX(-50%);padding:12px 0;background:var(--color-bg-light);border-radius:8px;filter:drop-shadow(0px 8px 32px rgba(0,0,0,.16))}#header nav .categories .category .subcategories:before{content:"";display:block;position:absolute;width:20px;height:20px;top:2px;left:50%;transform:translate(-50%,-50%) rotate(45deg);border-radius:4px;background:var(--color-bg-light)}#header nav .categories .category .subcategories ol{list-style-type:none}#header nav .categories .category .subcategories ol a{display:block;padding:.5em 20px}#header nav .categories .category .subcategories ol a:hover{color:#e69636}#header.admin-bar-showing{padding-top:50px}@media(max-width:980px){#header{padding:10px 20px}#header nav .categories{display:none}#header.admin-bar-showing{padding-top:60px}#header .logo img{height:40px}}@media not all and (max-width:980px){#header .menu-activator{display:none !important}}.menu-modal{position:fixed;width:100%;height:100%;top:0;left:0;display:none;background:var(--color-bg-light);overflow-y:scroll;z-index:var(--z-index-menu-modal)}@media(max-width:980px){.menu-modal.active{display:block}}.menu-modal .menu-deactivator{position:fixed;display:block;top:70px;right:20px}.menu-modal .categories{width:max-content;max-width:calc(100% - 80px);box-sizing:content-box;padding:80px 40px;margin:0 auto;display:grid;gap:2em;list-style-type:none}.menu-modal .categories .category>.name{margin-bottom:1rem;font-size:22px;font-weight:700}.menu-modal .categories .category ol{display:grid;gap:1em;list-style-type:none}#footer{padding:60px 20px;margin:0 auto;background:var(--color-bg-gray)}#footer .columns{display:grid;grid-template-columns:430px repeat(auto-fill,220px);justify-content:center;gap:80px}#footer .columns .info{display:grid;gap:1.5em;align-content:start}#footer .columns .info .logo{display:block;width:240px}#footer .columns .info .logo img{width:100%}#footer .columns .info .contacts .contact{display:flex;gap:.5em}#footer .columns .info .sns{display:flex;justify-content:start;gap:16px}@media(max-width:900px){#footer .columns .info .sns{height:30px}}#footer .columns .sitemap{grid-column:2/-1;columns:220px auto;gap:80px}#footer .columns .sitemap .category{margin-bottom:4em;page-break-inside:avoid;break-inside:avoid}#footer .columns .sitemap .category ul{margin-top:1em;display:grid;gap:1em;list-style-type:none}@media(max-width:900px){#footer .columns{grid-template-columns:calc(100vw - 40px)}#footer .columns .sitemap{grid-column:auto}}#footer .copyright{margin-top:6em}main{margin-top:100px}main header{display:grid;height:450px;align-content:center;padding-left:100px;color:#fff;background:linear-gradient(90deg,rgba(2,0,24,.5) 29.69%,rgba(0,40,100,0) 80.73%),url(//changemaker.set-hirota.com/wp/wp-content/themes/change-makers-college-theme/assets/css/../images/course_ld_mainvisual.png);background-size:cover;background-position:center}main header h1{font-size:32px}main header .copy{margin-bottom:1em}main .intro{margin:128px auto;display:grid;grid-template-columns:auto 1fr;align-items:center;width:1040px;max-width:calc(100% - 2rem);gap:24px}main .intro img{width:400px;max-width:100%;border-radius:8px;justify-self:center}main .intro h2{margin-bottom:1rem;font-size:24px}@media(max-width:820px){main .intro{grid-template-columns:auto}}main .keywords{padding:48px 1rem;background:#ffe8cc;text-align:center}main .keywords h2{margin-bottom:1rem;font-weight:400}main .keywords ul{display:flex;justify-content:center;flex-flow:row wrap;gap:8px;list-style-type:none;filter:drop-shadow(0px 2px 24px rgba(68,68,68,.16))}main .keywords ul li{padding:8px 18px;background:var(--color-bg-light);border-radius:4px}main .concept{width:620px;max-width:calc(100% - 2rem);margin:128px auto}main .concept h2{margin-bottom:1rem;font-size:24px}main .why{padding:48px 0;background:#ffe8cc}main .why .content{width:1040px;max-width:calc(100% - 2rem);margin:0 auto;position:relative}main .why .content h2{margin-bottom:1rem;font-size:24px}main .why .content p{padding-right:420px}main .why .content img{position:absolute;width:300px;right:0;top:50%;transform:translate(0,-50%);filter:drop-shadow(0px 8px 24px rgba(32,39,45,.25))}@media(max-width:1000px){main .why .content{width:30em}main .why .content p{padding-right:0}main .why .content img{position:static;max-width:100%;top:unset;transform:unset;margin:1rem auto 0 auto}}main .facilitator{width:940px;max-width:calc(100% - 2rem);margin:128px auto}main .facilitator h2{margin-bottom:1rem;font-size:24px}main .facilitator .people{display:grid;gap:48px}main .facilitator .people .person{display:grid;grid-template-columns:auto 1fr;gap:1rem 48px}main .facilitator .people .person img{width:200px;border-radius:100%}main .facilitator .people .person h3{margin-bottom:1rem;font-size:24px}@media(max-width:700px){main .facilitator .people .person{grid-template-columns:auto}}main .courses{margin:128px 0}main .courses h2{width:1040px;max-width:calc(100% - 2rem);margin:0 auto 1rem auto;font-size:24px}main .courses .nav-courses{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,500px));grid-auto-rows:200px;justify-content:center;padding:0 20px;gap:34px}main .courses .nav-courses .course{display:grid;align-content:center;padding:40px;color:#fff;border-radius:8px;overflow:hidden;background-size:cover;background-position:center;position:relative}main .courses .nav-courses .course:before{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.4);z-index:0}main .courses .nav-courses .course *{position:relative;z-index:1}main .courses .nav-courses .course h3{font-size:24px}main .courses .nav-courses .course .copy{font-size:10px}