@charset "UTF-8";

/*! destyle.css v4.0.0 | MIT License | https://github.com/nicolas-cusan/destyle.min.css */
*, ::before, ::after {
    box-sizing: border-box;
    border-style: solid;
    border-width: 0;
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent;
}

body {
    margin: 0;
}

main {
    display: block;
}

p, table, blockquote, address, pre, iframe, form, figure, dl {
    margin: 0;
}

h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
}

ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

dt {
    font-weight: 700;
}

dd {
    margin-left: 0;
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border-top-width: 1px;
    margin: 0;
    clear: both;
    color: inherit;
}

pre {
    font-family: monospace, monospace;
    font-size: inherit;
}

address {
    font-style: inherit;
}

a {
    background-color: transparent;
    text-decoration: none;
    color: inherit;
}

abbr[title] {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
}

b, strong {
    font-weight: bolder;
}

code, kbd, samp {
    font-family: monospace, monospace;
    font-size: inherit;
}

small {
    font-size: 80%;
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

svg, img, embed, object, iframe {
    vertical-align: bottom;
}

button, input, optgroup, select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    background: transparent;
    padding: 0;
    margin: 0;
    border-radius: 0;
    text-align: inherit;
    text-transform: inherit;
}

button, [type='button'], [type='reset'], [type='submit'] {
    cursor: pointer;
}

button:disabled, [type='button']:disabled, [type='reset']:disabled, [type='submit']:disabled {
    cursor: default;
}

:-moz-focusring {
    outline: auto;
}

select:disabled {
    opacity: inherit;
}

option {
    padding: 0;
}

fieldset {
    margin: 0;
    padding: 0;
    min-width: 0;
}

legend {
    padding: 0;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type='number']::-webkit-inner-spin-button, [type='number']::-webkit-outer-spin-button {
    height: auto;
}

[type='search'] {
    outline-offset: -2px;
}

