@charset "UTF-8";

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
menu,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
main,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section {
    display: block
}

*[hidden] {
    display: none
}

body {
    line-height: 1
}

menu,
ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@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,
swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
    box-sizing: content-box
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translateZ(0)
}

.swiper-horizontal {
    touch-action: pan-y
}

.swiper-vertical {
    touch-action: pan-x
}

.swiper-slide,
swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
    display: block
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px
}

.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-3d {
    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 {
    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, .15)
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom, rgba(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 {
    scroll-snap-type: x mandatory
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory
}

.swiper-centered>.swiper-wrapper:before {
    content: "";
    flex-shrink: 0;
    order: 9999
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
    scroll-snap-stop: always
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    -webkit-margin-start: var(--swiper-centered-offset-before);
    margin-inline-start: 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 {
    -webkit-margin-before: var(--swiper-centered-offset-before);
    margin-block-start: var(--swiper-centered-offset-before)
}

.swiper-centered.swiper-vertical>.swiper-wrapper:before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after)
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
swiper-container:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

html {
    word-wrap: break-word;
    scroll-behavior: smooth
}

body {
	color: #000;
	font-family: 'Manrope', YakuHanJP, 'Noto Sans JP',"游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	font-size:  1.6rem;
	min-width: auto;
	overflow-x: hidden;
}

/*
body {
    font-family: Noto Sans JP, \6e38\30b4\30b7\30c3\30af\4f53, YuGothic, \6e38\30b4\30b7\30c3\30af Medium, Yu Gothic Medium, \6e38\30b4\30b7\30c3\30af, Yu Gothic, sans-serif;
    line-height: 1.6666666667;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    color: #333;
    padding-bottom: 50px
}
*/

@media only screen and (min-width: 768px) {
    body {
        padding-bottom: 80px
    }
}

* {
    box-sizing: border-box
}

p {
     margin-bottom: 1.6666666667em 
}

a {
    color: inherit
}

hr {
    border: none;
    border-top: 1px solid #1ca700
}

strong {
    font-weight: 700
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle
}

picture {
    display: inline-block
}

#header {
    overflow: hidden
}

#header .inner {
    width: 100%;
    max-width: 950px;
    margin: 0 auto
}

@media screen and (min-width: 641px) {
    #header .inner {
        display: flex;
        align-items: flex-end;
        justify-content: center
    }

    #header h1 {
        width: 18.31%;
        text-align: right
    }

    #header h1 img {
        width: 90.59%
    }

    #header p {
        margin-left: 1.5em;
        position: relative;
        bottom: .6em
    }
}

@media screen and (max-width: 640px) {
    #header h1 {
        width: 34.22%;
        float: left;
        text-align: right
    }

    #header h1 img {
        width: 90.59%
    }

    #header p {
        width: 63.75%;
        float: right;
        padding-top: 4.5%
    }

    #header p img {
        width: 95.9%
    }
}

@media screen and (min-width: 641px) {
    #footer {
        background: #fff;
        margin: 1% 0 0;
        padding-top: 1%;
        border-top: 5px solid #a5cf41
    }

    #footer ul {
        text-align: center;
        font-size: 13px;
        line-height: 18px
    }

    #footer ul li {
        display: inline-block;
        float: none;
        border-right: 1px solid #000;
        padding: 0 5px
    }

    #footer ul li.blnk {
        background: url(../images/icon_blank_s.png) 94% center no-repeat;
        padding-right: 25px
    }

    #footer ul li a {
        color: #444;
        text-decoration: none
    }

    #footer ul li a:hover {
        text-decoration: underline
    }

    #footer .copyright {
        color: #444;
        text-align: center;
        padding-top: 1%;
        padding-bottom: 2%;
        font-size: 13px;
        line-height: 18px
    }
}

@media screen and (max-width: 640px) {
    #footer {
        background: #fff;
        margin: 2% 0 0;
        padding-top: 2%;
        border-top: 5px solid #a5cf41
    }

    #footer ul {
        text-align: center;
        font-size: 2.8vw;
        line-height: 3.6vw
    }

    #footer ul li {
        display: inline-block;
        float: none;
        border-right: 1px solid #000;
        padding: 0 5px
    }

    #footer ul li.blnk {
        background: url(../images/icon_blank_s.png) 94% center no-repeat;
        padding-right: 25px
    }

    #footer ul li a {
        color: #444;
        text-decoration: none
    }

    #footer ul li a:hover {
        text-decoration: underline
    }

    #footer .copyright {
        color: #444;
        text-align: center;
        padding-top: 2.5%;
        padding-bottom: 3%;
        font-size: 2.8vw;
        line-height: 3.6vw
    }
}

.wrapper {
    max-width: 1100px;
    padding-left: 20px;
    padding-right: 20px
}

.section-header {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../images/heading_bg_sp.png);
    color: #fff;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative
}

