@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500..700&display=swap");
main ul {
padding: initial;
margin: initial;
}
main li {
list-style: none;
}
main h1,
main h2,
main h3,
main h4,
main h5 {
margin: initial;
}
main p {
margin: initial;
}
.l-contents *{
font-family: "Noto Sans JP", sans-serif;
}
@media screen and (min-width: 681px) {
.l-contents {
min-width: 1040px;
}
} .l-section {
background: #e9eef1;
}
.l-inner {
max-width: 1000px;
margin-inline: auto;
padding: 100px 20px;
box-sizing: content-box;
}
@media screen and (max-width: 680px) {
.l-inner {
padding: 50px 10px;
}
}
.l-inner.--ptnone {
padding: 0 20px 100px;
}
@media screen and (max-width: 680px) {
.l-inner.--ptnone {
padding: 0 10px 50px;
}
}
.c-button {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
padding-inline: 70px;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.05em;
white-space: nowrap;
transition: color 0.2s ease-out;
position: relative;
}
@media screen and (max-width: 680px) {
.c-button {
padding-inline: 30px;
font-size: 14px;
}
}
.c-button::after {
content: "";
position: absolute;
right: 20px;
top: 50%;
translate: 0 -50%;
background-repeat: no-repeat;
background-size: cover;
z-index: 10;
}
.c-button--accent {
color: #fff;
background: #03a0a1;
border-color: #03a0a1;
}
.c-button--accent:hover {
opacity: 0.5;
transition: 0.3s;
}
.c-button--accent::after {
width: 8px;
aspect-ratio: 10/18;
background-image: url(/img/home/common/icon-arrow.svg);
background-repeat: no-repeat;
background-size: contain;
}
.p-cta__button:hover,
.c-button:hover{
color:#fff;
text-decoration: none;
}
.c-buttonFlex {
display: flex;
justify-content: center;
align-items: center;
gap: 40px;
}
@media screen and (max-width: 680px) {
.c-buttonFlex {
flex-direction: column;
gap: 15px;
}
}
.c-buttonWrapper {
width: 100%;
max-width: 248px;
height: 42px;
}
.c-buttonCenter {
width: 100%;
max-width: 248px;
height: 42px;
margin: 0 auto;
}
.c-buttonCta {
height: 80px;
width: 447px;
margin: 0 auto;
}
@media screen and (max-width: 680px) {
.c-buttonCta {
width: 100%;
max-width: 360px;
height: 60px;
}
}
.c-title {
font-size: 28px;
line-height: 1.62;
font-weight: bold;
letter-spacing: 0.1em;
padding-bottom: 22px;
white-space: nowrap;
position: relative;
}
@media screen and (max-width: 680px) {
.c-title {
font-size: 24px;
white-space: normal;
}
}
.c-title::after {
position: absolute;
content: "";
width: 60px;
height: 4px;
background: linear-gradient(45deg, #03999a, #03c3ba);
left: 0;
bottom: 0;
}
.c-title span {
font-size: 40px;
}
@media screen and (max-width: 680px) {
.c-title span {
font-size: 30px;
}
}
.c-title.--afcenter::after {
left: 50%;
transform: translateX(-50%);
}
.c-title__mb {
line-height: 1.2;
margin-bottom: 36px;
padding-bottom: 0;
}
.c-title__mb::after {
display: none;
}
@media screen and (max-width: 680px) {
.c-title__mb {
margin-bottom: 20px;
}
}
.c-titleCta {
font-size: 26px;
line-height: 1.62;
font-weight: bold;
letter-spacing: 0.1em;
padding-bottom: 80px;
color: #fff;
text-align: center;
}
@media screen and (max-width: 680px) {
.c-titleCta {
font-size: 18px;
padding-bottom: 36px;
}
}
.c-subtitle {
color: #03a0a1;
font-size: 22px;
font-weight: bold;
margin-bottom: 26px;
line-height: 1.4;
letter-spacing: 0.08em;
}
@media screen and (max-width: 680px) {
.c-subtitle {
font-size: 24px;
line-height: 1.62;
font-weight: bold;
margin-bottom: 20px;
}
}
.c-text {
font-size: 15px;
line-height: 1.9;
font-weight: 500;
letter-spacing: 0.05em;
}
.c-text::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 2.1) * 0.5em);
}
.c-text::after {
content: "";
display: block;
height: 0;
width: 0;
margin-bottom: calc((1 - 2.1) * 0.5em);
}
@media screen and (max-width: 680px) {
.c-text {
font-size: 14px;
}
}
.c-textL {
font-size: 18px;
font-weight: bold;
line-height: 1.3;
letter-spacing: 0.05em;
text-align: center;
}
.c-textL::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.3) * 0.5em);
}
.c-textL::after {
content: "";
display: block;
height: 0;
width: 0;
margin-bottom: calc((1 - 1.3) * 0.5em);
}
@media screen and (max-width: 680px) {
.c-textL {
font-size: 12px;
}
}
.c-flex {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.c-flex-j-space {
justify-content: space-between;
}
.c-flex-j-center {
justify-content: center;
}
.c-flex-a-start {
align-items: flex-start;
}
.c-flex-nowrap {
flex-wrap: nowrap !important;
}
.c-flex-auto {
flex: 1;
}
.p-mv {
width: 100%;
height: 660px;
background-color: #000;
font-feature-settings: "palt";
position: relative;
}
@media screen and (max-width: 680px) {
.p-mv {
height: 470px;
}
}
.p-mv__video {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
position: relative;
}
.p-mv__video video {
height: 100%;
width: 100%;
}
@media screen and (max-width: 680px) {
.p-mv__video video {
object-fit: cover;
}
}
.p-mv__inner {
width: 780px;
box-sizing: content-box;
background: rgba(0, 0, 0, 0.75);
padding: 40px 44px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-sizing: border-box;
}
@media screen and (max-width: 680px) {
.p-mv__inner {
width: 90%;
max-width: 340px;
padding: 25px 20px;
}
}
.p-mv__subtitle {
font-size: 30px;
color: #fff;
letter-spacing: 0.175em;
line-height: 2.63;
font-weight: bold;
text-align: center;
margin-bottom: 25px;
}
.p-mv__subtitle::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 2.63) * 0.5em);
}
.p-mv__subtitle::after {
content: "";
display: block;
height: 0;
width: 0;
margin-bottom: calc((1 - 2.63) * 0.5em);
}
@media screen and (max-width: 680px) {
.p-mv__subtitle {
font-size: 14px;
margin-bottom: 18px;
}
}
.p-mv__title {
text-align: center;
margin-bottom: 32px;
}
@media screen and (max-width: 680px) {
.p-mv__title {
width: 80%;
margin: 0 auto 16px;
}
}
.p-mv__items {
margin-bottom: 24px;
display: flex;
flex-direction: column;
gap: 20px;
}
@media screen and (max-width: 680px) {
.p-mv__items {
border-bottom: 1px solid #fff;
margin-bottom: 15px;
padding-bottom: 15px;
gap: 8px;
}
}
.p-mv__item {
display: flex;
align-items: center;
gap: 10px;
font-size: 26px;
letter-spacing: 0.175em;
font-weight: bold;
color: #03a0a1;
line-height: 22px;
position: relative;
}
.p-mv__item::before {
align-self: flex-start;
content: "";
min-width: 22px;
aspect-ratio: 1;
background: url(/img/home/top/icon-mv-check.svg) no-repeat;
background-size: cover;
}
@media screen and (min-width: 681px) {
.p-mv__item {
white-space: nowrap;
}
}
@media screen and (max-width: 680px) {
.p-mv__item {
font-size: 11px;
line-height: 18px;
letter-spacing: 0.1em;
}
.p-mv__item::before {
min-width: 12px;
margin-top: 3px;
}
}
.p-mv__lists {
display: flex;
justify-content: space-between;
width: 100%;
}
@media screen and (max-width: 680px) {
.p-mv__lists {
flex-direction: column;
gap: 10px;
}
}
.p-mv__list {
display: flex;
align-items: center;
gap: 21px;
}
@media screen and (max-width: 680px) {
.p-mv__list {
width: 100%;
gap: 14px;
}
}
.p-mv__list-img {
display: flex;
align-items: center;
}
@media screen and (max-width: 680px) {
.p-mv__list-img {
width: 25px;
}
}
.p-mv__list-text {
font-size: 21.35px;
font-weight: bold;
color: #fff;
line-height: 1.4;
}
@media screen and (max-width: 680px) {
.p-mv__list-text {
font-size: 12px;
}
}
@media screen and (min-width: 681px) {
.p-mv__list:not(:last-child) {
padding-right: 36px;
position: relative;
}
.p-mv__list:not(:last-child)::after {
position: absolute;
content: "";
width: 1px;
height: 100%;
top: 0;
right: 0;
background: #fff;
}
}
.p-mv__button {
display: flex;
align-items: center;
justify-content: center;
border-radius: 100px;
color: #fff;
background: linear-gradient(45deg, #f36400, #f39900);
width: 100%;
height: 100%;
padding: 0 70px 0 140px;
font-size: 23px;
font-weight: bold;
letter-spacing: 0.075em;
white-space: nowrap;
transition: opacity 0.2s ease-out;
position: relative;
filter: drop-shadow(0 5px 5px rgba(0, 0, 0, 0.2));
}
.p-mv__button:hover{
color:#fff;
text-decoration: none;
}
@media screen and (max-width: 680px) {
.p-mv__button {
justify-content: flex-start;
padding: 0 0 0 70px;
font-size: 15px;
}
}
.p-mv__button::after {
position: absolute;
content: "";
width: 12px;
height: 12px;
right: 22px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
}
@media screen and (max-width: 680px) {
.p-mv__button::after {
width: 8px;
height: 8px;
}
}
.p-mv__button span {
width: 58px;
background: #fff;
border-radius: 3px;
color: #fa6400;
font-size: 19px;
text-align: center;
margin-left: 12px;
line-height: 26px;
}
@media screen and (max-width: 680px) {
.p-mv__button span {
width: 46px;
font-size: 14px;
line-height: 22px;
margin-left: 8px;
}
}
.p-mv__button:hover {
opacity: 0.75;
}
.p-mv__button::before {
position: absolute;
content: "";
width: 118px;
top: 50%;
transform: translateY(-50%);
left: 18px;
aspect-ratio: 118/140;
background-image: url(/img/home/top/img-on-button.webp);
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (max-width: 680px) {
.p-mv__button::before {
width: 64.9px;
left: 0;
}
}
.p-mv__buttonTop {
width: 100%;
max-width: 540px;
margin-inline: auto;
height: 80px;
position: absolute;
bottom: -40px;
left: 50%;
transform: translateX(-50%);
}
@media screen and (max-width: 680px) {
.p-mv__buttonTop {
width: 330px;
height: 54px;
bottom: -27px;
}
}
.p-about {
width: 100%;
padding-top: 20px;
font-feature-settings: "palt";
background: url(/img/home/about/bg-about.svg) no-repeat;
background-size: cover;
}
@media screen and (max-width: 680px) {
.p-about {
padding-top: 10px;
}
}
.p-about__top {
display: flex;
justify-content: space-between;
margin-bottom: 40px;
}
@media screen and (max-width: 680px) {
.p-about__top {
flex-direction: column;
}
}
.p-about__head {
display: flex;
flex-direction: column;
gap: 30px;
width: 550px;
}
@media screen and (max-width: 680px) {
.p-about__head {
margin-bottom: 30px;
width: 100%;
}
}
.p-about__img {
width: 400px;
}
@media screen and (max-width: 680px) {
.p-about__img {
text-align: center;
width: 100%;
}
}
.p-merit {
width: 100%;
font-feature-settings: "palt";
}
.p-merit__items {
display: flex;
justify-content: space-between;
margin-top: 50px;
margin-bottom: 30px;
}
@media screen and (max-width: 680px) {
.p-merit__items {
flex-direction: column;
gap: 40px;
margin-bottom: 40px;
}
}
.p-merit__item {
width: calc(33.3333% - 23.3333333333px);
}
@media screen and (max-width: 680px) {
.p-merit__item {
width: 100%;
}
}
.p-merit__img {
text-align: center;
margin: 0 auto 20px;
}
@media screen and (max-width: 680px) {
.p-merit__img img{
width: auto;
height: 150px;
}
}
.p-merit__accent {
margin-bottom: 16px;
}
.p-merit__box {
background: #fff;
color: #03a0a1;
font-size: 22px;
font-weight: bold;
line-height: 1.27;
text-align: center;
letter-spacing: 0.08em;
margin-bottom: 18px;
height: 70px;
display: flex;
align-items: center;
justify-content: center;
}
@media screen and (max-width: 680px) {
.p-merit__box {
font-size: 18px;
height: 46px;
}
}
.p-feature {
width: 100%;
font-feature-settings: "palt";
background: url(/img/home/feature/bg-feature.svg) no-repeat 50% bottom;
background-size: 100% auto;
}
.p-feature__contents {
display: flex;
flex-direction: row-reverse;
gap: 56px;
margin-bottom: 65px;
}
@media screen and (max-width: 680px) {
.p-feature__contents {
flex-direction: column;
gap: 40px;
margin-bottom: 40px;
}
}
.p-feature__content {
flex-grow: 1;
}
.p-feature__items {
display: flex;
flex-direction: column;
gap: 26px;
margin-top: 24px;
}
.p-feature__title {
color: #03a0a1;
font-size: 22px;
font-weight: bold;
letter-spacing: 0.08em;
margin-bottom: 14px;
display: flex;
align-items: center;
}
@media screen and (max-width: 680px) {
.p-feature__title {
font-size: 18px;
}
}
.p-feature__title::before {
content: "";
width: 22px;
height: 22px;
background: #03a0a1;
border-radius: 50%;
display: inline-block;
text-align: center;
vertical-align: middle;
margin-right: 10px;
}
@media screen and (max-width: 680px) {
.p-feature__title::before {
width: 18px;
height: 18px;
margin-right: 8px;
}
}
.p-feature__img {
max-width: 400px;
display: flex;
flex-direction: column;
gap: 40px;
}
@media screen and (max-width: 680px) {
.p-feature__img {
margin-inline: auto;
gap: 20px;
}
}
.p-cta {
width: 100%;
font-feature-settings: "palt";
background: url(/img/home/common/bg-cta.webp) no-repeat 50%;
background-size: cover;
}
.p-cta__flex {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 46px;
}
@media screen and (max-width: 680px) {
.p-cta__flex {
flex-direction: column;
gap: 36px;
}
}
.p-cta__item {
display: flex;
flex-direction: column;
align-items: center;
gap: 18px;
}
@media screen and (max-width: 680px) {
.p-cta__item {
gap: 15px;
}
}
.p-cta__button {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 100%;
font-weight: bold;
letter-spacing: 0.075em;
padding-inline: 70px;
border: 1px solid #fff;
font-size: 23px;
white-space: nowrap;
transition: color 0.2s ease-out;
position: relative;
}
@media screen and (max-width: 680px) {
.p-cta__button {
padding-inline: 20px;
font-size: 16px;
}
}
.p-cta__button::after {
content: "";
position: absolute;
right: 20px;
top: 50%;
translate: 0 -50%;
width: 10px;
aspect-ratio: 10/18;
background-image: url(/img/home/common/icon-arrow.svg);
background-repeat: no-repeat;
background-size: contain;
z-index: 10;
}
@media screen and (max-width: 680px) {
.p-cta__button::after {
width: 8px;
}
}
.p-cta__button:hover {
opacity: 0.5;
transition: 0.3s;
}
.p-cta__button.--primary {
color: #fff;
background: linear-gradient(45deg, #f36400, #f39900);
}
.p-cta__button.--accent {
color: #fff;
background: linear-gradient(45deg, #03999a, #03c3ba);
}
.p-cta__text {
color: #fff;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.05em;
line-height: 1.6;
}
.p-cta__text::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 1.6) * 0.5em);
}
.p-cta__text::after {
content: "";
display: block;
height: 0;
width: 0;
margin-bottom: calc((1 - 1.6) * 0.5em);
}
@media screen and (max-width: 680px) {
.p-cta__text {
font-size: 16px;
}
}
.p-scene {
width: 100%;
font-feature-settings: "palt";
}
.p-scene__box {
background: #fff;
border-radius: 10px;
padding: 40px 60px 20px;
position: relative;
}
.p-scene__box::after {
position: absolute;
content: "";
width: 84px;
top: 15px;
left: 152px;
aspect-ratio: 84/74;
background-image: url(/img/home/scene/img-top.svg);
background-repeat: no-repeat;
}
@media screen and (max-width: 680px) {
.p-scene__box {
padding: 30px 20px 0;
}
.p-scene__box:after {
width: 63px;
top: 8px;
left: 16px;
}
}
.p-scene__item {
padding-block: 40px;
position: relative;
}
@media screen and (max-width: 680px) {
.p-scene__item {
padding-block: 26px;
}
.p-scene__item:last-child {
padding-top: 20px;
}
}
.p-scene__item:not(:last-child) {
border-bottom: 1px solid #c5c5c5;
}
.p-scene__item:nth-of-type(2)::before {
position: absolute;
content: "";
width: 84px;
aspect-ratio: 84/58;
top: -33px;
right: -25px;
background-image: url(/img/home/scene/img-middle.svg);
background-repeat: no-repeat;
}
@media screen and (max-width: 680px) {
.p-scene__item:nth-of-type(2)::before {
width: 67.2px;
top: -16px;
right: -12px;
}
}
.p-scene__item:nth-of-type(2)::after {
position: absolute;
content: "";
width: 89px;
aspect-ratio: 89/64;
bottom: -28px;
left: -30px;
background-image: url(/img/home/scene/img-bottom.svg);
background-repeat: no-repeat;
}
@media screen and (max-width: 680px) {
.p-scene__item:nth-of-type(2)::after {
width: 62.3px;
bottom: -32px;
left: -12px;
}
}
.p-scene__flex {
display: flex;
flex-direction: row-reverse;
gap: 60px;
}
@media screen and (max-width: 680px) {
.p-scene__flex {
display: flex;
flex-direction: column;
gap: 30px;
}
}
.p-scene__title {
background: linear-gradient(45deg, #343a40, #566464, #343a40);
height: 76px;
font-size: 28px;
font-weight: bold;
color: #fff;
letter-spacing: 0.1em;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.p-scene__title span {
padding-right: 12px;
}
.p-scene__title span img {
display: block;
}
@media screen and (max-width: 680px) {
.p-scene__title {
height: 56px;
font-size: 16px;
padding-left: 2em;
}
.p-scene__title span {
padding-right: 5px;
width: 115px;
}
}
.p-scene__head {
width: 100%;
}
.p-scene__img {
width: 300px;
}
@media screen and (max-width: 680px) {
.p-scene__img {
width: 100%;
text-align: center;
}
.p-scene__img img {
width: 100%;
}
}
.p-scene__bottom {
background: #03a0a1;
font-size: 15px;
line-height: 2;
font-weight: 500;
letter-spacing: 0.05em;
color: #fff;
max-width: 680px;
padding: 20px 30px;
margin: 40px auto 0;
}
.p-scene__bottom::before {
content: "";
display: block;
height: 0;
width: 0;
margin-top: calc((1 - 2) * 0.5em);
}
.p-scene__bottom::after {
content: "";
display: block;
height: 0;
width: 0;
margin-bottom: calc((1 - 2) * 0.5em);
}
@media screen and (max-width: 680px) {
.p-scene__bottom {
font-size: 14px;
padding: 20px;
margin-top: 20px;
}
}
.p-scene__wrap {
display: flex;
flex-wrap: wrap;
gap: 17px 26px;
margin-bottom: 18px;
width: 100%;
}
@media screen and (max-width: 680px) {
.p-scene__wrap {
gap: 12px;
}
}
.p-scene__list {
width: 200px;
height: 60px;
border: 1px solid #9ad9d9;
font-size: 20px;
font-weight: bold;
color: #03a0a1;
display: flex;
align-items: center;
gap: 28px;
letter-spacing: 0.08em;
padding: 16px;
white-space: nowrap;
}
@media screen and (max-width: 680px) {
.p-scene__list {
width: calc(50% - 6px);
height: 48px;
gap: 15px;
padding: 12px;
font-size: 14px;
}
}
.p-function {
width: 100%;
font-feature-settings: "palt";
}
.p-function__flex {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin: 30px 0 60px;
width: 1000px;
}
@media screen and (max-width: 680px) {
.p-function__flex {
width: 100%;
gap: 12px;
margin-bottom: 40px;
}
}
.p-function__list {
background: #fff;
width: 235px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
padding: 28px 0 18px;
gap: 10px;
}
@media screen and (max-width: 680px) {
.p-function__list {
width: calc(50% - 6px);
padding: 12px;
}
}
.p-news {
font-feature-settings: "palt";
}
.p-news__box {
max-width: 800px;
margin-inline: auto;
}
.p-news__items {
margin: 40px 0 30px;
}
@media screen and (max-width: 680px) {
.p-news__items {
margin: 30px 0 20px;
}
}
.p-news__item {
width: 100%;
border-bottom: 1px solid #dfdfdf;
}
.p-news__item:first-child {
border-top: 1px solid #dfdfdf;
}
.p-news__item a {
display: flex;
align-items: center;
color: #000;
padding: 25px 20px;
}
@media screen and (max-width: 680px) {
.p-news__item a {
flex-direction: column;
align-items: flex-start;
gap: 14px;
padding: 20px 10px;
}
}
.p-news__item a time {
width: 145px;
}
.p-news__item a p {
width: calc(100% - 145px);
}
@media screen and (max-width: 680px) {
.p-news__item a p {
width: 100%;
}
}
.p-news__text {
display: block;
text-align: right;
}
.p-news__text a {
display: inline-block;
font-size: 16px;
line-height: 20px;
letter-spacing: 0.05em;
color: #03a0a1;
padding-right: 40px;
position: relative;
}
.p-news__text a::after {
content: "";
position: absolute;
width: 20px;
height: 20px;
right: 0;
top: 50%;
transform: translateY(-50%);
background-image: url(/img/home/common/icon-arrow-accent.svg);
}
@media screen and (max-width: 680px) {
.p-news__text a {
font-size: 14px;
padding-right: 30px;
}
}
.u-hover-line {
position: relative;
}
.u-hover-line::before {
display: block;
content: "";
width: 100%;
height: 1px;
background: #000;
position: absolute;
left: 0;
bottom: -0.25em;
transform-origin: right top;
transition: transform 0.7s cubic-bezier(0.19, 1, 0.22, 1);
transform: scaleX(0);
}
.u-hover-line:hover::before {
transform: scaleX(1);
transform-origin: left top;
}
@keyframes scrolltext {
0% {
transform: translate(0%, 0%);
}
100% {
transform: translate(-50%, 0%);
}
}
@keyframes rotation {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@keyframes circle {
to {
stroke-dashoffset: 0;
}
from {
stroke-dashoffset: 1362;
}
} @keyframes draw {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(180deg);
}
} @keyframes filling {
0% {
box-shadow: inset 0 0 0 9px #fff;
}
100% {
box-shadow: inset 0 0 0 50px #fff;
}
}
@keyframes circleAnim {
to {
stroke-dashoffset: 0;
}
}
.u-dn {
display: none;
}
@media screen and (min-width: 1025px) {
.u-dn-lg-min {
display: none;
}
}
@media screen and (max-width: 1024px) {
.u-dn-lg-max {
display: none;
}
}
.js-parallax {
overflow: hidden;
}
@media screen and (min-width: 835px) {
.u-dn-md-min {
display: none;
}
}
@media screen and (max-width: 834px) {
.u-dn-md-max {
display: none;
}
}
@media screen and (min-width: 681px) {
.u-dn-sm-min {
display: none;
}
}
@media screen and (max-width: 680px) {
.u-dn-sm-max {
display: none;
}
}
.u-uline:hover {
text-decoration: underline;
}
.u-regular {
font-weight: 400;
}
.u-semibold {
font-weight: 600;
}
.u-bold {
font-weight: bold;
}
.u-rounded {
border-radius: 50%;
}
.u-ta-right {
text-align: right;
}
.u-ta-center {
text-align: center;
}
.u-mt-0 {
margin-top: 0 !important;
}
.u-mb-0 {
margin-bottom: 0 !important;
}
.u-pt-0 {
padding-top: 0 !important;
}
.u-pb-0 {
padding-bottom: 0 !important;
}
.u-clr-accent {
color: #03a0a1;
}