[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

/* 警告が出るためコメントアウト
[type="number"] {
  -moz-appearance: textfield
}
*/
label[for] {
    cursor: pointer;
}

details {
    display: block;
}

summary {
    display: list-item;
}

[contenteditable]:focus {
    outline: auto;
}

table {
    border-color: inherit;
    border-collapse: collapse;
}

caption {
    text-align: left;
}

td, th {
    vertical-align: top;
    padding: 0;
}

th {
    text-align: left;
    font-weight: 700;
}

/* pxをremに変換 */
/* スクロールバー */
html {
    box-sizing: border-box;
    font-size: 16px;
}

*, *:before, *:after {
    box-sizing: inherit;
}

body {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    font-family: 'Noto Sans JP', sans-serif;
    color: #333333;
    background: #1976d2;
    margin: 0 auto;
}

h1 {
    font-size: 1rem;
    line-height: 1.5;
}

h2 {
    font-size: 1.375rem;
    line-height: 1.5;
}

h3 {
    font-size: 1.25rem;
    line-height: 1.5;
}

h4 {
    font-size: 1.125rem;
    line-height: 1.5;
}

h5 {
    font-size: 1rem;
    line-height: 1.5;
}

p, a, ul, ol, label, button {
    font-size: 0.875rem;
    line-height: 1.6;
}

h1 *, h2 *, h3 *, h4 *, h5 *, p *, a *, ul *, ol * {
    font-size: inherit;
}

p {
    font-weight: 400;
    font-style: normal;
}

hr {
    border: 1px solid #eaeaea;
    margin: 30px 0;
}

/*標準表示のチェックボックスを非表示にする*/
input[type='checkbox'] {
    display: none;
}

/* セレクトボックスの見出し */
optgroup {
    background-color: #e0f5d6;
    color: #55c521;
}

optgroup > option {
    background-color: #ffffff;
    color: #333333;
}

/* bootstorap流用のツールチップ */
.tooltip {
    position: absolute;
    z-index: 1070;
    display: block;
    font-size: 0.75rem;
    font-weight: normal;
    line-height: 1.5;
    opacity: 0;
    pointer-events: none;
    background-color: rgba(51, 51, 51, 0.9);
    color: #ffffff;
    border-radius: 0.5rem;
    padding: 0.25rem 0.5rem;
}

.tooltip.show {
    opacity: 0.9;
}

.tooltip-inner {
    max-width: 270px;
    padding: 0.25rem 0.5rem;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

/* 点滅効果（お知らせボード用） */
.blink {
    animation: blink 1s ease infinite;
}

@keyframes blink {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }

}

.l-drag-scroll-x {
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
    height: auto;
    cursor: grab;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.l-drag-scroll-x::-webkit-scrollbar {
    display: none;
}

.l-drag-scroll-x:active {
    cursor: grabbing;
}

/* フッター全体のレイアウト */
.l-footer {
    width: 100%;
    position: fixed;
    bottom: 0;
}

/* フッターのリンクボタンのレイアウト */
.l-footer__inner {
    max-width: 700px;
    height: 80px;
    display: flex;
    align-items: stretch;
    justify-content: space-around;
    margin: 0 auto;
    padding: 0 20px;
    background: #ffffff;
    box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.35);
}

/* フッターのリンクボタンのスタイル */
.l-footer__item {
    width: 25%;
    padding: 10px 5px;
    color: #1976d2;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}

.l-footer__item i {
    font-size: 1.625rem;
    padding: 6px;
}

/* ヘッダー全体のレイアウト */
.l-header {
    width: 100%;
}

/* ヘッダーのロゴ・テキスト・メニューボタンのレイアウト */
.l-header__inner {
    max-width: 700px;
    height: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    margin-top: 10px;
    padding: 0 20px;
    /* ロゴ画像の配置 */
    /* タイトルの配置 */
    /* メニューボタンの配置 */
}

.l-header__inner .l-header__logo {
    display: flex;
    align-items: center;
}

.l-header__inner .l-header__title {
    margin-left: 10px;
    color: #ffffff;
}

.l-header__inner .l-header__menu {
    display: flex;
    align-items: center;
    margin-left: 25px;
    /* メニューボタンのスタイル */
}

.l-header__inner .l-header__menu .l-header__menu-button {
    height: 50px;
    width: 30px;
    text-align: center;
    font-size: 22px;
    color: #ffffff;
    cursor: pointer;
}

/* .l-header__innerのすぐ下に配置されるサブパーツレイアウト（言語切替プルダウン） */
.l-header__inner-under {
    max-width: 700px;
    margin: 0 auto;
    margin-bottom: 10px;
    padding: 0 15px;
}

/* ログイン画面用のヘッダーのロゴ・言語切替プルダウンのレイアウト */
.l-header__login-inner {
    max-width: 700px;
    position: relative;
    text-align: center;
    margin: 0 auto;
    padding: 0 15px;
    /* ロゴ画像の配置 */
    /* 言語切替プルダウンの配置 */
}

.l-header__login-inner .l-header__logo {
    display: inline-block;
}

.l-header__login-inner .l-header__language-select {
    position: absolute;
    bottom: 10px;
    right: 25px;
}

/* ナビゲーション全体のレイアウト */
.l-header__nav {
    max-width: 700px;
    display: none;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    margin-bottom: 35px;
    /* リストのレイアウト */
    /* リストアイテムのスタイル */
}

.l-header__nav .l-header__nav-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.l-header__nav .l-header__nav-item {
    height: 95px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffffff;
    text-align: center;
}

.l-header__nav .l-header__nav-item i {
    font-size: 1.625rem;
    padding: 10px;
}

.l-main {
    max-width: 700px;
    width: 100%;
    flex: 1;
    background: #f8f8f8;
    border-radius: 20px 20px 0 0;
    box-shadow: 0px -5px 15px 0px rgba(0, 0, 0, 0.35);
    margin: 0 auto;
    padding: 0 20px;
    padding-bottom: 90px;
}

/*!
Pure v3.0.0
Copyright 2013 Yahoo!
Licensed under the BSD License.
https://github.com/pure-css/pure/blob/master/LICENSE

pure.cssのグリッドシステムを元にFLOCSSに適するようにカスタム
*/
.l-grid {
    max-width: 100%;
}

.l-grid__rows {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.l-grid__columns, .l-grid__columns-1, .l-grid__columns-1-1, .l-grid__columns-1-12, .l-grid__columns-1-2, .l-grid__columns-1-24, .l-grid__columns-1-3, .l-grid__columns-1-4, .l-grid__columns-1-5, .l-grid__columns-1-6, .l-grid__columns-1-8, .l-grid__columns-10-24, .l-grid__columns-11-12, .l-grid__columns-11-24, .l-grid__columns-12-24, .l-grid__columns-13-24, .l-grid__columns-14-24, .l-grid__columns-15-24, .l-grid__columns-16-24, .l-grid__columns-17-24, .l-grid__columns-18-24, .l-grid__columns-19-24, .l-grid__columns-2-24, .l-grid__columns-2-3, .l-grid__columns-2-5, .l-grid__columns-20-24, .l-grid__columns-21-24, .l-grid__columns-22-24, .l-grid__columns-23-24, .l-grid__columns-24-24, .l-grid__columns-3-24, .l-grid__columns-3-4, .l-grid__columns-3-5, .l-grid__columns-3-8, .l-grid__columns-4-24, .l-grid__columns-4-5, .l-grid__columns-5-12, .l-grid__columns-5-24, .l-grid__columns-5-5, .l-grid__columns-5-6, .l-grid__columns-5-8, .l-grid__columns-6-24, .l-grid__columns-7-12, .l-grid__columns-7-24, .l-grid__columns-7-8, .l-grid__columns-8-24, .l-grid__columns-9-24 {
    display: inline-block;
    vertical-align: top;
}

.l-grid__columns-1, .l-grid__columns-1-1, .l-grid__columns-1-12, .l-grid__columns-1-2, .l-grid__columns-1-24, .l-grid__columns-1-3, .l-grid__columns-1-4, .l-grid__columns-1-5, .l-grid__columns-1-6, .l-grid__columns-1-8, .l-grid__columns-10-24, .l-grid__columns-11-12, .l-grid__columns-11-24, .l-grid__columns-12-24, .l-grid__columns-13-24, .l-grid__columns-14-24, .l-grid__columns-15-24, .l-grid__columns-16-24, .l-grid__columns-17-24, .l-grid__columns-18-24, .l-grid__columns-19-24, .l-grid__columns-2-24, .l-grid__columns-2-3, .l-grid__columns-2-5, .l-grid__columns-20-24, .l-grid__columns-21-24, .l-grid__columns-22-24, .l-grid__columns-23-24, .l-grid__columns-24-24, .l-grid__columns-3-24, .l-grid__columns-3-4, .l-grid__columns-3-5, .l-grid__columns-3-8, .l-grid__columns-4-24, .l-grid__columns-4-5, .l-grid__columns-5-12, .l-grid__columns-5-24, .l-grid__columns-5-5, .l-grid__columns-5-6, .l-grid__columns-5-8, .l-grid__columns-6-24, .l-grid__columns-7-12, .l-grid__columns-7-24, .l-grid__columns-7-8, .l-grid__columns-8-24, .l-grid__columns-9-24 {
    display: inline-block;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    text-rendering: auto;
}

.l-grid__columns-1-24 {
    width: 4.1667%;
}

.l-grid__columns-1-12, .l-grid__columns-2-24 {
    width: 8.3333%;
}

.l-grid__columns-1-8, .l-grid__columns-3-24 {
    width: 12.5%;
}

.l-grid__columns-1-6, .l-grid__columns-4-24 {
    width: 16.6667%;
}

.l-grid__columns-1-5 {
    width: 20%;
}

.l-grid__columns-5-24 {
    width: 20.8333%;
}

.l-grid__columns-1-4, .l-grid__columns-6-24 {
    width: 25%;
}

.l-grid__columns-7-24 {
    width: 29.1667%;
}

.l-grid__columns-1-3, .l-grid__columns-8-24 {
    width: 33.3333%;
}

.l-grid__columns-3-8, .l-grid__columns-9-24 {
    width: 37.5%;
}

.l-grid__columns-2-5 {
    width: 40%;
}

.l-grid__columns-10-24, .l-grid__columns-5-12 {
    width: 41.6667%;
}

.l-grid__columns-11-24 {
    width: 45.8333%;
}

.l-grid__columns-1-2, .l-grid__columns-12-24 {
    width: 50%;
}

.l-grid__columns-13-24 {
    width: 54.1667%;
}

.l-grid__columns-14-24, .l-grid__columns-7-12 {
    width: 58.3333%;
}

.l-grid__columns-3-5 {
    width: 60%;
}

.l-grid__columns-15-24, .l-grid__columns-5-8 {
    width: 62.5%;
}

.l-grid__columns-16-24, .l-grid__columns-2-3 {
    width: 66.6667%;
}

.l-grid__columns-17-24 {
    width: 70.8333%;
}

.l-grid__columns-18-24, .l-grid__columns-3-4 {
    width: 75%;
}

.l-grid__columns-19-24 {
    width: 79.1667%;
}

.l-grid__columns-4-5 {
    width: 80%;
}

.l-grid__columns-20-24, .l-grid__columns-5-6 {
    width: 83.3333%;
}

.l-grid__columns-21-24, .l-grid__columns-7-8 {
    width: 87.5%;
}

.l-grid__columns-11-12, .l-grid__columns-22-24 {
    width: 91.6667%;
}

.l-grid__columns-23-24 {
    width: 95.8333%;
}

.l-grid__columns-1, .l-grid__columns-1-1, .l-grid__columns-24-24, .l-grid__columns-5-5 {
    width: 100%;
}

.c-alert, .c-alert--danger {
    width: 100%;
    height: auto;
    padding: 5px 15px;
}

.c-alert--danger {
    background: #ffe8ec;
    color: #ff1744;
}

.c-border, .c-border--standard-2, .c-border--standard-1, .c-border--center-text, .c-border--middle-section, .c-border--top-section {
    width: 100%;
}

.c-border--top-section {
    height: 32px;
    overflow: hidden;
    margin-top: -32px;
}

.c-border--top-section::before {
    content: '';
    width: 76px; /* 半円の幅を調整 */
    height: 76px; /* 半円の高さを調整 */
    display: block;
    transform: translateY(16px) rotate(90deg);
    background-color: #f8f8f8;
    border-radius: 50%;
    border: none;
    margin: 0 auto;
    filter: drop-shadow(-3px 0 5px rgba(0, 0, 0, 0.3));
}

.c-border--middle-section {
    border-top: 1px solid #1976d2;
    height: 1px;
    margin-top: 66px;
}

.c-border--middle-section::before {
    content: '';
    width: 77px; /* 半円の幅を調整 */
    height: 77px; /* 半円の高さを調整 */
    display: block;
    transform: translateY(-16px) rotate(90deg);
    transform-origin: 50% 50%; /* 回転の中心を要素の中央に設定 */
    -webkit-clip-path: polygon(0 0, 21% 0, 21% 100%, 0 100%);
    clip-path: polygon(0 0, 21% 0, 21% 100%, 0 100%);
    background-color: #f8f8f8;
    border-radius: 50%;
    border: 1px solid #1976d2;
    margin: 0 auto;
}

.c-border--center-text {
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    line-height: 1.5;
    color: #1976d2;
    font-weight: bold;
}

.c-border--center-text i {
    margin-right: 5px;
}

.c-border--center-text::before, .c-border--center-text::after {
    content: '';
    height: 1px;
    flex-grow: 1;
    background-color: #1976d2;
}

.c-border--center-text::before {
    margin-right: 10px;
}

.c-border--center-text::after {
    margin-left: 10px;
}

.c-border--standard-1 {
    border: 1px solid #eaeaea;
    height: 1px;
    margin: 1px 0;
}

.c-border--standard-2 {
    border: 2px solid #eaeaea;
    height: 2px;
    margin: 1px 0;
}

.c-border--margin-10 {
    margin: 10px 0;
}

.c-border--margin-20 {
    margin: 20px 0;
}

.c-border--margin-30 {
    margin: 30px 0;
}

.c-border--margin-40 {
    margin: 40px 0;
}

.c-border--margin-50 {
    margin: 50px 0;
}

.c-breadcrumb {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    font-size: 0.75rem;
    color: #333333;
    margin-top: 50px;
}

.c-breadcrumb li:not(:last-of-type)::after {
    content: '\f105';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    margin: 0.3125rem; /* 記号の左右の余白 */
}

.c-breadcrumb a {
    color: #1976d2;
}

.c-button, .c-button--line, .c-button--checkbox, .c-button--list-link, .c-button--secondary, .c-button-radio:not(:checked) + label, .c-button--primary, .c-button-radio:checked + label {
    width: 100%;
    font-size: 1rem;
    max-width: 350px;
    font-weight: 700;
    border-radius: 35px;
    text-align: center;
    display: block;
    margin: auto;
    line-height: 1.2;
}

.c-button:hover, .c-button--line:hover, .c-button--checkbox:hover, .c-button--list-link:hover, .c-button--secondary:hover, .c-button-radio:not(:checked) + label:hover, .c-button--primary:hover, .c-button-radio:checked + label:hover {
    opacity: 0.6;
}

.c-button--primary, .c-button-radio:checked + label {
    border: none;
    padding: 20px 10px;
    color: #ffffff;
}

.c-button--secondary, .c-button-radio:not(:checked) + label {
    border: 1px solid;
    padding: 19px 9px;
}

.c-button--list-link {
    font-size: 1.125rem;
    border: 1px solid;
    padding: 13px 15px;
    padding-right: 35px; /* アイコン用 */
    font-weight: 900;
    text-align: left;
    position: relative;
}

.c-button--list-link::after {
    content: '>';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.c-button--checkbox {
    border: none;
    text-align: left;
    padding: 10px 15px;
    color: #1976d2;
    background: #f1f8ff;
    position: relative;
    /* firefoxは現状ではhasが使えない
      &:has(input[type=checkbox]:checked) {
      background: $primary-color;
      color: $background-bright-color;
      }
    */
}

.c-button--checkbox.is-checked {
    background: #1976d2;
    color: #ffffff;
}

.c-button--checkbox.is-disabled {
    background: #aaaaaa;
    color: #ffffff;
}

.c-button--checkbox:hover {
    opacity: 1;
}

.c-button--checkbox label {
    padding-right: 32px; /* チェックボックス分のズレ */
}

.c-button--line {
    border: 1px solid;
    padding: 20px 20px;
    padding-left: 50px; /* アイコン用 */
    text-align: center;
    position: relative;
    color: #ffffff;
    border-color: #06c755;
    background: #06c755;
}

.c-button--line::before {
    content: '';
    background-image: url(/img/LINE_button_icon.png);
    background-size: contain;
    position: absolute;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    top: 50%;
    left: 15px;
    transform: translateY(-50%);
}

.c-button--line:hover {
    opacity: 0.9;
}

.c-button--generally {
    background: #1976d2;
}

.c-button--generally.c-button--secondary, .c-button-radio:not(:checked) + label.c-button--generally, .c-button--generally.c-button--list-link {
    color: #1976d2;
    border-color: #1976d2;
    background: #ffffff;
}

.c-button--conversion {
    background: #ff720c;
}

.c-button--conversion.c-button--secondary, .c-button-radio:not(:checked) + label.c-button--conversion, .c-button--conversion.c-button--list-link {
    color: #ff720c;
    border-color: #ff720c;
    background: #ffffff;
}

.c-button--attention {
    background: #ff1744;
}

.c-button--attention.c-button--secondary, .c-button-radio:not(:checked) + label.c-button--attention, .c-button--attention.c-button--list-link {
    color: #ff1744;
    border-color: #ff1744;
    background: #ffffff;
}

.c-button--inactive {
    background: #aaaaaa;
}

.c-button--inactive.c-button--secondary, .c-button-radio:not(:checked) + label.c-button--inactive, .c-button--inactive.c-button--list-link {
    color: #aaaaaa;
    border-color: #aaaaaa;
    background: #ffffff;
}

.c-button--margin-10 {
    margin-top: 10px;
    margin-bottom: 10px;
}

.c-button--margin-20 {
    margin-top: 20px;
    margin-bottom: 20px;
}

.c-button--margin-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.c-button-radio {
    display: none; /* ラジオボタンを非表示に */
}

.c-text-button, .c-text-button--delete, .c-text-button--edit, .c-text-button--minus, .c-text-button--plus {
    display: inline-block;
    position: relative;
    padding-left: 1.25rem;
    color: #1976d2;
}

.c-text-button::before, .c-text-button--delete::before, .c-text-button--edit::before, .c-text-button--minus::before, .c-text-button--plus::before {
    content: '';
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    margin-right: 5px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-48%);
}

.c-text-button:hover, .c-text-button--delete:hover, .c-text-button--edit:hover, .c-text-button--minus:hover, .c-text-button--plus:hover {
    text-decoration: underline;
}

.c-text-button--plus::before {
    content: '\f055';
}

.c-text-button--minus {
    color: #ff1744;
}

.c-text-button--minus::before {
    content: '\f056';
}

.c-text-button--edit {
    padding-left: 0.9375rem;
    font-size: 0.625rem;
}

.c-text-button--edit::before {
    content: '\f044';
}

.c-text-button--delete {
    padding-left: 0.9375rem;
    font-size: 0.625rem;
}

.c-text-button--delete::before {
    content: '\f1f8';
}

.c-card {
    width: 100%;
    height: auto;
    background: #ffffff;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 15px 20px;
}

.c-card__scroll-x {
    overflow-x: scroll;
    white-space: nowrap;
    margin-bottom: -12px;
    padding-bottom: 15px;
}

.c-card__scroll-x::-webkit-scrollbar {
    height: 3px;
    width: 3px;
}

.c-card__scroll-x::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 8px;
}

.c-card__scroll-x::-webkit-scrollbar-thumb {
    background: #aaaaaa;
    border-radius: 8px;
}

.c-card__scroll-y {
    overflow-y: scroll;
    max-height: 400px;
    margin-right: -17px;
    padding-right: 20px;
}

.c-card__scroll-y::-webkit-scrollbar {
    height: 3px;
    width: 3px;
}

.c-card__scroll-y::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 8px;
}

.c-card__scroll-y::-webkit-scrollbar-thumb {
    background: #aaaaaa;
    border-radius: 8px;
}

.c-accordion-card {
    width: 100%;
    background: #ffffff;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    overflow: hidden;
}

.c-accordion-card__head {
    width: 100%;
    background: #ffffff;
    padding: 15px 54px 15px 20px;
    transition: background-color 0.5s ease-in-out, border-radius 0.5s;
    position: relative;
    cursor: pointer;
}

.c-accordion-card__head::after {
    content: '\f13a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 1.5rem;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.3s ease;
    color: #1976d2;
}

.c-accordion-card__head.is-active {
    background: #1976d2 !important;
    color: #ffffff !important;
}

.c-accordion-card__head.is-active::after {
    transform: translateY(-52%) rotate(180deg) !important;
    color: #ffffff !important;
}

.c-accordion-card__body, .c-accordion-card__hidden-body {
    width: 100%;
    height: auto;
    background: #ffffff;
    padding: 15px 20px;
}

.c-accordion-card__hidden-body {
    display: none;
}

.c-accordion-card--simple {
    width: 100%;
    background: #ffffff;
    overflow: hidden;
}

.c-accordion-card__head--simple {
    width: 100%;
    background: #ffffff;
    padding: 15px 54px 15px 20px;
    transition: background-color 0.5s ease-in-out, border-radius 0.5s;
    position: relative;
    cursor: pointer;
}

.c-accordion-card__head--simple::after {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 1rem;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.3s ease;
}

.c-accordion-card__head--simple.is-active::after {
    transform: translateY(-52%) rotate(90deg) !important;
}

.c-accordion-card__head-small {
    border-top: 1px solid #1976d2;
    color: #1976d2;
    background: #f1f8ff;
    margin-top: -1px;
    padding: 7px 49px 7px 15px;
    transition: background-color 0.5s ease-in-out, border-radius 0.5s;
    position: relative;
    cursor: pointer;
}

.c-accordion-card__head-small::after {
    content: '\f13a';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 1.5rem;
    position: absolute;
    top: 50%;
    right: 15px;
    transform: translateY(-48%) rotate(0deg);
    transition: transform 0.3s ease;
    color: #1976d2;
}

.c-accordion-card__head-small.is-active {
    background: #1976d2 !important;
    color: #ffffff !important;
}

.c-accordion-card__head-small.is-active::after {
    transform: translateY(-52%) rotate(180deg) !important;
    color: #ffffff !important;
}

.c-accordion-card__body-small, .c-accordion-card__hidden-body-small {
    width: 100%;
    height: auto;
    background: #ffffff;
    padding: 15px 15px 16px 15px;
}

.c-accordion-card__hidden-body-small {
    padding-top: 0;
    display: none;
}

.c-card--radius-none {
    border-radius: 0;
}

.c-card--radius-top-none, .c-card--chain {
    border-radius: 0 0 10px 10px;
}

.c-card--radius-bottom-none {
    border-radius: 10px 10px 0 0;
}

.c-card--chain {
    margin-top: -26px;
}

/* 修飾なしinput */
.c-input, .c-form-side-button, .c-input--icon {
    all: unset;
    width: 100%;
    background-color: white;
    color: #333333;
    border: none;
    border-bottom: 1px solid #1976d2;
    font-size: 16px;
    line-height: 1.4;
    padding: 8px;
    box-sizing: border-box;
    position: relative;
}

.c-input:focus, .c-form-side-button:focus, .c-input--icon:focus {
    border: 1px solid #1976d2;
    background-color: #f1f8ff;
    padding-top: 9px;
}

.c-input:invalid, .c-form-side-button:invalid, .c-input--icon:invalid {
    border-color: #ff1744;
    background-color: #ffe8ec;
}

.c-input:disabled, .c-form-side-button:disabled, .c-input--icon:disabled {
    background-color: #eaeaea;
}

/* アイコン付きフォーム */
.c-input--icon {
    /* アイコン本体はこちら：.c-form-icon--**-input */
}

.c-input--icon:invalid {
    padding-right: 32px;
}

.c-input--icon:valid {
    padding-right: 32px;
}

/* サイドボタン */
.c-form-side-button {
    color: #1976d2;
    cursor: pointer;
}

.c-form-side-button:hover {
    color: rgba(25, 118, 210, 0.6);
}

.c-form-side-button.is-invalid {
    border-color: #ff1744;
    background-color: #ffe8ec;
}

.c-select-wrapper {
    white-space: nowrap;
}

.c-select-wrapper::after {
    content: '\f078';
    left: -24px;
    font-size: 12px;
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    pointer-events: none;
    color: #1976d2;
    position: relative;
}

.c-select {
    all: unset;
    width: 100%;
    background-color: white;
    color: #333333;
    border: none;
    border-bottom: 1px solid #1976d2;
    font-size: 16px;
    line-height: 1.4;
    padding: 8px;
    padding-right: 32px;
    box-sizing: border-box;
    position: relative;
}

.c-select:focus {
    border: 1px solid #1976d2;
    padding-top: 9px;
}

.c-select:invalid {
    border-bottom: 1px solid #ff1744;
    background-color: #ffe8ec;
    padding-right: 30px; /* アイコンの表示に必要な余白を追加 */
}

.c-select:disabled {
    background-color: #eaeaea;
}

.c-textarea {
    all: unset;
    width: 100%;
    background-color: white;
    color: #333333;
    border: none;
    border-bottom: 1px solid #1976d2;
    font-size: 16px;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
}

.c-textarea:focus {
    border: 1px solid #1976d2;
    background-color: #f1f8ff;
    padding-top: 9px;
}

.c-textarea:invalid {
    border-bottom: 1px solid #ff1744;
    background-color: #ffe8ec;
}

.c-textarea:invalid::after {
    content: '\f057';
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    font-size: 16px;
    color: red;
}

.c-textarea:disabled {
    background-color: #eaeaea;
}

.c-textarea::-moz-placeholder {
    white-space: pre-line;
}

.c-textarea::placeholder {
    white-space: pre-line;
}

.c-checkbox {
    position: relative;
    margin-left: 26px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.c-checkbox::after {
    position: absolute;
    content: '';
    display: block;
    transform: translateY(-45%);
    margin: 0 0 0 0;
    width: 16px;
    height: 16px;
    border: 1px solid #333333;
    border-radius: 2px;
}

.c-checkbox::before {
    margin-top: -5px;
    left: 5px;
    width: 6px;
    height: 11px;
    border-right: 2px solid #1976d2;
    border-bottom: 2px solid #1976d2;
    transform: rotate(45deg);
    opacity: 0;
}

.c-checkbox::after, .c-checkbox::before {
    position: absolute;
    content: '';
    display: block;
    top: 50%;
    margin-left: -26px;
}

input[type='checkbox']:checked + .c-checkbox:after {
    border: 1px solid #1976d2;
}

input[type='checkbox']:checked + .c-checkbox:before {
    opacity: 1;
}

input[type='checkbox']:disabled + .c-checkbox {
    opacity: 0.5;
}

.c-checkbox-button {
    position: relative;
    margin-left: 32px;
    width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.c-checkbox-button::after {
    position: absolute;
    content: '';
    display: block;
    transform: translateY(-50%);
    margin: 0 0 0 0;
    width: 20px;
    height: 20px;
    border: 1px solid #1976d2;
    border-radius: 2px;
}

.c-checkbox-button::before {
    margin-top: -8px;
    left: 6px;
    width: 8px;
    height: 13px;
    border-right: 2px solid #ffffff;
    border-bottom: 2px solid #ffffff;
    transform: rotate(45deg);
    opacity: 0;
}

.c-checkbox-button::after, .c-checkbox-button::before {
    position: absolute;
    content: '';
    display: block;
    top: 50%;
    margin-left: -32px;
}

input[type='checkbox']:checked + .c-checkbox-button:after {
    border: 1px solid #ffffff;
}

input[type='checkbox']:checked + .c-checkbox-button:before {
    opacity: 1;
}

.c-radio {
    position: relative;
    margin-left: 22px;
    height: auto;
    display: inline-flex;
    align-items: center;
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.c-radio::after {
    position: absolute;
    content: '';
    display: block;
    transform: translate(-50%, -50%);
    width: 16px;
    height: 16px;
    border: 1px solid #333333;
    border-radius: 8px;
}

.c-radio::before {
    position: absolute;
    content: '';
    display: block;
    transform: translate(-50%, -50%);
    width: 10px;
    height: 10px;
    background: #1976d2;
    border-radius: 5px;
    opacity: 0;
}

.c-radio::after, .c-radio::before {
    position: absolute;
    content: '';
    display: block;
    top: 53%;
    margin-left: -18px;
}

input[type='radio']:checked + .c-radio::after {
    border: 1px solid #1976d2;
}

input[type='radio']:checked + .c-radio::before {
    opacity: 1;
}

.c-file-input-wrapper {
    position: relative;
    display: inline-block;
    aspect-ratio: 4/3;
    width: 100%;
    height: auto;
    max-width: 250px;
    max-height: 250px;
    border: 1px dashed #aaaaaa;
    overflow: hidden;
}

.c-file-input-wrapper p {
    text-align: center;
    margin-bottom: 20px;
}

.c-file-input-wrapper input[type='file'] {
    display: none;
}

.c-file-input-label {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.c-file-input-label__plus-sign {
    font-size: 3.125rem;
    line-height: 3.125rem;
    display: block;
    color: #1976d2;
}

.c-file-input-label__text {
    font-size: 1rem;
    display: block;
    font-weight: bold;
    color: #1976d2;
}

.c-file-input-file-name {
    display: none;
    margin: 10px 0;
    font-size: 0.625rem;
}

.c-file-input-preview-image {
    display: none;
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    max-width: 100%;
    max-height: 100%;
}

.c-icon, .c-icon--section-top {
    text-align: center;
}

.c-icon--section-top {
    font-size: 36px;
    margin: 2px;
    color: #1976d2;
}

.c-form-icon, .c-form-icon--validate-input {
    font-family: 'Font Awesome 5 Free';
    pointer-events: none;
    position: relative;
    float: right;
}

.c-form-icon--validate-input {
    font-size: 17px;
    font-weight: 100;
}

:invalid + .c-form-icon--validate-input::after {
    content: '\f057';
    top: 50%;
    right: 11px;
    transform: translateY(50%);
    color: #ff1744;
    position: absolute;
    display: block;
}

input:not(:-moz-placeholder-shown):valid + .c-form-icon--validate-input::after {
    content: '\f058';
    top: 50%;
    right: 11px;
    transform: translateY(50%);
    color: #55c521;
    position: absolute;
    display: block;
}

input:not(:placeholder-shown):valid + .c-form-icon--validate-input::after {
    content: '\f058';
    top: 50%;
    right: 11px;
    transform: translateY(50%);
    color: #55c521;
    position: absolute;
    display: block;
}

.c-labels {
    list-style-type: none;
}

.c-label, .c-label--attention-outline, .c-label--primary-outline, .c-label--attention, .c-label--primary {
    display: inline-block;
    border-radius: 0.75rem;
    line-height: 1.4;
    padding: 0 6px;
    font-size: 0.75rem;
    transition: background-color 0.5s, color 0.5s linear;
}

.c-labels > .c-label:not(:first-child), .c-labels > .c-label--attention-outline:not(:first-child), .c-labels > .c-label--primary-outline:not(:first-child), .c-labels > .c-label--attention:not(:first-child), .c-labels > .c-label--primary:not(:first-child) {
    margin-left: 4px;
}

.c-label--primary {
    border: 1px solid #1976d2;
    background: #1976d2;
    color: #ffffff;
}

.c-label--primary.is-active {
    /* アコーディオンで必要 */
    border: 1px solid #ffffff;
    background: #ffffff;
    color: #1976d2;
}

.c-label--attention {
    border: 1px solid #ff1744;
    background: #ff1744;
    color: #ffffff;
}

.c-label--attention.is-active {
    /* アコーディオンで必要 */
    border: 1px solid #ffffff;
    background: #ffffff;
    color: #ff1744;
}

.c-label--primary-outline {
    border: 1px solid #1976d2;
    color: #1976d2;
    font-weight: 500;
}

.c-label--attention-outline {
    border: 1px solid #ff1744;
    color: #ff1744;
    font-weight: 500;
}

/* スクロールロックする時 */
body.is-fixed {
    position: fixed;
    width: 100%;
    height: 100%;
}

.c-modal {
    display: none;
}

/* モーダルウインドウ／背景 */
.c-modal-background {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    transition: 0.5s;
}

/* モーダルウインドウ／コンテンツ */
.c-modal-window, .c-modal-window--popup, .c-modal-window--slide {
    z-index: 101;
    position: fixed;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    transition: 0.5s;
}

.c-modal-contents, .c-modal-contents--popup, .c-modal-contents--slide {
    background-color: #fff;
    width: 100%;
    display: flex;
    flex-direction: column;
    transition: 0.3s;
}

.c-modal-contents__body, .c-modal-contents__body--popup, .c-modal-contents__body--slide {
    overflow-y: auto;
}

.c-modal-contents__body::-webkit-scrollbar, .c-modal-contents__body--popup::-webkit-scrollbar, .c-modal-contents__body--slide::-webkit-scrollbar {
    height: 3px;
    width: 3px;
}

.c-modal-contents__body::-webkit-scrollbar-track, .c-modal-contents__body--popup::-webkit-scrollbar-track, .c-modal-contents__body--slide::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 8px;
}

.c-modal-contents__body::-webkit-scrollbar-thumb, .c-modal-contents__body--popup::-webkit-scrollbar-thumb, .c-modal-contents__body--slide::-webkit-scrollbar-thumb {
    background: #aaaaaa;
    border-radius: 8px;
}

/* モーダルウインドウ／タイトル */
.c-modal-contents__title {
    background-color: #1976d2;
    color: #ffffff;
    border-radius: 20px 20px 0px 0px;
    margin-top: -1px;
    padding: 20px 20px 16px 20px;
    text-align: center;
}

/* モーダルウインドウ／閉じるボタン */
.c-modal-contents__close-button {
    text-align: right;
    margin-top: -45px;
    margin-right: 15px;
    padding-bottom: 15px;
}

.c-modal-contents__close-button::after {
    content: '×';
    font-size: 30px;
    font-weight: bold;
    display: inline-block;
    line-height: 1;
    color: #ffffff;
    cursor: pointer;
}

.c-modal-wrapper {
    position: absolute;
    z-index: 999;
}

/* モーダルウインドウ／コンテンツ */
.c-modal-window--slide {
    z-index: 102;
    top: 200%;
    max-width: 700px;
    width: 100%;
    height: 80%;
    transition: 0.5s;
}

.c-modal-window--slide.is-slide {
    z-index: 103;
    top: 60%;
    transition: 0.5s;
}

.c-modal-contents--slide {
    z-index: 104;
    max-width: 700px;
    height: 100%;
    border-radius: 20px 20px 0px 0px;
}

.c-modal-contents__body--slide {
    padding: 20px;
}

.c-modal-contents__body--slide::-webkit-scrollbar {
    height: 3px;
    width: 3px;
}

.c-modal-contents__body--slide::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 8px;
}

.c-modal-contents__body--slide::-webkit-scrollbar-thumb {
    background: #aaaaaa;
    border-radius: 8px;
}

/* モーダルウインドウ／コンテンツ */
.c-modal-window--popup {
    top: 50%;
    width: 90%;
    max-width: 660px;
}

.c-modal-contents--popup {
    max-width: 660px;
    max-height: calc(100vh - 150px);
    min-height: 100px;
    border-radius: 10px;
}

.c-modal-contents__body--popup {
    margin: 15px;
    margin-right: 3px;
    padding-right: 15px;
}

.c-modal-contents__body--popup::-webkit-scrollbar {
    height: 3px;
    width: 3px;
}

.c-modal-contents__body--popup::-webkit-scrollbar-track {
    background: #ffffff;
    border-radius: 8px;
}

.c-modal-contents__body--popup::-webkit-scrollbar-thumb {
    background: #aaaaaa;
    border-radius: 8px;
}

.c-pager {
    text-align: center;
    margin-top: 30px;
    font-size: 12px;
}

.c-pagination li {
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    color: #1976d2;
    margin: 0 1px;
}

.c-pagination li a, .c-pagination li span {
    line-height: 30px;
    width: 100%;
    height: 100%;
    display: table;
    text-align: center;
    border-radius: 30px;
    transition: all 0.3s ease;
}

.c-pagination li a:hover, .c-pagination li a.active, .c-pagination li span:hover, .c-pagination li span.active {
    color: #ffffff;
    background: #1976d2;
}

#c-progress {
    position: absolute;
    top: 60;
    left: 10;
}

.c-two-tab-button {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 50px;
    background: #eaeaea;
    font-size: 1.125rem;
    font-weight: 700;
    border-radius: 25px;
    padding: 2px;
    margin: 20px 0;
    overflow: hidden;
}

.c-two-tab-button button {
    width: 50%;
    background: #eaeaea;
    color: #aaaaaa;
    text-align: center;
    justify-content: center;
    padding: 0 15px;
}

.c-two-tab-button button:first-of-type {
    border-radius: 25px 5px 5px 25px;
}

.c-two-tab-button button:last-of-type {
    border-radius: 5px 25px 25px 5px;
}

.c-two-tab-button .is-active {
    background: #1976d2;
    color: #ffffff;
}

.c-heading1 {
    font-weight: 700;
    text-align: center;
}

.c-heading2 {
    font-weight: 900;
    color: #1976d2;
    text-align: center;
    margin: 10px 0 20px 0;
}

.c-heading3 {
    font-weight: 900;
}

.c-heading4 {
    font-weight: 900;
}

.c-heading5 {
    font-weight: 700;
}

.c-text--notes {
    font-size: 0.75rem;
}

.c-text--notes * {
    font-size: inherit;
}

.c-text--underline {
    display: inline;
    background: linear-gradient(transparent 65%, #ffd0ae 0%);
}

.c-unordered-list {
    padding-left: 40px;
    list-style-type: disc;
}

.c-ordered-list {
    padding-left: 40px;
    list-style-type: decimal;
}

.c-anchor {
    display: inline-block;
    position: relative;
    padding-left: 20px;
}

.c-anchor::before {
    content: '\f138';
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
    margin-right: 5px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-48%);
}

.c-anchor:hover {
    text-decoration: underline;
}

/* 基本スタイル */
.p-clinictop-clinic-register-button {
    max-width: 155px;
    min-height: 46px;
    border-radius: 5px;
    padding: 0 15px;
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow: hidden;
    color: #aaaaaa;
    border: 1px solid #aaaaaa;
}

.p-clinictop-clinic-register-button.is-active {
    color: #ff1744;
    border: 1px solid #ff1744;
}

.p-clinictop-clinic-register-button i {
    order: 1;
    text-align: left;
    font-weight: 900;
    font-size: 1rem;
}

.p-clinictop-clinic-register-button p {
    order: 2;
    font-weight: 500;
    font-size: 0.875rem;
    line-height: 0.9375rem;
    margin-left: 11px;
    text-align: center;
}

.p-clinictop-cover {
    position: relative;
    height: 250px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px 20px 0 0;
    margin: 0 -20px;
}

.p-clinictop-cover-logo {
    position: absolute;
    width: 65px;
    height: 65px;
    margin: 140px 0px 0px 20px;
    z-index: 1;
}

.p-clinictop-cover-card {
    position: relative;
    margin-top: -35px;
    z-index: 1;
}

.p-clinictop-cover-card-icon {
    font-size: 25px;
    padding: 3px;
}

.p-mypage-assistance-table-title-container {
    width: 100%;
    background-color: #f1f8ff;
    border-bottom: 2px solid #1976d2;
    padding: 0 20px;
}

.p-mypage-assistance-table-title {
    width: 100%;
    color: #1976d2;
    font-size: 0.75rem;
}

.p-mypage-assistance-table-title th {
    padding: 10px 0;
    padding-right: 10px;
}

.p-mypage-assistance-table-title th:last-child {
    padding-right: 0;
}

.p-mypage-assistance-table {
    width: 100%;
    font-size: 0.875rem;
}

.p-mypage-assistance-table td {
    border-bottom: 1px solid #eaeaea;
    padding: 10px 0;
    padding-right: 10px;
}

.p-mypage-assistance-table th:last-child {
    padding-right: 0;
}

.p-mypage-assistance-button {
    position: relative;
    margin-bottom: 25px;
}

.p-mypage-assistance-button div {
    flex: 1;
}

.p-mypage-assistance-button div:first-child {
    text-align: right;
    flex: 0 0 5.625rem;
}

.p-mypage-assistance-button button {
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-bottom: -15px;
    transform: translateX(-50%);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    background-color: #ff720c;
    text-align: center;
    cursor: pointer;
}

.p-mypage-assistance-button button i {
    color: #ffffff; /* 矢印の色を適宜指定してください */
    font-size: 14px;
}

.p-mypage-assistance-patient-button {
    width: auto;
    display: inline-block;
    font-size: 0.875rem;
    padding: 5px 15px;
    margin-right: 10px;
}

.p-mypage-assistance-patient-button:first-child {
    margin-left: 20px;
}

.p-mypage-assistance-patient-button:last-child {
    margin-right: 20px;
}

.p-mypage-assistance-patient-button-wrapper {
    min-height: 68px;
}

.u-flex {
    display: flex !important;
}

.u-align-center {
    margin: auto !important;
    align-self: center !important;
}

.u-align-left {
    margin-right: auto !important;
    align-self: center !important;
}

.u-align-right {
    margin-left: auto !important;
    align-self: center !important;
}

.u-align-x-center {
    margin-right: auto !important;
    margin-left: auto !important;
}

.u-align-x-left {
    margin-right: auto !important;
}

.u-align-x-right {
    margin-left: auto !important;
}

.u-align-y-center {
    align-self: center !important;
}

.u-align-y-top {
    align-self: flex-start !important;
}

.u-align-y-bottom {
    align-self: flex-end !important;
}

.u-flex-1 {
    flex: 1 !important;
}

.u-flex-2 {
    flex: 2 !important;
}

.u-flex-3 {
    flex: 3 !important;
}

.u-float-left {
    float: left !important;
}

.u-float-right {
    float: right !important;
}

.u-float-clear {
    clear: both !important;
}

.u-position-relative {
    position: relative !important;
}

.u-position-absolute {
    position: absolute !important;
}

.u-index--1 {
    z-index: -1 !important;
}

.u-index-0 {
    z-index: 0 !important;
}

.u-index-1 {
    z-index: 1 !important;
}

.u-index-2 {
    z-index: 2 !important;
}

.u-index-3 {
    z-index: 3 !important;
}

.u-index-4 {
    z-index: 4 !important;
}

.u-index-5 {
    z-index: 5 !important;
}

.u-index-6 {
    z-index: 6 !important;
}

.u-index-7 {
    z-index: 7 !important;
}

.u-index-8 {
    z-index: 8 !important;
}

.u-index-9 {
    z-index: 9 !important;
}

.u-index-10 {
    z-index: 10 !important;
}

.u-background-color-primary {
    background-color: #1976d2 !important;
}

.u-background-color-primary-pale {
    background-color: #f1f8ff !important;
}

.u-background-color-secondary {
    background-color: #ff720c !important;
}

.u-background-color-secondary-pale {
    background-color: #ffd0ae !important;
}

.u-background-color-attention {
    background-color: #ff1744 !important;
}

.u-background-color-attention-pale {
    background-color: #ffe8ec !important;
}

.u-background-color-assistant {
    background-color: #55c521 !important;
}

.u-background-color-assistant-pale {
    background-color: #e0f5d6 !important;
}

.u-background-color-text {
    background-color: #333333 !important;
}

.u-background-color-gray-deep {
    background-color: #888888 !important;
}

.u-background-color-gray-middle {
    background-color: #aaaaaa !important;
}

.u-background-color-gray-pale {
    background-color: #eaeaea !important;
}

.u-hide {
    display: none;
}

.u-block {
    display: block !important;
}

.u-inline {
    display: inline !important;
}

.u-inline-block {
    display: inline-block !important;
}

.u-cursor-pointer {
    cursor: pointer !important;
}

.u-width-auto {
    width: auto !important;
}

.u-max-width-50 {
    max-width: 50px !important;
}

.u-max-width-100 {
    max-width: 100px !important;
}

.u-max-width-150 {
    max-width: 150px !important;
}

.u-max-width-200 {
    max-width: 200px !important;
}

.u-max-width-250 {
    max-width: 250px !important;
}

.u-max-width-300 {
    max-width: 300px !important;
}

.u-max-width-350 {
    max-width: 350px !important;
}

.u-max-width-400 {
    max-width: 400px !important;
}

.u-max-width-450 {
    max-width: 450px !important;
}

.u-max-width-500 {
    max-width: 500px !important;
}

.u-max-width-550 {
    max-width: 550px !important;
}

.u-max-width-600 {
    max-width: 600px !important;
}

.u-max-width-650 {
    max-width: 650px !important;
}

.u-max-width-700 {
    max-width: 700px !important;
}

.u-min-width-50 {
    min-width: 50px !important;
}

.u-min-width-100 {
    min-width: 100px !important;
}

.u-min-width-150 {
    min-width: 150px !important;
}

.u-min-width-200 {
    min-width: 200px !important;
}

.u-min-width-250 {
    min-width: 250px !important;
}

.u-min-width-300 {
    min-width: 300px !important;
}

.u-min-width-350 {
    min-width: 350px !important;
}

.u-min-width-400 {
    min-width: 400px !important;
}

.u-min-width-450 {
    min-width: 450px !important;
}

.u-min-width-500 {
    min-width: 500px !important;
}

.u-min-width-550 {
    min-width: 550px !important;
}

.u-min-width-600 {
    min-width: 600px !important;
}

.u-min-width-650 {
    min-width: 650px !important;
}

.u-min-width-700 {
    min-width: 700px !important;
}

.u-max-width-full {
    max-width: 100% !important;
}

.u-min-width-full {
    min-width: 100% !important;
}

.u-max-height-50 {
    max-height: 50px !important;
}

.u-max-height-100 {
    max-height: 100px !important;
}

.u-max-height-150 {
    max-height: 150px !important;
}

.u-max-height-200 {
    max-height: 200px !important;
}

.u-max-height-250 {
    max-height: 250px !important;
}

.u-max-height-300 {
    max-height: 300px !important;
}

.u-max-height-350 {
    max-height: 350px !important;
}

.u-max-height-400 {
    max-height: 400px !important;
}

.u-max-height-450 {
    max-height: 450px !important;
}

.u-max-height-500 {
    max-height: 500px !important;
}

.u-max-height-550 {
    max-height: 550px !important;
}

.u-max-height-600 {
    max-height: 600px !important;
}

.u-max-height-650 {
    max-height: 650px !important;
}

.u-max-height-700 {
    max-height: 700px !important;
}

.u-min-height-50 {
    min-height: 50px !important;
}

.u-min-height-100 {
    min-height: 100px !important;
}

.u-min-height-150 {
    min-height: 150px !important;
}

.u-min-height-200 {
    min-height: 200px !important;
}

.u-min-height-250 {
    min-height: 250px !important;
}

.u-min-height-300 {
    min-height: 300px !important;
}

.u-min-height-350 {
    min-height: 350px !important;
}

.u-min-height-400 {
    min-height: 400px !important;
}

.u-min-height-450 {
    min-height: 450px !important;
}

.u-min-height-500 {
    min-height: 500px !important;
}

.u-min-height-550 {
    min-height: 550px !important;
}

.u-min-height-600 {
    min-height: 600px !important;
}

.u-min-height-650 {
    min-height: 650px !important;
}

.u-min-height-700 {
    min-height: 700px !important;
}

.u-max-height-full {
    max-height: 100% !important;
}

.u-min-height-full {
    min-height: 100% !important;
}

.u-fade-in {
    animation: fade-in 0.5s forwards;
    opacity: 0;
}

@keyframes fade-in {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.u-margin-t1 {
    margin-top: 1px !important;
}

.u-margin-t5 {
    margin-top: 5px !important;
}

.u-margin-t10 {
    margin-top: 10px !important;
}

.u-margin-t15 {
    margin-top: 15px !important;
}

.u-margin-t20 {
    margin-top: 20px !important;
}

.u-margin-t25 {
    margin-top: 25px !important;
}

.u-margin-t30 {
    margin-top: 30px !important;
}

.u-margin-t35 {
    margin-top: 35px !important;
}

.u-margin-t40 {
    margin-top: 40px !important;
}

.u-margin-t45 {
    margin-top: 45px !important;
}

.u-margin-t50 {
    margin-top: 50px !important;
}

.u-margin-t55 {
    margin-top: 55px !important;
}

.u-margin-t60 {
    margin-top: 60px !important;
}

.u-margin-t65 {
    margin-top: 65px !important;
}

.u-margin-t70 {
    margin-top: 70px !important;
}

.u-margin-t75 {
    margin-top: 75px !important;
}

.u-margin-t80 {
    margin-top: 80px !important;
}

.u-margin-t85 {
    margin-top: 85px !important;
}

.u-margin-t90 {
    margin-top: 90px !important;
}

.u-margin-t95 {
    margin-top: 95px !important;
}

.u-margin-t100 {
    margin-top: 100px !important;
}

.u-margin-b1 {
    margin-bottom: 1px !important;
}

.u-margin-b5 {
    margin-bottom: 5px !important;
}

.u-margin-b10 {
    margin-bottom: 10px !important;
}

.u-margin-b15 {
    margin-bottom: 15px !important;
}

.u-margin-b20 {
    margin-bottom: 20px !important;
}

.u-margin-b25 {
    margin-bottom: 25px !important;
}

.u-margin-b30 {
    margin-bottom: 30px !important;
}

.u-margin-b35 {
    margin-bottom: 35px !important;
}

.u-margin-b40 {
    margin-bottom: 40px !important;
}

.u-margin-b45 {
    margin-bottom: 45px !important;
}

.u-margin-b50 {
    margin-bottom: 50px !important;
}

.u-margin-b55 {
    margin-bottom: 55px !important;
}

.u-margin-b60 {
    margin-bottom: 60px !important;
}

.u-margin-b65 {
    margin-bottom: 65px !important;
}

.u-margin-b70 {
    margin-bottom: 70px !important;
}

.u-margin-b75 {
    margin-bottom: 75px !important;
}

.u-margin-b80 {
    margin-bottom: 80px !important;
}

.u-margin-b85 {
    margin-bottom: 85px !important;
}

.u-margin-b90 {
    margin-bottom: 90px !important;
}

.u-margin-b95 {
    margin-bottom: 95px !important;
}

.u-margin-b100 {
    margin-bottom: 100px !important;
}

.u-margin-r1 {
    margin-right: 1px !important;
}

.u-margin-r5 {
    margin-right: 5px !important;
}

.u-margin-r10 {
    margin-right: 10px !important;
}

.u-margin-r15 {
    margin-right: 15px !important;
}

.u-margin-r20 {
    margin-right: 20px !important;
}

.u-margin-r25 {
    margin-right: 25px !important;
}

.u-margin-r30 {
    margin-right: 30px !important;
}

.u-margin-r35 {
    margin-right: 35px !important;
}

.u-margin-r40 {
    margin-right: 40px !important;
}

.u-margin-r45 {
    margin-right: 45px !important;
}

.u-margin-r50 {
    margin-right: 50px !important;
}

.u-margin-r55 {
    margin-right: 55px !important;
}

.u-margin-r60 {
    margin-right: 60px !important;
}

.u-margin-r65 {
    margin-right: 65px !important;
}

.u-margin-r70 {
    margin-right: 70px !important;
}

.u-margin-r75 {
    margin-right: 75px !important;
}

.u-margin-r80 {
    margin-right: 80px !important;
}

.u-margin-r85 {
    margin-right: 85px !important;
}

.u-margin-r90 {
    margin-right: 90px !important;
}

.u-margin-r95 {
    margin-right: 95px !important;
}

.u-margin-r100 {
    margin-right: 100px !important;
}

.u-margin-l1 {
    margin-left: 1px !important;
}

.u-margin-l5 {
    margin-left: 5px !important;
}

.u-margin-l10 {
    margin-left: 10px !important;
}

.u-margin-l15 {
    margin-left: 15px !important;
}

.u-margin-l20 {
    margin-left: 20px !important;
}

.u-margin-l25 {
    margin-left: 25px !important;
}

.u-margin-l30 {
    margin-left: 30px !important;
}

.u-margin-l35 {
    margin-left: 35px !important;
}

.u-margin-l40 {
    margin-left: 40px !important;
}

.u-margin-l45 {
    margin-left: 45px !important;
}

.u-margin-l50 {
    margin-left: 50px !important;
}

.u-margin-l55 {
    margin-left: 55px !important;
}

.u-margin-l60 {
    margin-left: 60px !important;
}

.u-margin-l65 {
    margin-left: 65px !important;
}

.u-margin-l70 {
    margin-left: 70px !important;
}

.u-margin-l75 {
    margin-left: 75px !important;
}

.u-margin-l80 {
    margin-left: 80px !important;
}

.u-margin-l85 {
    margin-left: 85px !important;
}

.u-margin-l90 {
    margin-left: 90px !important;
}

.u-margin-l95 {
    margin-left: 95px !important;
}

.u-margin-l100 {
    margin-left: 100px !important;
}

.u-margin-r-auto {
    margin-right: auto !important;
}

.u-margin-l-auto {
    margin-left: auto !important;
}

.u-padding-t1 {
    padding-top: 1px !important;
}

.u-padding-t5 {
    padding-top: 5px !important;
}

.u-padding-t10 {
    padding-top: 10px !important;
}

.u-padding-t15 {
    padding-top: 15px !important;
}

.u-padding-t20 {
    padding-top: 20px !important;
}

.u-padding-t25 {
    padding-top: 25px !important;
}

.u-padding-t30 {
    padding-top: 30px !important;
}

.u-padding-t35 {
    padding-top: 35px !important;
}

.u-padding-t40 {
    padding-top: 40px !important;
}

.u-padding-t45 {
    padding-top: 45px !important;
}

.u-padding-t50 {
    padding-top: 50px !important;
}

.u-padding-t55 {
    padding-top: 55px !important;
}

.u-padding-t60 {
    padding-top: 60px !important;
}

.u-padding-t65 {
    padding-top: 65px !important;
}

.u-padding-t70 {
    padding-top: 70px !important;
}

.u-padding-t75 {
    padding-top: 75px !important;
}

.u-padding-t80 {
    padding-top: 80px !important;
}

.u-padding-t85 {
    padding-top: 85px !important;
}

.u-padding-t90 {
    padding-top: 90px !important;
}

.u-padding-t95 {
    padding-top: 95px !important;
}

.u-padding-t100 {
    padding-top: 100px !important;
}

.u-padding-b1 {
    padding-bottom: 1px !important;
}

.u-padding-b5 {
    padding-bottom: 5px !important;
}

.u-padding-b10 {
    padding-bottom: 10px !important;
}

.u-padding-b15 {
    padding-bottom: 15px !important;
}

.u-padding-b20 {
    padding-bottom: 20px !important;
}

.u-padding-b25 {
    padding-bottom: 25px !important;
}

.u-padding-b30 {
    padding-bottom: 30px !important;
}

.u-padding-b35 {
    padding-bottom: 35px !important;
}

.u-padding-b40 {
    padding-bottom: 40px !important;
}

.u-padding-b45 {
    padding-bottom: 45px !important;
}

.u-padding-b50 {
    padding-bottom: 50px !important;
}

.u-padding-b55 {
    padding-bottom: 55px !important;
}

.u-padding-b60 {
    padding-bottom: 60px !important;
}

.u-padding-b65 {
    padding-bottom: 65px !important;
}

.u-padding-b70 {
    padding-bottom: 70px !important;
}

.u-padding-b75 {
    padding-bottom: 75px !important;
}

.u-padding-b80 {
    padding-bottom: 80px !important;
}

.u-padding-b85 {
    padding-bottom: 85px !important;
}

.u-padding-b90 {
    padding-bottom: 90px !important;
}

.u-padding-b95 {
    padding-bottom: 95px !important;
}

.u-padding-b100 {
    padding-bottom: 100px !important;
}

.u-padding-r1 {
    padding-right: 1px !important;
}

.u-padding-r5 {
    padding-right: 5px !important;
}

.u-padding-r10 {
    padding-right: 10px !important;
}

.u-padding-r15 {
    padding-right: 15px !important;
}

.u-padding-r20 {
    padding-right: 20px !important;
}

.u-padding-r25 {
    padding-right: 25px !important;
}

.u-padding-r30 {
    padding-right: 30px !important;
}

.u-padding-r35 {
    padding-right: 35px !important;
}

.u-padding-r40 {
    padding-right: 40px !important;
}

.u-padding-r45 {
    padding-right: 45px !important;
}

.u-padding-r50 {
    padding-right: 50px !important;
}

.u-padding-r55 {
    padding-right: 55px !important;
}

.u-padding-r60 {
    padding-right: 60px !important;
}

.u-padding-r65 {
    padding-right: 65px !important;
}

.u-padding-r70 {
    padding-right: 70px !important;
}

.u-padding-r75 {
    padding-right: 75px !important;
}

.u-padding-r80 {
    padding-right: 80px !important;
}

.u-padding-r85 {
    padding-right: 85px !important;
}

.u-padding-r90 {
    padding-right: 90px !important;
}

.u-padding-r95 {
    padding-right: 95px !important;
}

.u-padding-r100 {
    padding-right: 100px !important;
}

.u-padding-l1 {
    padding-left: 1px !important;
}

.u-padding-l5 {
    padding-left: 5px !important;
}

.u-padding-l10 {
    padding-left: 10px !important;
}

.u-padding-l15 {
    padding-left: 15px !important;
}

.u-padding-l20 {
    padding-left: 20px !important;
}

.u-padding-l25 {
    padding-left: 25px !important;
}

.u-padding-l30 {
    padding-left: 30px !important;
}

.u-padding-l35 {
    padding-left: 35px !important;
}

.u-padding-l40 {
    padding-left: 40px !important;
}

.u-padding-l45 {
    padding-left: 45px !important;
}

.u-padding-l50 {
    padding-left: 50px !important;
}

.u-padding-l55 {
    padding-left: 55px !important;
}

.u-padding-l60 {
    padding-left: 60px !important;
}

.u-padding-l65 {
    padding-left: 65px !important;
}

.u-padding-l70 {
    padding-left: 70px !important;
}

.u-padding-l75 {
    padding-left: 75px !important;
}

.u-padding-l80 {
    padding-left: 80px !important;
}

.u-padding-l85 {
    padding-left: 85px !important;
}

.u-padding-l90 {
    padding-left: 90px !important;
}

.u-padding-l95 {
    padding-left: 95px !important;
}

.u-padding-l100 {
    padding-left: 100px !important;
}

.u-font-size-10 {
    font-size: 0.625rem !important;
}

.u-font-size-12 {
    font-size: 0.75rem !important;
}

.u-font-size-14 {
    font-size: 0.875rem !important;
}

.u-font-size-16 {
    font-size: 1rem !important;
}

.u-font-size-18 {
    font-size: 1.125rem !important;
}

.u-font-size-20 {
    font-size: 1.25rem !important;
}

.u-font-size-22 {
    font-size: 1.375rem !important;
}

.u-font-size-24 {
    font-size: 1.5rem !important;
}

.u-font-size-26 {
    font-size: 1.625rem !important;
}

.u-font-size-54 {
    font-size: 3.375rem !important;
}

.u-font-color-primary {
    color: #1976d2 !important;
}

.u-font-color-secondary {
    color: #ff720c !important;
}

.u-font-color-attention {
    color: #ff1744 !important;
}

.u-font-color-assistant {
    color: #55c521 !important;
}

.u-font-color-text {
    color: #333333 !important;
}

.u-font-color-gray-deep {
    color: #888888 !important;
}

.u-font-color-gray-middle {
    color: #aaaaaa !important;
}

.u-font-color-gray-pale {
    color: #eaeaea !important;
}

.u-font-normal {
    font-weight: normal !important;
}

.u-font-bold {
    font-weight: bold !important;
}

.u-text-center {
    text-align: center !important;
}

.u-text-left {
    text-align: left !important;
}

.u-text-right {
    text-align: right !important;
}

.u-nowrap {
    white-space: nowrap !important;
}

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