@charset 'UTF-8';
@charset "UTF-8";
@charset "utf-8";
@charset "utf-8";


.container {
width: 100%;
padding-right: 25px;
padding-left: 25px;
margin-right: auto;
margin-left: auto;
}
@media only screen and ( max-width : 375px ) {
.container {
padding: 0 20px;
}
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1100px;
padding-right: 50px;
padding-left: 50px;
}
}
.container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters > .col,
.no-gutters > [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-first {
-ms-flex-order: -1;
order: -1;
}
.order-last {
-ms-flex-order: 13;
order: 13;
}
.order-0 {
-ms-flex-order: 0;
order: 0;
}
.order-1 {
-ms-flex-order: 1;
order: 1;
}
.order-2 {
-ms-flex-order: 2;
order: 2;
}
.order-3 {
-ms-flex-order: 3;
order: 3;
}
.order-4 {
-ms-flex-order: 4;
order: 4;
}
.order-5 {
-ms-flex-order: 5;
order: 5;
}
.order-6 {
-ms-flex-order: 6;
order: 6;
}
.order-7 {
-ms-flex-order: 7;
order: 7;
}
.order-8 {
-ms-flex-order: 8;
order: 8;
}
.order-9 {
-ms-flex-order: 9;
order: 9;
}
.order-10 {
-ms-flex-order: 10;
order: 10;
}
.order-11 {
-ms-flex-order: 11;
order: 11;
}
.order-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-1 {
margin-left: 8.333333%;
}
.offset-2 {
margin-left: 16.666667%;
}
.offset-3 {
margin-left: 25%;
}
.offset-4 {
margin-left: 33.333333%;
}
.offset-5 {
margin-left: 41.666667%;
}
.offset-6 {
margin-left: 50%;
}
.offset-7 {
margin-left: 58.333333%;
}
.offset-8 {
margin-left: 66.666667%;
}
.offset-9 {
margin-left: 75%;
}
.offset-10 {
margin-left: 83.333333%;
}
.offset-11 {
margin-left: 91.666667%;
}
@media (min-width: 576px) {
.col-sm {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-sm-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-sm-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-sm-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-sm-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-sm-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-sm-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-sm-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-sm-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-sm-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-sm-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-sm-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-sm-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-sm-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-sm-first {
-ms-flex-order: -1;
order: -1;
}
.order-sm-last {
-ms-flex-order: 13;
order: 13;
}
.order-sm-0 {
-ms-flex-order: 0;
order: 0;
}
.order-sm-1 {
-ms-flex-order: 1;
order: 1;
}
.order-sm-2 {
-ms-flex-order: 2;
order: 2;
}
.order-sm-3 {
-ms-flex-order: 3;
order: 3;
}
.order-sm-4 {
-ms-flex-order: 4;
order: 4;
}
.order-sm-5 {
-ms-flex-order: 5;
order: 5;
}
.order-sm-6 {
-ms-flex-order: 6;
order: 6;
}
.order-sm-7 {
-ms-flex-order: 7;
order: 7;
}
.order-sm-8 {
-ms-flex-order: 8;
order: 8;
}
.order-sm-9 {
-ms-flex-order: 9;
order: 9;
}
.order-sm-10 {
-ms-flex-order: 10;
order: 10;
}
.order-sm-11 {
-ms-flex-order: 11;
order: 11;
}
.order-sm-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-sm-0 {
margin-left: 0;
}
.offset-sm-1 {
margin-left: 8.333333%;
}
.offset-sm-2 {
margin-left: 16.666667%;
}
.offset-sm-3 {
margin-left: 25%;
}
.offset-sm-4 {
margin-left: 33.333333%;
}
.offset-sm-5 {
margin-left: 41.666667%;
}
.offset-sm-6 {
margin-left: 50%;
}
.offset-sm-7 {
margin-left: 58.333333%;
}
.offset-sm-8 {
margin-left: 66.666667%;
}
.offset-sm-9 {
margin-left: 75%;
}
.offset-sm-10 {
margin-left: 83.333333%;
}
.offset-sm-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 768px) {
.col-md {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-md-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-md-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-md-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-md-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-md-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-md-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-md-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-md-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-md-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-md-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-md-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-md-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-md-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-md-first {
-ms-flex-order: -1;
order: -1;
}
.order-md-last {
-ms-flex-order: 13;
order: 13;
}
.order-md-0 {
-ms-flex-order: 0;
order: 0;
}
.order-md-1 {
-ms-flex-order: 1;
order: 1;
}
.order-md-2 {
-ms-flex-order: 2;
order: 2;
}
.order-md-3 {
-ms-flex-order: 3;
order: 3;
}
.order-md-4 {
-ms-flex-order: 4;
order: 4;
}
.order-md-5 {
-ms-flex-order: 5;
order: 5;
}
.order-md-6 {
-ms-flex-order: 6;
order: 6;
}
.order-md-7 {
-ms-flex-order: 7;
order: 7;
}
.order-md-8 {
-ms-flex-order: 8;
order: 8;
}
.order-md-9 {
-ms-flex-order: 9;
order: 9;
}
.order-md-10 {
-ms-flex-order: 10;
order: 10;
}
.order-md-11 {
-ms-flex-order: 11;
order: 11;
}
.order-md-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-md-0 {
margin-left: 0;
}
.offset-md-1 {
margin-left: 8.333333%;
}
.offset-md-2 {
margin-left: 16.666667%;
}
.offset-md-3 {
margin-left: 25%;
}
.offset-md-4 {
margin-left: 33.333333%;
}
.offset-md-5 {
margin-left: 41.666667%;
}
.offset-md-6 {
margin-left: 50%;
}
.offset-md-7 {
margin-left: 58.333333%;
}
.offset-md-8 {
margin-left: 66.666667%;
}
.offset-md-9 {
margin-left: 75%;
}
.offset-md-10 {
margin-left: 83.333333%;
}
.offset-md-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 992px) {
.col-lg {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-lg-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-lg-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-lg-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-lg-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-lg-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-lg-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-lg-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-lg-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-lg-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-lg-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-lg-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-lg-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-lg-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-lg-first {
-ms-flex-order: -1;
order: -1;
}
.order-lg-last {
-ms-flex-order: 13;
order: 13;
}
.order-lg-0 {
-ms-flex-order: 0;
order: 0;
}
.order-lg-1 {
-ms-flex-order: 1;
order: 1;
}
.order-lg-2 {
-ms-flex-order: 2;
order: 2;
}
.order-lg-3 {
-ms-flex-order: 3;
order: 3;
}
.order-lg-4 {
-ms-flex-order: 4;
order: 4;
}
.order-lg-5 {
-ms-flex-order: 5;
order: 5;
}
.order-lg-6 {
-ms-flex-order: 6;
order: 6;
}
.order-lg-7 {
-ms-flex-order: 7;
order: 7;
}
.order-lg-8 {
-ms-flex-order: 8;
order: 8;
}
.order-lg-9 {
-ms-flex-order: 9;
order: 9;
}
.order-lg-10 {
-ms-flex-order: 10;
order: 10;
}
.order-lg-11 {
-ms-flex-order: 11;
order: 11;
}
.order-lg-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-lg-0 {
margin-left: 0;
}
.offset-lg-1 {
margin-left: 8.333333%;
}
.offset-lg-2 {
margin-left: 16.666667%;
}
.offset-lg-3 {
margin-left: 25%;
}
.offset-lg-4 {
margin-left: 33.333333%;
}
.offset-lg-5 {
margin-left: 41.666667%;
}
.offset-lg-6 {
margin-left: 50%;
}
.offset-lg-7 {
margin-left: 58.333333%;
}
.offset-lg-8 {
margin-left: 66.666667%;
}
.offset-lg-9 {
margin-left: 75%;
}
.offset-lg-10 {
margin-left: 83.333333%;
}
.offset-lg-11 {
margin-left: 91.666667%;
}
}
@media (min-width: 1200px) {
.col-xl {
-ms-flex-preferred-size: 0;
flex-basis: 0;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
.col-xl-auto {
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
max-width: none;
}
.col-xl-1 {
-ms-flex: 0 0 8.333333%;
flex: 0 0 8.333333%;
max-width: 8.333333%;
}
.col-xl-2 {
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.666667%;
}
.col-xl-3 {
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
}
.col-xl-4 {
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
.col-xl-5 {
-ms-flex: 0 0 41.666667%;
flex: 0 0 41.666667%;
max-width: 41.666667%;
}
.col-xl-6 {
-ms-flex: 0 0 50%;
flex: 0 0 50%;
max-width: 50%;
}
.col-xl-7 {
-ms-flex: 0 0 58.333333%;
flex: 0 0 58.333333%;
max-width: 58.333333%;
}
.col-xl-8 {
-ms-flex: 0 0 66.666667%;
flex: 0 0 66.666667%;
max-width: 66.666667%;
}
.col-xl-9 {
-ms-flex: 0 0 75%;
flex: 0 0 75%;
max-width: 75%;
}
.col-xl-10 {
-ms-flex: 0 0 83.333333%;
flex: 0 0 83.333333%;
max-width: 83.333333%;
}
.col-xl-11 {
-ms-flex: 0 0 91.666667%;
flex: 0 0 91.666667%;
max-width: 91.666667%;
}
.col-xl-12 {
-ms-flex: 0 0 100%;
flex: 0 0 100%;
max-width: 100%;
}
.order-xl-first {
-ms-flex-order: -1;
order: -1;
}
.order-xl-last {
-ms-flex-order: 13;
order: 13;
}
.order-xl-0 {
-ms-flex-order: 0;
order: 0;
}
.order-xl-1 {
-ms-flex-order: 1;
order: 1;
}
.order-xl-2 {
-ms-flex-order: 2;
order: 2;
}
.order-xl-3 {
-ms-flex-order: 3;
order: 3;
}
.order-xl-4 {
-ms-flex-order: 4;
order: 4;
}
.order-xl-5 {
-ms-flex-order: 5;
order: 5;
}
.order-xl-6 {
-ms-flex-order: 6;
order: 6;
}
.order-xl-7 {
-ms-flex-order: 7;
order: 7;
}
.order-xl-8 {
-ms-flex-order: 8;
order: 8;
}
.order-xl-9 {
-ms-flex-order: 9;
order: 9;
}
.order-xl-10 {
-ms-flex-order: 10;
order: 10;
}
.order-xl-11 {
-ms-flex-order: 11;
order: 11;
}
.order-xl-12 {
-ms-flex-order: 12;
order: 12;
}
.offset-xl-0 {
margin-left: 0;
}
.offset-xl-1 {
margin-left: 8.333333%;
}
.offset-xl-2 {
margin-left: 16.666667%;
}
.offset-xl-3 {
margin-left: 25%;
}
.offset-xl-4 {
margin-left: 33.333333%;
}
.offset-xl-5 {
margin-left: 41.666667%;
}
.offset-xl-6 {
margin-left: 50%;
}
.offset-xl-7 {
margin-left: 58.333333%;
}
.offset-xl-8 {
margin-left: 66.666667%;
}
.offset-xl-9 {
margin-left: 75%;
}
.offset-xl-10 {
margin-left: 83.333333%;
}
.offset-xl-11 {
margin-left: 91.666667%;
}
} .d-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.flex-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
@media (min-width: 576px) {
.d-sm-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.flex-sm-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-sm-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-sm-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-sm-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-sm-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-sm-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-sm-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-sm-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-sm-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-sm-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-sm-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-sm-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-sm-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-sm-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-sm-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-sm-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-sm-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-sm-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-sm-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-sm-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-sm-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-sm-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-sm-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-sm-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-sm-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-sm-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-sm-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-sm-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-sm-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-sm-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-sm-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-sm-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.d-md-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.flex-md-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-md-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-md-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-md-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-md-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-md-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-md-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-md-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-md-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-md-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-md-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-md-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-md-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-md-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-md-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-md-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-md-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-md-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-md-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-md-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-md-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-md-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-md-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-md-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-md-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-md-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-md-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-md-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-md-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-md-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-md-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-md-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-md-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.d-lg-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.flex-lg-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-lg-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-lg-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-lg-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-lg-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-lg-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-lg-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-lg-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-lg-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-lg-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-lg-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-lg-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-lg-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-lg-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-lg-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-lg-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-lg-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-lg-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-lg-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-lg-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-lg-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-lg-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-lg-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-lg-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-lg-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-lg-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-lg-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-lg-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-lg-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-lg-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-lg-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-lg-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.d-xl-flex {
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-inline-flex {
display: -ms-inline-flexbox !important;
display: inline-flex !important;
}
.flex-xl-row {
-ms-flex-direction: row !important;
flex-direction: row !important;
}
.flex-xl-column {
-ms-flex-direction: column !important;
flex-direction: column !important;
}
.flex-xl-row-reverse {
-ms-flex-direction: row-reverse !important;
flex-direction: row-reverse !important;
}
.flex-xl-column-reverse {
-ms-flex-direction: column-reverse !important;
flex-direction: column-reverse !important;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap !important;
flex-wrap: wrap !important;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap !important;
flex-wrap: nowrap !important;
}
.flex-xl-wrap-reverse {
-ms-flex-wrap: wrap-reverse !important;
flex-wrap: wrap-reverse !important;
}
.flex-xl-fill {
-ms-flex: 1 1 auto !important;
flex: 1 1 auto !important;
}
.flex-xl-grow-0 {
-ms-flex-positive: 0 !important;
flex-grow: 0 !important;
}
.flex-xl-grow-1 {
-ms-flex-positive: 1 !important;
flex-grow: 1 !important;
}
.flex-xl-shrink-0 {
-ms-flex-negative: 0 !important;
flex-shrink: 0 !important;
}
.flex-xl-shrink-1 {
-ms-flex-negative: 1 !important;
flex-shrink: 1 !important;
}
.justify-content-xl-start {
-ms-flex-pack: start !important;
justify-content: flex-start !important;
}
.justify-content-xl-end {
-ms-flex-pack: end !important;
justify-content: flex-end !important;
}
.justify-content-xl-center {
-ms-flex-pack: center !important;
justify-content: center !important;
}
.justify-content-xl-between {
-ms-flex-pack: justify !important;
justify-content: space-between !important;
}
.justify-content-xl-around {
-ms-flex-pack: distribute !important;
justify-content: space-around !important;
}
.align-items-xl-start {
-ms-flex-align: start !important;
align-items: flex-start !important;
}
.align-items-xl-end {
-ms-flex-align: end !important;
align-items: flex-end !important;
}
.align-items-xl-center {
-ms-flex-align: center !important;
align-items: center !important;
}
.align-items-xl-baseline {
-ms-flex-align: baseline !important;
align-items: baseline !important;
}
.align-items-xl-stretch {
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.align-content-xl-start {
-ms-flex-line-pack: start !important;
align-content: flex-start !important;
}
.align-content-xl-end {
-ms-flex-line-pack: end !important;
align-content: flex-end !important;
}
.align-content-xl-center {
-ms-flex-line-pack: center !important;
align-content: center !important;
}
.align-content-xl-between {
-ms-flex-line-pack: justify !important;
align-content: space-between !important;
}
.align-content-xl-around {
-ms-flex-line-pack: distribute !important;
align-content: space-around !important;
}
.align-content-xl-stretch {
-ms-flex-line-pack: stretch !important;
align-content: stretch !important;
}
.align-self-xl-auto {
-ms-flex-item-align: auto !important;
align-self: auto !important;
}
.align-self-xl-start {
-ms-flex-item-align: start !important;
align-self: flex-start !important;
}
.align-self-xl-end {
-ms-flex-item-align: end !important;
align-self: flex-end !important;
}
.align-self-xl-center {
-ms-flex-item-align: center !important;
align-self: center !important;
}
.align-self-xl-baseline {
-ms-flex-item-align: baseline !important;
align-self: baseline !important;
}
.align-self-xl-stretch {
-ms-flex-item-align: stretch !important;
align-self: stretch !important;
}
} .text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
@media (min-width: 576px) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (min-width: 768px) {
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 992px) {
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 1200px) {
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
} .m-0 {
margin: 0 !important;
}
.mt-0,
.my-0 {
margin-top: 0 !important;
}
.mr-0,
.mx-0 {
margin-right: 0 !important;
}
.mb-0,
.my-0 {
margin-bottom: 0 !important;
}
.ml-0,
.mx-0 {
margin-left: 0 !important;
}
.m-1 {
margin: 0.25rem !important;
}
.mt-1,
.my-1 {
margin-top: 0.25rem !important;
}
.mr-1,
.mx-1 {
margin-right: 0.25rem !important;
}
.mb-1,
.my-1 {
margin-bottom: 0.25rem !important;
}
.ml-1,
.mx-1 {
margin-left: 0.25rem !important;
}
.m-2 {
margin: 0.5rem !important;
}
.mt-2,
.my-2 {
margin-top: 0.5rem !important;
}
.mr-2,
.mx-2 {
margin-right: 0.5rem !important;
}
.mb-2,
.my-2 {
margin-bottom: 0.5rem !important;
}
.ml-2,
.mx-2 {
margin-left: 0.5rem !important;
}
.m-3 {
margin: 1rem !important;
}
.mt-3,
.my-3 {
margin-top: 1rem !important;
}
.mr-3,
.mx-3 {
margin-right: 1rem !important;
}
.mb-3,
.my-3 {
margin-bottom: 1rem !important;
}
.ml-3,
.mx-3 {
margin-left: 1rem !important;
}
.m-4 {
margin: 1.5rem !important;
}
.mt-4,
.my-4 {
margin-top: 1.5rem !important;
}
.mr-4,
.mx-4 {
margin-right: 1.5rem !important;
}
.mb-4,
.my-4 {
margin-bottom: 1.5rem !important;
}
.ml-4,
.mx-4 {
margin-left: 1.5rem !important;
}
.m-5 {
margin: 3rem !important;
}
.mt-5,
.my-5 {
margin-top: 3rem !important;
}
.mr-5,
.mx-5 {
margin-right: 3rem !important;
}
.mb-5,
.my-5 {
margin-bottom: 3rem !important;
}
.ml-5,
.mx-5 {
margin-left: 3rem !important;
}
.p-0 {
padding: 0 !important;
}
.pt-0,
.py-0 {
padding-top: 0 !important;
}
.pr-0,
.px-0 {
padding-right: 0 !important;
}
.pb-0,
.py-0 {
padding-bottom: 0 !important;
}
.pl-0,
.px-0 {
padding-left: 0 !important;
}
.p-1 {
padding: 0.25rem !important;
}
.pt-1,
.py-1 {
padding-top: 0.25rem !important;
}
.pr-1,
.px-1 {
padding-right: 0.25rem !important;
}
.pb-1,
.py-1 {
padding-bottom: 0.25rem !important;
}
.pl-1,
.px-1 {
padding-left: 0.25rem !important;
}
.p-2 {
padding: 0.5rem !important;
}
.pt-2,
.py-2 {
padding-top: 0.5rem !important;
}
.pr-2,
.px-2 {
padding-right: 0.5rem !important;
}
.pb-2,
.py-2 {
padding-bottom: 0.5rem !important;
}
.pl-2,
.px-2 {
padding-left: 0.5rem !important;
}
.p-3 {
padding: 1rem !important;
}
.pt-3,
.py-3 {
padding-top: 1rem !important;
}
.pr-3,
.px-3 {
padding-right: 1rem !important;
}
.pb-3,
.py-3 {
padding-bottom: 1rem !important;
}
.pl-3,
.px-3 {
padding-left: 1rem !important;
}
.p-4 {
padding: 1.5rem !important;
}
.pt-4,
.py-4 {
padding-top: 1.5rem !important;
}
.pr-4,
.px-4 {
padding-right: 1.5rem !important;
}
.pb-4,
.py-4 {
padding-bottom: 1.5rem !important;
}
.pl-4,
.px-4 {
padding-left: 1.5rem !important;
}
.p-5 {
padding: 3rem !important;
}
.pt-5,
.py-5 {
padding-top: 3rem !important;
}
.pr-5,
.px-5 {
padding-right: 3rem !important;
}
.pb-5,
.py-5 {
padding-bottom: 3rem !important;
}
.pl-5,
.px-5 {
padding-left: 3rem !important;
}
.m-n1 {
margin: -0.25rem !important;
}
.mt-n1,
.my-n1 {
margin-top: -0.25rem !important;
}
.mr-n1,
.mx-n1 {
margin-right: -0.25rem !important;
}
.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important;
}
.ml-n1,
.mx-n1 {
margin-left: -0.25rem !important;
}
.m-n2 {
margin: -0.5rem !important;
}
.mt-n2,
.my-n2 {
margin-top: -0.5rem !important;
}
.mr-n2,
.mx-n2 {
margin-right: -0.5rem !important;
}
.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important;
}
.ml-n2,
.mx-n2 {
margin-left: -0.5rem !important;
}
.m-n3 {
margin: -1rem !important;
}
.mt-n3,
.my-n3 {
margin-top: -1rem !important;
}
.mr-n3,
.mx-n3 {
margin-right: -1rem !important;
}
.mb-n3,
.my-n3 {
margin-bottom: -1rem !important;
}
.ml-n3,
.mx-n3 {
margin-left: -1rem !important;
}
.m-n4 {
margin: -1.5rem !important;
}
.mt-n4,
.my-n4 {
margin-top: -1.5rem !important;
}
.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important;
}
.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important;
}
.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important;
}
.m-n5 {
margin: -3rem !important;
}
.mt-n5,
.my-n5 {
margin-top: -3rem !important;
}
.mr-n5,
.mx-n5 {
margin-right: -3rem !important;
}
.mb-n5,
.my-n5 {
margin-bottom: -3rem !important;
}
.ml-n5,
.mx-n5 {
margin-left: -3rem !important;
}
.m-auto {
margin: auto !important;
}
.mt-auto,
.my-auto {
margin-top: auto !important;
}
.mr-auto,
.mx-auto {
margin-right: auto !important;
}
.mb-auto,
.my-auto {
margin-bottom: auto !important;
}
.ml-auto,
.mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0 !important;
}
.mt-sm-0,
.my-sm-0 {
margin-top: 0 !important;
}
.mr-sm-0,
.mx-sm-0 {
margin-right: 0 !important;
}
.mb-sm-0,
.my-sm-0 {
margin-bottom: 0 !important;
}
.ml-sm-0,
.mx-sm-0 {
margin-left: 0 !important;
}
.m-sm-1 {
margin: 0.25rem !important;
}
.mt-sm-1,
.my-sm-1 {
margin-top: 0.25rem !important;
}
.mr-sm-1,
.mx-sm-1 {
margin-right: 0.25rem !important;
}
.mb-sm-1,
.my-sm-1 {
margin-bottom: 0.25rem !important;
}
.ml-sm-1,
.mx-sm-1 {
margin-left: 0.25rem !important;
}
.m-sm-2 {
margin: 0.5rem !important;
}
.mt-sm-2,
.my-sm-2 {
margin-top: 0.5rem !important;
}
.mr-sm-2,
.mx-sm-2 {
margin-right: 0.5rem !important;
}
.mb-sm-2,
.my-sm-2 {
margin-bottom: 0.5rem !important;
}
.ml-sm-2,
.mx-sm-2 {
margin-left: 0.5rem !important;
}
.m-sm-3 {
margin: 1rem !important;
}
.mt-sm-3,
.my-sm-3 {
margin-top: 1rem !important;
}
.mr-sm-3,
.mx-sm-3 {
margin-right: 1rem !important;
}
.mb-sm-3,
.my-sm-3 {
margin-bottom: 1rem !important;
}
.ml-sm-3,
.mx-sm-3 {
margin-left: 1rem !important;
}
.m-sm-4 {
margin: 1.5rem !important;
}
.mt-sm-4,
.my-sm-4 {
margin-top: 1.5rem !important;
}
.mr-sm-4,
.mx-sm-4 {
margin-right: 1.5rem !important;
}
.mb-sm-4,
.my-sm-4 {
margin-bottom: 1.5rem !important;
}
.ml-sm-4,
.mx-sm-4 {
margin-left: 1.5rem !important;
}
.m-sm-5 {
margin: 3rem !important;
}
.mt-sm-5,
.my-sm-5 {
margin-top: 3rem !important;
}
.mr-sm-5,
.mx-sm-5 {
margin-right: 3rem !important;
}
.mb-sm-5,
.my-sm-5 {
margin-bottom: 3rem !important;
}
.ml-sm-5,
.mx-sm-5 {
margin-left: 3rem !important;
}
.p-sm-0 {
padding: 0 !important;
}
.pt-sm-0,
.py-sm-0 {
padding-top: 0 !important;
}
.pr-sm-0,
.px-sm-0 {
padding-right: 0 !important;
}
.pb-sm-0,
.py-sm-0 {
padding-bottom: 0 !important;
}
.pl-sm-0,
.px-sm-0 {
padding-left: 0 !important;
}
.p-sm-1 {
padding: 0.25rem !important;
}
.pt-sm-1,
.py-sm-1 {
padding-top: 0.25rem !important;
}
.pr-sm-1,
.px-sm-1 {
padding-right: 0.25rem !important;
}
.pb-sm-1,
.py-sm-1 {
padding-bottom: 0.25rem !important;
}
.pl-sm-1,
.px-sm-1 {
padding-left: 0.25rem !important;
}
.p-sm-2 {
padding: 0.5rem !important;
}
.pt-sm-2,
.py-sm-2 {
padding-top: 0.5rem !important;
}
.pr-sm-2,
.px-sm-2 {
padding-right: 0.5rem !important;
}
.pb-sm-2,
.py-sm-2 {
padding-bottom: 0.5rem !important;
}
.pl-sm-2,
.px-sm-2 {
padding-left: 0.5rem !important;
}
.p-sm-3 {
padding: 1rem !important;
}
.pt-sm-3,
.py-sm-3 {
padding-top: 1rem !important;
}
.pr-sm-3,
.px-sm-3 {
padding-right: 1rem !important;
}
.pb-sm-3,
.py-sm-3 {
padding-bottom: 1rem !important;
}
.pl-sm-3,
.px-sm-3 {
padding-left: 1rem !important;
}
.p-sm-4 {
padding: 1.5rem !important;
}
.pt-sm-4,
.py-sm-4 {
padding-top: 1.5rem !important;
}
.pr-sm-4,
.px-sm-4 {
padding-right: 1.5rem !important;
}
.pb-sm-4,
.py-sm-4 {
padding-bottom: 1.5rem !important;
}
.pl-sm-4,
.px-sm-4 {
padding-left: 1.5rem !important;
}
.p-sm-5 {
padding: 3rem !important;
}
.pt-sm-5,
.py-sm-5 {
padding-top: 3rem !important;
}
.pr-sm-5,
.px-sm-5 {
padding-right: 3rem !important;
}
.pb-sm-5,
.py-sm-5 {
padding-bottom: 3rem !important;
}
.pl-sm-5,
.px-sm-5 {
padding-left: 3rem !important;
}
.m-sm-n1 {
margin: -0.25rem !important;
}
.mt-sm-n1,
.my-sm-n1 {
margin-top: -0.25rem !important;
}
.mr-sm-n1,
.mx-sm-n1 {
margin-right: -0.25rem !important;
}
.mb-sm-n1,
.my-sm-n1 {
margin-bottom: -0.25rem !important;
}
.ml-sm-n1,
.mx-sm-n1 {
margin-left: -0.25rem !important;
}
.m-sm-n2 {
margin: -0.5rem !important;
}
.mt-sm-n2,
.my-sm-n2 {
margin-top: -0.5rem !important;
}
.mr-sm-n2,
.mx-sm-n2 {
margin-right: -0.5rem !important;
}
.mb-sm-n2,
.my-sm-n2 {
margin-bottom: -0.5rem !important;
}
.ml-sm-n2,
.mx-sm-n2 {
margin-left: -0.5rem !important;
}
.m-sm-n3 {
margin: -1rem !important;
}
.mt-sm-n3,
.my-sm-n3 {
margin-top: -1rem !important;
}
.mr-sm-n3,
.mx-sm-n3 {
margin-right: -1rem !important;
}
.mb-sm-n3,
.my-sm-n3 {
margin-bottom: -1rem !important;
}
.ml-sm-n3,
.mx-sm-n3 {
margin-left: -1rem !important;
}
.m-sm-n4 {
margin: -1.5rem !important;
}
.mt-sm-n4,
.my-sm-n4 {
margin-top: -1.5rem !important;
}
.mr-sm-n4,
.mx-sm-n4 {
margin-right: -1.5rem !important;
}
.mb-sm-n4,
.my-sm-n4 {
margin-bottom: -1.5rem !important;
}
.ml-sm-n4,
.mx-sm-n4 {
margin-left: -1.5rem !important;
}
.m-sm-n5 {
margin: -3rem !important;
}
.mt-sm-n5,
.my-sm-n5 {
margin-top: -3rem !important;
}
.mr-sm-n5,
.mx-sm-n5 {
margin-right: -3rem !important;
}
.mb-sm-n5,
.my-sm-n5 {
margin-bottom: -3rem !important;
}
.ml-sm-n5,
.mx-sm-n5 {
margin-left: -3rem !important;
}
.m-sm-auto {
margin: auto !important;
}
.mt-sm-auto,
.my-sm-auto {
margin-top: auto !important;
}
.mr-sm-auto,
.mx-sm-auto {
margin-right: auto !important;
}
.mb-sm-auto,
.my-sm-auto {
margin-bottom: auto !important;
}
.ml-sm-auto,
.mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0 !important;
}
.mt-md-0,
.my-md-0 {
margin-top: 0 !important;
}
.mr-md-0,
.mx-md-0 {
margin-right: 0 !important;
}
.mb-md-0,
.my-md-0 {
margin-bottom: 0 !important;
}
.ml-md-0,
.mx-md-0 {
margin-left: 0 !important;
}
.m-md-1 {
margin: 0.25rem !important;
}
.mt-md-1,
.my-md-1 {
margin-top: 0.25rem !important;
}
.mr-md-1,
.mx-md-1 {
margin-right: 0.25rem !important;
}
.mb-md-1,
.my-md-1 {
margin-bottom: 0.25rem !important;
}
.ml-md-1,
.mx-md-1 {
margin-left: 0.25rem !important;
}
.m-md-2 {
margin: 0.5rem !important;
}
.mt-md-2,
.my-md-2 {
margin-top: 0.5rem !important;
}
.mr-md-2,
.mx-md-2 {
margin-right: 0.5rem !important;
}
.mb-md-2,
.my-md-2 {
margin-bottom: 0.5rem !important;
}
.ml-md-2,
.mx-md-2 {
margin-left: 0.5rem !important;
}
.m-md-3 {
margin: 1rem !important;
}
.mt-md-3,
.my-md-3 {
margin-top: 1rem !important;
}
.mr-md-3,
.mx-md-3 {
margin-right: 1rem !important;
}
.mb-md-3,
.my-md-3 {
margin-bottom: 1rem !important;
}
.ml-md-3,
.mx-md-3 {
margin-left: 1rem !important;
}
.m-md-4 {
margin: 1.5rem !important;
}
.mt-md-4,
.my-md-4 {
margin-top: 1.5rem !important;
}
.mr-md-4,
.mx-md-4 {
margin-right: 1.5rem !important;
}
.mb-md-4,
.my-md-4 {
margin-bottom: 1.5rem !important;
}
.ml-md-4,
.mx-md-4 {
margin-left: 1.5rem !important;
}
.m-md-5 {
margin: 3rem !important;
}
.mt-md-5,
.my-md-5 {
margin-top: 3rem !important;
}
.mr-md-5,
.mx-md-5 {
margin-right: 3rem !important;
}
.mb-md-5,
.my-md-5 {
margin-bottom: 3rem !important;
}
.ml-md-5,
.mx-md-5 {
margin-left: 3rem !important;
}
.p-md-0 {
padding: 0 !important;
}
.pt-md-0,
.py-md-0 {
padding-top: 0 !important;
}
.pr-md-0,
.px-md-0 {
padding-right: 0 !important;
}
.pb-md-0,
.py-md-0 {
padding-bottom: 0 !important;
}
.pl-md-0,
.px-md-0 {
padding-left: 0 !important;
}
.p-md-1 {
padding: 0.25rem !important;
}
.pt-md-1,
.py-md-1 {
padding-top: 0.25rem !important;
}
.pr-md-1,
.px-md-1 {
padding-right: 0.25rem !important;
}
.pb-md-1,
.py-md-1 {
padding-bottom: 0.25rem !important;
}
.pl-md-1,
.px-md-1 {
padding-left: 0.25rem !important;
}
.p-md-2 {
padding: 0.5rem !important;
}
.pt-md-2,
.py-md-2 {
padding-top: 0.5rem !important;
}
.pr-md-2,
.px-md-2 {
padding-right: 0.5rem !important;
}
.pb-md-2,
.py-md-2 {
padding-bottom: 0.5rem !important;
}
.pl-md-2,
.px-md-2 {
padding-left: 0.5rem !important;
}
.p-md-3 {
padding: 1rem !important;
}
.pt-md-3,
.py-md-3 {
padding-top: 1rem !important;
}
.pr-md-3,
.px-md-3 {
padding-right: 1rem !important;
}
.pb-md-3,
.py-md-3 {
padding-bottom: 1rem !important;
}
.pl-md-3,
.px-md-3 {
padding-left: 1rem !important;
}
.p-md-4 {
padding: 1.5rem !important;
}
.pt-md-4,
.py-md-4 {
padding-top: 1.5rem !important;
}
.pr-md-4,
.px-md-4 {
padding-right: 1.5rem !important;
}
.pb-md-4,
.py-md-4 {
padding-bottom: 1.5rem !important;
}
.pl-md-4,
.px-md-4 {
padding-left: 1.5rem !important;
}
.p-md-5 {
padding: 3rem !important;
}
.pt-md-5,
.py-md-5 {
padding-top: 3rem !important;
}
.pr-md-5,
.px-md-5 {
padding-right: 3rem !important;
}
.pb-md-5,
.py-md-5 {
padding-bottom: 3rem !important;
}
.pl-md-5,
.px-md-5 {
padding-left: 3rem !important;
}
.m-md-n1 {
margin: -0.25rem !important;
}
.mt-md-n1,
.my-md-n1 {
margin-top: -0.25rem !important;
}
.mr-md-n1,
.mx-md-n1 {
margin-right: -0.25rem !important;
}
.mb-md-n1,
.my-md-n1 {
margin-bottom: -0.25rem !important;
}
.ml-md-n1,
.mx-md-n1 {
margin-left: -0.25rem !important;
}
.m-md-n2 {
margin: -0.5rem !important;
}
.mt-md-n2,
.my-md-n2 {
margin-top: -0.5rem !important;
}
.mr-md-n2,
.mx-md-n2 {
margin-right: -0.5rem !important;
}
.mb-md-n2,
.my-md-n2 {
margin-bottom: -0.5rem !important;
}
.ml-md-n2,
.mx-md-n2 {
margin-left: -0.5rem !important;
}
.m-md-n3 {
margin: -1rem !important;
}
.mt-md-n3,
.my-md-n3 {
margin-top: -1rem !important;
}
.mr-md-n3,
.mx-md-n3 {
margin-right: -1rem !important;
}
.mb-md-n3,
.my-md-n3 {
margin-bottom: -1rem !important;
}
.ml-md-n3,
.mx-md-n3 {
margin-left: -1rem !important;
}
.m-md-n4 {
margin: -1.5rem !important;
}
.mt-md-n4,
.my-md-n4 {
margin-top: -1.5rem !important;
}
.mr-md-n4,
.mx-md-n4 {
margin-right: -1.5rem !important;
}
.mb-md-n4,
.my-md-n4 {
margin-bottom: -1.5rem !important;
}
.ml-md-n4,
.mx-md-n4 {
margin-left: -1.5rem !important;
}
.m-md-n5 {
margin: -3rem !important;
}
.mt-md-n5,
.my-md-n5 {
margin-top: -3rem !important;
}
.mr-md-n5,
.mx-md-n5 {
margin-right: -3rem !important;
}
.mb-md-n5,
.my-md-n5 {
margin-bottom: -3rem !important;
}
.ml-md-n5,
.mx-md-n5 {
margin-left: -3rem !important;
}
.m-md-auto {
margin: auto !important;
}
.mt-md-auto,
.my-md-auto {
margin-top: auto !important;
}
.mr-md-auto,
.mx-md-auto {
margin-right: auto !important;
}
.mb-md-auto,
.my-md-auto {
margin-bottom: auto !important;
}
.ml-md-auto,
.mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.m-lg-0 {
margin: 0 !important;
}
.mt-lg-0,
.my-lg-0 {
margin-top: 0 !important;
}
.mr-lg-0,
.mx-lg-0 {
margin-right: 0 !important;
}
.mb-lg-0,
.my-lg-0 {
margin-bottom: 0 !important;
}
.ml-lg-0,
.mx-lg-0 {
margin-left: 0 !important;
}
.m-lg-1 {
margin: 0.25rem !important;
}
.mt-lg-1,
.my-lg-1 {
margin-top: 0.25rem !important;
}
.mr-lg-1,
.mx-lg-1 {
margin-right: 0.25rem !important;
}
.mb-lg-1,
.my-lg-1 {
margin-bottom: 0.25rem !important;
}
.ml-lg-1,
.mx-lg-1 {
margin-left: 0.25rem !important;
}
.m-lg-2 {
margin: 0.5rem !important;
}
.mt-lg-2,
.my-lg-2 {
margin-top: 0.5rem !important;
}
.mr-lg-2,
.mx-lg-2 {
margin-right: 0.5rem !important;
}
.mb-lg-2,
.my-lg-2 {
margin-bottom: 0.5rem !important;
}
.ml-lg-2,
.mx-lg-2 {
margin-left: 0.5rem !important;
}
.m-lg-3 {
margin: 1rem !important;
}
.mt-lg-3,
.my-lg-3 {
margin-top: 1rem !important;
}
.mr-lg-3,
.mx-lg-3 {
margin-right: 1rem !important;
}
.mb-lg-3,
.my-lg-3 {
margin-bottom: 1rem !important;
}
.ml-lg-3,
.mx-lg-3 {
margin-left: 1rem !important;
}
.m-lg-4 {
margin: 1.5rem !important;
}
.mt-lg-4,
.my-lg-4 {
margin-top: 1.5rem !important;
}
.mr-lg-4,
.mx-lg-4 {
margin-right: 1.5rem !important;
}
.mb-lg-4,
.my-lg-4 {
margin-bottom: 1.5rem !important;
}
.ml-lg-4,
.mx-lg-4 {
margin-left: 1.5rem !important;
}
.m-lg-5 {
margin: 3rem !important;
}
.mt-lg-5,
.my-lg-5 {
margin-top: 3rem !important;
}
.mr-lg-5,
.mx-lg-5 {
margin-right: 3rem !important;
}
.mb-lg-5,
.my-lg-5 {
margin-bottom: 3rem !important;
}
.ml-lg-5,
.mx-lg-5 {
margin-left: 3rem !important;
}
.p-lg-0 {
padding: 0 !important;
}
.pt-lg-0,
.py-lg-0 {
padding-top: 0 !important;
}
.pr-lg-0,
.px-lg-0 {
padding-right: 0 !important;
}
.pb-lg-0,
.py-lg-0 {
padding-bottom: 0 !important;
}
.pl-lg-0,
.px-lg-0 {
padding-left: 0 !important;
}
.p-lg-1 {
padding: 0.25rem !important;
}
.pt-lg-1,
.py-lg-1 {
padding-top: 0.25rem !important;
}
.pr-lg-1,
.px-lg-1 {
padding-right: 0.25rem !important;
}
.pb-lg-1,
.py-lg-1 {
padding-bottom: 0.25rem !important;
}
.pl-lg-1,
.px-lg-1 {
padding-left: 0.25rem !important;
}
.p-lg-2 {
padding: 0.5rem !important;
}
.pt-lg-2,
.py-lg-2 {
padding-top: 0.5rem !important;
}
.pr-lg-2,
.px-lg-2 {
padding-right: 0.5rem !important;
}
.pb-lg-2,
.py-lg-2 {
padding-bottom: 0.5rem !important;
}
.pl-lg-2,
.px-lg-2 {
padding-left: 0.5rem !important;
}
.p-lg-3 {
padding: 1rem !important;
}
.pt-lg-3,
.py-lg-3 {
padding-top: 1rem !important;
}
.pr-lg-3,
.px-lg-3 {
padding-right: 1rem !important;
}
.pb-lg-3,
.py-lg-3 {
padding-bottom: 1rem !important;
}
.pl-lg-3,
.px-lg-3 {
padding-left: 1rem !important;
}
.p-lg-4 {
padding: 1.5rem !important;
}
.pt-lg-4,
.py-lg-4 {
padding-top: 1.5rem !important;
}
.pr-lg-4,
.px-lg-4 {
padding-right: 1.5rem !important;
}
.pb-lg-4,
.py-lg-4 {
padding-bottom: 1.5rem !important;
}
.pl-lg-4,
.px-lg-4 {
padding-left: 1.5rem !important;
}
.p-lg-5 {
padding: 3rem !important;
}
.pt-lg-5,
.py-lg-5 {
padding-top: 3rem !important;
}
.pr-lg-5,
.px-lg-5 {
padding-right: 3rem !important;
}
.pb-lg-5,
.py-lg-5 {
padding-bottom: 3rem !important;
}
.pl-lg-5,
.px-lg-5 {
padding-left: 3rem !important;
}
.m-lg-n1 {
margin: -0.25rem !important;
}
.mt-lg-n1,
.my-lg-n1 {
margin-top: -0.25rem !important;
}
.mr-lg-n1,
.mx-lg-n1 {
margin-right: -0.25rem !important;
}
.mb-lg-n1,
.my-lg-n1 {
margin-bottom: -0.25rem !important;
}
.ml-lg-n1,
.mx-lg-n1 {
margin-left: -0.25rem !important;
}
.m-lg-n2 {
margin: -0.5rem !important;
}
.mt-lg-n2,
.my-lg-n2 {
margin-top: -0.5rem !important;
}
.mr-lg-n2,
.mx-lg-n2 {
margin-right: -0.5rem !important;
}
.mb-lg-n2,
.my-lg-n2 {
margin-bottom: -0.5rem !important;
}
.ml-lg-n2,
.mx-lg-n2 {
margin-left: -0.5rem !important;
}
.m-lg-n3 {
margin: -1rem !important;
}
.mt-lg-n3,
.my-lg-n3 {
margin-top: -1rem !important;
}
.mr-lg-n3,
.mx-lg-n3 {
margin-right: -1rem !important;
}
.mb-lg-n3,
.my-lg-n3 {
margin-bottom: -1rem !important;
}
.ml-lg-n3,
.mx-lg-n3 {
margin-left: -1rem !important;
}
.m-lg-n4 {
margin: -1.5rem !important;
}
.mt-lg-n4,
.my-lg-n4 {
margin-top: -1.5rem !important;
}
.mr-lg-n4,
.mx-lg-n4 {
margin-right: -1.5rem !important;
}
.mb-lg-n4,
.my-lg-n4 {
margin-bottom: -1.5rem !important;
}
.ml-lg-n4,
.mx-lg-n4 {
margin-left: -1.5rem !important;
}
.m-lg-n5 {
margin: -3rem !important;
}
.mt-lg-n5,
.my-lg-n5 {
margin-top: -3rem !important;
}
.mr-lg-n5,
.mx-lg-n5 {
margin-right: -3rem !important;
}
.mb-lg-n5,
.my-lg-n5 {
margin-bottom: -3rem !important;
}
.ml-lg-n5,
.mx-lg-n5 {
margin-left: -3rem !important;
}
.m-lg-auto {
margin: auto !important;
}
.mt-lg-auto,
.my-lg-auto {
margin-top: auto !important;
}
.mr-lg-auto,
.mx-lg-auto {
margin-right: auto !important;
}
.mb-lg-auto,
.my-lg-auto {
margin-bottom: auto !important;
}
.ml-lg-auto,
.mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.m-xl-0 {
margin: 0 !important;
}
.mt-xl-0,
.my-xl-0 {
margin-top: 0 !important;
}
.mr-xl-0,
.mx-xl-0 {
margin-right: 0 !important;
}
.mb-xl-0,
.my-xl-0 {
margin-bottom: 0 !important;
}
.ml-xl-0,
.mx-xl-0 {
margin-left: 0 !important;
}
.m-xl-1 {
margin: 0.25rem !important;
}
.mt-xl-1,
.my-xl-1 {
margin-top: 0.25rem !important;
}
.mr-xl-1,
.mx-xl-1 {
margin-right: 0.25rem !important;
}
.mb-xl-1,
.my-xl-1 {
margin-bottom: 0.25rem !important;
}
.ml-xl-1,
.mx-xl-1 {
margin-left: 0.25rem !important;
}
.m-xl-2 {
margin: 0.5rem !important;
}
.mt-xl-2,
.my-xl-2 {
margin-top: 0.5rem !important;
}
.mr-xl-2,
.mx-xl-2 {
margin-right: 0.5rem !important;
}
.mb-xl-2,
.my-xl-2 {
margin-bottom: 0.5rem !important;
}
.ml-xl-2,
.mx-xl-2 {
margin-left: 0.5rem !important;
}
.m-xl-3 {
margin: 1rem !important;
}
.mt-xl-3,
.my-xl-3 {
margin-top: 1rem !important;
}
.mr-xl-3,
.mx-xl-3 {
margin-right: 1rem !important;
}
.mb-xl-3,
.my-xl-3 {
margin-bottom: 1rem !important;
}
.ml-xl-3,
.mx-xl-3 {
margin-left: 1rem !important;
}
.m-xl-4 {
margin: 1.5rem !important;
}
.mt-xl-4,
.my-xl-4 {
margin-top: 1.5rem !important;
}
.mr-xl-4,
.mx-xl-4 {
margin-right: 1.5rem !important;
}
.mb-xl-4,
.my-xl-4 {
margin-bottom: 1.5rem !important;
}
.ml-xl-4,
.mx-xl-4 {
margin-left: 1.5rem !important;
}
.m-xl-5 {
margin: 3rem !important;
}
.mt-xl-5,
.my-xl-5 {
margin-top: 3rem !important;
}
.mr-xl-5,
.mx-xl-5 {
margin-right: 3rem !important;
}
.mb-xl-5,
.my-xl-5 {
margin-bottom: 3rem !important;
}
.ml-xl-5,
.mx-xl-5 {
margin-left: 3rem !important;
}
.p-xl-0 {
padding: 0 !important;
}
.pt-xl-0,
.py-xl-0 {
padding-top: 0 !important;
}
.pr-xl-0,
.px-xl-0 {
padding-right: 0 !important;
}
.pb-xl-0,
.py-xl-0 {
padding-bottom: 0 !important;
}
.pl-xl-0,
.px-xl-0 {
padding-left: 0 !important;
}
.p-xl-1 {
padding: 0.25rem !important;
}
.pt-xl-1,
.py-xl-1 {
padding-top: 0.25rem !important;
}
.pr-xl-1,
.px-xl-1 {
padding-right: 0.25rem !important;
}
.pb-xl-1,
.py-xl-1 {
padding-bottom: 0.25rem !important;
}
.pl-xl-1,
.px-xl-1 {
padding-left: 0.25rem !important;
}
.p-xl-2 {
padding: 0.5rem !important;
}
.pt-xl-2,
.py-xl-2 {
padding-top: 0.5rem !important;
}
.pr-xl-2,
.px-xl-2 {
padding-right: 0.5rem !important;
}
.pb-xl-2,
.py-xl-2 {
padding-bottom: 0.5rem !important;
}
.pl-xl-2,
.px-xl-2 {
padding-left: 0.5rem !important;
}
.p-xl-3 {
padding: 1rem !important;
}
.pt-xl-3,
.py-xl-3 {
padding-top: 1rem !important;
}
.pr-xl-3,
.px-xl-3 {
padding-right: 1rem !important;
}
.pb-xl-3,
.py-xl-3 {
padding-bottom: 1rem !important;
}
.pl-xl-3,
.px-xl-3 {
padding-left: 1rem !important;
}
.p-xl-4 {
padding: 1.5rem !important;
}
.pt-xl-4,
.py-xl-4 {
padding-top: 1.5rem !important;
}
.pr-xl-4,
.px-xl-4 {
padding-right: 1.5rem !important;
}
.pb-xl-4,
.py-xl-4 {
padding-bottom: 1.5rem !important;
}
.pl-xl-4,
.px-xl-4 {
padding-left: 1.5rem !important;
}
.p-xl-5 {
padding: 3rem !important;
}
.pt-xl-5,
.py-xl-5 {
padding-top: 3rem !important;
}
.pr-xl-5,
.px-xl-5 {
padding-right: 3rem !important;
}
.pb-xl-5,
.py-xl-5 {
padding-bottom: 3rem !important;
}
.pl-xl-5,
.px-xl-5 {
padding-left: 3rem !important;
}
.m-xl-n1 {
margin: -0.25rem !important;
}
.mt-xl-n1,
.my-xl-n1 {
margin-top: -0.25rem !important;
}
.mr-xl-n1,
.mx-xl-n1 {
margin-right: -0.25rem !important;
}
.mb-xl-n1,
.my-xl-n1 {
margin-bottom: -0.25rem !important;
}
.ml-xl-n1,
.mx-xl-n1 {
margin-left: -0.25rem !important;
}
.m-xl-n2 {
margin: -0.5rem !important;
}
.mt-xl-n2,
.my-xl-n2 {
margin-top: -0.5rem !important;
}
.mr-xl-n2,
.mx-xl-n2 {
margin-right: -0.5rem !important;
}
.mb-xl-n2,
.my-xl-n2 {
margin-bottom: -0.5rem !important;
}
.ml-xl-n2,
.mx-xl-n2 {
margin-left: -0.5rem !important;
}
.m-xl-n3 {
margin: -1rem !important;
}
.mt-xl-n3,
.my-xl-n3 {
margin-top: -1rem !important;
}
.mr-xl-n3,
.mx-xl-n3 {
margin-right: -1rem !important;
}
.mb-xl-n3,
.my-xl-n3 {
margin-bottom: -1rem !important;
}
.ml-xl-n3,
.mx-xl-n3 {
margin-left: -1rem !important;
}
.m-xl-n4 {
margin: -1.5rem !important;
}
.mt-xl-n4,
.my-xl-n4 {
margin-top: -1.5rem !important;
}
.mr-xl-n4,
.mx-xl-n4 {
margin-right: -1.5rem !important;
}
.mb-xl-n4,
.my-xl-n4 {
margin-bottom: -1.5rem !important;
}
.ml-xl-n4,
.mx-xl-n4 {
margin-left: -1.5rem !important;
}
.m-xl-n5 {
margin: -3rem !important;
}
.mt-xl-n5,
.my-xl-n5 {
margin-top: -3rem !important;
}
.mr-xl-n5,
.mx-xl-n5 {
margin-right: -3rem !important;
}
.mb-xl-n5,
.my-xl-n5 {
margin-bottom: -3rem !important;
}
.ml-xl-n5,
.mx-xl-n5 {
margin-left: -3rem !important;
}
.m-xl-auto {
margin: auto !important;
}
.mt-xl-auto,
.my-xl-auto {
margin-top: auto !important;
}
.mr-xl-auto,
.mx-xl-auto {
margin-right: auto !important;
}
.mb-xl-auto,
.my-xl-auto {
margin-bottom: auto !important;
}
.ml-xl-auto,
.mx-xl-auto {
margin-left: auto !important;
}
}
  html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video,picture {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
line-height: 1.5em;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
margin : 0;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
}
img {
vertical-align: bottom;
border: none;
}
picture {
display: block;
} html {
-webkit-font-smoothing: antialiased;
}
body {
margin: 0 auto;
padding: 0;
font-size: 16px;
line-height: 1.8em;
height: 100%;
font-family: Roboto, "Noto Sans JP","Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-weight: 400;
position: relative;
font-feature-settings: "palt";
}
@media only screen and ( max-width : 767px ) {
body {
font-size: 14px;
}
}
table {
margin : 0;
border-collapse: collapse;
border-spacing: 0;
empty-cells: show;
}
img {
vertical-align: bottom;
border: none;
max-width: 100%;
height: auto;
-webkit-backface-visibility: hidden;
}
main {
display: block;
position: relative;
}
a {
outline:none;
color: #000;
}
a:hover {
text-decoration: none;
}
a,a:hover,a:hover img,button,input {
-webkit-transition: 0.5s;
transition: 0.5s;
text-decoration: none;
}
a:hover {
filter: alpha(opacity=80);
-moz-opacity:0.80;
opacity:0.80;
}
* {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.clr {
zoom:1;
display:inline-table;
}
.clr:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
font-size:0;
line-height:0;
}
* html .clr {
height:1%;
display:inline-table;
display:block;
height:1%;
}
.clr {
display:block;
} input[type=text]:focus {
outline: none;
}
section {
position: relative;
}
.br_sp_s,
.br_sp_s_none {
display: none;
}
@media only screen and ( max-width : 767px ) {
.section {
padding: 60px 0;
}
.box {
margin-bottom: 60px;
}
.br_pc {
display: none;
}
}
@media only screen and ( max-width : 575px ) {
.br_sp_s {
display: block;
}
}
@media print, screen and ( min-width : 576px ) {
.br_sp_s_none {
display: block;
}
}
@media print, screen and ( min-width : 768px ) {
.section {
padding: 50px 0;
}
.box {
margin-bottom: 60px;
}
.br_sp {
display: none;
}
} #header {
position: fixed;
top: 0; left: 0;
width: 100%;
z-index: 99;
transition: .3s;
} #h_logo {
display: flex;
justify-content: center; align-items: center;
} #h_logo a {
display: inline-flex; align-items: center; gap: 10px; line-height: 1; color: #458DCF;
text-decoration: none;
margin: 0; font-weight: 900;
font-size: 1.2rem;
} #h_logo h1 {
display: contents; margin: 0;
font-weight: 900;
font-size: 1.2rem;
} #h_logo img {
display: block;
height: 40px; width: auto;
} #h_logo span {
text-indent: -9999px;
display: block;
font-size: 0;
}
#gNav ul li a {
position: relative;
font-weight: 700;
}
#gNav ul li.menu-item .drop-menu-list li {
border-bottom: 1px solid #000;
}
#gNav ul li.menu-item .drop-menu-list li:last-child {
border-bottom: none;
}
#gNav ul li.menu-item .drop-menu-list a {
line-height: 1.5em;
padding: 10px 20px 10px 10px;
position: relative;
font-size: 12px;
font-weight: 500;
letter-spacing: 0;
}
#gNav ul li.menu-item .drop-menu-list a:after {
content: "";
width: 13px;
height: 13px;
background: url(https://sumitas-fc.com/wp/wp-content/themes/sumitas/img/arrow_navy.png) no-repeat center / 100%;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
#gNav ul li.nav_contact a {
background: #FF7E03;
color: #fff;
border-radius: 50px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #FF7E03;
}
#gNav ul li.nav_contact02 a {
background: #fff;
color: #0C203C;
border: 1px solid #0C203C;
border-radius: 50px;
position: relative;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and ( max-width : 991px ) {
#header {
padding: 0 10px;
height: 60px;
width: 94%;
top: 10px;
left: 3%;
background: #fff;
border-radius: 5px;
box-shadow: 2px 2px 6px rgba(98,68,68,.25);
}
#h_logo {
width: calc(100% - 80px);
}
.fixed {
height: 100%; 
position: fixed;
width: 100%; 
} #navbar {
display: none;
}
#menu_btn {
transition: .3s;
cursor: pointer;
position: fixed;
z-index: 9999;
width: 60px;
height: 60px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: center;
justify-content: center;
top: 10px;
right: 3%;
}
.nav-open #menu_btn {
position: fixed; }
#js-overlay {
content: "";
display: block;
width: 0;
height: 0;
background-color: rgba(0, 0, 0, 0.4);
position: fixed;
top: 0;
left: 0;
z-index: 100;
opacity: 0;
transition: opacity .5s;
}
.nav-open #js-overlay {
width: 100%;
height: 100%;
opacity: 1;
}
#main {
height: 100%;
transition: all .5s;
}
.menu-trigger {
display: inline-block;
width: 20px;
height: 14px;
vertical-align: middle;
text-align: center;
position: relative;
}
.menu-trigger span {
display: inline-block;
box-sizing: border-box;
position: absolute;
left: 0;
width: 100%;
height: 2px;
background-color: #0C203C;
transition: all .5s;
border-radius: 5px;
}
.nav-open #menu_btn .menu-trigger span {
}
.menu-trigger span:nth-of-type(1) {
top: 0;
}
.menu-trigger span:nth-of-type(3) {
}
.nav-open #menu_btn .menu-trigger span:nth-of-type(1) {
transform: translateY(6px) rotate(-45deg);
}
.menu-trigger span:nth-of-type(2) {
top: 6px;
}
.nav-open #menu_btn .menu-trigger span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger span:nth-of-type(3) {
bottom: 0;
}
.nav-open #menu_btn .menu-trigger span:nth-of-type(3) {
transform: translateY(-6px) rotate(45deg);
}
#gNav {
width: 320px;
height: 100%;
overflow: auto;
padding: 90px 40px;
background: #fff;
position: fixed;
top: 0;
right: 0;
z-index: 101;
transform: translate(328px);
transition: all .5s;
box-shadow: -2px -2px 6px rgba(0,0,0,.25);
}
.nav-open #gNav {
transform: translateZ(0);
}
#gNav li.menu-item {
margin-bottom: 40px;
}
#gNav ul li.menu-item .drop-menu-list {
margin-top: 10px;
}
#gNav ul li.menu-item .drop-menu-list li {
margin-bottom: 0;
}
#gNav li.nav_contact {
margin-bottom: 20px;
}
#gNav li.nav_contact a,
#gNav li.nav_contact02 a {
height: 40px;
font-size: 15px;
}
#gNav li.menu-item a {
position: relative;
display: block;
font-size: 15px;
}
#gNav li.menu-item .menu-item-inner {
display: inline-block;
position: relative;
}
#gNav li.menu-item .menu-item-inner:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background: #458DCF;
}
#gNav li.menu-item.current .menu-item-inner:after,
#gNav li.menu-item.open .menu-item-inner:after {
width: 100%;
}
.sp_nav_logo {
text-align: center;
margin-bottom: 50px;
}
.drop-menu-list {
display: none;
}
}
@media print, screen and ( min-width : 992px ) {
#menu_btn,#navbar .overlay,.sp_nav_logo,.menu-item-sp {
display: none;
}
#header {
height: 72px;
width: 96%;
top: 15px;
left: 2%;
background: #fff;
border-radius: 10px;
box-shadow: 2px 2px 6px rgba(98,68,68,.25);
padding: 0 15px;
}
#navbar {
width: 70%;
}
#navbar .nav {
display: flex;
justify-content: flex-end;
}
#h_logo {
position: relative;
z-index: 2;
width: 26%;
font-size: 1.3vw;
}
#gNav {
position: relative;
z-index: 2;
}
#gNav ul li {
position: relative;
font-size: 1.1vw;
margin-right: 2%;
}
#gNav ul li a:hover {
color: #148CCF;
}
#gNav ul li:last-child {
margin-right: 0;
}
#gNav ul li.menu-item a {
display: block;
line-height: 72px;
} .drop-menu {
position: relative;
}
.drop-menu-list {
background-color: #fff; left: 0;
opacity: 0;
position: absolute;
top: 100%;
transition: opacity .3s, visibility .3s; visibility: hidden;
width: 200px;
z-index: 1;
box-shadow: 2px 2px 6px rgba(98,68,68,.25);
z-index: -1;
padding: 10px 15px;
border-radius: 10px;
} .menu-item:hover .drop-menu-list {
opacity: 1; transition: opacity .3s, visibility .3s; visibility: visible; z-index: 99;
}
#gNav ul li.menu-item .drop-menu-list li {
margin-right: 0;
}
#gNav ul li.nav_contact {
margin-right: 1%;
}
#gNav ul li.nav_contact a,
#gNav ul li.nav_contact02 a {
height: 34px;
width: 10vw;
}
#gNav ul li.nav_contact a:hover {
color: #FF7E03;
background: #fff;
}
#gNav ul li.nav_contact02 a:hover {
color: #fff;
background: #0C203C;
}
#gNav ul li.nav_contact a,
#gNav ul li.nav_contact02 a {
width: 8vw;
}
#h_logo img {
width: 6vw;
}
}
@media print, screen and ( min-width : 1250px ) {
#header {
padding: 0 30px;
}
#h_logo {
font-size: 1.3vw;
}
#gNav ul li {
font-size: 1vw;
margin-right: 3%;
}
#gNav ul li.nav_contact a,
#gNav ul li.nav_contact02 a {
width: 8vw;
}
}
@media print, screen and ( min-width : 1380px ) {
#h_logo {
font-size: 16px;
}
#gNav ul li {
font-size: 13px;
}
#gNav ul li.nav_contact a,
#gNav ul li.nav_contact02 a {
width: 120px;
}
#h_logo img {
width: 94px;
}
} #footer,
#footer a {
color: #141F3D;
}
#f_logo_block a {
font-weight: 900;
}
.f_nav {
font-size: 13px;
font-weight: 700;
}
.f_nav li {
position: relative;
margin-bottom: 10px;
}
.f_nav li a {
padding: 0 20px;
}
#f_nav_block li a {
display: block;
font-weight: 700;
}
#f_nav_block li a:hover {
}
#f_bottom {
font-size: 12px;
margin-top: 40px;
}
#f_sns_block .f_sns_title {
font-weight: 500;
margin-bottom: 1em;
}
#f_sns_block li {
margin-right: 15px;
}
#f_sns_block li:last-child {
margin-right: 0;
}
@media only screen and ( max-width : 991px ) {
#footer {
padding: 50px 0;
}
.f_nav li a {
padding: 0 15px;
}
#f_logo_block {
margin-bottom: 50px;
text-align: center;
}
#f_logo_block a span {
display: block;
margin-top: 10px;
}
#f_sns_block .f_sns_title,
#f_copy_block {
text-align: center;
}
#f_sns_block {
margin-bottom: 70px;
}
}
@media print, screen and ( min-width : 992px ) {
#footer {
padding: 3vw 0 7vw 0;
}
#f_logo_block {
width: 40%;
}
#f_nav_block {
width: 56%;
}
.f_nav {
margin-right: -20px;
}
#f_logo_block a {
font-size: 16px;
}
#f_logo_block a {
display: flex;
align-items: center;
}
#f_logo_block a span {
margin-left: 20px;
}
} .fit {
object-fit: cover;
font-family: 'object-fit: cover;';
width: 100%;
height: 100%;
}
.btn {
display: flex;
align-items: center;
justify-content: center;
border-radius: 50px;
margin: 0 auto;
position: relative;
font-size: 104%;
font-weight: 500;
}
.btn:after {
content: "";
background: url(https://sumitas-fc.com/wp/wp-content/themes/sumitas/img/arrow_white.png) no-repeat center / 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 13px;
height: 13px;
}
.btn01 {
background: #141F3D;
color: #fff;
border: 1px solid #141F3D;
}
.btn01.outline_btn {
color: #141F3D;
background: #fff;
}
.btn01.outline_btn:after {
background: url(https://sumitas-fc.com/wp/wp-content/themes/sumitas/img/arrow_navy.png) no-repeat center / 100%;
}
.btn02 {
background: #FF7E03;
color: #fff;
border: 1px solid #FF7E03;
}
.btn02.outline_btn {
color: #FF7E03;
background: #fff;
}
.btn02.outline_btn:after {
background: url(https://sumitas-fc.com/wp/wp-content/themes/sumitas/img/arrow_orange.png) no-repeat center / 100%;
}
.btn03 {
background: #fff;
color: #141F3D;
border: 1px solid #fff;
}
.btn03:after {
background: url(https://sumitas-fc.com/wp/wp-content/themes/sumitas/img/arrow_navy.png) no-repeat center / 100%;
}
.btn.large_btn {
font-size: 118%;
}
#page_title {
color: #fff;
font-weight: 900;
background: url(https://sumitas-fc.com/wp/wp-content/themes/sumitas/img/page_title_bg.jpg) no-repeat left bottom / 100% #008ccf;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
}
#page_title02 {
color: #fff;
font-weight: 900;
background: url(https://sumitas-fc.com/wp/wp-content/themes/sumitas/img/page_title_bg02.jpg) no-repeat left bottom / 100% #141F3D;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
}
#page_title:after,#page_title02::after {
content: "";
width: 100%;
bottom: 0;
left: 0;
height: 1px;
background: #fff;
position: absolute;
z-index: 2;
}
.page_title_t {
position: relative;
z-index: 3;
}
.page_title_bg_en {
white-space: nowrap;
position: absolute;
z-index: 2;
color: #fff;
line-height: 1;
opacity: .1; display: flex;
align-items: center;
}
.page_title_bg_en .page_title_bg_en_t {
line-height: 1;
} .new_label {
display: inline-block;
background: #d42828;
color: #fff;
padding: 0 .5em;
margin-left: .5em;
}
@media only screen and ( max-width : 767px ) {
.btn:after {
right: 10px;
}
.btn {
width: 280px;
height: 48px;
}
.btn.large_btn {
height: 60px;
width: 320px;
max-width: 100%;
}
#page_title {
height: calc(42vw + 70px);
padding: 70px 0 8vw;
}
.page_title_t {
font-size: 6vw;
}
.page_title_bg_en {
font-size: 30vw;
bottom: 8vw;
}
}
@media only screen and ( max-width : 375px ) {
}
@media print, screen and ( min-width : 768px ) {
.btn {
max-width: 300px;
width: 100%;
height: 52px;
}
.btn.large_btn {
height: 70px;
max-width: 400px;
}
.btn:after {
right: 15px;
}
#page_title {
height: calc(22vw + 50px);
padding-top: 50px;
padding-bottom: 4vw;
}
.page_title_t {
font-size: 3vw;
}
.page_title_bg_en {
font-size: 18vw;
}
} .faq_box {
border: 2px solid #0C203C;
color: #0C203C;
}
.faq_box:last-child {
margin-bottom: 0;
}
.faq_box .accordion_header {
font-weight: 700;
position: relative; 
cursor: pointer;
display: flex;
align-items: center;
}
.faq_box .accordion_header:before {
content: "Q";
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.faq_box .accordion_header:after {
content: "";
background: url(https://sumitas-fc.com/wp/wp-content/themes/sumitas/img/faq/ico-plus.png) no-repeat center / 22px;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: .3s;
}
.faq_box .accordion_header.open:after {
background: url(https://sumitas-fc.com/wp/wp-content/themes/sumitas/img/faq/ico-minus.png) no-repeat center / 22px;
transform: translateY(-50%) rotate(180deg);
}
.faq_box .accordion_content {
display: none;
background: #FAFAFA;
font-weight: 700;
position: relative;
}
.faq_box .accordion_content:before {
content: "A";
position: absolute;
}
.faq_box .accordion_content p {
line-height: 1.8em;
}
.faq_box a {
text-decoration: underline;
}
@media only screen and ( max-width : 991px ) {
.faq_box {
margin-bottom: 20px;
}
.faq_box .accordion_header {
font-size: 16px;
}
.faq_box .accordion_header {
min-height: 60px;
padding: 10px 40px 10px 50px;
}
.faq_box .accordion_header:before {
font-size: 30px;
left: 15px;
}
.faq_box .accordion_header:after  {
right: 15px;
width: 14px;
height: 14px;
}
.faq_box .accordion_content {
padding: 15px 15px 15px 50px;
}
.faq_box .accordion_content:before {
font-size: 30px;
top: 15px;
left: 15px;
}
}
@media only screen and ( max-width : 767px ) {
}
@media print, screen and ( min-width : 768px ) {
}
@media print, screen and ( min-width : 992px ) {
.faq_box {
margin-bottom: 30px;
}
.faq_box .accordion_header {
font-size: 20px;
}
.faq_box .accordion_header {
min-height: 80px;
padding: 20px 80px;
}
.faq_box .accordion_header:before {
font-size: 44px;
left: 20px;
}
.faq_box .accordion_header:after  {
right: 20px;
width: 22px;
height: 22px;
}
.faq_box .accordion_content {
padding: 20px 20px 20px 80px;
font-size: 18px;
}
.faq_box .accordion_content:before {
font-size: 44px;
top: 20px;
left: 20px;
}
} .cta_area {
color: #fff;
}
.cta_area .container {
position: relative;
}
.cta_img {
position: relative;
}
.cta_area .cta_ambassador_name {
position: absolute;
z-index: 2;
background: rgba(255,255,255,.85);
font-size: 11px;
color: #0C203C;
padding: .5em;
text-align: right;
}
.cta_title {
font-weight: 900;
line-height: 1;
position: relative;
}
.cta_title span {
line-height: 1;
}
.cta_content_left {
font-weight: 800;
}
.cta_content_left span {
background: #fff;
color: #0C203C;
display: block;
text-align: center;
margin-top: .3em;
padding: .2em .5em;
}
.cta_content_right {
font-weight: 700;
}
.cta_content_right .cta_content_small_t {
font-weight: 500;
}
.cta_content_right .cta_tel_num {
display: inline-block;
background: url(https://sumitas-fc.com/wp/wp-content/themes/sumitas/img/ico-freedial.svg) no-repeat left center;
font-weight: 700;
color: #fff;
line-height: 1;
}
.cta_btn_area .btn {
font-weight: 900;
margin: 0;
}
@media only screen and ( max-width : 767px ) {
.cta_area {
overflow: hidden;
padding-bottom: 20px;
}
.cta_area .container {
background: #0C203C;
}
.cta_body {
padding: 30px 0;
}
.cta_img {
position: absolute;
bottom: -18px;
width: 48%;
right: 2%;
}
.cta_title_block {
border-bottom: 1px solid #fff;
padding-bottom: 15px;
}
.cta_title {
font-size: 32px;
margin-bottom: .4em;
}
.cta_content {
margin: 15px 0 30px;
width: 76%;
}
.cta_btn_area {
width: 50%;
}
.cta_btn_area .btn {
max-width: 100%;
width: 100%;
margin-bottom: 15px;
}
.cta_lead_t {
font-size: 16px;
}
.cta_content_left {
font-size: 18px;
}
.cta_content_left span {
font-size: 14px;
display: inline-block;
margin-top: 2vw;
}
.cta_content_right {
font-size: 16px;
}
.cta_content_right .cta_content_small_t {
font-size: 13px;
}
.cta_content_right .cta_tel_num {
background-size: 30px;
padding-left: 35px;
font-size: 30px;
margin: 15px 0;
}
.cta_area .cta_ambassador_name {
right: 15px;
bottom: 30px;
font-size: 10px;
}
}
@media only screen and ( max-width : 575px ) {
.cta_area {
padding-bottom: 3.5vw;
}
.cta_img {
bottom: -3.5vw;
width: 50vw;
right: -2vw;
}
.cta_title_block {
padding-bottom: 4vw;
}
.cta_title {
font-size: 8vw;
}
.cta_content {
margin: 4vw 0 8vw;
width: 76%;
}
.cta_btn_area {
width: 60%;
}
.cta_btn_area .btn {
max-width: 100%;
width: 100%;
margin-bottom: 15px;
}
.cta_lead_t {
font-size: 3.4vw;
}
.cta_content_left {
font-size: 3.6vw;
}
.cta_content_left span {
font-size: 3vw;
margin-top: 2vw;
}
.cta_content_right {
font-size: 3.4vw;
}
.cta_content_right .cta_content_small_t {
font-size: 2.8vw;
}
.cta_content_right .cta_tel_num {
background-size: 8vw;
padding-left: 10vw;
font-size: 8.4vw;
margin: 2vw 0;
}
.cta_area .cta_ambassador_name {
right: 6vw;
bottom: 6vw;
font-size: 2.4vw;
}
}
@media print, screen and ( min-width : 768px ) {
.cta_area {
padding-bottom: 2.5vw;
}
.cta_area_inner {
background: #0C203C;
}
.cta_area .container {
max-width: 1000px;
}
.cta_body {
width: 80%;
display: flex;
flex-direction: column;
justify-content: center;
height: 36vw;
}
.cta_title_block {
width: 100%;
}
.cta_img {
position: absolute;
bottom: -2.5vw;
right: 25px;
max-width: 36%;
}
.cta_area .cta_ambassador_name {
right: -10px;
bottom: 30px;
}
.cta_title,
.cta_content_left {
width: 35%;
}
.cta_lead_t,
.cta_content_right {
width: 60%;
}
.cta_content {
margin: 1.5vw 0 3vw;
}
.cta_title {
font-size: 4.8vw;
display: flex;
justify-content: space-between;
}
.cta_title:after {
content: "";
position: absolute;
right: -2vw;
height: 100%;
width: 1px;
background: #fff;
top: 0;
}
.cta_lead_t {
font-size: 1.8vw;
}
.cta_content_left {
font-size: 1.8vw;
text-align: right;
}
.cta_content_left span {
font-size: 1.3vw;
}
.cta_content_right {
font-size: 1.6vw;
}
.cta_content_right .cta_content_small_t {
font-size: 1.2vw;
}
.cta_content_right .cta_tel_num {
background-size: 30px;
padding-left: 35px;
font-size: 30px;
}
.cta_btn_area {
width: 76%;
}
.cta_btn_area .btn {
width: 48%;
max-width: 100%;
}
.cta_area .cta_ambassador_name {
font-size: 1.2vw;
}
}
@media print, screen and ( min-width : 992px ) {
.cta_area {
padding-bottom: 25px;
}
.cta_body {
height: 320px;
}
.cta_content {
margin: 15px 0 30px;
}
.cta_img {
right: 0;
bottom: -25px;
}
.cta_area .cta_ambassador_name {
right: -30px;
}
.cta_title {
font-size: 48px;
}
.cta_title:after {
right: -20px;
}
.cta_lead_t {
font-size: 17px;
}
.cta_content_left {
font-size: 17px;
}
.cta_content_left span {
font-size: 13px;
}
.cta_content_right {
font-size: 16px;
}
.cta_content_right .cta_content_small_t {
font-size: 12px;
}
.cta_area .cta_ambassador_name {
font-size: 11px;
}
} .reason_box {
background: #FAFAFA;
}
.reason_box_body {
padding: 0 20px 20px;
}
.reson_num {
font-weight: 900;
border-top: 3px solid #141F3D;
display: inline-block;
line-height: 1;
color: #141F3D;
}
.reason_box figure {
text-align: center;
}
.reason_box .btn {
border-radius: 0;
width: 100%;
max-width: 100%;
font-weight: 700;
}
.reason_box h3 {
font-weight: 900;
color: #148CCF;
margin: 1em 0;
font-size: 24px;
}
.reason_box h3 span {
display: block;
color: #909090;
font-weight: 500;
font-size: 14px;
}
.reason_box_body p {
line-height: 1.7em;
}
@media only screen and ( max-width : 992px ) {
.reason_box {
margin-bottom: 40px;
}
.reason_box:last-child {
margin-bottom: 0;
}
}
@media only screen and ( max-width : 767px ) {
.reson_num {
font-size: 50px;
}
}
@media print, screen and ( min-width : 768px ) {
.reason_box {
font-size: 14px;
}
.reson_num {
font-size: 60px;
}
.reason_box .btn {
margin-top: auto;
font-size: 14px;
}
}
@media print, screen and ( min-width : 992px ) {
.reason_box {
width: 32%;
display: flex;
flex-direction: column;
}
} .wp-pagenavi {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.wp-pagenavi .pages,
.previouspostslink,
.nextpostslink {
display: none;
}
.wp-pagenavi .page,
.wp-pagenavi .current {
width: 40px;
height: 40px;
background: #fff;
border-radius: 50%;
text-align: center;
line-height: 40px;
margin: 0 10px;
color: var(--maincolor);
font-weight: bold;
font-size: 24px;
font-family: 'Oswald', sans-serif;
}
.wp-pagenavi .page:hover {
background: var(--subcolor01);
}
.wp-pagenavi .current {
background: var(--maincolor);
color: #fff;
}
.breadcrumbs {
font-size: 14px;
color: #141F3D;
background: #eee;
padding: 1em 0;
margin-top: -11px;
}
.breadcrumbs a {
color: #141F3D;
text-decoration: underline;
}
@media only screen and ( max-width : 767px ) {
.breadcrumbs {
font-size: 12px;
margin-top: -20px;
}
}
@media only screen and ( max-width : 575px ) {
.breadcrumbs {
margin-top: -2vw;
}
} @media only screen and ( max-width : 767px ) {
}
@media print, screen and ( min-width : 768px ) {
}.ly_container {
display: flex;
flex-direction: column;
min-height: 100vh;
background-color: var(--color-white);
overflow-x: clip;
}
.ly_container main {
flex-grow: 1;
padding-block: 70px 80px;
}
.ly_content {
max-width: 960px;
padding-inline: 20px;
margin-inline: auto;
}
.ly_content.-pd0 {
max-width: 920px;
padding-inline: 0;
}
.ly_header {
position: sticky;
z-index: 100;
top: 0;
width: 100%;
background-color: #fff;
box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.1);
padding: 10px 20px;
}
.ly_header_inner {
display: flex;
align-items: center;
justify-content: space-between;
column-gap: 30px;
}
.ly_header_left {
display: flex;
align-items: center;
column-gap: 17px;
}
.bl_menu {
position: fixed;
z-index: 2;
top: 0;
right: 0;
width: 100%;
height: 100%;
opacity: 0;
visibility: hidden;
background-color: rgba(0, 0, 0, 0.4);
overscroll-behavior-y: none;
overflow: auto;
transition-property: opacity, visibility;
transition-duration: 0.3s;
transition-delay: 0.4s;
}
.ly_header.is_menuOpen .bl_menu {
opacity: 1;
visibility: visible;
transition-delay: 0s;
}
.bl_menu_inner {
height: calc(100% + 1px);
width: 100%;
max-width: 320px;
background-color: #fff;
overflow-y: auto;
padding: 60px 40px;
-ms-overflow-style: none;
scrollbar-width: none;
margin-left: auto;
transform: translateX(100%);
transition: transform 0.4s;
}
.bl_menu_inner::-webkit-scrollbar {
display: none;
}
.ly_header.is_menuOpen .bl_menu_inner {
transform: translateX(0);
}
.bl_menu_logo {
display: block;
max-width: 140px;
width: 100%;
margin-inline: auto;
}
.bl_menu_logo img {
width: 100%;
}
.bl_menu_nav {
margin-top: 40px;
}
.bl_menu_list {
display: grid;
row-gap: 30px;
}
.bl_menu_list_item > a {
color: #141f3d;
font-size: 15px;
font-weight: 700;
}
.bl_menu_childWrap {
display: none;
}
.bl_menu_child_item:not(:last-of-type) {
border-bottom: 1px solid #141f3d;
}
.bl_menu_buttonUnit {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 15px;
margin-top: 40px;
}
.bl_menu_button {
display: block;
color: #141f3d;
font-size: 18px;
font-weight: 700;
border: 1px solid #141f3d;
text-align: center;
line-height: 1.1;
width: 100%;
padding: 15px;
}
.bl_menu_button.bl_menu_button--color {
color: #fff;
background-color: #141f3d;
}
.bl_hamBtn {
cursor: pointer;
position: relative;
z-index: 3;
display: block;
width: 20px;
aspect-ratio: 20/14;
background-color: transparent;
border-radius: 0;
border: none;
padding: 0;
}
.bl_hamBtn_line {
position: absolute;
left: 50%;
display: block;
width: 100%;
height: 2px;
background-color: #0c203c;
border-radius: 5px;
transition-property:
transform,
top,
bottom;
}
.bl_hamBtn_line:first-of-type {
top: 0;
transform: translateX(-50%);
}
.ly_header.is_menuOpen .bl_hamBtn_line:first-of-type {
top: 50%;
transform: translate(-50%, -50%) rotate(45deg);
}
.bl_hamBtn_line:nth-of-type(2) {
top: 50%;
transform: translate(-50%, -50%);
}
.ly_header.is_menuOpen .bl_hamBtn_line:nth-of-type(2) {
transform: translate(-50%, -50%) scaleX(0);
}
.bl_hamBtn_line:last-of-type {
bottom: 0;
transform: translateX(-50%);
}
.ly_header.is_menuOpen .bl_hamBtn_line:last-of-type {
bottom: 50%;
transform: translate(-50%, 50%) rotate(-45deg);
}
.bl_fixedCta {
position: fixed;
z-index: 2;
display: flex;
flex-direction: column;
align-items: center;
right: 10px;
bottom: 20px;
}
.bl_fixedCta_head {
position: relative;
z-index: 1;
text-align: center;
font-weight: 700;
padding: 5px 10px;
}
.bl_fixedCta_head::before {
position: absolute;
top: 0;
left: 0;
z-index: -1;
display: block;
content: "";
width: 100%;
aspect-ratio: 156/78;
background-image: url(//sumitas-fc.com/wp/wp-content/themes/sumitas/img/common/fixedcta_label.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.bl_fixedCta_head span {
line-height: 1;
}
.bl_fixedCta_head span.-head {
display: block;
font-size: 12px;
}
.bl_fixedCta_head span.-head span {
color: #298ccf;
font-size: 1.7142857143em;
}
.bl_fixedCta_head span.-foot {
display: block;
font-size: 10px;
}
.bl_fixedCta_head span.-foot span {
color: #298ccf;
font-size: 1.3333333333em;
}
.bl_fixedCta_button {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100px;
color: #fff;
font-size: 12px;
font-weight: 700;
line-height: 1.2222222222;
text-align: center;
aspect-ratio: 1;
border-radius: 50%;
background-color: #298ccf;
border: 2px solid #141f3d;
box-shadow: 4px 4px 0 0 #141f3d;
padding-bottom: 5px;
margin-top: 12px;
}
.bl_fixedCta_button svg {
width: 29.8701298701%;
margin-bottom: 1px;
}
.bl_breadcrumbs {
align-items: center;
background-color: #f1f1f1;
padding: 4px 20px;
}
.bl_breadcrumbs span[property=itemListElement] {
color: #141f3d;
font-size: 10px;
font-weight: 500;
line-height: 1.2;
}
.bl_breadcrumbs span[property=itemListElement] a,
.bl_breadcrumbs span[property=itemListElement] span {
color: inherit;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
.bl_breadcrumbs span[property=itemListElement]:first-of-type::before {
flex-shrink: 0;
display: inline-block;
content: "";
width: 11px;
aspect-ratio: 1;
background-image: url(//sumitas-fc.com/wp/wp-content/themes/sumitas/img/common/icon_home.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
margin-right: 6px;
transform: translateY(1px);
}
.bl_breadcrumbs_arrow {
display: inline-block;
width: 5px;
aspect-ratio: 1;
border-top: 1px solid #141f3d;
border-right: 1px solid #141f3d;
transform: rotate(45deg);
margin-inline: 8px;
}
.bl_pageTitle {
box-sizing: border-box;
background-color: #141f3d;
padding: 20px 20px;
}
.bl_pageTitle_heading {
color: #fff;
font-size: min(6vw, 48px);
font-weight: 900;
text-align: center;
}
.el_headerLogo {
line-height: 1;
}
.el_headerLogo a {
display: flex;
column-gap: 10px;
align-items: center;
color: #141f3d;
font-size: 14px;
font-weight: 700;
}
.el_headerLogo img {
max-width: 80px;
width: 100%;
}
.el_headerText {
display: none;
}
@media screen and (min-width: 768px) {
.ly_container main {
padding-top: 80px;
}
.bl_hamBtn {
width: 30px;
}
.bl_fixedCta_button {
font-size: 14px;
width: 120px;
}
.el_headerLogo a {
font-size: 18px;
column-gap: 12px;
}
.el_headerLogo img {
max-width: 110px;
}
.el_headerText {
display: block;
color: #fff;
background-color: #298ccf;
font-size: 12px;
font-weight: 700;
line-height: 1.2857142857;
border-radius: 11px;
width: fit-content;
text-align: center;
padding: 7px 13px;
}
}
@media screen and (min-width: 1024px) {
.ly_header {
padding: 10px 42px 10px 67px;
}
.ly_header.is_fixed {
position: fixed;
left: 0;
background-color: transparent;
padding-block: 34px;
box-shadow: none;
transition-property:
box-shadow,
padding,
background-color;
transition-duration: 0.3s;
}
.ly_header.is_fixed.is_scrollActive {
background-color: #fff;
padding-block: 10px;
box-shadow: 0 2px 1px 1px rgba(0, 0, 0, 0.1);
}
.ly_header_left {
flex-direction: column;
row-gap: 5px;
flex-shrink: 0;
}
.bl_menu {
position: static;
width: auto;
height: auto;
background-color: transparent;
opacity: 1;
visibility: visible;
max-width: 1062px;
width: 100%;
overflow: visible;
}
.bl_menu_inner {
display: flex;
align-items: center;
justify-content: flex-end;
column-gap: 20px;
height: auto;
width: auto;
max-width: 100%;
background-color: transparent;
transform: none;
padding: 0;
overflow: visible;
}
.bl_menu_logo {
display: none;
}
.bl_menu_nav {
margin-top: 0;
}
.bl_menu_list {
display: flex;
align-items: center;
column-gap: 20px;
}
.bl_menu_list_item:has(.bl_menu_child) {
position: relative;
}
.bl_menu_list_item:has(.bl_menu_child):hover .bl_menu_childWrap {
opacity: 1;
visibility: visible;
}
.bl_menu_list_item:has(.bl_menu_child) > a {
display: flex;
align-items: center;
column-gap: 5px;
}
.bl_menu_list_item:has(.bl_menu_child) > a::before {
flex-shrink: 0;
display: block;
content: "";
width: 5px;
aspect-ratio: 1;
border-top: 2px solid #141f3d;
border-right: 2px solid #141f3d;
transform: rotate(45deg);
}
.bl_menu_list_item > a {
font-size: 14px;
}
.bl_menu_childWrap {
position: absolute;
z-index: 2;
top: 100%;
left: 0;
opacity: 0;
visibility: hidden;
display: block;
padding-top: 20px;
transition-property: opacity, visibility;
transition-duration: 0.3s;
}
.bl_menu_child {
width: max-content;
background-color: #fff;
border: 1px solid #141f3d;
border-radius: 10px;
padding-inline: 15px;
}
.bl_menu_child_item {
padding-block: 12px;
}
.bl_menu_child_item a {
display: flex;
align-items: center;
justify-content: space-between;
font-size: 14px;
font-weight: 700;
column-gap: 10px;
}
.bl_menu_child_item a::after {
display: block;
content: "";
width: 4px;
aspect-ratio: 1;
border-top: 2px solid #141f3d;
border-right: 2px solid #141f3d;
transform: rotate(45deg);
}
.bl_menu_buttonUnit {
column-gap: 7px;
max-width: 200px;
width: 100%;
margin-top: 0;
}
.bl_menu_button {
font-size: 14px;
}
.bl_hamBtn {
display: none;
}
.bl_fixedCta {
right: 41px;
bottom: 40px;
}
.bl_fixedCta_head {
padding: 10px 20px;
}
.bl_fixedCta_head span.-head {
font-size: 14px;
}
.bl_fixedCta_head span.-foot {
font-size: 12px;
}
.bl_fixedCta_button {
font-size: 18px;
width: 154px;
margin-top: 20px;
}
.bl_fixedCta_button svg {
margin-bottom: 5px;
}
.bl_breadcrumbs {
padding-inline: 74px;
}
.bl_pageTitle {
padding-block: 31px;
}
.el_headerLogo a {
font-size: 14px;
}
.el_headerLogo img {
max-width: 80px;
}
.el_headerText {
margin-left: auto;
}
.el_headerText br {
display: none;
}
}
@media screen and (min-width: 1024px) and (min-width: 1600px) {
.bl_menu_list_item:has(.bl_menu_child) > a::before {
width: 7px;
}
}
@media screen and (min-width: 1360px) {
.ly_header_left {
flex-direction: row;
}
}
@media screen and (min-width: 1600px) {
.bl_menu_inner {
justify-content: space-between;
}
.bl_menu_list {
column-gap: 61px;
}
.bl_menu_list_item > a {
font-size: 18px;
}
.bl_menu_buttonUnit {
max-width: 295px;
}
.bl_menu_button {
font-size: 18px;
}
.el_headerLogo a {
font-size: 18px;
}
.el_headerLogo img {
max-width: 110px;
width: 100%;
}
.el_headerText {
font-size: 14px;
}
.el_headerText br {
display: block;
}
}
 .un_fv {
position: relative;
z-index: 1;
padding: 40px 20px 0;
}
.un_fv::before {
position: absolute;
z-index: -1;
top: 0;
left: 0;
display: block;
content: "";
width: 100%;
height: calc(100% - 5px);
background-image: url(//sumitas-fc.com/wp/wp-content/themes/sumitas/img/index/add/fv.webp);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.un_fv_headImg {
display: block;
max-width: 244px;
width: 70%;
margin-inline: auto;
}
.un_fv_catch {
color: #141f3d;
font-size: 36px;
font-weight: 900;
text-align: center;
}
.un_fv_text {
color: #141f3d;
font-size: 16px;
font-weight: 900;
text-align: center;
}
.un_fv_text span {
display: inline-block;
}
.un_fv_hero {
display: block;
max-width: 300px;
margin-inline: auto;
}
.un_button {
position: relative;
display: flex;
align-items: center;
justify-content: center;
color: #141f3d;
font-size: 16px;
font-weight: 500;
border: 1px solid #141f3d;
max-width: 379px;
width: 100%;
padding: 13px 10px;
margin-inline: auto;
}
.un_button::after {
position: absolute;
top: 50%;
right: 20px;
display: block;
content: "";
width: 6px;
aspect-ratio: 1;
border-top: 2px solid #141f3d;
border-right: 2px solid #141f3d;
transform: translateY(-50%) rotate(45deg);
}
.un_partner {
margin-top: -5px;
}
.un_partner_head {
color: #fff;
background-color: #141f3d;
padding: 20px 20px 70px;
}
.un_partner_heading {
font-size: 24px;
font-weight: 700;
text-align: center;
}
.un_partner_text {
font-size: 16px;
font-weight: 700;
text-align: center;
margin-top: 5px;
}
.un_partner_text span {
display: inline-block;
}
.un_partner_icon {
display: block;
width: 100%;
max-width: 528px;
margin-inline: auto;
margin-top: 6px;
}
.un_partner_boxWrap {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 1fr;
row-gap: 20px;
border: 1px solid #141f3d;
background-color: #fff;
padding: 20px;
margin-top: -35px;
}
.un_partner_box_heading {
font-size: 24px;
font-weight: 700;
text-align: center;
}
.un_partner_box_text {
font-weight: 500;
line-height: 1.4375;
text-align: center;
margin-top: 4px;
}
.un_partner_box_button {
display: block;
color: #141f3d;
font-size: 16px;
font-weight: 700;
width: fit-content;
min-width: 144px;
text-align: center;
padding: 3px;
border: 1px solid #141f3d;
margin: 12px auto 0;
}
.un_partner_box_button.un_partner_box_button--color {
color: #fff;
background-color: #141f3d;
}
.un_partner_line {
display: block;
width: 100%;
height: 1px;
background-color: #141f3d;
}
.un_partner_boxFoot {
font-size: 16px;
text-align: center;
margin-top: 10px;
}
.un_partner_boxFoot a {
color: #141f3d;
font-weight: 800;
text-decoration: underline;
}
.un_partner_boxFoot span {
display: inline-block;
}
.un_partner_what {
max-width: 492px;
width: 100%;
margin: 30px auto 0;
}
.un_partner_what_heading {
max-width: 261px;
width: 100%;
margin-inline: auto;
}
.un_partner_banner {
display: block;
margin-top: -4px;
}
.un_partner_what_text {
font-size: 14px;
text-align: center;
font-weight: 500;
text-decoration: underline;
margin-top: 1px;
}
.un_problem_list {
display: grid;
gap: 9px;
}
.un_problem_list_item {
border: 1px solid #ccc;
}
.un_problem_list_head {
background-color: #f1f1f1;
padding: 20px 20px 13px;
}
.un_problem_list_icon {
display: block;
max-width: 65px;
width: 100%;
margin-inline: auto;
}
.un_problem_list_heading {
font-size: 22px;
font-weight: 700;
text-align: center;
margin-top: 2px;
}
.un_problem_list_text {
font-size: 16px;
text-align: center;
font-weight: 500;
}
.un_problem_list_child {
padding: 10px 0 10px 10px;
}
.un_problem_list_child li {
position: relative;
font-weight: 500;
padding-left: 14px;
}
.un_problem_list_child li::before {
flex-shrink: 0;
position: absolute;
top: 0.4em;
left: 0;
display: block;
content: "";
width: 8px;
aspect-ratio: 1;
background-color: #141f3d;
}
.un_problem_line {
display: none;
}
.un_problem_text {
font-size: 16px;
font-weight: 700;
line-height: 1.4;
text-align: center;
margin-top: 20px;
}
.un_problem_text span {
text-decoration: underline;
text-decoration-color: #d1d7e6;
text-decoration-thickness: 5px;
text-underline-offset: -2px;
}
.un_problem_logo {
display: block;
max-width: 131px;
width: 100%;
margin: 11px auto 0;
}
.un_reason {
background-image:
url(//sumitas-fc.com/wp/wp-content/themes/sumitas/img/index/add/reason_back.webp),
linear-gradient(
to right top,
#0a1b4a,
#245f8c);
background-repeat: no-repeat;
background-size: cover;
margin-top: 8px;
}
.un_reason .sec_title__block .sec_title {
color: #fff;
}
.un_reason_text {
color: #fff;
text-align: center;
font-weight: 500;
line-height: 1.375;
max-width: 720px;
width: 100%;
margin-inline: auto;
}
.un_reason_list {
display: grid;
gap: 8px;
margin-top: 30px;
}
.un_reason_list_item {
color: #fff;
counter-increment: number;
background-color: #5c6681;
border-top-right-radius: 20px;
padding: 0 13px 16px;
}
.un_reason_list_number {
display: block;
border-top: 3px solid #fff;
width: fit-content;
padding-top: 6px;
}
.un_reason_list_number::before {
display: block;
content: counter(number, decimal-leading-zero);
font-family: "Bebas Neue", sans-serif;
font-size: 48px;
line-height: 1;
}
.un_reason_list_heading {
font-size: 24px;
font-weight: 900;
line-height: 1.25;
}
.un_reason_list_heading::after {
display: block;
content: attr(data-en);
color: rgba(255, 255, 255, 0.3);
font-style: italic;
font-weight: 900;
font-size: 16px;
margin-top: 5px;
}
.un_reason_list_text {
font-weight: 500;
line-height: 1.375;
margin-top: 20px;
}
.un_reason_list_button {
position: relative;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
border: 1px solid #fff;
font-weight: 500;
padding: 7px;
margin-top: 18px;
}
.un_reason_list_button::after {
position: absolute;
top: 50%;
right: 16px;
transform: translateY(-50%) rotate(45deg);
display: block;
content: "";
width: 6px;
aspect-ratio: 1;
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.un_scrollImg {
background-color: #eeeeee;
padding-block: 20px;
}
.un_scrollImg .splide__slide img {
width: auto;
height: 100%;
}
.un_fee .un_button {
margin-top: 30px;
}
.un_fee_intro {
font-weight: 500;
line-height: 1.375;
max-width: 700px;
width: 100%;
margin-inline: auto;
}
.un_fee_img {
margin-top: 25px;
}
.un_number_intro {
max-width: 700px;
width: 100%;
line-height: 1.375;
margin-inline: auto;
}
.un_number_itemUnit {
display: grid;
gap: 1px;
border: 1px solid #ccc;
background-color: #ccc;
border-radius: 10px;
overflow: hidden;
max-width: 400px;
margin: 30px auto 0;
}
.un_number_item {
display: grid;
grid-template-columns: auto 1fr;
align-items: center;
background-color: #fff;
padding: 24px 20px 12px 32px;
}
.un_number_item img {
width: 78px;
}
.un_number_item_content {
align-self: stretch;
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: right;
}
.un_number_item_heading {
font-size: 32px;
font-weight: 900;
margin-left: -1em;
}
.un_number_data {
margin-top: 12px;
}
.un_number_data dt {
color: #5c6681;
font-size: 16px;
font-weight: 900;
}
.un_number_data dd {
display: inline-flex;
align-items: flex-end;
color: #108ccf;
font-size: 48px;
font-weight: 900;
line-height: 1.125;
margin-top: -4px;
}
.un_number_data dd span {
line-height: inherit;
}
.un_number_data dd span.-s {
font-size: 0.4166666667em;
margin-bottom: 8px;
}
.un_number_data dd span.-ss {
font-size: 0.3333333333em;
margin-bottom: 8px;
}
.un_number_desc {
color: #888;
font-weight: 500;
font-size: 12px;
line-height: 1.3;
margin-top: 10px;
}
.un_case .case_box {
border-radius: 10px;
border: 1px solid #ccc;
}
.un_case .case_list .slick__next {
right: calc(100vw - 100% + 0px);
}
.un_case_intro {
line-height: 1.375;
font-weight: 500;
max-width: 700px;
width: 100%;
margin-inline: auto;
margin-bottom: 40px;
}
.un_service .un_button {
margin-top: 30px;
}
.un_service_intro {
line-height: 1.375;
font-weight: 500;
max-width: 700px;
width: 100%;
margin-inline: auto;
}
.un_service_itemUnit {
display: grid;
row-gap: 30px;
margin-top: 30px;
}
.un_service_item {
display: grid;
row-gap: 15px;
}
.un_service_item_img {
display: block;
border: 1px solid #ccc;
}
.un_service_item_heading {
font-size: 24px;
font-weight: 700;
}
.un_service_item_heading span {
display: inline-block;
font-size: 0.5em;
}
.un_service_item_intro {
font-size: 16px;
font-weight: 700;
}
.un_service_item_intro span {
position: relative;
z-index: 1;
display: inline-block;
}
.un_service_item_intro span::before {
position: absolute;
z-index: -1;
bottom: 0;
left: 0;
display: block;
content: "";
width: 100%;
height: 10px;
background-color: #d1d7e6;
}
.un_service_item_text {
font-weight: 500;
line-height: 1.4375;
margin-top: 12px;
}
.un_service_textLink {
display: block;
width: fit-content;
font-size: 14px;
font-weight: 500;
text-decoration: underline;
margin: 12px auto 0;
}
.un_about_intro {
line-height: 1.375;
font-weight: 500;
max-width: 700px;
width: 100%;
margin-inline: auto;
}
.un_about_logo {
display: block;
max-width: 408px;
width: 50%;
margin: 20px auto 0;
}
.un_about_logo img {
max-width: 100%;
width: 100%;
}
.un_about_list {
display: grid;
gap: 14px;
max-width: 783px;
width: 100%;
margin: 30px auto 0;
}
.un_about_button {
position: relative;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
font-weight: 500;
border: 2px solid #141f3d;
background-color: #fff;
padding: 12px 10px;
}
.un_about_button::after {
position: absolute;
top: 50%;
right: 15px;
transform: translateY(-50%) rotate(45deg);
display: block;
content: "";
width: 8px;
aspect-ratio: 1;
border-top: 2px solid #141f3d;
border-right: 2px solid #141f3d;
}
.un_about_button_label {
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -50%);
display: block;
color: #fff;
background-color: #141f3d;
font-size: 0.6em;
font-weight: 800;
width: max-content;
border-radius: calc(infinity * 1px);
padding: 2px 10px;
}
.un_column_intro {
line-height: 1.375;
font-weight: 500;
max-width: 700px;
width: 100%;
margin-inline: auto;
margin-bottom: 30px;
}
body.home:where(*),
body.area-search:where(*) {
color: #141f3d;
}
body.home .sec_title,
body.area-search .sec_title {
color: #141f3d;
}
.un_areaSearch_head_wrap {
border: 1px solid #141f3d;
}
.un_areaSearch_headingWrap {
background-color: #141f3d;
padding: 8px 10px;
}
.un_areaSearch_heading {
color: #fff;
font-size: 18px;
line-height: 1.3333333333;
font-weight: 500;
width: fit-content;
text-align: center;
margin-inline: auto;
}
.un_areaSearch_heading span {
font-weight: 900;
}
.un_areaSearch_head_body {
padding: 8px 13px;
}
.un_areaSearch_head_textWrap p {
font-weight: 500;
font-size: 14px;
line-height: 1.4285714286;
}
.un_areaSearch_head_textWrap p + p {
margin-top: 1lh;
}
.un_areaSearch_head_notes {
font-size: 14px;
font-weight: 900;
line-height: 1.4285714286;
margin-top: 23px;
}
.un_areaSearch_head_notes::before {
display: inline-block;
width: 1.1428571429em;
aspect-ratio: 1;
content: "";
background-image: url(//sumitas-fc.com/wp/wp-content/themes/sumitas/img/area-search/icon_notes.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.un_areaSearch_head_notes span {
text-decoration: underline;
text-decoration-color: #d9d9d9;
text-decoration-thickness: 8px;
text-underline-offset: -3px;
}
.un_areaSearch_head_footText {
font-size: 10px;
line-height: 1.4;
margin-top: 6px;
}
.un_areaSearch_body {
border: 1px solid #141f3d;
padding: 20px;
margin-top: 30px;
}
.un_areaSearch_body_head {
display: grid;
grid-template-columns: auto 1fr;
column-gap: 15px;
align-items: center;
border-bottom: 1px solid #b2b2b2;
padding-bottom: 15px;
}
.un_areaSearch_body_head_icon {
display: block;
width: 30px;
}
.un_areaSearch_body_head_wrap h2 {
color: #141f3d;
font-size: 18px;
font-weight: 900;
}
.un_areaSearch_body_head_wrap p {
font-size: 12px;
font-weight: 500;
margin-top: -3px;
}
.un_areaSearch_form {
padding-top: 15px;
}
.un_areaForm_heading {
font-size: 16px;
font-weight: 900;
}
.un_areaForm_heading + * {
margin-top: 10px;
}
.un_areaForm_item + .un_areaForm_item {
border-top: 1px solid #b2b2b2;
padding-top: 25px;
margin-top: 25px;
}
.un_areaForm_wrap {
display: grid;
row-gap: 5px;
max-width: 464px;
margin-inline: auto;
}
.un_areaForm_wrap + .un_areaForm_wrap {
margin-top: 15px;
}
.un_areaForm_areaRow {
display: none;
}
.un_areaForm_areaRow.is_show {
display: grid;
}
.un_areaForm_label {
display: flex;
align-items: flex-start;
column-gap: 6px;
font-size: 14px;
font-weight: 500;
}
.un_areaForm_label.is_req::before {
background-color: #108ccf;
content: "\5fc5\9808";
}
.un_areaForm_label::before {
flex-shrink: 0;
display: block;
color: #fff;
content: "\4efb\610f";
font-size: 10px;
font-weight: 900;
background-color: #b2b2b2;
line-height: 1;
padding: 4px 4px 3px;
margin-top: 2px;
}
.un_areaForm_main input,
.un_areaForm_main textarea,
.un_areaForm_main select {
appearance: none;
font-family:
Roboto,
"Noto Sans JP",
"Hiragino Kaku Gothic ProN",
"\30d2\30e9\30ae\30ce\89d2\30b4  ProN W3",
"\30e1\30a4\30ea\30aa",
Meiryo,
"\ff2d\ff33  \ff30\30b4\30b7\30c3\30af",
"MS PGothic",
sans-serif;
color: #005e90;
font-size: 16px;
font-weight: 500;
line-height: 1.4;
border: 1px solid #7e7e7e;
border-radius: 5px;
padding: 4px 6px;
}
.un_areaForm_main input,
.un_areaForm_main select {
background-color: #daf0fc;
}
.un_areaForm_main input::placeholder,
.un_areaForm_main select::placeholder {
color: rgba(0, 0, 0, 0.15);
}
.un_areaForm_main input {
max-width: 240px;
width: 100%;
}
.un_areaForm_main select {
max-width: 177px;
width: 100%;
background-image: url(//sumitas-fc.com/wp/wp-content/themes/sumitas/img/area-search/icon_select-arrow.svg);
background-repeat: no-repeat;
background-position: right 10px center;
background-size: 9px;
}
.un_areaForm_main textarea {
max-width: 100%;
width: 100%;
resize: vertical;
}
.un_areaForm_main .error {
font-size: 12px;
}
.un_areaForm_area_wrap {
display: grid;
grid-template-columns: repeat(2, 1fr);
column-gap: 8px;
}
.un_areaForm_addArea {
cursor: pointer;
display: flex;
align-items: center;
column-gap: 9px;
color: #005e90;
font-size: 10px;
font-weight: 500;
width: fit-content;
border: 1px solid #005e90;
padding: 2px 5px;
margin-top: 8px;
}
.un_areaForm_addArea.is_hidden {
display: none;
}
.un_areaForm_addArea span {
position: relative;
flex-shrink: 0;
display: block;
width: 7px;
aspect-ratio: 1;
}
.un_areaForm_addArea span::before,
.un_areaForm_addArea span::after {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
content: "";
background-color: #005e90;
}
.un_areaForm_addArea span::before {
width: 1px;
height: 100%;
}
.un_areaForm_addArea span::after {
width: 100%;
height: 1px;
}
.un_areaForm_foot {
border-top: 1px solid #b2b2b2;
padding-top: 25px;
margin-top: 25px;
}
.un_areaForm_foot p {
font-size: 12px;
font-weight: 500;
text-align: center;
max-width: 458px;
margin-inline: auto;
}
.un_areaForm_foot p a {
text-decoration: underline;
}
.un_areaForm_submit {
cursor: pointer;
appearance: none;
color: #000;
display: block;
font-size: 14px;
font-weight: 500;
text-align: center;
max-width: 165px;
width: 100%;
background-image:
linear-gradient(
180deg,
#f5f5f5 50.96%,
#e7e7e7 50.97%);
border: 1px solid #a5a5a5;
border-radius: 0;
background-color: transparent;
padding: 10px;
margin: 20px auto 0;
}
@media screen and (min-width: 768px) {
.un_fv::before {
height: calc(100% - 7px);
}
.un_fv_catch {
font-size: 48px;
}
.un_fv_text {
font-size: 20px;
}
.un_fv_hero {
max-width: 500px;
}
.un_button {
font-size: 18px;
}
.un_partner {
margin-top: -7px;
}
.un_partner_heading {
font-size: 32px;
}
.un_partner_text {
font-size: 18px;
}
.un_partner_boxWrap {
grid-template-columns: 1fr auto 1fr;
padding: 13px 0 14px;
}
.un_partner_box {
padding: 8px 20px 14px;
}
.un_partner_box_heading {
font-size: 28px;
}
.un_partner_box_button {
font-size: 18px;
}
.un_partner_line {
width: 1px;
height: 100%;
}
.un_problem_list {
grid-template-columns: repeat(3, 1fr);
}
.un_problem_list_item {
position: relative;
}
.un_problem_list_item::before {
position: absolute;
top: 100%;
left: 50%;
transform: translate(-50%, -50%);
display: block;
content: "";
width: 4px;
aspect-ratio: 1;
border-radius: 50%;
background-color: #141f3d;
}
.un_problem_list_item::after {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
display: block;
content: "";
width: 1px;
height: 21px;
background-color: #ccc;
}
.un_problem_list_child {
display: grid;
row-gap: 2px;
font-size: 14px;
padding: 14px 0 14px 12px;
}
.un_problem_line {
display: block;
width: 67.5%;
height: 1px;
background-color: #ccc;
margin: 20px auto 0;
}
.un_problem_text {
font-size: 20px;
margin-top: 32px;
}
.un_problem_text span {
text-decoration-thickness: 8px;
}
.un_reason_list {
grid-template-columns: repeat(3, 1fr);
}
.un_reason_list_number::before {
font-size: 56px;
}
.un_number_itemUnit {
grid-template-columns: repeat(3, 1fr);
max-width: 100%;
}
.un_number_item_heading {
font-size: 24px;
}
.un_case .case_list .slick__prev {
right: calc(100vw - 100% + 95px);
}
.un_case .un_button {
margin-top: -120px;
}
.un_service_item {
display: flex;
align-items: center;
column-gap: 28px;
}
.un_service_item:nth-of-type(even) {
flex-direction: row-reverse;
}
.un_service_item_img {
flex-shrink: 0;
width: 336px;
}
.un_service_item_heading {
font-size: 28px;
}
.un_service_item_intro {
font-size: 18px;
margin-top: -2px;
}
.un_about_list {
grid-template-columns: repeat(3, 1fr);
}
.un_about_button {
font-size: 18px;
}
body.home .sec_title,
body.area-search .sec_title {
font-size: 48px;
}
.un_areaSearch {
display: grid;
grid-template-columns: 34.8913043478% 1fr;
column-gap: 16px;
align-items: flex-start;
}
.un_areaSearch.section {
padding-top: 35px;
}
.un_areaSearch_heading {
text-align: left;
width: 100%;
}
.un_areaSearch_body {
padding: 22px 40px 38px;
margin-top: 0;
}
.un_areaSearch_body_head {
padding-bottom: 23px;
}
.un_areaSearch_form {
padding-top: 23px;
}
.un_areaForm_heading + * {
margin-top: 16px;
}
.un_areaForm_heading + .un_areaForm_area {
margin-top: 24px;
}
.un_areaForm_item + .un_areaForm_item {
padding-top: 30px;
margin-top: 43px;
}
.un_areaForm_wrap {
grid-template-columns: 158px 1fr;
align-items: flex-start;
}
.un_areaForm_area .un_areaForm_wrap {
grid-template-columns: 106px 1fr;
}
.un_areaForm_label {
margin-top: 6px;
}
.un_areaForm_addArea {
margin-left: 106px;
}
.un_areaForm_foot {
padding-top: 26px;
margin-top: 36px;
}
.hp_sp {
display: none !important;
}
}
@media screen and (min-width: 1024px) {
.un_fv {
padding-top: 127px;
}
.un_fv::before {
height: calc(100% - 12px);
}
.un_fv_headImg {
max-width: 474px;
}
.un_fv_catch {
font-size: 84px;
}
.un_fv_text {
font-size: 30px;
}
.un_fv_hero {
max-width: 796px;
}
.un_button {
font-size: 20px;
}
.un_partner {
margin-top: -12px;
}
.un_partner_head {
padding-block: 10px 64px;
}
.un_partner_heading {
font-size: 64px;
}
.un_partner_text {
font-size: 20px;
margin-top: -11px;
}
.un_partner_boxWrap {
margin-top: -45px;
}
.un_partner_box_heading {
font-size: 32px;
}
.un_partner_what {
margin-top: 47px;
}
.un_problem_list {
margin-top: 30px;
}
.un_problem_list_heading {
font-size: 24px;
}
.un_reason {
padding-block: 62px 97px !important;
}
.un_reason_list {
margin-top: 38px;
}
.un_reason_list_item {
border-top-right-radius: 40px;
}
.un_reason_list_number {
border-top-width: 5px;
}
.un_reason_list_number::before {
font-size: 64px;
}
.un_reason_list_text {
margin-top: 27px;
}
.un_scrollImg {
padding-block: 29px 34px;
}
.un_fee {
padding-top: 70px;
}
.un_fee .un_button {
margin-top: 50px;
}
.un_number {
margin-top: 30px;
}
.un_number_itemUnit {
margin-top: 44px;
}
.un_number_item_heading {
font-size: 30px;
}
.un_case {
padding-top: 10px;
}
.un_case_intro {
margin-top: 30px;
margin-bottom: 75px;
}
.un_service .un_button {
margin-top: 50px;
}
.un_service_itemUnit {
row-gap: 48px;
margin-top: 43px;
}
.un_service_item {
padding-right: 15px;
}
.un_service_item:nth-of-type(even) {
padding-inline: 15px 0;
}
.un_service_item_heading {
font-size: 32px;
}
.un_service_item_intro {
font-size: 20px;
}
.un_service_item_intro span::before {
height: 13px;
}
.un_about_list {
margin-top: 62px;
}
.un_about_button {
font-size: 20px;
}
.un_column {
padding-top: 70px;
margin-top: 70px;
}
.un_column_intro {
margin-bottom: 50px;
}
.un_areaSearch_headingWrap {
padding-inline: 20px;
}
.un_areaSearch_body_head_icon {
width: 34px;
}
.un_areaForm_addArea {
margin-left: 125px;
}
}
@media screen and (min-width: 1440px) {
.un_fv_catch {
font-size: 124px;
}
}
@media screen and (min-width: 1600px) {
.un_fv_text {
margin-top: -36px;
}
.un_fv_hero {
margin-top: -4px;
}
}
@media screen and (max-width: 767px) {
.hp_pc {
display: none !important;
}
}
@media (hover: hover) {
.un_button:hover {
color: #fff;
background-color: #141f3d;
}
.un_button:hover::after {
border-color: #fff;
}
.un_reason_list_button:hover {
color: #0a1b4a;
background-color: #fff;
}
.un_reason_list_button:hover::after {
border-color: #0a1b4a;
}
.un_about_button {
transition-property: color, background-color;
transition-duration: 0.3s;
}
.un_about_button:hover {
color: #fff;
background-color: #141f3d;
opacity: 1;
}
.un_areaForm_submit {
transition: opacity 0.3s;
}
.un_areaForm_submit:hover {
opacity: 0.7;
}
}#main {
overflow: hidden;
}
.bg {
background: #F0F0F0;
}
.sec_title__block {
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.sec_title_bg_en {
position: absolute;
z-index: 1;
color: rgba(174, 174, 174, 0.12);
left: 50%;
top: 50%;
transform: translate(-50%,-80%);
font-weight: 700;
line-height: 1;
white-space: nowrap;
text-align: center;
}
.bg .sec_title_bg_en {
color: #fff;
}
.sec_title {
font-weight: 700;
text-align: center;
z-index: 2;
line-height: 1.2em;
color: #193A67;
}
.sec_title span {
color: #148CCF;
line-height: 1.3em;
}
.lead_text {
text-align: left;
line-height: 1.8em;
padding: 0 20px 0 20px;
}
@media only screen and ( max-width : 767px ) {
.sec_title__block {
margin-bottom: 10px;
min-height: 50px;
}
.sec_title {
font-size: 36px;
}
.sec_title_bg_en {
font-size: 100px;
}
.lead_text {
margin-bottom: 10px;
}
}
@media only screen and ( max-width : 575px ) {
.sec_title__block {
min-height: 18vw;
}
.sec_title {
font-size: 7.2vw;
}
.sec_title_bg_en {
font-size: 18vw;
}
}
@media print, screen and ( min-width : 768px ) {
.sec_title__block {
margin-bottom: 20px;
min-height: 70px;
}
.sec_title {
font-size: 56px;
}
.sec_title_bg_en {
font-size: 172px;
}
.lead_text {
margin-bottom: 40px;
}
.btn.large_btn {
max-width: 500px;
}
} #fv_wrap {
overflow: hidden;
}
#fv {
background: url(//sumitas-fc.com/wp/wp-content/themes/sumitas/img/index/fv_bg.jpg) no-repeat left top / cover;
color: #193A67;
}
.fv_inner {
position: relative;
max-width: 1400px;
margin: 0 auto;
padding: 0 25px;
}
.fv_content {
position: relative;
z-index: 3;
}
.fv_title,
.fv_lead_t {
font-weight: 900;
}
.fv_lead_t {
margin-bottom: .8em;
}
.fv_text {
font-weight: 700;
margin-bottom: 2em;
line-height: 1.7em;
}
#fv_cta_area {
background: #0C203C;
color: #fff;
position: relative;
z-index: 2;
}
#fv_cta_area .cta_lead_t {
font-weight: 700;
}
#fv_cta_area .cta_content {
margin-bottom: 0;
}
#fv_cta_area .cta_ambassador_name {
color: #0C203C;
position: absolute;
z-index: 2;
text-align: right;
white-space: nowrap;
}
@media only screen and ( max-width : 991px ) {
#fv {
padding: 80px 0 4vw;
}
}
@media only screen and ( max-width : 767px ) {
#fv {
padding: 80px 0 4vw;
}
.fv_inner {
padding: 0 5vw;
}
#fv_cta_area .cta_body {
padding: 6vw 0;
}
#fv_cta_area .cta_ambassador_name {
font-size: 1.8vw;
right: 36vw;
top: 6vw;
}
.fv_content {
padding-top: 5vw;
margin-bottom: 4vw;
}
.fv_title {
font-size: 10vw;
}
.fv_lead_t {
font-size: 3.4vw;
}
.fv_text {
font-size: 2.6vw;
}
.fv_img {
text-align: center;
}
.fv_img img {
max-width: 90%;
}
#fv .cta_btn_area {
width: 100%;
}
#fv_cta_area .cta_body {
}
#fv_cta_area .cta_img {
bottom: 0;
right: 2vw;
width: 36%;
}
#fv_cta_area .cta_title {
font-size: 6vw;
}
#fv_cta_area .cta_lead_t {
font-size: 2.4vw;
}
#fv_cta_area .cta_content_left {
font-size: 2.6vw;
}
#fv_cta_area .cta_content_left span {
font-size: 2vw;
}
#fv_cta_area .cta_content_right .cta_tel_num {
font-size: 6vw;
background-size: 5.6vw;
padding-left: 6.8vw;
}
#fv_cta_area .cta_content_right {
font-size: 2.6vw;
}
#fv_cta_area .cta_content_right .cta_content_small_t {
font-size: 2vw;
}
#fv .cta_btn_area .btn {
height: 9vw;
font-size: 2.6vw;
width: 49%;
}
}
@media only screen and ( max-width : 575px ) { #fv_cta_area .cta_ambassador_name {
top: 0;
right: 44vw;
font-size: 2.4vw;
}
#fv_cta_area .cta_img {
right: -1vw;
width: 40%;
}
.fv_title {
font-size: 8vw;
}
.fv_lead_t {
font-size: 5vw;
}
.fv_text {
font-size: 3.2vw;
}
#fv_cta_area .cta_title {
font-size: 9vw;
}
#fv_cta_area .cta_lead_t {
font-size: 3.2vw;
}
#fv_cta_area .cta_content_left {
font-size: 3.4vw;
}
#fv_cta_area .cta_content_left span {
font-size: 3vw;
}
#fv_cta_area .cta_content_right .cta_tel_num {
font-size: 7.4vw;
background-size: 6vw;
padding-left: 7.2vw;
}
#fv_cta_area .cta_content_right {
font-size: 3.4vw;
}
#fv_cta_area .cta_content_right .cta_content_small_t {
font-size: 2.8vw;
}
#fv .cta_btn_area .btn {
height: 12vw;
font-size: 3.4vw;
}
}
@media print, screen and ( min-width : 768px ) {
.fv_content {
display: flex;
flex-direction: column;
justify-content: flex-end;
width: 50%;
padding-top: 6vw;
}
#fv .fv_img {
position: absolute;
z-index: 1;
width: 40%;
left: 42%;
top: 0;
}
.fv_title {
font-size: 10vw;
}
.fv_lead_t {
font-size: 2.4vw;
}
.fv_text {
font-size: 1.6vw;
}
#fv .cta_btn_area {
width: 100%;
}
#fv_cta_area .cta_body {
height: 26vw;
}
#fv_cta_area .cta_img {
bottom: 0;
right: -30px;
max-width: 30%;
}
#fv_cta_area .cta_title {
font-size: 5.2vw;
}
#fv_cta_area .cta_lead_t {
font-size: 1.7vw;
}
#fv_cta_area .cta_content_left {
font-size: 1.7vw;
}
#fv_cta_area .cta_content_left span {
font-size: 1.2vw;
}
#fv_cta_area .cta_content_right .cta_tel_num {
font-size: 4.4vw;
background-size: 4vw;
padding-left: 5vw;
}
#fv_cta_area .cta_content_right {
font-size: 2vw;
}
#fv_cta_area .cta_content_right .cta_content_small_t {
font-size: 1.2vw;
}
#fv .cta_btn_area .btn {
height: 5.6vw;
font-size: 2vw;
width: 49%;
}
#fv_cta_area .cta_ambassador_name {
font-size: 1.1vw;
right: 31vw;
top: 23.5vw;
}
}
@media print, screen and ( min-width : 992px ) {
#fv {
padding: 110px 0 4vw;
}
}
@media print, screen and ( min-width : 1400px ) {
#fv {
padding: 110px 0 60px;
}
.fv_content {
padding-top: 90px;
}
#fv_cta_area .cta_body {
height: 320px;
}
#fv_cta_area .cta_title, #fv_cta_area .cta_content_left {
width: 32.5%;
}
#fv_cta_area .cta_lead_t, #fv_cta_area .cta_content_right {
width: 64%;
}
#fv_cta_area .cta_title {
font-size: 70px;
}
#fv_cta_area .cta_lead_t {
font-size: 18px;
}
#fv_cta_area .cta_content_left {
font-size: 24px;
}
#fv_cta_area .cta_content_left span {
font-size: 18px;
}
#fv_cta_area .cta_content_right .cta_tel_num {
font-size: 56px;
background-size: 50px;
padding-left: 60px;
}
#fv_cta_area .cta_content_right {
font-size: 28px;
}
#fv_cta_area .cta_content_right .cta_content_small_t {
font-size: 16px;
}
.fv_title {
font-size: 88px;
}
.fv_lead_t {
font-size: 34px;
}
.fv_text {
font-size: 22px;
}
#fv .cta_btn_area .btn {
height: 80px;
font-size: 28px;
}
#fv_cta_area .cta_ambassador_name {
font-size: 16px;
right: 435px;
top: 370px;
}
#fv_cta_area .cta_img {
right: -70px;
}
} .concept_lead_t {
text-align: center;
}
.concept_lead_t span {
box-decoration-break: clone;  
-webkit-box-decoration-break: clone;
display: inline;
padding: .3em;
line-height: 2;
background-color: #141F3D;
color: #fff;
font-weight: 700;
}
.concept_bottom_t {
text-align: center;
}
.concept_bottom_t span {
box-decoration-break: clone;  
-webkit-box-decoration-break: clone;
display: inline;
padding: .3em;
line-height: 1.5;
background-color: #fff;
color: #141F3D;
font-weight: 900;
}
#concept figure {
text-align: center;
}
@media only screen and ( max-width : 991px ) {
.concept_lead_t {
margin-bottom: 30px;
}
.concept_lead_t span {
font-size: 24px;
}
.concept_bottom_t {
margin-top: 30px;
}
.concept_bottom_t span {
font-size: 20px;
}
}
@media only screen and ( max-width : 767px ) {
}
@media print, screen and ( min-width : 768px ) {
}
@media print, screen and ( min-width : 992px ) {
.concept_lead_t {
margin-bottom: 40px;
}
.concept_lead_t span {
font-size: 36px;
}
.concept_bottom_t {
margin-top: 40px;
}
.concept_bottom_t span {
font-size: 28px;
}
} .fee_content p {
line-height: 2em
}
@media only screen and ( max-width : 991px ) {
.fee_content figure {
text-align: center;
margin: 30px 0 50px;
}
.fee_content figure img {
max-width: 80%;
}
}
@media only screen and ( max-width : 575px ) {
.fee_content figure img {
max-width: 100%;
}
}
@media print, screen and ( min-width : 768px ) {
}
@media print, screen and ( min-width : 992px ) {
.fee_content {
margin-bottom: 100px;
}
.fee_content p {
width: 48%;
}
.fee_content figure {
width: 48%;
}
} .case_list__inner {
width: min(100%, 1000px);
margin: 0 auto;
}
.case_list__container {
position: relative; width: calc(100% + (100vw - 100%) / 2); }
.slick__prev,
.slick__next {
position: absolute;
z-index: 1;
background: none;
border: none;
cursor: pointer;
}
.case_list .slick__prev:before,
.case_list .slick__next:before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 1;
content: '';
}
.case_list .slick__prev:before {
background: url(//sumitas-fc.com/wp/wp-content/themes/sumitas/img/prev.png) no-repeat center / 100%;
}
.case_list .slick__next:before {
background: url(//sumitas-fc.com/wp/wp-content/themes/sumitas/img/next.png) no-repeat center / 100%;
}
.case_box {
background: #FAFAFA;
position: relative;
margin-right: 20px;
font-size: 13px;
}
.case_box .new_label {
position: absolute;
left: 0;
top: 0;
margin: 0;
z-index: 2;
padding: .2em 1em;
}
.case_box p {
line-height: 1.8em;
}
.case_box figure {
text-align: center;
}
.case_box figure img {
border-radius: 50%;
margin: 0 auto;
}
.case_list .case_name {
text-align: center;
color: #0C203C;
font-weight: 700;
font-size: 18px;
margin-bottom: 1em;
line-height: 1.3em;
}
.case_list .case_name span {
color: #7E7E7E;
font-size: 14px;
margin-left: 1em;
line-height: 1.3em;
}
.case_list .case_company {
text-align: center;
margin-bottom: 1em;
color: #0C203C;
line-height: 1.3em;
font-size: 16px;
font-weight: 500;
}
@media only screen and ( max-width : 991px ) {
}
@media only screen and ( max-width : 767px ) {
.case_slider { margin-bottom: 50px;
}
.case_slider .slick-track {
margin-bottom: 20px;
}
.case_list .slick__prev,
.case_list .slick__next {
bottom: -15px;
width: 50px;
height: 50px;
}
.case_list .slick__prev {
left: 0;
}
.case_list .slick__next { right: calc(100vw - 100%);
}
.case_box {
width: 280px;
padding: 20px;
}
.case_box figure {
margin-bottom: 20px;
}
.case_box figure img {
width: 180px;
height: 180px;
}
}
@media print, screen and ( min-width : 768px ) {
.case_slider {
padding: 0 0 160px 0;
}
.case_list .slick__prev,
.case_list .slick__next {
bottom: 50px;
width: 80px;
height: 80px;
}
.case_list .slick__prev { right: calc((100vw - 100%) + (30px + 80px + 15px));
}
.case_list .slick__next { right: calc((100vw - 100%) + (30px));
}
.case_box {
width: 320px;
padding: 30px;
}
.case_box figure {
margin-bottom: 30px;
}
.case_box figure img {
width: 214px;
height: 214px;
}
}
@media print, screen and ( min-width : 992px ) {
} #service_list {
background: #FBFBFB;
}
.main_service_list li {
width: 45%;
text-align: center;
margin: 1%;
}
.main_service_list li img,
#service_list .slide_item img {
border: 1px solid #ddd;
}
.main_service_list li img {
height: 80px;
}
@media only screen and ( max-width : 991px ) {
.service_more_link li {
margin-bottom: 20px;
}
.service_more_link li:last-child {
margin-bottom: 0;
}
}
@media only screen and ( max-width : 767px ) {
.main_service_list {
margin-bottom: 40px;
}
#service_list {
padding: 20px 0;
margin-bottom: 40px;
}
#service_list .slide_item {
padding: 0 15px;
}
#service_list .slide_item img {
width: 140px;
height: 60px;
}
}
@media print, screen and ( min-width : 768px ) {
.main_service_list {
max-width: 640px;
margin: 0 auto 60px;
}
#service_list {
padding: 60px 0;
margin-bottom: 60px;
}
#service_list .slide_item {
padding: 0 20px;
}
#service_list .slide_item img {
width: 200px;
height: 80px;
}
}
@media print, screen and ( min-width : 992px ) {
.service_more_link {
margin: 0 auto;
max-width: 740px;
}
.service_more_link li {
width: 48%;
}
.service_more_link li a {
width: 100%;
max-width: 100%;
}
} .sumitas_logo {
text-align: center;
}
@media only screen and ( max-width : 991px ) {
}
@media only screen and ( max-width : 767px ) {
.sumitas_logo {
max-width: 160px;
margin: 0 auto 40px;
}
#about dl {
margin: 0 auto 40px;
}
#about dl dt {
font-weight: 700;
padding-top: 15px;
margin-bottom: 5px;
}
#about dl dd {
border-bottom: 1px solid rgba(0,0,0,.1);
padding-bottom: 15px;
}
}
@media print, screen and ( min-width : 768px ) {
.sumitas_logo {
margin-bottom: 70px;
}
#about dl {
max-width: 620px;
margin: 0 auto 70px;
display: flex;
flex-wrap: wrap;
}
#about dl dt,
#about dl dd {
border-bottom: 1px solid rgba(0,0,0,.1);
padding: 20px;
}
#about dl dt {
width: 240px;
}
#about dl dd {
width: calc(100% - 240px);
}
}
@media print, screen and ( min-width : 992px ) {
}  .tabmenu {
display: flex;
justify-content: center;
} .tablist {
cursor: pointer;
border: 1px solid #141F3D;
color: #141F3D;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
} .tablist:not(:last-child) {
} .tabcontents {
display: none;
} .tabcontents.active {
display: block;
}
.tablist.active{
background-color: #141F3D;
color: #fff;
}
.office_add_t {
text-align: center;
margin-bottom: 1em;
}
.gmap iframe {
width: 100%;
display: block;
}
.info_title {
border-bottom: 5px solid #E8E8E8;
position: relative;
padding-bottom: .5em;
margin-bottom: 1em;
}
.info_title:before {
content: "";
position: absolute;
left: 0;
bottom: -5px;
z-index: 2;
background: #458DCF;
width: 50px;
height: 5px;
}
.info_title .more_link {
color: #458DCF;
position: relative;
padding-right: 20px;
}
.info_title .more_link:after {
content: "";
width: 13px;
height: 13px;
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
background: url(//sumitas-fc.com/wp/wp-content/themes/sumitas/img/arrow_blue.png) no-repeat center / 100%;
}
.info_list_body li {
border-bottom: 1px solid #ddd;
}
.info_list_body li a {
display: flex;
align-items: center;
}
.info_list_body li a:hover {
color: #458DCF;
}
.info_list_date {
width: 8em;
}
.info_list_title {
width: calc(100% - 8em);
}
@media only screen and ( max-width : 991px ) {
#news {
margin-bottom: 60px;
}
}
@media only screen and ( max-width : 767px ) {
#access {
margin-bottom: 60px;
}
.tabmenu {
margin-bottom: 30px;
}
.tablist {
flex: 1;
min-height: 40px;
margin-right: 10px;
}
.tablist:last-child {
margin-right: 0;
}
.gmap iframe {
height: 250px;
}
.info_title h3 {
font-size: 18px;
}
.info_title .more_link {
font-size: 14px;
}
.info_list_body li a {
padding: 15px 0;
}
}
@media print, screen and ( min-width : 768px ) {
#access {
margin-bottom: 120px;
}
.tabmenu {
margin-bottom: 50px;
}
.tablist {
font-size: 17px;
width: 190px;
margin-right: 20px;
height: 50px;
}
.tablist:last-child {
margin-right: 0;
}
.gmap iframe {
height: 360px;
}
.info_title h3 {
font-size: 22px;
}
.info_title .more_link {
font-size: 15px;
}
.info_list_body li {
font-size: 15px;
}
.info_list_body li a {
height: 70px;
}
}
@media print, screen and ( min-width : 992px ) {
.info_list_block {
width: 48%;
}
} .column_slider .slick-track {
display: flex;
}
.column_slider .slick-track:before,
.column_slider .slick-track:after {
content: none;
}
.column_slider .slick-slide {
float: none;
height: auto;
}
.column_slider .slick-prev:before,
.column_slider .slick-next:before{
opacity: 1;
}
.column_slider .slick-prev:before{
background: url(//sumitas-fc.com/wp/wp-content/themes/sumitas/img/prev.png) no-repeat center / 100%;
}
.column_slider .slick-next:before{
background: url(//sumitas-fc.com/wp/wp-content/themes/sumitas/img/next.png) no-repeat center / 100%;
}
.column_list_content h3 {
margin: 1em 0 .5em;
}
.column_thumb img {
width: 100%;
}
.column_box {
transform: scale(.8);
transition: .3s;
}
.column_box.slick-current.slick-active  {
transform: scale(1);
}
.column_thumb {
position: relative;
}
.column_thumb .new_label {
position: absolute;
left: 0;
top: 0;
margin: 0;
z-index: 2;
}
@media only screen and ( max-width : 991px ) {
}
@media only screen and ( max-width : 767px ) {
.column_list {
margin-bottom: 50px;
}
.column_box {
padding: 10px 20px;
}
.column_slider .slick-prev {
left: 15px;
}
.column_slider .slick-next {
right: 15px;
}
.column_slider .slick-prev,
.column_slider .slick-next{
width: 50px;
height: 50px;
top: auto;
bottom: -15px;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.column_slider .slick-prev:before,
.column_slider .slick-next:before{
width: 50px;
height: 50px;
}
.column_slider .slick-list {
margin-bottom: 50px;
}
.column_list_content h3 {
font-size: 18px;
}
}
@media print, screen and ( min-width : 768px ) {
.column_list {
margin-bottom: 60px;
}
.column_box {
max-width: 620px;
padding: 10px 60px;
}
.column_slider .slick-prev,
.column_slider .slick-next{
width: 80px;
height: 80px;
}
.column_slider .slick-prev:before,
.column_slider .slick-next:before{
width: 80px;
height: 80px;
}
.column_slider .slick-prev {
left: calc(((100% - 620px) / 2) - 40px);
}
.column_slider .slick-next {
right: calc(((100% - 620px) / 2) - 40px);
}
.column_list_content {
font-size: 15px;
}
.column_list_content h3 {
font-size: 24px;
}
}
@media print, screen and ( min-width : 992px ) {
} @media only screen and ( max-width : 991px ) {
.faq_list {
margin-bottom: 40px;
}
}
@media only screen and ( max-width : 767px ) {
}
@media print, screen and ( min-width : 768px ) {
}
@media print, screen and ( min-width : 992px ) {
.faq_list {
margin-bottom: 80px;
}
} @media only screen and ( max-width : 991px ) {
.member_photo_list {
margin-bottom: 50px;
}
.member_photo_list li {
max-width: 32%;
margin-right: 2%;
}
.member_photo_list li:nth-child(3n),
.member_photo_list li:last-child {
margin-right: 0;
}
}
@media only screen and ( max-width : 767px ) {
}
@media print, screen and ( min-width : 768px ) {
}
@media print, screen and ( min-width : 992px ) {
.member_photo_list {
margin-bottom: 100px;
}
.member_photo_list li {
max-width: 18.4%;
margin-right: 2%;
}
.member_photo_list li:last-child {
margin-right: 0;
}
} @media only screen and ( max-width : 991px ) {
}
@media only screen and ( max-width : 767px ) {
}
@media print, screen and ( min-width : 768px ) {
}
@media print, screen and ( min-width : 992px ) {
} .problem {
}
.problem .problem_col {
border: 3px solid #0C203C;
border-collapse: collapse;
padding:17px;
margin: 5px;
}
.problem .problem_title {
font-weight: bolder;
font-size: 24px;
border-left: 5px solid #0C203C;
padding:0 0 0 8px;
margin: 0 0 5px 0;
}
.problem ul {
list-style-type: square;
}
.problem ul li {
list-style-type: square;
margin: 0 0 0 30px;
}
.spsc {
font-weight: 900;
text-align: center;
color: #148CCF;
font-size: 24px;
}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
 .slick-loading .slick-list
{
background: #fff url(https://sumitas-fc.com/wp/wp-content/themes/sumitas/css/ajax-loader.gif) center center no-repeat;
} .slick-prev,
.slick-next
{
font-size: 0;
line-height: 0;
position: absolute; top: 50%;
display: block;
width: 24px;
height: 24px;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
z-index: 99;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
color: transparent;
outline: none;
background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
opacity: .25;
}
.slick-prev:before,
.slick-next:before
{
content: "";
opacity: .75;
color: #577565;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 24px;
height: 24px; display: block;
text-align: center;
}
.slick-prev
{
left: 0;
}
.slick-prev:before
{
background: url(//sumitas-fc.com/wp/wp-content/themes/sumitas/img/prev.png) no-repeat center / 100%;
}
.slick-next
{
right: 0;
}
.slick-next:before
{
background: url(//sumitas-fc.com/wp/wp-content/themes/sumitas/img/next.png) no-repeat center / 100%;
} .slick-dots
{
position: relative; display: block;
width: 100%;
padding: 0;
margin: 15px 0 0 0;
list-style: none;
text-align: center;
}
.slick-dots li
{
position: relative;
display: inline-block;
width: 6px;
height: 6px;
margin: 0 5px;
padding: 0;
cursor: pointer;
}
.slick-dots li button
{
font-size: 0;
line-height: 0;
display: block;
width: 6px;
height: 6px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: none;
background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
opacity: 1;
}
.slick-dots li button:before
{
content: "";
position: absolute;
top: 0;
left: 0;
width: 6px;
height: 6px;
text-align: center;
font-weight: bold;
opacity: 1;
background: #ccc;
border-radius: 50%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 7px;
}
.slick-dots li.slick-active button:before
{
opacity: 1;
background: #444;
}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}.wp-pagenavi {
clear: both;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
border-color: #000;
}
.wp-pagenavi span.current {
font-weight: bold;
}