@media only screen and (min-width: 640px) {
    .section-header {
        background-image: url(../images/heading_bg.png);
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.section-header:before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 24px;
    height: 21px;
    background-image: url(../images/heading_down.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    bottom: -20px;
    left: calc(50% - 12px)
}

.section-header a {
    text-decoration: none;
    border-bottom: 1px solid #FFF;
    display: inline-block
}

.section-header--plain {
    background-image: none;
    background-color: #1ca700
}

.link-text-movie {
    font-size: 3.4666666667vw
}

@media only screen and (min-width: 640px) {
    .link-text-movie {
        font-size: 24px
    }
}

.mv {
    background-image: url(../images/fv/main_bg_sp.png)
}

@media only screen and (min-width: 640px) {
    .mv {
        background-image: url(../images/fv/main_bg_pc.png)
    }
}

.hero-icon-circle {
    background-color: #fff;
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    vertical-align: middle
}

@media only screen and (min-width: 640px) {
    .hero-icon-circle {
        width: 25px;
        height: 25px
    }
}

.hero-icon-circle img {
    width: 10px;
    height: 6px
}

.panel-bg {
    background-color: #e8f6e5
}

.reason-list {
    margin-left: -5px;
    margin-right: -5px
}

@media only screen and (min-width: 640px) {
    .reason-list {
        margin-left: -15px;
        margin-right: -15px
    }
}

@media print,
screen and (min-width: 1024px) {
    .reason-list {
        margin-left: -30px;
        margin-right: -30px
    }
}

.reason-list>* {
    text-align: center;
    padding-left: 5px;
    padding-right: 5px
}

@media only screen and (min-width: 640px) {
    .reason-list>* {
        padding-left: 15px;
        padding-right: 15px
    }
}

@media print,
screen and (min-width: 1024px) {
    .reason-list>* {
        padding-left: 30px;
        padding-right: 30px
    }
}

.reason-header-obj {
    position: absolute;
    width: 32.1333333333vw;
    right: 10px;
    top: -10px
}

@media only screen and (min-width: 640px) {
    .reason-header-obj {
        width: 180px;
        right: 30px;
        top: -30px
    }
}

@media print,
screen and (min-width: 1024px) {
    .reason-header-obj {
        width: 235px;
        top: -50px
    }
}

.title-bar {
    background-color: #b8b8b8;
    text-align: center;
    color: #fff;
    padding-top: .3em;
    padding-bottom: .3em;
    font-size: 14px
}

@media only screen and (min-width: 640px) {
    .title-bar {
        font-size: 24px
    }
}

#devices-gallery {
    position: relative;
    margin-left: 40px;
    margin-right: 40px
}

#devices-gallery .swiper-controls .swiper-button {
    display: inline-block;
    height: 38px;
    width: 38px;
    background-color: #000;
    border-radius: 100%;
    position: absolute;
    z-index: 10;
    top: calc(50% - 19px);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: center center
}

#devices-gallery .swiper-controls .swiper-button-prev {
    background-image: url(../images/slide_left.png);
    left: -30px
}

#devices-gallery .swiper-controls .swiper-button-next {
    background-image: url(../images/slide_right.png);
    right: -30px
}

#devices-gallery .swiper-controls .swiper-button-disabled {
    display: none
}

.device-panel {
    box-shadow: 12px 12px 10px #6a67631c
}

.device-outro-fig figcaption {
    font-size: 10px;
    top: 81%;
    left: 39.8%;
}

@media only screen and (min-width: 640px) {
    .device-outro-fig figcaption {
        font-size: 13px;
        top: 80%;
        left: 69%;
    }
}

.fixed {
    background-color: #d9d9d980;
    position: fixed;
    z-index: 1000;
    bottom: -100%;
    left: 0;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    transition: bottom ease-in 1s
}

@media only screen and (min-width: 640px) {
    .fixed-list li {
        padding-left: 15px;
        padding-right: 15px
    }
}

.is-scrolled .fixed {
    bottom: 0
}

