html,body{background:hsl(220,10%,92%);color:hsl(210,10%,25%);margin:0;padding:0;font-size:1rem;font-family:"Noto Sans JP",sans-serif;line-height:1.5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh;scroll-behavior:smooth;background-image:url("../img/background.png")}h1,h2,h3,h4,h5,h6{font-family:"Noto Sans JP",sans-serif;line-height:1.5;color:hsl(210,10%,25%)}h1{font-size:1.5rem;color:hsl(210,10%,25%);letter-spacing:.02em;font-weight:400}h2{font-size:1.25rem;color:hsl(210,10%,25%);letter-spacing:.02em;font-weight:400}h3{font-size:1.125rem;font-weight:400}h4,h5,h6{font-size:1rem;font-weight:400}p{margin:0 0 1rem}p:empty{display:none}span{display:inline-block;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}input,textarea,select,button{outline:none}img{max-width:100%;height:auto;vertical-align:bottom}a{color:hsl(210,10%,35%);text-decoration:none;-webkit-transition:all .3s cubic-bezier(.4, 0, .2, 1);-o-transition:all .3s cubic-bezier(.4, 0, .2, 1);transition:all .3s cubic-bezier(.4, 0, .2, 1);position:relative}a:focus{outline:none}button{border:none;cursor:pointer;font-size:1rem;line-height:1.5;padding:.5rem 1rem;border-radius:.125rem;-webkit-transition:all .3s cubic-bezier(.4, 0, .2, 1);-o-transition:all .3s cubic-bezier(.4, 0, .2, 1);transition:all .3s cubic-bezier(.4, 0, .2, 1);position:relative}button:disabled{cursor:not-allowed;opacity:.6}button:disabled::before{display:none}.btn-primary{background-color:hsl(210,10%,30%);color:hsl(60,10%,95%);border:1px solid hsl(210,10%,30%);-webkit-box-shadow:0 .1rem .2rem hsla(210,10%,20%,0.125);box-shadow:0 .1rem .2rem hsla(210,10%,20%,0.125)}.btn-primary:hover:not(:disabled){background-color:hsl(200,10%,40%);border-color:hsl(200,10%,40%);-webkit-box-shadow:0 .125rem .25rem hsla(200,10%,15%,0.25);box-shadow:0 .125rem .25rem hsla(200,10%,15%,0.25);-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}.btn-primary:active:not(:disabled){background-color:hsl(200,10%,45%);border-color:hsl(210,10%,25%);-webkit-box-shadow:0 .1rem .2rem hsla(210,10%,20%,0.125);box-shadow:0 .1rem .2rem hsla(210,10%,20%,0.125);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.btn-secondary{background-color:hsl(60,10%,98%);color:hsl(210,10%,25%);border:1px solid hsl(220,10%,85%);-webkit-box-shadow:0 .1rem .2rem hsla(210,10%,20%,0.125);box-shadow:0 .1rem .2rem hsla(210,10%,20%,0.125)}.btn-secondary:hover:not(:disabled){background-color:hsl(240,10%,90%);border-color:hsl(200,10%,60%);-webkit-box-shadow:0 .125rem .25rem hsla(200,10%,15%,0.25);box-shadow:0 .125rem .25rem hsla(200,10%,15%,0.25);-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}.btn-secondary:active:not(:disabled){background-color:hsl(240,10%,90%);border-color:hsl(210,10%,25%);-webkit-box-shadow:0 .1rem .2rem hsla(210,10%,20%,0.125);box-shadow:0 .1rem .2rem hsla(210,10%,20%,0.125);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.btn-outline{background-color:transparent;color:hsl(210,10%,25%);border:1px solid hsl(200,10%,60%)}.btn-outline:hover:not(:disabled){background-color:hsl(180,10%,88%);border-color:hsl(210,10%,30%);-webkit-transform:translateY(-1px);-ms-transform:translateY(-1px);transform:translateY(-1px)}.btn-outline:active:not(:disabled){background-color:hsl(240,10%,90%);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}.btn-text{background-color:transparent;color:hsl(210,10%,35%);border:none;padding:.5rem}.btn-text:hover:not(:disabled){color:hsl(30,10%,40%);background-color:hsl(240,10%,90%)}.btn-text:active:not(:disabled){background-color:hsl(200,10%,45%);color:hsl(60,10%,95%)}input[type="text"],input[type="email"],input[type="password"],input[type="tel"],input[type="url"],input[type="search"],input[type="number"],textarea,select{border:1px solid hsl(220,10%,85%);border-radius:.125rem;padding:.5rem 1rem;font-size:1rem;line-height:1.5;background-color:hsl(0,0%,100%);color:hsl(210,10%,25%);-webkit-transition:all .3s cubic-bezier(.4, 0, .2, 1);-o-transition:all .3s cubic-bezier(.4, 0, .2, 1);transition:all .3s cubic-bezier(.4, 0, .2, 1);min-height:44px;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.05);box-shadow:inset 0 1px 2px rgba(0,0,0,0.05)}input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="tel"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="number"]:focus,textarea:focus,select:focus{outline:none;border-color:hsl(240,10%,40%);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.05),0 0 0 2px hsl(240,10%,40%);box-shadow:inset 0 1px 2px rgba(0,0,0,0.05),0 0 0 2px hsl(240,10%,40%);background-color:hsl(220,10%,88%)}input[type="text"]:disabled,input[type="email"]:disabled,input[type="password"]:disabled,input[type="tel"]:disabled,input[type="url"]:disabled,input[type="search"]:disabled,input[type="number"]:disabled,textarea:disabled,select:disabled{background-color:hsl(220,10%,92%);color:hsl(220,10%,90%);cursor:not-allowed;-webkit-box-shadow:none;box-shadow:none}input[type="text"]::-webkit-input-placeholder,input[type="email"]::-webkit-input-placeholder,input[type="password"]::-webkit-input-placeholder,input[type="tel"]::-webkit-input-placeholder,input[type="url"]::-webkit-input-placeholder,input[type="search"]::-webkit-input-placeholder,input[type="number"]::-webkit-input-placeholder,textarea::-webkit-input-placeholder,select::-webkit-input-placeholder{color:hsl(180,10%,75%);font-style:italic}input[type="text"]::-moz-placeholder,input[type="email"]::-moz-placeholder,input[type="password"]::-moz-placeholder,input[type="tel"]::-moz-placeholder,input[type="url"]::-moz-placeholder,input[type="search"]::-moz-placeholder,input[type="number"]::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder{color:hsl(180,10%,75%);font-style:italic}input[type="text"]::-ms-input-placeholder,input[type="email"]::-ms-input-placeholder,input[type="password"]::-ms-input-placeholder,input[type="tel"]::-ms-input-placeholder,input[type="url"]::-ms-input-placeholder,input[type="search"]::-ms-input-placeholder,input[type="number"]::-ms-input-placeholder,textarea::-ms-input-placeholder,select::-ms-input-placeholder{color:hsl(180,10%,75%);font-style:italic}input[type="text"]::placeholder,input[type="email"]::placeholder,input[type="password"]::placeholder,input[type="tel"]::placeholder,input[type="url"]::placeholder,input[type="search"]::placeholder,input[type="number"]::placeholder,textarea::placeholder,select::placeholder{color:hsl(180,10%,75%);font-style:italic}input[type="text"]:hover:not(:disabled):not(:focus),input[type="email"]:hover:not(:disabled):not(:focus),input[type="password"]:hover:not(:disabled):not(:focus),input[type="tel"]:hover:not(:disabled):not(:focus),input[type="url"]:hover:not(:disabled):not(:focus),input[type="search"]:hover:not(:disabled):not(:focus),input[type="number"]:hover:not(:disabled):not(:focus),textarea:hover:not(:disabled):not(:focus),select:hover:not(:disabled):not(:focus){border-color:hsl(200,10%,60%);-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.05),0 .1rem .2rem hsla(210,10%,20%,0.125);box-shadow:inset 0 1px 2px rgba(0,0,0,0.05),0 .1rem .2rem hsla(210,10%,20%,0.125)}textarea{resize:vertical;min-height:100px;font-family:inherit}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23374151' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2rem;cursor:pointer}select:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23111827' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}input[type="checkbox"],input[type="radio"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid hsl(200,10%,60%);background-color:hsl(0,0%,100%);cursor:pointer;position:relative;margin-right:.5rem;-webkit-transition:all .3s cubic-bezier(.4, 0, .2, 1);-o-transition:all .3s cubic-bezier(.4, 0, .2, 1);transition:all .3s cubic-bezier(.4, 0, .2, 1)}input[type="checkbox"]:checked,input[type="radio"]:checked{background-color:hsl(210,10%,30%);border-color:hsl(210,10%,30%)}input[type="checkbox"]:focus,input[type="radio"]:focus{outline:none}input[type="checkbox"]:disabled,input[type="radio"]:disabled{background-color:hsl(220,10%,92%);border-color:hsl(220,10%,85%);cursor:not-allowed}input[type="checkbox"]{border-radius:.125rem}input[type="checkbox"]:checked::after{content:"✓";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);color:hsl(0,0%,100%);font-size:12px;font-weight:bold}input[type="radio"]{border-radius:50%}input[type="radio"]:checked::after{content:"";position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:8px;height:8px;border-radius:50%;background-color:hsl(0,0%,100%)}.text-large,.large{font-size:1.5rem}.text-big,.big{font-size:1.25rem}.text-bigger,.bigger{font-size:1.125rem}.text-smaller,.smaller{font-size:.8rem}.text-small,.small{font-size:.6rem}.text-bold,.bold{font-weight:600}.text-bolder,.bolder{font-weight:500}.text-normal,.normal{font-weight:400}.pc{display:block}.sp,.sm,.mobile{display:none}@media (max-width:767px){.pc{display:none}.sp,.sm,.mobile{display:block}}.btn-none{background:none;border:none;cursor:pointer;font-size:inherit;line-height:inherit;color:inherit;text-decoration:none;outline:none}table:not([class]){margin:1.5rem auto;width:100%;border-collapse:collapse;border:1px solid hsl(200,10%,60%)}table:not([class]) th,table:not([class]) td{padding:.5rem;border:1px solid hsl(220,10%,85%)}table:not([class]) th{background-color:hsl(220,10%,92%);font-weight:bold;font-size:.8rem}.alignleft{margin-right:1rem}.alignright{margin-left:1rem}iframe{margin:1.5rem;width:100%;max-width:100%;height:auto;aspect-ratio:4 / 3;border:1px solid hsl(210,10%,30%)}iframe[src*="youtube.com"],iframe[src*="youtu.be"]{aspect-ratio:16 / 9;border:none}.opma-edit-button-wrapper{text-align:center;margin:2rem 0 1rem;padding-top:1rem;border-top:1px solid hsl(220,10%,85%)}.opma-edit-button{display:inline-block;padding:.4rem .8rem;font-size:.75rem;color:hsl(180,10%,75%);background-color:transparent;border:1px solid hsl(220,10%,85%);border-radius:.25rem;text-decoration:none;-webkit-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;opacity:.7}.opma-edit-button:hover{color:hsl(210,10%,25%);background-color:hsl(240,10%,90%);border-color:hsl(200,10%,60%);text-decoration:none}.opma-edit-button:focus{outline:2px solid hsl(240,10%,40%);outline-offset:2px}.opma-edit-button:hover{opacity:1}@media (max-width:768px){.opma-edit-button{font-size:.7rem;padding:.3rem .6rem}}
/*# sourceMappingURL=./style.css.map */