@charset "UTF-8";
html {
  color: #000;
  background: #fff;
  -webkit-font-smoothing: antialiased;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, xmp {
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

fieldset, img {
  border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal;
}

ol, ul {
  list-style: none;
}

caption, th {
  text-align: left;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

q:before, q:after {
  content: "";
}

abbr, acronym {
  border: 0;
  font-variant: normal;
}

sup {
  vertical-align: text-top;
}

sub {
  vertical-align: text-bottom;
}

input, textarea, select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  *font-size: 100%;
}

legend {
  color: #000;
}

input, select, textarea, button {
  outline: none;
}

*, *:before, *:after {
  box-sizing: border-box;
  min-height: 0%;
}

body {
  color: #000;
  -webkit-text-size-adjust: 100%;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

/* ! ==================================================
　Colors
================================================== */
:root {
  --h: 228;
  --s: 72%;
  --l: 55%;
  --color_primary: hsl(var(--h), var(--s), var(--l));
  --color_primary_dark: hsl(var(--h), var(--s), calc(var(--l) - 15%));
  --color_primary_darkest: hsl(var(--h), var(--s), calc(var(--l) - 30%));
  --color_primary_background: #3959df33;
  --h-secondary: 161;
  --s-secondary: 100%;
  --l-secondary: 37%;
  --color_secondary: #0e9e5d;
  --color_secondary_dark: hsl(
    var(--h-secondary),
    var(--s-secondary),
    calc(var(--l-secondary) - 15%)
  );
  --color_secondary_text: #0e9e5d;
  --s-bg: 24%;
  --l-bg: 99%;
  --color_background_1: hsl(var(--h), var(--s-bg), var(--l-bg));
  --color_background_2: hsl(var(--h), var(--s-bg), calc(var(--l-bg) - 1%));
  --color_background_3: hsl(var(--h), var(--s-bg), calc(var(--l-bg) - 3%));
  --color_background_4: hsl(var(--h), var(--s-bg), calc(var(--l-bg) - 8%));
  --color_background_light: #f4f6f8;
  --color_background_normal: #dfdfe6;
  --color_background_dark: #111;
  --s-text: 12%;
  --l-text: 12%;
  --color_text_1: hsl(var(--h), var(--s-text), var(--l-text));
  --color_text_2: hsl(var(--h), var(--s-text), calc(var(--l-text) + 24%));
  --color_text_3: hsl(var(--h), var(--s-text), calc(var(--l-text) + 40%));
  --color_text_button: hsl(var(--h), var(--s-text), calc(var(--l-text) + 32%));
  --color_text_eng_ver: #888888;
  --color_border_0: hsl(var(--h), 16%, 94%);
  --color_border_1: hsl(var(--h), 16%, 88%);
  --color_border_2: hsl(var(--h), 16%, 48%);
  --color_border_form: #a9b2c1;
  --color_border_light: #e2e5eb;
  --color_border_dark: #111;
  --color_form_button: hsl(var(--h), 16%, 56%);
  --color_form_border: hsl(var(--h), 16%, 64%);
  --color_form_ps: hsl(var(--h), 16%, 64%);
  --color_form_placeholder: hsl(var(--h), 16%, 72%);
  --color_form_disabled: hsl(var(--h), 16%, 80%);
  --color_form_background: hsl(var(--h), 16%, 99%);
  --color_form_background_darker: #f3f4f6;
  --color_alert: hsl(337, 72%, 55%);
  --color_alert_dark: hsl(337, 72%, 40%);
  --color_alert_background: hsla(337, 72%, 55%, 0.1);
  --color_ski: #0097CD;
  --color_ski_light: #00dcec;
  --color_ski_dark: #006296;
}

/* ! --------------------------------------------------
　テキストに使用できるからー
-------------------------------------------------- */
.primary {
  color: var(--color_primary);
}

.secondary {
  color: var(--color_secondary);
}

/* ! ==================================================
　strip-unit 単位を分離
================================================== */
/* ! ==================================================
　rem レム
================================================== */
/* ! ==================================================
　Font フォント
================================================== */
/* ! ==================================================
　Breakpoints　ブレイクポイント
================================================== */
/* ! ==================================================
　Responsive レスポンシブ
================================================== */
/* ! ==================================================
　Global グローバル
================================================== */
/* ! ----------
　Font フォント
---------- */
/* ! ----------
　Rem レム
---------- */
/* ! ----------
　Responsive レスポンシブ
---------- */
/* ! ==================================================
　レイアウト要素
================================================== */
/* ! ----------
　ラッパー
---------- */
.wrapper {
  padding: 0 1rem;
  width: 100%;
}
@media screen and (min-width: 1200px) {
  .wrapper {
    padding: 0 1.5rem;
  }
}

/* ! ----------
　コンテナ
---------- */
.body_dashboard .container {
  max-width: 80rem;
}
.p-detail .container {
  max-width: 90rem;
}
.edit .p-detail .container {
  max-width: 67.5rem;
  margin: 0 auto;
}

/* ! ----------
　インナー
---------- */
.inner {
  width: 100%;
}

/* ! --------------------------------------------------
Html,Body
-------------------------------------------------- */
body {
  color: var(--color_text_1);
  font-size: 1rem;
  font-family: "Roboto", "Noto Sans JP", -apple-system, "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-feature-settings: "palt";
  display: flex;
  flex: auto;
  min-height: 100vh;
}

.body_dashboard .l-frame__main,
.body_edit .l-frame__main {
  background-color: var(--color_background_3);
}

.body_edit.nosidebar {
  overflow-x: hidden;
}

/* ! --------------------------------------------------
　Text テキスト
-------------------------------------------------- */
p {
  color: var(--color_text_1);
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.71429em;
  letter-spacing: 0.04em;
  word-break: break-all;
  /* ! ----------
  　フォーカス（ヴィジュアル）
  ---------- */
}
@media screen and (min-width: 576px) {
  p {
    line-height: 1.71429em;
  }
}
p.right {
  text-align: right;
}
p.focus {
  display: grid;
  place-items: center;
  padding: 0.5rem;
  border: 1px solid var(--color_border_1);
  background-color: var(--color_background_1);
}

a {
  color: var(--color_text_button);
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5em;
  text-decoration: none;
  cursor: pointer;
}

::selection {
  color: #fff;
  background: #000;
}

strong {
  font-weight: 700;
  letter-spacing: 0;
}

.l-error .l-body {
  height: 100vh;
}
.l-error .l-body .l-main {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  background: url("/maintenance/maintenance_files/bg.webp") no-repeat center;
  background-size: cover;
}
.l-error .l-body .l-main .p-frame {
  max-width: 900px;
  text-align: center;
  padding: 0 1rem;
}
.l-error .l-body .l-main .p-frame--head {
  margin-bottom: 1.5rem;
}
.l-error .l-body .l-main .p-frame--head img {
  object-fit: contain;
  margin-bottom: 1rem;
}
.l-error .l-body .l-main .p-frame--head h1 {
  font-size: 10rem;
  line-height: 1;
  font-weight: 900;
  opacity: 0.3;
}
.l-error .l-body .l-main .p-frame--body {
  background-color: rgba(244, 247, 252, 0.4);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  padding: 1.5rem;
  border-radius: 1rem;
}
.l-error .l-body .l-main .p-frame--body h2 {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
}
@media screen and (min-width: 768px) {
  .l-error .l-body .l-main .p-frame--body h2 {
    font-size: 2rem;
  }
}
.l-error .l-body .l-main .p-frame--body p {
  font-size: 1rem;
  font-weight: 500;
}
.l-error .l-body .l-main .p-frame--foot {
  margin-top: 2.5rem;
}
.l-error .l-body .l-main .p-frame--foot .c-button {
  margin: 0 auto;
  background-color: var(--color_primary);
  color: #fff;
  padding: 1rem 2rem;
  font-size: 1rem;
  font-weight: 500;
  border-radius: 4px;
  transition: all 0.2s;
}
.l-error .l-body .l-main .p-frame--foot .c-button:hover {
  color: var(--color_primary);
  background-color: #fff;
}

/*# sourceMappingURL=style_error.css.map */