@charset "UTF-8";a{text-decoration:none}.Base__Color{color:#10a3f5}.gradation{background:linear-gradient(to right,#10a3f5,#1fe8ff)!important}.sub__gradation{background:linear-gradient(to right,#5bc901,#69f528)!important}html,body{margin:0;padding:0;min-height:100%;overflow-x:hidden;overscroll-behavior:none}html:before,body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;display:block;background-repeat:no-repeat;background-size:100vw 100vh}@supports (background-size: 100vw 100lvh){html:before,body:before{background-size:100vw 100lvh}}html>*:first-child,body>*:first-child{min-height:100%}@media screen and (min-width: 960px){html,body{margin-bottom:2rem}}.Contents__body{padding-top:90px}@media (max-width: 576px){.Contents__body{padding-top:60px}}.Box__main{margin:1rem;background-color:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;overflow:hidden;transition:transform .3s ease-in-out}.Control__background{background-color:#fff;margin:.1rem}h1{font-size:1.2rem;text-align:left;text-shadow:0 0 2px white;color:#333}h1:after{content:"";display:block;height:4px;margin-top:-5px;background:-webkit-linear-gradient(to right,#10a3f5,#1fe8ff);background:linear-gradient(to right,#10a3f5,#1fe8ff)}h3{padding:.25em .5em;color:#494949;background:transparent;border-left:solid 5px #7db4e6}.header{position:fixed;top:0;left:0;width:100%;background:linear-gradient(to right,#10a3f5,#1fe8ff);color:#fff;padding:15px 20px 10px;text-align:center;box-shadow:0 2px 5px #0000001a;transition:transform .3s ease-in-out}.hidden{transform:translateY(-150%)}.logo{font-size:1.5em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:65%}.nav-list{list-style:none;display:flex;margin:0 3rem 0 0;padding:0;justify-content:flex-end}.nav-list li{margin:0 10px}.nav-list a{text-decoration:none;color:#fff}@media (max-width: 576px){.nav-list{display:none}}.side-menu{position:fixed;top:0;right:-40%;width:40%;height:100%;background-color:#444;color:#fff;box-shadow:-2px 0 5px #0003;padding:20px;flex-direction:column;gap:15px;transition:right .3s ease-in-out;z-index:999}.side-menu.open{right:0}.side-menu ul{list-style:none;padding:0}.side-menu li{margin:15px 0}.side-menu a{color:#fff;text-decoration:none;font-size:1.2em}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0000004d;z-index:5;display:none}.overlay.active{display:block}.menu-toggle{display:none;background:none;border:none;font-size:1.5em;color:#fff;cursor:pointer}@media (max-width: 768px){.side-menu{right:-70%;width:70%}}.menu-container{position:fixed;top:15px;right:20px;width:37.2px;height:30px;z-index:12000;transition:transform .3s ease-in-out}.menu-icon{display:flex;flex-direction:column;justify-content:space-between;width:100%;height:100%;cursor:pointer;transition:all .3s ease}.menu-icon span{display:block;height:5px;background-color:#fff;border-radius:5px;will-change:transform,opacity;transition:transform .3s ease,opacity .3s ease;z-index:1000}.menu-icon span:nth-child(1){transform-origin:left}.menu-icon span:nth-child(3){transform-origin:left}.menu-icon span.open:nth-child(1){transform:rotate(45deg);transform-origin:left}.menu-icon span.open:nth-child(2){opacity:0}.menu-icon span.open:nth-child(3){transform:rotate(-42deg);transform-origin:left}.Dev__image{width:50%;margin:0 25px}@media (max-width: 576px){.Dev__image{width:100%;margin:auto}}.Contents__block{margin-left:auto;margin-right:auto;max-width:1260px}.Contents{display:flex;flex-wrap:wrap}.Content__main{flex:0 0 auto;width:50%;height:100%}.Content__right,.Content__left{flex:0 0 auto;width:25%}@media screen and (max-width: 960px){.Content__main{width:100%}.Content__right,.Content__left{display:none}}ul.List__Right{list-style:none;padding:0;margin:0 auto;border:1px solid #ddd;border-radius:8px;overflow:hidden;background:#fff}ul.List__Right li{display:flex;align-items:center;padding:2px 15px 12px;position:relative}ul.List__Right li:not(:last-child):after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-color:#ddd}ul.List__Right li img{width:40px;height:40px;border-radius:50%;object-fit:cover;margin-right:15px}ul.List__Right li .content{flex-grow:1}ul.List__Right li .content p{margin:0 auto;font-size:12px;opacity:.6;text-align:center}ul.List__Right li .action{display:flex;align-items:center;color:#10a3f5;cursor:pointer}ul.List__Right li .action svg{margin-left:5px;width:16px;height:16px;fill:#10a3f5;transition:transform .2s ease}ul.List__Right li:hover .action svg{transform:translate(3px)}.Modal__Overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:center;align-items:center;z-index:9999}.Modal__Content{width:80%;max-width:350px;background:#fff;padding:10px 20px;border-radius:8px;box-shadow:0 4px 6px #0000001a;z-index:10000}.Modal__Actions{display:flex;justify-content:space-between;margin-top:10px}p{line-height:1.5}span[contenteditable=true]{padding:5px 10px;border:1px dashed #cccccc;border-radius:.25rem;background-color:#f9f9f9;cursor:text;display:inline-block;min-width:200px;transition:background-color .3s ease,border-color .3s ease}span[contenteditable=true]:hover{border-color:#c03333}span[contenteditable=true]:focus{outline:none;border-color:#3490dc;background-color:#fff}span[contenteditable=true]:empty:before{content:attr(placeholder);color:#888}.Text__sub{opacity:.6}.Text__title{font-size:24px;font-weight:700}.tc{text-align:center}.tl{text-align:left}.tr{text-align:right}.wrap-text{white-space:normal;word-wrap:break-word}