html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: unset;}@media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 2dppx) { html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }} body { margin: 0;} article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary { display: block;} audio,canvas,progress,video { display: inline-block; vertical-align: baseline; } audio:not([controls]) { display: none; height: 0;} [hidden],template { display: none;} a { background-color: transparent;} a:active,a:hover,input[type="text"], input[type="password"], textarea, select,button { outline: 0;} abbr[title] { border-bottom: 1px dotted;} b,strong { font-weight: bold;} dfn { font-style: italic;} h1 { font-size: 2em; margin: 0.67em 0;} mark { background: #ff0; color: #000;} small { font-size: 80%;} sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;} sup { top: -0.5em;} sub { bottom: -0.25em;} img { border: 0;} svg:not(:root) { overflow: hidden;} figure { margin: 1em 40px;} hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0;} pre { overflow: auto;} code,kbd,pre,samp { font-family: monospace, monospace; font-size: 1em;} button,input,optgroup,select,textarea { color: inherit; font: inherit; margin: 0; } button { overflow: visible; background: none;} button,select { text-transform: none;} button,html input[type="button"], input[type="reset"],input[type="submit"] { appearance: button; -webkit-appearance: button; cursor: pointer; } button[disabled],html input[disabled] { cursor: default;} button::-moz-focus-inner,input::-moz-focus-inner { border: 0; padding: 0;} input { line-height: normal;} input[type="checkbox"],input[type="radio"] { box-sizing: border-box; padding: 0; } input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button { height: auto;} input[type="search"] { appearance: textfield; -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;} input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration { -webkit-appearance: none;} fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;} legend { border: 0; padding: 0; } textarea { overflow: auto;} optgroup { font-weight: bold;} table { border-collapse: collapse; border-spacing: 0;} td,th { padding: 0;} :root { --c-white: #FFFFFF; --c-white-rgb: 255, 255, 255; --c-black: #000000; --c-black-900: #2A2A2A; --c-black-800: #444444; --c-black-100: #F5F5F5; --c-link: #2DA5EE; --c-success: #008000; --c-danger: #E90000; --fs-3xl: 4.8rem; --fs-2xl: 4rem; --fs-xl: 3.2rem; --fs-lg: 2.4rem; --fs-md: 2rem; --fs-sm: 1.6rem; --fs-xs: 1.4rem; --fs-2xs: 1.2rem; --fs-3xs: 1rem; --fs-3xl-sp: 4rem; --fs-2xl-sp: 2.4rem; --fs-xl-sp: 2rem; --fs-lg-sp: 1.6rem; --fs-md-sp: 1.4rem; --fs-sm-sp: 1.3rem; --fs-xs-sp: 1.2rem; --fs-2xs-sp: 1.1rem; --fs-3xs-sp: 1rem; --fw-default: 400; --fw-bold: 700; --fw-en: 500; --ff-selif: YakuHanJPs, "Shippori Mincho B1", "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "HGS明朝E", "MS P明朝", "MS Mincho", serif; --ff-en: YakuHanJPs, "Lexend", sans-serif; --line-height: 1.4em; --p-line-height: 2em; --spc: .4rem; --spc-1: calc(var(--spc) * 1); --spc-2: calc(var(--spc) * 2); --spc-3: calc(var(--spc) * 3); --spc-4: calc(var(--spc) * 4); --spc-5: calc(var(--spc) * 5); --spc-6: calc(var(--spc) * 6); --spc-7: calc(var(--spc) * 7); --spc-8: calc(var(--spc) * 8); --spc-9: calc(var(--spc) * 9); --spc-10: calc(var(--spc) * 10); --spc-11: calc(var(--spc) * 11); --spc-12: calc(var(--spc) * 12); --spc-14: calc(var(--spc) * 14); --spc-16: calc(var(--spc) * 16); --spc-20: calc(var(--spc) * 20); --spc-24: calc(var(--spc) * 24); --spc-28: calc(var(--spc) * 28); --spc-32: calc(var(--spc) * 32); --spc-36: calc(var(--spc) * 36); --spc-40: calc(var(--spc) * 40); --spc-44: calc(var(--spc) * 44); --spc-48: calc(var(--spc) * 48); --spc-52: calc(var(--spc) * 52); --spc-56: calc(var(--spc) * 56); --spc-60: calc(var(--spc) * 60); --z-0: 0; --z-10: 10; --z-20: 20; --z-30: 30; --z-40: 40; --z-50: 50; --container-max-width: 112rem; --container-padding: var(--spc-16); --container-padding-sp: var(--spc-8); --sticky-width: 30rem;} * { box-sizing: border-box; word-wrap: break-word; line-height: var(--line-height); color: var(--c-black); transition: .2s ease; &:before, &:after { transition: .2s ease; }} body.is-noscroll { overflow: hidden;} html { background-color: var(--c-white); font-size: 62.5%; font-family: var(--ff-selif); -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: unset; scroll-behavior: smooth;}@media only screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { html { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }} body,h1,h2,h3,h4,h5,h6,ul,li,a,p,blockquote { margin: 0;} body,h1,h2,h3,h4,h5,h6,ul,li,p,blockquote { color: var(--c-black);} body { display: flex; flex-direction: column; min-height: 100vh;} img,svg { display: block; width: 100%; height: auto;} input,label,select,button,textarea { padding: 0; border:0;} h1,h2,h3,h4,h5,h6,p,li,th,td { font-weight: var(--fw-default); a { color: var(--c-link); }} h1 { font-size: var(--fs-3xl); @media (max-width: 1024px) { font-size: var(--fs-3xl-sp); }} h2 { font-size: var(--fs-2xl); @media (max-width: 1024px) { font-size: var(--fs-2xl-sp); }} h3 { font-size: var(--fs-xl); @media (max-width: 1024px) { font-size: var(--fs-xl-sp); }} h4 { font-size: var(--fs-md); @media (max-width: 1024px) { font-size: var(--fs-xs-sp); }} h5 { font-size: var(--fs-2xs); @media (max-width: 1024px) { font-size: var(--fs-2xs-sp); }} h6 { font-size: var(--fs-3xs); @media (max-width: 1024px) { font-size: var(--fs-3xs-sp); }} ul { padding: 0; list-style: none;} p,li { font-size: var(--fs-md);} p { line-height: var(--p-line-height);} a { color: var(--c-link); text-decoration: none; &:hover { text-decoration: none; cursor: pointer; opacity: .8; }} button,textarea,select { display: block; appearance: none; -webkit-appearance: none; -moz-appearance: none;} textarea { resize: none;} .wpcf7-response-output { margin: var(--spc-8) 0 0; padding: var(--spc-4) var(--spc-6); border: .1rem solid var(--c-success); border-radius: .4rem; font-size: var(--fs-sm); color: var(--c-success); @media (max-width: 1024px) { font-size: var(--fs-sm-sp); }}
.l-borders { position: absolute; inset: 0; display: flex; justify-content: space-between; z-index: -1; & > span { display: block; width: .1rem; height: 100%; background-color: var(--c-black-100); &:first-of-type, &:last-of-type { visibility: hidden; } } &.--reverse > span { background-color: var(--c-black-800); }}
.l-container { max-width: var(--container-max-width); margin-inline: auto; padding-inline: var(--container-padding); container: layoutContainer / inline-size; @media (max-width: 600px) { padding-inline: var(--container-padding-sp); } &.--nav { padding-left: var(--spc-60); @media (max-width: 1024px) { padding-left: var(--container-padding); } @media (max-width: 600px) { padding-left: var(--container-padding-sp); } }}
.l-contentsSection + .l-contentsSection { margin-top: var(--spc-24);} .l-contentsSection-head { display: flex; align-items: center; gap: var(--spc-6); &::after { content: ''; flex: 1; height: .1rem; background-color: var(--c-black); }} .l-contentsSection-content { display: flex; flex-direction: column; gap: var(--spc-6); margin-top: var(--spc-12);} .l-contentsSection__repeat { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--spc-6); @media (max-width: 768px) { grid-template-columns: 1fr; gap: var(--spc-4); }}
.l-footer { position: relative; width: 100%;}
.l-hero { padding-top: var(--spc-32);} .l-hero-inner { display: grid; grid-template-columns: 1fr auto; gap: var(--spc-16); max-width: 100%; overflow: hidden; @media (max-width: 768px) { grid-template-columns: 1fr; gap: var(--spc-8); }} .l-hero-head { grid-column: 2 / 3; grid-row: 1 / 3; @media (max-width: 768px) { grid-column: 1 / 2; grid-row: 1 / 2; }} .l-hero-content { grid-column: 1 / 2; grid-row: 1 / 2; flex: 1; padding-top: var(--spc-24); @media (max-width: 768px) { grid-column: 1 / 2; grid-row: 2 / 3; padding-top: 0; }} .l-hero-bottom { padding-bottom: var(--spc-16);} .l-hero__title { writing-mode: vertical-rl; text-orientation: upright; @media (max-width: 768px) { writing-mode: horizontal-tb; text-orientation: none; } & > span { display: block; margin-top: 1em; @media (max-width: 768px) { margin-top: 0; } }}
.l-main { flex: 1; position: relative; width: 100%;}
.l-section { position: relative; padding-block: var(--spc-24); z-index: 0; @media (max-width: 768px) { padding-block: var(--spc-16); }} 
.card { display: flex; flex-direction: column; gap: var(--spc-4); background-color: var(--c-white); padding: var(--spc-5) var(--spc-6);} .card-content { display: flex; flex-direction: column; gap: var(--spc-1);}
.btn { display: grid; grid-template-columns: auto auto; gap: .75em; position: relative; width: fit-content; padding: 1em 1.75em 1.25em 1.75em; border-left: .2rem solid var(--c-black); border-bottom: .2rem solid var(--c-black); color: var(--c-gray-600); overflow: hidden; z-index: 0; &:hover { color: var(--c-white); opacity: 1; &::before { width: 100%; } span { color: var(--c-white); } svg { fill: var(--c-white); } } &::before { content: ''; position: absolute; inset: 0 auto 0 0; width: 0; background-color: var(--c-black); z-index: -1; pointer-events: none; } span { grid-column: 1 / 3; font-size: clamp(var(--fs-3xs), .75em, var(--fs-2xs)); font-family: var(--ff-en); font-weight: var(--fw-en); line-height: 1em; position: relative; } svg { width: 1.5em; height: 1.5em; position: relative; } input { position: absolute; inset: 0; opacity: 0; } &.--block { width: 100%; }}
.checkbox { & > span { margin: 0; label { display: flex; gap: var(--spc-2); width: fit-content; cursor: pointer; input { width: fit-content; } span { color: var(--c-black-900); } } }}
.onestop { display: flex; align-items: center; gap: var(--spc-6); @media (max-width: 1024px) { gap: var(--spc-4); }}.onestop-head { width: 11.8rem; animation: rotate 30s linear infinite; @media (max-width: 1024px) { width: 7.2rem; }}.onestop-content { width: 9.2rem; @media (max-width: 1024px) { width: 6.4rem; }} @keyframes rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}
.text-3xl { font-size: var(--fs-3xl); @media (max-width: 1024px) { font-size: var(--fs-3xl-sp); }} .text-2xl { font-size: var(--fs-2xl); @media (max-width: 1024px) { font-size: var(--fs-2xl-sp); }} .text-xl { font-size: var(--fs-xl); @media (max-width: 1024px) { font-size: var(--fs-xl-sp); }} .text-lg { font-size: var(--fs-lg); @media (max-width: 1024px) { font-size: var(--fs-lg-sp); }} .text-md { font-size: var(--fs-md); @media (max-width: 1024px) { font-size: var(--fs-md-sp); }} .text-sm { font-size: var(--fs-sm); @media (max-width: 1024px) { font-size: var(--fs-sm-sp); }} .text-xs { font-size: var(--fs-xs); @media (max-width: 1024px) { font-size: var(--fs-xs-sp); }} .text-2xs { font-size: var(--fs-2xs); @media (max-width: 1024px) { font-size: var(--fs-2xs-sp); }} .text-3xs { font-size: var(--fs-3xs); @media (max-width: 1024px) { font-size: var(--fs-3xs-sp); }} .text-en { font-family: var(--ff-en); font-weight: var(--fw-en);} .text-bold { font-weight: var(--fw-bold);}
.form { max-width: 60rem; & + .form { margin-top: var(--spc-6); } &.--required { .form-head { display: flex; gap: var(--spc-2); &::after { content: '必須'; height: 1.5em; padding-inline: .25em; border: solid .1rem var(--c-danger); font-size: min(var(--fs-3xs), .75em); line-height: 1.5em; color: var(--c-danger); } } } &.--short { .form-content { max-width: 32rem; } }} .form-head { align-items: center; color: var(--c-black-900); & + .form-content { margin-top: var(--spc-1); }} .form-content > span { display: block;} .form-content input,.form-content textarea { display: block; width: 100%; padding: var(--spc-2); background-color: var(--c-black-100);} .form__description { color: var(--c-gray); & + * { margin-top: var(--spc-2); }}
.brackets span { position: relative; &::before, &::after { content: ''; position: absolute; top: 0; bottom: 0; margin: auto; background-color: var(--c-black); } &::before { width: 1em; } &::after { height: 1em; } &.--before { margin-left: .1em; &::before, &::after { left: 0; transform: translate(-.075em, 0); } &::before { bottom: 1em; } } &.--after { margin-right: .1em; &::before, &::after { right: 0; transform: translate(.075em, .075em); } &::before { top: 1em; } }} .brackets.--border-1 span { &::before { height: .1rem; } &::after { width: .1rem; }} .brackets.--border-2 span { &::before { height: .2rem; } &::after { width: .2rem; }}
.business-head { display: flex; flex-wrap: wrap; align-items: center; gap: var(--spc-6); @media (max-width: 1024px) { gap: var(--spc-4); } & + .business-content { margin-top: var(--spc-3); }} .business-content { background-color: var(--c-white);} .business__thumb { width: 12rem; @media (max-width: 1024px) { width: 9.6rem; }} .business__title span { display: block;} .business__item { padding: var(--spc-3) var(--spc-4); & + .business__item { border-top: .1rem solid var(--c-black-100); }}
.wpcontents { * { &:first-child { margin-top: 0; } & + * { margin-top: var(--spc-4); } } h2, h3, h4, h5, h6 { color: var(--c-black-900); } h2 { margin-top: var(--spc-16); font-size: var(--fs-xl); @media (max-width: 1024px) { margin-top: var(--spc-12); font-size: var(--fs-xl-sp); } } h3 { font-size: var(--fs-lg); @media (max-width: 1024px) { font-size: var(--fs-lg-sp); } } h4 { font-size: var(--fs-md); @media (max-width: 1024px) { font-size: var(--fs-md-sp); } } h5 { font-size: var(--fs-2xs); @media (max-width: 1024px) { font-size: var(--fs-2xs-sp); } } h6 { font-size: var(--fs-3xs); @media (max-width: 1024px) { font-size: var(--fs-3xs-sp); } } p, li, th, td { font-size: var(--fs-sm); @media (max-width: 1024px) { font-size: var(--fs-sm-sp); } } th { text-align: center; } ul, ol { padding-left: 2em; } ul { list-style-type: disc; } ol { & > li { & + li { margin-top: var(--spc-6); } } } li { line-height: var(--line-height); } hr { margin-block: var(--spc-12); border-width: .1rem; border-color: var(--c-black-100); } .wp-block-table { margin-inline: auto; }}
.gnav { position: fixed; inset: 0 0 auto auto; z-index: var(--z-40);}.gnav-inner { display: flex; align-items: center; gap: var(--spc-8); padding: var(--spc-10); @media (max-width: 600px) { padding: var(--spc-6); }}.gnav__list { display: flex; align-items: center; gap: var(--spc-8); & > li { &.--icon > a { width: 2.4rem; } & > a { display: block; color: var(--c-black); } }}.gnav__menu { display: flex; align-items: center; cursor: pointer; &:hover { background-color: var(--c-gray-300); .gnav__menu-content > span { width: 100%; transition: width 0.2s cubic-bezier(0.4,0,0.2,1); } }}.gnav__menu-head { font-size: var(--fs-3xs); line-height: 1em; color: var(--c-black);}.gnav__menu-content { flex: 1; display: flex; flex-direction: column; gap: var(--spc-1); margin-top: var(--spc-1); @media (max-width: 1024px) { margin-top: var(--spc-1); } & > span { display: block; height: 0.2rem; margin-left: auto; background-color: var(--c-black); transition: width 0.4s cubic-bezier(0.4,0,0.2,1); &:nth-child(1) { width: 100%; } &:nth-child(2) { width: 66%; } &:nth-child(3) { width: 33%; } }} .gnavLogo { position: fixed; inset: 0 auto auto 0; padding: var(--spc-6); z-index: var(--z-40);} .gnavLogo__logo { display: block; width: 7.2rem; @media (max-width: 600px) { width: 6.4rem; }} .gnavLogo__menu { margin-top: var(--spc-4); @media (max-width: 1024px) { display: none; }} .gnavLogo__menu-head + .gnavLogo__menu-content { margin-top: var(--spc-4); padding-top: var(--spc-4); border-top: .1rem solid var(--c-black-100);} .gnavLogo__menu-content { display: flex; flex-direction: column; gap: var(--spc-3); & > li > a { display: block; color: var(--c-black); }}
.contacts.--left .contacts__title,.contacts.--left .contacts__desc,.contacts.--left .contacts__tel * { text-align: left;} .contacts.--left .contacts__others { justify-content: flex-start;} .contacts-inner { display: flex; flex-direction: column; gap: var(--spc-8);} .contacts__title,.contacts__desc,.contacts__tel * { text-align: center;} .contacts__btn { display: flex; justify-content: center;} .contacts__tel-content a { display: block; color: var(--c-black);} .contacts__others { display: flex; justify-content: center; align-items: center; gap: var(--spc-4); & > li { width: 4.8rem; & > a { display: block; } }}
.gnavMenuModal { position: fixed; inset: 0; z-index: var(--z-50); display: flex; align-items: flex-start; justify-content: center; transition: opacity 0.3s; opacity: 0; pointer-events: none; overflow-y: scroll;}.gnavMenuModal.is-opened { opacity: 1; pointer-events: auto; .gnavMenuModal-inner { transform: translateY(0); opacity: 1; }}.gnavMenuModal-inner { display: flex; flex-direction: column; gap: var(--spc-12); width: 100%; min-height: 100%; height: fit-content; padding: var(--spc-12); background-color: rgba(var(--c-white-rgb), .9); transform: translateY(calc(var(--spc-10) * -1)); backdrop-filter: blur(var(--spc-3)); @media (max-width: 1024px) { padding: var(--spc-8); } @media (max-width: 480px) { gap: var(--spc-8); padding: var(--container-padding-sp); }} .gnavMenuModal-head { display: flex; align-items: flex-start; justify-content: space-between;} .gnavMenuModal-content { flex: 1; display: flex; flex-direction: column; gap: var(--spc-4);} .gnavMenuModal-content-inner { display: flex; flex-wrap: wrap; justify-content: flex-start; column-gap: var(--spc-8); row-gap: var(--spc-4); @media (max-width: 768px) { flex-direction: column; row-gap: var(--spc-8); }} .gnavMenuModal__logo { display: block; width: 7.2rem;} .gnavMenuModal__close { width: 2.4rem; &:hover > img { transform: rotate(90deg); }} .gnavMenuModal__col > a { display: flex; flex-direction: column; gap: var(--spc-1); width: 100%; max-width: 32rem; position: relative; padding: 0 var(--spc-8) var(--spc-4) 0; overflow: hidden; &::after { content: ''; position: absolute; inset: auto auto 0 0; width: 100%; height: .2rem; background-color: var(--c-black); transition: none; pointer-events: none; } &:hover::after { animation: underline-restart 0.6s cubic-bezier(.77,0,.18,1) forwards; }} @keyframes underline-restart { 0% { left: 0; width: 100%; } 40% { left: 100%; width: 0; } 41% { left: 0; width: 0; } 100% { left: 0; width: 100%; }} .gnavMenuModal__others + .gnavMenuModal__copyright { margin-top: var(--spc-6);} .gnavMenuModal__copyright { color: var(--c-black-800);}
.footerNav { display: flex; flex-wrap: wrap; flex-direction: row-reverse; @media (max-width: 768px) { display: block; } & > * { flex: 1; }} .footerNav-inner { display: flex; flex-direction: column; background-color: var(--c-black);} .footerNav-head,.footerNav-content { padding-inline: var(--container-padding); @media (max-width: 768px) { padding-inline: var(--container-padding-sp); } * { color: var(--c-white); }} .footerNav-head { padding-block: var(--spc-8);} .footerNav-content { flex: 1; display: grid; grid-template-columns: auto 1fr; grid-template-rows: 1fr auto; align-items: end; column-gap: var(--spc-8); row-gap: var(--spc-4); padding-top: var(--spc-20); border-top: .1rem solid var(--c-black-900); & > .g-logo { grid-column: 1 / 2; grid-row: 1 / 3; width: 6.4rem; @media (max-width: 768px) { width: 4.8rem; } & > a { display: block; } } & > .g-nav { & > ul { display: flex; flex-wrap: wrap; gap: var(--spc-4); & > li > a { display: block; } } } & > .g-others > ul { display: flex; flex-wrap: wrap; gap: var(--spc-4); & > li { width: 2.4rem; & > a { display: block; } } }} .footerNav-bottom { padding: var(--spc-8); color: var(--c-black-800);} .footerNav__address + .footerNav__tel { margin-top: var(--spc-2);} .footerNav__tel + .footerNav__company { margin-top: var(--spc-8);} .footerNav__map { aspect-ratio: 16 / 9; overflow: hidden; @media (max-width: 768px) { aspect-ratio: 1 / 1; } iframe { display: block; width: 100%; height: 100%; margin: 0; aspect-ratio: 16 / 9; @media (max-width: 768px) { aspect-ratio: 1 / 1; } }}
.a-fadeInUp { opacity: 0; transform: translateY(var(--spc-6)); transition: opacity .4s cubic-bezier(.4,0,.2,1) .3s, transform .8s cubic-bezier(.4,0,.2,1) .3s; &.is-inview { opacity: 1; transform: translateY(0); }}
.u-hidden-3xl { @media (max-width: 1440px) { display: none!important; }} .u-hidden-2xl { @media (max-width: 1280px) { display: none!important; }} .u-hidden-xl { @media (max-width: 1024px) { display: none!important; }} .u-hidden-lg { @media (max-width: 768px) { display: none!important; }} .u-hidden-md { @media (max-width: 600px) { display: none!important; }} .u-hidden-sm { @media (max-width: 480px) { display: none!important; }} .u-hidden-xs { @media (max-width: 414px) { display: none!important; }} .u-hidden-2xs { @media (max-width: 375px) { display: none!important; }} .u-hidden-3xs { @media (max-width: 320px) { display: none!important; }}
.u-visible-3xl { display: none!important; @media (max-width: 1440px) { display: block!important; }} .u-visible-2xl { display: none!important; @media (max-width: 1280px) { display: block!important; }} .u-visible-xl { display: none!important; @media (max-width: 1024px) { display: block!important; }} .u-visible-lg { display: none!important; @media (max-width: 768px) { display: block!important; }} .u-visible-md { display: none!important; @media (max-width: 600px) { display: block!important; }} .u-visible-sm { display: none!important; @media (max-width: 480px) { display: block!important; }} .u-visible-xs { display: none!important; @media (max-width: 414px) { display: block!important; }} .u-visible-2xs { display: none!important; @media (max-width: 375px) { display: block!important; }} .u-visible-2xs { display: none!important; @media (max-width: 320px) { display: block!important; }}