@import url(https://fonts.googleapis.com/css2? family= Arvo & display=swap);@import url(https://fonts.googleapis.com/css2?family=Arvo&family=Klee+One:wght@600&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background-color:#000;text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.main .header .menu-bar .menu-container .menu-item ul li a,.main .header .menu-bar .menu-container .menu-item2 ul li a{color:#000;text-decoration:none}.main .header .menu-bar .menu-container .menu-item ul li a:hover,.main .header .menu-bar .menu-container .menu-item2 ul li a:hover{text-decoration:underline}.main .header .menu-bar .menu-container .menu-item ul li,.main .header .menu-bar .menu-container .menu-item2 ul li,.main .header .menu-bar .menu-container .menu-sns ul li{list-style:none}.main{background-color:#f5f5f5}.main .header{margin:0 auto;position:relative;width:90%}.main .header #header-image{height:auto;width:100%}@media(min-width:801px){.main .header #header-image{display:none}}.main .header #header-video{height:auto;width:100%}@media(max-width:800px){.main .header #header-video{display:none}}.main .header .tablet-menu{display:flex;width:100%}.main .header .tablet-menu .tablet-menu-logo{position:absolute;text-align:center}.main .header .Toptopic{position:absolute;right:3%;top:20%}.main .header .menu-bar{background-color:hsla(0,0%,85%,.6);height:12%;position:absolute;top:0;width:100%}.main .header .menu-bar .menu-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative}.main .header .menu-bar .menu-container .menu-item{left:50px;position:absolute}.main .header .menu-bar .menu-container .menu-item ul{display:flex}.main .header .menu-bar .menu-container .menu-item ul li{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:fadeInAnime;animation-name:fadeInAnime;margin:0 16px;opacity:0}.main .header .menu-bar .menu-container .menu-item ul li:first-child{-webkit-animation-duration:1s;animation-duration:1s}.main .header .menu-bar .menu-container .menu-item ul li:nth-child(2){-webkit-animation-duration:1.5s;animation-duration:1.5s}.main .header .menu-bar .menu-container .menu-item ul li:nth-child(3){-webkit-animation-duration:2s;animation-duration:2s}.main .header .menu-bar .menu-container .menu-item ul li:nth-child(4){-webkit-animation-duration:2.5s;animation-duration:2.5s}.main .header .menu-bar .menu-container .menu-item ul li a h3{color:#433a34;font-family:Arvo,Klee One;font-size:1.5em}@-webkit-keyframes fadeInAnime{0%{opacity:0}to{opacity:1}}@keyframes fadeInAnime{0%{opacity:0}to{opacity:1}}.main .header .menu-bar .menu-container .top-menu-logo{-webkit-animation-duration:2.5s;animation-duration:2.5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:MoveAnime;animation-name:MoveAnime;height:100%;width:auto}.main .header .menu-bar .menu-container .top-menu-logo :hover{-webkit-transform:translateY(-10px);transform:translateY(-10px);transition:1s}.main .header .menu-bar .menu-container .top-menu-logo a img{height:100%;max-height:100%;width:auto}@-webkit-keyframes MoveAnime{0%{-webkit-transform:translateY(-40px);transform:translateY(-40px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes MoveAnime{0%{-webkit-transform:translateY(-40px);transform:translateY(-40px)}to{-webkit-transform:translate(0);transform:translate(0)}}.main .header .menu-bar .menu-container .menu-item2{position:absolute;right:300px}.main .header .menu-bar .menu-container .menu-item2 ul{display:flex}.main .header .menu-bar .menu-container .menu-item2 ul li{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:fadeInAnime;animation-name:fadeInAnime;margin:0 16px;opacity:0}.main .header .menu-bar .menu-container .menu-item2 ul li:first-child{-webkit-animation-duration:3.5s;animation-duration:3.5s}.main .header .menu-bar .menu-container .menu-item2 ul li:nth-child(2){-webkit-animation-duration:4s;animation-duration:4s}.main .header .menu-bar .menu-container .menu-item2 ul li a h3{color:#433a34;font-family:Arvo,Klee One;font-size:1.5em}.main .header .menu-bar .menu-container .menu-sns{position:absolute;right:50px}.main .header .menu-bar .menu-container .menu-sns ul{display:flex}.main .header .menu-bar .menu-container .menu-sns ul li{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-name:fadeInAnime;animation-name:fadeInAnime;margin:0 16px;opacity:0;width:50px}.main .header .menu-bar .menu-container .menu-sns ul li:first-child{-webkit-animation-duration:2.5s;animation-duration:2.5s}.main .header .menu-bar .menu-container .menu-sns ul li:nth-child(2){-webkit-animation-duration:3s;animation-duration:3s}.main .header .menu-bar .menu-container .menu-sns ul li:nth-child(3){-webkit-animation-duration:3.5s;animation-duration:3.5s}.main .header .menu-bar .menu-container .menu-sns ul li :hover{opacity:.8}.main .header .menu-bar .menu-container .menu-sns ul li img{width:100%}.main .main-container{display:flex;justify-content:center;margin:0 auto;width:90%}.main .main-container .main-container-index{width:20%}.main .main-container .main-container-index .side-container{position:-webkit-sticky;position:sticky;top:10px}.main .main-container .main-container-index .toc-list{margin-top:40px}.main .main-container .main-container-index .toc a{color:#433a34;opacity:.8;text-decoration:none}.main .main-container .toc-link:before{background-color:#eee;content:" ";display:inline-block;height:inherit;left:0;margin-top:-1px;position:absolute;width:5px}.main .main-container .toc a.is-active-link{opacity:1}.main .main-container .is-active-link:before{background-color:#433a34}.main .main-container-item{margin:0 auto;width:70%}.main .main-container-item .google-form{margin:0 auto}.toTop{text-align:center}.toTop img{display:inline-block}.toTop:hover{opacity:.6}.Footer{width:100%}@media(min-width:1199px){.Burger-menu,.main-tablet-container{display:none}}@media(max-width:1200px){.main .header{width:100%}.main .Top-Youtube{display:none}.main .main-container{display:block;width:100%}.main .main-container .main-container-index{display:none}.main .main-container .main-container-item{width:90%}.main-tablet-container{text-align:center}.main-tablet-container .tablet-item :nth-child(2){margin-top:24px}.menu-bar,.menu-item,.menu-sns{display:none}}.News-container-main .News-wrapper .News-item ul li{list-style:none}.News-container-main .News-wrapper .News-item ul li button{-webkit-appearance:none;appearance:none;background-color:transparent;border:none;cursor:pointer;outline:none;padding:0}.News-container-main{font-family:Arvo,Klee One;margin-top:40px;width:100%}.News-container-main .News-title{border-bottom:5px solid #9c8b8b;display:block}.News-container-main .News-title h2{color:#433a34;font-family:Arvo,Klee One;font-size:1.5em}.News-container-main .News-wrapper{margin-top:24px}.News-container-main .News-wrapper .News-item ul{display:flex;flex-wrap:wrap;justify-content:center;padding-left:0;width:100%}.News-container-main .News-wrapper .News-item ul li{height:auto;margin:16px 5%;width:40%}.News-container-main .News-wrapper .News-item ul li button{width:100%}.News-container-main .News-wrapper .News-item ul li button img{border:2px solid silver;height:auto;object-fit:cover;outline-offset:-2px;width:100%}.News-container-main .News-wrapper .News-item ul li button img:hover{opacity:.5}.News-container-main .News-wrapper .News-item ul li .News-item-caption{font-family:Arvo,Klee One;line-height:1.5em;margin-top:16px}.News-container-main .News-wrapper .News-item ul li .News-item-caption :nth-child(2){border-bottom:3px solid;border-image:linear-gradient(90deg,#9c8b8b 0 50%,transparent);border-image-slice:1;color:#433a34;display:inline-block;font-size:1.2em;margin:4px 0}.Modal-img{text-align:center}.Modal-img .News-modal-img{width:40vw}@media(max-width:900px){.Modal-img .News-modal-img{width:90vw}}.Disc-container-main .Disc-wrapper .Disc-item ul li{list-style:none}.Disc-container-main .Disc-wrapper .Disc-item ul li button{-webkit-appearance:none;appearance:none;background-color:transparent;border:none;cursor:pointer;outline:none;padding:0}.Disc-container-main{margin-top:40px;width:100%}.Disc-container-main .Disc-title{border-bottom:5px solid #9c8b8b;display:block}.Disc-container-main .Disc-title h2{color:#433a34;font-family:Arvo,Klee One}.Disc-container-main .Disc-wrapper{margin-top:24px}.Disc-container-main .Disc-wrapper .Disc-item ul{display:flex;flex-wrap:wrap;justify-content:center;padding-left:0;width:100%}.Disc-container-main .Disc-wrapper .Disc-item ul li{height:auto;margin:16px 5%;width:40%}.Disc-container-main .Disc-wrapper .Disc-item ul li button{width:100%}.Disc-container-main .Disc-wrapper .Disc-item ul li button img{border:2px solid silver;outline-offset:-2px;width:100%}.Disc-container-main .Disc-wrapper .Disc-item ul li button img:hover{opacity:.5}.Disc-container-main .Disc-wrapper .Disc-item ul li .Disc-item-caption{font-family:Arvo,Klee One;line-height:24px;margin-top:16px}.Disc-container-main .Disc-wrapper .Disc-item ul li .Disc-item-caption :nth-child(3){border-bottom:3px solid;border-image:linear-gradient(90deg,#9c8b8b 0 50%,transparent);border-image-slice:1;color:#433a34;display:inline-block;margin:4px 0}.Contact-container-main .Contact-wrapper .contact_form form .contact_fix button{-webkit-appearance:none;appearance:none;background-color:#9c8b8b;border:none;border-radius:40px;color:#fff;cursor:pointer;font-family:Arvo,Klee One;font-size:16px;line-height:24px;outline:none;padding:6px 32px}.Contact-container-main .Contact-wrapper .contact_form form .contact_fix button:hover{background-color:#fff;color:#000;outline:2px solid #9c8b8b;outline-offset:-2px}.Contact-container-main{margin-bottom:6em;margin-top:40px;width:100%}.Contact-container-main .Contact-title{border-bottom:5px solid #9c8b8b;display:block}.Contact-container-main .Contact-title h2{color:#433a34;font-family:Arvo,Klee One;font-size:1.5em}.Contact-container-main .Contact-wrapper{font-family:Klee One,cursive;margin-top:24px}.Contact-container-main .Contact-wrapper .contact_caption{padding:.25em 1em;position:relative;text-align:center}.Contact-container-main .Contact-wrapper .contact_caption p{font-weight:700;line-height:1.5em}.Contact-container-main .Contact-wrapper .contact_caption :after,.Contact-container-main .Contact-wrapper .contact_caption :before{content:"";display:inline-block;height:30px;position:absolute;width:20px}.Contact-container-main .Contact-wrapper .contact_caption :before{border-left:3px solid #9c8b8b;border-top:3px solid #9c8b8b;left:0;top:0}.Contact-container-main .Contact-wrapper .contact_caption :after{border-bottom:3px solid #9c8b8b;border-right:3px solid #9c8b8b;bottom:0;right:0}.Contact-container-main .Contact-wrapper .contact_form{margin-bottom:24px;margin-top:24px}.Contact-container-main .Contact-wrapper .contact_form form{display:block;margin:0 auto;width:80%}.Contact-container-main .Contact-wrapper .contact_form form .contact_form_name{font-size:1.5em;font-weight:700}.Contact-container-main .Contact-wrapper .contact_form form .contact_form_name span{color:maroon;font-weight:700;margin-left:24px}.Contact-container-main .Contact-wrapper .contact_form form input{font-family:Arvo,Klee One;font-size:1em;line-height:32px;margin-bottom:16px;margin-top:8px;text-indent:16px;width:100%}.Contact-container-main .Contact-wrapper .contact_form form textarea{font-family:Arvo,Klee One;font-size:1em;height:200px;line-height:2em;margin-bottom:16px;margin-top:8px;text-indent:1em;width:100%}.Contact-container-main .Contact-wrapper .contact_form form .contact_fix{font-size:1em;font-weight:700;text-align:center}.Contact-container-main .Contact-wrapper .contact_form form .contact_fix button{margin-top:16px}.Footer-container-main .Footer-wrapper .Footer-item .Footer-sns ul li{list-style:none}.Footer-container-main .Footer-wrapper .Footer-item .Footer-menu button{-webkit-appearance:none;appearance:none;background-color:transparent;border:none;cursor:pointer;outline:none;padding:0}.Footer-container-main{background-color:#353535;height:200px;width:100%}.Footer-container-main .Footer-wrapper .Footer-item .Footer-menu{display:flex;justify-content:center}.Footer-container-main .Footer-wrapper .Footer-item .Footer-menu button{color:hsla(0,0%,75%,.7);font-size:1.2em;margin-top:1em}.Footer-container-main .Footer-wrapper .Footer-item .Footer-menu button:hover{text-decoration:underline}.Footer-container-main .Footer-wrapper .Footer-item .Footer-sns ul{display:flex;justify-content:center;margin-top:24px;width:100%}.Footer-container-main .Footer-wrapper .Footer-item .Footer-sns ul li{text-align:center}.Footer-container-main .Footer-wrapper .Footer-item .Footer-sns ul li :hover{opacity:.8}.Footer-container-main .Footer-wrapper .Footer-item .Footer-tag p{color:hsla(0,0%,75%,.7);font-family:Arvo,Klee One;font-size:1em;margin-top:1.5em;text-align:center}.FooterModal-container .FooterModal-item a{color:#000;text-decoration:none}.FooterModal-container .FooterModal-item a:hover{text-decoration:underline}.FooterModal-container{font-family:Arvo,Klee One}.FooterModal-container .FooterModal-title{border-bottom:3px solid;border-image:linear-gradient(90deg,#9c8b8b 0 50%,transparent);border-image-slice:1;color:#433a34;display:inline-block;font-size:1.5em;text-align:center;width:100%}.FooterModal-container .FooterModal-caption{margin-bottom:1.5em;margin-top:.5em;text-align:center}.FooterModal-container .FooterModal-caption p{font-size:1em}.FooterModal-container .FooterModal-item{margin-bottom:24px;text-align:center}.FooterModal-container .FooterModal-item .FooterModal-item-title{border-bottom:3px solid;border-image:linear-gradient(90deg,#9c8b8b 0 80%,transparent);border-image-slice:1;display:inline-block;font-size:1.5em;margin-bottom:.5em}.FooterModal-container .FooterModal-item p{font-size:1em}.FooterModal-container .FooterModal-item a{color:#495ea0;font-family:sans-serif;font-weight:700}.FooterModal-container .FooterModal-item .FooterModal-credit{margin-top:1.5em}.ReactModal__Content .ReactModal__Content--after-open{overflow-y:scroll}.Spotify{margin-top:32px}.Spotify iframe{border-radius:15px}.bm-menu .Burger-sns ul li{list-style:none}.bm-burger-button{height:30px;left:5%;position:fixed;top:2%;width:36px}.bm-burger-bars{background:#373a47}.bm-burger-bars-hover{background:#005b99}.bm-cross-button{height:24px;width:24px}.bm-cross{background:#9c8b8b}.bm-menu-wrap{height:100%;position:fixed;top:0}.bm-menu{background:hsla(0,0%,85%,.9);font-family:Arvo,Klee One;font-weight:700;overflow:none}.bm-menu a{color:#241c17;margin-top:20px;text-decoration:none}.bm-menu a:hover{text-decoration:underline}.bm-menu .menu-logo{margin:0 auto;width:50%}.bm-menu .menu-logo img{width:100%}.bm-menu .menu-item{margin-left:16px}.bm-menu .Burger-sns{margin-bottom:16px}.bm-menu .Burger-sns ul{display:flex;justify-content:center}.bm-menu .Burger-sns ul li{margin:0 16px}.bm-menu .Burger-sns ul li img{width:80%}.bm-morph-shape{fill:hsla(0,0%,85%,.9)}.bm-item-list{color:#b8b7ad;padding:1.2em;width:100%}.bm-item{outline:none;text-decoration:none}.bm-overlay{background:rgba(0,0,0,.3);top:0}.Video-container-main .Video-item ul li{list-style:none}.Video-container-main{font-family:Arvo,Klee One;margin-top:40px;width:100%}.Video-container-main .Video-title{border-bottom:5px solid #9c8b8b;display:block}.Video-container-main .Video-title h2{color:#433a34;font-family:Arvo,Klee One;font-size:1.5em}.Video-container-main .Video-item{margin-top:24px}.Video-container-main .Video-item ul{display:flex;flex-wrap:wrap;justify-content:center;padding-left:0;width:100%}.Video-container-main .Video-item ul li{height:auto;margin:16px 2.5%;width:45%}.Video-container-main .Video-item ul li iframe{aspect-ratio:16/9;width:100%}@media(max-width:1000px){.Video-container-main .Video-item ul{display:block}.Video-container-main .Video-item ul li{height:auto;margin:0 auto;width:100%}.Video-container-main .Video-item ul iframe{margin-top:16px}}.Toptopic-container-main .Toptopic ul li{list-style:none}*{box-sizing:border-box;margin:0;padding:0}h4{font-size:18px}h3{font-size:20px}h2{font-size:24px}.Toptopic-container-main{font-family:Arvo,Klee One;position:relative}.Toptopic-container-main .Toptopic{background-color:rgba(25,24,22,.584);border-radius:5px;padding:24px}.Toptopic-container-main .Toptopic .Toptopic-title{border:2px solid;color:#e0dfe1;font-size:24px;text-align:center}.Toptopic-container-main .Toptopic ul li{color:#e0dfe1;margin-top:24px}.Toptopic-container-main .Toptopic ul li #topicD{background-color:#191816;border-radius:5px;display:inline-block;font-size:20px;padding:5px 10px}.Toptopic-container-main .Toptopic ul li #topicT{display:block;font-size:20px;white-space:nowrap}.Toptopic-container-main .Toptopic ul li #topicT a{color:#e0dfe1;text-decoration:none}.Toptopic-container-main .Toptopic ul li #topicT a:hover{text-decoration:underline}@media(max-width:1350px){.Toptopic-container-main img{width:30vh}.Toptopic-container-main p{font-size:20px}}@media(max-width:1000px){.Toptopic-container-main img{width:20vh}.Toptopic-container-main p{font-size:16px}}@media(max-width:800px){.Toptopic-container-main{display:none}}.toc{overflow-y:auto}.toc>.toc-list{overflow:hidden;position:relative}.toc>.toc-list li{list-style:none}.js-toc{overflow-y:hidden}.toc-list{margin:0;padding-left:10px}a.toc-link{color:currentColor;height:100%}.is-collapsible{max-height:1000px;overflow:hidden;transition:all .3s ease-in-out}.is-collapsed{max-height:0}.is-position-fixed{position:fixed!important;top:0}.is-active-link{font-weight:700}.toc-link:before{background-color:#eee;content:" ";display:inline-block;height:inherit;left:0;margin-top:-1px;position:absolute;width:2px}.is-active-link:before{background-color:#54bc4b}
/*# sourceMappingURL=main.6fa58eee.css.map*/