@charset "EUC-JP";

* { box-sizing:border-box; }

body {
  margin:0;
  background:#f4f8ff;
  color:#15213a;
  font-family:"Hiragino Kaku Gothic ProN","Yu Gothic","YuGothic",sans-serif;
  line-height:1.7;
}

.wrap {
  width:min(760px, calc(100% - 28px));
  margin:35px auto;
}

.panel {
  background:#fff;
  border:2px solid #dce7ff;
  border-radius:18px;
  padding:28px;
  box-shadow:0 12px 30px rgba(0,40,120,.10);
}

h1 {
  margin-top:0;
  color:#123b96;
  font-size:1.8rem;
}

label {
  display:block;
  margin-top:18px;
  font-weight:bold;
  color:#17347d;
}

input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"] {
  width:100%;
  padding:12px 13px;
  margin-top:6px;
  border:1px solid #bfcce6;
  border-radius:10px;
  font:inherit;
  background:#fff;
}

button {
  width:100%;
  margin-top:24px;
  padding:13px 16px;
  border:0;
  border-radius:12px;
  background:#1357d6;
  color:#fff;
  font:inherit;
  font-weight:bold;
  cursor:pointer;
}

button:hover {
  background:#0d42aa;
}

.check {
  display:flex;
  gap:9px;
  align-items:flex-start;
}

.check input {
  margin-top:7px;
}

.readonly {
  padding:12px;
  border-radius:10px;
  background:#eef4ff;
}

.note {
  color:#65718a;
  font-size:.92rem;
}

.home,
.logout {
  display:inline-block;
  padding:8px 13px;
  border-radius:10px;
  text-decoration:none;
  font-weight:bold;
}

.home {
  color:#0b49bd;
  background:#edf3ff;
}

.logout {
  color:#fff;
  background:#ef365e;
}

dt {
  margin-top:12px;
  font-weight:bold;
  color:#17347d;
}

dd {
  margin-left:0;
}

.login-links {
  margin-top:24px;
  padding-top:16px;
  border-top:1px solid #dfe7f5;
}

.login-links p {
  margin:8px 0;
}

.login-links a {
  color:#0b49bd;
  font-weight:bold;
}

.contact-page .contact-wrap {
  width: min(1100px, calc(100% - 48px));
}

.contact-page .contact-panel textarea {
  min-height: 320px;
}

textarea {
  width:100%;
  margin-top:6px;
  padding:12px 13px;
  border:1px solid #bfcce6;
  border-radius:10px;
  font:inherit;
  background:#fff;
  resize:vertical;
}
