:root { --color-gray: #929292; --color-gray-second: #c4c4c4; --color-gray-third: #707070; --color-gray-fourth: #d8d5d5; --color-gray-fifth: #e3e3e3; --color-gray-sixth: #F6F6F6; --color-black: #000000; --color-black-second: #0d0d0d; --color-black-third: #262421; --color-white: #ffffff; --color-brown: #684117; --color-red: #ff0000; --font-noto-sans-jp: "Noto Sans JP", sans-serif; --font-noto-serif-jp: "Noto Serif JP", serif; --font-saira: "Saira Semi Condensed", sans-serif; --font-libre-baskerville: "Libre Baskerville", serif; }

:root { --color-gray: #929292; --color-gray-second: #c4c4c4; --color-gray-third: #707070; --color-gray-fourth: #d8d5d5; --color-gray-fifth: #e3e3e3; --color-gray-sixth: #F6F6F6; --color-black: #000000; --color-black-second: #0d0d0d; --color-black-third: #262421; --color-white: #ffffff; --color-brown: #684117; --color-red: #ff0000; --font-noto-sans-jp: "Noto Sans JP", sans-serif; --font-noto-serif-jp: "Noto Serif JP", serif; --font-saira: "Saira Semi Condensed", sans-serif; --font-libre-baskerville: "Libre Baskerville", serif; }

/*====================================================================================
START TABLE OF CONTENT

1. START BASE MARGIN, PADDING.
2. START BASE CLEAR FLOAT.
3. START BASE LAYOUT.
4. START BASE TEXT.
5. START BASE HIDING CLASSES.
6. START BASE COLOR.
7. START BASE BACKGROUND COLOR.
8. START BASE LINK.

/*====================================================================================
1. START BASE MARGIN, PADDING.
====================================================================================*/
/* ---------- START MARGIN BOTTOM ----------*/
.u-mb05 { margin-bottom: 0.5rem !important; }

.u-mb15 { margin-bottom: 1.5rem !important; }

/*====================================================================================
2. START BASE CLEAR FLOAT.
====================================================================================*/
/* ---------- START FLOAT ----------*/
.u-float-left { float: left !important; }

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

/*====================================================================================
3. START BASE LAYOUT.
====================================================================================*/
/* ---------- START MARGIN TOP SECTION ----------*/
.u-mt-section-primary { margin-top: var(--spacing-sp-50-pc-20) !important; }

.u-mt-section-secondary { margin-top: var(--spacing-sp-50-pc-100) !important; }

.u-mt-section-tertiary { margin-top: var(--spacing-sp-45-pc-90) !important; }

.u-mt-section-quaternary { margin-top: var(--spacing-sp-40-pc-80) !important; }

.u-mt-section-quinary { margin-top: var(--spacing-sp-35-pc-70) !important; }

.u-mt-section-senary { margin-top: var(--spacing-sp-30-pc-60) !important; }

.u-mt-section-septenary { margin-top: var(--spacing-sp-25-pc-50) !important; }

.u-mt-section-octonary { margin-top: var(--spacing-sp-25-pc-45) !important; }

.u-mt-section-nonary { margin-top: var(--spacing-sp-20-pc-40) !important; }

.u-mt-section-denary { margin-top: var(--spacing-sp-20-pc-30) !important; }

/* ---------- START PADDING SECTION ----------*/
.u-p-section-primary { padding: var(--spacing-sp-50-pc-20) 0 var(--spacing-sp-50-pc-100) 0 !important; }

.u-p-section-secondary { padding: var(--spacing-sp-50-pc-100) 0 !important; }

.u-p-section-tertiary { padding: var(--spacing-sp-45-pc-90) 0 !important; }

.u-p-section-quaternary { padding: var(--spacing-sp-40-pc-80) 0 !important; }

/*====================================================================================
4. START BASE TEXT.
====================================================================================*/
/* ---------- START FONT FAMILY ---------- */
.u-font-en-primary { font-family: var(--theme-font-en-primary); }

/* ---------- START FONT STYLES ---------- */
.u-font-italic { font-style: italic !important; }

/* ---------- START FONT WEIGHT ---------- */
.u-font-normal { font-weight: normal !important; }

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

/* ---------- START TEXT TRANSFORM ---------- */
.u-text-underline { text-decoration: underline !important; }

.u-text-none-underline { text-decoration: none !important; }

/*====================================================================================
5. START BASE HIDING CLASSES.
====================================================================================*/
.u-hide { display: none !important; }

@media only screen and (max-width: 1199px) { .u-hide-max-w1199 { display: none !important; } }

@media only screen and (max-width: 767px) { .u-hide-max-w767 { display: none !important; } }

@media only screen and (max-width: 575px) { .u-hide-max-w575 { display: none !important; } }

@media only screen and (max-width: 424px) { .u-hide-max-w424 { display: none !important; } }

@media only screen and (max-width: 379px) { .u-hide-max-w379 { display: none !important; } }

@media only screen and (min-width: 1200px) { .u-hide-min-w1200 { display: none !important; } }

@media only screen and (min-width: 768px) { .u-hide-min-w768 { display: none !important; } }

@media only screen and (min-width: 576px) { .u-hide-min-w576 { display: none !important; } }

@media only screen and (min-width: 425px) { .u-hide-min-w425 { display: none !important; } }

@media only screen and (min-width: 380px) { .u-hide-min-w380 { display: none !important; } }

/*====================================================================================
6. START BASE COLOR.
====================================================================================*/
.u-c-primary { color: var(--color-neutral-1000) !important; }

.u-c-secondary { color: var(--color-neutral-100) !important; }

/*====================================================================================
7. START BASE BACKGROUND COLOR.
====================================================================================*/
.u-bg-primary { background-color: var(--theme-color-primary) !important; }

.u-bg-secondary { background-color: var(--theme-color-secondary) !important; }

.u-bg-octonary { background-color: var(--theme-color-octonary) !important; }

/*====================================================================================
8. START BASE LINK.
====================================================================================*/
/* ---------- LINK DECORATION ---------- */
@media only screen and (max-width: 767px) { .u-link-line { text-decoration: underline !important; } }

@media only screen and (min-width: 768px) { .u-link-line { text-decoration: none !important; } }

/*# sourceMappingURL=maps/utility.css.map */