/**
 * uaplus.css version 0.0.1
 */
*,*::after,*::before{box-sizing:border-box}:focus-visible{outline-offset:3px}:where(html){-webkit-text-size-adjust:none;text-size-adjust:none}:where(html){line-height:1.5}:where(html){scrollbar-gutter:stable}:where(h1){font-size:2em;margin-block:.67em}:where(abbr[title]){cursor:help;text-decoration-line:underline;text-decoration-style:dotted}@media (forced-colors:active){mark{color:HighlightText;background-color:Highlight}}:where(del,ins,s)::before,:where(del,ins,s)::after{clip-path:inset(100%);clip:rect(1px,1px,1px,1px);height:1px;width:1px;overflow:hidden;position:absolute;white-space:nowrap;content:"test"}:where(s)::before{content:"stricken text start "}:where(s)::after{content:" stricken text end"}:where(del)::before{content:"deletion start "}:where(del)::after{content:" deletion end"}:where(ins)::before{content:"insertion start "}:where(ins)::after{content:" insertion end"}:where(audio,iframe,img,svg,video){max-block-size:100%;max-inline-size:100%}:where(fieldset){min-inline-size:0}:where(label):has(+:where(textarea,input,select)){display:block}:where(textarea:not([rows])){min-block-size:6em}:where(button,input,select,textarea){font-family:inherit;font-size:inherit}:where([type="search"]){-webkit-appearance:textfield}@supports (-webkit-touch-callout:none){:where([type="search"]){border:1px solid -apple-system-secondary-label;background-color:canvas}}:where([type="tel"],[type="url"],[type="email"],[type="number"]):not(:placeholder-shown){direction:ltr}:where(table){border-collapse:collapse;border:1px solid}:where(th,td){border:1px solid;padding:.25em .5em}:where(dialog)::backdrop{background:oklch(0% 0 0 / .3)}:where(dialog),:where(dialog)::backdrop{opacity:0;transition:opacity 300ms ease-out,display 300ms allow-discrete,overlay 300ms allow-discrete}:where(dialog[open]),:where(dialog[open])::backdrop{opacity:1}@starting-style{:where(dialog[open]),:where(dialog[open])::backdrop{opacity:0}}[hidden]:not([hidden="until-found"]){display:none!important}

:root {
  --primary-color: #3b3e61;
  --secondry1-color: #ffd5ed;
  --secondry2-color: #f385c3;
  --secondry3-color: #f171b9;
  --secondry4-color: #ed4da7;
  --secondry5-color: #c62781;
  --secondry6-color: #b51771;
  --third1-color: #c6e3fa;
  --third2-color: #2b6a9b;

  --neutral-color:     #9297a1;
  --informative-color: #3e93de;
  --positive-color:    #3ddba1;
  --notice-color:      #debf43;
  --negative-color:    #db4247;
  --attention-color:   #db7d42;

  --informative-bgcolor: #edf7ff;
  --positive-bgcolor:    #eafff7;
  --notice-bgcolor:      #fffbea;
  --negative-bgcolor:    #ffebec;
  --attention-bgcolor:   #fff2ea;
}
html, body {
  margin: 0;
  padding: 0;
  font-size: 10px;
}
body {
  font-size: 1.6rem;
  font-family: 'Noto Sans JP', sans-serif;
}
figure {
  margin: 0;
}
img {
  width: 100%;
}
.hide {
  display: none !important;
}

.content-container-inner {
  max-width: 1200px;
  margin: 0 auto;
}
ul.no-marker {
  padding: 0;
  list-style-type: none;
}

/* ページ構成 */
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
main {
  flex: 1;
}


/* ヘッダー */
header {
  height: 80px;
  background-color: #eee;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 2025;
}
header .content-container-inner {
  display: flex;
  align-items: center;
  padding: 10px 0;
}
header a {
  text-decoration: none;
}
header .nav {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  gap: 20px;
}
header .header1 img {
  margin: 0 10px;
  max-width: 300px;
  vertical-align: top;
}
header .header2 {
  padding: 10px 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex: 1;
}

/* フッター */
footer {
  padding: 5px 10px;
  margin-top: 30px;
  color: #fff;
  background-color: var(--primary-color);
}
footer .container-inner {
}
footer .copyright {
  text-align: center;
  margin: 0 auto;
  display: block;
}


/* メインコンテンツ */
main {
  margin-top: 80px;
  padding: 20px 15px;
}

/* ログイン */
.login .description {
  max-width: 640px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
.login .comment {
  font-size: 14px;
}
.login table {
  max-width: 640px;
  width: 100%;
  margin: 40px auto 0px;
}
.login table th {
  white-space: nowrap;
}
.login table td {
  padding: 10px;
}
.login table.noborder {
  border-spacing: 0;
  border: 0;
  margin: 0;
}
.login table.noborder th,
.login table.noborder td {
  border: 0;
}
.login table.noborder td {
  padding: 0px;
  padding-left: 10px;
}
.login .buttons-area {
  text-align: center;
  margin-top: 30px;
}
.login .buttons-area .btn {
  background: var(--third2-color); /*#2395e6*/
  padding: 10px 20px;
  border-radius: 8px;
  border: 1px solid var(--third2-color);
  display: inline-block;
  text-decoration: none;
  color: #fff;
  width: fit-content;
  cursor: pointer;
  transition: all .3s;
}
.login .buttons-area .btn:hover {
  opacity: .8;
}
.login .error {
  margin: 0 auto;
  max-width: 600px;
}