/* ===================================

1: reset&normalize

====================================== */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
li,
fieldset,
form,
label,
legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent no-scroll;
}
html {
    overflow: auto;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    font-size: 10px;
    overflow-y: scroll;
    position: relative;
}
body,
div,
pre,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
th,
td,
button,
figure,
figcaption {
    margin: 0;
    padding: 0;
    -webkit-font-feature-settings: 'pkna' 1;
    font-feature-settings: 'pkna' 1;
}
ul li {
    list-style-type: none;
}
li li {
    font-size: inherit;
}
h1,
h2,
h3,
h4,
h5,
h6,
form,
textarea,
pre,
blockquote,
table,
th,
td {
    font-size: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6,
h1:before,
h2:before,
h3:before,
h4:before,
h5:before,
h6:before,
h1:after,
h2:after,
h3:after,
h4:after,
h5:after,
h6:after {
    content: '';
}
p,
li,
dt,
dd,
pre,
legend {
    line-height: 1.7;
    text-justify: inter-ideograph;
    font-size: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
    line-height: 1.6;
    text-justify: inter-ideograph;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}
audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
[hidden],
template {
    display: none;
}
a {
    background: transparent;
}
a:active,
a:hover {
    outline: 0;
}
abbr[title] {
    border-bottom: none;
}

dfn {
    font-style: italic;
}
mark {
    color: #000;
    background: #ff0;
}
small {
    font-size: 80%;
}
sub,
sup {
    position: relative;
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
img {
    border: 0;
    vertical-align: middle;
}
svg:not(:root) {
    overflow: hidden;
}
figure {
    margin: 0 0 0;
    padding: 0;
}
hr {
    border-width: 1px 0 0 0;
    border-style: solid;
    border-color: #d6d6d6;
    height: 1px;
    clear: both;
    margin: 60px 0 60px;
    opacity: 1;
}
@media print, screen and (max-width: 48em) {
    hr {
        margin: 30px 0;
    }
}
pre {
    overflow: auto;
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
em {
    font-style: italic;
}
button,
input,
optgroup,
select,
textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}
button {
    overflow: visible;
}
button,
select {
    text-transform: none;
}
button,
html input[type='button'],
input[type='reset'],
input[type='submit'] {
    -webkit-appearance: button;
    cursor: pointer;
}
button[disabled],
html input[disabled] {
    cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
    padding: 0;
    border: 0;
}
input {
    line-height: normal;
}
input[type='checkbox'],
input[type='radio'] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
input[type='number']::-webkit-inner-spin-button,
input[type='number']::-webkit-outer-spin-button {
    height: auto;
}
input[type='search'] {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-appearance: textfield;
}
input[type='search']::-webkit-search-cancel-button,
input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}
/* password */
input[type='password'] {
    font-family: arial;
    ime-mode: disabled;
}
/* button */
input[type='submit'],
input[type='reset'],
input[type='button'],
input[type='image'] {
    cursor: pointer;
    padding: 0;
    -webkit-appearance: none;
}
/* file */
input[type='file'] {
    height: 20px;
}
legend {
    padding: 0;
    border: 0;
}
textarea {
    overflow: auto;
    font-size: 100%;
}
optgroup {
    font-weight: bold;
}
table {
    border-spacing: 0;
    border-collapse: collapse;
}
td,
th {
    padding: 0;
}
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
label {
    cursor: pointer;
}
/* ===================================

2:base style

====================================== */
/*  basic font size
------------------------------------------ */
body {
    color: #000;
    background-color: #ffffff;
    -webkit-text-size-adjust: 100%;
    position: relative;
    font-family: YakuHanMP, -apple-system, BlinkMacSystemFont, 'Inter', 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', YuGothic, Meiryo, Arial, sans-serif;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-font-smoothing: subpixel-antialiased;
    -moz-osx-font-smoothing: unset;
    font-weight: 400;
    font-size: 16px;
    font-size: 1.6rem;
    letter-spacing: 0;
    /* text-box-trim: trim-both; */
    /* text-box: trim-both cap alphabetic; */
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
    body {
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }
}
@media all and (-ms-high-contrast: none) {
    body {
        font-family: 'Noto Sans JP', 'Helvetica Neue', Helvetica, 'Noto Sans JP', 'メイリオ', Meiryo, '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
        font-weight: 400;
    }
}
/* site base style
------------------------------------------ */
p {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 2rem;
    text-rendering: optimizeLegibility;
}
@media only screen and (max-width: 576px) {
    body {
        font-size: 14px;
        font-size: 1.4rem;
    }
    p,
    li,
    dt,
    dd,
    pre,
    legend {
        line-height: 1.7;
        text-justify: inter-ideograph;
        font-size: 1.4rem;
    }
}
img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto;
    -ms-interpolation-mode: bicubic;
    -webkit-backface-visibility: hidden;
}

