@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700;900&family=Noto+Sans+JP:wght@400;700&display=swap");:root{--text-color-r:255;--text-color-b:255;--text-color-g:255;--text-color-rgb:var(--text-color-r),var(--text-color-g),var(--text-color-b);--text-color:rgb(var(--text-color-rgb));--trendcreate-color-r:50;--trendcreate-color-g:180;--trendcreate-color-b:120;--trendcreate-color-rgb:var(--trendcreate-color-r),var(--trendcreate-color-g),var(--trendcreate-color-b);--trendcreate-color:rgb(var(--trendcreate-color-rgb));--trendcreate-bg-color-r:32;--trendcreate-bg-color-g:32;--trendcreate-bg-color-b:32;--trendcreate-bg-color-rgb:var(--trendcreate-bg-color-r),var(--trendcreate-bg-color-g),var(--trendcreate-bg-color-b);--trendcreate-bg-color:rgb(var(--trendcreate-bg-color-rgb));--trendcreate-head-color-r:16;--trendcreate-head-color-g:16;--trendcreate-head-color-b:16;--trendcreate-head-color-rgb:var(--trendcreate-head-color-r),var(--trendcreate-head-color-g),var(--trendcreate-head-color-b);--trendcreate-head-color:rgb(var(--trendcreate-head-color-rgb));--trendcreate-err-color-r:255;--trendcreate-err-color-g:0;--trendcreate-err-color-b:60;--trendcreate-err-color-rgb:var(--trendcreate-err-color-r),var(--trendcreate-err-color-g),var(--trendcreate-err-color-b);--trendcreate-err-color:rgb(var(--trendcreate-err-color-rgb));--header-h:50px;--logo-gradation:linear-gradient(43deg,purple,#13aaf4)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background-color:#fff}::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.25)}::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.5)}::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0,.75)}::-moz-selection{background-color:var(--trendcreate-color);color:#000}::selection{background-color:var(--trendcreate-color);color:#000}*{margin:0;padding:0;color:var(--text-color);box-sizing:border-box;scrollbar-width:thin;font-family:Montserrat,Noto Sans JP}a,a:visited{text-decoration:none}body{background-color:var(--trendcreate-bg-color)}.topbox_container{position:relative;width:100%;height:calc(100vh);min-height:400px}.topbox_container,.topbox_container_bg{top:0;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center}.topbox_container_bg{position:absolute;bottom:0;left:0;right:0}.contentbox{padding:32px 2%}.button_01{padding:16px;margin-top:16px;border-radius:8px;display:inline-block;transition:.2s}.button_01,.button_01:hover{background:var(--logo-gradation)}.maintitle_box{margin-top:var(--header-h);height:250px;display:flex;justify-content:center;align-items:center;flex-direction:column}.maintitle{font-size:32px}.contents_box{margin:16px;padding-left:12px;padding-right:12px}form{display:flex;align-items:center;flex-direction:column;margin-bottom:16px}form input,form select,form textarea{width:100%;resize:none;background-color:var(--trendcreate-head-color);border:2px solid var(--trendcreate-head-color);padding:8px;outline:none;border-radius:8px;transition-property:border-color background-color;transition:.2s ease-out}form textarea{height:200px}form input:focus,form select:focus,form textarea:focus{outline:none}form input:focus-visible,form select:focus-visible,form textarea:focus-visible{border:2px solid var(--trendcreate-color)!important;outline:none}form input:required,form select:required,form textarea:required{border-bottom:2px solid var(--trendcreate-err-color)}form input[type=checkbox]:required{border:2px solid var(--trendcreate-err-color)}form input[type=button],form input[type=submit]{width:200px;position:relative;left:50%;transform:translateX(-50%)}form input[type=button]:hover,form input[type=submit]:hover{cursor:pointer}form>:not(:last-child){margin-bottom:8px}form>*{width:100%;max-width:600px;position:relative}form *{-webkit-appearance:none}form label,form label>span{display:flex;align-items:center}form label input{margin-right:8px}form input[type=checkbox]:checked{background-color:var(--trendcreate-color)!important;border:2px solid var(--trendcreate-color)!important}form select:after{content:">";position:absolute;z-index:1}.nonselect{color:#888}form option{margin-bottom:8px}.sendmodal{display:flex;justify-content:center;align-items:center;flex-direction:column;top:50%;left:50%;transform:translate(-50%,-50%) scale(.75);background-color:var(--trendcreate-head-color);width:200px;height:200px;border-radius:8px;box-shadow:0 0 8px rgba(0,0,0,.5);transition-property:opacity transform overflow;transition:.2s ease-out;will-change:transform}.sendmodal,.sendmodal_bg{overflow:hidden;position:fixed;opacity:0;z-index:5;pointer-events:none}.sendmodal_bg{top:0;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.5);transition-property:opacity overflow;transition:.2s ease-out}.sendmodal_is_open{transform:translate(-50%,-50%) scale(1)}.sendmodal_bg_is_open,.sendmodal_is_open{overflow:visible;opacity:1;pointer-events:all}@-webkit-keyframes header_ani{0%{transform:translateY(-50px)}to{transform:translateY(0)}}@keyframes header_ani{0%{transform:translateY(-50px)}to{transform:translateY(0)}}header{width:100%;height:var(--header-h);background-color:rgba(var(--trendcreate-bg-color-rgb),.6);padding:8px;position:fixed;top:0;left:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;will-change:transform;filter:drop-shadow(0 0 12px rgb(16,16,16))}h1{font-size:24px;font-weight:900;background:var(--logo-gradation);background-clip:text;-webkit-background-clip:text;color:transparent}.header_box{width:100%;height:100%;justify-content:space-around;-webkit-animation:header_ani 1s ease 0s both;animation:header_ani 1s ease 0s both}#title,.header_box{display:flex;align-items:center}.nav_hamburger{display:none;width:24px;height:20px;background:none;border:none}.hamburger_box{width:100%;height:100%;display:flex;flex-direction:column;justify-content:space-between}#hamburger_bar1,#hamburger_bar2,#hamburger_bar3{height:2px;width:100%;background-color:var(--text-color)}nav{display:flex;align-items:center}#nav{transform:translateX(0)}.navul li a{padding-top:0}nav ul li a:after{position:absolute;bottom:0;left:0;content:"";width:100%;height:2px;background:var(--text-color);opacity:0;visibility:hidden;transition:.3s}nav ul li a:hover:after{bottom:0;opacity:1;visibility:visible;transition:none}.nav_bg{display:none}@media screen and (max-width:800px){nav{position:fixed;background-color:rgba(var(--trendcreate-bg-color-r),var(--trendcreate-bg-color-g),var(--trendcreate-bg-color-b),.6);top:var(--header-h);border-radius:16px;right:0;width:180px;padding:32px 16px;margin-top:8px;margin-right:8px;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .5s ease-out}#nav,nav{transform:translateX(360px)}.nav_bg{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:5;display:block;visibility:hidden;opacity:0}header .navul li{display:flex}header .navul li:not(:last-child){margin-bottom:8px}header nav ul li a:hover:after{display:none}header .navul{flex-direction:column;align-items:center;justify-content:center}#nav_hamburger{display:block}.hamburger_bar1,.hamburger_bar2,.hamburger_bar3{transition:.5s ease-out}.nav_isopen{transform:translateX(0)!important}.hamburger_bar1_isopen{transform:translateY(10px)!important;opacity:0!important}.hamburger_bar3_isopen{transform:translateY(-10px)!important;opacity:0!important}.nav_bg_isopen{visibility:visible!important}}footer{width:auto;padding:32px;margin:16px;background-color:#5a5a5a;z-index:10;background-color:var(--trendcreate-head-color);border-radius:16px;filter:drop-shadow(0 0 12px rgb(16,16,16))}.footer_contents{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.navul{flex-wrap:wrap}footer .navul li{margin-bottom:8px}.footer_box{width:100%;position:relative}.copyright{text-align:center;width:100%;margin-top:16px}.snslinks{flex-wrap:wrap}.snslinks,.snslinks>a>img{display:flex;justify-content:center;align-items:center}.snslinks>a:not(:last-child){margin-right:16px}.navul{list-style:none;display:flex;align-items:center;font-size:0}.navul li a{padding:8px 16px;font-size:14px;position:relative}