@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700;800&family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap");
/* Document
* ========================================================================== */
/**
* 1. Add border box sizing in all browsers (opinionated).
* 2. Backgrounds do not repeat by default (opinionated).
*/
*,
::before,
::after {
-webkit-box-sizing: border-box;
box-sizing: border-box; /* 1 */
background-repeat: no-repeat; /* 2 */
}
/**
* 1. Add text decoration inheritance in all browsers (opinionated).
* 2. Add vertical alignment inheritance in all browsers (opinionated).
*/
::before,
::after {
text-decoration: inherit; /* 1 */
vertical-align: inherit; /* 2 */
}
/**
* 1. Use the default cursor in all browsers (opinionated).
* 2. Change the line height in all browsers (opinionated).
* 3. Breaks words to prevent overflow in all browsers (opinionated).
* 4. Use a 4-space tab width in all browsers (opinionated).
* 5. Remove the grey highlight on links in iOS (opinionated).
* 6. Prevent adjustments of font size after orientation changes in iOS.
*/
:where(:root) {
cursor: default; /* 1 */
line-height: 1.5; /* 2 */
overflow-wrap: break-word; /* 3 */
-moz-tab-size: 4; /* 4 */
-o-tab-size: 4;
tab-size: 4; /* 4 */
-webkit-tap-highlight-color: transparent; /* 5 */
-webkit-text-size-adjust: 100%; /* 6 */
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
text-size-adjust: 100%; /* 6 */
}
/* Sections
* ========================================================================== */
/**
* Remove the margin in all browsers (opinionated).
*/
:where(body) {
margin: 0;
}
/**
* Correct the font size and margin on `h1` elements within `section` and
* `article` contexts in Chrome, Edge, Firefox, and Safari.
*/
:where(h1) {
font-size: 2em;
margin: 0.67em 0;
}
/* Grouping content
* ========================================================================== */
/**
* Remove the margin on nested lists in Chrome, Edge, and Safari.
*/
:where(dl, ol, ul) :where(dl, ol, ul) {
margin: 0;
}
/**
* 1. Correct the inheritance of border color in Firefox.
* 2. Add the correct box sizing in Firefox.
*/
:where(hr) {
color: inherit; /* 1 */
height: 0; /* 2 */
}
/**
* Remove the list style on navigation lists in all browsers (opinionated).
*/
:where(nav) :where(ol, ul) {
list-style-type: none;
padding: 0;
}
/**
* Prevent VoiceOver from ignoring list semantics in Safari (opinionated).
*/
:where(nav li)::before {
content: "";
float: left;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
* 3. Prevent overflow of the container in all browsers (opinionated).
*/
:where(pre) {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
overflow: auto; /* 3 */
}
/* Text-level semantics
* ========================================================================== */
/**
* Add the correct text decoration in Safari.
*/
:where(abbr[title]) {
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
/**
* Add the correct font weight in Chrome, Edge, and Safari.
*/
:where(b, strong) {
font-weight: bolder;
}
/**
* 1. Correct the inheritance and scaling of font size in all browsers.
* 2. Correct the odd `em` font sizing in all browsers.
*/
:where(code, kbd, samp) {
font-family: monospace, monospace; /* 1 */
font-size: 1em; /* 2 */
}
/**
* Add the correct font size in all browsers.
*/
:where(small) {
font-size: 80%;
}
/* Embedded content
* ========================================================================== */
/*
* Change the alignment on media elements in all browsers (opinionated).
*/
:where(audio, canvas, iframe, img, svg, video) {
vertical-align: middle;
}
/**
* Remove the border on iframes in all browsers (opinionated).
*/
:where(iframe) {
border-style: none;
}
/**
* Change the fill color to match the text color in all browsers (opinionated).
*/
:where(svg:not([fill])) {
fill: currentColor;
}
/* Tabular data
* ========================================================================== */
/**
* 1. Collapse border spacing in all browsers (opinionated).
* 2. Correct table border color in Chrome, Edge, and Safari.
* 3. Remove text indentation from table contents in Chrome, Edge, and Safari.
*/
:where(table) {
border-collapse: collapse; /* 1 */
border-color: currentColor; /* 2 */
text-indent: 0; /* 3 */
}
/* Forms
* ========================================================================== */
/**
* Remove the margin on controls in Safari.
*/
:where(button, input, select) {
margin: 0;
}
/**
* Correct the inability to style buttons in iOS and Safari.
*/
:where(button, [type=button i], [type=reset i], [type=submit i]) {
-webkit-appearance: button;
}
/**
* Change the inconsistent appearance in all browsers (opinionated).
*/
:where(fieldset) {
border: 1px solid #a0a0a0;
}
/**
* Add the correct vertical alignment in Chrome, Edge, and Firefox.
*/
:where(progress) {
vertical-align: baseline;
}
/**
* 1. Remove the margin in Firefox and Safari.
* 3. Change the resize direction in all browsers (opinionated).
*/
:where(textarea) {
margin: 0; /* 1 */
resize: vertical; /* 3 */
}
/**
* 1. Correct the odd appearance in Chrome, Edge, and Safari.
* 2. Correct the outline style in Safari.
*/
:where([type=search i]) {
-webkit-appearance: textfield; /* 1 */
outline-offset: -2px; /* 2 */
}
/**
* Correct the cursor style of increment and decrement buttons in Safari.
*/
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
height: auto;
}
/**
* Correct the text style of placeholders in Chrome, Edge, and Safari.
*/
::-webkit-input-placeholder {
color: inherit;
opacity: 0.54;
}
/**
* Remove the inner padding in Chrome, Edge, and Safari on macOS.
*/
::-webkit-search-decoration {
-webkit-appearance: none;
}
/**
* 1. Correct the inability to style upload buttons in iOS and Safari.
* 2. Change font properties to `inherit` in Safari.
*/
::-webkit-file-upload-button {
-webkit-appearance: button; /* 1 */
font: inherit; /* 2 */
}
/* Interactive
* ========================================================================== */
/*
* Add the correct styles in Safari.
*/
:where(dialog) {
background-color: white;
border: solid;
color: black;
height: -moz-fit-content;
height: -webkit-fit-content;
height: fit-content;
left: 0;
margin: auto;
padding: 1em;
position: absolute;
right: 0;
width: -moz-fit-content;
width: -webkit-fit-content;
width: fit-content;
}
:where(dialog:not([open])) {
display: none;
}
/*
* Add the correct display in Safari.
*/
:where(details > summary:first-of-type) {
display: list-item;
}
/* Accessibility
* ========================================================================== */
/**
* Change the cursor on busy elements in all browsers (opinionated).
*/
:where([aria-busy=true i]) {
cursor: progress;
}
/*
* Change the cursor on disabled, not-editable, or otherwise
* inoperable elements in all browsers (opinionated).
*/
:where([aria-disabled=true i], [disabled]) {
cursor: not-allowed;
}
/*
* Change the display on visually hidden accessible elements
* in all browsers (opinionated).
*/
:where([aria-hidden=false i][hidden]) {
display: initial;
}
:where([aria-hidden=false i][hidden]:not(:focus)) {
clip: rect(0, 0, 0, 0);
position: absolute;
}
body, h1, h2, h3, h4, h5, h6, p, ol, ul, dl, table {
margin: 0;
}
body {
background-color: #fff;
line-height: 1.8;
color: #000;
font-family: "Noto Sans JP" , "ヒラギノ角ゴシック Pro" , "Hiragino Kaku Gothic Pro" , メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
font-weight: 300;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
}
@media (max-width: 767px) {
body {
font-size: 14px;
}
}
@media (min-width: 768px) {
body {
font-size: 16px;
}
}
a {
background-color: transparent;
color: inherit;
text-decoration: none;
}
a:hover {
color: inherit;
text-decoration: none;
}
a:active {
color: inherit;
text-decoration: none;
}
a:visited {
color: inherit;
text-decoration: none;
}
b, strong {
font-weight: bolder;
}
small {
font-size: 80%;
}
audio, canvas, iframe, img, svg, video {
vertical-align: top;
}
iframe {
border-style: none;
}
img {
border-style: none;
max-width: 100%;
height: auto;
}
ol, ul {
list-style: none;
padding: 0;
}
dd {
margin-left: 0;
}
table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
@media (max-width: 767px) {
.l-header__container {
padding-right: 15px;
padding-left: 15px;
height: 60px;
}
.l-header__logo {
padding-top: 17px;
}
.l-header__logo img {
width: 280px;
}
}
@media (min-width: 768px) {
.l-header__container {
padding: max(30px, 2.0833333333vw);
}
.l-header__logo img {
width: max(428px, 29.7222222222vw);
}
}
@media (max-width: 767px) {
.l-footer__container {
padding-right: 15px;
padding-left: 15px;
}
}
@media (min-width: 768px) {
.l-footer__container {
padding-right: 9.3055555556vw;
padding-left: 2.7777777778vw;
}
}
@media (max-width: 767px) {
.c-section.-vision {
margin-bottom: 50px;
}
}
@media (max-width: 767px) {
.c-section.-program {
margin-bottom: 50px;
}
}
.c-section.-theme {
background-position: center top;
background-repeat: no-repeat;
background-size: 100% auto;
}
@media (max-width: 767px) {
.c-section.-theme {
margin-bottom: 50px;
background-image: url("../img/bg-theme-sp.jpg");
background-size: auto 90px;
padding-top: 50px;
}
}
@media (min-width: 768px) {
.c-section.-theme {
margin-bottom: 19.0972222222vw;
background-image: -webkit-image-set(url("../img/bg-theme.webp") type("image/webp"), url("../img/bg-theme.jpg") type("image/jpeg"));
background-image: image-set(url("../img/bg-theme.webp") type("image/webp"), url("../img/bg-theme.jpg") type("image/jpeg"));
background-size: auto 20.8333333333vw;
padding-top: 16.6666666667vw;
}
}
@media (max-width: 767px) {
.c-section.-asset {
margin-bottom: 80px;
}
}
@media (min-width: 768px) {
.c-section.-asset {
margin-bottom: 13.8888888889vw;
}
}
@media (max-width: 767px) {
.c-section.-schedule {
margin-bottom: 90px;
}
}
@media (min-width: 768px) {
.c-section.-schedule {
margin-bottom: 13.8888888889vw;
padding-right: 6.9444444444vw;
padding-left: 6.9444444444vw;
}
}
@media (max-width: 767px) {
.c-section.-guideline {
margin-bottom: 90px;
}
}
@media (min-width: 768px) {
.c-section.-guideline {
margin-bottom: 13.8888888889vw;
}
}
@media (max-width: 767px) {
.c-section.-interview {
margin-bottom: 50px;
}
}
@media (min-width: 768px) {
.c-section.-interview {
margin-bottom: 13.8888888889vw;
}
}
.c-heading-section {
margin-bottom: 0.5em;
line-height: 1;
-webkit-transform: skewY(-5deg);
transform: skewY(-5deg);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
font-weight: 800;
text-transform: uppercase;
font-family: "Montserrat", "Noto Sans JP" , "ヒラギノ角ゴシック Pro" , "Hiragino Kaku Gothic Pro" , メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
@media (max-width: 767px) {
.c-heading-section {
font-size: 2.25rem;
}
}
@media (min-width: 768px) {
.c-heading-section {
font-size: 4.1666666667vw;
}
}
.c-heading-section.-program small {
font-weight: 700;
}
@media (max-width: 767px) {
.c-heading-section.-program small {
display: block;
margin-top: 0.2em;
font-size: 40%;
}
}
@media (min-width: 768px) {
.c-heading-section.-program small {
margin-left: 0.5em;
font-size: 1.25vw;
}
}
.c-heading-section.-schedule {
margin-bottom: 0;
text-align: center;
}
@media (max-width: 767px) {
.c-heading-section.-schedule {
margin-bottom: 10px;
}
}
.c-heading-section.-guideline {
margin-bottom: 0;
text-align: center;
}
.c-heading-section.-interview {
margin-bottom: 0;
text-align: center;
}
.c-text-en {
font-family: "Montserrat" , sans-serif;
}
@media (max-width: 767px) {
.c-text-notice {
font-size: 0.625rem;
}
}
@media (min-width: 768px) {
.c-text-notice {
font-size: 0.8333333333vw;
}
}
.c-btn01,
.c-btn02 {
position: relative;
}
.c-btn01::before,
.c-btn02::before {
content: "";
position: absolute;
display: block;
}
.c-btn01 span,
.c-btn02 span {
display: block;
line-height: 1.3;
}
.c-btn01.-bg-black,
.c-btn02.-bg-black {
background-color: #000;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.c-btn01.-bg-black::after,
.c-btn02.-bg-black::after {
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.c-btn01.-bg-black:hover,
.c-btn02.-bg-black:hover {
background-color: #52c3ff;
color: #000;
}
.c-btn01.-bg-black:hover::after,
.c-btn02.-bg-black:hover::after {
background-image: url("../img/icon-arrow.svg");
}
.c-btn01.-bg-grad-blue::before, .c-btn01.-bg-grad-pink::before,
.c-btn02.-bg-grad-blue::before,
.c-btn02.-bg-grad-pink::before {
content: "";
width: 100%;
height: 100%;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.c-btn01.-bg-grad-blue:hover::before, .c-btn01.-bg-grad-pink:hover::before,
.c-btn02.-bg-grad-blue:hover::before,
.c-btn02.-bg-grad-pink:hover::before {
opacity: 0;
}
.c-btn01.-bg-grad-blue span, .c-btn01.-bg-grad-pink span,
.c-btn02.-bg-grad-blue span,
.c-btn02.-bg-grad-pink span {
position: relative;
}
.c-btn01.-bg-grad-blue,
.c-btn02.-bg-grad-blue {
background-color: #6cffdb;
background-image: -webkit-linear-gradient(45deg, #6cffdb 0%, #52c3ff 100%);
background-image: linear-gradient(45deg, #6cffdb 0%, #52c3ff 100%);
}
.c-btn01.-bg-grad-blue::before,
.c-btn02.-bg-grad-blue::before {
background-color: #52c3ff;
background-image: -webkit-linear-gradient(45deg, #52c3ff 0%, #6cffdb 100%);
background-image: linear-gradient(45deg, #52c3ff 0%, #6cffdb 100%);
}
.c-btn01.-bg-grad-pink,
.c-btn02.-bg-grad-pink {
background-color: #d0c873;
background-image: -webkit-linear-gradient(45deg, #f975f0 0%, #ffef44 100%);
background-image: linear-gradient(45deg, #f975f0 0%, #ffef44 100%);
}
.c-btn01.-bg-grad-pink::before,
.c-btn02.-bg-grad-pink::before {
background-color: #ffef44;
background-image: -webkit-linear-gradient(45deg, #ffef44 0%, #f975f0 100%);
background-image: linear-gradient(45deg, #ffef44 0%, #f975f0 100%);
}
.c-btn01.-text-black,
.c-btn02.-text-black {
color: #000;
}
.c-btn01.-text-black::after,
.c-btn02.-text-black::after {
position: absolute;
content: "";
background-image: url("../img/icon-arrow.svg");
background-size: 100% 100%;
}
.c-btn01.-text-blue,
.c-btn02.-text-blue {
color: #52c3ff;
}
.c-btn01.-text-blue::after,
.c-btn02.-text-blue::after {
position: absolute;
content: "";
background-image: url("../img/icon-arrow-blue.svg");
background-size: 100% 100%;
}
@media (max-width: 767px) {
.c-btn01::after,
.c-btn02::after {
top: 50%;
right: 5%;
width: 30px;
height: 8px;
margin-top: -4px;
}
}
@media (min-width: 768px) {
.c-btn01::after,
.c-btn02::after {
top: 50%;
right: 3.3653846154%;
width: 5.2777777778vw;
height: 0.9027777778vw;
margin-top: -0.4513888889vw;
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
.c-btn01:hover::after,
.c-btn02:hover::after {
-webkit-transform: translateX(20%);
transform: translateX(20%);
}
}
.c-btn01 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-weight: bold;
text-align: center;
letter-spacing: 0.1em;
}
@media (max-width: 767px) {
.c-btn01 {
padding-top: 0.5em;
padding-bottom: 0.5em;
min-height: 60px;
font-size: 1rem;
}
}
@media (min-width: 768px) {
.c-btn01 {
min-height: 5.5555555556vw;
font-size: 1.6666666667vw;
}
}
.c-btn02 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-weight: bold;
text-align: center;
letter-spacing: 0.1em;
}
@media (max-width: 767px) {
.c-btn02 {
padding-top: 0.5em;
padding-bottom: 0.5em;
min-height: 60px;
font-size: 1rem;
}
}
@media (min-width: 768px) {
.c-btn02 {
min-height: 5.5555555556vw;
font-size: 1.6666666667vw;
}
.c-btn02::after {
top: 50%;
right: -5.5%;
}
}
@media (max-width: 767px) {
.p-footer-content {
padding-top: 30px;
padding-bottom: 30px;
}
.p-footer-content__logo {
text-align: center;
}
.p-footer-content__logo img {
width: 80%;
}
.p-footer-content__copyright {
margin-top: 1em;
font-size: 0.625rem;
text-align: center;
}
}
@media (min-width: 768px) {
.p-footer-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
padding-top: 3.75vw;
padding-bottom: 2.2222222222vw;
}
.p-footer-content__logo img {
width: 36.8055555556vw;
}
.p-footer-content__copyright {
font-size: 0.8333333333vw;
text-align: right;
}
}
@media (min-width: 768px) {
.p-bg01 {
background-image: -webkit-image-set(url("../img/bg-vision.webp") type("image/webp"), url("../img/bg-vision.jpg") type("image/jpeg"));
background-image: image-set(url("../img/bg-vision.webp") type("image/webp"), url("../img/bg-vision.jpg") type("image/jpeg"));
background-position: top 51.3888888889vw right;
background-repeat: no-repeat;
background-size: 100% auto;
}
}
.p-visual {
position: relative;
background-position: center bottom;
background-repeat: no-repeat;
background-size: cover;
}
.p-visual__heading01, .p-visual__heading02 {
display: block;
}
@media (max-width: 767px) {
.p-visual {
margin-bottom: 40px;
background-image: url("../img/img-main-sp.jpg");
padding-top: 7vh;
height: calc(100vh - 60px);
}
.p-visual__heading {
padding-right: 15px;
padding-left: 15px;
}
.p-visual__heading01 {
text-align: center;
}
.p-visual__heading01 img {
width: 100%;
}
.p-visual__heading02 {
margin-top: -10px;
text-align: right;
}
.p-visual__heading02 img {
width: 50vw;
}
}
@media (min-width: 768px) {
.p-visual {
margin-bottom: 13.1944444444vw;
background-image: -webkit-image-set(url("../img/img-main.webp") type("image/webp"), url("../img/img-main.jpg") type("image/jpeg"));
background-image: image-set(url("../img/img-main.webp") type("image/webp"), url("../img/img-main.jpg") type("image/jpeg"));
}
.p-visual__heading {
height: 75.1388888889vw;
}
.p-visual__heading01 {
text-align: center;
}
.p-visual__heading01 img {
width: 56.6666666667vw;
}
.p-visual__heading02 {
margin-top: -14px;
padding-right: 15.6944444444vw;
text-align: right;
}
.p-visual__heading02 img {
width: 31.3888888889vw;
}
}
.p-newsticker {
position: absolute;
right: 0;
bottom: 0;
background: #fff;
}
.p-newsticker__title {
font-weight: 700;
font-family: "Montserrat" , sans-serif;
letter-spacing: 0.1em;
}
.p-newsticker__item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-weight: 300;
}
.p-newsticker__item a {
text-decoration: underline;
}
.p-newsticker__item a:hover {
text-decoration: none;
}
.p-newsticker__text {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
@media (max-width: 767px) {
.p-newsticker {
/* margin-left: 70px; */
padding: 10px;
width: 85%;
line-height: 1.5;
font-size: 0.75rem;
}
.p-newsticker__title {
font-size: inherit;
}
.p-newsticker__list {
overflow-y: scroll;
max-height: 6.3em;
padding-right: 10px;
}
.p-newsticker__item {
margin-top: .5em;
margin-bottom: .5em;
font-size: inherit;
}
.p-newsticker__date {
-webkit-box-flex: 0;
-webkit-flex: 0 0 70px;
-ms-flex: 0 0 70px;
flex: 0 0 70px;
}
}
@media (min-width: 768px) {
.p-newsticker {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 40px 2.9166666667vw;
width: 57.8472222222vw;
}
.p-newsticker__title {
font-size: 1.25vw;
-webkit-box-flex: 0;
-webkit-flex: 0 0 6.8055555556vw;
-ms-flex: 0 0 6.8055555556vw;
flex: 0 0 6.8055555556vw;
}
.p-newsticker__list {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
letter-spacing: 0.1em;
overflow-y: scroll;
padding-right: 10px;
max-height: 5.5em;
font-size: 1.25vw;
}
.p-newsticker__date {
-webkit-box-flex: 0;
-webkit-flex: 0 0 9.7222222222vw;
-ms-flex: 0 0 9.7222222222vw;
flex: 0 0 9.7222222222vw;
}
}
.p-vision__text {
margin-bottom: 1em;
line-height: 1.8;
font-weight: bold;
text-align: justify;
}
.p-vision__text p + p {
margin-top: 1em;
}
.p-vision__copy {
line-height: 1.6667;
font-weight: 700;
}
@media (max-width: 767px) {
.p-vision::after {
content: "";
display: block;
aspect-ratio: 750/510;
margin-right: -15px;
margin-left: -15px;
background: url("../img/bg-vision-sp.jpg") 0 0 no-repeat;
background-size: 100% auto;
width: calc(100% + 30px);
}
.p-vision__text {
font-size: 1.125rem;
}
.p-vision__copy {
font-size: 1.5rem;
}
}
@media (min-width: 768px) {
.p-vision {
padding-bottom: 40vw;
}
.p-vision__text {
font-size: 1.9444444444vw;
}
.p-vision__copy {
font-size: 3.3333333333vw;
}
}
.p-program-lists__heading {
font-weight: 800;
}
.p-program-lists__list {
list-style: none;
}
.p-program-lists__item {
position: relative;
margin-bottom: 0.5em;
line-height: 2;
letter-spacing: 0.1em;
}
.p-program-lists__item::before {
content: "";
position: absolute;
top: 0.7em;
left: 0;
display: inline-block;
background-color: #52c3ff;
width: 0.55em;
height: 0.55em;
border-radius: 50%;
}
.p-program-lists__item dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.p-program-lists__item dt,
.p-program-lists__item dd {
border-bottom: 1px solid #52c3ff;
padding-bottom: 0.2em;
}
.p-program-lists__item dt {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
}
.p-program-lists__item dt::after {
content: "";
position: absolute;
top: 20%;
display: block;
background-color: #52c3ff;
width: 1px;
height: 60%;
}
.p-program-lists__item dd {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 100%;
}
.p-program-lists__item > span {
display: block;
border-bottom: 1px solid #52c3ff;
padding-bottom: 0.2em;
}
.p-program-lists__item small {
font-size: 66%;
}
@media (max-width: 767px) {
.p-program-lists {
margin-bottom: 30px;
}
.p-program-lists__heading {
margin-bottom: 0.5em;
font-size: 1.125rem;
}
.p-program-lists__list {
margin-bottom: 30px;
padding-left: 15px;
}
.p-program-lists__list:last-of-type {
margin-bottom: 0;
}
.p-program-lists__item {
margin-bottom: 1em;
padding-left: 13px;
line-height: 1.5;
font-size: 0.8125rem;
}
.p-program-lists__item dl {
-webkit-column-gap: 1.6em;
-moz-column-gap: 1.6em;
column-gap: 1.6em;
}
.p-program-lists__item dt::after {
right: -0.8em;
}
.p-program-lists__item dt.w01 {
-webkit-flex-basis: 8em;
-ms-flex-preferred-size: 8em;
flex-basis: 8em;
}
.p-program-lists__item dt.w02 {
-webkit-flex-basis: 3em;
-ms-flex-preferred-size: 3em;
flex-basis: 3em;
}
.p-program-lists__item > span {
padding-bottom: 0.5em;
}
.p-program-lists__item small {
display: block;
margin-top: 0.5em;
}
}
@media (min-width: 768px) {
.p-program-lists {
margin-bottom: 10.4166666667vw;
padding-right: 8.064516129%;
padding-left: 16.7741935484%;
}
.p-program-lists__heading {
margin-bottom: 0.6944444444vw;
font-size: 2.2222222222vw;
}
.p-program-lists__list {
margin-bottom: 3.75vw;
padding-left: 5.5555555556vw;
}
.p-program-lists__item {
padding-left: 17px;
font-size: 1.1805555556vw;
}
.p-program-lists__item dl {
-webkit-column-gap: 4.46%;
-moz-column-gap: 4.46%;
column-gap: 4.46%;
}
.p-program-lists__item dt::after {
right: -1em;
}
.p-program-lists__item dt.w01 {
-webkit-flex-basis: 9em;
-ms-flex-preferred-size: 9em;
flex-basis: 9em;
}
.p-program-lists__item dt.w02 {
-webkit-flex-basis: 5em;
-ms-flex-preferred-size: 5em;
flex-basis: 5em;
}
}
.p-domain {
position: relative;
}
.p-domain::before, .p-domain::after {
content: "";
position: absolute;
left: 0;
display: block;
background-color: #6cffdb;
width: 100%;
height: 1px;
}
.p-domain::before {
top: 0;
}
.p-domain::after {
bottom: 0;
}
.p-domain__inner {
position: relative;
}
.p-domain__inner::before, .p-domain__inner::after {
content: "";
position: absolute;
display: block;
background-color: #52c3ff;
width: 1px;
}
.p-domain__inner::before {
left: 0;
}
.p-domain__inner::after {
right: 0;
}
@media (max-width: 767px) {
.p-domain__inner::before, .p-domain__inner::after {
top: 10px;
height: calc(100% - 20px);
}
}
@media (min-width: 768px) {
.p-domain__inner::before, .p-domain__inner::after {
top: 38px;
height: calc(100% - 76px);
}
}
.p-domain__heading {
font-weight: 700;
text-align: center;
}
.p-domain__image:last-child {
margin-bottom: 0;
}
@media (max-width: 767px) {
.p-domain__inner {
padding: 20px;
}
.p-domain__heading {
margin-bottom: 1em;
line-height: 1;
font-size: 1.25rem;
}
.p-domain__text {
margin-bottom: 1em;
line-height: 1.8;
font-size: 0.75rem;
}
.p-domain__image {
margin-bottom: 1em;
}
}
@media (min-width: 768px) {
.p-domain {
margin-right: 6.9444444444vw;
margin-bottom: 12.7083333333vw;
margin-left: 6.9444444444vw;
}
.p-domain__inner {
padding: 7.2916666667vw;
}
.p-domain__heading {
margin-bottom: 5vw;
line-height: 1;
font-size: 2.9166666667vw;
}
.p-domain__text {
margin-bottom: 2.5em;
line-height: 1.7778;
font-size: 1.25vw;
}
.p-domain__image {
margin-bottom: 2.5em;
}
}
@media (max-width: 767px) {
.p-theme-heading {
margin-bottom: 30px;
}
.p-theme-heading img {
width: 267px;
}
}
@media (min-width: 768px) {
.p-theme-heading {
margin-bottom: 3.125vw;
}
.p-theme-heading img {
width: 49.5138888889vw;
}
}
.p-theme-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.p-theme-content__heading {
line-height: 1;
font-weight: 400;
}
.p-theme-content__heading.-c01 {
background-color: #6cffdb;
}
.p-theme-content__heading.-c02 {
background-color: #8cb4e6;
}
.p-theme-content__list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.p-theme-content__list dt,
.p-theme-content__list dd {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
border-bottom-width: 1px;
border-bottom-style: solid;
}
.p-theme-content__list dt:first-of-type,
.p-theme-content__list dd:first-of-type {
border-top-width: 1px;
border-top-style: solid;
}
.p-theme-content__list dt {
position: relative;
line-height: 1.2;
font-weight: 800;
font-size: 1.125rem;
}
.p-theme-content__list dt::after {
content: "";
position: absolute;
right: 0;
display: block;
background-size: auto auto;
background-repeat: repeat;
}
.p-theme-content__list.-c01 dt,
.p-theme-content__list.-c01 dd {
border-bottom-color: #6cffdb;
}
.p-theme-content__list.-c01 dt:first-of-type,
.p-theme-content__list.-c01 dd:first-of-type {
border-top-color: #6cffdb;
}
.p-theme-content__list.-c01 dt::after {
background-image: -webkit-repeating-linear-gradient(bottom, transparent, transparent 8px, #6cffdb 8px, #6cffdb 9px);
background-image: repeating-linear-gradient(0deg, transparent, transparent 8px, #6cffdb 8px, #6cffdb 9px);
}
.p-theme-content__list.-c02 dt,
.p-theme-content__list.-c02 dd {
border-bottom-color: #8cb4e6;
}
.p-theme-content__list.-c02 dt:first-of-type,
.p-theme-content__list.-c02 dd:first-of-type {
border-top-color: #8cb4e6;
}
.p-theme-content__list.-c02 dt::after {
background-image: -webkit-repeating-linear-gradient(bottom, transparent, transparent 8px, #8cb4e6 8px, #8cb4e6 9px);
background-image: repeating-linear-gradient(0deg, transparent, transparent 8px, #8cb4e6 8px, #8cb4e6 9px);
}
@media (max-width: 767px) {
.p-theme-content {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.p-theme-content + .p-theme-content {
margin-top: 15px;
}
.p-theme-content__heading {
-webkit-box-flex: 0;
-webkit-flex: 0 0 100%;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
padding: 0.3em 10px;
line-height: 1;
font-size: 0.9375rem;
}
.p-theme-content__list dt,
.p-theme-content__list dd {
padding-top: 0.5em;
padding-bottom: 0.5em;
}
.p-theme-content__list dt {
-webkit-box-flex: 0;
-webkit-flex: 0 0 140px;
-ms-flex: 0 0 140px;
flex: 0 0 140px;
font-size: 1rem;
}
.p-theme-content__list dt::after {
top: 5px;
width: 10px;
height: calc(100% - 10px);
}
.p-theme-content__list dd {
-webkit-box-flex: 0;
-webkit-flex: 0 0 calc(100% - 140px);
-ms-flex: 0 0 calc(100% - 140px);
flex: 0 0 calc(100% - 140px);
padding-left: 1em;
font-size: 0.8125rem;
}
}
@media (min-width: 768px) {
.p-theme-content {
-webkit-column-gap: 0.7638888889vw;
-moz-column-gap: 0.7638888889vw;
column-gap: 0.7638888889vw;
padding-right: 6.9444444444vw;
padding-left: 6.9444444444vw;
}
.p-theme-content + .p-theme-content {
margin-top: 2.7777777778vw;
}
.p-theme-content__heading {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 0;
-webkit-flex: 0 0 3.4615384615%;
-ms-flex: 0 0 3.4615384615%;
flex: 0 0 3.4615384615%;
padding-top: 0.25em;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-size: 1.6666666667vw;
}
.p-theme-content__list dt,
.p-theme-content__list dd {
min-height: 135px;
}
.p-theme-content__list dt {
-webkit-box-flex: 0;
-webkit-flex: 0 0 37.4622356495%;
-ms-flex: 0 0 37.4622356495%;
flex: 0 0 37.4622356495%;
padding-left: 6.2437059416%;
font-size: 2.0833333333vw;
}
.p-theme-content__list dt::after {
top: 16px;
width: 13px;
height: calc(100% - 32px);
}
.p-theme-content__list dd {
-webkit-box-flex: 0;
-webkit-flex: 0 0 62.5377643505%;
-ms-flex: 0 0 62.5377643505%;
flex: 0 0 62.5377643505%;
padding-left: 3.125vw;
line-height: 2;
font-size: 1.25vw;
}
}
@media (max-width: 767px) {
.p-asset-heading {
margin-bottom: 15px;
}
.p-asset-heading img {
width: 197px;
}
}
@media (min-width: 768px) {
.p-asset-heading {
margin-bottom: 3.4722222222vw;
}
.p-asset-heading img {
width: 36.5277777778vw;
}
}
@media (max-width: 767px) {
.p-asset-lead {
margin-bottom: 15px;
font-size: 0.875rem;
}
}
@media (min-width: 768px) {
.p-asset-lead {
margin-bottom: 4.1666666667vw;
margin-left: 6.9444444444vw;
font-size: 1.25vw;
line-height: 1.7778;
letter-spacing: 0.1em;
}
}
.p-asset-item {
position: relative;
}
.p-asset-item__image {
position: relative;
}
.p-asset-item__image::before {
content: "";
position: absolute;
top: 0;
left: 0;
background: #ffef44;
background: -webkit-gradient(linear, left bottom, left top, from(#ffef44), to(#f975f0));
background: -webkit-linear-gradient(bottom, #ffef44 0%, #f975f0 100%);
background: linear-gradient(0deg, #ffef44 0%, #f975f0 100%);
width: 10px;
height: 100%;
}
.p-asset-item__image-label {
position: absolute;
left: 10px;
padding: 0.3em 0.5em;
line-height: 1;
background: -webkit-gradient(linear, left top, right top, from(#ffef44), to(#f975f0));
background: -webkit-linear-gradient(left, #ffef44 0%, #f975f0 100%);
background: linear-gradient(90deg, #ffef44 0%, #f975f0 100%);
}
.p-asset-item__label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.p-asset-item__label::after {
content: "";
display: block;
background: -webkit-gradient(linear, left top, right top, from(#f975f0), to(#ffef44));
background: -webkit-linear-gradient(left, #f975f0 0%, #ffef44 100%);
background: linear-gradient(90deg, #f975f0 0%, #ffef44 100%);
width: 100%;
height: 2px;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.p-asset-item__label span {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background-color: #f975f0;
padding: 0.2em 1em;
line-height: 1;
font-weight: 700;
}
.p-asset-item__title {
font-weight: 800;
}
.p-asset-item__texts dt {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-weight: 300;
}
.p-asset-item__texts dt::after {
content: "";
display: block;
background: #000;
width: 100%;
height: 1px;
}
.p-asset-item__texts dt span {
-webkit-box-flex: 1;
-webkit-flex: 1 0 auto;
-ms-flex: 1 0 auto;
flex: 1 0 auto;
margin-right: 0.5em;
}
.p-asset-item__texts dd {
font-weight: 500;
}
.p-asset-item__texts dd ul {
list-style: disc inside;
}
@media (max-width: 767px) {
.p-asset-item + .p-asset-item {
margin-top: 15px;
}
.p-asset-item__image {
margin-bottom: 15px;
}
.p-asset-item__image-label {
bottom: 15px;
font-size: 0.75rem;
border-radius: 0 6px 6px 0;
}
.p-asset-item__label {
margin-bottom: 10px;
}
.p-asset-item__label span {
font-size: 0.6875rem;
height: 20px;
border-radius: 10px;
}
.p-asset-item__title {
margin-bottom: 0.5em;
font-size: 1.125rem;
}
.p-asset-item__texts dt {
font-size: 0.9375rem;
}
.p-asset-item__texts dd {
margin-bottom: 10px;
padding-left: 1em;
font-size: 0.8125rem;
}
}
@media (min-width: 768px) {
.p-asset-item + .p-asset-item {
margin-top: 1.9444444444vw;
}
.p-asset-item__image {
margin-left: auto;
width: 47.8472222222vw;
}
.p-asset-item__image img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
width: 100%;
height: 100%;
}
.p-asset-item__image-label {
bottom: 30px;
font-size: 1.25vw;
border-radius: 0 0.4166666667vw 0.4166666667vw 0;
}
.p-asset-item__content {
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.p-asset-item__content-inner {
padding-left: 11.9444444444vw;
width: 38.2638888889vw;
}
.p-asset-item__label {
margin-bottom: 3.4722222222vw;
margin-left: -5vw;
}
.p-asset-item__label span {
font-size: 1.1111111111vw;
height: 2.0833333333vw;
border-radius: 1.0416666667vw;
}
.p-asset-item__title {
margin-bottom: 2.4305555556vw;
font-size: 2.0833333333vw;
}
.p-asset-item__texts dt {
font-size: 1.1111111111vw;
}
.p-asset-item__texts dd {
margin-bottom: 2.5vw;
padding-left: 1.3888888889vw;
font-size: 1.25vw;
white-space: nowrap;
}
.p-asset-item__texts dd sup {
font-size: 0.8333333333vw;
}
}
.p-asset-notice-list {
line-height: 2;
}
.p-asset-notice-list ol {
margin-bottom: 1em;
}
@media (max-width: 767px) {
.p-asset-notice-list {
margin-top: 30px;
}
.p-asset-notice-list ol {
font-size: 0.625rem;
}
.p-asset-notice-list ol > li {
line-height: 1.5;
padding-left: 1.2em;
text-indent: -1.2em;
}
}
@media (min-width: 768px) {
.p-asset-notice-list {
margin-top: 5.5555555556vw;
padding-right: 6.9444444444vw;
padding-left: 6.9444444444vw;
}
.p-asset-notice-list ol {
font-size: 0.8333333333vw;
}
.p-asset-notice-list ol > li {
padding-left: 2em;
text-indent: -2em;
}
}
.p-schedule {
background: url("../img/bg-schedule.jpg") center center no-repeat;
background-size: cover;
-webkit-box-shadow: inset 0 0 10px 10px rgba(0, 0, 0, 0.05);
box-shadow: inset 0 0 10px 10px rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
.p-schedule {
border-radius: 20px;
padding: 40px 15px 15px 15px;
}
}
@media (min-width: 768px) {
.p-schedule {
border-radius: 1.3888888889vw;
padding: 6.9444444444vw 2.1527777778vw 2.9861111111vw 2.1527777778vw;
}
}
@media (min-width: 768px) {
.p-guideline-content {
margin-right: auto;
margin-left: auto;
width: 47.2222222222vw;
}
}
.p-guideline-lead {
font-weight: 300;
}
@media (max-width: 767px) {
.p-guideline-lead {
margin-bottom: 15px;
}
}
@media (min-width: 768px) {
.p-guideline-lead {
margin-bottom: 4.0277777778vw;
line-height: 1.7778;
font-size: 1.25vw;
}
}
.p-guideline-button {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: #52c3ff;
background: -webkit-linear-gradient(45deg, #52c3ff 0%, #6cffdb 100%);
background: linear-gradient(45deg, #52c3ff 0%, #6cffdb 100%);
font-weight: 700;
letter-spacing: 0.1em;
}
.p-guideline-button::before, .p-guideline-button::after {
content: "";
position: absolute;
}
.p-guideline-button::before {
top: 0;
left: 0;
display: block;
border: 2px solid;
-webkit-border-image: -webkit-gradient(linear, left top, right top, from(#6cffdb), to(#52c3ff)) 1;
-webkit-border-image: -webkit-linear-gradient(left, #6cffdb, #52c3ff) 1;
-o-border-image: linear-gradient(to right, #6cffdb, #52c3ff) 1;
border-image: -webkit-gradient(linear, left top, right top, from(#6cffdb), to(#52c3ff)) 1;
border-image: linear-gradient(to right, #6cffdb, #52c3ff) 1;
background: #fff;
width: 100%;
height: 100%;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.p-guideline-button::after {
content: "";
top: 50%;
background: url("../img/icon-arrow.svg") center center no-repeat;
background-size: 100% 100%;
-webkit-transition: -webkit-transform 0.2s;
transition: -webkit-transform 0.2s;
transition: transform 0.2s;
transition: transform 0.2s, -webkit-transform 0.2s;
}
.p-guideline-button:hover::before {
opacity: 0;
}
.p-guideline-button:hover::after {
-webkit-transform: translateX(20%);
transform: translateX(20%);
}
.p-guideline-button span {
position: relative;
}
@media (max-width: 767px) {
.p-guideline-button {
font-size: 1rem;
min-height: 50px;
}
.p-guideline-button::after {
right: -10px;
margin-top: -4px;
width: 30px;
height: 8px;
}
}
@media (min-width: 768px) {
.p-guideline-button {
font-size: 1.25vw;
height: 4.1666666667vw;
}
.p-guideline-button::after {
right: -1.25vw;
margin-top: -0.3472222222vw;
width: 4.0972222222vw;
height: 0.6944444444vw;
}
}
@media (max-width: 767px) {
.p-guideline-button.-sm {
font-size: 0.8125rem;
min-height: 36px;
}
}
@media (min-width: 768px) {
.p-guideline-button.-sm {
font-size: 0.9722222222vw;
height: 2.7777777778vw;
}
.p-guideline-button.-sm::after {
right: 1.3888888889vw;
}
}
@media (max-width: 767px) {
.p-guideline-buttons__item {
padding-right: 30px;
padding-left: 30px;
}
.p-guideline-buttons__item + .p-guideline-buttons__item {
margin-top: 10px;
}
}
@media (min-width: 768px) {
.p-guideline-buttons__item {
padding-right: 5.6944444444vw;
padding-left: 5.6944444444vw;
}
.p-guideline-buttons__item + .p-guideline-buttons__item {
margin-top: 2.0833333333vw;
}
}
@media (max-width: 767px) {
.p-guideline-dl-zip {
margin-top: 20px;
}
}
@media (min-width: 768px) {
.p-guideline-dl-zip {
margin-top: 4.1666666667vw;
}
}
.p-interview__title {
margin-bottom: 0.4em;
line-height: 1.5;
font-weight: 700;
letter-spacing: 0.05em;
}
.p-interview__text {
margin-bottom: 1.5em;
line-height: 1.6667;
font-weight: 500;
}
.p-interview__more {
font-weight: 500;
}
@media (max-width: 767px) {
.p-interview__item + .p-interview__item {
margin-top: 30px;
}
.p-interview__image {
margin-bottom: 15px;
}
.p-interview__inner {
margin-right: 15px;
margin-left: 15px;
border-left: 1px solid #000;
padding-left: 15px;
}
.p-interview__title {
font-size: 1.125rem;
}
}
@media (min-width: 768px) {
.p-interview {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.p-interview__item {
-webkit-box-flex: 0;
-webkit-flex: 0 0 50%;
-ms-flex: 0 0 50%;
flex: 0 0 50%;
}
.p-interview__item a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: 100%;
}
.p-interview__image {
margin-bottom: 2.0138888889vw;
}
.p-interview__image img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center center;
object-position: center center;
height: 27.7777777778vw;
}
.p-interview__inner {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
border-left: 1px solid #000;
padding-left: 1.5277777778vw;
width: 43.0555555556vw;
}
.p-interview__item.-item01 .p-interview__inner {
margin-left: auto;
}
.p-interview__title {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 1.6666666667vw;
}
.p-interview__text {
font-size: 1.25vw;
}
.p-interview__more {
font-size: 1.1111111111vw;
}
}
@media (max-width: 767px) {
.p-entry-heading {
margin-bottom: 20px;
}
.p-entry-heading img {
width: 172px;
}
}
@media (min-width: 768px) {
.p-entry-heading {
margin-bottom: 1em;
}
.p-entry-heading img {
width: 31.875vw;
}
}
@media (max-width: 767px) {
.p-entry-lead {
margin-bottom: 15px;
font-size: 0.875rem;
}
}
@media (min-width: 768px) {
.p-entry-lead {
margin-bottom: 2em;
padding-right: 14.5833333333vw;
padding-left: 14.5833333333vw;
font-size: 1.1111111111vw;
line-height: 2;
}
}
.p-entry-block {
background-position: center center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.p-entry-block.-bg01 {
background-image: url("../img/bg-entry-01.jpg");
}
.p-entry-block.-bg02 {
background-image: url("../img/bg-entry-02.jpg");
}
.p-entry-block__inner {
background-color: #fff;
}
.p-entry-block__heading {
margin-bottom: 1em;
text-align: center;
font-weight: 700;
}
.p-entry-block__lead {
line-height: 2;
font-weight: 300;
}
.p-entry-block__text01, .p-entry-block__text02 {
line-height: 1.5;
font-weight: 300;
}
.p-entry-block__text01 {
padding-top: 1em;
border-bottom: 1px solid #8cb4e6;
}
.p-entry-block__text02 tr {
border-bottom: 1px solid #8cb4e6;
}
.p-entry-block__text02 th,
.p-entry-block__text02 td {
padding-top: 1em;
padding-bottom: 0.2em;
}
.p-entry-block__text02 th {
font-weight: 300;
text-align: left;
vertical-align: top;
}
.p-entry-block__text02 dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.p-entry-block__text02 dt {
-webkit-box-flex: 0;
-webkit-flex: 0 0 60px;
-ms-flex: 0 0 60px;
flex: 0 0 60px;
border-right: 1px solid #000;
}
.p-entry-block__text02 dd {
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding-left: 0.5em;
}
.p-entry-block__more a {
font-weight: 400;
}
@media (max-width: 767px) {
.p-entry-block {
padding: 15px;
}
.p-entry-block__inner {
padding: 20px;
}
.p-entry-block__heading {
font-size: 1.125rem;
}
.p-entry-block__lead {
line-height: 1.7;
font-size: 0.8125rem;
}
.p-entry-block__text01, .p-entry-block__text02 {
margin-bottom: 1em;
font-size: 1rem;
}
.p-entry-block__text01 {
padding-bottom: 0.25em;
text-align: center;
letter-spacing: 0.1em;
}
.p-entry-block__text02 th {
width: 35%;
}
.p-entry-block__text02 dl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.p-entry-block__text02 dt {
-webkit-box-flex: 0;
-webkit-flex: 0 0 60px;
-ms-flex: 0 0 60px;
flex: 0 0 60px;
border-right: 1px solid #000;
}
.p-entry-block__text02 dd {
-webkit-box-flex: 0;
-webkit-flex: 0 0 calc(100% - 60px);
-ms-flex: 0 0 calc(100% - 60px);
flex: 0 0 calc(100% - 60px);
padding-left: 0.5em;
}
.p-entry-block__notice {
margin-top: 1em;
text-align: center;
font-size: 0.625rem;
}
}
@media (min-width: 768px) {
.p-entry-block {
margin-right: 6.9444444444vw;
margin-left: 6.9444444444vw;
padding: 3.4722222222vw;
}
.p-entry-block.-bg01 {
margin-bottom: 4.1666666667vw;
}
.p-entry-block__inner {
padding: 4.1666666667vw;
}
.p-entry-block__heading {
font-size: 1.6666666667vw;
}
.p-entry-block__lead {
font-size: 1.1111111111vw;
}
.p-entry-block__text01, .p-entry-block__text02 {
font-size: 1.6666666667vw;
}
.p-entry-block__text01 {
padding-bottom: 0.25em;
text-align: center;
letter-spacing: 0.1em;
}
.p-entry-block__text02 th {
width: 20%;
}
.p-entry-block__more {
margin-top: 3.4722222222vw;
padding-right: 7.7777777778vw;
padding-left: 7.7777777778vw;
}
.p-entry-block__more a {
height: 60px;
font-size: 1.25vw;
}
.p-entry-block__notice {
margin-top: 1em;
text-align: center;
font-size: 0.8333333333vw;
}
}
.p-entry-footer__heading {
text-align: center;
}
.p-entry-footer__date {
margin-bottom: 1em;
text-align: center;
font-weight: 700;
}
.p-entry-footer__contact {
margin-top: 1em;
font-weight: 300;
text-align: center;
}
.p-entry-footer__contact a {
color: #52c3ff;
}
@media (max-width: 767px) {
.p-entry-footer {
margin-bottom: 40px;
}
.p-entry-footer__heading {
margin-top: 40px;
margin-bottom: 20px;
}
.p-entry-footer__heading img {
width: 100%;
}
.p-entry-footer__date {
font-size: 1.125rem;
}
.p-entry-footer__contact {
font-size: 1rem;
}
}
@media (min-width: 768px) {
.p-entry-footer {
margin-top: 9.0277777778vw;
margin-bottom: 9.0277777778vw;
padding-right: 6.9444444444vw;
padding-left: 6.9444444444vw;
}
.p-entry-footer__heading {
margin-bottom: 3.4722222222vw;
}
.p-entry-footer__heading img {
width: 41.1805555556vw;
}
.p-entry-footer__date {
font-size: 2.0833333333vw;
}
.p-entry-footer__contact {
font-size: 1.25vw;
}
.p-entry-footer__contact a:hover {
text-decoration: underline;
}
}
.p-nav-pagetop {
position: relative;
display: none;
margin: 0;
width: 100%;
height: 0;
}
.p-nav-pagetop a {
position: absolute;
z-index: 100;
display: block;
text-align: center;
}
.p-nav-pagetop a:hover {
text-decoration: none;
opacity: 0.7;
}
.p-nav-pagetop.-is-fixed a {
position: fixed;
}
@media (max-width: 767px) {
.p-nav-pagetop {
-webkit-transition: opacity 0.4s;
transition: opacity 0.4s;
}
.p-nav-pagetop a {
right: 10px;
bottom: 10px;
width: 42px;
height: 35px;
}
}
@media (min-width: 768px) {
.p-nav-pagetop a {
right: 10px;
bottom: 20px;
width: 2.9166666667vw;
height: 2.4305555556vw;
}
}
.p-nav-main {
z-index: 1000;
background-color: #52c3ff;
font-weight: bold;
}
.p-nav-main a {
display: block;
}
.p-nav-main a:hover {
opacity: 0.5;
}
.p-nav-main__logo {
text-align: center;
}
@media (max-width: 767px) {
.p-nav-main a {
padding: 1em 15px;
letter-spacing: 0.05em;
font-size: 1rem;
}
.p-nav-main__logo img {
width: calc(100% - 30px);
}
}
@media (min-width: 768px) {
.p-nav-main a {
padding: 1em 2em;
letter-spacing: 0.05em;
font-size: 1.25vw;
}
.p-nav-main__logo img {
width: 80%;
max-width: 800px;
}
}
.drawer-hamburger {
z-index: 1001;
}
@media (max-width: 767px) {
.drawer-hamburger-icon,
.drawer-hamburger-icon::after,
.drawer-hamburger-icon::before {
height: 6px;
}
.drawer-hamburger {
padding: 15px;
width: 33px;
}
.drawer-hamburger-icon::before {
top: -12px;
}
.drawer-hamburger-icon::after {
top: 12px;
}
}
@media (min-width: 768px) {
.drawer-hamburger-icon,
.drawer-hamburger-icon::after,
.drawer-hamburger-icon::before {
height: 0.4166666667vw;
}
.drawer-hamburger {
padding: 2.0833333333vw;
width: 2.2916666667vw;
}
.drawer-hamburger-icon::before {
top: -0.8333333333vw;
}
.drawer-hamburger-icon::after {
top: 0.8333333333vw;
}
}
.p-nav-fixed-entry {
position: fixed;
z-index: 100;
}
.p-nav-fixed-entry a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: #52c3ff;
background: -webkit-linear-gradient(45deg, #52c3ff 0%, #6cffdb 100%);
background: linear-gradient(45deg, #52c3ff 0%, #6cffdb 100%);
width: 100%;
height: 100%;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: upright;
font-family: "Montserrat" , sans-serif;
letter-spacing: -0.25em;
font-weight: 700;
}
.p-nav-fixed-entry a::before {
content: "";
position: absolute;
top: 0;
left: 0;
background: #6cffdb;
background: -webkit-linear-gradient(45deg, #6cffdb 0%, #52c3ff 100%);
background: linear-gradient(45deg, #6cffdb 0%, #52c3ff 100%);
width: 100%;
height: 100%;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}
.p-nav-fixed-entry a span {
position: relative;
z-index: 1;
}
.p-nav-fixed-entry a:hover::before {
opacity: 0;
}
@media (max-width: 767px) {
.p-nav-fixed-entry {
bottom: 15px;
left: 0;
width: 50px;
height: 100px;
}
.p-nav-fixed-entry a {
font-size: 0.875rem;
}
}
@media (min-width: 768px) {
.p-nav-fixed-entry {
top: 7.6388888889vw;
right: 0;
width: 6.8055555556vw;
height: 10.1388888889vw;
}
.p-nav-fixed-entry a {
font-size: 1.2243055556vw;
}
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container-sm, .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1320px;
}
}
:root {
--bs-breakpoint-xs: 0;
--bs-breakpoint-sm: 576px;
--bs-breakpoint-md: 768px;
--bs-breakpoint-lg: 992px;
--bs-breakpoint-xl: 1200px;
--bs-breakpoint-xxl: 1400px;
}
.row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
}
.col {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.row-cols-auto > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.row-cols-1 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.row-cols-2 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.row-cols-3 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-4 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.row-cols-5 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.row-cols-6 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.col-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.col-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.col-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.col-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.col-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.col-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.col-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.col-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.col-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.col-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.offset-1 {
margin-left: 8.33333333%;
}
.offset-2 {
margin-left: 16.66666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.33333333%;
}
.offset-5 {
margin-left: 41.66666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.33333333%;
}
.offset-8 {
margin-left: 66.66666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.33333333%;
}
.offset-11 {
margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
--bs-gutter-x: 0;
}
.g-0,
.gy-0 {
--bs-gutter-y: 0;
}
.g-1,
.gx-1 {
--bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
--bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
--bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
--bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
--bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
--bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
--bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
--bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
--bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
--bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
.col-sm {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.row-cols-sm-auto > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.row-cols-sm-1 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.row-cols-sm-2 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.row-cols-sm-3 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-sm-4 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.row-cols-sm-5 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.row-cols-sm-6 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-sm-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-sm-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.col-sm-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-sm-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.col-sm-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.col-sm-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.col-sm-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.col-sm-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.col-sm-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.col-sm-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.col-sm-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.col-sm-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.col-sm-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.33333333%;
}
.offset-sm-2 {
margin-left: 16.66666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.33333333%;
}
.offset-sm-5 {
margin-left: 41.66666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.33333333%;
}
.offset-sm-8 {
margin-left: 66.66666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.33333333%;
}
.offset-sm-11 {
margin-left: 91.66666667%;
}
.g-sm-0,
.gx-sm-0 {
--bs-gutter-x: 0;
}
.g-sm-0,
.gy-sm-0 {
--bs-gutter-y: 0;
}
.g-sm-1,
.gx-sm-1 {
--bs-gutter-x: 0.25rem;
}
.g-sm-1,
.gy-sm-1 {
--bs-gutter-y: 0.25rem;
}
.g-sm-2,
.gx-sm-2 {
--bs-gutter-x: 0.5rem;
}
.g-sm-2,
.gy-sm-2 {
--bs-gutter-y: 0.5rem;
}
.g-sm-3,
.gx-sm-3 {
--bs-gutter-x: 1rem;
}
.g-sm-3,
.gy-sm-3 {
--bs-gutter-y: 1rem;
}
.g-sm-4,
.gx-sm-4 {
--bs-gutter-x: 1.5rem;
}
.g-sm-4,
.gy-sm-4 {
--bs-gutter-y: 1.5rem;
}
.g-sm-5,
.gx-sm-5 {
--bs-gutter-x: 3rem;
}
.g-sm-5,
.gy-sm-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 768px) {
.col-md {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.row-cols-md-auto > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.row-cols-md-1 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.row-cols-md-2 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.row-cols-md-3 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-md-4 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.row-cols-md-5 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.row-cols-md-6 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-md-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-md-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.col-md-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-md-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.col-md-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.col-md-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.col-md-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.col-md-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.col-md-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.col-md-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.col-md-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.col-md-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.col-md-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.33333333%;
}
.offset-md-2 {
margin-left: 16.66666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.33333333%;
}
.offset-md-5 {
margin-left: 41.66666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.33333333%;
}
.offset-md-8 {
margin-left: 66.66666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.33333333%;
}
.offset-md-11 {
margin-left: 91.66666667%;
}
.g-md-0,
.gx-md-0 {
--bs-gutter-x: 0;
}
.g-md-0,
.gy-md-0 {
--bs-gutter-y: 0;
}
.g-md-1,
.gx-md-1 {
--bs-gutter-x: 0.25rem;
}
.g-md-1,
.gy-md-1 {
--bs-gutter-y: 0.25rem;
}
.g-md-2,
.gx-md-2 {
--bs-gutter-x: 0.5rem;
}
.g-md-2,
.gy-md-2 {
--bs-gutter-y: 0.5rem;
}
.g-md-3,
.gx-md-3 {
--bs-gutter-x: 1rem;
}
.g-md-3,
.gy-md-3 {
--bs-gutter-y: 1rem;
}
.g-md-4,
.gx-md-4 {
--bs-gutter-x: 1.5rem;
}
.g-md-4,
.gy-md-4 {
--bs-gutter-y: 1.5rem;
}
.g-md-5,
.gx-md-5 {
--bs-gutter-x: 3rem;
}
.g-md-5,
.gy-md-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 992px) {
.col-lg {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.row-cols-lg-auto > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.row-cols-lg-1 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.row-cols-lg-2 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.row-cols-lg-3 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-lg-4 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.row-cols-lg-5 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.row-cols-lg-6 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-lg-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-lg-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.col-lg-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-lg-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.col-lg-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.col-lg-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.col-lg-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.col-lg-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.col-lg-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.col-lg-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.col-lg-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.col-lg-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.col-lg-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.33333333%;
}
.offset-lg-2 {
margin-left: 16.66666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.33333333%;
}
.offset-lg-5 {
margin-left: 41.66666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.33333333%;
}
.offset-lg-8 {
margin-left: 66.66666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.33333333%;
}
.offset-lg-11 {
margin-left: 91.66666667%;
}
.g-lg-0,
.gx-lg-0 {
--bs-gutter-x: 0;
}
.g-lg-0,
.gy-lg-0 {
--bs-gutter-y: 0;
}
.g-lg-1,
.gx-lg-1 {
--bs-gutter-x: 0.25rem;
}
.g-lg-1,
.gy-lg-1 {
--bs-gutter-y: 0.25rem;
}
.g-lg-2,
.gx-lg-2 {
--bs-gutter-x: 0.5rem;
}
.g-lg-2,
.gy-lg-2 {
--bs-gutter-y: 0.5rem;
}
.g-lg-3,
.gx-lg-3 {
--bs-gutter-x: 1rem;
}
.g-lg-3,
.gy-lg-3 {
--bs-gutter-y: 1rem;
}
.g-lg-4,
.gx-lg-4 {
--bs-gutter-x: 1.5rem;
}
.g-lg-4,
.gy-lg-4 {
--bs-gutter-y: 1.5rem;
}
.g-lg-5,
.gx-lg-5 {
--bs-gutter-x: 3rem;
}
.g-lg-5,
.gy-lg-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1200px) {
.col-xl {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.row-cols-xl-auto > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.row-cols-xl-1 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.row-cols-xl-2 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.row-cols-xl-3 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xl-4 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.row-cols-xl-5 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.row-cols-xl-6 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xl-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-xl-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xl-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xl-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.col-xl-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xl-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xl-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.col-xl-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xl-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xl-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.col-xl-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xl-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xl-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.33333333%;
}
.offset-xl-2 {
margin-left: 16.66666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.33333333%;
}
.offset-xl-5 {
margin-left: 41.66666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.33333333%;
}
.offset-xl-8 {
margin-left: 66.66666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.33333333%;
}
.offset-xl-11 {
margin-left: 91.66666667%;
}
.g-xl-0,
.gx-xl-0 {
--bs-gutter-x: 0;
}
.g-xl-0,
.gy-xl-0 {
--bs-gutter-y: 0;
}
.g-xl-1,
.gx-xl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xl-1,
.gy-xl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xl-2,
.gx-xl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xl-2,
.gy-xl-2 {
--bs-gutter-y: 0.5rem;
}
.g-xl-3,
.gx-xl-3 {
--bs-gutter-x: 1rem;
}
.g-xl-3,
.gy-xl-3 {
--bs-gutter-y: 1rem;
}
.g-xl-4,
.gx-xl-4 {
--bs-gutter-x: 1.5rem;
}
.g-xl-4,
.gy-xl-4 {
--bs-gutter-y: 1.5rem;
}
.g-xl-5,
.gx-xl-5 {
--bs-gutter-x: 3rem;
}
.g-xl-5,
.gy-xl-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1400px) {
.col-xxl {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.row-cols-xxl-auto > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.row-cols-xxl-1 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.row-cols-xxl-2 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.row-cols-xxl-3 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%;
}
.row-cols-xxl-4 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.row-cols-xxl-5 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.row-cols-xxl-6 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%;
}
.col-xxl-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.col-xxl-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.col-xxl-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.col-xxl-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.col-xxl-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.col-xxl-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.col-xxl-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.col-xxl-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.col-xxl-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.col-xxl-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.col-xxl-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.col-xxl-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.col-xxl-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.offset-xxl-0 {
margin-left: 0;
}
.offset-xxl-1 {
margin-left: 8.33333333%;
}
.offset-xxl-2 {
margin-left: 16.66666667%;
}
.offset-xxl-3 {
margin-left: 25%;
}
.offset-xxl-4 {
margin-left: 33.33333333%;
}
.offset-xxl-5 {
margin-left: 41.66666667%;
}
.offset-xxl-6 {
margin-left: 50%;
}
.offset-xxl-7 {
margin-left: 58.33333333%;
}
.offset-xxl-8 {
margin-left: 66.66666667%;
}
.offset-xxl-9 {
margin-left: 75%;
}
.offset-xxl-10 {
margin-left: 83.33333333%;
}
.offset-xxl-11 {
margin-left: 91.66666667%;
}
.g-xxl-0,
.gx-xxl-0 {
--bs-gutter-x: 0;
}
.g-xxl-0,
.gy-xxl-0 {
--bs-gutter-y: 0;
}
.g-xxl-1,
.gx-xxl-1 {
--bs-gutter-x: 0.25rem;
}
.g-xxl-1,
.gy-xxl-1 {
--bs-gutter-y: 0.25rem;
}
.g-xxl-2,
.gx-xxl-2 {
--bs-gutter-x: 0.5rem;
}
.g-xxl-2,
.gy-xxl-2 {
--bs-gutter-y: 0.5rem;
}
.g-xxl-3,
.gx-xxl-3 {
--bs-gutter-x: 1rem;
}
.g-xxl-3,
.gy-xxl-3 {
--bs-gutter-y: 1rem;
}
.g-xxl-4,
.gx-xxl-4 {
--bs-gutter-x: 1.5rem;
}
.g-xxl-4,
.gy-xxl-4 {
--bs-gutter-y: 1.5rem;
}
.g-xxl-5,
.gx-xxl-5 {
--bs-gutter-x: 3rem;
}
.g-xxl-5,
.gy-xxl-5 {
--bs-gutter-y: 3rem;
}
}
.flex-fill {
-webkit-box-flex: 1 !important;
-webkit-flex: 1 1 auto !important;
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.order-first {
-webkit-box-ordinal-group: 0 !important;
-webkit-order: -1 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-0 {
-webkit-box-ordinal-group: 1 !important;
-webkit-order: 0 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.order-1 {
-webkit-box-ordinal-group: 2 !important;
-webkit-order: 1 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.order-2 {
-webkit-box-ordinal-group: 3 !important;
-webkit-order: 2 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.order-3 {
-webkit-box-ordinal-group: 4 !important;
-webkit-order: 3 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.order-4 {
-webkit-box-ordinal-group: 5 !important;
-webkit-order: 4 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.order-5 {
-webkit-box-ordinal-group: 6 !important;
-webkit-order: 5 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.order-last {
-webkit-box-ordinal-group: 7 !important;
-webkit-order: 6 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
@media (min-width: 576px) {
.order-sm-first {
-webkit-box-ordinal-group: 0 !important;
-webkit-order: -1 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-sm-0 {
-webkit-box-ordinal-group: 1 !important;
-webkit-order: 0 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.order-sm-1 {
-webkit-box-ordinal-group: 2 !important;
-webkit-order: 1 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.order-sm-2 {
-webkit-box-ordinal-group: 3 !important;
-webkit-order: 2 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.order-sm-3 {
-webkit-box-ordinal-group: 4 !important;
-webkit-order: 3 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.order-sm-4 {
-webkit-box-ordinal-group: 5 !important;
-webkit-order: 4 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.order-sm-5 {
-webkit-box-ordinal-group: 6 !important;
-webkit-order: 5 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.order-sm-last {
-webkit-box-ordinal-group: 7 !important;
-webkit-order: 6 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
}
@media (min-width: 768px) {
.order-md-first {
-webkit-box-ordinal-group: 0 !important;
-webkit-order: -1 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-md-0 {
-webkit-box-ordinal-group: 1 !important;
-webkit-order: 0 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.order-md-1 {
-webkit-box-ordinal-group: 2 !important;
-webkit-order: 1 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.order-md-2 {
-webkit-box-ordinal-group: 3 !important;
-webkit-order: 2 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.order-md-3 {
-webkit-box-ordinal-group: 4 !important;
-webkit-order: 3 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.order-md-4 {
-webkit-box-ordinal-group: 5 !important;
-webkit-order: 4 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.order-md-5 {
-webkit-box-ordinal-group: 6 !important;
-webkit-order: 5 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.order-md-last {
-webkit-box-ordinal-group: 7 !important;
-webkit-order: 6 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
}
@media (min-width: 992px) {
.order-lg-first {
-webkit-box-ordinal-group: 0 !important;
-webkit-order: -1 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-lg-0 {
-webkit-box-ordinal-group: 1 !important;
-webkit-order: 0 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.order-lg-1 {
-webkit-box-ordinal-group: 2 !important;
-webkit-order: 1 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.order-lg-2 {
-webkit-box-ordinal-group: 3 !important;
-webkit-order: 2 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.order-lg-3 {
-webkit-box-ordinal-group: 4 !important;
-webkit-order: 3 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.order-lg-4 {
-webkit-box-ordinal-group: 5 !important;
-webkit-order: 4 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.order-lg-5 {
-webkit-box-ordinal-group: 6 !important;
-webkit-order: 5 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.order-lg-last {
-webkit-box-ordinal-group: 7 !important;
-webkit-order: 6 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
}
@media (min-width: 1200px) {
.order-xl-first {
-webkit-box-ordinal-group: 0 !important;
-webkit-order: -1 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.order-xl-0 {
-webkit-box-ordinal-group: 1 !important;
-webkit-order: 0 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.order-xl-1 {
-webkit-box-ordinal-group: 2 !important;
-webkit-order: 1 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.order-xl-2 {
-webkit-box-ordinal-group: 3 !important;
-webkit-order: 2 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.order-xl-3 {
-webkit-box-ordinal-group: 4 !important;
-webkit-order: 3 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.order-xl-4 {
-webkit-box-ordinal-group: 5 !important;
-webkit-order: 4 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.order-xl-5 {
-webkit-box-ordinal-group: 6 !important;
-webkit-order: 5 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.order-xl-last {
-webkit-box-ordinal-group: 7 !important;
-webkit-order: 6 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
}
.u-container {
margin-right: auto;
margin-left: auto;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 768px) {
.u-container {
padding-right: 6.9444444444vw;
padding-left: 6.9444444444vw;
}
}
.u-float-left {
float: left !important;
}
.u-float-right {
float: right !important;
}
.u-float-none {
float: none !important;
}
@media (min-width: 576px) {
.u-float-sm-left {
float: left !important;
}
.u-float-sm-right {
float: right !important;
}
.u-float-sm-none {
float: none !important;
}
}
@media (min-width: 768px) {
.u-float-md-left {
float: left !important;
}
.u-float-md-right {
float: right !important;
}
.u-float-md-none {
float: none !important;
}
}
@media (min-width: 992px) {
.u-float-lg-left {
float: left !important;
}
.u-float-lg-right {
float: right !important;
}
.u-float-lg-none {
float: none !important;
}
}
@media (min-width: 1200px) {
.u-float-xl-left {
float: left !important;
}
.u-float-xl-right {
float: right !important;
}
.u-float-xl-none {
float: none !important;
}
}
@media (min-width: 1400px) {
.u-float-xxl-left {
float: left !important;
}
.u-float-xxl-right {
float: right !important;
}
.u-float-xxl-none {
float: none !important;
}
}
.u-d-none {
display: none !important;
}
.u-d-inline {
display: inline !important;
}
.u-d-block {
display: block !important;
}
@media (min-width: 576px) {
.u-d-sm-none {
display: none !important;
}
.u-d-sm-inline {
display: inline !important;
}
.u-d-sm-block {
display: block !important;
}
}
@media (min-width: 768px) {
.u-d-md-none {
display: none !important;
}
.u-d-md-inline {
display: inline !important;
}
.u-d-md-block {
display: block !important;
}
}
@media (min-width: 992px) {
.u-d-lg-none {
display: none !important;
}
.u-d-lg-inline {
display: inline !important;
}
.u-d-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.u-d-xl-none {
display: none !important;
}
.u-d-xl-inline {
display: inline !important;
}
.u-d-xl-block {
display: block !important;
}
}
@media (min-width: 1400px) {
.u-d-xxl-none {
display: none !important;
}
.u-d-xxl-inline {
display: inline !important;
}
.u-d-xxl-block {
display: block !important;
}
}
.u-bg-c01 {
background-color: #fff;
}
.u-m-0 {
margin: 0rem !important;
}
.u-m-10 {
margin: 0.625rem !important;
}
.u-m-20 {
margin: 1.25rem !important;
}
.u-m-30 {
margin: 1.875rem !important;
}
.u-m-40 {
margin: 2.5rem !important;
}
.u-m-50 {
margin: 3.125rem !important;
}
.u-m-60 {
margin: 3.75rem !important;
}
.u-m-70 {
margin: 4.375rem !important;
}
.u-m-80 {
margin: 5rem !important;
}
.u-m-90 {
margin: 5.625rem !important;
}
.u-m-100 {
margin: 6.25rem !important;
}
.u-mt-0 {
margin-top: 0rem !important;
}
.u-mt-10 {
margin-top: 0.625rem !important;
}
.u-mt-20 {
margin-top: 1.25rem !important;
}
.u-mt-30 {
margin-top: 1.875rem !important;
}
.u-mt-40 {
margin-top: 2.5rem !important;
}
.u-mt-50 {
margin-top: 3.125rem !important;
}
.u-mt-60 {
margin-top: 3.75rem !important;
}
.u-mt-70 {
margin-top: 4.375rem !important;
}
.u-mt-80 {
margin-top: 5rem !important;
}
.u-mt-90 {
margin-top: 5.625rem !important;
}
.u-mt-100 {
margin-top: 6.25rem !important;
}
.u-mr-0 {
margin-right: 0rem !important;
}
.u-mr-10 {
margin-right: 0.625rem !important;
}
.u-mr-20 {
margin-right: 1.25rem !important;
}
.u-mr-30 {
margin-right: 1.875rem !important;
}
.u-mr-40 {
margin-right: 2.5rem !important;
}
.u-mr-50 {
margin-right: 3.125rem !important;
}
.u-mr-60 {
margin-right: 3.75rem !important;
}
.u-mr-70 {
margin-right: 4.375rem !important;
}
.u-mr-80 {
margin-right: 5rem !important;
}
.u-mr-90 {
margin-right: 5.625rem !important;
}
.u-mr-100 {
margin-right: 6.25rem !important;
}
.u-mb-0 {
margin-bottom: 0rem !important;
}
.u-mb-10 {
margin-bottom: 0.625rem !important;
}
.u-mb-20 {
margin-bottom: 1.25rem !important;
}
.u-mb-30 {
margin-bottom: 1.875rem !important;
}
.u-mb-40 {
margin-bottom: 2.5rem !important;
}
.u-mb-50 {
margin-bottom: 3.125rem !important;
}
.u-mb-60 {
margin-bottom: 3.75rem !important;
}
.u-mb-70 {
margin-bottom: 4.375rem !important;
}
.u-mb-80 {
margin-bottom: 5rem !important;
}
.u-mb-90 {
margin-bottom: 5.625rem !important;
}
.u-mb-100 {
margin-bottom: 6.25rem !important;
}
.u-ml-0 {
margin-left: 0rem !important;
}
.u-ml-10 {
margin-left: 0.625rem !important;
}
.u-ml-20 {
margin-left: 1.25rem !important;
}
.u-ml-30 {
margin-left: 1.875rem !important;
}
.u-ml-40 {
margin-left: 2.5rem !important;
}
.u-ml-50 {
margin-left: 3.125rem !important;
}
.u-ml-60 {
margin-left: 3.75rem !important;
}
.u-ml-70 {
margin-left: 4.375rem !important;
}
.u-ml-80 {
margin-left: 5rem !important;
}
.u-ml-90 {
margin-left: 5.625rem !important;
}
.u-ml-100 {
margin-left: 6.25rem !important;
}
@media (min-width: 576px) {
.u-m-sm-0 {
margin: 0rem !important;
}
.u-m-sm-10 {
margin: 0.625rem !important;
}
.u-m-sm-20 {
margin: 1.25rem !important;
}
.u-m-sm-30 {
margin: 1.875rem !important;
}
.u-m-sm-40 {
margin: 2.5rem !important;
}
.u-m-sm-50 {
margin: 3.125rem !important;
}
.u-m-sm-60 {
margin: 3.75rem !important;
}
.u-m-sm-70 {
margin: 4.375rem !important;
}
.u-m-sm-80 {
margin: 5rem !important;
}
.u-m-sm-90 {
margin: 5.625rem !important;
}
.u-m-sm-100 {
margin: 6.25rem !important;
}
.u-mt-sm-0 {
margin-top: 0rem !important;
}
.u-mt-sm-10 {
margin-top: 0.625rem !important;
}
.u-mt-sm-20 {
margin-top: 1.25rem !important;
}
.u-mt-sm-30 {
margin-top: 1.875rem !important;
}
.u-mt-sm-40 {
margin-top: 2.5rem !important;
}
.u-mt-sm-50 {
margin-top: 3.125rem !important;
}
.u-mt-sm-60 {
margin-top: 3.75rem !important;
}
.u-mt-sm-70 {
margin-top: 4.375rem !important;
}
.u-mt-sm-80 {
margin-top: 5rem !important;
}
.u-mt-sm-90 {
margin-top: 5.625rem !important;
}
.u-mt-sm-100 {
margin-top: 6.25rem !important;
}
.u-mr-sm-0 {
margin-right: 0rem !important;
}
.u-mr-sm-10 {
margin-right: 0.625rem !important;
}
.u-mr-sm-20 {
margin-right: 1.25rem !important;
}
.u-mr-sm-30 {
margin-right: 1.875rem !important;
}
.u-mr-sm-40 {
margin-right: 2.5rem !important;
}
.u-mr-sm-50 {
margin-right: 3.125rem !important;
}
.u-mr-sm-60 {
margin-right: 3.75rem !important;
}
.u-mr-sm-70 {
margin-right: 4.375rem !important;
}
.u-mr-sm-80 {
margin-right: 5rem !important;
}
.u-mr-sm-90 {
margin-right: 5.625rem !important;
}
.u-mr-sm-100 {
margin-right: 6.25rem !important;
}
.u-mb-sm-0 {
margin-bottom: 0rem !important;
}
.u-mb-sm-10 {
margin-bottom: 0.625rem !important;
}
.u-mb-sm-20 {
margin-bottom: 1.25rem !important;
}
.u-mb-sm-30 {
margin-bottom: 1.875rem !important;
}
.u-mb-sm-40 {
margin-bottom: 2.5rem !important;
}
.u-mb-sm-50 {
margin-bottom: 3.125rem !important;
}
.u-mb-sm-60 {
margin-bottom: 3.75rem !important;
}
.u-mb-sm-70 {
margin-bottom: 4.375rem !important;
}
.u-mb-sm-80 {
margin-bottom: 5rem !important;
}
.u-mb-sm-90 {
margin-bottom: 5.625rem !important;
}
.u-mb-sm-100 {
margin-bottom: 6.25rem !important;
}
.u-ml-sm-0 {
margin-left: 0rem !important;
}
.u-ml-sm-10 {
margin-left: 0.625rem !important;
}
.u-ml-sm-20 {
margin-left: 1.25rem !important;
}
.u-ml-sm-30 {
margin-left: 1.875rem !important;
}
.u-ml-sm-40 {
margin-left: 2.5rem !important;
}
.u-ml-sm-50 {
margin-left: 3.125rem !important;
}
.u-ml-sm-60 {
margin-left: 3.75rem !important;
}
.u-ml-sm-70 {
margin-left: 4.375rem !important;
}
.u-ml-sm-80 {
margin-left: 5rem !important;
}
.u-ml-sm-90 {
margin-left: 5.625rem !important;
}
.u-ml-sm-100 {
margin-left: 6.25rem !important;
}
}
@media (min-width: 768px) {
.u-m-md-0 {
margin: 0rem !important;
}
.u-m-md-10 {
margin: 0.625rem !important;
}
.u-m-md-20 {
margin: 1.25rem !important;
}
.u-m-md-30 {
margin: 1.875rem !important;
}
.u-m-md-40 {
margin: 2.5rem !important;
}
.u-m-md-50 {
margin: 3.125rem !important;
}
.u-m-md-60 {
margin: 3.75rem !important;
}
.u-m-md-70 {
margin: 4.375rem !important;
}
.u-m-md-80 {
margin: 5rem !important;
}
.u-m-md-90 {
margin: 5.625rem !important;
}
.u-m-md-100 {
margin: 6.25rem !important;
}
.u-mt-md-0 {
margin-top: 0rem !important;
}
.u-mt-md-10 {
margin-top: 0.625rem !important;
}
.u-mt-md-20 {
margin-top: 1.25rem !important;
}
.u-mt-md-30 {
margin-top: 1.875rem !important;
}
.u-mt-md-40 {
margin-top: 2.5rem !important;
}
.u-mt-md-50 {
margin-top: 3.125rem !important;
}
.u-mt-md-60 {
margin-top: 3.75rem !important;
}
.u-mt-md-70 {
margin-top: 4.375rem !important;
}
.u-mt-md-80 {
margin-top: 5rem !important;
}
.u-mt-md-90 {
margin-top: 5.625rem !important;
}
.u-mt-md-100 {
margin-top: 6.25rem !important;
}
.u-mr-md-0 {
margin-right: 0rem !important;
}
.u-mr-md-10 {
margin-right: 0.625rem !important;
}
.u-mr-md-20 {
margin-right: 1.25rem !important;
}
.u-mr-md-30 {
margin-right: 1.875rem !important;
}
.u-mr-md-40 {
margin-right: 2.5rem !important;
}
.u-mr-md-50 {
margin-right: 3.125rem !important;
}
.u-mr-md-60 {
margin-right: 3.75rem !important;
}
.u-mr-md-70 {
margin-right: 4.375rem !important;
}
.u-mr-md-80 {
margin-right: 5rem !important;
}
.u-mr-md-90 {
margin-right: 5.625rem !important;
}
.u-mr-md-100 {
margin-right: 6.25rem !important;
}
.u-mb-md-0 {
margin-bottom: 0rem !important;
}
.u-mb-md-10 {
margin-bottom: 0.625rem !important;
}
.u-mb-md-20 {
margin-bottom: 1.25rem !important;
}
.u-mb-md-30 {
margin-bottom: 1.875rem !important;
}
.u-mb-md-40 {
margin-bottom: 2.5rem !important;
}
.u-mb-md-50 {
margin-bottom: 3.125rem !important;
}
.u-mb-md-60 {
margin-bottom: 3.75rem !important;
}
.u-mb-md-70 {
margin-bottom: 4.375rem !important;
}
.u-mb-md-80 {
margin-bottom: 5rem !important;
}
.u-mb-md-90 {
margin-bottom: 5.625rem !important;
}
.u-mb-md-100 {
margin-bottom: 6.25rem !important;
}
.u-ml-md-0 {
margin-left: 0rem !important;
}
.u-ml-md-10 {
margin-left: 0.625rem !important;
}
.u-ml-md-20 {
margin-left: 1.25rem !important;
}
.u-ml-md-30 {
margin-left: 1.875rem !important;
}
.u-ml-md-40 {
margin-left: 2.5rem !important;
}
.u-ml-md-50 {
margin-left: 3.125rem !important;
}
.u-ml-md-60 {
margin-left: 3.75rem !important;
}
.u-ml-md-70 {
margin-left: 4.375rem !important;
}
.u-ml-md-80 {
margin-left: 5rem !important;
}
.u-ml-md-90 {
margin-left: 5.625rem !important;
}
.u-ml-md-100 {
margin-left: 6.25rem !important;
}
}
@media (min-width: 992px) {
.u-m-lg-0 {
margin: 0rem !important;
}
.u-m-lg-10 {
margin: 0.625rem !important;
}
.u-m-lg-20 {
margin: 1.25rem !important;
}
.u-m-lg-30 {
margin: 1.875rem !important;
}
.u-m-lg-40 {
margin: 2.5rem !important;
}
.u-m-lg-50 {
margin: 3.125rem !important;
}
.u-m-lg-60 {
margin: 3.75rem !important;
}
.u-m-lg-70 {
margin: 4.375rem !important;
}
.u-m-lg-80 {
margin: 5rem !important;
}
.u-m-lg-90 {
margin: 5.625rem !important;
}
.u-m-lg-100 {
margin: 6.25rem !important;
}
.u-mt-lg-0 {
margin-top: 0rem !important;
}
.u-mt-lg-10 {
margin-top: 0.625rem !important;
}
.u-mt-lg-20 {
margin-top: 1.25rem !important;
}
.u-mt-lg-30 {
margin-top: 1.875rem !important;
}
.u-mt-lg-40 {
margin-top: 2.5rem !important;
}
.u-mt-lg-50 {
margin-top: 3.125rem !important;
}
.u-mt-lg-60 {
margin-top: 3.75rem !important;
}
.u-mt-lg-70 {
margin-top: 4.375rem !important;
}
.u-mt-lg-80 {
margin-top: 5rem !important;
}
.u-mt-lg-90 {
margin-top: 5.625rem !important;
}
.u-mt-lg-100 {
margin-top: 6.25rem !important;
}
.u-mr-lg-0 {
margin-right: 0rem !important;
}
.u-mr-lg-10 {
margin-right: 0.625rem !important;
}
.u-mr-lg-20 {
margin-right: 1.25rem !important;
}
.u-mr-lg-30 {
margin-right: 1.875rem !important;
}
.u-mr-lg-40 {
margin-right: 2.5rem !important;
}
.u-mr-lg-50 {
margin-right: 3.125rem !important;
}
.u-mr-lg-60 {
margin-right: 3.75rem !important;
}
.u-mr-lg-70 {
margin-right: 4.375rem !important;
}
.u-mr-lg-80 {
margin-right: 5rem !important;
}
.u-mr-lg-90 {
margin-right: 5.625rem !important;
}
.u-mr-lg-100 {
margin-right: 6.25rem !important;
}
.u-mb-lg-0 {
margin-bottom: 0rem !important;
}
.u-mb-lg-10 {
margin-bottom: 0.625rem !important;
}
.u-mb-lg-20 {
margin-bottom: 1.25rem !important;
}
.u-mb-lg-30 {
margin-bottom: 1.875rem !important;
}
.u-mb-lg-40 {
margin-bottom: 2.5rem !important;
}
.u-mb-lg-50 {
margin-bottom: 3.125rem !important;
}
.u-mb-lg-60 {
margin-bottom: 3.75rem !important;
}
.u-mb-lg-70 {
margin-bottom: 4.375rem !important;
}
.u-mb-lg-80 {
margin-bottom: 5rem !important;
}
.u-mb-lg-90 {
margin-bottom: 5.625rem !important;
}
.u-mb-lg-100 {
margin-bottom: 6.25rem !important;
}
.u-ml-lg-0 {
margin-left: 0rem !important;
}
.u-ml-lg-10 {
margin-left: 0.625rem !important;
}
.u-ml-lg-20 {
margin-left: 1.25rem !important;
}
.u-ml-lg-30 {
margin-left: 1.875rem !important;
}
.u-ml-lg-40 {
margin-left: 2.5rem !important;
}
.u-ml-lg-50 {
margin-left: 3.125rem !important;
}
.u-ml-lg-60 {
margin-left: 3.75rem !important;
}
.u-ml-lg-70 {
margin-left: 4.375rem !important;
}
.u-ml-lg-80 {
margin-left: 5rem !important;
}
.u-ml-lg-90 {
margin-left: 5.625rem !important;
}
.u-ml-lg-100 {
margin-left: 6.25rem !important;
}
}
@media (min-width: 1200px) {
.u-m-xl-0 {
margin: 0rem !important;
}
.u-m-xl-10 {
margin: 0.625rem !important;
}
.u-m-xl-20 {
margin: 1.25rem !important;
}
.u-m-xl-30 {
margin: 1.875rem !important;
}
.u-m-xl-40 {
margin: 2.5rem !important;
}
.u-m-xl-50 {
margin: 3.125rem !important;
}
.u-m-xl-60 {
margin: 3.75rem !important;
}
.u-m-xl-70 {
margin: 4.375rem !important;
}
.u-m-xl-80 {
margin: 5rem !important;
}
.u-m-xl-90 {
margin: 5.625rem !important;
}
.u-m-xl-100 {
margin: 6.25rem !important;
}
.u-mt-xl-0 {
margin-top: 0rem !important;
}
.u-mt-xl-10 {
margin-top: 0.625rem !important;
}
.u-mt-xl-20 {
margin-top: 1.25rem !important;
}
.u-mt-xl-30 {
margin-top: 1.875rem !important;
}
.u-mt-xl-40 {
margin-top: 2.5rem !important;
}
.u-mt-xl-50 {
margin-top: 3.125rem !important;
}
.u-mt-xl-60 {
margin-top: 3.75rem !important;
}
.u-mt-xl-70 {
margin-top: 4.375rem !important;
}
.u-mt-xl-80 {
margin-top: 5rem !important;
}
.u-mt-xl-90 {
margin-top: 5.625rem !important;
}
.u-mt-xl-100 {
margin-top: 6.25rem !important;
}
.u-mr-xl-0 {
margin-right: 0rem !important;
}
.u-mr-xl-10 {
margin-right: 0.625rem !important;
}
.u-mr-xl-20 {
margin-right: 1.25rem !important;
}
.u-mr-xl-30 {
margin-right: 1.875rem !important;
}
.u-mr-xl-40 {
margin-right: 2.5rem !important;
}
.u-mr-xl-50 {
margin-right: 3.125rem !important;
}
.u-mr-xl-60 {
margin-right: 3.75rem !important;
}
.u-mr-xl-70 {
margin-right: 4.375rem !important;
}
.u-mr-xl-80 {
margin-right: 5rem !important;
}
.u-mr-xl-90 {
margin-right: 5.625rem !important;
}
.u-mr-xl-100 {
margin-right: 6.25rem !important;
}
.u-mb-xl-0 {
margin-bottom: 0rem !important;
}
.u-mb-xl-10 {
margin-bottom: 0.625rem !important;
}
.u-mb-xl-20 {
margin-bottom: 1.25rem !important;
}
.u-mb-xl-30 {
margin-bottom: 1.875rem !important;
}
.u-mb-xl-40 {
margin-bottom: 2.5rem !important;
}
.u-mb-xl-50 {
margin-bottom: 3.125rem !important;
}
.u-mb-xl-60 {
margin-bottom: 3.75rem !important;
}
.u-mb-xl-70 {
margin-bottom: 4.375rem !important;
}
.u-mb-xl-80 {
margin-bottom: 5rem !important;
}
.u-mb-xl-90 {
margin-bottom: 5.625rem !important;
}
.u-mb-xl-100 {
margin-bottom: 6.25rem !important;
}
.u-ml-xl-0 {
margin-left: 0rem !important;
}
.u-ml-xl-10 {
margin-left: 0.625rem !important;
}
.u-ml-xl-20 {
margin-left: 1.25rem !important;
}
.u-ml-xl-30 {
margin-left: 1.875rem !important;
}
.u-ml-xl-40 {
margin-left: 2.5rem !important;
}
.u-ml-xl-50 {
margin-left: 3.125rem !important;
}
.u-ml-xl-60 {
margin-left: 3.75rem !important;
}
.u-ml-xl-70 {
margin-left: 4.375rem !important;
}
.u-ml-xl-80 {
margin-left: 5rem !important;
}
.u-ml-xl-90 {
margin-left: 5.625rem !important;
}
.u-ml-xl-100 {
margin-left: 6.25rem !important;
}
}
@media (min-width: 1400px) {
.u-m-xxl-0 {
margin: 0rem !important;
}
.u-m-xxl-10 {
margin: 0.625rem !important;
}
.u-m-xxl-20 {
margin: 1.25rem !important;
}
.u-m-xxl-30 {
margin: 1.875rem !important;
}
.u-m-xxl-40 {
margin: 2.5rem !important;
}
.u-m-xxl-50 {
margin: 3.125rem !important;
}
.u-m-xxl-60 {
margin: 3.75rem !important;
}
.u-m-xxl-70 {
margin: 4.375rem !important;
}
.u-m-xxl-80 {
margin: 5rem !important;
}
.u-m-xxl-90 {
margin: 5.625rem !important;
}
.u-m-xxl-100 {
margin: 6.25rem !important;
}
.u-mt-xxl-0 {
margin-top: 0rem !important;
}
.u-mt-xxl-10 {
margin-top: 0.625rem !important;
}
.u-mt-xxl-20 {
margin-top: 1.25rem !important;
}
.u-mt-xxl-30 {
margin-top: 1.875rem !important;
}
.u-mt-xxl-40 {
margin-top: 2.5rem !important;
}
.u-mt-xxl-50 {
margin-top: 3.125rem !important;
}
.u-mt-xxl-60 {
margin-top: 3.75rem !important;
}
.u-mt-xxl-70 {
margin-top: 4.375rem !important;
}
.u-mt-xxl-80 {
margin-top: 5rem !important;
}
.u-mt-xxl-90 {
margin-top: 5.625rem !important;
}
.u-mt-xxl-100 {
margin-top: 6.25rem !important;
}
.u-mr-xxl-0 {
margin-right: 0rem !important;
}
.u-mr-xxl-10 {
margin-right: 0.625rem !important;
}
.u-mr-xxl-20 {
margin-right: 1.25rem !important;
}
.u-mr-xxl-30 {
margin-right: 1.875rem !important;
}
.u-mr-xxl-40 {
margin-right: 2.5rem !important;
}
.u-mr-xxl-50 {
margin-right: 3.125rem !important;
}
.u-mr-xxl-60 {
margin-right: 3.75rem !important;
}
.u-mr-xxl-70 {
margin-right: 4.375rem !important;
}
.u-mr-xxl-80 {
margin-right: 5rem !important;
}
.u-mr-xxl-90 {
margin-right: 5.625rem !important;
}
.u-mr-xxl-100 {
margin-right: 6.25rem !important;
}
.u-mb-xxl-0 {
margin-bottom: 0rem !important;
}
.u-mb-xxl-10 {
margin-bottom: 0.625rem !important;
}
.u-mb-xxl-20 {
margin-bottom: 1.25rem !important;
}
.u-mb-xxl-30 {
margin-bottom: 1.875rem !important;
}
.u-mb-xxl-40 {
margin-bottom: 2.5rem !important;
}
.u-mb-xxl-50 {
margin-bottom: 3.125rem !important;
}
.u-mb-xxl-60 {
margin-bottom: 3.75rem !important;
}
.u-mb-xxl-70 {
margin-bottom: 4.375rem !important;
}
.u-mb-xxl-80 {
margin-bottom: 5rem !important;
}
.u-mb-xxl-90 {
margin-bottom: 5.625rem !important;
}
.u-mb-xxl-100 {
margin-bottom: 6.25rem !important;
}
.u-ml-xxl-0 {
margin-left: 0rem !important;
}
.u-ml-xxl-10 {
margin-left: 0.625rem !important;
}
.u-ml-xxl-20 {
margin-left: 1.25rem !important;
}
.u-ml-xxl-30 {
margin-left: 1.875rem !important;
}
.u-ml-xxl-40 {
margin-left: 2.5rem !important;
}
.u-ml-xxl-50 {
margin-left: 3.125rem !important;
}
.u-ml-xxl-60 {
margin-left: 3.75rem !important;
}
.u-ml-xxl-70 {
margin-left: 4.375rem !important;
}
.u-ml-xxl-80 {
margin-left: 5rem !important;
}
.u-ml-xxl-90 {
margin-left: 5.625rem !important;
}
.u-ml-xxl-100 {
margin-left: 6.25rem !important;
}
}
.u-p-0 {
padding: 0rem !important;
}
.u-p-10 {
padding: 0.625rem !important;
}
.u-p-20 {
padding: 1.25rem !important;
}
.u-p-30 {
padding: 1.875rem !important;
}
.u-p-40 {
padding: 2.5rem !important;
}
.u-p-50 {
padding: 3.125rem !important;
}
.u-p-60 {
padding: 3.75rem !important;
}
.u-p-70 {
padding: 4.375rem !important;
}
.u-p-80 {
padding: 5rem !important;
}
.u-p-90 {
padding: 5.625rem !important;
}
.u-p-100 {
padding: 6.25rem !important;
}
.u-pt-0 {
padding-top: 0rem !important;
}
.u-pt-10 {
padding-top: 0.625rem !important;
}
.u-pt-20 {
padding-top: 1.25rem !important;
}
.u-pt-30 {
padding-top: 1.875rem !important;
}
.u-pt-40 {
padding-top: 2.5rem !important;
}
.u-pt-50 {
padding-top: 3.125rem !important;
}
.u-pt-60 {
padding-top: 3.75rem !important;
}
.u-pt-70 {
padding-top: 4.375rem !important;
}
.u-pt-80 {
padding-top: 5rem !important;
}
.u-pt-90 {
padding-top: 5.625rem !important;
}
.u-pt-100 {
padding-top: 6.25rem !important;
}
.u-pr-0 {
padding-right: 0rem !important;
}
.u-pr-10 {
padding-right: 0.625rem !important;
}
.u-pr-20 {
padding-right: 1.25rem !important;
}
.u-pr-30 {
padding-right: 1.875rem !important;
}
.u-pr-40 {
padding-right: 2.5rem !important;
}
.u-pr-50 {
padding-right: 3.125rem !important;
}
.u-pr-60 {
padding-right: 3.75rem !important;
}
.u-pr-70 {
padding-right: 4.375rem !important;
}
.u-pr-80 {
padding-right: 5rem !important;
}
.u-pr-90 {
padding-right: 5.625rem !important;
}
.u-pr-100 {
padding-right: 6.25rem !important;
}
.u-pb-0 {
padding-bottom: 0rem !important;
}
.u-pb-10 {
padding-bottom: 0.625rem !important;
}
.u-pb-20 {
padding-bottom: 1.25rem !important;
}
.u-pb-30 {
padding-bottom: 1.875rem !important;
}
.u-pb-40 {
padding-bottom: 2.5rem !important;
}
.u-pb-50 {
padding-bottom: 3.125rem !important;
}
.u-pb-60 {
padding-bottom: 3.75rem !important;
}
.u-pb-70 {
padding-bottom: 4.375rem !important;
}
.u-pb-80 {
padding-bottom: 5rem !important;
}
.u-pb-90 {
padding-bottom: 5.625rem !important;
}
.u-pb-100 {
padding-bottom: 6.25rem !important;
}
.u-pl-0 {
padding-left: 0rem !important;
}
.u-pl-10 {
padding-left: 0.625rem !important;
}
.u-pl-20 {
padding-left: 1.25rem !important;
}
.u-pl-30 {
padding-left: 1.875rem !important;
}
.u-pl-40 {
padding-left: 2.5rem !important;
}
.u-pl-50 {
padding-left: 3.125rem !important;
}
.u-pl-60 {
padding-left: 3.75rem !important;
}
.u-pl-70 {
padding-left: 4.375rem !important;
}
.u-pl-80 {
padding-left: 5rem !important;
}
.u-pl-90 {
padding-left: 5.625rem !important;
}
.u-pl-100 {
padding-left: 6.25rem !important;
}
@media (min-width: 576px) {
.u-p-sm-0 {
padding: 0rem !important;
}
.u-p-sm-10 {
padding: 0.625rem !important;
}
.u-p-sm-20 {
padding: 1.25rem !important;
}
.u-p-sm-30 {
padding: 1.875rem !important;
}
.u-p-sm-40 {
padding: 2.5rem !important;
}
.u-p-sm-50 {
padding: 3.125rem !important;
}
.u-p-sm-60 {
padding: 3.75rem !important;
}
.u-p-sm-70 {
padding: 4.375rem !important;
}
.u-p-sm-80 {
padding: 5rem !important;
}
.u-p-sm-90 {
padding: 5.625rem !important;
}
.u-p-sm-100 {
padding: 6.25rem !important;
}
.u-pt-sm-0 {
padding-top: 0rem !important;
}
.u-pt-sm-10 {
padding-top: 0.625rem !important;
}
.u-pt-sm-20 {
padding-top: 1.25rem !important;
}
.u-pt-sm-30 {
padding-top: 1.875rem !important;
}
.u-pt-sm-40 {
padding-top: 2.5rem !important;
}
.u-pt-sm-50 {
padding-top: 3.125rem !important;
}
.u-pt-sm-60 {
padding-top: 3.75rem !important;
}
.u-pt-sm-70 {
padding-top: 4.375rem !important;
}
.u-pt-sm-80 {
padding-top: 5rem !important;
}
.u-pt-sm-90 {
padding-top: 5.625rem !important;
}
.u-pt-sm-100 {
padding-top: 6.25rem !important;
}
.u-pr-sm-0 {
padding-right: 0rem !important;
}
.u-pr-sm-10 {
padding-right: 0.625rem !important;
}
.u-pr-sm-20 {
padding-right: 1.25rem !important;
}
.u-pr-sm-30 {
padding-right: 1.875rem !important;
}
.u-pr-sm-40 {
padding-right: 2.5rem !important;
}
.u-pr-sm-50 {
padding-right: 3.125rem !important;
}
.u-pr-sm-60 {
padding-right: 3.75rem !important;
}
.u-pr-sm-70 {
padding-right: 4.375rem !important;
}
.u-pr-sm-80 {
padding-right: 5rem !important;
}
.u-pr-sm-90 {
padding-right: 5.625rem !important;
}
.u-pr-sm-100 {
padding-right: 6.25rem !important;
}
.u-pb-sm-0 {
padding-bottom: 0rem !important;
}
.u-pb-sm-10 {
padding-bottom: 0.625rem !important;
}
.u-pb-sm-20 {
padding-bottom: 1.25rem !important;
}
.u-pb-sm-30 {
padding-bottom: 1.875rem !important;
}
.u-pb-sm-40 {
padding-bottom: 2.5rem !important;
}
.u-pb-sm-50 {
padding-bottom: 3.125rem !important;
}
.u-pb-sm-60 {
padding-bottom: 3.75rem !important;
}
.u-pb-sm-70 {
padding-bottom: 4.375rem !important;
}
.u-pb-sm-80 {
padding-bottom: 5rem !important;
}
.u-pb-sm-90 {
padding-bottom: 5.625rem !important;
}
.u-pb-sm-100 {
padding-bottom: 6.25rem !important;
}
.u-pl-sm-0 {
padding-left: 0rem !important;
}
.u-pl-sm-10 {
padding-left: 0.625rem !important;
}
.u-pl-sm-20 {
padding-left: 1.25rem !important;
}
.u-pl-sm-30 {
padding-left: 1.875rem !important;
}
.u-pl-sm-40 {
padding-left: 2.5rem !important;
}
.u-pl-sm-50 {
padding-left: 3.125rem !important;
}
.u-pl-sm-60 {
padding-left: 3.75rem !important;
}
.u-pl-sm-70 {
padding-left: 4.375rem !important;
}
.u-pl-sm-80 {
padding-left: 5rem !important;
}
.u-pl-sm-90 {
padding-left: 5.625rem !important;
}
.u-pl-sm-100 {
padding-left: 6.25rem !important;
}
}
@media (min-width: 768px) {
.u-p-md-0 {
padding: 0rem !important;
}
.u-p-md-10 {
padding: 0.625rem !important;
}
.u-p-md-20 {
padding: 1.25rem !important;
}
.u-p-md-30 {
padding: 1.875rem !important;
}
.u-p-md-40 {
padding: 2.5rem !important;
}
.u-p-md-50 {
padding: 3.125rem !important;
}
.u-p-md-60 {
padding: 3.75rem !important;
}
.u-p-md-70 {
padding: 4.375rem !important;
}
.u-p-md-80 {
padding: 5rem !important;
}
.u-p-md-90 {
padding: 5.625rem !important;
}
.u-p-md-100 {
padding: 6.25rem !important;
}
.u-pt-md-0 {
padding-top: 0rem !important;
}
.u-pt-md-10 {
padding-top: 0.625rem !important;
}
.u-pt-md-20 {
padding-top: 1.25rem !important;
}
.u-pt-md-30 {
padding-top: 1.875rem !important;
}
.u-pt-md-40 {
padding-top: 2.5rem !important;
}
.u-pt-md-50 {
padding-top: 3.125rem !important;
}
.u-pt-md-60 {
padding-top: 3.75rem !important;
}
.u-pt-md-70 {
padding-top: 4.375rem !important;
}
.u-pt-md-80 {
padding-top: 5rem !important;
}
.u-pt-md-90 {
padding-top: 5.625rem !important;
}
.u-pt-md-100 {
padding-top: 6.25rem !important;
}
.u-pr-md-0 {
padding-right: 0rem !important;
}
.u-pr-md-10 {
padding-right: 0.625rem !important;
}
.u-pr-md-20 {
padding-right: 1.25rem !important;
}
.u-pr-md-30 {
padding-right: 1.875rem !important;
}
.u-pr-md-40 {
padding-right: 2.5rem !important;
}
.u-pr-md-50 {
padding-right: 3.125rem !important;
}
.u-pr-md-60 {
padding-right: 3.75rem !important;
}
.u-pr-md-70 {
padding-right: 4.375rem !important;
}
.u-pr-md-80 {
padding-right: 5rem !important;
}
.u-pr-md-90 {
padding-right: 5.625rem !important;
}
.u-pr-md-100 {
padding-right: 6.25rem !important;
}
.u-pb-md-0 {
padding-bottom: 0rem !important;
}
.u-pb-md-10 {
padding-bottom: 0.625rem !important;
}
.u-pb-md-20 {
padding-bottom: 1.25rem !important;
}
.u-pb-md-30 {
padding-bottom: 1.875rem !important;
}
.u-pb-md-40 {
padding-bottom: 2.5rem !important;
}
.u-pb-md-50 {
padding-bottom: 3.125rem !important;
}
.u-pb-md-60 {
padding-bottom: 3.75rem !important;
}
.u-pb-md-70 {
padding-bottom: 4.375rem !important;
}
.u-pb-md-80 {
padding-bottom: 5rem !important;
}
.u-pb-md-90 {
padding-bottom: 5.625rem !important;
}
.u-pb-md-100 {
padding-bottom: 6.25rem !important;
}
.u-pl-md-0 {
padding-left: 0rem !important;
}
.u-pl-md-10 {
padding-left: 0.625rem !important;
}
.u-pl-md-20 {
padding-left: 1.25rem !important;
}
.u-pl-md-30 {
padding-left: 1.875rem !important;
}
.u-pl-md-40 {
padding-left: 2.5rem !important;
}
.u-pl-md-50 {
padding-left: 3.125rem !important;
}
.u-pl-md-60 {
padding-left: 3.75rem !important;
}
.u-pl-md-70 {
padding-left: 4.375rem !important;
}
.u-pl-md-80 {
padding-left: 5rem !important;
}
.u-pl-md-90 {
padding-left: 5.625rem !important;
}
.u-pl-md-100 {
padding-left: 6.25rem !important;
}
}
@media (min-width: 992px) {
.u-p-lg-0 {
padding: 0rem !important;
}
.u-p-lg-10 {
padding: 0.625rem !important;
}
.u-p-lg-20 {
padding: 1.25rem !important;
}
.u-p-lg-30 {
padding: 1.875rem !important;
}
.u-p-lg-40 {
padding: 2.5rem !important;
}
.u-p-lg-50 {
padding: 3.125rem !important;
}
.u-p-lg-60 {
padding: 3.75rem !important;
}
.u-p-lg-70 {
padding: 4.375rem !important;
}
.u-p-lg-80 {
padding: 5rem !important;
}
.u-p-lg-90 {
padding: 5.625rem !important;
}
.u-p-lg-100 {
padding: 6.25rem !important;
}
.u-pt-lg-0 {
padding-top: 0rem !important;
}
.u-pt-lg-10 {
padding-top: 0.625rem !important;
}
.u-pt-lg-20 {
padding-top: 1.25rem !important;
}
.u-pt-lg-30 {
padding-top: 1.875rem !important;
}
.u-pt-lg-40 {
padding-top: 2.5rem !important;
}
.u-pt-lg-50 {
padding-top: 3.125rem !important;
}
.u-pt-lg-60 {
padding-top: 3.75rem !important;
}
.u-pt-lg-70 {
padding-top: 4.375rem !important;
}
.u-pt-lg-80 {
padding-top: 5rem !important;
}
.u-pt-lg-90 {
padding-top: 5.625rem !important;
}
.u-pt-lg-100 {
padding-top: 6.25rem !important;
}
.u-pr-lg-0 {
padding-right: 0rem !important;
}
.u-pr-lg-10 {
padding-right: 0.625rem !important;
}
.u-pr-lg-20 {
padding-right: 1.25rem !important;
}
.u-pr-lg-30 {
padding-right: 1.875rem !important;
}
.u-pr-lg-40 {
padding-right: 2.5rem !important;
}
.u-pr-lg-50 {
padding-right: 3.125rem !important;
}
.u-pr-lg-60 {
padding-right: 3.75rem !important;
}
.u-pr-lg-70 {
padding-right: 4.375rem !important;
}
.u-pr-lg-80 {
padding-right: 5rem !important;
}
.u-pr-lg-90 {
padding-right: 5.625rem !important;
}
.u-pr-lg-100 {
padding-right: 6.25rem !important;
}
.u-pb-lg-0 {
padding-bottom: 0rem !important;
}
.u-pb-lg-10 {
padding-bottom: 0.625rem !important;
}
.u-pb-lg-20 {
padding-bottom: 1.25rem !important;
}
.u-pb-lg-30 {
padding-bottom: 1.875rem !important;
}
.u-pb-lg-40 {
padding-bottom: 2.5rem !important;
}
.u-pb-lg-50 {
padding-bottom: 3.125rem !important;
}
.u-pb-lg-60 {
padding-bottom: 3.75rem !important;
}
.u-pb-lg-70 {
padding-bottom: 4.375rem !important;
}
.u-pb-lg-80 {
padding-bottom: 5rem !important;
}
.u-pb-lg-90 {
padding-bottom: 5.625rem !important;
}
.u-pb-lg-100 {
padding-bottom: 6.25rem !important;
}
.u-pl-lg-0 {
padding-left: 0rem !important;
}
.u-pl-lg-10 {
padding-left: 0.625rem !important;
}
.u-pl-lg-20 {
padding-left: 1.25rem !important;
}
.u-pl-lg-30 {
padding-left: 1.875rem !important;
}
.u-pl-lg-40 {
padding-left: 2.5rem !important;
}
.u-pl-lg-50 {
padding-left: 3.125rem !important;
}
.u-pl-lg-60 {
padding-left: 3.75rem !important;
}
.u-pl-lg-70 {
padding-left: 4.375rem !important;
}
.u-pl-lg-80 {
padding-left: 5rem !important;
}
.u-pl-lg-90 {
padding-left: 5.625rem !important;
}
.u-pl-lg-100 {
padding-left: 6.25rem !important;
}
}
@media (min-width: 1200px) {
.u-p-xl-0 {
padding: 0rem !important;
}
.u-p-xl-10 {
padding: 0.625rem !important;
}
.u-p-xl-20 {
padding: 1.25rem !important;
}
.u-p-xl-30 {
padding: 1.875rem !important;
}
.u-p-xl-40 {
padding: 2.5rem !important;
}
.u-p-xl-50 {
padding: 3.125rem !important;
}
.u-p-xl-60 {
padding: 3.75rem !important;
}
.u-p-xl-70 {
padding: 4.375rem !important;
}
.u-p-xl-80 {
padding: 5rem !important;
}
.u-p-xl-90 {
padding: 5.625rem !important;
}
.u-p-xl-100 {
padding: 6.25rem !important;
}
.u-pt-xl-0 {
padding-top: 0rem !important;
}
.u-pt-xl-10 {
padding-top: 0.625rem !important;
}
.u-pt-xl-20 {
padding-top: 1.25rem !important;
}
.u-pt-xl-30 {
padding-top: 1.875rem !important;
}
.u-pt-xl-40 {
padding-top: 2.5rem !important;
}
.u-pt-xl-50 {
padding-top: 3.125rem !important;
}
.u-pt-xl-60 {
padding-top: 3.75rem !important;
}
.u-pt-xl-70 {
padding-top: 4.375rem !important;
}
.u-pt-xl-80 {
padding-top: 5rem !important;
}
.u-pt-xl-90 {
padding-top: 5.625rem !important;
}
.u-pt-xl-100 {
padding-top: 6.25rem !important;
}
.u-pr-xl-0 {
padding-right: 0rem !important;
}
.u-pr-xl-10 {
padding-right: 0.625rem !important;
}
.u-pr-xl-20 {
padding-right: 1.25rem !important;
}
.u-pr-xl-30 {
padding-right: 1.875rem !important;
}
.u-pr-xl-40 {
padding-right: 2.5rem !important;
}
.u-pr-xl-50 {
padding-right: 3.125rem !important;
}
.u-pr-xl-60 {
padding-right: 3.75rem !important;
}
.u-pr-xl-70 {
padding-right: 4.375rem !important;
}
.u-pr-xl-80 {
padding-right: 5rem !important;
}
.u-pr-xl-90 {
padding-right: 5.625rem !important;
}
.u-pr-xl-100 {
padding-right: 6.25rem !important;
}
.u-pb-xl-0 {
padding-bottom: 0rem !important;
}
.u-pb-xl-10 {
padding-bottom: 0.625rem !important;
}
.u-pb-xl-20 {
padding-bottom: 1.25rem !important;
}
.u-pb-xl-30 {
padding-bottom: 1.875rem !important;
}
.u-pb-xl-40 {
padding-bottom: 2.5rem !important;
}
.u-pb-xl-50 {
padding-bottom: 3.125rem !important;
}
.u-pb-xl-60 {
padding-bottom: 3.75rem !important;
}
.u-pb-xl-70 {
padding-bottom: 4.375rem !important;
}
.u-pb-xl-80 {
padding-bottom: 5rem !important;
}
.u-pb-xl-90 {
padding-bottom: 5.625rem !important;
}
.u-pb-xl-100 {
padding-bottom: 6.25rem !important;
}
.u-pl-xl-0 {
padding-left: 0rem !important;
}
.u-pl-xl-10 {
padding-left: 0.625rem !important;
}
.u-pl-xl-20 {
padding-left: 1.25rem !important;
}
.u-pl-xl-30 {
padding-left: 1.875rem !important;
}
.u-pl-xl-40 {
padding-left: 2.5rem !important;
}
.u-pl-xl-50 {
padding-left: 3.125rem !important;
}
.u-pl-xl-60 {
padding-left: 3.75rem !important;
}
.u-pl-xl-70 {
padding-left: 4.375rem !important;
}
.u-pl-xl-80 {
padding-left: 5rem !important;
}
.u-pl-xl-90 {
padding-left: 5.625rem !important;
}
.u-pl-xl-100 {
padding-left: 6.25rem !important;
}
}
@media (min-width: 1400px) {
.u-p-xxl-0 {
padding: 0rem !important;
}
.u-p-xxl-10 {
padding: 0.625rem !important;
}
.u-p-xxl-20 {
padding: 1.25rem !important;
}
.u-p-xxl-30 {
padding: 1.875rem !important;
}
.u-p-xxl-40 {
padding: 2.5rem !important;
}
.u-p-xxl-50 {
padding: 3.125rem !important;
}
.u-p-xxl-60 {
padding: 3.75rem !important;
}
.u-p-xxl-70 {
padding: 4.375rem !important;
}
.u-p-xxl-80 {
padding: 5rem !important;
}
.u-p-xxl-90 {
padding: 5.625rem !important;
}
.u-p-xxl-100 {
padding: 6.25rem !important;
}
.u-pt-xxl-0 {
padding-top: 0rem !important;
}
.u-pt-xxl-10 {
padding-top: 0.625rem !important;
}
.u-pt-xxl-20 {
padding-top: 1.25rem !important;
}
.u-pt-xxl-30 {
padding-top: 1.875rem !important;
}
.u-pt-xxl-40 {
padding-top: 2.5rem !important;
}
.u-pt-xxl-50 {
padding-top: 3.125rem !important;
}
.u-pt-xxl-60 {
padding-top: 3.75rem !important;
}
.u-pt-xxl-70 {
padding-top: 4.375rem !important;
}
.u-pt-xxl-80 {
padding-top: 5rem !important;
}
.u-pt-xxl-90 {
padding-top: 5.625rem !important;
}
.u-pt-xxl-100 {
padding-top: 6.25rem !important;
}
.u-pr-xxl-0 {
padding-right: 0rem !important;
}
.u-pr-xxl-10 {
padding-right: 0.625rem !important;
}
.u-pr-xxl-20 {
padding-right: 1.25rem !important;
}
.u-pr-xxl-30 {
padding-right: 1.875rem !important;
}
.u-pr-xxl-40 {
padding-right: 2.5rem !important;
}
.u-pr-xxl-50 {
padding-right: 3.125rem !important;
}
.u-pr-xxl-60 {
padding-right: 3.75rem !important;
}
.u-pr-xxl-70 {
padding-right: 4.375rem !important;
}
.u-pr-xxl-80 {
padding-right: 5rem !important;
}
.u-pr-xxl-90 {
padding-right: 5.625rem !important;
}
.u-pr-xxl-100 {
padding-right: 6.25rem !important;
}
.u-pb-xxl-0 {
padding-bottom: 0rem !important;
}
.u-pb-xxl-10 {
padding-bottom: 0.625rem !important;
}
.u-pb-xxl-20 {
padding-bottom: 1.25rem !important;
}
.u-pb-xxl-30 {
padding-bottom: 1.875rem !important;
}
.u-pb-xxl-40 {
padding-bottom: 2.5rem !important;
}
.u-pb-xxl-50 {
padding-bottom: 3.125rem !important;
}
.u-pb-xxl-60 {
padding-bottom: 3.75rem !important;
}
.u-pb-xxl-70 {
padding-bottom: 4.375rem !important;
}
.u-pb-xxl-80 {
padding-bottom: 5rem !important;
}
.u-pb-xxl-90 {
padding-bottom: 5.625rem !important;
}
.u-pb-xxl-100 {
padding-bottom: 6.25rem !important;
}
.u-pl-xxl-0 {
padding-left: 0rem !important;
}
.u-pl-xxl-10 {
padding-left: 0.625rem !important;
}
.u-pl-xxl-20 {
padding-left: 1.25rem !important;
}
.u-pl-xxl-30 {
padding-left: 1.875rem !important;
}
.u-pl-xxl-40 {
padding-left: 2.5rem !important;
}
.u-pl-xxl-50 {
padding-left: 3.125rem !important;
}
.u-pl-xxl-60 {
padding-left: 3.75rem !important;
}
.u-pl-xxl-70 {
padding-left: 4.375rem !important;
}
.u-pl-xxl-80 {
padding-left: 5rem !important;
}
.u-pl-xxl-90 {
padding-left: 5.625rem !important;
}
.u-pl-xxl-100 {
padding-left: 6.25rem !important;
}
}
.u-w-auto {
width: auto !important;
}
@media (min-width: 576px) {
.u-w-sm-25 {
width: 25% !important;
}
.u-w-sm-50 {
width: 50% !important;
}
.u-w-sm-75 {
width: 75% !important;
}
.u-w-sm-100 {
width: 100% !important;
}
}
@media (min-width: 768px) {
.u-w-md-25 {
width: 25% !important;
}
.u-w-md-50 {
width: 50% !important;
}
.u-w-md-75 {
width: 75% !important;
}
.u-w-md-100 {
width: 100% !important;
}
}
@media (min-width: 992px) {
.u-w-lg-25 {
width: 25% !important;
}
.u-w-lg-50 {
width: 50% !important;
}
.u-w-lg-75 {
width: 75% !important;
}
.u-w-lg-100 {
width: 100% !important;
}
}
@media (min-width: 1200px) {
.u-w-xl-25 {
width: 25% !important;
}
.u-w-xl-50 {
width: 50% !important;
}
.u-w-xl-75 {
width: 75% !important;
}
.u-w-xl-100 {
width: 100% !important;
}
}
@media (min-width: 1400px) {
.u-w-xxl-25 {
width: 25% !important;
}
.u-w-xxl-50 {
width: 50% !important;
}
.u-w-xxl-75 {
width: 75% !important;
}
.u-w-xxl-100 {
width: 100% !important;
}
}
@media (min-width: 576px) {
.u-w-sm-auto {
width: auto !important;
}
}
@media (min-width: 768px) {
.u-w-md-auto {
width: auto !important;
}
}
@media (min-width: 992px) {
.u-w-lg-auto {
width: auto !important;
}
}
@media (min-width: 1200px) {
.u-w-xl-auto {
width: auto !important;
}
}
@media (min-width: 1400px) {
.u-w-xxl-auto {
width: auto !important;
}
}
.u-h-auto {
height: auto !important;
}
@media (min-width: 576px) {
.u-h-sm-25 {
height: 25% !important;
}
.u-h-sm-50 {
height: 50% !important;
}
.u-h-sm-75 {
height: 75% !important;
}
.u-h-sm-100 {
height: 100% !important;
}
}
@media (min-width: 768px) {
.u-h-md-25 {
height: 25% !important;
}
.u-h-md-50 {
height: 50% !important;
}
.u-h-md-75 {
height: 75% !important;
}
.u-h-md-100 {
height: 100% !important;
}
}
@media (min-width: 992px) {
.u-h-lg-25 {
height: 25% !important;
}
.u-h-lg-50 {
height: 50% !important;
}
.u-h-lg-75 {
height: 75% !important;
}
.u-h-lg-100 {
height: 100% !important;
}
}
@media (min-width: 1200px) {
.u-h-xl-25 {
height: 25% !important;
}
.u-h-xl-50 {
height: 50% !important;
}
.u-h-xl-75 {
height: 75% !important;
}
.u-h-xl-100 {
height: 100% !important;
}
}
@media (min-width: 1400px) {
.u-h-xxl-25 {
height: 25% !important;
}
.u-h-xxl-50 {
height: 50% !important;
}
.u-h-xxl-75 {
height: 75% !important;
}
.u-h-xxl-100 {
height: 100% !important;
}
}
@media (min-width: 576px) {
.u-h-sm-auto {
height: auto !important;
}
}
@media (min-width: 768px) {
.u-h-md-auto {
height: auto !important;
}
}
@media (min-width: 992px) {
.u-h-lg-auto {
height: auto !important;
}
}
@media (min-width: 1200px) {
.u-h-xl-auto {
height: auto !important;
}
}
@media (min-width: 1400px) {
.u-h-xxl-auto {
height: auto !important;
}
}
@media (min-width: 576px) {
.u-lh-sm-default {
line-height: 1.8 !important;
}
.u-lh-sm-1 {
line-height: 1 !important;
}
.u-lh-sm-sm {
line-height: 1.3 !important;
}
.u-lh-sm-md {
line-height: 1.5 !important;
}
.u-lh-sm-lg {
line-height: 2 !important;
}
}
@media (min-width: 768px) {
.u-lh-md-default {
line-height: 1.8 !important;
}
.u-lh-md-1 {
line-height: 1 !important;
}
.u-lh-md-sm {
line-height: 1.3 !important;
}
.u-lh-md-md {
line-height: 1.5 !important;
}
.u-lh-md-lg {
line-height: 2 !important;
}
}
@media (min-width: 992px) {
.u-lh-lg-default {
line-height: 1.8 !important;
}
.u-lh-lg-1 {
line-height: 1 !important;
}
.u-lh-lg-sm {
line-height: 1.3 !important;
}
.u-lh-lg-md {
line-height: 1.5 !important;
}
.u-lh-lg-lg {
line-height: 2 !important;
}
}
@media (min-width: 1200px) {
.u-lh-xl-default {
line-height: 1.8 !important;
}
.u-lh-xl-1 {
line-height: 1 !important;
}
.u-lh-xl-sm {
line-height: 1.3 !important;
}
.u-lh-xl-md {
line-height: 1.5 !important;
}
.u-lh-xl-lg {
line-height: 2 !important;
}
}
@media (min-width: 1400px) {
.u-lh-xxl-default {
line-height: 1.8 !important;
}
.u-lh-xxl-1 {
line-height: 1 !important;
}
.u-lh-xxl-sm {
line-height: 1.3 !important;
}
.u-lh-xxl-md {
line-height: 1.5 !important;
}
.u-lh-xxl-lg {
line-height: 2 !important;
}
}
.u-c01 {
content: #000;
}
.u-c02 {
content: #52c3ff;
}
.u-c03 {
content: #8cb4e6;
}
.u-c04 {
content: #6cffdb;
}
.u-c05 {
content: #ffef44;
}
.u-c06 {
content: #f975f0;
}
.u-font-go {
font-family: "Noto Sans JP" , "ヒラギノ角ゴシック Pro" , "Hiragino Kaku Gothic Pro" , メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif !important;
}
.u-font-min {
font-family: "游明朝" , YuMincho, "Hiragino Mincho ProN W3" , "ヒラギノ明朝 ProN W3" , "Hiragino Mincho ProN" , "HG明朝E" , "ＭＳ Ｐ明朝" , "ＭＳ 明朝" , serif !important;
}
.u-font-en {
font-family: "Montserrat" !important;
}
.u-font-en02 {
font-family: , !important;
}
.u-font-en03 {
font-family: sans-serif !important;
}
.u-font-size-xs {
font-size: 1rem;
}
.u-font-size-sm {
font-size: 1.2rem;
}
.u-font-size-md {
font-size: 1.5rem;
}
.u-font-size-lg {
font-size: 1.8rem;
}
.u-font-size-xl {
font-size: 2rem;
}
@media (min-width: 576px) {
.u-font-size-sm-xs {
font-size: 1rem;
}
.u-font-size-sm-sm {
font-size: 1.2rem;
}
.u-font-size-sm-md {
font-size: 1.5rem;
}
.u-font-size-sm-lg {
font-size: 1.8rem;
}
.u-font-size-sm-xl {
font-size: 2rem;
}
}
@media (min-width: 768px) {
.u-font-size-md-xs {
font-size: 1rem;
}
.u-font-size-md-sm {
font-size: 1.2rem;
}
.u-font-size-md-md {
font-size: 1.5rem;
}
.u-font-size-md-lg {
font-size: 1.8rem;
}
.u-font-size-md-xl {
font-size: 2rem;
}
}
@media (min-width: 992px) {
.u-font-size-lg-xs {
font-size: 1rem;
}
.u-font-size-lg-sm {
font-size: 1.2rem;
}
.u-font-size-lg-md {
font-size: 1.5rem;
}
.u-font-size-lg-lg {
font-size: 1.8rem;
}
.u-font-size-lg-xl {
font-size: 2rem;
}
}
@media (min-width: 1200px) {
.u-font-size-xl-xs {
font-size: 1rem;
}
.u-font-size-xl-sm {
font-size: 1.2rem;
}
.u-font-size-xl-md {
font-size: 1.5rem;
}
.u-font-size-xl-lg {
font-size: 1.8rem;
}
.u-font-size-xl-xl {
font-size: 2rem;
}
}
.u-font-weight-light, .u-font-weight-300 {
font-weight: 300 !important;
}
.u-font-weight-normal, .u-font-weight-400 {
font-weight: 400 !important;
}
.u-font-weight-medium, .u-font-weight-500 {
font-weight: 500 !important;
}
.u-font-weight-semibold, .u-font-weight-600 {
font-weight: 600 !important;
}
.u-font-weight-bold, .u-font-weight-700 {
font-weight: 700 !important;
}
.u-font-weight-900 {
font-weight: 900 !important;
}
.u-font-italic {
font-style: italic !important;
}
.u-text-left {
text-align: left !important;
}
.u-text-right {
text-align: right !important;
}
.u-text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.u-text-sm-left {
text-align: left !important;
}
.u-text-sm-right {
text-align: right !important;
}
.u-text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.u-text-md-left {
text-align: left !important;
}
.u-text-md-right {
text-align: right !important;
}
.u-text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.u-text-lg-left {
text-align: left !important;
}
.u-text-lg-right {
text-align: right !important;
}
.u-text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.u-text-xl-left {
text-align: left !important;
}
.u-text-xl-right {
text-align: right !important;
}
.u-text-xl-center {
text-align: center !important;
}
}
@media (min-width: 1400px) {
.u-text-xxl-left {
text-align: left !important;
}
.u-text-xxl-right {
text-align: right !important;
}
.u-text-xxl-center {
text-align: center !important;
}
}
.u-embed-responsive {
position: relative;
display: block;
width: 100%;
padding: 0;
overflow: hidden;
}
.u-embed-responsive::before {
display: block;
content: "";
}
.u-embed-responsive .u-embed-responsive-item,
.u-embed-responsive iframe,
.u-embed-responsive embed,
.u-embed-responsive object,
.u-embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.u-embed-responsive-21by9::before {
padding-top: 42.857143%;
}
.u-embed-responsive-16by9::before {
padding-top: 56.25%;
}
.u-embed-responsive-4by3::before {
padding-top: 75%;
}
.u-embed-responsive-1by1::before {
padding-top: 100%;
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.container-sm, .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container-md, .container-sm, .container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container-lg, .container-md, .container-sm, .container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1140px;
}
}
@media (min-width: 1400px) {
.container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
max-width: 1320px;
}
}
:root {
--bs-breakpoint-xs: 0;
--bs-breakpoint-sm: 576px;
--bs-breakpoint-md: 768px;
--bs-breakpoint-lg: 992px;
--bs-breakpoint-xl: 1200px;
--bs-breakpoint-xxl: 1400px;
}
.bs-row {
--bs-gutter-x: 1.5rem;
--bs-gutter-y: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: calc(-1 * var(--bs-gutter-y));
margin-right: calc(-0.5 * var(--bs-gutter-x));
margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.bs-row > * {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
max-width: 100%;
padding-right: calc(var(--bs-gutter-x) * 0.5);
padding-left: calc(var(--bs-gutter-x) * 0.5);
margin-top: var(--bs-gutter-y);
}
.bs-col {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.bs-row-cols-auto > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.bs-row-cols-1 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.bs-row-cols-2 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.bs-row-cols-3 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%;
}
.bs-row-cols-4 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.bs-row-cols-5 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.bs-row-cols-6 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%;
}
.bs-col-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.bs-col-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.bs-col-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.bs-col-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.bs-col-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.bs-col-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.bs-col-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.bs-col-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.bs-col-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.bs-col-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.bs-col-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.bs-col-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.bs-col-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.bs-offset-1 {
margin-left: 8.33333333%;
}
.bs-offset-2 {
margin-left: 16.66666667%;
}
.bs-offset-3 {
margin-left: 25%;
}
.bs-offset-4 {
margin-left: 33.33333333%;
}
.bs-offset-5 {
margin-left: 41.66666667%;
}
.bs-offset-6 {
margin-left: 50%;
}
.bs-offset-7 {
margin-left: 58.33333333%;
}
.bs-offset-8 {
margin-left: 66.66666667%;
}
.bs-offset-9 {
margin-left: 75%;
}
.bs-offset-10 {
margin-left: 83.33333333%;
}
.bs-offset-11 {
margin-left: 91.66666667%;
}
.bs-g-0,
.bs-gx-0 {
--bs-gutter-x: 0;
}
.bs-g-0,
.bs-gy-0 {
--bs-gutter-y: 0;
}
.bs-g-1,
.bs-gx-1 {
--bs-gutter-x: 0.25rem;
}
.bs-g-1,
.bs-gy-1 {
--bs-gutter-y: 0.25rem;
}
.bs-g-2,
.bs-gx-2 {
--bs-gutter-x: 0.5rem;
}
.bs-g-2,
.bs-gy-2 {
--bs-gutter-y: 0.5rem;
}
.bs-g-3,
.bs-gx-3 {
--bs-gutter-x: 1rem;
}
.bs-g-3,
.bs-gy-3 {
--bs-gutter-y: 1rem;
}
.bs-g-4,
.bs-gx-4 {
--bs-gutter-x: 1.5rem;
}
.bs-g-4,
.bs-gy-4 {
--bs-gutter-y: 1.5rem;
}
.bs-g-5,
.bs-gx-5 {
--bs-gutter-x: 3rem;
}
.bs-g-5,
.bs-gy-5 {
--bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
.bs-col-sm {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.bs-row-cols-sm-auto > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.bs-row-cols-sm-1 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.bs-row-cols-sm-2 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.bs-row-cols-sm-3 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%;
}
.bs-row-cols-sm-4 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.bs-row-cols-sm-5 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.bs-row-cols-sm-6 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%;
}
.bs-col-sm-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.bs-col-sm-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.bs-col-sm-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.bs-col-sm-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.bs-col-sm-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.bs-col-sm-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.bs-col-sm-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.bs-col-sm-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.bs-col-sm-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.bs-col-sm-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.bs-col-sm-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.bs-col-sm-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.bs-col-sm-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.bs-offset-sm-0 {
margin-left: 0;
}
.bs-offset-sm-1 {
margin-left: 8.33333333%;
}
.bs-offset-sm-2 {
margin-left: 16.66666667%;
}
.bs-offset-sm-3 {
margin-left: 25%;
}
.bs-offset-sm-4 {
margin-left: 33.33333333%;
}
.bs-offset-sm-5 {
margin-left: 41.66666667%;
}
.bs-offset-sm-6 {
margin-left: 50%;
}
.bs-offset-sm-7 {
margin-left: 58.33333333%;
}
.bs-offset-sm-8 {
margin-left: 66.66666667%;
}
.bs-offset-sm-9 {
margin-left: 75%;
}
.bs-offset-sm-10 {
margin-left: 83.33333333%;
}
.bs-offset-sm-11 {
margin-left: 91.66666667%;
}
.bs-g-sm-0,
.bs-gx-sm-0 {
--bs-gutter-x: 0;
}
.bs-g-sm-0,
.bs-gy-sm-0 {
--bs-gutter-y: 0;
}
.bs-g-sm-1,
.bs-gx-sm-1 {
--bs-gutter-x: 0.25rem;
}
.bs-g-sm-1,
.bs-gy-sm-1 {
--bs-gutter-y: 0.25rem;
}
.bs-g-sm-2,
.bs-gx-sm-2 {
--bs-gutter-x: 0.5rem;
}
.bs-g-sm-2,
.bs-gy-sm-2 {
--bs-gutter-y: 0.5rem;
}
.bs-g-sm-3,
.bs-gx-sm-3 {
--bs-gutter-x: 1rem;
}
.bs-g-sm-3,
.bs-gy-sm-3 {
--bs-gutter-y: 1rem;
}
.bs-g-sm-4,
.bs-gx-sm-4 {
--bs-gutter-x: 1.5rem;
}
.bs-g-sm-4,
.bs-gy-sm-4 {
--bs-gutter-y: 1.5rem;
}
.bs-g-sm-5,
.bs-gx-sm-5 {
--bs-gutter-x: 3rem;
}
.bs-g-sm-5,
.bs-gy-sm-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 768px) {
.bs-col-md {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.bs-row-cols-md-auto > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.bs-row-cols-md-1 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.bs-row-cols-md-2 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.bs-row-cols-md-3 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%;
}
.bs-row-cols-md-4 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.bs-row-cols-md-5 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.bs-row-cols-md-6 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%;
}
.bs-col-md-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.bs-col-md-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.bs-col-md-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.bs-col-md-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.bs-col-md-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.bs-col-md-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.bs-col-md-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.bs-col-md-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.bs-col-md-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.bs-col-md-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.bs-col-md-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.bs-col-md-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.bs-col-md-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.bs-offset-md-0 {
margin-left: 0;
}
.bs-offset-md-1 {
margin-left: 8.33333333%;
}
.bs-offset-md-2 {
margin-left: 16.66666667%;
}
.bs-offset-md-3 {
margin-left: 25%;
}
.bs-offset-md-4 {
margin-left: 33.33333333%;
}
.bs-offset-md-5 {
margin-left: 41.66666667%;
}
.bs-offset-md-6 {
margin-left: 50%;
}
.bs-offset-md-7 {
margin-left: 58.33333333%;
}
.bs-offset-md-8 {
margin-left: 66.66666667%;
}
.bs-offset-md-9 {
margin-left: 75%;
}
.bs-offset-md-10 {
margin-left: 83.33333333%;
}
.bs-offset-md-11 {
margin-left: 91.66666667%;
}
.bs-g-md-0,
.bs-gx-md-0 {
--bs-gutter-x: 0;
}
.bs-g-md-0,
.bs-gy-md-0 {
--bs-gutter-y: 0;
}
.bs-g-md-1,
.bs-gx-md-1 {
--bs-gutter-x: 0.25rem;
}
.bs-g-md-1,
.bs-gy-md-1 {
--bs-gutter-y: 0.25rem;
}
.bs-g-md-2,
.bs-gx-md-2 {
--bs-gutter-x: 0.5rem;
}
.bs-g-md-2,
.bs-gy-md-2 {
--bs-gutter-y: 0.5rem;
}
.bs-g-md-3,
.bs-gx-md-3 {
--bs-gutter-x: 1rem;
}
.bs-g-md-3,
.bs-gy-md-3 {
--bs-gutter-y: 1rem;
}
.bs-g-md-4,
.bs-gx-md-4 {
--bs-gutter-x: 1.5rem;
}
.bs-g-md-4,
.bs-gy-md-4 {
--bs-gutter-y: 1.5rem;
}
.bs-g-md-5,
.bs-gx-md-5 {
--bs-gutter-x: 3rem;
}
.bs-g-md-5,
.bs-gy-md-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 992px) {
.bs-col-lg {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.bs-row-cols-lg-auto > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.bs-row-cols-lg-1 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.bs-row-cols-lg-2 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.bs-row-cols-lg-3 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%;
}
.bs-row-cols-lg-4 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.bs-row-cols-lg-5 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.bs-row-cols-lg-6 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%;
}
.bs-col-lg-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.bs-col-lg-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.bs-col-lg-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.bs-col-lg-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.bs-col-lg-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.bs-col-lg-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.bs-col-lg-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.bs-col-lg-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.bs-col-lg-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.bs-col-lg-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.bs-col-lg-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.bs-col-lg-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.bs-col-lg-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.bs-offset-lg-0 {
margin-left: 0;
}
.bs-offset-lg-1 {
margin-left: 8.33333333%;
}
.bs-offset-lg-2 {
margin-left: 16.66666667%;
}
.bs-offset-lg-3 {
margin-left: 25%;
}
.bs-offset-lg-4 {
margin-left: 33.33333333%;
}
.bs-offset-lg-5 {
margin-left: 41.66666667%;
}
.bs-offset-lg-6 {
margin-left: 50%;
}
.bs-offset-lg-7 {
margin-left: 58.33333333%;
}
.bs-offset-lg-8 {
margin-left: 66.66666667%;
}
.bs-offset-lg-9 {
margin-left: 75%;
}
.bs-offset-lg-10 {
margin-left: 83.33333333%;
}
.bs-offset-lg-11 {
margin-left: 91.66666667%;
}
.bs-g-lg-0,
.bs-gx-lg-0 {
--bs-gutter-x: 0;
}
.bs-g-lg-0,
.bs-gy-lg-0 {
--bs-gutter-y: 0;
}
.bs-g-lg-1,
.bs-gx-lg-1 {
--bs-gutter-x: 0.25rem;
}
.bs-g-lg-1,
.bs-gy-lg-1 {
--bs-gutter-y: 0.25rem;
}
.bs-g-lg-2,
.bs-gx-lg-2 {
--bs-gutter-x: 0.5rem;
}
.bs-g-lg-2,
.bs-gy-lg-2 {
--bs-gutter-y: 0.5rem;
}
.bs-g-lg-3,
.bs-gx-lg-3 {
--bs-gutter-x: 1rem;
}
.bs-g-lg-3,
.bs-gy-lg-3 {
--bs-gutter-y: 1rem;
}
.bs-g-lg-4,
.bs-gx-lg-4 {
--bs-gutter-x: 1.5rem;
}
.bs-g-lg-4,
.bs-gy-lg-4 {
--bs-gutter-y: 1.5rem;
}
.bs-g-lg-5,
.bs-gx-lg-5 {
--bs-gutter-x: 3rem;
}
.bs-g-lg-5,
.bs-gy-lg-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1200px) {
.bs-col-xl {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.bs-row-cols-xl-auto > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.bs-row-cols-xl-1 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.bs-row-cols-xl-2 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.bs-row-cols-xl-3 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%;
}
.bs-row-cols-xl-4 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.bs-row-cols-xl-5 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.bs-row-cols-xl-6 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%;
}
.bs-col-xl-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.bs-col-xl-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.bs-col-xl-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.bs-col-xl-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.bs-col-xl-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.bs-col-xl-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.bs-col-xl-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.bs-col-xl-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.bs-col-xl-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.bs-col-xl-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.bs-col-xl-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.bs-col-xl-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.bs-col-xl-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.bs-offset-xl-0 {
margin-left: 0;
}
.bs-offset-xl-1 {
margin-left: 8.33333333%;
}
.bs-offset-xl-2 {
margin-left: 16.66666667%;
}
.bs-offset-xl-3 {
margin-left: 25%;
}
.bs-offset-xl-4 {
margin-left: 33.33333333%;
}
.bs-offset-xl-5 {
margin-left: 41.66666667%;
}
.bs-offset-xl-6 {
margin-left: 50%;
}
.bs-offset-xl-7 {
margin-left: 58.33333333%;
}
.bs-offset-xl-8 {
margin-left: 66.66666667%;
}
.bs-offset-xl-9 {
margin-left: 75%;
}
.bs-offset-xl-10 {
margin-left: 83.33333333%;
}
.bs-offset-xl-11 {
margin-left: 91.66666667%;
}
.bs-g-xl-0,
.bs-gx-xl-0 {
--bs-gutter-x: 0;
}
.bs-g-xl-0,
.bs-gy-xl-0 {
--bs-gutter-y: 0;
}
.bs-g-xl-1,
.bs-gx-xl-1 {
--bs-gutter-x: 0.25rem;
}
.bs-g-xl-1,
.bs-gy-xl-1 {
--bs-gutter-y: 0.25rem;
}
.bs-g-xl-2,
.bs-gx-xl-2 {
--bs-gutter-x: 0.5rem;
}
.bs-g-xl-2,
.bs-gy-xl-2 {
--bs-gutter-y: 0.5rem;
}
.bs-g-xl-3,
.bs-gx-xl-3 {
--bs-gutter-x: 1rem;
}
.bs-g-xl-3,
.bs-gy-xl-3 {
--bs-gutter-y: 1rem;
}
.bs-g-xl-4,
.bs-gx-xl-4 {
--bs-gutter-x: 1.5rem;
}
.bs-g-xl-4,
.bs-gy-xl-4 {
--bs-gutter-y: 1.5rem;
}
.bs-g-xl-5,
.bs-gx-xl-5 {
--bs-gutter-x: 3rem;
}
.bs-g-xl-5,
.bs-gy-xl-5 {
--bs-gutter-y: 3rem;
}
}
@media (min-width: 1400px) {
.bs-col-xxl {
-webkit-box-flex: 1;
-webkit-flex: 1 0 0%;
-ms-flex: 1 0 0%;
flex: 1 0 0%;
}
.bs-row-cols-xxl-auto > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.bs-row-cols-xxl-1 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.bs-row-cols-xxl-2 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.bs-row-cols-xxl-3 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%;
}
.bs-row-cols-xxl-4 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.bs-row-cols-xxl-5 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 20%;
}
.bs-row-cols-xxl-6 > * {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%;
}
.bs-col-xxl-auto {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
}
.bs-col-xxl-1 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.33333333%;
}
.bs-col-xxl-2 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.66666667%;
}
.bs-col-xxl-3 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
}
.bs-col-xxl-4 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.33333333%;
}
.bs-col-xxl-5 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.66666667%;
}
.bs-col-xxl-6 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
}
.bs-col-xxl-7 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.33333333%;
}
.bs-col-xxl-8 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.66666667%;
}
.bs-col-xxl-9 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
}
.bs-col-xxl-10 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.33333333%;
}
.bs-col-xxl-11 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.66666667%;
}
.bs-col-xxl-12 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
}
.bs-offset-xxl-0 {
margin-left: 0;
}
.bs-offset-xxl-1 {
margin-left: 8.33333333%;
}
.bs-offset-xxl-2 {
margin-left: 16.66666667%;
}
.bs-offset-xxl-3 {
margin-left: 25%;
}
.bs-offset-xxl-4 {
margin-left: 33.33333333%;
}
.bs-offset-xxl-5 {
margin-left: 41.66666667%;
}
.bs-offset-xxl-6 {
margin-left: 50%;
}
.bs-offset-xxl-7 {
margin-left: 58.33333333%;
}
.bs-offset-xxl-8 {
margin-left: 66.66666667%;
}
.bs-offset-xxl-9 {
margin-left: 75%;
}
.bs-offset-xxl-10 {
margin-left: 83.33333333%;
}
.bs-offset-xxl-11 {
margin-left: 91.66666667%;
}
.bs-g-xxl-0,
.bs-gx-xxl-0 {
--bs-gutter-x: 0;
}
.bs-g-xxl-0,
.bs-gy-xxl-0 {
--bs-gutter-y: 0;
}
.bs-g-xxl-1,
.bs-gx-xxl-1 {
--bs-gutter-x: 0.25rem;
}
.bs-g-xxl-1,
.bs-gy-xxl-1 {
--bs-gutter-y: 0.25rem;
}
.bs-g-xxl-2,
.bs-gx-xxl-2 {
--bs-gutter-x: 0.5rem;
}
.bs-g-xxl-2,
.bs-gy-xxl-2 {
--bs-gutter-y: 0.5rem;
}
.bs-g-xxl-3,
.bs-gx-xxl-3 {
--bs-gutter-x: 1rem;
}
.bs-g-xxl-3,
.bs-gy-xxl-3 {
--bs-gutter-y: 1rem;
}
.bs-g-xxl-4,
.bs-gx-xxl-4 {
--bs-gutter-x: 1.5rem;
}
.bs-g-xxl-4,
.bs-gy-xxl-4 {
--bs-gutter-y: 1.5rem;
}
.bs-g-xxl-5,
.bs-gx-xxl-5 {
--bs-gutter-x: 3rem;
}
.bs-g-xxl-5,
.bs-gy-xxl-5 {
--bs-gutter-y: 3rem;
}
}
.bs-order-first {
-webkit-box-ordinal-group: 0 !important;
-webkit-order: -1 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.bs-order-0 {
-webkit-box-ordinal-group: 1 !important;
-webkit-order: 0 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.bs-order-1 {
-webkit-box-ordinal-group: 2 !important;
-webkit-order: 1 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.bs-order-2 {
-webkit-box-ordinal-group: 3 !important;
-webkit-order: 2 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.bs-order-3 {
-webkit-box-ordinal-group: 4 !important;
-webkit-order: 3 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.bs-order-4 {
-webkit-box-ordinal-group: 5 !important;
-webkit-order: 4 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.bs-order-5 {
-webkit-box-ordinal-group: 6 !important;
-webkit-order: 5 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.bs-order-last {
-webkit-box-ordinal-group: 7 !important;
-webkit-order: 6 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
@media (min-width: 576px) {
.bs-order-sm-first {
-webkit-box-ordinal-group: 0 !important;
-webkit-order: -1 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.bs-order-sm-0 {
-webkit-box-ordinal-group: 1 !important;
-webkit-order: 0 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.bs-order-sm-1 {
-webkit-box-ordinal-group: 2 !important;
-webkit-order: 1 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.bs-order-sm-2 {
-webkit-box-ordinal-group: 3 !important;
-webkit-order: 2 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.bs-order-sm-3 {
-webkit-box-ordinal-group: 4 !important;
-webkit-order: 3 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.bs-order-sm-4 {
-webkit-box-ordinal-group: 5 !important;
-webkit-order: 4 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.bs-order-sm-5 {
-webkit-box-ordinal-group: 6 !important;
-webkit-order: 5 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.bs-order-sm-last {
-webkit-box-ordinal-group: 7 !important;
-webkit-order: 6 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
}
@media (min-width: 768px) {
.bs-order-md-first {
-webkit-box-ordinal-group: 0 !important;
-webkit-order: -1 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.bs-order-md-0 {
-webkit-box-ordinal-group: 1 !important;
-webkit-order: 0 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.bs-order-md-1 {
-webkit-box-ordinal-group: 2 !important;
-webkit-order: 1 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.bs-order-md-2 {
-webkit-box-ordinal-group: 3 !important;
-webkit-order: 2 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.bs-order-md-3 {
-webkit-box-ordinal-group: 4 !important;
-webkit-order: 3 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.bs-order-md-4 {
-webkit-box-ordinal-group: 5 !important;
-webkit-order: 4 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.bs-order-md-5 {
-webkit-box-ordinal-group: 6 !important;
-webkit-order: 5 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.bs-order-md-last {
-webkit-box-ordinal-group: 7 !important;
-webkit-order: 6 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
}
@media (min-width: 992px) {
.bs-order-lg-first {
-webkit-box-ordinal-group: 0 !important;
-webkit-order: -1 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.bs-order-lg-0 {
-webkit-box-ordinal-group: 1 !important;
-webkit-order: 0 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.bs-order-lg-1 {
-webkit-box-ordinal-group: 2 !important;
-webkit-order: 1 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.bs-order-lg-2 {
-webkit-box-ordinal-group: 3 !important;
-webkit-order: 2 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.bs-order-lg-3 {
-webkit-box-ordinal-group: 4 !important;
-webkit-order: 3 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.bs-order-lg-4 {
-webkit-box-ordinal-group: 5 !important;
-webkit-order: 4 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.bs-order-lg-5 {
-webkit-box-ordinal-group: 6 !important;
-webkit-order: 5 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.bs-order-lg-last {
-webkit-box-ordinal-group: 7 !important;
-webkit-order: 6 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
}
@media (min-width: 1200px) {
.bs-order-xl-first {
-webkit-box-ordinal-group: 0 !important;
-webkit-order: -1 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.bs-order-xl-0 {
-webkit-box-ordinal-group: 1 !important;
-webkit-order: 0 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.bs-order-xl-1 {
-webkit-box-ordinal-group: 2 !important;
-webkit-order: 1 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.bs-order-xl-2 {
-webkit-box-ordinal-group: 3 !important;
-webkit-order: 2 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.bs-order-xl-3 {
-webkit-box-ordinal-group: 4 !important;
-webkit-order: 3 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.bs-order-xl-4 {
-webkit-box-ordinal-group: 5 !important;
-webkit-order: 4 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.bs-order-xl-5 {
-webkit-box-ordinal-group: 6 !important;
-webkit-order: 5 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.bs-order-xl-last {
-webkit-box-ordinal-group: 7 !important;
-webkit-order: 6 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
}
@media (min-width: 1400px) {
.bs-order-xxl-first {
-webkit-box-ordinal-group: 0 !important;
-webkit-order: -1 !important;
-ms-flex-order: -1 !important;
order: -1 !important;
}
.bs-order-xxl-0 {
-webkit-box-ordinal-group: 1 !important;
-webkit-order: 0 !important;
-ms-flex-order: 0 !important;
order: 0 !important;
}
.bs-order-xxl-1 {
-webkit-box-ordinal-group: 2 !important;
-webkit-order: 1 !important;
-ms-flex-order: 1 !important;
order: 1 !important;
}
.bs-order-xxl-2 {
-webkit-box-ordinal-group: 3 !important;
-webkit-order: 2 !important;
-ms-flex-order: 2 !important;
order: 2 !important;
}
.bs-order-xxl-3 {
-webkit-box-ordinal-group: 4 !important;
-webkit-order: 3 !important;
-ms-flex-order: 3 !important;
order: 3 !important;
}
.bs-order-xxl-4 {
-webkit-box-ordinal-group: 5 !important;
-webkit-order: 4 !important;
-ms-flex-order: 4 !important;
order: 4 !important;
}
.bs-order-xxl-5 {
-webkit-box-ordinal-group: 6 !important;
-webkit-order: 5 !important;
-ms-flex-order: 5 !important;
order: 5 !important;
}
.bs-order-xxl-last {
-webkit-box-ordinal-group: 7 !important;
-webkit-order: 6 !important;
-ms-flex-order: 6 !important;
order: 6 !important;
}
}