@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500&display=swap";*{font-family:Noto Sans JP,sans-serif}.shadow{box-shadow:0 2px 3px #3333}.btn-sm{padding:.3rem .6rem!important}.btn-md{padding:.5rem .8rem!important}.btn-lg{padding:.6rem 1rem!important}:root{--default-background-color: #e0e0e0;--default-color: #3f3f3f;--default-disable-color: #9e9e9e;--default-hover-background: #aeaeae;--default-outline-text-hover-background: #2962ff1a;--primary-color: #3d5afe;--primary-hover-color: #0039cb;--secondary-color: #455a64;--secondary-hover-color: #1c313a;--danger-color: #d32f2f;--danger-hover-color: #9a0007}.btn-default{border:none;background:var(--default-background-color);color:var(--default-color)}.btn-default:hover{background:var(--default-hover-background)}.btn-default:disabled{color:var(--default-disable-color)!important;background:var(--default-background-color)!important;box-shadow:none!important}.btn-default:disabled:hover{background:var(--default-background-color)!important}.btn-default.btn-primary{background-color:var(--primary-color);color:#fff}.btn-default.btn-primary:hover{background:var(--primary-hover-color)}.btn-default.btn-secondary{background:var(--secondary-color);color:#fff}.btn-default.btn-secondary:hover{background:var(--secondary-hover-color)}.btn-default.btn-danger{background:var(--danger-color);color:#fff}.btn-default.btn-danger:hover{background:var(--danger-hover-color)}.btn-outline{background:transparent;border:1px solid var(--default-color);color:var(--default-color)}.btn-outline:hover{background:var(--default-background-color)}.btn-outline:disabled{color:var(--default-disable-color)!important;border-color:var(--default-disable-color)!important;background:var(--default-background-color)!important;box-shadow:none!important}.btn-outline:disabled:hover{background:var(--default-background-color)!important}.btn-outline.btn-primary{border-color:var(--primary-color);color:var(--primary-color)}.btn-outline.btn-primary:hover{background:var(--default-outline-text-hover-background)}.btn-outline.btn-secondary{border-color:var(--secondary-color);color:var(--secondary-color)}.btn-outline.btn-secondary:hover{background:var(--secondary-hover-color);color:#fff}.btn-outline.btn-danger{border-color:var(--danger-color);color:var(--danger-color)}.btn-outline.btn-danger:hover{background:var(--danger-hover-color);color:#fff}.btn-text{background:transparent;border:none;color:var(--default-color);box-shadow:none}.btn-text:hover{background:var(--default-background-color)}.btn-text:disabled{color:var(--default-disable-color)!important}.btn-text:disabled:hover{background:var(--default-background-color)!important}.btn-text.btn-primary{color:var(--primary-color)}.btn-text.btn-primary:hover{background:var(--default-outline-text-hover-background)}.btn-text.btn-secondary{color:var(--secondary-color)}.btn-text.btn-secondary:hover{background:var(--secondary-hover-color);color:#fff}.btn-text.btn-danger{color:var(--danger-color)}.btn-text.btn-danger:hover{background:var(--danger-hover-color);color:#fff}*{margin:0;padding:0;box-sizing:border-box}body{margin:2rem}