@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap"); @import url("https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap");  @font-face {
font-family: swiper-icons;
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal;
}
:root {
--swiper-theme-color:#007aff;
}
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
z-index: 1;
}
.swiper-vertical > .swiper-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}
.swiper-android .swiper-slide, .swiper-wrapper {
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
.swiper-pointer-events {
-ms-touch-action: pan-y;
touch-action: pan-y;
}
.swiper-pointer-events.swiper-vertical {
-ms-touch-action: pan-x;
touch-action: pan-x;
}
.swiper-slide {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
}
.swiper-slide-invisible-blank {
visibility: hidden;
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
height: auto;
}
.swiper-autoheight .swiper-wrapper {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-transition-property: height, -webkit-transform;
transition-property: height, -webkit-transform;
transition-property: transform, height;
transition-property: transform, height, -webkit-transform;
}
.swiper-backface-hidden .swiper-slide {
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
-webkit-perspective: 1200px;
perspective: 1200px;
}
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start;
}
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory;
}
.swiper-centered > .swiper-wrapper::before {
content: "";
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-ordinal-group: 10000;
-ms-flex-order: 9999;
order: 9999;
}
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
margin-left: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after);
}
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
margin-top: var(--swiper-centered-offset-before);
}
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after);
}
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center;
scroll-snap-stop: always;
} *,
*::before,
*::after {
-webkit-box-sizing: border-box;
box-sizing: border-box;
min-width: 0;
} html {
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
} body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
figure,
blockquote,
dl,
dd {
margin: 0;
} ul,
ol {
list-style: none;
} body {
word-wrap: anywhere;
word-break: normal;
line-break: strict;
} a:not([class]) {
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto;
color: currentColor;
} input,
button,
textarea,
select {
font: inherit;
} :where(dialog) {
width: auto;
width: initial;
max-width: none;
max-width: initial;
height: auto;
height: initial;
max-height: none;
max-height: initial;
padding: 0;
padding: initial;
margin: 0;
margin: initial;
color: inherit;
background-color: transparent;
background-color: initial;
border: medium none currentcolor;
border: initial;
overflow: visible;
overflow: initial;
}
:focus:not(:focus-visible) {
outline: none;
}
:where(:root[data-mousedown] dialog *) {
outline: none;
}
[data-modal-open]:where(:root[data-mousedown] *) {
outline: none;
}
@font-face {
font-family: "Helvetica Neue";
src: local("Helvetica Neue Regular");
font-weight: 100;
font-display: swap;
}
@font-face {
font-family: "Helvetica Neue";
src: local("Helvetica Neue Regular");
font-weight: 200;
font-display: swap;
}
@font-face {
font-family: "Helvetica Condensed Black";
src: url(//saitama-supportdesk.com/wp-content/themes/saitama-pref-multi/assets/fonts/Helvetica-Condensed-Black.otf) format("opentype");
font-weight: 400;
font-display: swap;
}
:root {
--leading-trim: calc((1em - 1lh) / 2);
}
html {
scroll-behavior: smooth;
scroll-padding-top: 80px;
}
@media (min-width: 1012px) {
html {
scroll-padding-top: 120px;
}
}
body {
position: relative;
background: #fff;
color: #1f1f1f;
font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
img {
height: auto;
}
a {
color: #28407b;
}
button {
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
text-align: center;
-ms-touch-action: manipulation;
touch-action: manipulation;
}
.svg-icon {
width: auto;
height: 1lh;
}
.global-header {
position: sticky;
top: 0;
padding: 8px max(16px, min(2.5vw, 32px));
height: 80px;
background: #fff;
-webkit-box-shadow: 0 4px 6px rgba(119, 119, 119, 0.15);
box-shadow: 0 4px 6px rgba(119, 119, 119, 0.15);
z-index: 1010;
}
@media (min-width: 1012px) {
.global-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 104px;
}
}
.global-header__logo {
position: relative;
width: max(223px, min(23.9vw, 306px));
z-index: 1;
}
.global-header__logo img {
width: 100%;
height: auto;
}
.global-header .gsc-control-cse {
padding: 0;
border: 1px #1f1f1f solid;
border-radius: 8px;
overflow: hidden;
}
.global-header form.gsc-search-box {
margin-bottom: 0;
}
.global-header table.gsc-search-box {
margin-bottom: 0;
}
.global-header table.gsc-search-box td.gsc-input {
padding-right: 0;
}
.global-header .gsc-input-box {
padding-top: 0;
padding-bottom: 0;
border: none;
}
.global-header .gsib_a {
padding: 8px 16px;
}
.global-header .gsc-input:focus-visible {
-webkit-box-shadow: none;
box-shadow: none;
}
.global-header .gsc-search-button {
margin-left: 0;
background: #1f1f1f;
}
.global-header .gsc-search-button-v2 {
width: 40px;
height: 40px;
padding: 0;
border: none;
border-radius: 0;
background: none;
text-align: center;
}
.global-header .gsc-search-button-v2 svg {
width: 16px;
margin-left: auto;
margin-right: auto;
fill: #fff;
}
.global-header .gsc-search-button-v2:hover {
background: none;
}
@media (min-width: 1012px) {
.global-nav {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
}
.global-nav__btn {
position: absolute;
top: 0;
right: 0;
width: 80px;
height: 80px;
background: #28407b;
border: none;
-webkit-transition: background 0.3s;
transition: background 0.3s;
z-index: 1;
}
@media (min-width: 1012px) {
.global-nav__btn {
display: none;
}
}
.global-nav__btn::after {
position: absolute;
bottom: 10px;
left: 0;
width: 100%;
color: #28407b;
content: "Close";
font-size: 12px;
text-align: center;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.global-nav__btn span {
position: absolute;
right: 24px;
width: 32px;
height: 2px;
background: #fff;
border-radius: 2px;
-webkit-transition: background 0.3s, -webkit-transform 0.3s;
transition: background 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, background 0.3s;
transition: transform 0.3s, background 0.3s, -webkit-transform 0.3s;
}
.global-nav__btn span:nth-of-type(1) {
top: 23px;
}
.global-nav__btn span:nth-of-type(2) {
top: 39px;
}
.global-nav__btn span:nth-of-type(2)::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2px;
background: #fff;
border-radius: 2px;
content: "";
-webkit-transition: background 0.3s, -webkit-transform 0.3s;
transition: background 0.3s, -webkit-transform 0.3s;
transition: transform 0.3s, background 0.3s;
transition: transform 0.3s, background 0.3s, -webkit-transform 0.3s;
}
.global-nav__btn span:nth-of-type(3) {
top: 55px;
}
.global-nav__btn.is-menu-open {
background: #fff;
}
.global-nav__btn.is-menu-open::after {
color: #1f1f1f;
}
.global-nav__btn.is-menu-open span:nth-of-type(1) {
-webkit-transform: translateY(20px) scale(0);
transform: translateY(20px) scale(0);
}
.global-nav__btn.is-menu-open span:nth-of-type(2) {
background: #1f1f1f;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.global-nav__btn.is-menu-open span:nth-of-type(2)::after {
background: #1f1f1f;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.global-nav__btn.is-menu-open span:nth-of-type(3) {
-webkit-transform: translateY(-20px) scale(0);
transform: translateY(-20px) scale(0);
}
.global-nav__btn.is-menu-open + .global-menu {
left: 0;
}
.global-menu {
position: fixed;
top: 80px;
left: 100%;
width: 100%;
height: calc(100% - 80px);
padding: 96px 32px 32px;
background: #fcfbf9;
-webkit-transition: left 0.3s;
transition: left 0.3s;
overflow-y: auto;
}
@media (min-width: 1012px) {
.global-menu {
height: auto;
background: transparent;
overflow-y: visible;
overflow-y: initial;
}
}
@media (min-width: 1012px) {
.global-menu {
position: static;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: max(16px, min(2.5vw, 32px));
-moz-column-gap: max(16px, min(2.5vw, 32px));
column-gap: max(16px, min(2.5vw, 32px));
padding: 0;
}
}
.global-main-menu-list {
height: 100%;
overflow-y: auto;
}
@media (min-width: 1012px) {
.global-main-menu-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-column-gap: max(8px, min(1.875vw, 24px));
-moz-column-gap: max(8px, min(1.875vw, 24px));
column-gap: max(8px, min(1.875vw, 24px));
}
}
.global-main-menu-list-item {
margin-bottom: 24px;
}
@media (min-width: 1012px) {
.global-main-menu-list-item {
margin-bottom: 0;
}
}
.global-main-menu-list-item__link {
display: block;
color: #1f1f1f;
border-bottom: 1px #1f1f1f solid;
font-family: "Helvetica Neue", Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
line-height: 1.5;
-webkit-text-decoration: none;
text-decoration: none;
text-transform: uppercase;
}
@media (min-width: 1012px) {
.global-main-menu-list-item__link {
border: none;
}
}
.global-main-menu-list-item__link span {
position: relative;
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.global-main-menu-list-item__link span::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: #1f1f1f;
content: "";
scale: 0 1;
-webkit-transition: scale 0.3s;
transition: scale 0.3s;
}
@media (hover: hover) {
.global-main-menu-list-item__link:hover span::after {
scale: 1 1;
}
}
.global-main-menu-list-item__link.is-mega-menu-open span::after {
scale: 1 1;
}
.global-main-menu-list-item__link.no-translation {
color: #949494;
pointer-events: none;
}
.global-main-menu-list-item--feature .global-main-menu-list-item__link {
position: relative;
}
.global-main-menu-list-item--feature .global-main-menu-list-item__link::after {
position: absolute;
right: 4px;
top: 50%;
display: block;
width: 8px;
height: 8px;
border-right: 1px #1f1f1f solid;
border-bottom: 1px #1f1f1f solid;
content: "";
translate: 0 -50%;
rotate: -45deg;
}
@media (min-width: 1012px) {
.global-main-menu-list-item--feature .global-main-menu-list-item__link::after {
display: none;
}
}
.global-main-menu-list-item--discover .global-main-menu-list-item__link {
pointer-events: none;
}
@media (min-width: 1012px) {
.global-main-menu-list-item--discover .global-main-menu-list-item__link {
pointer-events: auto;
}
}
.global-main-menu-list-item--things-to-do .global-main-menu-list-item__link {
position: relative;
}
.global-main-menu-list-item--things-to-do .global-main-menu-list-item__link::after {
position: absolute;
right: 4px;
top: 50%;
display: block;
width: 8px;
height: 8px;
border-right: 1px #1f1f1f solid;
border-bottom: 1px #1f1f1f solid;
content: "";
translate: 0 -50%;
rotate: -45deg;
}
@media (min-width: 1012px) {
.global-main-menu-list-item--things-to-do .global-main-menu-list-item__link::after {
display: none;
}
}
.global-main-menu-list-item--plan-your-trip .global-main-menu-list-item__link {
pointer-events: none;
}
@media (min-width: 1012px) {
.global-main-menu-list-item--plan-your-trip .global-main-menu-list-item__link {
pointer-events: auto;
}
}
@media (min-width: 1012px) {
.global-main-menu-list-item--plan-your-trip .mega-menu-list {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: min(100%, 872px);
}
}
@media (min-width: 1012px) {
.global-main-menu-list-item--plan-your-trip .mega-menu-list-link {
width: calc(25% - 18px);
}
}
.global-main-menu-list-item--useful-info .global-main-menu-list-item__link {
pointer-events: none;
}
@media (min-width: 1012px) {
.global-main-menu-list-item--useful-info .global-main-menu-list-item__link {
pointer-events: auto;
}
}
.global-menu-seach {
position: absolute;
top: 32px;
right: 0;
left: 0;
width: calc(100% - 64px);
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1012px) {
.global-menu-seach {
position: static;
width: auto;
margin: 0;
}
}
.global-menu-seach__btn {
display: none;
}
@media (min-width: 1012px) {
.global-menu-seach__btn {
display: block;
width: 32px;
height: 32px;
margin-left: -6px;
margin-right: -6px;
padding: 0;
background: none;
border: none;
border-radius: 50%;
font-size: 14px;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
}
@media (min-width: 1012px) {
.global-menu-seach__btn.is-search-contents-open {
background: #eeede6;
}
}
.global-menu-seach__contents {
display: block;
}
@media (min-width: 1012px) {
.global-menu-seach__contents {
position: absolute;
top: 100%;
left: 0;
display: none;
width: 100%;
padding-top: 56px;
padding-bottom: 56px;
background: #eeede6;
}
}
@media (min-width: 1012px) {
.global-menu-seach__contents .gsc-control-cse {
max-width: 600px;
margin-left: auto;
margin-right: auto;
}
}
.global-menu-language {
position: relative;
}
.global-menu-language__btn {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
width: 100%;
padding: 16px 24px;
background: #1f1f1f;
border: none;
border-radius: 8px;
font-size: 14px;
}
@media (min-width: 1012px) {
.global-menu-language__btn {
display: block;
padding: 0;
background: none;
}
}
.global-menu-language__btn::after {
position: absolute;
right: 24px;
top: 50%;
display: block;
width: 8px;
height: 8px;
border-right: 1px #fff solid;
border-bottom: 1px #fff solid;
content: "";
translate: 0 -50%;
rotate: 45deg;
}
@media (min-width: 1012px) {
.global-menu-language__btn::after {
display: none;
}
}
.global-menu-language__btn .icon {
color: #fff;
}
@media (min-width: 1012px) {
.global-menu-language__btn .icon {
color: #1f1f1f;
}
}
.global-menu-language__btn .text {
color: #fff;
font-weight: bold;
}
@media (min-width: 1012px) {
.global-menu-language__btn .text {
display: none;
}
}
.global-menu-language__list {
display: none;
width: 100%;
margin-top: 10px;
background: #fcfbf9;
border: 1px rgba(148, 148, 148, 0.8) solid;
}
@media (min-width: 1012px) {
.global-menu-language__list {
position: absolute;
top: calc(100% + 10px);
right: max(-32px, min(-2.5vw, -16px));
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-top: 0;
white-space: nowrap;
background: rgba(255, 255, 255, 0.8);
}
}
.global-menu-language__list .wpml-ls-legacy-list-vertical {
display: block;
border: none;
}
.global-menu-language__list .wpml-ls-legacy-list-vertical a {
padding: 12px 16px;
border: none;
color: #1f1f1f;
text-align: center;
-webkit-transition: background 0.3s;
transition: background 0.3s;
}
@media (hover: hover) {
.global-menu-language__list .wpml-ls-legacy-list-vertical a:hover {
background: rgba(0, 0, 0, 0.1);
}
}
@media (min-width: 1012px) {
.mega-menu {
position: absolute;
top: 100%;
left: 0;
display: none;
width: 100%;
padding-top: 56px;
padding-bottom: 56px;
background: #eeede6;
}
}
.mega-menu-list {
margin-top: 8px;
}
@media (min-width: 1012px) {
.mega-menu-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 24px;
width: min(100%, 1096px);
margin: 0 auto;
padding-left: 12px;
padding-right: 12px;
}
}
.mega-menu-list-link {
position: relative;
display: block;
margin-bottom: 8px;
border-bottom: 1px #1f1f1f dashed;
line-height: 1.5;
-webkit-text-decoration: none;
text-decoration: none;
}
@media (min-width: 1012px) {
.mega-menu-list-link {
position: relative;
width: calc(20% - 19.2px);
margin-bottom: 0;
border: none;
}
}
.mega-menu-list-link::after {
position: absolute;
right: 4px;
top: 50%;
display: block;
width: 8px;
height: 8px;
border-right: 1px #1f1f1f solid;
border-bottom: 1px #1f1f1f solid;
content: "";
translate: 0 -50%;
rotate: -45deg;
}
@media (min-width: 1012px) {
.mega-menu-list-link::after {
display: none;
}
}
.mega-menu-list-link__img {
display: none;
}
@media (min-width: 1012px) {
.mega-menu-list-link__img {
display: block;
border-radius: 8px;
overflow: hidden;
aspect-ratio: 20/13;
}
}
@media (min-width: 1012px) {
.mega-menu-list-link__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
.mega-menu-list-link__label {
color: #1f1f1f;
font-weight: bold;
}
@media (min-width: 1012px) {
.mega-menu-list-link__label {
position: absolute;
bottom: 0;
left: 0;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 100%;
padding: 8px 16px;
background: rgba(0, 0, 0, 0.4);
border-radius: 0 0 8px 8px;
color: #fff;
font-weight: normal;
}
}
.mega-menu-list-link.no-translation {
pointer-events: none;
}
.mega-menu-list-link.no-translation .mega-menu-list-link__img img {
-webkit-filter: grayscale(1);
filter: grayscale(1);
}
.mega-menu-list-link.no-translation .mega-menu-list-link__label {
color: #949494;
}
body.is-hidden {
overflow: hidden;
scrollbar-gutter: stable;
}
@media (min-width: 1012px) {
body.is-hidden {
overflow: visible;
overflow: initial;
}
}
.bottom-banner {
display: grid;
grid-gap: max(12px, min(1.875vw, 24px));
gap: max(12px, min(1.875vw, 24px));
grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
width: min(100%, 1280px);
margin: 0 auto max(64px, min(6.25vw, 80px));
padding-left: 12px;
padding-right: 12px;
}
.bottom-banner__link {
display: block;
aspect-ratio: 14/5;
}
.bottom-banner__link img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.global-footer {
position: relative;
width: min(100%, 1280px);
margin-left: auto;
margin-right: auto;
padding: max(24px, min(2.5vw, 32px)) 12px 0;
border-image-source: linear-gradient(#eeede6, #eeede6);
border-image-slice: 0 fill;
border-image-outset: 0 100vw;
}
.global-footer__logo {
margin-bottom: max(16px, min(1.875vw, 24px));
text-align: center;
}
.global-footer__logo img {
max-width: 100%;
}
.global-footer__copyright {
position: absolute;
bottom: max(24px, min(2.5vw, 32px));
left: 0;
width: 100%;
color: #fff;
font-size: 12px;
text-align: center;
}
.global-footer-sns {
display: grid;
grid-gap: max(12px, min(1.875vw, 24px));
gap: max(12px, min(1.875vw, 24px));
grid-template-columns: repeat(auto-fill, minmax(min(280px, 100%), 1fr));
margin-bottom: max(24px, min(2.5vw, 32px));
}
.global-footer-sns__item {
display: inline-grid;
grid-template-columns: 16px auto 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: start;
-webkit-column-gap: 12px;
-moz-column-gap: 12px;
column-gap: 12px;
width: min(100%, 25em);
width: 100%;
min-height: 40px;
padding: 8px 16px;
background: #fff;
border-radius: 8px;
color: #3b3b3b;
-webkit-text-decoration: none;
text-decoration: none;
}
.global-footer-sns__item::after {
content: "";
}
.global-footer-sns .icon {
display: inline-block;
width: 16px;
justify-self: center;
}
.global-footer-sns .icon.--type-facebook {
color: #1877f2;
}
.global-footer-sns .icon.--type-instagram {
color: #f851a0;
}
.global-footer-sns .icon.--type-youtube {
color: #e1344c;
}
.global-footer-sns .icon.--type-x {
color: #000;
}
.global-footer-sns .icon.--type-other {
color: #28407b;
}
.global-footer-contents {
padding-top: max(24px, min(2.5vw, 32px));
padding-bottom: max(56px, min(8.125vw, 104px));
border-image-source: linear-gradient(#1f1f1f, #1f1f1f);
border-image-slice: 0 fill;
border-image-outset: 0 100vw;
}
@media (min-width: 1012px) {
.global-footer-contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.global-footer-contents-body {
margin-bottom: 56px;
}
@media (min-width: 1012px) {
.global-footer-contents-body {
width: 37.75%;
margin-bottom: 0;
}
}
.global-footer-contents-body__title {
margin-bottom: 16px;
color: #fff;
font-size: max(16px, min(1.56vw, 20px));
font-weight: bold;
}
.global-footer-contents-body__text {
color: #fff;
font-size: 14px;
line-height: 1.6;
}
.global-footer-contact {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: max(16px, min(1.875vw, 24px));
-moz-column-gap: max(16px, min(1.875vw, 24px));
column-gap: max(16px, min(1.875vw, 24px));
padding-top: max(32px, min(3.75vw, 48px));
padding-bottom: max(32px, min(3.75vw, 48px));
}
.global-footer-contact__btn {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 8px 16px;
background: #fff;
border: 1px #fff solid;
border-radius: 8px;
color: #1f1f1f;
font-size: 16px;
font-weight: bold;
-webkit-text-decoration: none;
text-decoration: none;
-webkit-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
@media (hover: hover) {
.global-footer-contact__btn:hover {
background: #1f1f1f;
color: #fff;
}
}
@media (min-width: 768px) {
.global-footer-sitemap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
}
}
@media (min-width: 1012px) {
.global-footer-sitemap {
width: 55.03%;
}
}
.global-footer-sitemap__link {
display: block;
color: #fff;
font-weight: bold;
-webkit-text-decoration: none;
text-decoration: none;
text-transform: capitalize;
}
.global-footer-sitemap__link span {
position: relative;
display: inline-block;
}
.global-footer-sitemap__link span::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #fff;
content: "";
scale: 0 1;
-webkit-transition: scale 0.3s;
transition: scale 0.3s;
}
@media (hover: hover) {
.global-footer-sitemap__link:hover span::after {
scale: 1 1;
}
}
.global-footer-sitemap-block {
margin-bottom: 32px;
}
@media (min-width: 768px) {
.global-footer-sitemap-block {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
margin-bottom: 0;
}
}
.global-footer-sitemap-block__item {
display: block;
margin-bottom: 16px;
color: #fff;
font-weight: bold;
text-transform: uppercase;
}
a.global-footer-sitemap-block__item {
-webkit-text-decoration: none;
text-decoration: none;
}
a.global-footer-sitemap-block__item span {
position: relative;
display: inline-block;
}
a.global-footer-sitemap-block__item span::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #fff;
content: "";
scale: 0 1;
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transition: scale 0.3s;
transition: scale 0.3s;
}
@media (hover: hover) {
a.global-footer-sitemap-block__item:hover span::after {
scale: 1 1;
}
}
.global-footer-sitemap-block__item.no-translation {
opacity: 0.75;
pointer-events: none;
}
.global-footer-sitemap-children-list__item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 4px;
-moz-column-gap: 4px;
column-gap: 4px;
width: 100%;
margin-bottom: 16px;
color: #fff;
-webkit-text-decoration: none;
text-decoration: none;
}
.global-footer-sitemap-children-list__item::before {
content: "-";
}
.global-footer-sitemap-children-list__item span {
position: relative;
}
.global-footer-sitemap-children-list__item span::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: #fff;
content: "";
scale: 0 1;
-webkit-transform-origin: left top;
transform-origin: left top;
-webkit-transition: scale 0.3s;
transition: scale 0.3s;
}
@media (hover: hover) {
.global-footer-sitemap-children-list__item:hover span::after {
scale: 1 1;
}
}
.global-footer-sitemap-children-list__item.no-translation {
opacity: 0.75;
pointer-events: none;
}
.mp-container {
width: min(100%, 1280px);
margin-left: auto;
margin-right: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -12px;
margin-right: -12px;
}
.mp-col-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.3333333333%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.6666666667%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.3333333333%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.6666666667%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.3333333333%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.6666666667%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
@media (min-width: 576px) {
.mp-col-sm-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.3333333333%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-sm-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-sm-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-sm-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-sm-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.6666666667%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-sm-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-sm-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.3333333333%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-sm-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.6666666667%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-sm-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-sm-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.3333333333%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-sm-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.6666666667%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-sm-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-sm-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
}
@media (min-width: 768px) {
.mp-col-md-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.3333333333%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-md-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-md-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-md-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-md-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.6666666667%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-md-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-md-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.3333333333%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-md-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.6666666667%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-md-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-md-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.3333333333%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-md-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.6666666667%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-md-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-md-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
}
@media (min-width: 1012px) {
.mp-col-lg-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.3333333333%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-lg-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-lg-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-lg-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-lg-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.6666666667%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-lg-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-lg-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.3333333333%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-lg-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.6666666667%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-lg-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-lg-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.3333333333%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-lg-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.6666666667%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-lg-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-lg-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
}
@media (min-width: 1280px) {
.mp-col-xl-1 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 8.3333333333%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-xl-2 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16.6666666667%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-xl-3 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 25%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-xl-4 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 33.3333333333%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-xl-5 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 41.6666666667%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-xl-6 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 50%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-xl-7 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 58.3333333333%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-xl-8 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 66.6666666667%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-xl-9 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 75%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-xl-10 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 83.3333333333%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-xl-11 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 91.6666666667%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-xl-12 {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 100%;
padding-left: 12px;
padding-right: 12px;
}
.mp-col-xl-auto {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: auto;
padding-left: 12px;
padding-right: 12px;
}
}
html[lang=en-US],
html[lang=ja] {
--primary: #e1344c;
}
html[lang=zh-hans],
html[lang=zh-hant],
html[lang=ko-KR],
html[lang=th] {
--primary: #f851a0;
}
.top-section {
width: min(100%, 1280px);
margin: 0 auto max(80px, min(11.25vw, 144px));
padding-left: 12px;
padding-right: 12px;
}
.top-section__title {
position: relative;
margin-bottom: 8px;
padding-left: max(32px, min(4.06vw, 52px));
font-size: max(46px, min(5vw, 64px));
font-family: "Helvetica Condensed Black", sans-serif;
line-height: 1;
text-transform: uppercase;
}
.top-section__title span {
color: var(--primary);
}
.top-section__title .icon {
position: absolute;
top: 50%;
left: max(4px, min(0.625vw, 8px));
width: max(24px, min(2.73vw, 35px));
translate: 0 -50%;
}
.top-section__title .icon img {
display: block;
width: 100%;
}
.top-section__btn {
width: min(100%, 210px);
margin-left: auto;
margin-right: auto;
}
.top-section--fluid {
width: 100%;
padding-left: 0;
padding-right: 0;
}
.top-section--fluid .top-section__title {
width: min(100%, 1280px);
margin-left: auto;
margin-right: auto;
padding-right: 12px;
padding-left: clamp(48px, 4.06vw + 12px, 64px);
}
.top-section--fluid .top-section__title .icon {
left: 20px;
}
.top-section--fluid .top-section__description {
width: min(100%, 1280px);
margin-left: auto;
margin-right: auto;
padding-left: 12px;
padding-right: 12px;
}
.emergency-topics {
position: relative;
position: fixed;
top: 80px;
left: 0;
width: 100%;
padding: max(16px, min(1.875vw, 24px)) max(64px, min(6.875vw, 88px)) max(16px, min(1.875vw, 24px)) max(16px, min(2.5vw, 32px));
background: rgba(255, 0, 35, 0.9);
z-index: 1000;
}
@media (min-width: 1012px) {
.emergency-topics {
top: 104px;
}
}
.emergency-topics__close {
position: absolute;
top: max(16px, min(1.875vw, 24px));
right: max(16px, min(2.5vw, 32px));
width: max(24px, min(2.5vw, 32px));
height: max(24px, min(2.5vw, 32px));
border: 2px #fff solid;
padding: 0;
background: transparent;
border-radius: 0;
color: #fff;
}
.emergency-topics.is-hidden {
display: none;
}
.emergency-topics-list__item {
display: block;
color: #fff;
-webkit-text-decoration: none;
text-decoration: none;
}
.emergency-topics-list__item span {
margin-left: 8px;
color: #1f1f1f;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.emergency-topics-list__item + .emergency-topics-list__item {
margin-top: max(16px, min(1.875vw, 24px));
}
.top-mv {
position: relative;
margin-bottom: max(64px, min(8.75vw, 112px));
}
.top-mv .swiper-wrapper {
margin-bottom: max(16px, min(1.56vw, 20px));
}
.top-mv .swiper-fade .swiper-slide {
-webkit-transition-property: opacity;
transition-property: opacity;
}
.top-mv .swiper-slide a {
pointer-events: none;
}
.top-mv .swiper-slide.swiper-slide-active {
z-index: 1;
}
.top-mv .swiper-slide.swiper-slide-active a {
pointer-events: auto;
}
.top-mv-slider-item {
position: relative;
}
.top-mv-slider-item__img img {
display: block;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
aspect-ratio: 2/3;
}
@media (min-width: 1012px) {
.top-mv-slider-item__img img {
aspect-ratio: 1280/750;
}
}
.top-mv-slider-item__btn {
position: absolute;
bottom: max(48px, min(8.44vw, 108px));
left: min(3.44vw, 44px);
width: min(93.125vw, 450px);
}
.top-mv-slider-item__btn a {
display: inline-grid;
grid-template-columns: 1fr auto 1fr;
-webkit-column-gap: 1em;
-moz-column-gap: 1em;
column-gap: 1em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: min(100%, 25em);
width: 100%;
min-height: 44px;
padding: 8px 16px;
background: var(--primary);
border: 2px #fff solid;
border-radius: 6px;
color: #fff;
-webkit-text-decoration: none;
text-decoration: none;
}
.top-mv-slider-item__btn a::before {
content: "";
}
.top-mv-slider-item__btn a .icon {
display: inline-block;
width: 1ex;
justify-self: end;
}
.top-mv-slider-item-contents {
position: absolute;
top: 3.44vw;
left: min(3.44vw, 44px);
width: min(93.125vw, 700px);
}
@media (min-width: 1012px) {
.top-mv-slider-item-contents {
top: min(3.75vw, 48px);
}
}
.top-mv-slider-item-contents__title {
color: #fff;
font-family: "Helvetica Condensed Black", sans-serif;
font-size: max(48px, min(7.5vw, 96px));
font-weight: bold;
line-height: 1;
text-transform: uppercase;
}
.top-mv-slider-item-contents__title + .top-mv-slider-item-contents__text {
margin-top: 8px;
}
.top-mv-slider-item-contents__text {
color: #fff;
font-size: max(16px, min(1.56vw, 20px));
line-height: 1.4;
}
.top-inspired-contents {
position: relative;
margin-top: max(16px, min(1.75vw, 24px));
}
@media (min-width: 1012px) {
.top-inspired-contents {
display: grid;
display: block grid;
width: 100%;
grid-template-columns: calc(60% - 16px) calc(40% - 16px);
grid-column-gap: 32px;
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
}
}
.top-inspired-main-contents {
margin-bottom: 40px;
}
.top-inspired-main-contents__img {
margin-bottom: max(8px, min(0.94vw, 12px));
border-radius: 8px;
aspect-ratio: 3/2;
overflow: hidden;
}
.top-inspired-main-contents__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.top-inspired-main-contents__title {
margin-bottom: max(8px, min(0.94vw, 12px));
font-family: "Helvetica Condensed Black", sans-serif;
font-size: max(28px, min(3.125vw, 40px));
}
.top-inspired-main-contents .tag-list {
margin-bottom: max(8px, min(0.94vw, 12px));
}
.top-inspired-main-contents__text {
display: -webkit-box;
margin-bottom: max(16px, min(1.75vw, 24px));
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
line-height: 1.75;
}
.top-inspired-main-contents__link {
display: grid;
display: block grid;
grid-template-columns: auto 1fr;
grid-column-gap: 8px;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
color: #1f1f1f;
font-weight: bold;
-webkit-text-decoration: none;
text-decoration: none;
text-transform: uppercase;
}
.top-inspired-main-contents__link .txt {
position: relative;
display: inline-block;
line-height: 1.75;
}
.top-inspired-main-contents__link .txt::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 2px;
background: #1f1f1f;
content: "";
scale: 0 1;
-webkit-transform-origin: left center;
transform-origin: left center;
-webkit-transition: scale 0.3s;
transition: scale 0.3s;
}
.top-inspired-main-contents__link .icon {
font-size: 12px;
}
@media (hover: hover) {
.top-inspired-main-contents__link:hover .txt::after {
scale: 1 1;
}
}
.top-inspired-side-contents {
margin-bottom: 40px;
}
.top-inspired-side-contents-list-item {
display: grid;
display: block grid;
grid-column-gap: 16px;
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
grid-template-columns: 13fr 8fr;
grid-template-rows: repeat(2, auto);
-webkit-text-decoration: none;
text-decoration: none;
}
.top-inspired-side-contents-list-item:not(:last-of-type) {
margin-bottom: 16px;
}
.top-inspired-side-contents-list-item__img {
align-self: start;
grid-row: 1/3;
grid-column: 1/2;
aspect-ratio: 2/1;
border-radius: 8px;
overflow: hidden;
}
.top-inspired-side-contents-list-item__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.top-inspired-side-contents-list-item__title {
grid-row: 1/2;
grid-column: 2/3;
align-self: start;
margin-bottom: 8px;
color: #1f1f1f;
font-size: max(16px, min(1.875vw, 24px));
font-weight: bold;
-webkit-text-decoration: none;
text-decoration: none;
}
.top-inspired-side-contents-list-item__title p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.top-inspired-side-contents-list-item .tag-list {
grid-row: 2/3;
grid-column: 2/3;
align-self: end;
row-gap: 8px;
}
.top-inspired-side-contents-swiper {
padding-bottom: max(16px, min(1.875vw, 24px));
}
.top-inspired-side-contents-swiper-nav {
display: none;
}
@media (min-width: 1012px) {
.top-inspired-side-contents-swiper-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
column-gap: 24px;
margin-top: 24px;
}
}
@media (min-width: 1012px) {
.top-inspired-side-contents-swiper-nav__prev, .top-inspired-side-contents-swiper-nav__next {
display: grid;
display: block grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 48px;
height: 48px;
background: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
cursor: pointer;
}
}
.top-inspired-side-contents-swiper-nav__prev.swiper-button-disabled, .top-inspired-side-contents-swiper-nav__next.swiper-button-disabled {
cursor: default;
color: #949494;
}
.top-article-list {
padding-top: 16px;
border-top: 2px #1f1f1f solid;
}
.top-article-list-item {
padding-top: max(16px, min(2.5vw, 32px));
padding-bottom: max(16px, min(1.875vw, 24px));
color: #1f1f1f;
border-bottom: 1px #949494 dashed;
-webkit-text-decoration: none;
text-decoration: none;
}
@media (min-width: 1012px) {
.top-article-list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: max(16px, min(5vw, 64px));
-moz-column-gap: max(16px, min(5vw, 64px));
column-gap: max(16px, min(5vw, 64px));
}
}
.top-article-list-item__img {
aspect-ratio: 3/2;
width: 100%;
}
@media (min-width: 1012px) {
.top-article-list-item__img {
-ms-flex-negative: 0;
flex-shrink: 0;
width: min(20%, 208px);
}
}
.top-article-list-item__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.top-article-list-item-contents {
display: grid;
display: block grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
grid-template-columns: auto auto 1fr;
grid-column-gap: 8px;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
margin-bottom: 16px;
}
@media (min-width: 1012px) {
.top-article-list-item-contents {
margin-bottom: 0;
}
}
.top-article-list-item-contents__date {
grid-column: 2/3;
grid-row: 1/2;
margin-bottom: max(16px, min(1.875vw, 24px));
font-size: 14px;
font-weight: bold;
}
.top-article-list-item-contents .tag-list {
grid-column: 3/4;
grid-row: 1/2;
margin-bottom: max(16px, min(1.875vw, 24px));
}
.top-article-list-item-contents__title {
grid-column: 1/span 3;
grid-row: 2/3;
font-size: 18px;
font-weight: bold;
line-height: 1.6;
}
.top-article-list-item-contents__text {
grid-column: 1/span 3;
grid-row: 3/4;
display: -webkit-box;
margin-top: 12px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
line-height: 1.6;
}
.top-article-list-item-contents-category-list {
grid-column: 1/2;
grid-row: 1/2;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: max(16px, min(1.875vw, 24px));
}
.top-article-list-item-contents-category-list__item {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-right: 8px;
padding: 2px 8px;
background: #eeede6;
color: #1f1f1f;
font-size: 14px;
-webkit-text-decoration: none;
text-decoration: none;
text-transform: capitalize;
}
.top-explore {
position: relative;
margin-bottom: max(80px, min(11.25vw, 144px));
background: #eeede6;
}
.top-explore__bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
mix-blend-mode: multiply;
}
.top-explore__bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.top-explore-map {
margin-bottom: max(32px, min(3.125vw, 40px));
}
@media (min-width: 1012px) {
.top-explore-map {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: min(3.7%, 24px);
-moz-column-gap: min(3.7%, 24px);
column-gap: min(3.7%, 24px);
}
}
.top-explore-map-contents {
position: relative;
padding-top: max(48px, min(6.25vw, 80px));
z-index: 1;
}
@media (min-width: 1012px) {
.top-explore-map-contents {
width: min(45.2%, 578px);
}
}
.top-explore-map-contents__description {
margin-bottom: max(24px, min(3.125vw, 40px));
line-height: 1.6;
}
.top-explore-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
}
.top-explore-nav__btn {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
min-height: 44px;
padding: 8px;
background: none;
border: 1px #1f1f1f solid;
border-radius: 8px;
color: #1f1f1f;
font-weight: bold;
-webkit-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
.top-explore-nav__btn.is-active {
background: #1f1f1f;
color: #fff;
}
#top-explore-map-img {
position: relative;
z-index: 11;
}
@media (min-width: 1012px) {
#top-explore-map-img {
width: min(51.1%, 654px);
}
}
#top-explore-map-img img {
width: 100%;
}
.top-explore-main-destinations {
position: relative;
z-index: 1;
}
.top-explore-main-destinations__title {
width: min(100%, 1280px);
margin: 0 auto max(12px, min(1.25vw, 16px));
padding-left: 12px;
padding-right: 12px;
font-family: "Helvetica Condensed Black", sans-serif;
font-size: max(28px, min(3.125vw, 40px));
}
.top-explore-main-destinations-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.top-explore-main-destinations-list-item {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
display: grid;
display: block grid;
overflow: hidden;
-webkit-text-decoration: none;
text-decoration: none;
}
.top-explore-main-destinations-list-item__title {
justify-self: center;
align-self: center;
grid-column-start: 1;
grid-row-start: 1;
color: #fff;
text-align: center;
z-index: 1;
}
.top-explore-main-destinations-list-item__title .icon {
display: block;
}
.top-explore-main-destinations-list-item__title .text {
display: block;
height: 2lh;
font-family: "Helvetica Condensed Black", sans-serif;
font-size: max(20px, min(3.75vw, 48px));
line-height: 1.25;
text-transform: uppercase;
}
.top-explore-main-destinations-list-item__img {
justify-self: stretch;
grid-column-start: 1;
grid-row-start: 1;
aspect-ratio: 427/500;
}
.top-explore-main-destinations-list-item__img img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: scale 0.3s;
transition: scale 0.3s;
}
@media (hover: hover) {
.top-explore-main-destinations-list-item:hover .top-explore-main-destinations-list-item__img img {
scale: 1.1;
}
}
.top-experience-list {
display: grid;
display: block grid;
grid-gap: 8px;
gap: 8px;
margin-bottom: max(32px, min(3.125vw, 40px));
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, 1fr);
}
@media (min-width: 1012px) {
.top-experience-list {
grid-template-columns: repeat(8, 1fr);
grid-template-rows: repeat(2, 1fr);
}
}
.top-experience-list-item {
display: grid;
display: block grid;
}
@media (min-width: 1012px) {
.top-experience-list-item {
height: min(25.3vw, 324px);
}
}
@media (min-width: 1012px) {
.top-experience-list-item::after {
justify-self: stretch;
grid-column-start: 1;
grid-row-start: 1;
background: rgba(0, 0, 0, 0.6);
content: "";
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
}
.top-experience-list-item__title {
align-self: end;
grid-column-start: 1;
grid-row-start: 1;
padding: 12px;
background: rgba(0, 0, 0, 0.6);
color: #fff;
text-align: center;
z-index: 1;
}
@media (min-width: 1012px) {
.top-experience-list-item__title {
justify-self: center;
-ms-flex-item-align: center;
align-self: center;
padding: 0 10%;
background: none;
font-family: "Helvetica Condensed Black", sans-serif;
font-size: 18px;
opacity: 0;
-webkit-transition: opacity 0.3s;
transition: opacity 0.3s;
}
}
.top-experience-list-item__img {
justify-self: stretch;
grid-column-start: 1;
grid-row-start: 1;
aspect-ratio: 3/2;
}
@media (min-width: 1012px) {
.top-experience-list-item__img {
aspect-ratio: unset;
height: min(25.3vw, 324px);
}
}
.top-experience-list-item__img img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 1012px) {
.top-experience-list-item:nth-of-type(1) {
grid-column: span 2;
}
}
@media (min-width: 1012px) {
.top-experience-list-item:nth-of-type(2) {
grid-column: span 4;
}
}
@media (min-width: 1012px) {
.top-experience-list-item:nth-of-type(3) {
grid-column: span 2;
}
}
@media (min-width: 1012px) {
.top-experience-list-item:nth-of-type(4) {
grid-column: span 3;
}
}
@media (min-width: 1012px) {
.top-experience-list-item:nth-of-type(5) {
grid-column: span 2;
}
}
@media (min-width: 1012px) {
.top-experience-list-item:nth-of-type(6) {
grid-column: span 3;
}
}
@media (min-width: 1012px) and (hover: hover) {
.top-experience-list-item:hover::after {
opacity: 1;
}
}
@media (min-width: 1012px) and (hover: hover) {
.top-experience-list-item:hover .top-experience-list-item__title {
opacity: 1;
}
}
.top-experience-modal {
--duration: 0.5s;
--gutter: max(5vw, 20px);
--background-backdrop: rgba(31, 31, 31, 0.8);
width: min(100% - max(5vw, 20px) * 2, 840px);
width: min(100% - var(--gutter) * 2, 840px);
height: min(100svb - max(5vw, 20px) * 2, 750px);
height: min(100svb - var(--gutter) * 2, 750px);
margin: auto;
background-color: #1f1f1f;
-webkit-box-shadow: 0 0 0 100vmax rgba(31, 31, 31, 0.8);
box-shadow: 0 0 0 100vmax rgba(31, 31, 31, 0.8);
-webkit-box-shadow: 0 0 0 100vmax var(--background-backdrop);
box-shadow: 0 0 0 100vmax var(--background-backdrop);
-webkit-transition: opacity 0.5s, scale 0.5s;
transition: opacity 0.5s, scale 0.5s;
-webkit-transition: opacity var(--duration), scale var(--duration);
transition: opacity var(--duration), scale var(--duration);
contain: strict;
}
@supports (top: 1vi){
.top-experience-modal {
--gutter: max(5vi, 20px);
}
}
.top-experience-modal:not([data-active=true]) {
opacity: 0;
scale: 0.95;
}
.top-experience-modal::-webkit-backdrop {
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.top-experience-modal::-ms-backdrop {
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
-ms-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.top-experience-modal::backdrop {
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
-webkit-transition: opacity 0.5s;
transition: opacity 0.5s;
}
.top-experience-modal:not([data-active=true])::-webkit-backdrop {
opacity: 0;
}
.top-experience-modal:not([data-active=true])::-ms-backdrop {
opacity: 0;
}
.top-experience-modal:not([data-active=true])::backdrop {
opacity: 0;
}
.top-experience-modal__img {
aspect-ratio: 4/3;
}
.top-experience-modal__img img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.top-experience-modal__title {
margin-bottom: 16px;
font-size: max(18px, min(1.56vw, 20px));
font-weight: bold;
}
.top-experience-modal__description {
margin-bottom: 16px;
}
.top-experience-modal__close {
--background-active: color-mix(in srgb, $black 80%, white);
--icon-color: #f7f8f8;
position: absolute;
top: 4px;
right: 4px;
z-index: 1;
width: 3em;
aspect-ratio: 1;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
background-color: rgba(31, 31, 31, 0.6);
border: 1px #fff solid;
-webkit-box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.2);
-webkit-transition: background-color 0.3s;
transition: background-color 0.3s;
}
.top-experience-modal__close::before, .top-experience-modal__close::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: inline-block;
width: 45%;
height: 2px;
margin: auto;
content: "";
background-color: #fff;
}
.top-experience-modal__close::before {
rotate: 45deg;
}
.top-experience-modal__close::after {
rotate: 135deg;
}
.top-experience-modal__close:focus-visible {
background-color: var(--background-active);
}
@media (any-hover: hover) {
.top-experience-modal__close:hover {
background-color: var(--background-active);
}
}
.top-experience-modal-container {
height: 100%;
overflow: auto;
-ms-scroll-chaining: none;
overscroll-behavior: contain;
}
.top-experience-modal-contents {
padding: max(16px, min(1.875vw, 24px));
background: #fff;
}
.top-experience-modal-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: max(16px, min(1.875vw, 24px));
-moz-column-gap: max(16px, min(1.875vw, 24px));
column-gap: max(16px, min(1.875vw, 24px));
padding: max(16px, min(1.875vw, 24px));
background: #eeede6;
}
.top-experience-modal-nav__btn {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 48px;
height: 48px;
background: #fff;
border: none;
border-radius: 50%;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
cursor: pointer;
}
.top-experience-modal-nav__btn .icon {
line-height: 1;
}
.top-sightseeing {
margin-bottom: max(48px, min(6.25vw, 80px));
padding-top: max(48px, min(5vw, 64px));
border-image-source: linear-gradient(#eeede6, #eeede6);
border-image-slice: 0 fill;
border-image-outset: 0 100vw;
}
.top-sightseeing-swiper {
position: relative;
}
.top-sightseeing-swiper .swiper-wrapper {
-webkit-box-align: stretch !important;
-ms-flex-align: stretch !important;
align-items: stretch !important;
}
.top-sightseeing-swiper .swiper-slide {
height: auto;
}
.top-sightseeing-swiper [class^=top-sightseeing-swiper-nav] {
position: absolute;
top: 29.2740046838vw;
display: grid;
display: block grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 48px;
height: 48px;
background: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
cursor: pointer;
translate: 0 -50%;
z-index: 1;
}
@media (min-width: 1012px) {
.top-sightseeing-swiper [class^=top-sightseeing-swiper-nav] {
top: 19.5160031226vw;
}
}
.top-sightseeing-swiper [class^=top-sightseeing-swiper-nav] svg {
width: 16px;
height: auto;
line-height: 1;
}
.top-sightseeing-swiper .top-sightseeing-swiper-nav-prev {
left: max(24px, min(3.44vw, 44px));
}
.top-sightseeing-swiper .top-sightseeing-swiper-nav-next {
right: max(24px, min(3.44vw, 44px));
}
.top-sightseeing-swiper-item {
display: block;
height: 100%;
padding-bottom: max(24px, min(3.125vw, 40px));
color: #1f1f1f;
-webkit-text-decoration: none;
text-decoration: none;
}
.top-sightseeing-swiper-item__img {
margin-bottom: max(24px, min(3.125vw, 40px));
aspect-ratio: 427/500;
}
.top-sightseeing-swiper-item__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.top-sightseeing-swiper-item__title {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin: 0 max(24px, min(3.44vw, 44px)) 16px;
font-size: max(16px, min(1.41vw, 18px));
font-weight: bold;
}
.top-sightseeing-swiper-item__description {
margin: 0 max(24px, min(3.44vw, 44px)) 16px;
}
.top-sightseeing-swiper-item .tag-list {
margin-left: max(24px, min(3.44vw, 44px));
margin-right: max(24px, min(3.44vw, 44px));
}
.top-sightseeing-swiper-item.item2 {
background: #f4f2ee;
}
.top-sightseeing-swiper-item.item4 {
background: #f4f2ee;
}
.top-sightseeing-swiper-item.item6 {
background: #f4f2ee;
}
.top-sightseeing-swiper-item.item8 {
background: #f4f2ee;
}
.top-sightseeing-swiper-item.item10 {
background: #f4f2ee;
}
.top-digitalmap__bnr {
display: block;
}
.top-digitalmap__bnr img {
display: block;
width: 100%;
}
.top-movie-contents {
margin-bottom: max(24px, min(3.75vw, 48px));
}
.top-movie-contents-body {
margin: 0 0 max(16px, min(1.875vw, 24px));
}
.top-movie-contents-body iframe {
width: 100%;
height: 100%;
aspect-ratio: 16/9;
-o-object-fit: cover;
object-fit: cover;
}
.top-movie-spot {
padding-left: 12px;
padding-right: 12px;
}
@media (min-width: 1012px) {
.top-movie-spot {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1280px) {
.top-movie-spot {
margin-left: calc((100% - 1280px) / 2);
}
}
.top-movie-spot__title {
margin-bottom: max(12px, min(1.25vw, 16px));
font-family: "Helvetica Condensed Black", sans-serif;
font-size: max(28px, min(3.125vw, 40px));
}
@media (min-width: 1012px) {
.top-movie-spot__title {
padding-left: 12px;
}
}
.top-movie-spot-swiper-item {
position: relative;
display: grid;
display: block grid;
border-radius: 8px;
overflow: hidden;
-webkit-text-decoration: none;
text-decoration: none;
}
.top-movie-spot-swiper-item__img {
grid-column: 1;
grid-row: 1;
justify-self: stretch;
aspect-ratio: 16/9;
}
.top-movie-spot-swiper-item__img img {
display: block;
width: 100%;
height: 0;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: scale 0.3s;
transition: scale 0.3s;
}
.top-movie-spot-swiper-item__title {
grid-column: 1;
grid-row: 1;
align-self: end;
padding: 12px 24px;
background: rgba(0, 0, 0, 0.5);
color: #fff;
font-weight: bold;
z-index: 1;
}
@media (hover: hover) {
.top-movie-spot-swiper-item:hover .top-movie-spot-swiper-item__img img {
scale: 1.1;
}
}
[class^=top-movie-spot-swiper-nav] {
position: absolute;
top: 50%;
display: grid;
display: block grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 48px;
height: 48px;
background: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
cursor: pointer;
translate: 0 -50%;
z-index: 1;
}
[class^=top-movie-spot-swiper-nav].swiper-button-disabled {
cursor: default;
color: #949494;
opacity: 0.7;
}
.top-movie-spot-swiper-nav-prev {
left: 0;
}
.top-movie-spot-swiper-nav-next {
right: max(24px, min(3.44vw, 44px));
}
.top-topics .top-article-list {
margin-bottom: max(24px, min(3.75vw, 48px));
}
.top-event-contents {
padding-left: 12px;
padding-right: 12px;
}
@media (min-width: 1012px) {
.top-event-contents {
padding-left: 0;
padding-right: 0;
}
}
@media (min-width: 1280px) {
.top-event-contents {
margin-left: calc((100% - 1280px) / 2);
}
}
.top-event-swiper {
margin-bottom: max(32px, min(3.75vw, 48px));
}
.top-event-swiper-item {
position: relative;
}
.top-event-swiper-item__img {
margin-bottom: 16px;
aspect-ratio: 1/1;
overflow: hidden;
}
.top-event-swiper-item__img img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: scale 0.3s;
transition: scale 0.3s;
}
.top-event-swiper-item__title {
display: block;
margin-bottom: 16px;
color: #1f1f1f;
font-weight: bold;
-webkit-text-decoration: none;
text-decoration: none;
}
.top-event-swiper-item__title::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "";
}
.top-event-swiper-item__date {
margin-bottom: 24px;
font-size: 14px;
}
.top-event-swiper-item .tag-list a {
position: relative;
z-index: 1;
}
@media (hover: hover) {
.top-event-swiper-item:hover .top-event-swiper-item__img img {
scale: 1.1;
}
}
[class^=top-event-swiper-nav] {
position: absolute;
top: calc((100% - 12px) / 1.4 / 2);
display: grid;
display: block grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 48px;
height: 48px;
background: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
cursor: pointer;
translate: 0;
z-index: 1;
}
[class^=top-event-swiper-nav].swiper-button-disabled {
cursor: default;
color: #949494;
opacity: 0.7;
}
[class^=top-event-swiper-nav] svg {
width: 16px;
height: auto;
line-height: 1;
}
.top-event-swiper-nav-prev {
left: 0;
}
.top-event-swiper-nav-next {
right: max(24px, min(3.44vw, 44px));
}
.top-banner {
display: grid;
display: block grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: max(16px, min(1.875vw, 24px));
gap: max(16px, min(1.875vw, 24px));
}
.top-banner__item {
aspect-ratio: 2/1;
}
.top-banner__item img {
display: block;
width: 100%;
height: 0;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.top-sns .top-section__description {
margin-bottom: 16px;
}
.top-sns-contents {
display: grid;
display: block grid;
grid-template-rows: repeat(2, auto);
}
@media (min-width: 1012px) {
.top-sns-contents {
grid-template-columns: auto 510px;
grid-template-rows: auto;
}
}
.top-sns-contents .top-sns-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly;
grid-column: 1;
grid-row: 1;
margin-top: max(32px, min(4.375vw, 56px));
z-index: 1;
}
.top-sns-contents .top-sns-list-item {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
color: #1f1f1f;
-webkit-text-decoration: none;
text-decoration: none;
}
.top-sns-contents .top-sns-list-item__icon {
display: grid;
display: block grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 64px;
height: 64px;
margin-left: auto;
margin-right: auto;
background: #fff;
border-radius: 50%;
font-size: 24px;
}
.top-sns-contents .top-sns-list-item__icon svg {
width: 32px;
height: auto;
line-height: 1;
}
.top-sns-contents .top-sns-list-item__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 4px;
-moz-column-gap: 4px;
column-gap: 4px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
font-size: 16px;
}
.top-sns-contents .top-sns-list-item__text .txt {
font-weight: bold;
}
.top-sns-contents .top-sns-list-item__text .icon {
margin-top: calc((1lh - 1em) / 2);
margin-bottom: calc((1lh - 1em) / 2);
font-size: 12px;
}
.top-sns-contents .top-sns-timeline {
display: none;
}
@media (min-width: 1012px) {
.top-sns-contents .top-sns-timeline {
display: block;
grid-column: 2;
grid-row: 1;
align-self: start;
height: 460px;
padding-left: 25px;
padding-right: 25px;
translate: 0 -120px;
z-index: 1;
}
}
.top-sns-contents .top-sns-timeline iframe {
width: 100%;
}
.top-sns-contents__bg {
grid-column: 1;
grid-row: 1/span 2;
justify-self: stretch;
}
@media (min-width: 1012px) {
.top-sns-contents__bg {
grid-column: 1/span 2;
height: 480px;
}
}
.top-sns-contents__bg img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.top-instagram__btn {
width: min(100%, 596px);
margin-left: auto;
margin-right: auto;
}
.top-instagram .top-section__title {
text-transform: capitalize;
}
.top-instagram-contents {
margin-bottom: 40px;
}
.top-instagram-list {
display: grid;
display: block grid;
grid-template-columns: repeat(2, 1fr);
grid-template-rows: repeat(3, 1fr);
grid-gap: 8px;
gap: 8px;
}
@media (min-width: 1012px) {
.top-instagram-list {
grid-template-columns: repeat(6, 1fr);
grid-template-rows: repeat(2, 1fr);
}
}
.top-instagram-list__item {
display: block;
aspect-ratio: 1/1;
}
@media (min-width: 1012px) {
.top-instagram-list__item:nth-of-type(1), .top-instagram-list__item:nth-of-type(2) {
grid-column: span 3;
aspect-ratio: 2/1;
}
}
@media (min-width: 1012px) {
.top-instagram-list__item:nth-of-type(3), .top-instagram-list__item:nth-of-type(4), .top-instagram-list__item:nth-of-type(5) {
grid-column: span 2;
aspect-ratio: 4/3;
}
}
.top-instagram-list__item img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.access-introduction {
max-width: 830px;
margin: 0 auto max(48px, min(6.25vw, 80px));
}
.access-introduction__title {
color: #eeede6;
font-size: max(72px, min(7.5vw, 96px));
font-weight: bold;
text-align: center;
}
.access-introduction__text {
font-size: max(16px, min(1.41vw, 18px));
line-height: 1.6;
}
.access-contents {
position: relative;
padding-top: max(32px, min(4.375vw, 56px));
border-image-source: linear-gradient(#fcfbf9, #fcfbf9);
border-image-slice: 0 fill;
border-image-outset: 0 100vw;
}
.access-contents + .access-contents {
padding-top: max(64px, min(7.5vw, 96px));
}
.access-contents:last-of-type {
padding-bottom: max(32px, min(4.375vw, 56px));
}
@media (min-width: 1280px) {
.access-map {
margin-bottom: max(24px, min(2.5vw, 32px));
}
}
.access-map-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
margin-top: 16px;
}
@media (min-width: 1012px) {
.access-map-nav {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media (min-width: 1280px) {
.access-map-nav {
position: absolute;
right: 0;
bottom: 0;
width: 374px;
margin: 0;
}
}
.access-map-nav__btn {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
min-height: 44px;
padding: 8px;
background: #fff;
border: 1px #1f1f1f solid;
border-radius: 8px;
font-weight: bold;
-webkit-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
@media (min-width: 1012px) {
.access-map-nav__btn {
max-width: 114px;
}
}
@media (min-width: 1280px) {
.access-map-nav__btn {
min-height: 56px;
}
}
.access-map-nav__btn.is-active {
background: #1f1f1f;
color: #fff;
}
html[lang=ja] .access-map-nav, html[lang=en] .access-map-nav, html[lang=en-US] .access-map-nav, html[lang=zh-hant] .access-map-nav, html[lang=th] .access-map-nav {
display: none;
}
.gmap-route-search-section {
margin-bottom: 48px;
}
@media (min-width: 1012px) {
.gmap-route-search-section {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
margin-bottom: 0;
}
}
.gmap-route-search-section[data-mp-bundle-type=end] .gmap-route-search-section-block__title {
color: #258c9a;
}
.gmap-route-search-section-block {
margin-bottom: max(24px, min(3.75vw, 48px));
}
@media (min-width: 1012px) {
.gmap-route-search-section-block {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
}
.gmap-route-search-section-block__title {
margin-bottom: 16px;
font-size: max(18px, min(1.56vw, 20px));
font-weight: bold;
}
.gmap-route-search-section-block__select {
position: relative;
width: 100%;
padding: 15px;
background: #fff;
border: 1px #1f1f1f solid;
border-radius: 8px;
font-size: 16px;
}
.gmap-route-search-section-block__select::after {
position: absolute;
top: 50%;
right: 16px;
width: 8px;
height: 8px;
border-right: 1px #1f1f1f solid;
border-bottom: 1px #1f1f1f solid;
content: "";
rotate: 45deg;
translate: 0 -50%;
}
.gmap-route-search-section-block__select select {
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: none;
}
.gmap-route-search-section-block__input input {
width: 100%;
padding: 16px;
border: 1px #949494 solid;
border-radius: 8px;
font-size: 16px;
}
.spot-btn-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: max(16px, min(1.875vw, 24px));
margin: 0 0 max(24px, min(2.5vw, 32px));
padding: 0;
}
.spot-btn-list__item {
max-width: 165px;
text-align: center;
}
.spot-btn-list--start .spot-btn-list__item.is-active {
background: #1f1f1f;
color: #fff;
}
.spot-btn-list--end .spot-btn-list__item.is-active {
background: #28407b;
color: #fff;
}
.area-intro {
position: relative;
margin-bottom: max(48px, min(6.25vw, 80px));
padding-bottom: 24px;
}
.area-intro__bg {
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
.area-intro__bg img {
width: 100%;
}
.area-intro-map {
position: relative;
}
@media (min-width: 1012px) {
.area-intro-map {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.area-intro-map__img {
position: relative;
margin-bottom: 16px;
z-index: 1;
}
@media (min-width: 1012px) {
.area-intro-map__img {
width: 61.875%;
margin-bottom: 0;
}
}
.area-intro-map__img img {
width: 100%;
}
.area-intro-map-contents {
position: relative;
z-index: 1;
}
@media (min-width: 1012px) {
.area-intro-map-contents {
width: 36.56%;
}
}
.area-intro-map-contents__title {
margin-bottom: max(16px, min(1.875vw, 24px));
font-size: max(24px, min(2.19vw, 28px));
font-weight: bold;
text-transform: capitalize;
}
.area-intro-map-contents__text {
line-height: 1.6;
}
.area-list {
margin-bottom: max(48px, min(6.25vw, 80px));
}
.area-list__description {
width: min(100%, 875px);
margin: max(16px, min(1.875vw, 24px)) auto 0;
line-height: 1.6;
}
.area-list-swiper__img {
aspect-ratio: 3/2;
}
.area-list-swiper__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.area-list-swiper__name {
position: absolute;
bottom: 16px;
left: 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 8px 16px;
background: rgba(255, 255, 255, 0.9);
font-size: max(18px, min(1.56vw, 20px));
font-weight: bold;
}
.area-list-swiper-nav {
position: absolute;
top: 50%;
display: grid;
display: block grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 48px;
height: 48px;
background: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
cursor: pointer;
z-index: 1;
}
.area-list-swiper-nav__prev {
left: calc((100% - 32px) / 1.4 * 0.2);
translate: -50% -50%;
}
@media (min-width: 1012px) {
.area-list-swiper-nav__prev {
left: calc((100% - 48px) / 1.4 * 0.2);
}
}
.area-list-swiper-nav__next {
right: calc((100% - 32px) / 1.4 * 0.2);
translate: 50% -50%;
}
@media (min-width: 1012px) {
.area-list-swiper-nav__next {
right: calc((100% - 48px) / 1.4 * 0.2);
}
}
.area-list-swiper-nav svg {
width: 16px;
height: auto;
line-height: 1;
}
.area-list-swiper-pagination {
margin-top: 16px;
}
.area-introduction {
margin-bottom: max(48px, min(6.25vw, 80px));
}
@media (min-width: 1012px) {
.area-introduction:nth-of-type(2n) .area-introduction-contents {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
@media (min-width: 1012px) {
.area-introduction-contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.area-introduction-contents__img {
margin-bottom: 16px;
aspect-ratio: 3/2;
}
@media (min-width: 1012px) {
.area-introduction-contents__img {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 58.72%;
margin-bottom: 0;
}
}
.area-introduction-contents__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.area-introduction-contents__text {
line-height: 1.6;
}
.area-introduction-contents__link {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
max-width: 100%;
margin: max(24px, min(3.75vw, 48px)) auto 0;
}
@media (min-width: 1012px) {
.area-introduction-contents-body {
width: 37.92%;
}
}
.area-contents {
margin-bottom: max(48px, min(6.25vw, 80px));
}
.area-contents-header {
display: grid;
margin-bottom: max(32px, min(4.375vw, 56px));
}
.area-contents-header__title {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
font-size: max(20px, min(2.19vw, 28px));
font-weight: bold;
}
.area-contents-header__type {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
color: #949494;
font-size: 14px;
text-transform: uppercase;
}
.area-contents-header__type::after {
display: block;
width: 78px;
height: 1px;
background: #949494;
content: "";
}
.area-contents-header-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: min(80%, 400px);
padding: max(24px, min(3.125vw, 40px)) max(8px, min(1.25vw, 16px)) max(24px, min(2.5vw, 32px)) max(16px, min(5vw, 64px));
grid-area: 1/1;
align-self: center;
background: rgba(255, 255, 255, 0.9);
z-index: 2;
}
.area-contents-header-gallery {
grid-area: 1/1;
}
.area-contents-header-gallery__img {
aspect-ratio: 3/2;
}
@media (min-width: 768px) {
.area-contents-header-gallery__img {
aspect-ratio: 2/1;
}
}
.area-contents-header-gallery__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.area-contents-header-gallery-swiper__img {
aspect-ratio: 3/2;
}
@media (min-width: 768px) {
.area-contents-header-gallery-swiper__img {
aspect-ratio: 2/1;
}
}
.area-contents-header-gallery-swiper__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.swiper-pagination-bullets.area-contents-header-gallery-swiper-pagination {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: auto;
padding-top: max(16px, min(1.56vw, 20px));
padding-bottom: max(16px, min(1.56vw, 20px));
background: rgba(31, 31, 31, 0.3);
z-index: 1;
}
.swiper-pagination-bullets.area-contents-header-gallery-swiper-pagination .swiper-pagination-bullet {
background: transparent;
border-color: #fff;
}
.swiper-pagination-bullets.area-contents-header-gallery-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #fff;
border-color: #fff;
}
.area-contents-body {
margin-bottom: max(48px, min(6.25vw, 80px));
}
.area-details-description {
margin-bottom: max(32px, min(4.375vw, 56px));
line-height: 1.6;
}
.area-details-explanation {
padding-top: max(32px, min(4.375vw, 56px));
padding-bottom: max(48px, min(6.25vw, 80px));
border-image-source: linear-gradient(#fcfbf9, #fcfbf9);
border-image-slice: 0 fill;
border-image-outset: 0 100vw;
}
@media (min-width: 768px) {
.area-details-explanation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
}
.area-details-explanation-gallery {
margin-bottom: 32px;
}
@media (min-width: 768px) {
.area-details-explanation-gallery {
width: 35%;
margin-right: 3.36%;
margin-bottom: 0;
}
}
.area-details-explanation-gallery__img {
aspect-ratio: 3/2;
}
.area-details-explanation-gallery__img:not(:last-of-type) {
margin-bottom: 16px;
}
.area-details-explanation-gallery__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 768px) {
.area-details-explanation-contents {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
}
.area-details-explanation-contents__text {
line-height: 1.6;
}
.area-details-explanation-contents__text + .area-details-explanation-contents__link {
margin-top: max(24px, min(3.75vw, 48px));
}
.area-details-explanation-contents__link {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-width: 268px;
margin-left: auto;
margin-right: auto;
}
.area-details-explanation-contents__link a:not(:last-of-type) {
margin-bottom: 16px;
}
.area-typical-contents {
padding-bottom: max(48px, min(6.25vw, 80px));
border-image-source: linear-gradient(#fcfbf9, #fcfbf9);
border-image-slice: 0 fill;
border-image-outset: 0 100vw;
}
.area-typical-contents:last-of-type {
padding-bottom: max(32px, min(4.375vw, 56px));
}
.typical-section {
margin-bottom: max(48px, min(6.25vw, 80px));
}
.typical-section--events .card-img {
position: relative;
}
.typical-section--events .card-event-date {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 12px;
background: rgba(31, 31, 31, 0.8);
color: #fff;
font-size: max(16px, min(1.41vw, 18px));
font-weight: bold;
text-align: center;
}
.typical-section--area {
margin-bottom: 0;
}
.typical-section--area .card-img .card-img-title {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
background: rgba(0, 0, 0, 0.3);
border-radius: 8px;
color: #fff;
font-size: max(20px, min(1.875vw, 24px));
font-weight: bold;
}
.typical-section--area .typical-section-list-swiper-nav {
top: 50%;
}
.typical-section-list {
margin-bottom: max(24px, min(3.75vw, 48px));
}
.typical-section-list__item {
width: calc((100% - 32px) / 1.6);
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1012px) {
.typical-section-list__item {
width: calc((100% - 64px) / 3);
margin: 0;
}
}
.typical-section-list-swiper {
margin-bottom: max(24px, min(3.75vw, 48px));
}
@media (min-width: 1012px) {
.typical-section-list-swiper.is-swiper-stopped .swiper-wrapper {
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
}
}
@media (min-width: 1012px) {
.typical-section-list-swiper.is-swiper-stopped .swiper-slide {
width: calc((100% - 64px) / 3);
}
}
@media (min-width: 1012px) {
.typical-section-list-swiper.is-swiper-stopped .typical-section-list-swiper-nav {
display: none;
}
}
.typical-section-list-swiper-nav {
position: absolute;
top: calc((100vw - 32px - 24px) / 1.6 * 0.6666666667 / 2);
display: grid;
display: block grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 48px;
height: 48px;
background: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
cursor: pointer;
translate: 0 -50%;
z-index: 1;
}
@media (min-width: 1012px) {
.typical-section-list-swiper-nav {
top: calc((min(100%, 1280px) - 64px - 24px) / 3 * 0.6666666667 * 2);
}
}
.typical-section-list-swiper-nav--prev {
left: 8px;
}
.typical-section-list-swiper-nav--next {
right: 8px;
}
.typical-section-list-swiper-nav svg {
width: 16px;
height: auto;
line-height: 1;
}
.brochure-list {
display: grid;
display: block grid;
grid-template-columns: repeat(auto-fill, minmax(min(350px, 100%), 1fr));
grid-gap: max(24px, min(4.375vw, 56px)) max(24px, min(3.75vw, 48px));
gap: max(24px, min(4.375vw, 56px)) max(24px, min(3.75vw, 48px));
}
.brochure-list-item {
position: relative;
display: grid;
display: block grid;
grid-template-rows: subgrid;
grid-row: span 4;
grid-gap: 0;
gap: 0;
line-height: 1.6;
}
.brochure-list-item__thumb {
aspect-ratio: 3/4;
margin-bottom: 8px;
}
.brochure-list-item__thumb img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.brochure-list-item__title {
margin-bottom: 8px;
font-size: max(16px, min(1.41vw, 18px));
font-weight: bold;
}
.brochure-list-item__filesize {
margin-bottom: 8px;
font-size: 14px;
}
.black-overlay-wrapper {
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: rgba(0, 0, 0, 0.6);
z-index: 1000;
}
.spinner-border {
display: inline-block;
width: 32px;
height: 32px;
vertical-align: -0.125em;
border: 4px #fff solid;
border-right-color: transparent;
border-radius: 50%;
-webkit-animation: spinnerBorder 0.75s linear infinite;
animation: spinnerBorder 0.75s linear infinite;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes spinnerBorder {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spinnerBorder {
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.sr-only {
position: absolute;
border: 0;
clip: rect(0, 0, 0, 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
width: 1px;
}
.aic-introduction-description {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
}
.aic-introduction-description__text {
position: relative;
grid-area: 1/1/2/2;
padding: 0 12px 32px;
color: #fff;
font-size: max(16px, min(1.41vw, 18px));
font-weight: bold;
line-height: 1.75;
text-align: center;
z-index: 2;
}
@media (min-width: 1012px) {
.aic-introduction-description__text {
padding-bottom: 0;
line-height: 2;
}
}
.aic-introduction-description__bg {
grid-area: 1/1/2/2;
width: 100%;
aspect-ratio: 4/3;
z-index: 1;
}
@media (min-width: 1012px) {
.aic-introduction-description__bg {
aspect-ratio: 64/19;
}
}
.aic-introduction-description__bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.aic-introduction-contents {
position: relative;
width: min(90%, 900px);
margin-left: auto;
margin-right: auto;
padding: max(24px, min(3.125vw, 40px)) max(16px, min(1.875vw, 24px)) max(16px, min(1.875vw, 24px));
background: #fff;
border-radius: 8px;
text-align: center;
translate: 0 -25%;
z-index: 1;
}
@media (min-width: 1012px) {
.aic-introduction-contents {
translate: 0 -50%;
}
}
.aic-introduction-contents__title {
margin-bottom: 16px;
font-size: max(18px, min(1.56vw, 20px));
font-weight: bold;
}
.aic-introduction-contents__text {
line-height: 1.6;
}
.aic-fieldset {
padding: 0;
margin: 0 0 max(48px, min(5.625vw, 72px));
border: 0;
}
.aic-fieldset__title {
width: 100%;
margin-bottom: max(24px, min(2.5vw, 32px));
color: #28407b;
font-size: max(20px, min(1.875vw, 24px));
font-weight: bold;
line-height: 1.25;
text-align: center;
}
.aic-fieldset__title::before {
display: block;
color: rgba(238, 237, 230, 0.4);
content: attr(data-step);
font-size: max(48px, min(5vw, 64px));
font-weight: 900;
line-height: 1;
text-transform: uppercase;
translate: 0 25%;
}
.aic-fieldset__title span {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: max(32px, min(4.375vw, 56px));
-moz-column-gap: max(32px, min(4.375vw, 56px));
column-gap: max(32px, min(4.375vw, 56px));
width: 100%;
z-index: 1;
}
.aic-fieldset__title span::before, .aic-fieldset__title span::after {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
display: block;
height: 1px;
background: #28407b;
content: "";
}
.aic-fieldset--switcher .aic-fieldset__title {
margin-bottom: 16px;
font-size: 16px;
}
.aic-fieldset--switcher .concierge-which-slider {
width: 100%;
}
.bundler-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: max(16px, min(2.5vw, 32px));
margin: 0;
padding: 0;
list-style: none;
}
.bundler-list__item {
width: calc(50% - max(16px, min(2.5vw, 32px)));
}
.concierge-card {
position: relative;
border: 2px transparent solid;
border-radius: 8px;
overflow: hidden;
cursor: pointer;
}
.concierge-card__icon {
position: absolute;
top: 12px;
left: 12px;
display: none;
color: #ffdc83;
width: 32px;
line-height: 1;
}
.concierge-card__icon .svg-icon {
width: 100%;
height: auto;
}
.concierge-card__img {
aspect-ratio: 3/2;
}
.concierge-card__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.concierge-card__ttl {
position: absolute;
bottom: 0;
left: 0;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 100%;
min-height: 40px;
padding: 8px;
background: rgba(31, 31, 31, 0.7);
color: #fff;
font-size: max(16px, min(1.56vw, 20px));
}
@media (min-width: 1012px) {
.concierge-card__ttl {
min-height: 60px;
}
}
.concierge-card.is-selected {
border-color: #28407b;
}
.concierge-card.is-selected .concierge-card__icon {
display: block;
}
.range-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0;
list-style: none;
}
.range-list-item {
width: 100%;
margin-bottom: 16px;
}
@media (min-width: 1012px) {
.range-list-item {
width: 50%;
}
}
.range-list-item__label {
display: block;
width: 100%;
margin-bottom: 8px;
font-weight: bold;
text-align: center;
}
.range-list-item__contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: max(8px, min(0.94vw, 12px));
-moz-column-gap: max(8px, min(0.94vw, 12px));
column-gap: max(8px, min(0.94vw, 12px));
}
.range-list-item__contents .range-scale {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.range-list-item__contents .input-range {
width: 50%;
}
.concierge-schedule-list {
margin: 0;
padding: 0;
list-style: none;
}
.concierge-schedule-list-item {
margin-bottom: 16px;
}
.concierge-schedule-list-item__label {
display: block;
margin-bottom: 8px;
font-weight: bold;
}
[data-mp-role=aic-submit-btn] {
cursor: pointer;
}
@media (min-width: 768px) {
body.post-type-archive-courses .searchandfilter > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 8px 16px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (min-width: 768px) {
body.post-type-archive-courses .searchandfilter > ul .sf-field-taxonomy-cat_courses,
body.post-type-archive-courses .searchandfilter > ul .sf-field-taxonomy-area,
body.post-type-archive-courses .searchandfilter > ul .sf-field-taxonomy-tag_courses {
width: calc(50% - 8px);
}
}
@media (min-width: 1012px) {
body.post-type-archive-courses .searchandfilter > ul .sf-field-taxonomy-cat_courses,
body.post-type-archive-courses .searchandfilter > ul .sf-field-taxonomy-area,
body.post-type-archive-courses .searchandfilter > ul .sf-field-taxonomy-tag_courses {
width: calc(25% - 12px);
}
}
@media (min-width: 768px) {
body.post-type-archive-courses .searchandfilter > ul .sf-field-search {
width: calc(50% - 8px);
}
}
@media (min-width: 1012px) {
body.post-type-archive-courses .searchandfilter > ul .sf-field-search {
width: calc(25% - 12px);
}
}
@media (min-width: 768px) {
body.post-type-archive-courses .searchandfilter > ul .sf-field-submit {
width: 200px;
}
}
@media (min-width: 768px) {
body.post-type-archive-courses .searchandfilter > ul .sf-field-reset {
width: 200px;
}
}
.modelcourse-contents {
margin-top: max(48px, min(6.25vw, 80px));
margin-bottom: max(48px, min(6.25vw, 80px));
}
.modelcourse-contents-header {
margin-bottom: max(48px, min(6.875vw, 88px));
}
@media (min-width: 1012px) {
.modelcourse-contents-header {
display: grid;
grid-template-columns: 54.7% 42.8%;
grid-column-gap: 2.5%;
-webkit-column-gap: 2.5%;
-moz-column-gap: 2.5%;
column-gap: 2.5%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.modelcourse-contents-header__img {
margin-bottom: 16px;
aspect-ratio: 3/2;
}
@media (min-width: 1012px) {
.modelcourse-contents-header__img {
grid-column: 1;
margin-bottom: 0;
}
}
.modelcourse-contents-header__img img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.modelcourse-contents-header__title {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
font-size: max(24px, min(2.5vw, 32px));
font-weight: bold;
line-height: 1.6;
}
.modelcourse-contents-header__type {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
margin-bottom: 8px;
color: #949494;
font-size: 14px;
text-transform: uppercase;
}
.modelcourse-contents-header__type::after {
display: block;
width: 78px;
height: 1px;
background: #949494;
content: "";
}
.modelcourse-contents-header__description {
margin-bottom: max(16px, min(1.875vw, 24px));
line-height: 1.6;
}
.modelcourse-contents-header__taxonomy {
margin-bottom: 8px;
}
.modelcourse-contents-header__area {
margin-bottom: 8px;
}
.modelcourse-contents-header-contents {
padding-left: 12px;
padding-right: 12px;
}
@media (min-width: 1012px) {
.modelcourse-contents-header-contents {
grid-column: 2;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding-left: 0;
}
}
@media (min-width: 1280px) {
.modelcourse-contents-header-contents {
padding-right: calc((100vw - 1280px) / 2);
}
}
.modelcourse-contents-header-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: max(16px, min(1.875vw, 24px));
}
.modelcourse-contents-body .cmn-tab-item__btn {
min-height: 60px;
}
.course-detail {
padding-top: max(32px, min(3.125vw, 40px));
padding-bottom: max(32px, min(3.125vw, 40px));
border-image-source: linear-gradient(#fcfbf9, #fcfbf9);
border-image-slice: 0 fill;
border-image-outset: 0 100vw;
counter-reset: detailSpot 0;
}
.course-detail-start {
padding-bottom: 16px;
background: linear-gradient(90deg, transparent 0, transparent 50%, #949494 50%, #949494 calc(50% + 1px), transparent calc(50% + 1px), transparent 100%);
}
@media (min-width: 1012px) {
.course-detail-start {
padding-bottom: 0;
}
}
.course-detail-start__label {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 90px;
height: 90px;
margin-left: auto;
margin-right: auto;
background: #eeede6;
border-radius: 50%;
font-size: max(18px, min(1.56vw, 20px));
text-transform: uppercase;
}
@media (min-width: 1012px) {
.course-detail-start__label {
width: 110px;
height: 110px;
}
}
.course-detail-start__title {
padding-top: max(12px, min(1.25vw, 16px));
padding-bottom: max(12px, min(1.25vw, 16px));
background: #fcfbf9;
font-size: max(16px, min(1.56vw, 20px));
font-weight: bold;
text-align: center;
}
.course-detail-goal__label {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 90px;
height: 90px;
margin-left: auto;
margin-right: auto;
background: #eeede6;
border-radius: 50%;
font-size: max(18px, min(1.56vw, 20px));
text-transform: uppercase;
}
@media (min-width: 1012px) {
.course-detail-goal__label {
width: 110px;
height: 110px;
}
}
.course-detail-goal__title {
padding-top: max(12px, min(1.25vw, 16px));
padding-bottom: max(12px, min(1.25vw, 16px));
font-size: max(16px, min(1.56vw, 20px));
font-weight: bold;
text-align: center;
}
.course-detail-spot {
padding-bottom: 16px;
background: linear-gradient(90deg, transparent 0, transparent 50%, #949494 50%, #949494 calc(50% + 1px), transparent calc(50% + 1px), transparent 100%);
}
@media (min-width: 1012px) {
.course-detail-spot {
padding-bottom: 0;
}
}
.course-detail-spot__simple-display {
margin-bottom: max(16px, min(1.875vw, 24px));
padding: max(16px, min(2.5vw, 32px));
background: #fff;
text-align: center;
}
.course-detail-spot::before {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 60px;
height: 60px;
margin: 0 auto max(16px, min(1.875vw, 24px));
background: #eeede6;
border-radius: 50%;
counter-increment: detailSpot 1;
content: counter(detailSpot);
font-size: max(18px, min(1.56vw, 20px));
font-weight: bold;
}
.course-detail-spot-contents {
margin-bottom: max(16px, min(1.875vw, 24px));
padding: max(16px, min(2.5vw, 32px));
background: #fff;
}
@media (min-width: 1012px) {
.course-detail-spot-contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
}
}
.course-detail-spot-contents__img {
aspect-ratio: 3/2;
margin-bottom: 16px;
background: #f1f1f1;
}
@media (min-width: 1012px) {
.course-detail-spot-contents__img {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 50%;
margin-bottom: 0;
}
}
.course-detail-spot-contents__img img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
@media (min-width: 1012px) {
.course-detail-spot-contents-block {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
}
.course-detail-spot-contents-block__time {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-bottom: 8px;
padding: 8px;
border: 1px #28407b solid;
color: #28407b;
font-size: 14px;
font-weight: bold;
}
.course-detail-spot-contents-block__copytext {
margin-bottom: 16px;
color: #28407b;
font-size: max(16px, min(1.41vw, 18px));
}
.course-detail-spot-contents-block__title {
margin-bottom: max(16px, min(1.875vw, 24px));
font-size: max(20px, min(1.875vw, 24px));
font-weight: bold;
line-height: 1.6;
}
.course-detail-spot-contents-block__description {
line-height: 1.6;
}
.course-detail-spot-contents-block__link {
min-width: 268px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: max(24px, min(3.75vw, 48px)) auto 0;
}
.course-transportation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 16px auto 0;
padding-top: 8px;
padding-bottom: 8px;
background: #fcfbf9;
}
@media (min-width: 1012px) {
.course-transportation {
max-width: 50%;
margin: 0 50% 0 auto;
padding-top: 0;
padding-bottom: max(16px, min(1.875vw, 24px));
background: transparent;
}
}
.course-transportation::after {
-ms-flex-negative: 0;
flex-shrink: 0;
}
@media (min-width: 1012px) {
.course-transportation::after {
width: 32px;
height: 2px;
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #949494), color-stop(50%, #949494), color-stop(50%, transparent), to(transparent));
background-image: linear-gradient(90deg, #949494 0, #949494 50%, transparent 50%, transparent 100%);
background-position: left center;
background-repeat: repeat-x;
background-size: 4px 2px;
content: "";
}
}
.course-transportation__icon {
-ms-flex-negative: 0;
flex-shrink: 0;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 50px;
height: 50px;
background: #fff;
border: 2px #eeede6 solid;
border-radius: 50%;
color: #28407b;
}
.course-transportation__icon--car, .course-transportation__icon--walking, .course-transportation__icon--train {
position: relative;
}
.course-transportation__icon--car::after, .course-transportation__icon--walking::after, .course-transportation__icon--train::after {
width: 50%;
margin: auto;
}
.course-transportation__icon--car::after {
content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="svg-icon" viewBox="0 0 512 512"><path fill="currentColor" d="M135.2 117.4L109.1 192l293.8 0-26.1-74.6C372.3 104.6 360.2 96 346.6 96L165.4 96c-13.6 0-25.7 8.6-30.2 21.4zM39.6 196.8L74.8 96.3C88.3 57.8 124.6 32 165.4 32l181.2 0c40.8 0 77.1 25.8 90.6 64.3l35.2 100.5c23.2 9.6 39.6 32.5 39.6 59.2l0 144 0 48c0 17.7-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32l0-48L96 400l0 48c0 17.7-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32l0-48L0 256c0-26.7 16.4-49.6 39.6-59.2zM128 288a32 32 0 1 0 -64 0 32 32 0 1 0 64 0zm288 32a32 32 0 1 0 0-64 32 32 0 1 0 0 64z"/></svg>');
}
.course-transportation__icon--walking::after {
content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="svg-icon" viewBox="0 0 320 512"><path fill="currentColor" d="M160 48a48 48 0 1 1 96 0 48 48 0 1 1 -96 0zM126.5 199.3c-1 .4-1.9 .8-2.9 1.2l-8 3.5c-16.4 7.3-29 21.2-34.7 38.2l-2.6 7.8c-5.6 16.8-23.7 25.8-40.5 20.2s-25.8-23.7-20.2-40.5l2.6-7.8c11.4-34.1 36.6-61.9 69.4-76.5l8-3.5c20.8-9.2 43.3-14 66.1-14c44.6 0 84.8 26.8 101.9 67.9L281 232.7l21.4 10.7c15.8 7.9 22.2 27.1 14.3 42.9s-27.1 22.2-42.9 14.3L247 287.3c-10.3-5.2-18.4-13.8-22.8-24.5l-9.6-23-19.3 65.5 49.5 54c5.4 5.9 9.2 13 11.2 20.8l23 92.1c4.3 17.1-6.1 34.5-23.3 38.8s-34.5-6.1-38.8-23.3l-22-88.1-70.7-77.1c-14.8-16.1-20.3-38.6-14.7-59.7l16.9-63.5zM68.7 398l25-62.4c2.1 3 4.5 5.8 7 8.6l40.7 44.4-14.5 36.2c-2.4 6-6 11.5-10.6 16.1L54.6 502.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L68.7 398z"/></svg>');
}
.course-transportation__icon--train::after {
content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="svg-icon" viewBox="0 0 448 512"><path fill="currentColor" d="M96 0C43 0 0 43 0 96V352c0 48 35.2 87.7 81.1 94.9l-46 46C28.1 499.9 33.1 512 43 512H82.7c8.5 0 16.6-3.4 22.6-9.4L160 448H288l54.6 54.6c6 6 14.1 9.4 22.6 9.4H405c10 0 15-12.1 7.9-19.1l-46-46c46-7.1 81.1-46.9 81.1-94.9V96c0-53-43-96-96-96H96zM64 96c0-17.7 14.3-32 32-32H352c17.7 0 32 14.3 32 32v96c0 17.7-14.3 32-32 32H96c-17.7 0-32-14.3-32-32V96zM224 288a48 48 0 1 1 0 96 48 48 0 1 1 0-96z"/></svg>');
}
.course-transportation__text {
line-height: 1.6;
}
.course-copy-btn {
margin-bottom: max(48px, min(6.25vw, 80px));
padding-top: max(32px, min(4.375vw, 56px));
padding-bottom: max(32px, min(4.375vw, 56px));
background: #eeede6;
}
.course-copy-btn .btn-blue-outline {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
margin-right: auto;
}
.events-section:not(:last-of-type) {
margin-bottom: max(48px, min(6.25vw, 80px));
}
.event-block {
width: 77.18%;
margin-left: auto;
margin-right: auto;
}
.event-card {
position: relative;
}
.event-card__img {
position: relative;
aspect-ratio: 3/2;
margin-bottom: 8px;
background: #f1f1f1;
border-radius: 8px;
overflow: hidden;
}
.event-card__img img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.event-card__date {
position: absolute;
bottom: 0;
left: 0;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 100%;
min-height: 40px;
padding: 16px;
background: rgba(31, 31, 31, 0.8);
color: #fff;
font-size: max(16px, min(1.41vw, 18px));
font-weight: bold;
}
.event-card__title {
display: block;
margin-bottom: 16px;
color: #1f1f1f;
font-size: max(16px, min(1.41vw, 18px));
font-weight: bold;
-webkit-text-decoration: none;
text-decoration: none;
}
.event-card__title::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "";
}
.event-card__terms a {
position: relative;
z-index: 1;
}
.event-card__terms + .event-card__terms {
margin-top: 8px;
}
[class^=events-list-swiper-nav] {
position: absolute;
top: calc((min(100vw, 1280px) - 32px) / 1.26 * 0.3333333333);
display: grid;
display: block grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 48px;
height: 48px;
background: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
cursor: pointer;
translate: 0 -50%;
z-index: 1;
}
[class^=events-list-swiper-nav] svg {
width: 16px;
height: auto;
line-height: 1;
}
.events-list-swiper-nav--prev {
left: calc((100% - 32px) * 0.1031746032);
}
.events-list-swiper-nav--next {
right: calc((100% - 32px) * 0.1031746032);
}
.events-contents {
margin-top: max(48px, min(6.25vw, 80px));
margin-bottom: max(48px, min(6.25vw, 80px));
}
.events-contents__btns {
margin-top: max(48px, min(6.25vw, 80px));
margin-bottom: max(48px, min(6.25vw, 80px));
}
.events-contents-header {
margin-bottom: max(32px, min(3.75vw, 48px));
padding-left: 12px;
padding-right: 12px;
}
@media (min-width: 1012px) {
.events-contents-header {
display: grid;
grid-template-columns: 54.69% 1fr;
grid-template-rows: repeat(3, auto) 1fr;
grid-column-gap: 32px;
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
padding-right: calc((100% - min(100%, 1280px)) / 2);
padding-left: 0;
line-height: 1.6;
}
}
.events-contents-header__title {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
font-size: max(24px, min(2.5vw, 32px));
font-weight: bold;
}
.events-contents-header__type {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
color: #949494;
font-size: 14px;
text-transform: uppercase;
}
.events-contents-header__type::after {
display: block;
width: 78px;
height: 1px;
background: #949494;
content: "";
}
.events-contents-header__event-date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
margin-bottom: max(24px, min(2.5vw, 32px));
}
@media (min-width: 1012px) {
.events-contents-header__event-date {
grid-area: 2/2/3/3;
}
}
.events-contents-header__event-date .title {
-ms-flex-negative: 0;
flex-shrink: 0;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 2px 8px;
background: #eeede6;
font-size: 14px;
}
.events-contents-header__event-date .period {
font-size: 14px;
font-weight: bold;
}
.events-contents-header__description {
margin-bottom: max(12px, min(1.25vw, 16px));
}
@media (min-width: 1012px) {
.events-contents-header__description {
grid-area: 3/2/4/3;
}
}
@media (min-width: 1012px) {
.events-contents-header__tags {
grid-area: 4/2/5/3;
align-self: end;
}
}
.events-contents-header-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: max(16px, min(1.875vw, 24px));
}
@media (min-width: 1012px) {
.events-contents-header-group {
grid-area: 1/2/2/3;
}
}
@media (min-width: 1012px) {
.events-contents-header-gallery {
grid-area: 1/1/span 4/2;
}
}
.events-contents-header-gallery__img {
aspect-ratio: 3/2;
margin-bottom: 16px;
background: #f1f1f1;
}
@media (min-width: 1012px) {
.events-contents-header-gallery__img {
margin-bottom: 0;
}
}
.events-contents-header-gallery__img img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.events-contents-header-gallery-swiper__img {
aspect-ratio: 3/2;
margin-bottom: 16px;
background: #f1f1f1;
}
@media (min-width: 1012px) {
.events-contents-header-gallery-swiper__img {
margin-bottom: 0;
}
}
.events-contents-header-gallery-swiper__img img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.events-contents-header-gallery-swiper-pagination {
margin-top: max(16px, min(1.56vw, 20px));
}
@media (min-width: 768px) {
body.post-type-archive-features .searchandfilter > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 8px 18px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (min-width: 768px) {
body.post-type-archive-features .searchandfilter > ul .sf-field-taxonomy-cat_features {
width: calc(50% - 10px);
}
}
@media (min-width: 1012px) {
body.post-type-archive-features .searchandfilter > ul .sf-field-taxonomy-cat_features {
width: calc(33.3333333333% - 12px);
}
}
@media (min-width: 768px) {
body.post-type-archive-features .searchandfilter > ul .sf-field-taxonomy-area {
width: calc(50% - 10px);
}
}
@media (min-width: 1012px) {
body.post-type-archive-features .searchandfilter > ul .sf-field-taxonomy-area {
width: calc(33.3333333333% - 12px);
}
}
@media (min-width: 768px) {
body.post-type-archive-features .searchandfilter > ul .sf-field-search {
width: 100%;
}
}
@media (min-width: 1012px) {
body.post-type-archive-features .searchandfilter > ul .sf-field-search {
width: calc(33.3333333333% - 12px);
}
}
@media (min-width: 768px) {
body.post-type-archive-features .searchandfilter > ul .sf-field-submit {
width: 200px;
}
}
@media (min-width: 768px) {
body.post-type-archive-features .searchandfilter > ul .sf-field-reset {
width: 200px;
}
}
.pickup-features-list {
margin-bottom: max(32px, min(4.375vw, 56px));
}
.pickup-features-list-item {
position: relative;
display: block;
border-radius: 8px;
overflow: hidden;
}
.pickup-features-list-item__img {
aspect-ratio: 4/3;
}
@media (min-width: 1012px) {
.pickup-features-list-item__img {
aspect-ratio: 16/9;
}
}
.pickup-features-list-item__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.pickup-features-list-item__title {
position: absolute;
bottom: 0;
left: 0;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 100%;
min-height: 60px;
padding: max(8px, min(1.25vw, 16px));
background: rgba(31, 31, 31, 0.8);
color: #fff;
font-size: max(16px, min(1.41vw, 18px));
font-weight: bold;
}
@media (min-width: 1012px) {
.pickup-features-list-item__title {
min-height: 80px;
}
}
.pickup-features-list-swiper-nav {
position: absolute;
top: 50%;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 48px;
height: 48px;
background: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
cursor: pointer;
z-index: 1;
}
.pickup-features-list-swiper-nav--prev {
left: calc((100% - 32px) / 1.8 * 0.4);
translate: -50% -50%;
}
@media (min-width: 1012px) {
.pickup-features-list-swiper-nav--prev {
left: calc((100% - 48px) / 1.8 * 0.4);
}
}
.pickup-features-list-swiper-nav--next {
right: calc((100% - 32px) / 1.8 * 0.4);
translate: 50% -50%;
}
@media (min-width: 1012px) {
.pickup-features-list-swiper-nav--next {
right: calc((100% - 48px) / 1.8 * 0.4);
}
}
.pickup-features-list-swiper-nav svg {
width: 16px;
height: auto;
line-height: 1;
}
.feature-contents {
margin-bottom: max(48px, min(6.25vw, 80px));
}
.feature-contents-header {
position: relative;
margin-bottom: max(48px, min(5vw, 64px));
}
.feature-contents-header hgroup {
position: absolute;
right: max(12px, min(3.44vw, 44px));
bottom: 0;
left: max(12px, min(3.44vw, 44px));
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-left: auto;
margin-right: auto;
padding: max(16px, min(1.875vw, 24px)) max(16px, min(2.5vw, 32px)) max(12px, min(1.25vw, 16px));
background: rgba(0, 0, 0, 0.6);
color: #fff;
z-index: 1;
}
.feature-contents-header__title {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
font-size: max(24px, min(2.5vw, 32px));
font-weight: bold;
}
.feature-contents-header__type {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: block flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: max(4px, min(0.625vw, 8px));
-moz-column-gap: max(4px, min(0.625vw, 8px));
column-gap: max(4px, min(0.625vw, 8px));
margin-bottom: max(4px, min(0.625vw, 8px));
font-size: max(12px, min(1.09vw, 14px));
text-transform: capitalize;
}
.feature-contents-header__type::after {
width: max(48px, min(6.09vw, 78px));
height: 1px;
background: #fff;
content: "";
}
.feature-contents-header__img {
height: 50dvh;
}
@media (min-width: 1012px) {
.feature-contents-header__img {
height: 536px;
}
}
.feature-contents-header__img img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.feature-contents-body {
margin-bottom: max(48px, min(6.25vw, 80px));
}
.feature-contents-introduction {
width: min(100%, 1088px);
margin: 0 auto max(48px, min(5vw, 64px));
padding-left: 12px;
padding-right: 12px;
}
.feature-contents-introduction .tag-list {
margin-bottom: max(16px, min(1.875vw, 24px));
}
.feature-contents-description {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
row-gap: 16px;
margin-bottom: max(32px, min(4.375vw, 56px));
}
@media (min-width: 1012px) {
.feature-contents-description {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-column-gap: min(3.75vw, 48px);
-moz-column-gap: min(3.75vw, 48px);
column-gap: min(3.75vw, 48px);
}
}
.feature-contents-description__txt {
font-size: max(16px, min(1.41vw, 18px));
line-height: 1.6;
}
@media (min-width: 1012px) {
.feature-contents-description__txt {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
}
.feature-contents-postdate {
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 14px;
font-weight: bold;
white-space: nowrap;
}
.feature-contents-index {
position: relative;
border: 1px #28407b solid;
border-radius: 8px;
}
.feature-contents-index__title {
position: absolute;
top: 0;
left: -1px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 0 32px 0 16px;
background: #fff;
color: #28407b;
font-size: 16px;
translate: 0 -50%;
}
.feature-contents-index__title::before {
content: attr(data-en);
font-family: "Helvetica Condensed Black", sans-serif;
font-size: 32px;
text-transform: uppercase;
}
.feature-contents-index-list {
margin: 0;
padding: max(24px, min(3.125vw, 40px)) max(24px, min(3.75vw, 48px));
list-style: disc;
}
.feature-contents-index-list__item:not(:last-of-type) {
margin-bottom: max(8px, min(1.25vw, 16px));
}
.feature-contents-section-wrap {
padding-top: max(40px, min(4.375vw, 56px));
padding-bottom: max(40px, min(4.375vw, 56px));
border-image-source: linear-gradient(#fcfbf9, #fcfbf9);
border-image-slice: 0 fill;
border-image-outset: 0 100vw;
}
.feature-contents-section {
margin-bottom: max(48px, min(6.25vw, 80px));
}
@media (min-width: 1012px) {
.feature-contents-section.pattern01 .feature-contents-section-gallery__img {
width: 54.69%;
margin-left: auto;
margin-right: auto;
}
}
.feature-contents-section.pattern01 .feature-contents-section-gallery-swiper__img img {
aspect-ratio: 3/2;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.feature-contents-section.pattern01 .feature-contents-section-gallery-swiper-nav {
position: absolute;
top: 50%;
display: grid;
display: block grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 48px;
height: 48px;
background: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
cursor: pointer;
z-index: 1;
}
.feature-contents-section.pattern01 .feature-contents-section-gallery-swiper-nav__prev {
left: calc((100% - 32px) / 1.4 * 0.2);
translate: -50% -50%;
}
@media (min-width: 1012px) {
.feature-contents-section.pattern01 .feature-contents-section-gallery-swiper-nav__prev {
left: calc((100% - 48px) / 1.8 * 0.4);
}
}
.feature-contents-section.pattern01 .feature-contents-section-gallery-swiper-nav__next {
right: calc((100% - 32px) / 1.4 * 0.2);
translate: 50% -50%;
}
@media (min-width: 1012px) {
.feature-contents-section.pattern01 .feature-contents-section-gallery-swiper-nav__next {
right: calc((100% - 48px) / 1.8 * 0.4);
}
}
@media (min-width: 1012px) {
.feature-contents-section.pattern02 .feature-contents-section-body, .feature-contents-section.pattern03 .feature-contents-section-body {
display: grid;
display: block grid;
grid-template-rows: auto 1fr;
grid-column-gap: 40px;
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
}
}
@media (min-width: 1012px) {
.feature-contents-section.pattern02 .feature-contents-section-gallery, .feature-contents-section.pattern03 .feature-contents-section-gallery {
-ms-flex-item-align: start;
align-self: start;
margin-bottom: 0;
}
}
@media (min-width: 1012px) {
.feature-contents-section.pattern02 .feature-contents-section-body {
grid-template-columns: 32.8% 1fr;
}
}
@media (min-width: 1012px) {
.feature-contents-section.pattern02 .feature-contents-section-gallery {
grid-column: 1/2;
grid-row: 1/3;
}
}
@media (min-width: 1012px) {
.feature-contents-section.pattern02 .feature-contents-section-text {
grid-column: 2/3;
grid-row: 1/2;
}
}
@media (min-width: 1012px) {
.feature-contents-section.pattern02 .feature-contents-section-btn {
grid-column: 2/3;
grid-row: 2/3;
}
}
@media (min-width: 1012px) {
.feature-contents-section.pattern03 .feature-contents-section-body {
grid-template-columns: 1fr 32.8%;
}
}
@media (min-width: 1012px) {
.feature-contents-section.pattern03 .feature-contents-section-gallery {
grid-column: 2/3;
grid-row: 1/3;
}
}
@media (min-width: 1012px) {
.feature-contents-section.pattern03 .feature-contents-section-text {
grid-column: 1/2;
grid-row: 1/2;
}
}
@media (min-width: 1012px) {
.feature-contents-section.pattern03 .feature-contents-section-btn {
grid-column: 1/2;
grid-row: 2/3;
}
}
.feature-contents-section-gallery {
margin-bottom: 16px;
}
.feature-contents-section-gallery__img:not(:last-of-type) {
margin-bottom: 16px;
}
.feature-contents-section-gallery__img img {
aspect-ratio: 3/2;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.recommended-movie {
margin-bottom: max(48px, min(5vw, 64px));
}
.recommended-movie__title {
margin-bottom: max(16px, min(1.875vw, 24px));
padding-left: 12px;
padding-right: 12px;
font-size: max(20px, min(1.875vw, 24px));
font-weight: bold;
text-align: center;
}
.recommended-movie__contents {
margin-bottom: max(16px, min(1.875vw, 24px));
aspect-ratio: 16/9;
background: #1f1f1f;
}
.recommended-movie__contents iframe {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.recommended-movie__description {
margin-bottom: 16px;
}
.movies-section {
margin-bottom: max(48px, min(6.25vw, 80px));
}
.movies-list {
display: grid;
display: block grid;
grid-template-columns: repeat(auto-fill, minmax(min(350px, 100%), 1fr));
grid-gap: max(24px, min(4.375vw, 56px)) max(16px, min(2.5vw, 32px));
gap: max(24px, min(4.375vw, 56px)) max(16px, min(2.5vw, 32px));
}
.movies-list-item__contents {
margin-bottom: 8px;
aspect-ratio: 16/9;
background: #949494;
}
.movies-list-item__contents iframe {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.movies-list-item__title {
display: -webkit-box;
margin-bottom: max(12px, min(1.25vw, 16px));
color: #1f1f1f;
font-size: max(16px, min(1.41vw, 18px));
font-weight: bold;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
-webkit-text-decoration: none;
text-decoration: none;
}
.movies-list-item__provided {
margin-bottom: max(12px, min(1.25vw, 16px));
padding: 12px 4px;
background: #eeede6;
font-size: 12px;
font-weight: bold;
}
.photo-gallery-introduction {
margin-bottom: max(40px, min(4.375vw, 56px));
padding: max(16px, min(1.875vw, 24px));
background: #fcfbf9;
line-height: 1.6;
}
.photo-gallery-introduction p {
margin-bottom: max(16px, min(1.875vw, 24px));
}
@media (min-width: 768px) {
body.post-type-archive-photos .searchandfilter > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 8px 18px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (min-width: 768px) {
body.post-type-archive-photos .searchandfilter > ul .sf-field-taxonomy-cat_photos {
width: calc(50% - 10px);
}
}
@media (min-width: 1012px) {
body.post-type-archive-photos .searchandfilter > ul .sf-field-taxonomy-cat_photos {
width: calc(33.3333333333% - 12px);
}
}
@media (min-width: 768px) {
body.post-type-archive-photos .searchandfilter > ul .sf-field-taxonomy-area {
width: calc(50% - 10px);
}
}
@media (min-width: 1012px) {
body.post-type-archive-photos .searchandfilter > ul .sf-field-taxonomy-area {
width: calc(33.3333333333% - 12px);
}
}
@media (min-width: 768px) {
body.post-type-archive-photos .searchandfilter > ul .sf-field-search {
width: 100%;
}
}
@media (min-width: 1012px) {
body.post-type-archive-photos .searchandfilter > ul .sf-field-search {
width: calc(33.3333333333% - 12px);
}
}
@media (min-width: 768px) {
body.post-type-archive-photos .searchandfilter > ul .sf-field-submit {
width: 200px;
}
}
@media (min-width: 768px) {
body.post-type-archive-photos .searchandfilter > ul .sf-field-reset {
width: 200px;
}
}
.photo-list {
display: grid;
display: block grid;
grid-template-columns: repeat(auto-fill, minmax(min(350px, 100%), 1fr));
grid-gap: max(24px, min(4.375vw, 56px)) max(16px, min(2.5vw, 32px));
gap: max(24px, min(4.375vw, 56px)) max(16px, min(2.5vw, 32px));
}
.photo-list-item__thumb {
position: relative;
display: block;
margin-bottom: 8px;
aspect-ratio: 16/9;
background: #f1f1f1;
}
.photo-list-item__thumb img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.photo-list-item__title {
display: block;
margin-bottom: 16px;
color: #1f1f1f;
font-size: max(16px, min(1.41vw, 18px));
font-weight: bold;
-webkit-text-decoration: none;
text-decoration: none;
}
.photo-list-item__tags {
margin-bottom: 8px;
}
.photo-list-item__btn {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-bottom: 16px;
font-size: 12px;
}
.photos-contents {
margin-top: max(48px, min(6.25vw, 80px));
margin-bottom: max(48px, min(6.25vw, 80px));
}
.photos-contents-header {
width: min(100%, 1280px);
margin: 0 auto max(32px, min(3.125vw, 40px));
padding-left: 12px;
padding-right: 12px;
}
@media (min-width: 1012px) {
.photos-contents-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-column-gap: max(16px, min(1.875vw, 24px));
-moz-column-gap: max(16px, min(1.875vw, 24px));
column-gap: max(16px, min(1.875vw, 24px));
}
}
.photos-contents-header__title {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
font-size: max(24px, min(2.5vw, 32px));
font-weight: bold;
text-align: center;
}
.photos-contents-header__type {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
margin-bottom: 8px;
color: #949494;
font-size: 14px;
text-transform: uppercase;
}
.photos-contents-header__type::before, .photos-contents-header__type::after {
display: block;
width: 50px;
height: 1px;
background: #949494;
content: "";
}
.photos-contents-header__tags {
margin-bottom: 16px;
}
.photos-contents-header__tags .tag-list {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.photos-contents-header-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
margin-bottom: max(16px, min(1.875vw, 24px));
}
.photos-contents-header-spots {
margin-bottom: 16px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}
.photos-contents-header-spots__link {
margin-left: auto;
margin-right: auto;
}
@media (min-width: 1012px) {
.photos-contents-header-spots__link {
margin-left: 0;
margin-right: 0;
}
}
.photos-contents-body {
width: min(100%, 1280px);
margin: 0 auto max(48px, min(6.25vw, 80px));
padding-left: 12px;
padding-right: 12px;
}
.photos-contents-body__img {
position: relative;
width: min(100%, 875px);
margin: 0 auto max(40px, min(4.375vw, 56px));
aspect-ratio: 16/9;
background: #f1f1f1;
}
.photos-contents-body__img img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.photos-contents-body__explanation {
text-align: center;
}
.photos-contents-body__explanation > p {
margin-bottom: 20px;
line-height: 1.6;
}
.photos-contents-body__btn {
width: min(100%, 268px);
margin-left: auto;
margin-right: auto;
}
.specialty-mv {
width: min(100%, 1280px);
margin: 0 auto max(32px, min(4.375vw, 56px));
aspect-ratio: 1280/500;
}
.specialty-mv img {
display: block;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.specialty-section {
margin-bottom: max(48px, min(6.25vw, 80px));
}
.specialty-section__title-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse;
width: min(100%, 1280px);
margin: 0 auto max(24px, min(2.5vw, 32px));
padding-left: 12px;
padding-right: 12px;
}
.specialty-section__title {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: max(32px, min(4.375vw, 56px));
-moz-column-gap: max(32px, min(4.375vw, 56px));
column-gap: max(32px, min(4.375vw, 56px));
font-size: max(20px, min(1.875vw, 24px));
font-weight: bold;
}
.specialty-section__title::before, .specialty-section__title::after {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
display: block;
height: 1px;
background: #949494;
content: "";
}
.specialty-section__slug {
color: #eeede6;
font-size: max(48px, min(5vw, 64px));
font-weight: bold;
line-height: 1;
text-align: center;
text-transform: capitalize;
}
.specialty-section:nth-of-type(2n) .specialty-section-body {
background: #eeede6;
}
.specialty-section-body {
margin-bottom: max(48px, min(6.25vw, 80px));
background: #fcfbf9;
}
.specialty-section-body-block {
padding: 0 12px 48px;
}
@media (min-width: 1012px) {
.specialty-section-body-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0;
}
}
.specialty-section-body-block:nth-of-type(2n) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
@media (min-width: 1012px) {
.specialty-section-body-block:nth-of-type(2n) .specialty-section-body-block__img {
margin-right: 0;
margin-left: 32px;
}
}
@media (min-width: 1280px) {
.specialty-section-body-block:nth-of-type(2n) .specialty-section-body-block-contents {
margin-right: 0;
margin-left: calc((100% - 1280px) / 2);
}
}
.specialty-section-body-block__img {
margin-bottom: 16px;
aspect-ratio: 16/9;
}
@media (min-width: 1012px) {
.specialty-section-body-block__img {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 56.7%;
margin-bottom: 0;
margin-right: 32px;
}
}
.specialty-section-body-block__img img {
display: block;
width: 100%;
height: 0;
min-height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 1012px) {
.specialty-section-body-block-contents {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
}
@media (min-width: 1280px) {
.specialty-section-body-block-contents {
margin-right: calc((100% - 1280px) / 2);
}
}
.specialty-section-body-block-contents__title {
margin-bottom: max(16px, min(1.875vw, 24px));
font-size: max(20px, min(1.875vw, 24px));
font-weight: bold;
}
.specialty-section-body-block-contents__description {
margin-bottom: max(16px, min(1.875vw, 24px));
line-height: 1.6;
}
.specialty-section-body-block-contents__tags {
margin-bottom: max(24px, min(2.5vw, 32px));
}
.specialty-section-body-block-contents__link {
width: min(100%, 268px);
margin-left: auto;
margin-right: auto;
}
.specialty-recommended-swiper-nav {
position: absolute;
top: calc((100vw - 32px - 24px) / 2 * 0.6666666667 / 2);
display: grid;
display: block grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 48px;
height: 48px;
background: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
cursor: pointer;
translate: 0 -50%;
z-index: 1;
}
@media (min-width: 1012px) {
.specialty-recommended-swiper-nav {
top: calc((min(100%, 1280px) - 64px - 24px) / 3 * 0.6666666667 * 2);
}
}
.specialty-recommended-swiper-nav--prev {
left: 0;
}
.specialty-recommended-swiper-nav--next {
right: 0;
}
.specialty-area {
display: grid;
margin-bottom: max(48px, min(6.25vw, 80px));
}
.specialty-area__bg {
grid-area: 1/1;
}
@media (min-width: 1012px) {
.specialty-area__bg {
max-height: 435px;
}
}
.specialty-area__bg img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.specialty-area-container {
padding-top: 24px;
padding-bottom: 24px;
justify-self: center;
align-self: center;
width: min(100%, 1280px);
padding-left: 12px;
padding-right: 12px;
grid-area: 1/1;
z-index: 1;
}
@media (min-width: 1012px) {
.specialty-area-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
}
}
@media (min-width: 1012px) {
.specialty-area-container__map {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
}
.specialty-area-container__map img {
width: 100%;
}
@media (min-width: 1012px) {
.specialty-area-container-contents {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
}
.specialty-area-container-contents__title {
margin-bottom: max(16px, min(1.875vw, 24px));
font-size: max(20px, min(1.875vw, 24px));
font-weight: bold;
}
.specialty-area-container-contents__text {
margin-bottom: max(24px, min(3.75vw, 48px));
line-height: 1.6;
}
.specialty-area-container-contents__link {
width: min(100%, 268px);
margin-left: auto;
margin-right: auto;
}
@media (min-width: 768px) {
body.post-type-archive-spots .searchandfilter > ul,
body.post-type-archive-stay .searchandfilter > ul,
body.post-type-archive-restaurant .searchandfilter > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 8px 18px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (min-width: 768px) {
body.post-type-archive-spots .searchandfilter > ul .sf-field-taxonomy-cat_spots,
body.post-type-archive-spots .searchandfilter > ul .sf-field-taxonomy-cat_experiences,
body.post-type-archive-spots .searchandfilter > ul .sf-field-taxonomy-cat_stay,
body.post-type-archive-spots .searchandfilter > ul .sf-field-taxonomy-cat_restaurant,
body.post-type-archive-stay .searchandfilter > ul .sf-field-taxonomy-cat_spots,
body.post-type-archive-stay .searchandfilter > ul .sf-field-taxonomy-cat_experiences,
body.post-type-archive-stay .searchandfilter > ul .sf-field-taxonomy-cat_stay,
body.post-type-archive-stay .searchandfilter > ul .sf-field-taxonomy-cat_restaurant,
body.post-type-archive-restaurant .searchandfilter > ul .sf-field-taxonomy-cat_spots,
body.post-type-archive-restaurant .searchandfilter > ul .sf-field-taxonomy-cat_experiences,
body.post-type-archive-restaurant .searchandfilter > ul .sf-field-taxonomy-cat_stay,
body.post-type-archive-restaurant .searchandfilter > ul .sf-field-taxonomy-cat_restaurant {
width: calc(50% - 10px);
}
}
@media (min-width: 1012px) {
body.post-type-archive-spots .searchandfilter > ul .sf-field-taxonomy-cat_spots,
body.post-type-archive-spots .searchandfilter > ul .sf-field-taxonomy-cat_experiences,
body.post-type-archive-spots .searchandfilter > ul .sf-field-taxonomy-cat_stay,
body.post-type-archive-spots .searchandfilter > ul .sf-field-taxonomy-cat_restaurant,
body.post-type-archive-stay .searchandfilter > ul .sf-field-taxonomy-cat_spots,
body.post-type-archive-stay .searchandfilter > ul .sf-field-taxonomy-cat_experiences,
body.post-type-archive-stay .searchandfilter > ul .sf-field-taxonomy-cat_stay,
body.post-type-archive-stay .searchandfilter > ul .sf-field-taxonomy-cat_restaurant,
body.post-type-archive-restaurant .searchandfilter > ul .sf-field-taxonomy-cat_spots,
body.post-type-archive-restaurant .searchandfilter > ul .sf-field-taxonomy-cat_experiences,
body.post-type-archive-restaurant .searchandfilter > ul .sf-field-taxonomy-cat_stay,
body.post-type-archive-restaurant .searchandfilter > ul .sf-field-taxonomy-cat_restaurant {
width: calc(33.3333333333% - 12px);
}
}
@media (min-width: 768px) {
body.post-type-archive-spots .searchandfilter > ul .sf-field-taxonomy-area,
body.post-type-archive-stay .searchandfilter > ul .sf-field-taxonomy-area,
body.post-type-archive-restaurant .searchandfilter > ul .sf-field-taxonomy-area {
width: calc(50% - 10px);
}
}
@media (min-width: 1012px) {
body.post-type-archive-spots .searchandfilter > ul .sf-field-taxonomy-area,
body.post-type-archive-stay .searchandfilter > ul .sf-field-taxonomy-area,
body.post-type-archive-restaurant .searchandfilter > ul .sf-field-taxonomy-area {
width: calc(33.3333333333% - 12px);
}
}
@media (min-width: 768px) {
body.post-type-archive-spots .searchandfilter > ul .sf-field-search,
body.post-type-archive-stay .searchandfilter > ul .sf-field-search,
body.post-type-archive-restaurant .searchandfilter > ul .sf-field-search {
width: 100%;
}
}
@media (min-width: 1012px) {
body.post-type-archive-spots .searchandfilter > ul .sf-field-search,
body.post-type-archive-stay .searchandfilter > ul .sf-field-search,
body.post-type-archive-restaurant .searchandfilter > ul .sf-field-search {
width: calc(33.3333333333% - 12px);
}
}
@media (min-width: 768px) {
body.post-type-archive-spots .searchandfilter > ul .sf-field-submit,
body.post-type-archive-stay .searchandfilter > ul .sf-field-submit,
body.post-type-archive-restaurant .searchandfilter > ul .sf-field-submit {
width: 200px;
}
}
@media (min-width: 768px) {
body.post-type-archive-spots .searchandfilter > ul .sf-field-reset,
body.post-type-archive-stay .searchandfilter > ul .sf-field-reset,
body.post-type-archive-restaurant .searchandfilter > ul .sf-field-reset {
width: 200px;
}
}
@media (min-width: 768px) {
body.post-type-archive-experiences .searchandfilter > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 8px 18px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
}
@media (min-width: 768px) {
body.post-type-archive-experiences .searchandfilter > ul .sf-field-taxonomy-cat_experiences,
body.post-type-archive-experiences .searchandfilter > ul .sf-field-taxonomy-required_time {
width: calc(50% - 10px);
}
}
@media (min-width: 1012px) {
body.post-type-archive-experiences .searchandfilter > ul .sf-field-taxonomy-cat_experiences,
body.post-type-archive-experiences .searchandfilter > ul .sf-field-taxonomy-required_time {
width: calc((100% - 54px) / 4);
}
}
@media (min-width: 768px) {
body.post-type-archive-experiences .searchandfilter > ul .sf-field-taxonomy-area {
width: calc(50% - 10px);
}
}
@media (min-width: 1012px) {
body.post-type-archive-experiences .searchandfilter > ul .sf-field-taxonomy-area {
width: calc((100% - 54px) / 4);
}
}
@media (min-width: 768px) {
body.post-type-archive-experiences .searchandfilter > ul .sf-field-search {
width: calc(50% - 10px);
}
}
@media (min-width: 1012px) {
body.post-type-archive-experiences .searchandfilter > ul .sf-field-search {
width: calc((100% - 54px) / 4);
}
}
@media (min-width: 768px) {
body.post-type-archive-experiences .searchandfilter > ul .sf-field-submit {
width: 200px;
}
}
@media (min-width: 768px) {
body.post-type-archive-experiences .searchandfilter > ul .sf-field-reset {
width: 200px;
}
}
.explore-contents {
margin-top: max(48px, min(6.25vw, 80px));
margin-bottom: max(48px, min(6.25vw, 80px));
}
.explore-contents-header {
width: min(100%, 1280px);
margin: 0 auto max(32px, min(3.125vw, 40px));
padding-left: 12px;
padding-right: 12px;
}
.explore-contents-header__title {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
margin-bottom: 8px;
font-size: max(24px, min(2.5vw, 32px));
font-weight: bold;
}
.explore-contents-header__type {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
margin-bottom: 8px;
color: #949494;
font-size: 14px;
text-transform: uppercase;
}
.explore-contents-header__type::after {
display: block;
width: 78px;
height: 1px;
background: #949494;
content: "";
}
.explore-contents-header__catchcopy {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
.explore-contents-header-group {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.explore-contents-gallery {
margin-bottom: max(40px, min(4.375vw, 56px));
}
.explore-contents-gallery__img {
aspect-ratio: 16/9;
background: #f1f1f1;
}
.explore-contents-gallery__img img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.explore-contents-gallery-swiper__img {
aspect-ratio: 16/9;
background: #f1f1f1;
}
.explore-contents-gallery-swiper__img img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.explore-contents-gallery-swiper-nav {
position: absolute;
top: 50%;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 48px;
height: 48px;
background: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
cursor: pointer;
z-index: 1;
}
.explore-contents-gallery-swiper-nav--prev {
left: calc((100% - 32px) / 1.4 * 0.2);
translate: -50% -50%;
}
@media (min-width: 1012px) {
.explore-contents-gallery-swiper-nav--prev {
left: calc((100% - 48px) / 1.4 * 0.2);
}
}
.explore-contents-gallery-swiper-nav--next {
right: calc((100% - 32px) / 1.4 * 0.2);
translate: 50% -50%;
}
@media (min-width: 1012px) {
.explore-contents-gallery-swiper-nav--next {
right: calc((100% - 48px) / 1.4 * 0.2);
}
}
.explore-contents-gallery-swiper-nav svg {
width: 16px;
height: auto;
line-height: 1;
}
.explore-contents-gallery-swiper-pagination {
margin-top: max(16px, min(1.56vw, 20px));
}
.explore-contents-introduction {
width: min(100%, 1280px);
margin: 0 auto max(40px, min(4.375vw, 56px));
padding-left: 12px;
padding-right: 12px;
}
.explore-contents-introduction__tags {
margin-bottom: max(24px, min(2.5vw, 32px));
}
.explore-contents-introduction__description {
margin-bottom: max(24px, min(2.5vw, 32px));
}
.explore-contents-body {
width: min(100%, 1280px);
margin: 0 auto max(48px, min(6.25vw, 80px));
padding: max(40px, min(4.375vw, 56px)) 12px 0;
border-image-source: linear-gradient(#fcfbf9, #fcfbf9);
border-image-slice: 0 fill;
border-image-outset: 0 100vw;
}
@media (min-width: 1012px) {
.explore-contents-body {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
}
.explore-contents-body__main {
margin-bottom: max(48px, min(6.25vw, 80px));
}
@media (min-width: 1012px) {
.explore-contents-body__main {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
}
.explore-contents-body__side {
margin-bottom: max(48px, min(6.25vw, 80px));
}
@media (min-width: 1012px) {
.explore-contents-body__side {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 18.5%;
margin-left: 3.5%;
}
}
.explore-section {
margin-bottom: max(48px, min(6.25vw, 80px));
}
.explore-article-block {
margin-bottom: max(48px, min(6.25vw, 80px));
}
@media (min-width: 1012px) {
.explore-article-block.--layout02, .explore-article-block.--layout03 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-column-gap: 3.4%;
-moz-column-gap: 3.4%;
column-gap: 3.4%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
@media (min-width: 1012px) {
.explore-article-block.--layout02 .explore-article-block__title, .explore-article-block.--layout03 .explore-article-block__title {
width: 100%;
}
}
@media (min-width: 1012px) {
.explore-article-block.--layout02 .explore-article-block-gallery, .explore-article-block.--layout03 .explore-article-block-gallery {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 43%;
}
}
@media (min-width: 1012px) {
.explore-article-block.--layout02 .explore-article-block-contents, .explore-article-block.--layout03 .explore-article-block-contents {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
}
@media (min-width: 1012px) {
.explore-article-block.--layout03 .explore-article-block__title {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
}
@media (min-width: 1012px) {
.explore-article-block.--layout03 .explore-article-block-gallery {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
}
@media (min-width: 1012px) {
.explore-article-block.--layout03 .explore-article-block-contents {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
.explore-article-block-gallery {
margin-bottom: max(32px, min(3.125vw, 40px));
}
.explore-article-block-gallery__img {
aspect-ratio: 16/9;
background: #f1f1f1;
}
.explore-article-block-gallery__img:not(:last-of-type) {
margin-bottom: 16px;
}
.explore-article-block-gallery__img img {
display: block;
width: 100%;
height: 0;
min-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.explore-article-block-gallery-swiper__img {
aspect-ratio: 3/2;
background: #f1f1f1;
}
.explore-article-block-gallery-swiper__img img {
display: block;
width: 100%;
height: 0;
min-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.explore-article-block-gallery-swiper-nav {
position: absolute;
top: 50%;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 48px;
height: 48px;
background: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
cursor: pointer;
z-index: 1;
}
.explore-article-block-gallery-swiper-nav--prev {
left: calc((100% - 32px) / 1.4 * 0.2);
translate: -50% -50%;
}
@media (min-width: 1012px) {
.explore-article-block-gallery-swiper-nav--prev {
left: calc((100% - 48px) / 1.4 * 0.2);
}
}
.explore-article-block-gallery-swiper-nav--next {
right: calc((100% - 32px) / 1.4 * 0.2);
translate: 50% -50%;
}
@media (min-width: 1012px) {
.explore-article-block-gallery-swiper-nav--next {
right: calc((100% - 48px) / 1.4 * 0.2);
}
}
.explore-article-block-gallery-swiper-pagination {
margin-top: max(16px, min(1.56vw, 20px));
}
.explore-article-block-contents__text {
margin-bottom: max(32px, min(3.75vw, 48px));
}
.explore-article-block-contents__link {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-width: 268px;
margin-left: auto;
margin-right: auto;
}
.explore-article-block-contents__link > a {
margin-bottom: 16px;
}
.explore-recommendation {
margin-bottom: max(48px, min(6.25vw, 80px));
}
.explore-recommendation__link {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
min-width: 268px;
margin-left: auto;
margin-right: auto;
}
.explore-recommendation__link > a {
margin-bottom: 16px;
}
.explore-recommendation-contents {
margin-bottom: max(32px, min(3.75vw, 48px));
}
@media (min-width: 1012px) {
.explore-recommendation-contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
padding-left: 28px;
padding-right: 28px;
}
}
@media (min-width: 1012px) {
.explore-recommendation-contents-block {
width: calc((100% - 64px) / 3);
}
}
.explore-recommendation-contents-block__img {
aspect-ratio: 3/2;
margin-bottom: 8px;
background: #f1f1f1;
}
.explore-recommendation-contents-block__img img {
display: block;
width: 100%;
height: 0;
min-height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.explore-recommendation-contents-block__text {
font-size: max(16px, min(1.41vw, 18px));
font-weight: bold;
line-height: 1.5;
}
.explore-info {
margin-bottom: max(48px, min(6.25vw, 80px));
}
@media (min-width: 1012px) {
.explore-info--universal .explore-info-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
}
}
@media (min-width: 1012px) {
.explore-info--universal .explore-info-list-block {
width: 50%;
}
}
.explore-info-list-block {
width: 100%;
line-height: 1.6;
}
@media (min-width: 1012px) {
.explore-info-list-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 4px;
}
}
.explore-info-list-block__label {
padding: 8px 16px;
background: #eeede6;
font-weight: bold;
}
@media (min-width: 1012px) {
.explore-info-list-block__label {
-ms-flex-negative: 0;
flex-shrink: 0;
width: max(150px, min(15.625vw, 200px));
}
}
.explore-info-list-block__text {
padding: 8px 16px;
background: #fff;
}
@media (min-width: 1012px) {
.explore-info-list-block__text {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
}
.explore-profile {
position: relative;
padding: max(16px, min(1.875vw, 24px));
border: 1px #949494 solid;
border-radius: 8px;
}
.explore-profile__title {
position: absolute;
top: 0;
left: 50%;
padding-left: max(16px, min(1.875vw, 24px));
padding-right: max(16px, min(1.875vw, 24px));
background: #fcfbf9;
font-size: max(24px, min(2.5vw, 32px));
font-weight: 100;
translate: -50% -50%;
}
@media (min-width: 1012px) {
.explore-profile-contents {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 4.5%;
-moz-column-gap: 4.5%;
column-gap: 4.5%;
}
}
.explore-profile-contents__img {
margin-bottom: 16px;
aspect-ratio: 3/2;
}
@media (min-width: 1012px) {
.explore-profile-contents__img {
width: 28%;
margin-bottom: 0;
}
}
.explore-profile-contents__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.explore-profile-contents__text {
line-height: 1.6;
}
@media (min-width: 1012px) {
.explore-profile-contents__text {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
}
.explore-recommended-spots__title {
margin-bottom: 16px;
color: #28407b;
font-size: max(16px, min(1.41vw, 18px));
font-weight: bold;
}
.explore-recommended-spots-list-item {
display: block;
-webkit-text-decoration: none;
text-decoration: none;
}
.explore-recommended-spots-list-item:not(:last-of-type) {
margin-bottom: 16px;
}
.explore-recommended-spots-list-item__img {
aspect-ratio: 3/2;
margin-bottom: 8px;
background: #f1f1f1;
border-radius: 8px;
overflow: hidden;
}
.explore-recommended-spots-list-item__img img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.explore-recommended-spots-list-item__name {
font-size: max(16px, min(1.41vw, 18px));
font-weight: bold;
}
.explore-modelcourse-list-item {
position: relative;
padding: 12px;
border: 1px #949494 solid;
border-radius: 8px;
}
.explore-modelcourse-list-item:not(:last-of-type) {
margin-bottom: 16px;
}
@media (min-width: 1012px) {
.explore-modelcourse-list-item {
display: grid;
grid-column-gap: 2.8%;
-webkit-column-gap: 2.8%;
-moz-column-gap: 2.8%;
column-gap: 2.8%;
grid-template-columns: 44% 1fr;
grid-template-rows: auto 1fr auto;
}
}
.explore-modelcourse-list-item__img {
aspect-ratio: 3/2;
margin-bottom: 16px;
background: #f1f1f1;
}
@media (min-width: 1012px) {
.explore-modelcourse-list-item__img {
margin-bottom: 0;
grid-area: 1/1/span 3/2;
}
}
.explore-modelcourse-list-item__img img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.explore-modelcourse-list-item__title {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-bottom: 16px;
color: #1f1f1f;
font-size: max(16px, min(1.41vw, 18px));
font-weight: bold;
line-height: 1.4;
-webkit-text-decoration: none;
text-decoration: none;
}
@media (min-width: 1012px) {
.explore-modelcourse-list-item__title {
grid-area: 1/2/2/3;
}
}
.explore-modelcourse-list-item__title::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "";
}
.explore-modelcourse-list-item__text {
margin-bottom: 16px;
line-height: 1.6;
}
@media (min-width: 1012px) {
.explore-modelcourse-list-item__text {
grid-area: 2/2/3/3;
}
}
@media (min-width: 1012px) {
.explore-modelcourse-list-item__term {
grid-area: 3/2/4/3;
}
}
.explore-modelcourse-list-item__term a {
position: relative;
z-index: 1;
}
.sf-field-taxonomy-cat_topics > ul {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 8px;
}
@media (min-width: 1012px) {
.sf-field-taxonomy-cat_topics > ul {
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
}
}
.sf-field-taxonomy-cat_topics > ul > li {
position: relative;
width: calc(50% - 4px);
padding: 0 !important;
border: 2px #949494 solid;
border-radius: 8px;
}
@media (min-width: 1012px) {
.sf-field-taxonomy-cat_topics > ul > li {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
width: 100%;
}
}
.sf-field-taxonomy-cat_topics > ul > li input {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: 0;
padding: 0;
border: none;
cursor: pointer;
opacity: 0;
z-index: 1;
}
.sf-field-taxonomy-cat_topics > ul > li label {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 100%;
height: 100%;
margin-bottom: 0;
padding: 16px !important;
font-size: 16px;
font-weight: bold;
}
.topics-contents {
margin-top: max(32px, min(4.375vw, 56px));
margin-bottom: max(48px, min(6.25vw, 80px));
}
.topics-contents-header {
width: min(100%, 1280px);
margin: 0 auto max(24px, min(3.125vw, 40px));
padding-left: 12px;
padding-right: 12px;
}
.topics-contents-header hgroup {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: block flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: max(16px, min(1.875vw, 24px));
}
.topics-contents-header__title {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
font-size: max(24px, min(2.5vw, 32px));
font-weight: bold;
line-height: 1.25;
}
.topics-contents-header__type {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: block flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: max(4px, min(0.625vw, 8px));
-moz-column-gap: max(4px, min(0.625vw, 8px));
column-gap: max(4px, min(0.625vw, 8px));
margin-bottom: max(4px, min(0.625vw, 8px));
color: #949494;
font-size: max(12px, min(1.09vw, 14px));
text-transform: uppercase;
}
.topics-contents-header__type::after {
width: 48px;
height: 1px;
background: #949494;
content: "";
}
.topics-contents-header-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.topics-contents-header-info .topics-category-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.topics-contents-header-info .topics-category-list__item {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-right: 8px;
padding: 2px 8px;
background: #eeede6;
color: #1f1f1f;
font-size: 14px;
-webkit-text-decoration: none;
text-decoration: none;
text-transform: capitalize;
}
.topics-contents-header-info .topics-modifieddate {
margin-right: max(8px, min(1.25vw, 16px));
font-size: 14px;
font-weight: bold;
}
.topics-contents-gallery {
margin-bottom: max(32px, min(4.375vw, 56px));
}
.topics-contents-gallery .swiper-wrapper {
margin-bottom: max(16px, min(1.56vw, 20px));
}
.topics-contents-gallery__img {
width: min(100%, 1280px);
margin-left: auto;
margin-right: auto;
padding-left: 12px;
padding-right: 12px;
aspect-ratio: 16/9;
}
.topics-contents-gallery__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.topics-contents-gallery-swiper__img {
aspect-ratio: 16/9;
}
.topics-contents-gallery-swiper__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.topics-contents-gallery-swiper-nav {
position: absolute;
top: 50%;
display: grid;
display: block grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 48px;
height: 48px;
background: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
cursor: pointer;
z-index: 1;
}
.topics-contents-gallery-swiper-nav__prev {
left: calc((100% - 32px) / 1.4 * 0.2);
translate: -50% -50%;
}
@media (min-width: 1012px) {
.topics-contents-gallery-swiper-nav__prev {
left: calc((100% - 48px) / 1.4 * 0.2);
}
}
.topics-contents-gallery-swiper-nav__next {
right: calc((100% - 32px) / 1.4 * 0.2);
translate: 50% -50%;
}
@media (min-width: 1012px) {
.topics-contents-gallery-swiper-nav__next {
right: calc((100% - 48px) / 1.4 * 0.2);
}
}
.topics-contents-gallery-swiper-nav svg {
width: 16px;
height: auto;
line-height: 1;
}
.topics-contents-body {
margin-bottom: max(48px, min(6.25vw, 80px));
}
.topics-contents-substance {
width: min(100%, 1280px);
margin-left: auto;
margin-right: auto;
padding: max(32px, min(4.375vw, 56px)) 12px;
border-image-source: linear-gradient(#fcfbf9, #fcfbf9);
border-image-slice: 0 fill;
border-image-outset: 0 100vw;
}
.topics-contents-info {
width: min(100%, 1280px);
margin-left: auto;
margin-right: auto;
padding: max(32px, min(4.375vw, 56px)) 12px;
border-image-source: linear-gradient(#fcfbf9, #fcfbf9);
border-image-slice: 0 fill;
border-image-outset: 0 100vw;
}
.add-btn-placed-on-pic {
position: absolute;
top: 16px;
right: 16px;
left: auto !important;
z-index: 1;
line-height: 1;
}
.add-btn-placed-on-pic__active-icon, .add-btn-placed-on-pic__icon {
border: 0;
padding: 0;
background-color: rgba(0, 0, 0, 0.2);
outline: none;
}
.add-btn-placed-on-pic__active-icon:focus, .add-btn-placed-on-pic__icon:focus {
outline: none;
}
.add-btn-placed-on-pic__icon {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 32px;
height: 32px;
border-radius: 50%;
color: #fff;
cursor: pointer;
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
font-size: 20px;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.add-btn-placed-on-pic__icon:hover {
color: #d58187;
}
.add-btn-placed-on-pic__active-icon {
color: #d58187;
cursor: pointer;
-webkit-transition: color 0.2s ease;
transition: color 0.2s ease;
font-size: 20px;
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
}
.add-btn-placed-on-pic svg {
pointer-events: none;
}
.approval-required-fix-balloon {
position: fixed;
bottom: 4rem;
right: 1rem;
width: 450px;
height: auto;
max-width: calc(100vw - 1rem - 1rem);
padding: 1rem;
background-color: rgba(0, 0, 0, 0.75);
-webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.4);
z-index: 999;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media (min-width: 768px) {
.approval-required-fix-balloon {
bottom: 1rem;
}
}
.approval-required-fix-balloon__lead {
margin: 0;
color: #fff;
font-size: 0.8rem;
line-height: 1.6;
}
.approval-required-fix-balloon__accept-btn {
display: inline-block;
padding: 0.2rem 8px;
border-radius: 4px;
background-color: #ff0023;
color: #fff;
font-size: 0.8rem;
font-weight: bold;
-webkit-text-decoration: none;
text-decoration: none;
line-height: 1;
cursor: pointer;
}
.approval-required-fix-balloon-animation-show {
-webkit-animation-name: approval_required_fix_balloon_show;
animation-name: approval_required_fix_balloon_show;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.approval-required-fix-balloon-animation-hide {
-webkit-animation-name: approval_required_fix_balloon_hide;
animation-name: approval_required_fix_balloon_hide;
-webkit-animation-duration: 0.6s;
animation-duration: 0.6s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-delay: 0s;
animation-delay: 0s;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
-webkit-animation-direction: normal;
animation-direction: normal;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
@-webkit-keyframes approval_required_fix_balloon_show {
0% {
opacity: 0;
-webkit-transform: translate(100px, 0);
transform: translate(100px, 0);
}
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes approval_required_fix_balloon_show {
0% {
opacity: 0;
-webkit-transform: translate(100px, 0);
transform: translate(100px, 0);
}
100% {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@-webkit-keyframes approval_required_fix_balloon_hide {
0% {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate(100px, 0);
transform: translate(100px, 0);
}
}
@keyframes approval_required_fix_balloon_hide {
0% {
opacity: 1;
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
100% {
opacity: 0;
-webkit-transform: translate(100px, 0);
transform: translate(100px, 0);
}
}
.archive-contents {
margin-bottom: max(48px, min(6.25vw, 80px));
}
.archive-contents-header {
margin-bottom: max(24px, min(3.125vw, 40px));
}
.archive-contents-header__title {
padding: max(24px, min(3.125vw, 40px)) 12px;
background: #eeede6;
color: #1f1f1f;
font-size: max(24px, min(2.5vw, 32px));
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
.archive-contents-section {
margin-bottom: max(48px, min(6.25vw, 80px));
}
.breadcrumb {
margin-bottom: max(48px, min(6.25vw, 80px));
padding-top: max(12px, min(1.25vw, 16px));
padding-bottom: max(12px, min(1.25vw, 16px));
border-top: 1px #949494 solid;
border-bottom: 1px #949494 solid;
overflow-x: auto;
}
.breadcrumb-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: max(12px, min(1.25vw, 16px));
-moz-column-gap: max(12px, min(1.25vw, 16px));
column-gap: max(12px, min(1.25vw, 16px));
width: min(100%, 1280px);
margin: 0 auto;
padding: 0 12px;
list-style: none;
}
.breadcrumb-list__item {
-ms-flex-negative: 0;
flex-shrink: 0;
color: #1f1f1f;
font-size: max(12px, min(1.25vw, 16px));
white-space: nowrap;
}
.breadcrumb-list__item > a {
color: #1f1f1f;
}
.breadcrumb-list__item:not(:last-of-type) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: max(12px, min(1.25vw, 16px));
-moz-column-gap: max(12px, min(1.25vw, 16px));
column-gap: max(12px, min(1.25vw, 16px));
}
.breadcrumb-list__item:not(:last-of-type)::after {
content: "ー";
}
.breadcrumb-list__item:last-of-type {
padding-right: 12px;
font-weight: bold;
}
.btn-black {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: min(100%, 25em);
width: 100%;
min-height: 44px;
padding: 8px 16px;
background: #1f1f1f;
border: 2px #1f1f1f solid;
border-radius: 6px;
color: #fff;
-webkit-text-decoration: none;
text-decoration: none;
-webkit-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
@media (hover: hover) {
.btn-black:hover {
background: #fff;
color: #1f1f1f;
}
}
.btn-black:has(.arrow) {
display: inline-grid;
grid-template-columns: 1fr auto 1fr;
-webkit-column-gap: 1em;
-moz-column-gap: 1em;
column-gap: 1em;
}
.btn-black:has(.arrow)::before {
content: "";
}
.btn-black:has(.arrow) .arrow {
display: inline-block;
width: 1ex;
justify-self: end;
}
.btn-black:has(.icon) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
}
.btn-black:has(.icon) .icon {
width: 16px;
line-height: 1;
}
.btn-black-outline {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: min(100%, 25em);
width: 100%;
min-height: 44px;
padding: 8px 16px;
background: #fff;
border: 2px #1f1f1f solid;
border-radius: 6px;
color: #1f1f1f;
-webkit-text-decoration: none;
text-decoration: none;
-webkit-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
@media (hover: hover) {
.btn-black-outline:hover {
background: #1f1f1f;
color: #fff;
}
}
.btn-black-outline:has(.arrow) {
display: inline-grid;
grid-template-columns: 1fr auto 1fr;
-webkit-column-gap: 1em;
-moz-column-gap: 1em;
column-gap: 1em;
}
.btn-black-outline:has(.arrow)::before {
content: "";
}
.btn-black-outline:has(.arrow) .arrow {
display: inline-block;
width: 1ex;
justify-self: end;
line-height: 1;
}
.btn-black-outline:has(.icon) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
}
.btn-black-outline:has(.icon) .icon {
width: 16px;
line-height: 1;
}
.btn-gray {
display: inline-grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: min(100%, 25em);
width: 100%;
min-height: 44px;
padding: 8px 16px;
background: #949494;
border: 2px #949494 solid;
border-radius: 6px;
color: #fff;
-webkit-text-decoration: none;
text-decoration: none;
}
.btn-gray:disabled {
pointer-events: none;
cursor: not-allowed;
opacity: 0.75;
}
.btn-light-gray {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
width: 100%;
min-height: 44px;
padding: 8px 16px;
background: #eeede6;
border: 1px #eeede6 solid;
color: #1f1f1f;
-webkit-text-decoration: none;
text-decoration: none;
}
.btn-blue {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: min(100%, 25em);
width: 100%;
min-height: 44px;
padding: 8px 16px;
background: #28407b;
border: 2px #28407b solid;
border-radius: 6px;
color: #fff;
-webkit-text-decoration: none;
text-decoration: none;
-webkit-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
@media (hover: hover) {
.btn-blue:hover {
background: #fff;
color: #28407b;
}
}
.btn-blue:has(.arrow) {
display: inline-grid;
grid-template-columns: 1fr auto 1fr;
-webkit-column-gap: 1em;
-moz-column-gap: 1em;
column-gap: 1em;
}
.btn-blue:has(.arrow)::before {
content: "";
}
.btn-blue:has(.arrow) .arrow {
display: inline-block;
width: 1ex;
justify-self: end;
}
.btn-blue:has(.icon) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
}
.btn-blue:has(.icon) .icon {
width: 16px;
line-height: 1;
}
.btn-blue-outline {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: min(100%, 25em);
width: 100%;
min-height: 44px;
padding: 8px 16px;
background: #fff;
border: 2px #28407b solid;
border-radius: 6px;
color: #28407b;
-webkit-text-decoration: none;
text-decoration: none;
-webkit-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
@media (hover: hover) {
.btn-blue-outline:hover {
background: #28407b;
color: #fff;
}
}
.btn-blue-outline:has(.arrow) {
display: inline-grid;
grid-template-columns: 1fr auto 1fr;
-webkit-column-gap: 1em;
-moz-column-gap: 1em;
column-gap: 1em;
}
.btn-blue-outline:has(.arrow)::before {
content: "";
}
.btn-blue-outline:has(.arrow) .arrow {
display: inline-block;
width: 1ex;
justify-self: end;
}
.btn-blue-outline:has(.icon) {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
}
.btn-blue-outline:has(.icon) .icon {
width: 16px;
line-height: 1;
}
.btn-external {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
width: 100%;
min-height: 44px;
padding: 8px 16px;
background: #fff;
border: 1px #1f1f1f solid;
border-radius: 8px;
color: #1f1f1f;
font-weight: bold;
-webkit-text-decoration: none;
text-decoration: none;
-webkit-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
.btn-external .icon {
height: 1lh;
color: #28407b;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
.btn-external .icon svg {
width: 16px;
}
@media (hover: hover) {
.btn-external:hover {
background: #1f1f1f;
color: #fff;
}
}
@media (hover: hover) {
.btn-external:hover .icon {
color: #fff;
}
}
.btn-reservation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
width: 100%;
min-height: 44px;
padding: 8px 16px;
background: #28407b;
border: 1px #28407b solid;
border-radius: 8px;
color: #fff;
-webkit-text-decoration: none;
text-decoration: none;
-webkit-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
.btn-reservation .icon {
width: 16px;
line-height: 1;
}
@media (hover: hover) {
.btn-reservation:hover {
background: #fff;
color: #28407b;
}
}
.btn-back {
display: inline-grid;
grid-template-columns: 1fr auto 1fr;
-webkit-column-gap: 1em;
-moz-column-gap: 1em;
column-gap: 1em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: min(100%, 25em);
width: 100%;
min-height: 44px;
padding: 8px 16px;
background: #fff;
border: 2px #1f1f1f solid;
border-radius: 6px;
color: #1f1f1f;
-webkit-text-decoration: none;
text-decoration: none;
-webkit-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
.btn-back .arrow {
display: inline-block;
width: 1ex;
justify-self: start;
}
.btn-back::after {
content: "";
}
@media (hover: hover) {
.btn-back:hover {
background: #1f1f1f;
color: #fff;
}
}
.btn-download {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
width: 100%;
min-height: 44px;
padding: 8px 16px;
background: #fff;
border: 2px #1f1f1f solid;
border-radius: 8px;
color: #1f1f1f;
-webkit-text-decoration: none;
text-decoration: none;
-webkit-transition: background 0.3s, color 0.3s;
transition: background 0.3s, color 0.3s;
}
.btn-download .icon {
width: 16px;
color: #28407b;
line-height: 1;
-webkit-transition: color 0.3s;
transition: color 0.3s;
}
@media (hover: hover) {
.btn-download:hover {
background: #1f1f1f;
color: #fff;
}
}
@media (hover: hover) {
.btn-download:hover .icon {
color: #fff;
}
}
[class*=btn-].__size-large {
min-height: 56px;
}
.card-list {
display: grid;
display: block grid;
grid-template-columns: repeat(auto-fill, minmax(min(350px, 100%), 1fr));
grid-gap: max(36px, min(4.375vw, 56px)) max(16px, min(2.5vw, 32px));
gap: max(36px, min(4.375vw, 56px)) max(16px, min(2.5vw, 32px));
}
.card {
position: relative;
}
.card-img {
aspect-ratio: 3/2;
margin-bottom: 8px;
border-radius: 8px;
overflow: hidden;
}
.card-img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.card-img + .card-terms {
margin-bottom: 8px;
}
.card-title {
display: -webkit-box;
margin-bottom: 12px;
padding-left: 8px;
padding-right: 8px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color: #1f1f1f;
font-size: max(16px, min(1.41vw, 18px));
font-weight: bold;
line-height: 1.25;
overflow: hidden;
-webkit-text-decoration: none;
text-decoration: none;
}
.card-title::before {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "";
}
.card-text {
display: -webkit-box;
margin-bottom: 16px;
padding-left: 8px;
padding-right: 8px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
color: #1f1f1f;
font-size: 14px;
line-height: 1.6;
overflow: hidden;
}
.card-terms {
padding-left: 8px;
padding-right: 8px;
}
.card-terms .tag-list__item {
position: relative;
font-weight: normal;
}
.card-terms + .card-terms {
margin-top: 8px;
}
.fixed-page-content .wp-block-group {
margin-bottom: max(24px, min(2.5vw, 32px));
}
.fixed-page-content .wp-block-group.contents-wrapper {
padding-top: max(32px, min(4.375vw, 56px));
padding-bottom: max(32px, min(4.375vw, 56px));
border-image-source: linear-gradient(#fcfbf9, #fcfbf9);
border-image-slice: 0 fill;
border-image-outset: 0 100vw;
}
.fixed-page-content > .wp-block-group {
margin-bottom: max(48px, min(6.25vw, 80px));
}
.fixed-page-content .wp-block-heading {
margin-bottom: max(16px, min(1.875vw, 24px));
font-size: 16px;
}
.fixed-page-content .wp-block-heading.--size01 {
font-size: max(20px, min(1.875vw, 24px));
}
.fixed-page-content .wp-block-heading.--size02 {
font-size: max(18px, min(1.56vw, 20px));
}
.fixed-page-content .wp-block-heading.--size03 {
font-size: max(16px, min(1.41vw, 18px));
}
.fixed-page-content p {
margin-top: max(16px, min(1.875vw, 24px));
line-height: 1.6;
}
.fixed-page-content p + .wp-block-group {
margin-top: max(16px, min(1.875vw, 24px));
}
.fixed-page-content a {
color: #28407b;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.fixed-page-content ul {
margin: 0;
padding: 0;
line-height: 1.6;
}
.fixed-page-content ul:not([class]) {
padding: 0 0 0 20px;
list-style-type: disc;
}
.fixed-page-content ul li {
margin-bottom: max(16px, min(1.875vw, 24px));
}
.fixed-page-content ol {
margin: 0;
line-height: 1.6;
}
.fixed-page-content ol:not([class]) {
padding: 0 0 0 20px;
list-style-type: decimal;
}
.fixed-page-content ol.wp-block-list[class=wp-block-list] {
padding: 0 0 0 20px;
list-style-type: decimal;
}
.fixed-page-content ol li {
margin-bottom: max(16px, min(1.875vw, 24px));
}
.fixed-page-content ol li ul {
padding: 0 0 0 16px;
list-style-type: disc;
}
.fixed-page-content ol li ul li {
margin-bottom: 0;
}
.fixed-page-content .wp-block-gallery {
margin-bottom: max(16px, min(1.875vw, 24px));
}
.fixed-page-content .wp-block-table {
margin-bottom: max(16px, min(1.875vw, 24px));
}
.fixed-page-content .wp-block-table table:not([class]) {
width: 100%;
border-collapse: collapse;
border: none;
}
.fixed-page-content .wp-block-table table:not([class]) tr {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
margin-bottom: 8px;
}
.fixed-page-content .wp-block-table table:not([class]) th {
-ms-flex-negative: 0;
flex-shrink: 0;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: min(25%, 200px);
padding: 8px max(8px, min(1.25vw, 16px));
background: #eeede6;
border: none;
font-size: 16px;
vertical-align: middle;
}
.fixed-page-content .wp-block-table table:not([class]) td {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
padding: 8px max(8px, min(1.875vw, 24px));
border: none;
}
.fixed-page-content .wp-block-table table:not([class]) a {
color: #6c757d;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.fixed-page-content .wp-block-button__link {
display: inline-grid;
grid-template-columns: 1fr auto 1fr;
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: min(100%, 25em);
width: 100%;
min-height: 44px;
padding: 24px 16px;
background: #fff;
border: 2px #1f1f1f solid;
border-radius: 6px;
color: #1f1f1f;
-webkit-text-decoration: none;
text-decoration: none;
}
.fixed-page-content .wp-block-button__link::before {
content: "";
}
.fixed-page-content .wp-block-button__link:after {
display: inline-block;
width: 1ex;
justify-self: end;
content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="svg-icon" viewBox="0 0 320 512"><path fill="currentColor" d="M278.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-160 160c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L210.7 256 73.4 118.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l160 160z"/></svg>');
}
.fixed-page-content .wp-block-button__link[href$=pdf] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
padding: 16px;
}
.fixed-page-content .wp-block-button__link[href$=pdf]::before {
display: inline-block;
width: 16px;
color: #28407b;
content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="svg-icon" viewBox="0 0 512 512"><path fill="currentColor" d="M64 464l48 0 0 48-48 0c-35.3 0-64-28.7-64-64L0 64C0 28.7 28.7 0 64 0L229.5 0c17 0 33.3 6.7 45.3 18.7l90.5 90.5c12 12 18.7 28.3 18.7 45.3L384 304l-48 0 0-144-80 0c-17.7 0-32-14.3-32-32l0-80L64 48c-8.8 0-16 7.2-16 16l0 384c0 8.8 7.2 16 16 16zM176 352l32 0c30.9 0 56 25.1 56 56s-25.1 56-56 56l-16 0 0 32c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-48 0-80c0-8.8 7.2-16 16-16zm32 80c13.3 0 24-10.7 24-24s-10.7-24-24-24l-16 0 0 48 16 0zm96-80l32 0c26.5 0 48 21.5 48 48l0 64c0 26.5-21.5 48-48 48l-32 0c-8.8 0-16-7.2-16-16l0-128c0-8.8 7.2-16 16-16zm32 128c8.8 0 16-7.2 16-16l0-64c0-8.8-7.2-16-16-16l-16 0 0 96 16 0zm80-112c0-8.8 7.2-16 16-16l48 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 32 32 0c8.8 0 16 7.2 16 16s-7.2 16-16 16l-32 0 0 48c0 8.8-7.2 16-16 16s-16-7.2-16-16l0-64 0-64z"/></svg>');
}
.fixed-page-content .wp-block-button__link[href$=pdf]::after {
display: none;
}
.fixed-page-content .wp-block-button__link[href$=doc], .fixed-page-content .wp-block-button__link[href$=docx] {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
padding: 16px;
}
.fixed-page-content .wp-block-button__link[href$=doc]::before, .fixed-page-content .wp-block-button__link[href$=docx]::before {
display: inline-block;
width: 16px;
color: #28407b;
content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="svg-icon" viewBox="0 0 384 512"><path fill="currentColor" d="M48 448L48 64c0-8.8 7.2-16 16-16l160 0 0 80c0 17.7 14.3 32 32 32l80 0 0 288c0 8.8-7.2 16-16 16L64 464c-8.8 0-16-7.2-16-16zM64 0C28.7 0 0 28.7 0 64L0 448c0 35.3 28.7 64 64 64l256 0c35.3 0 64-28.7 64-64l0-293.5c0-17-6.7-33.3-18.7-45.3L274.7 18.7C262.7 6.7 246.5 0 229.5 0L64 0zm55 241.1c-3.8-12.7-17.2-19.9-29.9-16.1s-19.9 17.2-16.1 29.9l48 160c3 10.2 12.4 17.1 23 17.1s19.9-7 23-17.1l25-83.4 25 83.4c3 10.2 12.4 17.1 23 17.1s19.9-7 23-17.1l48-160c3.8-12.7-3.4-26.1-16.1-29.9s-26.1 3.4-29.9 16.1l-25 83.4-25-83.4c-3-10.2-12.4-17.1-23-17.1s-19.9 7-23 17.1l-25 83.4-25-83.4z"/></svg>');
}
.fixed-page-content .wp-block-button__link[href$=doc]::after, .fixed-page-content .wp-block-button__link[href$=docx]::after {
display: none;
}
.fixed-page-content .wp-block-image {
margin-bottom: max(16px, min(1.875vw, 24px));
}
.fixed-page-content .wp-block-image img {
display: block;
}
.fixed-page-content .wp-block-image.size-full img {
width: 100%;
}
.fixed-page-content .page-nav {
margin-bottom: max(48px, min(6.25vw, 80px));
}
.fixed-page-content .page-nav .page-nav-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: 24px;
}
.fixed-page-content .page-nav .page-nav-list__item {
width: 100%;
margin-bottom: 0;
}
@media (min-width: 768px) {
.fixed-page-content .page-nav .page-nav-list__item {
width: calc(50% - 12px);
}
}
@media (min-width: 1012px) {
.fixed-page-content .page-nav .page-nav-list__item {
width: calc(20% - 19.2px);
}
}
.fixed-page-content .page-nav .page-nav-list__item a {
display: inline-grid;
grid-template-columns: 1fr auto 1fr;
-webkit-column-gap: 1em;
-moz-column-gap: 1em;
column-gap: 1em;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: min(100%, 25em);
width: 100%;
min-height: 44px;
padding: 8px 16px;
background: #fff;
border: 2px #1f1f1f solid;
border-radius: 6px;
color: #1f1f1f;
-webkit-text-decoration: none;
text-decoration: none;
}
.fixed-page-content .page-nav .page-nav-list__item a::before {
content: "";
}
.fixed-page-content .page-nav .page-nav-list__item a:after {
display: inline-block;
width: 1ex;
justify-self: end;
content: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" class="svg-icon" viewBox="0 0 448 512"><path fill="currentColor" d="M201.4 342.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 274.7 86.6 137.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z"/></svg>');
}
.fixed-page-content .iframe-wrap {
width: 100%;
aspect-ratio: 16/9;
}
.fixed-page-content .iframe-wrap iframe {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.filter-block {
margin-bottom: max(32px, min(3.125vw, 40px));
}
.filter-block__heading {
position: relative;
margin-bottom: max(12px, min(1.25vw, 16px));
padding: 8px;
cursor: pointer;
font-size: max(16px, min(2.19vw, 28px));
text-align: center;
}
.filter-block__heading .icon {
position: absolute;
top: 50%;
right: max(8px, min(1.25vw, 16px));
width: max(16px, min(1.875vw, 24px));
line-height: 0;
-webkit-transform: translateY(-50%) rotate(180deg);
transform: translateY(-50%) rotate(180deg);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
.filter-block__heading .icon.is-active {
-webkit-transform: translateY(-50%) rotate(0);
transform: translateY(-50%) rotate(0);
}
.filter-block--genre .filter-block-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%;
-webkit-column-gap: max(8px, min(1.875vw, 24px));
-moz-column-gap: max(8px, min(1.875vw, 24px));
column-gap: max(8px, min(1.875vw, 24px));
row-gap: 8px;
}
@media (min-width: 1012px) {
.filter-block--area .filter-block-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 56px;
-moz-column-gap: 56px;
column-gap: 56px;
}
}
.filter-block--keyword input[type=search] {
width: 100%;
padding: max(8px, min(0.94vw, 12px)) max(8px, min(1.25vw, 16px));
background: #f1f1f1;
border: none;
font-size: max(16px, min(1.56vw, 20px));
}
.filter-block-list__item {
font-size: max(16px, min(1.56vw, 20px));
}
.filter-block-list .area-map {
display: none;
}
@media (min-width: 1012px) {
.filter-block-list .area-map {
display: block;
width: 517px;
}
}
@media (min-width: 1012px) {
.filter-block-list .area-input-list {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
}
.filter-block-list .area-input-list__item {
position: relative;
height: max(36px, min(3.75vw, 48px));
}
.filter-block-list .area-input-list__item:not(:last-of-type) {
margin-bottom: max(16px, min(2.5vw, 32px));
}
.filter-block-list .area-input-list__item input[type=checkbox] {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
}
.filter-block-list .area-input-list__item label {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 100%;
height: 100%;
border-width: 2px;
border-style: solid;
border-radius: 50px;
font-size: max(16px, min(2.34vw, 30px));
}
@media (min-width: 768px) {
.filter-button {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
width: min(100%, 837px);
margin-left: auto;
margin-right: auto;
}
}
.filter-button__submit {
margin-bottom: 16px;
}
@media (min-width: 768px) {
.filter-button__submit {
width: 64.52%;
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.filter-button__reset {
width: 32.62%;
}
}
.float {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
row-gap: 3px;
padding: 16px 8px;
border-radius: 5px 0px 0px 5px;
background-color: #28407b;
cursor: pointer;
-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2509803922);
box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2509803922);
position: fixed;
right: 0;
bottom: 200px;
letter-spacing: 0.05em;
z-index: 2;
}
@media (hover: hover) {
.float {
-webkit-transition: 0.2s ease transform, 0.4s ease opacity;
transition: 0.2s ease transform, 0.4s ease opacity;
-webkit-transform: translateX(5px);
transform: translateX(5px);
padding-right: 13px;
}
.float:hover {
-webkit-transform: translateX(0px);
transform: translateX(0px);
opacity: 0.5;
}
}
.float .float__icon path {
fill: #fff;
}
.float .float__txt {
color: #fff;
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
font-size: 16px;
}
.input-txt input[type=text],
.input-txt input[type=email],
.input-txt input[type=tel],
.input-txt input[type=date],
.input-txt textarea {
width: 100%;
padding: 8px 12px;
background-color: #fff;
background-clip: padding-box;
border: 1px #d3d3d3 solid;
border-radius: 4px;
font-size: 16px;
line-height: 1.5;
outline: none;
-webkit-transition: -webkit-box-shadow 0.15s ease-in-out;
transition: -webkit-box-shadow 0.15s ease-in-out;
transition: box-shadow 0.15s ease-in-out;
transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
.input-range input[type=range] {
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
height: 16px;
border-radius: 10px;
border: 1px #d3d3d3 solid;
outline: 0;
}
.input-range input[type=range]::-webkit-slider-thumb {
-webkit-appearance: none;
background: #ff0023;
width: 24px;
height: 24px;
border-radius: 50%;
border: 1px #d3d3d3 solid;
}
.input-range input[type=range]::-moz-range-thumb {
background: #ff0023;
width: 24px;
height: 24px;
border-radius: 50%;
border: 1px #d3d3d3 solid;
}
.input-range input[type=range]::-moz-focus-outer {
border: 0;
}
.select-wrap select {
display: block;
width: 100%;
padding: 8px 12px;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
background-clip: padding-box;
border: 1px #d3d3d3 solid;
border-radius: 4px;
font-size: 16px;
line-height: 1.5;
-webkit-transition: -webkit-box-shadow 0.15s ease-in-out;
transition: -webkit-box-shadow 0.15s ease-in-out;
transition: box-shadow 0.15s ease-in-out;
transition: box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
@media (min-width: 1012px) {
.input-date {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.input-date__start {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.input-date__start::after {
padding-left: 8px;
padding-right: 8px;
content: "〜";
} .form-confirm {
display: none;
} .wpcf7-response-output {
display: none;
}
.heading-decoration01 {
position: relative;
margin-bottom: max(24px, min(2.5vw, 32px));
padding-bottom: 8px;
border-bottom: 2px #949494 solid;
color: #28407b;
font-weight: bold;
}
.heading-decoration01::after {
position: absolute;
bottom: -3px;
left: 0;
display: block;
width: 90px;
height: 4px;
background: #28407b;
content: "";
}
.heading-decoration02 {
position: relative;
margin-bottom: max(24px, min(2.5vw, 32px));
padding-bottom: 8px;
border-bottom: 2px #949494 solid;
font-weight: bold;
}
.heading-decoration02::after {
position: absolute;
bottom: -3px;
left: 0;
display: block;
width: 90px;
height: 4px;
background: #1f1f1f;
content: "";
}
.heading-bg-gray {
padding: max(12px, min(1.25vw, 16px));
background: #eeede6;
}
.heading-border-gray {
margin-bottom: max(24px, min(2.5vw, 32px));
padding-bottom: 8px;
border-bottom: 2px #949494 solid;
font-weight: bold;
}
[class*=heading-].--size01 {
font-size: max(20px, min(1.875vw, 24px));
}
[class*=heading-].--size02 {
font-size: max(18px, min(1.56vw, 20px));
}
[class*=heading-].--size03 {
font-size: max(16px, min(1.41vw, 18px));
}
[class*=heading-].--size04 {
font-size: 16px;
}
.jc-aic-floating-nav {
position: fixed;
bottom: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 1px;
-moz-column-gap: 1px;
column-gap: 1px;
width: 100%;
z-index: 100;
}
@media (min-width: 768px) {
.jc-aic-floating-nav {
top: 25vh;
bottom: auto;
display: block;
width: 84px;
overflow: hidden;
}
}
.jc-aic-floating-nav-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
padding: 4px 8px;
-webkit-text-decoration: none;
text-decoration: none;
}
@media (min-width: 768px) {
.jc-aic-floating-nav-btn {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 80px;
padding: 16px 8px;
padding-right: 12px;
border-radius: 8px 0 0 8px;
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
-webkit-transition: -webkit-transform 0.3s;
transition: -webkit-transform 0.3s;
transition: transform 0.3s;
transition: transform 0.3s, -webkit-transform 0.3s;
}
}
.jc-aic-floating-nav-btn--jc {
background: #fff;
border-radius: 16px 0 0 0;
color: #3b3b3b;
}
@media (min-width: 768px) {
.jc-aic-floating-nav-btn--jc {
border-radius: 0 16px 0 0;
}
}
@media (min-width: 768px) {
.jc-aic-floating-nav-btn--jc .jc-aic-floating-nav-btn__txt {
font-size: max(16px, min(1.56vw, 20px));
}
}
.jc-aic-floating-nav-btn--jc .jc-aic-floating-nav-btn__icon {
width: 40px;
}
.jc-aic-floating-nav-btn--aic {
background: #5b895e;
border-radius: 0 16px 0 0;
color: #fff;
font-size: 15px;
}
@media (min-width: 768px) {
.jc-aic-floating-nav-btn--aic {
border-radius: 0 0 16px 0;
}
}
.jc-aic-floating-nav-btn--aic .jc-aic-floating-nav-btn__icon {
width: 20px;
}
.jc-aic-floating-nav-btn--aic .jc-aic-floating-nav-btn__txt {
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
}
.jc-aic-floating-nav-btn__icon {
-ms-flex-negative: 0;
flex-shrink: 0;
margin-right: 8px;
}
@media (min-width: 768px) {
.jc-aic-floating-nav-btn__icon {
margin-right: 0;
margin-bottom: 8px;
text-align: center;
}
}
.jc-aic-floating-nav-btn__txt {
margin-bottom: 0;
font-weight: bold;
line-height: 1.2;
}
@media (min-width: 768px) {
.jc-aic-floating-nav-btn__txt {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
}
}
@media (min-width: 768px) {
.jc-aic-floating-nav-btn__txt span {
-webkit-text-combine: horizontal;
text-combine-upright: all;
}
}
@media (hover: hover) and (min-width: 768px) {
.jc-aic-floating-nav-btn:hover {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.jc-aic-floating-nav-btn-counter {
-ms-flex-negative: 0;
flex-shrink: 0;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 32px;
height: 32px;
margin-left: 8px;
background: #5b895e;
border-radius: 50%;
color: #fff;
font-weight: bold;
line-height: 1;
text-align: center;
}
@media (min-width: 768px) {
.jc-aic-floating-nav-btn-counter {
margin: 8px auto 0;
}
}
.bracket-list {
margin: 0;
padding: 0;
counter-reset: num 0;
}
.bracket-list__item {
display: grid;
display: block grid;
grid-template-columns: auto 1fr;
grid-column-gap: 0.5em;
-webkit-column-gap: 0.5em;
-moz-column-gap: 0.5em;
column-gap: 0.5em;
}
.bracket-list__item::before {
counter-increment: num 1;
content: counter(num) ")";
}
@media (min-width: 1012px) {
.near-spot-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
column-gap: 24px;
}
}
.near-spot-list .near-spot-list-item {
margin-bottom: 24px;
}
@media (min-width: 1012px) {
.near-spot-list .near-spot-list-item {
width: calc((100% - 48px) / 3);
margin-bottom: 0;
}
}
.near-spot-list-item {
position: relative;
line-height: 1.6;
}
.near-spot-list-item__img {
position: relative;
aspect-ratio: 3/2;
margin-bottom: 8px;
border-radius: 10px;
background: #f1f1f1;
overflow: hidden;
}
.near-spot-list-item__img img {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.near-spot-list-item__title {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin-bottom: 16px;
color: #1f1f1f;
font-size: max(16px, min(1.41vw, 18px));
font-weight: bold;
-webkit-text-decoration: none;
text-decoration: none;
}
.near-spot-list-item__title::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
content: "";
}
.near-spot-list-item__text {
display: -webkit-box;
margin-bottom: 16px;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.near-spot-list-item__terms a {
position: relative;
z-index: 1;
}
.near-spot-swiper {
position: relative;
padding-left: 24px;
padding-right: 24px;
}
.near-spot-swiper .near-spot-swiper-nav {
position: absolute;
top: 50%;
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 48px;
height: 48px;
background: #fff;
border-radius: 50%;
-webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);
cursor: pointer;
translate: 0 -50%;
z-index: 1;
}
.near-spot-swiper .near-spot-swiper-nav--prev {
left: 0;
}
.near-spot-swiper .near-spot-swiper-nav--next {
right: 0;
}
.near-spot-swiper .near-spot-swiper-nav svg {
width: 16px;
height: auto;
line-height: 1;
}
.page-contents {
margin-bottom: max(48px, min(6.25vw, 80px));
}
.page-contents-header {
margin-bottom: max(24px, min(3.125vw, 40px));
}
.page-contents-header__title {
padding: max(24px, min(3.125vw, 40px)) 12px;
background: #eeede6;
color: #1f1f1f;
font-size: max(24px, min(2.5vw, 32px));
font-weight: bold;
text-align: center;
text-transform: uppercase;
}
.cmn-page-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
row-gap: 10px;
width: min(90%, 1440px);
margin: 0 auto max(40px, min(10.94vw, 140px));
}
.cmn-page-nav__link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
width: max(163px, min(15.625vw, 200px));
padding: max(4px, min(0.625vw, 8px)) max(16px, min(1.875vw, 24px));
background: #e9e9e9;
border-radius: 50px;
-webkit-text-decoration: none;
text-decoration: none;
text-transform: uppercase;
}
.cmn-page-nav__link .icon {
width: 12px;
color: #e16565;
line-height: 0;
}
.navigation.pagination .nav-links {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
}
.navigation.pagination .nav-links .page-numbers {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: max(28px, min(3.125vw, 40px));
height: max(28px, min(3.125vw, 40px));
background: #fff;
border: 1px #949494 solid;
border-radius: 8px;
color: #1f1f1f;
-webkit-text-decoration: none;
text-decoration: none;
}
.navigation.pagination .nav-links .page-numbers.current {
border: 2px #1f1f1f solid;
}
.navigation.pagination .nav-links .page-numbers.dots {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
background: none;
border: none;
}
.navigation.pagination .nav-links .page-numbers.prev, .navigation.pagination .nav-links .page-numbers.next {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
border: none;
color: #28407b;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.related-posts-list {
margin-bottom: max(48px, min(6.25vw, 80px));
}
.related-posts-list-item {
display: block;
border: 1px #949494 solid;
-webkit-text-decoration: none;
text-decoration: none;
}
@media (min-width: 1012px) {
.related-posts-list-item {
display: grid;
display: block grid;
grid-template-columns: 30% 1fr;
grid-template-rows: auto 1fr auto;
grid-gap: max(12px, min(1.25vw, 16px)) max(16px, min(2.5vw, 32px));
gap: max(12px, min(1.25vw, 16px)) max(16px, min(2.5vw, 32px));
padding-right: max(16px, min(2.5vw, 32px));
}
}
.related-posts-list-item__img {
margin-bottom: 16px;
}
@media (min-width: 1012px) {
.related-posts-list-item__img {
grid-column: 1/2;
grid-row: 1/4;
margin-bottom: 0;
}
}
.related-posts-list-item__img img {
aspect-ratio: 16/9;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (min-width: 1012px) {
.related-posts-list-item__img img {
aspect-ratio: 4/3;
}
}
.related-posts-list-item__title {
margin-bottom: max(12px, min(1.25vw, 16px));
padding-left: 16px;
padding-right: 16px;
color: #1f1f1f;
font-size: max(16px, min(1.41vw, 18px));
font-weight: bold;
}
@media (min-width: 1012px) {
.related-posts-list-item__title {
grid-column: 2/3;
grid-row: 1/2;
padding: max(16px, min(1.875vw, 24px)) 0 0;
}
}
.related-posts-list-item__text {
margin-bottom: max(12px, min(1.25vw, 16px));
padding-left: 16px;
padding-right: 16px;
color: #1f1f1f;
line-height: 1.6;
}
@media (min-width: 1012px) {
.related-posts-list-item__text {
grid-column: 2/3;
grid-row: 2/3;
padding-left: 0;
padding-right: 0;
}
}
.related-posts-list-item .tag-list {
margin-bottom: max(16px, min(1.875vw, 24px));
padding-left: 16px;
padding-right: 16px;
}
@media (min-width: 1012px) {
.related-posts-list-item .tag-list {
grid-column: 2/3;
grid-row: 3/4;
padding-left: 0;
padding-right: 0;
}
}
.related-posts-list-item:not(:last-of-type) {
margin-bottom: max(16px, min(3.125vw, 40px));
}
.saf-form-wrap {
margin-bottom: 32px;
}
.searchandfilter > ul {
padding: 0;
}
.searchandfilter > ul > li {
margin-bottom: 16px;
padding: 0;
}
.searchandfilter > ul > li > ul {
display: none;
}
.searchandfilter h4 {
padding: 0;
}
.sf-field-taxonomy-area,
[class^=sf-field-taxonomy-cat_],
[class^=sf-field-taxonomy-tag_],
.sf-field-taxonomy-required_time {
position: relative;
}
.sf-field-taxonomy-area > h4,
[class^=sf-field-taxonomy-cat_] > h4,
[class^=sf-field-taxonomy-tag_] > h4,
.sf-field-taxonomy-required_time > h4 {
display: inline-grid;
grid-template-columns: 1fr auto 1fr;
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: 12px;
border: 1px #949494 solid;
border-radius: 8px;
cursor: pointer;
font-weight: bold;
}
.sf-field-taxonomy-area > h4::before,
[class^=sf-field-taxonomy-cat_] > h4::before,
[class^=sf-field-taxonomy-tag_] > h4::before,
.sf-field-taxonomy-required_time > h4::before {
content: "";
}
.sf-field-taxonomy-area > h4::after,
[class^=sf-field-taxonomy-cat_] > h4::after,
[class^=sf-field-taxonomy-tag_] > h4::after,
.sf-field-taxonomy-required_time > h4::after {
display: inline-block;
width: 8px;
aspect-ratio: 1;
border-bottom: 1px #1f1f1f solid;
border-right: 1px #1f1f1f solid;
content: "";
justify-self: end;
rotate: 45deg;
}
.sf-field-taxonomy-area > ul,
[class^=sf-field-taxonomy-cat_] > ul,
[class^=sf-field-taxonomy-tag_] > ul,
.sf-field-taxonomy-required_time > ul {
max-height: 200px;
overflow-y: auto;
background: rgba(255, 255, 255, 0.8);
border: 1px #949494 solid;
border-radius: 8px;
}
@media (min-width: 768px) {
.sf-field-taxonomy-area > ul,
[class^=sf-field-taxonomy-cat_] > ul,
[class^=sf-field-taxonomy-tag_] > ul,
.sf-field-taxonomy-required_time > ul {
position: absolute;
top: calc(100% + 4px);
left: 0;
width: 100%;
padding: 8px;
z-index: 1;
}
}
.sf-field-taxonomy-area > ul > li,
[class^=sf-field-taxonomy-cat_] > ul > li,
[class^=sf-field-taxonomy-tag_] > ul > li,
.sf-field-taxonomy-required_time > ul > li {
padding-top: 8px;
padding-bottom: 8px;
}
.sf-field-taxonomy-cat_topics > ul {
position: static;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
padding: 0;
border: none;
}
.sf-field-taxonomy-cat_topics > ul .sf-option-active {
background: #1f1f1f;
border-color: #1f1f1f;
}
.sf-field-taxonomy-cat_topics > ul .sf-option-active label {
color: #fff;
}
.sf-field-search label {
width: 100%;
}
.sf-field-search .sf-input-text {
width: 100%;
padding: 12px;
border: 1px #949494 solid;
border-radius: 8px;
font-size: 16px;
}
.sf-field-submit input {
width: 100%;
height: 56px;
padding: 8px 16px;
background: #28407b;
border: none;
border-radius: 6px;
color: #fff;
cursor: pointer;
}
.sf-field-reset .search-filter-reset {
width: 100%;
height: 56px;
padding: 8px 16px;
background: #949494;
border: none;
border-radius: 6px;
color: #fff;
cursor: pointer;
}
.sf-field-sort_order {
position: absolute;
top: -100%;
left: -100%;
width: 0;
height: 0;
pointer-events: none;
opacity: 0;
}
.share-btn {
margin-bottom: max(32px, min(4.375vw, 56px));
}
.share-btn__title {
--border-width: 154px;
--border-thickness: 1px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto 16px;
-o-border-image: linear-gradient(transparent calc(50% - 1px / 2), #949494 0 calc(50% + 1px / 2), transparent 0) 1/0 154px/0 calc(154px + 12px);
border-image: linear-gradient(transparent calc(50% - 1px / 2), #949494 0 calc(50% + 1px / 2), transparent 0) 1/0 154px/0 calc(154px + 12px);
color: #949494;
font-size: max(16px, min(1.41vw, 18px));
text-transform: uppercase;
}
@supports (background: linear-gradient(red 0%, red 0% 1%, red 2%)){
.share-btn__title {
-o-border-image: linear-gradient(transparent calc(50% - var(--border-thickness) / 2), #949494 0 calc(50% + var(--border-thickness) / 2), transparent 0) 1/0 var(--border-width)/0 calc(var(--border-width) + 12px);
border-image: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0, #949494), color-stop(0, transparent)) 1/0 var(--border-width)/0 calc(var(--border-width) + 12px);
border-image: linear-gradient(transparent calc(50% - var(--border-thickness) / 2), #949494 0 calc(50% + var(--border-thickness) / 2), transparent 0) 1/0 var(--border-width)/0 calc(var(--border-width) + 12px);
}
}
.share-btn-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: max(24px, min(2.19vw, 28px));
-moz-column-gap: max(24px, min(2.19vw, 28px));
column-gap: max(24px, min(2.19vw, 28px));
}
.share-btn-list__item {
font-size: max(24px, min(2.19vw, 28px));
line-height: 1;
-webkit-text-decoration: none;
text-decoration: none;
}
.share-btn-list__item.--type_x {
color: #000;
}
.share-btn-list__item.--type_facebook {
color: #1877f2;
}
.share-btn-list__item.--type_line {
color: #00b900;
}
.share-btn-list__item.--type_pinterest {
color: #bd081c;
}
.share-btn-list__item svg {
width: max(24px, min(2.19vw, 28px));
}
.single-contents-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: max(24px, min(5vw, 64px));
}
.single-contents-header__title {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
font-size: max(32px, min(4.375vw, 56px));
font-weight: bold;
letter-spacing: 0.1em;
text-align: center;
}
.single-contents-header__title .sub-title {
display: block;
font-size: max(16px, min(1.56vw, 20px));
font-weight: normal;
}
.single-contents-header__post-key {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
margin-bottom: max(16px, min(1.875vw, 24px));
color: #444;
font-size: max(16px, min(1.56vw, 20px));
}
.single-contents-header__post-key::before, .single-contents-header__post-key::after {
content: "-";
}
.single-contents-header__terms {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
margin-top: max(16px, min(2.81vw, 36px));
}
.single-contents-header__breadcrumb {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
.single-contents-header-titlebox {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 max(16px, min(3.125vw, 40px)) max(16px, min(2.81vw, 36px));
}
.single-contents-header-mv {
position: relative;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
height: 50vh;
}
@media (min-width: 1012px) {
.single-contents-header-mv {
height: 75vh;
}
}
.single-contents-header-mv__img {
height: 100%;
}
.single-contents-header-mv__img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.single-contents-header-mv__copy {
position: absolute;
top: 50%;
left: 0;
width: 100%;
color: #fff;
font-size: max(24px, min(4.69vw, 60px));
font-weight: bold;
text-align: center;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.single-contents-header-mv__copy span {
display: block;
font-size: max(16px, min(2.34vw, 30px));
font-weight: normal;
}
.single-contents-body {
margin-bottom: max(48px, min(6.25vw, 80px));
}
.single-contents-body__catchcopy {
margin-bottom: max(24px, min(5.31vw, 68px));
padding-left: max(16px, min(3.125vw, 40px));
padding-right: max(16px, min(3.125vw, 40px));
font-size: max(24px, min(3.125vw, 40px));
font-weight: bold;
text-align: center;
}
.single-contents-body__description {
margin-bottom: max(24px, min(4.69vw, 60px));
padding-left: max(16px, min(3.125vw, 40px));
padding-right: max(16px, min(3.125vw, 40px));
font-size: max(16px, min(1.56vw, 20px));
line-height: 2;
text-align: center;
}
.single-contents-body__share-btn {
margin-bottom: max(48px, min(9.375vw, 120px));
}
.sns-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: 10px;
-moz-column-gap: 10px;
column-gap: 10px;
}
.sns-list__item {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 40px;
height: 40px;
background: #fff;
border-radius: 50%;
-webkit-text-decoration: none;
text-decoration: none;
}
.sns-list__item svg {
width: 24px;
}
.sns-list__item--x {
color: #000;
}
.sns-list__item--instagram {
color: #f851a0;
}
.sns-list__item--facebook {
color: #1877f2;
}
.sort-order {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-column-gap: max(16px, min(1.56vw, 20px));
-moz-column-gap: max(16px, min(1.56vw, 20px));
column-gap: max(16px, min(1.56vw, 20px));
}
.sort-order-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.sort-order-list__item {
display: block;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 8px 16px;
border: 1px #949494 solid;
color: #1f1f1f;
-webkit-text-decoration: none;
text-decoration: none;
}
.sort-order-list__item:not(:last-of-type) {
border-right: none;
}
.sort-order-list__item:first-of-type {
border-radius: 8px 0 0 8px;
}
.sort-order-list__item:last-of-type {
border-radius: 0 8px 8px 0;
}
.sort-order-list__item.is-current {
background: #1f1f1f;
border-color: #1f1f1f;
color: #fff;
}
.swiper-slide {
display: block;
visibility: visible;
opacity: 1;
}
.swiper-pagination-bullets {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-column-gap: max(8px, min(1.25vw, 16px));
-moz-column-gap: max(8px, min(1.25vw, 16px));
column-gap: max(8px, min(1.25vw, 16px));
height: 16px;
}
.swiper-pagination-bullets .swiper-pagination-bullet {
width: 8px;
height: 8px;
background: #fff;
border: 1px #838383 solid;
border-radius: 50%;
-webkit-transition: background 0.3s, border-color 0.3s, scale 0.3s;
transition: background 0.3s, border-color 0.3s, scale 0.3s;
}
.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #1f1f1f;
border-color: #1f1f1f;
scale: 2;
}
.cmn-tab {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: max(8px, min(1.25vw, 16px));
-moz-column-gap: max(8px, min(1.25vw, 16px));
column-gap: max(8px, min(1.25vw, 16px));
width: min(100%, 1280px);
margin-left: auto;
margin-right: auto;
padding-left: 12px;
padding-right: 12px;
border-image-source: linear-gradient(0deg, #1f1f1f 2px, transparent 0);
border-image-slice: 0 fill;
border-image-outset: 0 100vw;
}
.cmn-tab-item {
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
}
.cmn-tab-item__btn {
display: grid;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
justify-items: center;
place-items: center;
width: 100%;
min-height: 80px;
padding: 8px;
background: #fff;
border: 2px #1f1f1f solid;
border-radius: 8px 8px 0 0;
cursor: pointer;
font-size: 16px;
text-align: center;
}
.cmn-tab-item__btn.is-active {
background: #1f1f1f;
color: #fff;
}
.cmn-tab-panel {
display: none;
}
.cmn-tab-panel.is-active {
display: block;
}
.table-wrap {
overflow-x: auto;
}
.table-wrap > table {
white-space: nowrap;
}
@media (min-width: 768px) {
.table-wrap > table {
white-space: normal;
}
}
.cmn-table {
width: 100%;
border-collapse: collapse;
}
.cmn-table__tr {
border-bottom: 2px #fff solid;
}
.cmn-table__th {
padding: 8px max(8px, min(1.25vw, 16px));
background: #eeede6;
font-size: max(16px, min(1.56vw, 20px));
}
.cmn-table__td {
padding: 8px max(8px, min(1.875vw, 24px));
}
.cmn-table__td.nowrap {
white-space: nowrap;
}
.cmn-table a {
color: #6c757d;
-webkit-text-decoration: underline;
text-decoration: underline;
}
.tag-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
gap: max(8px, min(1.25vw, 16px));
}
.tag-list__item {
padding-left: 8px;
border-left: 2px #949494 solid;
color: #949494;
font-size: 12px;
font-weight: bold;
line-height: 1;
-webkit-text-decoration: none;
text-decoration: none;
}
.tag-list__item.--area {
border-color: #26979e;
color: #26979e;
}
.tag-list__item.--category {
border-color: #949494;
color: #949494;
}
.tag-list__item.--town, .tag-list__item.--tag {
border-color: #a98f68;
color: #a98f68;
}
.editor-wrap {
line-height: 1.8;
word-wrap: break-word;
}
.editor-wrap p:not(:last-of-type) {
margin-bottom: 1.5em;
}
.editor-wrap a {
-webkit-text-decoration: none;
text-decoration: none;
}
.editor-wrap img:not(.object-fit-contain-center) {
width: 100%;
height: auto;
}
.editor-wrap iframe[src^="https://www.google.com/maps"],
.editor-wrap iframe[src^="https://www.youtube.com"] {
width: 100% !important;
height: auto !important;
aspect-ratio: 16/9 !important;
}
.editor-wrap th,
.editor-wrap td {
border: 1px #000 solid;
}
.editor-wrap dl dt {
display: inline-block;
width: 25%;
vertical-align: top;
}
.editor-wrap dl dd {
display: inline-block;
width: 68%;
vertical-align: top;
}
.editor-wrap ul:not([class]) {
padding-left: 16px;
list-style: disc;
}
.editor-wrap ul:not([class]) li {
margin-bottom: 8px;
}
.editor-wrap ol:not([class]) {
counter-reset: num;
padding-left: 0;
}
.editor-wrap ol:not([class]) li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
width: 100%;
}
.editor-wrap ol:not([class]) li::before {
-ms-flex-negative: 0;
flex-shrink: 0;
width: 16px;
counter-increment: num;
content: counter(num) ".";
text-align: right;
}
.aspect-ratio img,
.aspect-ratio iframe {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.aspect-ratio--1x1 img,
.aspect-ratio--1x1 iframe {
aspect-ratio: 1/1;
}
.aspect-ratio--3x2 img,
.aspect-ratio--3x2 iframe {
aspect-ratio: 3/2;
}
.aspect-ratio--4x3 img,
.aspect-ratio--4x3 iframe {
aspect-ratio: 4/3;
}
.aspect-ratio--16x9 img,
.aspect-ratio--16x9 iframe {
aspect-ratio: 16/9;
}
.bg-primary {
background-color: #e1344c;
}
.bg-secondary {
background-color: #28407b;
}
.bg-red {
background-color: #ff0023;
}
.bg-pink {
background-color: #e4939e;
}
.bg-blue {
background-color: #28407b;
}
.bg-pale-gray {
background-color: #fcfbf9;
}
.bg-light {
background-color: #eeede6;
}
.bg-gray {
background-color: #6c757d;
}
.bg-white {
background-color: #fff;
}
.bg-black {
background-color: #1f1f1f;
}
.bg-northern {
background-color: #fa7456;
}
.bg-western {
background-color: #51afdc;
}
.bg-eastern {
background-color: #d98804;
}
.bg-central {
background-color: #fba6a6;
}
.bg-chichibu {
background-color: #26979e;
}
.border {
border-width: 1px;
border-style: solid;
}
.border-top {
border-width: 1px 0 0;
border-style: solid;
}
.border-end {
border-width: 0 1px 0 0;
border-style: solid;
}
.border-bottom {
border-width: 0 0 1px;
border-style: solid;
}
.border-start {
border-width: 0 0 0 1px;
border-style: solid;
}
.border-primary {
border-color: #e1344c;
}
.border-secondary {
border-color: #28407b;
}
.border-red {
border-color: #ff0023;
}
.border-pink {
border-color: #e4939e;
}
.border-blue {
border-color: #28407b;
}
.border-pale-gray {
border-color: #fcfbf9;
}
.border-light {
border-color: #eeede6;
}
.border-gray {
border-color: #6c757d;
}
.border-white {
border-color: #fff;
}
.border-black {
border-color: #1f1f1f;
}
.border-northern {
border-color: #fa7456;
}
.border-western {
border-color: #51afdc;
}
.border-eastern {
border-color: #d98804;
}
.border-central {
border-color: #fba6a6;
}
.border-chichibu {
border-color: #26979e;
}
.border-1 {
border-width: 1px !important;
}
.border-s-1 {
border-left-width: 1px !important;
}
.border-t-1 {
border-top-width: 1px !important;
}
.border-e-1 {
border-right-width: 1px !important;
}
.border-b-1 {
border-bottom-width: 1px !important;
}
.border-st-1 {
border-top-width: 1px !important;
border-left-width: 1px !important;
}
.border-te-1 {
border-top-width: 1px !important;
border-right-width: 1px !important;
}
.border-eb-1 {
border-right-width: 1px !important;
border-bottom-width: 1px !important;
}
.border-bs-1 {
border-bottom-width: 1px !important;
border-left-width: 1px !important;
}
.border-2 {
border-width: 2px !important;
}
.border-s-2 {
border-left-width: 2px !important;
}
.border-t-2 {
border-top-width: 2px !important;
}
.border-e-2 {
border-right-width: 2px !important;
}
.border-b-2 {
border-bottom-width: 2px !important;
}
.border-st-2 {
border-top-width: 2px !important;
border-left-width: 2px !important;
}
.border-te-2 {
border-top-width: 2px !important;
border-right-width: 2px !important;
}
.border-eb-2 {
border-right-width: 2px !important;
border-bottom-width: 2px !important;
}
.border-bs-2 {
border-bottom-width: 2px !important;
border-left-width: 2px !important;
}
.border-3 {
border-width: 3px !important;
}
.border-s-3 {
border-left-width: 3px !important;
}
.border-t-3 {
border-top-width: 3px !important;
}
.border-e-3 {
border-right-width: 3px !important;
}
.border-b-3 {
border-bottom-width: 3px !important;
}
.border-st-3 {
border-top-width: 3px !important;
border-left-width: 3px !important;
}
.border-te-3 {
border-top-width: 3px !important;
border-right-width: 3px !important;
}
.border-eb-3 {
border-right-width: 3px !important;
border-bottom-width: 3px !important;
}
.border-bs-3 {
border-bottom-width: 3px !important;
border-left-width: 3px !important;
}
.border-4 {
border-width: 4px !important;
}
.border-s-4 {
border-left-width: 4px !important;
}
.border-t-4 {
border-top-width: 4px !important;
}
.border-e-4 {
border-right-width: 4px !important;
}
.border-b-4 {
border-bottom-width: 4px !important;
}
.border-st-4 {
border-top-width: 4px !important;
border-left-width: 4px !important;
}
.border-te-4 {
border-top-width: 4px !important;
border-right-width: 4px !important;
}
.border-eb-4 {
border-right-width: 4px !important;
border-bottom-width: 4px !important;
}
.border-bs-4 {
border-bottom-width: 4px !important;
border-left-width: 4px !important;
}
.border-5 {
border-width: 5px !important;
}
.border-s-5 {
border-left-width: 5px !important;
}
.border-t-5 {
border-top-width: 5px !important;
}
.border-e-5 {
border-right-width: 5px !important;
}
.border-b-5 {
border-bottom-width: 5px !important;
}
.border-st-5 {
border-top-width: 5px !important;
border-left-width: 5px !important;
}
.border-te-5 {
border-top-width: 5px !important;
border-right-width: 5px !important;
}
.border-eb-5 {
border-right-width: 5px !important;
border-bottom-width: 5px !important;
}
.border-bs-5 {
border-bottom-width: 5px !important;
border-left-width: 5px !important;
}
@media (min-width: 576px) {
.border-sm-1 {
border-width: 1px !important;
}
.border-s-sm-1 {
border-left-width: 1px !important;
}
.border-t-sm-1 {
border-top-width: 1px !important;
}
.border-e-sm-1 {
border-right-width: 1px !important;
}
.border-b-sm-1 {
border-bottom-width: 1px !important;
}
.border-st-sm-1 {
border-top-width: 1px !important;
border-left-width: 1px !important;
}
.border-te-sm-1 {
border-top-width: 1px !important;
border-right-width: 1px !important;
}
.border-eb-sm-1 {
border-right-width: 1px !important;
border-bottom-width: 1px !important;
}
.border-bs-sm-1 {
border-bottom-width: 1px !important;
border-left-width: 1px !important;
}
.border-sm-2 {
border-width: 2px !important;
}
.border-s-sm-2 {
border-left-width: 2px !important;
}
.border-t-sm-2 {
border-top-width: 2px !important;
}
.border-e-sm-2 {
border-right-width: 2px !important;
}
.border-b-sm-2 {
border-bottom-width: 2px !important;
}
.border-st-sm-2 {
border-top-width: 2px !important;
border-left-width: 2px !important;
}
.border-te-sm-2 {
border-top-width: 2px !important;
border-right-width: 2px !important;
}
.border-eb-sm-2 {
border-right-width: 2px !important;
border-bottom-width: 2px !important;
}
.border-bs-sm-2 {
border-bottom-width: 2px !important;
border-left-width: 2px !important;
}
.border-sm-3 {
border-width: 3px !important;
}
.border-s-sm-3 {
border-left-width: 3px !important;
}
.border-t-sm-3 {
border-top-width: 3px !important;
}
.border-e-sm-3 {
border-right-width: 3px !important;
}
.border-b-sm-3 {
border-bottom-width: 3px !important;
}
.border-st-sm-3 {
border-top-width: 3px !important;
border-left-width: 3px !important;
}
.border-te-sm-3 {
border-top-width: 3px !important;
border-right-width: 3px !important;
}
.border-eb-sm-3 {
border-right-width: 3px !important;
border-bottom-width: 3px !important;
}
.border-bs-sm-3 {
border-bottom-width: 3px !important;
border-left-width: 3px !important;
}
.border-sm-4 {
border-width: 4px !important;
}
.border-s-sm-4 {
border-left-width: 4px !important;
}
.border-t-sm-4 {
border-top-width: 4px !important;
}
.border-e-sm-4 {
border-right-width: 4px !important;
}
.border-b-sm-4 {
border-bottom-width: 4px !important;
}
.border-st-sm-4 {
border-top-width: 4px !important;
border-left-width: 4px !important;
}
.border-te-sm-4 {
border-top-width: 4px !important;
border-right-width: 4px !important;
}
.border-eb-sm-4 {
border-right-width: 4px !important;
border-bottom-width: 4px !important;
}
.border-bs-sm-4 {
border-bottom-width: 4px !important;
border-left-width: 4px !important;
}
.border-sm-5 {
border-width: 5px !important;
}
.border-s-sm-5 {
border-left-width: 5px !important;
}
.border-t-sm-5 {
border-top-width: 5px !important;
}
.border-e-sm-5 {
border-right-width: 5px !important;
}
.border-b-sm-5 {
border-bottom-width: 5px !important;
}
.border-st-sm-5 {
border-top-width: 5px !important;
border-left-width: 5px !important;
}
.border-te-sm-5 {
border-top-width: 5px !important;
border-right-width: 5px !important;
}
.border-eb-sm-5 {
border-right-width: 5px !important;
border-bottom-width: 5px !important;
}
.border-bs-sm-5 {
border-bottom-width: 5px !important;
border-left-width: 5px !important;
}
}
@media (min-width: 768px) {
.border-md-1 {
border-width: 1px !important;
}
.border-s-md-1 {
border-left-width: 1px !important;
}
.border-t-md-1 {
border-top-width: 1px !important;
}
.border-e-md-1 {
border-right-width: 1px !important;
}
.border-b-md-1 {
border-bottom-width: 1px !important;
}
.border-st-md-1 {
border-top-width: 1px !important;
border-left-width: 1px !important;
}
.border-te-md-1 {
border-top-width: 1px !important;
border-right-width: 1px !important;
}
.border-eb-md-1 {
border-right-width: 1px !important;
border-bottom-width: 1px !important;
}
.border-bs-md-1 {
border-bottom-width: 1px !important;
border-left-width: 1px !important;
}
.border-md-2 {
border-width: 2px !important;
}
.border-s-md-2 {
border-left-width: 2px !important;
}
.border-t-md-2 {
border-top-width: 2px !important;
}
.border-e-md-2 {
border-right-width: 2px !important;
}
.border-b-md-2 {
border-bottom-width: 2px !important;
}
.border-st-md-2 {
border-top-width: 2px !important;
border-left-width: 2px !important;
}
.border-te-md-2 {
border-top-width: 2px !important;
border-right-width: 2px !important;
}
.border-eb-md-2 {
border-right-width: 2px !important;
border-bottom-width: 2px !important;
}
.border-bs-md-2 {
border-bottom-width: 2px !important;
border-left-width: 2px !important;
}
.border-md-3 {
border-width: 3px !important;
}
.border-s-md-3 {
border-left-width: 3px !important;
}
.border-t-md-3 {
border-top-width: 3px !important;
}
.border-e-md-3 {
border-right-width: 3px !important;
}
.border-b-md-3 {
border-bottom-width: 3px !important;
}
.border-st-md-3 {
border-top-width: 3px !important;
border-left-width: 3px !important;
}
.border-te-md-3 {
border-top-width: 3px !important;
border-right-width: 3px !important;
}
.border-eb-md-3 {
border-right-width: 3px !important;
border-bottom-width: 3px !important;
}
.border-bs-md-3 {
border-bottom-width: 3px !important;
border-left-width: 3px !important;
}
.border-md-4 {
border-width: 4px !important;
}
.border-s-md-4 {
border-left-width: 4px !important;
}
.border-t-md-4 {
border-top-width: 4px !important;
}
.border-e-md-4 {
border-right-width: 4px !important;
}
.border-b-md-4 {
border-bottom-width: 4px !important;
}
.border-st-md-4 {
border-top-width: 4px !important;
border-left-width: 4px !important;
}
.border-te-md-4 {
border-top-width: 4px !important;
border-right-width: 4px !important;
}
.border-eb-md-4 {
border-right-width: 4px !important;
border-bottom-width: 4px !important;
}
.border-bs-md-4 {
border-bottom-width: 4px !important;
border-left-width: 4px !important;
}
.border-md-5 {
border-width: 5px !important;
}
.border-s-md-5 {
border-left-width: 5px !important;
}
.border-t-md-5 {
border-top-width: 5px !important;
}
.border-e-md-5 {
border-right-width: 5px !important;
}
.border-b-md-5 {
border-bottom-width: 5px !important;
}
.border-st-md-5 {
border-top-width: 5px !important;
border-left-width: 5px !important;
}
.border-te-md-5 {
border-top-width: 5px !important;
border-right-width: 5px !important;
}
.border-eb-md-5 {
border-right-width: 5px !important;
border-bottom-width: 5px !important;
}
.border-bs-md-5 {
border-bottom-width: 5px !important;
border-left-width: 5px !important;
}
}
@media (min-width: 1012px) {
.border-lg-1 {
border-width: 1px !important;
}
.border-s-lg-1 {
border-left-width: 1px !important;
}
.border-t-lg-1 {
border-top-width: 1px !important;
}
.border-e-lg-1 {
border-right-width: 1px !important;
}
.border-b-lg-1 {
border-bottom-width: 1px !important;
}
.border-st-lg-1 {
border-top-width: 1px !important;
border-left-width: 1px !important;
}
.border-te-lg-1 {
border-top-width: 1px !important;
border-right-width: 1px !important;
}
.border-eb-lg-1 {
border-right-width: 1px !important;
border-bottom-width: 1px !important;
}
.border-bs-lg-1 {
border-bottom-width: 1px !important;
border-left-width: 1px !important;
}
.border-lg-2 {
border-width: 2px !important;
}
.border-s-lg-2 {
border-left-width: 2px !important;
}
.border-t-lg-2 {
border-top-width: 2px !important;
}
.border-e-lg-2 {
border-right-width: 2px !important;
}
.border-b-lg-2 {
border-bottom-width: 2px !important;
}
.border-st-lg-2 {
border-top-width: 2px !important;
border-left-width: 2px !important;
}
.border-te-lg-2 {
border-top-width: 2px !important;
border-right-width: 2px !important;
}
.border-eb-lg-2 {
border-right-width: 2px !important;
border-bottom-width: 2px !important;
}
.border-bs-lg-2 {
border-bottom-width: 2px !important;
border-left-width: 2px !important;
}
.border-lg-3 {
border-width: 3px !important;
}
.border-s-lg-3 {
border-left-width: 3px !important;
}
.border-t-lg-3 {
border-top-width: 3px !important;
}
.border-e-lg-3 {
border-right-width: 3px !important;
}
.border-b-lg-3 {
border-bottom-width: 3px !important;
}
.border-st-lg-3 {
border-top-width: 3px !important;
border-left-width: 3px !important;
}
.border-te-lg-3 {
border-top-width: 3px !important;
border-right-width: 3px !important;
}
.border-eb-lg-3 {
border-right-width: 3px !important;
border-bottom-width: 3px !important;
}
.border-bs-lg-3 {
border-bottom-width: 3px !important;
border-left-width: 3px !important;
}
.border-lg-4 {
border-width: 4px !important;
}
.border-s-lg-4 {
border-left-width: 4px !important;
}
.border-t-lg-4 {
border-top-width: 4px !important;
}
.border-e-lg-4 {
border-right-width: 4px !important;
}
.border-b-lg-4 {
border-bottom-width: 4px !important;
}
.border-st-lg-4 {
border-top-width: 4px !important;
border-left-width: 4px !important;
}
.border-te-lg-4 {
border-top-width: 4px !important;
border-right-width: 4px !important;
}
.border-eb-lg-4 {
border-right-width: 4px !important;
border-bottom-width: 4px !important;
}
.border-bs-lg-4 {
border-bottom-width: 4px !important;
border-left-width: 4px !important;
}
.border-lg-5 {
border-width: 5px !important;
}
.border-s-lg-5 {
border-left-width: 5px !important;
}
.border-t-lg-5 {
border-top-width: 5px !important;
}
.border-e-lg-5 {
border-right-width: 5px !important;
}
.border-b-lg-5 {
border-bottom-width: 5px !important;
}
.border-st-lg-5 {
border-top-width: 5px !important;
border-left-width: 5px !important;
}
.border-te-lg-5 {
border-top-width: 5px !important;
border-right-width: 5px !important;
}
.border-eb-lg-5 {
border-right-width: 5px !important;
border-bottom-width: 5px !important;
}
.border-bs-lg-5 {
border-bottom-width: 5px !important;
border-left-width: 5px !important;
}
}
@media (min-width: 1280px) {
.border-xl-1 {
border-width: 1px !important;
}
.border-s-xl-1 {
border-left-width: 1px !important;
}
.border-t-xl-1 {
border-top-width: 1px !important;
}
.border-e-xl-1 {
border-right-width: 1px !important;
}
.border-b-xl-1 {
border-bottom-width: 1px !important;
}
.border-st-xl-1 {
border-top-width: 1px !important;
border-left-width: 1px !important;
}
.border-te-xl-1 {
border-top-width: 1px !important;
border-right-width: 1px !important;
}
.border-eb-xl-1 {
border-right-width: 1px !important;
border-bottom-width: 1px !important;
}
.border-bs-xl-1 {
border-bottom-width: 1px !important;
border-left-width: 1px !important;
}
.border-xl-2 {
border-width: 2px !important;
}
.border-s-xl-2 {
border-left-width: 2px !important;
}
.border-t-xl-2 {
border-top-width: 2px !important;
}
.border-e-xl-2 {
border-right-width: 2px !important;
}
.border-b-xl-2 {
border-bottom-width: 2px !important;
}
.border-st-xl-2 {
border-top-width: 2px !important;
border-left-width: 2px !important;
}
.border-te-xl-2 {
border-top-width: 2px !important;
border-right-width: 2px !important;
}
.border-eb-xl-2 {
border-right-width: 2px !important;
border-bottom-width: 2px !important;
}
.border-bs-xl-2 {
border-bottom-width: 2px !important;
border-left-width: 2px !important;
}
.border-xl-3 {
border-width: 3px !important;
}
.border-s-xl-3 {
border-left-width: 3px !important;
}
.border-t-xl-3 {
border-top-width: 3px !important;
}
.border-e-xl-3 {
border-right-width: 3px !important;
}
.border-b-xl-3 {
border-bottom-width: 3px !important;
}
.border-st-xl-3 {
border-top-width: 3px !important;
border-left-width: 3px !important;
}
.border-te-xl-3 {
border-top-width: 3px !important;
border-right-width: 3px !important;
}
.border-eb-xl-3 {
border-right-width: 3px !important;
border-bottom-width: 3px !important;
}
.border-bs-xl-3 {
border-bottom-width: 3px !important;
border-left-width: 3px !important;
}
.border-xl-4 {
border-width: 4px !important;
}
.border-s-xl-4 {
border-left-width: 4px !important;
}
.border-t-xl-4 {
border-top-width: 4px !important;
}
.border-e-xl-4 {
border-right-width: 4px !important;
}
.border-b-xl-4 {
border-bottom-width: 4px !important;
}
.border-st-xl-4 {
border-top-width: 4px !important;
border-left-width: 4px !important;
}
.border-te-xl-4 {
border-top-width: 4px !important;
border-right-width: 4px !important;
}
.border-eb-xl-4 {
border-right-width: 4px !important;
border-bottom-width: 4px !important;
}
.border-bs-xl-4 {
border-bottom-width: 4px !important;
border-left-width: 4px !important;
}
.border-xl-5 {
border-width: 5px !important;
}
.border-s-xl-5 {
border-left-width: 5px !important;
}
.border-t-xl-5 {
border-top-width: 5px !important;
}
.border-e-xl-5 {
border-right-width: 5px !important;
}
.border-b-xl-5 {
border-bottom-width: 5px !important;
}
.border-st-xl-5 {
border-top-width: 5px !important;
border-left-width: 5px !important;
}
.border-te-xl-5 {
border-top-width: 5px !important;
border-right-width: 5px !important;
}
.border-eb-xl-5 {
border-right-width: 5px !important;
border-bottom-width: 5px !important;
}
.border-bs-xl-5 {
border-bottom-width: 5px !important;
border-left-width: 5px !important;
}
}
.border-radius-0 {
border-radius: 0px !important;
}
.border-radius-s-0 {
border-radius: 0px 0 0 0px !important;
}
.border-radius-t-0 {
border-radius: 0px 0px 0 0 !important;
}
.border-radius-e-0 {
border-radius: 0 0px 0px 0 !important;
}
.border-radius-b-0 {
border-radius: 0 0 0px 0px !important;
}
.border-radius-st-0 {
border-radius: 0px 0 0 0 !important;
}
.border-radius-te-0 {
border-radius: 0 0px 0 0 !important;
}
.border-radius-eb-0 {
border-radius: 0 o 0px 0 !important;
}
.border-radius-bs-0 {
border-radius: 0 0 0 0px !important;
}
.border-radius-1 {
border-radius: 4px !important;
}
.border-radius-s-1 {
border-radius: 4px 0 0 4px !important;
}
.border-radius-t-1 {
border-radius: 4px 4px 0 0 !important;
}
.border-radius-e-1 {
border-radius: 0 4px 4px 0 !important;
}
.border-radius-b-1 {
border-radius: 0 0 4px 4px !important;
}
.border-radius-st-1 {
border-radius: 4px 0 0 0 !important;
}
.border-radius-te-1 {
border-radius: 0 4px 0 0 !important;
}
.border-radius-eb-1 {
border-radius: 0 o 4px 0 !important;
}
.border-radius-bs-1 {
border-radius: 0 0 0 4px !important;
}
.border-radius-2 {
border-radius: 8px !important;
}
.border-radius-s-2 {
border-radius: 8px 0 0 8px !important;
}
.border-radius-t-2 {
border-radius: 8px 8px 0 0 !important;
}
.border-radius-e-2 {
border-radius: 0 8px 8px 0 !important;
}
.border-radius-b-2 {
border-radius: 0 0 8px 8px !important;
}
.border-radius-st-2 {
border-radius: 8px 0 0 0 !important;
}
.border-radius-te-2 {
border-radius: 0 8px 0 0 !important;
}
.border-radius-eb-2 {
border-radius: 0 o 8px 0 !important;
}
.border-radius-bs-2 {
border-radius: 0 0 0 8px !important;
}
.border-radius-3 {
border-radius: 12px !important;
}
.border-radius-s-3 {
border-radius: 12px 0 0 12px !important;
}
.border-radius-t-3 {
border-radius: 12px 12px 0 0 !important;
}
.border-radius-e-3 {
border-radius: 0 12px 12px 0 !important;
}
.border-radius-b-3 {
border-radius: 0 0 12px 12px !important;
}
.border-radius-st-3 {
border-radius: 12px 0 0 0 !important;
}
.border-radius-te-3 {
border-radius: 0 12px 0 0 !important;
}
.border-radius-eb-3 {
border-radius: 0 o 12px 0 !important;
}
.border-radius-bs-3 {
border-radius: 0 0 0 12px !important;
}
.border-radius-4 {
border-radius: 16px !important;
}
.border-radius-s-4 {
border-radius: 16px 0 0 16px !important;
}
.border-radius-t-4 {
border-radius: 16px 16px 0 0 !important;
}
.border-radius-e-4 {
border-radius: 0 16px 16px 0 !important;
}
.border-radius-b-4 {
border-radius: 0 0 16px 16px !important;
}
.border-radius-st-4 {
border-radius: 16px 0 0 0 !important;
}
.border-radius-te-4 {
border-radius: 0 16px 0 0 !important;
}
.border-radius-eb-4 {
border-radius: 0 o 16px 0 !important;
}
.border-radius-bs-4 {
border-radius: 0 0 0 16px !important;
}
.border-radius-5 {
border-radius: 20px !important;
}
.border-radius-s-5 {
border-radius: 20px 0 0 20px !important;
}
.border-radius-t-5 {
border-radius: 20px 20px 0 0 !important;
}
.border-radius-e-5 {
border-radius: 0 20px 20px 0 !important;
}
.border-radius-b-5 {
border-radius: 0 0 20px 20px !important;
}
.border-radius-st-5 {
border-radius: 20px 0 0 0 !important;
}
.border-radius-te-5 {
border-radius: 0 20px 0 0 !important;
}
.border-radius-eb-5 {
border-radius: 0 o 20px 0 !important;
}
.border-radius-bs-5 {
border-radius: 0 0 0 20px !important;
}
.border-radius-6 {
border-radius: 24px !important;
}
.border-radius-s-6 {
border-radius: 24px 0 0 24px !important;
}
.border-radius-t-6 {
border-radius: 24px 24px 0 0 !important;
}
.border-radius-e-6 {
border-radius: 0 24px 24px 0 !important;
}
.border-radius-b-6 {
border-radius: 0 0 24px 24px !important;
}
.border-radius-st-6 {
border-radius: 24px 0 0 0 !important;
}
.border-radius-te-6 {
border-radius: 0 24px 0 0 !important;
}
.border-radius-eb-6 {
border-radius: 0 o 24px 0 !important;
}
.border-radius-bs-6 {
border-radius: 0 0 0 24px !important;
}
.border-radius-7 {
border-radius: 28px !important;
}
.border-radius-s-7 {
border-radius: 28px 0 0 28px !important;
}
.border-radius-t-7 {
border-radius: 28px 28px 0 0 !important;
}
.border-radius-e-7 {
border-radius: 0 28px 28px 0 !important;
}
.border-radius-b-7 {
border-radius: 0 0 28px 28px !important;
}
.border-radius-st-7 {
border-radius: 28px 0 0 0 !important;
}
.border-radius-te-7 {
border-radius: 0 28px 0 0 !important;
}
.border-radius-eb-7 {
border-radius: 0 o 28px 0 !important;
}
.border-radius-bs-7 {
border-radius: 0 0 0 28px !important;
}
.border-radius-8 {
border-radius: 32px !important;
}
.border-radius-s-8 {
border-radius: 32px 0 0 32px !important;
}
.border-radius-t-8 {
border-radius: 32px 32px 0 0 !important;
}
.border-radius-e-8 {
border-radius: 0 32px 32px 0 !important;
}
.border-radius-b-8 {
border-radius: 0 0 32px 32px !important;
}
.border-radius-st-8 {
border-radius: 32px 0 0 0 !important;
}
.border-radius-te-8 {
border-radius: 0 32px 0 0 !important;
}
.border-radius-eb-8 {
border-radius: 0 o 32px 0 !important;
}
.border-radius-bs-8 {
border-radius: 0 0 0 32px !important;
}
.border-radius-9 {
border-radius: 36px !important;
}
.border-radius-s-9 {
border-radius: 36px 0 0 36px !important;
}
.border-radius-t-9 {
border-radius: 36px 36px 0 0 !important;
}
.border-radius-e-9 {
border-radius: 0 36px 36px 0 !important;
}
.border-radius-b-9 {
border-radius: 0 0 36px 36px !important;
}
.border-radius-st-9 {
border-radius: 36px 0 0 0 !important;
}
.border-radius-te-9 {
border-radius: 0 36px 0 0 !important;
}
.border-radius-eb-9 {
border-radius: 0 o 36px 0 !important;
}
.border-radius-bs-9 {
border-radius: 0 0 0 36px !important;
}
.border-radius-10 {
border-radius: 40px !important;
}
.border-radius-s-10 {
border-radius: 40px 0 0 40px !important;
}
.border-radius-t-10 {
border-radius: 40px 40px 0 0 !important;
}
.border-radius-e-10 {
border-radius: 0 40px 40px 0 !important;
}
.border-radius-b-10 {
border-radius: 0 0 40px 40px !important;
}
.border-radius-st-10 {
border-radius: 40px 0 0 0 !important;
}
.border-radius-te-10 {
border-radius: 0 40px 0 0 !important;
}
.border-radius-eb-10 {
border-radius: 0 o 40px 0 !important;
}
.border-radius-bs-10 {
border-radius: 0 0 0 40px !important;
}
.border-radius-11 {
border-radius: 44px !important;
}
.border-radius-s-11 {
border-radius: 44px 0 0 44px !important;
}
.border-radius-t-11 {
border-radius: 44px 44px 0 0 !important;
}
.border-radius-e-11 {
border-radius: 0 44px 44px 0 !important;
}
.border-radius-b-11 {
border-radius: 0 0 44px 44px !important;
}
.border-radius-st-11 {
border-radius: 44px 0 0 0 !important;
}
.border-radius-te-11 {
border-radius: 0 44px 0 0 !important;
}
.border-radius-eb-11 {
border-radius: 0 o 44px 0 !important;
}
.border-radius-bs-11 {
border-radius: 0 0 0 44px !important;
}
.border-radius-12 {
border-radius: 48px !important;
}
.border-radius-s-12 {
border-radius: 48px 0 0 48px !important;
}
.border-radius-t-12 {
border-radius: 48px 48px 0 0 !important;
}
.border-radius-e-12 {
border-radius: 0 48px 48px 0 !important;
}
.border-radius-b-12 {
border-radius: 0 0 48px 48px !important;
}
.border-radius-st-12 {
border-radius: 48px 0 0 0 !important;
}
.border-radius-te-12 {
border-radius: 0 48px 0 0 !important;
}
.border-radius-eb-12 {
border-radius: 0 o 48px 0 !important;
}
.border-radius-bs-12 {
border-radius: 0 0 0 48px !important;
}
.border-radius-13 {
border-radius: 52px !important;
}
.border-radius-s-13 {
border-radius: 52px 0 0 52px !important;
}
.border-radius-t-13 {
border-radius: 52px 52px 0 0 !important;
}
.border-radius-e-13 {
border-radius: 0 52px 52px 0 !important;
}
.border-radius-b-13 {
border-radius: 0 0 52px 52px !important;
}
.border-radius-st-13 {
border-radius: 52px 0 0 0 !important;
}
.border-radius-te-13 {
border-radius: 0 52px 0 0 !important;
}
.border-radius-eb-13 {
border-radius: 0 o 52px 0 !important;
}
.border-radius-bs-13 {
border-radius: 0 0 0 52px !important;
}
.border-radius-14 {
border-radius: 56px !important;
}
.border-radius-s-14 {
border-radius: 56px 0 0 56px !important;
}
.border-radius-t-14 {
border-radius: 56px 56px 0 0 !important;
}
.border-radius-e-14 {
border-radius: 0 56px 56px 0 !important;
}
.border-radius-b-14 {
border-radius: 0 0 56px 56px !important;
}
.border-radius-st-14 {
border-radius: 56px 0 0 0 !important;
}
.border-radius-te-14 {
border-radius: 0 56px 0 0 !important;
}
.border-radius-eb-14 {
border-radius: 0 o 56px 0 !important;
}
.border-radius-bs-14 {
border-radius: 0 0 0 56px !important;
}
.border-radius-15 {
border-radius: 60px !important;
}
.border-radius-s-15 {
border-radius: 60px 0 0 60px !important;
}
.border-radius-t-15 {
border-radius: 60px 60px 0 0 !important;
}
.border-radius-e-15 {
border-radius: 0 60px 60px 0 !important;
}
.border-radius-b-15 {
border-radius: 0 0 60px 60px !important;
}
.border-radius-st-15 {
border-radius: 60px 0 0 0 !important;
}
.border-radius-te-15 {
border-radius: 0 60px 0 0 !important;
}
.border-radius-eb-15 {
border-radius: 0 o 60px 0 !important;
}
.border-radius-bs-15 {
border-radius: 0 0 0 60px !important;
}
.border-radius-16 {
border-radius: 64px !important;
}
.border-radius-s-16 {
border-radius: 64px 0 0 64px !important;
}
.border-radius-t-16 {
border-radius: 64px 64px 0 0 !important;
}
.border-radius-e-16 {
border-radius: 0 64px 64px 0 !important;
}
.border-radius-b-16 {
border-radius: 0 0 64px 64px !important;
}
.border-radius-st-16 {
border-radius: 64px 0 0 0 !important;
}
.border-radius-te-16 {
border-radius: 0 64px 0 0 !important;
}
.border-radius-eb-16 {
border-radius: 0 o 64px 0 !important;
}
.border-radius-bs-16 {
border-radius: 0 0 0 64px !important;
}
.border-radius-17 {
border-radius: 68px !important;
}
.border-radius-s-17 {
border-radius: 68px 0 0 68px !important;
}
.border-radius-t-17 {
border-radius: 68px 68px 0 0 !important;
}
.border-radius-e-17 {
border-radius: 0 68px 68px 0 !important;
}
.border-radius-b-17 {
border-radius: 0 0 68px 68px !important;
}
.border-radius-st-17 {
border-radius: 68px 0 0 0 !important;
}
.border-radius-te-17 {
border-radius: 0 68px 0 0 !important;
}
.border-radius-eb-17 {
border-radius: 0 o 68px 0 !important;
}
.border-radius-bs-17 {
border-radius: 0 0 0 68px !important;
}
.border-radius-18 {
border-radius: 72px !important;
}
.border-radius-s-18 {
border-radius: 72px 0 0 72px !important;
}
.border-radius-t-18 {
border-radius: 72px 72px 0 0 !important;
}
.border-radius-e-18 {
border-radius: 0 72px 72px 0 !important;
}
.border-radius-b-18 {
border-radius: 0 0 72px 72px !important;
}
.border-radius-st-18 {
border-radius: 72px 0 0 0 !important;
}
.border-radius-te-18 {
border-radius: 0 72px 0 0 !important;
}
.border-radius-eb-18 {
border-radius: 0 o 72px 0 !important;
}
.border-radius-bs-18 {
border-radius: 0 0 0 72px !important;
}
.border-radius-19 {
border-radius: 76px !important;
}
.border-radius-s-19 {
border-radius: 76px 0 0 76px !important;
}
.border-radius-t-19 {
border-radius: 76px 76px 0 0 !important;
}
.border-radius-e-19 {
border-radius: 0 76px 76px 0 !important;
}
.border-radius-b-19 {
border-radius: 0 0 76px 76px !important;
}
.border-radius-st-19 {
border-radius: 76px 0 0 0 !important;
}
.border-radius-te-19 {
border-radius: 0 76px 0 0 !important;
}
.border-radius-eb-19 {
border-radius: 0 o 76px 0 !important;
}
.border-radius-bs-19 {
border-radius: 0 0 0 76px !important;
}
.border-radius-20 {
border-radius: 80px !important;
}
.border-radius-s-20 {
border-radius: 80px 0 0 80px !important;
}
.border-radius-t-20 {
border-radius: 80px 80px 0 0 !important;
}
.border-radius-e-20 {
border-radius: 0 80px 80px 0 !important;
}
.border-radius-b-20 {
border-radius: 0 0 80px 80px !important;
}
.border-radius-st-20 {
border-radius: 80px 0 0 0 !important;
}
.border-radius-te-20 {
border-radius: 0 80px 0 0 !important;
}
.border-radius-eb-20 {
border-radius: 0 o 80px 0 !important;
}
.border-radius-bs-20 {
border-radius: 0 0 0 80px !important;
}
@media (min-width: 576px) {
.border-radius-sm-0 {
border-radius: 0px !important;
}
.border-radius-s-sm-0 {
border-radius: 0px 0 0 0px !important;
}
.border-radius-t-sm-0 {
border-radius: 0px 0px 0 0 !important;
}
.border-radius-e-sm-0 {
border-radius: 0 0px 0px 0 !important;
}
.border-radius-b-sm-0 {
border-radius: 0 0 0px 0px !important;
}
.border-radius-st-sm-0 {
border-radius: 0px 0 0 0 !important;
}
.border-radius-te-sm-0 {
border-radius: 0 0px 0 0 !important;
}
.border-radius-eb-sm-0 {
border-radius: 0 o 0px 0 !important;
}
.border-radius-bs-sm-0 {
border-radius: 0 0 0 0px !important;
}
.border-radius-sm-1 {
border-radius: 4px !important;
}
.border-radius-s-sm-1 {
border-radius: 4px 0 0 4px !important;
}
.border-radius-t-sm-1 {
border-radius: 4px 4px 0 0 !important;
}
.border-radius-e-sm-1 {
border-radius: 0 4px 4px 0 !important;
}
.border-radius-b-sm-1 {
border-radius: 0 0 4px 4px !important;
}
.border-radius-st-sm-1 {
border-radius: 4px 0 0 0 !important;
}
.border-radius-te-sm-1 {
border-radius: 0 4px 0 0 !important;
}
.border-radius-eb-sm-1 {
border-radius: 0 o 4px 0 !important;
}
.border-radius-bs-sm-1 {
border-radius: 0 0 0 4px !important;
}
.border-radius-sm-2 {
border-radius: 8px !important;
}
.border-radius-s-sm-2 {
border-radius: 8px 0 0 8px !important;
}
.border-radius-t-sm-2 {
border-radius: 8px 8px 0 0 !important;
}
.border-radius-e-sm-2 {
border-radius: 0 8px 8px 0 !important;
}
.border-radius-b-sm-2 {
border-radius: 0 0 8px 8px !important;
}
.border-radius-st-sm-2 {
border-radius: 8px 0 0 0 !important;
}
.border-radius-te-sm-2 {
border-radius: 0 8px 0 0 !important;
}
.border-radius-eb-sm-2 {
border-radius: 0 o 8px 0 !important;
}
.border-radius-bs-sm-2 {
border-radius: 0 0 0 8px !important;
}
.border-radius-sm-3 {
border-radius: 12px !important;
}
.border-radius-s-sm-3 {
border-radius: 12px 0 0 12px !important;
}
.border-radius-t-sm-3 {
border-radius: 12px 12px 0 0 !important;
}
.border-radius-e-sm-3 {
border-radius: 0 12px 12px 0 !important;
}
.border-radius-b-sm-3 {
border-radius: 0 0 12px 12px !important;
}
.border-radius-st-sm-3 {
border-radius: 12px 0 0 0 !important;
}
.border-radius-te-sm-3 {
border-radius: 0 12px 0 0 !important;
}
.border-radius-eb-sm-3 {
border-radius: 0 o 12px 0 !important;
}
.border-radius-bs-sm-3 {
border-radius: 0 0 0 12px !important;
}
.border-radius-sm-4 {
border-radius: 16px !important;
}
.border-radius-s-sm-4 {
border-radius: 16px 0 0 16px !important;
}
.border-radius-t-sm-4 {
border-radius: 16px 16px 0 0 !important;
}
.border-radius-e-sm-4 {
border-radius: 0 16px 16px 0 !important;
}
.border-radius-b-sm-4 {
border-radius: 0 0 16px 16px !important;
}
.border-radius-st-sm-4 {
border-radius: 16px 0 0 0 !important;
}
.border-radius-te-sm-4 {
border-radius: 0 16px 0 0 !important;
}
.border-radius-eb-sm-4 {
border-radius: 0 o 16px 0 !important;
}
.border-radius-bs-sm-4 {
border-radius: 0 0 0 16px !important;
}
.border-radius-sm-5 {
border-radius: 20px !important;
}
.border-radius-s-sm-5 {
border-radius: 20px 0 0 20px !important;
}
.border-radius-t-sm-5 {
border-radius: 20px 20px 0 0 !important;
}
.border-radius-e-sm-5 {
border-radius: 0 20px 20px 0 !important;
}
.border-radius-b-sm-5 {
border-radius: 0 0 20px 20px !important;
}
.border-radius-st-sm-5 {
border-radius: 20px 0 0 0 !important;
}
.border-radius-te-sm-5 {
border-radius: 0 20px 0 0 !important;
}
.border-radius-eb-sm-5 {
border-radius: 0 o 20px 0 !important;
}
.border-radius-bs-sm-5 {
border-radius: 0 0 0 20px !important;
}
.border-radius-sm-6 {
border-radius: 24px !important;
}
.border-radius-s-sm-6 {
border-radius: 24px 0 0 24px !important;
}
.border-radius-t-sm-6 {
border-radius: 24px 24px 0 0 !important;
}
.border-radius-e-sm-6 {
border-radius: 0 24px 24px 0 !important;
}
.border-radius-b-sm-6 {
border-radius: 0 0 24px 24px !important;
}
.border-radius-st-sm-6 {
border-radius: 24px 0 0 0 !important;
}
.border-radius-te-sm-6 {
border-radius: 0 24px 0 0 !important;
}
.border-radius-eb-sm-6 {
border-radius: 0 o 24px 0 !important;
}
.border-radius-bs-sm-6 {
border-radius: 0 0 0 24px !important;
}
.border-radius-sm-7 {
border-radius: 28px !important;
}
.border-radius-s-sm-7 {
border-radius: 28px 0 0 28px !important;
}
.border-radius-t-sm-7 {
border-radius: 28px 28px 0 0 !important;
}
.border-radius-e-sm-7 {
border-radius: 0 28px 28px 0 !important;
}
.border-radius-b-sm-7 {
border-radius: 0 0 28px 28px !important;
}
.border-radius-st-sm-7 {
border-radius: 28px 0 0 0 !important;
}
.border-radius-te-sm-7 {
border-radius: 0 28px 0 0 !important;
}
.border-radius-eb-sm-7 {
border-radius: 0 o 28px 0 !important;
}
.border-radius-bs-sm-7 {
border-radius: 0 0 0 28px !important;
}
.border-radius-sm-8 {
border-radius: 32px !important;
}
.border-radius-s-sm-8 {
border-radius: 32px 0 0 32px !important;
}
.border-radius-t-sm-8 {
border-radius: 32px 32px 0 0 !important;
}
.border-radius-e-sm-8 {
border-radius: 0 32px 32px 0 !important;
}
.border-radius-b-sm-8 {
border-radius: 0 0 32px 32px !important;
}
.border-radius-st-sm-8 {
border-radius: 32px 0 0 0 !important;
}
.border-radius-te-sm-8 {
border-radius: 0 32px 0 0 !important;
}
.border-radius-eb-sm-8 {
border-radius: 0 o 32px 0 !important;
}
.border-radius-bs-sm-8 {
border-radius: 0 0 0 32px !important;
}
.border-radius-sm-9 {
border-radius: 36px !important;
}
.border-radius-s-sm-9 {
border-radius: 36px 0 0 36px !important;
}
.border-radius-t-sm-9 {
border-radius: 36px 36px 0 0 !important;
}
.border-radius-e-sm-9 {
border-radius: 0 36px 36px 0 !important;
}
.border-radius-b-sm-9 {
border-radius: 0 0 36px 36px !important;
}
.border-radius-st-sm-9 {
border-radius: 36px 0 0 0 !important;
}
.border-radius-te-sm-9 {
border-radius: 0 36px 0 0 !important;
}
.border-radius-eb-sm-9 {
border-radius: 0 o 36px 0 !important;
}
.border-radius-bs-sm-9 {
border-radius: 0 0 0 36px !important;
}
.border-radius-sm-10 {
border-radius: 40px !important;
}
.border-radius-s-sm-10 {
border-radius: 40px 0 0 40px !important;
}
.border-radius-t-sm-10 {
border-radius: 40px 40px 0 0 !important;
}
.border-radius-e-sm-10 {
border-radius: 0 40px 40px 0 !important;
}
.border-radius-b-sm-10 {
border-radius: 0 0 40px 40px !important;
}
.border-radius-st-sm-10 {
border-radius: 40px 0 0 0 !important;
}
.border-radius-te-sm-10 {
border-radius: 0 40px 0 0 !important;
}
.border-radius-eb-sm-10 {
border-radius: 0 o 40px 0 !important;
}
.border-radius-bs-sm-10 {
border-radius: 0 0 0 40px !important;
}
.border-radius-sm-11 {
border-radius: 44px !important;
}
.border-radius-s-sm-11 {
border-radius: 44px 0 0 44px !important;
}
.border-radius-t-sm-11 {
border-radius: 44px 44px 0 0 !important;
}
.border-radius-e-sm-11 {
border-radius: 0 44px 44px 0 !important;
}
.border-radius-b-sm-11 {
border-radius: 0 0 44px 44px !important;
}
.border-radius-st-sm-11 {
border-radius: 44px 0 0 0 !important;
}
.border-radius-te-sm-11 {
border-radius: 0 44px 0 0 !important;
}
.border-radius-eb-sm-11 {
border-radius: 0 o 44px 0 !important;
}
.border-radius-bs-sm-11 {
border-radius: 0 0 0 44px !important;
}
.border-radius-sm-12 {
border-radius: 48px !important;
}
.border-radius-s-sm-12 {
border-radius: 48px 0 0 48px !important;
}
.border-radius-t-sm-12 {
border-radius: 48px 48px 0 0 !important;
}
.border-radius-e-sm-12 {
border-radius: 0 48px 48px 0 !important;
}
.border-radius-b-sm-12 {
border-radius: 0 0 48px 48px !important;
}
.border-radius-st-sm-12 {
border-radius: 48px 0 0 0 !important;
}
.border-radius-te-sm-12 {
border-radius: 0 48px 0 0 !important;
}
.border-radius-eb-sm-12 {
border-radius: 0 o 48px 0 !important;
}
.border-radius-bs-sm-12 {
border-radius: 0 0 0 48px !important;
}
.border-radius-sm-13 {
border-radius: 52px !important;
}
.border-radius-s-sm-13 {
border-radius: 52px 0 0 52px !important;
}
.border-radius-t-sm-13 {
border-radius: 52px 52px 0 0 !important;
}
.border-radius-e-sm-13 {
border-radius: 0 52px 52px 0 !important;
}
.border-radius-b-sm-13 {
border-radius: 0 0 52px 52px !important;
}
.border-radius-st-sm-13 {
border-radius: 52px 0 0 0 !important;
}
.border-radius-te-sm-13 {
border-radius: 0 52px 0 0 !important;
}
.border-radius-eb-sm-13 {
border-radius: 0 o 52px 0 !important;
}
.border-radius-bs-sm-13 {
border-radius: 0 0 0 52px !important;
}
.border-radius-sm-14 {
border-radius: 56px !important;
}
.border-radius-s-sm-14 {
border-radius: 56px 0 0 56px !important;
}
.border-radius-t-sm-14 {
border-radius: 56px 56px 0 0 !important;
}
.border-radius-e-sm-14 {
border-radius: 0 56px 56px 0 !important;
}
.border-radius-b-sm-14 {
border-radius: 0 0 56px 56px !important;
}
.border-radius-st-sm-14 {
border-radius: 56px 0 0 0 !important;
}
.border-radius-te-sm-14 {
border-radius: 0 56px 0 0 !important;
}
.border-radius-eb-sm-14 {
border-radius: 0 o 56px 0 !important;
}
.border-radius-bs-sm-14 {
border-radius: 0 0 0 56px !important;
}
.border-radius-sm-15 {
border-radius: 60px !important;
}
.border-radius-s-sm-15 {
border-radius: 60px 0 0 60px !important;
}
.border-radius-t-sm-15 {
border-radius: 60px 60px 0 0 !important;
}
.border-radius-e-sm-15 {
border-radius: 0 60px 60px 0 !important;
}
.border-radius-b-sm-15 {
border-radius: 0 0 60px 60px !important;
}
.border-radius-st-sm-15 {
border-radius: 60px 0 0 0 !important;
}
.border-radius-te-sm-15 {
border-radius: 0 60px 0 0 !important;
}
.border-radius-eb-sm-15 {
border-radius: 0 o 60px 0 !important;
}
.border-radius-bs-sm-15 {
border-radius: 0 0 0 60px !important;
}
.border-radius-sm-16 {
border-radius: 64px !important;
}
.border-radius-s-sm-16 {
border-radius: 64px 0 0 64px !important;
}
.border-radius-t-sm-16 {
border-radius: 64px 64px 0 0 !important;
}
.border-radius-e-sm-16 {
border-radius: 0 64px 64px 0 !important;
}
.border-radius-b-sm-16 {
border-radius: 0 0 64px 64px !important;
}
.border-radius-st-sm-16 {
border-radius: 64px 0 0 0 !important;
}
.border-radius-te-sm-16 {
border-radius: 0 64px 0 0 !important;
}
.border-radius-eb-sm-16 {
border-radius: 0 o 64px 0 !important;
}
.border-radius-bs-sm-16 {
border-radius: 0 0 0 64px !important;
}
.border-radius-sm-17 {
border-radius: 68px !important;
}
.border-radius-s-sm-17 {
border-radius: 68px 0 0 68px !important;
}
.border-radius-t-sm-17 {
border-radius: 68px 68px 0 0 !important;
}
.border-radius-e-sm-17 {
border-radius: 0 68px 68px 0 !important;
}
.border-radius-b-sm-17 {
border-radius: 0 0 68px 68px !important;
}
.border-radius-st-sm-17 {
border-radius: 68px 0 0 0 !important;
}
.border-radius-te-sm-17 {
border-radius: 0 68px 0 0 !important;
}
.border-radius-eb-sm-17 {
border-radius: 0 o 68px 0 !important;
}
.border-radius-bs-sm-17 {
border-radius: 0 0 0 68px !important;
}
.border-radius-sm-18 {
border-radius: 72px !important;
}
.border-radius-s-sm-18 {
border-radius: 72px 0 0 72px !important;
}
.border-radius-t-sm-18 {
border-radius: 72px 72px 0 0 !important;
}
.border-radius-e-sm-18 {
border-radius: 0 72px 72px 0 !important;
}
.border-radius-b-sm-18 {
border-radius: 0 0 72px 72px !important;
}
.border-radius-st-sm-18 {
border-radius: 72px 0 0 0 !important;
}
.border-radius-te-sm-18 {
border-radius: 0 72px 0 0 !important;
}
.border-radius-eb-sm-18 {
border-radius: 0 o 72px 0 !important;
}
.border-radius-bs-sm-18 {
border-radius: 0 0 0 72px !important;
}
.border-radius-sm-19 {
border-radius: 76px !important;
}
.border-radius-s-sm-19 {
border-radius: 76px 0 0 76px !important;
}
.border-radius-t-sm-19 {
border-radius: 76px 76px 0 0 !important;
}
.border-radius-e-sm-19 {
border-radius: 0 76px 76px 0 !important;
}
.border-radius-b-sm-19 {
border-radius: 0 0 76px 76px !important;
}
.border-radius-st-sm-19 {
border-radius: 76px 0 0 0 !important;
}
.border-radius-te-sm-19 {
border-radius: 0 76px 0 0 !important;
}
.border-radius-eb-sm-19 {
border-radius: 0 o 76px 0 !important;
}
.border-radius-bs-sm-19 {
border-radius: 0 0 0 76px !important;
}
.border-radius-sm-20 {
border-radius: 80px !important;
}
.border-radius-s-sm-20 {
border-radius: 80px 0 0 80px !important;
}
.border-radius-t-sm-20 {
border-radius: 80px 80px 0 0 !important;
}
.border-radius-e-sm-20 {
border-radius: 0 80px 80px 0 !important;
}
.border-radius-b-sm-20 {
border-radius: 0 0 80px 80px !important;
}
.border-radius-st-sm-20 {
border-radius: 80px 0 0 0 !important;
}
.border-radius-te-sm-20 {
border-radius: 0 80px 0 0 !important;
}
.border-radius-eb-sm-20 {
border-radius: 0 o 80px 0 !important;
}
.border-radius-bs-sm-20 {
border-radius: 0 0 0 80px !important;
}
}
@media (min-width: 768px) {
.border-radius-md-0 {
border-radius: 0px !important;
}
.border-radius-s-md-0 {
border-radius: 0px 0 0 0px !important;
}
.border-radius-t-md-0 {
border-radius: 0px 0px 0 0 !important;
}
.border-radius-e-md-0 {
border-radius: 0 0px 0px 0 !important;
}
.border-radius-b-md-0 {
border-radius: 0 0 0px 0px !important;
}
.border-radius-st-md-0 {
border-radius: 0px 0 0 0 !important;
}
.border-radius-te-md-0 {
border-radius: 0 0px 0 0 !important;
}
.border-radius-eb-md-0 {
border-radius: 0 o 0px 0 !important;
}
.border-radius-bs-md-0 {
border-radius: 0 0 0 0px !important;
}
.border-radius-md-1 {
border-radius: 4px !important;
}
.border-radius-s-md-1 {
border-radius: 4px 0 0 4px !important;
}
.border-radius-t-md-1 {
border-radius: 4px 4px 0 0 !important;
}
.border-radius-e-md-1 {
border-radius: 0 4px 4px 0 !important;
}
.border-radius-b-md-1 {
border-radius: 0 0 4px 4px !important;
}
.border-radius-st-md-1 {
border-radius: 4px 0 0 0 !important;
}
.border-radius-te-md-1 {
border-radius: 0 4px 0 0 !important;
}
.border-radius-eb-md-1 {
border-radius: 0 o 4px 0 !important;
}
.border-radius-bs-md-1 {
border-radius: 0 0 0 4px !important;
}
.border-radius-md-2 {
border-radius: 8px !important;
}
.border-radius-s-md-2 {
border-radius: 8px 0 0 8px !important;
}
.border-radius-t-md-2 {
border-radius: 8px 8px 0 0 !important;
}
.border-radius-e-md-2 {
border-radius: 0 8px 8px 0 !important;
}
.border-radius-b-md-2 {
border-radius: 0 0 8px 8px !important;
}
.border-radius-st-md-2 {
border-radius: 8px 0 0 0 !important;
}
.border-radius-te-md-2 {
border-radius: 0 8px 0 0 !important;
}
.border-radius-eb-md-2 {
border-radius: 0 o 8px 0 !important;
}
.border-radius-bs-md-2 {
border-radius: 0 0 0 8px !important;
}
.border-radius-md-3 {
border-radius: 12px !important;
}
.border-radius-s-md-3 {
border-radius: 12px 0 0 12px !important;
}
.border-radius-t-md-3 {
border-radius: 12px 12px 0 0 !important;
}
.border-radius-e-md-3 {
border-radius: 0 12px 12px 0 !important;
}
.border-radius-b-md-3 {
border-radius: 0 0 12px 12px !important;
}
.border-radius-st-md-3 {
border-radius: 12px 0 0 0 !important;
}
.border-radius-te-md-3 {
border-radius: 0 12px 0 0 !important;
}
.border-radius-eb-md-3 {
border-radius: 0 o 12px 0 !important;
}
.border-radius-bs-md-3 {
border-radius: 0 0 0 12px !important;
}
.border-radius-md-4 {
border-radius: 16px !important;
}
.border-radius-s-md-4 {
border-radius: 16px 0 0 16px !important;
}
.border-radius-t-md-4 {
border-radius: 16px 16px 0 0 !important;
}
.border-radius-e-md-4 {
border-radius: 0 16px 16px 0 !important;
}
.border-radius-b-md-4 {
border-radius: 0 0 16px 16px !important;
}
.border-radius-st-md-4 {
border-radius: 16px 0 0 0 !important;
}
.border-radius-te-md-4 {
border-radius: 0 16px 0 0 !important;
}
.border-radius-eb-md-4 {
border-radius: 0 o 16px 0 !important;
}
.border-radius-bs-md-4 {
border-radius: 0 0 0 16px !important;
}
.border-radius-md-5 {
border-radius: 20px !important;
}
.border-radius-s-md-5 {
border-radius: 20px 0 0 20px !important;
}
.border-radius-t-md-5 {
border-radius: 20px 20px 0 0 !important;
}
.border-radius-e-md-5 {
border-radius: 0 20px 20px 0 !important;
}
.border-radius-b-md-5 {
border-radius: 0 0 20px 20px !important;
}
.border-radius-st-md-5 {
border-radius: 20px 0 0 0 !important;
}
.border-radius-te-md-5 {
border-radius: 0 20px 0 0 !important;
}
.border-radius-eb-md-5 {
border-radius: 0 o 20px 0 !important;
}
.border-radius-bs-md-5 {
border-radius: 0 0 0 20px !important;
}
.border-radius-md-6 {
border-radius: 24px !important;
}
.border-radius-s-md-6 {
border-radius: 24px 0 0 24px !important;
}
.border-radius-t-md-6 {
border-radius: 24px 24px 0 0 !important;
}
.border-radius-e-md-6 {
border-radius: 0 24px 24px 0 !important;
}
.border-radius-b-md-6 {
border-radius: 0 0 24px 24px !important;
}
.border-radius-st-md-6 {
border-radius: 24px 0 0 0 !important;
}
.border-radius-te-md-6 {
border-radius: 0 24px 0 0 !important;
}
.border-radius-eb-md-6 {
border-radius: 0 o 24px 0 !important;
}
.border-radius-bs-md-6 {
border-radius: 0 0 0 24px !important;
}
.border-radius-md-7 {
border-radius: 28px !important;
}
.border-radius-s-md-7 {
border-radius: 28px 0 0 28px !important;
}
.border-radius-t-md-7 {
border-radius: 28px 28px 0 0 !important;
}
.border-radius-e-md-7 {
border-radius: 0 28px 28px 0 !important;
}
.border-radius-b-md-7 {
border-radius: 0 0 28px 28px !important;
}
.border-radius-st-md-7 {
border-radius: 28px 0 0 0 !important;
}
.border-radius-te-md-7 {
border-radius: 0 28px 0 0 !important;
}
.border-radius-eb-md-7 {
border-radius: 0 o 28px 0 !important;
}
.border-radius-bs-md-7 {
border-radius: 0 0 0 28px !important;
}
.border-radius-md-8 {
border-radius: 32px !important;
}
.border-radius-s-md-8 {
border-radius: 32px 0 0 32px !important;
}
.border-radius-t-md-8 {
border-radius: 32px 32px 0 0 !important;
}
.border-radius-e-md-8 {
border-radius: 0 32px 32px 0 !important;
}
.border-radius-b-md-8 {
border-radius: 0 0 32px 32px !important;
}
.border-radius-st-md-8 {
border-radius: 32px 0 0 0 !important;
}
.border-radius-te-md-8 {
border-radius: 0 32px 0 0 !important;
}
.border-radius-eb-md-8 {
border-radius: 0 o 32px 0 !important;
}
.border-radius-bs-md-8 {
border-radius: 0 0 0 32px !important;
}
.border-radius-md-9 {
border-radius: 36px !important;
}
.border-radius-s-md-9 {
border-radius: 36px 0 0 36px !important;
}
.border-radius-t-md-9 {
border-radius: 36px 36px 0 0 !important;
}
.border-radius-e-md-9 {
border-radius: 0 36px 36px 0 !important;
}
.border-radius-b-md-9 {
border-radius: 0 0 36px 36px !important;
}
.border-radius-st-md-9 {
border-radius: 36px 0 0 0 !important;
}
.border-radius-te-md-9 {
border-radius: 0 36px 0 0 !important;
}
.border-radius-eb-md-9 {
border-radius: 0 o 36px 0 !important;
}
.border-radius-bs-md-9 {
border-radius: 0 0 0 36px !important;
}
.border-radius-md-10 {
border-radius: 40px !important;
}
.border-radius-s-md-10 {
border-radius: 40px 0 0 40px !important;
}
.border-radius-t-md-10 {
border-radius: 40px 40px 0 0 !important;
}
.border-radius-e-md-10 {
border-radius: 0 40px 40px 0 !important;
}
.border-radius-b-md-10 {
border-radius: 0 0 40px 40px !important;
}
.border-radius-st-md-10 {
border-radius: 40px 0 0 0 !important;
}
.border-radius-te-md-10 {
border-radius: 0 40px 0 0 !important;
}
.border-radius-eb-md-10 {
border-radius: 0 o 40px 0 !important;
}
.border-radius-bs-md-10 {
border-radius: 0 0 0 40px !important;
}
.border-radius-md-11 {
border-radius: 44px !important;
}
.border-radius-s-md-11 {
border-radius: 44px 0 0 44px !important;
}
.border-radius-t-md-11 {
border-radius: 44px 44px 0 0 !important;
}
.border-radius-e-md-11 {
border-radius: 0 44px 44px 0 !important;
}
.border-radius-b-md-11 {
border-radius: 0 0 44px 44px !important;
}
.border-radius-st-md-11 {
border-radius: 44px 0 0 0 !important;
}
.border-radius-te-md-11 {
border-radius: 0 44px 0 0 !important;
}
.border-radius-eb-md-11 {
border-radius: 0 o 44px 0 !important;
}
.border-radius-bs-md-11 {
border-radius: 0 0 0 44px !important;
}
.border-radius-md-12 {
border-radius: 48px !important;
}
.border-radius-s-md-12 {
border-radius: 48px 0 0 48px !important;
}
.border-radius-t-md-12 {
border-radius: 48px 48px 0 0 !important;
}
.border-radius-e-md-12 {
border-radius: 0 48px 48px 0 !important;
}
.border-radius-b-md-12 {
border-radius: 0 0 48px 48px !important;
}
.border-radius-st-md-12 {
border-radius: 48px 0 0 0 !important;
}
.border-radius-te-md-12 {
border-radius: 0 48px 0 0 !important;
}
.border-radius-eb-md-12 {
border-radius: 0 o 48px 0 !important;
}
.border-radius-bs-md-12 {
border-radius: 0 0 0 48px !important;
}
.border-radius-md-13 {
border-radius: 52px !important;
}
.border-radius-s-md-13 {
border-radius: 52px 0 0 52px !important;
}
.border-radius-t-md-13 {
border-radius: 52px 52px 0 0 !important;
}
.border-radius-e-md-13 {
border-radius: 0 52px 52px 0 !important;
}
.border-radius-b-md-13 {
border-radius: 0 0 52px 52px !important;
}
.border-radius-st-md-13 {
border-radius: 52px 0 0 0 !important;
}
.border-radius-te-md-13 {
border-radius: 0 52px 0 0 !important;
}
.border-radius-eb-md-13 {
border-radius: 0 o 52px 0 !important;
}
.border-radius-bs-md-13 {
border-radius: 0 0 0 52px !important;
}
.border-radius-md-14 {
border-radius: 56px !important;
}
.border-radius-s-md-14 {
border-radius: 56px 0 0 56px !important;
}
.border-radius-t-md-14 {
border-radius: 56px 56px 0 0 !important;
}
.border-radius-e-md-14 {
border-radius: 0 56px 56px 0 !important;
}
.border-radius-b-md-14 {
border-radius: 0 0 56px 56px !important;
}
.border-radius-st-md-14 {
border-radius: 56px 0 0 0 !important;
}
.border-radius-te-md-14 {
border-radius: 0 56px 0 0 !important;
}
.border-radius-eb-md-14 {
border-radius: 0 o 56px 0 !important;
}
.border-radius-bs-md-14 {
border-radius: 0 0 0 56px !important;
}
.border-radius-md-15 {
border-radius: 60px !important;
}
.border-radius-s-md-15 {
border-radius: 60px 0 0 60px !important;
}
.border-radius-t-md-15 {
border-radius: 60px 60px 0 0 !important;
}
.border-radius-e-md-15 {
border-radius: 0 60px 60px 0 !important;
}
.border-radius-b-md-15 {
border-radius: 0 0 60px 60px !important;
}
.border-radius-st-md-15 {
border-radius: 60px 0 0 0 !important;
}
.border-radius-te-md-15 {
border-radius: 0 60px 0 0 !important;
}
.border-radius-eb-md-15 {
border-radius: 0 o 60px 0 !important;
}
.border-radius-bs-md-15 {
border-radius: 0 0 0 60px !important;
}
.border-radius-md-16 {
border-radius: 64px !important;
}
.border-radius-s-md-16 {
border-radius: 64px 0 0 64px !important;
}
.border-radius-t-md-16 {
border-radius: 64px 64px 0 0 !important;
}
.border-radius-e-md-16 {
border-radius: 0 64px 64px 0 !important;
}
.border-radius-b-md-16 {
border-radius: 0 0 64px 64px !important;
}
.border-radius-st-md-16 {
border-radius: 64px 0 0 0 !important;
}
.border-radius-te-md-16 {
border-radius: 0 64px 0 0 !important;
}
.border-radius-eb-md-16 {
border-radius: 0 o 64px 0 !important;
}
.border-radius-bs-md-16 {
border-radius: 0 0 0 64px !important;
}
.border-radius-md-17 {
border-radius: 68px !important;
}
.border-radius-s-md-17 {
border-radius: 68px 0 0 68px !important;
}
.border-radius-t-md-17 {
border-radius: 68px 68px 0 0 !important;
}
.border-radius-e-md-17 {
border-radius: 0 68px 68px 0 !important;
}
.border-radius-b-md-17 {
border-radius: 0 0 68px 68px !important;
}
.border-radius-st-md-17 {
border-radius: 68px 0 0 0 !important;
}
.border-radius-te-md-17 {
border-radius: 0 68px 0 0 !important;
}
.border-radius-eb-md-17 {
border-radius: 0 o 68px 0 !important;
}
.border-radius-bs-md-17 {
border-radius: 0 0 0 68px !important;
}
.border-radius-md-18 {
border-radius: 72px !important;
}
.border-radius-s-md-18 {
border-radius: 72px 0 0 72px !important;
}
.border-radius-t-md-18 {
border-radius: 72px 72px 0 0 !important;
}
.border-radius-e-md-18 {
border-radius: 0 72px 72px 0 !important;
}
.border-radius-b-md-18 {
border-radius: 0 0 72px 72px !important;
}
.border-radius-st-md-18 {
border-radius: 72px 0 0 0 !important;
}
.border-radius-te-md-18 {
border-radius: 0 72px 0 0 !important;
}
.border-radius-eb-md-18 {
border-radius: 0 o 72px 0 !important;
}
.border-radius-bs-md-18 {
border-radius: 0 0 0 72px !important;
}
.border-radius-md-19 {
border-radius: 76px !important;
}
.border-radius-s-md-19 {
border-radius: 76px 0 0 76px !important;
}
.border-radius-t-md-19 {
border-radius: 76px 76px 0 0 !important;
}
.border-radius-e-md-19 {
border-radius: 0 76px 76px 0 !important;
}
.border-radius-b-md-19 {
border-radius: 0 0 76px 76px !important;
}
.border-radius-st-md-19 {
border-radius: 76px 0 0 0 !important;
}
.border-radius-te-md-19 {
border-radius: 0 76px 0 0 !important;
}
.border-radius-eb-md-19 {
border-radius: 0 o 76px 0 !important;
}
.border-radius-bs-md-19 {
border-radius: 0 0 0 76px !important;
}
.border-radius-md-20 {
border-radius: 80px !important;
}
.border-radius-s-md-20 {
border-radius: 80px 0 0 80px !important;
}
.border-radius-t-md-20 {
border-radius: 80px 80px 0 0 !important;
}
.border-radius-e-md-20 {
border-radius: 0 80px 80px 0 !important;
}
.border-radius-b-md-20 {
border-radius: 0 0 80px 80px !important;
}
.border-radius-st-md-20 {
border-radius: 80px 0 0 0 !important;
}
.border-radius-te-md-20 {
border-radius: 0 80px 0 0 !important;
}
.border-radius-eb-md-20 {
border-radius: 0 o 80px 0 !important;
}
.border-radius-bs-md-20 {
border-radius: 0 0 0 80px !important;
}
}
@media (min-width: 1012px) {
.border-radius-lg-0 {
border-radius: 0px !important;
}
.border-radius-s-lg-0 {
border-radius: 0px 0 0 0px !important;
}
.border-radius-t-lg-0 {
border-radius: 0px 0px 0 0 !important;
}
.border-radius-e-lg-0 {
border-radius: 0 0px 0px 0 !important;
}
.border-radius-b-lg-0 {
border-radius: 0 0 0px 0px !important;
}
.border-radius-st-lg-0 {
border-radius: 0px 0 0 0 !important;
}
.border-radius-te-lg-0 {
border-radius: 0 0px 0 0 !important;
}
.border-radius-eb-lg-0 {
border-radius: 0 o 0px 0 !important;
}
.border-radius-bs-lg-0 {
border-radius: 0 0 0 0px !important;
}
.border-radius-lg-1 {
border-radius: 4px !important;
}
.border-radius-s-lg-1 {
border-radius: 4px 0 0 4px !important;
}
.border-radius-t-lg-1 {
border-radius: 4px 4px 0 0 !important;
}
.border-radius-e-lg-1 {
border-radius: 0 4px 4px 0 !important;
}
.border-radius-b-lg-1 {
border-radius: 0 0 4px 4px !important;
}
.border-radius-st-lg-1 {
border-radius: 4px 0 0 0 !important;
}
.border-radius-te-lg-1 {
border-radius: 0 4px 0 0 !important;
}
.border-radius-eb-lg-1 {
border-radius: 0 o 4px 0 !important;
}
.border-radius-bs-lg-1 {
border-radius: 0 0 0 4px !important;
}
.border-radius-lg-2 {
border-radius: 8px !important;
}
.border-radius-s-lg-2 {
border-radius: 8px 0 0 8px !important;
}
.border-radius-t-lg-2 {
border-radius: 8px 8px 0 0 !important;
}
.border-radius-e-lg-2 {
border-radius: 0 8px 8px 0 !important;
}
.border-radius-b-lg-2 {
border-radius: 0 0 8px 8px !important;
}
.border-radius-st-lg-2 {
border-radius: 8px 0 0 0 !important;
}
.border-radius-te-lg-2 {
border-radius: 0 8px 0 0 !important;
}
.border-radius-eb-lg-2 {
border-radius: 0 o 8px 0 !important;
}
.border-radius-bs-lg-2 {
border-radius: 0 0 0 8px !important;
}
.border-radius-lg-3 {
border-radius: 12px !important;
}
.border-radius-s-lg-3 {
border-radius: 12px 0 0 12px !important;
}
.border-radius-t-lg-3 {
border-radius: 12px 12px 0 0 !important;
}
.border-radius-e-lg-3 {
border-radius: 0 12px 12px 0 !important;
}
.border-radius-b-lg-3 {
border-radius: 0 0 12px 12px !important;
}
.border-radius-st-lg-3 {
border-radius: 12px 0 0 0 !important;
}
.border-radius-te-lg-3 {
border-radius: 0 12px 0 0 !important;
}
.border-radius-eb-lg-3 {
border-radius: 0 o 12px 0 !important;
}
.border-radius-bs-lg-3 {
border-radius: 0 0 0 12px !important;
}
.border-radius-lg-4 {
border-radius: 16px !important;
}
.border-radius-s-lg-4 {
border-radius: 16px 0 0 16px !important;
}
.border-radius-t-lg-4 {
border-radius: 16px 16px 0 0 !important;
}
.border-radius-e-lg-4 {
border-radius: 0 16px 16px 0 !important;
}
.border-radius-b-lg-4 {
border-radius: 0 0 16px 16px !important;
}
.border-radius-st-lg-4 {
border-radius: 16px 0 0 0 !important;
}
.border-radius-te-lg-4 {
border-radius: 0 16px 0 0 !important;
}
.border-radius-eb-lg-4 {
border-radius: 0 o 16px 0 !important;
}
.border-radius-bs-lg-4 {
border-radius: 0 0 0 16px !important;
}
.border-radius-lg-5 {
border-radius: 20px !important;
}
.border-radius-s-lg-5 {
border-radius: 20px 0 0 20px !important;
}
.border-radius-t-lg-5 {
border-radius: 20px 20px 0 0 !important;
}
.border-radius-e-lg-5 {
border-radius: 0 20px 20px 0 !important;
}
.border-radius-b-lg-5 {
border-radius: 0 0 20px 20px !important;
}
.border-radius-st-lg-5 {
border-radius: 20px 0 0 0 !important;
}
.border-radius-te-lg-5 {
border-radius: 0 20px 0 0 !important;
}
.border-radius-eb-lg-5 {
border-radius: 0 o 20px 0 !important;
}
.border-radius-bs-lg-5 {
border-radius: 0 0 0 20px !important;
}
.border-radius-lg-6 {
border-radius: 24px !important;
}
.border-radius-s-lg-6 {
border-radius: 24px 0 0 24px !important;
}
.border-radius-t-lg-6 {
border-radius: 24px 24px 0 0 !important;
}
.border-radius-e-lg-6 {
border-radius: 0 24px 24px 0 !important;
}
.border-radius-b-lg-6 {
border-radius: 0 0 24px 24px !important;
}
.border-radius-st-lg-6 {
border-radius: 24px 0 0 0 !important;
}
.border-radius-te-lg-6 {
border-radius: 0 24px 0 0 !important;
}
.border-radius-eb-lg-6 {
border-radius: 0 o 24px 0 !important;
}
.border-radius-bs-lg-6 {
border-radius: 0 0 0 24px !important;
}
.border-radius-lg-7 {
border-radius: 28px !important;
}
.border-radius-s-lg-7 {
border-radius: 28px 0 0 28px !important;
}
.border-radius-t-lg-7 {
border-radius: 28px 28px 0 0 !important;
}
.border-radius-e-lg-7 {
border-radius: 0 28px 28px 0 !important;
}
.border-radius-b-lg-7 {
border-radius: 0 0 28px 28px !important;
}
.border-radius-st-lg-7 {
border-radius: 28px 0 0 0 !important;
}
.border-radius-te-lg-7 {
border-radius: 0 28px 0 0 !important;
}
.border-radius-eb-lg-7 {
border-radius: 0 o 28px 0 !important;
}
.border-radius-bs-lg-7 {
border-radius: 0 0 0 28px !important;
}
.border-radius-lg-8 {
border-radius: 32px !important;
}
.border-radius-s-lg-8 {
border-radius: 32px 0 0 32px !important;
}
.border-radius-t-lg-8 {
border-radius: 32px 32px 0 0 !important;
}
.border-radius-e-lg-8 {
border-radius: 0 32px 32px 0 !important;
}
.border-radius-b-lg-8 {
border-radius: 0 0 32px 32px !important;
}
.border-radius-st-lg-8 {
border-radius: 32px 0 0 0 !important;
}
.border-radius-te-lg-8 {
border-radius: 0 32px 0 0 !important;
}
.border-radius-eb-lg-8 {
border-radius: 0 o 32px 0 !important;
}
.border-radius-bs-lg-8 {
border-radius: 0 0 0 32px !important;
}
.border-radius-lg-9 {
border-radius: 36px !important;
}
.border-radius-s-lg-9 {
border-radius: 36px 0 0 36px !important;
}
.border-radius-t-lg-9 {
border-radius: 36px 36px 0 0 !important;
}
.border-radius-e-lg-9 {
border-radius: 0 36px 36px 0 !important;
}
.border-radius-b-lg-9 {
border-radius: 0 0 36px 36px !important;
}
.border-radius-st-lg-9 {
border-radius: 36px 0 0 0 !important;
}
.border-radius-te-lg-9 {
border-radius: 0 36px 0 0 !important;
}
.border-radius-eb-lg-9 {
border-radius: 0 o 36px 0 !important;
}
.border-radius-bs-lg-9 {
border-radius: 0 0 0 36px !important;
}
.border-radius-lg-10 {
border-radius: 40px !important;
}
.border-radius-s-lg-10 {
border-radius: 40px 0 0 40px !important;
}
.border-radius-t-lg-10 {
border-radius: 40px 40px 0 0 !important;
}
.border-radius-e-lg-10 {
border-radius: 0 40px 40px 0 !important;
}
.border-radius-b-lg-10 {
border-radius: 0 0 40px 40px !important;
}
.border-radius-st-lg-10 {
border-radius: 40px 0 0 0 !important;
}
.border-radius-te-lg-10 {
border-radius: 0 40px 0 0 !important;
}
.border-radius-eb-lg-10 {
border-radius: 0 o 40px 0 !important;
}
.border-radius-bs-lg-10 {
border-radius: 0 0 0 40px !important;
}
.border-radius-lg-11 {
border-radius: 44px !important;
}
.border-radius-s-lg-11 {
border-radius: 44px 0 0 44px !important;
}
.border-radius-t-lg-11 {
border-radius: 44px 44px 0 0 !important;
}
.border-radius-e-lg-11 {
border-radius: 0 44px 44px 0 !important;
}
.border-radius-b-lg-11 {
border-radius: 0 0 44px 44px !important;
}
.border-radius-st-lg-11 {
border-radius: 44px 0 0 0 !important;
}
.border-radius-te-lg-11 {
border-radius: 0 44px 0 0 !important;
}
.border-radius-eb-lg-11 {
border-radius: 0 o 44px 0 !important;
}
.border-radius-bs-lg-11 {
border-radius: 0 0 0 44px !important;
}
.border-radius-lg-12 {
border-radius: 48px !important;
}
.border-radius-s-lg-12 {
border-radius: 48px 0 0 48px !important;
}
.border-radius-t-lg-12 {
border-radius: 48px 48px 0 0 !important;
}
.border-radius-e-lg-12 {
border-radius: 0 48px 48px 0 !important;
}
.border-radius-b-lg-12 {
border-radius: 0 0 48px 48px !important;
}
.border-radius-st-lg-12 {
border-radius: 48px 0 0 0 !important;
}
.border-radius-te-lg-12 {
border-radius: 0 48px 0 0 !important;
}
.border-radius-eb-lg-12 {
border-radius: 0 o 48px 0 !important;
}
.border-radius-bs-lg-12 {
border-radius: 0 0 0 48px !important;
}
.border-radius-lg-13 {
border-radius: 52px !important;
}
.border-radius-s-lg-13 {
border-radius: 52px 0 0 52px !important;
}
.border-radius-t-lg-13 {
border-radius: 52px 52px 0 0 !important;
}
.border-radius-e-lg-13 {
border-radius: 0 52px 52px 0 !important;
}
.border-radius-b-lg-13 {
border-radius: 0 0 52px 52px !important;
}
.border-radius-st-lg-13 {
border-radius: 52px 0 0 0 !important;
}
.border-radius-te-lg-13 {
border-radius: 0 52px 0 0 !important;
}
.border-radius-eb-lg-13 {
border-radius: 0 o 52px 0 !important;
}
.border-radius-bs-lg-13 {
border-radius: 0 0 0 52px !important;
}
.border-radius-lg-14 {
border-radius: 56px !important;
}
.border-radius-s-lg-14 {
border-radius: 56px 0 0 56px !important;
}
.border-radius-t-lg-14 {
border-radius: 56px 56px 0 0 !important;
}
.border-radius-e-lg-14 {
border-radius: 0 56px 56px 0 !important;
}
.border-radius-b-lg-14 {
border-radius: 0 0 56px 56px !important;
}
.border-radius-st-lg-14 {
border-radius: 56px 0 0 0 !important;
}
.border-radius-te-lg-14 {
border-radius: 0 56px 0 0 !important;
}
.border-radius-eb-lg-14 {
border-radius: 0 o 56px 0 !important;
}
.border-radius-bs-lg-14 {
border-radius: 0 0 0 56px !important;
}
.border-radius-lg-15 {
border-radius: 60px !important;
}
.border-radius-s-lg-15 {
border-radius: 60px 0 0 60px !important;
}
.border-radius-t-lg-15 {
border-radius: 60px 60px 0 0 !important;
}
.border-radius-e-lg-15 {
border-radius: 0 60px 60px 0 !important;
}
.border-radius-b-lg-15 {
border-radius: 0 0 60px 60px !important;
}
.border-radius-st-lg-15 {
border-radius: 60px 0 0 0 !important;
}
.border-radius-te-lg-15 {
border-radius: 0 60px 0 0 !important;
}
.border-radius-eb-lg-15 {
border-radius: 0 o 60px 0 !important;
}
.border-radius-bs-lg-15 {
border-radius: 0 0 0 60px !important;
}
.border-radius-lg-16 {
border-radius: 64px !important;
}
.border-radius-s-lg-16 {
border-radius: 64px 0 0 64px !important;
}
.border-radius-t-lg-16 {
border-radius: 64px 64px 0 0 !important;
}
.border-radius-e-lg-16 {
border-radius: 0 64px 64px 0 !important;
}
.border-radius-b-lg-16 {
border-radius: 0 0 64px 64px !important;
}
.border-radius-st-lg-16 {
border-radius: 64px 0 0 0 !important;
}
.border-radius-te-lg-16 {
border-radius: 0 64px 0 0 !important;
}
.border-radius-eb-lg-16 {
border-radius: 0 o 64px 0 !important;
}
.border-radius-bs-lg-16 {
border-radius: 0 0 0 64px !important;
}
.border-radius-lg-17 {
border-radius: 68px !important;
}
.border-radius-s-lg-17 {
border-radius: 68px 0 0 68px !important;
}
.border-radius-t-lg-17 {
border-radius: 68px 68px 0 0 !important;
}
.border-radius-e-lg-17 {
border-radius: 0 68px 68px 0 !important;
}
.border-radius-b-lg-17 {
border-radius: 0 0 68px 68px !important;
}
.border-radius-st-lg-17 {
border-radius: 68px 0 0 0 !important;
}
.border-radius-te-lg-17 {
border-radius: 0 68px 0 0 !important;
}
.border-radius-eb-lg-17 {
border-radius: 0 o 68px 0 !important;
}
.border-radius-bs-lg-17 {
border-radius: 0 0 0 68px !important;
}
.border-radius-lg-18 {
border-radius: 72px !important;
}
.border-radius-s-lg-18 {
border-radius: 72px 0 0 72px !important;
}
.border-radius-t-lg-18 {
border-radius: 72px 72px 0 0 !important;
}
.border-radius-e-lg-18 {
border-radius: 0 72px 72px 0 !important;
}
.border-radius-b-lg-18 {
border-radius: 0 0 72px 72px !important;
}
.border-radius-st-lg-18 {
border-radius: 72px 0 0 0 !important;
}
.border-radius-te-lg-18 {
border-radius: 0 72px 0 0 !important;
}
.border-radius-eb-lg-18 {
border-radius: 0 o 72px 0 !important;
}
.border-radius-bs-lg-18 {
border-radius: 0 0 0 72px !important;
}
.border-radius-lg-19 {
border-radius: 76px !important;
}
.border-radius-s-lg-19 {
border-radius: 76px 0 0 76px !important;
}
.border-radius-t-lg-19 {
border-radius: 76px 76px 0 0 !important;
}
.border-radius-e-lg-19 {
border-radius: 0 76px 76px 0 !important;
}
.border-radius-b-lg-19 {
border-radius: 0 0 76px 76px !important;
}
.border-radius-st-lg-19 {
border-radius: 76px 0 0 0 !important;
}
.border-radius-te-lg-19 {
border-radius: 0 76px 0 0 !important;
}
.border-radius-eb-lg-19 {
border-radius: 0 o 76px 0 !important;
}
.border-radius-bs-lg-19 {
border-radius: 0 0 0 76px !important;
}
.border-radius-lg-20 {
border-radius: 80px !important;
}
.border-radius-s-lg-20 {
border-radius: 80px 0 0 80px !important;
}
.border-radius-t-lg-20 {
border-radius: 80px 80px 0 0 !important;
}
.border-radius-e-lg-20 {
border-radius: 0 80px 80px 0 !important;
}
.border-radius-b-lg-20 {
border-radius: 0 0 80px 80px !important;
}
.border-radius-st-lg-20 {
border-radius: 80px 0 0 0 !important;
}
.border-radius-te-lg-20 {
border-radius: 0 80px 0 0 !important;
}
.border-radius-eb-lg-20 {
border-radius: 0 o 80px 0 !important;
}
.border-radius-bs-lg-20 {
border-radius: 0 0 0 80px !important;
}
}
@media (min-width: 1280px) {
.border-radius-xl-0 {
border-radius: 0px !important;
}
.border-radius-s-xl-0 {
border-radius: 0px 0 0 0px !important;
}
.border-radius-t-xl-0 {
border-radius: 0px 0px 0 0 !important;
}
.border-radius-e-xl-0 {
border-radius: 0 0px 0px 0 !important;
}
.border-radius-b-xl-0 {
border-radius: 0 0 0px 0px !important;
}
.border-radius-st-xl-0 {
border-radius: 0px 0 0 0 !important;
}
.border-radius-te-xl-0 {
border-radius: 0 0px 0 0 !important;
}
.border-radius-eb-xl-0 {
border-radius: 0 o 0px 0 !important;
}
.border-radius-bs-xl-0 {
border-radius: 0 0 0 0px !important;
}
.border-radius-xl-1 {
border-radius: 4px !important;
}
.border-radius-s-xl-1 {
border-radius: 4px 0 0 4px !important;
}
.border-radius-t-xl-1 {
border-radius: 4px 4px 0 0 !important;
}
.border-radius-e-xl-1 {
border-radius: 0 4px 4px 0 !important;
}
.border-radius-b-xl-1 {
border-radius: 0 0 4px 4px !important;
}
.border-radius-st-xl-1 {
border-radius: 4px 0 0 0 !important;
}
.border-radius-te-xl-1 {
border-radius: 0 4px 0 0 !important;
}
.border-radius-eb-xl-1 {
border-radius: 0 o 4px 0 !important;
}
.border-radius-bs-xl-1 {
border-radius: 0 0 0 4px !important;
}
.border-radius-xl-2 {
border-radius: 8px !important;
}
.border-radius-s-xl-2 {
border-radius: 8px 0 0 8px !important;
}
.border-radius-t-xl-2 {
border-radius: 8px 8px 0 0 !important;
}
.border-radius-e-xl-2 {
border-radius: 0 8px 8px 0 !important;
}
.border-radius-b-xl-2 {
border-radius: 0 0 8px 8px !important;
}
.border-radius-st-xl-2 {
border-radius: 8px 0 0 0 !important;
}
.border-radius-te-xl-2 {
border-radius: 0 8px 0 0 !important;
}
.border-radius-eb-xl-2 {
border-radius: 0 o 8px 0 !important;
}
.border-radius-bs-xl-2 {
border-radius: 0 0 0 8px !important;
}
.border-radius-xl-3 {
border-radius: 12px !important;
}
.border-radius-s-xl-3 {
border-radius: 12px 0 0 12px !important;
}
.border-radius-t-xl-3 {
border-radius: 12px 12px 0 0 !important;
}
.border-radius-e-xl-3 {
border-radius: 0 12px 12px 0 !important;
}
.border-radius-b-xl-3 {
border-radius: 0 0 12px 12px !important;
}
.border-radius-st-xl-3 {
border-radius: 12px 0 0 0 !important;
}
.border-radius-te-xl-3 {
border-radius: 0 12px 0 0 !important;
}
.border-radius-eb-xl-3 {
border-radius: 0 o 12px 0 !important;
}
.border-radius-bs-xl-3 {
border-radius: 0 0 0 12px !important;
}
.border-radius-xl-4 {
border-radius: 16px !important;
}
.border-radius-s-xl-4 {
border-radius: 16px 0 0 16px !important;
}
.border-radius-t-xl-4 {
border-radius: 16px 16px 0 0 !important;
}
.border-radius-e-xl-4 {
border-radius: 0 16px 16px 0 !important;
}
.border-radius-b-xl-4 {
border-radius: 0 0 16px 16px !important;
}
.border-radius-st-xl-4 {
border-radius: 16px 0 0 0 !important;
}
.border-radius-te-xl-4 {
border-radius: 0 16px 0 0 !important;
}
.border-radius-eb-xl-4 {
border-radius: 0 o 16px 0 !important;
}
.border-radius-bs-xl-4 {
border-radius: 0 0 0 16px !important;
}
.border-radius-xl-5 {
border-radius: 20px !important;
}
.border-radius-s-xl-5 {
border-radius: 20px 0 0 20px !important;
}
.border-radius-t-xl-5 {
border-radius: 20px 20px 0 0 !important;
}
.border-radius-e-xl-5 {
border-radius: 0 20px 20px 0 !important;
}
.border-radius-b-xl-5 {
border-radius: 0 0 20px 20px !important;
}
.border-radius-st-xl-5 {
border-radius: 20px 0 0 0 !important;
}
.border-radius-te-xl-5 {
border-radius: 0 20px 0 0 !important;
}
.border-radius-eb-xl-5 {
border-radius: 0 o 20px 0 !important;
}
.border-radius-bs-xl-5 {
border-radius: 0 0 0 20px !important;
}
.border-radius-xl-6 {
border-radius: 24px !important;
}
.border-radius-s-xl-6 {
border-radius: 24px 0 0 24px !important;
}
.border-radius-t-xl-6 {
border-radius: 24px 24px 0 0 !important;
}
.border-radius-e-xl-6 {
border-radius: 0 24px 24px 0 !important;
}
.border-radius-b-xl-6 {
border-radius: 0 0 24px 24px !important;
}
.border-radius-st-xl-6 {
border-radius: 24px 0 0 0 !important;
}
.border-radius-te-xl-6 {
border-radius: 0 24px 0 0 !important;
}
.border-radius-eb-xl-6 {
border-radius: 0 o 24px 0 !important;
}
.border-radius-bs-xl-6 {
border-radius: 0 0 0 24px !important;
}
.border-radius-xl-7 {
border-radius: 28px !important;
}
.border-radius-s-xl-7 {
border-radius: 28px 0 0 28px !important;
}
.border-radius-t-xl-7 {
border-radius: 28px 28px 0 0 !important;
}
.border-radius-e-xl-7 {
border-radius: 0 28px 28px 0 !important;
}
.border-radius-b-xl-7 {
border-radius: 0 0 28px 28px !important;
}
.border-radius-st-xl-7 {
border-radius: 28px 0 0 0 !important;
}
.border-radius-te-xl-7 {
border-radius: 0 28px 0 0 !important;
}
.border-radius-eb-xl-7 {
border-radius: 0 o 28px 0 !important;
}
.border-radius-bs-xl-7 {
border-radius: 0 0 0 28px !important;
}
.border-radius-xl-8 {
border-radius: 32px !important;
}
.border-radius-s-xl-8 {
border-radius: 32px 0 0 32px !important;
}
.border-radius-t-xl-8 {
border-radius: 32px 32px 0 0 !important;
}
.border-radius-e-xl-8 {
border-radius: 0 32px 32px 0 !important;
}
.border-radius-b-xl-8 {
border-radius: 0 0 32px 32px !important;
}
.border-radius-st-xl-8 {
border-radius: 32px 0 0 0 !important;
}
.border-radius-te-xl-8 {
border-radius: 0 32px 0 0 !important;
}
.border-radius-eb-xl-8 {
border-radius: 0 o 32px 0 !important;
}
.border-radius-bs-xl-8 {
border-radius: 0 0 0 32px !important;
}
.border-radius-xl-9 {
border-radius: 36px !important;
}
.border-radius-s-xl-9 {
border-radius: 36px 0 0 36px !important;
}
.border-radius-t-xl-9 {
border-radius: 36px 36px 0 0 !important;
}
.border-radius-e-xl-9 {
border-radius: 0 36px 36px 0 !important;
}
.border-radius-b-xl-9 {
border-radius: 0 0 36px 36px !important;
}
.border-radius-st-xl-9 {
border-radius: 36px 0 0 0 !important;
}
.border-radius-te-xl-9 {
border-radius: 0 36px 0 0 !important;
}
.border-radius-eb-xl-9 {
border-radius: 0 o 36px 0 !important;
}
.border-radius-bs-xl-9 {
border-radius: 0 0 0 36px !important;
}
.border-radius-xl-10 {
border-radius: 40px !important;
}
.border-radius-s-xl-10 {
border-radius: 40px 0 0 40px !important;
}
.border-radius-t-xl-10 {
border-radius: 40px 40px 0 0 !important;
}
.border-radius-e-xl-10 {
border-radius: 0 40px 40px 0 !important;
}
.border-radius-b-xl-10 {
border-radius: 0 0 40px 40px !important;
}
.border-radius-st-xl-10 {
border-radius: 40px 0 0 0 !important;
}
.border-radius-te-xl-10 {
border-radius: 0 40px 0 0 !important;
}
.border-radius-eb-xl-10 {
border-radius: 0 o 40px 0 !important;
}
.border-radius-bs-xl-10 {
border-radius: 0 0 0 40px !important;
}
.border-radius-xl-11 {
border-radius: 44px !important;
}
.border-radius-s-xl-11 {
border-radius: 44px 0 0 44px !important;
}
.border-radius-t-xl-11 {
border-radius: 44px 44px 0 0 !important;
}
.border-radius-e-xl-11 {
border-radius: 0 44px 44px 0 !important;
}
.border-radius-b-xl-11 {
border-radius: 0 0 44px 44px !important;
}
.border-radius-st-xl-11 {
border-radius: 44px 0 0 0 !important;
}
.border-radius-te-xl-11 {
border-radius: 0 44px 0 0 !important;
}
.border-radius-eb-xl-11 {
border-radius: 0 o 44px 0 !important;
}
.border-radius-bs-xl-11 {
border-radius: 0 0 0 44px !important;
}
.border-radius-xl-12 {
border-radius: 48px !important;
}
.border-radius-s-xl-12 {
border-radius: 48px 0 0 48px !important;
}
.border-radius-t-xl-12 {
border-radius: 48px 48px 0 0 !important;
}
.border-radius-e-xl-12 {
border-radius: 0 48px 48px 0 !important;
}
.border-radius-b-xl-12 {
border-radius: 0 0 48px 48px !important;
}
.border-radius-st-xl-12 {
border-radius: 48px 0 0 0 !important;
}
.border-radius-te-xl-12 {
border-radius: 0 48px 0 0 !important;
}
.border-radius-eb-xl-12 {
border-radius: 0 o 48px 0 !important;
}
.border-radius-bs-xl-12 {
border-radius: 0 0 0 48px !important;
}
.border-radius-xl-13 {
border-radius: 52px !important;
}
.border-radius-s-xl-13 {
border-radius: 52px 0 0 52px !important;
}
.border-radius-t-xl-13 {
border-radius: 52px 52px 0 0 !important;
}
.border-radius-e-xl-13 {
border-radius: 0 52px 52px 0 !important;
}
.border-radius-b-xl-13 {
border-radius: 0 0 52px 52px !important;
}
.border-radius-st-xl-13 {
border-radius: 52px 0 0 0 !important;
}
.border-radius-te-xl-13 {
border-radius: 0 52px 0 0 !important;
}
.border-radius-eb-xl-13 {
border-radius: 0 o 52px 0 !important;
}
.border-radius-bs-xl-13 {
border-radius: 0 0 0 52px !important;
}
.border-radius-xl-14 {
border-radius: 56px !important;
}
.border-radius-s-xl-14 {
border-radius: 56px 0 0 56px !important;
}
.border-radius-t-xl-14 {
border-radius: 56px 56px 0 0 !important;
}
.border-radius-e-xl-14 {
border-radius: 0 56px 56px 0 !important;
}
.border-radius-b-xl-14 {
border-radius: 0 0 56px 56px !important;
}
.border-radius-st-xl-14 {
border-radius: 56px 0 0 0 !important;
}
.border-radius-te-xl-14 {
border-radius: 0 56px 0 0 !important;
}
.border-radius-eb-xl-14 {
border-radius: 0 o 56px 0 !important;
}
.border-radius-bs-xl-14 {
border-radius: 0 0 0 56px !important;
}
.border-radius-xl-15 {
border-radius: 60px !important;
}
.border-radius-s-xl-15 {
border-radius: 60px 0 0 60px !important;
}
.border-radius-t-xl-15 {
border-radius: 60px 60px 0 0 !important;
}
.border-radius-e-xl-15 {
border-radius: 0 60px 60px 0 !important;
}
.border-radius-b-xl-15 {
border-radius: 0 0 60px 60px !important;
}
.border-radius-st-xl-15 {
border-radius: 60px 0 0 0 !important;
}
.border-radius-te-xl-15 {
border-radius: 0 60px 0 0 !important;
}
.border-radius-eb-xl-15 {
border-radius: 0 o 60px 0 !important;
}
.border-radius-bs-xl-15 {
border-radius: 0 0 0 60px !important;
}
.border-radius-xl-16 {
border-radius: 64px !important;
}
.border-radius-s-xl-16 {
border-radius: 64px 0 0 64px !important;
}
.border-radius-t-xl-16 {
border-radius: 64px 64px 0 0 !important;
}
.border-radius-e-xl-16 {
border-radius: 0 64px 64px 0 !important;
}
.border-radius-b-xl-16 {
border-radius: 0 0 64px 64px !important;
}
.border-radius-st-xl-16 {
border-radius: 64px 0 0 0 !important;
}
.border-radius-te-xl-16 {
border-radius: 0 64px 0 0 !important;
}
.border-radius-eb-xl-16 {
border-radius: 0 o 64px 0 !important;
}
.border-radius-bs-xl-16 {
border-radius: 0 0 0 64px !important;
}
.border-radius-xl-17 {
border-radius: 68px !important;
}
.border-radius-s-xl-17 {
border-radius: 68px 0 0 68px !important;
}
.border-radius-t-xl-17 {
border-radius: 68px 68px 0 0 !important;
}
.border-radius-e-xl-17 {
border-radius: 0 68px 68px 0 !important;
}
.border-radius-b-xl-17 {
border-radius: 0 0 68px 68px !important;
}
.border-radius-st-xl-17 {
border-radius: 68px 0 0 0 !important;
}
.border-radius-te-xl-17 {
border-radius: 0 68px 0 0 !important;
}
.border-radius-eb-xl-17 {
border-radius: 0 o 68px 0 !important;
}
.border-radius-bs-xl-17 {
border-radius: 0 0 0 68px !important;
}
.border-radius-xl-18 {
border-radius: 72px !important;
}
.border-radius-s-xl-18 {
border-radius: 72px 0 0 72px !important;
}
.border-radius-t-xl-18 {
border-radius: 72px 72px 0 0 !important;
}
.border-radius-e-xl-18 {
border-radius: 0 72px 72px 0 !important;
}
.border-radius-b-xl-18 {
border-radius: 0 0 72px 72px !important;
}
.border-radius-st-xl-18 {
border-radius: 72px 0 0 0 !important;
}
.border-radius-te-xl-18 {
border-radius: 0 72px 0 0 !important;
}
.border-radius-eb-xl-18 {
border-radius: 0 o 72px 0 !important;
}
.border-radius-bs-xl-18 {
border-radius: 0 0 0 72px !important;
}
.border-radius-xl-19 {
border-radius: 76px !important;
}
.border-radius-s-xl-19 {
border-radius: 76px 0 0 76px !important;
}
.border-radius-t-xl-19 {
border-radius: 76px 76px 0 0 !important;
}
.border-radius-e-xl-19 {
border-radius: 0 76px 76px 0 !important;
}
.border-radius-b-xl-19 {
border-radius: 0 0 76px 76px !important;
}
.border-radius-st-xl-19 {
border-radius: 76px 0 0 0 !important;
}
.border-radius-te-xl-19 {
border-radius: 0 76px 0 0 !important;
}
.border-radius-eb-xl-19 {
border-radius: 0 o 76px 0 !important;
}
.border-radius-bs-xl-19 {
border-radius: 0 0 0 76px !important;
}
.border-radius-xl-20 {
border-radius: 80px !important;
}
.border-radius-s-xl-20 {
border-radius: 80px 0 0 80px !important;
}
.border-radius-t-xl-20 {
border-radius: 80px 80px 0 0 !important;
}
.border-radius-e-xl-20 {
border-radius: 0 80px 80px 0 !important;
}
.border-radius-b-xl-20 {
border-radius: 0 0 80px 80px !important;
}
.border-radius-st-xl-20 {
border-radius: 80px 0 0 0 !important;
}
.border-radius-te-xl-20 {
border-radius: 0 80px 0 0 !important;
}
.border-radius-eb-xl-20 {
border-radius: 0 o 80px 0 !important;
}
.border-radius-bs-xl-20 {
border-radius: 0 0 0 80px !important;
}
}
.d-inline {
display: inline !important;
}
.d-inline-block {
display: inline-block !important;
}
.d-block {
display: block !important;
}
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-grid {
display: grid !important;
}
.d-none {
display: none !important;
}
@media (min-width: 576px) {
.d-sm-inline {
display: inline !important;
}
.d-sm-inline-block {
display: inline-block !important;
}
.d-sm-block {
display: block !important;
}
.d-sm-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-sm-grid {
display: grid !important;
}
.d-sm-none {
display: none !important;
}
}
@media (min-width: 768px) {
.d-md-inline {
display: inline !important;
}
.d-md-inline-block {
display: inline-block !important;
}
.d-md-block {
display: block !important;
}
.d-md-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-md-grid {
display: grid !important;
}
.d-md-none {
display: none !important;
}
}
@media (min-width: 1012px) {
.d-lg-inline {
display: inline !important;
}
.d-lg-inline-block {
display: inline-block !important;
}
.d-lg-block {
display: block !important;
}
.d-lg-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-lg-grid {
display: grid !important;
}
.d-lg-none {
display: none !important;
}
}
@media (min-width: 1280px) {
.d-xl-inline {
display: inline !important;
}
.d-xl-inline-block {
display: inline-block !important;
}
.d-xl-block {
display: block !important;
}
.d-xl-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
}
.d-xl-grid {
display: grid !important;
}
.d-xl-none {
display: none !important;
}
}
.justify-content-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
.justify-content-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
.justify-content-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-content-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.align-items-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.align-items-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
.align-items-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
@media (min-width: 576px) {
.justify-content-sm-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
.justify-content-sm-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
.justify-content-sm-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-content-sm-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.align-items-sm-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.align-items-sm-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
.align-items-sm-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex-sm-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-sm-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media (min-width: 768px) {
.justify-content-md-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
.justify-content-md-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
.justify-content-md-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-content-md-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.align-items-md-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.align-items-md-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
.align-items-md-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex-md-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-md-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media (min-width: 1012px) {
.justify-content-lg-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
.justify-content-lg-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
.justify-content-lg-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-content-lg-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.align-items-lg-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.align-items-lg-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
.align-items-lg-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex-lg-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-lg-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
@media (min-width: 1280px) {
.justify-content-xl-start {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: start;
}
.justify-content-xl-end {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: end;
}
.justify-content-xl-center {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.justify-content-xl-between {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.align-items-xl-start {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
}
.align-items-xl-end {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
.align-items-xl-center {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex-xl-wrap {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-xl-nowrap {
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
}
}
.ff-sans-serif {
font-family: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}
.ff-serif {
font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif", "MS PMincho", serif;
}
.ff-helvetica-condensed-black {
font-family: "Helvetica Condensed Black", sans-serif;
}
.text-primary {
color: #e1344c;
}
.text-secondary {
color: #28407b;
}
.text-red {
color: #ff0023;
}
.text-pink {
color: #e4939e;
}
.text-blue {
color: #28407b;
}
.text-pale-gray {
color: #fcfbf9;
}
.text-light {
color: #eeede6;
}
.text-gray {
color: #6c757d;
}
.text-white {
color: #fff;
}
.text-black {
color: #1f1f1f;
}
.text-northern {
color: #fa7456;
}
.text-western {
color: #51afdc;
}
.text-eastern {
color: #d98804;
}
.text-central {
color: #fba6a6;
}
.text-chichibu {
color: #26979e;
}
.fs-10 {
font-size: 10px;
}
.fs-11 {
font-size: 11px;
}
.fs-12 {
font-size: 12px;
}
.fs-13 {
font-size: 13px;
}
.fs-14 {
font-size: 14px;
}
.fs-15 {
font-size: 15px;
}
.fs-16 {
font-size: 16px;
}
.fs-17 {
font-size: 17px;
}
.fs-18 {
font-size: 18px;
}
.fs-19 {
font-size: 19px;
}
.fs-20 {
font-size: 20px;
}
@media (min-width: 576px) {
.fs-sm-10 {
font-size: 10px;
}
.fs-sm-11 {
font-size: 11px;
}
.fs-sm-12 {
font-size: 12px;
}
.fs-sm-13 {
font-size: 13px;
}
.fs-sm-14 {
font-size: 14px;
}
.fs-sm-15 {
font-size: 15px;
}
.fs-sm-16 {
font-size: 16px;
}
.fs-sm-17 {
font-size: 17px;
}
.fs-sm-18 {
font-size: 18px;
}
.fs-sm-19 {
font-size: 19px;
}
.fs-sm-20 {
font-size: 20px;
}
}
@media (min-width: 768px) {
.fs-md-10 {
font-size: 10px;
}
.fs-md-11 {
font-size: 11px;
}
.fs-md-12 {
font-size: 12px;
}
.fs-md-13 {
font-size: 13px;
}
.fs-md-14 {
font-size: 14px;
}
.fs-md-15 {
font-size: 15px;
}
.fs-md-16 {
font-size: 16px;
}
.fs-md-17 {
font-size: 17px;
}
.fs-md-18 {
font-size: 18px;
}
.fs-md-19 {
font-size: 19px;
}
.fs-md-20 {
font-size: 20px;
}
}
@media (min-width: 1012px) {
.fs-lg-10 {
font-size: 10px;
}
.fs-lg-11 {
font-size: 11px;
}
.fs-lg-12 {
font-size: 12px;
}
.fs-lg-13 {
font-size: 13px;
}
.fs-lg-14 {
font-size: 14px;
}
.fs-lg-15 {
font-size: 15px;
}
.fs-lg-16 {
font-size: 16px;
}
.fs-lg-17 {
font-size: 17px;
}
.fs-lg-18 {
font-size: 18px;
}
.fs-lg-19 {
font-size: 19px;
}
.fs-lg-20 {
font-size: 20px;
}
}
@media (min-width: 1280px) {
.fs-xl-10 {
font-size: 10px;
}
.fs-xl-11 {
font-size: 11px;
}
.fs-xl-12 {
font-size: 12px;
}
.fs-xl-13 {
font-size: 13px;
}
.fs-xl-14 {
font-size: 14px;
}
.fs-xl-15 {
font-size: 15px;
}
.fs-xl-16 {
font-size: 16px;
}
.fs-xl-17 {
font-size: 17px;
}
.fs-xl-18 {
font-size: 18px;
}
.fs-xl-19 {
font-size: 19px;
}
.fs-xl-20 {
font-size: 20px;
}
}
.fw-bold {
font-weight: bold;
}
.fw-normal {
font-weight: normal;
}
.column-gap-0 {
-webkit-column-gap: 0px;
-moz-column-gap: 0px;
column-gap: 0px;
}
.row-gap-0 {
row-gap: 0px;
}
.gap-0 {
gap: 0px;
}
.column-gap-1 {
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
}
.row-gap-1 {
row-gap: 8px;
}
.gap-1 {
gap: 8px;
}
.column-gap-2 {
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
}
.row-gap-2 {
row-gap: 16px;
}
.gap-2 {
gap: 16px;
}
.column-gap-3 {
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
column-gap: 24px;
}
.row-gap-3 {
row-gap: 24px;
}
.gap-3 {
gap: 24px;
}
.column-gap-4 {
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
}
.row-gap-4 {
row-gap: 32px;
}
.gap-4 {
gap: 32px;
}
.column-gap-5 {
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
}
.row-gap-5 {
row-gap: 40px;
}
.gap-5 {
gap: 40px;
}
.column-gap-6 {
-webkit-column-gap: 48px;
-moz-column-gap: 48px;
column-gap: 48px;
}
.row-gap-6 {
row-gap: 48px;
}
.gap-6 {
gap: 48px;
}
.column-gap-7 {
-webkit-column-gap: 56px;
-moz-column-gap: 56px;
column-gap: 56px;
}
.row-gap-7 {
row-gap: 56px;
}
.gap-7 {
gap: 56px;
}
.column-gap-8 {
-webkit-column-gap: 64px;
-moz-column-gap: 64px;
column-gap: 64px;
}
.row-gap-8 {
row-gap: 64px;
}
.gap-8 {
gap: 64px;
}
.column-gap-9 {
-webkit-column-gap: 72px;
-moz-column-gap: 72px;
column-gap: 72px;
}
.row-gap-9 {
row-gap: 72px;
}
.gap-9 {
gap: 72px;
}
.column-gap-10 {
-webkit-column-gap: 80px;
-moz-column-gap: 80px;
column-gap: 80px;
}
.row-gap-10 {
row-gap: 80px;
}
.gap-10 {
gap: 80px;
}
.column-gap-11 {
-webkit-column-gap: 88px;
-moz-column-gap: 88px;
column-gap: 88px;
}
.row-gap-11 {
row-gap: 88px;
}
.gap-11 {
gap: 88px;
}
.column-gap-12 {
-webkit-column-gap: 96px;
-moz-column-gap: 96px;
column-gap: 96px;
}
.row-gap-12 {
row-gap: 96px;
}
.gap-12 {
gap: 96px;
}
.column-gap-13 {
-webkit-column-gap: 104px;
-moz-column-gap: 104px;
column-gap: 104px;
}
.row-gap-13 {
row-gap: 104px;
}
.gap-13 {
gap: 104px;
}
.column-gap-14 {
-webkit-column-gap: 112px;
-moz-column-gap: 112px;
column-gap: 112px;
}
.row-gap-14 {
row-gap: 112px;
}
.gap-14 {
gap: 112px;
}
.column-gap-15 {
-webkit-column-gap: 120px;
-moz-column-gap: 120px;
column-gap: 120px;
}
.row-gap-15 {
row-gap: 120px;
}
.gap-15 {
gap: 120px;
}
.column-gap-16 {
-webkit-column-gap: 128px;
-moz-column-gap: 128px;
column-gap: 128px;
}
.row-gap-16 {
row-gap: 128px;
}
.gap-16 {
gap: 128px;
}
.column-gap-17 {
-webkit-column-gap: 136px;
-moz-column-gap: 136px;
column-gap: 136px;
}
.row-gap-17 {
row-gap: 136px;
}
.gap-17 {
gap: 136px;
}
.column-gap-18 {
-webkit-column-gap: 144px;
-moz-column-gap: 144px;
column-gap: 144px;
}
.row-gap-18 {
row-gap: 144px;
}
.gap-18 {
gap: 144px;
}
.column-gap-19 {
-webkit-column-gap: 152px;
-moz-column-gap: 152px;
column-gap: 152px;
}
.row-gap-19 {
row-gap: 152px;
}
.gap-19 {
gap: 152px;
}
.column-gap-20 {
-webkit-column-gap: 160px;
-moz-column-gap: 160px;
column-gap: 160px;
}
.row-gap-20 {
row-gap: 160px;
}
.gap-20 {
gap: 160px;
}
@media (min-width: 576px) {
.column-gap-sm-0 {
-webkit-column-gap: 0px;
-moz-column-gap: 0px;
column-gap: 0px;
}
.row-gap-sm-0 {
row-gap: 0px;
}
.gap-sm-0 {
gap: 0px;
}
.column-gap-sm-1 {
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
}
.row-gap-sm-1 {
row-gap: 8px;
}
.gap-sm-1 {
gap: 8px;
}
.column-gap-sm-2 {
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
}
.row-gap-sm-2 {
row-gap: 16px;
}
.gap-sm-2 {
gap: 16px;
}
.column-gap-sm-3 {
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
column-gap: 24px;
}
.row-gap-sm-3 {
row-gap: 24px;
}
.gap-sm-3 {
gap: 24px;
}
.column-gap-sm-4 {
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
}
.row-gap-sm-4 {
row-gap: 32px;
}
.gap-sm-4 {
gap: 32px;
}
.column-gap-sm-5 {
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
}
.row-gap-sm-5 {
row-gap: 40px;
}
.gap-sm-5 {
gap: 40px;
}
.column-gap-sm-6 {
-webkit-column-gap: 48px;
-moz-column-gap: 48px;
column-gap: 48px;
}
.row-gap-sm-6 {
row-gap: 48px;
}
.gap-sm-6 {
gap: 48px;
}
.column-gap-sm-7 {
-webkit-column-gap: 56px;
-moz-column-gap: 56px;
column-gap: 56px;
}
.row-gap-sm-7 {
row-gap: 56px;
}
.gap-sm-7 {
gap: 56px;
}
.column-gap-sm-8 {
-webkit-column-gap: 64px;
-moz-column-gap: 64px;
column-gap: 64px;
}
.row-gap-sm-8 {
row-gap: 64px;
}
.gap-sm-8 {
gap: 64px;
}
.column-gap-sm-9 {
-webkit-column-gap: 72px;
-moz-column-gap: 72px;
column-gap: 72px;
}
.row-gap-sm-9 {
row-gap: 72px;
}
.gap-sm-9 {
gap: 72px;
}
.column-gap-sm-10 {
-webkit-column-gap: 80px;
-moz-column-gap: 80px;
column-gap: 80px;
}
.row-gap-sm-10 {
row-gap: 80px;
}
.gap-sm-10 {
gap: 80px;
}
.column-gap-sm-11 {
-webkit-column-gap: 88px;
-moz-column-gap: 88px;
column-gap: 88px;
}
.row-gap-sm-11 {
row-gap: 88px;
}
.gap-sm-11 {
gap: 88px;
}
.column-gap-sm-12 {
-webkit-column-gap: 96px;
-moz-column-gap: 96px;
column-gap: 96px;
}
.row-gap-sm-12 {
row-gap: 96px;
}
.gap-sm-12 {
gap: 96px;
}
.column-gap-sm-13 {
-webkit-column-gap: 104px;
-moz-column-gap: 104px;
column-gap: 104px;
}
.row-gap-sm-13 {
row-gap: 104px;
}
.gap-sm-13 {
gap: 104px;
}
.column-gap-sm-14 {
-webkit-column-gap: 112px;
-moz-column-gap: 112px;
column-gap: 112px;
}
.row-gap-sm-14 {
row-gap: 112px;
}
.gap-sm-14 {
gap: 112px;
}
.column-gap-sm-15 {
-webkit-column-gap: 120px;
-moz-column-gap: 120px;
column-gap: 120px;
}
.row-gap-sm-15 {
row-gap: 120px;
}
.gap-sm-15 {
gap: 120px;
}
.column-gap-sm-16 {
-webkit-column-gap: 128px;
-moz-column-gap: 128px;
column-gap: 128px;
}
.row-gap-sm-16 {
row-gap: 128px;
}
.gap-sm-16 {
gap: 128px;
}
.column-gap-sm-17 {
-webkit-column-gap: 136px;
-moz-column-gap: 136px;
column-gap: 136px;
}
.row-gap-sm-17 {
row-gap: 136px;
}
.gap-sm-17 {
gap: 136px;
}
.column-gap-sm-18 {
-webkit-column-gap: 144px;
-moz-column-gap: 144px;
column-gap: 144px;
}
.row-gap-sm-18 {
row-gap: 144px;
}
.gap-sm-18 {
gap: 144px;
}
.column-gap-sm-19 {
-webkit-column-gap: 152px;
-moz-column-gap: 152px;
column-gap: 152px;
}
.row-gap-sm-19 {
row-gap: 152px;
}
.gap-sm-19 {
gap: 152px;
}
.column-gap-sm-20 {
-webkit-column-gap: 160px;
-moz-column-gap: 160px;
column-gap: 160px;
}
.row-gap-sm-20 {
row-gap: 160px;
}
.gap-sm-20 {
gap: 160px;
}
}
@media (min-width: 768px) {
.column-gap-md-0 {
-webkit-column-gap: 0px;
-moz-column-gap: 0px;
column-gap: 0px;
}
.row-gap-md-0 {
row-gap: 0px;
}
.gap-md-0 {
gap: 0px;
}
.column-gap-md-1 {
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
}
.row-gap-md-1 {
row-gap: 8px;
}
.gap-md-1 {
gap: 8px;
}
.column-gap-md-2 {
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
}
.row-gap-md-2 {
row-gap: 16px;
}
.gap-md-2 {
gap: 16px;
}
.column-gap-md-3 {
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
column-gap: 24px;
}
.row-gap-md-3 {
row-gap: 24px;
}
.gap-md-3 {
gap: 24px;
}
.column-gap-md-4 {
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
}
.row-gap-md-4 {
row-gap: 32px;
}
.gap-md-4 {
gap: 32px;
}
.column-gap-md-5 {
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
}
.row-gap-md-5 {
row-gap: 40px;
}
.gap-md-5 {
gap: 40px;
}
.column-gap-md-6 {
-webkit-column-gap: 48px;
-moz-column-gap: 48px;
column-gap: 48px;
}
.row-gap-md-6 {
row-gap: 48px;
}
.gap-md-6 {
gap: 48px;
}
.column-gap-md-7 {
-webkit-column-gap: 56px;
-moz-column-gap: 56px;
column-gap: 56px;
}
.row-gap-md-7 {
row-gap: 56px;
}
.gap-md-7 {
gap: 56px;
}
.column-gap-md-8 {
-webkit-column-gap: 64px;
-moz-column-gap: 64px;
column-gap: 64px;
}
.row-gap-md-8 {
row-gap: 64px;
}
.gap-md-8 {
gap: 64px;
}
.column-gap-md-9 {
-webkit-column-gap: 72px;
-moz-column-gap: 72px;
column-gap: 72px;
}
.row-gap-md-9 {
row-gap: 72px;
}
.gap-md-9 {
gap: 72px;
}
.column-gap-md-10 {
-webkit-column-gap: 80px;
-moz-column-gap: 80px;
column-gap: 80px;
}
.row-gap-md-10 {
row-gap: 80px;
}
.gap-md-10 {
gap: 80px;
}
.column-gap-md-11 {
-webkit-column-gap: 88px;
-moz-column-gap: 88px;
column-gap: 88px;
}
.row-gap-md-11 {
row-gap: 88px;
}
.gap-md-11 {
gap: 88px;
}
.column-gap-md-12 {
-webkit-column-gap: 96px;
-moz-column-gap: 96px;
column-gap: 96px;
}
.row-gap-md-12 {
row-gap: 96px;
}
.gap-md-12 {
gap: 96px;
}
.column-gap-md-13 {
-webkit-column-gap: 104px;
-moz-column-gap: 104px;
column-gap: 104px;
}
.row-gap-md-13 {
row-gap: 104px;
}
.gap-md-13 {
gap: 104px;
}
.column-gap-md-14 {
-webkit-column-gap: 112px;
-moz-column-gap: 112px;
column-gap: 112px;
}
.row-gap-md-14 {
row-gap: 112px;
}
.gap-md-14 {
gap: 112px;
}
.column-gap-md-15 {
-webkit-column-gap: 120px;
-moz-column-gap: 120px;
column-gap: 120px;
}
.row-gap-md-15 {
row-gap: 120px;
}
.gap-md-15 {
gap: 120px;
}
.column-gap-md-16 {
-webkit-column-gap: 128px;
-moz-column-gap: 128px;
column-gap: 128px;
}
.row-gap-md-16 {
row-gap: 128px;
}
.gap-md-16 {
gap: 128px;
}
.column-gap-md-17 {
-webkit-column-gap: 136px;
-moz-column-gap: 136px;
column-gap: 136px;
}
.row-gap-md-17 {
row-gap: 136px;
}
.gap-md-17 {
gap: 136px;
}
.column-gap-md-18 {
-webkit-column-gap: 144px;
-moz-column-gap: 144px;
column-gap: 144px;
}
.row-gap-md-18 {
row-gap: 144px;
}
.gap-md-18 {
gap: 144px;
}
.column-gap-md-19 {
-webkit-column-gap: 152px;
-moz-column-gap: 152px;
column-gap: 152px;
}
.row-gap-md-19 {
row-gap: 152px;
}
.gap-md-19 {
gap: 152px;
}
.column-gap-md-20 {
-webkit-column-gap: 160px;
-moz-column-gap: 160px;
column-gap: 160px;
}
.row-gap-md-20 {
row-gap: 160px;
}
.gap-md-20 {
gap: 160px;
}
}
@media (min-width: 1012px) {
.column-gap-lg-0 {
-webkit-column-gap: 0px;
-moz-column-gap: 0px;
column-gap: 0px;
}
.row-gap-lg-0 {
row-gap: 0px;
}
.gap-lg-0 {
gap: 0px;
}
.column-gap-lg-1 {
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
}
.row-gap-lg-1 {
row-gap: 8px;
}
.gap-lg-1 {
gap: 8px;
}
.column-gap-lg-2 {
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
}
.row-gap-lg-2 {
row-gap: 16px;
}
.gap-lg-2 {
gap: 16px;
}
.column-gap-lg-3 {
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
column-gap: 24px;
}
.row-gap-lg-3 {
row-gap: 24px;
}
.gap-lg-3 {
gap: 24px;
}
.column-gap-lg-4 {
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
}
.row-gap-lg-4 {
row-gap: 32px;
}
.gap-lg-4 {
gap: 32px;
}
.column-gap-lg-5 {
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
}
.row-gap-lg-5 {
row-gap: 40px;
}
.gap-lg-5 {
gap: 40px;
}
.column-gap-lg-6 {
-webkit-column-gap: 48px;
-moz-column-gap: 48px;
column-gap: 48px;
}
.row-gap-lg-6 {
row-gap: 48px;
}
.gap-lg-6 {
gap: 48px;
}
.column-gap-lg-7 {
-webkit-column-gap: 56px;
-moz-column-gap: 56px;
column-gap: 56px;
}
.row-gap-lg-7 {
row-gap: 56px;
}
.gap-lg-7 {
gap: 56px;
}
.column-gap-lg-8 {
-webkit-column-gap: 64px;
-moz-column-gap: 64px;
column-gap: 64px;
}
.row-gap-lg-8 {
row-gap: 64px;
}
.gap-lg-8 {
gap: 64px;
}
.column-gap-lg-9 {
-webkit-column-gap: 72px;
-moz-column-gap: 72px;
column-gap: 72px;
}
.row-gap-lg-9 {
row-gap: 72px;
}
.gap-lg-9 {
gap: 72px;
}
.column-gap-lg-10 {
-webkit-column-gap: 80px;
-moz-column-gap: 80px;
column-gap: 80px;
}
.row-gap-lg-10 {
row-gap: 80px;
}
.gap-lg-10 {
gap: 80px;
}
.column-gap-lg-11 {
-webkit-column-gap: 88px;
-moz-column-gap: 88px;
column-gap: 88px;
}
.row-gap-lg-11 {
row-gap: 88px;
}
.gap-lg-11 {
gap: 88px;
}
.column-gap-lg-12 {
-webkit-column-gap: 96px;
-moz-column-gap: 96px;
column-gap: 96px;
}
.row-gap-lg-12 {
row-gap: 96px;
}
.gap-lg-12 {
gap: 96px;
}
.column-gap-lg-13 {
-webkit-column-gap: 104px;
-moz-column-gap: 104px;
column-gap: 104px;
}
.row-gap-lg-13 {
row-gap: 104px;
}
.gap-lg-13 {
gap: 104px;
}
.column-gap-lg-14 {
-webkit-column-gap: 112px;
-moz-column-gap: 112px;
column-gap: 112px;
}
.row-gap-lg-14 {
row-gap: 112px;
}
.gap-lg-14 {
gap: 112px;
}
.column-gap-lg-15 {
-webkit-column-gap: 120px;
-moz-column-gap: 120px;
column-gap: 120px;
}
.row-gap-lg-15 {
row-gap: 120px;
}
.gap-lg-15 {
gap: 120px;
}
.column-gap-lg-16 {
-webkit-column-gap: 128px;
-moz-column-gap: 128px;
column-gap: 128px;
}
.row-gap-lg-16 {
row-gap: 128px;
}
.gap-lg-16 {
gap: 128px;
}
.column-gap-lg-17 {
-webkit-column-gap: 136px;
-moz-column-gap: 136px;
column-gap: 136px;
}
.row-gap-lg-17 {
row-gap: 136px;
}
.gap-lg-17 {
gap: 136px;
}
.column-gap-lg-18 {
-webkit-column-gap: 144px;
-moz-column-gap: 144px;
column-gap: 144px;
}
.row-gap-lg-18 {
row-gap: 144px;
}
.gap-lg-18 {
gap: 144px;
}
.column-gap-lg-19 {
-webkit-column-gap: 152px;
-moz-column-gap: 152px;
column-gap: 152px;
}
.row-gap-lg-19 {
row-gap: 152px;
}
.gap-lg-19 {
gap: 152px;
}
.column-gap-lg-20 {
-webkit-column-gap: 160px;
-moz-column-gap: 160px;
column-gap: 160px;
}
.row-gap-lg-20 {
row-gap: 160px;
}
.gap-lg-20 {
gap: 160px;
}
}
@media (min-width: 1280px) {
.column-gap-xl-0 {
-webkit-column-gap: 0px;
-moz-column-gap: 0px;
column-gap: 0px;
}
.row-gap-xl-0 {
row-gap: 0px;
}
.gap-xl-0 {
gap: 0px;
}
.column-gap-xl-1 {
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
}
.row-gap-xl-1 {
row-gap: 8px;
}
.gap-xl-1 {
gap: 8px;
}
.column-gap-xl-2 {
-webkit-column-gap: 16px;
-moz-column-gap: 16px;
column-gap: 16px;
}
.row-gap-xl-2 {
row-gap: 16px;
}
.gap-xl-2 {
gap: 16px;
}
.column-gap-xl-3 {
-webkit-column-gap: 24px;
-moz-column-gap: 24px;
column-gap: 24px;
}
.row-gap-xl-3 {
row-gap: 24px;
}
.gap-xl-3 {
gap: 24px;
}
.column-gap-xl-4 {
-webkit-column-gap: 32px;
-moz-column-gap: 32px;
column-gap: 32px;
}
.row-gap-xl-4 {
row-gap: 32px;
}
.gap-xl-4 {
gap: 32px;
}
.column-gap-xl-5 {
-webkit-column-gap: 40px;
-moz-column-gap: 40px;
column-gap: 40px;
}
.row-gap-xl-5 {
row-gap: 40px;
}
.gap-xl-5 {
gap: 40px;
}
.column-gap-xl-6 {
-webkit-column-gap: 48px;
-moz-column-gap: 48px;
column-gap: 48px;
}
.row-gap-xl-6 {
row-gap: 48px;
}
.gap-xl-6 {
gap: 48px;
}
.column-gap-xl-7 {
-webkit-column-gap: 56px;
-moz-column-gap: 56px;
column-gap: 56px;
}
.row-gap-xl-7 {
row-gap: 56px;
}
.gap-xl-7 {
gap: 56px;
}
.column-gap-xl-8 {
-webkit-column-gap: 64px;
-moz-column-gap: 64px;
column-gap: 64px;
}
.row-gap-xl-8 {
row-gap: 64px;
}
.gap-xl-8 {
gap: 64px;
}
.column-gap-xl-9 {
-webkit-column-gap: 72px;
-moz-column-gap: 72px;
column-gap: 72px;
}
.row-gap-xl-9 {
row-gap: 72px;
}
.gap-xl-9 {
gap: 72px;
}
.column-gap-xl-10 {
-webkit-column-gap: 80px;
-moz-column-gap: 80px;
column-gap: 80px;
}
.row-gap-xl-10 {
row-gap: 80px;
}
.gap-xl-10 {
gap: 80px;
}
.column-gap-xl-11 {
-webkit-column-gap: 88px;
-moz-column-gap: 88px;
column-gap: 88px;
}
.row-gap-xl-11 {
row-gap: 88px;
}
.gap-xl-11 {
gap: 88px;
}
.column-gap-xl-12 {
-webkit-column-gap: 96px;
-moz-column-gap: 96px;
column-gap: 96px;
}
.row-gap-xl-12 {
row-gap: 96px;
}
.gap-xl-12 {
gap: 96px;
}
.column-gap-xl-13 {
-webkit-column-gap: 104px;
-moz-column-gap: 104px;
column-gap: 104px;
}
.row-gap-xl-13 {
row-gap: 104px;
}
.gap-xl-13 {
gap: 104px;
}
.column-gap-xl-14 {
-webkit-column-gap: 112px;
-moz-column-gap: 112px;
column-gap: 112px;
}
.row-gap-xl-14 {
row-gap: 112px;
}
.gap-xl-14 {
gap: 112px;
}
.column-gap-xl-15 {
-webkit-column-gap: 120px;
-moz-column-gap: 120px;
column-gap: 120px;
}
.row-gap-xl-15 {
row-gap: 120px;
}
.gap-xl-15 {
gap: 120px;
}
.column-gap-xl-16 {
-webkit-column-gap: 128px;
-moz-column-gap: 128px;
column-gap: 128px;
}
.row-gap-xl-16 {
row-gap: 128px;
}
.gap-xl-16 {
gap: 128px;
}
.column-gap-xl-17 {
-webkit-column-gap: 136px;
-moz-column-gap: 136px;
column-gap: 136px;
}
.row-gap-xl-17 {
row-gap: 136px;
}
.gap-xl-17 {
gap: 136px;
}
.column-gap-xl-18 {
-webkit-column-gap: 144px;
-moz-column-gap: 144px;
column-gap: 144px;
}
.row-gap-xl-18 {
row-gap: 144px;
}
.gap-xl-18 {
gap: 144px;
}
.column-gap-xl-19 {
-webkit-column-gap: 152px;
-moz-column-gap: 152px;
column-gap: 152px;
}
.row-gap-xl-19 {
row-gap: 152px;
}
.gap-xl-19 {
gap: 152px;
}
.column-gap-xl-20 {
-webkit-column-gap: 160px;
-moz-column-gap: 160px;
column-gap: 160px;
}
.row-gap-xl-20 {
row-gap: 160px;
}
.gap-xl-20 {
gap: 160px;
}
}
.h-100vh {
height: 100vh;
}
.h-100dvh {
height: 100vh;
}
@supports (height: 100dvh) {
.h-100dvh {
height: 100dvh;
}
}
.h-100 {
height: 100%;
}
.line-clamp-1 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.line-clamp-2 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.line-clamp-3 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.line-clamp-4 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.line-clamp-5 {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;
}
.m-0 {
margin: 0px !important;
}
.mx-0 {
margin-left: 0px !important;
margin-right: 0px !important;
}
.my-0 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.mt-0 {
margin-top: 0px !important;
}
.me-0 {
margin-right: 0px !important;
}
.mb-0 {
margin-bottom: 0px !important;
}
.ms-0 {
margin-left: 0px !important;
}
.m-1 {
margin: 8px !important;
}
.mx-1 {
margin-left: 8px !important;
margin-right: 8px !important;
}
.my-1 {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.mt-1 {
margin-top: 8px !important;
}
.me-1 {
margin-right: 8px !important;
}
.mb-1 {
margin-bottom: 8px !important;
}
.ms-1 {
margin-left: 8px !important;
}
.m-2 {
margin: 16px !important;
}
.mx-2 {
margin-left: 16px !important;
margin-right: 16px !important;
}
.my-2 {
margin-top: 16px !important;
margin-bottom: 16px !important;
}
.mt-2 {
margin-top: 16px !important;
}
.me-2 {
margin-right: 16px !important;
}
.mb-2 {
margin-bottom: 16px !important;
}
.ms-2 {
margin-left: 16px !important;
}
.m-3 {
margin: 24px !important;
}
.mx-3 {
margin-left: 24px !important;
margin-right: 24px !important;
}
.my-3 {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.mt-3 {
margin-top: 24px !important;
}
.me-3 {
margin-right: 24px !important;
}
.mb-3 {
margin-bottom: 24px !important;
}
.ms-3 {
margin-left: 24px !important;
}
.m-4 {
margin: 32px !important;
}
.mx-4 {
margin-left: 32px !important;
margin-right: 32px !important;
}
.my-4 {
margin-top: 32px !important;
margin-bottom: 32px !important;
}
.mt-4 {
margin-top: 32px !important;
}
.me-4 {
margin-right: 32px !important;
}
.mb-4 {
margin-bottom: 32px !important;
}
.ms-4 {
margin-left: 32px !important;
}
.m-5 {
margin: 40px !important;
}
.mx-5 {
margin-left: 40px !important;
margin-right: 40px !important;
}
.my-5 {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.mt-5 {
margin-top: 40px !important;
}
.me-5 {
margin-right: 40px !important;
}
.mb-5 {
margin-bottom: 40px !important;
}
.ms-5 {
margin-left: 40px !important;
}
.m-6 {
margin: 48px !important;
}
.mx-6 {
margin-left: 48px !important;
margin-right: 48px !important;
}
.my-6 {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
.mt-6 {
margin-top: 48px !important;
}
.me-6 {
margin-right: 48px !important;
}
.mb-6 {
margin-bottom: 48px !important;
}
.ms-6 {
margin-left: 48px !important;
}
.m-7 {
margin: 56px !important;
}
.mx-7 {
margin-left: 56px !important;
margin-right: 56px !important;
}
.my-7 {
margin-top: 56px !important;
margin-bottom: 56px !important;
}
.mt-7 {
margin-top: 56px !important;
}
.me-7 {
margin-right: 56px !important;
}
.mb-7 {
margin-bottom: 56px !important;
}
.ms-7 {
margin-left: 56px !important;
}
.m-8 {
margin: 64px !important;
}
.mx-8 {
margin-left: 64px !important;
margin-right: 64px !important;
}
.my-8 {
margin-top: 64px !important;
margin-bottom: 64px !important;
}
.mt-8 {
margin-top: 64px !important;
}
.me-8 {
margin-right: 64px !important;
}
.mb-8 {
margin-bottom: 64px !important;
}
.ms-8 {
margin-left: 64px !important;
}
.m-9 {
margin: 72px !important;
}
.mx-9 {
margin-left: 72px !important;
margin-right: 72px !important;
}
.my-9 {
margin-top: 72px !important;
margin-bottom: 72px !important;
}
.mt-9 {
margin-top: 72px !important;
}
.me-9 {
margin-right: 72px !important;
}
.mb-9 {
margin-bottom: 72px !important;
}
.ms-9 {
margin-left: 72px !important;
}
.m-10 {
margin: 80px !important;
}
.mx-10 {
margin-left: 80px !important;
margin-right: 80px !important;
}
.my-10 {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
.mt-10 {
margin-top: 80px !important;
}
.me-10 {
margin-right: 80px !important;
}
.mb-10 {
margin-bottom: 80px !important;
}
.ms-10 {
margin-left: 80px !important;
}
.m-11 {
margin: 88px !important;
}
.mx-11 {
margin-left: 88px !important;
margin-right: 88px !important;
}
.my-11 {
margin-top: 88px !important;
margin-bottom: 88px !important;
}
.mt-11 {
margin-top: 88px !important;
}
.me-11 {
margin-right: 88px !important;
}
.mb-11 {
margin-bottom: 88px !important;
}
.ms-11 {
margin-left: 88px !important;
}
.m-12 {
margin: 96px !important;
}
.mx-12 {
margin-left: 96px !important;
margin-right: 96px !important;
}
.my-12 {
margin-top: 96px !important;
margin-bottom: 96px !important;
}
.mt-12 {
margin-top: 96px !important;
}
.me-12 {
margin-right: 96px !important;
}
.mb-12 {
margin-bottom: 96px !important;
}
.ms-12 {
margin-left: 96px !important;
}
.m-13 {
margin: 104px !important;
}
.mx-13 {
margin-left: 104px !important;
margin-right: 104px !important;
}
.my-13 {
margin-top: 104px !important;
margin-bottom: 104px !important;
}
.mt-13 {
margin-top: 104px !important;
}
.me-13 {
margin-right: 104px !important;
}
.mb-13 {
margin-bottom: 104px !important;
}
.ms-13 {
margin-left: 104px !important;
}
.m-14 {
margin: 112px !important;
}
.mx-14 {
margin-left: 112px !important;
margin-right: 112px !important;
}
.my-14 {
margin-top: 112px !important;
margin-bottom: 112px !important;
}
.mt-14 {
margin-top: 112px !important;
}
.me-14 {
margin-right: 112px !important;
}
.mb-14 {
margin-bottom: 112px !important;
}
.ms-14 {
margin-left: 112px !important;
}
.m-15 {
margin: 120px !important;
}
.mx-15 {
margin-left: 120px !important;
margin-right: 120px !important;
}
.my-15 {
margin-top: 120px !important;
margin-bottom: 120px !important;
}
.mt-15 {
margin-top: 120px !important;
}
.me-15 {
margin-right: 120px !important;
}
.mb-15 {
margin-bottom: 120px !important;
}
.ms-15 {
margin-left: 120px !important;
}
.m-16 {
margin: 128px !important;
}
.mx-16 {
margin-left: 128px !important;
margin-right: 128px !important;
}
.my-16 {
margin-top: 128px !important;
margin-bottom: 128px !important;
}
.mt-16 {
margin-top: 128px !important;
}
.me-16 {
margin-right: 128px !important;
}
.mb-16 {
margin-bottom: 128px !important;
}
.ms-16 {
margin-left: 128px !important;
}
.m-17 {
margin: 136px !important;
}
.mx-17 {
margin-left: 136px !important;
margin-right: 136px !important;
}
.my-17 {
margin-top: 136px !important;
margin-bottom: 136px !important;
}
.mt-17 {
margin-top: 136px !important;
}
.me-17 {
margin-right: 136px !important;
}
.mb-17 {
margin-bottom: 136px !important;
}
.ms-17 {
margin-left: 136px !important;
}
.m-18 {
margin: 144px !important;
}
.mx-18 {
margin-left: 144px !important;
margin-right: 144px !important;
}
.my-18 {
margin-top: 144px !important;
margin-bottom: 144px !important;
}
.mt-18 {
margin-top: 144px !important;
}
.me-18 {
margin-right: 144px !important;
}
.mb-18 {
margin-bottom: 144px !important;
}
.ms-18 {
margin-left: 144px !important;
}
.m-19 {
margin: 152px !important;
}
.mx-19 {
margin-left: 152px !important;
margin-right: 152px !important;
}
.my-19 {
margin-top: 152px !important;
margin-bottom: 152px !important;
}
.mt-19 {
margin-top: 152px !important;
}
.me-19 {
margin-right: 152px !important;
}
.mb-19 {
margin-bottom: 152px !important;
}
.ms-19 {
margin-left: 152px !important;
}
.m-20 {
margin: 160px !important;
}
.mx-20 {
margin-left: 160px !important;
margin-right: 160px !important;
}
.my-20 {
margin-top: 160px !important;
margin-bottom: 160px !important;
}
.mt-20 {
margin-top: 160px !important;
}
.me-20 {
margin-right: 160px !important;
}
.mb-20 {
margin-bottom: 160px !important;
}
.ms-20 {
margin-left: 160px !important;
}
@media (min-width: 576px) {
.m-sm-0 {
margin: 0px !important;
}
.mx-sm-0 {
margin-left: 0px !important;
margin-right: 0px !important;
}
.my-sm-0 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.mt-sm-0 {
margin-top: 0px !important;
}
.me-sm-0 {
margin-right: 0px !important;
}
.mb-sm-0 {
margin-bottom: 0px !important;
}
.ms-sm-0 {
margin-left: 0px !important;
}
.m-sm-1 {
margin: 8px !important;
}
.mx-sm-1 {
margin-left: 8px !important;
margin-right: 8px !important;
}
.my-sm-1 {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.mt-sm-1 {
margin-top: 8px !important;
}
.me-sm-1 {
margin-right: 8px !important;
}
.mb-sm-1 {
margin-bottom: 8px !important;
}
.ms-sm-1 {
margin-left: 8px !important;
}
.m-sm-2 {
margin: 16px !important;
}
.mx-sm-2 {
margin-left: 16px !important;
margin-right: 16px !important;
}
.my-sm-2 {
margin-top: 16px !important;
margin-bottom: 16px !important;
}
.mt-sm-2 {
margin-top: 16px !important;
}
.me-sm-2 {
margin-right: 16px !important;
}
.mb-sm-2 {
margin-bottom: 16px !important;
}
.ms-sm-2 {
margin-left: 16px !important;
}
.m-sm-3 {
margin: 24px !important;
}
.mx-sm-3 {
margin-left: 24px !important;
margin-right: 24px !important;
}
.my-sm-3 {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.mt-sm-3 {
margin-top: 24px !important;
}
.me-sm-3 {
margin-right: 24px !important;
}
.mb-sm-3 {
margin-bottom: 24px !important;
}
.ms-sm-3 {
margin-left: 24px !important;
}
.m-sm-4 {
margin: 32px !important;
}
.mx-sm-4 {
margin-left: 32px !important;
margin-right: 32px !important;
}
.my-sm-4 {
margin-top: 32px !important;
margin-bottom: 32px !important;
}
.mt-sm-4 {
margin-top: 32px !important;
}
.me-sm-4 {
margin-right: 32px !important;
}
.mb-sm-4 {
margin-bottom: 32px !important;
}
.ms-sm-4 {
margin-left: 32px !important;
}
.m-sm-5 {
margin: 40px !important;
}
.mx-sm-5 {
margin-left: 40px !important;
margin-right: 40px !important;
}
.my-sm-5 {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.mt-sm-5 {
margin-top: 40px !important;
}
.me-sm-5 {
margin-right: 40px !important;
}
.mb-sm-5 {
margin-bottom: 40px !important;
}
.ms-sm-5 {
margin-left: 40px !important;
}
.m-sm-6 {
margin: 48px !important;
}
.mx-sm-6 {
margin-left: 48px !important;
margin-right: 48px !important;
}
.my-sm-6 {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
.mt-sm-6 {
margin-top: 48px !important;
}
.me-sm-6 {
margin-right: 48px !important;
}
.mb-sm-6 {
margin-bottom: 48px !important;
}
.ms-sm-6 {
margin-left: 48px !important;
}
.m-sm-7 {
margin: 56px !important;
}
.mx-sm-7 {
margin-left: 56px !important;
margin-right: 56px !important;
}
.my-sm-7 {
margin-top: 56px !important;
margin-bottom: 56px !important;
}
.mt-sm-7 {
margin-top: 56px !important;
}
.me-sm-7 {
margin-right: 56px !important;
}
.mb-sm-7 {
margin-bottom: 56px !important;
}
.ms-sm-7 {
margin-left: 56px !important;
}
.m-sm-8 {
margin: 64px !important;
}
.mx-sm-8 {
margin-left: 64px !important;
margin-right: 64px !important;
}
.my-sm-8 {
margin-top: 64px !important;
margin-bottom: 64px !important;
}
.mt-sm-8 {
margin-top: 64px !important;
}
.me-sm-8 {
margin-right: 64px !important;
}
.mb-sm-8 {
margin-bottom: 64px !important;
}
.ms-sm-8 {
margin-left: 64px !important;
}
.m-sm-9 {
margin: 72px !important;
}
.mx-sm-9 {
margin-left: 72px !important;
margin-right: 72px !important;
}
.my-sm-9 {
margin-top: 72px !important;
margin-bottom: 72px !important;
}
.mt-sm-9 {
margin-top: 72px !important;
}
.me-sm-9 {
margin-right: 72px !important;
}
.mb-sm-9 {
margin-bottom: 72px !important;
}
.ms-sm-9 {
margin-left: 72px !important;
}
.m-sm-10 {
margin: 80px !important;
}
.mx-sm-10 {
margin-left: 80px !important;
margin-right: 80px !important;
}
.my-sm-10 {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
.mt-sm-10 {
margin-top: 80px !important;
}
.me-sm-10 {
margin-right: 80px !important;
}
.mb-sm-10 {
margin-bottom: 80px !important;
}
.ms-sm-10 {
margin-left: 80px !important;
}
.m-sm-11 {
margin: 88px !important;
}
.mx-sm-11 {
margin-left: 88px !important;
margin-right: 88px !important;
}
.my-sm-11 {
margin-top: 88px !important;
margin-bottom: 88px !important;
}
.mt-sm-11 {
margin-top: 88px !important;
}
.me-sm-11 {
margin-right: 88px !important;
}
.mb-sm-11 {
margin-bottom: 88px !important;
}
.ms-sm-11 {
margin-left: 88px !important;
}
.m-sm-12 {
margin: 96px !important;
}
.mx-sm-12 {
margin-left: 96px !important;
margin-right: 96px !important;
}
.my-sm-12 {
margin-top: 96px !important;
margin-bottom: 96px !important;
}
.mt-sm-12 {
margin-top: 96px !important;
}
.me-sm-12 {
margin-right: 96px !important;
}
.mb-sm-12 {
margin-bottom: 96px !important;
}
.ms-sm-12 {
margin-left: 96px !important;
}
.m-sm-13 {
margin: 104px !important;
}
.mx-sm-13 {
margin-left: 104px !important;
margin-right: 104px !important;
}
.my-sm-13 {
margin-top: 104px !important;
margin-bottom: 104px !important;
}
.mt-sm-13 {
margin-top: 104px !important;
}
.me-sm-13 {
margin-right: 104px !important;
}
.mb-sm-13 {
margin-bottom: 104px !important;
}
.ms-sm-13 {
margin-left: 104px !important;
}
.m-sm-14 {
margin: 112px !important;
}
.mx-sm-14 {
margin-left: 112px !important;
margin-right: 112px !important;
}
.my-sm-14 {
margin-top: 112px !important;
margin-bottom: 112px !important;
}
.mt-sm-14 {
margin-top: 112px !important;
}
.me-sm-14 {
margin-right: 112px !important;
}
.mb-sm-14 {
margin-bottom: 112px !important;
}
.ms-sm-14 {
margin-left: 112px !important;
}
.m-sm-15 {
margin: 120px !important;
}
.mx-sm-15 {
margin-left: 120px !important;
margin-right: 120px !important;
}
.my-sm-15 {
margin-top: 120px !important;
margin-bottom: 120px !important;
}
.mt-sm-15 {
margin-top: 120px !important;
}
.me-sm-15 {
margin-right: 120px !important;
}
.mb-sm-15 {
margin-bottom: 120px !important;
}
.ms-sm-15 {
margin-left: 120px !important;
}
.m-sm-16 {
margin: 128px !important;
}
.mx-sm-16 {
margin-left: 128px !important;
margin-right: 128px !important;
}
.my-sm-16 {
margin-top: 128px !important;
margin-bottom: 128px !important;
}
.mt-sm-16 {
margin-top: 128px !important;
}
.me-sm-16 {
margin-right: 128px !important;
}
.mb-sm-16 {
margin-bottom: 128px !important;
}
.ms-sm-16 {
margin-left: 128px !important;
}
.m-sm-17 {
margin: 136px !important;
}
.mx-sm-17 {
margin-left: 136px !important;
margin-right: 136px !important;
}
.my-sm-17 {
margin-top: 136px !important;
margin-bottom: 136px !important;
}
.mt-sm-17 {
margin-top: 136px !important;
}
.me-sm-17 {
margin-right: 136px !important;
}
.mb-sm-17 {
margin-bottom: 136px !important;
}
.ms-sm-17 {
margin-left: 136px !important;
}
.m-sm-18 {
margin: 144px !important;
}
.mx-sm-18 {
margin-left: 144px !important;
margin-right: 144px !important;
}
.my-sm-18 {
margin-top: 144px !important;
margin-bottom: 144px !important;
}
.mt-sm-18 {
margin-top: 144px !important;
}
.me-sm-18 {
margin-right: 144px !important;
}
.mb-sm-18 {
margin-bottom: 144px !important;
}
.ms-sm-18 {
margin-left: 144px !important;
}
.m-sm-19 {
margin: 152px !important;
}
.mx-sm-19 {
margin-left: 152px !important;
margin-right: 152px !important;
}
.my-sm-19 {
margin-top: 152px !important;
margin-bottom: 152px !important;
}
.mt-sm-19 {
margin-top: 152px !important;
}
.me-sm-19 {
margin-right: 152px !important;
}
.mb-sm-19 {
margin-bottom: 152px !important;
}
.ms-sm-19 {
margin-left: 152px !important;
}
.m-sm-20 {
margin: 160px !important;
}
.mx-sm-20 {
margin-left: 160px !important;
margin-right: 160px !important;
}
.my-sm-20 {
margin-top: 160px !important;
margin-bottom: 160px !important;
}
.mt-sm-20 {
margin-top: 160px !important;
}
.me-sm-20 {
margin-right: 160px !important;
}
.mb-sm-20 {
margin-bottom: 160px !important;
}
.ms-sm-20 {
margin-left: 160px !important;
}
}
@media (min-width: 768px) {
.m-md-0 {
margin: 0px !important;
}
.mx-md-0 {
margin-left: 0px !important;
margin-right: 0px !important;
}
.my-md-0 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.mt-md-0 {
margin-top: 0px !important;
}
.me-md-0 {
margin-right: 0px !important;
}
.mb-md-0 {
margin-bottom: 0px !important;
}
.ms-md-0 {
margin-left: 0px !important;
}
.m-md-1 {
margin: 8px !important;
}
.mx-md-1 {
margin-left: 8px !important;
margin-right: 8px !important;
}
.my-md-1 {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.mt-md-1 {
margin-top: 8px !important;
}
.me-md-1 {
margin-right: 8px !important;
}
.mb-md-1 {
margin-bottom: 8px !important;
}
.ms-md-1 {
margin-left: 8px !important;
}
.m-md-2 {
margin: 16px !important;
}
.mx-md-2 {
margin-left: 16px !important;
margin-right: 16px !important;
}
.my-md-2 {
margin-top: 16px !important;
margin-bottom: 16px !important;
}
.mt-md-2 {
margin-top: 16px !important;
}
.me-md-2 {
margin-right: 16px !important;
}
.mb-md-2 {
margin-bottom: 16px !important;
}
.ms-md-2 {
margin-left: 16px !important;
}
.m-md-3 {
margin: 24px !important;
}
.mx-md-3 {
margin-left: 24px !important;
margin-right: 24px !important;
}
.my-md-3 {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.mt-md-3 {
margin-top: 24px !important;
}
.me-md-3 {
margin-right: 24px !important;
}
.mb-md-3 {
margin-bottom: 24px !important;
}
.ms-md-3 {
margin-left: 24px !important;
}
.m-md-4 {
margin: 32px !important;
}
.mx-md-4 {
margin-left: 32px !important;
margin-right: 32px !important;
}
.my-md-4 {
margin-top: 32px !important;
margin-bottom: 32px !important;
}
.mt-md-4 {
margin-top: 32px !important;
}
.me-md-4 {
margin-right: 32px !important;
}
.mb-md-4 {
margin-bottom: 32px !important;
}
.ms-md-4 {
margin-left: 32px !important;
}
.m-md-5 {
margin: 40px !important;
}
.mx-md-5 {
margin-left: 40px !important;
margin-right: 40px !important;
}
.my-md-5 {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.mt-md-5 {
margin-top: 40px !important;
}
.me-md-5 {
margin-right: 40px !important;
}
.mb-md-5 {
margin-bottom: 40px !important;
}
.ms-md-5 {
margin-left: 40px !important;
}
.m-md-6 {
margin: 48px !important;
}
.mx-md-6 {
margin-left: 48px !important;
margin-right: 48px !important;
}
.my-md-6 {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
.mt-md-6 {
margin-top: 48px !important;
}
.me-md-6 {
margin-right: 48px !important;
}
.mb-md-6 {
margin-bottom: 48px !important;
}
.ms-md-6 {
margin-left: 48px !important;
}
.m-md-7 {
margin: 56px !important;
}
.mx-md-7 {
margin-left: 56px !important;
margin-right: 56px !important;
}
.my-md-7 {
margin-top: 56px !important;
margin-bottom: 56px !important;
}
.mt-md-7 {
margin-top: 56px !important;
}
.me-md-7 {
margin-right: 56px !important;
}
.mb-md-7 {
margin-bottom: 56px !important;
}
.ms-md-7 {
margin-left: 56px !important;
}
.m-md-8 {
margin: 64px !important;
}
.mx-md-8 {
margin-left: 64px !important;
margin-right: 64px !important;
}
.my-md-8 {
margin-top: 64px !important;
margin-bottom: 64px !important;
}
.mt-md-8 {
margin-top: 64px !important;
}
.me-md-8 {
margin-right: 64px !important;
}
.mb-md-8 {
margin-bottom: 64px !important;
}
.ms-md-8 {
margin-left: 64px !important;
}
.m-md-9 {
margin: 72px !important;
}
.mx-md-9 {
margin-left: 72px !important;
margin-right: 72px !important;
}
.my-md-9 {
margin-top: 72px !important;
margin-bottom: 72px !important;
}
.mt-md-9 {
margin-top: 72px !important;
}
.me-md-9 {
margin-right: 72px !important;
}
.mb-md-9 {
margin-bottom: 72px !important;
}
.ms-md-9 {
margin-left: 72px !important;
}
.m-md-10 {
margin: 80px !important;
}
.mx-md-10 {
margin-left: 80px !important;
margin-right: 80px !important;
}
.my-md-10 {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
.mt-md-10 {
margin-top: 80px !important;
}
.me-md-10 {
margin-right: 80px !important;
}
.mb-md-10 {
margin-bottom: 80px !important;
}
.ms-md-10 {
margin-left: 80px !important;
}
.m-md-11 {
margin: 88px !important;
}
.mx-md-11 {
margin-left: 88px !important;
margin-right: 88px !important;
}
.my-md-11 {
margin-top: 88px !important;
margin-bottom: 88px !important;
}
.mt-md-11 {
margin-top: 88px !important;
}
.me-md-11 {
margin-right: 88px !important;
}
.mb-md-11 {
margin-bottom: 88px !important;
}
.ms-md-11 {
margin-left: 88px !important;
}
.m-md-12 {
margin: 96px !important;
}
.mx-md-12 {
margin-left: 96px !important;
margin-right: 96px !important;
}
.my-md-12 {
margin-top: 96px !important;
margin-bottom: 96px !important;
}
.mt-md-12 {
margin-top: 96px !important;
}
.me-md-12 {
margin-right: 96px !important;
}
.mb-md-12 {
margin-bottom: 96px !important;
}
.ms-md-12 {
margin-left: 96px !important;
}
.m-md-13 {
margin: 104px !important;
}
.mx-md-13 {
margin-left: 104px !important;
margin-right: 104px !important;
}
.my-md-13 {
margin-top: 104px !important;
margin-bottom: 104px !important;
}
.mt-md-13 {
margin-top: 104px !important;
}
.me-md-13 {
margin-right: 104px !important;
}
.mb-md-13 {
margin-bottom: 104px !important;
}
.ms-md-13 {
margin-left: 104px !important;
}
.m-md-14 {
margin: 112px !important;
}
.mx-md-14 {
margin-left: 112px !important;
margin-right: 112px !important;
}
.my-md-14 {
margin-top: 112px !important;
margin-bottom: 112px !important;
}
.mt-md-14 {
margin-top: 112px !important;
}
.me-md-14 {
margin-right: 112px !important;
}
.mb-md-14 {
margin-bottom: 112px !important;
}
.ms-md-14 {
margin-left: 112px !important;
}
.m-md-15 {
margin: 120px !important;
}
.mx-md-15 {
margin-left: 120px !important;
margin-right: 120px !important;
}
.my-md-15 {
margin-top: 120px !important;
margin-bottom: 120px !important;
}
.mt-md-15 {
margin-top: 120px !important;
}
.me-md-15 {
margin-right: 120px !important;
}
.mb-md-15 {
margin-bottom: 120px !important;
}
.ms-md-15 {
margin-left: 120px !important;
}
.m-md-16 {
margin: 128px !important;
}
.mx-md-16 {
margin-left: 128px !important;
margin-right: 128px !important;
}
.my-md-16 {
margin-top: 128px !important;
margin-bottom: 128px !important;
}
.mt-md-16 {
margin-top: 128px !important;
}
.me-md-16 {
margin-right: 128px !important;
}
.mb-md-16 {
margin-bottom: 128px !important;
}
.ms-md-16 {
margin-left: 128px !important;
}
.m-md-17 {
margin: 136px !important;
}
.mx-md-17 {
margin-left: 136px !important;
margin-right: 136px !important;
}
.my-md-17 {
margin-top: 136px !important;
margin-bottom: 136px !important;
}
.mt-md-17 {
margin-top: 136px !important;
}
.me-md-17 {
margin-right: 136px !important;
}
.mb-md-17 {
margin-bottom: 136px !important;
}
.ms-md-17 {
margin-left: 136px !important;
}
.m-md-18 {
margin: 144px !important;
}
.mx-md-18 {
margin-left: 144px !important;
margin-right: 144px !important;
}
.my-md-18 {
margin-top: 144px !important;
margin-bottom: 144px !important;
}
.mt-md-18 {
margin-top: 144px !important;
}
.me-md-18 {
margin-right: 144px !important;
}
.mb-md-18 {
margin-bottom: 144px !important;
}
.ms-md-18 {
margin-left: 144px !important;
}
.m-md-19 {
margin: 152px !important;
}
.mx-md-19 {
margin-left: 152px !important;
margin-right: 152px !important;
}
.my-md-19 {
margin-top: 152px !important;
margin-bottom: 152px !important;
}
.mt-md-19 {
margin-top: 152px !important;
}
.me-md-19 {
margin-right: 152px !important;
}
.mb-md-19 {
margin-bottom: 152px !important;
}
.ms-md-19 {
margin-left: 152px !important;
}
.m-md-20 {
margin: 160px !important;
}
.mx-md-20 {
margin-left: 160px !important;
margin-right: 160px !important;
}
.my-md-20 {
margin-top: 160px !important;
margin-bottom: 160px !important;
}
.mt-md-20 {
margin-top: 160px !important;
}
.me-md-20 {
margin-right: 160px !important;
}
.mb-md-20 {
margin-bottom: 160px !important;
}
.ms-md-20 {
margin-left: 160px !important;
}
}
@media (min-width: 1012px) {
.m-lg-0 {
margin: 0px !important;
}
.mx-lg-0 {
margin-left: 0px !important;
margin-right: 0px !important;
}
.my-lg-0 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.mt-lg-0 {
margin-top: 0px !important;
}
.me-lg-0 {
margin-right: 0px !important;
}
.mb-lg-0 {
margin-bottom: 0px !important;
}
.ms-lg-0 {
margin-left: 0px !important;
}
.m-lg-1 {
margin: 8px !important;
}
.mx-lg-1 {
margin-left: 8px !important;
margin-right: 8px !important;
}
.my-lg-1 {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.mt-lg-1 {
margin-top: 8px !important;
}
.me-lg-1 {
margin-right: 8px !important;
}
.mb-lg-1 {
margin-bottom: 8px !important;
}
.ms-lg-1 {
margin-left: 8px !important;
}
.m-lg-2 {
margin: 16px !important;
}
.mx-lg-2 {
margin-left: 16px !important;
margin-right: 16px !important;
}
.my-lg-2 {
margin-top: 16px !important;
margin-bottom: 16px !important;
}
.mt-lg-2 {
margin-top: 16px !important;
}
.me-lg-2 {
margin-right: 16px !important;
}
.mb-lg-2 {
margin-bottom: 16px !important;
}
.ms-lg-2 {
margin-left: 16px !important;
}
.m-lg-3 {
margin: 24px !important;
}
.mx-lg-3 {
margin-left: 24px !important;
margin-right: 24px !important;
}
.my-lg-3 {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.mt-lg-3 {
margin-top: 24px !important;
}
.me-lg-3 {
margin-right: 24px !important;
}
.mb-lg-3 {
margin-bottom: 24px !important;
}
.ms-lg-3 {
margin-left: 24px !important;
}
.m-lg-4 {
margin: 32px !important;
}
.mx-lg-4 {
margin-left: 32px !important;
margin-right: 32px !important;
}
.my-lg-4 {
margin-top: 32px !important;
margin-bottom: 32px !important;
}
.mt-lg-4 {
margin-top: 32px !important;
}
.me-lg-4 {
margin-right: 32px !important;
}
.mb-lg-4 {
margin-bottom: 32px !important;
}
.ms-lg-4 {
margin-left: 32px !important;
}
.m-lg-5 {
margin: 40px !important;
}
.mx-lg-5 {
margin-left: 40px !important;
margin-right: 40px !important;
}
.my-lg-5 {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.mt-lg-5 {
margin-top: 40px !important;
}
.me-lg-5 {
margin-right: 40px !important;
}
.mb-lg-5 {
margin-bottom: 40px !important;
}
.ms-lg-5 {
margin-left: 40px !important;
}
.m-lg-6 {
margin: 48px !important;
}
.mx-lg-6 {
margin-left: 48px !important;
margin-right: 48px !important;
}
.my-lg-6 {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
.mt-lg-6 {
margin-top: 48px !important;
}
.me-lg-6 {
margin-right: 48px !important;
}
.mb-lg-6 {
margin-bottom: 48px !important;
}
.ms-lg-6 {
margin-left: 48px !important;
}
.m-lg-7 {
margin: 56px !important;
}
.mx-lg-7 {
margin-left: 56px !important;
margin-right: 56px !important;
}
.my-lg-7 {
margin-top: 56px !important;
margin-bottom: 56px !important;
}
.mt-lg-7 {
margin-top: 56px !important;
}
.me-lg-7 {
margin-right: 56px !important;
}
.mb-lg-7 {
margin-bottom: 56px !important;
}
.ms-lg-7 {
margin-left: 56px !important;
}
.m-lg-8 {
margin: 64px !important;
}
.mx-lg-8 {
margin-left: 64px !important;
margin-right: 64px !important;
}
.my-lg-8 {
margin-top: 64px !important;
margin-bottom: 64px !important;
}
.mt-lg-8 {
margin-top: 64px !important;
}
.me-lg-8 {
margin-right: 64px !important;
}
.mb-lg-8 {
margin-bottom: 64px !important;
}
.ms-lg-8 {
margin-left: 64px !important;
}
.m-lg-9 {
margin: 72px !important;
}
.mx-lg-9 {
margin-left: 72px !important;
margin-right: 72px !important;
}
.my-lg-9 {
margin-top: 72px !important;
margin-bottom: 72px !important;
}
.mt-lg-9 {
margin-top: 72px !important;
}
.me-lg-9 {
margin-right: 72px !important;
}
.mb-lg-9 {
margin-bottom: 72px !important;
}
.ms-lg-9 {
margin-left: 72px !important;
}
.m-lg-10 {
margin: 80px !important;
}
.mx-lg-10 {
margin-left: 80px !important;
margin-right: 80px !important;
}
.my-lg-10 {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
.mt-lg-10 {
margin-top: 80px !important;
}
.me-lg-10 {
margin-right: 80px !important;
}
.mb-lg-10 {
margin-bottom: 80px !important;
}
.ms-lg-10 {
margin-left: 80px !important;
}
.m-lg-11 {
margin: 88px !important;
}
.mx-lg-11 {
margin-left: 88px !important;
margin-right: 88px !important;
}
.my-lg-11 {
margin-top: 88px !important;
margin-bottom: 88px !important;
}
.mt-lg-11 {
margin-top: 88px !important;
}
.me-lg-11 {
margin-right: 88px !important;
}
.mb-lg-11 {
margin-bottom: 88px !important;
}
.ms-lg-11 {
margin-left: 88px !important;
}
.m-lg-12 {
margin: 96px !important;
}
.mx-lg-12 {
margin-left: 96px !important;
margin-right: 96px !important;
}
.my-lg-12 {
margin-top: 96px !important;
margin-bottom: 96px !important;
}
.mt-lg-12 {
margin-top: 96px !important;
}
.me-lg-12 {
margin-right: 96px !important;
}
.mb-lg-12 {
margin-bottom: 96px !important;
}
.ms-lg-12 {
margin-left: 96px !important;
}
.m-lg-13 {
margin: 104px !important;
}
.mx-lg-13 {
margin-left: 104px !important;
margin-right: 104px !important;
}
.my-lg-13 {
margin-top: 104px !important;
margin-bottom: 104px !important;
}
.mt-lg-13 {
margin-top: 104px !important;
}
.me-lg-13 {
margin-right: 104px !important;
}
.mb-lg-13 {
margin-bottom: 104px !important;
}
.ms-lg-13 {
margin-left: 104px !important;
}
.m-lg-14 {
margin: 112px !important;
}
.mx-lg-14 {
margin-left: 112px !important;
margin-right: 112px !important;
}
.my-lg-14 {
margin-top: 112px !important;
margin-bottom: 112px !important;
}
.mt-lg-14 {
margin-top: 112px !important;
}
.me-lg-14 {
margin-right: 112px !important;
}
.mb-lg-14 {
margin-bottom: 112px !important;
}
.ms-lg-14 {
margin-left: 112px !important;
}
.m-lg-15 {
margin: 120px !important;
}
.mx-lg-15 {
margin-left: 120px !important;
margin-right: 120px !important;
}
.my-lg-15 {
margin-top: 120px !important;
margin-bottom: 120px !important;
}
.mt-lg-15 {
margin-top: 120px !important;
}
.me-lg-15 {
margin-right: 120px !important;
}
.mb-lg-15 {
margin-bottom: 120px !important;
}
.ms-lg-15 {
margin-left: 120px !important;
}
.m-lg-16 {
margin: 128px !important;
}
.mx-lg-16 {
margin-left: 128px !important;
margin-right: 128px !important;
}
.my-lg-16 {
margin-top: 128px !important;
margin-bottom: 128px !important;
}
.mt-lg-16 {
margin-top: 128px !important;
}
.me-lg-16 {
margin-right: 128px !important;
}
.mb-lg-16 {
margin-bottom: 128px !important;
}
.ms-lg-16 {
margin-left: 128px !important;
}
.m-lg-17 {
margin: 136px !important;
}
.mx-lg-17 {
margin-left: 136px !important;
margin-right: 136px !important;
}
.my-lg-17 {
margin-top: 136px !important;
margin-bottom: 136px !important;
}
.mt-lg-17 {
margin-top: 136px !important;
}
.me-lg-17 {
margin-right: 136px !important;
}
.mb-lg-17 {
margin-bottom: 136px !important;
}
.ms-lg-17 {
margin-left: 136px !important;
}
.m-lg-18 {
margin: 144px !important;
}
.mx-lg-18 {
margin-left: 144px !important;
margin-right: 144px !important;
}
.my-lg-18 {
margin-top: 144px !important;
margin-bottom: 144px !important;
}
.mt-lg-18 {
margin-top: 144px !important;
}
.me-lg-18 {
margin-right: 144px !important;
}
.mb-lg-18 {
margin-bottom: 144px !important;
}
.ms-lg-18 {
margin-left: 144px !important;
}
.m-lg-19 {
margin: 152px !important;
}
.mx-lg-19 {
margin-left: 152px !important;
margin-right: 152px !important;
}
.my-lg-19 {
margin-top: 152px !important;
margin-bottom: 152px !important;
}
.mt-lg-19 {
margin-top: 152px !important;
}
.me-lg-19 {
margin-right: 152px !important;
}
.mb-lg-19 {
margin-bottom: 152px !important;
}
.ms-lg-19 {
margin-left: 152px !important;
}
.m-lg-20 {
margin: 160px !important;
}
.mx-lg-20 {
margin-left: 160px !important;
margin-right: 160px !important;
}
.my-lg-20 {
margin-top: 160px !important;
margin-bottom: 160px !important;
}
.mt-lg-20 {
margin-top: 160px !important;
}
.me-lg-20 {
margin-right: 160px !important;
}
.mb-lg-20 {
margin-bottom: 160px !important;
}
.ms-lg-20 {
margin-left: 160px !important;
}
}
@media (min-width: 1280px) {
.m-xl-0 {
margin: 0px !important;
}
.mx-xl-0 {
margin-left: 0px !important;
margin-right: 0px !important;
}
.my-xl-0 {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.mt-xl-0 {
margin-top: 0px !important;
}
.me-xl-0 {
margin-right: 0px !important;
}
.mb-xl-0 {
margin-bottom: 0px !important;
}
.ms-xl-0 {
margin-left: 0px !important;
}
.m-xl-1 {
margin: 8px !important;
}
.mx-xl-1 {
margin-left: 8px !important;
margin-right: 8px !important;
}
.my-xl-1 {
margin-top: 8px !important;
margin-bottom: 8px !important;
}
.mt-xl-1 {
margin-top: 8px !important;
}
.me-xl-1 {
margin-right: 8px !important;
}
.mb-xl-1 {
margin-bottom: 8px !important;
}
.ms-xl-1 {
margin-left: 8px !important;
}
.m-xl-2 {
margin: 16px !important;
}
.mx-xl-2 {
margin-left: 16px !important;
margin-right: 16px !important;
}
.my-xl-2 {
margin-top: 16px !important;
margin-bottom: 16px !important;
}
.mt-xl-2 {
margin-top: 16px !important;
}
.me-xl-2 {
margin-right: 16px !important;
}
.mb-xl-2 {
margin-bottom: 16px !important;
}
.ms-xl-2 {
margin-left: 16px !important;
}
.m-xl-3 {
margin: 24px !important;
}
.mx-xl-3 {
margin-left: 24px !important;
margin-right: 24px !important;
}
.my-xl-3 {
margin-top: 24px !important;
margin-bottom: 24px !important;
}
.mt-xl-3 {
margin-top: 24px !important;
}
.me-xl-3 {
margin-right: 24px !important;
}
.mb-xl-3 {
margin-bottom: 24px !important;
}
.ms-xl-3 {
margin-left: 24px !important;
}
.m-xl-4 {
margin: 32px !important;
}
.mx-xl-4 {
margin-left: 32px !important;
margin-right: 32px !important;
}
.my-xl-4 {
margin-top: 32px !important;
margin-bottom: 32px !important;
}
.mt-xl-4 {
margin-top: 32px !important;
}
.me-xl-4 {
margin-right: 32px !important;
}
.mb-xl-4 {
margin-bottom: 32px !important;
}
.ms-xl-4 {
margin-left: 32px !important;
}
.m-xl-5 {
margin: 40px !important;
}
.mx-xl-5 {
margin-left: 40px !important;
margin-right: 40px !important;
}
.my-xl-5 {
margin-top: 40px !important;
margin-bottom: 40px !important;
}
.mt-xl-5 {
margin-top: 40px !important;
}
.me-xl-5 {
margin-right: 40px !important;
}
.mb-xl-5 {
margin-bottom: 40px !important;
}
.ms-xl-5 {
margin-left: 40px !important;
}
.m-xl-6 {
margin: 48px !important;
}
.mx-xl-6 {
margin-left: 48px !important;
margin-right: 48px !important;
}
.my-xl-6 {
margin-top: 48px !important;
margin-bottom: 48px !important;
}
.mt-xl-6 {
margin-top: 48px !important;
}
.me-xl-6 {
margin-right: 48px !important;
}
.mb-xl-6 {
margin-bottom: 48px !important;
}
.ms-xl-6 {
margin-left: 48px !important;
}
.m-xl-7 {
margin: 56px !important;
}
.mx-xl-7 {
margin-left: 56px !important;
margin-right: 56px !important;
}
.my-xl-7 {
margin-top: 56px !important;
margin-bottom: 56px !important;
}
.mt-xl-7 {
margin-top: 56px !important;
}
.me-xl-7 {
margin-right: 56px !important;
}
.mb-xl-7 {
margin-bottom: 56px !important;
}
.ms-xl-7 {
margin-left: 56px !important;
}
.m-xl-8 {
margin: 64px !important;
}
.mx-xl-8 {
margin-left: 64px !important;
margin-right: 64px !important;
}
.my-xl-8 {
margin-top: 64px !important;
margin-bottom: 64px !important;
}
.mt-xl-8 {
margin-top: 64px !important;
}
.me-xl-8 {
margin-right: 64px !important;
}
.mb-xl-8 {
margin-bottom: 64px !important;
}
.ms-xl-8 {
margin-left: 64px !important;
}
.m-xl-9 {
margin: 72px !important;
}
.mx-xl-9 {
margin-left: 72px !important;
margin-right: 72px !important;
}
.my-xl-9 {
margin-top: 72px !important;
margin-bottom: 72px !important;
}
.mt-xl-9 {
margin-top: 72px !important;
}
.me-xl-9 {
margin-right: 72px !important;
}
.mb-xl-9 {
margin-bottom: 72px !important;
}
.ms-xl-9 {
margin-left: 72px !important;
}
.m-xl-10 {
margin: 80px !important;
}
.mx-xl-10 {
margin-left: 80px !important;
margin-right: 80px !important;
}
.my-xl-10 {
margin-top: 80px !important;
margin-bottom: 80px !important;
}
.mt-xl-10 {
margin-top: 80px !important;
}
.me-xl-10 {
margin-right: 80px !important;
}
.mb-xl-10 {
margin-bottom: 80px !important;
}
.ms-xl-10 {
margin-left: 80px !important;
}
.m-xl-11 {
margin: 88px !important;
}
.mx-xl-11 {
margin-left: 88px !important;
margin-right: 88px !important;
}
.my-xl-11 {
margin-top: 88px !important;
margin-bottom: 88px !important;
}
.mt-xl-11 {
margin-top: 88px !important;
}
.me-xl-11 {
margin-right: 88px !important;
}
.mb-xl-11 {
margin-bottom: 88px !important;
}
.ms-xl-11 {
margin-left: 88px !important;
}
.m-xl-12 {
margin: 96px !important;
}
.mx-xl-12 {
margin-left: 96px !important;
margin-right: 96px !important;
}
.my-xl-12 {
margin-top: 96px !important;
margin-bottom: 96px !important;
}
.mt-xl-12 {
margin-top: 96px !important;
}
.me-xl-12 {
margin-right: 96px !important;
}
.mb-xl-12 {
margin-bottom: 96px !important;
}
.ms-xl-12 {
margin-left: 96px !important;
}
.m-xl-13 {
margin: 104px !important;
}
.mx-xl-13 {
margin-left: 104px !important;
margin-right: 104px !important;
}
.my-xl-13 {
margin-top: 104px !important;
margin-bottom: 104px !important;
}
.mt-xl-13 {
margin-top: 104px !important;
}
.me-xl-13 {
margin-right: 104px !important;
}
.mb-xl-13 {
margin-bottom: 104px !important;
}
.ms-xl-13 {
margin-left: 104px !important;
}
.m-xl-14 {
margin: 112px !important;
}
.mx-xl-14 {
margin-left: 112px !important;
margin-right: 112px !important;
}
.my-xl-14 {
margin-top: 112px !important;
margin-bottom: 112px !important;
}
.mt-xl-14 {
margin-top: 112px !important;
}
.me-xl-14 {
margin-right: 112px !important;
}
.mb-xl-14 {
margin-bottom: 112px !important;
}
.ms-xl-14 {
margin-left: 112px !important;
}
.m-xl-15 {
margin: 120px !important;
}
.mx-xl-15 {
margin-left: 120px !important;
margin-right: 120px !important;
}
.my-xl-15 {
margin-top: 120px !important;
margin-bottom: 120px !important;
}
.mt-xl-15 {
margin-top: 120px !important;
}
.me-xl-15 {
margin-right: 120px !important;
}
.mb-xl-15 {
margin-bottom: 120px !important;
}
.ms-xl-15 {
margin-left: 120px !important;
}
.m-xl-16 {
margin: 128px !important;
}
.mx-xl-16 {
margin-left: 128px !important;
margin-right: 128px !important;
}
.my-xl-16 {
margin-top: 128px !important;
margin-bottom: 128px !important;
}
.mt-xl-16 {
margin-top: 128px !important;
}
.me-xl-16 {
margin-right: 128px !important;
}
.mb-xl-16 {
margin-bottom: 128px !important;
}
.ms-xl-16 {
margin-left: 128px !important;
}
.m-xl-17 {
margin: 136px !important;
}
.mx-xl-17 {
margin-left: 136px !important;
margin-right: 136px !important;
}
.my-xl-17 {
margin-top: 136px !important;
margin-bottom: 136px !important;
}
.mt-xl-17 {
margin-top: 136px !important;
}
.me-xl-17 {
margin-right: 136px !important;
}
.mb-xl-17 {
margin-bottom: 136px !important;
}
.ms-xl-17 {
margin-left: 136px !important;
}
.m-xl-18 {
margin: 144px !important;
}
.mx-xl-18 {
margin-left: 144px !important;
margin-right: 144px !important;
}
.my-xl-18 {
margin-top: 144px !important;
margin-bottom: 144px !important;
}
.mt-xl-18 {
margin-top: 144px !important;
}
.me-xl-18 {
margin-right: 144px !important;
}
.mb-xl-18 {
margin-bottom: 144px !important;
}
.ms-xl-18 {
margin-left: 144px !important;
}
.m-xl-19 {
margin: 152px !important;
}
.mx-xl-19 {
margin-left: 152px !important;
margin-right: 152px !important;
}
.my-xl-19 {
margin-top: 152px !important;
margin-bottom: 152px !important;
}
.mt-xl-19 {
margin-top: 152px !important;
}
.me-xl-19 {
margin-right: 152px !important;
}
.mb-xl-19 {
margin-bottom: 152px !important;
}
.ms-xl-19 {
margin-left: 152px !important;
}
.m-xl-20 {
margin: 160px !important;
}
.mx-xl-20 {
margin-left: 160px !important;
margin-right: 160px !important;
}
.my-xl-20 {
margin-top: 160px !important;
margin-bottom: 160px !important;
}
.mt-xl-20 {
margin-top: 160px !important;
}
.me-xl-20 {
margin-right: 160px !important;
}
.mb-xl-20 {
margin-bottom: 160px !important;
}
.ms-xl-20 {
margin-left: 160px !important;
}
}
.p-0 {
padding: 0px !important;
}
.px-0 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.py-0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.pt-0 {
padding-top: 0px !important;
}
.pe-0 {
padding-right: 0px !important;
}
.pb-0 {
padding-bottom: 0px !important;
}
.ps-0 {
padding-left: 0px !important;
}
.p-1 {
padding: 8px !important;
}
.px-1 {
padding-left: 8px !important;
padding-right: 8px !important;
}
.py-1 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.pt-1 {
padding-top: 8px !important;
}
.pe-1 {
padding-right: 8px !important;
}
.pb-1 {
padding-bottom: 8px !important;
}
.ps-1 {
padding-left: 8px !important;
}
.p-2 {
padding: 16px !important;
}
.px-2 {
padding-left: 16px !important;
padding-right: 16px !important;
}
.py-2 {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.pt-2 {
padding-top: 16px !important;
}
.pe-2 {
padding-right: 16px !important;
}
.pb-2 {
padding-bottom: 16px !important;
}
.ps-2 {
padding-left: 16px !important;
}
.p-3 {
padding: 24px !important;
}
.px-3 {
padding-left: 24px !important;
padding-right: 24px !important;
}
.py-3 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.pt-3 {
padding-top: 24px !important;
}
.pe-3 {
padding-right: 24px !important;
}
.pb-3 {
padding-bottom: 24px !important;
}
.ps-3 {
padding-left: 24px !important;
}
.p-4 {
padding: 32px !important;
}
.px-4 {
padding-left: 32px !important;
padding-right: 32px !important;
}
.py-4 {
padding-top: 32px !important;
padding-bottom: 32px !important;
}
.pt-4 {
padding-top: 32px !important;
}
.pe-4 {
padding-right: 32px !important;
}
.pb-4 {
padding-bottom: 32px !important;
}
.ps-4 {
padding-left: 32px !important;
}
.p-5 {
padding: 40px !important;
}
.px-5 {
padding-left: 40px !important;
padding-right: 40px !important;
}
.py-5 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.pt-5 {
padding-top: 40px !important;
}
.pe-5 {
padding-right: 40px !important;
}
.pb-5 {
padding-bottom: 40px !important;
}
.ps-5 {
padding-left: 40px !important;
}
.p-6 {
padding: 48px !important;
}
.px-6 {
padding-left: 48px !important;
padding-right: 48px !important;
}
.py-6 {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.pt-6 {
padding-top: 48px !important;
}
.pe-6 {
padding-right: 48px !important;
}
.pb-6 {
padding-bottom: 48px !important;
}
.ps-6 {
padding-left: 48px !important;
}
.p-7 {
padding: 56px !important;
}
.px-7 {
padding-left: 56px !important;
padding-right: 56px !important;
}
.py-7 {
padding-top: 56px !important;
padding-bottom: 56px !important;
}
.pt-7 {
padding-top: 56px !important;
}
.pe-7 {
padding-right: 56px !important;
}
.pb-7 {
padding-bottom: 56px !important;
}
.ps-7 {
padding-left: 56px !important;
}
.p-8 {
padding: 64px !important;
}
.px-8 {
padding-left: 64px !important;
padding-right: 64px !important;
}
.py-8 {
padding-top: 64px !important;
padding-bottom: 64px !important;
}
.pt-8 {
padding-top: 64px !important;
}
.pe-8 {
padding-right: 64px !important;
}
.pb-8 {
padding-bottom: 64px !important;
}
.ps-8 {
padding-left: 64px !important;
}
.p-9 {
padding: 72px !important;
}
.px-9 {
padding-left: 72px !important;
padding-right: 72px !important;
}
.py-9 {
padding-top: 72px !important;
padding-bottom: 72px !important;
}
.pt-9 {
padding-top: 72px !important;
}
.pe-9 {
padding-right: 72px !important;
}
.pb-9 {
padding-bottom: 72px !important;
}
.ps-9 {
padding-left: 72px !important;
}
.p-10 {
padding: 80px !important;
}
.px-10 {
padding-left: 80px !important;
padding-right: 80px !important;
}
.py-10 {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.pt-10 {
padding-top: 80px !important;
}
.pe-10 {
padding-right: 80px !important;
}
.pb-10 {
padding-bottom: 80px !important;
}
.ps-10 {
padding-left: 80px !important;
}
.p-11 {
padding: 88px !important;
}
.px-11 {
padding-left: 88px !important;
padding-right: 88px !important;
}
.py-11 {
padding-top: 88px !important;
padding-bottom: 88px !important;
}
.pt-11 {
padding-top: 88px !important;
}
.pe-11 {
padding-right: 88px !important;
}
.pb-11 {
padding-bottom: 88px !important;
}
.ps-11 {
padding-left: 88px !important;
}
.p-12 {
padding: 96px !important;
}
.px-12 {
padding-left: 96px !important;
padding-right: 96px !important;
}
.py-12 {
padding-top: 96px !important;
padding-bottom: 96px !important;
}
.pt-12 {
padding-top: 96px !important;
}
.pe-12 {
padding-right: 96px !important;
}
.pb-12 {
padding-bottom: 96px !important;
}
.ps-12 {
padding-left: 96px !important;
}
.p-13 {
padding: 104px !important;
}
.px-13 {
padding-left: 104px !important;
padding-right: 104px !important;
}
.py-13 {
padding-top: 104px !important;
padding-bottom: 104px !important;
}
.pt-13 {
padding-top: 104px !important;
}
.pe-13 {
padding-right: 104px !important;
}
.pb-13 {
padding-bottom: 104px !important;
}
.ps-13 {
padding-left: 104px !important;
}
.p-14 {
padding: 112px !important;
}
.px-14 {
padding-left: 112px !important;
padding-right: 112px !important;
}
.py-14 {
padding-top: 112px !important;
padding-bottom: 112px !important;
}
.pt-14 {
padding-top: 112px !important;
}
.pe-14 {
padding-right: 112px !important;
}
.pb-14 {
padding-bottom: 112px !important;
}
.ps-14 {
padding-left: 112px !important;
}
.p-15 {
padding: 120px !important;
}
.px-15 {
padding-left: 120px !important;
padding-right: 120px !important;
}
.py-15 {
padding-top: 120px !important;
padding-bottom: 120px !important;
}
.pt-15 {
padding-top: 120px !important;
}
.pe-15 {
padding-right: 120px !important;
}
.pb-15 {
padding-bottom: 120px !important;
}
.ps-15 {
padding-left: 120px !important;
}
.p-16 {
padding: 128px !important;
}
.px-16 {
padding-left: 128px !important;
padding-right: 128px !important;
}
.py-16 {
padding-top: 128px !important;
padding-bottom: 128px !important;
}
.pt-16 {
padding-top: 128px !important;
}
.pe-16 {
padding-right: 128px !important;
}
.pb-16 {
padding-bottom: 128px !important;
}
.ps-16 {
padding-left: 128px !important;
}
.p-17 {
padding: 136px !important;
}
.px-17 {
padding-left: 136px !important;
padding-right: 136px !important;
}
.py-17 {
padding-top: 136px !important;
padding-bottom: 136px !important;
}
.pt-17 {
padding-top: 136px !important;
}
.pe-17 {
padding-right: 136px !important;
}
.pb-17 {
padding-bottom: 136px !important;
}
.ps-17 {
padding-left: 136px !important;
}
.p-18 {
padding: 144px !important;
}
.px-18 {
padding-left: 144px !important;
padding-right: 144px !important;
}
.py-18 {
padding-top: 144px !important;
padding-bottom: 144px !important;
}
.pt-18 {
padding-top: 144px !important;
}
.pe-18 {
padding-right: 144px !important;
}
.pb-18 {
padding-bottom: 144px !important;
}
.ps-18 {
padding-left: 144px !important;
}
.p-19 {
padding: 152px !important;
}
.px-19 {
padding-left: 152px !important;
padding-right: 152px !important;
}
.py-19 {
padding-top: 152px !important;
padding-bottom: 152px !important;
}
.pt-19 {
padding-top: 152px !important;
}
.pe-19 {
padding-right: 152px !important;
}
.pb-19 {
padding-bottom: 152px !important;
}
.ps-19 {
padding-left: 152px !important;
}
.p-20 {
padding: 160px !important;
}
.px-20 {
padding-left: 160px !important;
padding-right: 160px !important;
}
.py-20 {
padding-top: 160px !important;
padding-bottom: 160px !important;
}
.pt-20 {
padding-top: 160px !important;
}
.pe-20 {
padding-right: 160px !important;
}
.pb-20 {
padding-bottom: 160px !important;
}
.ps-20 {
padding-left: 160px !important;
}
@media (min-width: 576px) {
.p-sm-0 {
padding: 0px !important;
}
.px-sm-0 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.py-sm-0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.pt-sm-0 {
padding-top: 0px !important;
}
.pe-sm-0 {
padding-right: 0px !important;
}
.pb-sm-0 {
padding-bottom: 0px !important;
}
.ps-sm-0 {
padding-left: 0px !important;
}
.p-sm-1 {
padding: 8px !important;
}
.px-sm-1 {
padding-left: 8px !important;
padding-right: 8px !important;
}
.py-sm-1 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.pt-sm-1 {
padding-top: 8px !important;
}
.pe-sm-1 {
padding-right: 8px !important;
}
.pb-sm-1 {
padding-bottom: 8px !important;
}
.ps-sm-1 {
padding-left: 8px !important;
}
.p-sm-2 {
padding: 16px !important;
}
.px-sm-2 {
padding-left: 16px !important;
padding-right: 16px !important;
}
.py-sm-2 {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.pt-sm-2 {
padding-top: 16px !important;
}
.pe-sm-2 {
padding-right: 16px !important;
}
.pb-sm-2 {
padding-bottom: 16px !important;
}
.ps-sm-2 {
padding-left: 16px !important;
}
.p-sm-3 {
padding: 24px !important;
}
.px-sm-3 {
padding-left: 24px !important;
padding-right: 24px !important;
}
.py-sm-3 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.pt-sm-3 {
padding-top: 24px !important;
}
.pe-sm-3 {
padding-right: 24px !important;
}
.pb-sm-3 {
padding-bottom: 24px !important;
}
.ps-sm-3 {
padding-left: 24px !important;
}
.p-sm-4 {
padding: 32px !important;
}
.px-sm-4 {
padding-left: 32px !important;
padding-right: 32px !important;
}
.py-sm-4 {
padding-top: 32px !important;
padding-bottom: 32px !important;
}
.pt-sm-4 {
padding-top: 32px !important;
}
.pe-sm-4 {
padding-right: 32px !important;
}
.pb-sm-4 {
padding-bottom: 32px !important;
}
.ps-sm-4 {
padding-left: 32px !important;
}
.p-sm-5 {
padding: 40px !important;
}
.px-sm-5 {
padding-left: 40px !important;
padding-right: 40px !important;
}
.py-sm-5 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.pt-sm-5 {
padding-top: 40px !important;
}
.pe-sm-5 {
padding-right: 40px !important;
}
.pb-sm-5 {
padding-bottom: 40px !important;
}
.ps-sm-5 {
padding-left: 40px !important;
}
.p-sm-6 {
padding: 48px !important;
}
.px-sm-6 {
padding-left: 48px !important;
padding-right: 48px !important;
}
.py-sm-6 {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.pt-sm-6 {
padding-top: 48px !important;
}
.pe-sm-6 {
padding-right: 48px !important;
}
.pb-sm-6 {
padding-bottom: 48px !important;
}
.ps-sm-6 {
padding-left: 48px !important;
}
.p-sm-7 {
padding: 56px !important;
}
.px-sm-7 {
padding-left: 56px !important;
padding-right: 56px !important;
}
.py-sm-7 {
padding-top: 56px !important;
padding-bottom: 56px !important;
}
.pt-sm-7 {
padding-top: 56px !important;
}
.pe-sm-7 {
padding-right: 56px !important;
}
.pb-sm-7 {
padding-bottom: 56px !important;
}
.ps-sm-7 {
padding-left: 56px !important;
}
.p-sm-8 {
padding: 64px !important;
}
.px-sm-8 {
padding-left: 64px !important;
padding-right: 64px !important;
}
.py-sm-8 {
padding-top: 64px !important;
padding-bottom: 64px !important;
}
.pt-sm-8 {
padding-top: 64px !important;
}
.pe-sm-8 {
padding-right: 64px !important;
}
.pb-sm-8 {
padding-bottom: 64px !important;
}
.ps-sm-8 {
padding-left: 64px !important;
}
.p-sm-9 {
padding: 72px !important;
}
.px-sm-9 {
padding-left: 72px !important;
padding-right: 72px !important;
}
.py-sm-9 {
padding-top: 72px !important;
padding-bottom: 72px !important;
}
.pt-sm-9 {
padding-top: 72px !important;
}
.pe-sm-9 {
padding-right: 72px !important;
}
.pb-sm-9 {
padding-bottom: 72px !important;
}
.ps-sm-9 {
padding-left: 72px !important;
}
.p-sm-10 {
padding: 80px !important;
}
.px-sm-10 {
padding-left: 80px !important;
padding-right: 80px !important;
}
.py-sm-10 {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.pt-sm-10 {
padding-top: 80px !important;
}
.pe-sm-10 {
padding-right: 80px !important;
}
.pb-sm-10 {
padding-bottom: 80px !important;
}
.ps-sm-10 {
padding-left: 80px !important;
}
.p-sm-11 {
padding: 88px !important;
}
.px-sm-11 {
padding-left: 88px !important;
padding-right: 88px !important;
}
.py-sm-11 {
padding-top: 88px !important;
padding-bottom: 88px !important;
}
.pt-sm-11 {
padding-top: 88px !important;
}
.pe-sm-11 {
padding-right: 88px !important;
}
.pb-sm-11 {
padding-bottom: 88px !important;
}
.ps-sm-11 {
padding-left: 88px !important;
}
.p-sm-12 {
padding: 96px !important;
}
.px-sm-12 {
padding-left: 96px !important;
padding-right: 96px !important;
}
.py-sm-12 {
padding-top: 96px !important;
padding-bottom: 96px !important;
}
.pt-sm-12 {
padding-top: 96px !important;
}
.pe-sm-12 {
padding-right: 96px !important;
}
.pb-sm-12 {
padding-bottom: 96px !important;
}
.ps-sm-12 {
padding-left: 96px !important;
}
.p-sm-13 {
padding: 104px !important;
}
.px-sm-13 {
padding-left: 104px !important;
padding-right: 104px !important;
}
.py-sm-13 {
padding-top: 104px !important;
padding-bottom: 104px !important;
}
.pt-sm-13 {
padding-top: 104px !important;
}
.pe-sm-13 {
padding-right: 104px !important;
}
.pb-sm-13 {
padding-bottom: 104px !important;
}
.ps-sm-13 {
padding-left: 104px !important;
}
.p-sm-14 {
padding: 112px !important;
}
.px-sm-14 {
padding-left: 112px !important;
padding-right: 112px !important;
}
.py-sm-14 {
padding-top: 112px !important;
padding-bottom: 112px !important;
}
.pt-sm-14 {
padding-top: 112px !important;
}
.pe-sm-14 {
padding-right: 112px !important;
}
.pb-sm-14 {
padding-bottom: 112px !important;
}
.ps-sm-14 {
padding-left: 112px !important;
}
.p-sm-15 {
padding: 120px !important;
}
.px-sm-15 {
padding-left: 120px !important;
padding-right: 120px !important;
}
.py-sm-15 {
padding-top: 120px !important;
padding-bottom: 120px !important;
}
.pt-sm-15 {
padding-top: 120px !important;
}
.pe-sm-15 {
padding-right: 120px !important;
}
.pb-sm-15 {
padding-bottom: 120px !important;
}
.ps-sm-15 {
padding-left: 120px !important;
}
.p-sm-16 {
padding: 128px !important;
}
.px-sm-16 {
padding-left: 128px !important;
padding-right: 128px !important;
}
.py-sm-16 {
padding-top: 128px !important;
padding-bottom: 128px !important;
}
.pt-sm-16 {
padding-top: 128px !important;
}
.pe-sm-16 {
padding-right: 128px !important;
}
.pb-sm-16 {
padding-bottom: 128px !important;
}
.ps-sm-16 {
padding-left: 128px !important;
}
.p-sm-17 {
padding: 136px !important;
}
.px-sm-17 {
padding-left: 136px !important;
padding-right: 136px !important;
}
.py-sm-17 {
padding-top: 136px !important;
padding-bottom: 136px !important;
}
.pt-sm-17 {
padding-top: 136px !important;
}
.pe-sm-17 {
padding-right: 136px !important;
}
.pb-sm-17 {
padding-bottom: 136px !important;
}
.ps-sm-17 {
padding-left: 136px !important;
}
.p-sm-18 {
padding: 144px !important;
}
.px-sm-18 {
padding-left: 144px !important;
padding-right: 144px !important;
}
.py-sm-18 {
padding-top: 144px !important;
padding-bottom: 144px !important;
}
.pt-sm-18 {
padding-top: 144px !important;
}
.pe-sm-18 {
padding-right: 144px !important;
}
.pb-sm-18 {
padding-bottom: 144px !important;
}
.ps-sm-18 {
padding-left: 144px !important;
}
.p-sm-19 {
padding: 152px !important;
}
.px-sm-19 {
padding-left: 152px !important;
padding-right: 152px !important;
}
.py-sm-19 {
padding-top: 152px !important;
padding-bottom: 152px !important;
}
.pt-sm-19 {
padding-top: 152px !important;
}
.pe-sm-19 {
padding-right: 152px !important;
}
.pb-sm-19 {
padding-bottom: 152px !important;
}
.ps-sm-19 {
padding-left: 152px !important;
}
.p-sm-20 {
padding: 160px !important;
}
.px-sm-20 {
padding-left: 160px !important;
padding-right: 160px !important;
}
.py-sm-20 {
padding-top: 160px !important;
padding-bottom: 160px !important;
}
.pt-sm-20 {
padding-top: 160px !important;
}
.pe-sm-20 {
padding-right: 160px !important;
}
.pb-sm-20 {
padding-bottom: 160px !important;
}
.ps-sm-20 {
padding-left: 160px !important;
}
}
@media (min-width: 768px) {
.p-md-0 {
padding: 0px !important;
}
.px-md-0 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.py-md-0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.pt-md-0 {
padding-top: 0px !important;
}
.pe-md-0 {
padding-right: 0px !important;
}
.pb-md-0 {
padding-bottom: 0px !important;
}
.ps-md-0 {
padding-left: 0px !important;
}
.p-md-1 {
padding: 8px !important;
}
.px-md-1 {
padding-left: 8px !important;
padding-right: 8px !important;
}
.py-md-1 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.pt-md-1 {
padding-top: 8px !important;
}
.pe-md-1 {
padding-right: 8px !important;
}
.pb-md-1 {
padding-bottom: 8px !important;
}
.ps-md-1 {
padding-left: 8px !important;
}
.p-md-2 {
padding: 16px !important;
}
.px-md-2 {
padding-left: 16px !important;
padding-right: 16px !important;
}
.py-md-2 {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.pt-md-2 {
padding-top: 16px !important;
}
.pe-md-2 {
padding-right: 16px !important;
}
.pb-md-2 {
padding-bottom: 16px !important;
}
.ps-md-2 {
padding-left: 16px !important;
}
.p-md-3 {
padding: 24px !important;
}
.px-md-3 {
padding-left: 24px !important;
padding-right: 24px !important;
}
.py-md-3 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.pt-md-3 {
padding-top: 24px !important;
}
.pe-md-3 {
padding-right: 24px !important;
}
.pb-md-3 {
padding-bottom: 24px !important;
}
.ps-md-3 {
padding-left: 24px !important;
}
.p-md-4 {
padding: 32px !important;
}
.px-md-4 {
padding-left: 32px !important;
padding-right: 32px !important;
}
.py-md-4 {
padding-top: 32px !important;
padding-bottom: 32px !important;
}
.pt-md-4 {
padding-top: 32px !important;
}
.pe-md-4 {
padding-right: 32px !important;
}
.pb-md-4 {
padding-bottom: 32px !important;
}
.ps-md-4 {
padding-left: 32px !important;
}
.p-md-5 {
padding: 40px !important;
}
.px-md-5 {
padding-left: 40px !important;
padding-right: 40px !important;
}
.py-md-5 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.pt-md-5 {
padding-top: 40px !important;
}
.pe-md-5 {
padding-right: 40px !important;
}
.pb-md-5 {
padding-bottom: 40px !important;
}
.ps-md-5 {
padding-left: 40px !important;
}
.p-md-6 {
padding: 48px !important;
}
.px-md-6 {
padding-left: 48px !important;
padding-right: 48px !important;
}
.py-md-6 {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.pt-md-6 {
padding-top: 48px !important;
}
.pe-md-6 {
padding-right: 48px !important;
}
.pb-md-6 {
padding-bottom: 48px !important;
}
.ps-md-6 {
padding-left: 48px !important;
}
.p-md-7 {
padding: 56px !important;
}
.px-md-7 {
padding-left: 56px !important;
padding-right: 56px !important;
}
.py-md-7 {
padding-top: 56px !important;
padding-bottom: 56px !important;
}
.pt-md-7 {
padding-top: 56px !important;
}
.pe-md-7 {
padding-right: 56px !important;
}
.pb-md-7 {
padding-bottom: 56px !important;
}
.ps-md-7 {
padding-left: 56px !important;
}
.p-md-8 {
padding: 64px !important;
}
.px-md-8 {
padding-left: 64px !important;
padding-right: 64px !important;
}
.py-md-8 {
padding-top: 64px !important;
padding-bottom: 64px !important;
}
.pt-md-8 {
padding-top: 64px !important;
}
.pe-md-8 {
padding-right: 64px !important;
}
.pb-md-8 {
padding-bottom: 64px !important;
}
.ps-md-8 {
padding-left: 64px !important;
}
.p-md-9 {
padding: 72px !important;
}
.px-md-9 {
padding-left: 72px !important;
padding-right: 72px !important;
}
.py-md-9 {
padding-top: 72px !important;
padding-bottom: 72px !important;
}
.pt-md-9 {
padding-top: 72px !important;
}
.pe-md-9 {
padding-right: 72px !important;
}
.pb-md-9 {
padding-bottom: 72px !important;
}
.ps-md-9 {
padding-left: 72px !important;
}
.p-md-10 {
padding: 80px !important;
}
.px-md-10 {
padding-left: 80px !important;
padding-right: 80px !important;
}
.py-md-10 {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.pt-md-10 {
padding-top: 80px !important;
}
.pe-md-10 {
padding-right: 80px !important;
}
.pb-md-10 {
padding-bottom: 80px !important;
}
.ps-md-10 {
padding-left: 80px !important;
}
.p-md-11 {
padding: 88px !important;
}
.px-md-11 {
padding-left: 88px !important;
padding-right: 88px !important;
}
.py-md-11 {
padding-top: 88px !important;
padding-bottom: 88px !important;
}
.pt-md-11 {
padding-top: 88px !important;
}
.pe-md-11 {
padding-right: 88px !important;
}
.pb-md-11 {
padding-bottom: 88px !important;
}
.ps-md-11 {
padding-left: 88px !important;
}
.p-md-12 {
padding: 96px !important;
}
.px-md-12 {
padding-left: 96px !important;
padding-right: 96px !important;
}
.py-md-12 {
padding-top: 96px !important;
padding-bottom: 96px !important;
}
.pt-md-12 {
padding-top: 96px !important;
}
.pe-md-12 {
padding-right: 96px !important;
}
.pb-md-12 {
padding-bottom: 96px !important;
}
.ps-md-12 {
padding-left: 96px !important;
}
.p-md-13 {
padding: 104px !important;
}
.px-md-13 {
padding-left: 104px !important;
padding-right: 104px !important;
}
.py-md-13 {
padding-top: 104px !important;
padding-bottom: 104px !important;
}
.pt-md-13 {
padding-top: 104px !important;
}
.pe-md-13 {
padding-right: 104px !important;
}
.pb-md-13 {
padding-bottom: 104px !important;
}
.ps-md-13 {
padding-left: 104px !important;
}
.p-md-14 {
padding: 112px !important;
}
.px-md-14 {
padding-left: 112px !important;
padding-right: 112px !important;
}
.py-md-14 {
padding-top: 112px !important;
padding-bottom: 112px !important;
}
.pt-md-14 {
padding-top: 112px !important;
}
.pe-md-14 {
padding-right: 112px !important;
}
.pb-md-14 {
padding-bottom: 112px !important;
}
.ps-md-14 {
padding-left: 112px !important;
}
.p-md-15 {
padding: 120px !important;
}
.px-md-15 {
padding-left: 120px !important;
padding-right: 120px !important;
}
.py-md-15 {
padding-top: 120px !important;
padding-bottom: 120px !important;
}
.pt-md-15 {
padding-top: 120px !important;
}
.pe-md-15 {
padding-right: 120px !important;
}
.pb-md-15 {
padding-bottom: 120px !important;
}
.ps-md-15 {
padding-left: 120px !important;
}
.p-md-16 {
padding: 128px !important;
}
.px-md-16 {
padding-left: 128px !important;
padding-right: 128px !important;
}
.py-md-16 {
padding-top: 128px !important;
padding-bottom: 128px !important;
}
.pt-md-16 {
padding-top: 128px !important;
}
.pe-md-16 {
padding-right: 128px !important;
}
.pb-md-16 {
padding-bottom: 128px !important;
}
.ps-md-16 {
padding-left: 128px !important;
}
.p-md-17 {
padding: 136px !important;
}
.px-md-17 {
padding-left: 136px !important;
padding-right: 136px !important;
}
.py-md-17 {
padding-top: 136px !important;
padding-bottom: 136px !important;
}
.pt-md-17 {
padding-top: 136px !important;
}
.pe-md-17 {
padding-right: 136px !important;
}
.pb-md-17 {
padding-bottom: 136px !important;
}
.ps-md-17 {
padding-left: 136px !important;
}
.p-md-18 {
padding: 144px !important;
}
.px-md-18 {
padding-left: 144px !important;
padding-right: 144px !important;
}
.py-md-18 {
padding-top: 144px !important;
padding-bottom: 144px !important;
}
.pt-md-18 {
padding-top: 144px !important;
}
.pe-md-18 {
padding-right: 144px !important;
}
.pb-md-18 {
padding-bottom: 144px !important;
}
.ps-md-18 {
padding-left: 144px !important;
}
.p-md-19 {
padding: 152px !important;
}
.px-md-19 {
padding-left: 152px !important;
padding-right: 152px !important;
}
.py-md-19 {
padding-top: 152px !important;
padding-bottom: 152px !important;
}
.pt-md-19 {
padding-top: 152px !important;
}
.pe-md-19 {
padding-right: 152px !important;
}
.pb-md-19 {
padding-bottom: 152px !important;
}
.ps-md-19 {
padding-left: 152px !important;
}
.p-md-20 {
padding: 160px !important;
}
.px-md-20 {
padding-left: 160px !important;
padding-right: 160px !important;
}
.py-md-20 {
padding-top: 160px !important;
padding-bottom: 160px !important;
}
.pt-md-20 {
padding-top: 160px !important;
}
.pe-md-20 {
padding-right: 160px !important;
}
.pb-md-20 {
padding-bottom: 160px !important;
}
.ps-md-20 {
padding-left: 160px !important;
}
}
@media (min-width: 1012px) {
.p-lg-0 {
padding: 0px !important;
}
.px-lg-0 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.py-lg-0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.pt-lg-0 {
padding-top: 0px !important;
}
.pe-lg-0 {
padding-right: 0px !important;
}
.pb-lg-0 {
padding-bottom: 0px !important;
}
.ps-lg-0 {
padding-left: 0px !important;
}
.p-lg-1 {
padding: 8px !important;
}
.px-lg-1 {
padding-left: 8px !important;
padding-right: 8px !important;
}
.py-lg-1 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.pt-lg-1 {
padding-top: 8px !important;
}
.pe-lg-1 {
padding-right: 8px !important;
}
.pb-lg-1 {
padding-bottom: 8px !important;
}
.ps-lg-1 {
padding-left: 8px !important;
}
.p-lg-2 {
padding: 16px !important;
}
.px-lg-2 {
padding-left: 16px !important;
padding-right: 16px !important;
}
.py-lg-2 {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.pt-lg-2 {
padding-top: 16px !important;
}
.pe-lg-2 {
padding-right: 16px !important;
}
.pb-lg-2 {
padding-bottom: 16px !important;
}
.ps-lg-2 {
padding-left: 16px !important;
}
.p-lg-3 {
padding: 24px !important;
}
.px-lg-3 {
padding-left: 24px !important;
padding-right: 24px !important;
}
.py-lg-3 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.pt-lg-3 {
padding-top: 24px !important;
}
.pe-lg-3 {
padding-right: 24px !important;
}
.pb-lg-3 {
padding-bottom: 24px !important;
}
.ps-lg-3 {
padding-left: 24px !important;
}
.p-lg-4 {
padding: 32px !important;
}
.px-lg-4 {
padding-left: 32px !important;
padding-right: 32px !important;
}
.py-lg-4 {
padding-top: 32px !important;
padding-bottom: 32px !important;
}
.pt-lg-4 {
padding-top: 32px !important;
}
.pe-lg-4 {
padding-right: 32px !important;
}
.pb-lg-4 {
padding-bottom: 32px !important;
}
.ps-lg-4 {
padding-left: 32px !important;
}
.p-lg-5 {
padding: 40px !important;
}
.px-lg-5 {
padding-left: 40px !important;
padding-right: 40px !important;
}
.py-lg-5 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.pt-lg-5 {
padding-top: 40px !important;
}
.pe-lg-5 {
padding-right: 40px !important;
}
.pb-lg-5 {
padding-bottom: 40px !important;
}
.ps-lg-5 {
padding-left: 40px !important;
}
.p-lg-6 {
padding: 48px !important;
}
.px-lg-6 {
padding-left: 48px !important;
padding-right: 48px !important;
}
.py-lg-6 {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.pt-lg-6 {
padding-top: 48px !important;
}
.pe-lg-6 {
padding-right: 48px !important;
}
.pb-lg-6 {
padding-bottom: 48px !important;
}
.ps-lg-6 {
padding-left: 48px !important;
}
.p-lg-7 {
padding: 56px !important;
}
.px-lg-7 {
padding-left: 56px !important;
padding-right: 56px !important;
}
.py-lg-7 {
padding-top: 56px !important;
padding-bottom: 56px !important;
}
.pt-lg-7 {
padding-top: 56px !important;
}
.pe-lg-7 {
padding-right: 56px !important;
}
.pb-lg-7 {
padding-bottom: 56px !important;
}
.ps-lg-7 {
padding-left: 56px !important;
}
.p-lg-8 {
padding: 64px !important;
}
.px-lg-8 {
padding-left: 64px !important;
padding-right: 64px !important;
}
.py-lg-8 {
padding-top: 64px !important;
padding-bottom: 64px !important;
}
.pt-lg-8 {
padding-top: 64px !important;
}
.pe-lg-8 {
padding-right: 64px !important;
}
.pb-lg-8 {
padding-bottom: 64px !important;
}
.ps-lg-8 {
padding-left: 64px !important;
}
.p-lg-9 {
padding: 72px !important;
}
.px-lg-9 {
padding-left: 72px !important;
padding-right: 72px !important;
}
.py-lg-9 {
padding-top: 72px !important;
padding-bottom: 72px !important;
}
.pt-lg-9 {
padding-top: 72px !important;
}
.pe-lg-9 {
padding-right: 72px !important;
}
.pb-lg-9 {
padding-bottom: 72px !important;
}
.ps-lg-9 {
padding-left: 72px !important;
}
.p-lg-10 {
padding: 80px !important;
}
.px-lg-10 {
padding-left: 80px !important;
padding-right: 80px !important;
}
.py-lg-10 {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.pt-lg-10 {
padding-top: 80px !important;
}
.pe-lg-10 {
padding-right: 80px !important;
}
.pb-lg-10 {
padding-bottom: 80px !important;
}
.ps-lg-10 {
padding-left: 80px !important;
}
.p-lg-11 {
padding: 88px !important;
}
.px-lg-11 {
padding-left: 88px !important;
padding-right: 88px !important;
}
.py-lg-11 {
padding-top: 88px !important;
padding-bottom: 88px !important;
}
.pt-lg-11 {
padding-top: 88px !important;
}
.pe-lg-11 {
padding-right: 88px !important;
}
.pb-lg-11 {
padding-bottom: 88px !important;
}
.ps-lg-11 {
padding-left: 88px !important;
}
.p-lg-12 {
padding: 96px !important;
}
.px-lg-12 {
padding-left: 96px !important;
padding-right: 96px !important;
}
.py-lg-12 {
padding-top: 96px !important;
padding-bottom: 96px !important;
}
.pt-lg-12 {
padding-top: 96px !important;
}
.pe-lg-12 {
padding-right: 96px !important;
}
.pb-lg-12 {
padding-bottom: 96px !important;
}
.ps-lg-12 {
padding-left: 96px !important;
}
.p-lg-13 {
padding: 104px !important;
}
.px-lg-13 {
padding-left: 104px !important;
padding-right: 104px !important;
}
.py-lg-13 {
padding-top: 104px !important;
padding-bottom: 104px !important;
}
.pt-lg-13 {
padding-top: 104px !important;
}
.pe-lg-13 {
padding-right: 104px !important;
}
.pb-lg-13 {
padding-bottom: 104px !important;
}
.ps-lg-13 {
padding-left: 104px !important;
}
.p-lg-14 {
padding: 112px !important;
}
.px-lg-14 {
padding-left: 112px !important;
padding-right: 112px !important;
}
.py-lg-14 {
padding-top: 112px !important;
padding-bottom: 112px !important;
}
.pt-lg-14 {
padding-top: 112px !important;
}
.pe-lg-14 {
padding-right: 112px !important;
}
.pb-lg-14 {
padding-bottom: 112px !important;
}
.ps-lg-14 {
padding-left: 112px !important;
}
.p-lg-15 {
padding: 120px !important;
}
.px-lg-15 {
padding-left: 120px !important;
padding-right: 120px !important;
}
.py-lg-15 {
padding-top: 120px !important;
padding-bottom: 120px !important;
}
.pt-lg-15 {
padding-top: 120px !important;
}
.pe-lg-15 {
padding-right: 120px !important;
}
.pb-lg-15 {
padding-bottom: 120px !important;
}
.ps-lg-15 {
padding-left: 120px !important;
}
.p-lg-16 {
padding: 128px !important;
}
.px-lg-16 {
padding-left: 128px !important;
padding-right: 128px !important;
}
.py-lg-16 {
padding-top: 128px !important;
padding-bottom: 128px !important;
}
.pt-lg-16 {
padding-top: 128px !important;
}
.pe-lg-16 {
padding-right: 128px !important;
}
.pb-lg-16 {
padding-bottom: 128px !important;
}
.ps-lg-16 {
padding-left: 128px !important;
}
.p-lg-17 {
padding: 136px !important;
}
.px-lg-17 {
padding-left: 136px !important;
padding-right: 136px !important;
}
.py-lg-17 {
padding-top: 136px !important;
padding-bottom: 136px !important;
}
.pt-lg-17 {
padding-top: 136px !important;
}
.pe-lg-17 {
padding-right: 136px !important;
}
.pb-lg-17 {
padding-bottom: 136px !important;
}
.ps-lg-17 {
padding-left: 136px !important;
}
.p-lg-18 {
padding: 144px !important;
}
.px-lg-18 {
padding-left: 144px !important;
padding-right: 144px !important;
}
.py-lg-18 {
padding-top: 144px !important;
padding-bottom: 144px !important;
}
.pt-lg-18 {
padding-top: 144px !important;
}
.pe-lg-18 {
padding-right: 144px !important;
}
.pb-lg-18 {
padding-bottom: 144px !important;
}
.ps-lg-18 {
padding-left: 144px !important;
}
.p-lg-19 {
padding: 152px !important;
}
.px-lg-19 {
padding-left: 152px !important;
padding-right: 152px !important;
}
.py-lg-19 {
padding-top: 152px !important;
padding-bottom: 152px !important;
}
.pt-lg-19 {
padding-top: 152px !important;
}
.pe-lg-19 {
padding-right: 152px !important;
}
.pb-lg-19 {
padding-bottom: 152px !important;
}
.ps-lg-19 {
padding-left: 152px !important;
}
.p-lg-20 {
padding: 160px !important;
}
.px-lg-20 {
padding-left: 160px !important;
padding-right: 160px !important;
}
.py-lg-20 {
padding-top: 160px !important;
padding-bottom: 160px !important;
}
.pt-lg-20 {
padding-top: 160px !important;
}
.pe-lg-20 {
padding-right: 160px !important;
}
.pb-lg-20 {
padding-bottom: 160px !important;
}
.ps-lg-20 {
padding-left: 160px !important;
}
}
@media (min-width: 1280px) {
.p-xl-0 {
padding: 0px !important;
}
.px-xl-0 {
padding-left: 0px !important;
padding-right: 0px !important;
}
.py-xl-0 {
padding-top: 0px !important;
padding-bottom: 0px !important;
}
.pt-xl-0 {
padding-top: 0px !important;
}
.pe-xl-0 {
padding-right: 0px !important;
}
.pb-xl-0 {
padding-bottom: 0px !important;
}
.ps-xl-0 {
padding-left: 0px !important;
}
.p-xl-1 {
padding: 8px !important;
}
.px-xl-1 {
padding-left: 8px !important;
padding-right: 8px !important;
}
.py-xl-1 {
padding-top: 8px !important;
padding-bottom: 8px !important;
}
.pt-xl-1 {
padding-top: 8px !important;
}
.pe-xl-1 {
padding-right: 8px !important;
}
.pb-xl-1 {
padding-bottom: 8px !important;
}
.ps-xl-1 {
padding-left: 8px !important;
}
.p-xl-2 {
padding: 16px !important;
}
.px-xl-2 {
padding-left: 16px !important;
padding-right: 16px !important;
}
.py-xl-2 {
padding-top: 16px !important;
padding-bottom: 16px !important;
}
.pt-xl-2 {
padding-top: 16px !important;
}
.pe-xl-2 {
padding-right: 16px !important;
}
.pb-xl-2 {
padding-bottom: 16px !important;
}
.ps-xl-2 {
padding-left: 16px !important;
}
.p-xl-3 {
padding: 24px !important;
}
.px-xl-3 {
padding-left: 24px !important;
padding-right: 24px !important;
}
.py-xl-3 {
padding-top: 24px !important;
padding-bottom: 24px !important;
}
.pt-xl-3 {
padding-top: 24px !important;
}
.pe-xl-3 {
padding-right: 24px !important;
}
.pb-xl-3 {
padding-bottom: 24px !important;
}
.ps-xl-3 {
padding-left: 24px !important;
}
.p-xl-4 {
padding: 32px !important;
}
.px-xl-4 {
padding-left: 32px !important;
padding-right: 32px !important;
}
.py-xl-4 {
padding-top: 32px !important;
padding-bottom: 32px !important;
}
.pt-xl-4 {
padding-top: 32px !important;
}
.pe-xl-4 {
padding-right: 32px !important;
}
.pb-xl-4 {
padding-bottom: 32px !important;
}
.ps-xl-4 {
padding-left: 32px !important;
}
.p-xl-5 {
padding: 40px !important;
}
.px-xl-5 {
padding-left: 40px !important;
padding-right: 40px !important;
}
.py-xl-5 {
padding-top: 40px !important;
padding-bottom: 40px !important;
}
.pt-xl-5 {
padding-top: 40px !important;
}
.pe-xl-5 {
padding-right: 40px !important;
}
.pb-xl-5 {
padding-bottom: 40px !important;
}
.ps-xl-5 {
padding-left: 40px !important;
}
.p-xl-6 {
padding: 48px !important;
}
.px-xl-6 {
padding-left: 48px !important;
padding-right: 48px !important;
}
.py-xl-6 {
padding-top: 48px !important;
padding-bottom: 48px !important;
}
.pt-xl-6 {
padding-top: 48px !important;
}
.pe-xl-6 {
padding-right: 48px !important;
}
.pb-xl-6 {
padding-bottom: 48px !important;
}
.ps-xl-6 {
padding-left: 48px !important;
}
.p-xl-7 {
padding: 56px !important;
}
.px-xl-7 {
padding-left: 56px !important;
padding-right: 56px !important;
}
.py-xl-7 {
padding-top: 56px !important;
padding-bottom: 56px !important;
}
.pt-xl-7 {
padding-top: 56px !important;
}
.pe-xl-7 {
padding-right: 56px !important;
}
.pb-xl-7 {
padding-bottom: 56px !important;
}
.ps-xl-7 {
padding-left: 56px !important;
}
.p-xl-8 {
padding: 64px !important;
}
.px-xl-8 {
padding-left: 64px !important;
padding-right: 64px !important;
}
.py-xl-8 {
padding-top: 64px !important;
padding-bottom: 64px !important;
}
.pt-xl-8 {
padding-top: 64px !important;
}
.pe-xl-8 {
padding-right: 64px !important;
}
.pb-xl-8 {
padding-bottom: 64px !important;
}
.ps-xl-8 {
padding-left: 64px !important;
}
.p-xl-9 {
padding: 72px !important;
}
.px-xl-9 {
padding-left: 72px !important;
padding-right: 72px !important;
}
.py-xl-9 {
padding-top: 72px !important;
padding-bottom: 72px !important;
}
.pt-xl-9 {
padding-top: 72px !important;
}
.pe-xl-9 {
padding-right: 72px !important;
}
.pb-xl-9 {
padding-bottom: 72px !important;
}
.ps-xl-9 {
padding-left: 72px !important;
}
.p-xl-10 {
padding: 80px !important;
}
.px-xl-10 {
padding-left: 80px !important;
padding-right: 80px !important;
}
.py-xl-10 {
padding-top: 80px !important;
padding-bottom: 80px !important;
}
.pt-xl-10 {
padding-top: 80px !important;
}
.pe-xl-10 {
padding-right: 80px !important;
}
.pb-xl-10 {
padding-bottom: 80px !important;
}
.ps-xl-10 {
padding-left: 80px !important;
}
.p-xl-11 {
padding: 88px !important;
}
.px-xl-11 {
padding-left: 88px !important;
padding-right: 88px !important;
}
.py-xl-11 {
padding-top: 88px !important;
padding-bottom: 88px !important;
}
.pt-xl-11 {
padding-top: 88px !important;
}
.pe-xl-11 {
padding-right: 88px !important;
}
.pb-xl-11 {
padding-bottom: 88px !important;
}
.ps-xl-11 {
padding-left: 88px !important;
}
.p-xl-12 {
padding: 96px !important;
}
.px-xl-12 {
padding-left: 96px !important;
padding-right: 96px !important;
}
.py-xl-12 {
padding-top: 96px !important;
padding-bottom: 96px !important;
}
.pt-xl-12 {
padding-top: 96px !important;
}
.pe-xl-12 {
padding-right: 96px !important;
}
.pb-xl-12 {
padding-bottom: 96px !important;
}
.ps-xl-12 {
padding-left: 96px !important;
}
.p-xl-13 {
padding: 104px !important;
}
.px-xl-13 {
padding-left: 104px !important;
padding-right: 104px !important;
}
.py-xl-13 {
padding-top: 104px !important;
padding-bottom: 104px !important;
}
.pt-xl-13 {
padding-top: 104px !important;
}
.pe-xl-13 {
padding-right: 104px !important;
}
.pb-xl-13 {
padding-bottom: 104px !important;
}
.ps-xl-13 {
padding-left: 104px !important;
}
.p-xl-14 {
padding: 112px !important;
}
.px-xl-14 {
padding-left: 112px !important;
padding-right: 112px !important;
}
.py-xl-14 {
padding-top: 112px !important;
padding-bottom: 112px !important;
}
.pt-xl-14 {
padding-top: 112px !important;
}
.pe-xl-14 {
padding-right: 112px !important;
}
.pb-xl-14 {
padding-bottom: 112px !important;
}
.ps-xl-14 {
padding-left: 112px !important;
}
.p-xl-15 {
padding: 120px !important;
}
.px-xl-15 {
padding-left: 120px !important;
padding-right: 120px !important;
}
.py-xl-15 {
padding-top: 120px !important;
padding-bottom: 120px !important;
}
.pt-xl-15 {
padding-top: 120px !important;
}
.pe-xl-15 {
padding-right: 120px !important;
}
.pb-xl-15 {
padding-bottom: 120px !important;
}
.ps-xl-15 {
padding-left: 120px !important;
}
.p-xl-16 {
padding: 128px !important;
}
.px-xl-16 {
padding-left: 128px !important;
padding-right: 128px !important;
}
.py-xl-16 {
padding-top: 128px !important;
padding-bottom: 128px !important;
}
.pt-xl-16 {
padding-top: 128px !important;
}
.pe-xl-16 {
padding-right: 128px !important;
}
.pb-xl-16 {
padding-bottom: 128px !important;
}
.ps-xl-16 {
padding-left: 128px !important;
}
.p-xl-17 {
padding: 136px !important;
}
.px-xl-17 {
padding-left: 136px !important;
padding-right: 136px !important;
}
.py-xl-17 {
padding-top: 136px !important;
padding-bottom: 136px !important;
}
.pt-xl-17 {
padding-top: 136px !important;
}
.pe-xl-17 {
padding-right: 136px !important;
}
.pb-xl-17 {
padding-bottom: 136px !important;
}
.ps-xl-17 {
padding-left: 136px !important;
}
.p-xl-18 {
padding: 144px !important;
}
.px-xl-18 {
padding-left: 144px !important;
padding-right: 144px !important;
}
.py-xl-18 {
padding-top: 144px !important;
padding-bottom: 144px !important;
}
.pt-xl-18 {
padding-top: 144px !important;
}
.pe-xl-18 {
padding-right: 144px !important;
}
.pb-xl-18 {
padding-bottom: 144px !important;
}
.ps-xl-18 {
padding-left: 144px !important;
}
.p-xl-19 {
padding: 152px !important;
}
.px-xl-19 {
padding-left: 152px !important;
padding-right: 152px !important;
}
.py-xl-19 {
padding-top: 152px !important;
padding-bottom: 152px !important;
}
.pt-xl-19 {
padding-top: 152px !important;
}
.pe-xl-19 {
padding-right: 152px !important;
}
.pb-xl-19 {
padding-bottom: 152px !important;
}
.ps-xl-19 {
padding-left: 152px !important;
}
.p-xl-20 {
padding: 160px !important;
}
.px-xl-20 {
padding-left: 160px !important;
padding-right: 160px !important;
}
.py-xl-20 {
padding-top: 160px !important;
padding-bottom: 160px !important;
}
.pt-xl-20 {
padding-top: 160px !important;
}
.pe-xl-20 {
padding-right: 160px !important;
}
.pb-xl-20 {
padding-bottom: 160px !important;
}
.ps-xl-20 {
padding-left: 160px !important;
}
}
.position-relative {
position: relative;
}
.position-absolute {
position: absolute;
}
.icon-pos-r {
position: absolute;
top: 50%;
right: max(16px, min(2.5vw, 32px));
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.icon-pos-l {
position: absolute;
top: 50%;
left: max(16px, min(2.5vw, 32px));
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.t-0 {
top: 0px;
}
.t-auto {
top: auto;
}
.r-0 {
right: 0px;
}
.r-auto {
right: auto;
}
.b-0 {
bottom: 0px;
}
.b-auto {
bottom: auto;
}
.s-0 {
left: 0px;
}
.l-auto {
left: auto;
}
.t-1 {
top: 8px;
}
.t-auto {
top: auto;
}
.r-1 {
right: 8px;
}
.r-auto {
right: auto;
}
.b-1 {
bottom: 8px;
}
.b-auto {
bottom: auto;
}
.s-1 {
left: 8px;
}
.l-auto {
left: auto;
}
.t-2 {
top: 16px;
}
.t-auto {
top: auto;
}
.r-2 {
right: 16px;
}
.r-auto {
right: auto;
}
.b-2 {
bottom: 16px;
}
.b-auto {
bottom: auto;
}
.s-2 {
left: 16px;
}
.l-auto {
left: auto;
}
.t-3 {
top: 24px;
}
.t-auto {
top: auto;
}
.r-3 {
right: 24px;
}
.r-auto {
right: auto;
}
.b-3 {
bottom: 24px;
}
.b-auto {
bottom: auto;
}
.s-3 {
left: 24px;
}
.l-auto {
left: auto;
}
.t-4 {
top: 32px;
}
.t-auto {
top: auto;
}
.r-4 {
right: 32px;
}
.r-auto {
right: auto;
}
.b-4 {
bottom: 32px;
}
.b-auto {
bottom: auto;
}
.s-4 {
left: 32px;
}
.l-auto {
left: auto;
}
.t-5 {
top: 40px;
}
.t-auto {
top: auto;
}
.r-5 {
right: 40px;
}
.r-auto {
right: auto;
}
.b-5 {
bottom: 40px;
}
.b-auto {
bottom: auto;
}
.s-5 {
left: 40px;
}
.l-auto {
left: auto;
}
.t-6 {
top: 48px;
}
.t-auto {
top: auto;
}
.r-6 {
right: 48px;
}
.r-auto {
right: auto;
}
.b-6 {
bottom: 48px;
}
.b-auto {
bottom: auto;
}
.s-6 {
left: 48px;
}
.l-auto {
left: auto;
}
.t-7 {
top: 56px;
}
.t-auto {
top: auto;
}
.r-7 {
right: 56px;
}
.r-auto {
right: auto;
}
.b-7 {
bottom: 56px;
}
.b-auto {
bottom: auto;
}
.s-7 {
left: 56px;
}
.l-auto {
left: auto;
}
.t-8 {
top: 64px;
}
.t-auto {
top: auto;
}
.r-8 {
right: 64px;
}
.r-auto {
right: auto;
}
.b-8 {
bottom: 64px;
}
.b-auto {
bottom: auto;
}
.s-8 {
left: 64px;
}
.l-auto {
left: auto;
}
.t-9 {
top: 72px;
}
.t-auto {
top: auto;
}
.r-9 {
right: 72px;
}
.r-auto {
right: auto;
}
.b-9 {
bottom: 72px;
}
.b-auto {
bottom: auto;
}
.s-9 {
left: 72px;
}
.l-auto {
left: auto;
}
.t-10 {
top: 80px;
}
.t-auto {
top: auto;
}
.r-10 {
right: 80px;
}
.r-auto {
right: auto;
}
.b-10 {
bottom: 80px;
}
.b-auto {
bottom: auto;
}
.s-10 {
left: 80px;
}
.l-auto {
left: auto;
}
.t-11 {
top: 88px;
}
.t-auto {
top: auto;
}
.r-11 {
right: 88px;
}
.r-auto {
right: auto;
}
.b-11 {
bottom: 88px;
}
.b-auto {
bottom: auto;
}
.s-11 {
left: 88px;
}
.l-auto {
left: auto;
}
.t-12 {
top: 96px;
}
.t-auto {
top: auto;
}
.r-12 {
right: 96px;
}
.r-auto {
right: auto;
}
.b-12 {
bottom: 96px;
}
.b-auto {
bottom: auto;
}
.s-12 {
left: 96px;
}
.l-auto {
left: auto;
}
.t-13 {
top: 104px;
}
.t-auto {
top: auto;
}
.r-13 {
right: 104px;
}
.r-auto {
right: auto;
}
.b-13 {
bottom: 104px;
}
.b-auto {
bottom: auto;
}
.s-13 {
left: 104px;
}
.l-auto {
left: auto;
}
.t-14 {
top: 112px;
}
.t-auto {
top: auto;
}
.r-14 {
right: 112px;
}
.r-auto {
right: auto;
}
.b-14 {
bottom: 112px;
}
.b-auto {
bottom: auto;
}
.s-14 {
left: 112px;
}
.l-auto {
left: auto;
}
.t-15 {
top: 120px;
}
.t-auto {
top: auto;
}
.r-15 {
right: 120px;
}
.r-auto {
right: auto;
}
.b-15 {
bottom: 120px;
}
.b-auto {
bottom: auto;
}
.s-15 {
left: 120px;
}
.l-auto {
left: auto;
}
.t-16 {
top: 128px;
}
.t-auto {
top: auto;
}
.r-16 {
right: 128px;
}
.r-auto {
right: auto;
}
.b-16 {
bottom: 128px;
}
.b-auto {
bottom: auto;
}
.s-16 {
left: 128px;
}
.l-auto {
left: auto;
}
.t-17 {
top: 136px;
}
.t-auto {
top: auto;
}
.r-17 {
right: 136px;
}
.r-auto {
right: auto;
}
.b-17 {
bottom: 136px;
}
.b-auto {
bottom: auto;
}
.s-17 {
left: 136px;
}
.l-auto {
left: auto;
}
.t-18 {
top: 144px;
}
.t-auto {
top: auto;
}
.r-18 {
right: 144px;
}
.r-auto {
right: auto;
}
.b-18 {
bottom: 144px;
}
.b-auto {
bottom: auto;
}
.s-18 {
left: 144px;
}
.l-auto {
left: auto;
}
.t-19 {
top: 152px;
}
.t-auto {
top: auto;
}
.r-19 {
right: 152px;
}
.r-auto {
right: auto;
}
.b-19 {
bottom: 152px;
}
.b-auto {
bottom: auto;
}
.s-19 {
left: 152px;
}
.l-auto {
left: auto;
}
.t-20 {
top: 160px;
}
.t-auto {
top: auto;
}
.r-20 {
right: 160px;
}
.r-auto {
right: auto;
}
.b-20 {
bottom: 160px;
}
.b-auto {
bottom: auto;
}
.s-20 {
left: 160px;
}
.l-auto {
left: auto;
}
@media (min-width: 576px) {
.t-sm-0 {
top: 0px;
}
.t-sm-auto {
top: auto;
}
.r-sm-0 {
right: 0px;
}
.r-sm-auto {
right: auto;
}
.b-sm-0 {
bottom: 0px;
}
.b-sm-auto {
bottom: auto;
}
.s-sm-0 {
left: 0px;
}
.l-sm-auto {
left: auto;
}
.t-sm-1 {
top: 8px;
}
.t-sm-auto {
top: auto;
}
.r-sm-1 {
right: 8px;
}
.r-sm-auto {
right: auto;
}
.b-sm-1 {
bottom: 8px;
}
.b-sm-auto {
bottom: auto;
}
.s-sm-1 {
left: 8px;
}
.l-sm-auto {
left: auto;
}
.t-sm-2 {
top: 16px;
}
.t-sm-auto {
top: auto;
}
.r-sm-2 {
right: 16px;
}
.r-sm-auto {
right: auto;
}
.b-sm-2 {
bottom: 16px;
}
.b-sm-auto {
bottom: auto;
}
.s-sm-2 {
left: 16px;
}
.l-sm-auto {
left: auto;
}
.t-sm-3 {
top: 24px;
}
.t-sm-auto {
top: auto;
}
.r-sm-3 {
right: 24px;
}
.r-sm-auto {
right: auto;
}
.b-sm-3 {
bottom: 24px;
}
.b-sm-auto {
bottom: auto;
}
.s-sm-3 {
left: 24px;
}
.l-sm-auto {
left: auto;
}
.t-sm-4 {
top: 32px;
}
.t-sm-auto {
top: auto;
}
.r-sm-4 {
right: 32px;
}
.r-sm-auto {
right: auto;
}
.b-sm-4 {
bottom: 32px;
}
.b-sm-auto {
bottom: auto;
}
.s-sm-4 {
left: 32px;
}
.l-sm-auto {
left: auto;
}
.t-sm-5 {
top: 40px;
}
.t-sm-auto {
top: auto;
}
.r-sm-5 {
right: 40px;
}
.r-sm-auto {
right: auto;
}
.b-sm-5 {
bottom: 40px;
}
.b-sm-auto {
bottom: auto;
}
.s-sm-5 {
left: 40px;
}
.l-sm-auto {
left: auto;
}
.t-sm-6 {
top: 48px;
}
.t-sm-auto {
top: auto;
}
.r-sm-6 {
right: 48px;
}
.r-sm-auto {
right: auto;
}
.b-sm-6 {
bottom: 48px;
}
.b-sm-auto {
bottom: auto;
}
.s-sm-6 {
left: 48px;
}
.l-sm-auto {
left: auto;
}
.t-sm-7 {
top: 56px;
}
.t-sm-auto {
top: auto;
}
.r-sm-7 {
right: 56px;
}
.r-sm-auto {
right: auto;
}
.b-sm-7 {
bottom: 56px;
}
.b-sm-auto {
bottom: auto;
}
.s-sm-7 {
left: 56px;
}
.l-sm-auto {
left: auto;
}
.t-sm-8 {
top: 64px;
}
.t-sm-auto {
top: auto;
}
.r-sm-8 {
right: 64px;
}
.r-sm-auto {
right: auto;
}
.b-sm-8 {
bottom: 64px;
}
.b-sm-auto {
bottom: auto;
}
.s-sm-8 {
left: 64px;
}
.l-sm-auto {
left: auto;
}
.t-sm-9 {
top: 72px;
}
.t-sm-auto {
top: auto;
}
.r-sm-9 {
right: 72px;
}
.r-sm-auto {
right: auto;
}
.b-sm-9 {
bottom: 72px;
}
.b-sm-auto {
bottom: auto;
}
.s-sm-9 {
left: 72px;
}
.l-sm-auto {
left: auto;
}
.t-sm-10 {
top: 80px;
}
.t-sm-auto {
top: auto;
}
.r-sm-10 {
right: 80px;
}
.r-sm-auto {
right: auto;
}
.b-sm-10 {
bottom: 80px;
}
.b-sm-auto {
bottom: auto;
}
.s-sm-10 {
left: 80px;
}
.l-sm-auto {
left: auto;
}
.t-sm-11 {
top: 88px;
}
.t-sm-auto {
top: auto;
}
.r-sm-11 {
right: 88px;
}
.r-sm-auto {
right: auto;
}
.b-sm-11 {
bottom: 88px;
}
.b-sm-auto {
bottom: auto;
}
.s-sm-11 {
left: 88px;
}
.l-sm-auto {
left: auto;
}
.t-sm-12 {
top: 96px;
}
.t-sm-auto {
top: auto;
}
.r-sm-12 {
right: 96px;
}
.r-sm-auto {
right: auto;
}
.b-sm-12 {
bottom: 96px;
}
.b-sm-auto {
bottom: auto;
}
.s-sm-12 {
left: 96px;
}
.l-sm-auto {
left: auto;
}
.t-sm-13 {
top: 104px;
}
.t-sm-auto {
top: auto;
}
.r-sm-13 {
right: 104px;
}
.r-sm-auto {
right: auto;
}
.b-sm-13 {
bottom: 104px;
}
.b-sm-auto {
bottom: auto;
}
.s-sm-13 {
left: 104px;
}
.l-sm-auto {
left: auto;
}
.t-sm-14 {
top: 112px;
}
.t-sm-auto {
top: auto;
}
.r-sm-14 {
right: 112px;
}
.r-sm-auto {
right: auto;
}
.b-sm-14 {
bottom: 112px;
}
.b-sm-auto {
bottom: auto;
}
.s-sm-14 {
left: 112px;
}
.l-sm-auto {
left: auto;
}
.t-sm-15 {
top: 120px;
}
.t-sm-auto {
top: auto;
}
.r-sm-15 {
right: 120px;
}
.r-sm-auto {
right: auto;
}
.b-sm-15 {
bottom: 120px;
}
.b-sm-auto {
bottom: auto;
}
.s-sm-15 {
left: 120px;
}
.l-sm-auto {
left: auto;
}
.t-sm-16 {
top: 128px;
}
.t-sm-auto {
top: auto;
}
.r-sm-16 {
right: 128px;
}
.r-sm-auto {
right: auto;
}
.b-sm-16 {
bottom: 128px;
}
.b-sm-auto {
bottom: auto;
}
.s-sm-16 {
left: 128px;
}
.l-sm-auto {
left: auto;
}
.t-sm-17 {
top: 136px;
}
.t-sm-auto {
top: auto;
}
.r-sm-17 {
right: 136px;
}
.r-sm-auto {
right: auto;
}
.b-sm-17 {
bottom: 136px;
}
.b-sm-auto {
bottom: auto;
}
.s-sm-17 {
left: 136px;
}
.l-sm-auto {
left: auto;
}
.t-sm-18 {
top: 144px;
}
.t-sm-auto {
top: auto;
}
.r-sm-18 {
right: 144px;
}
.r-sm-auto {
right: auto;
}
.b-sm-18 {
bottom: 144px;
}
.b-sm-auto {
bottom: auto;
}
.s-sm-18 {
left: 144px;
}
.l-sm-auto {
left: auto;
}
.t-sm-19 {
top: 152px;
}
.t-sm-auto {
top: auto;
}
.r-sm-19 {
right: 152px;
}
.r-sm-auto {
right: auto;
}
.b-sm-19 {
bottom: 152px;
}
.b-sm-auto {
bottom: auto;
}
.s-sm-19 {
left: 152px;
}
.l-sm-auto {
left: auto;
}
.t-sm-20 {
top: 160px;
}
.t-sm-auto {
top: auto;
}
.r-sm-20 {
right: 160px;
}
.r-sm-auto {
right: auto;
}
.b-sm-20 {
bottom: 160px;
}
.b-sm-auto {
bottom: auto;
}
.s-sm-20 {
left: 160px;
}
.l-sm-auto {
left: auto;
}
}
@media (min-width: 768px) {
.t-md-0 {
top: 0px;
}
.t-md-auto {
top: auto;
}
.r-md-0 {
right: 0px;
}
.r-md-auto {
right: auto;
}
.b-md-0 {
bottom: 0px;
}
.b-md-auto {
bottom: auto;
}
.s-md-0 {
left: 0px;
}
.l-md-auto {
left: auto;
}
.t-md-1 {
top: 8px;
}
.t-md-auto {
top: auto;
}
.r-md-1 {
right: 8px;
}
.r-md-auto {
right: auto;
}
.b-md-1 {
bottom: 8px;
}
.b-md-auto {
bottom: auto;
}
.s-md-1 {
left: 8px;
}
.l-md-auto {
left: auto;
}
.t-md-2 {
top: 16px;
}
.t-md-auto {
top: auto;
}
.r-md-2 {
right: 16px;
}
.r-md-auto {
right: auto;
}
.b-md-2 {
bottom: 16px;
}
.b-md-auto {
bottom: auto;
}
.s-md-2 {
left: 16px;
}
.l-md-auto {
left: auto;
}
.t-md-3 {
top: 24px;
}
.t-md-auto {
top: auto;
}
.r-md-3 {
right: 24px;
}
.r-md-auto {
right: auto;
}
.b-md-3 {
bottom: 24px;
}
.b-md-auto {
bottom: auto;
}
.s-md-3 {
left: 24px;
}
.l-md-auto {
left: auto;
}
.t-md-4 {
top: 32px;
}
.t-md-auto {
top: auto;
}
.r-md-4 {
right: 32px;
}
.r-md-auto {
right: auto;
}
.b-md-4 {
bottom: 32px;
}
.b-md-auto {
bottom: auto;
}
.s-md-4 {
left: 32px;
}
.l-md-auto {
left: auto;
}
.t-md-5 {
top: 40px;
}
.t-md-auto {
top: auto;
}
.r-md-5 {
right: 40px;
}
.r-md-auto {
right: auto;
}
.b-md-5 {
bottom: 40px;
}
.b-md-auto {
bottom: auto;
}
.s-md-5 {
left: 40px;
}
.l-md-auto {
left: auto;
}
.t-md-6 {
top: 48px;
}
.t-md-auto {
top: auto;
}
.r-md-6 {
right: 48px;
}
.r-md-auto {
right: auto;
}
.b-md-6 {
bottom: 48px;
}
.b-md-auto {
bottom: auto;
}
.s-md-6 {
left: 48px;
}
.l-md-auto {
left: auto;
}
.t-md-7 {
top: 56px;
}
.t-md-auto {
top: auto;
}
.r-md-7 {
right: 56px;
}
.r-md-auto {
right: auto;
}
.b-md-7 {
bottom: 56px;
}
.b-md-auto {
bottom: auto;
}
.s-md-7 {
left: 56px;
}
.l-md-auto {
left: auto;
}
.t-md-8 {
top: 64px;
}
.t-md-auto {
top: auto;
}
.r-md-8 {
right: 64px;
}
.r-md-auto {
right: auto;
}
.b-md-8 {
bottom: 64px;
}
.b-md-auto {
bottom: auto;
}
.s-md-8 {
left: 64px;
}
.l-md-auto {
left: auto;
}
.t-md-9 {
top: 72px;
}
.t-md-auto {
top: auto;
}
.r-md-9 {
right: 72px;
}
.r-md-auto {
right: auto;
}
.b-md-9 {
bottom: 72px;
}
.b-md-auto {
bottom: auto;
}
.s-md-9 {
left: 72px;
}
.l-md-auto {
left: auto;
}
.t-md-10 {
top: 80px;
}
.t-md-auto {
top: auto;
}
.r-md-10 {
right: 80px;
}
.r-md-auto {
right: auto;
}
.b-md-10 {
bottom: 80px;
}
.b-md-auto {
bottom: auto;
}
.s-md-10 {
left: 80px;
}
.l-md-auto {
left: auto;
}
.t-md-11 {
top: 88px;
}
.t-md-auto {
top: auto;
}
.r-md-11 {
right: 88px;
}
.r-md-auto {
right: auto;
}
.b-md-11 {
bottom: 88px;
}
.b-md-auto {
bottom: auto;
}
.s-md-11 {
left: 88px;
}
.l-md-auto {
left: auto;
}
.t-md-12 {
top: 96px;
}
.t-md-auto {
top: auto;
}
.r-md-12 {
right: 96px;
}
.r-md-auto {
right: auto;
}
.b-md-12 {
bottom: 96px;
}
.b-md-auto {
bottom: auto;
}
.s-md-12 {
left: 96px;
}
.l-md-auto {
left: auto;
}
.t-md-13 {
top: 104px;
}
.t-md-auto {
top: auto;
}
.r-md-13 {
right: 104px;
}
.r-md-auto {
right: auto;
}
.b-md-13 {
bottom: 104px;
}
.b-md-auto {
bottom: auto;
}
.s-md-13 {
left: 104px;
}
.l-md-auto {
left: auto;
}
.t-md-14 {
top: 112px;
}
.t-md-auto {
top: auto;
}
.r-md-14 {
right: 112px;
}
.r-md-auto {
right: auto;
}
.b-md-14 {
bottom: 112px;
}
.b-md-auto {
bottom: auto;
}
.s-md-14 {
left: 112px;
}
.l-md-auto {
left: auto;
}
.t-md-15 {
top: 120px;
}
.t-md-auto {
top: auto;
}
.r-md-15 {
right: 120px;
}
.r-md-auto {
right: auto;
}
.b-md-15 {
bottom: 120px;
}
.b-md-auto {
bottom: auto;
}
.s-md-15 {
left: 120px;
}
.l-md-auto {
left: auto;
}
.t-md-16 {
top: 128px;
}
.t-md-auto {
top: auto;
}
.r-md-16 {
right: 128px;
}
.r-md-auto {
right: auto;
}
.b-md-16 {
bottom: 128px;
}
.b-md-auto {
bottom: auto;
}
.s-md-16 {
left: 128px;
}
.l-md-auto {
left: auto;
}
.t-md-17 {
top: 136px;
}
.t-md-auto {
top: auto;
}
.r-md-17 {
right: 136px;
}
.r-md-auto {
right: auto;
}
.b-md-17 {
bottom: 136px;
}
.b-md-auto {
bottom: auto;
}
.s-md-17 {
left: 136px;
}
.l-md-auto {
left: auto;
}
.t-md-18 {
top: 144px;
}
.t-md-auto {
top: auto;
}
.r-md-18 {
right: 144px;
}
.r-md-auto {
right: auto;
}
.b-md-18 {
bottom: 144px;
}
.b-md-auto {
bottom: auto;
}
.s-md-18 {
left: 144px;
}
.l-md-auto {
left: auto;
}
.t-md-19 {
top: 152px;
}
.t-md-auto {
top: auto;
}
.r-md-19 {
right: 152px;
}
.r-md-auto {
right: auto;
}
.b-md-19 {
bottom: 152px;
}
.b-md-auto {
bottom: auto;
}
.s-md-19 {
left: 152px;
}
.l-md-auto {
left: auto;
}
.t-md-20 {
top: 160px;
}
.t-md-auto {
top: auto;
}
.r-md-20 {
right: 160px;
}
.r-md-auto {
right: auto;
}
.b-md-20 {
bottom: 160px;
}
.b-md-auto {
bottom: auto;
}
.s-md-20 {
left: 160px;
}
.l-md-auto {
left: auto;
}
}
@media (min-width: 1012px) {
.t-lg-0 {
top: 0px;
}
.t-lg-auto {
top: auto;
}
.r-lg-0 {
right: 0px;
}
.r-lg-auto {
right: auto;
}
.b-lg-0 {
bottom: 0px;
}
.b-lg-auto {
bottom: auto;
}
.s-lg-0 {
left: 0px;
}
.l-lg-auto {
left: auto;
}
.t-lg-1 {
top: 8px;
}
.t-lg-auto {
top: auto;
}
.r-lg-1 {
right: 8px;
}
.r-lg-auto {
right: auto;
}
.b-lg-1 {
bottom: 8px;
}
.b-lg-auto {
bottom: auto;
}
.s-lg-1 {
left: 8px;
}
.l-lg-auto {
left: auto;
}
.t-lg-2 {
top: 16px;
}
.t-lg-auto {
top: auto;
}
.r-lg-2 {
right: 16px;
}
.r-lg-auto {
right: auto;
}
.b-lg-2 {
bottom: 16px;
}
.b-lg-auto {
bottom: auto;
}
.s-lg-2 {
left: 16px;
}
.l-lg-auto {
left: auto;
}
.t-lg-3 {
top: 24px;
}
.t-lg-auto {
top: auto;
}
.r-lg-3 {
right: 24px;
}
.r-lg-auto {
right: auto;
}
.b-lg-3 {
bottom: 24px;
}
.b-lg-auto {
bottom: auto;
}
.s-lg-3 {
left: 24px;
}
.l-lg-auto {
left: auto;
}
.t-lg-4 {
top: 32px;
}
.t-lg-auto {
top: auto;
}
.r-lg-4 {
right: 32px;
}
.r-lg-auto {
right: auto;
}
.b-lg-4 {
bottom: 32px;
}
.b-lg-auto {
bottom: auto;
}
.s-lg-4 {
left: 32px;
}
.l-lg-auto {
left: auto;
}
.t-lg-5 {
top: 40px;
}
.t-lg-auto {
top: auto;
}
.r-lg-5 {
right: 40px;
}
.r-lg-auto {
right: auto;
}
.b-lg-5 {
bottom: 40px;
}
.b-lg-auto {
bottom: auto;
}
.s-lg-5 {
left: 40px;
}
.l-lg-auto {
left: auto;
}
.t-lg-6 {
top: 48px;
}
.t-lg-auto {
top: auto;
}
.r-lg-6 {
right: 48px;
}
.r-lg-auto {
right: auto;
}
.b-lg-6 {
bottom: 48px;
}
.b-lg-auto {
bottom: auto;
}
.s-lg-6 {
left: 48px;
}
.l-lg-auto {
left: auto;
}
.t-lg-7 {
top: 56px;
}
.t-lg-auto {
top: auto;
}
.r-lg-7 {
right: 56px;
}
.r-lg-auto {
right: auto;
}
.b-lg-7 {
bottom: 56px;
}
.b-lg-auto {
bottom: auto;
}
.s-lg-7 {
left: 56px;
}
.l-lg-auto {
left: auto;
}
.t-lg-8 {
top: 64px;
}
.t-lg-auto {
top: auto;
}
.r-lg-8 {
right: 64px;
}
.r-lg-auto {
right: auto;
}
.b-lg-8 {
bottom: 64px;
}
.b-lg-auto {
bottom: auto;
}
.s-lg-8 {
left: 64px;
}
.l-lg-auto {
left: auto;
}
.t-lg-9 {
top: 72px;
}
.t-lg-auto {
top: auto;
}
.r-lg-9 {
right: 72px;
}
.r-lg-auto {
right: auto;
}
.b-lg-9 {
bottom: 72px;
}
.b-lg-auto {
bottom: auto;
}
.s-lg-9 {
left: 72px;
}
.l-lg-auto {
left: auto;
}
.t-lg-10 {
top: 80px;
}
.t-lg-auto {
top: auto;
}
.r-lg-10 {
right: 80px;
}
.r-lg-auto {
right: auto;
}
.b-lg-10 {
bottom: 80px;
}
.b-lg-auto {
bottom: auto;
}
.s-lg-10 {
left: 80px;
}
.l-lg-auto {
left: auto;
}
.t-lg-11 {
top: 88px;
}
.t-lg-auto {
top: auto;
}
.r-lg-11 {
right: 88px;
}
.r-lg-auto {
right: auto;
}
.b-lg-11 {
bottom: 88px;
}
.b-lg-auto {
bottom: auto;
}
.s-lg-11 {
left: 88px;
}
.l-lg-auto {
left: auto;
}
.t-lg-12 {
top: 96px;
}
.t-lg-auto {
top: auto;
}
.r-lg-12 {
right: 96px;
}
.r-lg-auto {
right: auto;
}
.b-lg-12 {
bottom: 96px;
}
.b-lg-auto {
bottom: auto;
}
.s-lg-12 {
left: 96px;
}
.l-lg-auto {
left: auto;
}
.t-lg-13 {
top: 104px;
}
.t-lg-auto {
top: auto;
}
.r-lg-13 {
right: 104px;
}
.r-lg-auto {
right: auto;
}
.b-lg-13 {
bottom: 104px;
}
.b-lg-auto {
bottom: auto;
}
.s-lg-13 {
left: 104px;
}
.l-lg-auto {
left: auto;
}
.t-lg-14 {
top: 112px;
}
.t-lg-auto {
top: auto;
}
.r-lg-14 {
right: 112px;
}
.r-lg-auto {
right: auto;
}
.b-lg-14 {
bottom: 112px;
}
.b-lg-auto {
bottom: auto;
}
.s-lg-14 {
left: 112px;
}
.l-lg-auto {
left: auto;
}
.t-lg-15 {
top: 120px;
}
.t-lg-auto {
top: auto;
}
.r-lg-15 {
right: 120px;
}
.r-lg-auto {
right: auto;
}
.b-lg-15 {
bottom: 120px;
}
.b-lg-auto {
bottom: auto;
}
.s-lg-15 {
left: 120px;
}
.l-lg-auto {
left: auto;
}
.t-lg-16 {
top: 128px;
}
.t-lg-auto {
top: auto;
}
.r-lg-16 {
right: 128px;
}
.r-lg-auto {
right: auto;
}
.b-lg-16 {
bottom: 128px;
}
.b-lg-auto {
bottom: auto;
}
.s-lg-16 {
left: 128px;
}
.l-lg-auto {
left: auto;
}
.t-lg-17 {
top: 136px;
}
.t-lg-auto {
top: auto;
}
.r-lg-17 {
right: 136px;
}
.r-lg-auto {
right: auto;
}
.b-lg-17 {
bottom: 136px;
}
.b-lg-auto {
bottom: auto;
}
.s-lg-17 {
left: 136px;
}
.l-lg-auto {
left: auto;
}
.t-lg-18 {
top: 144px;
}
.t-lg-auto {
top: auto;
}
.r-lg-18 {
right: 144px;
}
.r-lg-auto {
right: auto;
}
.b-lg-18 {
bottom: 144px;
}
.b-lg-auto {
bottom: auto;
}
.s-lg-18 {
left: 144px;
}
.l-lg-auto {
left: auto;
}
.t-lg-19 {
top: 152px;
}
.t-lg-auto {
top: auto;
}
.r-lg-19 {
right: 152px;
}
.r-lg-auto {
right: auto;
}
.b-lg-19 {
bottom: 152px;
}
.b-lg-auto {
bottom: auto;
}
.s-lg-19 {
left: 152px;
}
.l-lg-auto {
left: auto;
}
.t-lg-20 {
top: 160px;
}
.t-lg-auto {
top: auto;
}
.r-lg-20 {
right: 160px;
}
.r-lg-auto {
right: auto;
}
.b-lg-20 {
bottom: 160px;
}
.b-lg-auto {
bottom: auto;
}
.s-lg-20 {
left: 160px;
}
.l-lg-auto {
left: auto;
}
}
@media (min-width: 1280px) {
.t-xl-0 {
top: 0px;
}
.t-xl-auto {
top: auto;
}
.r-xl-0 {
right: 0px;
}
.r-xl-auto {
right: auto;
}
.b-xl-0 {
bottom: 0px;
}
.b-xl-auto {
bottom: auto;
}
.s-xl-0 {
left: 0px;
}
.l-xl-auto {
left: auto;
}
.t-xl-1 {
top: 8px;
}
.t-xl-auto {
top: auto;
}
.r-xl-1 {
right: 8px;
}
.r-xl-auto {
right: auto;
}
.b-xl-1 {
bottom: 8px;
}
.b-xl-auto {
bottom: auto;
}
.s-xl-1 {
left: 8px;
}
.l-xl-auto {
left: auto;
}
.t-xl-2 {
top: 16px;
}
.t-xl-auto {
top: auto;
}
.r-xl-2 {
right: 16px;
}
.r-xl-auto {
right: auto;
}
.b-xl-2 {
bottom: 16px;
}
.b-xl-auto {
bottom: auto;
}
.s-xl-2 {
left: 16px;
}
.l-xl-auto {
left: auto;
}
.t-xl-3 {
top: 24px;
}
.t-xl-auto {
top: auto;
}
.r-xl-3 {
right: 24px;
}
.r-xl-auto {
right: auto;
}
.b-xl-3 {
bottom: 24px;
}
.b-xl-auto {
bottom: auto;
}
.s-xl-3 {
left: 24px;
}
.l-xl-auto {
left: auto;
}
.t-xl-4 {
top: 32px;
}
.t-xl-auto {
top: auto;
}
.r-xl-4 {
right: 32px;
}
.r-xl-auto {
right: auto;
}
.b-xl-4 {
bottom: 32px;
}
.b-xl-auto {
bottom: auto;
}
.s-xl-4 {
left: 32px;
}
.l-xl-auto {
left: auto;
}
.t-xl-5 {
top: 40px;
}
.t-xl-auto {
top: auto;
}
.r-xl-5 {
right: 40px;
}
.r-xl-auto {
right: auto;
}
.b-xl-5 {
bottom: 40px;
}
.b-xl-auto {
bottom: auto;
}
.s-xl-5 {
left: 40px;
}
.l-xl-auto {
left: auto;
}
.t-xl-6 {
top: 48px;
}
.t-xl-auto {
top: auto;
}
.r-xl-6 {
right: 48px;
}
.r-xl-auto {
right: auto;
}
.b-xl-6 {
bottom: 48px;
}
.b-xl-auto {
bottom: auto;
}
.s-xl-6 {
left: 48px;
}
.l-xl-auto {
left: auto;
}
.t-xl-7 {
top: 56px;
}
.t-xl-auto {
top: auto;
}
.r-xl-7 {
right: 56px;
}
.r-xl-auto {
right: auto;
}
.b-xl-7 {
bottom: 56px;
}
.b-xl-auto {
bottom: auto;
}
.s-xl-7 {
left: 56px;
}
.l-xl-auto {
left: auto;
}
.t-xl-8 {
top: 64px;
}
.t-xl-auto {
top: auto;
}
.r-xl-8 {
right: 64px;
}
.r-xl-auto {
right: auto;
}
.b-xl-8 {
bottom: 64px;
}
.b-xl-auto {
bottom: auto;
}
.s-xl-8 {
left: 64px;
}
.l-xl-auto {
left: auto;
}
.t-xl-9 {
top: 72px;
}
.t-xl-auto {
top: auto;
}
.r-xl-9 {
right: 72px;
}
.r-xl-auto {
right: auto;
}
.b-xl-9 {
bottom: 72px;
}
.b-xl-auto {
bottom: auto;
}
.s-xl-9 {
left: 72px;
}
.l-xl-auto {
left: auto;
}
.t-xl-10 {
top: 80px;
}
.t-xl-auto {
top: auto;
}
.r-xl-10 {
right: 80px;
}
.r-xl-auto {
right: auto;
}
.b-xl-10 {
bottom: 80px;
}
.b-xl-auto {
bottom: auto;
}
.s-xl-10 {
left: 80px;
}
.l-xl-auto {
left: auto;
}
.t-xl-11 {
top: 88px;
}
.t-xl-auto {
top: auto;
}
.r-xl-11 {
right: 88px;
}
.r-xl-auto {
right: auto;
}
.b-xl-11 {
bottom: 88px;
}
.b-xl-auto {
bottom: auto;
}
.s-xl-11 {
left: 88px;
}
.l-xl-auto {
left: auto;
}
.t-xl-12 {
top: 96px;
}
.t-xl-auto {
top: auto;
}
.r-xl-12 {
right: 96px;
}
.r-xl-auto {
right: auto;
}
.b-xl-12 {
bottom: 96px;
}
.b-xl-auto {
bottom: auto;
}
.s-xl-12 {
left: 96px;
}
.l-xl-auto {
left: auto;
}
.t-xl-13 {
top: 104px;
}
.t-xl-auto {
top: auto;
}
.r-xl-13 {
right: 104px;
}
.r-xl-auto {
right: auto;
}
.b-xl-13 {
bottom: 104px;
}
.b-xl-auto {
bottom: auto;
}
.s-xl-13 {
left: 104px;
}
.l-xl-auto {
left: auto;
}
.t-xl-14 {
top: 112px;
}
.t-xl-auto {
top: auto;
}
.r-xl-14 {
right: 112px;
}
.r-xl-auto {
right: auto;
}
.b-xl-14 {
bottom: 112px;
}
.b-xl-auto {
bottom: auto;
}
.s-xl-14 {
left: 112px;
}
.l-xl-auto {
left: auto;
}
.t-xl-15 {
top: 120px;
}
.t-xl-auto {
top: auto;
}
.r-xl-15 {
right: 120px;
}
.r-xl-auto {
right: auto;
}
.b-xl-15 {
bottom: 120px;
}
.b-xl-auto {
bottom: auto;
}
.s-xl-15 {
left: 120px;
}
.l-xl-auto {
left: auto;
}
.t-xl-16 {
top: 128px;
}
.t-xl-auto {
top: auto;
}
.r-xl-16 {
right: 128px;
}
.r-xl-auto {
right: auto;
}
.b-xl-16 {
bottom: 128px;
}
.b-xl-auto {
bottom: auto;
}
.s-xl-16 {
left: 128px;
}
.l-xl-auto {
left: auto;
}
.t-xl-17 {
top: 136px;
}
.t-xl-auto {
top: auto;
}
.r-xl-17 {
right: 136px;
}
.r-xl-auto {
right: auto;
}
.b-xl-17 {
bottom: 136px;
}
.b-xl-auto {
bottom: auto;
}
.s-xl-17 {
left: 136px;
}
.l-xl-auto {
left: auto;
}
.t-xl-18 {
top: 144px;
}
.t-xl-auto {
top: auto;
}
.r-xl-18 {
right: 144px;
}
.r-xl-auto {
right: auto;
}
.b-xl-18 {
bottom: 144px;
}
.b-xl-auto {
bottom: auto;
}
.s-xl-18 {
left: 144px;
}
.l-xl-auto {
left: auto;
}
.t-xl-19 {
top: 152px;
}
.t-xl-auto {
top: auto;
}
.r-xl-19 {
right: 152px;
}
.r-xl-auto {
right: auto;
}
.b-xl-19 {
bottom: 152px;
}
.b-xl-auto {
bottom: auto;
}
.s-xl-19 {
left: 152px;
}
.l-xl-auto {
left: auto;
}
.t-xl-20 {
top: 160px;
}
.t-xl-auto {
top: auto;
}
.r-xl-20 {
right: 160px;
}
.r-xl-auto {
right: auto;
}
.b-xl-20 {
bottom: 160px;
}
.b-xl-auto {
bottom: auto;
}
.s-xl-20 {
left: 160px;
}
.l-xl-auto {
left: auto;
}
}
.cmn-txt {
line-height: 1.6;
}
.ta-center {
text-align: center;
}
.ta-right {
text-align: right;
}
.td-none {
-webkit-text-decoration: none;
text-decoration: none;
}
.td-underline {
-webkit-text-decoration: underline;
text-decoration: underline;
}
.w-100 {
width: 100%;
}
.width-fit-content {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
}