@charset "UTF-8"; /*** The new CSS reset - version 1.9 (last updated 19.6.2023) GitHub page: https://github.com/elad2412/the-new-css-reset ***/ /* Remove all the styles of the "User-Agent-Stylesheet", except for the 'display' property - The "symbol *" part is to solve Firefox SVG sprite bug - The "html" element is excluded, otherwise a bug in Chrome breaks the CSS hyphens property (https://github.com/elad2412/the-new-css-reset/issues/36) */ *:where(:not(html, iframe, canvas, img, svg, video, audio):not(svg *, symbol *)) { all: unset; display: revert; } /* Preferred box-sizing value */ *, *::before, *::after { box-sizing: border-box; } /* Reapply the pointer cursor for anchor tags */ a, button { cursor: revert; } /* Remove list styles (bullets/numbers) */ ol, ul, menu { list-style: none; } /* For images to not be able to exceed their container */ img { max-inline-size: 100%; max-block-size: 100%; } /* removes spacing between cells in tables */ table { border-collapse: collapse; } /* Safari - solving issue when using user-select:none on the text input doesn't working */ input, textarea { -webkit-user-select: auto; } /* revert the 'white-space' property for textarea elements on Safari */ textarea { white-space: revert; } /* minimum style to allow to style meter element */ meter { -webkit-appearance: revert; appearance: revert; } /* preformatted text - use only for this feature */ :where(pre) { all: revert; } /* reset default text opacity of input placeholder */ ::placeholder { color: unset; } /* remove default dot (•) sign */ ::marker { content: initial; } /* fix the feature of 'hidden' attribute. display:revert; revert to element instead of attribute */ :where([hidden]) { display: none; } /* revert for bug in Chromium browsers - fix for the content editable attribute will work properly. - webkit-user-select: auto; added for Safari in case of using user-select:none on wrapper element*/ :where([contenteditable]:not([contenteditable=false])) { -moz-user-modify: read-write; -webkit-user-modify: read-write; overflow-wrap: break-word; -webkit-line-break: after-white-space; -webkit-user-select: auto; } /* apply back the draggable feature - exist only in Chromium and Safari */ :where([draggable=true]) { -webkit-user-drag: element; } /* Revert Modal native behavior */ :where(dialog:modal) { all: revert; } html { font-family: "Zen Maru Gothic", serif; font-style: normal; font-weight: 400; font-size: 62.5%; line-height: 1; text-size-adjust: 100%; /* iOS 8+ */ } body { font-size: 1.8rem; color: #515151; line-height: 1; letter-spacing: 0.04em; word-break: break-word; -webkit-overflow-scrolling: touch; } @media screen and (max-width: 1024px) { body { min-width: 375px; font-size: 1.6rem; } } @media screen and (max-width: 1024px) { main { margin-top: 5.6rem; } } @media screen and (min-width: 1025px), print { main { margin-top: 8rem; } } summary::-webkit-details-marker { display: none; } img { vertical-align: middle; } @media screen and (max-width: 1024px) { br.pc { display: none; } } @media screen and (min-width: 1025px), print { br.sp { display: none; } } figure { margin: 0; } .marker { background-image: linear-gradient(to top, #FEFFC2 1.1rem, transparent 1.1rem); } .btn--arw, .btn--cta, .btn { width: fit-content; display: flex; justify-content: center; align-items: center; font-size: 1.8rem; } .btn--cta { width: 28rem; height: 5.6rem; background-color: #049F56; box-shadow: 0.2rem 0.4rem 0.8rem 0 rgba(144, 86, 73, 0.19); border-radius: 0.4rem; color: #fff; line-height: 1.5; } @media screen and (min-width: 1025px), print { .btn--cta { transition: box-shadow 300ms, transform 300ms; } .btn--cta:hover { box-shadow: none; transform: translate(0.1rem, 0.1rem); } } .btn--arw { color: #049F56; font-weight: 500; line-height: 1.5; border-bottom: 0.2rem solid #049F56; position: relative; } @media screen and (min-width: 1025px), print { .btn--arw { padding: 0 5.6rem 1.2rem 1.6rem; cursor: pointer; transition: opacity 300ms; } .btn--arw:hover { opacity: 0.7; } } @media screen and (max-width: 1024px) { .btn--arw { font-size: 1.6rem; padding: 0 3.2rem 1.2rem 0; } } .btn--arw::before { content: ""; display: block; width: 0.6rem; height: 0.6rem; border-top: 0.1rem solid #049F56; border-right: 0.1rem solid #049F56; transform: rotate(45deg); position: absolute; bottom: 2.1rem; right: 1.2rem; } .btn--arw::after { content: ""; display: block; width: 2rem; height: 2rem; border: 0.1rem solid #049F56; border-radius: 50vh; position: absolute; bottom: 1.4rem; right: 0.4rem; } .priori-foundation__inner, .priori-voice__inner, .priori-products__inner, .top-fv, .top-index__inner, .top-menu__inner, .top-voice__inner, .top-flow__inner, .top-access__inner, .top-introduction__inner, .top-contact__inner { width: 100%; } @media screen and (max-width: 1024px) { .priori-foundation__inner, .priori-voice__inner, .priori-products__inner, .top-fv, .top-index__inner, .top-menu__inner, .top-voice__inner, .top-flow__inner, .top-access__inner, .top-introduction__inner, .top-contact__inner { padding: 0 max(1.8rem, 4.1vw); } } @media screen and (min-width: 1025px), print { .priori-foundation__inner, .priori-voice__inner, .priori-products__inner, .top-fv, .top-index__inner, .top-menu__inner, .top-voice__inner, .top-flow__inner, .top-access__inner, .top-introduction__inner, .top-contact__inner { max-width: calc(1000px + 16rem); margin: 0 auto; padding: 0 8rem; } } .top-introduction .modal-bio__inner { width: 100%; } @media screen and (max-width: 1024px) { .top-introduction .modal-bio__inner { padding: 0 max(1.8rem, 4.1vw); } } @media screen and (min-width: 1025px), print { .top-introduction .modal-bio__inner { max-width: calc(1000px + 6.4rem); margin: 0 auto; padding: 0 3.2rem; } } .section-ttl { display: flex; align-items: baseline; gap: 1.6rem; position: relative; z-index: 1; } @media screen and (min-width: 1025px), print { .section-ttl { font-size: 1.6rem; } } @media screen and (max-width: 1024px) { .section-ttl { padding-left: 3.2rem; font-size: 1.4rem; } } .section-ttl::before { content: attr(data-ttl); font-family: "Zen Kaku Gothic New", sans-serif; font-style: normal; font-weight: 500; line-height: 1.2; letter-spacing: 0.1em; color: #049F56; position: relative; z-index: 1; } @media screen and (max-width: 1024px) { .section-ttl::before { font-size: 3.2rem; } } @media screen and (min-width: 1025px), print { .section-ttl::before { font-size: 4.8rem; } } .section-ttl::after { content: ""; display: block; border: 0.1rem solid #049F56; border-radius: 50vw; position: absolute; top: 50%; transform: translateY(-50%); z-index: 0; } @media screen and (min-width: 1025px), print { .section-ttl::after { width: 10rem; height: 10rem; left: -4rem; } } @media screen and (max-width: 1024px) { .section-ttl::after { width: 6.4rem; height: 6.4rem; left: 0; } } .section-ttl--jp { text-align: center; color: #049F56; font-weight: 500; } @media screen and (min-width: 1025px), print { .section-ttl--jp { font-size: 3.6rem; line-height: 1.5; } } @media screen and (max-width: 1024px) { .section-ttl--jp { font-size: 3.2rem; line-height: 1.2; } } .section-ttl--jp .sub { display: block; font-weight: 400; color: #515151; } @media screen and (min-width: 1025px), print { .section-ttl--jp .sub { font-size: 2.4rem; } } @media screen and (max-width: 1024px) { .section-ttl--jp .sub { font-size: 1.8rem; line-height: 1.5; } } .section-ttl--jp .main--flex { display: flex; justify-content: center; align-items: center; } @media screen and (min-width: 1025px), print { .section-ttl--jp .small { font-size: 2.4rem; margin-left: 0.8rem; margin-top: 0.4rem; } } @media screen and (max-width: 1024px) { .section-ttl--jp .small { font-size: 2rem; margin-left: 0.6rem; margin-top: 0.6rem; } } .list { display: flex; flex-direction: column; gap: 1rem; margin-top: 2.4rem; } .list__item { position: relative; line-height: 1.5; } @media screen and (min-width: 1025px), print { .list__item { padding-left: 2.4rem; } } @media screen and (max-width: 1024px) { .list__item { padding-left: 2rem; } } .list__item::before { content: ""; display: block; background-color: #049F56; border-radius: 50vh; position: absolute; } @media screen and (min-width: 1025px), print { .list__item::before { width: 0.8rem; height: 0.8rem; top: 0.9rem; left: 0.6rem; } } @media screen and (max-width: 1024px) { .list__item::before { width: 0.6rem; height: 0.6rem; top: 0.9rem; left: 0.2rem; } } @media screen and (min-width: 1025px), print { .top-fv { position: relative; } } @media screen and (max-width: 1024px) { .top-fv { display: flex; flex-direction: column-reverse; align-items: flex-end; margin: 0 auto; } } .top-fv__txt { width: 100%; } .top-fv__heading { font-family: "Zen Kaku Gothic New", sans-serif; font-style: normal; font-weight: 500; line-height: 1.5; color: #049F56; } @media screen and (min-width: 1025px), print { .top-fv__heading { margin-top: 26.3rem; font-size: 5.6rem; } } @media screen and (max-width: 1024px) { .top-fv__heading { margin-top: 6.4rem; font-size: 3.2rem; } } .top-fv__catchcopy { line-height: 1.5; font-weight: 500; } @media screen and (min-width: 1025px), print { .top-fv__catchcopy { margin-top: 7.2rem; font-size: 2.4rem; } } @media screen and (max-width: 1024px) { .top-fv__catchcopy { margin-top: 4.8rem; font-size: 2rem; } } .top-fv .txt-wrap { margin-top: 4rem; } .top-fv .article-txt { margin-top: 2.4rem; line-height: 1.5; } @media screen and (min-width: 1025px), print { .top-fv__img { width: 58.8rem; position: absolute; top: -14.8rem; right: 0; } } @media screen and (max-width: 1024px) { .top-fv__img { width: min(50rem, 75.12vw); margin-top: 4.8rem; } } .top-index { background-color: #DEF3C7; } @media screen and (min-width: 1025px), print { .top-index { margin-top: 8rem; padding: 8rem 0; } } @media screen and (max-width: 1024px) { .top-index { margin-top: 6.4rem; padding: 3.2rem 0 6.4rem; } } .top-index__inner { display: flex; } @media screen and (min-width: 1025px), print { .top-index__inner { flex-direction: row-reverse; align-items: flex-start; justify-content: flex-end; gap: 5.6rem; } } @media screen and (max-width: 1024px) { .top-index__inner { flex-direction: column-reverse; gap: 2.4rem; } } @media screen and (min-width: 1025px), print { .top-index__img { width: 46%; } } @media screen and (max-width: 1024px) { .top-index__img { width: 100%; max-width: 46rem; margin: 0 auto; } } .top-index__txt .name { display: flex; flex-direction: column; line-height: 1.5; gap: 0.4rem; } .top-index__txt .name .sub { font-size: 1.4rem; } .top-index__txt .name .main { font-size: 2rem; font-weight: 500; margin-left: -1rem; } .top-index__txt .btn--cta { margin: 4rem auto 0; } .top-index__list { display: flex; flex-direction: column; } @media screen and (min-width: 1025px), print { .top-index__list { gap: 1.6rem; } } @media screen and (max-width: 1024px) { .top-index__list { width: 44.69%; gap: 2.4rem; } } .top-index__list__wrap { display: flex; } @media screen and (min-width: 1025px), print { .top-index__list__wrap { gap: 4.8rem; margin-top: 4rem; } } @media screen and (max-width: 1024px) { .top-index__list__wrap { justify-content: space-between; margin-top: 3.2rem; } } @media screen and (min-width: 1025px), print { .top-index__item { width: 20rem; } } @media screen and (max-width: 1024px) { .top-index__item { width: 100%; } } .top-index__item .btn--arw { display: block; width: 100%; padding: 0 2.4rem 0.8rem 0.8rem; border-bottom: 0.1rem solid #049F56; font-weight: 400; line-height: 1.2; color: #515151; } @media screen and (min-width: 1025px), print { .top-index__item .btn--arw { font-size: 1.6rem; } } @media screen and (max-width: 1024px) { .top-index__item .btn--arw { font-size: 1.4rem; } } .top-index__item .btn--arw::before { width: 0.5rem; height: 0.5rem; right: 1rem; bottom: 1.3rem; } .top-index__item .btn--arw::after { width: 1.6rem; height: 1.6rem; bottom: 0.8rem; } .top-menu { background-color: #FCEEEB; } @media screen and (min-width: 1025px), print { .top-menu { padding: 8rem 0; } } @media screen and (max-width: 1024px) { .top-menu { padding: 7.2rem 0 6.4rem; } } .top-menu .section-ttl::before { background-image: linear-gradient(to top, #FCEEEB 70%, transparent 70%); } .top-menu__content { background-color: #fff; } @media screen and (min-width: 1025px), print { .top-menu__content { margin-top: 4rem; padding: 3.2rem 2.4rem; border-radius: 2rem; } } @media screen and (max-width: 1024px) { .top-menu__content { margin-top: 2.4rem; padding: 2.4rem 1.6rem; border-radius: 1.2rem; } } .top-menu__content:first-of-type { margin-top: 4rem; } .top-menu__content .content-ttl { color: #049F56; font-weight: 500; line-height: 1.5; } @media screen and (min-width: 1025px), print { .top-menu__content .content-ttl { font-size: 2.4rem; } } @media screen and (max-width: 1024px) { .top-menu__content .content-ttl { font-size: 2.2rem; } } .top-menu__content .content-ttl span { display: inline-block; } .top-menu__content .note { margin-top: 2.4rem; line-height: 1.5; } @media screen and (min-width: 1025px), print { .top-menu__content .note { font-size: 1.6rem; } } @media screen and (max-width: 1024px) { .top-menu__content .note { font-size: 1.4rem; } } .top-menu__content .priori-bnr { display: flex; justify-content: center; margin-top: 3.2rem; } .top-menu__content .priori-bnr a { display: block; } @media screen and (min-width: 1025px), print { .top-menu__content .priori-bnr a { transition: opacity 300ms; } .top-menu__content .priori-bnr a:hover { opacity: 0.7; } } .top-menu__content .priori-bnr img { width: 100%; max-width: 72.4rem; border-radius: 1.2rem; } .top-menu__wrap { display: flex; } @media screen and (min-width: 1025px), print { .top-menu__wrap { align-items: center; gap: 4rem; } } @media screen and (max-width: 1024px) { .top-menu__wrap { flex-direction: column; gap: 3.2rem; } } .top-menu__txt .article-txt { margin-top: 1.6rem; line-height: 1.5; } @media screen and (min-width: 1025px), print { .top-menu__img { width: 32rem; flex-shrink: 0; } } @media screen and (max-width: 1024px) { .top-menu__img { width: 100%; max-width: 40rem; margin: 0 auto; } } .top-menu__list { display: flex; } @media screen and (min-width: 1025px), print { .top-menu__list { flex-wrap: wrap; gap: 2.4rem; margin-top: 4rem; } } @media screen and (max-width: 1024px) { .top-menu__list { flex-direction: column; gap: 1.6rem; margin-top: 3.2rem; } } .top-menu__item { padding: 1.2rem 1.6rem 1.6rem; border: 0.1rem solid #049F56; border-radius: 1.2rem; } @media screen and (min-width: 1025px), print { .top-menu__item { width: calc((100% - 4.8rem) / 3); } } .top-menu__ttl { color: #049F56; font-size: 2rem; line-height: 1.5; letter-spacing: 0; } .top-menu__ttl:not(:first-of-type) { margin-top: 1rem; } .top-menu__ttl span:not([class]) { display: inline-block; } .top-menu__ttl .small { display: block; margin-bottom: 0.4rem; color: #515151; font-size: 1.4rem; } .top-menu__price { display: flex; justify-content: flex-end; align-items: center; gap: 2.4rem; margin-top: 1.2rem; padding-bottom: 1rem; } .top-menu__price .time { display: flex; align-items: center; justify-content: center; min-width: 5.5rem; padding: 0.4rem 1.1rem; border: 0.1rem solid #049F56; font-size: 1.4rem; color: #049F56; } .top-menu__price .price { font-size: 1.8rem; } .top-menu__detail { padding-top: 1.2rem; font-size: 1.4rem; line-height: 1.5; } .top-menu__detail:first-of-type { padding-top: 1.2rem; border-top: 0.1rem solid #049F56; } .top-menu__bottom { display: flex; flex-direction: column; align-items: center; } @media screen and (min-width: 1025px), print { .top-menu__bottom { gap: 3.2rem; margin-top: 6.4rem; } } @media screen and (max-width: 1024px) { .top-menu__bottom { gap: 4rem; margin-top: 4rem; } } .top-menu__bottom .article-txt { line-height: 1.5; } .top-voice { background-color: #DEF3C7; } @media screen and (min-width: 1025px), print { .top-voice { padding: 8rem 0; } } @media screen and (max-width: 1024px) { .top-voice { padding: 6.4rem 0; } } .top-voice__list { display: flex; margin-top: 4.8rem; } @media screen and (min-width: 1025px), print { .top-voice__list { flex-wrap: wrap; gap: 4rem; } } @media screen and (max-width: 1024px) { .top-voice__list { flex-direction: column; align-items: center; gap: 2.4rem; } } .top-voice__item { display: flex; background-color: #fff; border-radius: 2rem; } @media screen and (min-width: 1025px), print { .top-voice__item { width: calc(50% - 2rem); padding: 1.4rem 2.4rem 1.4rem 1.4rem; align-items: center; gap: 2.4rem; } } @media screen and (max-width: 1024px) { .top-voice__item { width: 100%; max-width: 48rem; padding: 1.6rem 2.4rem; flex-direction: column; gap: 1.6rem; } } .top-voice__item .article-txt { line-height: 1.5; } .top-voice__img { width: 12.8rem; flex-shrink: 0; } @media screen and (max-width: 1024px) { .top-voice__img { margin: 0 auto; } } .top-voice__bottom { display: flex; flex-direction: column; align-items: center; gap: 4rem; } @media screen and (min-width: 1025px), print { .top-voice__bottom { margin-top: 6.4rem; } } @media screen and (max-width: 1024px) { .top-voice__bottom { margin-top: 4rem; } } .top-voice__bottom .article-txt { line-height: 1.5; } @media screen and (min-width: 1025px), print { .top-flow { padding: 8rem 0 4rem; } } @media screen and (max-width: 1024px) { .top-flow { padding: 7.2rem 0 0; } } .top-flow .section-ttl::before { background-image: linear-gradient(to top, #fff 70%, transparent 70%); } .top-flow__content { display: flex; flex-direction: column; gap: 2.4rem; counter-reset: cnt; } @media screen and (min-width: 1025px), print { .top-flow__content { margin-top: 6.4rem; } } @media screen and (max-width: 1024px) { .top-flow__content { margin-top: 4rem; } } .top-flow__item { border-radius: 2rem; border: 0.1rem solid #049F56; } @media screen and (min-width: 1025px), print { .top-flow__item { display: flex; } } @media screen and (max-width: 1024px) { .top-flow__item { padding: 1.6rem; position: relative; } } .top-flow__num { display: flex; flex-direction: column; justify-content: center; align-items: center; font-family: "Roboto", sans-serif; font-style: normal; font-weight: 400; background-color: #049F56; color: #fff; } @media screen and (min-width: 1025px), print { .top-flow__num { width: 22rem; flex-shrink: 0; border-top-left-radius: 2rem; border-bottom-left-radius: 2rem; } } @media screen and (max-width: 1024px) { .top-flow__num { width: 8rem; height: 8rem; border-radius: 50vh; position: absolute; top: 1.6rem; left: 1.6rem; } } .top-flow__num span { text-transform: uppercase; font-weight: 400; } @media screen and (min-width: 1025px), print { .top-flow__num span { font-size: 2rem; } } @media screen and (max-width: 1024px) { .top-flow__num span { font-size: 1.4rem; } } .top-flow__num::after { counter-increment: cnt; content: counter(cnt); } @media screen and (min-width: 1025px), print { .top-flow__num::after { font-size: 4.8rem; } } @media screen and (max-width: 1024px) { .top-flow__num::after { font-size: 3.2rem; } } .top-flow__detail { line-height: 1.5; } @media screen and (min-width: 1025px), print { .top-flow__detail { padding: 2.4rem; } } .top-flow__detail .ttl { font-size: 2rem; font-weight: 500; } @media screen and (max-width: 1024px) { .top-flow__detail .ttl { display: flex; align-items: center; min-height: 8rem; padding-left: 10.4rem; } } @media screen and (min-width: 1025px), print { .top-flow__detail .article-txt { margin-top: 0.8rem; } } @media screen and (max-width: 1024px) { .top-flow__detail .article-txt { margin-top: 1.6rem; } } .top-flow__bottom { display: flex; flex-direction: column; align-items: center; } @media screen and (min-width: 1025px), print { .top-flow__bottom { gap: 3.2rem; margin-top: 6.4rem; } } @media screen and (max-width: 1024px) { .top-flow__bottom { gap: 4rem; margin-top: 4.8rem; } } .top-flow__bottom .article-txt { line-height: 1.5; } @media screen and (min-width: 1025px), print { .top-access { padding: 8rem 0; } } @media screen and (max-width: 1024px) { .top-access { padding: 7.2rem 0; } } @media screen and (min-width: 1025px), print { .top-access__inner { display: flex; flex-direction: row-reverse; align-items: flex-start; gap: 6.4rem; } } @media screen and (min-width: 1025px), print { .top-access .section-ttl { margin-left: 4rem; } } .top-access .section-ttl::before { background-image: linear-gradient(to top, #fff 70%, transparent 70%); } .top-access__txt .address { position: relative; line-height: 1.5; } @media screen and (min-width: 1025px), print { .top-access__txt .address { margin-top: 4rem; padding-left: 4rem; } } @media screen and (max-width: 1024px) { .top-access__txt .address { margin-top: 5.6rem; padding-left: 3.2rem; } } .top-access__txt .address::before { content: ""; display: block; background-image: url(../image/top/icon-access.svg); background-repeat: no-repeat; background-size: contain; position: absolute; left: 0; top: 0; } @media screen and (min-width: 1025px), print { .top-access__txt .address::before { width: 3.2rem; height: 3.2rem; } } @media screen and (max-width: 1024px) { .top-access__txt .address::before { width: 2.4rem; height: 2.4rem; } } @media screen and (min-width: 1025px), print { .top-access__img { width: 49.7%; flex-shrink: 0; } } @media screen and (max-width: 1024px) { .top-access__img { margin: 3.2rem auto 0; } } .top-introduction { background-color: #DEF3C7; } @media screen and (min-width: 1025px), print { .top-introduction { padding: 8rem 0; } } @media screen and (max-width: 1024px) { .top-introduction { padding: 6.4rem 0; } } @media screen and (min-width: 1025px), print { .top-introduction .txt-img::after { content: ""; display: block; clear: both; } } @media screen and (min-width: 1025px), print { .top-introduction__img { float: right; width: 32rem; margin-left: 8rem; } } @media screen and (max-width: 1024px) { .top-introduction__img { display: block; width: 100%; max-width: 40rem; margin: 3.2rem auto 0; } } .top-introduction__txt .article-txt { margin-top: 2.4rem; line-height: 1.5; } @media screen and (min-width: 1025px), print { .top-introduction__txt .article-txt:first-of-type { margin-top: 0; } } @media screen and (min-width: 1025px), print { .top-introduction .btn--arw { margin-top: 8rem; } } @media screen and (max-width: 1024px) { .top-introduction .btn--arw { margin-top: 4.8rem; } } .top-introduction .modal-bio { background-image: linear-gradient(45deg, rgba(248, 212, 204, 0.7), rgba(222, 243, 199, 0.7)); position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 8; overflow-y: scroll; display: none; opacity: 0; transition: opacity 300ms; } .top-introduction .modal-bio[data-open=true] { display: block; } .top-introduction .modal-bio__inner { padding-bottom: 12rem; } @media screen and (min-width: 1025px), print { .top-introduction .modal-bio__inner { margin-top: 13.6rem; } } @media screen and (max-width: 1024px) { .top-introduction .modal-bio__inner { margin-top: 9.6rem; } } .top-introduction .modal-bio__box { background-color: rgba(255, 255, 255, 0.92); border-radius: 2rem; } @media screen and (min-width: 1025px), print { .top-introduction .modal-bio__box { padding: 4rem 4.8rem 2.4rem; } } @media screen and (max-width: 1024px) { .top-introduction .modal-bio__box { padding: 2.4rem 1.6rem; } } .top-introduction .modal-bio__box .name { color: #049F56; font-size: 2.4rem; } .top-introduction .modal-bio__box .title { margin-top: 1.2rem; padding-bottom: 1rem; font-size: 1.4rem; line-height: 1.5; border-bottom: 0.1rem solid #049F56; } .top-introduction .modal-bio__box .title span { display: inline-block; } .top-introduction .modal-bio__box .article-txt { line-height: 1.5; margin-top: 2.4rem; } @media screen and (max-width: 1024px) { .top-introduction .modal-bio__box .txt-img img { display: block; width: 100%; } } @media screen and (min-width: 1025px), print { .top-introduction .modal-bio__box .txt-img:first-of-type .img { float: left; width: 28rem; margin-right: 4rem; } } @media screen and (max-width: 1024px) { .top-introduction .modal-bio__box .txt-img:first-of-type .img { max-width: 28rem; margin: 2.4rem auto; } } @media screen and (min-width: 1025px), print { .top-introduction .modal-bio__box .txt-img:nth-of-type(2) .img { float: right; width: 36rem; margin-left: 4rem; } } @media screen and (max-width: 1024px) { .top-introduction .modal-bio__box .txt-img:nth-of-type(2) .img { max-width: 36rem; margin: 4rem auto 2.4rem; } } .top-introduction .modal-bio__close { display: flex; justify-content: center; align-items: flex-end; width: 5.2rem; height: 5.7rem; margin: 4rem auto 0; font-size: 1.4rem; position: relative; } .top-introduction .modal-bio__close::before, .top-introduction .modal-bio__close::after { content: ""; display: block; width: 3.7rem; height: 0.1rem; background-color: #515151; position: absolute; top: 1.4rem; left: 0.7rem; } .top-introduction .modal-bio__close::before { transform: rotate(45deg); } .top-introduction .modal-bio__close::after { transform: rotate(-45deg); } @media screen and (min-width: 1025px), print { .top-introduction .modal-bio__close { transition: opacity 300ms; } .top-introduction .modal-bio__close:hover { cursor: pointer; opacity: 0.7; } } .top-contact { background-color: #FCEEEB; } @media screen and (min-width: 1025px), print { .top-contact { padding: 8rem 0; } } @media screen and (max-width: 1024px) { .top-contact { padding: 7.2rem 0 6.4rem; } } .top-contact .section-ttl::before { background-image: linear-gradient(to top, #FCEEEB 70%, transparent 70%); } .top-contact__content { background-color: #fff; border-radius: 2rem; } @media screen and (min-width: 1025px), print { .top-contact__content { margin-top: 4rem; padding: 3.2rem; } } @media screen and (max-width: 1024px) { .top-contact__content { margin-top: 2.4rem; padding: 2.4rem 1.6rem; } } @media screen and (min-width: 1025px), print { .top-contact__content:first-of-type { margin-top: 6.4rem; } } @media screen and (max-width: 1024px) { .top-contact__content:first-of-type { margin-top: 4.8rem; } } .top-contact__content[data-type=line] { padding-bottom: 2.4rem; } .top-contact__content[data-type=line] .btn--cta { margin: 3.2rem auto 0; } .top-contact__content .ttl { color: #049F56; font-weight: 500; } @media screen and (min-width: 1025px), print { .top-contact__content .ttl { font-size: 2.2rem; } } @media screen and (max-width: 1024px) { .top-contact__content .ttl { font-size: 2rem; } } .top-contact__content .article-txt { margin-top: 1.2rem; line-height: 1.5; } .top-contact .contact-form { margin-top: 4rem; background-color: #eee; border-radius: 0.8rem; } @media screen and (min-width: 1025px), print { .top-contact .contact-form { padding: 4rem 4rem 3.2rem 4rem; } } @media screen and (max-width: 1024px) { .top-contact .contact-form { padding: 2.4rem 1.6rem; } } .top-contact .contact-form__item { display: flex; } @media screen and (min-width: 1025px), print { .top-contact .contact-form__item { margin-top: 2.4rem; align-items: flex-start; } } @media screen and (max-width: 1024px) { .top-contact .contact-form__item { margin-top: 3.2rem; flex-direction: column; gap: 1.2rem; } } .top-contact .contact-form__item:first-of-type { margin-top: 0; } .top-contact .contact-form__item dt { font-weight: 500; line-height: 1.5; } @media screen and (min-width: 1025px), print { .top-contact .contact-form__item dt { width: 25.6rem; flex-shrink: 0; padding: 0.6rem 0.5em 0 0; display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.4rem 1.2rem; } } .top-contact .contact-form__item dt span { display: inline-block; background-color: #fff; color: #049F56; font-size: 1.2rem; padding: 0.2rem 0.8rem; border-radius: 0.4rem; } @media screen and (max-width: 1024px) { .top-contact .contact-form__item dt span { margin-left: 1.2rem; } } .top-contact .contact-form__item dd { flex-grow: 1; } .top-contact .contact-form__item dd input, .top-contact .contact-form__item dd textarea { width: 100%; background-color: #fff; border-radius: 0.4rem; padding: 0.5em; } .top-contact .contact-form__item dd input::placeholder, .top-contact .contact-form__item dd textarea::placeholder { color: #ccc; } .top-contact .contact-form__item dd input { height: 4rem; } .top-contact .contact-form__item dd textarea { height: 16rem; } .top-contact .contact-form .btn--cta { text-align: center; } @media screen and (min-width: 1025px), print { .top-contact .contact-form .btn--cta { margin: 4.8rem auto 0; } } @media screen and (max-width: 1024px) { .top-contact .contact-form .btn--cta { margin: 6.4rem auto 0; } } .top-contact .contact-form .poweredby { margin-top: 1.2rem; text-align: center; font-size: 1.2rem; } .priori-mv { display: flex; } @media screen and (min-width: 1025px), print { .priori-mv { position: relative; justify-content: flex-end; } } @media screen and (max-width: 1024px) { .priori-mv { flex-direction: column-reverse; } } @media screen and (min-width: 1025px), print { .priori-mv__txt { width: 100%; max-width: 1240px; padding: 0 4rem; margin: 0 auto; position: absolute; left: 50%; bottom: 8rem; transform: translateX(-50%); z-index: 1; } } @media screen and (max-width: 1024px) { .priori-mv__txt { position: relative; font-size: 1.3rem; } } .priori-mv__txt .article-txt { line-height: 1.5; } @media screen and (min-width: 1025px), print { .priori-mv__txt .article-txt { margin-top: 4.8rem; font-size: 1.8rem; } } @media screen and (max-width: 1024px) { .priori-mv__txt .article-txt { margin-top: 2.4rem; padding: 0 1.6rem; font-size: 1.6rem; } } .priori-mv__ttl { line-height: 1.5; } @media screen and (max-width: 1024px) { .priori-mv__ttl { display: flex; flex-direction: column; align-items: center; gap: 0.8rem; padding: 2.4rem 2rem 2rem; background-image: linear-gradient(to bottom, #F8D4CC 0%, #F3F3D0 50%, #E7F8C6 75%, #CBEDA8 100%); } } @media screen and (max-width: 1024px) { .priori-mv__ttl .ttl-top { text-align: center; background-color: #fff; padding: 1rem 3.2rem 1.2rem; font-weight: 500; } } @media screen and (max-width: 1024px) { .priori-mv__ttl .ttl-btm { text-align: center; background-color: #fff; padding: 1rem 2.4rem; font-size: 1.6rem; font-weight: 500; } } @media screen and (min-width: 1025px), print { .priori-mv__ttl .main { font-size: 4rem; margin-left: -0.7rem; } } @media screen and (max-width: 1024px) { .priori-mv__ttl .main { font-size: 2.8rem; } } @media screen and (min-width: 1025px), print { .priori-mv__ttl sup { font-size: 2.4rem; vertical-align: top; } } .priori-mv__fig { position: absolute; } @media screen and (min-width: 1025px), print { .priori-mv__fig { width: 14rem; top: -6.4rem; left: 37.1rem; } } @media screen and (max-width: 1024px) { .priori-mv__fig { width: 10.8rem; top: -14rem; right: calc(50% + 7.2rem); z-index: 1; } } .priori-mv__img { position: relative; } @media screen and (min-width: 1025px), print { .priori-mv__img { height: 54.4rem; } } @media screen and (max-width: 1024px) { .priori-mv__img { width: 100%; } } @media screen and (min-width: 1025px), print { .priori-mv__img img { width: auto; height: 100%; } } @media screen and (max-width: 1024px) { .priori-mv__img img { width: 100%; } } .priori-mv__img .note { position: absolute; bottom: 0.8rem; right: 0.8rem; } @media screen and (min-width: 1025px), print { .priori-mv__img .note { font-size: 1.2rem; } } @media screen and (max-width: 1024px) { .priori-mv__img .note { font-size: 0.8rem; } } .priori-foundation { background-color: #DEF3C7; } @media screen and (min-width: 1025px), print { .priori-foundation { padding: 8rem 0; } } @media screen and (max-width: 1024px) { .priori-foundation { margin-top: 4rem; padding: 6.4rem 0; } } .priori-foundation .txt-img { display: flex; margin-top: 3.2rem; } @media screen and (max-width: 1024px) { .priori-foundation .txt-img { flex-direction: column-reverse; gap: 2.4rem; } } .priori-foundation .txt-img .txt-wrap { flex-grow: 1; } .priori-foundation .txt-img .txt-wrap .article-txt { line-height: 1.6; } .priori-foundation .txt-img .txt-wrap .article-txt:not(:first-of-type) { margin-top: 1.6rem; } .priori-foundation .txt-img .img { flex-shrink: 0; } @media screen and (max-width: 1024px) { .priori-foundation .txt-img .img { max-width: 42rem; margin: 0 auto; } } .priori-foundation .txt-img .img img { width: 100%; } .priori-foundation .btn--cta { margin-left: auto; margin-right: auto; } @media screen and (min-width: 1025px), print { .priori-foundation .btn--cta { margin-top: 6.4rem; } } @media screen and (max-width: 1024px) { .priori-foundation .btn--cta { margin-top: 4rem; } } @media screen and (min-width: 1025px), print { .priori-foundation__content--introduction .txt-img { flex-direction: row-reverse; gap: 4.8rem; } } @media screen and (min-width: 1025px), print { .priori-foundation__content--introduction .txt-img .img { width: 42rem; } } .priori-foundation__content--feature { margin-top: 6.4rem; } @media screen and (min-width: 1025px), print { .priori-foundation__content--feature .txt-img { gap: 4.8rem; } } @media screen and (min-width: 1025px), print { .priori-foundation__content--feature .txt-img .img { width: 38rem; } } .priori-foundation__content--feature .txt-img .txt-wrap { background-color: #fff; border-radius: 2rem; } @media screen and (min-width: 1025px), print { .priori-foundation__content--feature .txt-img .txt-wrap { padding: 3.2rem; } } @media screen and (max-width: 1024px) { .priori-foundation__content--feature .txt-img .txt-wrap { padding: 2.4rem 1.6rem; } } .priori-foundation__content--feature .feature-ttl { font-weight: 500; line-height: 1.5; position: relative; } @media screen and (min-width: 1025px), print { .priori-foundation__content--feature .feature-ttl { padding-left: 3.8rem; padding-bottom: 0.8rem; font-size: 2.2rem; border-bottom: 0.4rem solid #BEDD90; } } @media screen and (max-width: 1024px) { .priori-foundation__content--feature .feature-ttl { padding-left: 3.2rem; padding-bottom: 0.4rem; font-size: 1.8rem; border-bottom: 0.2rem solid #BEDD90; } } @media screen and (min-width: 1025px), print { .priori-foundation__content--feature .feature-ttl:not(:first-of-type) { margin-top: 3.2rem; } } @media screen and (max-width: 1024px) { .priori-foundation__content--feature .feature-ttl:not(:first-of-type) { margin-top: 2.4rem; } } .priori-foundation__content--feature .feature-ttl::before { content: ""; display: block; width: 2.4rem; height: 2.4rem; background-image: url(../image/common/check-circle.png); background-size: contain; position: absolute; left: 0; } @media screen and (min-width: 1025px), print { .priori-foundation__content--feature .feature-ttl::before { top: 0.6rem; } } @media screen and (max-width: 1024px) { .priori-foundation__content--feature .feature-ttl::before { top: 0.2rem; } } .priori-foundation__content--feature .feature-list { display: flex; flex-direction: column; margin-top: 0.8rem; } .priori-foundation__content--feature .feature-list__item { padding-left: 1em; line-height: 1.6; letter-spacing: 0; position: relative; } .priori-foundation__content--feature .feature-list__item::before { content: "・"; display: block; position: absolute; top: 0; left: 0; } .priori-foundation__content--menu { margin-top: 6.4rem; } .priori-foundation__content--menu .article-txt { margin-top: 3.2rem; line-height: 1.5; } .priori-foundation__content--menu .menu-list { background-color: #fff; border-radius: 1.2rem; } @media screen and (min-width: 1025px), print { .priori-foundation__content--menu .menu-list { margin-top: 2.4rem; padding: 3.2rem 4rem; } } @media screen and (max-width: 1024px) { .priori-foundation__content--menu .menu-list { margin-top: 1.6rem; padding: 1.6rem; } } @media screen and (min-width: 1025px), print { .priori-foundation__content--menu .menu-list__item { display: flex; align-items: center; flex-wrap: wrap; gap: 0.8rem 3.2rem; } .priori-foundation__content--menu .menu-list__item::before { content: ""; display: block; flex-grow: 1; height: 0.1rem; border-bottom: 0.1rem dotted #515151; order: 2; } } @media screen and (min-width: 1025px), print { .priori-foundation__content--menu .menu-list__item:not(:first-of-type) { margin-top: 3.2rem; } } @media screen and (max-width: 1024px) { .priori-foundation__content--menu .menu-list__item:not(:first-of-type) { margin-top: 1.6rem; padding-top: 1.6rem; border-top: 0.1rem dotted #515151; } } .priori-foundation__content--menu .menu-list__item .menu-ttl { color: #049F56; font-weight: 500; line-height: 1.4; } @media screen and (min-width: 1025px), print { .priori-foundation__content--menu .menu-list__item .menu-ttl { font-size: 2rem; order: 1; } } @media screen and (max-width: 1024px) { .priori-foundation__content--menu .menu-list__item .menu-ttl { font-size: 1.8rem; } } @media screen and (min-width: 1025px), print { .priori-foundation__content--menu .menu-list__item .price { order: 2; } } @media screen and (max-width: 1024px) { .priori-foundation__content--menu .menu-list__item .price { margin-top: 0.8rem; text-align: right; font-size: 1.8rem; } } .priori-foundation__content--menu .menu-list__item .note { width: 100%; font-size: 1.4rem; line-height: 1.5; } @media screen and (min-width: 1025px), print { .priori-foundation__content--menu .menu-list__item .note { padding-left: 1em; order: 3; } } @media screen and (max-width: 1024px) { .priori-foundation__content--menu .menu-list__item .note { margin-top: 1.6rem; padding: 0 0.4em; } } .priori-foundation__content--skincare { margin-top: 6.4rem; } @media screen and (min-width: 1025px), print { .priori-foundation__content--skincare .txt-img { flex-direction: row-reverse; gap: 4.8rem; } } @media screen and (min-width: 1025px), print { .priori-foundation__content--skincare .txt-img .img { width: 46.6rem; } } .priori-foundation__content--skincare .menu-list { display: flex; justify-content: space-between; align-items: flex-end; } .priori-foundation__content--skincare .menu-list dt { display: flex; flex-direction: column; line-height: 1.5; } .priori-foundation__content--skincare .menu-list dt .main { color: #049F56; font-size: 2.2rem; font-weight: 500; } .priori-foundation__content--skincare .menu-list dd { margin-bottom: 0.7rem; font-size: 1.8rem; } .priori-foundation__content--skincare .article-txt { margin-top: 1.6rem; line-height: 1.5; } .priori-foundation__content--skincare .article-txt:first-of-type { margin-top: 2.4rem; } @media screen and (min-width: 1025px), print { .priori-voice { margin-top: 8.8rem; } } @media screen and (max-width: 1024px) { .priori-voice { margin-top: 6.4rem; } } .priori-voice__ttl { display: flex; flex-direction: column; align-items: center; font-family: "Klee One", cursive; font-style: normal; font-weight: 400; line-height: 1.6; } @media screen and (min-width: 1025px), print { .priori-voice__ttl { font-size: 2.8rem; } } @media screen and (max-width: 1024px) { .priori-voice__ttl { text-align: center; font-size: 2.2rem; } } .priori-voice__ttl::after { content: ""; display: block; width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center; } @media screen and (min-width: 1025px), print { .priori-voice__ttl::after { height: 3.2rem; background-image: url(../image/prioricosme/voice-line_pc.png); } } @media screen and (max-width: 1024px) { .priori-voice__ttl::after { height: 3.1rem; background-image: url(../image/prioricosme/voice-line_sp.png); } } .priori-voice__content { border: 0.1rem solid #C8CFE4; } @media screen and (min-width: 1025px), print { .priori-voice__content { margin-top: 3.2rem; padding: 4rem; } } @media screen and (max-width: 1024px) { .priori-voice__content { margin-top: 3.2rem; padding: 2.4rem 1.6rem; } } .priori-voice__content::after { content: ""; display: block; clear: both; } .priori-voice__content figure { float: right; } @media screen and (max-width: 1024px) { .priori-voice__content figure { margin: -5.4rem -0.8rem 0 0; } } @media screen and (min-width: 1025px), print { .priori-voice__content figure img { width: 24.5rem; padding: 0.8rem 2.8rem 0 3.6rem; background-color: #fff; } } @media screen and (max-width: 1024px) { .priori-voice__content figure img { width: 14.8rem; } } .priori-voice__content .article-txt { margin-top: 2.5em; background-color: #fff; /* 背景色 */ background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), linear-gradient(180deg, #515151 0.1rem, transparent 0.1rem); /* 点線2の色と太さ */ background-size: 4px 100%, 100% 2.5em; /* 点線2のサイズ */ line-height: 2.5em; /* 文字の高さ */ letter-spacing: 0; } @media screen and (min-width: 1025px), print { .priori-voice__content .article-txt { padding: 0 1rem 0.1rem; } } @media screen and (max-width: 1024px) { .priori-voice__content .article-txt { padding: 0 0.4rem 0.1rem; } } .priori-voice__content .article-txt:first-of-type { margin-top: 0; background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), linear-gradient(to top, #515151 0.1rem, transparent 0.1rem); /* 点線2の色と太さ */ } .priori-products { background-color: #FCEEEB; } @media screen and (min-width: 1025px), print { .priori-products { margin-top: 8rem; padding: 8rem 0; } } @media screen and (max-width: 1024px) { .priori-products { margin-top: 6.4rem; padding: 4.8rem 0; } } .priori-products .txt-img { display: flex; margin-top: 3.2rem; } @media screen and (min-width: 1025px), print { .priori-products .txt-img { flex-direction: row-reverse; gap: 6.4rem; } } @media screen and (max-width: 1024px) { .priori-products .txt-img { flex-direction: column-reverse; gap: 2.4rem; } } .priori-products .txt-img .txt-wrap { flex-grow: 1; } .priori-products .txt-img .txt-wrap .article-txt { line-height: 1.6; } .priori-products .txt-img .txt-wrap .article-txt:not(:first-of-type) { margin-top: 1.6rem; } .priori-products .txt-img .img { flex-shrink: 0; max-width: 30.8rem; margin: 0 auto; } .priori-products .txt-img .img img { width: 100%; } .priori-products .products-list { display: flex; flex-direction: column; } @media screen and (min-width: 1025px), print { .priori-products .products-list { margin-top: 4.8rem; gap: 4rem; } } @media screen and (max-width: 1024px) { .priori-products .products-list { margin-top: 2.4rem; gap: 2.4rem; } } .priori-products .products-list__item dt { font-size: 2rem; font-weight: 500; line-height: 1.6; } .priori-products .products-list__item dd { line-height: 1.6; } .priori-products .btn--cta { margin-left: auto; margin-right: auto; } @media screen and (min-width: 1025px), print { .priori-products .btn--cta { margin-top: 6.4rem; } } @media screen and (max-width: 1024px) { .priori-products .btn--cta { margin-top: 4rem; } } .header { width: 100%; background: #fff; display: flex; align-items: center; border-bottom: 0.1rem solid #049F56; position: fixed; top: 0; left: 0; z-index: 9; } @media screen and (max-width: 1024px) { .header { height: 5.6rem; } } @media screen and (min-width: 1025px), print { .header { height: 8rem; } } .header__content { width: 100%; display: flex; justify-content: space-between; align-items: center; transition: padding 300ms; } @media screen and (max-width: 1024px) { .header__content { padding-left: min(1.6rem, 3vw); } } @media screen and (min-width: 1025px), print { .header__content { padding-left: 3.2rem; padding-right: 4rem; } } .header__logo { transition: display 300ms; } .header__logo img { flex-shrink: 0; } @media screen and (min-width: 1025px), print { .header__logo img { height: 5.1rem; } } @media screen and (max-width: 1024px) { .header__logo img { height: 3.2rem; } } .header__logo a { display: flex; align-items: center; line-height: 1.5; } @media screen and (min-width: 1025px), print { .header__logo a { gap: 1.6rem; font-size: 1.2rem; transition: opacity 300ms; } .header__logo a:hover { opacity: 0.7; } } @media screen and (max-width: 1024px) { .header__logo a { gap: 1rem; font-size: min(1rem, 3vw); } } .header__logo a .main { display: block; } @media screen and (min-width: 1025px), print { .header__logo a .main { margin-left: -0.6rem; font-size: 1.6rem; } } @media screen and (max-width: 1024px) { .header__logo a .main { margin-left: -0.8rem; font-size: 1.3rem; } } .header-menu { display: flex; gap: 4.8rem; } @media screen and (max-width: 1024px) { .header-menu { width: 100%; height: calc(100vh - 5.6rem); background-color: #049F56; flex-direction: column; align-items: center; padding: 8rem 2rem; position: absolute; top: -120vh; left: 0; opacity: 0; overflow-y: scroll; transition: opacity 300ms; } .header-menu[data-open=true] { top: 5.6rem; opacity: 1; } } @media screen and (min-width: 1025px), print { .header-menu { align-items: center; } } @media screen and (max-width: 1024px) { .header-menu__trigger { width: 5.6rem; height: 5.6rem; background: #049F56; position: relative; } } @media screen and (min-width: 1025px), print { .header-menu__trigger { display: none; } } .header-menu__trigger span { display: block; width: 2.4rem; height: 0.1rem; background-color: #fff; position: absolute; left: calc(50% - 1.2rem); transition: transform 300ms, opacity 300ms; } .header-menu__trigger span:first-of-type { top: 1.8rem; } .header-menu__trigger span:nth-of-type(2) { top: 50%; transform: translateY(-50%); } .header-menu__trigger span:last-of-type { bottom: 1.8rem; } .header-menu__trigger[data-open=true] span:first-of-type { transform: translateY(0.9rem) rotate(-45deg); } .header-menu__trigger[data-open=true] span:nth-of-type(2) { top: 50%; transform: translate(80%, -50%); opacity: 0; } .header-menu__trigger[data-open=true] span:last-of-type { transform: translateY(-0.9rem) rotate(45deg); } .header-nav__list { display: flex; gap: 4rem; } @media screen and (max-width: 1024px) { .header-nav__list { flex-direction: column; align-items: center; color: #fff; } } .header-nav__item[data-current=true] a::after { transform: translateX(-50%) scale(1, 1); } .header-nav__item a { display: flex; flex-direction: column; align-items: center; gap: 0.8rem; position: relative; } @media screen and (min-width: 1025px), print { .header-nav__item a { height: 4.8rem; justify-content: center; font-size: 1.6rem; } } @media screen and (max-width: 1024px) { .header-nav__item a { padding-bottom: 1.4rem; } } .header-nav__item a::after { content: ""; display: block; border-radius: 50vh; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%) scale(0, 1); transition: transform 300ms; } @media screen and (min-width: 1025px), print { .header-nav__item a::after { width: 3.2rem; height: 0.2rem; background-color: #049F56; } } @media screen and (max-width: 1024px) { .header-nav__item a::after { width: 2.4rem; height: 0.2rem; background-color: #fff; } } @media screen and (min-width: 1025px), print { .header-nav__item a:hover::after { transform: translateX(-50%) scale(1, 1); } } .header-btn { display: flex; flex-direction: column; justify-content: center; align-items: center; box-shadow: 0.2rem 0.4rem 0.8rem 0 rgba(144, 86, 73, 0.19); border-radius: 0.4rem; line-height: 1.5; } @media screen and (max-width: 1024px) { .header-btn { padding: 2rem 4rem; background-color: #fff; color: #049F56; font-weight: 500; } } @media screen and (min-width: 1025px), print { .header-btn { width: 16rem; padding: 0.7rem 1em; background-color: #049F56; color: #fff; transition: box-shadow 300ms, transform 300ms; } .header-btn:hover { box-shadow: none; transform: translate(0.1rem, 0.1rem); } } .header-btn .small { font-size: 1.2rem; } .side-links { position: fixed; z-index: 8; } @media screen and (min-width: 1025px), print { .side-links { right: 2.4rem; bottom: 40%; } } @media screen and (max-width: 1024px) { .side-links { right: 0.8rem; bottom: 24rem; } } .side-links__list { display: flex; flex-direction: column; } @media screen and (min-width: 1025px), print { .side-links__list { gap: 2rem; } } @media screen and (max-width: 1024px) { .side-links__list { gap: 1.2rem; } } .side-links__item { width: 4rem; height: 4rem; border-radius: 50vh; display: flex; align-items: center; justify-content: center; background-color: rgba(255, 255, 255, 0.48); border: 0.1rem solid #049F56; } .side-links svg { width: 2rem; } .side-links svg path { fill: #049F56; } .side-links .side-bnr { position: fixed; transition: bottom 300ms, opacity 300ms; } @media screen and (min-width: 1025px), print { .side-links .side-bnr { bottom: 4rem; right: 2rem; width: 30rem; } } @media screen and (max-width: 1024px) { .side-links .side-bnr { bottom: 3.2rem; right: 1rem; width: 25rem; } } .side-links .side-bnr[data-hide=false] { opacity: 1; } @media screen and (min-width: 1025px), print { .side-links .side-bnr[data-hide=false] { bottom: 4rem; } } @media screen and (max-width: 1024px) { .side-links .side-bnr[data-hide=false] { bottom: 2.4rem; } } .side-links .side-bnr[data-hide=true] { opacity: 0; bottom: -120%; } .side-links .side-bnr a { display: block; } @media screen and (min-width: 1025px), print { .side-links .side-bnr a { transition: opacity 300ms; } .side-links .side-bnr a:hover { opacity: 0.7; } } .side-links .side-bnr img { width: 100%; border-radius: 0.4rem; box-shadow: 0.2rem 0.4rem 0.8rem 0 rgba(144, 86, 73, 0.19); } .footer { background: #515151; color: #fff; } @media screen and (min-width: 1025px), print { .footer { padding: 4rem; } } @media screen and (max-width: 1024px) { .footer { padding: 2.4rem 0; } } .footer-copyright { text-align: center; } @media screen and (min-width: 1025px), print { .footer-copyright { font-size: 1.2rem; } } @media screen and (max-width: 1024px) { .footer-copyright { font-size: 1rem; } }[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}