/* Link
------------------------------------------ */
a,
main a img,
main a div {
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
a {
    outline: none;
}
a:link,
a:visited {
    color: var(--bs-primary);
    text-decoration: underline;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
a:hover,
a:active {
    text-decoration: none;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
a:link {
    color: var(--bs-primary);
    text-decoration: none;
    outline: 0;
}
a:visited {
    color: var(--bs-primary);
    text-decoration: none;
}
a:hover {
    color: var(--bs-primary);
    text-decoration: none;
}
a:hover img {
    opacity: 0.8;
}
a:active {
    color: var(--bs-primary);
    text-decoration: none;
}
@media only screen and (max-width: 576px) {
    html {
    }
    html:not(:target) body {
        width: 100% !important;
        -webkit-text-size-adjust: 100%;
        font-size: 1.4rem;
    }
}
*,
*::before,
*::after {
    box-sizing: border-box;
}

* {
    margin: 0;
    padding: 0;
}

body {
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

img,
picture,
video,
canvas,
svg {
    display: block;
    max-width: 100%;
    height: auto;
}

input,
button,
textarea,
select {
    font: inherit;
    color: inherit;
}

button {
    cursor: pointer;
    border: none;
    background: none;
}

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

ul,
ol {
    list-style: none;
}
ul.list-disc {
    margin-bottom: 2rem;
}
ul.list-disc li {
    list-style: disc;
    margin-left: 20px;
    position: relative;
    margin-bottom: 1rem;
}
ol.list-number {
    margin-bottom: 2rem;
}
ol.list-number li {
    list-style: decimal;
    margin-left: 20px;
    position: relative;
    margin-bottom: 1rem;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset {
    border: none;
}

legend {
    padding: 0;
}

/* Remove default focus outline and add custom one */
*:focus {
    outline: none;
}

*:focus-visible {
    outline: 2px solid var(--bs-primary);
    outline-offset: 2px;
}

/* カスタムCSS - Bootstrap拡張 */

/* 基準フォント設定 - Noto Sans JP */

/* 特定用途のフォント */
.font-en {
    font-family: 'Roboto', 'Noto Sans JP', sans-serif;
}

.font-en2 {
    font-family: 'Inter', 'Noto Sans JP', sans-serif;
}

/* カスタムカラー */
:root {
    --bs-primary: #1853a3;
    --bs-primary-rgb: 24, 83, 163;
    --bs-secondary: #143e78;
    --bs-warning: #ffcf00;
    --bs-warning-rgb: 255, 207, 0;
    --bs-dark: #303030;
    --bs-dark-rgb: 48, 48, 48;
    --bs-danger: #cf2424;
}

/* 背景色の適用 */
body {
    background-color: #e6ebf1 !important;
}

.bg-custom-light {
    background-color: #e6ebf1 !important;
}

.text-primary-dark {
    color: var(--bs-secondary) !important;
    font-size: 1.6rem;
    font-weight: bold !important;
}

/* 左右サイドバーの固定表示 */
.sidebar-left,
.sidebar-right {
    position: sticky;
    top: 50vh;
    transform: translateY(-50%);
    height: fit-content;
    max-height: 90vh;
    overflow-y: auto;
    overflow: visible;
}

/* メインコンテンツエリアの調整 */
.main-content-wrapper {
    display: flex;
    align-items: flex-start;
    max-width: 440px;
    margin-top: 9rem;
    z-index: 100;
}

/* スキップリンク */
.skip-link {
    position: absolute;
    top: -40px;
    left: 6px;
    background: var(--bs-primary);
    color: white;
    padding: 8px 16px;
    text-decoration: none;
    border-radius: 4px;
    z-index: 1000;
    font-weight: bold;
    transition: top 0.3s ease;
}

.skip-link:focus {
    top: 6px;
    color: white;
}

/* ロゴとアイコン */
.mdrt-logo {
    max-width: 230px;
    height: 57px;
    object-fit: contain;
}

/* 左サイドバーのスタイル */
.event-title {
    font-size: 2.2rem;
    line-height: 1.4;
}

.event-time {
    font-size: 16px;
}
.event-select-title {
    font-size: 16px;
    font-weight: bold;
    background-color: #1853a3;
    padding: 6px 12px;
    color: #fff;
    display: inline-block;
    margin-bottom: 10px;
}
.user-info-card {
    max-width: 315px;
}

.user-id {
    font-size: 16px;
}

.user-name {
    font-size: 16px;
}

.header-icon-circle {
    width: 95px;
    height: 95px;
    background-color: white;
    border: 1px solid var(--bs-primary);
    border-radius: 50%;
}

.header-logo {
    width: 61px;
    height: 46px;
}

.head_logo {
    position: absolute;
    top: -40px;
    left: 0;
    right: 0;
}
.head-title {
    padding-top: 50px;
}
.head-sub-title {
    padding: 4px 10px;
    font-size: 1.6rem;
    font-weight: 700;
    color: #333;
    color: #1853a3;
    border: 2px solid #1853a3;
    display: inline-block;
    border-radius: 6px;
    margin-top: 15px;
}
.sub_title {
    color: #1853a3;
    leading-trim: both;
    text-edge: cap;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1.6;
    text-align: center;
}
.section_info {
    padding: 0 30px;
}
.form-card {
    border: var(--bs-primary) 1px solid;
    min-height: calc(100svh - 9rem);
    border-radius: 2rem 2rem 0 0 !important;
    width: 100%;
}
/* ユーザーカード */
.user-field-label {
    font-size: 10px;
    font-weight: bold;
    margin-bottom: 4px;
}

.user-detail-text {
    font-size: 1.2rem;
    font-weight: bold;
}
/* ボタン */
.btn-main {
    display: flex !important;
    transition: all 0.3s ease;
    border-radius: var(--bs-border-radius-pill) !important;
    font-weight: 700 !important;
    gap: 0.5rem !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 1.2rem 2.4rem;
    border: var(--bs-secondary) 1px solid !important;
    background-color: #ffcf00 !important;
    color: var(--bs-primary) !important;
    font-size: 1.4rem;
    width: max-content;
    text-box: trim-both cap alphabetic;
}
.btn.btn-main:hover {
    color: var(--bs-primary);
    background-color: #ffcf00;
    opacity: 0.8;
}

.btn-secondary {
    display: flex !important;
    transition: all 0.3s ease;
    border-radius: var(--bs-border-radius-pill) !important;
    font-weight: 700 !important;
    gap: 0.5rem !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 1.2rem 2.4rem;
    border: var(--bs-secondary) 1px solid !important;
    background-color: #fff !important;
    color: var(--bs-primary) !important;
    font-size: 1.4rem;
    width: max-content;
    text-box: trim-both cap alphabetic;
}
.btn.btn-secondary:hover {
    color: var(--bs-primary);
    background-color: #fff;
    opacity: 0.8;
}
.btn-back {
    display: flex !important;
    transition: all 0.3s ease;
    border-radius: 10px !important;
    font-weight: 700 !important;
    gap: 0.5rem !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 1.2rem 2.4rem;
    border: var(--bs-secondary) 1px solid !important;
    background-color: #f5f5f5;
    color: var(--bs-primary);
    font-size: 1.4rem;
    width: max-content;
    text-box: trim-both cap alphabetic;
}
.btn.btn-back:hover {
    color: var(--bs-primary);
    background-color: #f5f5f5;
    opacity: 0.8;
}
.btn-lg {
    width: 100%;
    border-radius: 10px !important;
    justify-content: space-between !important;
    padding: 14px 15px;
    font-size: 1.6rem;
}
.tag.label {
    display: flex;
    padding: 0.3rem 0.8rem;
    justify-content: center;
    align-items: center;
    background-color: #333;
    font-size: 1.2rem;
    color: #fff;
    border-radius: 4px;
}
.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
    opacity: 1;
    border: none !important;
    background: #cccccc;
    color: #333;
    justify-content: center !important;
    gap: 1rem !important;
}

/* 必須バッジ */
.required-badge {
    font-size: 10px;
    padding: 1px 4px;
    height: 14px;
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
}

/* フォーム要素 */
.custom-checkbox {
    width: 18px;
    height: 18px;
    accent-color: var(--bs-primary);
}

.custom-select,
.custom-input,
.custom-textarea {
    height: 44px;
    background-color: white;
    border: 1px solid #cccccc;
    border-radius: 4px;
    font-size: 1.6rem;
    transition: border-color 0.3s ease, box-shadow 0.3s ease;
}

.custom-textarea {
    height: 150px;
    resize: vertical;
    min-height: 100px;
}

.custom-select:focus,
.custom-input:focus,
.custom-textarea:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 2px rgba(24, 83, 163, 0.2);
}

/* ボタン */
.event-details-btn,
.submit-btn {
    min-height: 44px;
    transition: all 0.3s ease;
}

.event-details-btn:hover,
.submit-btn:hover {
    background-color: #e6bb00 !important;
    transform: translateY(-1px);
}

.event-details-btn:focus,
.submit-btn:focus {
    box-shadow: 0 0 0 2px var(--bs-primary);
}

.desc {
    font-size: 1.2rem;
    margin-top: 4px;
    display: block;
    font-style: normal;
}

.desc:after {
    content: '';
}

/* プロセスステップ */
.process-container {
}

.process-steps li {
    position: relative;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px dotted #abc3e4;
}

.process-steps li.active:before {
    content: '';
    display: block;
    width: 53px;
    position: absolute;
    height: 1px;
    background-color: #ccc;
    left: -50px;
    z-index: -2;
}
.process-steps li:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}

.process-step {
    position: relative;
    z-index: 2;
}

.step-indicator {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: 1px solid var(--bs-primary);
    background-color: white;
    flex-shrink: 0;
    position: relative;
    z-index: 3;
}

.process-step.active .step-indicator {
    background-color: var(--bs-warning);
    border-color: var(--bs-primary);
}

.step-icon {
    width: 18px;
    height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.step-icon-img {
    width: 18px;
    height: 18px;
    object-fit: contain;
}

.step-text {
    font-size: 14px;
    color: var(--bs-primary);
    line-height: 1.2;
    text-box: trim-both cap alphabetic;
}

.process-step.active .d-flex {
    background-color: var(--bs-warning);
}

/* 申込期間情報 */
.period-info-section {
    margin-top: 30px;
}

.period-card-top,
.period-card-bottom {
    border-width: 1px;
}

.period-card-body {
    padding: 1.8rem;
}

.period-icon {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.period-icon-img {
    width: 16px;
    height: 16px;
    object-fit: contain;
}

.period-text {
    flex: 1;
}

.period-label {
    font-size: 1.4rem;
    line-height: 1.4;
    margin-bottom: 1rem;
}

.period-date {
    font-size: 1.4rem;
    line-height: 1.4;
    text-box: trim-both cap alphabetic;
}
.bg-light2 {
    background-color: #f5f5f5;
}

/* エラーメッセージ */
.invalid-feedback {
    color: var(--bs-danger);
    font-size: 1.4rem;
    font-weight: bold;
    padding: 10px 0 0 0;
}

.invalid-feedback:empty {
    display: none !important;
}

/* 確認画面 */
section.confirm-box {
    padding: 30px 20px;
    background: #f5f5f5;
    margin: 0 -30px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15) inset;
}
.confirm-box-inner {
    border-radius: 0.5rem;
    background: #fff;
    padding: 20px;
}
.bg-gray-400 {
    --bs-bg-opacity: 1;
    background-color: #f5f5f5 !important;
}
/* 申込内容変更選択画面 */
dl.change-box {
    border: 1px solid #ccc;
    text-align: center;
}

dl.change-box dt {
    background: #e6ebf1;
    padding: 4px;
    font-size: 1.4rem;
}

dl.change-box dd {
    font-size: 1.6rem;
    padding: 4px;
}
/* largeクラスのフォントサイズを14px相当に設定 */
.large {
    font-size: 1.8rem !important;
}

/* smallクラスのフォントサイズを14px相当に設定 */
.small {
    font-size: 1.4rem !important;
}

/* アクセシビリティ対応 */

/* 高コントラストモード対応 */
@media (prefers-contrast: high) {
    :root {
        --bs-border-color: #000000;
        --bs-body-color: #000000;
        --bs-light: #ffffff;
    }

    .custom-select,
    .custom-input,
    .custom-textarea {
        border-color: #000000;
    }
}

/* アニメーション軽減設定対応 */
@media (prefers-reduced-motion: reduce) {
    * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* フォーカス表示の強化 */
*:focus {
    outline: 2px solid var(--bs-primary) !important;
    outline-offset: 2px !important;
}

/* 最小タッチターゲットサイズの確保 */
button,
input[type='checkbox'],
input[type='radio'],
select,
.btn {
    min-height: 24px;
    min-width: 24px;
    border: var(--bs-border-width) solid var(--bs-gray-400);
}

/* 小さな要素の例外 */
.required-badge,
.step-icon,
.period-icon,
.user-field-label {
    min-height: unset;
    min-width: unset;
}

/* レスポンシブ調整 */
@media (max-width: 991px) {
    .process-container {
        width: 100%;
    }

    .mdrt-logo {
        max-width: 180px;
        height: auto;
    }

    .process-connection-line {
        display: none;
    }

    .process-steps {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        gap: 16px;
    }

    .process-step {
        flex-direction: column;
        text-align: center;
        max-width: 150px;
    }

    .step-highlight {
        display: none !important;
    }

    .user-info-card {
        max-width: 100%;
    }

    .event-title {
        font-size: 18px;
    }
    .sidebar-left,
    .sidebar-right {
        display: none;
    }
}

@media (max-width: 576px) {
    .container-xl {
        padding-left: 15px;
        padding-right: 15px;
    }
    .user-info-card .card-body {
        padding: 2rem !important;
    }
    .form-card > .card-body {
        padding: 0 !important;
    }

    .fs-4 {
        font-size: 1.2rem !important;
    }

    .fs-3 {
        font-size: 1.3rem !important;
    }

    .required-badge {
        font-size: 9px;
    }
    .main-content-wrapper {
        max-width: none;
        margin: 2rem 0 4rem;
    }

    .main-content-wrapper .form-card {
        border: none;
        border-radius: unset !important;
        box-shadow: none !important;
    }

    .bg-custom-light {
        background-color: #fff !important;
    }

    .head_logo {
        position: relative;
        top: 0;
    }

    .header-icon-circle {
        width: auto;
        height: auto;
        border: none;
        border-radius: initial;
    }

    .head-title {
        padding: 0px;
    }
    .text-primary-dark {
        font-size: 1.4rem;
    }
    section.confirm-box {
        margin: 0 -15px;
    }
}

/* プリント用スタイル */
@media print {
    .skip-link,
    .event-details-btn,
    .submit-btn {
        display: none !important;
    }

    .card {
        box-shadow: none !important;
        border: 1px solid #000 !important;
    }

    .bg-custom-light {
        background-color: white !important;
    }

    .text-primary,
    .text-primary-dark {
        color: #000 !important;
    }
}

/* 色覚異常対応 */
@media (prefers-color-scheme: no-preference) {
    .bg-warning {
        background-color: #ffd700 !important; /* より明確な黄色 */
    }

    .text-danger {
        color: #d63384 !important; /* より識別しやすい赤 */
    }
}

/* 大きなフォントサイズ設定への対応 */
@media (min-resolution: 2dppx) {
    body {
        font-size: 14px;
        line-height: 1.6;
    }

    .small {
        font-size: 1.3rem;
    }
}