.fixed {
    position: fixed
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.-mx-\[20px\] {
    margin-left: -20px;
    margin-right: -20px
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.my-5 {
    margin-top: 1.25rem;
    margin-bottom: 1.25rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-10 {
    margin-bottom: 2.5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-3 {
    margin-bottom: .75rem
}

.mb-4 {
    margin-bottom: 1rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-8 {
    margin-bottom: 2rem
}

.mb-\[20px\] {
    margin-bottom: 20px
}

.mb-\[30px\] {
    margin-bottom: 30px
}

.mb-\[40px\] {
    margin-bottom: 40px
}

.mt-3 {
    margin-top: .75rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-6 {
    margin-top: 1.5rem
}

.box-border {
    box-sizing: border-box
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.flex {
    display: flex
}

.hidden {
    display: none
}

.aspect-\[1173\/721\] {
    aspect-ratio: 1173/721
}

.aspect-\[206\/85\] {
    aspect-ratio: 206/85
}

.aspect-\[596\/40\] {
    aspect-ratio: 596/40
}

.w-\[30\.6vw\] {
    width: 30.6vw
}

.w-\[33\.33\%\] {
    width: 33.33%
}

.w-\[39\.3vw\] {
    width: 39.3vw
}

.w-\[50\%\] {
    width: 50%
}

.w-\[58\.1vw\] {
    width: 58.1vw
}

.w-\[63\.2vw\] {
    width: 63.2vw
}

.w-\[74\.1vw\] {
    width: 74.1vw
}

.w-full {
    width: 100%
}

.flex-wrap {
    flex-wrap: wrap
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

.justify-between {
    justify-content: space-between
}

.overflow-hidden {
    overflow: hidden
}

.border-b {
    border-bottom-width: 1px
}

.border-solid {
    border-style: solid
}

.border-b-\[\#FFF\] {
    --tw-border-opacity: 1;
    border-bottom-color: rgb(255 255 255 / var(--tw-border-opacity))
}

.border-t-primary {
    --tw-border-opacity: 1;
    border-top-color: rgb(28 167 0 / var(--tw-border-opacity))
}

.bg-cover {
    background-size: cover
}

.bg-center {
    background-position: center
}

.bg-no-repeat {
    background-repeat: no-repeat
}

.p-4 {
    padding: 1rem
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-\[20px\] {
    padding-left: 20px;
    padding-right: 20px
}

.px-\[30px\] {
    padding-left: 30px;
    padding-right: 30px
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-\[20px\] {
    padding-bottom: 20px
}

.pl-\[20px\] {
    padding-left: 20px
}

.pt-0 {
    padding-top: 0
}

.text-left {
    text-align: left
}

.text-center {
    text-align: center
}

.text-\[10px\] {
    font-size: 10px
}

.text-\[12px\] {
    font-size: 12px
}

.text-\[14px\] {
    font-size: 14px
}

.text-\[25px\] {
    font-size: 25px
}

.font-bold {
    font-weight: 700
}

.leading-none {
    line-height: 1
}

.text-\[\#FFF\] {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity))
}

.text-error {
    --tw-text-opacity: 1;
    color: rgb(222 26 43 / var(--tw-text-opacity))
}

.no-underline {
    text-decoration-line: none
}

@media (min-width: 640px) {
    .sm\:-ml-\[78px\] {
        margin-left: -78px
    }

    .sm\:mb-0 {
        margin-bottom: 0
    }

    .sm\:mb-14 {
        margin-bottom: 3.5rem
    }

    .sm\:mb-4 {
        margin-bottom: 1rem
    }

    .sm\:mb-5 {
        margin-bottom: 1.25rem
    }

    .sm\:mb-6 {
        margin-bottom: 1.5rem
    }

    .sm\:mb-\[40px\] {
        margin-bottom: 40px
    }

    .sm\:mt-10 {
        margin-top: 2.5rem
    }

    .sm\:mt-14 {
        margin-top: 3.5rem
    }

    .sm\:block {
        display: block
    }

    .sm\:hidden {
        display: none
    }

    .sm\:w-\[418px\] {
        width: 418px
    }

    .sm\:w-\[440px\] {
        width: 440px
    }

    .sm\:w-\[470px\] {
        width: 470px
    }

    .sm\:w-\[594px\] {
        width: 594px
    }

    .sm\:justify-center {
        justify-content: center
    }

    .sm\:px-\[20px\] {
        padding-left: 20px;
        padding-right: 20px
    }

    .sm\:px-\[52px\] {
        padding-left: 52px;
        padding-right: 52px
    }

    .sm\:py-7 {
        padding-top: 1.75rem;
        padding-bottom: 1.75rem
    }

    .sm\:py-\[30px\] {
        padding-top: 30px;
        padding-bottom: 30px
    }

    .sm\:pb-0 {
        padding-bottom: 0
    }

    .sm\:pb-\[40px\] {
        padding-bottom: 40px
    }

    .sm\:pb-\[50px\] {
        padding-bottom: 50px
    }

    .sm\:pb-\[60px\] {
        padding-bottom: 60px
    }

    .sm\:pr-\[190px\] {
        padding-right: 190px
    }

    .sm\:pt-\[30px\] {
        padding-top: 30px
    }

    .sm\:pt-\[50px\] {
        padding-top: 50px
    }

    .sm\:text-\[12px\] {
        font-size: 12px
    }

    .sm\:text-\[14px\] {
        font-size: 14px
    }

    .sm\:text-\[28px\] {
        font-size: 28px
    }

    .sm\:text-\[50px\] {
        font-size: 50px
    }
}

@media (min-width: 768px) {
    .md\:w-\[255px\] {
        width: 255px
    }
}

@media (min-width: 1024px) {
    .lg\:w-\[804px\] {
        width: 804px
    }

    .lg\:px-0 {
        padding-left: 0;
        padding-right: 0
    }

    .lg\:text-center {
        text-align: center
    }
}